@charset "utf-8";

body{ text-align:center; behavior: url(csshover.htc); background:transparent url(../images/fond.jpg) repeat-x fixed 0pt 50%; margin:0px; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; }
div.myhr{ clear:both; height:0px; overflow:hidden; }

#centre_contenu{ margin:20px auto 20px auto; text-align:left; width:939px; background:transparent url(../images/fond_int.gif) right repeat-y; border:10px solid #868889; z-index:-2; }
#contenu{ float:right; width:720px; }
#contenu img{ max-width:650px; }
#centre_image{ text-align:center; }
galerie{ width:720px; }
a img { border:4px solid #868889; }
a:hover img { border:4px solid #f18926; }
img { border:4px solid #868889; }
h1{ font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 10px 10px; margin:0px; color:#ffffff; }
h2{ font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 10px 0; margin:0px; color:#000000; }

/*------------------------------------------MENU--------------------*/
#menu{ float:left; background-color:#868889; width:210px; height:500px; }
#menu ul{ margin:0px; padding:0px; position:relative; }

div#menu ul ul#prefa{ position:absolute; top:50px; left:210px; display:none; }

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2{ display:block; padding:0px; margin:0px; border:0px; } 
#menu ul li{ position:relative; padding:0px; margin:0px; }
#menu li#itemmenuhaut{ margin-top:0px; }

#menu ul li a:link, #menu ul li a:visited{ width:196px; height:22px; padding:9px 0px 0px 20px; margin-bottom:10px; display:block; text-transform:uppercase; color:#fff; text-decoration:none; }
#menu ul li.corpo a:link, #menu ul li.corpo a:visited{ background:url(../images/li_corporate.gif) top left no-repeat; }
#menu ul li.comp a:link, #menu ul li.comp a:visited{ background:url(../images/li_competences.gif) top left no-repeat; }
#menu ul li.corpo a:hover, #menu ul li.comp a:hover{ background:url(../images/li_hover.gif) top left no-repeat; }

div#menu ul ul{ position:absolute; z-index:10; top:0px; left:210px; display:none; margin:0px; padding:4px 0px 0px 0px; background-color:#868889; }
#menu ul li.corpo ul li a:link, #menu ul li.corpo ul li a:visited{ background:#949597; margin-bottom:4px; width:240px; height:18px; padding:7px 0px 0px 10px;  }
#menu ul li.comp ul li a:link, #menu ul li.comp ul li a:visited{ background:#6b6b6b; margin-bottom:4px; width:240px; height:18px; padding:7px 0px 0px 10px; }
#menu ul li.comp ul li a:hover, #menu ul li.corpo ul li a:hover{ background:#f18721; }
#menu ul li.sousmenu ul li{ margin:0px; padding:0px; border:none; width:255px; }
#menu li{ list-style-type:none; width:196px; margin-top:7px; }
#menu li.sousmenu:hover{ list-style-type:none; width:196px; margin-bottom:0px; }

/*----------------------ENTETE---------------------------*/
#banniere{ width:939px; height:77px; background:#868889 url(../images/haut.jpg) right no-repeat; }
#banniereAdmin{ text-align:right; color:#FFF; font-size:2em; background:#868889; }

#visu{ position:relative; z-index:0; margin:0 auto; padding:0 0 0 0; background-image:url(../images/visu.jpg); background-position:center bottom; background-repeat:no-repeat; width:959px; height:577px; }
a{ color:#000000; }
a:hover{ color:#bc630c; }
#fond_gris{ position:absolute; display:none; z-index:3; top:0px; left:0px; width:100%; height:100%!important; height:1500px; overflow:hidden; background-color:#666666; filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6; }
.invisible{ display:none; }

/*-------------------------------FORMULAIRE-------------------------------------*/
form {  padding: 10px 15px 10px; }
form p { margin: 1em 0; }
form p.double {	overflow: hidden; }
form p.double label { float: left; width: 130px; text-align: right; font-weight: bold; cursor: pointer; }
form p.double label span.info { display: block; margin-top: .2em; font-size: .8em; font-weight: normal; cursor: default; }
form p.double input, form p.double textarea { width: 250px; margin-left: 12px; border: solid 1px #f08825; padding: 2px 4px; }
form p.double input:focus { width: 250px; margin-left: 12px; border: solid 1px #f08825; background-color:#f09844; padding: 2px 4px; }
form p.double textarea { padding: 2px 0 0 4px; width: 320px; height: 6em; }
form p.simple { margin-left: 160px; }
#animation{ margin:55px 0px 0px 33px; }
a.pdf{ padding-left:20px; background:transparent url(../images/icone_pdf.gif) no-repeat left 1px; }

/*****************************************************************************************/
input.bouton, a.bouton:link, a.bouton:visited{ border:1px solid #f68920; text-transform:uppercase; font-weight:bold; font-size:1.1em; background:#f68920; padding:3px 9px 3px; color:#fff; text-decoration:none; cursor:pointer; width:auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
input.bouton:hover, input.bouton:focus, input.bouton:active, a.bouton:hover{ background:url(../images/hover.gif) top repeat-x; }

.msg{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px; }
.msg p {margin: 0 0 8px 0; padding-left: 15px;}
.msg-ok {border-color: #a6d877; background: #d2ecba; color: #336801;}
div#myCallback{ display:none; }

div#listeResult img{ border:none; }
div#listeResult table{ width:98%; }
div#listeResult table th{ background:#666; color:#FFF; padding:5px; }
div#listeResult td{ padding:5px; }
div#listeResult tr{ background:#CCC; }
div#listeResult tr.even{ background:#ddd; }
div#listeResult td.last{ width:40px; }
.ui-state-highlight{ background:#f68920; height:30px; }

/***** annonces *****/
div.annonce{ margin:0px 20px 30px 10px; padding:0px 0px 15px 0px; border-bottom:solid 1px #999; }
div.annonce h2{ color:#666; font-size:1.4em; margin:0px; padding:0px; }
div.annonce h2 span{ color:#f68920; font-weight:normal; }
div.annonce small{ display:block; color:#666; font-size:1em; }
div.annonce div.action{ text-align:right; }
div.annonce a.bouton{ font-size:0.9em; }

/***** formualire ******/
.obligatoire{ color:#F00; }
form#candidatureForm{ padding:0px; margin:0px; }

div.formLeft{ float:left; margin-bottom:10px; }
div.formRight{ float:right; margin-bottom:10px; margin-right:30px; }
div.form, div.formRadio{ clear:both; margin-bottom:10px; }
div.formLeft label, div.formRight label, div.form label, div.formRadio label{ float:left; display:block; width:135px; font-size:1.1em; } 
div.formLeft input, div.formRight input{ width:180px;  border:solid 1px #F08825; } 
div.form input{ width:553px; border:solid 1px #F08825; }
div.form input.error, div.formLeft input.error, div.formRight input.error, div.error{ background:url(../images/error.png); color:#FFF; border:solid 1px #FFF; }

div#reponse{ display:none; }