@charset "UTF-8";
/* 
    Theme Name: Couleur Piscine du Sud Ouest
    Theme URL: 	couleurpiscinedusudouest.fr
    Description: pisciniste
    Version: 1.0
    Author: Sandrine Orieux pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #FFFFFF;overflow-x: hidden;font: 16px/150% "Lato-Regular" !important;}
a:active, a:hover, a:focus{outline: none !important;text-decoration: none !important;}
hr{border: 0;clear: both;color: #C5C9C3;height: 2px;padding: 0;}
ul{padding-left: 0;}
section.wrap{padding: 0;position: relative;}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}
.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}
.scrollToTop{ background:url(images/back_top.png) no-repeat; bottom:10px; height:92px; position:fixed; right:20px;  width:92px; z-index:3000;}
a.scrollToTop { color:#fff; display:block; height:92px; overflow:hidden; text-indent:-800px; width:92px; }
input[type="submit"], input[type="reset"]{background: #df3537;border: none;border-radius: 0;color: #FFFFFF;cursor: pointer;letter-spacing: 1px;margin-top: 20px;width: 200px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.btn-sm, .btn-group-sm > .btn{background: #df3537 !important;border: none !important;border-radius: 5px !important;color: #FFFFFF !important;font: 18px/150% "Lato-Regular" !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.btn:hover,.btn:focus{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
.invisible{display: none;}
.container-fluid{padding: 0 !important;}
.container-fluid .row{margin-left: 0 !important;margin-right: 0 !important;}

/*--------------------------------------------------------------
/* varables var(--font-size-titre-h1) 
-------------------------------------------------------------- */
:root {
    --font-size-slogan-h2: 80px;/**/
    --font-size-slogan-h3: 15px;/**/
    --font-size-slogan-p: 20px;/**/
    --font-size-slogan-a: 18px;/**/
    --font-size-quali-h2: 15px;/**/
    --font-size-quali-p: 16px;/**/
    --font-size-tel: 33px;
    --font-size-titre-h1: 40px;/**/
    --font-size-titre-h2: 14px;/**/
    --font-size-titre-h3: 30px;/**/
    --font-size-texte: 16px;/**/
    --font-size-contact: 13px;/**/
    --font-size-menu-titre: 16px;/**/
    --font-size-footer: 18px;
}


/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
html{font-size: 100%}

.navigation-top{height: 180px;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top .main-navigation{box-shadow: none;display: flex;height: 180px;justify-content: space-between;width: 100%;}
.navigation-top .main-navigation .navbar-header{background: transparent;flex: 0 0 22%;left: 108px;position: relative;top: 59px;z-index: 11;}
/*.navigation-top .main-navigation h1{align-self: center;font: var(--font-size-titre-h1)/100% "Oswald-black";text-align: center;flex: 0 0 56%;color: #FFF;}*/
.navigation-top .main-navigation .bloc_item.social{align-items: end;display: flex;flex-direction: column;position: fixed;right: 0;row-gap: 1vh;top: 50%;z-index: 10;}
.navigation-top .main-navigation .bloc_item.social a{align-items: center;background: linear-gradient(#9c8574, #510d19);border-radius: 5px 0 0 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 5px rgba(255,255,255,.07);column-gap: 10px;display: inline-flex;justify-content: left;margin-bottom: 5px;padding: 7px 26px 7px 7px;position: relative;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.navigation-top .main-navigation .bloc_item.social a:hover{width: 120%;}
.navigation-top .main-navigation .bloc_item.social a img{max-width: 35px;width: 35px;}
.navigation-top .main-navigation .navbar-header .navbar-brand{background: transparent;display: block;float: left;height: inherit;padding: 0;transition-property: color, width;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-header .navbar-brand img{margin: 0;max-width: 223px;padding: 0;position: relative;width: 33vw;z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand{background: rgba(11, 32, 45, 0.3);margin-left: -33px;margin-top: -33px;padding: 33px;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 28vw;}
/*.navigation-top .main-navigation .bloc_item.social{display: flex;flex-direction: column;left: 0;position: fixed;row-gap: 1vh;top: 50%;z-index: 10;}
.navigation-top .main-navigation .bloc_item.social a{align-items: center;background: #24303a;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 0px 0px 0px 9px;position: relative;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.navigation-top .main-navigation .bloc_item.social a:hover{width: 120%;}
.navigation-top .main-navigation .bloc_item.social a img{max-width: 50px;width: 50px;}*/
.navigation-top .main-navigation .navbar-menu{flex: 0 0 11%;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;background: rgba(11, 32, 45, 0.9);border-radius: 85px;cursor: pointer;display: flex;height: 165px;justify-content: center;max-height: 165px;max-width: 165px;outline: solid 15px rgba(11,32,45,0.6);padding: 0;position: absolute;right: 46px;top: 46px;width: 165px;z-index: 12;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container{margin: 0;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{color: #FFFFFF;display: block;font: 14px/100% "Lato-Regular";letter-spacing: 13px;margin: 0;margin-right: -13px;text-align: center;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #FFFFFF;border-radius: 10px;box-shadow:0 0 5px rgba(0,0,0,0.3);display: block;height: 3px;margin:0;margin-top: 7px;position: relative;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre.mid{width: 62%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre.bot{width: 28%;}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover .menu-container .barre{background: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;box-shadow: none;outline: none;right: 0;top: 14px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .titre{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre{background: #FFFFFF;box-shadow: none;left: 0;top: 0;transition: transform .3s ease-in-out, opacity .3s ease-in-out;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active:hover .menu-container .barre{background: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{height: 3px;transform: rotate(45deg);transform-origin: center;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.mid{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.bot{height: 3px;top: -20px;transform: rotate(-45deg);transform-origin: center;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container{align-items: center;display: flex;justify-content: center;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background: rgba(36, 48, 58, 0.9);height: 100%;padding: 0;position: fixed;right: 0;top: 0;transform: translate3d(1800px, 0px, 0px);width: 28%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{align-items: flex-start;opacity: 1;transform: translate3d(0px, 0px, 0px);transition: transform .3s ease-in-out, opacity .3s ease-in-out;z-index: 11;}

/* Menu */
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{align-items: start;display: flex;flex: 0 0 95%;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin: 0;padding-left: 110px;padding-top: 60%;position: relative;row-gap:4vh;}
/*.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;border-radius: 11px 0 0 11px;display: block;margin-bottom: 0;padding: 0;padding-bottom: 23px;padding-left: 45px;padding-top: 31px;position: relative;opacity: 0;transition: transform .3s ease-in-out;width: 90%;z-index: 10;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}*/
/*.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu .current-menu-item,.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:hover{width: 100%;}*/
/*.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:last-of-type{padding-top: 5%;}*/
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{list-style: none;flex: 0 0 100%;text-align: start;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-61{padding-top: 2vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #FFFFFF;font: var(--font-size-menu-titre)/100% "Lato-Regular";letter-spacing: 2px;position: relative;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{background: #FFFFFF;content: '';display: block;height: 6px;left: -22px;margin: auto;position: absolute;top: 9px;width: 6px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover{color: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu .menu-item-object-category a{color: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children{animation: none;flex: 0 0 100%;list-style: none;opacity: 1;position: relative;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a{color: #c6b69f;font: var(--font-size-menu-titre)/100% "Lato-Regular";pointer-events: none;position: relative;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a:before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a .icon{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children.menu-item-62 .sub-menu{padding-top: 5vh;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu{align-items: start;column-gap: 0;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: start;margin: 0;padding-left: 5%;position: relative;row-gap: 0;width: 100%;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{border: 0 solid transparent;border-radius: 0;flex: 1 0 33%;display: flex;justify-content: center;list-style: none;margin: 0;padding: 0;padding-top: 1vh;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{align-items: center;color: #FFFFFF;column-gap: 0;display: flex;flex-direction: row;font: var(--font-size-menu-titre)/140% "Lato-Regular";padding: 0;pointer-events: initial;text-align: center;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{background: #FFFFFF;content: '';display: block;height: 6px;left: -22px;margin: auto;position: absolute;top: 9px;width: 6px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:hover{color: #c6b69f;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li.current-menu-item a{color: #c6b69f;}

button, input, select[multiple], textarea{display: none;}

@keyframes fadeInRight
{
    0%{opacity: 0;left: 3rem;}
    100%{opacity: 1;left: 0;}
}

/*--------------------------------------------------------------
/* Animations
--------------------------------------------------------------*/
@keyframes transparence
{ 
    0%{opacity: 0;}
    100%{opacity: 1;} 
}

@keyframes mouvementImageY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8.1rem);}
}

@keyframes mouvementTexteY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8.1rem);}
}

@keyframes mouvementTexteNegY 
{
    0%{opacity: 0;transform: translateY(-1rem);}
    100%{opacity: 1;transform: translate(0);}
}

@keyframes mouvementTextePosY 
{
    0%{opacity: 0;transform: translateY(1rem);}
    100%{opacity: 1;transform: translate();}
}

@keyframes mouvementTexteNegX
{
    0%{opacity: 0;transform: translateX(-1rem);}
    100%{opacity: 1;transform: translate(0);}
}
@keyframes mouvementTextePosX
{
    0%{opacity: 0;transform: translateX(1rem);}
    100%{opacity: 1;transform: translate(0);}
}

/*--------------------------------------------------------------
/* Banniere
--------------------------------------------------------------*/
.bloc_banniere{position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu{display: flex;height: 100vh;margin-bottom: 0;overflow: hidden;width: 100vw;}
.bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(11, 32, 45, 0.8),rgba(11, 32, 45, 0.6) 20%, rgba(11, 32, 45, 0) 60%), url(images/cpso-cover.png) no-repeat;background-position: center;background-size: cover;flex: 1 0 100%;height: 100%;overflow: hidden;position: fixed;width: 100%;}
/*.bloc_banniere .bloc_item.contenu .bloc_item.image video{width: 100%;display:none;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bouton_lecture{bottom: 37%;display: inline-block;flex-wrap: wrap;height: 106px;left: 0;margin: auto;position: absolute;right: 0;text-align: center;width: 106px;-webkit-animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bouton_lecture img{cursor: pointer;max-width: 90px;width: 9vw;}*/
/*.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama{align-items: center;display: flex;justify-content: center;}
.bloc_banniere .bloc_item.contenu .bloc_item.image.bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel .carousel-inner{cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: 1920px;max-height: 929px;width: 100%;}*/
/*.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .carousel-control{background: transparent;z-index: 1;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_gauche_primary{left: 61px;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_gauche_primary img{height: 19vh;top: 0;bottom: 0;margin: auto ;max-height: 161px;position: absolute;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_droite_primary{right: 61px;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_banniere .bloc_item.contenu .bloc_item.image .bloc_item.diaporama .fleche_droite_primary img{bottom: 0;height: 19vh;margin: auto;max-height: 161px;position: absolute;right: 0;top: 0;}
*/
.bloc_banniere .bloc_item.contenu .bloc_item.slogan{align-items: start;display: flex;flex-direction: column;flex-wrap: wrap;left: 108px;justify-content: space-between;padding: 0;position: absolute;row-gap: 1vh;top: 38vh;width: 46vw;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h3{color: #FFFFFF;font: var(--font-size-slogan-h3)/100% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan h2{color: #FFFFFF;font: var(--font-size-slogan-h2)/100% "CormorantGaramond-Light";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p{color: #FFFFFF;column-gap: 4vh;display: flex;font: var(--font-size-slogan-p)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;padding-right: 27%;text-transform: initial;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button{background: #c6b69f;border-radius: 25px;flex: 0 0 60%;margin-top: 5vh;padding: 8px 27px 8px 9px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a{align-items: center;column-gap: 16px;display: flex;margin: 0;padding: 0;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a img{max-width: 18px;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan .button a p{color: #24303a;font: var(--font-size-slogan-a)/120% "Lato-Regular";letter-spacing: 3px;margin: 0;padding: 0;text-transform: uppercase;}


/*--------------------------------------------------------------
/* Animation
--------------------------------------------------------------*/
[data-animation]{opacity: 0;-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;animation-duration: 2s;}
.animations-disabled, .animations-disabled [data-animation]{-webkit-animation: none !important;animation: none !important;opacity: 1 !important;}
.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;}
.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown;}
.slideInLeft{-webkit-animation-name: slideInleft;animation-name: slideInleft;}
.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight;}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.fadeOut{-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-direction: reverse;}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.zoomOut{-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-direction: reverse;}
.zoomReverseIn{-webkit-animation-name: zoomReverseIn;animation-name: zoomReverseIn;}
.zoomReverseOut{-webkit-animation-name: zoomReverseIn;animation-name: zoomReverseIn;animation-direction: reverse;}
.flipInY{-webkit-animation-name: flipInY;animation-name: flipInY;}
.flipOutY{-webkit-animation-name: flipInY;animation-name: flipInY;animation-direction: reverse;}
.rotate-center {-webkit-animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;animation: rotate-center 3s cubic-bezier(0.680, -0.550, 0.265, 1.550) infinite both;}
@-webkit-keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(5%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(5%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-5%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-5%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(5%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(5%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-5%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-5%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes fadeIn
{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes fadeIn
{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes zoomIn
{
    0%{opacity: 0;transform: scale(0.5);}
    100%{opacity: 1;transform: none;}
}
@keyframes zoomIn
{
    0%{opacity: 0;transform: scale(0.5);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes zoomReverseIn
{
    0%{opacity: 0;transform: scale(1.5);}
    100%{opacity: 1;transform: none;}
}
@keyframes zoomReverseIn
{
    0%{opacity: 0;transform: scale(1.5);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes flipInY
{
    0%{opacity: 0;transform: rotateY(90deg);}
    100%{opacity: 1;transform: none;}
}
@keyframes flipInY
{
    0%{opacity: 0;transform: rotateY(90deg);}
    100%{opacity: 1;transform: none;}
}
@keyframes rebond
{
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40%{transform: translateY(-3rem);}
    60%{transform: translateY(-1.5rem);}
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_item.qualites .bloc_item.contenu{align-items: start;background:transparent;column-gap: 7vw;display: flex;flex-direction: row;justify-content: center;margin-top: -13vh;padding: 0;padding-bottom: 0;padding-top: 0;position: relative;row-gap: 3vh;z-index: 10;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.fleche{flex: 1 0 100%;height: 102px;left: 0;margin: auto;max-height: 102px;max-width: 102px;position: absolute;right: 0;top: -25%;width: 102px;z-index: 3;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 2s infinite;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.fleche a{background: url(images/cpso-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.social{display: flex;flex-direction: column;left: 3%;position: absolute;row-gap: 1vh;top:-16%;z-index: 10;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.social a{display: block;position: relative;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.social a:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte{column-gap: 0;flex: 0 0 88%;display: flex; justify-content: center;padding: 6vh 0;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite{background: #24303a;border-right: solid 1px rgba(198, 182, 159,0.3);display: flex;flex: 1 0 16%;column-gap: 2vw;justify-content: center;padding: 1.5vw 0 1vw 0;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:last-of-type{border: none;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(1):before{background: url(images/cpso-icone-qualite-01.png) no-repeat;background-size: cover;content: '';display: block;flex: 0 0 71px;height: 67px;position: relative;width: 71px;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(2):before{background: url(images/cpso-icone-qualite-02.png) no-repeat;background-size: cover;content: '';display: block;flex: 0 0 71px;height: 67px;position: relative;width: 71px;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(3):before{background: url(images/cpso-icone-qualite-03.png) no-repeat;background-size: cover;content: '';display: block;flex: 0 0 71px;height: 67px;position: relative;width: 71px;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(4):before{background: url(images/cpso-icone-qualite-04.png) no-repeat;background-size: cover;content: '';display: block;flex: 0 0 71px;height: 67px;position: relative;width: 71px;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite .bloc_item.titre{display: flex;flex: 0 0 41%; flex-direction: column;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite .bloc_item.titre h2{color: #c6b69f;font: var(--font-size-quali-h2)/150% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite .bloc_item.titre p{color: #FFFFFF;font: var(--font-size-quali-p)/150% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}

.bloc_item.presentation .bloc_item.contenu{align-items: start;background:url(images/cpso-fond-presentation.png) no-repeat, #e9e4df;background-position: top right;box-shadow: 0 -14px 0 rgba(255, 255, 255,0.3);column-gap: 1vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin-top: -6vh;padding: 6% 0;position: relative;row-gap: 3vh;z-index: 6;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social{align-items: flex-start;display: flex;flex: 0 0 4%;flex-direction: column;position: relative;row-gap: 3.5vh;z-index: 10;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a{position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a img{max-width: 50px;width: 50px;-webkit-transition: all 0.5s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.social a:hover img{width: 110%;-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre{align-self: start;align-items: start;display: flex;flex: 0 0 47%;flex-direction: column;justify-content: start;position: relative;padding-left: 3%;padding-right: 14%;padding-top: 1%;row-gap: 2vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h1{color: #24303a;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h3{color: #24303a;column-gap: 4vh;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p span{font: var(--font-size-texte)/150% "CormorantGaramond-Light";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #24303a;font: var(--font-size-texte)/100% "Lato-Regular";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li:before{background: #24303a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
/*.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button{background: #FFFFFF;border: solid 1px #24303a;border-radius: 35px;flex: 0 0 60%;padding: 21px 35px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button a{align-items: center;color: #24303a;column-gap: 37px;display: flex;font: var(--font-size-slogan-a)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button a:after{background: url(images/cpso-fleche-info-02.png) no-repeat;content: '';display: block;flex: 0 0 21px;height: 23px;margin: auto;position: relative;width: 21px;}*/
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button{background: #24303a;flex: 0 0 60%;padding: 11px 28px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .button a{align-items: center;color: #FFFFFF;column-gap: 37px;display: flex;font: var(--font-size-slogan-a)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{align-items: center;column-gap: 8vw;display: flex;flex: 0 0 7%;flex-direction: column;margin-right: -9%;margin-top: 1%;position: relative;row-gap: 1vh;z-index: 4;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.estampille img{max-height: 112px; max-width: 134px; width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{align-items: center;display: flex;flex: 0 0 36%;flex-direction: column;height: auto;row-gap: 4vh;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-height: 534px;max-width: 836px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: -31px;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{height: 66px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: -31px;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{height: 66px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .bloc_item.estampille{align-items: center;column-gap: 8vw;display: flex;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .bloc_item.estampille img{max-height: 112px; max-width: 134px; width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .more{padding: 0;margin: 0;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle strong, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .more strong{color: #24303a;font-family: "Lato-Regular"mal;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less{text-align: left;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .more h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 10px 0;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .more ul{margin-bottom: 1vh;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less .button-read-more{background: #24303a;border: 0;border-radius: 42px;color: #FFFFFF;display: inline-block;font:var(--font-size-titre-h2)/120% "Lato-Regular"; letter-spacing: 2px;padding: 16px 26px;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less .button-read-more:hover{color: #c6b69f;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-more, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less .button-read-less{display: none}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-less{background: #24303a;border: 0;border-radius: 42px;color: #FFFFFF;display: inline-block;font:var(--font-size-titre-h2)/120% "Lato-Regular"; letter-spacing: 2px;padding: 16px 26px;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .toggle .less.active .button-read-less:hover{color: #c6b69f;}



.bloc_item.realisations .bloc_item.contenu{align-items: start;background:#071825;column-gap: 2vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: start;margin-top: -1vh;padding: 3% 6%;position: relative;row-gap: 5vh;z-index: 5;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.titre{display:flex;flex-direction:column;gap:1vw;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.titre h3{margin:0;color:#c6b69f;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.titre h2{margin:0;color:#fff;font: var(--font-size-titre-h1)/90% "CormorantGaramond-Light",serif;text-transform:uppercase;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation{overflow:hidden;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation a{display:block;text-decoration:none;transition:.4s ease;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .8s ease;}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation h3{margin:0;padding:18px 22px 6px;background:#172834;color:#fff;font: var(--font-size-texte)/120% "Lato-Regular";}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation p{margin:0;padding:0 22px 18px;background:#172834;color:#c6b69f;font: var(--font-size-texte)/120% "Lato-Regular";}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation:hover img{transform:scale(1.05);}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation:hover a{box-shadow:0 20px 40px rgba(0,0,0,.25);}
.bloc_item.realisations .bloc_item.contenu .bloc_item.grille .bloc_item.realisation:hover h3{color:#d7c0a0;}

.bloc_item.acompagnement .bloc_item.contenu{align-items: center;background:#edeceb;column-gap: 2vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;margin-top: -1vh;padding: 3% 5%;position: relative;row-gap: 5vh;z-index: 5;}
.bloc_item.acompagnement .bloc_item.contenu .content1{display: flex;flex: 0 0 44%;flex-direction: column;row-gap: 2vh;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .titre{position: relative;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .titre h3{margin:0;color:#24303a;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .titre h2{margin:0;color:#24303a;font: var(--font-size-titre-h1)/90% "CormorantGaramond-Light",serif;text-transform:uppercase;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .textes{display:flex;justify-content:space-between;align-items:flex-start;gap:41px}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte{position:relative;flex:0 0 16%;text-align:center;padding-top:90px}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:88px;height:88px;background-position:center;background-repeat:no-repeat;background-size:contain}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:not(:last-child):after{content:"";position:absolute;top:39px;right:-47px;width:52px;height:10px;background:url(images/cpso-fleche-accompagnement.png) center no-repeat;background-size:contain}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte h2{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Regular";padding: 8% 0;text-transform:initial;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte h3{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Bold";padding: 8% 0;text-transform:uppercase;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte p{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Regular";padding: 8% 0;text-transform:initial;}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:nth-child(1):before{background-image:url(images/cpso-icone-acompagnement-01.png)}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:nth-child(2):before{background-image:url(images/cpso-icone-acompagnement-02.png)}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:nth-child(3):before{background-image:url(images/cpso-icone-acompagnement-03.png)}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:nth-child(4):before{background-image:url(images/cpso-icone-acompagnement-04.png)}
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte:nth-child(5):before{background-image:url(images/cpso-icone-acompagnement-05.png)}
.bloc_item.acompagnement .bloc_item.contenu .content2 {column-gap: 6vh;flex: 0 0 51%;display: flex;flex-direction: row;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2{align-self: start;align-items: start;display: flex;flex: 0 0 40%;flex-direction: column;justify-content: start;position: relative;row-gap: 2vh;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h3)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 h3{color: #24303a;column-gap: 4vh;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 p span{font: var(--font-size-texte)/150% "CormorantGaramond-Light";}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 a{color: #24303a;font: var(--font-size-texte)/100% "Lato-Regular";}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 ul li:before{background: #24303a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle, .bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .more{padding: 0;margin: 0;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle strong, .bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .more strong{color: #24303a;font-family: "Lato-Regular"mal;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less{text-align: left;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .more h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 10px 0;text-transform: uppercase;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .more ul{margin-bottom: 1vh;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less .button-read-more{border: 0;border-radius: 42px;color: #24303a;display: inline-block;font:var(--font-size-titre-h2)/120% "Lato-Regular"; letter-spacing: 2px;padding: 16px 26px;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less .button-read-more:hover{color: #c6b69f;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less.active .button-read-more, .bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less .button-read-less{display: none}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less.active .button-read-less{border: 0;color: #24303a;display: inline-block;font:var(--font-size-titre-h2)/120% "Lato-Regular"; letter-spacing: 2px;padding: 16px 26px;position: relative;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2 .toggle .less.active .button-read-less:hover{color: #c6b69f;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2{align-items: center;display: flex;flex: 0 0 54%;flex-direction: column;height: auto;row-gap: 4vh;z-index: 1;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .carousel .carousel-inner{cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .carousel .carousel-inner .item img{max-height: 534px;max-width: 836px;width: 100%;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .fleche_gauche_primary{left: -31px;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .fleche_gauche_primary img{height: 66px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .fleche_droite_primary{right: -31px;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .fleche_droite_primary img{height: 66px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .bloc_item.estampille{align-items: center;column-gap: 8vw;display: flex;position: relative;}
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2 .bloc_item.estampille img{max-height: 493px; max-width: 474px; width: 100%;}

.bloc_item.renovation .bloc_item.contenu{align-items: center;background: #e9e7e5;column-gap: 2vw;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;margin-top: -1vh;padding: 0;position: relative;row-gap: 5vh;z-index: 5;}
.bloc_item.renovation .bloc_item.contenu .content2{background: #e5e3e1;display: flex;flex: 0 0 38%;flex-direction: column;padding: 7vh 6vw 7vh 4vw;row-gap: 7vh;}
.bloc_item.renovation .bloc_item.contenu .content2 .titre{display: flex;flex-direction: column;position: relative;row-gap: 2vh;}
.bloc_item.renovation .bloc_item.contenu .content2 .titre h3{margin:0;color:#24303a;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.renovation .bloc_item.contenu .content2 .titre h2{margin:0;color:#24303a;font: var(--font-size-titre-h1)/90% "CormorantGaramond-Light",serif;text-transform:uppercase;}
.bloc_item.renovation .bloc_item.contenu .content2 .textes{display:flex;justify-content:space-between;align-items:flex-start;gap:41px}
.bloc_item.renovation .bloc_item.contenu .content2 .texte{position:relative;flex:0 0 16%;text-align:center;padding-top:63px}
.bloc_item.renovation .bloc_item.contenu .content2 .texte:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:63px;height:53px;background-position:center;background-repeat:no-repeat;background-size:contain}
.bloc_item.renovation .bloc_item.contenu .content2 .texte h2{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Regular";padding: 10px 0;text-transform:initial;}
.bloc_item.renovation .bloc_item.contenu .content2 .texte h3{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Bold";padding: 10px 0;text-transform:uppercase;}
.bloc_item.renovation .bloc_item.contenu .content2 .texte p{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Regular";padding: 10px 0;text-transform:initial;}
.bloc_item.renovation .bloc_item.contenu .content2 .texte:nth-child(1):before{background-image:url(images/cpso-icone-reno-01.png)}
.bloc_item.renovation .bloc_item.contenu .content2 .texte:nth-child(2):before{background-image:url(images/cpso-icone-reno-02.png)}
.bloc_item.renovation .bloc_item.contenu .content2 .texte:nth-child(3):before{background-image:url(images/cpso-icone-reno-03.png)}
.bloc_item.renovation .bloc_item.contenu .content2 .texte:nth-child(4):before{background-image:url(images/cpso-icone-reno-04.png)}
.bloc_item.renovation .bloc_item.contenu .content1 {column-gap: 6vh;flex: 0 0 60%;display: flex;flex-direction: row;justify-content: center;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2{align-self: start;align-items: start;display: flex;flex: 0 0 23%;flex-direction: column;justify-content: start;position: relative;row-gap: 2vh;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h3)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 h3{color: #24303a;column-gap: 4vh;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 p span{font: var(--font-size-texte)/150% "CormorantGaramond-Light";}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 a{color: #24303a;font: var(--font-size-texte)/100% "Lato-Regular";}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2 ul li:before{background: #24303a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille{position: relative;flex: 0 0 57%;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie{background: transparent;column-count: 2;column-gap: 1vw;flex: 0 0 100%;margin: 0;padding: 0;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image{break-inside: avoid;display: block;overflow: hidden;position: relative;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image img{height: 100%;width: 100%;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image.bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "articulat-cf";font-weight:400;padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: auto;z-index: 2;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image .bloc_item.bouton{align-items: center;background: rgba(22,58,136,0.5);background-size: 100% 100%;display: flex;justify-content: center;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image .bloc_item.bouton p{background:#fc722b;border-radius: 20px;color: #FFFFFF;margin: 0;padding: 3% 13%;font: var(--font-size-texte)/100% "Raleway-Regular"}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image .bloc_item.legende{align-items: center;background: #ededeb;display: flex;justify-content: center;opacity: 1;padding: 30px 0;position: relative;text-align: center;top: 0;width: 100%;height: 100%;z-index: 1;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image .bloc_item.legende h2{margin:0;color:#24303a;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.renovation .bloc_item.contenu .bloc_item.grille .bloc_item.galerie .bloc_item.image:hover .bloc_item.bouton{opacity: 1;-webkit-transition-delay: 0.25s; transition-delay: 0.25s;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}


.bloc_item.article{background: transparent;}    
.bloc_item.article .bloc_item.contenu{align-items: center;background: #f7f7f7;background-position-x: center;background-position-y: 59%;background-size: 100%;column-gap: 9vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: end;margin-bottom: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-top: 10vh;position: relative;row-gap: 0;z-index: 10;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1{column-gap: 4vw;display: flex;padding: 0 0 10vh 2vw;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.social{align-items: flex-start;display: flex;flex: 0 0 8%;flex-direction: column;padding-top: 5%;position: relative;row-gap: 1.5vh;z-index: 10;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.social a{position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.social a img{max-width: 50px;width: 50px;-webkit-transition: all 0.5s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.social a:hover img{width: 110%;-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre{align-self: start;align-items: start;display: flex;flex: 0 0 26%;flex-direction: column;justify-content: start;position: relative;padding-left: 0;padding-right: 0;padding-top: 5%;row-gap: 2vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre h1{color: #24303a;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre h2{color: #9c8574;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre h3{color: #24303a;column-gap: 4vh;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre p{color: #24303a;font: var(--font-size-texte)/178% "Lato-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre p span{font: var(--font-size-texte)/150% "CormorantGaramond-Light";}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre ul li:before{background: #24303a;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre .button{background: #c6b69f;border-radius: 25px;flex: 0 0 60%;padding: 8px 27px 8px 9px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre .button a{align-items: center;column-gap: 16px;display: flex;margin: 0;padding: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre .button a img{max-width: 18px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre .button a p{color: #24303a;font: var(--font-size-quali-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama{display: flex;flex: 0 0 51%;height: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .carousel{flex: 1 0 100%;position: relative;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .carousel .carousel-inner{border-radius: 10px;cursor: pointer;list-style: none;margin-bottom: 0;overflow: hidden;position: relative;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .carousel .carousel-inner .item img{max-height: 626px;max-width: 980px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .carousel-control{background: transparent;opacity: 1;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .fleche_gauche_primary{left: 10px;position: absolute;top: 0;bottom: 0;margin: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .fleche_gauche_primary img{height: 41px;top: 0;bottom: 0;margin: auto ;position: absolute;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .fleche_droite_primary{right: 10px;position: absolute;top: 0;bottom: 0;margin: auto ;}
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama .fleche_droite_primary img{height: 41px;top: 0;bottom: 0;margin: auto ;position: absolute;right: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2{background: #FFFFFF;display: flex;flex: 0 0 38%;flex-direction: column;padding: 7vh 6vw 5vh 4vw;row-gap: 7vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .titre{align-items: center;display: flex;flex-direction: column;position: relative;row-gap: 2vh;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .titre h3{margin:0;color:#24303a;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .titre h2{margin:0;color:#24303a;font: var(--font-size-titre-h1)/90% "CormorantGaramond-Light",serif;text-transform:uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .textes{display:flex;justify-content:space-between;align-items:flex-start;gap:41px}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte{position:relative;flex:0 0 16%;text-align:center;padding-top:63px}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:95px;height:60px;background-position:center;background-repeat:no-repeat;background-size:contain}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte h2{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Regular";padding: 10px 0;text-transform:initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte h3{margin:0;color:#24303a;font: var(--font-size-texte)/100% "Lato-Bold";padding: 10px 0;text-transform:uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte p{margin:0;color:#24303a;font: var(--font-size-texte)/175% "Lato-Regular";padding: 10px 0;text-transform:initial;}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte:nth-child(1):before{background-image:url(images/cpso-icone-article-01.png)}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte:nth-child(2):before{background-image:url(images/cpso-icone-article-02.png)}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte:nth-child(3):before{background-image:url(images/cpso-icone-article-03.png)}
.bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte:nth-child(4):before{background-image:url(images/cpso-icone-article-04.png)}
.bloc_item.article .bloc_item.contenu .bloc_item.content3{align-items: start;background:#071825;column-gap: 2vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: start;margin-top: -1vh;padding: 3% 6%;position: relative;row-gap: 5vh;z-index: 5;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.titre{display:flex;flex-direction:column;gap:1vw;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.titre h3{margin:0;color:#c6b69f;font: var(--font-size-titre-h2)/100% "Lato-Regular";text-transform:uppercase;letter-spacing:2px;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.titre h2{margin:0;color:#fff;font: var(--font-size-titre-h1)/90% "CormorantGaramond-Light",serif;text-transform:uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation{overflow:hidden;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation a{display:block;text-decoration:none;transition:.4s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .8s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation h3{margin:0;padding:18px 22px 6px;background:#172834;color:#fff;font: var(--font-size-texte)/120% "Lato-Regular";}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation p{margin:0;padding:0 22px 18px;background:#172834;color:#c6b69f;font: var(--font-size-texte)/120% "Lato-Regular";}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation:hover img{transform:scale(1.05);}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation:hover a{box-shadow:0 20px 40px rgba(0,0,0,.25);}
.bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille .bloc_item.realisation:hover h3{color:#d7c0a0;}

/*.bloc_categorie.prestations{background: #FFFFFF;}
.bloc_categorie.prestations .bloc_item.contenu{align-items: center;column-gap: 6vw;display: flex;flex-direction: column;justify-content: center;margin: 0;padding: 0;position: relative;z-index: 1;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre{aspect-ratio: 1920/726;background: url(images/cpso-fond-produits.png) no-repeat;background-position: top left;background-size: 100%;display: flex;flex-direction: column;padding: 0 13vw;position: relative;row-gap: 2vh;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte{align-items: start;display: flex;flex-direction: column;padding-right: 29vw;padding-top: 29vh;row-gap: 1vh;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte h1{color: #FFFFFF;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte h2{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte h2:before{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte h2:after{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte p{color: #FFFFFF;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding:2vh 9% 3vh 0;text-transform: initial;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte .button{background: linear-gradient(#9c8574, #510d19);border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 5px rgba(255,255,255,.07);flex: 0 0 auto;padding: 11px 28px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.titre .bloc_item.texte .button a{align-items: center;color: #FFFFFF;column-gap: 37px;display: flex;font: var(--font-size-slogan-a)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites{background: linear-gradient(#9c8574, #510d19);border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 10px rgba(255,255,255,.15);column-gap: 4vw;flex: 0 0 auto;display: flex; justify-content: center;margin-top: -4%;padding: 6vh 0;position: relative;width: 83%;z-index: 10;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite{display: flex;flex: 0 0 20%;column-gap: 10px;justify-content: space-between;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:after{background: #FFFFFF;content: '';display: block;height: 100%;margin-top: 0;position: relative;width: 1px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:last-of-type:after{display: none;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:nth-of-type(1):before{background: url(images/cpso-icone-qualite-01.png) no-repeat;content: '';display: block;flex: 0 0 51px;height: 51px;position: relative;width: 51px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:nth-of-type(2):before{background: url(images/cpso-icone-qualite-02.png) no-repeat;content: '';display: block;flex: 0 0 51px;height: 51px;position: relative;width: 51px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:nth-of-type(3):before{background: url(images/cpso-icone-qualite-03.png) no-repeat;content: '';display: block;flex: 0 0 51px;height: 51px;position: relative;width: 51px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite:nth-of-type(4):before{background: url(images/cpso-icone-qualite-04.png) no-repeat;content: '';display: block;flex: 0 0 51px;height: 51px;position: relative;width: 51px;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite .bloc_item.content{display: flex;flex: 0 0 75%; flex-direction: column;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite .bloc_item.content h2{color: #24303a;font: var(--font-size-quali-h2)/120% "Lato-Bold";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.contenu .bloc_item.qualites .bloc_item.qualite .bloc_item.content p{color: #FFFFFF;font: var(--font-size-quali-p)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}
.bloc_categorie.prestations .bloc_item.grille{padding: 16vh 0;position: relative;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content{align-items: center;display: flex;flex-direction: column;justify-content: center;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie{background: transparent;column-count: 7;column-gap: 3vw;margin: 0;padding:0 6vw;position: relative;z-index: 0;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a{break-inside: avoid;display: block;margin-bottom: 5vh;overflow: hidden;position: relative;transition: -webkit-transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a img{height: 100%;width: 100%;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a.bloc_legende{background: rgba(5,30,43,0.9);bottom: 0;color: #FFFFFF;font: 18px/100% "Lato-Regular";padding: 1.5vh 1vw;position: absolute;text-align: center;text-transform: uppercase;width: auto;z-index: 2;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton{align-items: center;background: rgba(22,58,136,0.5);background-size: 100% 100%;display: flex;justify-content: center;opacity: 0;position: absolute;text-align: center;top: 0;width: 100%;height: 100%;transition: opacity 0.3s ease-in-out;z-index: 1;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a .bloc_item.bouton p{background:#fc722b;border-radius: 20px;color: #FFFFFF;margin: 0;padding: 3% 13%;font: var(--font-size-texte)/100% "Raleway-Regular"}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a .bloc_item.legende{align-items: center;background: linear-gradient(#9c8574, #510d19);border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 5px rgba(255,255,255,.07);display: flex;flex-direction: column;justify-content: center;opacity: 1;padding: 15px;position: relative;row-gap: 15px;top: 0;width: 100%;height: 100%;z-index: 1;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a .bloc_item.legende h2{color: #24303a;font: var(--font-size-titre-h2)/100% "Lato-Regular";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a .bloc_item.legende p{color: #FFFFFF;font: var(--font-size-texte)/100% "Lato-Regular";margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.galerie a:hover .bloc_item.bouton{opacity: 1;-webkit-transition-delay: 0.25s; transition-delay: 0.25s;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales{display: flex; flex-direction: row;justify-content: center;padding: 0 6vw;position: relative;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local{align-items: start;display: flex;flex: 0 0 34%;flex-direction: column;padding-top: 10vh;row-gap: 1vh;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local h3{color: #24303a;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local h3:before{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local h3:after{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local h2{color: #9c8574;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local h4{color: #9c8574;display: flex;flex-direction: column;font: var(--font-size-titre-h2)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding:2vh 12% 3vh 0;text-transform: initial;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local ul li:before{background: #9c8574;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1.1rem;width: 6px;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local .button{background: linear-gradient(#9c8574, #510d19);border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 5px rgba(255,255,255,.07);flex: 0 0 auto;padding: 11px 28px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_categorie.prestations .bloc_item.grille .bloc_item.content .bloc_item.locales .bloc_item.local .button a{align-items: center;color: #FFFFFF;column-gap: 37px;display: flex;font: var(--font-size-slogan-a)/120% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_categorie.prestations .bloc_item.controls{column-gap: 5px;display: flex;flex-wrap: wrap;justify-content: center;padding-bottom: 5vh;row-gap : 10px;}
.bloc_categorie.prestations .bloc_item.controls:after{background: url(images/cpso-epi-02.png) no-repeat;content: '';display: block;height: 241px;left: 0;margin: auto;position: absolute;right: 0;top: -90%;width: 223px;z-index: -1;}
.bloc_categorie.prestations .bloc_item.controls button{align-items: start;background: linear-gradient(#9c8574, #510d19);border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.3),inset 0 0 5px rgba(255,255,255,.07);border: none;display: flex;justify-content: start;padding: 18px 35px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_categorie.prestations .bloc_item.controls button:hover, .bloc_categorie.cuvee .bloc_item.controls button.mixitup-control-active{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_categorie.prestations .bloc_item.controls button span{align-items: center;color: #FFFFFF;display: flex;font: var(--font-size-slogan-a)/120% "Lato-Regular";justify-content: flex-start;position: relative;text-transform: uppercase;z-index: 21;}
.bloc_categorie.prestations .bloc_item.controls button:hover span, .bloc_categorie.prestations .bloc_item.controls button.mixitup-control-active span{color: #24303a;}*/

.bloc_contact{background: transparent;}
.bloc_contact .bloc_contenu{align-items: center;background: #f7f7f7;background-position-x: center;background-position-y: 59%;background-size: 100%;column-gap: 9vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: end;margin-bottom: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-top: 10vh;position: relative;row-gap: 0;z-index: 10;}
.bloc_contact .bloc_contenu .bloc_item.texte{display: flex;flex: 0 0 95%;flex-wrap: wrap;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 55%;} 
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre{padding-bottom: 3vh;padding-left: 13px;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{color: #9c8574;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
/*.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1:before{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1:after{background: #24303a;content: '';display: block;height: 1px;margin-top: 12px;position: relative;width: 35px;}*/
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{color: #24303a;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs{padding:0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs .wpcf7-not-valid-tip{color: #9c8574;display: inline-block;font: 16px/150% "Lato-Regular";margin-bottom: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form{}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .wpcf7-response-output{color: #9c8574;border: 0;margin: 0;padding: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .flex_container{display: flex;flex-wrap: wrap;gap: 1rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_centre{flex: 1 0 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_gauche{display: flex;flex-direction: column;flex: 1 0 40%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_droite{display: flex;flex-direction: column;flex: 1 0 40%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group{margin-bottom: 1rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group p{margin: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group label{color: #24303a;display: inline-block;font: 16px/150% "Lato-Regular";margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group textarea{color: #24303a;font: 16px/150% "Lato-Regular";height: 28rem;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group select{background-image: none;border: 1px solid #24303a;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);display: block;font: 1.6rem/150% "Lato-Regular";height: 2.8rem;padding: 0.5rem 1rem;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input{color: #24303a;font: 16px/150% "Lato-Regular";}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]{align-items: center;background: #c6b69f;border-radius: 25px;display: flex;color: #24303a;font: var(--font-size-quali-h2)/120% "Lato-Regular";letter-spacing: 2px;justify-content: center;padding: 8px 0;text-transform: uppercase;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform:scale(1); -moz-transform:scale(1);-ms-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte{flex: 0 0 45%;position: relative;padding-left: 3vw;padding-top: 0;}
/*.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls{animation: mouvementTexteNegY 1s ease 1250ms backwards;display: flex;padding: 0;text-align: left;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button{background: #06084d;border: 1px solid transparent;border-radius: 10px;display: block;margin: 0 1.5rem 1.5rem 0;padding: 30px 33px;position: relative;width: auto;-webkit-transition: background .5s ease-out;-moz-transition: background .5s ease-out;-o-transition: background .5s ease-out;transition: background .5s ease-out;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button span{color: #FFFFFF;font: 1.6rem/100% "Lato-Regular";display: block;position: relative;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button:hover span, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_controls button.mixitup-control-active span{color: #d6bc54;}*/
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse{padding-top: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse iframe{height: 36.8rem;margin-bottom: 2.5rem;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse h2{color: #24303a;display: flex;flex-direction: column;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse h3{align-items: center;background: #24303a;border-radius: 35px;color: #FFFFFF;display: flex;font: var(--font-size-slogan-a)/150% "Lato-Regular";justify-content: center;padding: 21px 35px;text-transform: uppercase;width: 55%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding: 0;text-transform: initial;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a{align-items: start;color: #24303a;column-gap: 1rem;display: inline-flex;flex-wrap: wrap;font: 16px/100% "Lato-Regular";justify-content: start;margin-top: 7.5px;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a img{width: 22px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a p{color: #24303a;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone{column-gap: 2vw;display: flex;flex: 0 0 100%;flex-direction: column;justify-content: start;position: relative;text-align: center;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre{text-align: start;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre p{color: #24303a;font: 10px/210% "Lato-Regular"; letter-spacing: 5px;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre{align-items: center;background: #FFFFFF;border-radius: 105px;column-gap: 7px;display: flex;flex-wrap: wrap;justify-content: center;padding: 8px 25px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a:hover .bloc_cadre{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre img{align-self: center;margin-top: 0;width: 10px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse .bloc_item.telephone .bloc_item.cadre a .bloc_cadre p{align-self: center;color: #24303a;font: var(--font-size-texte)/100% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;}

.bloc_mention{background: transparent;}
.bloc_mention .bloc_contenu{align-items: center;background: #f7f7f7;background-position-x: center;background-position-y: 59%;background-size: 100%;column-gap: 9vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: end;margin-bottom: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-top: 10vh;position: relative;row-gap: 0;z-index: 10;}
.bloc_mention .bloc_contenu .bloc_item{flex: 1 0 100%}
.bloc_mention .bloc_contenu .bloc_item.titre{position: relative;}
.bloc_mention .bloc_contenu .bloc_item.titre h1{color: #9c8574;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_mention .bloc_contenu .bloc_item.detail{column-gap: 3vw;display: flex;flex: 1 0 100%;flex-wrap: wrap;padding: 3vw;position: relative;row-gap: 1.5vh;}
.bloc_mention .bloc_contenu .bloc_item.detail h2{color: #9c8574;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail p strong, .bloc_mention .bloc_contenu .bloc_item.detail a{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_mention .bloc_contenu .bloc_item.detail ul li{color: #24303a;flex: 1 0 100%;font: var(--font-size-texte)/150% "Lato-Regular";list-style: none;padding-left: 2rem;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail ul li:before{background: #9c8574;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 0.85rem;width: 6px;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{color: #24303a;flex: 1 0 30%;font: var(--font-size-titre-h1)/150% "Lato-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{border: 1px solid #9c8574;padding: 2.5rem;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h3{color: #9c8574;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detal .bloc_mentions .bloc_bordures p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: #9c8574;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: #24303a;font: 16px/150% "Lato-Regular";flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h3{color: #9c8574;column-gap: 1vw;display: flex;font: var(--font-size-titre-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a, .bloc_mention .bloc_contenu .bloc_texte .bloc_detail .bloc_infos p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover, .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos a:hover strong{color: #9c8574;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 7vw;}

.bloc_lost{background: transparent;}
.bloc_lost .bloc_contenu{align-items: center;background: #f7f7f7;background-position-x: center;background-position-y: 59%;background-size: 100%;column-gap: 9vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: end;margin-bottom: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-top: 10vh;position: relative;row-gap: 0;z-index: 10;}
.bloc_lost .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_lost .bloc_contenu .bloc_item.texte{display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{flex: 1 0 100%;position: relative;text-align: left;} 
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{color: #9c8574;display: flex;flex-direction: column;font: var(--font-size-titre-h1)/120% "CormorantGaramond-Light";letter-spacing: 2px;margin: 0;padding: 0;position: relative;text-transform: uppercase;z-index: 2;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre a, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre p{color: #24303a;font: var(--font-size-texte)/150% "Lato-Regular";}

#banner{display:block;height: auto;margin-top: -0.35%;position: relative;width: 100%;z-index: 10;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
#banner.scroll{margin-top: -2.75%;}
#banner img{height: 100%;width: 100%;}



/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{align-content: end;bottom: 0;display: block;flex-wrap: wrap;margin-top: 0;position: relative;z-index: 5;}
footer#main .bloc_item.contenu{align-items: center;background: #FFFFFF;column-gap: 4vw;display: flex;flex: 0 0 100%;flex-direction: column;justify-content: center;padding-bottom: 2%;padding-top: 2%;position: relative;row-gap: 4vh;}
footer#main .bloc_item.contenu .bloc_item.avis{flex: 0 0 100%;width: 80%;}
footer#main .bloc_item.contenu .bloc_item.content{align-items: start;background: #0e1c29;column-gap: 1vw;display: flex; flex-direction: row;flex-wrap: wrap;padding: 7vh 13vw 2vh 13vw;position: relative;row-gap: 3vh;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte{display: flex;flex: 0 0 30%;flex-direction: column;row-gap: 2vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.logo{align-self: start;flex: 0 0 39%;padding-bottom: 0;text-align: end;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.logo img{max-width: 161px;} 
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte p{color: #FFFFFF;font: var(--font-size-texte)/150% "Lato-Regular";}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.social{column-gap: 2%;display: flex;opacity: 1;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.social a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.social a:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.social img{max-width: 161px;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche{align-items: start;display: flex;flex: 0 0 19%;flex-direction: column;padding: 0;row-gap: 2vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche h2{color: #FFFFFF;font: var(--font-size-slogan-p)/140% "CormorantGaramond-Light";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche p{color: #FFFFFF;font: var(--font-size-texte)/150% "Lato-Regular";margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche .button{background: #c6b69f;border-radius: 25px;flex: 0 0 60%;padding: 8px 27px 8px 9px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche .button:hover{-webkit-transform: scale(0.95); -moz-transform: scale(0.95);-ms-transform: scale(0.95); -o-transform: scale(0.95);transform: scale(0.95);}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche .button a{align-items: center;column-gap: 16px;display: flex;margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche .button a img{max-width: 18px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche .button a p{color: #24303a;font: var(--font-size-quali-h2)/120% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}



/*footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte{align-items: center;display: flex;flex: 0 0 19%;flex-direction: column;justify-content: center;padding-bottom: 0;position: relative;row-gap: 2vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte h2{color: #FFFFFF;font: var(--font-size-tel)/140% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte  p{color: #FFFFFF;font: var(--font-size-texte)/140% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.adresse{align-items: start;display: flex;flex: 0 0 41%;flex-direction: column;justify-content: start;position: relative;row-gap: 2vh;text-align: center;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.adresse:before{background: #24303a;content: '';display: block;height: 2px;margin: auto;position: relative;width: 61px;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.adresse p{color: #FFFFFF;font: var(--font-size-texte)/140% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.horaires{align-self: start;column-gap: 1vw;display: flex;flex: 0 0 20%;padding-bottom: 0;text-align: center;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.horaires .bloc_item.horaire{display: flex;flex: 0 0 85%; flex-direction: column;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte .bloc_item.horaires .bloc_item.horaire p{color: #FFFFFF;font: var(--font-size-texte)/140% "Lato-Regular";letter-spacing: 0;margin: 0;padding: 0;text-transform: initial;}
footer#main .bloc_item.contenu .bloc_item.prevention{column-gap: 10px;display: flex;flex: 0 0 100%;flex-wrap: wrap;justify-content: center;padding: 0;padding-bottom: 1vh;position: relative;}
footer#main .bloc_item.contenu .bloc_item.prevention p{color: #FFFFFF;font: var(--font-size-texte)/140% "Lato-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}*/
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits{column-gap: 10px;display: flex;flex: 0 0 100%;flex-wrap: wrap;font: 14px/100% "Lato-Regular";justify-content: start;padding: 0;padding-bottom: 1vh;position: relative;row-gap: 2vh;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits:before{background: #FFFFFF;content: '';display: block;height: 1px;margin: auto;opacity: 0.3;position: relative;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits span{color: #FFFFFF; display:block;font: 12px/100% "Lato-Regular";margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits a{color: #FFFFFF;font: 11px/100% "Lato-Regular";letter-spacing: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits a:hover{color:#FFFFFF;}
footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits img.flag{height: 12px;max-width: 31px;margin-top: 3px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.zone{bottom: 0;position: absolute;right: 12%;z-index: 10;}
footer#main .bloc_item.contenu .bloc_item.zone img{max-width: 541px;} 


/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/

@media (hover: none) and (pointer: coarse) /* Appareils tactiles (mobiles + tablettes) */
{
  /*animations*/   
.bloc_banniere .bloc_item.contenu .bloc_item.slogan,
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama,
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre,
.bloc_item.realisations .bloc_item.contenu .bloc_item.titre,
.bloc_item.acompagnement .bloc_item.contenu .content1 .texte,
.bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.texte2,
.bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2,
.bloc_item.renovation .bloc_item.contenu .content2 .texte,
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.social,
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre,
.bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama,
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire,
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte,
.bloc_mention .bloc_contenu .bloc_item.titre,
.bloc_mention .bloc_contenu .bloc_item.detail,
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre
{opacity: 1;-webkit-animation: none !important;animation: none !important;}

}



@media only screen and (max-width: 1919px)  /*1600 x 900 */
{   
    .navigation-top .main-navigation .navbar-header{left: 10px;top: 10px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{right: 22px;top: 22px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 37%;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte{flex: 0 0 96%;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite .bloc_item.titre{flex: 0 0 58%;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.fleche{top: -33%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-top: 1%;}
    .bloc_item.presentation .bloc_item.contenu{column-gap: 2vw;}
    .bloc_item.acompagnement .bloc_item.contenu{flex-direction: column;}
    .bloc_item.renovation .bloc_item.contenu{flex-direction: column;flex-wrap: nowrap;}
    .bloc_item.renovation .bloc_item.contenu .content1{padding-top: 6vh;}
    .bloc_item.renovation .bloc_item.contenu .content1 .bloc_item.texte2{flex: 0 0 33%;}
    .bloc_item.renovation .bloc_item.contenu .content2{width: 100%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama{height: fit-content;}
    footer#main .bloc_item.contenu .bloc_item.content{padding: 7vh 13vw 2vh 4vw;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche{flex: 0 0 28%;}
    footer#main .bloc_item.contenu .bloc_item.zone{right: 0;}
    footer#main .bloc_item.contenu .bloc_item.zone img{width: 89%;}
    
    :root {
        --font-size-slogan-h2: 50px;
    }
}

@media only screen and (max-width: 1024px) /*and (orientation : landscape)   1024 x 768*/
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 14vw;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 117px;width: 117px;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 10vw;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-top: 39%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{top: 27vh;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.fleche{width: 7vw;top: -17%;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(1):before,
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(2):before,
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(3):before,
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(4):before{background-size: contain;flex: 0 0 5vw;height: auto;width: auto;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-right: 0%;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse iframe{width: 95%;}
    
}

@media screen and (max-width: 1024px)and (orientation : portrait) /*tablette portrait*/
{  
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 62%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{left: 42px;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite{align-items: center;flex-direction: column;}
    .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(1):before, .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(2):before, .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(3):before, .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite:nth-of-type(4):before{flex: 0 0 71px;width: 71px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{flex: 0 0 90%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{flex: 0 0 87%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{flex: 0 0 18%;margin-right: -21%;}
    .bloc_item.realisations .bloc_item.contenu{padding: 7% 6%;}
    .bloc_item.realisations .bloc_item.contenu .bloc_item.grille{grid-template-columns: repeat(2,1fr);}
    .bloc_item.renovation .bloc_item.contenu .content1{padding: 6vh 3vw;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content1{flex-wrap: wrap;justify-content: center;row-gap: 4vh;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.titre{flex: 0 0 80%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content1 .bloc_item.diaporama{flex: 0 0 90%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content2 .textes{flex-wrap: wrap;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content2 .texte{flex: 0 0 47%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content3{padding: 7% 6%;}
    .bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille{grid-template-columns: repeat(2,1fr);}
    
    .bloc_contact .bloc_contenu .bloc_item.texte,
    .bloc_mention .bloc_contenu .bloc_item.detail{flex-direction: column; flex-wrap: nowrap;padding: 0 3vw;}
    
    footer#main .bloc_item.contenu .bloc_item.content{flex-direction: column;flex-wrap: nowrap;padding: 7vh 4vw 2vh 4vw;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte p{padding-right: 59%;}
    footer#main .bloc_item.contenu .bloc_item.zone{bottom: auto;display: flex;justify-content: flex-end;margin: auto;top: auto;}
    footer#main .bloc_item.contenu .bloc_item.zone img{flex: 0 0 50%;width: 89%;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.accroche{align-items: center;align-self: center;}
    footer#main .bloc_item.contenu .bloc_item.content .bloc_item.credits{width: 100%;}
    
    :root {
 
   }
   
}
@media only screen and (max-width: 768px)  /* mobile */
{
   .navigation-top .main-navigation .navbar-header .navbar-brand img{width: 36vw;}
   .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 24vw;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{width: 100%;}
   .bloc_banniere .bloc_item.contenu .bloc_item.image{background: linear-gradient( to right, rgba(11, 32, 45, 0.8),rgba(11, 32, 45, 0.6) 56%, rgba(11, 32, 45, 0) 150%), url(images/cpso-cover.png) no-repeat;background-position: center;background-size: cover;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan{top: 37vh;width: 84vw;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan p{padding-right: 0;} 
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan h3{letter-spacing: 3px;}
   .bloc_item.qualites .bloc_item.contenu .bloc_item.fleche{width: 14vw;top: -2%;}
   .bloc_item.qualites .bloc_item.contenu .bloc_item.texte{flex-wrap: wrap;row-gap: 3vh;}
   .bloc_item.qualites .bloc_item.contenu .bloc_item.texte .bloc_item.qualite{flex: 1 0 40%;padding: 3vh 0 3vh 0;}
   .bloc_item.presentation .bloc_item.contenu .bloc_item.estampille{flex: 0 0 31%;margin-right: 0;}
   .bloc_item.realisations .bloc_item.contenu .bloc_item.grille{grid-template-columns: repeat(1,1fr);}
   .bloc_item.acompagnement .bloc_item.contenu .content1{display: none;}
   .bloc_item.acompagnement .bloc_item.contenu .content2{flex-direction: column;}
   .bloc_item.acompagnement .bloc_item.contenu .content2 .bloc_item.diaporama2{order: 2;}
   .bloc_item.renovation .bloc_item.contenu .content1{flex-direction: column;}
   .bloc_item.renovation .bloc_item.contenu .content2 .textes{flex-wrap: wrap;}
   .bloc_item.article .bloc_item.contenu .bloc_item.content1{padding: 0 3vw 10vh 3vw;}
   .bloc_item.article .bloc_item.contenu .bloc_item.content2 .textes{flex-wrap: nowrap;flex-direction: column;}
   .bloc_item.article .bloc_item.contenu .bloc_item.content3 .bloc_item.grille{grid-template-columns: repeat(1,1fr);}
   .bloc_mention .bloc_contenu .bloc_item.titre h1,
   .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{padding: 0 3vw;}
   #banner{display: flex;justify-content: center;}
   #banner img{width: auto;}
   footer#main .bloc_item.contenu .bloc_item.content{padding: 30vh 4vw 2vh 4vw;}
   footer#main .bloc_item.contenu .bloc_item.content .bloc_item.texte p{padding-right: 0;}
   footer#main .bloc_item.contenu .bloc_item.zone{margin-top: -15vh}
   
   
   
   
   :root {
    --font-size-slogan-h2: 38px;
    }
} 
@media screen and (min-width: 48em)
{    
    .js .menu-toggle, .js .dropdown-toggle{display: none;}
    .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul{display: block;} 
    
    
}