body{
   margin:0;
   padding:0;
   background:white url(../images/fond_body.gif) fixed;
   text-align:center;
}
.start{text-align:left;}
/*-----------------------*/

#plan{
   background: url(../images/haut.gif) no-repeat 0 0;
   width:637px;
   height:6px;
   margin: 0 0 0 224px; /*20px auto -12px auto*/
/*   margin:20px auto 0 auto !important;
*/   

}

/*-----------------------*/   
#conteneur{
   width:637px;
   padding:0 0 1px 0;
   margin:0 auto;
   text-align:left;
   background: url(../images/fond_conteneur.gif) repeat 0 0;
   position:relative;
}
#index{
   	padding:0 0 1px 0;
   	margin:0;
   	text-align:left;
   	position:relative;
}

#liens_intro{margin:5px 0 20px 260px;}

#liens_intro img{
	border:0;
}
img.logo{
	float:left;
	margin:0 0 0 20px;
}
a.intro{
	margin:0;
	color:black;
	border:0;
	font-size:.8em;
	font-weight:bold;
}
a.intro:hover{
	color:white;
}
a.grand{
		margin:0 0 0 140px;
}
img.enter{
	border:0;
}	
h1.intro{
	font-size:1.2em;
	color:white;
	margin:0 20px 0 20px;
	padding:5px 0 0 0;
}
h1.intro_petit{
	font-size:1em;
}
#video-intro{
	width:670px;
	height:536px;
	margin:30px auto  0 auto;
}

/*-----------------------*/

#contenu_brun{
   width:552px;
   margin:0 0 0 18px !important;
   margin:-8px 0 0 18px;
   padding:10px 25px 10px 25px;
   background:url(../images/cont_millieu_brun.gif) repeat 0 0;
}
#contenu_haut_brun{
   background:url(../images/cont_haut_brun.gif) no-repeat 0 0;
   height:10px;
   width:602px;
   margin:15px 0 0 18px;
}
#contenu_bas_brun{
   background:url(../images/cont_bas_brun.gif) no-repeat 0 0;
   height:10px;
   width:602px;
   margin:0 0 0 18px;
}
#contenu_beige{
   width:552px;
   margin:0 0 0 18px !important;
   margin:-8px 0 0 18px;
   padding:10px 25px 20px 25px;
   background:url(../images/cont_millieu_beige.gif) repeat 0 0;
}

#contenu_haut_beige{
   background:url(../images/cont_haut_beige.gif) no-repeat 0 0;
   height:10px;
   width:602px;
   margin:15px 0 0 18px;
}
#contenu_bas_beige{
   background:url(../images/cont_bas_beige.gif) no-repeat 0 0;
   height:10px;
   width:602px;
   margin:0 0 0 18px;
}
#note{
   clear:both;
   font-size:.1em;
}
#contenu_blanc{
   width:552px;
   margin:0 0 0 18px;
   padding:20px 25px 10px 25px;
   background-color:white;
}

/*-----------------------*/
#entete{
   width:637px;   
   height:217px;
   margin:0 0 0 0;
   }
/*.home{background:url(../images/accueil_entete.jpg) no-repeat 0 45px;}
*/.partn{background:url(../images/entete_partn.gif) no-repeat 0 90px;}
.sakados{background:url(../images/entete_sakados.gif) no-repeat 0 90px;}
.tsunami{background:url(../images/entete_tsunami.gif ) no-repeat 0 90px;}
.immigrados{background:url(../images/entete_imm.gif ) no-repeat 0 90px;}
.about{background:url(../images/entete_about.gif) no-repeat 0 90px;}
.links{background:url(../images/entete_links.gif) no-repeat 0 90px;}
.site_map{background:url(../images/entete_map.gif) no-repeat 0 90px;}
.serv{background:url(../images/entete_dev.gif) no-repeat 0 90px;}      
/*-----------------------*/
#nav{
   text-align:center;
   margin:0 15px 0 22px;
   clear:both;
   position:absolute;
   z-index:2;
   width:600px;
   top:5px;
}
#nav img{
   float:left;
   border:0;
   margin:0;
}
#nav a.menu, #nav span.menu{
   margin:0 0 0  0;
   padding:2px 0 0 0;
   display:block;
   text-decoration:none;
   width:94px;
   height:20px;
}

#nav ul.derou{
   margin:0 0 0 0;
   padding:5px 0 0 0;
   width:94px;
}
#nav li.derou{
   padding:5px 0 5px 0;
   width:94px;
   list-style:none;
   margin:0 0 0 0;
   text-align:right;   
}
#nav dl{
   float:right;
   margin:10px 4px 0 0;
   padding:0 0 0 0;
   width:94px;
   }
#nav  dt, dd{
   margin: 0;
   padding:0;
}
#nav a.derou{
   text-decoration: none;
   display: block;
   height: 100%;
   width:84px;
   margin:0 5px 0 5px;
   padding:0 0 0 0;
}

/*-----------------------*/
/* #news_g{
   width:200px;
   float:right;
} */
#news_d{
   margin:10px 0 0 0;
   padding:0 15px 0 0;
   width:205px;
   float:right;
}
/*-----------------------*/

#directeur{
   background-image:url(../images/fond_directeur.gif);
   height:151px;
   margin:15px 0 15px 0 !important;
   margin:8px 0 15px 0;
   padding:5px 0 0 0;
   position:relative;
   overflow:hidden;

}
ul.equipe, li.equipe{
   list-style:none;
}
ul.equipe{
   display:block;
   margin:10px 0 0 0 !important;
/*   margin:10px 0 0 40px;
*/   
}
li.equipe{
   margin:0 20px 0 5px;
   float:left;
   padding:0 0 5px 0;
   width: 175px;
   display: inline;
}
li.filet_beige{
   border-left:1px solid #D6983B;
   padding:0 0 1px 25px;
}
img.directeur{
   margin:0 10px 0 0;
   float:left;
   width:75px;
   border: 1px solid #D6983B;
}
img.pdf{
   border:0;
   margin:0 5px -5px 0;
}

/*-----------------------*/
#links{
   background-image:url(../images/fond_links.gif);
   height:146px !important;
   height:136px;
   margin:15px 0 15px 0 !important;
   margin:8px 0 15px 0;
   padding:10px 200px 0 40px !important;
   padding:20px 200px 0 40px;
   position:relative;
   overflow:hidden;
}
img.link{
	float:left;
	margin:0 10px 0 0;
	border:0;
}
/*-----------------------*/

#partn{
   background:url(../images/fond_partners.gif) no-repeat 0 0;
   height:146px !important;
   height:136px;
   margin:15px 0 15px 0 !important;
   margin:8px 0 15px 0;
   padding:10px 40px 0 220px !important;
   padding:20px 40px 0 220px;
   position:relative;
   overflow:hidden;
}
#adresse_gauche{
   position:absolute;
   left:18px;
   top:0px;
   width:125px;
   height:125px;
   padding:17px 22px 12px 22px;
}
/*-----------------------*/

#serv{
   background:url(../images/fond_services.gif) no-repeat 0 0;
   height:146px !important;
   height:136px;
   margin:15px 0 15px 0 !important;
   margin:8px 0 15px 0;
   padding:10px 40px 0 220px !important;
   padding:20px 40px 0 220px;
   position:relative;
   overflow:hidden;
}
/*-----------------------*/

#accueil{
   background:url(../images/fond_accueil.gif) no-repeat 0 0;
   height:156px;
   margin:15px 0 15px 0 !important;
   margin:8px 0 15px 0;
   position:relative;
   clear:right;
}
#accueil_gauche{
   position:absolute;
   left:40px;
   top:20px;
   width:390px;
   height:120px;

}
#adresse_droite{
   position:absolute;
   left:465px;
   top:20px;
   width:145px;
   height:120px;
   }
#adresse_brun_gauche{
   background:url(../images/fond_adresse_brun.gif) no-repeat 0 0;
   position:absolute;
   left:24px;
   top:700px;
   width:125px;
   height:125px;
   padding:17px 22px 12px 22px;
}

#bloc_brun_gauche{
	position:absolute;
	left:17px;
	top:840px;
	width:125px;
	height:125px;
	padding:17px 22px 12px 22px;
}
/*-----------------------*/

#pied{
   background:url(../images/pied.gif) no-repeat 0 0;
   width:619px;
   height:22px;
   margin:0 auto 20px auto;
   padding:4px 18px 0 0;
   text-align:right;
}
#pied_intro{
	background:url(../images/pied_intro.gif) no-repeat 0 0;
	width:619px;
	height:22px;
	margin:0 auto 20px auto;
	padding:4px 18px 0 0;
	text-align:right;
}
#pied a{
   text-decoration:none;
   margin:0 0 0 0;
   padding:0 2px 0 2px;
   font-size:.7em;
}
/*-----------------------*/