body{
background: url(../images/background/fd_front_body.jpg) repeat-x #d8f0ff;
margin:0px; padding:0px;
font-family:verdana; font-size:12px;}

h2, p,img{margin:0px; padding:0px;}
.green{color:#92c523;}
#content p.titre_bleu{font-weight:bold; color:#107ac3;}
#content p.mots_bleus{color:#107ac3;}
.tableau_equipe img{border:1px solid #4c4d4d;}

#container{
position:relative;
padding-top:23px;
margin:auto;
width:973px; height:auto;}

#header{
width:100%;
height:169px;
background: url(../images/background/fd_front_header.jpg) no-repeat;}

  #header h1{display:none;}
  
#menu{
width:900px; height:30px;
padding-left:85px;
font-family:verdana; font-size:13px; color:#107ac3;
background: url(../images/background/fd_front_content.jpg) repeat-y;}


  #menu li {list-style-type:none;}

  /*Histoires de marges et d'espaces*/	
  #menu dl, #menu dl dd, #menu ul, #menu li {margin:0px; padding:0px;}
  #menu dl dt{margin-right:20px;}/*espace entre chaque onglet*/
  #menu dl a, #menu dl a:hover {padding:5px;}/*padding qui définit l'espace occupé par le menu général sans fixer de taille, même principe pour les sous menus*/
  #menu li a, #menu li a:hover {padding:5px 20px 5px 5px; margin:0px;}
    
  /*Histoire de visibilite, comportement, positionnement*/
  #menu dl{float:left; }
  #menu dl dd{display:none; position:absolute;}
  #menu dl a, #menu dl a:hover{display:block ;}
  #menu dl li a, #menu dl li a:hover{width:auto !important; width:200px;}/*IE6 a besoin d'une taille*/
  
  /*Histoires de gout*/
  #menu li a{background: url(../images/background/fd_front_menuli.jpg) bottom left repeat-x white;}/*fond des sous menus */ 
  #menu dl a:hover, div#menu dl:hover dt a{color: white; background: url(../images/background/fd_front_dthover.jpg) bottom left repeat-x #0070be;}/*fond de tous les liens survoles*/
  #menu a, #menu a:active{ text-decoration:none; color:#107AC3;}


#content{
clear:left;
width:auto; height:auto; display:inline-block; /*permet au bloc de s'agrandir en fonction de son contenu, div comprises*/
padding:0px 50px 10px 37px;
background: url(../images/background/fd_front_content.jpg) repeat-y;
}

	/*TOUT CE QUI SE TROUVE DANS LA BOITE CONTENT*/
	
	/*boite photos*/
	#left_box{float:left; width:250px; margin-top:10px;padding:0px 25px 10px 18px;  height:auto;}
	#left_box img{width:250px; margin:5px 0px 5px 0px;}
	
	/*elements individuels*/
	#content h2{font-family:verdana;font-size:15px;color:#92c523;width:auto;text-align:left;padding:15px 10px 10px 20px;}
	#content p, #content ul, #horaires, #tarifs{font-family:verdana; font-size:12px; line-height:18px;color:#4c4d4d;}
	#content p{padding:5px 20px 5px 20px; text-align:justify;}
	#content ul{display:inline-block; width:60%; margin:0px; padding:5px 5px 5px 35px;}
	#content a{text-decoration:none; font-weight:bold; color:#92c523;}
	#content a:hover{text-decoration:underline;}
	#content a img{border:2px solid #92c523;}
	
	/*tableaux de tarifs, horaires*/
	#horaires, #tarifs {border:1px solid #92c523;}
	#tarifs td, #horaires td{border:1px solid #92c523;}

	/*liens du livre d'or, ajouter des messages, afficher les pages*/
	#content a.addmsg{ display:block; text-align:center; margin:auto;font-size:13px; width:640px; padding:5px; background:url(../images/background/fd_front_greencells.jpg) repeat-x left bottom #92c523; color:white;border:1px solid #92c523;}
	#content a.addmsg:hover{display:block; background:url(../images/background/fd_front_greencells2.jpg) repeat-x left bottom white; color:#92c523; border:1px solid #92c523;}
	#content ul.nbdepages{margin:5px 0 0 85px;}
	#content ul.nbdepages li{float:left;list-style-type:none; padding:2px;}
	#content ul..nbdepages a{padding:2px; border:1px solid #92c523;}
	#content ul.nbdepages a.pageselected{padding:2px; border:1px solid #0c507d; color:#0c507d;}
	
	/*tableaux livre d'or*/
	.msgs_table{position:relative;width:650px; font-family:verdana; font-size:13px; border:1px solid #0c507d; margin-top:8px; margin-bottom:7px;}
	.msg_by{color:white;background:url(../images/background/fd_front_livredortab.gif) no-repeat 99% 50% #0c507d;}
	.msg{font-style:italic;background:url(../images/background/fd_front_aquatable.jpg) repeat-x left bottom #eff7fc; color:#0c507d;}
	
	/*tableau d'envoi de formulaire*/
	.addformulary {font-weight:bold; color:#107AC3;}
	.addformulary input, .addformulary textarea{font-family:verdana; color:#107AC3; font-size:12px;}
	.addformulary .left{background-color:#d8f0ff;}
	.addformulary .right{background-color:#d8f0ff;}
	.red{color:red;}
	
	/*plan de page*/
	.liste_pages_front{}
	.liste_pages_front li, .liste_pages_front li a{list-style-type:none;color:#92c523; font-weight:bold; }
	#content .liste_pages_front li ul li a{color:#0c507d;font-weight:normal;}	
	#content .liste_pages_front li a:hover{text-decoration:underline;}
	.liste_pages_front li{margin-top:5px;}
	.liste_pages_front li ul{padding:0px 0px 0px 25px; margin-top:0px;display:inline-block;}
	/*inline-block permet à IE de ne pas laisser une ligne vide au dessus de la liste imbriquee*/
	.liste_pages_front li ul li{padding:0px; margin-top:2px;}


#footer{
position:relative; float:left;
width:100%; height:93px;
background:url(../images/background/fd_front_footer.jpg) no-repeat;}

	#footer p{
	position:relative; top:50%;
	text-align:center;
	font-family:verdana; font-size:11px; color:#326e9a;}
	#footer p a{color:#326e9a; text-decoration:none;}
	#footer p a:hover{text-decoration:underline;}