@charset "utf-8";
/* CSS Document */
/*______________________CALQUES ET BALISES_____________________________________________*/
body{
margin:0px; padding:0px; /* pour éviter les marges */
text-align: left; /* pour corriger le bug de centrage IE */
color:black; height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:default;
SCROLLBAR-FACE-COLOR:white ; 
SCROLLBAR-HIGHLIGHT-COLOR:white ;  
SCROLLBAR-SHADOW-COLOR:white; 
SCROLLBAR-3DLIGHT-COLOR:white; 
SCROLLBAR-ARROW-COLOR:#4c7f8a;  
SCROLLBAR-TRACK-COLOR: white; 
SCROLLBAR-DARKSHADOW-COLOR: white;  background-image:url(../objets/back.jpg);
SCROLLBAR-BASE-COLOR: white; }

#fond {
	padding:0px;
	margin-top:0;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	overflow:hidden; height:100%;
	width:800px;
	z-index:2;}
	
#fond-index{ 
position:absolute; width:100%; height:100%; z-index:1; background-image:url(../objets/introRemp.jpg); background-repeat:no-repeat; background-position:center; }

#text { position:relative;padding:0; margin:0; width:70%; text-align:center; top:60%;}
#fond-anim{ position:absolute; width:100%; height:100%; z-index:1; }



#bandeau{position:absolute; top:0; left:0; width: 624px; height:320px; margin:0; padding:0; z-index:5}
#menuprinc{ 
	position:absolute;   padding:0; margin:0;  
	top:0; text-align:center; 
	left: 0;
	width:800px;
	height:409px;
	z-index:3;}	
#vignette{ position:absolute; width:140px; height:30px; margin:0; padding:0; }
#menudroit{ 
	position:relative; float:left; padding:0; margin:0; background-color:white;
	top:410; padding-left:25px; padding-top:10px;
	width:225px; height:520px; background-image:url(../objets/bande.jpg);  background-repeat:repeat-y; background-position:bottom; background-position:left; left:0;
	z-index:3; }
#actu {margin:0; padding:0; padding-right:2px; width:213px;  height:275px;text-align:right; overflow:auto; color:#4c7f8a; }
#photo-actu {margin:0; margin-top:2px; margin-left:2px; padding:0; width:218px; height:235px; border-right:1px solid #eeeeee; }	
#contenu { 
	position:relative; float:right; 
	padding:0; margin:0; background-color:white;
	width:550px; height:auto; 
	z-index:3; }	
#titrepage{margin:0; margin-left:5px;  padding:0; margin-top:-5px; width:530px; height:65px; color:#0099FF; font-weight:100;
 border-bottom:2px solid #0099CC;}	
#central {margin:0; margin-left:5px; padding:0; width:530px; height:450px; background-color:white; border-bottom:1px dotted #e2e2e2; overflow:auto }
#menupied{margin:0; margin-left:5px;  padding:0; width:530px; height:18px; color:#0099FF; font-weight:100; text-align:right; }	
#contenu-soc { 
	position:relative; float:right; float:right;
	padding:0; margin:0; background-color:#FFFFFF;
	width:800px; height:auto; background-image:url(../objets/bande.jpg);  background-repeat:repeat-y; background-position:bottom; background-position:left;
	z-index:3; }	
#titrepage-soc{margin:0; margin-left:250px;  padding:0; margin-top:-5px; width:530px; height:65px; color:#0099FF; font-weight:100;
 border-bottom:2px solid #0099CC;}
#central-soc {margin:0; margin:auto; text-align:center; padding:0; width:700px; height:450px; background-color:#FFFFFF; border-bottom:1px dotted #e2e2e2; }
#menupied-soc{margin:0; margin-left:250px;  padding:0; width:530px; height:18px; color:#0099FF; font-weight:100; text-align:right; }	
#pied {float:left; border-top:1px solid #CCCCCC;
width: 800px; text-align:center; font-size:12px; color:#FFFFFF; margin:0; padding:6px; height:15px; z-index:3}
#footer{position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background-image:url(../objets/footer.jpg); background-position:bottom; background-repeat:no-repeat; z-index:1}
#contacts{float:right; width:330px; margin:0; padding:0}
#img-serv-1{
	position:absolute;
	margin:0;  
	padding:0;
	width:150px;
	height:100px;
	left:159px;
	top:70px;
	z-index:5;}
#img-serv-2{
	position:absolute;
	width:136px; 
	height:100px;
	left:106px;
	top:240px;
	z-index:5}
#img-serv-3{
	position:absolute;
	width:155px;
	height:120px;
	left:247px;
	top:382px;
	z-index:5}
#img-serv-4{
	position:absolute; 
	width:159px;
	left:480px;
	top:348px;
	z-index:5;
	height:175px;}
	
#central_text {margin:0; margin-left:5px; padding:0; width:530px; overflow:auto; height:450px; background-color:white; border-bottom:1px dotted #e2e2e2 }

.bande_photos{float:right; width:140px; margin:3px 0 0 5px}
img.vignettes{ max-width:95%; margin-bottom:5px}
.bande_tarifs{float:left;   width:200px; margin-top:10px  }

#message_actu{ position: absolute; width: 100%; top:0px; left:0px;   height:100%; display: block;   z-index:6}
a.fermeture{ float:right; padding:6px 6px 6px 6px; text-decoration:none; color:#FF0000; font-weight:bold}
#popeclair{ 
position:fixed;
margin:auto; top:10px; left:40px;
z-index:2; text-align:left; 
background-color:#FFFFFF;
display:none;
height:90%;  width:600px;
padding-left: 5px; padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:#333333; overflow:auto;
border:3px solid #FFFF00; z-index:7;
}