@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:950px;}
.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;}
.bar_action {margin:10px 0;}

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;
}
ul.range {margin:0px; padding:0px;}
ul.range li {float:left;}
ul.range li.label {width:30px;}
 
ul.mainmenu {margin:0; padding:0;}
ul.mainmenu li {float:left; padding:3px; background:#80c5d0; margin:2px;}
ul.mainmenu li a {color:#fff; display:block;}
ul.mainmenu li a:hover {color:#000;}
ul.mainmenu li.active a {color:#000; font-weight:bold;}
ul.mainmenu li.logout {background: #858585;} 

div.menu_content {position:relative; float:left;}
ul.menu_header ul {display:none;}
ul.menu_header .ss_menu_header.active {
    display:block;
	position:absolute;
	z-index:500;
	padding-top:20px;
}
ul.menu_header li:hover .ss_menu_header {
    display:block;
	position:absolute;
	z-index:500;
	padding-top:20px;
}

a.quit {color:#fff;}
table th a {color:#fff;}
tr.en_attente td {color:#7e7e7e;}

.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;}
.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;}
 .blanc_01 {background:#f58412;}
 .blanc_02 {background:#5e3826;}
 .blanc_03 {background:#618e37;}
 .large { padding-left:40px;  padding-right:40px;}
 select.confirme {font-size:12px;}
  
 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;}

.btn-bleu{height:27px; background:#0289F9; border-radius:4px; color:#fff!important; width:80px; text-align:center; line-height:27px; padding:6px 10px;}
a.btn-bleu {text-decoration:none!important; padding:6px 30px;}
.btn-bleu:hover{ background:#00468E;}

/*
.poste, .structure {
    display: block;
    font-size: 14px;
}
.contrat, .ville {
    color: #2792ff;
    font-size: 14px;
}

.fiche_emploi {
    background-color: white;
    min-height: 1115px;
    padding: 15px;
    width: 655px;
}
.detail_offre .liste_emploi_box {
    background-color: #eeeeee;
    margin-bottom: 10px;
    min-height: 40px;
    padding: 0 0 0 10px;
    width: 645px;
}*/
.fiche_emploi .box_annonce h3 {
    margin-top: 20px;
}
.fiche_emploi h3 {
    background-image: url(../images/ronds_bleus.png);
    background-position: left center;
    background-repeat: no-repeat;
    clear: both;
    color: #0267ff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding: 3px 3px 3px 55px;
}
/*.detail_offre .liste_emploi_box table {width:680px;}*/
.detail_offre .liste_emploi_box table td {
    border: medium none;
    padding-left: 10;
}
.liste_emploi_box table tr.odd {
    background-color: #f1f1f1;
}
.liste_emploi_box table td {
    padding: 17px 10px;
}
.liste_emploi_box table {width:100%;}
.liste_emploi_box table .cel_poste {
    width: 40%;
}
.liste_emploi_box table .cel_structure {
    width: 30%;
}
.liste_emploi_box table .cel_date {
    text-align: right;
}
.annnonce_preview{padding: 15px; width:100%;}
.annnonce_preview .odd {
    background-color:#f1f1f1;
    font-size:14px;
}
.liste_emploi_box table .cel_date a {display:block;}
.liste_emploi_box table .cel_date a.urgent {
    color: #d72901;
    font-size: 13px;
    font-weight: bold;
}
.fiche_emploi h2 {
    background-color: #000000;
    background-image: url(../images/ronds.png);
    background-position: right;
    background-repeat: no-repeat;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 7px 5px 7px 10px;
    text-transform: uppercase;
}
}
.annnonce_preview .annonce_chartee {padding-top:24px;}
.annnonce_preview .logo_annonce {margin-top:24px;}
.annnonce_preview .logo_annonce img {text-align:right;}
.annnonce_preview .poste, .annnonce_preview .structure {display: block;font-size: 14px;}
.annnonce_preview .contrat, .annnonce_preview .ville {color: #2792ff;  font-size: 14px;}
.annnonce_preview  a.urgent {
    display:block;
    color: #d72901;
    font-size: 13px;
    font-weight: bold;
}
.box-response {
    background: none repeat scroll 0 0 #ccc;
    float: left;
    margin-right: 5px;
    width: 300px;
    height:150px;
}
.box-response .head {    background: none repeat scroll 0 0 #0267ff;    color: #fff;    text-align: center;}
.box-response .content {padding:8px;}
.response-notice {color:#ff0000;}
.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 table tr td {border:none; vertical-align:top;}
.pop_cv .cvNom {font-size:16px; font-weight: bold;}
.pop_cv h2 {color:#3d83c9;}
.pop_cv h2.titre_cv {color:#000; text-align:center;}
.pop_cv .visual_cv, .pop_cv .visual_cv table td {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 15px !important;
    line-height: 22px;
}
.pop_cv .visual_cv .box_cv {
    background-color: transparent;
    border-bottom: 1px dotted #cccccc;
    margin: 0;
}
.pop_cv .popup_cv h2 {text-transform: uppercase;
    width: auto;}
.pop_cv .visual_cv h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 15px 0 10px;
    padding-left: 0;
    clear: both;
    color: #0267ff;
    float: none;
    font-size: 14px;
    font-weight: normal;
}
.pop_cv .visual_cv .titre_cv {
    color: black;
    font-size: 20px !important;
    text-align: center;
    font-weight:normal;
}
.pop_cv .bout_imprim_cv {
    background-image: url(../images/bout_imprimer_cv.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 30px;
    width: 160px;
}

.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; }
table tr.checked td {background:#a3c7ad;}

.box-message .success-msg { padding:8px;  border:1px solid #95a486; color:#3d6611; background:#eff5ea; }
.box-message .warning-msg { padding:8px; border:1px solid #ffd967; background:#fffbf0; color:#3d6611; }

.table-print{
    border-width:      1px;
    border-color: #dfdfdf;
    border-style:      solid;
    border-collapse:   collapse;
    border-spacing:    2;
	margin-top:20px;
}
.table-print td {
    border-left:1px solid #dfdfdf;   
	border-bottom:1px solid #dfdfdf;   
	border-top:none;
	border-right:none;
	padding-left:      2px;
    font-size:         12px;
}
.box-success {color:#489a3f; border:1px solid #489a3f; margin-bottom:10px; padding:5px; background:#fff; margin:2px;}
.box-warning {color:#ff5e5e; border:1px solid #ff5e5e; margin-bottom:10px; padding:5px; background:#fff; margin:2px;}
.calendar .mois{width:20%; float:left; border:1px solid #dfdfdf; margin:10px; height:350px;}
.calendar table tr td {border:1px solid #ccc;}
.calendar table {border-collapse: collapse;}
.calendar .titre {background:#ccc; font-weight:bold; font-size:14px;}
.calendar .today {background:#ccc;}
.calendar span.annonce{display:block;color:#fff; border-radius:4px;}
.calendar span.annonce a{display:block; color:#fff;}
.calendar span.active{background:green; margin-top:2px;}
.calendar span.desactive{background:red;}
.calendar ul{margin:0; padding:0;}
.calendar ul li ul {display:none; position:absolute; background:#fff; left:-20px; padding:5px; border:1px solid #dfdfdf; z-index:99;border-radius: 1px;
  box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.3);}
.calendar ul li ul li {text-align:left;width:350px;}
td.action-actualize {width:500px;}
.action-actualize ul li{display:inline-block; width:80px; margin-bottom:5px;}
.action-actualize a{background-color:#e80000; color:#fff; padding:4px 5px; font-weight:bold;}
.action-actualize a:hover {color:#fff;}
.action-actualize a.realize{background-color:#004800; margin-bottom:5px;}
.grid_action{text-align:right!important;}
.grid_action a, .grid_action span{float:right;}

ul.mainmenu li {position:relative; width:80px; text-align:center; float:none; display:inline-block;}
ul.mainmenu li ul {display:none; position:absolute; top:26px; left:-2px; width:150px; background:#6db4a9; z-index:8;}
ul.mainmenu li ul li {float:none; background:#6db4a9; border-bottom:1px dotted #fff; width:auto; display:block;}
ul.mainmenu li:hover ul {display:block;}
ul.mainmenu li.active ul li a {color:#fff;}

table.table_cmd {border-collapse: collapse; text-align:center;}
table.table_cmd tr td {border:1px solid #ccc;}
table.table_cmd thead td {font-weight:bold;}
table.table_cmd input[type="text"] {width:80px;}
table.table_cmd input[id^=pu], table.table_cmd input[id^=montant] {background:#ccc; text-align:right; border:1px solid #dfdfdf;}
table.table_cmd input[id^=libelle] {width:98%;}
table.table_cmd select {width:300px;}
.credit{display:inline-block; width:100%;}
.credit_add {border:1px solid #000; padding:10px; margin-bottom:10px;}
.cv_change {margin-top:10px;}
.cv_change label {display:block;}
.cv_change input[type="text"] {width:90%; display:block;}
.cv_fiche {display:inline-block; width:30%; border-right:1px solid #ccc; vertical-align:top; margin-right:10px;}
.cv_fiche .aside {margin-bottom:10px;}
.cv_formate {display:inline-block; width:65%; vertical-align:top;}

.facture table tr td {border:none;}
.facture table tr:hover{background:none!important;}
.container_secteur { float: left;width: 30%;margin-right: 10px;}
.bloc_disp{display:contents}
.none_disp{display:none}
.crm_fiche {background:#ccc; padding:16px;}
.crm_attach { border:1px solid #ccc; margin:16px 0;}
.crm_attach .titre_page {background:#3f94c7; padding:1px 5px;}
.crm_attach.crm_offre .titre_page {background:#a2a2a2;}

.home_offre {display:flex; flex-wrap:wrap; width:70%; justify-content: space-between; z-index:1;}
.home_offre .offre {border:1px solid #c9c9c9; width:30%; margin-bottom:10px; height:180px; position:relative; padding:1px;}
.home_offre .offre .numero {position:absolute; top:0; left:-15px; background:#4891b7; color:#fff; padding:0 4px;}
.bo_separator {border-bottom:1px solid #ccc; margin:10px 0;}
.home_offre .offre-item {padding:8px; height:110px;}
.home_offre .offre-active {border:1px solid #00ff00;}
.home_offre .offre-expired {border:1px solid #ff0000;}
.home_offre .daty {color:#3663a7;}
.home_offre .naoty {color:#e47830; font-style:italic;}
a.link-offre {background:#0267ff; color:#fff; padding:2px 10px; margin-top:8px; display:inline-block;}
a.link-offre.link-remove {background:#ff0000;}
a.link-offre:hover {background:#000;}
.exced {font-size:14px; text-align:center; margin:16px 0;}

.prime_offre {display:flex; flex-wrap:wrap; width:80%; justify-content: space-between; z-index:1;}
.prime_offre .offre {border:1px solid #c9c9c9; width:45%; margin-bottom:10px; height:180px; position:relative; padding:1px;}
.prime_offre .offre .numero {position:absolute; top:0; left:-15px; background:#4891b7; color:#fff; padding:0 4px;}
.prime_offre .offre-item {padding:8px; height:110px;}
.prime_offre .offre-active {border:1px solid #00ff00;}
.prime_offre .offre-expired {border:1px solid #ff0000;}
.prime_offre .daty {color:#3663a7;}
.prime_offre .naoty {color:#e47830; font-style:italic;}

.daterange {display:flex;}
.daterange .annonce {width:250px; padding:10px 0; border-left:1px solid #5f5f5f; text-align:center;}
.daterange .range {width:70px; padding:10px 0; border-left:1px solid #5f5f5f; text-align:center;}
.daterange .range.now {background:#dfdfdf;}
.daterange .annonce-1 {width:100%; height:10px; cursor:pointer;}

.opt-annonce {width:400px;}
.opt-annonce .item-annonce {border-top:1px solid #000; height:54px; }
.date-scroll {width:900px; overflow-x: scroll; overflow-y: hidden; margin-left:0;}
.date-scroll .date-items {width:2600px;}
.date-scroll .date-items .daterange .range {height:54px; width:90px; padding-top:20px; box-sizing:border-box;}

ul.tab_credit {display:flex; margin:0 0 12px 0;}
ul.tab_credit li {width:120px; border-bottom:2px solid #dfdfdf; text-align:center;}
ul.tab_credit li a {display:block;}
ul.tab_credit li.actif {border-color:#3e6aa2;}
ul.tab_credit li.actif a {color:#3e6aa2;}


.logo-grp {
    width: 75px;
    height: 75px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.logo-grp img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#preview_group_logo {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.img_action {
    margin-top: 10px;
}
