@font-face {
font-family: 'Elgraine Med';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine SemBd';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine ExtLt';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine ExtBd';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Elgraine';
src: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/fonts/elgraine/Elgraine-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}html{scroll-behavior: smooth;}
*{font-family: 'Roboto', sans-serif;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-White: #fff ;
--Color-Black: #121212 ;
--Color-LightGrey: #F6F7F2;
}
.grecaptcha-badge { 
visibility: hidden;
} .btn{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;padding: 14px 18px;border-radius: 8px; border: 2px solid var(--Color-Black); display: inline-block;}
.btn:hover{color: var(--Color-White);background: var(--Color-Black);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.50);} header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9995;transition: .3s;}
header .desktop-menu{display: flex;align-items: center;padding: 49px 160px;background: var(--Color-LightGrey);transition: .3s;}
header .desktop-menu .logo{width: 25%;}
header .desktop-menu .logo svg{display: block; }
header .desktop-menu .menu{width: 75%;display: flex;align-items: center;justify-content: flex-end;gap: 8.33333333%;}
header .desktop-menu .menu .menu-principal ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 40px;width: auto;}
header .desktop-menu .menu .menu-principal ul li{list-style: none;}
header .desktop-menu .menu .menu-principal ul li a{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
header .desktop-menu .menu .menu-principal ul li a:hover{font-weight: 700;}
header .desktop-menu .menu .menu-principal ul li.current-menu-item a{font-weight: 700;}
header .desktop-menu .menu .menu-action ul{margin: 0;padding: 0;display: flex;align-items: center;gap: 20px;width: auto;}
header .desktop-menu .menu .menu-action ul li{list-style: none;}
header .desktop-menu .menu .menu-action ul li a{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;padding: 18px;background-color: var(--Color-White);border-radius: 8px;border: 1px solid transparent;}
header .desktop-menu .menu .menu-action ul li a:hover{color: var(--Color-White);background: var(--Color-Black);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.50);}
header .desktop-menu .burger-button{display: none;width: 25%;align-items: center;justify-content: flex-end;}
header .desktop-menu .burger-button svg{display: block;cursor: pointer;}
header.black .desktop-menu{background: var(--Color-Black);}
header.black .desktop-menu .menu .menu-principal ul li a{color: var(--Color-White);}
header.black .desktop-menu .menu .menu-action ul li a:hover{color: var(--Color-White);background: var(--Color-Black);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.50);border: 1px solid var(--Color-White);}
header.header-top{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);}
header.header-scroll{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);}
header.header-scroll .desktop-menu{padding: 30px 160px;}
header .mobile-menu{height: 0;transition: .3s;visibility: hidden;opacity: 0;position: absolute;top: 105px;background: var(--Color-LightGrey);width: 100%;display: flex;flex-direction: column;gap: 40px;padding: 15px;}
header .mobile-menu.on{height: 100vh;visibility: visible;opacity: 1;}
header .mobile-menu .menu-principal ul{margin: 0;padding: 0;display: flex;gap: 20px;flex-direction: column;}
header .mobile-menu .menu-principal ul li{list-style: none;}
header .mobile-menu .menu-principal ul li a{color: var(--Color-Black); font-family: Roboto; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
header .mobile-menu .menu-principal ul li a:hover{font-weight: 700;}
header .mobile-menu .menu-principal ul li.current-menu-item a{font-weight: 700;}
header .mobile-menu .menu-action ul{margin: 0;padding: 0;display: flex;gap: 10px;flex-direction: column;}
header .mobile-menu .menu-action ul li{list-style: none;}
header .mobile-menu .menu-action ul li a{color: var(--Color-Black); font-family: Roboto; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;padding: 20px;background-color: var(--Color-White);border-radius: 8px;border: 1px solid transparent;}
header .mobile-menu .menu-action ul li a:hover{color: var(--Color-White);background: var(--Color-Black);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.50);} footer{padding: 70px 160px;background: var(--Color-Black);display: flex;align-items: center;}
footer .logo{width: 25%;}
footer .logo svg{display: block;}
footer .adress{width: 16.66666667%;}
footer .adress p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
footer .contact{width: 16.66666667%;}
footer .contact p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
footer .menu-footer{width: 33.33333333%;}
footer .menu-footer ul{display: flex;align-items: center;gap: 20px;justify-content: flex-end;padding: 0;margin: 0;}
footer .menu-footer ul li{list-style: none;}
footer .menu-footer ul li a{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
footer .menu-footer ul li a:hover{color: var(--Color-LightGrey);}
footer .pqp{width: 16.66666667%;} main .page-home{padding-top: 140px;}
main .page-home #entry{padding: 0 160px;background: var(--Color-LightGrey);position: relative;}
main .page-home #entry .title{padding: 15px 50px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: 10;background-color: var(--Color-White);}
main .page-home #entry .title h1{margin: 0;color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 4px; text-transform: uppercase;}
main .page-home #entry .entry-carousel{position: relative;display: flex;align-items: center;flex-wrap: wrap;}
main .page-home #entry .entry-carousel .carousel-sizer-left{height: calc(100vh - 280px);width: 50%;} 
main .page-home #entry .entry-carousel .carousel-sizer-right{height: calc(100vh - 280px);width: 50%;}
main .page-home #entry .entry-carousel .carousel-left .item { height: calc(100vh - 280px);}
main .page-home #entry .entry-carousel .carousel-right .item {height: calc(100vh - 280px);} 
main .page-home #entry .entry-carousel .item img{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-home #entry .entry-carousel .item img.desktop-img{display: block;}
main .page-home #entry .entry-carousel .item img.mobile-img{display: none;}
main .page-home #entry .entry-carousel .carousel-sizer-left .item img{object-position: right;}
main .page-home #entry .entry-carousel .carousel-sizer-left .item img.mobile-img{object-position: bottom;}
main .page-home #entry .entry-carousel .carousel-sizer-right .item img{object-position: left;}
main .page-home #entry .entry-carousel .carousel-sizer-right .item img.mobile-img{object-position: top;}
main .page-home #entry .entry-carousel .carousel-nav .nav-prev{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 5;cursor: pointer;}
main .page-home #entry .entry-carousel .carousel-nav .nav-next{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 5;cursor: pointer;}
main .page-home #entry .entry-carousel .carousel-word{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 4;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
main .page-home #entry .entry-carousel .carousel-word .txt{background-color: var(--Color-Black);padding: 10px 15px;width: fit-content;text-align: center;margin: auto;}
main .page-home #entry .entry-carousel .carousel-word p{color: #FFF; text-align: center; font-family: Elgraine; font-size: 26px; font-style: italic; font-weight: 500; line-height: normal;margin: 0;}
main .page-home #entry .entry-carousel .carousel-word p span{color: #FFF; font-family: Elgraine; font-size: 26px; font-style: italic; font-weight: 800; line-height: normal;}
main .page-home #entry .scroll-down{padding: 58px 0;display: flex;align-items: center;justify-content: center;}
main .page-home #entry .scroll-down svg{display: block;cursor: pointer;}
main .page-home #metiers{padding: 80px 160px;}
main .page-home #metiers .title{}
main .page-home #metiers .title h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;margin-top: 0;margin-bottom: 25px;}
main .page-home #metiers .title h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-home #metiers .content{display: flex;align-items: center;gap: 40px;justify-content: space-between;}
main .page-home #metiers .content .metier{width: 16.66666667%;}
main .page-home #metiers .content .metier p{color: var(--Color-Black); font-family: Elgraine; font-size: 25px; font-style: normal; font-weight: 400; line-height: 30px;margin: 0;}
main .page-home #metiers .content .metier svg{margin-bottom: 10px;margin-top: 20px;}
main .page-home #metiers .content .metier:hover svg{margin-bottom: 30px;margin-top: 0;}
main .page-home #metiers .content .metier:hover svg path{fill: var(--Color-Black);}
main .page-home #cabinet{padding: 120px 160px; background-color: var(--Color-Black); background-image: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/img/taureau.png); background-position: center right -210px; background-repeat: no-repeat; background-blend-mode: screen; background-size: contain;}
main .page-home #cabinet .content{display: flex;align-items: center;}
main .page-home #cabinet .content .portraits{display: flex;flex-wrap: wrap;width: 50%;}
main .page-home #cabinet .content .portraits .portrait{display: flex;flex-direction: column;width: 50%;padding-right: 60px;}
main .page-home #cabinet .content .portraits .portrait img{display: block;margin-bottom: 20px;}
main .page-home #cabinet .content .portraits .portrait .name{margin-bottom: 5px;color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 1px;}
main .page-home #cabinet .content .portraits .portrait .job{margin: 0;color: #FFF; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-home #cabinet .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-home #cabinet .content .text h2{color: #FFF; font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;margin-top: 0;margin-bottom: 25px;}
main .page-home #cabinet .content .text h2 strong{color: #FFF; font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-home #cabinet .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-home #cabinet .content .text p:last-of-type{margin-bottom: 0;}
main .page-home #cabinet .content .text .btn{border-color: var(--Color-White);color: var(--Color-White);margin-top: 20px;}
main .page-home #cabinet .content .text .btn:hover{color: var(--Color-Black);background-color: var(--Color-White);box-shadow: 0px 4px 16px 0px rgba(246, 247, 242, 0.50);;}
main .page-home #accompagnement{padding: 120px 160px;background-color: var(--Color-LightGrey);}
main .page-home #accompagnement .title{width: 100%;margin-bottom: 50px;}
main .page-home #accompagnement .title h2{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
main .page-home #accompagnement .accompagnement-list{display: flex;gap: 20px;flex-wrap: wrap;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item{width: calc(100% / 3 - 15px);position: relative;border-radius: 30px; border: 6px solid var(--Color-White);padding: 50px;transition: .6s;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .number{position: absolute;right: 50px;top: 140px;font-family: Elgraine; font-size: 140px; font-style: normal; font-weight: 700; line-height: 140px;color: #ffffff; text-shadow: 0px 0px 2px #000; mix-blend-mode: multiply;opacity: .3;margin-bottom: 0;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto{position: relative;width: 80px;height: 80px;margin-bottom: 50px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto img{display: block;opacity: 0;transition: .6s;position: absolute;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto img.normal{opacity: 1;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .text h3{color: var(--Color-Black); font-family: Elgraine; font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px;margin: 0;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .text p{opacity: 0;transition: opacity 1s, max-height .6s;margin: 0;color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item:hover{margin-bottom: 0px!important;background-color: var(--Color-White);}
main .page-home #accompagnement .accompagnement-list .accompagnement-item:hover .text p{opacity: 1;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item:hover .picto img.hover{opacity: 1;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item:hover .picto img.normal{opacity: 0;}
main .page-home #separation{padding: 150px;position: relative;background-color: #000;text-align: center;overflow: hidden;}
main .page-home #separation .bg{position: absolute;width: 100%;height: 100%;opacity: .8;left: 0;top: 0;transition: .3s;    object-fit: cover;}
main .page-home #separation:hover .bg{transform: scale(1.02);}
main .page-home #separation h2{color: #FFF; font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 300; line-height: normal;margin: 0;z-index: 5;position: relative;}
main .page-home #separation h2 strong{color: #FFF; font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 800; line-height: normal;}
main .page-home #expertise{padding: 60px 160px 0;background-color: var(--Color-LightGrey);}
main .page-home #expertise .content{display: flex;align-items: center;}
main .page-home #expertise .content .img{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-home #expertise .content .img img{display: block;}
main .page-home #expertise .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-home #expertise .content .text h2{margin-top: 0;margin-bottom: 20px;color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;}
main .page-home #expertise .content .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-home #expertise .content .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
main .page-home #expertise .content .text p:last-of-type{margin-bottom: 0;}
main .page-home #expertise .content .text .btn{margin-top: 20px;}
main .page-home #gamme-produits{padding: 120px 160px;background-color: var(--Color-White);}
main .page-home #gamme-produits .content{display: flex;align-items: center;}
main .page-home #gamme-produits .content .text{width: 25%;}
main .page-home #gamme-produits .content .text h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 40px;margin-bottom: 30px;margin-top: 0;}
main .page-home #gamme-produits .content .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px;}
main .page-home #gamme-produits .content .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-home #gamme-produits .content .text p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 18px; font-style: italic; font-weight: 500; line-height: 28px;}
main .page-home #gamme-produits .content .text p:last-of-type{margin-bottom: 0;}
main .page-home #gamme-produits .content .offres{display: flex;width: 66.66666667%;margin-left: 8.33333333%;gap: 20px;}
main .page-home #gamme-produits .content .offres .offre{border-radius: 30px; border: 2px solid var(--Color-LightGrey);padding: 20px 20px 100px;width: 25%;position: relative;overflow: hidden;transition: .3s;}
main .page-home #gamme-produits .content .offres .offre h3{margin: 0;color: var(--Color-Black); font-family: Elgraine; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 10px;transition: .3s;}
main .page-home #gamme-produits .content .offres .offre p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 10px;transition: .3s;}
main .page-home #gamme-produits .content .offres .offre p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal;transition: .3s;}
main .page-home #gamme-produits .content .offres .offre svg{position: absolute;    bottom: -35px; right: -60px;}
main .page-home #gamme-produits .content .offres .offre:hover p{color: var(--Color-White);}
main .page-home #gamme-produits .content .offres .offre:hover p strong{color: var(--Color-White);}
main .page-home #gamme-produits .content .offres .offre:hover h3{color: var(--Color-White);}
main .page-home #gamme-produits .content .offres .offre:hover svg{right: -30px;}
main .page-home #partenaires{padding: 120px 160px;background-color: var(--Color-LightGrey);}
main .page-home #partenaires .title{width: 100%;display: flex;gap: 20px;margin-bottom: 60px;align-items: baseline;}
main .page-home #partenaires .title h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;margin: 0;}
main .page-home #partenaires .title h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-home #partenaires .title .subtitle{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: uppercase;margin: 0;}
main .page-home #partenaires .partenaires{display: flex;align-items: center;justify-content: center;}
main .page-home #partenaires .partenaires .partenaire{width: 16.66666667%;text-align: center;}
main .page-home #partenaires .partenaires .partenaire img{display: block;margin: auto;} main .page-cabinet{padding-top: 140px;}
main .page-cabinet #entry{padding: 120px 160px;background-color: var(--Color-Black);background-image: url(//www.steinmann-gestionprivee.fr/wp-content/themes/steinmann/img/taureau-2.png);background-size: auto;background-position: right 8.33333333% top;background-repeat: no-repeat;background-blend-mode: screen; }
main .page-cabinet #entry .content{display: flex;}
main .page-cabinet #entry .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-cabinet #entry .content .text h1{color: #FFF; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 100; line-height: normal;margin: 0;margin-bottom: 30px;}
main .page-cabinet #entry .content .text h1 strong{color: #FFF; font-family: Elgraine; font-size: 60px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-cabinet #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-cabinet #content{padding: 120px 160px;background: var(--Color-LightGrey);}
main .page-cabinet #content .portrait-1{display: flex;gap: 20px;}
main .page-cabinet #content .portrait-1 .img{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-cabinet #content .portrait-1 .img img{border-radius: 30px;width: 100%;display: block;}
main .page-cabinet #content .portrait-1 .text{width: 50%;padding: 80px 8.33333333%;background: var(--Color-White);border-radius: 30px;}
main .page-cabinet #content .portrait-1 .text h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;margin: 0;margin-bottom: 20px;}
main .page-cabinet #content .portrait-1 .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-cabinet #content .portrait-1 .text h3{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px;margin-bottom: 50px;margin-top: 0;text-transform: uppercase;}
main .page-cabinet #content .portrait-1 .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-cabinet #content .portrait-1 .text p em{color: var(--Color-Black); font-family: Elgraine; font-size: 18px; font-style: italic; font-weight: 500; line-height: 28px;}
main .page-cabinet #content .portrait-1 .text .btn{background: var(--Color-White);border: 1px solid var(--Color-Black);}
main .page-cabinet #content .portrait-1 .text .btn:hover{background-color: var(--Color-Black);}
main .page-cabinet #content .citation{padding: 70px 8.33333333%;}
main .page-cabinet #content .citation blockquote{margin: 0;}
main .page-cabinet #content .citation blockquote p{margin-bottom: 20px;color: var(--Color-Black); font-family: Roboto; font-size: 28px; font-style: normal; font-weight: 300; line-height: normal;}
main .page-cabinet #content .citation blockquote p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 28px; font-style: normal; font-weight: 800; line-height: normal;}
main .page-cabinet #content .citation p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
main .page-cabinet #content .portrait-2{display: flex;gap: 20px;}
main .page-cabinet #content .portrait-2 .img{width: 33.33333333%;}
main .page-cabinet #content .portrait-2 .img img{border-radius: 30px;width: 100%;display: block;}
main .page-cabinet #content .portrait-2 .text{width: 50%;padding: 80px 8.33333333%;margin-left: 8.33333333%;background: var(--Color-White);border-radius: 30px;}
main .page-cabinet #content .portrait-2 .text h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: normal;margin: 0;margin-bottom: 30px;}
main .page-cabinet #content .portrait-2 .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-cabinet #content .portrait-2 .text h3{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px;margin-bottom: 50px;margin-top: 0;text-transform: uppercase}
main .page-cabinet #content .portrait-2 .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-cabinet #content .portrait-2 .text p em{color: var(--Color-Black); font-family: Elgraine; font-size: 18px; font-style: italic; font-weight: 500; line-height: 28px;}
main .page-cabinet #content .portrait-2 .text .btn{background: var(--Color-White);border: 1px solid var(--Color-Black);}
main .page-cabinet #content .portrait-2 .text .btn:hover{background-color: var(--Color-Black);}
main .page-cabinet #content .equipe{display: flex;gap: 20px;margin-top: 20px;}
main .page-cabinet #content .equipe .img{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-cabinet #content .equipe .img img{border-radius: 30px;width: 100%;display: block;}
main .page-cabinet #content .equipe .text{width: 50%;padding: 80px 8.33333333%;background: var(--Color-White);border-radius: 30px;}
main .page-cabinet #content .equipe .text h2{color: var(--Color-Black); font-family: Elgraine; font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px;margin: 0;margin-bottom: 20px;}
main .page-cabinet #content .equipe .text h3{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px;margin-bottom: 50px;margin-top: 0;text-transform: uppercase;}
main .page-cabinet #content .equipe .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-cabinet #content .equipe .text li{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-cabinet #content .equipe .text p em{color: var(--Color-Black); font-family: Elgraine; font-size: 18px; font-style: italic; font-weight: 500; line-height: 28px;}
main .page-cabinet #content .equipe .text p:last-child{margin-bottom: 0;}
main .page-cabinet #content .equipe .text .btn{background: var(--Color-White);border: 1px solid var(--Color-Black);}
main .page-cabinet #content .equipe .text .btn:hover{background-color: var(--Color-Black);} main .page-accompagnement{padding-top: 140px;}
main .page-accompagnement #entry{padding: 120px 160px;background: #000;position: relative;}
main .page-accompagnement #entry .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: .6;}
main .page-accompagnement #entry .content{display: flex;z-index: 2;position: relative;}
main .page-accompagnement #entry .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-accompagnement #entry .content .text h1 {color: #FFF; font-family: Elgraine; font-size: 60px; font-style: normal; font-weight: 400; line-height: 60px;margin-bottom: 30px;margin-top: 0;}
main .page-accompagnement #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-accompagnement #content{padding: 120px 160px;background: var(--Color-LightGrey);}
main .page-accompagnement #content .accompagnement-list{display: flex;flex-direction: column;gap: 20px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item{display: flex;gap: 20px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text{padding: 50px;border-radius: 30px;position: relative;width: 33.33333333%;background: var(--Color-White);}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .number{position: absolute;right: 50px;top: 140px;font-family: Elgraine; font-size: 140px; font-style: normal; font-weight: 700; line-height: 140px;color: #ffffff; text-shadow: 0px 0px 2px #000; mix-blend-mode: multiply;opacity: .3;margin-bottom: 0;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .picto{margin-bottom: 50px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .picto img{display: block;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .text-block{}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .text-block h2{color: var(--Color-Black); font-family: Elgraine; font-size: 32px; font-style: normal; font-weight: 600; line-height: 40px;margin-top: 0;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .text-block p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img{width: 50%;border-radius: 30px;overflow: hidden;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.right .text{order: 1;margin-left: 8.33333333%;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.right .img{order: 2;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.left .text{order: 2;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.left .img{order: 1;margin-left: 8.33333333%;}
main .page-accompagnement #content .cta{margin-top: 20px;display: flex;}
main .page-accompagnement #content .cta .text{width:  calc(50% + 20px);margin-left: 8.33333333%;padding: 80px 0 80px 8.33333333%;background-color: var(--Color-Black);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
main .page-accompagnement #content .cta .text h2{color: var(--Color-White, #FFF); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 40px;margin-top: 0;margin-bottom: 15px;}
main .page-accompagnement #content .cta .text h2 strong{color: var(--Color-White, #FFF); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px;}
main .page-accompagnement #content .cta .text p{color: var(--Color-White); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
main .page-accompagnement #content .cta .btn-block{width: 33.33333333%;padding: 80px 8.33333333% 80px 0;background-color: var(--Color-Black);border-top-right-radius: 30px;border-bottom-right-radius: 30px;display: flex;justify-content: flex-end;align-items: flex-end;}
main .page-accompagnement #content .cta .btn-block .btn{color: var(--Color-White);background-color: transparent;border: 1px solid var(--Color-White);}
main .page-accompagnement #content .cta .btn-block .btn:hover{color: var(--Color-Black);background-color: var(--Color-White);box-shadow: 0px 4px 16px 0px rgba(246, 247, 242, 0.50);} main .page-expertise{padding-top: 140px;}
main .page-expertise #entry{padding: 120px 160px;background: #000;position: relative;}
main .page-expertise #entry .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: .6;}
main .page-expertise #entry .content{display: flex;z-index: 2;position: relative;}
main .page-expertise #entry .content .text{width: 41.66666667%;margin-left: 8.33333333%;}
main .page-expertise #entry .content .text h1 {color: #FFF; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 100; line-height: 60px;margin-bottom: 30px;margin-top: 0;}
main .page-expertise #entry .content .text h1 strong{color: #FFF; font-family: Elgraine; font-size: 60px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-expertise #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;width: 80%;}
main .page-expertise #content{padding: 120px 160px;background: var(--Color-LightGrey);}
main .page-expertise #content .expertise-list{display: flex;flex-direction: column;gap: 20px;}
main .page-expertise #content .expertise-list .expertise-item{display: flex;gap: 20px;}
main .page-expertise #content .expertise-list .expertise-item .text{padding: 50px 8.33333333%;border-radius: 30px;position: relative;width: 50%;background: var(--Color-White);    display: flex; flex-direction: column; justify-content: center;}
main .page-expertise #content .expertise-list .expertise-item .text h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 46px;margin-top: 0;}
main .page-expertise #content .expertise-list .expertise-item .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: 46px;}
main .page-expertise #content .expertise-list .expertise-item .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-expertise #content .expertise-list .expertise-item .img{width: 33.33333333%;border-radius: 30px;overflow: hidden;}
main .page-expertise #content .expertise-list .expertise-item .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
main .page-expertise #content .expertise-list .expertise-item.right .text{order: 2;}
main .page-expertise #content .expertise-list .expertise-item.right .img{order: 1;margin-left: 8.33333333%;}
main .page-expertise #content .expertise-list .expertise-item.left .text{order: 1;margin-left: 8.33333333%;}
main .page-expertise #content .expertise-list .expertise-item.left .img{order: 2;}
main .page-expertise #content .expertise-list .citation{padding: 60px 8.33333333%;}
main .page-expertise #content .expertise-list .citation blockquote{margin: 0;}
main .page-expertise #content .expertise-list .citation blockquote p{margin-bottom: 20px;color: var(--Color-Black); font-family: Roboto; font-size: 28px; font-style: normal; font-weight: 300; line-height: normal;}
main .page-expertise #content .expertise-list .citation blockquote p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 28px; font-style: normal; font-weight: 800; line-height: normal;}
main .page-expertise #content .expertise-list .citation p{color: var(--Color-Black); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
main .page-expertise #content .cta{margin-top: 20px;display: flex;}
main .page-expertise #content .cta .text{width:  calc(50% + 20px);margin-left: 8.33333333%;padding: 80px 0 80px 8.33333333%;background-color: var(--Color-Black);border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
main .page-expertise #content .cta .text h2{color: var(--Color-White, #FFF); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 40px;margin-top: 0;margin-bottom: 15px;}
main .page-expertise #content .cta .text h2 strong{color: var(--Color-White, #FFF); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px;}
main .page-expertise #content .cta .text p{color: var(--Color-White); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
main .page-expertise #content .cta .btn-block{width: 33.33333333%;padding: 80px 8.33333333% 80px 0;background-color: var(--Color-Black);border-top-right-radius: 30px;border-bottom-right-radius: 30px;display: flex;justify-content: flex-end;align-items: flex-end;}
main .page-expertise #content .cta .btn-block .btn{color: var(--Color-White);background-color: transparent;border: 1px solid var(--Color-White);}
main .page-expertise #content .cta .btn-block .btn:hover{color: var(--Color-Black);background-color: var(--Color-White);box-shadow: 0px 4px 16px 0px rgba(246, 247, 242, 0.50);} main .page-offre{padding-top: 140px;}
main .page-offre #entry{padding: 120px 160px;background: #000;position: relative;}
main .page-offre #entry .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: .6;}
main .page-offre #entry .content{display: flex;z-index: 2;position: relative;}
main .page-offre #entry .content .text{width: 100%;margin-left: 8.33333333%;}
main .page-offre #entry .content .text h1 {color: #FFF; font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: normal;margin: 0}
main .page-offre #entry .content .text h1 strong{color: #FFF; font-family: Elgraine; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-offre #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;width: 80%;}
main .page-offre #gamme-produits{padding: 100px 160px 120px;background-color: var(--Color-White);}
main .page-offre #gamme-produits .content{display: flex;align-items: center;flex-wrap: wrap;}
main .page-offre #gamme-produits .content .offres{display: flex;width: 100%;gap: 20px;}
main .page-offre #gamme-produits .content .offres .offre{border-radius: 30px; border: 2px solid var(--Color-LightGrey);padding: 30px 140px 30px 30px;width: 25%;position: relative;overflow: hidden;transition: .3s;display: flex;flex-direction: column;}
main .page-offre #gamme-produits .content .offres .offre h2{margin: 0;color: var(--Color-Black); font-family: Elgraine; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 10px;transition: .3s;}
main .page-offre #gamme-produits .content .offres .offre p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: 10px;transition: .3s;}
main .page-offre #gamme-produits .content .offres .offre p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal;transition: .3s;}
main .page-offre #gamme-produits .content .offres .offre p:last-of-type{margin-top: auto;}
main .page-offre #gamme-produits .content .offres .offre svg{position: absolute;    bottom: -35px; right: -60px;}
main .page-offre #gamme-produits .content .offres .offre:hover p{color: var(--Color-White);}
main .page-offre #gamme-produits .content .offres .offre:hover p strong{color: var(--Color-White);}
main .page-offre #gamme-produits .content .offres .offre:hover h2{color: var(--Color-White);}
main .page-offre #gamme-produits .content .offres .offre:hover svg{right: -30px;}
main .page-offre #gamme-produits .content .offres .offre .btn{margin-top: 20px;position: relative;z-index: 6;}
main .page-offre #gamme-produits .content .offres .offre:hover .btn{border-color: var(--Color-White);color: var(--Color-White);}
main .page-offre #gamme-produits .content .offres .offre:hover .btn:hover{color: var(--Color-Black);background-color: var(--Color-White);box-shadow: 0px 4px 16px 0px rgba(246, 247, 242, 0.50);}
main .page-offre #citation{background-color: var(--Color-LightGrey);}
main .page-offre #citation .citation{padding: 70px 160px 100px;}
main .page-offre #citation .citation blockquote{margin: 0;}
main .page-offre #citation .citation blockquote p{margin-bottom: 20px;color: var(--Color-Black); font-family: Roboto; font-size: 28px; font-style: normal; font-weight: 300; line-height: normal;}
main .page-offre #citation .citation blockquote p strong{color: var(--Color-Black); font-family: Elgraine; font-size: 28px; font-style: normal; font-weight: 800; line-height: normal;}
main .page-offre #citation .citation p{color: var(--Color-Black); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;} main .page-partenaires{padding-top: 140px;}
main .page-partenaires #entry{padding: 120px 160px;background: #000;position: relative;}
main .page-partenaires #entry .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: .6;}
main .page-partenaires #entry .content{display: flex;z-index: 2;position: relative;}
main .page-partenaires #entry .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-partenaires #entry .content .text h1 {color: #FFF; font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: normal;margin:0;margin-bottom: 20px;}
main .page-partenaires #entry .content .text h1 strong{color: #FFF; font-family: Elgraine; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-partenaires #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;width: 80%;}
main .page-partenaires #partenaires{padding: 100px 160px 120px;}
main .page-partenaires #partenaires .text{width: 83.33333333%;margin: auto;margin-bottom: 60px;}
main .page-partenaires #partenaires .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
main .page-partenaires #partenaires .partenaires{display: flex;align-items: center;justify-content: center;gap: 20px;width: 83.33333333%;margin: auto;flex-wrap: wrap;}
main .page-partenaires #partenaires .partenaires .partenaire{width: calc((100% / 6) - 20px);text-align: center;}
main .page-partenaires #partenaires .partenaires .partenaire img{display: block;margin: auto;} main .page-contact{padding-top: 140px;}
main .page-contact #entry{padding: 120px 160px;background: #000;position: relative;}
main .page-contact #entry .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: .6;}
main .page-contact #entry .content{display: flex;z-index: 2;position: relative;}
main .page-contact #entry .content .text{width: 33.33333333%;margin-left: 8.33333333%;}
main .page-contact #entry .content .text h1 {color: #FFF; font-family: Roboto; font-size: 50px; font-style: normal; font-weight: 100; line-height: normal;margin:0}
main .page-contact #entry .content .text h1 strong{color: #FFF; font-family: Elgraine; font-size: 50px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-contact #entry .content .text p{color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;width: 80%;}
main .page-contact #content{padding: 100px 160px 140px;background: var(--Color-LightGrey);}
main .page-contact #content .contact{width:  66.66666667%;margin: auto;margin-bottom: 100px;}
main .page-contact #content .contact form{display: flex;flex-wrap: wrap;gap: 20px;}
main .page-contact #content .contact form .half{width: calc(50% - 10px);}
main .page-contact #content .contact form .wpcf7-response-output{width: 100%;margin: 0;}
main .page-contact #content .contact form p{display: flex;flex-direction: column;gap: 20px;}
main .page-contact #content .contact form p br{display: none}
main .page-contact #content .contact form input, main .page-contact #content .contact form select, main .page-contact #content .contact form textarea{transition: .3s;width: 100%;border-radius: 8px; border: 2px solid var(--Color-White, #FFF);background: transparent;outline: none;color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;padding: 15px 20px;}
main .page-contact #content .contact form input:hover, main .page-contact #content .contact form select:hover, main .page-contact #content .contact form textarea:hover{background-color: #fff;}
main .page-contact #content .contact form input:focus, main .page-contact #content .contact form select:focus, main .page-contact #content .contact form textarea:focus{background-color: #fff;}
main .page-contact #content .contact form input::placeholder, main .page-contact #content .contact form select::placeholder, main .page-contact #content .contact form textarea::placeholder{color: var(--Color-Grey, #6B7071); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
main .page-contact #content .contact form textarea{height: 270px;}
main .page-contact #content .contact form input[type='submit']{margin-left: auto;;float: right;;cursor: pointer;transition: .3s;width: fit-content;;color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;padding: 14px 18px;border-radius: 8px; border: 2px solid var(--Color-Black); display: inline-block;background: var(--Color-LightGrey);}
main .page-contact #content .contact form input[type='submit']:hover{color: var(--Color-White);background: var(--Color-Black);box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.50);}
main .page-contact #content .contact form input[type="checkbox"]{width: auto;}
main .page-contact #content .contact form span{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-contact #content .adresse{display: flex;gap: 20px;}
main .page-contact #content .adresse .text{padding: 50px 8.33333333%;border-radius: 30px;position: relative;width: 50%;background: var(--Color-White);display: flex; flex-direction: column; justify-content: center;}
main .page-contact #content .adresse .text h2{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 100; line-height: 46px;margin-top: 0;}
main .page-contact #content .adresse .text h2 strong{color: var(--Color-Black); font-family: Elgraine; font-size: 40px; font-style: normal; font-weight: 400; line-height: 46px;}
main .page-contact #content .adresse .text p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
main .page-contact #content .adresse .img{width: 33.33333333%;border-radius: 30px;overflow: hidden;margin-left: 8.33333333%;}
main .page-contact #content .adresse .img img{display: block;width: 100%;height: 100%;object-fit: cover;} main .page-classique{padding-top: 140px;}
main .page-classique #content{padding: 100px 160px}
main .page-classique #content h1{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 300; line-height: normal;margin:0;margin-bottom: 30px;}
main .page-classique #content h2{color: var(--Color-Black); font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal;margin:0;margin-bottom: 30px;}
main .page-classique #content h3{color: var(--Color-Black); font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal;margin:0;margin-bottom: 30px;}
main .page-classique #content p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;;}
main .page-classique #content ul{margin: 0;}
main .page-classique #content li{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;;}
main .page-classique #content a{text-decoration: underline;} main .page-404{padding: 240px 8.3333% 100px;}
main .page-404 h1{color: var(--Color-Black); font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 300; line-height: normal;margin:0;margin-bottom: 30px;}
main .page-404 p{color: var(--Color-Black); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;;}
main .page-404 a{text-decoration: underline;} @media screen and (max-width: 1750px) {
main .page-offre #gamme-produits .content .offres .offre{padding: 30px 80px 30px 30px;}
}
@media screen and (max-width: 1700px) {
main .page-home #accompagnement .accompagnement-list .accompagnement-item{padding: 40px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .text h3{font-size: 28px;line-height: 35px;}
main .page-accompagnement #content .cta .text h2{font-size: 35px;}
main .page-accompagnement #content .cta .text h2 strong{font-size: 35px;}
main .page-offre #gamme-produits .content .offres .offre svg{width: 150px; height: auto;}
}
@media screen and (max-width: 1600px) {
header .desktop-menu .menu{gap: 4.3333%;}
header .desktop-menu .menu .menu-principal ul{gap: 18px;}
main .page-home #cabinet .content .text{width: 41.66666667%;}
main .page-home #gamme-produits .content .offres{margin-left: 20px;width:  75%;}
main .page-home #partenaires .partenaires .partenaire{width: calc(100% / 5);}
main .page-cabinet #content .portrait-1 .text{padding: 4.333333%;}
main .page-cabinet #content .portrait-2 .text{padding: 4.333333%;}
main .page-cabinet #content .equipe .text{padding: 4.333333%;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text{width: 41.66666667%;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img{width: 41.66666667%;}
main .page-accompagnement #content .cta .text{padding-left: 4.3333%;}
main .page-accompagnement #content .cta .btn-block{padding-right: 4.3333%;}
main .page-expertise #content .expertise-list .expertise-item .text{padding: 4.333333%;}
main .page-offre #gamme-produits .content .offres .offre{padding: 30px 30px 65px 30px;}
}
@media screen and (max-width: 1500px) {
main .page-home #accompagnement .accompagnement-list .accompagnement-item{padding: 30px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .text h3{font-size: 26px;line-height: 32px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .number{right: 30px; top: 100px;font-size: 110px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto{width: 60px;height: 60px;margin-bottom: 40px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto img{width: 60px;}
main .page-home #gamme-produits .content .offres{flex-wrap: wrap;}
main .page-home #gamme-produits .content .offres .offre{width: calc(50% - 10px);}
main .page-accompagnement #content .cta .text{width: 58.33333333%;}
main .page-accompagnement #content .cta .btn-block{width: 25%;;}
}
@media screen and (max-width: 1400px) {
header .desktop-menu{padding: 39px 80px;}
header.header-scroll .desktop-menu{padding:30px 80px}
footer{padding: 70px 80px;}
main .page-home{padding-top: 120px;}
main .page-home #entry{padding: 0 80px}
main .page-home #entry .title h1{font-size: 14px;}
main .page-home #entry .entry-carousel .carousel-sizer-left{height: calc(100vh - 200px);}
main .page-home #entry .entry-carousel .carousel-left .item{height: calc(100vh - 200px);}
main .page-home #entry .entry-carousel .carousel-sizer-right{height: calc(100vh - 200px);}
main .page-home #entry .entry-carousel .carousel-right .item{height: calc(100vh - 200px);}
main .page-home #entry .scroll-down{padding: 28px 0;}
main .page-home #entry .entry-carousel .carousel-word p{font-size: 20px;}
main .page-home #entry .entry-carousel .carousel-word p span{font-size: 20px;}
main .page-home #metiers{padding:80px 80px}
main .page-home #metiers .content{gap: 20px;}
main .page-home #metiers .content .metier p{font-size: 20px;}
main .page-home #metiers .content .metier svg{width: 55px;height: 55px;margin-top: 15px;}
main .page-home #metiers .content .metier:hover svg{margin-bottom: 15px;}
main .page-home #cabinet{padding: 100px 80px;}
main .page-home #cabinet .content .portraits .portrait{padding-right: 30px;}
main .page-home #accompagnement{padding: 100px 80px;}
main .page-home #accompagnement .title{margin-bottom: 30px;}
main .page-home #accompagnement .title h2{font-size: 36px;}
main .page-home #separation{padding: 100px 80px;}
main .page-home #separation h2{font-size: 34px;}
main .page-home #separation h2 strong{font-size: 34px;}
main .page-home #expertise{padding: 60px 80px 0;}
main .page-home #expertise .content .text{width: 41.66666667%;}
main .page-home #gamme-produits{padding: 100px 80px;}
main .page-home #partenaires{padding: 100px 80px;}
main .page-cabinet{padding-top: 120px;}
main .page-cabinet #entry{padding: 100px 80px;}
main .page-cabinet #entry .content .text{width: 41.66666667%;}
main .page-cabinet #content{padding: 100px 80px;}
main .page-accompagnement{padding-top: 120px;}
main .page-accompagnement #entry{padding: 100px 80px;}
main .page-accompagnement #content{padding: 100px 80px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text{width: 50%;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img{width: 33.33333333%;}
main .page-expertise{padding-top: 120px;}
main .page-expertise #entry{padding: 100px 80px;}
main .page-expertise #content{padding: 100px 80px;}
main .page-expertise #content .expertise-list .expertise-item .text h2{font-size: 35px;line-height: 35px;}
main .page-offre{padding-top: 120px;}
main .page-offre #entry{padding: 100px 80px;}
main .page-offre #gamme-produits{padding: 100px 80px;}
main .page-offre #citation .citation{padding: 70px 80px 100px;}
main .page-partenaires{padding-top: 120px;}
main .page-partenaires #entry{padding: 100px 80px;}
main .page-partenaires #entry .content .text{width: 50%;}
main .page-partenaires #partenaires{padding: 100px 80px;}
main .page-contact {padding-top: 120px;}
main .page-contact #entry{padding: 100px 80px;}
main .page-contact #content{padding: 100px 80px;}
main .page-contact #content .contact{width: 83.33333333%;margin-bottom: 80px;}
main .page-contact #content .adresse .text{padding: 50px 4.3333%;}
main .page-contact #entry .content .text{width: 100%;}
main .page-classique{padding-top: 120px;}
main .page-classique #content{padding: 100px 80px}
}
@media screen and (max-width: 1200px) {
header .desktop-menu{padding: 29px 15px;}
header .desktop-menu .menu{gap: 20px;}
header .desktop-menu .menu .menu-principal ul{gap: 15px;}
header .desktop-menu .menu .menu-principal ul li a{font-size: 14px;}
header .desktop-menu .menu .menu-action ul li a{font-size: 14px;padding: 15px;}
header.header-scroll .desktop-menu{padding:29px 15px}
footer{padding: 50px 15px;}
footer .adress{margin-left: 8.33333333%;;}
footer .menu-footer{width: 25%;}
main .page-home{padding-top: 100px;}
main .page-home #entry{padding: 0 15px}
main .page-home #entry .entry-carousel .carousel-sizer-left{height: calc(100vh - 160px);}
main .page-home #entry .entry-carousel .carousel-left .item{height: calc(100vh - 160px);}
main .page-home #entry .entry-carousel .carousel-sizer-right{height: calc(100vh - 160px);}
main .page-home #entry .entry-carousel .carousel-right .item{height: calc(100vh - 160px);}
main .page-home #entry .scroll-down{padding: 20px 0;}
main .page-home #metiers{padding: 60px 15px;}
main .page-home #metiers .content{gap: 10px;}
main .page-home #metiers .content .metier p{font-size: 18px;}
main .page-home #cabinet{padding: 80px 15px;}
main .page-home #cabinet .content .text{margin-left: 0;width: 50%;}
main .page-home #accompagnement{padding: 80px 15px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item{padding: 20px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .text h3{font-size: 22px;line-height: 30px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto{width: 50px;height: 50px;margin-bottom: 30px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .picto img{width: 50px;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item .number{    right: 20px; top: 50px; font-size: 80px;}
main .page-home #separation{padding: 80px 15px;}
main .page-home #expertise{padding: 60px 15px 0;}
main .page-home #expertise .content .text{width: 50%;}
main .page-home #expertise .content .text .btn{margin-top: 0;}
main .page-home #gamme-produits{padding: 80px 15px;}
main .page-home #gamme-produits .content .text{width: 33.33333333%;;}
main .page-home #gamme-produits .content .offres{width: 66.66666667%;}
main .page-home #partenaires{padding: 80px 15px;}
main .page-home #partenaires .title{margin-bottom: 40px;}
main .page-cabinet{padding-top: 100px;}
main .page-cabinet #entry{background-size: 60%;padding: 80px 15px;}
main .page-cabinet #entry .content .text{width: 50%;}
main .page-cabinet #content{padding: 80px 15px;}
main .page-cabinet #content .portrait-1 .img{margin-left: 0;width: 41.66666667%;}
main .page-cabinet #content .portrait-1 .text{width: 58.33333333%;}
main .page-cabinet #content .citation{padding: 50px 0;}
main .page-cabinet #content .citation blockquote p{font-size: 24px;}
main .page-cabinet #content .citation blockquote p strong{font-size: 24px;}
main .page-cabinet #content .portrait-2 .img{width: 41.66666667%;}
main .page-cabinet #content .portrait-2 .text{width: 58.33333333%;margin-left: 0;}
main .page-cabinet #content .equipe .img{margin-left: 0;width: 41.66666667%;}
main .page-cabinet #content .equipe .text{width: 58.33333333%;}
main .page-accompagnement{padding-top: 100px;}
main .page-accompagnement #entry{padding: 80px 15px;}
main .page-accompagnement #entry .content .text{width: 50%;}
main .page-accompagnement #content{padding: 80px 15px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text{width: 58.33333333%;margin-left: 0!important;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img{width: 41.66666667%;margin-left: 0!important;}
main .page-accompagnement #content .cta .text{margin-left: 0;width: 75%;}
main .page-expertise{padding-top: 100px;}
main .page-expertise #entry{padding: 80px 15px;}
main .page-expertise #entry .content .text{width: 50%;}
main .page-expertise #content{padding: 80px 15px;}
main .page-expertise #content .expertise-list .expertise-item .img{margin-left: 0!important;width: 41.66666667%;}
main .page-expertise #content .expertise-list .expertise-item .text{width: 58.33333333%;margin-left: 0!important;}
main .page-expertise #content .expertise-list .citation{padding: 50px 0;}
main .page-expertise #content .expertise-list .citation blockquote p{font-size: 24px;}
main .page-expertise #content .expertise-list .citation blockquote p strong{font-size: 24px;}
main .page-offre{padding-top: 100px;}
main .page-offre #entry{padding: 80px 15px;}
main .page-offre #gamme-produits{padding: 80px 15px;}
main .page-offre #gamme-produits .content .offres .offre{padding: 20px 20px 65px 20px;}
main .page-offre #citation .citation{padding: 60px 15px;}
main .page-partenaires{padding-top: 100px;}
main .page-partenaires #entry{padding: 80px 15px;}
main .page-partenaires #partenaires{padding: 80px 15px;}
main .page-partenaires #partenaires .partenaires .partenaire { width: calc((100% / 3) - 14px); text-align: center; }
main .page-contact {padding-top: 100px;}
main .page-contact #entry{padding: 80px 15px;}
main .page-contact #content{padding: 80px 15px;}
main .page-classique{padding-top: 100px;}
main .page-classique #content{padding: 80px 15px}
}
@media screen and (max-width: 980px) {
header .desktop-menu .logo{width: 75%;}
header .desktop-menu .menu{display: none;}
header .desktop-menu .burger-button{display: flex;}
header.header-scroll .desktop-menu{padding:20px 15px}
header.open.header-scroll .desktop-menu{padding:29px 15px}
footer{flex-direction: column;gap: 20px;}
footer .logo{width: 100%;}
footer .logo svg{display: block;margin: auto;}
footer .adress{margin-left: 0;text-align: center;width: 100%;}
footer .contact{text-align: center;width: 100%;}
footer .menu-footer{text-align: center;width: 100%;}
footer .menu-footer ul{justify-content: center;}
footer .pqp{text-align: center;width: 100%;}
main .page-home #entry .title{width: calc(100% - 30px);text-align: center;padding: 15px 15px}
main .page-home #entry .scroll-down{display: none;}
main .page-home #entry .entry-carousel .carousel-sizer-left{height: calc(50vh - 57px);width: 100%;}
main .page-home #entry .entry-carousel .carousel-sizer-right{height: calc(50vh - 57px);width: 100%;}
main .page-home #entry .entry-carousel .carousel-left .item{height: calc(50vh - 57px);}
main .page-home #entry .entry-carousel .carousel-right .item{height: calc(50vh - 57px);}
main .page-home #entry .entry-carousel .item img.desktop-img{display: none;}
main .page-home #entry .entry-carousel .item img.desktop-img.on{display: none;}
main .page-home #entry .entry-carousel .item img.mobile-img{display: block;}
main .page-home #entry .entry-carousel .item img.mobile-img.off{display: block;}
main .page-home #entry .entry-carousel .item img.on{display: block;}
main .page-home #entry .entry-carousel .carousel-word{align-items: flex-end;}
main .page-home #entry .entry-carousel .carousel-word p{font-size: 16px;}
main .page-home #entry .entry-carousel .carousel-word p span{font-size: 16px;}
main .page-home #metiers{padding: 30px 15px;}
main .page-home #metiers .content{flex-wrap: wrap;row-gap: 20px;}
main .page-home #metiers .content .metier{width: calc(50% - 5px);} main .page-home #cabinet { padding: 60px 15px; background-position: bottom;background-image: none; }
main .page-home #cabinet .content{flex-wrap: wrap;gap: 20px;}
main .page-home #cabinet .content .text{width: 100%;order: 1;}
main .page-home #cabinet .content .text h2{margin-bottom: 15px;font-size: 35px;}
main .page-home #cabinet .content .text h2 strong{font-size: 35px;}
main .page-home #cabinet .content .text .btn{margin-top: 10px;}
main .page-home #cabinet .content .portraits{width: 100%;flex-direction: column;order: 2;gap: 20px;}
main .page-home #cabinet .content .portraits .portrait{padding: 0;    width: 100%;}
main .page-home #accompagnement{padding: 60px 15px;}
main .page-home #accompagnement .title{margin-bottom: 20px;}
main .page-home #accompagnement .title h2{font-size: 35px;}
main .page-home #accompagnement .accompagnement-list{flex-wrap: wrap;}
main .page-home #accompagnement .accompagnement-list .accompagnement-item{width: 100%;}
main .page-home #separation{padding: 60px 15px;}
main .page-home #separation h2{font-size: 30px;}
main .page-home #separation h2 strong{font-size: 30px;}
main .page-home #expertise{padding: 60px 15px;}
main .page-home #expertise .content .img{display: none;}
main .page-home #expertise .content .text{width: 100%;margin: 0;}
main .page-home #expertise .content .text h2{font-size: 35px;}
main .page-home #gamme-produits{padding: 60px 15px;}
main .page-home #gamme-produits .content{flex-wrap: wrap;gap: 20px;}
main .page-home #gamme-produits .content .text{width: 100%;}
main .page-home #gamme-produits .content .text h2{font-size: 35px;margin-bottom: 20px;}
main .page-home #gamme-produits .content .text h2 strong{font-size: 35px;}
main .page-home #gamme-produits .content .offres{width: 100%;margin-left: 0;}
main .page-home #gamme-produits .content .offres .offre{width: 100%;}
main .page-home #partenaires{padding: 60px 15px;}
main .page-home #partenaires .title{margin-bottom: 30px;flex-direction: column;gap: 15px;}
main .page-home #partenaires .title h2{font-size: 35px;}
main .page-home #partenaires .title h2 strong{font-size: 35px;}
main .page-home #partenaires .partenaires{flex-wrap: wrap;gap: 20px;}
main .page-home #partenaires .partenaires .partenaire{width: 100%;}
main .page-cabinet #entry{padding: 60px 15px;background-size: 100%;}
main .page-cabinet #entry .content .text{width: 100%;margin-left: 0;}
main .page-cabinet #entry .content .text h1{font-size: 40px;margin-bottom: 20px;}
main .page-cabinet #entry .content .text h1 strong{font-size: 40px;}
main .page-cabinet #content{padding: 60px 15px;}
main .page-cabinet #content .portrait-1{flex-wrap: wrap;}
main .page-cabinet #content .portrait-1 .img{width: 100%;}
main .page-cabinet #content .portrait-1 .text{width: 100%;}
main .page-cabinet #content .portrait-1 .text{padding: 20px;}
main .page-cabinet #content .portrait-1 .text h2{font-size: 30px;}
main .page-cabinet #content .portrait-1 .text h2 strong{font-size: 30px;}
main .page-cabinet #content .portrait-1 .text h3{font-size: 14px;margin-bottom: 20px;}
main .page-cabinet #content .portrait-1 .text p em{font-size: 16px;}
main .page-cabinet #content .citation blockquote p{font-size: 20px;}
main .page-cabinet #content .citation blockquote p strong{font-size: 20px;}
main .page-cabinet #content .portrait-2{flex-wrap: wrap;}
main .page-cabinet #content .portrait-2 .img{width: 100%;order: 1;}
main .page-cabinet #content .portrait-2 .text{width: 100%;order: 2;}
main .page-cabinet #content .portrait-2 .text{padding: 20px;}
main .page-cabinet #content .portrait-2 .text h2{font-size: 30px;}
main .page-cabinet #content .portrait-2 .text h2 strong{font-size: 30px;}
main .page-cabinet #content .portrait-2 .text h3{font-size: 14px;margin-bottom: 20px;}
main .page-cabinet #content .portrait-2 .text p em{font-size: 16px;}
main .page-cabinet #content .equipe{flex-wrap: wrap;}
main .page-cabinet #content .equipe .img{width: 100%;order: 1;}
main .page-cabinet #content .equipe .text{width: 100%;order: 2;}
main .page-cabinet #content .equipe .text{padding: 20px;}
main .page-cabinet #content .equipe .text h2{font-size: 30px;}
main .page-cabinet #content .equipe .text h2 strong{font-size: 30px;}
main .page-cabinet #content .equipe .text h3{font-size: 14px;margin-bottom: 20px;}
main .page-cabinet #content .equipe .text p em{font-size: 16px;}
main .page-accompagnement #entry{padding: 60px 15px;}
main .page-accompagnement #entry .content .text{width: 100%;margin-left: 0;}
main .page-accompagnement #entry .content .text h1{font-size: 40px;margin-bottom: 20px;}
main .page-accompagnement #entry .bg{opacity: .4;}
main .page-accompagnement #content{padding: 60px 15px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item{flex-wrap: wrap;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text{width: 100%;padding: 20px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .picto{margin-bottom: 20px;width: 60px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .text-block h2{font-size: 28px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .text .number{top: 70px;right: 20px;font-size: 100px;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item .img{width: 100%;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.left .text{order: 1;}
main .page-accompagnement #content .accompagnement-list .accompagnement-item.left .img{order: 2;}
main .page-accompagnement #content .cta{flex-wrap: wrap;}
main .page-accompagnement #content .cta .text{padding: 20px;width: 100%;border-top-right-radius: 30px;border-bottom-left-radius: 0px;}
main .page-accompagnement #content .cta .text h2{font-size: 26px;}
main .page-accompagnement #content .cta .text h2 br{display: none;}
main .page-accompagnement #content .cta .text h2 strong{font-size: 26px;}
main .page-accompagnement #content .cta .btn-block{padding: 20px;width: 100%;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
main .page-expertise #entry{padding: 60px 15px;}
main .page-expertise #entry .content .text{width: 100%;margin-left: 0;}
main .page-expertise #entry .content .text h1{font-size: 40px;margin-bottom: 20px;}
main .page-expertise #entry .content .text h1 strong{font-size: 40px;margin-bottom: 20px;}
main .page-expertise #entry .content .text p{width: 100%;}
main .page-expertise #entry .bg{opacity: .4;}
main .page-expertise #content{padding: 60px 15px;}
main .page-expertise #content .expertise-list .expertise-item{flex-wrap: wrap;}
main .page-expertise #content .expertise-list .expertise-item .img{width: 100%;order: 2!important;}
main .page-expertise #content .expertise-list .expertise-item .text{width: 100%;order: 1!important;}
main .page-expertise #content .expertise-list .expertise-item .text{padding: 20px;}
main .page-expertise #content .expertise-list .expertise-item .text h2{font-size: 30px;}
main .page-expertise #content .expertise-list .expertise-item .text h2 strong{font-size: 30px;}
main .page-expertise #content .expertise-list .expertise-item .text h2 br{display: none;}
main .page-expertise #content .expertise-list .expertise-item .text h3{font-size: 14px;margin-bottom: 20px;}
main .page-expertise #content .expertise-list .expertise-item .text p em{font-size: 16px;}
main .page-expertise #content .expertise-list .citation blockquote p{font-size: 20px;}
main .page-expertise #content .expertise-list .citation blockquote p strong{font-size: 20px;}
main .page-offre #entry .content .text{margin-left: 0;}
main .page-offre #entry .content .text h1{font-size: 30px;}
main .page-offre #entry .content .text h1 strong{font-size: 30px;}
main .page-offre #gamme-produits{padding: 60px 15px;}
main .page-offre #gamme-produits .content .offres{flex-wrap: wrap;}
main .page-offre #gamme-produits .content .offres .offre{width: calc(50% - 10px);}
main .page-offre #citation .citation{padding: 50px 15px;}
main .page-offre #citation .citation blockquote p{font-size: 20px;}
main .page-offre #citation .citation blockquote p strong{font-size: 20px;}
main .page-partenaires #entry{padding: 60px 15px;}
main .page-partenaires #entry .content .text{width: 100%;margin-left: 0;}
main .page-partenaires #entry .content .text h1{font-size: 40px;margin-bottom: 20px;}
main .page-partenaires #entry .content .text h1 strong{font-size: 40px;margin-bottom: 20px;}
main .page-partenaires #entry .content .text p{width: 100%;}
main .page-partenaires #partenaires{padding: 60px 15px;}
main .page-partenaires #partenaires .text{width: 100%;margin: auto;margin-bottom: 30px;}
main .page-partenaires #partenaires .partenaires{width: 100%;gap: 20px;}
main .page-partenaires #partenaires .partenaires .partenaire{width: calc(50% - 10px);}
main .page-contact #entry .content .text{margin-left: 0;}
main .page-contact #entry .content .text h1{font-size: 40px;}
main .page-contact #entry .content .text h1 strong{font-size: 40px;}
main .page-contact #content{padding: 60px 15px;}
main .page-contact #content .contact{width: 100%;margin-bottom: 50px;}
main .page-contact #content .contact form .half{width: 100%;}
main .page-contact #content .contact form p{margin-bottom: 0;}
main .page-contact #content .contact form textarea{height: 150px;}
main .page-contact #content .adresse{flex-wrap: wrap;}
main .page-contact #content .adresse .img{width: 100%;margin-left: 0;order: 2;}
main .page-contact #content .adresse .text{width: 100%;margin-left: 0;order: 1;padding: 20px;}
main .page-contact #content .adresse .text p:last-of-type{margin-bottom: 0;}
main .page-contact #content .adresse .text h2{font-size: 30px;line-height: normal;margin-bottom: 15px;}
main .page-contact #content .adresse .text h2 strong{font-size: 30px;line-height: normal;}
main .page-classique #content{padding: 60px 15px}
}
@media screen and (max-width: 750px) {
main .page-offre #gamme-produits .content .offres .offre{width: 100%;padding: 20px 20px 35px 20px;}
main .page-offre #gamme-produits .content .offres .offre svg{width: 180px;height: auto;}
}