body {
    color: #000;


    /*font-family: 'Lato', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;

    font-weight: 300;
    letter-spacing: 0.1px;
    overflow-x: hidden;
    display: table;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
	background:#fff; font-weight: normal;
}


.text-white {color: #fff}

.box-shadow {box-shadow: 0 0 5px 3px #444;}

.table-display, .table-display .row {display: table;width: 100%;vertical-align: top;}
.table-cell-display {display: table-cell;vertical-align: top;

float: none;

height: 100%;}

.col-md-4.table-cell-display {padding-left: 0}
.col-md-8.table-cell-display {padding-right: 0}

.page-wrapper {background: transparent;}
.box-white {
	border-radius: 0px;
    background: #fff;
    width: 100%;
    /*height: 100%;*/
    display: table;
    overflow: hidden;

}

#Header_cont {
    background:#1a3057;
    width:100%;
    overflow:hidden;
    height:0px;
    position:absolute
}

header.header {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(230, 230, 230,1);
    border-bottom: 1px solid #97060d;
    z-index: 9999;}

.fixed-top {margin-top: 70px;}

#Logo {width: 200px}
.navbar-brand {padding: 0;text-transform: uppercase;color: #fff;font-size: 30px;}



header #Nav_site_menu ul {list-style: none;padding: 0px 0 0;}
header #Nav_site_menu ul li {display: inline-block;padding-left: 15px;color: #fff;font-size: 13px;}
header #Nav_site_menu ul li a {color: #1a3057;}
header #Nav_site_menu ul li:hover a, header #Nav_site_menu ul li.active a {color: #fff;background: #1a3057;border-radius: 4px;padding: 4px;}

#BG_recherche {
    position: relative;
    width: 100%;
    height: 500px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond.jpg) no-repeat center top;
    background-size: cover;
    border-bottom: 10px solid #12A1B2;
}
#BG_recherche form, #BG_recherche3 form {
    background: rgba(0,61,96,0.0);
    width: 100%;
    color: #fff;
    height: 500px;
    display: table;
    position: relative;
    z-index: 1;
    margin: 0;
    padding-top: 58px;
}

#BG_recherche3 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche2 {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    background: url(../imgz/fond_page.jpg) no-repeat center top;
    background-size: cover;
    border-bottom: 10px solid #12A1B2;
}

#BG_recherche_1 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_1.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_2 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_2.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_3 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_3.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_4 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_4.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_5 {
    position: relative;
    width: 100%;
    /*height: 471px;*/
    display: block;
    /*overflow: hidden;*/
    background: url(../imgz/fond_5.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_6 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_6.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_7 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_7.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}

#BG_recherche_8 {
    position: relative;
    width: 100%;
    height: 471px;
    display: block;
    overflow: hidden;
    background: url(../imgz/recherche_fond_8.jpg) no-repeat left center;
    background-size: cover;
    border-bottom: 0px solid #12A1B2;
    padding-top: 70px;
}


.txt-blanc, h1.txt-blanc {color: #fff;}
h1 {font-size: 20px;}

#Recherche_input {width: 800px;margin: 0 auto;position: relative;background: /*#efefef*/ transparent;border-radius: 15px;padding: 25px;}

#Recherche_input input, #Recherche_input select {
	color: #999;
    padding: 15px;
    width: 32%;
    border: 0;
    display: inline-block;
    margin-right: 0.5%;
    margin-bottom: 1%;
    font-size: 12px;
}

#Recherche_input.wid-50 input, #Recherche_input.wid-50 select {width: 49%}

#Recherche_div  {width: 100%;display: inline-block;}
#Recherche_div .sep-vert  {border-left: 1px solid #ccc;width: 1px;height: 30px;display: inline-block;position: relative;z-index: 9;top:10px;}
#Recherche_input input + span + input {position: relative;left: -12px;width: 49%;}

/*#btn-recherche {
	width: 50px;
position: absolute;
right: 0;
top: 0;
}*/

#btn-recherche {display: block;
width: 150px;
font-size: 24px;
color: #999;
text-align: center;margin: 0 auto;
position: relative;}

#btn-recherche i {
    position: absolute;
    top: 14px;
    left: 10px;
}

#btn-recherche .btn-search
{width: 150px;
background: #fff;
min-width: auto;
/*padding: 27px 0 26px;*/
height: 54px;
margin: 0;
padding-left: 35px;
border: none !important;
}

.logo_offres {border: 1px solid #ccc;padding: 5px;margin: 0 auto 10px;display: table;max-width: 150px !important;height: 50px;width: auto !important;}
.annonce.offres {text-align: center;border: 1px solid #efefef;min-height: 300px;position: relative;}
.annonce.offres .btn {position: absolute;bottom: 5px;width: 85%;}

.annonce.cv {border: 1px solid #efefef;}

input {color: #000;}

.space_acc {
    padding: 25px 25px 10px;
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 25px;
}
.space_acc p {margin-bottom: 5px;}
.space_acc h2 {margin-top: 0;color: #fff;font-size: 25px;font-weight: bold;}

#Acc_recruit {background: /*url(../imgz/bg_recr.jpg) no-repeat*/ #07426A;background-size: 100% auto;}
#Acc_candidats {background: /*url(../imgz/bg_cand.jpg) no-repeat*/ #E59C01;background-size: 100% auto;}

.bg-jaune {background:/* url(../imgz/bg_cand.jpg) repeat*/ #999;background-size: 100% auto;}

#Acc_candidats .btn-jaune {background: #bb780f;}

.btn-blue {background: #000;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}
.btn-blue:hover {color: #FFF;background: #555;}

.btn-blue2 {background: #1a3057;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.btn-jaune {background: #1a3057;color: #FFF;text-align: center;text-transform: uppercase;padding: 10px 10px;border-radius: 4px;font-size: 12px;}
.btn-jaune:hover {background: #447eaf;color: #fff;}
.btn-success {background: #569635;color: #FFF;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.btn-white {background: #fff;color: #555;text-align: center;text-transform: uppercase;padding: 15px 10px;border-radius: 7px;font-size: 15px;}

.txt-blanc {color: #fff}


.txt-blanc2 {color: #fff;font-size: 15px;}



.txt-jaune {color: #1a3057}
.txt-blue {color:#0080db}
.txt-blue2 {color: #1a3057;}
.fs50 {font-size: 50px;}
.fs40 {font-size: 40px;}
.fs30 {font-size: 30px;}
.fs20 {font-size: 20px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs14 {font-size: 14px;}
.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.normal {font-weight: normal}
.upper {text-transform: uppercase;}

.annonces_ul {list-style: none;padding: 25px 15px 25px 25px;font-size: 16px;}
.annonces_ul li span {font-size: 14px;text-align: center;color: #999;padding: 5px;padding: 7px;font-weight: normal;width: 40px;display: table; float: right;margin-right: 10px;}

.border-right {border-right: 1px solid #c0ddf0;}

.annonces_ul li {margin-bottom: 30px;}
.annonces_ul.nomargin li {margin-bottom: 10px;}

.bold{font-weight: bold;}

.blur {
  -webkit-filter: blur(0.5px);
  -moz-filter: blur(0.5px);
  -o-filter: blur(0.5px);
  -ms-filter: blur(0.5px);
  filter: blur(0.5px);
  cursor: not-allowed;
}

#Annonces_acc {background: url(../imgz/bg_annonce.jpg) no-repeat;padding: 0px 25px 55px;color: #FFF;}
.sep {display: block;margin: 25px auto;width: 50px;height: 3px; background: #efefef;}

#Offre_carousel .item {text-align: center;}
#Offre_carousel .item  .col-md-4 {background: #FFF;border-radius: 7px;margin: 0 0.5%;overflow: hidden;padding:25px 10px;width: 30%;color: #000;display: inline-block;float: none;}


.overlay {-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;}

.overlay:hover {opacity: 1;}
.overlay span {bottom: 25px;font-style: normal;font-size: 12px;}

footer {background: #1a3057;color: #fff;text-align: center;padding: 35px 50px 35px 30px;font-size: 10px;}
footer a {margin: 0 7px;color: #fff;border-bottom: 0;text-decoration: none !important;}
footer a:hover {color: #FFF;}
footer i {font-size: 20px !important;}
footer i.fa-youtube {margin-right: 35px;}

#Bg_1 {/*background: url(../imgz/monaco-bg.jpg) no-repeat; background-size: cover;*/padding: 75px 0;}
#Bg_recruteur {/*background: url(../imgz/recruteur-bg.jpg) no-repeat; background-size: cover;*/padding: 0px 0;}

.fs24 {font-size: 24px}
.box-white-alpha {background: rgba(255,255,255,0.7);border-radius: 4px;overflow: hidden;padding: 25px;min-height: 482px;box-shadow: 0 0 5px 3px #555}


.box-white-alpha.alpha-90 {background: rgba(255,255,255,0.9);border-radius: 7px;overflow: hidden;padding: 25px;min-height: 250px;box-shadow: 0 0 5px 3px #999}

.box-white-alpha.alpha-90 hr {border-bottom: 3px solid #ccc;}

form input, .chosen-choices 	 {border-radius: 4px;padding: 10px;border: 1px solid #efefef;width: 100%;}
.chosen-choices {box-shadow: none !important;padding: 5px 7px 2px !important; border: 1px solid #ccc !important;}
.display-table {display: table;margin: 0 auto;width: inherit;}


.fs25 {font-size: 25px;}
.mb0 {margin-bottom: 0}

.noupper {text-transform: none;}

.colonnex3 {
	-webkit-column-count:4; /* Opera, Safari, Google Chrome */
    -moz-column-count: 4; /* Firefox */
    column-count: 4; /* Internet Explorer */
    line-height: 35px;padding: 0;list-style: none;
    padding: 0 45px;
}

.colonnex3 i {font-size: 15px;color: #ccc;}


.g-py-70 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.g-px-20 {
    padding-left: 1.42857rem !important;
    padding-right: 1.42857rem !important;
}
.g-pos-rel {
    position: relative !important;
}

.g-color-white {
    color: #fff !important;
}
.g-line-height-0_7 {
    line-height: .7 !important;
}
.g-font-size-50 {
    font-size: 3.57143rem !important;
}

.g-valign-top {
    vertical-align: top !important;
}
.g-font-size-default {
    font-size: 1rem !important;
}

.g-font-size-default {
    font-size: 1rem !important;
}

.g-mb-20 {
    margin-bottom: 1.42857rem !important;
}
.g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}
.g-letter-spacing-3 {
    letter-spacing: 0.21429rem;
}

.g-bottom-0 {
    bottom: 0;
}
.g-right-0 {
    right: 0;
}
.g-left-0 {
    left: 0;
}
.g-pos-abs {
    position: absolute !important;
}

.u-shadow-v21 {
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}

.g-pos-rel {
    position: relative !important;
}
.g-rounded-4 {
    border-radius: 4px !important;
}
.g-bg-white {
    background-color: #fff !important;
}

#Prices .bg-success {background: #569635}
#Prices .bg-warning {background: #12A1B2}


#Prices_photos {width: 100%;height: 350px;background: url(../imgz/prices_photo.jpg);margin-bottom: -190px;
z-index: 0;border-top: 3px solid #fff;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);}

#Prices article {padding-bottom: 55px;}

#Prices article .btn {font-size: 12px;padding: 7px 15px;}


.modal-body {padding: 35px;border-radius: 3px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);}


input, textarea {
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    border: 0;
}
textarea {border:1px solid #efefef;}

input[type="radio"], input[type="checkbox"] {width: auto;}
.btn-table {display: table;margin: 0 auto;width: auto;padding: 10px 35px;border: 0;}
.label-light-gray {background: #ccc;}

.label {font-weight: normal;font-size: 85%;}
h4 span {display: block;text-align: center;font-size: 15px;}

#Contact_recruteur {background:rgba(30,93,150,0.7);background-size: 100% auto;min-height:700px
}
#Contact_candidat h4 {color: #1a3057}
#Contact_candidat {background:rgba(255,255,255,0.9);background-size: 100% auto;}
#Contact_candidat hr {background: #ccc;border-color:#ccc}
#Contact_recruteur h4 {color: #fff}
#Contact_candidat .label {padding-left: 35px;font-size: 15px;}

#Contact_candidat .btn-jaune {background: #1a3057;}
.border-left {border-left: 3px solid #ccc;padding-left: 20px;}

.padding-35 {padding: 55px;}
.padding-right-35 {padding-right: 55px;}

.cadre_about {padding: 15px;text-align: center;font-size: 15px;width: 47%;display: inline-block;margin-bottom: 20px;color:#fff;}
#Cadre_cv, #Cadre_mail {margin-left: 4%;}

.cadre_about i {font-size: 42px;color: #fff;}
.cadre_about h6 {font-size: 14px;text-transform: uppercase;color: #fff;}

#Cadre_cv {background: #e0b406}
#Cadre_mail {background: #a366c9}
#Cadre_ann {background: }
#Cadre_marque {background: #6db043}

#Nav_site_menu {padding-right: 15px;}

#Contact_bg {background: url(../imgz/inscription-bg.jpg) no-repeat;background-size: cover;}



#Nav_site_menu li a:hover {text-decoration: none;color: #1a3057}

#Prices .list-unstyled span {float: right;text-align: right;}
#Prices .list-unstyled li {text-align: left;padding: 0 40px;}
#Prices .list-unstyled li.text-center {text-align: center}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs15 {font-size: 15px;}
.fs13 {font-size: 13px;}

article.liste_offre {border: 1px solid #ccc;width: 100%;padding: 15px 0 15px;background: transparent;line-height: 16px;
	border-radius: 10px;margin-bottom: 5px;background: #fff;overflow: hidden;
}
article.liste_offre h4 {margin-bottom: 0;}
article.liste_offre .space-bottom {padding-bottom: 10px;}
article.liste_offre p {margin-bottom: 0}


.border-left-dashed {border-left: 1px dashed #efefef;}
article.liste_offre .label {line-height: 27px;font-weight: bold;color: #000;}

article.liste_offre:nth-child(even) {background: -webkit-linear-gradient(#f5f5f5 0%, #ffffff 100%)}

.padding-0 {padding: 0}

article.liste_offre a {text-decoration: none}

article.liste_offre img 	{border: 1px dotted #ccc;padding: 5px;}

article.liste_offre:hover {/*background: #efefef*/}

.bg-light-gray {background: #efefef;overflow: hidden;padding: 25px 10px;border-radius: 5px;line-height: 24px;}
.bg-light-gray .border-left-dashed {border-color: #ccc}

#France li input[type="checkbox"] + .li-open + ul {display: none}
#France li input[type="checkbox"]:checked + .li-open + ul {
	display: block;
	list-style: none;
	padding-left: 13px;
}

input[type="checkbox"]#Collapse_france + #France {display: none;}
input[type="checkbox"]:checked#Collapse_france + #France {display: block;}


#Collapse_france {position: relative;left: 20px;margin-right: 22px;}

aside form {color: #fff}

form input[type="radio"]:checked + ul {
    display: block;
    list-style: none;
    padding-left: 13px;
}

#Mois {width: 200px;}
#Mois li {position: relative;top:-9px;}
#Mois li input {position: relative;width: 70px;}


#Partenaires_acc {background: url(../imgz/barre.png) no-repeat center center;padding: 45px 0;}

.img-logo {width:150px;height: 150px;}


#Form_reserche_moncompte {background: #0b4e58;padding: 25px 0;margin-bottom: 0}

.btn {border-radius: 4px;}

select {

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(../imgz/pointer.png) no-repeat;
background-size: 12px auto;
background-position: 98%;
background-color: #fff;
color: #999;
border: 1px solid #ccc;
width: 100%;
padding: 10px 5px;
}

.bg-blue {background: rgba(18,161,178,0.7);width: 100%;padding: 25px;text-align: center;font-size: 25px;}
.bg-blue-aside {background: #1a3057;font-size: 13px;color: #fff;border-radius: 10px;}
.bg-blue-aside label{color: #fff}
.bg-blue-aside a{color: #fff;}
.bg-blue-aside a.btn {color: #1a3057;}
.bg-blue-aside .txt-blanc {color: #fff;font-size: 12px;line-height: 22px;}

.bg-blue-aside + div.col-md-9,
div.col-md-9.border-round,  .bg-white-border {width: 74%;margin-left: 10px;border-radius: 10px;/*background: #fff;*/margin-top: 5px;}

.bg-blue-aside + div.col-md-9,
div.col-md-9.border-round {margin-top: 0}

.col-md-9 .bg-border-white {width: 100%;padding: 25px 15px;border-radius: 10px;margin-top: 5px;}

.txt-cat-gris {color: #555;border-bottom: 3px solid #ccc;display: table;margin: 0 auto 25px;}

label{color: #555;font-weight: normal}
input, textarea, select {color: #000}

.top_contact {margin-top: 75px;}
.logo_partenaire {background: #fff;border: 1px solid #ccc;padding: 15px}
.width-ic {width: 20px;}

.bg-jaune a {color: #efefef}
@media (min-width:768px) and (max-width:1199px) {
	#Logo {width: 180px;}
	.container {width: 1050px;}
}

.image-box.logo-part {width: 150px;height: 150px;vertical-align: middle;text-align: center;display: table;}
.image-box.logo-part .overlay-container {display: table-cell;vertical-align: middle}
.image-box.logo-part .img-logo {

    width: 100%;
    height: 100px;
    vertical-align: middle;

}


.offreune {background: #f6f6f6;border-radius: 7px;margin:10px 1%; overflow: hidden;padding:25px 10px 0;width: 30%;color: #000;display: inline-block;float: none;box-shadow: 0 0 5px #999;min-height: 150px;vertical-align: top;}
.offreune:hover {background: #FFF;box-shadow: 0 0 5px #666;}


.scrollToTop {bottom: 30px;background: #999;width: 30px;height: 30px;display: block;line-height: 30px;}

.scrollToTop i {

    line-height: 31px;
    font-size: 21px;

}

#Nav_site_menu li.active a 	{color: #12A1B2}

#bg-offre {background: url(../imgz/bg_offreune.jpg) no-repeat top center; background-size: cover;padding-top: 120px;}

.modaleINactive {background:#fff url(../imgz/modale_inactifbg.jpg) no-repeat center right;min-height:400px}

.presse .overlay-container {position: relative;}
.date_presse {position: absolute;top:0;right: 0;border-radius: 0 0 0 3px;font-size: 11px;}

.presse .box-style-1  { min-height: 380px}

#Legislation_part {background: url(../imgz/legimage.jpg) no-repeat center bottom;color: #666;padding: 25px;background-size: cover;}
/*#Legislation_part h4 {color: #fff}*/


.Page_table.paging_simple_numbers {margin-top: 15px;}
.Page_table.paging_simple_numbers a.paginate_button {border-radius: 5px;background: #efefef;padding: 5px 15px; border: 1px solid #ccc;}
.Page_table.paging_simple_numbers a.paginate_button:hover {background:#dedede }

#about {
   background: url("../imgz/bg_about.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

#about .container {

  position: relative;
  z-index: 10;
}

.about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
  border: 1px solid #fff;
}

 .about-col:hover { box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);}

 .about-col .img {
  position: relative;
}

.about-col .img img {
  border-radius: 4px 4px 0 0;
}

.about-col .icon {
  width: 100px;
  height: 70px;
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  background-color: #fff;
  border-radius: 5%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 50px);
  top: -20px;
  transition: 0.3s;
  box-shadow: 0px 12px 11px -5px #000;
  display: table;
}

 .about-col .icon .middle {display: table-cell;vertical-align: middle;}

.about-col .icon img {border-radius: 0}

.about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

.about-col:hover .icon {
  background-color: #fff;
}
.about-col:hover i {
  color: #fff;
}

.about-col h2 {
  color: #4e5b5e;
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  padding: 0;
  margin: 10px 0 5px 20px;
}

.small .about-col h2 {
  color: #4e5b5e;
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  padding: 0;
  margin: 10px 0 5px 0;
}




.about-col h2 a {
  color: #4e5b5e;
}

.about-col h2 a:hover {
  color: #12a1b2;
}

.about-col p {
  font-size: 12px;
  line-height: 20px;
  text-align: justify;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}


.about-info {background: #efefef;color: #666;font-size: 10px;text-align: left;padding: 10px 10px;position: absolute;
width: 100%;
bottom: 0;
left: 0;}
 .about-info a {color: #666;}
 .about-info i {font-size: 13px;color: #999;margin-left: 5px;}
 .about-col:hover .about-info i {color: #999;}
 .about-info strong {font-size: 10px;}


#Header_profile {position: relative;}
#Header_profile .img {position: relative;width: 100%;height: 300px;overflow: hidden;}
#Header_profile #Profile .icon {
	width: 200px;
  height: 150px;
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  background-color: #fff;
  border-radius: 5%;
  text-align: center;
  border: 4px solid #fff;
  bottom: -20px;
  transition: 0.3s;
  box-shadow: 0px 12px 11px -5px #000;
}

#Header_profile #Profile .icon img {margin:5% auto 0;}
#Header_profile #Profile .texte_logo {width:100%;font-size: 15px;color: #fff;position: absolute;bottom: 0;margin-left: 200px;padding: 15px 0 0; background: rgba(0,0,0,0.3)}
#Header_profile #Profile .texte_logo a {color: #fff;}
#Header_profile #Profile .texte_logo strong {font-size: 25px;}

#Header_profile nav {font-size: 14px;background: rgba(18,161,178,0.5);padding: 10px 5px 1px 25px;line-height: 25px;}
#Header_profile nav ul {padding: 0;list-style: none;}
#Header_profile nav li {display: inline-block;padding: 0 15px;}
#Header_profile nav li a {color: #fff;}
#Header_profile nav li.active {background: #12a1b2;border-radius: 3px;padding: 3px 15px;}
#Header_profile #Profile .texte_logo .padding-left {padding-left: 25px;padding-bottom: 5px;}

#Profil_tab .tab-content {background: #fff;border: 0;}
#Profil_tab .tab-content:after {background: #fff;}
#Profil_tab .tab-content .overlay-container {margin-bottom: 15px;}

#Actualites h5 {margin-bottom: 10px;}
#Actualites .label {background: #12a1b2;}

.about-col p.desc_min {min-height: 70px;font-size: 12px;}

.small .about-col p.desc_min {min-height: 50px;display: none;}


.mfp-wrap {z-index: 9999999;}

.social_right {float: right;}
.social_right a {float: right;margin:0 3px;display: table;background: #12A1B2;color: #fff;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 50%; }

.form_margin input {margin-bottom: 3px;}

.map_border {border: 5px solid #fff;box-shadow: 0 0 5px #000;display: block;margin-left: 10px;}

#Contacts {color: #555}
#Contacts i {color: #12A1B2}


#Tab_stats td{ background: #efefef;border-radius: 10px;text-align: center;vertical-align: middle;min-height: 100px;padding: 25px;border-collapse: collapse;border: 3px solid #fff;font-size: 12px;color: #555;}
#Tab_stats span {color: #12A1B2;display: block;font-size: 16px;}
#Tab_stats span.fs12 {font-size: 14px;}

.border-left-5 {border-left: 5px solid #12A1B2}

.gris_bg {background: #efefef;border-radius: 5px;color: #555;min-height: 100px;padding: 25px;}

#Offres_bloc {background:#12A1B2;color: #fff;font-size: 30px; text-align: center;min-height: 100px;padding: 25px;border-radius: 10px;width: 100%;display: block;border: 3px solid #fff;font-weight: bold;line-height: 30px}
#Offres_bloc span, #Actualites_bloc span {font-size: 14px;display: block;}

#Actualites_bloc {background:#8fd6de;color: #fff;font-size: 30px; text-align: center;min-height: 100px;padding: 25px;border-radius: 10px;width: 100%;display: block;border: 3px solid #fff;font-weight: bold;line-height: 30px}


#Offres_bloc:hover , #Actualites_bloc:hover {text-decoration: none;background:#20d3e7 }
#Membre_annuaire.label-warning {background: #c8af2d;display: block;width: 100%;line-height: 20px;border: 3px solid #fff;border-radius: 10px;}



/* *******

	ESBC
	*/

.orange-bg {
	background: #E49C5D;
	color: #fff;
}

.bleuclair-bg {
	background: #98D0D1;
	color: #fff;
}

.vert-bg {
	background: #A0C578;
	color: #fff;
}

.bleu-bg {
	background: #7FB6E1;
	color: #fff;
}

.violet-bg {
	background: #C8B0D1;
	color: #fff;
}
.jaune-bg {
	background: #DED378;
	color: #fff;
}





.box-style-2 .icon-container {
	border-radius: 50%;
	height: 70px;
	width: 70px;
}

.box-style-2 .icon-container:hover {
	border: 1px solid #fff;
}

.box-style-2 .icon-container i {
	line-height: 66px;
}

.gray-bg {background: #efefef;border-radius: 5px;color: #555;min-height: 100px;padding: 25px;font-size: 14px;box-shadow: none !important;}
.gray-bg::before {box-shadow: none !important}
.gray-bg h3 {font-size: 16px;font-weight: bold;}




#equipe {
  /*background: #fff;*/
  padding: 30px 25px;

}

#equipe .member {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border: 2px solid #efefef;
}

#equipe .member .member-info {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.2s;

}

#equipe .member .member-info-content {
  margin-top: 50px;
  transition: margin 0.2s;
}

#equipe .member:hover .member-info {
  background: rgba(18, 161, 178, 0.7);
  opacity: 1;
  transition: 0.4s;
}

#equipe .member:hover .member-info-content {
  margin-top: 0;
  transition: margin 0.4s;
}

#equipe .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  font-size: 18px;
  color: #fff;
}

#equipe .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #fff;
}

#equipe .member .social {
  margin-top: 15px;
}

#equipe .member .social a {
  transition: none;
  color: #fff;
}

#equipe .member .social a:hover {
  color: #007bff;
}

#equipe .member .social i {
  font-size: 18px;
  margin: 0 2px;
}



.social-ronde a {background: #ccc;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;display: inline-block;color: #fff;}

.member .fa-plus-circle {color: #fff;font-size: 35px;margin-top: 10px;}

#Spec {overflow: hidden;display: block;width: 100%;padding-bottom: 150px;}

#Spec img {display: table;margin: 0 auto;}

#Spec.parallax-bg {

    background-image: url(http://www.mcpconseil.com/imgz/bg_parallax.jpg);

}

#Spec h4 {color: #fff;font-size: 14px;}
#Spec h3 {color: #fff;font-size: 30px;}

footer h3 {font-size: 13px;}
footer ul {list-style: none;}
footer ul li:before {content: "-";}
footer ul li {border-bottom: 1px dotted #5e7cb3;display: table;line-height: 20px;text-transform: capitalize;}
footer .border-right {border-color:#efefef}

.padding-parallax {padding: 250px 0 210px;font-size: 40px;}

#logo_parallax {position: absolute;bottom: 0;width: 200px;margin-left: -100px;left: 50%;}

.bg-gris {background: #ccc;color: #fff;padding: 25px;min-height: 330px;padding: 55px 35px;}

#Temoins {min-height: 200px;}

#Temoins .carousel-indicators {bottom: 0px;}
#Temoins .carousel-indicators li {border-color: #ccc;background: #efefef;}
#Temoins .carousel-indicators li.active {border-color: #fff;background: #ccc;}

#Temoins .item {padding: 0 0 30px;font-size: 25px;}

#Parallax_texte {position: absolute;bottom: 70px;width: 700px;margin-left: -350px;left: 50%;border-radius: 10px; padding: 35px;background: #fff;text-align: center;box-shadow: 0 0 5px #999;}
#Info {display: block;padding: 55px;text-align: center;background: #12A1B2}


#Concour {background: url(../imgz/fond_concour.jpg) no-repeat center center; background-size: cover;overflow: hidden;position: relative;}
#Form_concour {background: #fff;border: 10px;border-bottom: 2px solid #ccc;box-shadow: 0 0 5px #ccc;overflow: hidden;margin: 0 auto;width: 700px;padding: 25px;z-index: 99;position: relative;
}

#cinema {position: absolute;bottom: -30px;left: -300px;width: 800px;}
#ipad {position: absolute;bottom: 0px;right: -300px;width: 700px;}

#Texte_participe {background: url(../imgz/fond_concour.jpg) no-repeat center center; background-size: cover;overflow: hidden;position: relative;padding: 15px;border: 2px solid #eac700; }

#Annonce_acc

    font-family: 'Lato', sans-serif;

 {background: #EFEFEF;position: relative;overflow: hidden;padding: 30px 0 10px;border-bottom: 10px solid #f8f8f8}
.Annonce_acc

    font-family: 'Lato', sans-serif;

 {background: #fff;padding: 15px;overflow: hidden;border-right: 5px solid #efefef;border-left: 5px solid #efefef;min-height: 235px;}


.slick-dots {
	text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  li {
    display:inline-block;
    margin-left: 4px;
    margin-right: 4px;
    &.slick-active {
      button {
        background-color:black;
      }
    }
    button {
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      background-color:#999;
      border:none;
      width: 15px;
      height: 15px;
      border-radius:50%;
    }
		:hover{
			background-color: black;
		}
  }
}

/* Custom Arrow */
.prev{
	color: #999;
	position: absolute;
	top: 48%;
	left: 0em;
	font-size: 1.5em;
	z-index: 999;
		:hover{
			cursor: pointer;
			color: black;
		}
}
.next{
	color: #999;
	position: absolute;
	top: 48%;
	right: 0em;
	font-size: 1.5em;
	z-index: 999;
	:hover{
			cursor: pointer;
			color: black;
		}
}

@media screen and (max-width: 800px) {
    .next {
        display: none !important;
    }
}

#titre_vertical {position: relative;}

#titre_vertical h4{-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);display: block;
top: 87px;

left: -30px;
color: #ccc;
position: absolute;}


#Chrono {background: #5C7B9F;padding: 35px;text-align: center;font-size: 25px;color: #fff;text-transform: uppercase;}
#Chrono span {font-size: 45px;font-weight: bold;}


.bg_jaune  {background: #e7c549;color: #fff;}
.bg_orange  {background: #dd663b;color: #fff;}
.bg_blue  {background: #7acce1;color: #fff;}
.bg_vert  {background: #5ac17d;color: #fff;}
.bg_violet  {background: #9f8dc3;color: #fff;}
.bg_blue2  {background: #1a3057;color: #fff;}

.label.bg_orange  {border:1px solid #e7c549;color: #e7c549 !important;background: #fff;}
.label.bg_jaune  {border:1px solid #dd663b;color: #dd663b !important;background: #fff;}
.label.bg_blue  {border:1px solid #7acce1;color: #7acce1 !important;background: #fff;}
.label.bg_vert  {border:1px solid #5ac17d;color: #5ac17d !important;background: #fff;}
.label.bg_violet  {border:1px solid #9f8dc3;color: #9f8dc3 !important;background: #fff;}
.label.bg_blue2  {border:1px solid #9f8dc3;color: #9f8dc3 !important;background: #fff;}


.border-left-violet {border-left: 3px solid #9f8dc3;}
.border-left-vert {border-left: 3px solid #5ac17d;}
.border-left-orange {border-left: 3px solid #dd663b;}
.border-left-jaune {border-left: 3px solid #e7c549;}
.border-left-blue {border-left: 3px solid #7acce1;}

aside label.border-left-violet {border-bottom: 1px dashed #efefef;padding-left: 25px;display: block;padding-bottom: 4px}
aside label.border-left-vert {border-bottom: 1px dashed #efefef;padding-left: 25px;display: block;padding-bottom: 4px}
aside label.border-left-orange {border-bottom: 1px dashed #efefef;padding-left: 25px;display: block;padding-bottom: 4px}
aside label.border-left-jaune {border-bottom: 1px dashed #efefef;padding-left: 25px;display: block;padding-bottom: 4px}
aside label.border-left-blue {border-bottom: 1px dashed #efefef;padding-left: 25px;display: block;padding-bottom: 4px}

#Checkbox_recherche {margin-bottom: 5px;}
#Checkbox_recherche .radio-inline {margin-left: -20px}
#Checkbox_recherche .radio-inline input[type="radio"]{width: 100%;z-index: 999;/*visibility: hidden;*/height: 20px;opacity: 0}
#Checkbox_recherche label {padding: 5px 20px;border-radius: 4px;font-size: 13px;opacity: 0.8;}
#Checkbox_recherche label input[type="radio"] {visibility: hidden;}
#Checkbox_recherche label.active,#Checkbox_recherche label:hover{opacity: 1;}

#Checkbox_recherche .radio-inline input[type="radio"] + label {opacity: 0.6}
#Checkbox_recherche .radio-inline input[type="radio"]:checked + label {opacity: 1}

#Categories_bloc {text-align: center;padding: 45px 0;}
#Categories_bloc a 	{display: inline-block;padding: 15px;border-radius: 10px;color: #fff;text-align: center;font-size: 12px;width: 22%;margin: 15px 1% 0;}
#Categories_bloc a span::before {font-size: 40px !important;display: block;margin: 0;}

.categorie_bg_1 {background: #86d8ca}
.categorie_bg_2 {background: #a1c36c}
.categorie_bg_3 {background: #dea5ce}
.categorie_bg_4 {background: #7872d6}
.categorie_bg_5 {background: #04bff4}
.categorie_bg_6 {background: #458ccc}
.categorie_bg_7 {background: #d8b267}
.categorie_bg_8 {background: #e7905b}
.categorie_bg_gris {background: #a7a7a7}

#Categories_bloc a:hover	{box-shadow: 0 0 4px #000;text-decoration: none;}

.titre_section h6 {margin-bottom: 0;font-size: 14px;}
.titre_section h2 {margin-bottom: 0;font-size: 18px;text-transform: uppercase;margin-top: 0;margin-bottom: 25px;}

.blue_degrade {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
background: -moz-linear-gradient(top,  rgba(26,48,87,1) 40%, rgba(125,185,232,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(26,48,87,1) 40%,rgba(125,185,232,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(26,48,87,1) 40%,rgba(125,185,232,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

.blue_degrade_clair {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100;Blue+to+Transparent */
background: -moz-linear-gradient(top,  rgba(26,48,87,0.1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(26,48,87,0.1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(26,48,87,0.1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}


#francemap {
  margin: 0 auto;
}
.jqvmap-label{
  position: absolute;
  display: none;
  border-radius: 5px;
  background: #fff;
  color: #8E8E8E;
  padding: 3px;
  font-size:.95em;
  padding:5px 9px;
  font-weight:bold;
  box-shadow:0px 3px 7px 2px rgba(0,0,0,.3);
}

#France_map aside {float: left;width: 250px;color: #fff;padding-left: 15px;padding-top: 30px;}
#France_map aside a {display: block;color: #fff;font-size: 13px;}
#France_map aside a:hover {background: #314492;color: #FFF;display: table;border-radius: 4px;padding: 2px 10px;text-decoration: none;}
#France_map aside a .hover_info {display: none;}
#France_map aside a:hover .hover_info {display: table;background: #fff;border-radius: 50%;color:#314492;float: right;margin-left: 5px;
font-size: 9px;
width: 18px;
height: 18px;
text-align: center;line-height: 18px; }

/*#Annonce_acc {background: url(../imgz/fond_1.jpg) no-repeat;}*/

.annonce:hover, .link_annonce:hover {text-decoration: none !important}
.annonce {background: #fff;padding: 20px 20px 10px;border-radius: 10px;font-size: 12px;min-height: 550px;position: relative;}
.annonce h4{margin: 0;font-size: 12px;}
.annonce h6{margin: 0;font-size: 12px;font-style: italic;}
.annonce h4 + span {font-size: 12px;display: block;margin-bottom: 10px;}
.annonce .btn {display: block;padding: 3px;color: #fff;font-size: 12px;text-transform: none;}

.circle_img {width: 100px;height: 100px;display: block;margin: 0 auto;border-radius: 50%;overflow: hidden;}
.circle_img img {position: relative;}

.bg_gris {background: #ccc;}

.annonce:hover {box-shadow: 0 0 5px #999;}


.myButton1 {
	-moz-box-shadow: 0px 2px 0px 0px #e3e3e3;
	-webkit-box-shadow: 0px 4px 0px 0px #e3e3e3;
	box-shadow: 0px 2px 0px 0px #e3e3e3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #fafafa 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #fafafa 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #fafafa 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #fafafa 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #fafafa 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0);
	background-color:#fafafa;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:2px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	font-size: 13px;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #fafafa));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #fafafa 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #fafafa 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #fafafa 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #fafafa 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #fafafa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#fafafa',GradientType=0);
	background-color:#e9e9e9;
	text-decoration: none;
}
.myButton1:active {
	position:relative;
	top:1px;
}


h2.title {text-align: left;font-size: 13px;font-weight: bold;}
#Chiffres {background: url(../imgz/fond_2.jpg) no-repeat;color: #fff;}

#Chiffres .count {font-size: 30px;font-weight: bold;}

.fond_top {background: url(../imgz/fond_8.jpg) no-repeat left top #efefef fixed;width: 100%;display: block;background-size: cover;}
.fond_top.recruteur {background: url(../imgz/fond_7.jpg) no-repeat left top #efefef fixed ;width: 100%;display: block;background-size: cover;}

article.liste_offre .label {color: #fff;font-size: 11px;font-weight: normal;}


article.liste_offre .btn.btn-sm {
    padding: 6px;
    font-size: 10px;
    min-width: 91px;
}

.form_bg_gris{background: #efefef;border-radius: 10px;padding: 10px;margin: 0 5px;}
.form_bg_gris.col-md-6 {width: 49%;padding-top: 15px;}
.form_bg_gris.col-md-12 {padding: 15px 25px;}

.form_bg_gris_2 {font-size:12px;background: #fafafa;border-radius: 10px;padding: 10px;margin: 0;border: 1px dashed rgba(229, 229, 229, 0.93);margin-bottom: 15px;}
.form_bg_gris_2 i.igris {color: #999;padding-right: 7px;}


#Agence_counters > div {background: #1a3057;color: #fff;border-radius: 10px;width: 24%;margin-left: 0.5%;text-align: center;padding-top: 15px;}
#Agence_counters #shiva {font-size: 19px}

.blur {filter:blur(5px);}

.cadre_info {background: -webkit-linear-gradient(#c6c6c6 0%, #ffffff 100%);padding: 15px;border-radius: 5px;display: table;text-align: center;
	float: left;margin-right: 4px;margin-bottom: 5px;border: 1px solid #efefef;
}

.bg-white {background: #fff}

#Photo_tab .overlay-container  {
    margin-bottom: 15px;
}

.modal-content  .modal-title {font-size: 18px;padding: 7px 15px;}
.modal-content .modal-header.bg-primary {background: #0e4770}

.dtable {display: table;width: auto;}

#Contact_bg .chosen-container-multi .chosen-choices li.search-field input[type="text"] {padding: 10px 15px;height: inherit;
border-radius: 3px;-webkit-border-radius: 3px;box-shadow: none;width: 100%;}

#Contact_bg .chosen-container {width: 100% !important;}




#Actualites .article-box {
  margin-bottom: 3rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
  min-height: 410px;
}



#Actualites .article-img {
  display: block;
  overflow: hidden;
  position: relative;
}

#Actualites .article-img img {
  transition: all 1s;
}

#Actualites .article-content {
  padding:0px 15px 15px 15px;
  min-height: 180px;
}

#Actualites .col-md-6 .article-content { min-height: 160px;}

#Actualites .article-content .w-more {
  color: #4e4e4e;
  font-size: .8rem;
}

#Actualites .article-content .w-more .w-ctegory {
  color: #0078ff;
}

#Actualites .article-content .w-like {
  font-size: 2.5rem;
  color: #d00;
  float: right;
}

#Actualites .article-content .w-like a {
  color: #1a3057;
}

#Actualites .article-content .w-like .num-like {
  font-size: .7rem;
}

#Actualites .w-title {
  font-size: 1.2rem;
}

#Actualites .article-content .w-like {position: relative;top: 45px;}

#Actualites .article-img .rubrique {position: absolute;bottom: 0;left: 0;background: #FFF;padding: 0 10px;}

.urgent {background: #d00;color: #fff;padding: 5px;position: absolute;right: 10px;top:-5px;border-radius: 3px;font-size: 11px;}


.about-info a .fa-plus-circle {color: #1a3057;font-size: 18px;}

.smsinfos {font-size: 11px;color: #1a3057}

#Contact_bg hr {border-color: #475e8a;border-width: 2px;width: 98%;margin: 30px auto;}

.sec_tit {font-size: 12px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;}

.select-align select {width: 49%;display: inline-block;}


.tit-sep {background: #1a3057;color: #fff !important;padding: 7px;border-radius: 5px;border-bottom: 2px solid #efefef;font-size: 18px;}

#Menu_compte {font-size: 12px;background: #EFEFEF;border-radius: 5px;padding: 7px 15px 15px;margin-top: 9px}
#Menu_compte h4 {font-size: 14px}
#Menu_compte .sep-1 {width: 30px;height: 1px; background: #999;position: relative;top:-7px;}
#Menu_compte a {display: block;}
#Menu_compte a.active {font-weight: bold;}

.table.table-striped {font-size: 12px;}

input, select, textarea {border: 1px solid #97060d !important;}

.space-bottom-2 {
    padding-bottom: 10px;
}

.modal-header {padding: 7px 15px;}
.bg-danger.modal-header {background: #da7070}


.btn-xs {padding: 5px 5px;font-size: 9px;min-width: inherit;}

.modal-footer .btn {width: inherit;min-width: inherit;font-size: 13px;padding: 5px 15px;}
.modal-footer button {float: left;}
.modal-footer input {float: right;}

.form_bg_gris_2 i.igris {width: 20px;text-align: center;}

.bggris {background:#fff;overflow: hidden;display: table;padding: 5px 10px;border-radius: 5px;box-shadow: 0 0 5px #ccc inset;border: 1px solid #fff;line-height: 24px;}

.igris {color: #999;margin-right: 3px}

.table-striped.table > tbody > tr > td {line-height: 24px;}
.table-striped > tbody > tr:nth-of-type(2n+1) {border-left: 3px solid #ccc}
.table-striped > tbody > tr:nth-of-type(2n) {border-left: 3px solid #578FCE}



.icons-ul{
    width:100%;
    padding: 0 0 0 25px;
}

.icons-ul>li {
position: relative;
list-style: none;
}

icons-ul {
margin-left: 2.142857142857143em;
list-style-type: none;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
}

.icons-ul .iconx-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
text-align: center;
line-height: inherit;
}

[class^="iconx-"], [class*=" iconx-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}


.btn-primary {background: #1a3057}
.fa-space {width: 40px;display: block;height: 1px }

.transparent {opacity: 0}

#InfoDisp #Mois {width: auto;text-align: right; }
#InfoDisp .select-align select {width: 30.5%;/*top:-20px;*/position: relative;}


DIV[ID^="toolbar"] a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border: 1px solid #efefef;
    border-radius: 5px;
    display: inline-block;
    height: 29px;
    margin: 0 1px 10px;
    padding: 2px 5px;
    text-align: center;
    width: 28px;
	color: #999
}


.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

.carousel-control {width: auto;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {color: #000}

.myButton1.btn-primary:hover {background: #103060}



/* common */
.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #dc3434;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 130px;
  padding: 5px 0;
  background-color: #dc3434;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: 0px;
top: 25px;
  transform: rotate(-45deg);
}



.background-tarifs {
  padding: 0 25px 25px;
  position: relative;
  width: 100%;

}

.background-tarifs::after {
  content: '';
   background: url(../imgz/recherche_fond.jpg) no-repeat;
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (min-width: 900px) {
  .background {
    padding: 0 0 25px;
  }
}



.panel {
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 25px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pricing-table {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  padding-top: 0;
}

@media (min-width: 900px) {
  .pricing-table {
    flex-direction: row;
  }
}

.pricing-table * {
  text-align: center;
  text-transform: uppercase;
}

.pricing-plan {
  border-bottom: 1px solid #e1f1ff;
  padding: 25px ;
}

.pricing-plan:last-child {
  border-bottom: none;
}

@media (min-width: 900px) {
  .pricing-plan {
    border-bottom: none;
    border-left: 1px solid #e1f1ff;
    flex-basis: 80%;
    padding: 25px 40px;
  }

  .pricing-plan:last-child {
    border-right: none;
  }
}

.pricing-img {
  margin-bottom: 25px;
  max-width: 100%;
}

.pricing-header {
  color: #888;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 15px;
  font-size: 17px;
}

.pricing-features {
  color: #1A3057;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0px 0 25px;
  padding: 0;
  list-style: none;
}

.pricing-features-item {
  border-top: 1px solid #e1f1ff;
  font-size: 12px;
  line-height: 1.5;
  padding: 10px 0 10px 0;
  font-weight: normal;
}

.pricing-features-item:last-child {
  border-bottom: 1px solid #e1f1ff;
}

.pricing-price {
  color: #1A3057;
  display: block;
  font-size: 32px;
  font-weight: 700;
}

.pricing-button {
  border: 1px solid #1A3057;
  border-radius: 10px;
  color: #1A3057;
  display: inline-block;
  margin: 25px 0;
  padding: 15px 35px;
  text-decoration: none;
  transition: all 150ms ease-in-out;
}

.pricing-button:hover,
.pricing-button:focus {
  background-color: #e1f1ff;
}

.pricing-button.is-featured {
  background-color: #1A3057;
  color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
  background-color: #269aff;
}

.pricing-plan.titrestage {
	color: #337AB7;
	font-size: 20px;
	padding-top: 50px;padding: 50px 20px
}

.pricing-plan.bg-primary .pricing-header, .pricing-plan.bg-primary .pricing-features{color: #fff !important}


.pricing-plan.width-tit {
	/*width: 220px !important;*/
display: table !important;
flex-basis: auto;
flex-basis: 50%;
max-width: 180px;
min-width: 180px;
}


.pack {
	border-radius: 10px;
box-shadow: 0 0 5px #ccc;
position: relative;
overflow: hidden;
min-height: 150px;
margin: 0 auto 15px;
width: 90%;
}
.pack ul {padding: 0;width: 100%;list-style: none !important;}
.pack ul li {padding: 0;list-style: none;width: 100%;border-bottom: 1px solid #ccc;line-height: 30px;text-align: left;padding-left: 60px}

.pack ul li span {float: right;padding-right: 30px;color: #1A3057;font-size: 12px;font-weight: bold;}

.vertext {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
background: #1A3057;
color: #fff;
width: 170px;
left: -77px;
padding: 15px;
top: 39px;
line-height: 20px;
margin-left: 15px;
font-size: 10px;
height: 59px;
}

.multiselect.dropdown-toggle {background: #fff !important;color: #999 !important;border: 1px solid #d00;font-size: 12px;text-transform: none;width: 100%;max-width: inherit;text-align: left;margin-bottom: 0;}

#Form_aside .multiselect.dropdown-toggle {color: #000 !important;}
.multiselect-container label {color: #666;font-size: 12px;}
.modal-dialog.modal-lg, .modal-dialog {z-index: 99999999;}
.multiselect-native-select .btn-group {width: 100%}

.multiselect-container {
    /*height: 280px;*/
    overflow-y: auto;
    width: 100%;
    font-size: 12px
}

.open .dropdown-toggle.btn-default {
    color: #999 !important;
    overflow:hidden;
}

.offre_evidence {border: 4px solid #a8a8a8 !important;}

.liste_offre .favoris {position: absolute;right: 15px;top:15px;font-size: 25px;}

.btn-outline-primary {border: 1px solid #1A3057;color: #1A3057;}
.btn-outline-primary a {color: #1A3057;}
.mr-10 {margin-right: 10px;}

.btn-default:hover, .btn-default a:hover {color: #fff;text-decoration: none;}
.mt-0 {margin-top: 0}

#Social_icons a i {color: #1A3057;border-radius: 50%;width: 30px;height: 30px;border: 1px solid #1A3057;text-align: center;line-height: 27px;}

.edit {position: absolute;right: 15px;}
.look {position: absolute;right: 50px;}
.titre_highlight {color:#1A3057;border-bottom: 1px solid #1A3057;line-height: 20px }

.dropdown_circle button {border-radius: 50%;width: 40px;height: 40px;border: 1px solid #1A3057;color: #1A3057;font-size: 20px;text-align: center;line-height: 18px;}
.dropdown_circle .dropdown-item {display: block;float: none;border-bottom: 1px dashed #ccc;line-height: 27px;padding: 0 4px}

header #Nav_site_menu ul li:hover .dropdown_circle .dropdown-item {padding: 0 4px;background:#efefef;color:#1A3057  }
header #Nav_site_menu ul li:hover .dropdown_circle .dropdown-item:hover {padding: 0 4px;background:#1A3057;color:#fff  }

.annonce .desc_height {min-height: 100px}

#Header_cont .dropdown-menu {left:inherit;right: 0}

.padding-0 {padding: 0}

.table_input input {width: 95%}
/*.info_cv_consulter {margin-bottom: 45px;}*/
.info_cv_consulter .btn {text-align: left;min-width: inherit;width: 100%;}
.info_cv_consulter td {border: 4px solid #fff;}

.mescandidatures {color: #4e5b5e;font-size: 13px}

.pricing-plan {position: relative;padding-bottom: 70px;}
.pricing-button.btn-abs {position: absolute;bottom: 0px;display: table;left: 50%; margin-left: -55px;}

.credits_commander {padding-left: 0}
.credits_commander li {border-bottom: 1px dashed #fff;list-style: none;padding-left: 0;padding-bottom: 7px;padding-top: 3px;overflow: hidden;}
.credits_commander div {font-weight: bold;color:#1A3057; display: inline-block;width:70%;vertical-align: top;}
.credits_commander span {display: table;font-size: 12px;font-weight: normal;color: #000;width: 100%;padding-left: 25px}
.credits_commander div.prix 	{text-align: right;width: 29%}

.credits_commander div input[type="radio"] {margin-right: 7px}

.credits_commander div.info_check {font-size: 12px;font-weight: normal;color: #000;}

.btn-abs-consulter {position: absolute;bottom: 10px;right: 0;}

.txt-white {color: #fff}

.modal.fade {display: none !important;z-index: -999}
.modal.fade.in {display: block !important;z-index: 9999999}

.alert-credits {background: #dce8fa;padding: 15px 15px 5px;border-radius: 5px;border: 1px solid #b6c6db;overflow: hidden;}

#btn-recherche .btn-search {background: #1A3057;color: #fff;}
#Recherche_input.wid-50 input.btn-search {width: 100%}

.sep-dashed {border-top: 1px dashed #ccc;width: 100%;height: 1px;display: block;clear: both;padding: 5px 0;margin-top:5px;}

.boutonActifnok i.fa-heart {color: #ed6666}

#Page_detail .favoris {float: right;font-size: 28px;position: relative;top:-5px;padding-left: 20px;}

.btn-bt-abs {position: absolute;bottom: 5px;width: 85%;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

#AsideMenu {display: block}

button.close {position: relative;z-index: 99999;}

.space-bottom.bot-xs {padding-bottom: 5px;}

.pricing-height 	{height: 270px;overflow: hidden;}
.pricing-height .pricing-button.is-featured {margin: 0}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

#BgGris {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f2f2+0,c6c6c6+100 */
/*background: rgb(242,242,242); /* Old browsers */
/*background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(198,198,198,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(198,198,198,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(198,198,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */

background:#C9C9C9;

width: 100%;overflow: hidden;}

#Contact_candidat .col-md-9 h4.tit-sep {margin-top: 10px}

#Contact_candidat .col-md-9 .alert, #Contact_candidat {margin-top: 10px}
#Contact_candidat .col-md-3 + form {margin-top: 0}

#Contact_candidat .col-md-9 .form_bg_gris {margin: 0}

.misenavant {background: #d0d8fa;border-radius: 5px;padding: 5px;overflow: hidden}

.multicol .multiselect.dropdown-toggle 	{margin: 0;padding: 15px 15px;border-color:#97060d;overflow: hidden}

#Recherche_input .multiselect-container input {width: auto !important}
#Recherche_input .multiselect-container {
    height: 290px;
    width: 390px;
    z-index: 99999999;

}


#Recherche_input .multiselect-container > li.multiselect-group label,
#Recherche_input .multiselect-container > li > a > label
 {height: auto}


.multiselect-item.multiselect-group {position: relative;left: -15px;}

#Header_cont .dropdown-menu {min-width: 270px}

.txtleft {padding-left: 50px;display: table;}

#Cible {background: #1A3057;color: #fff;padding: 75px 25px;}

.btn-danger {background: #B00909;}

#Cibleimg {position: absolute;right: -200px;z-index: 9;width: 600px;margin-top: -150px;}
#Optimisez {background: #3f4e6b;color: #fff;padding: 75px 25px;}
#Espace {background: #5f6a7e;color: #fff;padding: 75px 25px;}

#Espaceimg {margin-top: -180px;}

#SousNav {background: rgba(219, 219, 219, 0.82);display: block;width: 100%;padding: 7px 25px;position: fixed;top: 80px;z-index: 999}
#SousNav a {display: inline-block;padding-left: 25px;text-transform: uppercase;color: #1A3057}

#SousNav.actus a {text-transform: none;font-size: 13px;}
#Actualites .label.label-grey {background: #efefef;color: #666;font-size: 9px;margin-bottom: 7px}

.btn-ff {
    border-radius: 3px !important;
    text-transform: none !important;
    font-size: 12px !important;
    padding: 7px 20px !important;
}

.bg-table-blue {display: block;margin-top: 15px}
.bg-table-blue {background: #1A3057;color: #fff;border-radius: 5px;font-size: 12px;}
.bg-table-blue tbody {background: transparent}
.bg-table-blue td {padding: 5px 15px;}

.bg-success-2 {background: #84b761}
.bg-danger-2 {background: #b86161}
.bg-warning-2 {background: #9e8b34}
.bg-table-blue td.bg-table-blue {border-radius: 0 5px 5px 0;}


.line-52 {line-height: 52px}
.mt_30 {margin-top: -30px;}
/*#Menu_compte.collapse-xs {display: block !important;}*/

#Menu_compte_Mobile, #Menu_compte_Mobile_recruteur {display: none;}

.position_left-120 {position: relative;left: 120px}
.position-top-10 {top:10px}


#btn-recherche.btn-abbonez {min-width: inherit;width: auto;margin: 0 auto 0 -15px;}
#btn-recherche.btn-abbonez .btn-search.btn-search-abbonez {min-width: inherit;margin: 0 auto;width: auto;padding-left: 10px; line-height: 32px;}

#Actualites_liste .annonce.offres {min-height: 390px;padding: 7px;position: relative;overflow: hidden;}
#Actualites_liste .annonce.offres .img img {width: 100%}

.multiselect.dropdown-toggle {overflow: hidden}


#AsideMenu .multiselect-container.dropdown-menu, #Form_aside .multiselect-container.dropdown-menu {max-height: 400px;width: auto;}

#PreInscr .modal-content{background: -webkit-linear-gradient(#6b7486 0%, #424b5d 100%);}
#PreInscr  .modal-header {background: rgba(255,255,255,0.3)}

.link_annonce h5 {min-height: 32px;}

.Info_Acc_Text {width: 100%;background:rgba(255,255,255,0.6);margin: 20px auto;    font-family: 'KoHo', sans-serif;color: #aa1c21;font-size: 22px;display: table;/*margin-top: -120px;*/position: relative;z-index: 999;font-weight: bold;padding-bottom: 30px;padding: 25px;}
.Info_Acc_Text table {width: auto;display: table;margin: 0 auto;}
.Info_Acc_Text table tbody {background: transparent}



.btn-rechercheoffre input{background: transparent !important;border: 0 !important;color: #1a3057;text-transform: uppercase;padding: 5px 13px 5px 0;}
.btn-rechercheoffre i {font-size: 17px;color: #999}
.btn-rechercheoffre:hover {background: #efefef;}

.postedesc_1 {min-height: 150px;}
.datepost_1 {position: absolute;right: 10px;font-size: 9px;bottom: 5px;}

.mobiletxtwidth2 {}


.urgentbande {background: #B60200;border-bottom: 2px solid #ff9898;border-right: 1px solid #ff9898;
color: #fff;
border-radius: 0 5px 5px 0;
position: absolute;
left: -1px;
padding: 3px 18px 3px 12px;
font-size: 10px;
top: 15px;}


.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}

.ribbon-green {
	z-index: 9;
    font: bold 10px Sans-Serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -29px;
    top: 15px;
    width: 120px;
    background-color: #d8091f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d8091f), to(#991313));
    background-image: -webkit-linear-gradient(top, #d8091f, #991313);
    background-image: -moz-linear-gradient(top, #d8091f, #991313);
    background-image: -ms-linear-gradient(top, #d8091f, #991313);
    background-image: -o-linear-gradient(top, #d8091f, #991313);
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:after,
.ribbon-green:after{
  content: "";
  border-top: 3px solid #991313;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}


.ribbon-green:before{
  right: 0;
}


.ribbon-green:after{
  left: 0;
}

#Cookies {width: 100%;height: auto;font-size: 12px;text-align: center;position: fixed;bottom: 0;background: rgba(0,0,0,0.7);color: #fff;z-index: 99999;padding: 10px 25px;}

.social_share_privacy_area .info, .social_share_privacy_area .switch {display: none}
.social_share_privacy_area .help_info {list-style: none;display: inline-block}

.tracker {border-radius: 7px;background: #efefef;padding: 5px 15px;font-size: 11px;margin-bottom: 7px;border-bottom: 4px solid #ccc;color: #666;}

body .modal-backdrop {display: none}
body.modal-open .modal-backdrop {display: block}

aside.bg-blue-aside.disabled {cursor: not-allowed}
aside.bg-blue-aside.disabled input,
aside.bg-blue-aside.disabled select,
aside.bg-blue-aside.disabled button,
aside.bg-blue-aside.disabled a  {pointer-events:none;}



a.disabled {
  pointer-events: none;
  cursor: default;
  color: red;
}

a.disabledStandard {
  pointer-events: none;
  cursor: default;
}

a.disabledGrey {
  pointer-events: none;
  cursor: default;
  color:LightGray;
}

.txt90 {width: 90%;}


.border0 {border-color: #fff !important;}