@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
.clear2{ clear:both; height:40px;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #333; background:#5f0607 url(../../img/bgBody.jpg) top left repeat-x;}


/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#333; text-transform:uppercase;}
h1{ font-size:180%; }
h2{ font-size:170%; }
h3{ font-size:110%;text-transform:none; margin:10px 0px; color:#cf242a; }
h4{ font-size:120%; font-weight:normal; color:#cf242a; margin:10px 0px; }
h5{ font-size:120%;text-transform:none; margin:10px 0px; }
h6{ font-size:110%;text-transform:none; margin:10px 0px; }

hr{ border:none; border-bottom:1px #333333 dashed; padding-top:5px; margin-bottom:5px; clear:both }

/* =Link-----------------------------------------------------------------------------*/

a{ color:#cf242a; }
a:hover{ color:#cf242a; }
a:active{ color:#cf242a; }
a:visited{ color:#cf242a; }

/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:785px; margin:0 auto; }

#header{ height:169px; }
#header #helpNav{ height:27px; line-height:27px; color:#fff; text-align:left; }



#header #helpNav a{ text-transform:uppercase; padding:0 5px; border-right:1px #fff solid; text-decoration:none; color:#fff; font-size:11px; }
#header #helpNav a:hover{ text-decoration:underline; }
#header #helpNav a.noBorder{ border:none; padding-right:0px; }
#header #headerFlash{ height:142px; background:#fff url(../../img/bgHeader.jpg) top left no-repeat; }
#header #headerFlash.bgEmp{ background:#fff url(../../img/bgHeaderEmployeur.jpg) top left no-repeat; }
#header #headerFlash.bgCan{ background:#fff url(../../img/bgHeaderCandidat.jpg) top left no-repeat; }
#header #headerFlash.bgDEP{ background:#fff url(../../img/bgHeaderDEP_FR.jpg) top left no-repeat; }
#header #headerFlash #headerLinkHome{ display:block; height:142px; width:150px; float:left; }

#header #medias{ float:right;}
#header #medias #texte {float:left; align:center; font-size:12px; padding: 0 10px; }

#header #helpNav a#btn_facebook{ float:left; margin-top:4px; display:block; background-image:url(../../img/btnFacebook.png); _background-image:url(../../img/btnFacebook.gif); background-repeat:no-repeat; width:84px; height:19px;  padding:0 5px; border: 0 none; }
#header #helpNav a#btn_facebook:hover{ background-position: 0 -19px; }
#header #helpNav a#btn_facebook span{ display:none;}

#header #helpNav a#btn_linkedIn{ float:left; margin-top:4px; display:block; background-image:url(../../img/btnLinked.png); _background-image:url(../../img/btnLinked.gif); background-repeat:no-repeat; width:68px; height:19px; padding:0; border: 0 none; }
#header #helpNav a#btn_linkedIn:hover{ background-position: 0 -20px; }
#header #helpNav a#btn_linkedIn span{ display:none;}

#middle{ margin-top:5px; }
#middle #middleLeft{ width:174px; padding-right:5px; float:left; }
#middle #middleLeft #mainNav{ background:#fff url(../../img/bgMenu.jpg) top left no-repeat; margin-bottom:5px; width:150px; height:177px; padding:12px; padding-top:18px; }
#middle #middleLeft #mainNav a{ display:block; height:30px; width:150px; }
#middle #middleLeft #mainNav #btnAPropos{ background:transparent url(../../img/btnPropos.png) -15px 7px no-repeat; }
#middle #middleLeft #mainNav #btnAPropos:hover{ background-position:0px 7px; }
#middle #middleLeft #mainNav #btnCandidats{ background:url(../../img/btnCandidats.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnCandidats:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnEmployeurs{ background:url(../../img/btnEmployeurs.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnEmployeurs:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnDEP{ background:url(../../img/btnDep.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnDEP:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnDEP{ background:url(../../img/btnDep.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnDEP:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnFormation{ background:url(../../img/btnFormation.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnFormation:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnSallePresse{ background:url(../../img/btnSallePresse.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnSallePresse:hover{ background-position:0px 8px; }
#middle #middleLeft #mainNav #btnJoindre{ background:url(../../img/btnJoindre.png) -15px 8px no-repeat; }
#middle #middleLeft #mainNav #btnJoindre:hover{ background-position:0px 8px; }
#middle #middleLeft #boxMailling{ background:#fff url(../../img/bgBoxMailling.jpg) top left no-repeat; margin-bottom:5px; width:142px; height:100px; padding:67px 16px 5px 16px; color:#fff; overflow:hidden; }
#middle #middleLeft #boxMailling input.inputTxt{ width:130px; height:15px;  }
#middle #middleLeft #boxMailling strong{ display:block; padding-top:5px; }
#middle #middleLeft #boxMailling em{ font-size:10px; font-style:normal; }
#middle #middleLeft #boxMailling input.btnInscrip{ float:right; margin-top:10px;}
#middle #middleLeft #boxLeftBottom{ background:#edecea; width:164px; height:100px; font-size:20px; font-weight:bold; color:#262628; line-height:45px; text-align:center; border:5px #fff solid; overflow:hidden; }
#middle #middleLeft #boxNoTel{ background:#fff url(../../img/bgBoxTel.jpg) center left no-repeat; width:174px; height:57px; font-size:20px; font-weight:bold; color:#262628; line-height:45px; text-align:center; margin-bottom:5px; }
textarea,input { border:1px solid #ACC6DB; }
input[type=image] { border:none; }
#middle #middleLeft #boxMailling2{ background:#fff url(../../img/bgBoxMailling.png) top left no-repeat; margin-bottom:5px; width:142px; height:36px; padding:67px 16px 5px 16px; color:#fff; overflow:hidden; }
#middle #middleLeft #boxMailling2 input.inputTxt{ width:95px; height:15px;  }
#middle #middleLeft #boxMailling2 strong{ display:block; padding-top:5px; }
#middle #middleLeft #boxMailling2 em{ font-size:10px; font-style:normal; }
#middle #middleLeft #boxMailling2 input.btnInscrip{ float:right; margin-top:3px; *margin-top:-20px;}

#btn_dep_nav { display:block; margin-bottom:4px; width:166px; height:50px; background:url(../../img/btn_dep_nav.png) 0 -50px no-repeat; }
#btn_dep_nav:hover { background-position:0 0; }
#btn_dep_nav span { display:none; }

#btn_chariot_nav { display:block; width:166px; height:50px; background:url(../../img/btn_chariot_nav.png) 0 -50px no-repeat; }
#btn_chariot_nav:hover { background-position:0 0; }
#btn_chariot_nav span { display:none; }
 
#middle #middleRight{ width:606px; float:right; }
/* HOME */
#middle #middleRight #boxHomeCandidat{ width:175px; height:300px; background:#fff url(../../img/bgBoxCandidatHome.jpg) top left no-repeat; float:left; padding:130px 5px 5px 120px;}
#middle #middleRight #boxHomeCandidat a{ display:block; color:#333; text-decoration:none; font-size:15px; padding-left:15px; background:url(../../img/arrowHome.gif) 0 2px no-repeat; height:15px; margin-bottom:20px;  }
#middle #middleRight #boxHomeCandidat a:hover{ color:#c0342e; }
#middle #middleRight #boxHomeEmployeur{ width:255px; height:300px; background:#fff url(../../img/bgBoxEmployeurHome.jpg) top left no-repeat; float:right; padding:130px 5px 5px 40px; }
#middle #middleRight #boxHomeEmployeur a{ display:block; color:#333; text-decoration:none; font-size:15px; padding-left:15px; background:url(../../img/arrowHome.gif) 0 2px no-repeat; height:15px; margin-bottom:20px;  }
#middle #middleRight #boxHomeEmployeur a:hover{ color:#c0342e; }
/* CONTENU */
#middle #middleRight #secNav{ width:590px; height:18px; background:#fff url(../../img/bgSecNav.gif) top left no-repeat; padding:33px 5px 5px 10px; }
#middle #middleRight #secNav a{ padding:0 5px; border-right:1px #fff solid; text-decoration:none; color:#fff; font-size:11px; }
#middle #middleRight #secNav a:hover{ color:#666666; }
#middle #middleRight #secNav a.active{ color:#666666; }
#middle #middleRight #secNav a.noBorder{ border:none; padding-right:0px; }
#middle #middleRight #middleContain{ width:565px; background:#fff  url(../../img/bgContain.jpg) top left no-repeat; padding:20px; overflow:hidden; }
#middle #middleRight #middleContain #boxFilAriane{ padding-bottom:5px; margin-bottom:10px; font-size:12px; font-weight:bold; border-bottom:1px #ccc solid; }
#middle #middleRight #middleContain #boxFilAriane a{ color:#333333; text-decoration:none; }
#middle #middleRight #middleContain #boxFilAriane a:hover{ color:#990000; text-decoration:underline; }
#middle #middleRight #middleContain #boxFilAriane a.active{ color:#CF242A; }
#middle #middleRight #middleContain #boxFilAriane strong{ color:#CF242A; }
#middle #middleRight #middleContain.nousjoindre{ background:#fff  url(../../img/bgJoindre.jpg) top left no-repeat; }
#middle #middleRight #middleContain h1{ text-transform:uppercase; color:#333; font-size:16px; }
#middle #middleRight #middleContain p{ margin:15px 0px; }
#middle #middleRight #middleContain ul{ padding-left:20px; list-style:disc; margin:15px 0; }
#middle #middleRight #middleContain ol{ padding-left:20px; list-style:square; margin:15px 0; }
#middle #middleRight #middleContain h1 span.floatLeft{ float:left; }
#middle #middleRight #middleContain h1 #selectSecteur{ text-transform:none; float:right; }
#middle #middleRight #middleContain table{ margin:15px 0px; background:#fff; }
#middle #middleRight #middleContain div.bgGrey{ border:4px #fff solid; }
#middle #middleRight #middleContain div.bgGrey table{ margin:0px 0px; background:none; }
#middle #middleRight #middleContain table.noMargin{ margin:0; background:none; }
#middle #middleRight #middleContain table tr td{ padding:6px 10px 6px 10px; }
#middle #middleRight #middleContain table tr td.noPadding{ padding:6px 0px 6px 0px; }
#middle #middleRight #middleContain table tr td p{ margin:0px; }
#middle #middleRight #middleContain table tr td input{ width:200px; height:15px; }
#middle #middleRight #middleContain table tr td input.checkbox{ width:15px; height:15px; }
#middle #middleRight #middleContain table tr td input.file{ height:20px; }
#middle #middleRight #middleContain table tr td input.btn{ width:71px; height:24px; }
#middle #middleRight #middleContain table tr td textarea{ width:450px; height:50px; }
#middle #middleRight #middleContain table tr.tableauLigneTitre td{ background:#373638; color:#fff; font-weight:bold; }
#middle #middleRight #middleContain table tr.tableauLignePale td{ background:#f4f4f4; }
#middle #middleRight #middleContain table tr.fondGrisBordureBas td{ background:#e3e2e2; border-bottom:1px #333 dashed; }
#middle #middleRight #middleContain table tr.tableauLigneFonce td{ background:#e3e2e2; }
#middle #middleRight #middleContain table tr.tableauLigneBordureBas td{ border-bottom:1px #333 solid; }
#middle #middleRight #middleContain table.tableBox{ border:1px #333 solid; margin:15px 0; }
#middle #middleRight #middleContain table.tableBox tr td{ border-bottom:1px #ccc dashed; }
#middle #middleRight #middleContain table.tableBox tr.tableauLigneTitre td{ border:none; }
#middle #middleRight #middleContain #listPage{ padding-top:25px; }
#middle #middleRight #middleContain #listPage a{ padding:0 4px; text-decoration:none; color:#333; }
#middle #middleRight #middleContain #listPage a:hover{ color:#cf242a; font-weight:bold; }
#middle #middleRight #middleContain #listPage a.active{ color:#cf242a; font-weight:bold; }
#middle #middleRight #middleContain #listPage a.nextPage{ padding-left:20px; font-weight:bold; }

#mini_menu a{ float:left; }
#btn_commerciale { width:260px; height:149px; background:url(../../img/btn_commerciale.png) 0 0 no-repeat; float:left; text-align:center; padding-top:15px; }
#btn_commerciale:hover { background-position:0 -164px; cursor:pointer; }
#btn_commerciale span { color:#FFFFFF; font-weight:bold; font-size:14px; }

#btn_cariste { width:260px; height:149px; background:url(../../img/btn_cariste.png) 0 0 no-repeat; float:left; text-align:center; padding-top:15px; }
#btn_cariste:hover { background-position:0 -164px; cursor:pointer; }
#btn_cariste span { color:#FFFFFF; font-weight:bold; font-size:14px;}

#btn_dep { width:260px; height:149px; background:url(../../img/btn_dep.png) 0 0 no-repeat; float:left; text-align:center; padding-top:15px; }
#btn_dep:hover { background-position:0 -164px; cursor:pointer; }
#btn_dep span { color:#FFFFFF; font-weight:bold; font-size:14px; }

#btn_class1 { width:260px; height:149px; background:url(../../img/btn_class1.png) 0 0 no-repeat; float:left; text-align:center; padding-top:15px; }
#btn_class1:hover { background-position:0 -164px; cursor:pointer; }
#btn_class1 span { color:#FFFFFF; font-weight:bold; font-size:14px; }

#footer{ text-align:right; color:#817f7e; font-size:10px; clear:both; padding:10px 0px; text-align:center; }
#footer a{ color:#817f7e; text-decoration:none; }

#footer2{ color:#817f7e; font-size:12px; clear:both; padding:150px 0px; text-align:left; }
#footer2 h1{ color:#817f7e;}
#footer2 h2{ color:#817f7e;}
#footer2 ul{ padding: 10px 0px 10px 30px; list-style-image: url(bullet.gif); }

#footer3{ color:#817f7e;}
#footer3 a{ color:#817f7e; background-color: transparent; text-decoration: underline;}
#footer3 a:hover{ color:#FFFFFF;}

.titre2 { color:#990000; font-family:arial,helvetica,sans-serif; font-size:16px; text-transform:none; }
#middle #middleRight #middleContain h1.titre3 { color:#990000; font-size:16px; }
h2.titre4 { color:#333333; font-size:16px; }
.titre5 { color:#333333; font-size:16px; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.titre5 span { color:#990000; }

#box_jour1 { background:url(../../img/bg_jour1.jpg); width:165px; height:165px; padding:35px 10px 0; margin-right:5px; float:left; color:#FFFFFF; text-align:center; line-height:18px; }
#box_jour2 { background:url(../../img/bg_jour2.jpg); width:165px; height:145px; padding:55px 10px 0; margin-right:5px; float:left; color:#FFFFFF; text-align:center; line-height:18px;  }
#box_jour3 { background:url(../../img/bg_jour3.jpg); width:165px; height:180px; padding:20px 10px 0; float:left; color:#FFFFFF; text-align:center; line-height:18px;  }

/* BOITE ERREUR */
h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}

div.bgGrey{ padding:10px; background:#ececec; }