body { font-family:Arial, Helvetica, sans-serif;font-size: 12px;margin: 0;padding:0; color:#0f1c7c}

/*body * {
	margin: 0;
	padding: 0;
}*/

/* CSS - Corps */
/*#page {position:relative; width:955px; margin-left: auto;  margin-right: auto; background-color:#FF3333;z-index: 1; }*/
#page {width:955px; margin: 0 auto;}
/*#conteneur {position:absolute;}*/
#header {width:955px; height:124px; margin:0; padding:0; }
#SSheader{width:955px; height:14px; z-index:10;}
#SSSSheader{width:955px; height:238px;}
#SSSSheader div{ float:left}
#menuB {width:955px; height:35px; margin:0; padding:0;}
#centre {width:955px; margin:0; padding:0; }


/* CSS - Centre */
div#centre div.img1 { background:url(../IMG/img_05.jpg); width:955px; height:70px;}

div.titre-emploi {background:url(../IMG/img_05.jpg); width:955px; height:70px; float:left;}

/* CSS - Footer */
div#footer {clear:both;}
div#footer div.img-sup {background:url(../IMG/img_15.jpg); width:955px; height:177px; float:left; margin:5px 0 0 0;}


 #titre {width: 557px; height: 77px; margin:2px 0 0 0;}
 #titre h1{margin:0; padding:0; color:#FFFFFF; font-size:26px; text-align:center; padding-top:20px;}
 
 
#CONTENUall {width:557px;}
#CONTENUall div, p, h3, h1, h2, blockquote {margin:0; padding:0;}
#CONTENUall blockquote {margin-bottom:0px;}
#CONTENUall ul {margin-bottom:0;}
#CONTENUall img {border: none;}
#CONTENUall div.ITEM-Contenu1{width:557px; height:43px; background:url(/IMG/BODYindex/contenu_01.jpg) no-repeat; text-align:center; padding:0px 0 0 0; line-height:40px;}
#CONTENUall div.ITEM-Contenu1 h2 {color:#FFFFFF; font-size:18px; margin:0; padding:0;}
#CONTENUall div.ITEM-Contenu2{width:557px; background:url(/IMG/BODYindex/contenu_03.jpg) repeat-y; padding:0 0 0 0px;}
#CONTENUall div.ITEM-Contenu2 div {margin:0 15px 0 20px;}
#CONTENUall div.ITEM-Contenu3{width:557px; height:11px; background:url(/IMG/BODYindex/contenu_05.jpg) no-repeat;}

#formlaire-spe {padding:80px 0 50px 0}
#formlaire-spe p {margin:0; padding:0}
#formlaire-spe div {clear:both; margin:10px 0 10px 0;}
/*#formlaire-spe p.l1 { float:left;width:200px }
#formlaire-spe p.l2 { float:left; width:300px}
#formlaire-spe p.l3 { float:left; width:500px; background:#0033CC;}*/
#formlaire-spe input {width:200px; margin:0; padding:0}
#formlaire-spe textarea {width:200px}


/*#formlaire-spe-css fieldset{ position:relative; border:none;
  margin-bottom:1em;
  width:24em;
  padding-top:1.5em;}
#formlaire-spe-css fieldset p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;
height: 1%; }
#formlaire-spe-css fieldset p label{position:absolute;
  font-size:90%;
  padding-top:.2em;
  left:20px;
 }

#formlaire-spe-css fieldset p input.text{ margin-left:9em;
  line-height:1.4em;
  margin-bottom:.2em;
}
#formlaire-spe-css fieldset p input.text + input {
  margin-left:1em;
}

#formlaire-spe-css fieldset p input.radio{ margin-left:9em;
}

#formlaire-spe-css fieldset p textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

/** html .threepxfix{
margin-left: 3px;
}*/

#navigation { margin:0; padding:0; }
#navigation ul, li { margin:0 0 0 10px; padding:0; }
#navigation a { text-decoration:none; color:#074fa3; font-weight:bold;}
#navigation a:hover { text-decoration:underline; color:#36b705; font-weight:bold;}



ul.navmj { margin: 0; padding: 0; list-style: none; z-index:20; position: absolute; } 
	  
	  
ul.navmj li.toggleSubMenu{ display:block; float:left; width:191px; } 
ul.navmj li.toggleSubMenu a, .ulnavmj li.toggleSubMenu span {color:#FFFFFF; display:block; line-height:35px; height:35px; text-align:center; font-size:20px; font-weight:bold; width:191px; text-decoration: none;  }
.navmj .open a, .navmj .open span { 
  background-image: url(menu-item-enroule.png); 
  } 
ul.navmj li.toggleSubMenu a:hover, ul.navmj li.toggleSubMenu a:focus, ul.navmj li.toggleSubMenu a:active { text-decoration: underline; } 
ul.navmj ul.subMenu { list-style: none; z-index:20; margin: 0;  padding: 0; } 
ul.navmj ul.subMenu a { background:#000099; height:25px; margin:0; display:block; line-height:25px; text-align:left; font-size:12px; width:191px; z-index:20; text-decoration: none;}

#menu  { margin:0; padding:0; height:35px; }
#menu ul { margin:0; padding:0; }
#menu ul li { margin:0; padding:0; }
#menu ul li.niveau1 a {color:#FFFFFF; display:block; line-height:250%; text-align:center; font-size:12px;}
#menu ul li.niveau1 a h2 {font-size:20px; font-weight:bold;}
#menu ul li a  { margin:0; padding:0; width:191px;}
#menu ul li.niveau2 {width:191px; height:25px; margin:0; padding:0}
#menu ul li.niveau2 a{height:25px; margin:0; display:block; line-height:200%; text-align:left; font-size:12px; width:191px;}



#visuel a {text-decoration:none; font-size:18px; font-weight:bold; color:#339933;}
#visuel a:hover { text-decoration:underline}
#visuel span {font-weight:bold; color:#339933;}

#visuel2 {float:left;}
#visuel2 dl, #visuel2 dt, #visuel2 dd, #visuel2 p { margin:0; padding:0}

#colGauche {float:left; display:inline;}
#colGauche dt.titre, #colGauche p.titre  { margin:0; padding:0; width:417px; height:53px; background:url(../IMG/fond/fond_03.jpg); text-align:center; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:385%; text-transform:uppercase;}
#colGauche dd { font-size:12px; font-weight:bold; margin:0;}
#colGauche dd.liste ul li { display:inline;}

#colDroite {float:left;}
#colDroite dl { width:510px;}
#colDroite dt { text-align:center; font-size:24px; font-weight:bold; color:#666666; padding:30px 0 10px 0}
#colDroite dd.image {text-align:center;}

.titre{ margin:0; padding:0;  text-align:center; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:260%; text-transform:uppercase;}