@charset "UTF-8";
/* 
    Theme Name: EURL Cabas Chape Fluide
    Theme URL: dbf-multi-services.fr
    Description: 
    Version: 1.0
    Author: Jonathan Castera pour Groupe Gedone
*/

/*--------------------------------------------------------------
/* Design
-------------------------------------------------------------- */
body{background: #333333;overflow-x: hidden;}
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% "Lexend-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;}

/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
.navigation-top{background: transparent;height: auto;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navigation-top.scroll{height: 165px;}
.navigation-top .main-navigation{background: transparent;box-shadow: none;display: flex;width: 100%;}
.navigation-top .main-navigation .navbar-header{background: transparent;flex: 1 0 35%;position: absolute;z-index: 11;}
.navigation-top .main-navigation .navbar-header .navbar-brand{background: transparent;clip-path: polygon(0% 0%, 100% 0%, 0% 100%);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: 750px;padding: 0;position: relative;z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;width: 100%;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 50%;}
.navigation-top .main-navigation .navbar-menu{flex: 1 0 70%;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-btn{align-items: center;background: rgba(145,30,18,0.9);cursor: pointer;display: flex;height: 150px;justify-content: center;max-width: 100%;padding: 0;position: absolute;right: 15px;top: 15px;width: 150px;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: 22px/100% "BigShoulders-Regular";letter-spacing: 5px;margin: 0 0 10px;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .barre{background: #FFFFFF;border-radius: 2px;display: block;height: 3px;margin: 0 0 5px 1px;position: relative;width: 90%;-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:hover .menu-container .barre{background: #4b4240;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active{background: transparent;}
.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;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: #4b4240;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .barre.top{transform: rotate(45deg);transform-origin: center;}
.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{top: -16px;transform: rotate(-45deg);transform-origin: center;}
.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(145,30,18,0.9);height: 100%;padding: 0;position: fixed;right: 0;top: 0;transform: translate3d(600px, 0px, 0px);width: 0;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{opacity: 1;width: 35%;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{margin: 0;padding-left: 100px;padding-right: 100px;position: relative;text-align: left;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li{animation: fadeInRight .4s ease forwards;animation-delay: .3s;display: block;margin-bottom: 0;padding: 0;position: relative;opacity: 0;transition: transform .3s ease-in-out;width: 100%;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:before{background: rgba(255,255,255,0.3);bottom: -15px;content: '';display: block;height: 1px;left: 0;margin: auto;position: absolute;width: 70%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:last-of-type:before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #FFFFFF;font: 25px/150% "BigShoulders-Bold";letter-spacing: 2px;padding-left: 20px;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: 0;margin: auto;position: absolute;top: 12.5px;width: 6px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover{background: transparent;color: #2b2220;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover:before{background: #2b2220;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #2b2220;} 
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a:before{background: #2b2220;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children{animation: none;opacity: 1;padding-top: 30px;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children:before{display: none;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a{color: #FFFFFF;font: 20px/150% "BigShoulders-ExtraLight";letter-spacing: 2px;padding-left: 20px;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{background: #FFFFFF;content: '';display: none;height: 6px;left: 0;margin: auto;position: absolute;top: 6px;width: 6px;}
.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 .sub-menu{display: flex;flex-wrap: wrap;gap: 15px 15px;justify-content: left;padding-bottom: 30px;padding-left: 20px;padding-top: 15px;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 1 0 100%;border: 0;border-radius: 0;height: auto;margin: 0;padding: 0;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:before{bottom: -10px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:last-of-type:before{display: block;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li.current-menu-item{}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{align-content: center;color: #FFFFFF;display: block;font: 25px/150% "BigShoulders-Bold";letter-spacing: 2px;padding: 0;padding-left: 20px;pointer-events: initial;position: relative;text-transform: uppercase;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:hover{color: #2b2220;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{display: block;top: 16.5px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:hover:before{background: #2b2220;}
.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: #2b2220;}
.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:before{background: #2b2220;}

@keyframes fadeInRight
{
    0%{opacity: 0;left: 30px;}
    100%{opacity: 1;left: 0px;}
}

/*--------------------------------------------------------------
/* Banniere
--------------------------------------------------------------*/
.bloc_banniere{position: relative;z-index: 1;}
.bloc_banniere .bloc_item.contenu{display: flex;height: 900px;overflow: hidden;}
.bloc_banniere .bloc_item.contenu .bloc_item.image{background: url(images/cabas-chape-accueil.jpg) 50% 0 no-repeat fixed;background-position-y: -150px;background-size: 100%;clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);overflow: hidden;position: relative;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan{left: 0;padding-left: 300px;padding-right: 100px;position: absolute;top: 55.5%;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan p{color: #4b4240;font: 30px/100% "BigShoulders-ExtraLight";letter-spacing: 5px;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan a{align-content: start;display: inline-flex;flex-wrap: wrap;margin-top: 30px;row-gap: 15px;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan a p{align-items: center;background: #4b4240;border-radius: 75px;column-gap: 10px;display: flex;flex-wrap: wrap;justify-content: left;margin: 0;padding: 10px 30px 10px 10px !important;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_banniere .bloc_item.contenu .bloc_item.slogan a:hover p{-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 a p img{max-width: 40px;width: 100%;}
.bloc_banniere .bloc_item.contenu .bloc_item.slogan a p span{color: #FFFFFF;flex: 0 0 auto;font: 40px/100% "BigShoulders-Regular";letter-spacing: 2px;margin: -1px 0 0;max-width: 100%;padding: 0;text-transform: uppercase;}
.bloc_banniere .bloc_item.contenu .bloc_item.fleche{bottom: 50px;flex: 1 0 100%;height: 118px;left: 0;margin: auto;position: absolute;right: 0;width: 118px;z-index: 3;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 2s infinite;}
.bloc_banniere .bloc_item.contenu .bloc_item.fleche a{background: url(images/cabas-chape-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}
.bloc_banniere .bloc_item.contenu a.devis{border: 0;bottom: -30px;left: 100px;position: absolute;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_banniere .bloc_item.contenu a.devis: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 a.devis img{max-width: 110px;width: 100%;}


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

@keyframes mouvementImageY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-81px);}
}

@keyframes mouvementTexteY
{
    0%{transform: translateY(0);}
    100%{transform: translateY(-81px);}
}

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

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

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

/*--------------------------------------------------------------
/* 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;}

@-webkit-keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInUp
{
    0%{opacity: 0;transform: translateY(50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInDown
{
    0%{opacity: 0;transform: translateY(-50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInleft
{
    0%{opacity: 0;transform: translateX(50%);}
    100%{opacity: 1;transform: none;}
}
@-webkit-keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-50%);}
    100%{opacity: 1;transform: none;}
}
@keyframes slideInRight
{
    0%{opacity: 0;transform: translateX(-50%);}
    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(-30px);}
    60%{transform: translateY(-15px);}
}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_item.presentation .bloc_item.contenu{background: url(images/cabas-chape-fond.png) no-repeat;background-position-y: -50px;display: flex;flex-wrap: wrap;margin-bottom: -350px;margin-top: -100px;min-height: 1250px;padding-top: 300px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre{flex: 1 0 45%;padding-left: 400px;padding-right: 50px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;width: 130%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre hr{background: #988f8d;border: 0;height: 2px;margin-bottom: 30px;margin-left: 0;margin-top: 30px;width: 115px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #352f2d;font: 18px/150% "BigShoulders-Bold";}
.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: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: 18px/100% "BigShoulders-Regular";gap: 10px;margin-top: 15px;position: relative;text-transform: uppercase;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: center;background: #911e12;background-size: 100%;border-radius: 0;column-gap: 15px;display: flex;padding: 15px 20px 15px 15px ;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton: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 a.bouton img{max-width: 35px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social{left: 0;position: absolute;top: -100px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a{align-items: center;background: #4b4240;background-size: 100% 100%;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 5px 5px 5px 30px;position: relative;-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.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a:hover{padding: 5px 5px 5px 70px;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 34px;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.image{flex: 1 0 45%;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{align-content: flex-start;column-gap: 30px;display: flex;flex: 1 0 45%;flex-wrap: wrap;padding-right: 100px;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel{width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;cursor: initial;height: auto;list-style: none;margin-bottom: 0;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: none;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control{background: transparent;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: 25px;position: absolute;top: 40%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: 25px;position: absolute;top: 40%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}

.bloc_item.expertise .bloc_item.contenu{display: flex;flex-wrap: wrap;margin-bottom: -500px;position: relative;z-index: 1;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre{align-content: flex-end;flex: 1 0 30%;padding-left: 100px;padding-right: 200px;position: relative;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;width: 100%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre hr{background: #988f8d;border: 0;height: 2px;margin-bottom: 30px;margin-left: 0;margin-top: 30px;width: 115px;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #352f2d;font: 18px/150% "BigShoulders-Bold";}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre ul li{color: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: 18px/100% "BigShoulders-Regular";gap: 10px;margin-top: 15px;position: relative;text-transform: uppercase;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: center;background: #911e12;background-size: 100%;border-radius: 0;column-gap: 15px;display: flex;padding: 15px 20px 15px 15px ;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.titre a.bouton: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.expertise .bloc_item.contenu .bloc_item.titre a.bouton img{max-width: 35px;width: 100%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.image{flex: 1 0 45%;position: relative;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama{align-content: flex-start;column-gap: 30px;display: flex;flex: 1 0 45%;flex-wrap: wrap;order: -1;padding-left: 250px;position: relative;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel{width: 100%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel:before{background: url(images/cabas-chape-plus.png) no-repeat;background-size: 100%;content: '';display: block;height: 41px;margin: auto;position: absolute;right: -35px;top: -35px;width: 41px;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;cursor: initial;height: auto;list-style: none;margin-bottom: 0;z-index: 1;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: none;width: 100%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control{background: transparent;z-index: 1;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control.left{text-align: left;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control.right{text-align: right;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 40%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{width: 100%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 40%;}
.bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}

.bloc_item.categorie.prestation .bloc_item.contenu{background: url(images/cabas-chape-fond3.png) no-repeat;background-position-y: 100px;display: flex;flex-wrap: wrap;margin-bottom: -500px;min-height: 1050px;padding-top: 500px;position: relative;z-index: 1;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre{flex: 1 0 45%;flex-wrap: wrap;padding-left: 400px;padding-right: 100px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre h2{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre h3{color: #4b4240;font: 22px/100% "BigShoulders-Black";margin: 0 0 5px;padding: 0;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre hr{background: #988f8d;border: 0;height: 2px;margin-bottom: 5px;margin-left: 0;margin-top: 15px;width: 115px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a{color: #352f2d;font: 18px/150% "BigShoulders-Bold";}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre ul li{color: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: 18px/100% "BigShoulders-Regular";gap: 10px;margin-top: 15px;position: relative;text-transform: uppercase;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: center;background: #911e12;background-size: 100%;border-radius: 0;column-gap: 15px;display: flex;padding: 15px 20px 15px 15px ;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton: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.categorie.prestation .bloc_item.contenu .bloc_item.titre a.bouton img{max-width: 35px;width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.devis{border: 0;left: 100px;position: absolute;top: 245px;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.devis: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.categorie.prestation .bloc_item.contenu .bloc_item.titre a.devis img{max-width: 110px;width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.social{left: 0;position: absolute;top: 50px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.social a{align-items: center;background: #4b4240;background-size: 100% 100%;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 5px 5px 5px 30px;position: relative;-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.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.social a:hover{padding: 5px 5px 5px 70px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 34px;width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls{column-gap: 10px;display: flex;flex-wrap: wrap;justify-content: left;row-gap : 10px;width: 200%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button{background: #4b4240;border: 0;border-radius: 0;padding: 15px 15px;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_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button span{color: #988f8d;font: 18px/100% "BigShoulders-Regular";letter-spacing: 0;display: block;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button:hover, .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button.mixitup-control-active{background: #988f8d;border: 0;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button:hover span, .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button.mixitup-control-active span{color: #4b4240;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte{flex: 1 0 100%;padding-top: 30px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix{display: flex;flex-wrap: wrap;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos{flex: 1 0 50%;padding-left: 400px;padding-right: 50px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos h2{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0 0 15px;padding: 0;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos h3{color: #4b4240;font: 22px/100% "BigShoulders-Black";margin: 0 0 15px;padding: 0;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos p strong, .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a{color: #352f2d;font: 18px/150% "BigShoulders-Bold";}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos ul li{color: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: 18px/100% "BigShoulders-Regular";letter-spacing: 2px;gap: 10px;margin-top: 15px;position: relative;text-transform: uppercase;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a.bouton .bloc_cadre{align-items: center;background: #911e12;background-size: 100%;border-radius: 0;column-gap: 15px;display: flex;padding: 10px 20px 10px 10px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a.bouton: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.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a.bouton img{max-width: 35px;width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos a.bouton span{letter-spacing: 1px;margin-top: -1px;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama{flex: 1 0 35%;margin-top: -150px;padding-right: 100px;position: relative;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel{}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;cursor: pointer;height: auto;list-style: none;margin-bottom: 0;z-index: 1;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: none;width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel .carousel-control{background: transparent;z-index: 1;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel .carousel-control.left{text-align: left;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .carousel .carousel-control.right{text-align: right;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;text-align: left;top: 45%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_gauche_primary img{width: 100%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;text-align: right;top: 45%;}
.bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}

.bloc_item.article .bloc_item.contenu{background: url(images/cabas-chape-fond3.png) no-repeat;background-position-y: 100px;display: flex;flex-wrap: wrap;margin-bottom: -500px;min-height: 1050px;padding-top: 500px;position: relative;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre{flex: 1 0 45%;padding-left: 400px;padding-right: 100px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h2{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h3{color: #4b4240;font: 22px/100% "BigShoulders-Black";margin: 0 0 5px;padding: 0;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre hr{background: #988f8d;border: 0;height: 2px;margin-bottom: 20px;margin-left: 0;margin-top: 15px;width: 115px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.article .bloc_item.contenu .bloc_item.titre a{color: #352f2d;font: 18px/150% "BigShoulders-Bold";}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul li{color: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: 18px/100% "BigShoulders-Regular";gap: 10px;margin-top: 15px;position: relative;text-transform: uppercase;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: center;background: #911e12;background-size: 100%;border-radius: 0;column-gap: 15px;display: flex;padding: 15px 20px 15px 15px ;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton: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.titre a.bouton img{max-width: 35px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.devis{border: 0;left: 100px;position: absolute;top: 245px;z-index: 2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;-ms-transition: all 0.7s ease;transition: all 0.7s ease;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.devis: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.titre a.devis img{max-width: 110px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social{left: 0;position: absolute;top: 50px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a{align-items: center;background: #4b4240;background-size: 100% 100%;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 15px;padding: 5px 5px 5px 30px;position: relative;-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.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a:hover{padding: 5px 5px 5px 70px;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 34px;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.image{flex: 1 0 45%;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama{align-content: flex-start;column-gap: 30px;display: flex;flex: 1 0 30%;flex-wrap: wrap;padding-right: 100px;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel{width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner{border-radius: 0;cursor: pointer;height: auto;list-style: none;margin-bottom: 0;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-inner .item img{max-width: none;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control{background: transparent;z-index: 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control.left{text-align: left;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .carousel .carousel-control.right{text-align: right;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary{left: 0;position: absolute;top: 40%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img{width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary{right: 0;position: absolute;top: 40%;}
.bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{width: 100%;}

.bloc_contact .bloc_contenu{align-content: flex-start;background: url(images/cabas-chape-fond3.png) no-repeat;background-position-y: 100px;display: flex;flex-wrap: wrap;margin-top: 175px;margin-bottom: -700px;min-height: 1392px;padding-top: 275px;position: relative;z-index: 1;}
.bloc_contact .bloc_contenu .bloc_item{flex: 1 0 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte{column-gap: 50px;display: flex;flex: 1 0 100%;flex-wrap: wrap;padding-left: 100px;padding-right: 100px;position: relative;row-gap: 50px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 45%;} 
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre{position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{color: #4b4240;display: block;font: 22px/100% "BigShoulders-Black";margin: 0;padding: 0;position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre hr{background: #988f8d;border: 0;height: 2px;margin-bottom: 20px;margin-left: 0;margin-top: 15px;width: 115px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs{padding-top: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs .wpcf7-not-valid-tip{color: #e81b0c;display: inline-block;font: 18px/150% "BigShoulders-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{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: 10px;}
.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 180px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .bloc_droite{display: flex;flex-direction: column;flex: 1 0 180px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group{margin-bottom: 10px;}
.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: #352f2d;display: inline-block;font: 18px/150% "BigShoulders-Regular";margin-bottom: 0;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group textarea{color: #352f2d;font: 18px/150% "BigShoulders-Regular";height: 280px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group select{background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);display: block;height: 28px;padding: 5px 10px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input{color: #352f2d;font: 18px/150% "BigShoulders-Regular";height: 28px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_champs form .form-group input[type="submit"]{background: #911e12;border: 0;border-radius: 0;color: #FFFFFF;font: 18px/100% "BigShoulders-Regular";display: inline-block;height: auto;letter-spacing: 5px;padding: 20px 30px;text-transform: uppercase;;width: auto;-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{align-content: baseline;display: flex;flex: 1 0 45%;flex-wrap: wrap;position: relative;row-gap: 25px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte iframe{flex: 1 0 100%;height: 657px;width: 100%;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse{position: relative;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse h2{color: #4b4240;font: 22px/100% "BigShoulders-Black";letter-spacing: 0;margin: 0 0 10px;padding: 0;text-transform: uppercase;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a, .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse p{color: #352f2d;font: 18px/125% "BigShoulders-Regular";}
.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.90);transform:scale(0.95);}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a.phones{align-items: center;column-gap: 10px;display: inline-flex;flex-wrap: wrap;padding: 0;position: relative;-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_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a.phones img{flex: 1 0 auto;height: 18px;}
.bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte .bloc_adresse a.phones p{align-self: baseline;color: #352f2d;font: 18px/150% "BigShoulders-Regular";margin: 0;position: relative;}

.bloc_mention .bloc_contenu{align-content: flex-start;background: url(images/cabas-chape-fond3.png) no-repeat;background-position-y: 100px;display: flex;flex-wrap: wrap;margin-top: 175px;margin-bottom: -500px;min-height: 1392px;padding-left: 100px;padding-right: 100px;padding-top: 275px;position: relative;z-index: 1;}
.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: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0 0 15px;padding: 0;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail{column-gap: 30px;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 15px;}
.bloc_mention .bloc_contenu .bloc_item.detail h2{color: #4b4240;font: 22px/100% "BigShoulders-Black";margin: 0 0 15px;padding: 0;position: relative;text-transform: uppercase;}
.bloc_mention .bloc_contenu .bloc_item.detail p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail p strong, .bloc_mention .bloc_contenu .bloc_item.detail a{font: 18px/150% "BigShoulders-Bold";}
.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: #352f2d;flex: 1 0 100%;font: 18px/150% "BigShoulders-Regular";list-style: none;padding-left: 20px;position: relative;}
.bloc_mention .bloc_contenu .bloc_item.detail ul li:before{background: #352f2d;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{color: #352f2d;flex: 1 0 30%;font: 18px/150% "BigShoulders-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures{border: 1px solid #352f2d;padding: 25px;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{color: #4b4240;font: 22px/100% "BigShoulders-Black";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: #352f2d;font: 18px/150% "BigShoulders-Regular";}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures a:hover{color: #911e12;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos{color: #352f2d;font: 18px/150% "BigShoulders-Regular";flex: 1 0 60%;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{color: #4b4240;font: 22px/100% "BigShoulders-Black";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: #352f2d;font: 18px/150% "BigShoulders-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: #911e12;}
.bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos img{max-width: 72px;}

.bloc_lost .bloc_contenu{display: flex;flex-wrap: wrap;margin-bottom: -500px;padding-bottom: 100px;padding-left: 100px;padding-right: 100px;padding-top: 475px;position: relative;z-index: 1;}
.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: center;} 
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{color: #4b4240;font: 50px/100% "BigShoulders-Black";margin: 0 0 15px;padding: 0;position: relative;}
.bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre a, .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre p{color: #352f2d;font: 18px/150% "BigShoulders-Regular";}

#banner{height: 300px;clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 100%, 0% 50%);position: fixed;width: 100%;z-index: 4;-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: -75px;}
#banner img{height: 100%;width: 100%;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{align-content: flex-start;background: url(images/cabas-chape-fond2.png) no-repeat;background-position-x: -275px;display: flex;flex-wrap: wrap;min-height: 1250px;padding-top: 600px;position: relative;row-gap: 55px;}
footer#main .bloc_item.chalandise{display: flex;flex-wrap: wrap;position: relative;width: 100%;}
footer#main .bloc_item.chalandise .bloc_item.partenaire{align-content: flex-start;column-gap: 25px;display: flex;flex: 1 0 45%;flex-wrap: wrap;padding-left: 250px;position: relative;}
footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 194px;width: 100%;}
footer#main .bloc_item.chalandise .bloc_item.carte{flex: 1 0 30%;margin-top: -75px;padding-left: 100px;position: relative;}
footer#main .bloc_item.chalandise .bloc_item.carte img{max-width: 481px;width: 100%;}
footer#main .bloc_item.contenu{column-gap: 150px;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 75px;}
footer#main .bloc_item.contenu .bloc_item.image{display: flex;flex: 1 0 45%;flex-wrap: wrap;position: relative;}
footer#main .bloc_item.contenu .bloc_item.image .bloc_item.cadre{flex: 1 0 100%;position: relative;text-align: right;}
footer#main .bloc_item.contenu .bloc_item.image .bloc_item.cadre img{height: auto;max-width: 359px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.telephone{align-content: center;flex: 1 0 45%;padding-right: 50px;position: relative;}
footer#main .bloc_item.contenu .bloc_item.telephone a{align-content: start;display: inline-block;position: relative;}
footer#main .bloc_item.contenu .bloc_item.telephone a span{color: #4b4240;flex: 1 0 100%;font: 16px/100% "BigShoulders-Regular";letter-spacing: 3px;padding: 0 0 5px;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.telephone a p{align-items: center;background: #4b4240;border-radius: 75px;column-gap: 10px;display: flex;flex-wrap: wrap;margin: 15px 0 0;max-width: 315px;padding: 12px 25px 12px 12px;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;}
footer#main .bloc_item.contenu .bloc_item.telephone a:hover p{-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.telephone a p img{max-width: 40px;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.telephone a p span{color: #FFFFFF;flex: 0 0 auto;font: 40px/100% "BigShoulders-Regular";letter-spacing: 2px;margin: 0;max-width: 100%;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.adresse{align-items: center;display: flex;flex: 1 0 100%;flex-wrap: wrap;padding-left: 50px;position: relative;row-gap: 15px;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos{flex: 1 0 100%;position: relative;text-align: center;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{color: #352f2d;font: 16px/125% "BigShoulders-Regular";letter-spacing: 3px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits{column-gap: 15px;display: flex;flex: 1 0 100%;flex-wrap: wrap;font: 16px/125% "BigShoulders-Regular";justify-content: center;padding: 0;padding-bottom: 30px;padding-top: 15px;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits span{color: #352f2d; display:block;font: 14px/125% "BigShoulders-Regular";margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits a{color: #352f2d;font: 14px/125% "BigShoulders-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.adresse .bloc_item.credits a:hover{color: #911e12;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits img.flag{height: 12px;max-width: 31px;margin-top: 3px;width: 100%;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1919px) /* 1600 x 900 */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 600px;}
    
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 200px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama{padding-left: 100px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre{align-self: center;padding-right: 100px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 40px;}
    .bloc_item.categorie.prestation .bloc_item.contenu{padding-top: 400px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre{padding-left: 200px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.devis{left: 50px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos{padding-left: 200px;}    
    .bloc_item.article .bloc_item.contenu{padding-top: 400px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 200px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre a.devis{left: 50px;}
    .bloc_lost .bloc_contenu{padding-top: 400px;}
    #banner{height: 250px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire{padding-left: 100px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 185px;}
    footer#main .bloc_item.contenu{padding-top: 15px;}
}
@media only screen and (max-width: 1512px) /* 1512 x 982 */
{
    .bloc_banniere .bloc_item.contenu{height: 982px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-y: -75px;clip-path: polygon(0% 0%, 100% 0%, 100% 92.5%, 50% 100%, 0% 92.5%);}
    #banner{height: 240px;}
    footer#main{background-position-x: -500px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 173px;}
}
@media screen and (max-width: 1366px) and (max-height: 1024px) and (orientation : landscape) /* 1366 x 768 */
{   
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 500px;}
    
    .bloc_banniere .bloc_item.contenu{height: 770px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{padding-left: 100px;top: 47.5%;}
    .bloc_item.presentation .bloc_item.contenu{padding-top: 200px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 150px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 45px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social{top: 0;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 38px;}
    .bloc_item.categorie.prestation .bloc_item.contenu{background-position-y: 50px;margin-bottom: -450px;padding-top: 330px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama{margin-top: 0;}
    .bloc_item.article .bloc_item.contenu{background-position-y: 50px;margin-bottom: -450px;padding-top: 330px;}
    .bloc_contact .bloc_contenu{background-position-y: 50px;margin-bottom: -750px;margin-top: 0;padding-top: 330px;}
    .bloc_mention .bloc_contenu{background-position-y: 50px;margin-bottom: -450px;margin-top: 0;padding-top: 330px;}
    .bloc_lost .bloc_contenu{padding-top: 330px;}
    #banner{height: 215px;}
    footer#main{padding-top: 600px;}
    footer#main .bloc_item.contenu{padding-left: 100px;padding-right: 100px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 152px;}
    footer#main .bloc_item.contenu .bloc_item.image{flex: 1 0 35%;}
}
@media screen and (max-width: 1334px) and (max-height: 800px) and (orientation : landscape) /* 1334 x 800 */
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 75px;padding-right: 75px;}
    
    .bloc_banniere .bloc_item.contenu{height: 752px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.presentation .bloc_item.contenu{background-size: 100%;margin-bottom: -375px;min-height: 1075px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 40px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.expertise .bloc_item.contenu{margin-bottom: -200px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 35px;}    
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.categorie.prestation .bloc_item.contenu{background-size: 100%;margin-bottom: -100px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.article .bloc_item.contenu{background-size: 100%;margin-bottom: -190px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_contact .bloc_contenu{margin-bottom: -390px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_mention .bloc_contenu{margin-bottom: -200px;}
    .bloc_mention .bloc_contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_mention .bloc_contenu .bloc_item.detail{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_lost .bloc_contenu{margin-bottom: -200px;}
    .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    #banner{height: 200px;}
    #banner.scroll{margin-top: -50px;}
    footer#main{background-position-x: 0;background-size: 72.5%;min-height: 850px;opacity: 1;padding-top: 275px;-webkit-animation: none !important;animation: none !important;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 140px;}
}
@media only screen and (max-width: 1280px) /* 1280 x 1024 */
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 40%;}
    
    .bloc_banniere .bloc_item.contenu{height: 1024px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 100%;background-position-y: 0;background-size: 115%;}
    .bloc_banniere .bloc_item.contenu a.devis{left: 50px;}
    .bloc_item.presentation .bloc_item.contenu{background-position-x: -50px;background-size: 110%;min-height: 1170px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 40px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{padding-right: 50px;}
    .bloc_item.expertise .bloc_item.contenu{margin-bottom: -180px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre{padding-left: 50px;padding-right: 50px;}    
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img,
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{width: 70%;}
    .bloc_item.categorie.prestation .bloc_item.contenu{background-position-y: 30px;background-size: 100%;margin-bottom: -150px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama{padding-right: 50px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_gauche_primary img,
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama .fleche_droite_primary img{width: 70%;}
    .bloc_item.article .bloc_item.contenu{background-position-y: 30px;background-size: 100%;margin-bottom: -150px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{padding-right: 50px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_gauche_primary img,
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama .fleche_droite_primary img{width: 70%;}
    .bloc_contact .bloc_contenu{background-position-y: 30px;background-size: 100%;margin-bottom: -150px;}
    .bloc_contact .bloc_contenu .bloc_item.texte{padding-left: 50px;padding-right: 50px;}
    .bloc_mention .bloc_contenu{background-position-y: 30px;background-size: 100%;margin-bottom: -150px;padding-left: 50px;padding-right: 50px;}
    .bloc_lost .bloc_contenu{background-position-y: 30px;background-size: 100%;margin-bottom: -150px;padding-left: 50px;padding-right: 50px;}
    #banner{height: 200px;}
    #banner.scroll{margin-top: -50px;}
    footer#main{background-position-x: 0;background-size: 70%;min-height: 850px;padding-top: 250px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 140px;}
}
@media only screen and (max-width: 1024px) /* 768 x 1024 */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 275px;}
    .navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 80%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .dropdown-toggle{display: none;}
    
    .bloc_banniere .bloc_item.contenu{height: 975px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 75%;background-size: 195%;clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%);}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{opacity: 1;padding-left: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_banniere .bloc_item.contenu .bloc_item.fleche{bottom: 25px;}
    .bloc_item.presentation .bloc_item.contenu{background: transparent;margin-bottom: 50px;min-height: auto;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;opacity: 1;padding-left: 50px;padding-right: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{width: 100%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social{top: -135px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{opacity: 1;padding-right: 0;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.expertise .bloc_item.contenu{margin-bottom: 0;row-gap: 30px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama{opacity: 1;order: 1;padding-left: 50px;padding-right: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.categorie.prestation .bloc_item.contenu{background: transparent;padding-top: 325px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;opacity: 1;padding-left: 50px;padding-right: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre a.devis{display: none;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls{width: 100%;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.social{top: -135px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte{padding-left: 50px;padding-right: 50px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix{row-gap: 30px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.infos{flex: 1 0 100%;padding-left: 0;padding-right: 0;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte .mix .bloc_item.diaporama{margin-top: 0;padding-right: 0;}
    .bloc_item.article .bloc_item.contenu{background: transparent;padding-top: 325px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;opacity: 1;padding-left: 50px;padding-right: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre a.devis{display: none;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social{top: -135px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{opacity: 1;padding-left: 50px;padding-right: 50px;-webkit-animation: none !important;animation: none !important;}
    .bloc_contact .bloc_contenu{background: transparent;margin-bottom: 0;padding-top: 30px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 100%;opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_mention .bloc_contenu{background: transparent;margin-bottom: 0;padding-left: 50px;padding-right: 50px;padding-top: 30px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions{flex: 1 0 100%;}
    .bloc_lost .bloc_contenu{margin-bottom: 0;padding-bottom: 0;padding-top: 200px;}
    .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    #banner{height: 125px;}
    #banner.scroll{margin-top: -25px;}
    footer#main{background: transparent;opacity: 1;padding-top: 50px;-webkit-animation: none !important;animation: none !important;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire{flex: 1 0 100%;padding-left: 50px;padding-right: 50px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 135px;}
    footer#main .bloc_item.chalandise .bloc_item.carte{margin-top: 50px;padding-left: 50px;padding-right: 15px;text-align: right;}
    footer#main .bloc_item.contenu{row-gap: 50px;}
    footer#main .bloc_item.contenu .bloc_item.image{flex: 1 0 100%;padding-left: 50px;padding-right: 50px;}
    footer#main .bloc_item.contenu .bloc_item.image .bloc_item.cadre{text-align: center;}
    footer#main .bloc_item.contenu .bloc_item.telephone{padding-left: 50px;padding-right: 50px;text-align: center;}
    footer#main .bloc_item.contenu .bloc_item.telephone a p{margin: 15px auto 0;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 50px;padding-right: 50px;}
    footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{letter-spacing: 2px;}
}
@media only screen and (max-width: 1024px) and (orientation : landscape) /* 1024 x 768 */
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 45%;}
    
    .bloc_banniere .bloc_item.contenu{height: 720px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 100%;background-size: 107.5%;}
    .bloc_item.presentation .bloc_item.contenu{padding-top: 300px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 35px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.diaporama{padding-left: 150px;}
    .bloc_item.categorie.prestation .bloc_item.contenu{margin-bottom: 0;}
    .bloc_contact .bloc_contenu{min-height: auto;padding-top: 200px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire{flex: 1 0 45%;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_carte iframe{height: 510px;}
    .bloc_mention .bloc_contenu{min-height: auto;padding-top: 200px;}
    footer#main{min-height: auto;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire{flex: 1 0 45%;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 215px;}
    footer#main .bloc_item.chalandise .bloc_item.carte{margin-top: 0;padding-right: 25px;}
    footer#main .bloc_item.contenu{padding-left: 50px;padding-right: 50px;}
    footer#main .bloc_item.contenu{column-gap: 50px;}
    footer#main .bloc_item.contenu .bloc_item.image{flex: 1 0 45%;padding-right: 0;}
    footer#main .bloc_item.contenu .bloc_item.telephone{padding-left: 0;text-align: left;}
    footer#main .bloc_item.contenu .bloc_item.telephone a p{margin: 15px 0 0;}    
}
@media screen and (max-width: 962px) and (orientation : landscape) /* 962 x 601 */
{    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 50%;}
    
   .bloc_banniere .bloc_item.contenu{height: 552px;} 
   .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 0;background-size: 100%;}
   .bloc_banniere .bloc_item.contenu .bloc_item.slogan{top: 32.5%;}
   .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 32px;}
   #banner{height: 150px;}
   footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 198px;}
   footer#main .bloc_item.contenu .bloc_item.telephone a span{letter-spacing: 2px;}
}
@media screen and (min-width: 750px) and (max-height: 1284px) and (orientation : portrait)  /* 800 x 1334 */
{   
    .bloc_banniere .bloc_item.contenu{height: 1285px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 90%;background-size: 245%;}
    .bloc_item.categorie.prestation .bloc_item.contenu{margin-bottom: 0;}
    .bloc_item.article .bloc_item.contenu{margin-bottom: 0;}
    #banner{height: 120px;}
}
@media only screen and (max-width: 601px) /* 601 x 962 */
{
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 225px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 100px;width: 100px;}
    
    .bloc_banniere .bloc_item.contenu{height: 913px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 85%;background-size: 237.5%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan p{font-size: 22px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 32px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 32px;}
    .bloc_item.categorie.prestation .bloc_item.contenu{margin-bottom: 0;padding-top: 290px;}
    .bloc_item.article .bloc_item.contenu{margin-bottom: 0;padding-top: 290px;}
    .bloc_contact .bloc_contenu{padding-top: 0;}
    .bloc_mention .bloc_contenu{padding-top: 0;}
    .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 32px;}
    #banner{height: 100px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 212px;}
}
@media only screen and (max-width:447px)
{   
    .navigation-top .main-navigation .navbar-header .navbar-brand img{max-width: 175px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 50px;padding-right: 50px;}
    
    .bloc_banniere .bloc_item.contenu{height: 897px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-position-x: 82.5%;background-size: 310%;clip-path: polygon(0% 0%, 100% 0%, 100% 97.5%, 50% 100%, 0% 97.5%);}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan{padding-left: 15px;padding-right: 15px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan p{font-size: 18px;}
    .bloc_banniere .bloc_item.contenu a.devis{bottom: 50px;left: 15px;}
    .bloc_banniere .bloc_item.contenu a.devis img{max-width: 75px;}
    .bloc_item.presentation .bloc_item.contenu{padding-top: 250px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 15px;padding-right: 15px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 28px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre{padding-left: 15px;padding-right: 15px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 28px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.diaporama{padding-left: 15px;padding-right: 15px;}
    .bloc_item.categorie.prestation .bloc_item.contenu{padding-top: 250px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre{padding-left: 15px;padding-right: 15px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre .bloc_item.controls button{width: 100%;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre h2{font-size: 35px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.texte{padding-left: 15px;padding-right: 15px;}
    .bloc_item.article .bloc_item.contenu{padding-top: 250px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 15px;padding-right: 15px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre h2{font-size: 35px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.diaporama{padding-left: 15px;padding-right: 15px;}
    .bloc_contact .bloc_contenu{margin-top: 150px;}
    .bloc_contact .bloc_contenu .bloc_item.texte{padding-left: 15px;padding-right: 15px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{font-size: 35px;}
    .bloc_mention .bloc_contenu{margin-top: 150px;padding-left: 15px;padding-right: 15px;}
    .bloc_mention .bloc_contenu .bloc_item.titre h1{font-size: 35px;}
    .bloc_lost .bloc_contenu{padding-top: 150px;padding-left: 15px;padding-right: 15px;}
    .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 35px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire{padding-left: 15px;padding-right: 15px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 178px;}
    footer#main .bloc_item.contenu .bloc_item.telephone{padding-left: 15px;padding-right: 15px;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width:390px)
{
    .bloc_banniere .bloc_item.contenu{height: 845px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 27px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 27px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 165px;}
}
@media only screen and (max-width:360px)
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 30px;padding-right: 30px;}
    
    .bloc_banniere .bloc_item.contenu{height: 782px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan p{letter-spacing: 2px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 25px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 25px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 150px;}
    footer#main .bloc_item.contenu .bloc_item.telephone a span{letter-spacing: 2px;}
}
@media only screen and (max-width:306px)
{
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li:before{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 8.5px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{font-size: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{top: 11.5px;}
    
    .bloc_banniere .bloc_item.contenu{height: 797px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.image{background-size: 372.5%;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan a p img{max-width: 30px;}
    .bloc_banniere .bloc_item.contenu .bloc_item.slogan a p span{font-size: 30px;}
    .bloc_banniere .bloc_item.contenu a.devis{bottom: auto;top: 250px;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{font-size: 20px;}
    .bloc_item.expertise .bloc_item.contenu .bloc_item.titre h2{font-size: 20px;}
    .bloc_item.categorie.prestation .bloc_item.contenu .bloc_item.titre h2{font-size: 30px;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre h2{font-size: 30px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h1{font-size: 30px;}
    .bloc_contact .bloc_contenu .bloc_item.texte .bloc_formulaire .bloc_item.titre h2{font-size: 20px;}
    .bloc_mention .bloc_contenu .bloc_item.titre h1{font-size: 30px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_mentions .bloc_bordures h2{font-size: 20px;}
    .bloc_mention .bloc_contenu .bloc_item.detail .bloc_infos h2{font-size: 20px;}
    .bloc_lost .bloc_contenu .bloc_item.texte .bloc_item.titre h1{font-size: 30px;}
    footer#main .bloc_item.chalandise .bloc_item.partenaire img{max-width: 125px;}
    footer#main .bloc_item.contenu .bloc_item.telephone a span{letter-spacing: 0;}
    footer#main .bloc_item.contenu .bloc_item.telephone a p img{max-width: 30px;}
    footer#main .bloc_item.contenu .bloc_item.telephone a p span{font-size: 30px;}
    footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{letter-spacing: 0;}
}
@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;}    
}