@charset "utf-8";
.all_content_bo.display_menu { overflow:hidden; position: fixed; z-index: 2; width:100%; height:100%;}
.display_menu:after{ background: rgba(0,0,0,.7); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 2}
#overlay_bo {
  position: fixed;
  display:none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,.7);
}

/* CSS Document */
.clear, .clearBoth {clear:both;}
.login {color:#fff;}
.header_box {width:90%;}
.ss_menu_header {width:980px;}
.titre_page {width:auto;}
.recherche {width:auto;}
.recherche.mots_cles {padding-right:10px;}
.input_tiny {width:80px!important;}
a.bout_bleu.actif {color:#000; background-color:#027fff;}
.ss_menu_header li a.alerte_mail.actif{background-color:red;color:white;}
.rose {color:red;}
.overlay {position:fixed; width:100%; height:100%; background:#000; opacity:0.1; display:none;}
div.menu_content  {position:relative; float:left;}
div.menu_content ul {display:flex;}
div.menu_content ul li {margin:0 10px; position:relative;}
div.menu_content ul li a {color:#fff; display:block;}
div.menu_content ul li:hover, div.menu_content ul li.actif {border-bottom:1px solid #fff;}
div.menu_content ul li ul {display:none; position:absolute; top:20px; left:0; background:#4e9a9a; width:200px; z-index:80;}
div.menu_content ul li ul li {flex-direction: row; margin:0; margin:10px 0; border-bottom:1px dotted #fff; padding:0 5px;}
div.menu_content ul li:hover ul {display:block;}
a.sort-arrow-desc {
    background: url("../img/sort_desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-bottom: 1px;
    padding-right: 10px;
}

a.sort-arrow-asc {
    background: url("../img/sort_asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-bottom: 1px;
    padding-right: 10px;
}
.ui-autocomplete
{
    position:absolute;
    cursor:default;
    z-index:1001 !important
}
table th a {color:#fff;}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 9999;
    width: 32px;
    height: 22px;
    text-align: center;
    line-height: 30px;
    padding-top:10px;
    background: #003366;
    color:#fff;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0.5;
    display:none;
}
#back-to-top:hover {
    background: #0000aa;
}

tr.suspended td {color:#828282;}
tr.deleted td {color:#ff0606; text-decoration : line-through;}
tr.deleted td > a {text-decoration : none!important; display: inline-block;}
tr td > a.link_recruteur, tr.deleted td > a.link_recruteur {color:#181dd3;}

.paging {padding-top:20px;}
.titre {font-size:14px; color:#0267ff; text-transform:uppercase; padding-bottom:10px;}
.pad {padding:5px 0px 10px 0px;}
.txt-date {background:#fff; border:1px solid #dfdfdf; width:90px; font-size:12px;}

.paging a{
    background-color: #f2f2f2;
    color: #666666;
    margin: 2px 3px;
    padding: 2px 5px;
    position: relative;
    text-align: center;
}
.paging a:hover{color:#027fff;}
.edition_container {}

a.lien {color:#3d83c9; text-decoration:underline;}
.form_edition {width:680px;}
.form_edition.form_popup {width:600px;}
table.edition {width:100%;}
.form_edition .required, .bold {font-weight:bold;}
.form_edition table tr:hover {background:none;}
.form_edition table tr td {vertical-align:top;}
.form_edition table label {width:245px; float:left;}
.form_edition.form_popup table td.label {width:200px; float:left;}
.form_edition input[type="text"] {width:420px;} 
.form_edition select, .form_edition textarea {width:424px;}
.form_edition.form_popup select {width:200px;}
.form_edition textarea {height:240px;}
.form_edition table tr td {border:none;}
.form_edition .bar_action {padding:10px; text-align:center; padding-top:40px;}
.form_edition .separator {border-top:1px solid #409aaa; margin:5px 0;}
.region_container {float:left; width:210px; margin-right:10px;}
.form_edition.form_popup.form_recruteur table td.label {width:240px; float:left;}
.form_edition.form_popup.form_recruteur input {width:300px;}

.rouge_01 {background-color:#ff0000; width:60px;}
.gris_01, .gris_01:hover{background-color: #a8a8a8;
    color: #eeeeee;
    display: block;
    font-size: 11px;
    margin: 2px;
    padding: 1px 4px;
    position: relative;
    text-align: center;
    width: 95px;
    }
 .gris_02 {background:#666;}
 .gris_04 {background:#61a257;}
 .large { padding-left:40px;  padding-right:40px;}
  
 a.remover {background: url(../images/ico-delete.png) no-repeat;padding: 4px 12px;}
.filtrage {padding:15px 0px 15px 20px;}
.filtrage .section {padding-top:15px;}
.filtrage .section .label {width:300px; float:left;}
.filtrage .section .action {float:left;}
.filtrage .section .action input[type="text"] {width:180px;}

.wind {position:fixed; top:0; right:0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box; background:#fff; border-left:1px solid #ccc; padding:10px; width:0; height:100vh; transition:width ease .5s; z-index:10;}
.wind #wind_main {margin-top:5px; padding-right:16px;}
.wind.actif {width:60%;}
a.closer {position:absolute; right:14px; top:10px; border-radius:50%; display:inline-block; width:24px; height:24px; box-sizing:border-box; padding-top:6px; color:#fff; background:#1a5582; text-align:center; z-index:90;}
a.closer:hover {background:#000;}
#recruteurs div {margin:8px 0;}

.not-select {text-decoration: line-through;}
.none_bg, .none_bg:hover {background:none; color:#000;}
table tr.checked td {background:#a3c7ad;}

.pop_cv table tr:hover {background:none;}
.pop_cv .cvNom {font-size:16px;}
.pop_cv h2 {color:#3d83c9;}
.pop_cv h2.titre_cv {color:#000; text-align:center;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.used{color:#e60000; font-weight:bold;}
.dispo{color:#2ca51b; font-weight:bold;}
.tovalid{color:#ea7500; font-weight:bold;}
.chapitre{border-bottom:1px solid #ccc; font-size:14px; color:#747474;}

a.abo_btn {display:inline-block; padding:5px 10px; width:120px; color:#fff; background:#2d961b;}
a.abo_btn:hover {background:#000;}
a.abo_btn_1 {background:#ff0000;}
a.abo_btn_0 {background:#2d961b;}

.profil_info {display:flex;}
.profil_info .photo {width:160px; margin-left:auto;}
.profil_info .info div {display:flex; margin-bottom:5px;}
.profil_info .info div i {width:20px; font-size:14px;}
.profil_info .info .nom {font-size:16px; font-weight:bold;}
.niveau {display:flex;}
.niveau div {width:45%;}
.resume {border:1px solid #ccc; margin:10px 0; padding:0 10px;}
.section {color:#3877a5; font-size:14px; font-weight:bold; margin-top:10px;}
.itemize {border-bottom:1px solid #ccc; margin:10px 0; padding:10px 0;}
.itemize i {display:inline-block; width:20px;}
.itemize .titre1 {font-size:14px; font-weight:bold;}
.my-tag {background:#fff; border:1px solid #00356a; border-radius:1rem; padding:.2rem 1rem; margin-top:.5rem; display:inline-block;}
.star {color:#dfdfdf;}
.star.active {color:#008400;}
.rose_back {background:red; color:#fff; padding:2px 4px;}

.item-categorie {}
.item-categorie .titre {border-bottom:1px solid #582c2c; color:#582c2c; margin:0; padding:0; margin-bottom:14px; font-weight:bold;}
.item-plat {display:flex; margin-bottom:8px; padding-left:12px;}
.item-plat .prix_plat {width:150px; margin-left:auto;}
.item-plat .prix_plat input {width:90px;}
.item-plat .nom_plat { width: calc(100% - 170px;); }
a.rem {background:red; color:#fff; padding:6px 4px; text-align:center;}
