/*------------------------------------*\
    DÉBUT DE PERSONNALISATION ACCUEIL
\*------------------------------------*/
/*------------------------------------*\
    DÉBUT DE PERSONNALISATION REFONTE
\*------------------------------------*/
/* 1- OUEST CONSEILS ET MOI */
#ocm_accueil {
    background: #F3F3F3;
    position: relative;
}

#ocm_accueil .bloc-2 {
    margin: 0;
    align-self: center;
}

#ocm_accueil .backocm .ocmimg {
    padding-right: 0;
}

#ocm_accueil .backocm .ocmimg img {
    width: 100%;
}

#ocm_accueil .ocmcontent {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}

#ocm_accueil .ocmcontent.ajust {
    position: inherit;
    top: inherit;
    left: inherit;
    height: inherit;
    transform: inherit;
}

#ocm_accueil .ocmcontent .row {
    height: 100%;
}

.ocmcontent .h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 0.48px;
    margin: 0.5em 0 0;
    line-height: 1;
}

.ocmcontent .h4 {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.16px;
    text-align: center;
    text-transform: uppercase;
    color: #0f303f;
    font-weight: 700;
    margin: 0;
}

.ocmcontent hr {
    background: #009FE3;
    margin-bottom: 0.5em;
    width: 60px;
    height: 5px;
}

.ocmcontent p {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.07px;
    margin: 1em 0 2em;
}

.ocmcontent .bloc-4 {
    padding: 0;
}

.ocmcontent .bloc-4 img {
    display: block;
    margin: 0.5em auto;
}

.ocmcontent .button {
    padding: 0.75em 1em;
    background: #009FE4;
    text-transform: uppercase;
    color: #fff;
    display: block;
    width: max-content;
    margin: 1em auto;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
}

.btn-serv {
    padding: 0.5em 1em .5em 2.5em;
    background: #009FE4;
    text-transform: uppercase;
    color: #fff;
    display: block;
    width: max-content;
    margin: 2em 0 1em;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
}

.btn-serv:before {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/fleche-noi.svg);
    position: absolute;
    left: 0.8em;
    top: 0.55em;
}

.ocmcontent .button.vid {
    padding: 0.75em 1em 0.75em 3em;
}

.button.vid:before {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto-player.svg);
    position: absolute;
    left: 0.57em;
    top: 0.35em;
}

.ocmcontent .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    display: none;
}

.ocmcontent .overlay.open {
    display: inherit;
    visibility: visible;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.ocmcontent .popup {
    padding: 2em;
    border-radius: 3px;
    width: 80%;
    max-width: 1100px;
    transition: all 1s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.ocmcontent .popup .close {
    position: absolute;
    top: -2px;
    right: 6px;
    transition: all 200ms;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.ocmcontent .popup .close:hover {
    color: #009FE4;
}

.ocmcontent .popup .content video {
    width: 100%;
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    #ocm_accueil .bloc-2:first-child {
        padding-right: 0;
    }

    .ocmcontent .h2 {
        font-size: 38px;
    }

    .ocmcontent p {
        margin: 1em 0;
    }

    .ocmcontent .h4 {
        font-size: 14px;
    }

    #ocm_accueil .backocm .ocmimg img {
        object-fit: cover;
        height: 420px;
    }

    .ocmcontent .button {
        padding: .65em .5em;
        font-size: 20px;
    }

    .ocmcontent .button.vid {
        padding: .65em .5em .65em 2.5em;
        font-size: 20px;
    }

    .button.vid:before {
        content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto_player_tab.svg);
        position: absolute;
        left: 0.5em;
        top: 0.4em;
    }
}

@media screen and (max-width: 1023px) {
    #ocm_accueil .bloc-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #ocm_accueil .ocmcontent {
        position: inherit;
        top: inherit;
        left: inherit;
        height: inherit;
        transform: inherit;
    }

    #ocm_accueil>div:nth-child(1) {
        order: 2;
    }

    #ocm_accueil>div:nth-child(2) {
        order: 1;
    }

    #ocm_accueil {
        display: flex;
        flex-direction: column;
    }

    #ocm_accueil .ocmcontent .bloc-2:first-child {
        padding-top: 2em;
        padding-bottom: 1.5em;
        width: 88%;
        max-width: 700px;
        margin: auto;
        flex: inherit;
    }

    #ocm_accueil .ocmcontent .box {
        position: absolute;
        bottom: -75%;
    }

    #ocm_accueil .backocm .ocmimg {
        padding-right: 0.9375em;
        width: 80%;
        margin: 0 auto 3em;
        max-width: 700px;
        flex: inherit;
    }

    .ocmcontent .popup .close {
        top: -40px;
        right: 0;
        color: #fff;
    }

    .ocmcontent .popup {
        padding: 0;
        width: 90%;
        background: inherit;
    }
}

@media only screen and (max-width: 720px) {
    .ocmcontent .h2 {
        margin-top: 0;
    }

    #ocm_accueil .ocmcontent .bloc-2:first-child {
        width: 100%;
    }

    #ocm_accueil .backocm .ocmimg {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 530px) {
    .ocmcontent .bloc-4 .h4 {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .ocmcontent .h2 {
        font-size: 36px;
    }

    .ocmcontent p {
        margin: 1em 0;
    }

    .ocmcontent .bloc-4 {
        padding: 0 0.5em;
    }

    .ocmcontent .bloc-4 img {
        margin: 0 auto;
    }

    #ocm_accueil .ocmcontent .box {
        bottom: -45%;
    }

    .ocmcontent .button {
        margin: 0 auto;
        font-size: 18px;
    }

    .button:before {
        content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto_player_tab.svg);
        position: absolute;
        left: 0.5em;
        top: 0.4em;
    }
}

/* FIN SECTION OUEST CONSEILS & MOI */

/* 2- SECTION ACTUALITES */
#actu_accueil .bloc-2 {
    margin: 0;
}

#actu_accueil h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 52px;
    margin-bottom: 1em;
}

#actu_accueil .article-blog {
    display: flex;
}

#actu_accueil .article-blog img {
    max-width: 280px;
    margin-right: 1em;
    height: 100%;
    display: block;
    object-fit: cover;
}

#actu_accueil .article-blog .article-text {
    width: 50%;
    align-self: center;
}

#actu_accueil .article-blog hr {
    background: #FCC52A;
    margin-bottom: 0.5em;
    width: 45px;
    height: 4px;
}

#titre-blog {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
}

#date-blog {
    letter-spacing: 0.1px;
    font-size: 10px;
    line-height: 16px;
    color: #8B8B8B;
}

#excerpt-blog p {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.07px;
    margin: 0.5em 0;
}

.lire-art a {
    background: #FCC52A;
    border-radius: 3px;
    padding: 0.3em 0.75em;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

#actu_accueil {
    margin: 2em 0;
}

.text-dintro {
    margin: 2em 10%;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #ocm_accueil .backocm .ocmimg img {
        object-fit: cover;
        height: 440px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #actu_accueil .article-blog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
    }

    .article-blog>* {
        float: left;
        width: 100%;
    }

    .article-blog a,
    .article-blog .article-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #actu_accueil .article-blog img {
        max-width: 95%;
    }

    #excerpt-blog p {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    #actu_accueil .article-blog {
        display: block;
        height: 100%;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
        background: #f3f3f324;
    }

    #actu_accueil .article-blog img {
        max-width: 100%;
        margin-right: inherit;
        height: inherit;
    }

    #actu_accueil .article-blog .article-text {
        width: inherit;
        padding: 1em;
    }

    #actu_accueil h2 {
        margin-bottom: 0.5em;
    }
}

@media screen and (max-width: 480px) {
    #actu_accueil .bloc-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #actu_accueil>div>div>div:nth-child(2) {
        margin-bottom: 1.5em;
    }

    #actu_accueil .article-blog img {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    #actu_accueil h2 {
        line-height: 30px;
        font-size: 26px;
    }
}

/*------------------------------------*\
    FIN DE PERSONNALISATION REFONTE
\*------------------------------------*/

/*------------------------------------*\
    INTRO ACCUEIL
\*------------------------------------*/

.text-dintro {
    margin: 5% 10%;
    text-align: center;
}

.text-dintro h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 2rem;
}

.text-dintro p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 2em;
}

.text-dintro p.p2 {
    margin: 0;
}

/*ENTREEE ACCOMPAGNEMENT */
.sect-crpire {
    padding-left: 0;
    padding-right: 0;
}

.bloc-entr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.crpire {
    width: 33.3%;
    display: inline-block;
}

.crpire>h2>a>span {
    font-weight: bold;
    font-size: 60px;
}

.crpire>h2 {
    font-weight: 400;
    font-size: 35px;
    margin-top: 20px;
}

.creer {
    padding-left: 0;
}

.piloter {
    padding-left: 0.46875em;
    padding-right: 0.46875em;
}

.reprendre {
    padding-right: 0;
}

.creer em {
    border-bottom: 5px solid #68BDE0;
}

.piloter em {
    border-bottom: 5px solid #0F358D;
}

.reprendre em {
    border-bottom: 5px solid #B03080;
}

.crpire-p {
    margin: 1.5em 0;
}

.crpire>h2>a:hover {
    transition: all .3s linear;
    transform: translateX(100px);
    /* On déplace l'objet */
}

.crpire.creer>h2>a:hover {
    border-bottom: 5px solid #68BDE0;
}

.crpire.piloter>h2>a:hover {
    border-bottom: 5px solid #0F358D;
}

.crpire.reprendre>h2>a:hover {
    border-bottom: 5px solid #B03080;
}

/* SECTION ACCOMPAGNEMENT*/
/* PARTIE SPECIALITES => SLIDER*/
#nosspe {
    /*    margin:3em 0 2em;*/
    padding-left: 0;
    padding-right: 0;
}

#nosspe h2 {
    font-weight: 600;
}

#nosspe h2 span {
    font-weight: bold;
    font-size: 60px;
}

#nosspe hr {
    background: #FC555C;
    margin-left: 5px;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION DU SLIDE SPECIALITE
\*------------------------------------*/

/*------------------------------------*\
    DEBUT DE PERSONNALISATION DU BANDEAU
\*------------------------------------*/

.ser-band {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.servi2,
.servi3,
.servi4 {
    width: 23%;
    display: inline-block;
    text-align: center;
}

.servi1 {
    width: 31%;
    display: inline-block;
}

#sec-bandeau {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/bandeau-service.jpg);
    background-size: cover;
    padding: 3em 0;
    margin: 4em 0;
}

.ser-band h2 {
    font-weight: 600;
    color: #fff;
}

.ser-band h2 span {
    color: #fff;
}

.ser-band hr {
    background: #2D2D2D;
}

.ser-band img {
    margin: auto;
    margin-bottom: 1em;
}

.ser-band a {
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION DU BANDEAU
\*------------------------------------*/
/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION GROUPE RECRUTEMENT CONTACT PRO
\*------------------------------------*/
#grrepr {
    margin: 4em 0;
}

.bloc-grrepr {
    margin: 4em 0 3em;
}

.bloc-marg {
    margin: 0;
}

.sect-grrepr {
    padding-left: 0;
    padding-right: 0;
}

.bloc-grrepr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grrepr {
    width: 50%;
    display: inline-block;
    position: relative;
}

.recru-acc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.grrepr.recru-acc>.recru-act1:nth-child(2) {
    padding-left: 0.8em;
}

.grrepr>h2>span,
.recru-act1>h2>span {
    font-weight: bold;
    font-size: 60px;
}

.grrepr>h2,
.recru-act1>h2 {
    font-weight: 400;
    margin-top: 0;
}

.group-acc>p {
    margin: 1em 0;
}

.group-acc hr {
    background: #0F358D;
    margin: 1em 0;
}

.recru-act1 hr {
    background: #FE5E3C;
    margin: 1em 0;
}

.pro-acc2 hr {
    background: #4EB2DB;
    margin: 1em 0;
}

.pro-acc2 h3 {
    color: #4EB2DB;
    margin: 0.6em 0;
}

.btn-grrepr {
    border: 0;
    padding: 12px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.3s;
    font-weight: 600;
    margin-left: -0.35em;
    display: inline-block !important;
    position: absolute;
    bottom: 0;
}

.lge {
    background: #0F358D;
    margin-right: 1em;
    margin-top: 1em;
}

.nrs {
    background: #FE5E3C;
}

.pap {
    background: #4EB2DB;
}

.btn-nosen {
    margin-left: 24%;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION SECTION GROUPE RECRUTEMENT CONTACT PRO
\*------------------------------------*/


/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION OU NOUS TROUVER
\*------------------------------------*/

.trouv {
    width: 100%;
    display: inline-block;
    padding: 2em 0 3em;
    z-index: 999;
    padding-left: .9375em;
    padding-right: .9375em;
}

#nous-trouver {
    background: #009FE3;
    margin: 4em 0 0;
}

#trouver {
    max-height: 315px;
}

#trouver>.container {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne.png) no-repeat right;
    max-height: 315px;
}

.trouv-band h2 {
    font-weight: 600;
    margin: 0;
    color: #fff;
}

.trouv-band h2 span {
    color: #fff;
}

.trouv-band hr {
    background: #2D2D2D;
}

.trouv p {
    margin: 0.5em 0;
    width: 50%;
}

/*------------------------------------*\
    FIN DE PERSONNALISATION SECTION OU NOUS TROUVER
\*------------------------------------*/
/*------------------------------------*\
    DEBUT DE PERSONNALISATION SECTION RESEAUX SOCIAUX
\*------------------------------------*/
#suivez-nous {
    background: #F3F3F3;
    padding: 3em 0;
}

#suivez-nous h2 {
    margin: 0;
    padding: 0;
}

#suivez-nous hr {
    background: #2D2D2D;
}

#suivez-nous>div>div>img {
    padding: 0;
}

/* L'ACCORDEON SELECT CABINET */
.accordion_c {
    width: 30.5%;
}

.accordion_c__list .link__title {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 20px no-repeat;
}

.submenu {
    background: #229FE3;
}

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

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

@media only screen and (min-width:600px) {
    #shoot-service {
        display: none;
    }
}

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

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

@media only screen and (min-width:801px) {
    #nos-services-tablet {
        display: none;
    }
}

@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: 1200px) and (max-width: 1279px) {}

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

@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:1200px) {

    .img-wrapper,
    .text-anic,
    .centered {
        width: 100%;
        height: 183px;
    }

    .accordion_c {
        width: 36%;
    }

    .pro-acc2 h3 {
        font-size: 18px;
    }
}

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

@media only screen and (max-width: 1024px) {
    .btn-grrepr {
        font-size: 15px;
    }

    .pro-acc2 h3 {
        font-size: 24px;
    }

    #nosspe hr {
        margin-left: 0;
    }
}

@media only screen and (max-width:992px) {
    #crpire {
        margin: 3em 0;
    }

    .crpire-p>p {
        display: none;
    }

    .text-dintro {
        margin: 6% 5%;
    }

    .img-wrapper,
    .text-anic,
    .centered {
        height: 170px;
    }

    #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(3) {
        display: none;
    }
}

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

    #nos-services,
    .recru-act1:nth-child(1),
    .grrepr.pro-acc2>p {
        display: none;
    }

    .recru-act1:nth-child(2) {
        width: 100%;
    }

    .group-acc>p {
        padding-bottom: 3em;
    }

    .btn-nosen {
        margin-left: 35%;
    }

    /* NOUS TROUVER */
    #trouver>.container {
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne-2.png) no-repeat right;
    }

    .accordion_c {
        width: 49%;
    }
}

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

@media only screen and (max-width:720px) {
    .text-dintro {
        margin: 6% 0;
    }

    .grrepr>h2>span,
    .recru-act1>h2>span,
    .crpire>h2>a>span,
    .ser-band h2 span,
    .trouv-band h2 span,
    #suivez-nous h2 span,
    #nosspe h2 span {
        font-size: 36px;
    }

    .grrepr>h2,
    .recru-act1>h2,
    .ser-band h2,
    .crpire>h2,
    .trouv-band h2,
    #suivez-nous h2,
    #nosspe h2 {
        font-size: 24px;
    }

    #crpire {
        margin: 0;
    }

    #sec-bandeau {
        margin: 2em 0;
    }

    .btn-grrepr {
        font-size: 12px;
        padding: 8px;
    }

    .pro-acc2 h3 {
        font-size: 18px;
    }

    .accordion {
        width: 55%;
        font-size: 0.8em;
    }

    .accordion_c__list .link__title {
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 15px no-repeat;
    }

    #nous-trouver {
        background: #009FE3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne3.png) no-repeat right;
    }

    #trouver>.container {
        background: initial;
    }
}

@media only screen and (max-width:600px) {
    .trouv p {
        display: none;
    }

    #nous-trouver {
        background: #009FE3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne4.png) no-repeat right;
    }
}

@media only screen and (max-width:480px) {
    .crpire {
        width: 100%;
        margin-bottom: 8%;
        padding: 0;
    }

    .crpire img {
        padding: 0 1.8em;
        margin: auto;
    }

    .text-dintro {
        margin-bottom: 0;
    }

    body>div:nth-child(3)>div>div>br,
    .text-dintro p:nth-child(2) {
        display: none;
    }

    .crpire>h2 {
        margin-left: 12%;
    }

    .servi2,
    .servi3,
    .servi4 {
        display: none;
    }

    #shoot-service {
        max-width: 230px;
        padding: 2em;
    }

    .prod-exp-comp img,
    .prod-audit img,
    .prod-social img {
        width: 55%;
    }

    .prod-exp-comp,
    .prod-audit,
    .prod-social {
        text-align: center;
    }

    #shoot-service>button.slick-next.slick-arrow,
    #shoot-service>button.slick-prev.slick-arrow {
        top: 35%;
        right: 0;
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-blanche-droite.png) no-repeat;
    }

    #shoot-service>button.slick-prev.slick-arrow {
        top: 35%;
        left: 0;
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-blanche-gauche.png) no-repeat;
    }

    .servi1 {
        padding-left: 2em;
    }

    #nosspe {
        padding-left: 2em;
        padding-right: 2em;
    }

    .img-wrapper,
    .text-anic,
    .centered {
        height: 195px;
    }

    .grrepr {
        width: 100%;
        margin: 1.5em 0 1em;
    }

    #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(3) {
        display: block;
    }

    .group-acc>p {
        padding-bottom: 0;
    }

    #grrepr>div>div:nth-child(1)>div.grrepr.group-acc>p:nth-child(4) {
        padding-bottom: 2em;
    }

    .btn-nosen {
        margin-left: 23%;
    }

    #grrepr {
        padding: 0 1em;
    }

    .grrepr>h2,
    .recru-act1>h2 {
        margin-top: 0.5em;
    }

    .recru-act1>p {
        padding-bottom: 3em;
    }

    .recru-act1:nth-child(1) {
        display: block;
    }

    .recru-act1:nth-child(2) {
        width: 50%;
    }

    .bloc-grrepr,
    #grrepr {
        margin: 0;
    }

    .pro-acc2 h3 {
        padding-bottom: 2em;
    }

    #nous-trouver {
        margin: 2em 0 0;
    }

    .accordion_c {
        width: 62%;
    }

    #nous-trouver {
        background: #009FE3 url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/trace-bretagne5.png) no-repeat right;
    }

    #grrepr>div>div.row.bloc-grrepr.bloc-marg>div.grrepr.pro-acc1 {
        margin-bottom: 0;
    }

    #grrepr>div>div.row.bloc-grrepr.bloc-marg>div.grrepr.pro-acc2 {
        margin-top: 0;
    }

    #sec-bandeau {
        margin: 0 0 2em;
        max-height: 300px;
    }
}

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

    .img-wrapper,
    .text-anic,
    .centered {
        height: 170px;
    }

    .accordion_c {
        width: 54%;
        font-size: 0.6em;
    }

    .submenu a {
        padding: 10px;
    }

    .accordion_c__list .link__title {
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) right 10px no-repeat;
    }
}

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

    .img-wrapper,
    .text-anic,
    .centered {
        height: 165px;
    }

    .btn-nosen {
        margin-left: 25%;
    }

    .recru-act1>h2 {
        margin-top: 0;
    }

    .recru-act1>p {
        padding-bottom: 0;
    }

    .accordion_c {
        width: 57%;
    }

    .serband h2 {
        margin-top: 0;
    }
}

@media only screen and (max-width:411px) {
    .accordion_c {
        width: 58%;
    }
}

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

    .img-wrapper,
    .text-anic,
    .centered {
        height: 150px;
    }

    #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(2)>form {
        position: relative;
        margin: 30% 0 0 -70%;
    }

    .accordion_c {
        width: 61%;
    }
}

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

    .img-wrapper,
    .text-anic,
    .centered {
        height: 140px;
    }

    .accordion_c {
        width: 64%;
    }
}

@media only screen and (max-width:360px) {
    #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(1) {
        display: none;
    }

    .recru-act1>p {
        padding-bottom: 1.5em;
    }

    .grrepr.recru-acc>.recru-act1:nth-child(2) {
        padding-left: 0;
        width: 100%;
    }

    #grrepr>div>div:nth-child(1)>div.grrepr.recru-acc>div:nth-child(2)>form {
        position: initial;
        margin: auto;
    }

    .accordion_c {
        width: 70%;
    }
}

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

    .img-wrapper,
    .text-anic,
    .centered {
        height: 118px;
    }

    .accordion {
        width: 76%;
    }

    .accordion>.accordion__list .link__title {
        background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche.png) 200px 10px no-repeat;
    }

    .btn-nosen {
        margin-left: 34%;
    }
}

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

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