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


/*------------------------------------*\
    DEBUT DE PERSONNALISATION PAGE SPÉCIFIQUE TYPE SERVICE
\*------------------------------------*/
.intro-serv {
    background: #009FE3;
}

.service-x {
    margin-top: 1.5em;
}

.service-x p {
    font-size: 16px;
    margin: 1em 0;
}

.sing-serv {
    margin: 1em 0;
}

#specialite-sing>article>div>div>div:nth-child(2) {
    align-self: center;
}

.sing-serv h2 {
    font-size: 34px;
}

#specialite-sing>article>div>div>div:nth-child(2)>h2 {
    margin-bottom: 1em;
    margin-top: 0;
}

.sing-serv>h2>span {
    border-bottom: 4px solid #009FE3;
    font-size: inherit;
    display: inline-block;
}

.sing-serv>hr {
    background: #009FE3;
}

.sing-serv h3 {
    font-size: 20px;
    color: #009FE3;
    margin: 0.7em 0;
}

.sing-serv.ser-accor>div>.accordion__item {
    margin: 0.8em 0 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.sing-serv.ser-accor>div>div:first-child {
    margin: 0;
}

.serbes-bloc>ul>li,
.list-audit>ul>li {
    list-style-type: disc;
    color: #009FE3;
    margin-left: 1.2em;
}

.list-audit>ul>li {
    font-size: 16px;
}

.serbes-bloc>ul>li>span,
.list-audit>ul>li>span {
    color: #333;
}

#specialite-sing>article>div>div>div.sing-serv.ser-accor>div.accordion.js-accordion.active>div.accordion__item.js-accordion-item.active>div.accordion-body.js-accordion-body>div>div>p:nth-child(1) {
    margin-top: 0;
}

.ser-accor {
    width: 64%;
}

.ser-tiers {
    width: 36%;
    z-index: 9;
}

.nos-ser {
    background: url(https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/nos-serv.jpg) no-repeat;
}

.nos-spe {
    background: rgba(0, 159, 227, 0.63);
}

.ouca {
    background: #009FE3;
    max-height: 396px;
}

.ouca h2 span {
    font-size: inherit;
}

.ser-tiers h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}

.ser-tiers>div>hr {
    background: #000;
}

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

.servvice1,
.servvice2 {
    width: 50%;
    display: inline-block;
    text-align: center;
}

.seric a {
    color: #fff;
    margin: auto;
    text-transform: uppercase;
    margin-top: 1em;
}

.serv.servvice1>a>img,
.serv.servvice2>a>img {
    margin: auto;
    margin-bottom: 1em;
    margin-top: 1em;
}

.ser-tiers>div {
    margin-bottom: 1.5em;
    padding: 1.5em;
}

.les-experts,
.oc-conseiller-serv {
    margin-top: 1.5em;
    font-size: 30px;
}

/* DEBUT SLIDES DES SPECIALITES*/
.slick-slide {
    margin: 0px 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 50%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

button.slick-next,
button.slick-next:hover {
    position: absolute;
    top: 41%;
    right: -25px;
    width: 20px;
    height: 40px;
    background-color: transparent;
    background: url("https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-noir-droite.png") no-repeat;
    cursor: pointer;
    color: transparent;
    border: none;
}

button.slick-prev,
button.slick-prev:hover {
    position: absolute;
    top: 41%;
    left: -25px;
    z-index: 1;
    width: 20px;
    height: 40px;
    background-color: transparent;
    background: url("https://ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/fleche-noir-gauche.png") no-repeat;
    cursor: pointer;
    background-position-x: right;
    color: transparent;
    border: none;
}

.slick-prev:before,
.slick-next:before {
    font-size: 70px;
    color: #FC555C;
    line-height: inherit;
    font-weight: bold;
}

.caption-container h3 {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 157px;
    margin-top: -157px;
    text-align: center;
    padding-top: 100px;
}

/* GESTION DU SURVOL */
.centered {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 600;
    transform: translate(-50%, -50%);
    padding-top: 46%;
    color: #fff;
    text-transform: uppercase;
    background: rgba(112, 112, 112, 0.55);
    width: 158px;
    height: 158px;
}

.slide-lat {
    width: 158px;
    height: 158px;
}

#nosspe>section>div>div>div>div>div>div>a>img:hover {
    color: transparent;
    background: rgba(112, 112, 112, 0);
}

.lat-slide {
    height: 157px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.lat-slide img {
    transition: all .4s ease;
}

.lat-slide:hover img {
    transform-origin: 50% 50%;
    transform: scale(1.40);
}

.text-anic {
    position: relative;
    margin-top: -100%;
    padding-top: 42%;
    z-index: 16;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    text-transform: uppercase;
    color: #fff;
    width: 157px;
    height: 157px;
    text-align: center;
}

.img-wrapper {
    width: 100%;
    height: 157px;
    background: rgba(252, 85, 92, 0.85);
    /* la position relative du parent va nous permettre de contrôler correctement la position des éléments enfants */
    position: relative;
    z-index: 1;
    /* ici on cache les parties des éléments enfants qui vont sortir du parent (wrapper) */
    overflow: hidden;
    cursor: pointer;
}

/* le voile qu'on va faire venir sur l'image */
.cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 157px;
    width: 157px;
    z-index: 4;
    background: darkSlateGrey;
    /* on le cache ici grâce à l'opacité */
    opacity: 0;
    /* on applique une transition pour la douceur */
    transition: all .4s ease;
    /* et on le sort du cadre du wrapper en le décalant à droite */
    transform: translateX(300px);
}

/* Maintenant on indique la propriété à appliquer au voile au survol du wrapper */
.img-wrapper:hover .cover {
    /* on le fait réapparaître en renforçant l'opacité */
    opacity: .8;
    /* puis en annulant son décalage de position */
    transform: translateX(0);
}

.img-wrapper:hover .text-anic {
    opacity: 1;
    transform: translateY(0);
}

.img-wrapper:hover .text-anic {
    opacity: 1;
    transform: translateY(0);
}

/* edit -- on rajoute ici un effet de zoom sur les images. Amis de la surrenchère, soyez les bienvenus :) */
.img-wrapper img {
    transition: all .4s ease;
    width: 100%;
}

.img-wrapper:hover img {
    transform-origin: 50% 50%;
    transform: scale(1.40);
}

/* FIN SLIDE SPECIALITE , à noter 2-3 personnalisation à récupérer*/

/* COLLABORATEUR */
.conseiller-service {
    width: 30%;
    display: inline-block;
    text-align: center;
    margin: auto;
    margin-left: 1%;
    margin-right: 5%;
}

.oc-conseiller-serv hr {
    background: #009FE3;
    margin-bottom: 0.5em;
}

.oc-conseiller-serv>div>.col-serv>div>img {
    background: #F5F5F5;
    padding: 15px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 0.5em;
}

.col-serv>hr {
    width: 120px;
    background: #009FE3;
    height: 1.3px;
    margin: auto;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    border: 0;
}

.messagerie-s {
    background: #009FE3;
    border-radius: 50%;
    padding: 0 !important;
    margin: auto;
    margin-top: 0.5em !important;
    max-width: 44px;
}

.col-serv strong {
    font-size: 18px;
    text-align: center;
}

.col-serv p {
    margin: 0;
}

/* BANDEAU DU BAS DE PAGE */
.sty {
    border: 0;
    padding: 18px 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
    cursor: pointer;
}

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

.se1,
.se2 {
    width: 38%;
    display: inline-block;
}

.se2 {
    width: 41%;
    display: inline-block;
}

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

.se3 {
    width: 21%;
    display: inline-block;
    text-align: center;
}

#seco-bandeau {
    background: #009FE3;
    padding: 2em 0 1em;
}

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

.ser-band hr {
    width: 80px;
    background: #2D2D2D;
    height: 5px;
    margin-left: 0;
    margin-bottom: 2em;
    border: 0;
}

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

/*    DEBUT ACCORDEON */
.accordion__item.active:last-child .accordion-header,
.accordion__item.js-accordion-item.active>div.accordion-header.js-accordion-header {
    background: #009FE3;
}

/* SELECT ACCORDEON CABINET */
.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;
}

.accordion_ {
    width: 100%;
}

/* Durabilité */

#durabilite .container {
    background-color: #009FE3;
}

#durabilite .bloc-2 {
    margin: 1rem 0;
}

#durabilite h3,
#durabilite p,
#durabilite strong {
    color: #fff;
}

#durabilite strong {
    font-weight: 700;
}

#durabilite p {
    font-size: 16px;
    margin: 0.5rem 0;
}

/* Application */

#ocm_accueil {
    background: #F3F3F3;
    position: relative;
    padding: 1rem 0;
}

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

#ocm_accueil .bloc-2.box {
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

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

#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;
}

.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 h4 {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.16px;
    text-align: center;
    text-transform: uppercase;
    color: #0F303F;
}

.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: absolute;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.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 .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 (min-width:481px) and (max-width:530px) {
    .ocmcontent h4 {
        font-size: 13px;
    }
}

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

    .ocmcontent p {
        margin: 1em 0;
    }

    .ocmcontent .bloc-4 h4 {
        display: none;
    }

    .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.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;
    }
}

/*------------------------------------*\
    FIN DE PERSONNALISATION PAGE SPÉCIFIQUE TYPE SERVICE
\*------------------------------------*/



/*------------------------------------*\
    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) {}

@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) {

    .sing-serv,
    #durabilite .bloc-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #specialite-sing>article>div>div>div:nth-child(1) {
        display: none;
    }

    #specialite-sing>article>div>div>div:nth-child(4)>img,
    #durabilite img {
        width: 100%;
    }

    .ser-accor {
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }

    .ser-tiers {
        -ms-flex: 0 0 36%;
        flex: 0 0 36%;
        max-width: 36%;
    }

    #specialite-sing>article>div>div>div:nth-child(2) {
        order: 1;
        margin-bottom: 0;
    }

    #specialite-sing>article>div>div>div:nth-child(3) {
        order: 3;
        margin-top: 0;
    }

    #specialite-sing>article>div>div>div:nth-child(4) {
        order: 2;
        margin: 0;
    }

    #specialite-sing>article>div>div>div:nth-child(5) {
        order: 4;
    }

    #specialite-sing>article>div>div>div:nth-child(6) {
        order: 5;
    }

    #specialite-sing>article>div>div>div:nth-child(7) {
        order: 6;
    }

    .service-x {
        margin-top: 2em;
    }

    #specialite-sing>article>div>div>div:nth-child(2)>h2>br:nth-child(3) {
        display: none;
    }

    .lat-slide {
        height: 131px;
    }

    .slide-lat {
        width: 100%;
        height: 131px;
    }

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

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

    .se2 {
        width: 45%;
        display: inline-block;
    }

    .se3 {
        width: 25%;
        display: inline-block;
    }

    .se2,
    .se3 {
        margin-top: 1em;
    }
}

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

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

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

    .serv.servvice1>a>img,
    .serv.servvice2>a>img {
        max-width: 120px;
    }

    .ser-tiers h2 {
        font-size: 28px;
    }

    .lat-slide {
        height: 124px;
    }

    .slide-lat {
        height: 124px;
    }

    .serbes-bloc>p:nth-child(1) {
        margin-top: 0;
    }
}

@media only screen and (max-width:992px) {
    .se1 {
        width: 100%;
    }

    .se2 {
        width: 65%;
    }

    .se3 {
        width: 35%;
    }

    #seco-bandeau {
        padding: 1em 0 1.5em;
    }

    .sing-serv:nth-child(1),
    .sing-serv:nth-child(2),
    .sing-serv:nth-child(3),
    .sing-serv:nth-child(4),
    #durabilite .bloc-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sing-serv:nth-child(1) {
        display: none;
    }

    #bot-sing .sing-serv:nth-child(1) {
        display: block;
    }

    .sing-serv:nth-child(2) {
        order: 1;
    }

    .sing-serv:nth-child(3) {
        order: 4;
    }

    .sing-serv:nth-child(4) {
        order: 3;
        margin: 0;
    }

    .sing-serv:nth-child(4) img,
    #durabilite img {
        width: 100%;
    }

    .sing-serv:nth-child(5) {
        order: 5;
    }

    .ser-tiers {
        display: none;
    }

    .ser-accor {
        width: 100%;
    }

    .service-x {
        margin-top: 1em;
    }
}

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

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

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

@media only screen and (max-width:600px) {
    h2 strong {
        font-size: 40px;
    }

    .sing-serv h2 {
        font-size: 30px;
    }

    .se2 {
        width: 100%;
    }

    .se3 {
        width: 100%;
        margin-top: 1em;
    }

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

    .sty .sing-serv>h2>span {
        font-size: 16px;
    }

    .conseiller-service {
        width: 43%;
        display: inline-grid;
    }
}

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

@media only screen and (max-width:432px) {
    .sing-serv h2 {
        font-size: 22px;
    }

    #specialite-sing>article>div>div>div:nth-child(2)>h2>br:nth-child(3) {
        display: none;
    }
}

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

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

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

    .accordion__item.js-accordion-item.active>div.accordion-header.js-accordion-header,
    .accordion:first-child>.accordion__item>.accordion-header {
        font-size: 1.1em;
    }
}

@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) {
    .conseiller-service {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .conseiller-service:nth-child(1) {
        margin-bottom: 1em;
    }

    .oc-conseiller-serv>div>.col-serv>div>img {
        margin: auto;
        margin-bottom: 0.5em;
    }
}

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

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