@charset "UTF-8";
/* CSS Document */

/* RECUP DE CODE CABINET A TRIER */
.cabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.marg-cab {
    margin: 4em 0 1em;
}

.introcab {
    width: 40%;
    margin-top: 4em;
    display: inline-block;
}

.img-cab1,
.img-cab2 {
    width: 30%;
    display: inline-block;
    margin-top: 4em;
}

.img-cab1 {
    padding-right: 5px;
}

.img-cab2 {
    padding-left: 5px;
}

.coordon {
    width: 33%;
    display: inline-block;
    padding-left: 3em;
    padding-top: 7.5em;
}

.coordon ul li {
    display: inline-flex;
    margin: 0.5em 0;
}

.coordon img {
    padding-right: 0.6em;
    height: 44px;
    margin-top: -0.5em;
}

.cartos {
    width: 67%;
    display: inline-block;
}

.coordon,
.cartos {
    margin-top: 3em;
    margin-bottom: 4em;
}

.autr-cab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3em 0;
}

.page-co {
    margin: 2em 0 4em;
}

.colabo {
    width: 18%;
    display: inline-block;
    margin: 0 1%;
}

.acf-map {
    width: 100%;
    height: 400px;
    margin: 0px auto;
}

.intro-cab {
    background: #42AEA0;
    padding: 4em 0;
}

.les-cabs h2 {
    font-size: 48px;
    font-weight: 600;
}

.les-cabs hr {
    width: 80px;
    background: #42AEA0;
    height: 5px;
    margin-left: 0;
    margin-bottom: 2em;
    border: 0;
}

.les-cabs h3 {
    font-size: 20px;
    color: #42AEA0;
    margin: 0.7em 0;
}

.fond-colla img {
    background: #fff;
    padding: 15px;
    border-radius: 50%;
}

.fond-colla {
    margin-bottom: 1em;
}

.colabo>hr {
    width: 120px;
    background: #42AEA0;
    height: 1.3px;
    margin: auto;
    margin-bottom: 0.4em;
    margin-top: 0.5em;
    border: 0;
}

.name-col {
    font-size: 1.2em;
    margin-top: 0.5em;
    line-height: 1;
}

.name-col1 {
    font-style: italic;
    line-height: 1;
}

.name-col1,
.name-col2,
.name-co3 {
    font-size: 1em;
}

.colabo {
    text-align: center;
}

.messagerie {
    background: #42AEA0;
    border-radius: 50%;
    padding: 0 !important;
    margin: auto;
    margin-top: 0.2em !important;
}

.colabo img {
    margin: auto;
}

.les-cabs.introcab>p {
    padding-right: 2em;
}

/* FIN RECUP DE CODE CABINET */

/*------------------------------------*\
    DEBUT DE PERSONNALISATION CONTACT
\*------------------------------------*/
.int-oc-contact {
    background: #42AEA0;
}

.hr-vert {
    background: #42AEA0;
}

.contact-part2 h2 {
    margin: 0;
}

.int-contact>h3 {
    color: #42AEA0;
}

.int-contact>p {
    margin: 1em 0 0;
}

.contact-part2 {
    margin: 3em 0 2em;
}

.btn-contact {
    color: #fff;
    background: #42AEA0;
    border: 0;
    padding: 12px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
    font-weight: 600;
    margin-left: -0.35em;
    margin-top: 1em;
}

.btn-contact:hover {
    background: rgba(66, 174, 160, 0.8);
}

.btn-right-contact {
    margin-left: 5%;
}

.lgne {
    width: 30%;
    display: inline-block;
}

.carousel-contact {
    padding-left: 2%;
}

#for-cont {
    background: #F3F3F3;
    padding: 3em 0 2em;
}

.nj1 {
    width: 25%;
    display: inline-block;
    padding-left: 0;
}

.nj2 {
    width: 50%;
    display: inline-block;
}

.nj2 p {
    text-align: left;
    color: #fff;
}

.nj3 {
    width: 25%;
    display: inline-block;
    text-align: center;
}

#nous-r-bandeau,
#nous-r-bando {
    background: #42AEA0;
    padding: 2em 0 1em;
}

#nous-r-bandeau {
    margin: 2em 0 0;
}

#nous-r-bando {
    margin: 0;
}

.ser-band h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0.1em 0 0.5em;
    color: #fff;
    text-align: left;
}




/* Formulaire de recrutement & contact*/
#postula-ligne,
#for-cont {
    background: #F3F3F3;
    padding: 3em 0 2em;
}

.postula h2 {
    font-size: 48px;
    font-weight: 600;
}

.postula hr {
    width: 80px;
    background: #FE5E3C;
    height: 5px;
    margin: 0.5em 0 2em;
    border: 0;
}

#gform_1>div.gform_heading>h3,
#gform_3>div.gform_heading>h3 {
    display: none;
}

#field_1_5,
#field_1_4,
#field_3_5,
#field_3_4 {
    border: 2px dashed #D4D4D4;
    width: 48.5%;
    padding: 0;
    height: 230px;
    margin-right: 1.5%;
    background: #fff;
}

#field_1_5,
#field_3_5 {
    float: right;
    margin-top: -20.65%;
}

#input_1_4,
#input_1_5,
#input_3_4,
#input_3_5 {
    padding: 6em 6em 5em;
    width: 100%;
    font-size: 0.9em;
}

#field_1_4>div.ginput_container.ginput_container_fileupload,
#field_1_5>div.ginput_container.ginput_container_fileupload,
#field_3_4>div.ginput_container.ginput_container_fileupload,
#field_3_5>div.ginput_container.ginput_container_fileupload {
    margin: 0;
}

#field_1_4>div.ginput_container.ginput_container_fileupload,
#field_3_4>div.ginput_container.ginput_container_fileupload {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/cv.png) no-repeat center top;
}

#field_1_5>div.ginput_container.ginput_container_fileupload,
#field_3_5>div.ginput_container.ginput_container_fileupload {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/motivation.png) no-repeat center top;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
    margin-top: -17.5%;
    text-align: center;
    z-index: 1;
}

#input_1_1_6,
#input_2_1_6,
#input_3_1_6,
#input_5_1_6 {
    margin-top: 2.1%;
}

#field_1_2,
#field_2_2,
#field_3_2,
#field_2_10,
#field_5_2,
#field_5_10 {
    margin-top: -1.3%;
}

#input_1_3,
#field_2_8,
#input_3_3,
#field_5_8 {
    float: right;
    margin-top: -5%;
}

#field_1_1 input,
#field_1_2 input,
#field_1_3 input,
#input_1_6,
#field_3_1 input,
#field_3_2 input,
#field_3_3 input,
#input_3_6,
#field_2_1 input,
#field_2_2 input,
#field_2_3 input,
#input_2_6,
#input_2_7,
#input_2_8,
#input_2_10_3,
#input_2_10_5,
#field_5_1 input,
#field_5_2 input,
#field_5_3 input,
#input_5_6,
#input_5_7,
#input_5_8,
#input_5_10_3,
#input_5_10_5 {
    border-radius: 4px !important;
    border: 2px solid #f6f6f6;
}

#input_2_10_3,
#input_2_10_5,
#field_2_7>div,
#input_5_10_3,
#input_5_10_5,
#field_5_7>div {
    margin-top: 0;
}

#input_2_7,
#input_5_7 {
    margin-top: 0;
    background: #fff;
    color: #444;
    opacity: 0.8;
    height: 40px;
}

#field_2_7,
#field_5_7 {
    margin-top: 5px;
}

#field_5_7 {
    width: 100%;
}

input {
    cursor: pointer;
}

.gform_wrapper .gform_footer {
    padding: 0 0 10px !important;
}

#gform_submit_button_1,
#gform_submit_button_3 {
    background: #FE5E3C;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 15px;
    display: block;
    margin: auto;
}

#gform_submit_button_2,
#gform_submit_button_5 {
    background: #42AEA0;
    font-weight: 600;
    float: right;
    border: 0;
    padding: 16px 14px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
    cursor: pointer;
}

#gform_submit_button_2:hover,
#gform_submit_button_5:hover {
    background: rgba(66, 174, 160, 0.8);
}

.gfield:placeholder {
    color: #444;
}

#gfield_consent_description_2_9,
#gfield_consent_description_5_9 {
    text-align: left;
    line-height: 1.3;
}




/* FIN FORMULAIRE */

/*BOUTON BANDEAU */

.sty {
    border: 0;
    padding: 16px 14px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
    cursor: pointer;
}

#nous-r-bandeau>div>div>div.serv.nj1>hr {
    background: #fff;
}

/* FIN BOUTON BANDEAU */

/* FORMULAIRE ERREUR DE CHAMPS */
#input_2_3,
#input_5_3 {
    margin-top: -4.4%;
}

#input_2_2,
#input_5_2 {
    margin-top: 0.5%;
}

.gform_wrapper div.validation_error {
    color: #42AEA0 !important;
    border: 2px solid transparent !important;
    width: 98.5% !important;
    font-size: 1.3em !important;
    margin-bottom: 0 !important;
}

li.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;
    background: transparent !important;
    border: 2px dashed #42AEA0 !important;
}

.validation_message {
    display: none !important;
}

li.gfield.gfield_error.gfield_contains_required>.ginput_container_email>#input_2_2 {
    width: 49%;
    margin: 12px 0;
}

li.gfield.gfield_error.gfield_contains_required>.ginput_container_email>#input_2_3 {
    margin-top: -6.1% !important;
    width: 49%;
    margin-right: 0.4%;
}

.gfield_error>.ginput_container_phone>#input_2_3 {
    margin-top: -5.3% !important;
    width: 49%;
    margin-right: 0.4%;
}

li.gfield.gfield_error.gfield_contains_required>.ginput_container_email {}

li.gfield.gfield_error.gfield_contains_required {
    margin-top: 1.5% !important;
}

#field_2_4 {
    margin-top: 0.3em !important;
}

#field_2_3 {
    margin-top: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border-top: 2px dotted transparent !important;
    border-bottom: 2px dotted transparent !important;
}

.gform_validation_error>form>.gform_body>#gform_fields_2>#field_2_5 {}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    padding: 0;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 0 !important;
}

#field_2_4.gfield.gfield_error.gfield_contains_required,
#field_5_4.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
    background: #fff !important;
}

#gform_confirmation_message_2,
#gform_confirmation_message_5 {
    color: #42AEA0;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 1em;
}

/* FIN MISE EN FORME ERREUR DE CHAMPS */

/*------------------------------------*\
    FIN DE PERSONNALISATION CONTACT
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:600px) {}

@media only screen and (min-width:720px) {}

@media only screen and (min-width:768px) {
    .select-items {
        width: 98%;
    }
}

@media screen and (min-width: 481px) and (max-width: 991px) {}

@media only screen and (min-width: 1025px) {}

@media screen and (min-width: 1024px) and (max-width:1040px) {}

@media screen and (min-width: 1024px) and (max-width: 1199px) {}

@media screen and (min-width: 1024px) and (max-width: 1199px) {}

@media only screen and (min-width:992px) {
    #field_5_7 {
        width: 464px;
    }

    .select-items {
        width: 97%;
    }
}

@media only screen and (min-width:993px) {
    #field_5_7 {
        width: 480px;
    }
}

@media only screen and (min-width:1024px) {
    #field_5_7 {
        width: 480px
    }
}

@media only screen and (min-width:1060px) {
    #field_5_7 {
        width: 500px
    }
}



@media only screen and (min-width:641px) and (max-width:767px) {
    .select-items {
        width: 97%;
    }
}

@media only screen and (min-width:642px) {
    #input_5_3 {
        margin-top: -54px;
    }

    #input_2_3,
    #input_5_3 {
        float: right;
    }
}

@media only screen and (min-width:1200px) {
    #field_5_7 {
        width: 570px
    }

    /* #field_5_3{
        margin-top: 12px;
    } */
}

@media only screen and (min-width:1366px) {}

@media only screen and (min-width:1440px) {}

@media only screen and (min-width:1500px) {}

@media only screen and (min-width:1680px) {}

@media only screen and (min-width:1920px) {}

@media only screen and (min-width:2560px) {}

@media only screen and (max-width:1680px) {}

@media only screen and (max-width:1500px) {}

@media only screen and (max-width:1440px) {}

@media only screen and (max-width:1366px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1200px) {}

@media only screen and (max-width: 1024px) {
    .intro-cab {
        padding: 2.5em 0 2em;
    }

    #input_2_1_6,
    #input_5_1_6 {
        margin-top: 2.6%;
    }

    #input_2_3 {
        margin-top: -5.75%;
    }
}

@media only screen and (max-width:992px) {

    .int-contact,
    .carousel-contact,
    .formulair,
    .marg-cab {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        margin: 1em 0;
    }

    .carousel-contact img {
        width: 100%;
    }

    .introcab {
        width: 50%;
        margin-top: 2em;
    }

    .nj3 {
        padding: 0;
    }

    .sty {
        font-size: 16px;
    }

    .les-cabs h2 {
        font-size: 36px;
    }

    .btn-contact {
        margin-left: 0;
    }

    .nj1 {
        width: 100%;
        padding-left: 0.9375em;
    }

    .nj2 {
        width: 70%;
    }

    .nj3 {
        width: 30%;
    }

    #nous-r-bandeau {
        padding: 1em 0;
    }

    #nous-r-bandeau>div>div>div.serv.nj1>hr {
        margin: 0.5em 0 0.8em;
    }

    .formulair h2,
    .int-contact h2 {
        font-size: 36px;
        margin-top: 0;
    }

    .btn-right-contact {
        margin-left: 2.4%;
    }

    .contact-part2 {
        margin: 2em 0 3em;
    }

    #for-cont {
        padding: 2.5em 0 2em;
    }

    .marg-cab {
        margin: 3em 0 1em;
    }

    #input_2_1_6,
    #input_5_1_6 {
        margin-top: 3.8%;
    }

    #input_2_3 {
        margin-top: -8.3%;
    }
}

@media only screen and (max-width:800px) {}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:720px) {
    #input_2_3 {
        margin-top: -11%;
    }

    #input_2_1_6,
    #input_5_1_6 {
        margin-top: 5%;
    }

    body .gform_wrapper .top_label div.ginput_container {
        margin-top: 0;
    }

    #page-contact>div:nth-child(5) {
        display: none;
    }

    #nous-r-bandeau {
        margin: 0;
    }
}

@media only screen and (max-width:640px) {
    .select-items {
        width: 100%;
    }
}

@media only screen and (max-width:641px) {

    #input_2_3,
    #input_5_3 {
        margin-top: 1.5%;
    }

    #input_2_1_6,
    #input_5_1_6 {
        margin-top: 0;
    }

    #input_2_10_3,
    #input_5_10_3 {
        margin-top: 4%;
    }
}


@media only screen and (max-width:600px) {
    .sty {
        font-size: 13px;
        padding: 9px 7px;
    }

    .nj2 {
        width: 66.8%;
    }

    .nj3 {
        width: 32.2%;
    }

}

@media only screen and (max-width:480px) {

    .footer .container,
    body>footer>div.container {
        padding: 0;
    }

    .nj2 {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .nj3 {
        padding-left: .9375em;
        margin: 1% 0;
    }
}

@media only screen and (max-width:432px) {}

@media only screen and (max-width:414px) {}

@media only screen and (max-width:411px) {}

@media only screen and (max-width:384px) {}

@media only screen and (max-width:375px) {
    /*
p{
	text-align: justify;
}
*/
}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}

@media only screen and (min-width:1800px) {}

@media only screen and (min-width:2000px) {}