section.hp_bloc_video { margin-bottom:4rem; }
section.hp_bloc_video .hp-filer div { height: 12px; }

section.hp_bloc_20ans { margin-bottom:4rem; display:none;  }

section.hp_divider { margin-bottom:4rem; }
section.hp_divider .divider { border-top: 15px #ededed solid; }

section.hp_bloc_pole { margin-bottom:4rem; }
section.hp_bloc_pole .titre h3 { font-size: 3.2rem; line-height: 3.8rem; font-weight: bold; }
section.hp_bloc_pole .poles { height: 100%; }
section.hp_bloc_pole .poles div { height: 50%; text-align: center; padding-top: 25px; padding-right: 80px; }
section.hp_bloc_pole .poles strong { display:block; font-size: 1.8rem; }
section.hp_bloc_pole .poles span { display:block; font-size: 1.4rem; font-weight: 500; line-height: 1.4rem; }
section.hp_bloc_pole .cornJaune { background-image: url('../img/corniche-jaune.png'); background-position: top left; background-repeat: no-repeat; background-size: 70%; }
section.hp_bloc_pole .cornBleue { background-image: url('../img/corniche-bleue.png'); background-position: top left; background-repeat: no-repeat; background-size: 70%; }
section.hp_bloc_pole .cornRouge { background-image: url('../img/corniche-rouge.png'); background-position: top left; background-repeat: no-repeat; background-size: 70%; margin-top: 1rem; }
section.hp_bloc_pole .cornVerte { background-image: url('../img/corniche-verte.png'); background-position: top left; background-repeat: no-repeat; background-size: 70%; margin-top: 1rem; }

section.hp_bloc_recherche_titre { margin-top:4rem; }
section.hp_bloc_recherche_titre .titre h3 { text-align: center; font-size: 2.5rem; font-weight: bold; }
section.hp_bloc_recherche { margin-bottom:4rem; background-color: #FFD25F; }
section.hp_bloc_recherche .col_input { margin-top:1.5rem; text-align: center;  }
section.hp_bloc_recherche .col_input input { width:calc(100% - 45px) !important; padding: 0px 15px; }
section.hp_bloc_recherche .col_input input, section.hp_bloc_recherche .col_input input:hover, section.hp_bloc_recherche .col_input input:focus { border: 2px #000 solid; outline: 0; }
section.hp_bloc_recherche .col_input button { border: 1px #000 solid; background-color: #000; color: var(--ifsb-yellow-color); border-radius: 0px; outline: 0; top: 10px; height: 44px; }
section.hp_bloc_recherche .col_input button:hover, section.hp_bloc_recherche .col_input button:focus { border: 1px #000 solid; background-color: var(--ifsb-yellow-color); color: #000; border-radius: 0px; outline: 0; }
section.hp_bloc_recherche .row_btns { margin: 1rem 0rem 2rem 0rem; }
section.hp_bloc_recherche .row_btns a { border:2px solid #000; border-radius:0px; background-color: var(--ifsb-yellow-color); color: #000; right: -12px; }
section.hp_bloc_recherche .row_btns a:hover { border:2px solid #000; background-color: #000; color: var(--ifsb-yellow-color); }
section.hp_bloc_recherche .row_btns img { width: 16px; position:relative; top:-2px; margin-right: 15px; }
section.hp_bloc_recherche .col_text { font-size: 1.2rem; padding-bottom:1.5rem; text-align: justify; }

section.hp_bloc_new_service { margin-bottom:4rem; }
section.hp_bloc_new_service .new_service { text-align: center; background-color: #FFD25F; padding: 5px 15px; font-weight: bold; font-size: 2rem; }
section.hp_bloc_new_service .titre h3 { font-size: 3.2rem; line-height: 3.8rem; font-weight: bold; text-align:center; padding:0.5rem 0px; }
section.hp_bloc_new_service .bloc_stagiaires { background-color: #009de0; padding:2rem; text-align: center; }
section.hp_bloc_new_service .bloc_formateurs { background-color: #8bbf18; padding:2rem; text-align: center; }
section.hp_bloc_new_service .bloc_stagiaires .stitre, section.hp_bloc_new_service .bloc_formateurs .stitre { font-size: 2rem; font-weight: bold; }
section.hp_bloc_new_service .bloc_stagiaires .intro, section.hp_bloc_new_service .bloc_formateurs .intro { font-size:1.6rem; padding:1rem 0rem; }
section.hp_bloc_new_service a.btn { width:100%; border:2px solid #000; border-radius:0px; }
section.hp_bloc_new_service a.btn:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff; }
section.hp_bloc_new_service .bloc_formateurs button:hover { color: #8bbf18; }
section.hp_bloc_new_service .bloc_stagiaires button:hover { color: #009de0; }
section.hp_bloc_new_service img { width:16px; position:relative; top:-2px; margin-right: 15px; }

section.hp_bloc_actus { margin-bottom:4rem; background-color: #ededed; padding-top: 2rem; }
section.hp_bloc_actus .titre h3{ font-size: 2.8rem; line-height: 3.8rem; font-weight: bold; }
section.hp_bloc_actus a.btn { width:100%; border:2px solid #000; border-radius:0px; }
section.hp_bloc_actus a.btn:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff !important; }
section.hp_bloc_actus a.btn img { width:16px; position:relative; top:-2px; margin-right: 15px; }
section.hp_bloc_actus .swiper { width: 100%; height: 350px; }
section.hp_bloc_actus .swiper-button-next:after, section.hp_bloc_actus .swiper-button-prev:after { display: none; }
section.hp_bloc_actus .swiper-button-next { right:12px; }
section.hp_bloc_actus .swiper-button-prev { left:12px; }
section.hp_bloc_actus .swiper-button-next img, section.hp_bloc_actus .swiper-button-prev img { width: 30px; }
section.hp_bloc_actus .actus { padding: 20px 50px; }
section.hp_bloc_actus .actus .date { background-color: #fff; padding:4px 10px; }
section.hp_bloc_actus .actus .title { font-size: 1.6rem; font-weight: bold; line-height: 1.6rem; margin-top: 10px; }
section.hp_bloc_actus .actus .txt { font-size: 0.8rem; margin-top: 10px; }
section.hp_bloc_actus .actus .bttn a { width:100%; border:2px solid #000; border-radius:0px; }
section.hp_bloc_actus .actus .bttn a:hover { border:2px solid #000 !important; background-color: #000 !important; color:var(--ifsb-yellow-color); }
section.hp_bloc_actus .actus .img { background-size: cover; background-position: center; }
section.hp_bloc_actus .bloc_carbone { padding-left: 0px !important; }
section.hp_bloc_actus .bloc_carbone img { max-width: 100%; }
section.hp_bloc_actus .bloc_actus { padding-right: 0px !important; }

section.hp_bloc_4_domaines { margin-bottom:4rem; min-height: 500px; }
section.hp_bloc_4_domaines .titre h3 { font-size: 2.8rem; line-height: 3.8rem; font-weight: bold; text-align: center; }
section.hp_bloc_4_domaines .styl-constr { background-color: rgba(139,191,24); }
section.hp_bloc_4_domaines .styl-secur { background-color: rgba(255,210,95); }
section.hp_bloc_4_domaines .styl-engins { background-color: rgba(213,93,6); color:#fff; }
section.hp_bloc_4_domaines .styl-manag { background-color: rgba(0,157,224); color:#fff; }
section.hp_bloc_4_domaines .bloc-constr { display: flex; }
section.hp_bloc_4_domaines .bloc-secur { display: none; }
section.hp_bloc_4_domaines .bloc-engins { display: none; }
section.hp_bloc_4_domaines .bloc-manag { display: none; }
section.hp_bloc_4_domaines .dom-img { background-size: cover; background-position: center; }
section.hp_bloc_4_domaines .dom-titre { font-size: 3rem; font-weight: bold; text-transform: uppercase; line-height: 3rem; margin-top:0.5rem; }
section.hp_bloc_4_domaines .bloc-constr .dom-titre { color: #588000; }
section.hp_bloc_4_domaines .bloc-secur .dom-titre { color: #805c00; }
section.hp_bloc_4_domaines .bloc-engins .dom-titre { color: #7d3500; }
section.hp_bloc_4_domaines .bloc-manag .dom-titre { color: #00587d; }
section.hp_bloc_4_domaines .dom-texte { font-size: 1.4rem; }
section.hp_bloc_4_domaines .dom-bttn a { border:2px solid #000; border-radius:0px; }
section.hp_bloc_4_domaines .dom-bttn a:hover { border:2px solid #000 !important; background-color: #000 !important; }
section.hp_bloc_4_domaines .bloc-constr .dom-bttn a:hover { color:rgba(139,191,24) }
section.hp_bloc_4_domaines .bloc-secur .dom-bttn a:hover { color:rgba(255,210,95) }
section.hp_bloc_4_domaines .bloc-engins .dom-bttn a:hover { color:rgba(213,93,6) }
section.hp_bloc_4_domaines .bloc-manag .dom-bttn a:hover { color:rgba(0,157,224) }
section.hp_bloc_4_domaines .col-7 { padding: 25px 25px; }
section.hp_bloc_4_domaines .domaine { position:absolute; top:0; height: 400px; }
section.hp_bloc_4_domaines .domaines { position:relative; height: 400px; }
section.hp_bloc_4_domaines .navDom { position:absolute; bottom: 0px; left: -50px; }
section.hp_bloc_4_domaines .navDom button { display:block; border-radius:0px; background-color: #fff; margin-bottom: 15px; width: 300px; text-align: right; font-weight: bold; border-right:none !important; position:relative; height: 50px; font-size: 1.4rem; position:relative; }
section.hp_bloc_4_domaines .navDom button:hover { background-color: #333; }
section.hp_bloc_4_domaines .navDom button.btn-constr { border: 2px solid rgba(139,191,24); color:rgba(139,191,24); }
section.hp_bloc_4_domaines .navDom button.btn-secur { border: 2px solid rgba(255,210,95); color:rgba(255,210,95); }
section.hp_bloc_4_domaines .navDom button.btn-engins { border: 2px solid rgba(213,93,6); color:rgba(213,93,6); }
section.hp_bloc_4_domaines .navDom button.btn-manag { border: 2px solid rgba(0,157,224); color:rgba(0,157,224); }
section.hp_bloc_4_domaines .styl-engins .dom-bttn a { color:#fff; border:2px solid #fff; }
section.hp_bloc_4_domaines .styl-manag .dom-bttn a { color:#fff; border:2px solid #fff; }
section.hp_bloc_4_domaines .navDom svg { position:absolute;  top: -2px; left: 0px; z-index:500; }
section.hp_bloc_4_domaines .navDom .btn div { position:absolute;  z-index:1000; top: 8px; }
section.hp_bloc_4_domaines .navDom button.btn-constr svg { stroke-width: 2px; stroke: rgba(139,191,24); fill: #fff; }
section.hp_bloc_4_domaines .navDom button.btn-secur svg { stroke-width: 2px; stroke: rgba(255,210,95); fill: #fff; }
section.hp_bloc_4_domaines .navDom button.btn-engins svg { stroke-width: 2px; stroke: rgba(213,93,6); fill: #fff; }
section.hp_bloc_4_domaines .navDom button.btn-manag svg { stroke-width: 2px; stroke: rgba(0,157,224); fill: #fff; }
section.hp_bloc_4_domaines .navDom button:hover svg { fill: #333; }

section.hp_bloc_ifsb_sengage { margin-bottom:4rem; display:none; }
section.hp_bloc_ifsb_sengage .col-sm-4 { overflow: hidden; }
section.hp_bloc_ifsb_sengage .titre h3 { font-size: 2.8rem; line-height: 3.8rem; font-weight: bold; }
section.hp_bloc_ifsb_sengage .stitre { font-size: 1.5rem; font-weight: bold; }
section.hp_bloc_ifsb_sengage .bttn a { border:2px solid #000; border-radius:0px; }
section.hp_bloc_ifsb_sengage .bttn a:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff; }

section.hp_bloc_projets_titre { margin-top:4rem; }
section.hp_bloc_projets_titre .titre h3 { font-size: 2.8rem; line-height: 3.8rem; font-weight: bold; }
section.hp_bloc_projets_titre a.btn { width:100%; border:2px solid #000; border-radius:0px; margin-top:15px; margin-bottom:25px; }
section.hp_bloc_projets_titre a.btn:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff !important; }
section.hp_bloc_projets_titre a.btn img { width:16px; position:relative; top:-2px; margin-right: 5px; }
section.hp_bloc_projets { background-color: var(--ifsb-yellow-color); padding:4rem 0rem; }
section.hp_bloc_projets .card-projet { padding:25px; }
section.hp_bloc_projets .card-projet .img { text-align: center; }
section.hp_bloc_projets .card-projet .img img { max-height: 150px; }
section.hp_bloc_projets .card-projet .sepa { background-color: #FFD25F; height: 8px; width:50px; position:relative; top:5px; }
section.hp_bloc_projets .card-projet .titre h3 { font-weight: bold; text-transform: uppercase; font-size: 1.2rem; }
section.hp_bloc_projets .card-projet .txt { margin-top:15px; font-size: 0.8rem; }
section.hp_bloc_projets .card-projet .bttn { text-align: right; width: 100%; margin: 15px 0px; }
section.hp_bloc_projets .card-projet .bttn a { border: none; background-color: transparent; border:2px solid #000; border-radius:0px; }
section.hp_bloc_projets .card-projet .bttn a:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff; }
section.hp_bloc_projets .swiper-carousel .swiper-slide { border: 1px #000 solid; }
section.hp_bloc_projets .swiper-button-next:after, section.hp_bloc_projets .swiper-button-prev:after { display: none; }
section.hp_bloc_projets .swiper-button-next { right:12px; }
section.hp_bloc_projets .swiper-button-prev { left:12px; }
section.hp_bloc_projets .swiper-button-next img, section.hp_bloc_projets .swiper-button-prev img { width: 30px; }
section.hp_bloc_projets .swiper-slide { opacity: 0.4 !important; } 
section.hp_bloc_projets .swiper-slide-prev { opacity: 0.7 !important; }
section.hp_bloc_projets .swiper-slide-next { opacity: 0.7 !important; }
section.hp_bloc_projets .swiper-slide-active { opacity: 1 !important; }

section.hp_bloc_contact .titre h3 { font-size: 2.8rem; line-height: 3.8rem; font-weight: bold; }
section.hp_bloc_contact .bloc_contact { padding:2rem; }
section.hp_bloc_contact .btn { border:2px solid #000; border-radius:0px; display: block; }
section.hp_bloc_contact .btn:hover { border:2px solid #000 !important; background-color: #000 !important; color:#fff; }
section.hp_bloc_contact .bloc_contact img { float:left; margin-right:15px; width:100px; }
section.hp_bloc_contact .bloc_contact strong { font-size: 1.5rem; line-height: 1.5rem; }
section.hp_bloc_contact .bloc_contact .txt { margin-top:1em; margin-bottom:1em; }
section.hp_bloc_contact .bloc_contact a img { width:25px; }
section.hp_bloc_contact .bloc_contact .align-self-end { padding: 30px 8px; }
section.hp_bloc_contact .bloc_contact .nous-contacter { text-align: center; float: none; }
section.hp_bloc_contact .bloc_contact .nous-contacter img { float: none; width: 40px; }
section.hp_bloc_contact .bloc_contact .nous-contacter a { text-decoration: none; }
section.hp_bloc_contact .bloc_contact .nous-contacter a:hover { text-decoration: underline; }
section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter { font-size: 1.5rem; font-weight: bold; color:#000; border: 2px solid #000; padding:15px; }
section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter:hover { border: 2px solid #000 !important; background-color:#000 !important; color:#fff; }
section.hp_bloc_contact .bloc_contact .nous-contacter a:hover { text-decoration: none; }
section.hp_bloc_contact .map { height: 550px; width: 100%; }

@media (max-width: 767.9px) { /* X-Small devices (phones, 0px and up) + Small devices (landscape phones, 576px and up) */

    section.hp_bloc_pole .titre h3 { font-size: 1.6rem; text-align: center; line-height: 2rem; margin-bottom: 2rem; }
    section.hp_bloc_pole .poles div { padding-right: 0px; line-height: 1.1rem; height: 80px; background-position: top center; }
    section.hp_bloc_pole .poles strong { font-size: 1.2rem; }
    section.hp_bloc_pole .poles span { font-size: 1rem; line-height: 1rem; }
    section.hp_bloc_recherche_titre .titre h3 { text-align: center; font-size: 1.8rem; font-weight: bold; }
    section.hp_bloc_recherche .col_text { font-size: 1rem; text-align: left; }
    section.hp_bloc_new_service .new_service { font-size: 1.2rem; }
    section.hp_bloc_new_service .titre h3 { font-size: 1.6rem; text-align: center; line-height: 2rem; }
    section.hp_bloc_new_service .bloc_stagiaires .stitre, section.hp_bloc_new_service .bloc_formateurs .stitre { font-size: 1.6rem; }
    section.hp_bloc_new_service .bloc_stagiaires .intro, section.hp_bloc_new_service .bloc_formateurs .intro { font-size: 1.2rem; }
    section.hp_bloc_actus .titre h3{ font-size: 1.6rem; text-align: center; line-height: 2.4rem; }
    section.hp_bloc_actus .actus .title { font-size: 1.2rem; line-height: 1.2rem; }
    section.hp_bloc_actus .actus .txt { font-size: 0.9rem; line-height: 1rem; }
    section.hp_bloc_actus a.btn { width: 100%; font-size: 0.9rem; }
    section.hp_bloc_4_domaines .titre h3 { font-size: 1.8rem; line-height: 2.4rem; }
    section.hp_bloc_4_domaines .dom-titre { font-size: 1.4rem; line-height: 1.4rem;  }
    section.hp_bloc_4_domaines .dom-texte { font-size: 1rem; }
    section.hp_bloc_4_domaines .dom-bttn { margin-bottom: 1rem; }
    section.hp_bloc_4_domaines .navDom { left: 0px; }
    section.hp_bloc_4_domaines .navDom button { font-size: 1rem; margin-bottom: 4px; }
    section.hp_bloc_4_domaines { min-height: auto; }
    section.hp_bloc_4_domaines .dom-img { min-height: 190px; }
    section.hp_bloc_4_domaines .domaines { min-height: 690px; }
    section.hp_bloc_4_domaines .styl-manag .dom-bttn a { margin-bottom: 1rem; }
    section.hp_bloc_projets_titre .titre h3 { font-size: 1.8rem; text-align: center; line-height: 2.4rem; }
    section.hp_bloc_contact .titre h3 { font-size: 1.6rem; text-align: center; line-height: 2.4rem; }
    section.hp_bloc_contact .bloc_contact strong { font-size: 1.2rem; line-height: 1.2rem; display:block; }
    section.hp_bloc_contact .bloc_contact .txt { font-size: 0.9rem; }
    section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter { font-size: 1rem; }
    section.hp_bloc_contact .bloc_contact img { float: none; }

    /*
    section.hp_bloc_contact .titre h3 { font-size: 1.8rem; text-align:center; }
    section.hp_bloc_contact .bloc_contact { padding: 0rem; margin-top: 4rem; }
    section.hp_bloc_contact .bloc_contact strong { font-size: 1.2rem; }
    section.hp_bloc_actus .bloc_carbone img { max-width: 100%; }
    section.hp_bloc_recherche .row_btns a { font-size: 0.8rem; }
    section.hp_bloc_new_service button { font-size: 0.8rem; }
    section.hp_bloc_actus a.btn { font-size: 0.8rem; }
    section.hp_bloc_actus .actus .bttn a { font-size: 0.8rem; }
    section.hp_bloc_ifsb_sengage .bttn a { font-size: 0.8rem; }
    section.hp_bloc_projets_titre button { font-size: 0.8rem; }
    section.hp_bloc_projets .card-projet .bttn a { font-size: 0.8rem; }
    section.hp_bloc_contact .btn { font-size: 0.8rem; }
    section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter { font-size: 0.8rem; }

    */
}

@media (min-width: 768px) and (max-width: 991.9px) { /* Medium devices (tablets, 768px and up) + Large devices (desktops, 992px and up) */
    section.hp_bloc_pole .titre h3 { font-size: 2rem; line-height: 2.8rem; }
    section.hp_bloc_pole .poles strong { font-size: 1.2rem; }
    section.hp_bloc_pole .poles span { font-size: 1rem; }
    section.hp_bloc_pole .poles div { padding-top: 25px; padding-right: 30px; }
    section.hp_bloc_recherche_titre .titre h3 { text-align: center; font-size: 2rem; font-weight: bold; }
    section.hp_bloc_new_service .titre h3 { font-size: 2rem; line-height: 2.8rem; }
    section.hp_bloc_new_service .bloc_stagiaires .stitre, section.hp_bloc_new_service .bloc_formateurs .stitre { font-size: 1.6rem; }
    section.hp_bloc_new_service .bloc_stagiaires .intro, section.hp_bloc_new_service .bloc_formateurs .intro { font-size: 1.2rem; }
    section.hp_bloc_actus .titre h3{ font-size: 2rem; line-height: 2.8rem; }
    section.hp_bloc_actus .actus .title { font-size: 1rem; line-height: 1rem; }
    section.hp_bloc_actus .actus .txt { font-size: 0.8rem; line-height: 0.8rem; }
    section.hp_bloc_actus a.btn { width: 90%; font-size: 0.8rem; }
    section.hp_bloc_4_domaines .titre h3 { font-size: 2rem; line-height: 2.8rem }
    section.hp_bloc_4_domaines .dom-titre { font-size: 2rem; line-height: 2.8rem; }
    section.hp_bloc_4_domaines .dom-texte { font-size: 1.2rem; }
    section.hp_bloc_projets_titre .titre h3 { font-size: 2rem; line-height: 2.8rem }
    section.hp_bloc_contact .titre h3 { font-size: 2rem; line-height: 2.8rem }
    section.hp_bloc_contact .bloc_contact strong { font-size: 1.2rem; line-height: 1.2rem; display:block; }
    section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter { font-size: 1rem; }
    section.hp_bloc_contact .bloc_contact img { float: none; }
}

@media (min-width: 992px) and (max-width: 1199.9px) { /* Medium devices (tablets, 768px and up) + Large devices (desktops, 992px and up) */
    section.hp_bloc_pole .titre h3 { font-size: 2.8rem; }
    section.hp_bloc_pole .poles strong { font-size: 1.6rem; }
    section.hp_bloc_pole .poles span { font-size: 1.2rem; }
    section.hp_bloc_pole .poles div { padding-top: 25px; padding-right: 60px; }
    section.hp_bloc_new_service .titre h3 { font-size: 2.8rem; }
    section.hp_bloc_new_service .bloc_stagiaires .stitre, section.hp_bloc_new_service .bloc_formateurs .stitre { font-size: 1.8rem; }
    section.hp_bloc_new_service .bloc_stagiaires .intro, section.hp_bloc_new_service .bloc_formateurs .intro { font-size: 1.4rem; }
    section.hp_bloc_actus .titre h3{ font-size: 2.6rem; }
    section.hp_bloc_actus .actus .title { font-size: 1.2rem; line-height: 1.2rem; }
    section.hp_bloc_actus .actus .txt { font-size: 0.8rem; line-height: 0.8rem; }
    section.hp_bloc_actus a.btn { width: 90%; font-size: 0.9rem; }
    section.hp_bloc_4_domaines .titre h3 { font-size: 2.8rem; }
    section.hp_bloc_4_domaines .dom-titre { font-size: 2.8rem; }
    section.hp_bloc_projets_titre .titre h3 { font-size: 2.8rem; }
    section.hp_bloc_contact .titre h3 { font-size: 2.8rem; }
    section.hp_bloc_contact .bloc_contact strong { font-size: 1.2rem; line-height: 1.2rem; display:block; }
    section.hp_bloc_contact .bloc_contact .nous-contacter .btn-nous-contacter { font-size: 1.2rem; }
    section.hp_bloc_contact .bloc_contact img { float: none; }
}

@media (min-width: 1200px) { /* X-Large devices (large desktops, 1200px and up) + XX-Large devices (larger desktops, 1400px and up) */
    /* header { background-color: #54AA54;} */
}