html {font-size: 15px;background-color:black;}
body {padding: 0;margin: 0;font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;text-align: justify;}

h1 {padding-top:15px;font-size: 1.3em;text-align: left;padding-left:3%;padding-bottom:0px; margin-bottom:15px;
 Text-transform:uppercase; text-decoration:underline;color:black;  } 
h2 {text-decoration:underline;text-align: left;padding-left: 2%;font-size: 0.9em;
padding-top:0; margin-top:4%;margin-bottom:4%;color:#795535;} 
a {outline:none; text-decoration: underline;  color:black}
a:hover {text-decoration: none; }
a img{border: none;} 
p {line-height:1.25em;font-size: 0.80em;padding-right: 3%;padding-left: 3%;color:black}
b{color:black;font-weight:normal}
strong{font-weight:normal}

#conteneur{width: 1000px;height:700px;border-bottom:2px solid black;}
#banniere{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere4.jpg"); background-repeat: no-repeat;}
#banniere2{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere7.jpg"); background-repeat: no-repeat;}
#banniere3{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere2.jpg"); background-repeat: no-repeat;}
#banniere4{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere6.jpg"); background-repeat: no-repeat;}
#banniere5{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniereX.jpg"); background-repeat: no-repeat;}
#banniere6{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniereZ.jpg"); background-repeat: no-repeat;}
#banniere7{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere.jpg"); background-repeat: no-repeat;}
#banniere8{height:250px;width:1000px;position: absolute; top:0px;border-right:2px solid black;background-image: url("photos/banniere5.jpg"); background-repeat: no-repeat;}
#banniere a{text-decoration:none}

#titre{z-index:1;FLOAT:left; width:300px; margin-left:10px;margin-top:25px;  height:90px;background-color:black;-moz-opacity:0.80;opacity: 0.80;filter:alpha(opacity=80);}
#titre p{text-align:center;}
.si{font-size:28px;font-weight:bold;color:white;text-decoration:underline}
.ci{font-size:20px;LINE-height:30px;color:white}
.tel{font-size:16px;  LETTER-SPACING:4px;color:white }

#cadre_droit{Z-index:2;position: absolute;top:20px;right:4px;height: 530px;width: 300px; padding-top:120px;}
#cadre_droit a{text-decoration:none}

#entete{  height:35px}
#entete p {color:#922a43; text-decoration:underline}

#form_appel{WidTH:110%;text-align:center;margin-left:-5px;margin-top:-10px }

#vignette{FLOAT:left;border: 1px solid gray;-moz-box-shadow:2px 6px 7px black;-webkit-box-shadow: 2px 6px 7px gray;z-index:3;height: 100px; width:125px; margin-left:15px;margin-bottom:30px}
#vignette img{height:50px;WidTH:50px ; margin-top:-20px }
#vignette p{text-align:center;}

#bas_de_page{width:1000px; height:242px;position: absolute;top:832px;margin:0;height: 95px;text-align: left;border-top:2px solid black;border-RIGHt: 2px solid black;background-image: url("photos/footer.jpg");background-repeat: no-repeat;}



#menu 
{position:absolute;left:30px;top:178px;width: 1000px;font-weight : bold; z-index:3;
        font-family : Arial;   font-size : 12px;text-align:center}
#menu a {     font-size : 12px;    display : block;}
#menu li.navigation-active { height: 27px;background:white;border: 2px solid black ;border-bottom: 2px solid white; -moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);}
#menu li.navigation-active:hover {height: 25px; background:white;border: 2px solid black ;border-bottom: 5px solid white; }
#menu ul li a {color:white}
#menu li.navigation-active a {margin-top:-1px;color:black; text-shadow: 0px 2px 1px LIGHTGRAY;text-decoration: none;
font-weight: bold;border-bottom:2px solid white}

#menu li    {    width:110px;   position: RELATIVE;	left:-6%; padding-top: 1px;
list-style-type: none;float: left;	height: 29px;margin-right: 2px;background:black;	color:white; -moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70);    }

#menu li a { text-decoration: none;  font-family: arial, geneva, sans-serif;font-weight: bold;font-size: 18px;  font-variant: small-caps; color:white;padding-top:3px}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 100px; /* Largeur des sous-listes */
     padding-top: 8px;
   left: -999em; /* Hop, on envoie loin du champ de vision */
  }
}

#menu li ul li{}
#menu li ul LI a{background-color:white;color:black;font-variant:none}
#menu li ul LI a:hover{background-color:white;color:black;font-variant:none;}
#menu li first-child { margin-left: 5px; }
#menu li  a:hover { color: fuschia;}
#menu li:hover {border-bottom:none;background:black;-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);  }
#menu li.navigation-active a:hover{ background:white;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  {
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		margin-left:-36px
}


#corps{position: relative; Width:1000px;  margin-top: 220px;background:white;  height:620px;  border-top:2px solid black;z-index:2 }
#corps ul {line-height: 1.3em;font-size: 0.75em;padding-right: 5%;padding-left: 5%;}
#accroche{height: 110px; text-align: left;background:white;margin-left:1%;margin-top:50px}
#accroche p { font-size:0.9EM; margin-top: -0.4EM;color:black}
#cadre{background-color: white;z-index: 1;position: relative;float: left;height: 370px;width: 80%;border: 2px solid black;margin-top:-23px;-moz-box-shadow:2px 4px 5px black;-webkit-box-shadow: 2px 4px 5px gray;}
#cadre p{margin-left: -1%;margin-right:20px}
#cadre li {line-height:1.4em;font-size: 0.8em;list-style-type: none;
list-style-position:inside}
#cadre table {width: 92%; margin: AUTO; border:2px solid #62B3EC;text-align: center;border-collapse:collapse; color:black; }
#cadre td, th {line-height:1.1em;font-size: 0.80em; border:2px solid black;}
#cadre form  table {width: 70%;margin-left: 150px;}
.scrolling-content tr {font-size: 0.90em;height: 20px}
.scrolling-content  tr {height: 30px;}
/*accueil*/
.panel { float: left;width: 81%;margin-left: 2%;} 
.panel-header {WidTH: 60%;z-index: 2;position:absolute; top:90px; height: 27px; background:white;}
.panel-header li {position: RELATIVE; left:-6%; margin-top: 9px;padding-top:6px;list-style-type: none;float: left;height: 20px;margin-right: 2px;background:black;-moz-opacity:0.65;opacity: 0.65;filter:alpha(opacity=65);BORDER-bottom:1px solid black}
.panel-header li a { 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;color:white; }
.panel-header li:first-child { margin-left: 5px; }
.panel-header li.panel-active { height:19px;color:black;background-color: white;border: 2px solid black ;border-bottom:2px solid white; -moz-opacity:1.00;opacity: 1.00;filter:alpha(opacity=100);}
.panel-header li a:hover {color:white; }

.panel-header li.panel-active a {text-decoration: none;font-weight: bold;background-color:white;color:black;}

.panel-header li.panel-active a:hover {color:black}

.panel-header li:FOCUS {outline: none; }
#panel-content {clear: both;background-color: #eeeeee;border: 1px solid #333333;border-top: 0;padding: 5px;display: none;}
.panel-display { display: block; }
/*panel*/
#wrapper {	overflow: hidden; 	height: 100%;width: 100%;	position: relative;}
#wrapper p{font-size:13px}
#inner {height: 100%;width: 100%;position: relative;}
#inner a {outline:none; text-decoration: underline;  color:black}
#inner a:hover {text-decoration: none; }
.scrolling-content {height: 95%;width: 100%;text-align: JUSTIFY;position: absolute;}
.scrolling-content h1 {font-size: 1.5EM;}
#panel-content-1 {left: 0px;top: 0px;}
#panel-content-2 {	left:0px; top: 400px;}
#panel-content-3 {	left: 0px;top: 800px;}
#panel-content-4 {	left: 0px;top: 1200px;}
#panel-content-5{	left: 0px;top: 1600px;}
/*bouton suite*/
#suite {float:right;  margin-right:5%;}
#suite p{text-align:center}
#suite a{color:black;}
#suite a:hover{text-decoration:none}
#suite a:focus{text-decoration:none}
/*mentions*/
#mentions{ width:90%; height:auto; margin:auto;text-align:center; font-size:1em; margin-top:3%;}
/*contact*/

#form table{margin-top:20px;border:none}
#form td{border:none;color:black}
#form tr{border:none;width: 100%;}
TEXTAREA{200%}
/*recrutement*/
.remu {font-size:85%}
/*cadres photos*/
#cadre1{height: 140px; width:105px; border:1px solid black; position:absolute; left:220px; top:190px;  background-image: url("photos/balc1.jpg");margin-right:2%; margin-left:2%;margin-top:1%;
background-repeat: no-repeat;}
#cadre2{height: 180px; width:135px; border:1px solid black; FLOAT:LEFT;   background-image: url("photos/sej.jpg");margin-right:4%; margin-left:4%;margin-top:1%;
background-repeat: no-repeat;}
#cadre3{height: 126px; width:225px; border:1px solid black; FLOAT:RIGHt;   background-image: url("photos/balc11.jpg");margin-right:225px;margin-top:0px;
background-repeat: no-repeat;}
#cadre4{height: 140px; width:105px; border:1px solid black; FLOAT:left;   background-image: url("photos/extranet.jpg");margin-right:2%; margin-left:2%; margin-top:1%;
background-repeat: no-repeat;}
.acces_extranet{font-weight:bold}