.cookie {border: medium none;background: rgb(255, 255, 255) none repeat scroll 0% 0%;width: 100%;position: fixed;z-index: 999998;bottom: 0px;left: 0px;text-align: left;opacity: 0.97;max-width: 100%;padding:0 0 1rem;color:#fff;}
.cookie {background:#5b5b5b; padding:0 0 1rem; color:#fff;font-family: roboto-medium;}
.cookie a.link_ok {color:#fff; margin-right:.5rem; text-decoration:none; background:#ff8306; padding:.25rem 4.5rem; }
.cookie a.link_savoir {background:none; text-decoration:underline; color:#00009b;}
.cookie .container {max-width: 93rem; margin: 1rem auto 0;padding: 0 5rem;}
.cookie .container p{font-size: 15px; width:100%;text-align: left;}
.cookie .container .center_link{margin-top:0.5rem;text-align: center;}

#progress_bar {position:absolute; top:0; left:0; height:2px; width:0; background:#07499d; z-index:999;}
a#back-to-top {position:fixed; display:none; width:2rem; height:2rem; padding-top:.5rem; box-sizing:border-box; background-color:#00006a; color:#fff; right:2.5rem; bottom:5rem; text-align:center; border-radius:50%; z-index:999;
opacity:.5; transition: opacity 0.2s ease-out;}
a#back-to-top:hover {opacity:1;}
.success {color:#479e38;}
.bleu {color:#151a73;}
.header_main .menu li.current_active a:before{background: #fff; width: .5rem; height: .5rem; left: -.1rem}
.header_main .menu li.current_active a:after{width: 65%}
.mega_doka_image {
    width: 100%;
    height: 9.75rem;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top:.75rem;
}
.mega_doka_image a {
    width: 100%;
    display: block;
    text-align: center;
    height: 100%;
}
img.chartee {max-width:100%; height:auto;}
.left_col.no_doka {width:100%;}
footer .col a {font-weight:normal;}
footer .col ul {font-family:"roboto-regular";}

.form_pop {width:98%;}
.form_pop h4 {margin:0; padding:0; font-weight:normal; margin:0 0 1rem 0;}
h4.cordonne{margin-bottom: 2rem;}
.jBox-content .form_pop .form-group-inline .form-group{margin-bottom: 2.5rem}
.main_form textarea {border:1px solid #ccc; width: calc(100% - 5px); border-radius:.15rem;}
.main_form .form-file {display:flex;}
.main_form .form-file img {width:3.75rem; margin-right: 1rem;margin-top: -1rem;margin-left: 1rem;} 
.main_form .form-file a {display:inline-block; margin-right:1rem; width:2rem; height:2rem; background:#151a73; color:#fff; border-radius:50%; text-align:center; box-sizing: border-box; padding-top:.5rem;}
.main_form .form-group div.has_value ~ label.control-label{color: #aaa9a9}

.search-group .search-link {position:relative;}
/*.search-group .search-link .form-group {position:fixed;}*/
.all-critere div {margin-top:.5rem; z-index: 99;}
.all-critere input[type=checkbox] {
    position:absolute; z-index:-1000; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.all-critere label {position:relative; padding-left:2em; cursor:pointer; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.all-critere label span:before{border-color: #fff; color:#fff; position:absolute; content:""; width:1.2rem; height:1.2rem; border:2px solid #fff; left:0; top:0; color:#fff; box-sizing: border-box;
    transition:all 500ms;
    -webkit-transition:all 500ms;}
.all-critere input[type=checkbox]:checked + span:before {
    font-family: 'FontAwesome';
    content:"\f00c";
    text-align:center;
}
.all-critere .for_regions {display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row}

.actualites .bloc_offre .figure_container {height:10rem; width: calc(100% + 3rem); overflow:hidden;}
.actualites .bloc_offre figure {background-position:center center; background-repeat:no-repeat; position:relative;
transition: transform 1s ease; -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; background-size: 100% 100%;width: 21.1rem;margin-left: 0;}
.actualites .bloc_offre figure .player {position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin:auto; width:4rem; height:4rem; display:block; background:url(../img/play.png) no-repeat center center;}
.actualites .bloc_offre:hover figure {transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);}

span.note {color:red;}
.animate-ripple{position:relative; overflow:hidden;}
.animate-ripple:after {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); content:""; width:0; height:0; display:block; border-radius:50%; background:#fff; opacity:0.5;}
.animate-ripple:hover:after {animation: ripple-in1 .8s;}
@keyframes ripple-in1 {
 0% {width:1rem; height:1rem;}
 20%{width:1.5rem; height:1.5rem; opacity:0.3;}
 100%{width:4rem; height:4rem; opacity:0;}
}

.recruteur_index {display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
margin:0 0 2rem 0;
font-family:"roboto-regular";
}
.recruteur_index .blc_droite {width:9.25rem;}
.recruteur_index .blc_gauche {width: calc(100% - 11rem);}
.recruteur_index .blc_gauche ul li {margin:0 0 1rem 0;}
.recruteur_index .blc_gauche ul li font, .service-plus {color:#006699;}
.recruteur_index h2{font-size:1.2rem;}
.service-plus {display:block; margin:1rem 0; font-weight:bold;}

.recruteur_index .blc_droite a, a.lien-action, span.lien-action {
    border-radius:.15rem;
    display:block;
    text-align:center;
    color:#fff;
    text-decoration:none;
    height:2.5rem;
    line-height:.75rem;
    box-sizing: border-box;
    margin:0 0 1rem 0;
    position:relative;
    display: flex; 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-around;
}
a.lien-action, span.lien-action {width:auto; display:inline-block; padding-left:.5rem; padding-right:.5rem;margin: 0 1.5rem 1rem 0; vertical-align:top; padding-top: .8rem;}
span.lien-action.inactif3 {background:#dfdfdf; color:#818181;}
a.bout_rouge {background:#970F39;}
a.bout_bleu_fonce{background:#3e439b;}
a.bout_orange{background:#D7660E;}
a.bout_rose{background:#fc2d2d;}
a.bout_vert{background:#016C64;}
a.bout_noir{background:#3f3f3f;}

a.link-action { 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    margin-top: 1rem;
    width: 3rem;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-radius: .15rem;
 }

p.couvertures{display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
p.couvertures a {width:33%; margin:1rem 0;}

.tarif_titre {color:#fff; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
-webkit-flex-wrap: wrap; flex-wrap: wrap; margin:.25rem 0;}
.tarif_titre .col1 {width: calc(100% - 9.5rem); padding:.5rem; background:#fff; color:#000; border-bottom:2px solid #3e439b;}
.tarif_titre .col12 {width:6rem; background:#3e439b; text-align:right; padding:.5rem; background:#fff; color:#000; border-bottom:2px solid #3e439b;}
.tarif_titre .col12.red_element, div.red_element{color: red}
.tarif_titre .col2 {width:7rem; background:#3e439b; text-align:right; padding:.5rem; background:#fff; color:#000; border-bottom:2px solid #3e439b;}
.tarif_titre .col2.through{text-decoration: line-through;}
.tarif_titre.no_middle .col1 {width: calc(100% - 6rem);}
.tarif_titre.no_middle .col2 {width:4rem;}
.recruteur_index p, p.parag {text-align:left!important;}
p.parag_coord{margin: 0 0 2.5rem;}
p.parag_dif{color: #151a73;margin-top: -1rem;margin-bottom: 3rem;}
p.diffusion {font-size:.75rem; text-align:left!important;}
.tarif_titre.gris .col1, .tarif_titre.gris .col2{background:#eee;}
.tarif_titre.grisfonce .col1, .tarif_titre.grisfonce .col2{background:#c5c5c5;}

a.lien-conseil {color:#fc2d2d;}
span.num_rond {display:inline-block; width:1.5rem; height:1.5rem; background:#151a73; color:#fff; font-size:1rem; text-align:center; border-radius:50%;}
.login_zone.login_inside::after {background:none;}
.login_zone.login_inside a.register{text-transform:none; color:#ccc;}
.login_zone.create_inside {width:18rem; display:block; float:left; margin:0 1rem 0 0; padding:1.5rem 2rem 1.5rem 1.5rem;}
.login_zone.create_inside form {display:block; width:100%;}
.login_zone.create_inside .form-group {width:100%; margin:0 0 2.5rem 0;}
.login_zone.create_inside .passe_valide { margin: -1rem 0 1rem 0;font-family: roboto-medium;font-size: .8rem;color: #fff; }
.login_zone.create_inside .passe_valide i { color: #3cff3c; }
.veille {color:#fff; font-size:.75rem; font-style:italic;}
.veille a {color:#fff;font-family: roboto-black;}
.tiny {font-size:.75rem;}
.puce_small {position:relative; padding-left:1rem;}
.puce_small::before{position: absolute; top:.35rem; left:0; background:#67A3FF; height:.5rem; width:.5rem; border-radius:50%; content:"";}
ul.liste_paragraphe {
    border-left: 1px solid #151a73;
    clear: left;
    margin-left: 2rem;
	margin-top: 0.2rem !important;
}
.charte h2 {margin-top:2.5rem!important;}

h2.sous_h2 {font-size:1rem; margin:1.25rem 0!important; background:none; padding:0;}
.contact_recrut{margin:0 -2.2rem; margin-top: 7rem !important; background:#eee; }
.contact_recrut a {text-align:center; color:#000; text-decoration:none; font-family:"roboto-medium"; font-size:.85rem; padding:.25rem 1rem; display:block;}
a.add_annonce {color:#151a73; text-decoration:none; position:relative;}
a.add_annonce.underline{text-decoration: underline;text-underline-offset: 4px;}
a.add_annonce::after{position:absolute; left:0; bottom:0; width:30%; transition: width 300ms ease; content:""; background:#151a73; height:2px;}
a.add_annonce.underline:after{background: #fff;}
a.add_annonce:hover::after {width:90%;}
a.add_annonce:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

a.link_form {border:1px solid #3e439b; padding:.6rem .4rem .5rem .4rem; border-radius:.15rem; font-family:'roboto-black'; color:#3e439b;}

span.rond_big {background:#151a73; color:#fff; border-radius:50%; padding:2px 8px;}
ul.nav_commande {display:flex; justify-content:space-between; list-style:none; margin:0; padding:0;}
ul.nav_commande li {position:relative; padding-bottom:6px;}
ul.nav_commande li a {color:#151a73; text-decoration:none;}
ul.nav_commande li.fond_off .fond_nav {color:#858585;}
ul.nav_commande li.fond_on::before {content:""; position:absolute; width:0; height:2px; background:#151a73; left:8px; bottom:0; transition:width .3s ease;}
ul.nav_commande li.fond_on:hover::before {width:100%;}
ul.nav_commande li.fond_off span.rond_big {background:#858585;}
ul.nav_commande li.current::before {content:""; position:absolute; width:100%; height:2px; background:#151a73; bottom:0;}
ul.nav_commande li.current .fond_nav {color:#151a73;}

.help_box {font-size:.75rem;}
.help_box h4 {margin:0!important; padding:0!important;}
ul.ul_help {margin:0 0 3rem !important; padding-left:1rem;}
ul.ul_help li {padding-left:0;}
#zone_candidature, #zone_filtrage, #zone_selection {background:#dfdfdf; padding:1rem; margin:0 0 1rem 0; position:relative;}
#zone_candidature::before, #zone_filtrage::before, #zone_selection::before {position:absolute; top:0; left:0; height:2px; background:#000; width:35%; content:"";} 
.coordonnee .form-group {background:#bcd3eb; padding:1rem; position:relative; box-sizing: border-box;}
.coordonnee .form-group::before {position:absolute; top:0; left:0; height:2px; background:#000; width:35%; content:"";} 
.modalite_paiement .form-group{line-height:1.5; padding:1rem; box-sizing: border-box; position:relative;}
.modalite_paiement .form-group::before {position:absolute; top:0; left:0; height:2px; background:#000; width:35%; content:"";} 

.envoi_stage h2 {padding:0; margin:0;}

.espace_container {background-color:#f4f4f4; padding:0;}
.layout3 {display:flex; justify-content:space-between; background: #fff;}
.layout3 .left_col {width:3rem;  float:none; background:#fff; box-sizing: border-box; }
.layout3 .inside_col {width: calc(100% - 4rem); float:none; background:#fff; box-sizing: border-box; padding:1rem;}

ul.space_menu {margin:0 0 1rem 0; padding:0; list-style:none; border-right: 1px dotted rgba(0, 0, 0, .2);}
ul.space_menu li {display:block; text-align:center; width:2rem; height:2rem; margin:0 auto; margin-top:1.5rem; position:relative; }
ul.space_menu li a {display:block; color:#fff; border-radius:50%; background:#3e439b; width:2rem; height:2rem; box-sizing: border-box; padding-top:.5rem;}
ul.space_menu li a span {background:#3e439b; height: 2rem; font-size: 0; z-index:10; color:#fff; position:absolute; padding-top:.6rem; top:0; left:0; width:0; border-radius:2px; transition:all 600ms ease; overflow:hidden; box-sizing: border-box; opacity: 0}
ul.space_menu li a:hover span {width:15rem; opacity: 1; font-size: .875rem; padding-top:.3rem;}

.layout3 a.show_input {margin:0;}
a.show_input.lien-rouge {color:red;}
a.show_input.lien-rouge:hover {border-color:red;}
.bienvenue {color:#151a73;}

.grid-annonce {font-family:"roboto-regular";}
.grid-annonce a {text-decoration:none;}
.grid-annonce th {background:#000;}
.grid-annonce th a, .grid-annonce th {color:#fff;}
/*.grid-annonce tr.item a:not(.animate-ripple) {color:#000; transition:.3s all ease-in; border-bottom:1px solid #000; font-size:.85rem;}
.grid-annonce tr.item a:not(.animate-ripple):hover {border-bottom:1px solid #868686; color:#868686; }
.grid-annonce tr.item td {border-bottom:1px solid #dfdfdf; vertical-align:middle;}*/
.grid-annonce tr.item.even {background:#eee;}
.grid-annonce .for_select {width:8rem;}
.grid-annonce td.bold {font-weight:bold;}
.grid-annonce td.td_large_lettre {width:10rem;}
.bout_tab_recrut a {background:#151a73; color:#fff!important; border:none; display:inline-block; text-align:center; margin:.25rem 0; width:6rem;  padding:.35rem .5rem; position:relative; font-size:.75rem;}
.bout_tab_recrut span.bout_off {background:#dfdfdf; color:#939393; border:none; display:inline-block; text-align:center; margin:.25rem 0; width:6rem; padding:.35rem .5rem; font-size:.75rem; vertical-align:top;}
.pagination li {margin-bottom:.5rem;}
.inside_col .pagination a {text-decoration:none;}
.inside_col .offre_zone {width:100%;}
.inside_col .offre_zone p {text-align:left;}
.offre_candidature{width: 97.7% !important;}
.response_negativ{margin-top:3rem;}
.box-response {background:#dfdfdf; box-sizing: border-box; padding:.5rem;}
.box-response .head {position:relative; font-family:"roboto-bold"; }
.box-response .head::after {position:absolute; left:0; bottom:0; background:#000; content:""; height:2px; width:45%;}
.box-response .content {min-height:11.25rem; box-sizing: border-box; padding:1rem 0;}
.box-response a i {font-size:.65rem;}
.tri_send {display:flex; justify-content:space-between; margin:1rem 0 0 0; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.tri_send .tri, .tri_send .send {width:42%;}
.tri_send .send a, .tri_send .send span.box_grise {display:block; background:#151a73; color:#fff; text-decoration:none; margin-bottom:1rem; padding:.5rem .25rem;}
.tri_send .send span.box_grise {background:#dfdfdf; color:#939393;}
.box_lettre ul {list-style:none; margin:0; padding:0;}
/*.box_lettre ul li {display:block; }
.box_lettre ul li {position:relative; padding-left:1rem; margin-left:1rem;}*/
/*.box_lettre ul li::before {font-family: 'FontAwesome'; content: "\f0c6"; position:absolute; left:0; }*/
td.action ul {list-style:none; display:flex; justify-content:space-between; align-items: center; justify-content: center;}
td.action ul li {width:5rem; margin-right:.5rem;}
td.action ul li.last {width:2rem;}
td.action ul li a, td.action ul li span.bout_off {display:block; background:#151a73; color:#fff!important; border:none!important; text-align:center; font-size:.75rem; margin:1rem 0; padding:.5rem 0;}
td.action ul li .bout_off { background:#dfdfdf!important; color:#939393; }
a.remover {width:2rem; height:1.5rem; background:red!important; color:#fff; border-radius:50%; padding:.5rem 0 0 0!important;}

.form-group.for_title {position:relative; padding:1rem 0 .5rem 0;margin-bottom: 1.8rem;}
.form-group.for_title::before {position:absolute; content:""; left:0; bottom:0; background:#dcdcdc; width:50%; height:1px;}

/*cv*/
.box_cv {position:relative; background:#eee; padding:1rem; margin:1rem 0; position:relative;}
.box_cv::before{position:absolute; background:#525252; top:0; left:0; height:2px; width:30%; display:block; content:"";}
.cvNom {font-size:1rem; font-weight:bold; color:#000; display:block; padding-bottom:1rem;}
.box_cv a.actionBout1, a.lienBout1 {position:absolute; right:1rem; top:1rem; display:block; text-decoration:none; background:#3e439b; color:#fff; padding:.25rem 1rem; border-radius: 2px}
.box_cv a.actionBout2, .box_cv a.actionBout3, a.lienBout2, a.lienBout3 {display:inline-block; text-decoration:none; background:#3e439b; color:#fff; width:2rem; height:2rem; border-radius:50%; box-sizing: border-box; text-align:center; padding-top:.5rem;}
.box_cv a.actionBout3, a.lienBout3 {background:#E00022;}
a.in_pop {position:absolute; right:1rem; top:1rem;}
h2.titre_cv {background:none; color:#000; font-size:1.125rem; text-transform:none;}
.competence {font-size:.75rem; text-transform:none;}
textarea.input-multi-simple {height:10rem;}
a.link-lang {text-decoration:none; color:#d1d1d1; font-size:1.5rem;}
a.link-lang.actif {color:#60ad3a;}
a.lien-top {position:absolute; right:1rem; bottom:2rem;}
.retirer-box {position:absolute; right:1rem; z-index:9; }

.inside_col article.blc { box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5); flex-wrap: wrap;}
.inside_col article.blc aside.inline_offre {width:100%;}
article.blc.marge-5 { margin-top:-.5rem; padding:.5rem; text-align:right; display:block;}
article.blc.marge-5 a {text-decoration:none; background:#3e439b; color:#fff!important; padding:.25rem .5rem; border-radius: 3px;}
a.inactif article {background:#eee;}

.main_form .form-group .validate {box-sizing: border-box; /*padding-top:.45rem;*/}
#offre_zone.loading {opacity:.5;}

.propos {font-size:.85rem; font-family:"roboto-regular";}
.propos p.marginLeft_25 {margin-left:1.5rem;}
.propos span.num_rond {display:inline-block; margin-left:-1.5rem;}

.offre_details_buttons span.inactif {display:inline-block; border:1px solid #ccc; border-radius:.15rem; padding:.5rem .4rem .5rem .4rem; color:#858585; text-transform:uppercase; font-size:.75rem; font-family:'roboto-black';}
.no-case {text-transform:none;}
.postule_etape1 {display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; position:relative; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;}
.postule_etape1 .connecte {width: calc(100% - 22rem);}
.postule_etape1 .directe {width:20rem;}
.postule_etape1 .directe a.show_input {display:block; text-align:center;}
.postule_etape1 .connecte, .postule_etape1 .directe {position:relative;}
.postule_etape1 .connecte::after, .postule_etape1 .directe::after {position:absolute; top:0; left:0; height:2px; background:#6c6c6c; content:""; width:8rem;}
.content_col .blc.candidat{margin-top: 0; background-image: none; display: flex; flex-direction: column; /*margin-bottom: 1.5rem;*/ min-height:18.75rem;}
.content_col .blc.candidat h3{margin-top: 0; margin-bottom: .7rem;}
.content_col .blc.candidat .login_zone{flex-direction: column; padding:2rem; align-items: inherit; background: #151a73}
.content_col .blc.candidat .login_zone form{flex-direction: column;}
.content_col .blc.candidat .login_zone .form-group { width: 100%; margin-right: 0; display: block; margin: 0 0 1rem 0;}
.content_col .blc.candidat .login_zone .separator {height: 1px; width: 100%; background: #fff; margin: 1rem 0;}
.content_col .blc.candidat .login_zone:after{display: none}
.content_col .blc.candidat .login_zone .register{text-align: right;}
.content_col .blc.candidat .show_input{margin-bottom: 0; margin-top: 1rem;}

.postule_etape2 .attach {background:#eee; padding:.5rem;}
.postule_etape2 .attach .cls_action {margin-top:.5rem;}
.postule_etape2 .directe_attach {display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; position:relative; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
align-items: center; justify-content: center;
}
.postule_etape2 .directe_attach .cv {width: calc(50% - 3rem); background:#eee; padding:1.5rem 1.5rem 0 1.5rem; box-sizing:border-box; height:auto; margin:0 0 1rem 0;}
.postule_etape2 .directe_attach .ou {width: 6rem; font-size:1.3rem; padding-top:5rem; height:14rem; box-sizing:border-box; text-align:center; margin:0 0 1rem 0;}
.postule_etape2 .directe_attach .cv_pfc {width: calc(50% - 3rem); background:#eee; padding:1.5rem 1.5rem 0 1.5rem; box-sizing:border-box; height:auto; margin:0 0 1rem 0; margin-bottom:auto;}
.postule_etape2 ul.motivation {margin:0; padding:0; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; position:relative; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
align-items: center; justify-content: center; list-style:none; margin:0 0 1rem 0;}
.postule_etape2 ul.motivation li.tab {width: calc(50% - 3rem); padding:.5rem; box-sizing:border-box; height:2rem; margin:0 0 1rem 0; position:relative; text-align:center;}
.postule_etape2 ul.motivation li.ou { width: 6rem; font-size:1.5rem; box-sizing:border-box; text-align:center; margin:0 0 1rem 0; }
.postule_etape2 ul.motivation li.tab::after {position:absolute; left:0; bottom:0; background:#ccc; height:2px; width:100%; content:""; transition:all 300ms ease;}
.postule_etape2 ul.motivation li.tab a {text-decoration:none; display:block; color:#151a73;}
.postule_etape2 ul.motivation li.tab.inactif {color:#ccc;}
/*.postule_etape2 ul.motivation li.tab.actif {background:#151a73;}
.postule_etape2 ul.motivation li.tab.actif a {color:#fff;}*/
.postule_etape2 ul.motivation li.tab.actif::after {background:#00006a;}
.remove-lm {position:absolute; top:0; right:0; color:#fff; width:1.5rem; height:1.5rem; background:red; z-index:9; text-align:center; padding-top:.25rem; box-sizing:border-box; display:none;}

/*pratique*/
.page_pratique a{color: #151a73; text-decoration: none; border-bottom: 1px solid #dfdfdf; display: inline-block; transition:.3s all ease-in;}
.page_pratique a:hover{border-bottom: 1px solid #151a73}
.page_pratique h3 {text-align:left; color:#151a73; margin-top: 1.8rem;}
.page_pratique .info_box { 
-webkit-flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
position:relative;
padding:.5rem;
background:#eee;
}
.page_pratique .info_box::before {/*position:absolute; top:0; left:0; background:#797979; content:""; width:18rem; height:2px;*/}
.page_pratique .info_box .info_image {width:15rem;}
.page_pratique .info_box .info_liste {width: calc(100% - 16rem);}
.page_pratique .info_box .info_liste ul {margin:0; padding:0;}
.page_pratique .info_box p {width:100%;} 
.page_pratique .info_box a.show_input {width:auto;} 
.page_pratique .info_pratique {display:flex; position:relative; width:100%;}
.page_pratique .info_pratique .sommaire {width:0; transition: width ease 400ms; overflow:hidden;}
.page_pratique .info_pratique .pratique_content {width:100%; transition: width ease 400ms;}
.page_pratique .info_pratique a.link{position: absolute; border: none;background: #151a73;color: #fff;box-sizing: border-box;z-index: 9;
   display: flex;justify-content: center;align-items: center;padding: .5rem;border-radius: 5rem;width: 2rem;height: auto;left: -1.2rem;}
.page_pratique .sommaire a.link i{margin: 0}
.page_pratique .info_pratique.actif .sommaire {width:18rem; height:100%; border-right:1px solid #dfdfdf; padding-right: .5rem;}
.page_pratique .info_pratique.actif .pratique_content {width: calc(100% - 18rem); padding:0 0 0 1rem;}
.page_pratique .info_pratique.actif .sommaire ul {width:100%;}

.page_pratique .sommaire ul {padding:0; text-align:left; list-style:none;}
.page_pratique .sommaire ul li {position:relative; padding-left:1rem; margin:0;}
.page_pratique .sommaire ul li:before {position:absolute; content:""; background:#CCE0FF; width:.5rem; height:.5rem; left:0; top:.5rem; border-radius:50%;}
.page_pratique .sommaire ul li ul li:before {width: .3rem; height: .3rem; top: .45rem; border-radius: 1rem;}
.page_pratique .sommaire ul li a{margin:0 0 .5rem 0;}

/*right*/
ul.space_right_menu {margin:0; padding:0; list-style:none;}
ul.space_right_menu li {margin:0 0 .5rem 0; display:flex; width:100%; position:relative;}
ul.space_right_menu li i {width:1.5rem;}
ul.space_right_menu li a {color:#fff; text-decoration:none; display:block; width:100%; position:relative;}
ul.space_right_menu li a::before {position:absolute; content:""; left:0; bottom:0; background:#fff; width:0; height:1px; transition: width 300ms ease;}
ul.space_right_menu li a:hover::before,ul.space_right_menu li a.active::before {width:100%;}

.right_col .actualites .bloc_offre figure {background-position:center center; background-repeat:no-repeat; position:relative; border:1px solid #ccc;
transition: transform 1s ease; -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; background-size:100%; width:5rem; height:3.7rem; }
.right_col .actualites .bloc_offre figure .player {position:absolute; top: 0; left: 0; bottom: 0; right: 0; margin:auto; width:2rem; height:2rem; display:block; background:url(../img/play.png) no-repeat center center; background-size:2rem 2rem;}
.right_col .actualites .bloc_offre:hover figure {transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); border: none; border:1px solid #fff;}
.right_col .actualites .bloc_offre .for_figure {/*width:5rem;*/ margin-right:1rem; overflow:hidden;}
.right_col .actualites .bloc_offre .for_resume {width: calc(100% - 5rem);}

.right_col .conseil {background: url(../images/red_dots.png) left 170% no-repeat #fff !important;}
.right_col .conseil h3 a, .right_col .conseil a {text-decoration:none; color:#fe3241; font-weight:normal; position:relative; transition: all 300ms ease; border-bottom:1px solid #fff;}
.right_col .conseil a:hover {border-color:#fe3241;}
.right_col .conseil ul {padding:0; margin: .5rem 0 .5rem 1rem;}
.right_col .conseil ul li{list-style-image: url(../images/red.png);}

.right_col .accompagnement h3 {text-transform:none;}
.right_col .accompagnement ul {padding:0; margin:.5rem 0 0 0;}
.right_col .accompagnement ul li a {color:#3e3d40;}

.right_col .last_offre h3 a {text-decoration:none; color:#151a73;}
.right_col .last_offre ul {padding:0; margin:.5rem 0 0 0; list-style:none;}
.right_col .last_offre ul li {position:relative; margin:0 0 .5rem 0;}
.right_col .last_offre ul li::before {position:absolute; left:0; bottom:0; content:""; background:#151a73; height:1px; width:0; transition:width 300ms ease;}
.right_col .last_offre ul li:hover::before {width:100%}
.right_col .last_offre ul li a{color:#151a73; text-decoration:none; display:block; position:relative; padding-left:1rem;}
.right_col .last_offre ul li a::before {position:absolute; content:""; left:0; top:.5rem; background:#151a73; width:.5rem; height:.5rem; border-radius:50%;}
.right_col .last_offre .more_offre{text-transform: uppercase; color:#151a73; margin-bottom:1rem; display:block; text-decoration:none;}
.right_col .last_offre .more_offre span{font-family: 'roboto-black'; font-weight: normal; border-bottom: 2px solid #151a73}
.right_col .last_offre .more_offre i{font-size:.5rem; margin-left:.4rem;-webkit-animation-duration: 1.3s; -moz-animation-duration: 1.3s; -o-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;
                    -o-animation-fill-mode: both; animation-fill-mode: both;}
.right_col .last_offre .more_offre:hover i{
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; 
}

.titre_tab_nous {text-align:left;}
.line_partenaires {display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; -webkit-justify-content:space-between;
-webkit-flex-wrap: wrap; flex-wrap: wrap; margin:0 0 2rem 0;}
.line_partenaires .logo_part { width:8rem; }
.line_partenaires .part_right { width: calc(100% - 10rem); }

.ans_10 .bandeau_10ans {height:10.5rem; background:url(../images/10ans.jpg) repeat-x; font-family:"roboto-light"; box-sizing:border-box; padding:2rem 0 0 1rem;}
.ans_10 .bandeau_10ans .inner {background:#071925; width:7rem; height:7rem; box-sizing:border-box; opacity:.8; border-radius:50%; padding:2rem 0 0 .75rem;}
.ans_10 .bandeau_10ans .inner .label {color:#fff; line-height:1; font-size:1rem;}
.ans_10 .bandeau_10ans .inner .value {color:#5e9bd4; font-size:1.75rem; line-height:1;}
.ans_10 h2 {background:none; text-transform:none; padding:0; font-size:2rem;}
.ans_10 ul.encart_10ans {padding:0; list-style:none; width:15rem; height:15rem; background:#3B8AFF; color:#fff; margin:0 auto; border-radius:50%; box-sizing:border-box; padding:5rem 0 0 1.5rem;}
.ans_10 ul.encart_10ans li span {font-size:1.25rem;}
.ans_10 ul.encart_10ans li b {font-weight:normal; font-size:.75rem;}

.jBox-content h2{margin: 1rem 0 2.5rem 0;}
.jBox-content .cls-content{margin-bottom: 1rem}
#annonceSaveId .offre_zone, #candidatureId .offre_zone{padding-left: 0}
.title_chek{margin-top:1.6rem !important}
.grou_chek{margin-bottom:0.5rem!important}
.four_tous{margin-left: 35rem;}
.null_left{margin-left:0}
.group-recrut { margin: 0 0 2.5rem;}
.main_form .group-recrut .form-group {  margin: 0;}
.show_blue {color: #151a73 !important;}
.para-info{padding-bottom:.5rem}

.main_form_blue .form-group input[type="checkbox"]:checked + label::before {border: 2px solid #2e2d30; color: #2e2d30;}
.main_form_blue input[type="checkbox"]:checked + label {color: #2e2d30;}
.main_form_blue input[type="checkbox"] + label {color: #151a73;}
.regions_col label.blac_inp{color: #2e2d30!important;}
.regions_col label.blac_before::before{border: 2px solid #2e2d30!important; color: #2e2d30!important;}

a.mrg_bottom{ margin-bottom:2rem!important}
.mrg_bottom{ margin-bottom:3.5rem!important}
.mrg_top{margin-top:2rem!important}
.slider_content{clear: both;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);	background: #fff;border-bottom: 2px solid #a0192e;padding: 1.5rem;}
.secteur_imp {background-color: #f1f1f7;margin: -0.5rem -5.6rem;padding: 0.5rem 6rem;}
.inside_cols h2{margin-bottom: 2rem;}
.red_cel, .tarif_titre .col12.red_cel, .tarif_titre .col2.red_cel{color: red}
.del_cel{text-decoration: line-through;}

/*banniere */
.mega_doka_image.on_mobile {display:none; }

.light_connex {margin: 0 auto; border:1px solid #dfdfdf; padding:1rem;}
.light_tab {display:flex; list-style:none; padding:0; margin:0;}
.light_tab li {text-transform:uppercase; font-size:1rem; text-align:center; width:50%; border-bottom:2px solid #dfdfdf;}
.light_tab li a {text-decoration:none; color:#dfdfdf; display:block;}
.light_tab li.actif {border-color:#151a73;}
.light_tab li.actif a {color:#151a73;}
.light_subtab {display:none; padding:2rem 0;}
.light_subtab.actif {display:block;}
.annonce_gratuit {padding:0 0 1rem 0;}
a.link_gratuit {text-decoration:none; color:#fff; background:#FF6600; border-radius:.15rem; height: 2.5rem; line-height: .75rem; text-align:center; display:flex;
align-items: center;
justify-content: space-around; font-size:1rem; box-sizing:border-box;}
a.link_gratuit_orange {background:#FF6600; font-size:1rem; box-sizing:border-box;}
a.link_gratuit:hover, a.link_gratuit_orange:hover {color:#000;}

.etape1_pack {margin-top:2rem;}
.pack_item {margin:3rem 0; border:1px solid #ccc; padding:1rem; position:relative; }
.pack_item.first {margin-top:1rem;}
.pack_item::after {position:absolute; top:0; right:0; width:2px; height:100%; content:""; background:#312660;}
.pack_item.not_used::after{background:#102973;}
.pack_item.last::before {position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#312660;}
.pack_item.not_used::before {position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#102973;}
.pack_item.not_used label span {color:#102973;}
.pack {padding:1rem; color:#000;}
.pack .form-group {margin-bottom:0rem;}
.pack .pack_nom {color:#312660; font-family:roboto-black; font-weight:normal;}
.pack .valable {display:flex; margin:1rem 0 0 2rem;}
.pack .valable b {font-weight:normal; font-family:roboto-black;}
.pack .valable div {width:50%;}
.pack .valable .date {color:#312660; }
.pack .valable .date b{font-weight:normal; font-family:roboto-bold; color:#3e3d40;}
.pack .valable .credit {text-align:right; color:#312660;}
.pack .valable .credit span {font-weight:normal;}
.pack .valable .credit a.link-info {background:#312660; color:#fff; border-radius:50%; padding: .1rem .58rem; margin-left:.75rem;}
.pack .valable .credit a.link-info:hover {background:#000;}
a.btn_disabled, button.btn_disabled {background:#ccc!important; border:1px solid #ccc; cursor: not-allowed; pointer-events: none;}

.pack_detail {border:1px solid #4a4a4a; padding:1rem; background:#fff; display:flex;}
.pack_detail .service {width:30%; box-sizing:border-box; padding:.75rem;}
.pack_detail .autre_option {border-left:1px solid #4a4a4a; width:70%; box-sizing:border-box; padding:.75rem; position:relative;}
.pack_detail .service ul {margin:0; padding:0; margin:1rem 0 0 1rem;}
.pack_detail .autre_option ul {margin:0; padding:0; list-style:none;}
.pack_detail .autre_option ul li {margin:1rem 0;}
.pack_detail b {font-weight:normal; font-family:roboto-bold;}
.pack_detail .autre_option.full_option .form-group {text-align:center;  margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.pack_detail .commun ul {margin:0; padding:0; list-style:none;}
.pack_detail .commun ul li {margin:1rem 0;}
.notif-pack {font-size:1rem; color:#3e3d40; margin:1rem 0; padding:0;}
h3.success_pack {margin:1rem 0 0 0;}
.etape2_pack h2.sous_h2 {margin-top:2rem!important;}


.espace_slide {width:30rem; margin:0 0 2rem 0;}
.espace_slide  ul {display:flex; justify-content: space-between; list-style:none; padding:0; margin:0;  border:2px solid #151a73; padding:.4rem .25rem; border-radius:1.5rem;}
.espace_slide  ul li {padding:.5rem .25rem; width:50%; border-radius:1rem; text-align:center;}
.espace_slide  ul li.actif {background:#151a73;}
.espace_slide  ul li.actif a {color:#fff; font-weight:bold;}
.espace_slide  ul li.actif.actif-pack a {font-weight:normal;}
.espace_slide ul li a {text-decoration:none; color:#151a73; display:block;}
.pack-encours.expired {margin:2rem 0 0 0;}
.pack-encours h3 {margin:0; padding:0; text-align:left; width:50%; color:#3e439b; font-weight:bold;}

/* PACK ANNONCE */
.pack-subscribe {position:relative;}
.pack-subscribe div#subsribe_id {position:absolute; text-align:right; right:0; top:-3rem;}
.pack-subscribe div#merci_id {box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); position:absolute; text-align:right; right:0; top:-8rem; width:34%; color:#479e38; padding:1rem 2rem 1rem 1rem; text-align:left; font-size:1rem; display:none; font-family:roboto-regular;}
.pack-subscribe div#merci_id a { position:absolute; top:1rem; right:1rem; text-decoration:none; color:#3e439b; font-size:1.25rem; }

.pack-subscribe button {margin-left:auto; display:flex; align-items:center; text-decoration:none; color:#fff; background:#151a73; border:none; cursor:pointer; text-align:right; padding:1rem 1.25rem; font-weight:bold; font-size:.9rem; border-radius:.5rem;}
.pack-subscribe button i {border:2px solid #fff; border-radius:50%; text-align:center; width:1.5rem; height:1.5rem; line-height:1.5rem; margin-right:1rem;}

.pack-item {border:1px solid #151a73; border-radius:.5rem; margin:1rem 0; padding-bottom:1rem; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);}
.pack-item .info_general {padding:1.5rem;}
.pack-item .info_general.not-master {padding-bottom:0;}
.pack-item .info_annonce {padding:1.5rem;}
.pack-item.pack-done { border:none;}
.pack-item h4{padding:0; margin:0; color:#151a73; font-size:1rem;}
.pack-item .info_date {display:flex; align-items:center; margin:.5rem 0;}
.pack-item .info_date .active_date {width:48%; color:#3E3D40;}
.pack-item .info_date .expire_date {margin-left:auto; display:flex; align-items:center; color:#151a73;}
.pack-item .info_date .expire_date i {font-size:.45rem; padding:.25rem; }
.pack-item .info_credit {color:#151a73;}
.pack-item .info_maitre {background:#ECF3FF; padding:1.5rem;}
.pack-item .info_maitre .info_user {display:flex; font-size:.95rem;}
.pack-item .info_maitre .info_user .used_by {color:#3e439b; width:68%;}
.pack-item .info_maitre .info_user .used_by ul {margin:0; padding:0; list-style:none;}
.pack-item .info_maitre .info_user .used_by ul li {color:#3e3d40;}
.pack-item .info_maitre .info_user .used_by ul li a.trash {font-weight:normal; color:#ff0000;}
a.link_more_user {color:#151a73;}
.pack-item .info_maitre .info_user .used_by ul li span {color:#151a73;}
.pack-item .info_maitre .info_user .used_by ul li.more_user {display:none;}
.pack-item .master {margin:1rem 0; color:#3e3d40; padding:0 1.5rem;}
.pack-item .master span {color:#151a73;}
.pack-item.pack-done .master span {color:#3e3d40;}
.pack-item.pack-done .info_general {padding:1.5rem 1.5rem 0 1.5rem;}

.pack-item .info_maitre .info_user .add_used_by {margin-left:auto;}
.pack-item .info_maitre .info_user .add_used_by a {background:#151a73; color:#fff; text-decoration:none; padding:.5rem 1rem; border-radius:.25rem;}
.pack-item .info_maitre .info_user .add_used_by a:hover {background:#3e439b;}

.pack-item a.show_annonce {background:#3e439b; color:#fff; border-radius:.25rem; text-decoration:none; padding:.5rem 1rem;}
.pack-item a.show_annonce:hover{background:#151a73;}
.pack-item .pack_annonces {padding:0 1.5rem; display:none;}

.red_pack {color:#ff1010!important;}

.pack-demande {}
.pack-demande h3 {text-transform:uppercase; color:#3e439b; text-align:left;}
.pack-demande .pack-select {border:1px solid #fb1504; padding:1rem; margin:1rem 0;}
.pack-demande .pack-select aside {color:#fb1504; margin:0 0 1rem 0;}
.pack-demande .pack-select .group-pack .form-group {margin-bottom:1rem!important;}
.pack-demande .pack-select .group-pack .form-group input[type="checkbox"] + label::before {border-color:#fb1504;}
.pack-demande .pack-select .group-pack input[type="checkbox"]:checked + label {color:#fb1504;}
.pack-demande .pack-select .group-pack input[type="checkbox"]:checked + label::before {color:#fb1504;}
.pack-demande .pack-select .group-pack span.prix_pax {color:#fb1504; font-family:roboto-black;}
.pack-demande .pack-select .duree {font-size:.75rem; margin-bottom:0;}

.pack-demande .pack-select.pack-10 {border-color:#0768f7;}
.pack-demande .pack-select.pack-10 aside {color:#0768f7;}
.pack-demande .pack-select.pack-10 .group-pack .form-group input[type="checkbox"] + label::before {border-color:#0768f7;}
.pack-demande .pack-select.pack-10 .group-pack input[type="checkbox"]:checked + label {color:#0768f7;}
.pack-demande .pack-select.pack-10 .group-pack input[type="checkbox"]:checked + label::before {color:#0768f7;}
.pack-demande .pack-select.pack-10 .group-pack span.prix_pax {color:#0768f7;}

.pack-demande .pack-select.pack-illimite {border-color:#102973;}
.pack-demande .pack-select.pack-illimite aside {color:#102973;}
.pack-demande .pack-select.pack-illimite .group-pack .form-group input[type="checkbox"] + label::before {border-color:#102973;}
.pack-demande .pack-select.pack-illimite .group-pack input[type="checkbox"]:checked + label {color:#102973;}
.pack-demande .pack-select.pack-illimite .group-pack input[type="checkbox"]:checked + label::before {color:#102973;}
.pack-demande .pack-select.pack-illimite .group-pack span.prix_pax {color:#102973;}

.pack-demande p {color:#3e3d40;}
.pack-demande h3.titre {font-family:roboto-black; margin:0; padding:0;}

/*#0768f7*/

.pack_validity {font-family:roboto-medium; font-size:.75rem; margin-left:-.4rem; color:#464646;}
.pack_validity span {color:#0768f7;}
.pack_validity.pack_validity5 span {color:#fb1504;}

.validation_code{width: 2.5rem;text-align: center;background-color: #DCD8D7;font-size: 2.5rem;display: inline-block; margin-right: 2rem;}
.validation_code span{color: #000;}

.valide-blc2{background: #fff;box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);}
.vfgreen_color{color: #03bd03!important;font-weight: normal!important;}
.vfred_color{color: #f62003;font-weight: normal!important;}
.vfbleu_color{color: #0868f8;font-weight: normal!important;}
.info_groupe{padding: 1.5rem 2rem;}
.cadre_code{width: 45%;box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.05);box-sizing: border-box;border: 2px solid #3e439b;text-align: justify;position: relative;line-height: normal;margin: auto;margin-bottom: 2rem;}
.form-code{padding: 3rem 2rem;}
.form-code input[type="text"] {background-color: #f9f9fa;width: 2.8rem;height: 2.5rem;text-align: center;font-size: 2rem;margin-right: 0.7rem;margin-left: 0.7rem;border-radius: 6px;border: 2px solid #d1d1d1;}
.v_compte {background: #1b0f3c;padding: 1rem;}
.vf_compte {background: #fff;padding: 0.5rem 0.5rem;position: absolute;margin: auto;bottom: -18%;right: 20%;width: 7rem;left: 20%;}
.vf_compte.vf-link{bottom: -11%;}
.form-group.groupe-link{padding-left: 2rem;}
.vf_compte button, .cv_compte button {cursor: pointer;background: #fff;border: 0px solid #dfdfdf;width: 100%;height: 2.3rem;border-radius: 4px;padding: 2px;color: #fff;font-family: "roboto-bold";font-size: 1rem;}
.vf_compte button span{display: block;width: 100%; background: #3e439b;height: 2rem;line-height: 2rem;color: #fff;border-radius: 4px;}
.link_non_code{text-align: center;padding: 1.5rem;}
.v_compte button, .valide_compte button {cursor: pointer;background: #fff;border: 1px solid #dfdfdf;width: 20%;height: 2.3rem;border-radius: 4px;padding: 2px;color: #fff;font-family: "roboto-bold";font-size: 1rem;}
.v_compte button span, .valide_compte button span{display: block;width: 100%;background: #3e439b;height: 2rem;line-height: 2rem;color: #fff;border-radius: 4px;}
.form_infos{width: 100%;}
.add_infocompt{padding: 1.2rem 1.8rem;}
.group-form-imput{margin-top: 2rem;}
.form-gpinputs {display: -ms-flexbox !important; display: flex;}
.form-group-inline .form-gpinputs .icon {color: #3e439b;text-align: center;font-size: 22px;margin-right: 0.5rem;}
.form-group-inline .groupe-info .form-group.form-group2 {width: 46%;}
.form-group-inline .groupe-info .form-group.form-group97 {width: 97%;}
.form-group.no-marge{margin-bottom: 0.1rem;}

.form-group .form-gpinputs input[type="text"].has_value ~ label.control-label,
.form-group .form-gpinputs input[type="email"].has_value ~ label.control-label,
.form-group .form-gpinputs select.has_value ~ label.control-label{left: -0.1rem;top: -1.4rem;}

.form-group .form-gpinputs input[type="text"]::placeholder {color: #000!important;}

.form-group .form-gpinputs .readonly{background: #d6d3d3}

/*#send-box-spinner{padding: 2rem;}*/
.main_form .form-group.non-margin { margin: 0 auto 0.1rem auto;}
.valide_compte.edit_civil{padding-left: 2rem}

.cv-page{background: #fff;padding-bottom: 1rem;}
.cv_inside{width: 93%;box-sizing: border-box;border: 1.5px solid #0379f6;text-align: justify;position: relative;line-height: normal;margin: 1rem auto;padding: 1rem;border-radius: 3px;}
.cv_compte a{display: block;width: 23%; background: #3e439b;color: #fff;border-radius: 4px;border-radius: 4px;
  margin: 1rem 1rem;}
.cv_compte .btn_upload{display: flex;}
.cv_bartop{border: 1.5px solid #e2e2e6; border-radius: 3px; padding: 1rem}
.cv_listes{display: flex; padding: 0rem 0.5rem;border-bottom: 2px solid #0379f6;justify-content: space-between;}
.btn_icon{line-height: 3rem; font-size: 1.5rem; width: 20%}
.btn_icon a{margin: 0 0.5rem;}
.btn_icon img{width: 2rem; height: 2rem;}
.cv_title {line-height: 3.5;width: 80%}
.cv_title .icon{color: #0379f6; font-size: 1rem; margin-right: 1rem}
.m_prenom{display: none;}
.postule_etape2 .directe_attach .cv.cent{width: 100%}
.bloc_images{margin: 2rem 0;}
.cv_infos_text{display: flex;width: 100%;padding: 0 2rem;}
.info_ones{width: 4rem;height: 4rem;background-size: contain;background-repeat: no-repeat;}
.info_twos{width: 90%;margin: 2.5rem auto;margin-left: 1rem;font-size: 1rem;
  font-family: "roboto-light";}
.info_one{width: 5rem;height: 5rem;background-size: contain;}
.info_two{width: 90%;margin: 2rem auto;margin-left: 1rem;font-size: 1rem;
  font-family: "roboto-light";}
.cv_parag{font-size: 0.8rem;padding-top: 0.3rem;}
label.label_cv{left: -0.1rem!important;top: -1.4rem!important;color: #aaa9a9!important;font-size: .7rem!important;}
.add_infocomp .jBox-content h2{margin: 1rem 0 2rem 0;}
.info_box{margin-bottom: 2.5rem}
.cv_enregistre .definir {background:url(../images/bk_candidature.png) no-repeat; height:8.25rem;}
.cv_enregistre .definir .indication {display: block;width: 100%;font-size: 1rem;font-family: "roboto-light";}
#cv_liste{margin-top: 1.5rem}
.right_col .blc.candidat .login_zone{padding: 1.2rem 1rem;}
.add_cv_bloc{margin-bottom: 1rem;}

.faq {font-family:"roboto-medium";}
.faq_rubrique_item {margin:1rem 0;}
.faq_rubrique_item .faq_rubrique {background:#3e439b; color:#fff; padding:.5rem 1rem;}
.faq_rubrique_item .faq_rubrique a {color:#fff; text-decoration:none; display:block;}
.faq_question_item {margin:1rem 0; }
.faq_rubrique_questions {display:none;}
.faq_question_item .faq_question {color:#3e439b; border-bottom:1px solid #3e439b;}
.faq_question_item .faq_question i {font-size:.5rem;}
.faq_question_item .faq_reponse {margin-top:.75rem;}
.faq_question_item .faq_reponse p {text-align:left;}

.intro-cv {background:#fff; padding:1rem 1rem 1rem 2.3rem;}
.intro-cv .titre {color: #000;font-family: "roboto-bold";position: relative;font-size: 1rem;padding: 0 1rem 0 1.5rem;display: inline-block;}
.intro-cv .titre::before {position: absolute;top: -.25rem;left: -.75rem;content: "\f007";font-family: "FontAwesome";width: 2rem;height: 2rem;color: #3e439b;font-size: 1.5rem;background: #fff;}
.intro-cv .titre::after {position: absolute;top: .5rem;right: 0;background: #3e439b;width: .36rem;height: .36rem;content: "";border-radius: 50%;}

#zone_cv{background: #fff;padding: 2rem;}
#zone_cv .zone_cv{background: none; box-shadow: none;}
#zone_cv .v2_bloc{background: none; box-shadow: none;border: 2px solid #3e439b;border-radius: 9px}

.cv_infos_civilite{padding-left: 2rem;margin-top: 7rem; color: #3e3d40}
.cv_infos_civilite p, .contact p{display: flex;}
.cv_infos_civilite p.my_phone{line-height: 2rem;}
.cv_infos_civilite p span, .contact p span{/*width: 2rem;*/text-align: center;margin-right: 1rem; color: #3e3d40}
.cv_infos_civilite .icon{color: #3e439b; font-size: 1.2rem;}
.contact .icon{color: #3e439b; font-size: 1.3rem;}
.info_renseigner{font-style: normal;}

.my_prenom{color: #3e439b;margin: 1rem 0 0 4rem;width: calc(100% - 9.5rem);/*line-height: 0.5rem;*/font-size: 1rem;}
.my_prenom p{margin-top: 5px;margin-bottom: 5px;}
.my_nom{font-weight: bold;}

@media screen and (max-width: 30rem) {
    .mega_doka_image.on_mobile {display:block; height:auto; padding:0;}
    .mega_doka_image.on_mobile img {width:100%; height:auto;}
    .mega_doka_image.on_pc {display:none;}
    .cv_inside{width: 100%}
    .cv_listes{display: block;}
    .btn_icon{text-align: center;}
}

/*800*/
@media screen and (max-width: 50rem) {
}
/*480*/
@media screen and (max-width: 30rem) {
    .recruteur_index {display:block;}
    .recruteur_index .blc_droite, .recruteur_index .blc_gauche {width:100%;}
    .recruteur_index .blc_droite a {width:80%; margin:0 auto; margin-bottom:1rem;}
    p.couvertures a {width:100%;}
    .login_zone.create_inside {width:88%; margin-bottom:2rem;}
    .content_col .blc.candidat .login_zone {width:100%; padding-right:0;}
    .content_col .blc.candidat .login_zone form {padding-right:1rem;}
    .content_col .blc.candidat {min-height:auto;}
    .postule_etape1 {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .postule_etape1 .connecte, .postule_etape1 .directe {width: calc(100% - 1rem); margin:0 auto; margin-bottom:1rem;}
    .postule_etape2 .directe_attach {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .postule_etape2 .directe_attach .cv {width:100%;}
    .postule_etape2 .directe_attach .ou {width:100%; margin:0; height:auto; padding:0; padding-bottom:.75rem;}
    .postule_etape2 .directe_attach .cv_pfc {width:100%;}
    .line_partenaires {margin:0 0 1.5rem 0;}
    .line_partenaires .logo_part {width:100%; margin:0 0 .5rem 0;}
    .line_partenaires .part_right {width:100%}
    .contact_recrut{/*margin-left: 0rem !important;*/}
    .v2_footer .col {width:90%;}
    
    .pack .valable {flex-wrap:wrap;}
    .pack .valable div {width:100%;}
    .pack .valable .credit {text-align:left;}
    .pack .pack_nom {display:block; margin:1rem 0 0 0;}
    .pack_detail {flex-wrap:wrap;}
    .pack_detail .service {width:100%;}
    .pack_detail .autre_option {width:100%; border:none; border-top:1px solid #4a4a4a;}
    .intro-cv{padding: 1rem;}
    #zone_cv{padding: 1rem;padding: 0.5rem;padding-top: 2rem}
    .v2_profile .v2_image {width: 100%;}
    .v2_profile .v2_image {width: 100%;}
    .v2_profile .v2_image .cv_photo_prenom {width: 100%;height: 0;}
    .v2_profile .v2_image .cv_photo_prenom .my_photo {left: 33%;width: 6rem;top: -3rem;}
    .v2_profile .v2_image .cv_photo_prenom .my_prenom {display: none;}
    .cv_infos_civilite{margin-top: 3rem}
    .m_prenom{display: block;color: #086bff}
    .v2_profile .v2_identity{padding:0;width: 100%; border-left: none;}
    .v2_profile .v2_identity .contact {text-align: left;padding-left: 2.3rem;}
    .add_infocompt {padding: 0;}
    .form-group-inline .groupe-info .form-group.form-group2 {width: 100%;}
    .valide_compte.edit_civil {padding-left: 0;}
    .valide_compte button span {width: 100%}
    .cv_compte .btn_upload{display: block;}
    .cv_compte a{width: 44%}
    .v_compte button, .valide_compte button {width: 35%}
    .intro-cv .titre::before {left: -0.5rem}
}
/*360*/
@media screen and (max-width: 25.5rem) {
    .postule_etape2 ul.motivation li.tab {padding:0;}
}

.postule_etape2 .notice-upload-cv{color: red;}

#btn-cv-preview, #btn-autre-preview, #btn-lm-preview {
  margin-bottom: 1.5rem;
}
.g-recaptcha2formError{
    top: 485.6px !important;
}