/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#69777F;
text-align:center;
background-color:#FFF;
margin-bottom:10px;
}
#centrage {
width:755px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
.gauche{
float:left;
}
.droite{
float:right;
}

a:link, a:visited{
color:#69777F;
text-decoration:none;
font-weight:bold;
}
a:hover, a:active{
color:#69777F;
text-decoration:underline;
font-weight:bold;
}

form{
margin:0;
padding:0;
}
ul li{
list-style:none outside none;
display:inline;
}
/* Navigation --------------------------------------------------------------- */
#navigation{
height:48px;
background-image:url(../pics/navigation/fd_navig.gif);
background-repeat:no-repeat;
background-color:#FFF;
}

#navigation ul{
float:right;
}

#navigation ul img{
margin-left:-4px;
margin-bottom:-2px;
}

#navigation ul li{
list-style:none outside none;
display:inline;
}

/* Bandeau ----------------------------------------------------------------- */
#bandeau{
height:170px;
}

#bandeau img{
margin-bottom:-2px;
}

#logo{
position:absolute;
margin:3px 0 0 8px;
}

/* Contenu ------------------------------------------------------------ */

#contenu{
background-image:url(../pics/fd_centre.gif);
background-position:top;
background-repeat:repeat-y;
display:table;
padding-left:6px;
width:749px;
}	

.comp{
padding-left:10px;
margin:7px 0;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0 5px;
float:left;
}
	
		/* gauche ------------------------------------------------------------ */
		#gauche{
		float:left;
		width:172px;
		padding:0 0 20px 0;
		text-align:center;
		
		}
		
		#gauche img.info{
		margin:0 0 5px 0;
		}
		
		#gauche p{
		margin:5px 6px;
		text-align:left;
		}
		
		#gauche .comp{
		margin:30px 0 0 20px;
		}
		#gauche .conseils {
			font-size:90%;
		}
		/* centre ------------------------------------------------------------ */
		#centre{
		float:left;
		width:370px;
		padding:20px 9px 10px 18px;
		font-size:95%;
		}
		
		#centre p{
		margin-bottom:15px;
		}
		
		#centre h2{
		margin-bottom:20px;
		}
		
		#centre .actua{
		clear:both;
		text-align:justify;
		font-size:105%;
		width:100%;
		display:table;
		margin-bottom:20px;
		}
		
		#centre .actua img.visuel{
		margin:0 0 5px 5px;
		float:right;
		}
		
		#centre .comp{
		float:right;
		}
		
		
		#centre .vague{
		position:absolute;
		margin:60px 0 -10px 237px;
		}


		/* droite ------------------------------------------------------------ */
		#droite{
		float:left;
		width:158px;
		padding:0px 7px 10px 7px;
		text-align:center;
		}	
		
		#droite .pratique{
		margin-bottom:50px;
		}
		
		#droite .pratique h2{
		text-align:right;
		margin-bottom:10px;
		}
		
		#droite .localisation{
		margin-bottom:20px;
		}
		
		#droite .localisation h2{
		margin:10px 0;
		}
		
		#droite .recherches h2{
		margin:10px 0 5px 0;
		}
		
		#droite ul{
		text-align:left;
		color:#41982F;
		}
		
		#droite ul li{
		display:block;
		list-style:none outside none;
		margin:0 0 10px 5px;
		}
		
		#droite ul li a{
		color:#41982F;
		}
		
		#droite input.champ{
		width:123px;
		height:15px;
		border:solid 1px #449F32;
		padding:0 3px;
		margin-right:5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#69777F;
		font-size:100%;
		}
		
		#droite #loupe{
		background-color:#449F32; /*ELEMENT AVEC COULEUR CHANGE*/
		padding:2px 3px;
		}
	
/* Pied de Page --------------------------------------------------------------- */
#footer{
height:42px;
background-image:url(../pics/01/fd_footer.gif);/*ELEMENT AVEC COULEUR CHANGE*/
background-position:top left;
background-repeat:no-repeat;
color:#FFF;
padding:5px 22px 0 22px;
}

#footer ul{
float:right;
}

#footer ul a{
color:#fff;
}

#footer ul li{
list-style:none outside none;
display:inline;
}

.ssfooter{ 
clear:both;
color:#449F31;/*ELEMENT AVEC COULEUR CHANGE*/
text-align:center;
margin-top:8px;
}

html>body .ssfooter{
clear:both;
color:#449F31;
text-align:center;
margin-top:20px;
}

div.avl {
width:168px;
margin-bottom:16px;
}
div.avl a {
font-weight:normal;
}
div.avl h3 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#41982F;
margin-bottom:4px;
}
div.avl img {
display:block;
margin-bottom:4px;
}