@charset "UTF-8";
/* 
    Theme Name: SAS Bordatto
    Theme URL: bordatto64.fr
    Description: Travaux de maçonnerie générale et gros œuvre de bâtiment
    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;}

/*--------------------------------------------------------------
/* Variables
--------------------------------------------------------------*/
:root 
{
    --banniere-font         : 5rem;    
    --title-h1-font         : 5rem;    
    --title-h2-font         : 5rem;    
    --title-h3-font         : 3rem;
    --texte-font            : 1.6rem;
}

/*--------------------------------------------------------------
/* Navigation
--------------------------------------------------------------*/
.navigation-top{background: transparent;padding: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.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;display: block;float: left;height: inherit;padding: 5rem;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: 48.7rem;padding: 0;position: relative;width: 100%;z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.navigation-top.scroll .main-navigation .navbar-header .navbar-brand img{width: 70%;}
.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(43,42,41,0.9);background-size: 100%;border-radius: 75rem;cursor: pointer;display: flex;height: 15rem;justify-content: center;max-width: 100%;outline: 10px solid rgba(43,42,41,0.4);padding: 0;position: absolute;right: 2.5rem;top: 2.5rem;width: 15rem;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.active{background: transparent;/*outline: 10px solid transparent;*/}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container{display: flex;flex: 1 0 100%;flex-wrap: wrap;margin: 0;position: relative;row-gap: 1.5rem;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{color: #FFFFFF;display: block;font: calc(var(--texte-font))/100% "Muli-Black";letter-spacing: 7px;margin: -2.5rem 0 0;position: absolute;text-align: center;text-transform: uppercase;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:hover .menu-container .titre{color: #e31e24;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container .titre{opacity: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label{cursor: pointer;display: block;height: 1rem;left: 0;margin: 0 auto 0 auto;position: relative;right: 0;top: 50%;width: 75px;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label div{background-color: #FFFFFF;border-radius: 2px;height: 4px;margin-bottom: 1rem;position: relative;top: 0;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 .menu-container label div:first-child{transform-origin: 0;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label div:nth-child(2){right: 0;width: 60%;}
.navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label div:last-child{margin-bottom: 0;transform-origin: 60px;width: 30px;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div{background: #FFFFFF;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:first-child{left: 5px;top: -13px;transform: rotateZ(45deg);width: 105%;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:nth-child(2){width: 77px;top: 0;right: 5px;transform: rotateZ(-45deg);}
.navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 14px;transform: rotateZ(45deg);}
.navigation-top .main-navigation .navbar-menu .menu-btn:hover .menu-container label div{background-color: #e31e24;}
.navigation-top .main-navigation .navbar-menu .menu-btn.active:hover .menu-container label div{background-color: #e31e24;}
.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: url(images/bordatto-fond.png) no-repeat;;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: 47.5%;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{display: flex;flex-wrap: wrap;margin: 0;padding-left: 7.5rem;padding-right: 7.5rem;position: relative;row-gap: 2rem;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;flex: 1 0 100%;margin-bottom: 0;padding: 0;position: relative;opacity: 0;text-align: left;transition: transform .3s ease-in-out;z-index: 10;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{color: #FFFFFF;font: calc(var(--texte-font))/100% "Arial-Regular";letter-spacing: 5px;padding-left: 2.5rem;position: relative;text-transform: uppercase;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{background: #FFFFFF;border: 0;content: '';left: 0;height: 7px;margin: auto;position: absolute;top: 0.45rem;width: 7px;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover{color: #e31e24;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:hover:before{background: #e31e24;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a{color: #e31e24;} 
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.current-menu-item a:before{background: #e31e24;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children{animation: none;opacity: 1;margin-top: 0;padding-top: 2.5rem;position: relative;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children a{color: #FFFFFF;display: block;font: calc(var(--texte-font))/100% "Arial-Regular";letter-spacing: 2px;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 .sub-menu{column-gap: 2.5rem;display: flex;flex-wrap: wrap;margin: 0;padding-left: 2.5rem;position: relative;row-gap: 2.5rem;width: 100%;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 11.6rem;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 a{color: #FFFFFF;display: block;font: calc(var(--texte-font) - 0.5rem)/100% "Arial-Regular";letter-spacing: 0;padding-left: 0;padding-top: 15rem;pointer-events: initial;position: relative;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: url(images/bordatto-neuf.png) no-repeat;background-color: #FFFFFF;background-position: 50%;background-size: 5rem;border: 0;border-radius: 1.5rem;bottom: 0;content: '';display: block;height: 11.6rem;left: 0;margin: auto;position: absolute;top: 0;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-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before{background: url(images/bordatto-renovation.png) no-repeat;background-color: #FFFFFF;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before{background: url(images/bordatto-maconnerie.png) no-repeat;background-color: #FFFFFF;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before{background: url(images/bordatto-pierres.png) no-repeat;background-color: #FFFFFF;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{background: url(images/bordatto-genie-civil.png) no-repeat;background-color: #FFFFFF;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(1) a:hover:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(1).current-menu-item a:before{background: url(images/bordatto-neuf2.png) no-repeat;background-color: #e31e24;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:hover:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2).current-menu-item a:before{background: url(images/bordatto-renovation2.png) no-repeat;background-color: #e31e24;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:hover:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3).current-menu-item a:before{background: url(images/bordatto-maconnerie2.png) no-repeat;background-color: #e31e24;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:hover:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4).current-menu-item a:before{background: url(images/bordatto-pierres2.png) no-repeat;background-color: #e31e24;background-position: 50%;background-size: 5rem;}
.navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:hover:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5).current-menu-item a:before{background: url(images/bordatto-genie-civil2.png) no-repeat;background-color: #e31e24;background-position: 50%;background-size: 5rem;}

@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_item.banniere{position: relative;z-index: 1;}
.bloc_item.banniere .bloc_item.contenu{display: flex;height: 100vh;overflow: hidden;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.image{background: url(images/bordatto-accueil.png) 50% 0 no-repeat;background-position-y: -8.5rem;background-size: cover;flex: 1 0 100%;overflow: hidden;position: relative;width: 100%;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.slogan{background: rgba(255,255,255,0.6);left: 0;padding-bottom: 5rem;padding-left: 5rem;padding-right: 5rem;padding-top: 5rem;position: absolute;top: 50%;width: auto;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.slogan p{color: #2b2a29;font: var(--banniere-font)/100% "Muli-Black";letter-spacing: 0;margin: 0;padding: 0;text-transform: uppercase;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{align-content: start;bottom: -1.8rem;display: inline-block;left: 0;margin: auto;max-width: 25rem;position: absolute;right: 0;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a p{align-items: center;background: #2b2a29;border-radius: 75rem;column-gap: 1rem;display: inline-flex;flex-wrap: wrap;margin: 0;padding: 0.5rem 1.5rem 0.5rem 0.5rem;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_item.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_item.banniere .bloc_item.contenu .bloc_item.slogan a p img{max-width: calc(var(--texte-font) + 1.5rem);width: 100%;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a p span{color: #FFFFFF;flex: 0 0 auto;font: calc(var(--texte-font) + 0.6rem)/100% "Muli-Black";letter-spacing: 2px;margin: 0;padding: 0;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.fleche{bottom: 5rem;height: 8.6rem;left: 0;margin: auto;position: absolute;right: 0;width: 8.6rem;z-index: 3;-moz-animation: rebounce 2s infinite;-webkit-animation: rebond 2s infinite;animation: rebond 2s infinite;}
.bloc_item.banniere .bloc_item.contenu .bloc_item.fleche a{background: url(images/bordatto-fleche.png) no-repeat;background-size: 100%;display: inline-block;height: 100%;width: 100%;}

/*--------------------------------------------------------------
/* 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(-3rem);}
    60%{transform: translateY(-1.5rem);}
}

/*--------------------------------------------------------------
/* Page
--------------------------------------------------------------*/
.bloc_item.presentation .bloc_item.contenu{align-content: flex-start;background: url(images/bordatto-fond2.png) no-repeat;background-position-y: -10rem;background-size: 109.8rem;display: flex;flex-wrap: wrap;margin-bottom: -45rem;margin-top: -15rem;min-height: 95rem;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre{flex: 1 0 45%;padding-left: 40rem;padding-right: 10rem;padding-top: 35rem;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h2{color: #2b2a29;font: var(--title-h2-font)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre h3{color: #2b2a29;font: var(--title-h3-font)/100% "Muli-Regular";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";text-align: left;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #2b2a29;font: var(--texte-font)/150% "Muli-Bold";font-weight: normal;}
.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: #2b2a29;flex: 1 0 100%;font: var(--texte-font)/150% "Muli-Regular";list-style: none;padding-left: 2.5rem;position: relative;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre ul li:before{background: #2b2a29;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: var(--texte-font)/100% "Muli-Regular";gap: 10px;margin-top: 2.5rem;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: #e31e24;background-size: 100%;border-radius: 75rem;column-gap: 1.5rem;display: inline-flex;padding: 1.5rem 2.5rem 1.5rem 2rem;}
.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: calc(var(--texte-font) + 1.5rem);width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre a.bouton span{letter-spacing: 2px;margin-top: 0;white-space: nowrap;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre img.logo{left: 10rem;max-width: 16.7rem;position: absolute;top: 50rem;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social{left: 0;position: absolute;top: 20rem;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a{align-items: center;background: #e31e24;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 1.5rem;padding: 0.5rem 0.6rem 0.6rem 2.5rem;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: 0.5rem 0.6rem 0.6rem 5rem;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 4rem;width: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage{background: url(images/bordatto-fond3.png) no-repeat;background-position-x: 100%;background-position-y: 30%;background-size: 63.7rem;flex: 1 0 37.5%;min-height: 160rem;position: relative;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(1){border-radius: 0;max-width: 100%;height: 120rem;overflow: hidden;position: relative;z-index: 0;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(1) .bloc_item.masque{height: 100%;overflow: hidden;position: relative;z-index: 1;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(1) .bloc_item.masque img{border-bottom-left-radius: 5rem;border-top-left-radius: 5rem;margin-left: 10.5rem;margin-top: 3rem;max-width: none;transform: rotate(-16deg);width: 168.5%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){border-radius: 5rem;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);height: 51.5rem;left: -32.5rem;width: 51.5rem;overflow: hidden;position: absolute;top: 100rem;transform: rotate(-16deg);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2) .bloc_item.masque{height: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2) .bloc_item.masque img{margin-left: -35%;max-width: none;width: 155%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){border-radius: 5rem;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);height: 31.5rem;left: -72.5rem;width: 31.5rem;overflow: hidden;position: absolute;top: 115rem;transform: rotate(-16deg);}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3) .bloc_item.masque{height: 100%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3) .bloc_item.masque img{margin-left: -35%;max-width: none;width: 155%;}
.bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{bottom: 5rem;position: absolute;right: 23rem;}

.bloc_item.chalandise .bloc_item.contenu{align-content: flex-start;background: url(images/bordatto-fond4.png) no-repeat;background-size: 109.9rem;column-gap: 5rem;display: flex;flex-wrap: wrap;margin-bottom: -30rem;min-height: 126rem;padding-top: 50rem;position: relative}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{flex: 1 0 32.5%;padding-right: 25rem;position: relative;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre h2{color: #2b2a29;font: calc(var(--title-h2-font) - 1rem)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre h3{color: #e31e24;font: var(--title-h3-font)/100% "Muli-Regular";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";text-align: left;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.presentation .bloc_item.contenu .bloc_item.titre a{color: #2b2a29;font: var(--texte-font)/150% "Muli-Bold";font-weight: normal;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre ul li{color: #2b2a29;flex: 1 0 100%;font: var(--texte-font)/150% "Muli-Regular";list-style: none;padding-left: 2.5rem;position: relative;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre ul li:before{background: #2b2a29;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 8.5px;width: 6px;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.titre a.bouton{align-items: center;border: 0;border-radius: 0;color: #FFFFFF;display: inline-flex;font: var(--texte-font)/100% "Muli-Regular";gap: 10px;margin-top: 2.5rem;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.chalandise .bloc_item.contenu .bloc_item.titre a.bouton .bloc_cadre{align-items: center;background: #e31e24;background-size: 100%;border-radius: 75rem;column-gap: 1.5rem;display: inline-flex;padding: 1.5rem 2.5rem 1.5rem 2rem;}
.bloc_item.chalandise .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.chalandise .bloc_item.contenu .bloc_item.titre a.bouton span{letter-spacing: 2px;margin-top: 0;white-space: nowrap;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.carte{flex: 1 0 45%;order: -1;padding-right: 15rem;position: relative;text-align: right;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.carte h2{color: #e31e24;font: calc(var(--title-h2-font) - 2rem)/100% "Muli-ExtraLight";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.carte h3{color: #2b2a29;font: calc(var(--title-h3-font) - 1.4rem)/100% "Muli-Regular";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.carte hr{background: #b3b3b3;border: 0;height: 2px;margin-bottom: 0;margin-top: 2rem;margin-right: 0;width: 18rem;}
.bloc_item.chalandise .bloc_item.contenu .bloc_item.carte img.carte{margin-right: 7.5rem;margin-top: -2.5rem;max-width: 64.4rem;width: 100%;}

.bloc_item.article .bloc_item.contenu{align-content: flex-start;background: url(images/bordatto-fond6.png) no-repeat;background-position-y: 10rem;background-size: 100%;display: flex;flex-wrap: wrap;overflow: hidden;padding-top: 42.5rem;position: relative;row-gap: 5rem;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;padding-left: 40rem;padding-right: 83.5rem;position: relative;text-align: right;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h2{color: #2b2a29;font: calc(var(--title-h2-font) - 1.2rem)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre h3{color: #2b2a29;font: calc(var(--title-h3-font) - 0.8rem)/100% "Muli-Regular";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre hr{background: #cccccc;border: 0;height: 0.4rem;margin-right: 0;margin-top: 1.5rem;width: 5.5rem;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";}
.bloc_item.article .bloc_item.contenu .bloc_item.titre p strong, .bloc_item.article .bloc_item.contenu .bloc_item.titre a{color: #2b2a29;font: var(--texte-font)/150% "Muli-Bold";font-weight: normal;}
.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: #2b2a29;flex: 1 0 100%;font: var(--texte-font)/150% "Muli-Regular";list-style: none;padding-right: 2.5rem;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre ul li:before{background: #2b2a29;content: '';display: block;height: 6px;margin: auto;position: absolute;right: 0;top: 10px;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: var(--texte-font)/100% "Muli-Regular";gap: 10px;margin-top: 0;position: absolute;right: 52.5rem;text-transform: uppercase;top: 0;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: #e31e24;background-size: 100%;border-radius: 0;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 1.5rem;display: inline-flex;padding: 2rem 2.5rem 2rem 2rem;}
.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: calc(var(--texte-font) + 1.9rem);width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton span{letter-spacing: 2px;margin-top: 0;white-space: nowrap;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre img.experience{max-width: 25.4rem;position: absolute;right: 15rem;top: -20rem;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social{left: 0;position: absolute;top: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a{align-items: center;background: #e31e24;border-bottom-right-radius: 50px;border-top-right-radius: 50px;column-gap: 10px;display: inline-flex;justify-content: right;margin-bottom: 1.5rem;padding: 0.5rem 0.6rem 0.6rem 2.5rem;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: 0.5rem 0.6rem 0.6rem 5rem;}
.bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 4rem;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie{display: grid;flex: 1 0 100%;grid-gap: 2.5rem;grid-template-columns: repeat(6, 1fr);grid-auto-rows: auto;padding-left: 10rem;padding-right: 10rem;position: relative}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a{border-radius: 0;display: block;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_item.article .bloc_item.contenu .bloc_item.galerie a:hover{-webkit-transform: scale(0.975);transform: scale(0.975);}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-carre{border: 0 solid transparent;border-radius: 2rem;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-portrait{border: 0 solid transparent;border-radius: 2rem;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);grid-column-end: span 2;grid-row-end: span 2;max-height: auto;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-portrait img{height: 100%;margin-top: 0;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-spec{border: 0 solid transparent;border-radius: 2rem;grid-column-end: span 2;grid-row-end: span 1;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a .bloc_item.image{height: 100%;position: relative;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a .bloc_item.image img{height: 100%;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a .bloc_item.image .bloc_masque{background: rgba(227,30,36,0.8);background-size: 100% 100%;display: block;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.article .bloc_item.contenu .bloc_item.galerie a:hover .bloc_item.image .bloc_masque{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 .bloc_item.contenu .bloc_item.galerie a .bloc_item.image .bloc_masque .bloc_croix{background: url(images/bordatto-croix.png) no-repeat;background-size: 100%;display: inline-block;height: 11.4rem;width: 9.7rem;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-carre .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-portrait .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a.image-spec .bloc_item.image .bloc_masque .bloc_croix{bottom: 0;left: 0;right: 0;top: 0;margin: auto;position: absolute;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a .bloc_item.image .bloc_legende{background: rgba(43,42,41,0.8);bottom: 0;position: absolute;text-align: center;width: 100%;}
.bloc_item.article .bloc_item.contenu .bloc_item.galerie a .bloc_item.image .bloc_legende p{color: #FFFFFF;font: var(--texte-font)/150% "Poppins-Light";margin: 0;padding: 1rem 0;}

.bloc_item.contact .bloc_item.contenu{align-content: flex-start;background: url(images/bordatto-fond6.png) no-repeat;background-position-y: 10rem;background-size: 100%;display: flex;flex-wrap: wrap;margin-bottom: -10rem;min-height: 137.5rem;padding-left: 10rem;padding-right: 10rem;padding-top: 42.5rem;position: relative;row-gap: 1.5rem;}
.bloc_item.contact .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;position: relative;}
.bloc_item.contact .bloc_item.contenu .bloc_item.titre h1{color: #2b2a29;font: calc(var(--title-h2-font) - 1.2rem)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.contact .bloc_item.contenu .bloc_item.titre h3{color: #2b2a29;font: calc(var(--title-h3-font) - 0.8rem)/100% "Muli-Regular";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte{column-gap: 5rem;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 5rem;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire{flex: 1 0 45%;} 
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs{padding: 0;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs .wpcf7-not-valid-tip{color: #E22624;display: inline-block;font: var(--texte-font)/150% "Muli-Regular";margin-bottom: 0;text-transform: initial;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form{}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .wpcf7-response-output{border: 0;color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";margin: 0;padding: 0;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .flex_container{display: flex;flex-wrap: wrap;gap: 1rem;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_centre{flex: 1 0 100%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_gauche{display: flex;flex-wrap: wrap;flex: 1 0 25%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .bloc_droite{display: flex;flex-wrap: wrap;flex: 1 0 25%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group{margin-bottom: 1rem;width: 100%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group p{margin: 0;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group label{color: #2b2a29;display: inline-block;font: var(--texte-font)/150% "Muli-Regular";margin-bottom: 0;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group textarea{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";height: 28rem;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group select{background-image: none;display: block;height: 38px;width: 100%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";height: 38px;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.champs form .form-group input[type="submit"]{background: #e31e24;border: 0;border-radius: 75rem;color: #FFFFFF;font: var(--texte-font)/150% "Muli-Regular";display: inline-block;height: auto;letter-spacing: 0.5rem;padding: 2rem 3rem 2rem 3rem;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;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire .bloc_item.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_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte{align-content: baseline;display: flex;flex: 1 0 45%;flex-wrap: wrap;padding-top: 2.4rem;position: relative;row-gap: 2.5rem;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte iframe{height: 36.9rem;width: 100%;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte .bloc_item.adresse{flex: 1 0 45%;position: relative;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte h3{color: #2b2a29;font: calc(var(--title-h3-font) - 0.5rem)/100% "Muli-Regular";margin: 0 0 0.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte a.phones{align-items: center;column-gap: 1rem;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_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte a.phones: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_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte a.phones img{flex: 1 0 auto;max-width: calc(var(--texte-font) + 0.2rem);}
.bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte a.phones p{align-self: baseline;color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";margin: 0;position: relative;}

.bloc_item.mention .bloc_item.contenu{align-content: flex-start;background: url(images/bordatto-fond6.png) no-repeat;background-position-y: 10rem;background-size: 100%;display: flex;flex-wrap: wrap;margin-bottom: 0;min-height: 137.5rem;padding-left: 10rem;padding-right: 10rem;padding-top: 42.5rem;position: relative;row-gap: 1.5rem;}
.bloc_item.mention .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;position: relative;}
.bloc_item.mention .bloc_item.contenu .bloc_item.titre h1{color: #2b2a29;font: calc(var(--title-h2-font) - 1.2rem)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte{column-gap: 5rem;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 5rem;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte h3{color: #2b2a29;font: var(--title-h3-font)/100% "Muli-Regular";margin: 0 0 0.5rem;padding: 0;position: relative;text-align: left;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte h3:first-child{margin-top: 0;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte a{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";font-weight: normal;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte a strong{font-family: "Muli-Bold";font-weight: normal;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte a:hover{color: #e31e24;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte ul{display: flex;flex-wrap: wrap;position: relative}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte ul li{color: #2b2a29;flex: 1 0 100%;font: var(--texte-font)/150% "Muli-Regular";list-style: none;padding-left: 2rem;position: relative;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte ul li:before{background: #2b2a29;content: '';display: block;height: 6px;left: 0;margin: auto;position: absolute;top: 1rem;width: 6px;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_mentions{flex: 1 0 30%;position: relative;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_mentions .bloc_bordures{border: 1px solid #2b2a29;color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";padding: 2.5rem;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_infos{flex: 1 0 60%;color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";position: relative;}
.bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_infos img{max-width: 7.2rem;}

.bloc_item.lost .bloc_item.contenu{align-content: flex-start;display: flex;flex-wrap: wrap;padding-bottom: 17.5rem;padding-left: 10rem;padding-right: 10rem;padding-top: 55rem;position: relative;}
.bloc_item.lost .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;position: relative;text-align: center;} 
.bloc_item.lost .bloc_item.contenu .bloc_item.titre h1{color: #2b2a29;font: calc(var(--title-h2-font) - 1.2rem)/100% "Muli-Black";margin: 0 0 1.5rem;padding: 0;position: relative;text-transform: uppercase;}
.bloc_item.lost .bloc_item.contenu .bloc_item.titre p{color: #2b2a29;font: var(--texte-font)/150% "Muli-Regular";}

#banner{height: 32.7rem;position: fixed;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: -10rem;}
#banner img{height: 100%;width: 100%;}

/*--------------------------------------------------------------
/* Footer
--------------------------------------------------------------*/
footer#main{align-content: flex-start;background: url(images/bordatto-fond5.png) no-repeat;background-position-y: 100%;display: flex;flex-wrap: wrap;min-height: 44.6rem;overflow: hidden;padding-bottom: 2.5rem;padding-top: 10rem;position: relative;row-gap: 17.5rem;}
footer#main .bloc_item.bandeau{align-content: center;column-gap: 3.5rem;display: flex;flex: 1 0 100%;flex-wrap: wrap;justify-content: center;position: relative;}
footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 14.5rem;position: relative;z-index: 2;}
footer#main .bloc_item.bandeau .bloc_item.cadre a{display: block;-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.bandeau .bloc_item.cadre a:hover{-webkit-transform: scale(0.90); -moz-transform: scale(0.90);-ms-transform: scale(0.90); -o-transform: scale(0.90);transform: scale(0.90);}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image{background: url(images/bordatto-neuf2.png) no-repeat;background-color: #2b2a29;background-size: 5rem;background-position-x: 50%;background-position-y: 50%;border-radius: 1.5rem;height: 14.5rem;}
footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image{background: url(images/bordatto-renovation2.png) no-repeat;background-color: #2b2a29;background-size: 5rem;background-position-x: 50%;background-position-y: 50%;}
footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image{background: url(images/bordatto-maconnerie2.png) no-repeat;background-color: #2b2a29;background-size: 5rem;background-position-x: 50%;background-position-y: 50%;}
footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image{background: url(images/bordatto-pierres2.png) no-repeat;background-color: #2b2a29;background-size: 5rem;background-position-x: 50%;background-position-y: 50%;}
footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{background: url(images/bordatto-genie-civil2.png) no-repeat;background-color: #2b2a29;background-size: 5rem;background-position-x: 50%;background-position-y: 50%;}
footer#main .bloc_item.bandeau .bloc_item.cadre a:hover .bloc_item.image{background-color: #e31e24;}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name{margin: auto;padding-top: 1rem;position: relative;text-align: center;width: 100%;}
footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name p{color: #2b2a29;display: inline-block;font: var(--texte-font)/100% "Arial-Regular";margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.bandeau .bloc_item.cadre a:hover .bloc_item.name p{color: #e31e24;}
footer#main .bloc_item.contenu{align-content: flex-start;column-gap: 5rem;display: flex;flex: 1 0 100%;flex-wrap: wrap;position: relative;row-gap: 2.5rem;}
footer#main .bloc_item.contenu .bloc_item.adresse{align-content: baseline;display: flex;flex: 1 0 45%;flex-wrap: wrap;padding-left: 100rem;position: relative;row-gap: 1.5rem;transform: rotate(-16deg);}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.telephone{align-content: flex-start;flex: 1 0 100%;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.telephone a{align-content: start;display: inline-block;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.telephone a p{align-items: center;background: #1a1a1a;border-radius: 75rem;column-gap: 1rem;display: inline-flex;flex-wrap: wrap;margin: 1.5rem 0 0;padding: 0.5rem 1.5rem 0.5rem 0.5rem;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.adresse .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.adresse .bloc_item.telephone a p img{max-width: calc(var(--texte-font) + 1.5rem);width: 100%;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.telephone a p span{color: #FFFFFF;flex: 0 0 auto;font: calc(var(--texte-font) + 0.6rem)/100% "Muli-Black";letter-spacing: 2px;margin: 0;padding: 0;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.image{align-self: center;flex: 1 0 100%;margin-left: -14.8rem;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.image img{height: auto;max-width: 32.3rem;width: 100%;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos{align-content: flex-start;flex: 1 0 100%;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{color: #FFFFFF;font: var(--texte-font)/150% "Muli-Regular";letter-spacing: 2px;margin: 0;padding: 0;text-transform: uppercase;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits{column-gap: 1.5rem;display: flex;flex-wrap: wrap;justify-content: left;padding-top: 1.5rem;position: relative;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits a{color: #FFFFFF;font: var(--texte-font)/100% "Muli-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: #e31e24;}
footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.credits img.flag{height: 12px;max-width: 3.1rem;margin-top: 0.3rem;width: 100%;}

/*--------------------------------------------------------------
/*  Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 1919px) /* 1600 x 900 */
{       
    html{font-size: 53.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:first-child{width: 95%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:nth-child(2){width: 70px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 17px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 50%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 7.5rem;padding-right: 7.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 0.6rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 12.8rem;}
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 5.8rem;    
        --title-h1-font : 5.8rem;    
        --title-h2-font : 5.8rem;    
        --title-h3-font : 3.5rem;
        --texte-font    : 1.9rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.image{background-position-y: 0;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 32rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 30rem;padding-right: 5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre img.logo{left: 5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{right: 15rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){left: -31rem;top: 94.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){left: -70rem;top: 108.5rem;}
    .bloc_item.chalandise .bloc_item.contenu{background-size: 103.5rem;margin-bottom: -40rem;padding-top: 42.5rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{padding-right: 15rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 25rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton{right: 47.5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte iframe{height: 38.8rem;}
    footer#main{background-position-x: 100%;background-size: 105%;padding-top: 13.8rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 17.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image{height: 17.5rem;}
}
@media only screen and (max-width: 1512px) /* 1512 x 982 */
{
    html{font-size: 43.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{margin: -3rem 0 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 20px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background-size: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 60%;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 17.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 16.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{padding-top: 22rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{height: 16.5rem;}
    
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 7.1rem;    
        --title-h1-font : 7.1rem;    
        --title-h2-font : 7.1rem;
        --title-h3-font : 4.3rem;
        --texte-font    : 2.3rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.presentation .bloc_item.contenu{background-size: 125rem;margin-bottom: -15rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage{background-position-y: 60%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(1){height: 135rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{bottom: -22.5rem;right: 15rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){left: -30.5rem;top: 108.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){left: -69rem;top: 122rem;}
    .bloc_item.chalandise .bloc_item.contenu{background-size: 120rem;margin-bottom: -40rem;min-height: 137.5rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.carte{padding-right: 25rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-right: 87.5rem;}
    .bloc_item.contact .bloc_item.contenu{min-height: 152.5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte{padding-top: 3.5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte iframe{height: 40.5rem;}
    footer#main{min-height: 102.3rem;padding-top: 17.5rem;}
    .home footer#main{min-height: 60rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 20.8rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image{height: 20.8rem;}
}
@media screen and (max-width: 1366px) and (max-height: 1024px) and (orientation : landscape) /* 1366 x 768 */
{   
    html{font-size: 40% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{background-size: cover;height: 18.6rem;width: 17.6rem;}    
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 2px;margin: -4.5rem 0 0;}    
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:first-child{width: 90%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:nth-child(2){width: 65px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 21px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{padding-left: 10rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{padding-left: 3.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu{padding-left: 3.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 18.2rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{padding-top: 25rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before{height: 18.2rem;}
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 7rem;    
        --title-h1-font : 7rem;    
        --title-h2-font : 7rem;    
        --title-h3-font : 4.6rem;
        --texte-font    : 2.5rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 35rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{bottom: -22.5rem;right: 10rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){left: -29.5rem;top: 107.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){left: -67.5rem;}
    .bloc_item.chalandise .bloc_item.contenu{background-size: 115rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{padding-right: 5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte iframe{height: 42rem;}
    footer#main{padding-top: 16rem;}
    .home footer#main{padding-top: 18rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 22.8rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{background-size: 7.5rem;height: 22.8rem;}
}
@media screen and (max-width: 1334px) and (max-height: 800px) and (orientation : landscape) /* 1334 x 800 */
{
    html{font-size: 40% !important;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .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.montage{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.carte{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    footer#main{opacity: 1;-webkit-animation: none !important;animation: none !important;}
}
@media only screen and (max-width: 1280px) /* 1280 x 1024 */
{
    html{font-size: 37.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 22px;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 66.5%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 0.8rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 21rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{background-size: 7.5rem;height: 21rem;}
    /* Debut Fix Font Size */            
    :root
    {        
        --banniere-font : 7.5rem;    
        --title-h1-font : 7.5rem;    
        --title-h2-font : 7.5rem;    
        --title-h3-font : 5rem;
        --texte-font    : 2.8rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{bottom: -2.8rem;max-width: 40rem;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a p span{font-size: calc(var(--texte-font) + 0.9rem);}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.fleche{height: 12.5rem;width: 12.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{bottom: -25.5rem;right: 6rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 10rem;padding-right: 92.5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte{padding-top: 4.2rem;}
    footer#main{background-size: 106.5%;}
    .home footer#main{}
}
@media only screen and (max-width: 1024px) /* 768 x 1024 */
{   
    html{font-size: 37.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 18.5rem;width: 17.6rem;}
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 5.5px;margin-top: -3.5rem;}
    .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{margin-top: -55rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{padding-left: 3.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 1rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu{padding-left: 3.5rem;row-gap: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 26.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{padding-top: 32rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{height: 26.5rem;}
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 6.8rem;    
        --title-h1-font : 6.8rem;    
        --title-h2-font : 6.8rem;    
        --title-h3-font : 4.2rem;
        --texte-font    : 3rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 42rem;}
    .bloc_item.presentation .bloc_item.contenu{background-size: 115rem;row-gap: 3.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;opacity: 1;padding-top: 25rem;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage{opacity: 1;padding-left: 5rem;padding-right: 5rem;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(1) .bloc_item.masque img{border-radius: 5rem;margin-left: 0;transform: rotate(0deg);width: 100%;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){left: 5rem;transform: rotate(0deg);top: 87.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){display: none;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{bottom: auto;top: 83.5rem;right: 1rem;transform: rotate(16deg);}    
    .bloc_item.chalandise .bloc_item.contenu{background: transparent;padding-top: 5rem;row-gap: 5rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{flex: 1 0 100%;order: -1;opacity: 1;padding-left: 5rem;padding-right: 5rem;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.carte{opacity: 1;padding-left: 5rem;padding-right: 5rem;text-align: left;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.carte hr{margin-left: 0;margin-right: auto;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{opacity: 1;padding-left: 5rem;padding-right: 5rem;padding-top: 5rem;text-align: left;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre hr{margin-left: 0;margin-right: auto;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre a.bouton{position: relative;right: auto;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre img.experience{right: 5rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social{top: -5rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.galerie{grid-template-columns: repeat(4, 1fr);padding-left: 5rem;padding-right: 5rem;}
    .bloc_item.contact .bloc_item.contenu{margin-bottom: -10rem;padding-left: 5rem;padding-right: 5rem;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.titre{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte{opacity: 1;-webkit-animation: none !important;animation: none !important;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.formulaire{flex: 1 0 100%;}
    .bloc_item.contact .bloc_item.contenu .bloc_item.texte .bloc_item.carte iframe{height: 70rem;}
    .bloc_item.mention .bloc_item.contenu{padding-left: 5rem;padding-right: 5rem;}
    .bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_mentions{flex: 1 0 100%;}
    footer#main{background-size: 172.5%;background-position-x: 82.5%;opacity: 1;padding-bottom: 7.5rem;-webkit-animation: none !important;animation: none !important;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{background-size: 7.5rem;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 50rem;}    
}
@media only screen and (max-width: 1024px) and (orientation : landscape) /* 1024 x 768 */
{
    html{font-size: 37.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide.open{width: 70%;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{margin-top: -25rem;}
    .bloc_item.presentation .bloc_item.contenu{margin-bottom: 0;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage{min-height: 170rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){top: 115rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(3){display: block;left: 65rem;top: 115rem;transform: rotate(0deg);}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{top: 111rem;}
    footer#main{background-size: 138.5%;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 92.5rem;}
}
@media screen and (max-width: 962px) and (orientation : landscape) /* 962 x 601 */
{    
    html{font-size: 37.5% !important;}
    .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{margin-top: 0;padding-left: 5rem;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan{top: 40%;}
    footer#main{background-size: 144.5%;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 85rem;}
}   
@media screen and (min-width: 769px) and (max-height: 1334px) and (orientation : portrait)  /* 800 x 1334 */
{   
   html{font-size: 37.5% !important;}
   .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label{height: 0;}
   .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{margin: -4.5rem 0 0;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu{margin-top: -100rem;}
   footer#main{background-size: 166.5%;}
   footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 65rem;}
}
@media only screen and (max-width: 601px) /* 601 x 962 */
{
    html{font-size: 32.5% !important;}
    /* Debut Fix Font Size */
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 21rem;width: 20rem;}    
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 4.5px;margin: -5rem 0 0;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 24px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background-size: 150%;}
    .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{margin-top: -50rem;padding-left: 5rem;padding-right: 5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 1.2rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .dropdown-toggle{display: none;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 31.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{padding-top: 40rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{height: 31.5rem;}
    
    :root
    {        
        --banniere-font : 6rem;    
        --title-h1-font : 6rem;    
        --title-h2-font : 6rem;    
        --title-h3-font : 4.8rem;
        --texte-font    : 3.8rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 48rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage{min-height: 150rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){top: 77.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{max-width: 55rem;top: 73.8rem;}
    .bloc_item.chalandise .bloc_item.contenu{margin-bottom: -20rem;}
    footer#main{background-size: 202.5%;}
    footer#main .bloc_item.bandeau{padding-left: 5rem;padding-right: 5rem;row-gap: 3.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 32.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{height: 32.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name p{font-size: calc(var(--texte-font) - 0.4rem);}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 40rem;}
    footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{letter-spacing: 0;}
}
@media only screen and (max-width:447px)
{   
    html{font-size: 27.5% !important;}    
    .navigation-top .main-navigation .navbar-menu .menu-btn{height: 22.5rem;width: 22.5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:first-child{width: 83%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:nth-child(2){width: 62px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 25px;}    
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background-size: 235%;}
    .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{margin-top: 0;padding-left: 5rem;padding-right: 5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{letter-spacing: 3px;padding-left: 5rem;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{font-size: calc(var(--texte-font) - 0.7rem);}
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 5.5rem;    
        --title-h1-font : 8rem;    
        --title-h2-font : 8rem;    
        --title-h3-font : 5.8rem;
        --texte-font    : 4.1rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu{height: 85vh;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.image{background-position-x: 35%;background-size: auto;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{bottom: -3.5rem;max-width: 51.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre{padding-left: 2.5rem;padding-right: 2.5rem;padding-top: 35rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre img.logo{display: none;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 7.5rem;}    
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage{min-height: 125rem;padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage .bloc_item.image:nth-of-type(2){display: none;}
    .bloc_item.presentation .bloc_item.contenu .bloc_item.montage img.experience{left: 0;right: auto;top: 63.5rem;}
    .bloc_item.chalandise .bloc_item.contenu{margin-bottom: -10rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.titre{padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.chalandise .bloc_item.contenu .bloc_item.carte{padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre{padding-left: 2.5rem;padding-right: 2.5rem;padding-top: 10rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre img.experience{top: -15rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.titre .bloc_item.social a img{max-width: 7.5rem;}
    .bloc_item.article .bloc_item.contenu .bloc_item.galerie{grid-template-columns: repeat(2, 1fr);padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.contact .bloc_item.contenu{padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.mention .bloc_item.contenu{padding-left: 2.5rem;padding-right: 2.5rem;}
    .bloc_item.lost .bloc_item.contenu{padding-left: 2.5rem;padding-right: 2.5rem;}
    footer#main{background-size: 250%;}
    footer#main .bloc_item.bandeau{padding-left: 2.5rem;padding-right: 2.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 27.2rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{height: 27.2rem;}
    footer#main .bloc_item.contenu .bloc_item.adresse{padding-left: 20rem;}
}
@media only screen and (max-width:393px)
{
    html{font-size: 27.5% !important;}
    /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 5.5rem;    
        --title-h1-font : 7.5rem;    
        --title-h2-font : 7.5rem;    
        --title-h3-font : 5.5rem;
        --texte-font    : 4.1rem;
    }
    /* Fin Fix Font Size */
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 25.5rem;}
}
@media only screen and (max-width:390px)
{
   html{font-size: 26% !important;}
   .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 26px;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 1.4rem;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 38.5rem;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{background-size: 12.5rem;}
   /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 5.5rem;    
        --title-h1-font : 6.7rem;    
        --title-h2-font : 6.7rem;    
        --title-h3-font : 4.4rem;
        --texte-font    : 4.5rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 55rem;}
    .bloc_item.mention .bloc_item.contenu .bloc_item.texte .bloc_infos img{max-width: 20rem;}
    footer#main{background-size: 260%;}
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 26.8rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{height: 26.8rem;}
}
@media only screen and (max-width:360px)
{
   html{font-size: 24.2% !important;}
   .navigation-top .main-navigation .navbar-menu .menu-btn{height: 25rem;width: 25rem;}
   .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 6.5px;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li{flex: 0 0 38rem;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a{padding-top: 45rem;}
   .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(2) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(3) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(4) a:before, .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li.menu-item-has-children .sub-menu li:nth-of-type(5) a:before{height: 38rem;}
   /* Debut Fix Font Size */        
    :root
    {        
        --banniere-font : 5.5rem;    
        --title-h1-font : 7.4rem;    
        --title-h2-font : 7.4rem;    
        --title-h3-font : 5.4rem;
        --texte-font    : 4.5rem;
    }
    /* Fin Fix Font Size */
    footer#main .bloc_item.bandeau .bloc_item.cadre{flex: 0 0 26.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(2) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(3) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(4) a .bloc_item.image, footer#main .bloc_item.bandeau .bloc_item.cadre:nth-of-type(5) a .bloc_item.image{height: 26.5rem;}
    footer#main .bloc_item.bandeau .bloc_item.cadre a .bloc_item.name p{font-size: calc(var(--texte-font) - 1.6rem);}
}
@media only screen and (max-width:306px)
{
    html{font-size: 20.5% !important;}
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container label{width: 70%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn .menu-container .titre{letter-spacing: 2px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:first-child{width: 100%;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:nth-child(2){width: 57px;}
    .navigation-top .main-navigation .navbar-menu .menu-btn.active .menu-container label div:last-child{top: 28px;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide{background-size: 280%;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a{letter-spacing: 0;}
    .navigation-top .main-navigation .navbar-menu .menu-menu-container.leftslide ul#top-menu li a:before{top: 1.2rem;}
    /* Debut Fix Font Size */    
    :root
    {        
        --banniere-font : 5.5rem;    
        --title-h1-font : 8rem;    
        --title-h2-font : 8rem;    
        --title-h3-font : 5rem;
        --texte-font    : 4.8rem;
    }
    /* Fin Fix Font Size */
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan{padding-bottom: 7.5rem;padding-top: 7.5rem;}
    .bloc_item.banniere .bloc_item.contenu .bloc_item.slogan a{max-width: 60rem;}
    footer#main .bloc_item.contenu .bloc_item.adresse .bloc_item.infos p{font-size: calc(var(--texte-font) - 0.2rem);}
}
@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;}    
}