/* 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:#cac7c7;
   color:#4c7f8a;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   cursor:default;
SCROLLBAR-FACE-COLOR: white; 
SCROLLBAR-HIGHLIGHT-COLOR:white ;
SCROLLBAR-SHADOW-COLOR: white; 
SCROLLBAR-3DLIGHT-COLOR:white; 
SCROLLBAR-ARROW-COLOR:#336699;  
SCROLLBAR-TRACK-COLOR: white; 
SCROLLBAR-DARKSHADOW-COLOR: white; 
SCROLLBAR-BASE-COLOR: white; }

#fond {
	padding:0px;
	margin-top:1%;
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	overflow:hidden;
	min-width:790px;
	width:70%;
	max-width:930px;
	min-height:735px;
	z-index:1;
}
#anim{position:absolute; top:0; left:0%; width: 100%; height:100%; margin:0; padding:0;}
	
#menudroit{ 
	position:absolute; padding:0; margin:0; padding-top:1%;  
	top:45%; 
	width:23%; 
	left:0%;
	height:25%;  
	z-index:2; }
	
#photomenu{ 
	position:absolute; padding:0; margin:0;  
	top:45%; 
	width:21%;
	left:23%;
	height:25%;
	z-index:1; }	
	
#titre-page{ 
	position:absolute; text-align:center;
	top:81%;  
	width:42%;
	left:1%;
	height:3%;  
	z-index:2; }
		
#vigndroit{float:left; z-index:1; position:relative; width:99%; height:13%; margin:0; padding:0; margin-left:18%; color:#427c02; display:inline-block}

#contenu { 
	position:absolute; padding:0; margin:0;
	top:0; 
	width:56%;
	left:44%;
	height:97%;  
	z-index:2; }	
	
#titrepage{margin:5% 0% 0% 10%; padding:0; width:80%;}
		
#principal{ 
	position: absolute; color:#4c7f8a; 
	top:8%;
	width:100%;
	left:0%;
	height:45%; overflow:auto; 
	z-index:2; }
	
#photo-princ{ 
	position: absolute; 
	top:8%;  
	left:0%;
	width:97%; height:45%; /* width:470px; height:362px; */
	z-index:3; }
	
#carrousel{ 
	position: absolute;
	top:68%;  
	width:100%;
	left:0%;
	height:31%;  
	z-index:3; }	
	
#liens{
	position: absolute; color:#4c7f8a; 
	top:70%;  
	width:100%;
	left:0%;
	height:31%;
	z-index:2;  
margin:0% 0% 0% 10%; padding:0; overflow:auto; width:90%; height:70%;  }	
	
#presentation {
position:absolute;  left:0%; width:47%; overflow:hidden;  top:0px;  min-height:670px; height:100%; z-index:4;}

#menubas{ 
	position:absolute; padding:0; margin:0;  
	top:97%; 
	width:100%;
	left:0%;
	height:2%;  
	z-index:2; }
	
#vign_bas{float:left; width:20%; height:100%; margin:0; padding:0; margin-left:4%; color:white;   }	

a.plus{ margin:0; margin-left:2%; padding:0; font-size:14px; color:#427c02; text-decoration:none;display:inline-block}
a.plus:hover{ font-weight:600; margin-left:5%; color:black}
a.plus_valid{ margin:0; margin-left:2%; padding:0;font-weight:600; font-size:14px; color:black; text-decoration:none; display:inline-block}

a.plus2{ margin:0; margin-left:2%; padding:0; font-size:12px; color:#427c02; text-decoration:none; display:block}
a.plus2:hover{ margin-left:5%; color:black}
a.plus2_valid{ margin:0; margin-left:2%; padding:0;font-size:12px; font-weight:bold; color:black; text-decoration:none}

a.plus-bas{ margin:0; margin-left:2%; padding:0; font-size:14px; color:white; text-decoration:none}
a.plus-bas:hover{font-weight:600;color:#427c02 }

img.vign {margin:0px 0px 5px 5px;}

#coord{ float:left; width:45%; height:15%; margin:1%; margin-top:0; border-right:0px solid #4c7f8a; border-bottom:0px solid #4c7f8a; background-color:#E9EDED}
#coordcl{ float:left; width:47%;   height:17%; margin:0%;  border-left:2px solid #4c7f8a; border-top:1px solid #4c7f8a; text-align:center; z-index:1; background-color:#FFFFFF }

#sousmenu{position:absolute; background-color:white; display:inline; width:auto; height:auto;   border-left:2px solid #427c02; padding:0 3px 0 3px}
#sousmenuA{position:absolute; background-color:white; display:none; width:auto; height:auto;   border-left:2px solid #427c02; padding:0 3px 0 3px; margin-left:-10px}

#sousmenu2{position:absolute; background-color:white; display:inline; width:auto; height:auto;   border-left:2px solid #427c02; padding:0 3px 0 3px;}
#sousmenuB{position:absolute; background-color:white; display:none; width:auto; height:auto;   border-left:2px solid #427c02; padding:0 3px 0 3px; margin-left:-10px}

/* ______________champs formulaires, boutons de navigation_______________________*/
.formulaire-titre { margin:0; padding:0;  
font-weight:600; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.formulaire{ font-size:11px }
#questionnaire{ position: absolute; width:95%; height:82%; border-left:2px solid #4c7f8a; top:17%; left:0; z-index:2   }



input.champs {
color:#333333; 
background-color:#ffffff;
border:1px solid #cccccc; 
font-size:10px; 
height:13px;
padding:0; margin:0;
}
input.bouton{ 
color:white; 
background-color:#003366; 
border:0; 
font-size:11px; text-decoration:underline;
font-weight:bold;
}
input.bouton:hover{ color:yellow;}

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;
/*background-color:#D5EAFF;*/
background-color:#e2e2e2;
padding-bottom:0px;
}

textarea {
color: black; 
background-color:white;
}

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