#intro-page {
    padding: 2.5em 0;
    background: #009FE3;
}

#intro-page h1 {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}

.ocm_page section {
    margin: 4em 0;
}

.ocm_page section .bloc-2 {
    margin: 0;
}

.ocm_page section .content_ocm {
    align-self: center;
}

.ocm_page section h2 {
    font-size: 48px;
    letter-spacing: 0.48px;
    font-weight: 600;
}

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

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

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

.ocm_page section p {
    letter-spacing: 0.07px;
    color: #2D2D2D;
    margin: 1em 0;
}

.ocm_page .btn-go {
    border: 0;
    padding: 12px 35px 12px 66px;
    font-size: 24px;
    line-height: 40px;
    margin-top: 1em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #009FE3;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 700;
}

.ocm_page .btn-go:hover {
    color: #fff;
    background-color: #043665;
    opacity: 0.8;
}

.ocm_page .btn-go:before {
    position: absolute;
    content: url(https://www.ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/ico-fleche-bas.svg);
    left: 1em;
    top: 0.7em;
}


#ouest-conseil-et-moi {
    background: #F3F3F3;
    padding: 4em 0;
}

#ouest-conseil-et-moi .form-ocm {
    background: #fff;
    padding: 0 0 2em;
    width: 956px;
    max-width: 90%;
    margin: auto;
}

#ouest-conseil-et-moi #gform_wrapper_6 {
    max-width: 720px;
    margin: auto;
}

#ouest-conseil-et-moi .gform_legacy_markup_wrapper .gsection {
    border: none;
    margin-bottom: 0;
    margin-top: 3em;
}

#ouest-conseil-et-moi .gform_legacy_markup_wrapper .top_label .gfield_label,
#ouest-conseil-et-moi .gform_legacy_markup_wrapper legend.gfield_label {
    letter-spacing: 0.08px;
    font-size: 16px;
    line-height: 20px;
}

#ouest-conseil-et-moi .gsection_title {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.24px;
    color: #009FE3;
    font-weight: 600;
}

#ouest-conseil-et-moi .gfield_radio {
    display: inline-flex;
}

#ouest-conseil-et-moi .gform_legacy_markup_wrapper ul.gfield_checkbox li label,
#ouest-conseil-et-moi .gform_legacy_markup_wrapper ul.gfield_radio li label {
    font-size: 15px;
    line-height: 22px;
    margin-right: 3em;
    padding-left: 2em;
    color: #2D2D2D;
}

#ouest-conseil-et-moi .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 0.5em 1em;
    border: 1px solid #D4D4D4;
    margin-top: 0.5em;
    font-size: 15px;
}

#ouest-conseil-et-moi #input_6_20::-webkit-input-placeholder {
    font-size: 15px;
}

.ocm_page .gform_footer {
    position: relative;
}

.ocm_page .gform_footer:before {
    position: absolute;
    content: url(https://www.ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/ico-fleche-droite.svg);
    left: 1.5em;
    top: 2.3em;
    z-index: 9;
}

#gform_submit_button_6 {
    border: 0;
    padding: 12px 35px 12px 66px;
    font-size: 24px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #009FE3;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 700;
}

#gform_submit_button_6:hover {
    color: #fff;
    background-color: #043665;
    opacity: 0.8;
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border: 4px solid #d4d4d4;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:before {
    border: 4px solid #009FE3;
}

[type="radio"]:checked+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #009FE3;
    border: 4px solid #009FE3;
    position: absolute;
    top: 7px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* CONFIRMATION */
.ocm_page #confirm {
    margin: 40px 0;
}

.ocm_page #confirm h3 {
    font-size: 24px;
    line-height: 28px;
    color: #009FE3;
    letter-spacing: 0.24px;
}

.ocm_page #confirm .prp-cli {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.08px;
    color: #2D2D2D;
}

.ocm_page .bloc-produit-ocm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 8px solid #F3F3F3;
    background: #F3F3F3;
    padding-left: 0;
    padding-right: 0;
    margin-left: .9375em;
    margin-right: .9375em;
    margin-top: 1.5em;
    min-height: 200px;
}

.ocm_page .bloc-produit-ocm .bloc-prix-ocm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32.2%;
    flex: 0 0 32.2%;
    max-width: 32.2%;
    background: #F3F3F3;
    align-self: center;
}

.ocm_page .bloc-produit-ocm .bloc-prixx {
    display: flex;
}

.ocm_page .salarie p {
    text-align: center;
    margin-top: 0.5em;
}

.ocm_page .europermonth .euro,
.ocm_page .europermonth .permonth {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.24px;
    color: #2D2D2D;
    padding-left: 0.1em;
}

.ocm_page .europermonth .euro {
    font-size: 40px;
}

.ocm_page .bloc-produit-ocm .bloc-prix-ocm .montant strong {
    font-size: 80px;
    line-height: 48px;
    font-weight: 900;
    margin-left: 1em;
}

.ocm_page .bloc-produit-ocm .bloc-info-ocm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67.8%;
    flex: 0 0 67.8%;
    max-width: 67.8%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ocm_page .ocm-img,
.ocm_page .ocm-a {
    align-self: center;
}

.ocm_page .ocm-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
}

.ocm_page .ocm-a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
}

.ocm_page .ocm-img img {
    margin: auto;
}

.ocm_page .link-doc {
    padding: 4px 70px 4px 25px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #2D2D2D;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 700;
}

.ocm_page .link-doc:after {
    position: absolute;
    content: url(https://www.ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/tel-ocm.svg);
    right: 1.5em;
    top: 0.5em;
}

.ocm_page .diagnos {
    padding: 12px 35px 12px 66px;
    font-size: 24px;
    line-height: 40px;
    margin-top: 1em;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
    background: #009FE3;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: inline-block;
    font-weight: 700;
    width: max-content;
}

.ocm_page .diagnos:before {
    position: absolute;
    content: url(https://www.ouestconseils.bzh/wp-content/themes/Ouest-Conseils/img/ico-fleche-droite.svg);
    left: 1em;
    top: 0.6em;
    z-index: 9;
}

.ocm_page .diagnos:hover {
    color: #fff;
    background-color: #043665;
    opacity: 0.8;
}


/* PAGE OCM */
.ocm_page .bloc-2 {
    align-self: center;
}

.ocm_page section p {
    font-size: 15px;
    line-height: 20px;
}

.ocm_page .conseiller-service p {
    margin: 0;
}

#ocm1 h3 {
    color: #009FE3;
    margin-bottom: 0;
}

#ocm1 h2 {
    margin: 0;
}

#ocm1 p {
    margin: 0;
}

@media screen and (max-width: 1199px) {
    .ocm_page section h2 {
        font-size: 36px;
    }

    .ocm_page section {
        margin: 2em 0;
    }
}

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

    .ocm_page section .bloc-2 img {
        margin: 2em auto 0;
        width: 100%
    }

    .ocm_page #ocm .bloc-2 img {
        margin: 0 auto;
    }

    #ocm1 p {
        margin: 0.5em 0;
    }

    #intro-page {
        padding: 2em 0;
    }
}

@media screen and (max-width: 800px) {
    #intro-page h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 480px) {
    .ocm_page section p {
        font-size: 14px;
    }
}

#ocm2 {
    background: #F3F3F3;
    margin: 0;
    padding: 2em 0 1em;
}

#ocm2 .bloc-4 {
    margin: 1em 0;
}

#ocm2 h3 {
    color: #009FE3;
    margin-bottom: 0;
    text-align: center;
    font-weight: 300;
}

#ocm2 img {
    display: block;
    margin: auto;
}

#ocm2 p {
    text-align: center;
}

@media screen and (max-width: 800px) {
    #ocm2 h3 {
        font-weight: 600;
        font-size: 18px;
    }

    #ocm2 p {
        font-size: 13px;
        line-height: 17px;
    }

    #ocm2 .bloc-4 {
        margin: 1em 0;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

@media screen and (max-width: 600px) {
    #ocm2 p {
        display: none;
    }

    #ocm2 img {
        max-width: 70%;
    }

    #ocm2 h3 {
        font-weight: 500;
        font-size: 15px;
    }
}

@media screen and (max-width: 480px) {
    #ocm2 {
        display: none;
    }
}


#ocm3 {
    background: #009FE4;
    margin: 0;
}

#ocm3 .box {
    width: 100%;
    background: #fff;
    margin: 3em 0;
    overflow: hidden;
    max-width: max-content;
}

#ocm3 .box .bloc-2-3 {
    padding: 0;
}

#ocm3 .box .bloc-2-3 img {
    width: 100%;
}

#ocm3 a.button {
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-size: 18px;
    display: block;
    width: max-content;
    margin: 0;
}

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

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

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

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

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

#ocm3 .popup .content video {
    width: 100%;
}

#ocm3 .bloc-3 {
    align-self: center;
}

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

#ocm3 .bloc-3 .button:before {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/picto-player.svg);
    position: absolute;
    left: .5em;
    top: 0.4em;
}

@media screen and (max-width: 1199px) {
    #ocm3 a.button {
        width: inherit;
    }
}

@media screen and (max-width: 991px) {
    #ocm3 a.button {
        width: inherit;
    }

    #ocm3 .bloc-3 {
        display: none;
    }

    #ocm3 .bloc-2-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    #ocm3 .box {
        margin: 0;
    }

    #ocm3 .vid {
        padding: 0;
    }

    #ocm3 .box .bloc-2-3 {
        padding-left: 0.9375em;
        padding-right: 0.9375em;
    }
}


#ocm4 .js-accordion-header {
    font-size: 30px;
    font-weight: 700;
    line-height: 48px;
    padding: 0.35em 0.8em;
}

#ocm4 .accordion__item>.accordion-header:after {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/plus.svg);
    top: -0.05em;
}

#ocm4 .accordion__item.active>.accordion-header:after {
    content: url(https://ouestconseils.bzh/wp-content/themes/Ouest-ConseilsV2/img/accord-flech.svg);
    transform: none;
    top: -0.15em;
}

#ocm4 .serbes-bloc {
    display: flex;
}

#ocm4 .serbes-bloc .content-ocm {
    display: block;
}

#ocm4 .serbes-bloc img {
    display: block;
    height: max-content;
    margin: 1em 3em 1em 2em;
}

#ocm4 .serbes-bloc .content-ocm h3 {
    font-size: 24px;
    line-height: 28px;
    color: #009FE3;
    margin: 0.5em 0;
}

#ocm4 .serbes-bloc .content-ocm li {
    color: #2D2D2D;
    list-style-type: disc;
    margin-left: 1.2em;
    font-size: 15px;
}

#ocm4>div>div>div>div.accordion.js-accordion.active>div.accordion__item.js-accordion-item.active>div.accordion-body.js-accordion-body>div>div>div>ul>li>ul>li {
    list-style-type: circle;
    margin-left: 3em;
}

#ocm4 .sing-serv.ser-accor>div>.accordion__item {
    margin: 1.75em 0 0;
}

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

#ocm4 .accordion-body__contents {
    background: #fff;
    border-left: 3px solid #ECECEC;
    border-right: 3px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    margin-bottom: 2em;
}

#ocm4 .ocm-visu {
    padding: 0;
}

#ocm4 .oc-conseiller-serv {
    margin-top: 2em;
}

.ocm_page h2.ocm-contact {
    font-weight: 700;
}

.ocm_page h2.ocm-contact span {
    font-size: 30px;
    font-weight: inherit;
}

@media screen and (max-width: 992px) {
    #ocm4 .sing-serv:nth-child(1) {
        display: block;
        margin: 0;
    }

    /* CONCERNE LE FORMULAIRE OCM */
    #ouest-conseil-et-moi .form-ocm {
        padding: 0 0.9375em 1em;
    }
}

@media screen and (max-width: 575px) {
    #ocm4 .serbes-bloc {
        display: block;
    }

    #ocm4 .serbes-bloc img {
        margin: auto;
    }

    #ocm4 .js-accordion-header {
        font-size: 21px;
    }

    #ocm4 .accordion__item>.accordion-header:after {
        zoom: 0.75;
    }
}