/*
Theme Name: Divi Enfant par Aymeric Filliot
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: Aymeric Filliot
Author URI: https://www.aymeric-filliot.fr
Template: Divi
Version: 1.0
*/

/******************* GENERAL *******************/
.af-width-80{
    width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}
.af-width-100{
    width: 100%;
}
.af-fs-8{
    font-size: 8px!important;
}
.af-fs-16{
    font-size: 16px!important;
}
.af-fs-25{
    font-size: 25px!important;
}
.af-fw-bold{
    font-weight: bold!important;
}
.af-text-center{
    text-align: center!important;
}
.af-text-right{
    text-align: right!important;
}
.af-text-uppercase{
    text-transform: uppercase!important;
}
.af-mt-20{
    margin-top: 20px!important;
}
.af-mt-40{
    margin-top: 40px!important;
}
.af-mb-40{
    margin-bottom: 40px!important;
}
.af-fw-normal, .af-fw-normal label{
    font-weight: 500!important;
}
.af-lh-17{
    line-height: 1.7em!important;
}
.af-btn-permut .cf-toggle-group-buttons{
    display: flex!important;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 50px!important;
    margin-bottom: 30px!important;
}
.cf-toggle-group-buttons .btn{
    background-color: #DE087E!important;
    color: white!important;
    border-radius: 30px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
    font-size: 16px!important;
    font-weight: bold!important;
    border-color: #DE087E!important;
    margin-bottom: 20px!important;
}

/**** Header ****/
.et_pb_menu__wrap {
    justify-content: flex-end!important;
}
#menu-menu-principal li:last-of-type a, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li:last-of-type a{
    color: white!important;
    background-color: #2B3163;
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
}
#menu-menu-principal li:last-of-type a{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 21px;
    margin-bottom: 21px;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li:last-of-type a{
    color: white!important;
}
/*** Search Form ***/
.af-searchform-input{
    border-radius: 30px;
    border-color: white!important;
    background-color: transparent!important;
    color: white!important;
    padding: 10px 20px!important;
    font-size: 12px!important;
    font-weight: 500!important;
}
.af-searchform-input::-webkit-input-placeholder{
    color: white;
    font-size: 12px;
    font-weight: 500;
}
.af-searchform-input::-moz-placeholder{
    color: white;
    font-size: 12px;
    font-weight: 500;
}
.af-searchform-input:-ms-input-placeholder{
    color: white;
    font-size: 12px;
    font-weight: 500;
}
.af-searchform-input::-ms-input-placeholder{
    color: white;
    font-size: 12px;
    font-weight: 500;
}
.af-searchform-input::placeholder{
    color: white;
    font-size: 12px;
    font-weight: 500;
}
.af-btn-searchform{
    background-color: #DE087E!important;
    border-color: #fff!important;
    border-style: solid!important;
    border-width: 1px!important;
    color: white!important;
    border-radius: 30px!important;
    padding-left: 55px!important;
    padding-right: 55px!important;
    font-weight: 700!important;
    transition: all .4s ease-in-out;
    height: 37px;
}
.af-btn-searchform:hover{
    opacity: .7;
    transition: all .4s ease-in-out;
}
.af-searchForm-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/wp-content/uploads/2021/06/Trace-846.png") 98% / 3% no-repeat #fff;
    border-radius: 30px;
    padding: 10px 20px;
}
.af-form-info select{
    background: url("/wp-content/uploads/2021/06/Groupe-4317.png") 100% / 53px no-repeat #fff;
    border-width: 0px!important;
}
.et_pb_contact_field[data-type=select]:after{
    content: "V";
    top: 25%;
    right: 30px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    color: white;
}
.af-searchForm-select::-ms-expand { 
    display: none; /* supprimer la fléche par défaut en IE 10 et 11 */
    background-color: blue;
}
/* .af-dropdown{
    border-radius: 30px;
    background-color: #fff;
} */
/*** ACCUEIL ***/
.af-training-item{
    border-bottom: 1px white solid;
    margin-bottom: 10px;
    display: none;
}
#row-main-form .af-form-select{
    flex-wrap: wrap;
}
#row-main-form .af-form-select .af-searchForm-select{
    margin-bottom: 20px;
}
#af-onglet{
    border: none!important;
}
#af-onglet h2{
    color: white;
    font-size: 42px;
    font-weight: 300;
    padding-bottom: 32px;
}
#af-onglet ul.et_pb_tabs_controls{
    background-color: transparent!important;
}
#af-onglet ul.et_pb_tabs_controls:after{
    border-top: none!important;
}
#af-onglet li{
    border-bottom: 9px solid white!important;
    border-right: none!important;
}
#af-onglet li{
    margin-right: 9px;
}
#af-onglet .et_pb_tab_0.et_pb_tab_active{
    border-bottom: #282e68!important
}
#af-onglet .et_pb_tab_1{
    background-color: #93c01f!important;
}
#af-onglet .et_pb_tab_1.et_pb_tab_active{
    border-bottom: #93c01f!important
}
#af-onglet .et_pb_tab_2{
    background-color: #2aaae2!important;
}
#af-onglet .et_pb_tab_2.et_pb_tab_active{
    border-bottom: #2aaae2!important
}
#af-onglet .et_pb_tab_3{
    background-color: #DE087E!important;
}
#af-onglet .et_pb_tab_3.et_pb_tab_active{
    border-bottom: #DE087E!important
}
#af-onglet .et_pb_tabs_controls li a{
    padding-left : 10px;
    padding-right : 10px;
}
.af-texte-onglet{
    width: 55%;
}
.af-button{
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    border: 1px white solid;
    margin-left: 10px;
    margin-right: 10px;
}
.af-button-1 {
    color: white;
    background-color: transparent;
    padding-left: 25px;
    padding-right: 25px;
}
.af-button-2 {
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
}
.af-d-flex{
    display: flex;
}
.af-justify-around{
    justify-content: space-around;
}
.af-justify-center{
    justify-content: center;
}
i.fas.fa-circle{
    margin-right: 5px;
}

i.fas.fa-circle.vision{
    color: #232b63;
}
.af_job_list li{
    display: flex;
    justify-content: space-between;
}
.af_job_list ul{
    padding-left: 0;
    padding-right: 0;
}
.af_job_list hr {
    background-color: rgba(35,43,99,0.27);
    height: 1px;
    border: none;
}
/****************** POPUP Maker *************/
.popmake i{
    font-size: 20px;
}
.popmake .popmake-content .et_pb_section{
    padding: 0;
    margin-top: 50px!important;
    margin-bottom: 50px!important;
}
.popmake .popmake-content .et_pb_section .et_pb_row{
    width: 90%;
    margin-left: 5%!important;
    margin-right: 5%!important;
}
.af-popup-text{
    font-size: 12px;
    line-height: 22px;
}
.af-popupmaker-link{
    text-decoration: underline;
}
.af-dot{
    margin-left: 40px;
}
.af-dot::before{
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 0;
    font-size: 25px;
}
.af-dot .et_pb_text_inner h2{
    text-transform: uppercase;
}
.af-dot-vision .et_pb_text_inner h2, .af-dot-vision::before{
    color: #232b63;  
}
.af-dot-acces .et_pb_text_inner h2, .af-dot-acces::before{
    color: #DE087E;
}
.af-dot-methodes .et_pb_text_inner h2, .af-dot-methodes::before{
    color: #A1C758;
}
.af-dot-organisation .et_pb_text_inner h2, .af-dot-organisation::before{
    color: #FF4040;
}
.af-dot-financements .et_pb_text_inner h2, .af-dot-financements::before{
    color: #FCA43A;
}
.af-dot-demarches .et_pb_text_inner h2, .af-dot-demarches::before{
    color: #18A89E;
}
.af-dot-prix .et_pb_text_inner h2, .af-dot-prix::before{
    color: #61BDEE;
}
.af-dot-certification .et_pb_text_inner h2, .af-dot-certification::before{
    color: #7F73B3;
}
/* Formulaire de contact */
span.et_pb_contact_field_options_title {
    display: none;
}
.et_pb_contact .et_pb_contact_field_checkbox label{
    background-color: rgba(255,255,255,0.8);
}
/* Page poste à pourvoir */
.af-btn{
    color: white!important;
    background-color: #2B3163!important;
    border-radius: 30px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    font-weight: 700!important;
    transition: all .4s ease-in-out;
}
.af-btn:hover{
    opacity: .7;
    transition: all .4s ease-in-out;
}
.caldera-grid .form-control.cf2-file .btn {
    background-color: #2B3163!important;
    border: thin solid #2B3163!important;
}
.caldera-grid .form-control.cf2-file .btn:hover {
    color: #fff!important;
    background-color: #2B3163!important;
    opacity: 0.7;
}
/* Eligibilité */
.caldera-grid .alert-success{
    background-color: transparent!important;
    color: #232b63!important;
}
#af-eligibilite-link .et_pb_column:first-of-type, #af-eligibilite-link-2 .et_pb_column:first-of-type{
    width: 64px;
}
#af-eligibilite-link .et_pb_column:last-of-type, #af-eligibilite-link-2 .et_pb_column:last-of-type{
    width: 136px;
}
#af-eligibilite-link, #af-eligibilite-link-2{
    width: 210px;
    display: flex;
    top: 80%!important;
    right: 20px!important;
}
#CF60c1805e3600c_1-row-2{
    display: flex;
    align-items: center;
}
#CF60c1805e3600c_1 span.field_required{
    display: none;
}
.af-btn-eligibility{
    background-color: #de087e!important;
}
/******************* CREDIT *******************/
.af_logo_footer{
    font-family: 'Righteous', sans-serif;
}
.af-color-grey::-webkit-input-placeholder, .af-color-grey input::-webkit-input-placeholder{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.af-color-grey::-moz-placeholder, .af-color-grey input::-moz-placeholder{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.af-color-grey:-ms-input-placeholder, .af-color-grey input:-ms-input-placeholder{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.af-color-grey::-ms-input-placeholder, .af-color-grey input::-ms-input-placeholder{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.af-color-grey, .af-color-grey::placeholder, .af-color-grey input, .af-color-grey input::placeholder{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.caldera-grid .form-control{
    color: #969696!important;
    border-color: #cbcbcb!important;
}
.af-taxonomy{
    padding: 5px 9px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
}
.af-taxonomy{
    margin-right: 20px;
}
.af-taxonomy:last-of-type{
    margin-right: 0px;
}
.af-content-taxonomies{
    display: flex;
    justify-content: flex-end;
}
.d-i-block{
    display: inline-block;
}
.d-flex{
    display: flex;
}
.af-justify-between{
    justify-content: space-between;
}
.taxonomie_list_title{
    font-size: 16px;
    color: white;
}

/* Page de résultats de recherche */
body.search-results article{
    margin-bottom: 20px;
}
body.search-results article h2{
    font-size: 20px;
    font-weight: 700;
}
/**************** FOOTER *****************/
footer{
    position: relative!important;
    z-index: 1;
}

/**************** RESPONSIVE *************/
@media screen and (max-width: 1440px){
    #af-onglet .et_pb_tabs_controls li a{
        padding-left : 10px;
        padding-right : 10px;
    }

}


@media screen and (max-width: 980px){
    .af-texte-onglet{
        width: 75%;
    }
    #row-main-form .af-form-select .af-searchForm-select{
        margin-left: auto;
        margin-right: auto;
    }
    .af-texte-onglet>div{
        flex-direction: column;
    }
    .af-content-taxonomies{
        justify-content: flex-start;
    }
    .af-training-item{
        flex-direction: column;
    }
}
@media screen and (max-width: 768px){
    .af-texte-onglet{
        width: 100%;
    }
    #af-onglet h2{
        font-size: 27px;
    }
}
@media screen and (max-width: 768px){
    #row-main-form .form-div{
        flex-direction: column;

    }
    #row-main-form .form-div button{
        height: 37px;
        margin-left: auto;
        max-width: 400px;
        margin-top: 20px;
        margin-right: auto;
    }
}
@media screen and (max-width: 400px){
    #row-main-form .af-searchForm-select{
        max-width: 200px;
    }
    #af-eligibilite-link, #af-eligibilite-link-2{
        top: 85%!important;
    }
}