/* 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:#135655;*/
  background:#163957;
   color:black;
   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:#3399ff;  
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:750px;
	width:70%;
	max-width:920px;
	min-height:735px;
	z-index:1;
}

#bandeau{position:absolute; top:0; left:0%; width: 100%; height:40%; margin:0; padding:0;}

#menu_princ{ 
	position:absolute;   padding:0; margin:0;  
	top:22%; text-align:center; 
	left: 9%;
	min-width:120px;
	width:83%;
	height:12%;   vertical-align:middle;
	z-index:2;}	
	
#vignette{float: left; width:16%; margin:1px; padding:0; height:100%}	
	
#menudroit{ 
	position:absolute; padding:0; margin:0;
	top:40%; 
	width:25%;
	left:11%;
	height:50%;  
	z-index:2; }
#vigndroit{float:left; width:99%; height:32%; margin:0; margin-bottom:2%; padding:0;}

marquee{font-size:11px; margin:0 0 0 10%; color:#003399; font-style:italic; width:88%; height:40%; text-align:left;}
marquee p{margin:0px; padding:0;}
#contenu { 
	position:absolute; padding:0; margin:0;
	top:40%; 
	width:52%;
	left:37%;
	height:50%;  
	z-index:2; }			

#titrepage{margin:0; padding:0; width:21%; padding-top:1%; height:6%; text-align:right; color:#FFFFFF; font-size:14px; font-style:italic; font-weight:bold}
#sousmenu{float: right;margin:0; padding:0; width:77%; height:6%; text-align:center; color:#FFFFFF; font-size:12px; font-style:italic; }

#planning{ margin:0; padding:0; width:100%; height:94%;}


#menuphotos{ 
	position:absolute; padding:0; margin:0;
	top:40%; 
	width:25%; overflow:auto; 
	left:11%;
	height:50%;  
	z-index:2; }


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

#contact {float:left; width:48%; height:45%; margin:0; padding:0; padding-top:2%; border-right:1px solid #003366; color:#cccccc; font-size:10px; text-align:right; padding-right:1%}
#formulaire{float: right; width:50%; height:47%; margin:0; padding:0; text-align:right; color:#FFFFFF}

#plan{float: left; width:100%; height:46%; margin:0; margin-top:1%; padding:0; text-align:right; color:#FFFFFF}

#equipe{width:100%; height:93%; overflow:auto;
SCROLLBAR-FACE-COLOR: #019ACE; 
SCROLLBAR-HIGHLIGHT-COLOR:#019ACE ;
SCROLLBAR-SHADOW-COLOR: #019ACE; 
SCROLLBAR-3DLIGHT-COLOR:#019ACE; 
SCROLLBAR-ARROW-COLOR:white;  
SCROLLBAR-TRACK-COLOR: #019ACE;
SCROLLBAR-DARKSHADOW-COLOR: #019ACE; 
SCROLLBAR-BASE-COLOR: #019ACE;
}


.imgequipe{border-color:#FFFFFF; margin:1%; margin-top:0; margin-bottom:0; max-width:35%; max-height:95%;}
.imgphoto{max-height:93%; border-color:white; margin:1%}

p.equipe1{margin:0; padding:1%; margin-top:2%; width:93%; height:42%; overflow:auto; text-align:justify;}
p.equipe2{margin:0; padding:1%; margin-top:2%; width:93%;height:35%; overflow:auto; text-align:justify;}
p.equipe3{margin:0; padding:1%; margin-top:2%; width:93%; height:32%; overflow:auto; text-align:justify;}


a.plus{ color:#669900; font-size:12px; margin:0 0 0 10%; padding:0; width:80%; font-style:italic}
a.plus:hover{color:red}

a.plus2{ color:#3399ff; font-size:12px; margin:0 0 0 10%; padding:0; width:80%; font-style:italic}
a.plus2:hover{color:red}

a.plus3{ color:#ffcc33; font-size:12px; margin:0 0 0 10%; padding:0; width:80%; font-style:italic}
a.plus3:hover{color:red}

/* ______________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: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;
padding-bottom:0px;
}

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

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

popup { background-color:#FF0000}

#tarifs{
float: left; margin:0; padding:0; width:59%; height:92%; margin-top:2%; text-align:left; overflow:auto;SCROLLBAR-FACE-COLOR:#FFCC00; 
SCROLLBAR-HIGHLIGHT-COLOR:#FFCC00 ;
SCROLLBAR-SHADOW-COLOR:#FFCC00;
SCROLLBAR-3DLIGHT-COLOR:#FFCC00; 
SCROLLBAR-ARROW-COLOR:#3399ff;  
SCROLLBAR-TRACK-COLOR: #FFCC00; 
SCROLLBAR-DARKSHADOW-COLOR: #FFCC00; 
SCROLLBAR-BASE-COLOR: #FFCC00}
#tarifs p{width:90%; }