/* CSS Document */
/*______________________CALQUES ET BALISES_____________________________________________*/
body{
   margin:0px; padding:0px; /* pour éviter les marges */
   text-align: left; /* pour corriger le bug de centrage IE */
   background:#326717; color:black;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   cursor:default;
/*SCROLLBAR-FACE-COLOR: #c8dda5; */
SCROLLBAR-FACE-COLOR: #008000; 
SCROLLBAR-HIGHLIGHT-COLOR:#c8dda5 ;
SCROLLBAR-SHADOW-COLOR: #c8dda5; 
SCROLLBAR-3DLIGHT-COLOR:#c8dda5; 
/*SCROLLBAR-ARROW-COLOR:#326717;*/
SCROLLBAR-ARROW-COLOR: #c8dda5;   
SCROLLBAR-TRACK-COLOR: #c8dda5; 
SCROLLBAR-DARKSHADOW-COLOR: #c8dda5; 
SCROLLBAR-BASE-COLOR: #c8dda5; }


#titre{
position: absolute; margin:auto; width:30%; color:#326717; height: 30px; overflow:hidden}

#fond {
	margin:0px; padding:0px;
	top:1%; margin-top:1%;
	position:relative; 
	margin-left:auto; border:1px solid #99CC99;
	margin-right:auto; overflow:hidden;
	min-width:790px; width:75%;  max-width:1000px; min-height:650px; height:auto; 
	z-index:1; }

#langue{ position:absolute; right:3px; top:3px; width:40px}	
	
#menu_princ { 
	position:absolute;   padding:0; margin:0;
	top:17.5%;
	left: 0%;
	width:23%; min-height:150px;
	margin-left:0%; 
	height:23%;  min-height:167px; vertical-align:middle;
	z-index:2;}	


#contenu { 
	position:absolute; padding:0; margin:0; 
	top:44%; 
	width:60%;
	left:40%;
	height:53%;  
	z-index:2; vertical-align:middle;}	


#photo_princ{
position:absolute;  margin:0; padding:0; margin-top:-2px; 
top:44%;
width:40%; 
left:0%;
height:53%;
z-index:2; vertical-align:middle;}

#pied {
width: 100%; text-align:center; font-size:12px; color:#FFFFFF; margin:0; margin-top:-20px; padding:0; height:15}

#photo_rub{float:left; top:0; left:0; width:27%;  height:24.5%; margin:2px; margin-left:3%; }
#vignette_rubrique{ float:left;  width:63%; margin:2px; text-align:left; height:24.5%; overflow:auto;}	

#agenda{ margin:0; padding:0; height:83%; overflow:auto; cursor:n-resize}
#photo_agen{float:left; top:0; left:0; width:26%;  height:23%; overflow:hidden; margin:2px; margin-left: 4%;}
#vignette_agen{ float:left;  width:63%; margin:2px; text-align:left; min-height:23%; overflow:auto; border-bottom:1px solid gray}	

#photo_service{float:left; top:0; left:0; width:27%;  height:25%; margin:2px; margin-left:3%; margin-top:3.5% ; margin-bottom:0; }
#texte_service{ float:right;  width:63%; margin-right:3%; margin-top:3%; text-align:left; height:56%; margin-bottom:0; overflow:auto;}	


#loisirs{ margin:0; padding:0; height:83%; overflow:auto; cursor:n-resize ;}
#photo_loisirs{ float:left; top:0; left:0; width:27%;  max-height:28%; margin:2px; margin-left:3%; margin-top:3% ; margin-bottom:0;}
/*#vignette_loisirs{float:left;  width:63%; margin:2px; margin-top:3%;   text-align:left; min-height:28%; overflow:auto;}*/
#vignette_loisirs{float:right;  width:63%; margin:2px; margin-top:3%;   text-align:left; overflow:auto;}

#contact{margin:0; margin-top:2%; padding:0; height:94%; overflow:auto; overflow:inherit; }
#coordonnees{ float: left;  margin:0; padding:0; margin-left:1%; width:42%; text-align:right; }
#formulaire{ float: right;  margin:0; padding:0; margin-left:1%; width:53%; text-align:left; height:96%; margin-right:1%;}

#plan { float:left; margin:0; padding:0; width:40%; margin-right:1%; height:51%; margin-left:3%; border:1px solid black}


#photo_camping{float:left; top:0; left:0; width:27%;  height:24%; margin-left:4%; margin-top:3%;  margin-bottom:0; }
#texte_gite{float:right;  width:55%; margin-right:8%; margin-top:2%; text-align:left; height:52%; margin-bottom:0; overflow:auto; }	

#menu_outils {
	position:absolute; padding-left:10px;
	margin-top:0%; top:95%; 
	width:98%; left:0;
	margin-left:auto; margin-right:auto;
	height:auto; z-index:5}
	
h3 {margin:0; padding:0; width:99%; text-align:right; color: white; font-size:19px; font-weight:100}

/* __________________________ pop up __________________________________________*/
#pop_descr {
display:none; min-width:150px; width:30%; max-width:300px; position:absolute; right:0; top:0; margin-left:0px;  margin-top:-350px; 
font-family:Arial, Helvetica, sans-serif; font-size: 13px; 
background-color:white; border:1px solid #996666; padding:1%; padding-right:0;  
color:black; text-align:left;
z-index:6} 

#pop_tarif {
display:none; width:700px; position:absolute; margin-left:-660px;  margin-top:-500px; 
font-family:Arial, Helvetica, sans-serif; font-size: 12px; 
background-color:#FFFFFF; border:1px solid #996666;   
color:#333333; text-align:center; opacity:0.95; filter:alpha(opacity=95); 
z-index:6} 


/* ______________champs formulaires, boutons de navigation_______________________*/

input.champs {
color:#333333; 
background-color:#ffffff;
border:1px solid #cccccc; 
font-size:10px; 
height:13px;
padding:0; margin:0;
}

input.bouton{ 
color:#326717; background-color: #c8dda5; 
border:0; 
font-size:12px; text-decoration:underline;
font-weight:bold;
}
input.bouton:hover{ color:red;}

input.boutonTaille{ 
color:white;
background-color:red; 
font-size:12px;
font-weight:bold;
font-family:arial;
width:120px
}
input.boutonTaille:hover{ color:white; background-color:red}


select { 
color: black; 
font-size:10px; 
font-family:arial;
padding-bottom:0px;
}

textarea {
color: black; 
background-color:#ffffff;
}

input.fichier {
color:black; 
background-color:#66CCFF; 
font-size:10px; 
font-family:arial;
}