/* CSS Document */
* {/*reset d'un certain nombre de styles css par defaut*/
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

html{ background: #003F72;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(../images/background.jpg) repeat-x left top;
	text-align:center;
	margin:0;
	padding:0 0 0 20px;
}

#accessibility{visibility: hidden; display: none;}

#page{
	position:relative;
	width:990px;
	margin:0 auto;padding:0;
	height:700px;
	}
	
	#banniere{
		position:relative;
		background: url('../images/banniere_acc.jpg') no-repeat left top;
		height:160px;width:100%;
		top:0;
		margin:0;
		padding:0;}
		#logo{
			text-align:left;
			height:140px;
			width:230px;
			margin:20px 0 0 20px;
			float:left;
			}
			#logo a {text-indent:-9000px;height:140px;margin:0;padding:0;}
			#logo h1{height:90px;width:230px;background: url('../images/logo.gif') no-repeat left top;}
			#logo h2{text-indent:-9000px;}
		
	#contents{position:relative;margin:0 0 0 0;clear:both;top:-20px;}
		
		#main{position:relative;float:left;}/*localtreechildren*/
		
	#anim{position:absolute;width:590px;/*height:570px;*/padding:3px 0 0 0;}
		#anim .voir_guide {margin:-3px 0px 0px 200px;width:340px;text-align:center;}
		#anim .voir_guide a {text-transform:uppercase;font-weight:bold;font-size:1.1em;margin:15px 0 0 0;text-align:left;}
		
			#diaporama {/*border:1px solid #FFF;*/}
	
		#sommaire{position:relative;width:420px;float:right;
			top:-145px;right:20px;
			background: url('../images/back_sommaire_accueil.jpg') no-repeat 0 35px;}
			#menuTop{float:right;}
			ul#menuTop{
				margin:0;padding:0;float:right;list-style-type: none ;
				/* Suppression du margin, du padding et des puces du <ul> */}
				
				ul#menuTop li.groupe, ul#menuTop li.promocil{
					margin: 0;
					padding: 0;
					float:left;
					text-indent:-9000px;
					/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
				}
				
				ul#menuTop li.groupe a, ul#menuTop li.promocil a{
					display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
					width: 140px ;
					line-height: 30px ;
				}
				/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
				ul#menuTop li.groupe a{background: url('../images/mn_groupe-promocil.jpg') no-repeat 0 0;}
				ul#menuTop li.promocil a{background: url('../images/mn_groupe-promocil.jpg') no-repeat -140px 0;}
				/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
				ul#menuTop li.groupe a:hover{background: url('../images/mn_groupe-promocil.jpg') no-repeat 0 -32px;}
				ul#menuTop li.promocil a:hover{background: url('../images/mn_groupe-promocil.jpg') no-repeat -140px -32px;}
			
			#menu{clear:right;}
				#menu ul{list-style-type:none;padding:0;margin:35px 0 0 0;width:420px;/*border:1px solid red;*/}
				#menu li{margin:0;padding:0;display:block;/*border:1px solid #FFF;*/text-indent:-9000px;}
					#menu a:hover{border:1px solid #FFF;background: url('../images/fleche-accueil.jpg') no-repeat 0 0;}
						#menu .prog a{height:114px;display:block;}
						#menu .immo a{height:97px;display:block;}
						#menu .ouvrage a{height:91px;display:block;}
						#menu .ref a{height:93px;display:block;}
						#menu .contact a{height:110px;display:block;}
							
			#actus{color:#014A7D;margin:45px 0 0 0 ;height:150px;padding:15px 25px 15px 25px;font-size:1.2em;}
			#actus p span{font-weight: bold;}
			#actus p a{color:red;font-variant: italic;}
			
			#espace{height:180px;padding:0 0 0 25px;/*border:1px solid #FFF;*/
			
			}			
				#espace a, #actus a{color:#FFF;font-size:1em;font-weight:bold;text-decoration:none;}
				#espace a:hover, #actus a:hover{text-decoration:underline;color:#cff;}
				
			#menuBas{text-align:center;width:100%;height:185px; background:#FF9D1F; }
			#menuBas ul{text-align:center;margin-left:75px;padding-top:20px;}
				#menuBas ul li{float:left;list-style: none;padding:3px 10px 3px 20px;}
					#menuBas ul li.credit{background: url('../images/picto_credits.gif') no-repeat 0 0;}
					#menuBas ul li.plan{background: url('../images/picto_plan.gif') no-repeat 0 0;}
					#menuBas ul li.contact{background: url('../images/picto_contact.gif') no-repeat 0 0;}