/* 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:white; color:#325162;
   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:#326717;  
SCROLLBAR-TRACK-COLOR: white; 
SCROLLBAR-DARKSHADOW-COLOR: white; 
SCROLLBAR-BASE-COLOR: white; }

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

#fond {
	margin:0px; padding:0px;
	top:1%; margin-top:1%;
	position:relative; 
	margin-left:auto; 
	margin-right:auto; overflow:hidden;
	min-width:790px; width:75%;  max-width:950px; height:auto; 
	z-index:1;}
	
#globe {
	position:absolute;
	padding:0;
	margin:0;
    top:30%;
	left: 3%; 
	width:13%;
	height:17%;
	vertical-align:middle;
	z-index:2;
}	

#menu{ position:absolute; /*top:24%;*/ top:85%;;left:5%; width: 100%; height:4%; z-index:3; padding-top:4px; }

#contenu {
position:absolute; background-color:#eeeeee; border:0px solid white; border-top:0; border-right:1px solid #cccccc; 
	border-bottom:1px dotted gray;  
	padding:0;
	margin:0;
    top:29%;
	width:74%;
	left:22%;
	height:59%;
	z-index:2;
	vertical-align:middle;}	


#photo_princ{
position:absolute;  margin:0px; padding:0px;
top:0;
width:100%; height:27.5%;
left:0;
z-index:2; }

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


#titre-page{ float:right;  left:49%; top: 2%; width:70%; height:6%; text-align:right; padding-bottom:3px; padding-right:1%}
#titre-page h1{  font-size:20px; color:#006699; display:inline; font-family:tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight:300}
#texte-accueil{float:left; text-align:right; margin-left:1%; font-size:13px; margin-top: 3%; width:65%; height:40%;}
#photos-accueil{ float:left; margin-left:1%; margin-top: 3%; width:32%; height:40%; }

#photos-contact{ float:left; margin:0; margin-left:2%; margin-top:2%; width:230px; height:80%; padding-top:3%}

#contact{float:right; width:53%; margin:2%; margin-top:4%; margin-left:0%; height:84%;  }

#photos-prod{ float:right; margin:0; margin-left:2%; margin-top:0; width:38%; height:80%; padding-top:2%; }

#prod{float:left; width:45%; margin:2%; margin-top:8%; margin-left:6%;  height:80%; }


/* ______________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{  
border:0; color:#333333; 
font-size:12px; text-decoration:underline; background-color:#FFFFFF
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;
}