/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   Website:   http://code.google.com/p/blueprintcss/
   
-------------------------------------------------------------- */

@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/grid.css';
@import 'src/forms.css';

body {
	background: #fff url(../img/bkg_menu.png) repeat-x;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #666; }
a {color: #07a0e8; text-decoration: none}
a:hover {text-decoration: underline}

/* @menu */
#menu {margin: 0; color: #fff;}
#menu a {text-decoration: none;}
#menu ul {width: 950px; margin: 0 auto;}
#menu li {float: left; position: relative; list-style-type: none; font-size: 1.05em; text-transform: uppercase; letter-spacing: .1em;}
#menu li a {display: block; float: left; background-image: url(../img/menu.png); height: 32px; color: #fff; text-align: center; padding: 15px 0 0 0;}

	/* @acceuil */
	#menu li#accueil a {width: 101px; background-position: O O;}
	#menu li#accueil a:hover, #menu li#accueil a.selected {background-position: 0 -57px;}
	/* @end */

	/* @acceuil */
	#menu li#fracture a {width: 213px; background-position: -101px 0;}
	#menu li#fracture a:hover, #menu li#fracture a.selected {background-position: -101px -57px;}
	/* @end */
	
	/* @qui */
	#menu li#qui a {width: 180px; background-position: -314px 0;}
	#menu li#qui a:hover, #menu li#qui a.selected {background-position: -314px -57px;}
	/* @end */	

	/* @actu */
	#menu li#actu a {width: 118px; background-position: -494px 0;}
	#menu li#actu a:hover, #menu li#actu a.selected {background-position: -494px -57px;}
	/* @end */	

	/* @aider */
	#menu li#aider a {width: 119px; background-position: -612px 0;}
	#menu li#aider a:hover, #menu li#aider a.selected {background-position: -612px -57px;}
	/* @end */

	/* @contact */
	#menu li#contact a {width: 162px; background-position: -731px 0;}
	#menu li#contact a:hover, #menu li#contact a.selected {background-position: -731px -57px;}
	/* @end */

		/* @subnav */
		#menu li ul {position: absolute; left: 0; top: 47px; width: auto; display: none; border-top: 1px solid #fff;}
		/*#menu li > ul {top: auto; left: auto;} /* ie fix */
		#menu li:hover ul, #menu li.over ul {display: block}	
		#menu li li {display: block; float: none; letter-spacing: 0; font-size: 1em; text-transform: none;}
		#menu li li a {display: block; float: none; height: auto; background: #666; border: 1px solid #fff; border-top: none; padding: 5px; color: #fff; width: 300px; text-align: left;}
		#menu li li a:hover {background-color: #000;}
		#menu li#actu li a {width: 218px;}
		#menu li#aider li a {width: 219px;}
		/* @end */	
	
/* @end */

/* @header */
#header {}

	/* @baseline */	
	#header h1 {text-indent:-999em; background: transparent url(../img/solidarite-numerique.png) top left repeat-x; margin: 0; width: 440px; height: 74px;}
	#header p {text-indent:-999em; background: transparent url(../img/baseline.png) top left repeat-x; margin: 0; width: 618px; height: 40px;}
	/* @end */
	
/* @end */

/* @content */
#content {padding-top: 15px;}
/* @end */

/* @maincontent */
#maincontent {padding-bottom: 2em;}
/*#maincontent h2, #maincontent h3 {font-family: georgia, "Times New Roman", times, sans-serif; font-weight: normal;}*/
#maincontent h2, #maincontent h3 {color: #666}
#maincontent ul {margin-left: 0;}
#maincontent li {list-style-type: none; padding: 0 0 0 12px; background: transparent url(../img/puce.gif) 0px 7px no-repeat;}
#maincontent dd {margin: 0 0 1em 0}
#maincontent img.left {margin: 0 10px 0 0; float: left}
#maincontent .highlight {padding: 5px 12px 5px 12px; background: #fff; border-left: 7px solid #eee ; color: #999; font-weight: 900; font-size: 1.2em}

	/* @schema */
	#schema {margin: 0; font-size: 1.2em; color: #999;}
	#schema img {display: block; margin-top: 10px;}	
	#schema li {float: left; width: 229px; height: 175px; background: #efefef url(../img/step1.gif) 10px 10px no-repeat; list-style: none inside; padding: 10px 0 0 50px;  border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	#schema li:hover, #schema li.over {background-color: #e0f5ff; font-weight: 900}
	#schema li#step2 {background-image: url(../img/step2.gif) ;}
	#schema li#step3 {background-image: url(../img/step3.gif) ;}
	#schema li#step4 {background-image: url(../img/step4.gif) ;}		
	/* @end */

	/* @form */
	#maincontent legend {margin-left: 150px}
	#maincontent .label {width: 150px; text-align: right}
	#maincontent input.submit {margin-left: 170px}
	/* @end */
	
/* @end */

/* @subcontent */
#subcontent {color: #666; font-size: .9em;}
#subcontent a {color: #666; text-decoration: none;}
#subcontent a:hover {text-decoration: underline}
#subcontent div {margin: 1em 0;}
#subcontent ul {margin-left: 0; list-style-type: none; border-top: 1px solid #ccc;}
#subcontent li {padding: .5em 0; border-bottom: 1px solid #ccc;}

	/* @partenaires */
	#subcontent .news {margin-top: 3em;}
	/* @end */	

	/* @partenaires */
	#subcontent .partenaires {margin-top: 4em;}
	.partenaires small {display: block; margin-bottom: 1em; font-family: arial; font-size: 10px; color:#ccc;}	
	.partenaires #subcontent li {padding: 1em 0 1em 0;}	
	/* @end */

/* @end */

/* @footer */
#footer {background: #07a0e8}
#footer p {padding: 1em 0; color: #fff; background: #07a0e8}
#footer p a {color: #fff;}
/* @end */