html {font-size: 100%;}
	
body {height: 100%;padding: 0;margin: 0;font-family: Helvetica, Arial, sans-serif;
font-size: 1.344em;text-align: justify;}

#conteneur {width: 90%;text-align: left;min-width: 800px;max-width: 1200px;height: 637px;border: 2px solid #62B3EC; border-bottom: none;-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px;  
-khtml-border-radius: 5px 5px 5px 5px;behavior: url(border-radius.htc);
background:#f0f8ff;margin-right: autO;margin-top: 1%;margin-left: auto;}

#banniere{position: relative;height: 160px;min-width: 800px;max-width: 1200px;background-color: #62B3EC;border-bottom: 2px solid midnightblue}

/* JQUERY CYCLE */
.pics {float: left;height:  150px;width:   330px;padding: 0;margin:  0;}
.pics img {padding-top: 10px;background-color: #62B3EC;width:  330px;height: 150px;top:0;left:0}


#logo {POSITION: ABSOLUTE;top:0; right:0;background-image: url("photos/banniere.png");
BACKGROUND-REPEAT: NO-REPEAT;width: 500px;height: 125px;}






.navigation {position: ABSOLUTE; top:109PX; width: 560PX;RIGHT:-4.5%;} 
.navigation-header {}
.navigation-header li {POSITION: RELATIVE; LEFT:-6%; PADDING-TOP: 1PX;list-style-type: none;
float: left;
height: 27px;
margin-right: 2px;
border: 2PX SOLID midnightblue;
background:#f0f8ff;
-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;-khtml-border-radius: 5px 5px 0px 0px; 
}
.navigation-header li a { color:midnightblue; text-decoration: none;  font-family: arial, geneva, sans-serif;font-weight: bold;font-size: 15PX;  font-variant: small-caps;
margin-left: 5px;margin-right: 5px;
}
.navigation-header li:first-child { margin-left: 5px; }
.navigation-header li.navigation-active { 
background:#f0f8ff;
border: 2PX SOLID midnightblue;
border-bottom: 2px SOLID #f0f8ff;
}
.navigation-header li.navigation-active a {
color: midnightblue;
text-decoration: none;
font-weight: bold;
}
.navigation-display { display: block; }

.navigation li a:hover {outline: none;background-color: #f0f8ff;COLOR:DARKORANGE; }
.navigation li a:focus {outline: none;background-color: #f0f8ff;COLOR:DARKORANGE; }

#corps{position: relative; margin-top: 5px; }

#accroche{height: 110px; text-align: center;}
h1 {PADDING-TOP:0PX;MARGIN-TOP:15PX;font-size: 1.3em;text-align: CENTER;PADDING-BOTTOM:0PX; MARGIN-BOTTOM:5PX;
color: midnightblue; Text-transform:uppercase;font-family: font_1; TEXT-DECORATION:UNDERLINE} 
#accroche p {font-weight: bold; FONT-SIZE:0.8EM; MARGIN-TOP: -0.4EM}

#centre_corps{ width: 100%; background-color: white;}

#cadre_gauche{float: right; position: relative;height: 270px;width: 13%;margin-right: 2%;border: 2px solid #62B3EC;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
-khtml-border-radius: 5px 5px 5px 5px;}

#cadre_gauche img{height: 270px; width: 100%;}

#cadre_droit{background-color: white;z-index: 2;position: relative;float: left;height: 270px;width: 100%;border: 2px solid #62B3EC;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px;  
-khtml-border-radius: 5px 5px 5px 5px;  }

/*accueil*/
#accueil{width:65%;FLOAT:LEFT}
#call-back{height: 150px; width:30%; FLOAT:RIGHT;   border: 2px solid midnightblue; MARGIN-top:1%;MARGIN-RIGHT:2%;background:#f0f8ff;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px;  
-khtml-border-radius: 5px 5px 5px 5px;}
#call-back img{float: left;width:30%; height:85%; padding-left:2%;padding-right:2%; MARGIN-TOP:-2%}
#call-back p{font-size: 60%; padding-top: 3%; text-align: center; }
#appelez{height:100px;}
#form_appel{height:75px;padding-left:4%;}
/*fin*/

/*metier*/
#metier{width:65%;FLOAT:LEFT}
#rapport{height: 185px; width:22%; FLOAT:RIGHT; MARGIN-RIGHT:6%;MARGIN-top:1%;background:#f0f8ff;border:2px solid midnightblue;
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px;  
-khtml-border-radius: 5px 5px 5px 5px;}
#rapport img{height:140px; width:140PX; margin-left:AUTO; margin-right:auto; MARGIN-TOP:-8PX;}
#rapport p{font-size: 50%; padding-top: 3%; text-align: center; }

/*fin*/



#cadre_droit p{margin-left: -1%;}

#cadre_droit li {color: midnightblue;line-height:1.4em;font-size: 0.8em;list-style-type: none;
list-style-position:inside}

#bas_de_page{width: 90%; min-width: 800px;max-width: 1200px;POSITION: ABSOLUTE;top:579PX; /* on part du haut... */
MARGIN:AUTO;background-image: url("photos/panorama.png");
BACKGROUND-REPEAT: NO-REPEAT; height: 100px;text-align: center;}

#bas_de_page p {PADDING-TOP:70PX; font-size: 0.6em;MARGIN-RIGHT:0; PADDING-RIGHT:0;}

#bas_de_page a {color: midnightblue}

#ajust{clear: both;}


p {color: midnightblue;line-height:1.1em;font-size: 0.65em;padding-right: 3%;padding-left: 3%;}
b{color:darkorange;}
strong {color: midnightblue;}

@font-face { font-family: "font_1"; src: url('font_1.eot');}
@font-face {font-family: "font_1"; src: url('font_1.ttf')format('opentype');;}


h2 {TEXT-DECORATION:UNDERLINE;text-align: left;padding-left: 2%;font-size: 0.9em;color: midnightblue; 
PADDING-TOP:0; MARGIN-TOP:2%;MARGIN-BOTTOM:2%;} 

a { OUTLINE:NONE; text-decoration: underline; color: midnightblue }
a:hover {text-decoration: none; color: midnightblue}

#corps ul {line-height: 1.3em;font-size: 0.75em;padding-right: 5%;padding-left: 5%;}



/*tableaux*/
#cadre_droit table {width: 92%; MARGIN: AUTO; BORDER:2PX SOLID #62B3EC;text-align: center;BORDER-COLLAPSE:COLLAPSE}
#cadre_droit td, th {color: midnightblue;line-height:1.1em;font-size: 0.55em; BORDER:2PX SOLID #62B3EC;}
#cadre_droit form  table {width: 70%;MARGIN-LEFT: 150PX;}
.scrolling-content tr {font-size: 0.90em;HEIGHT: 20PX}
.scrolling-content  tr {height: 30px;}




/*menu du slide*/
.panel { float: left;width: 81%;margin-left: 2%;} 
.panel-header {WIDTH: 60%;z-index: 7;POSITION:ABSOLUTE; TOP:64PX; height: 30px; background:#f0f8ff;}
.panel-header li {POSITION: RELATIVE; LEFT:-6%; PADDING-TOP: 4PX;list-style-type: none;
float: left;
height: 24px;
margin-right: 2px;
border: 2PX SOLID #62B3EC;
background-color: white;
-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;-khtml-border-radius: 5px 5px 0px 0px; 
}
.panel-header li a { color:midnightblue; text-decoration: none;  font-family: arial, geneva, sans-serif;font-weight: bold;font-size: 15PX;  font-variant: small-caps;
margin-left: 5px;margin-right: 5px;
}
.panel-header li:first-child { margin-left: 5px; }
.panel-header li.panel-active { 
background-color: WHITE;
border: 2PX SOLID #62B3EC;
border-bottom: 2px SOLID WHITE;
}
.panel-header li.panel-active a {
color: darkorange;
text-decoration: none;
font-weight: bold;
}

.panel-header li a:hover {outline: none;COLOR:DARKORANGE; }
.panel-header li a:focus {outline: none;COLOR:DARKORANGE; }

#panel-content {
clear: both;
background-color: #eeeeee;
border: 1px solid #333333;
border-top: 0;
padding: 5px;
display: none;
}
.panel-display { display: block; }


/*slide*/

#wrapper {	overflow: hidden; 	height: 100%;width: 100%;	position: relative;}
#inner {height: 100%;width: 100%;position: relative;}
.scrolling-content {height: 95%;width: 100%;text-align: JUSTIFY;position: absolute;}
.scrolling-content p {1em;}
.scrolling-content h1 {font-size: 1.5EM;}
#panel-content-1 {left: 0px;top: 0px;}
#panel-content-2 {	left:0px; top: 300px;}
#panel-content-3 {	left: 0px;top: 600px;}
#panel-content-4 {	left: 0px;top: 900px;}

/*bouton suite*/
#suite {background-color:midnightblue;float:right; font-variant:small-caps;font-weight:bold; border:3px solid darkorange; margin-right:3%;padding-left:2%;padding-right:2%}
#suite a{color:white; font-size:1.1em }
#suite a:hover{text-decoration:none}
#suite a:focus{text-decoration:none}

/*mentions*/
#mentions{border: 2px solid midnightblue; width:80%; height:auto; margin:auto;text-align:center; font-size:0.8em; margin-top:3%;}

/*contact*/
#FORM{}
#form table{margin-top:20px;border:none}
#form td{border:none;}
#form tr{border:none;width: 100%;}
TEXTAREA{200%}

/*recrutement*/
.remu {font-size:85%}



#conteneur_enquete {width: 90%;text-align: left;min-width: 800px;max-width: 1200px;height: 1050px;border: 2px solid #62B3EC; border-bottom: none;-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px;  
-khtml-border-radius: 5px 5px 5px 5px;behavior: url(border-radius.htc);
background:#f0f8ff;margin-right: autO;margin-top: 1%;margin-left: auto;}

#bas_de_page_enquete{width: 90%; min-width: 800px;max-width: 1200px;POSITION: ABSOLUTE;top:992PX; /* on part du haut... */
MARGIN:AUTO;background-image: url("photos/panorama.png");
BACKGROUND-REPEAT: NO-REPEAT; height: 100px;text-align: center;}

#accroche_enquete{height: 110px; text-align: left;}
#accroche_enquete p {font-weight: bold; FONT-SIZE:0.8EM; MARGIN-TOP: -0.4EM}