.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
alignment: center;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        .oxy-pro-menu {
menu_dropdown_animation:fade-up;
}
.oxy-pro-menu .oxy-pro-menu-list .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-list > .menu-item{
margin-top:px;
margin-left:px;
margin-right:px;
margin-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
margin-top:px;
margin-left:px;
margin-right:px;
margin-bottom:px;
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container > div:first-child, .oxy-pro-menu .oxy-pro-menu-open-container > div:first-child{
oxy-pro-menu_slug_oxypromenuoffcanvascontaineroxypromenulistmenuitemoxypromenuopencontaineroxypromenulistmenuitem_min_width:px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
oxy-pro-menu_slug_oxypromenuoffcanvascontainer_width:px;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item a{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container{
padding-top:px;
padding-left:px;
padding-right:px;
padding-bottom:px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-color:;
background-image:url();
overlay-color:;
background-size:;
background-repeat:;
background-attachment:;
background-blend-mode:;
background-size-width:px;
background-size-height:px;
background-position:px px;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1200px;
}
body {font-family: 'Roboto';}body {line-height: 1.7;font-size: 15px;font-weight: 400;color: #383554;}.oxy-nav-menu-hamburger-line {background-color: #383554;}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto';font-size: 36px;font-weight: 400;color: #000000;}h2, h3, h4, h5, h6{font-size: 30px;font-weight: 400;color: #000000;}h3, h4, h5, h6{font-size: 24px;font-weight: 400;color: #000000;}h4, h5, h6{font-size: 20px;font-weight: 400;color: #000000;}h5, h6{font-size: 18px;font-weight: 400;color: #000000;}h6{font-size: 16px;font-weight: 400;color: #000000;}a {color: #363167;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {color: #000000;text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.contenu:locked{
}
.contenu {
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0em;
 padding-top:0em;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
}
.contenu:not(.ct-section):not(.oxy-easy-posts),
.contenu.oxy-easy-posts .oxy-posts,
.contenu.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
justify-content:center;
}
.width-80 {
}
.bloc-newsletter {
}
.width-100:locked{
}
.width-100 {
}
.font-alt {
}
.formulaire {
}
.width-70 {
}
.margin-auto:locked{
}
.margin-auto {
}
.toggle-0247 {
}

                .toggle-0247 .oxy-expand-collapse-icon {
            font-size: 10px;        }
        
                .toggle-0247 .oxy-expand-collapse-icon::before,
        .toggle-0247 .oxy-expand-collapse-icon::after {
            background-color: #363167;        }
        
        .toggle-0247-expanded {
}
.bold {
}
.font-size-normal {
 font-size:2em;
}
@media (max-width: 991px) {
.font-size-normal {
 font-size:1.8em;
}
}

.txt-base {
}
.small-padding-y:locked{
}
.small-padding-y {
}
.badge-eco {
}
.relative {
}
.img--fond:locked{
}
.img--fond {
}
.ratio:locked{
}
.ratio {
 padding-top:0px;
}
.small-margin-bottom {
}
.oxy-stock-content-styles {
}
.partage-article {
}
.width-60 {
}
.big-margin-top {
}
.txt-left {
 text-align:left;
}
.txt-center {
 text-align:center;
}
.small-margin-top {
}
.normal-margin-top {
}
.font-size-big {
 font-size:3.5em;
 aos-enable:false;
}
.bg-header {
 background-color:#ffffff;
 position:static;
}
.toggle-9267 {
}
.toggle-9267-expanded {
}
.big-padding-top {
}
.menu-mobile {
}
@media (max-width: 1200px) {
.menu-mobile {
 background-color:rgba(255,255,255,0);
}
}

@media (max-width: 991px) {
.menu-mobile {
 background-color:#363167;
}
}

.local-footer {
 text-align:left;
}
.footer-bas {
 background-color:#fff6f0;
 color:#ffffff;
}
.laius-contenu {
 width:70%;
}
@media (max-width: 1200px) {
}

.laius-image {
background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); position:absolute;
 top:0px;
 width:100%;
 height:100%;
 left:0px;
}
.cache {
 height:100%;
 width:100%;
 position:absolute;
 top:0px;
 left:0px;
 background-color:#3d3c70;
 bottom:0px;
 opacity:0.8;
 mix-blend-mode:multiply;
 z-index:0;
}
.toggle-1794 {
}
.toggle-1794-expanded {
}
.toggle-1040 {
}
.toggle-1040-expanded {
}
.toggle-0716 {
}
.toggle-0716-expanded {
}
.encart-faq {
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgba(255,255,255,0.15);
 border-top-color:rgba(255,255,255,0.15);
 border-right-color:rgba(255,255,255,0.15);
 border-left-color:rgba(255,255,255,0.15);
 width:100%;
}
.encart-faq .ct-section-inner-wrap {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.zone-ref {
}
.diapo--accueil {
}
.font-size-titre {
 font-size:2.5em;
 line-height:1.2;
}
@media (max-width: 991px) {
.font-size-titre {
 font-size:2em;
}
}

.txt-blanc {
 color:#ffffff;
}
.toggle-2939 {
}
.toggle-2939-expanded {
}
.font-bold {
 font-weight:600;
}
.display-flex {
}
.display-flex:not(.ct-section):not(.oxy-easy-posts),
.display-flex.oxy-easy-posts .oxy-posts,
.display-flex.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:unset;
}
.f-align-self-center {
}
.flex-jc {
}
.flex-jc:not(.ct-section):not(.oxy-easy-posts),
.flex-jc.oxy-easy-posts .oxy-posts,
.flex-jc.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
.f-jc {
}
.bg-blanc {
 background-color:#ffffff;
}
.ratio--pano:locked{
}
.ratio--pano {
}
.ratio--carre:locked{
}
.ratio--carre {
}
.grid-wrap {
}
.txt-ton {
}
.font-size-small {
 font-size:20px;
}
.txt-col2 {
}
.txt-col1 {
}
.bg-col1 {
}
.transition-fade {
}
.hero {
}
.grid-container {
}
.grid--3 {
}
.bg-col2 {
}
.txt-fond {
}
.big-margin-bottom {
}
.grid--1 {
}
.footer-mentions {
}
.img-gondole {
}
.image {
}
.col1 {
}
.cta-smart {
 bottom:0px;
 left:0px;
}
.cta-smart:not(.ct-section):not(.oxy-easy-posts),
.cta-smart.oxy-easy-posts .oxy-posts,
.cta-smart.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
@media (max-width: 991px) {
.cta-smart {
}
.cta-smart:not(.ct-section):not(.oxy-easy-posts),
.cta-smart.oxy-easy-posts .oxy-posts,
.cta-smart.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
}

.watch {
}
.show-fadeInTop {
}
.fade-in {
}
.header-site {
}
.call-to-action {
}
.txt-blanc-all {
}
.slider {
}
.hero-img {
}
.damier {
}
.roquette {
}
.bg-col3 {
}
.normal-margin-y {
}
.bg-light {
}
.cta-smart-wrap {
}
.hauteur-img {
}
@media (max-width: 991px) {
.hauteur-img {
 height:300px;
}
}

.cta-rapide {
background-color :#363167;
border: 1px solid #363167;
color: #ffffff;
padding: 10px 16px;
}.cta-rapide {
}
.titre-faq {
 font-size:1.7em;
 margin-bottom:10px;
}
.diaporama--accueil {
}
.height-100vh {
}
.tete--gondole {
}
.tete--gondole:not(.ct-section):not(.oxy-easy-posts),
.tete--gondole.oxy-easy-posts .oxy-posts,
.tete--gondole.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.posiiton-absolute {
}
.absolute-full {
}
.tete-gondole-slogan {
}
.tete-gondole {
}
.bg-noir {
}
.normal-padding-y:locked{
}
.normal-padding-y {
}
.normal-margin-bottom {
}
.big-padding-y:locked{
}
.big-padding-y {
}
.xl-padding-y:locked{
}
.xl-padding-y {
}
.flex {
}
.bg-fond {
}
.normal-padding {
}
.big-padding {
}
.footer-contenu {
}
.contain {
}
.ratio--liens:locked{
}
.ratio--liens {
}
.scrolltest {
}
.scrollImg {
}
.scrollTxt {
}
.scrollTest {
}
.width-90 {
}
.titre-liens {
}
.big-padding-bottom {
}
.small-padding {
}
.reveal-LTR {
 aos-enable:true;
}
.reveal-RTL {
 aos-enable:true;
}
.reveal-TTB {
 aos-enable:true;
}
.reveal-BTT {
 aos-enable:true;
}
.fade-LTR {
 aos-enable:true;
}
.fade-RTL {
 aos-enable:true;
}
.fade-TTB {
 aos-enable:true;
}
.fade-BTT {
 aos-enable:true;
}
.geo-page {
}
.uppercase {
}
.listing--3 {
}
.overflow-hidden {
}
.xl-margin-top {
}
.titre-deco1 {
 font-size:6em;
 color:#f9a970;
 line-height:0.4;
 text-transform:uppercase;
 letter-spacing:10px;
}
@media (max-width: 991px) {
.titre-deco1 {
 font-size:3em;
 line-height:1.5;
 letter-spacing:1px;
}
}

.titre-deco2 {
 font-size:2.5em;
 font-weight:400;
}
@media (max-width: 991px) {
.titre-deco2 {
 font-size:2em;
}
}

.titre-deco-image {
 margin-right:30px;
}
@media (max-width: 991px) {
.titre-deco-image {
}
.titre-deco-image:not(.ct-section):not(.oxy-easy-posts),
.titre-deco-image.oxy-easy-posts .oxy-posts,
.titre-deco-image.ct-section .ct-section-inner-wrap{
display:none;
}
}

.deco-intro:after{
transform:translate(-50%); background-color:#f9a970;
 width:200px;
 height:1px;
 position:relative;
 left:50%;
  content:"";
}
.deco-intro:not(.ct-section):not(.oxy-easy-posts):after,
.deco-intro.oxy-easy-posts .oxy-posts:after,
.deco-intro.ct-section .ct-section-inner-wrap:after{
display:block;
}
.deco-intro:before{
transform:translate(-50%); background-color:#f9a970;
 height:1px;
 width:200px;
 position:relative;
 left:50%;
  content:"";
}
.deco-intro:not(.ct-section):not(.oxy-easy-posts):before,
.deco-intro.oxy-easy-posts .oxy-posts:before,
.deco-intro.ct-section .ct-section-inner-wrap:before{
display:block;
}
.deco-intro {
 line-height:2;
 position:relative;
 padding-top:4em;
 padding-bottom:4em;
}
.cta-base:before{
 width:100px;
 height:2px;
 background-color:#f9a970;
 margin-right:10px;
  content:"";
}
.cta-base:not(.ct-section):not(.oxy-easy-posts):before,
.cta-base.oxy-easy-posts .oxy-posts:before,
.cta-base.ct-section .ct-section-inner-wrap:before{
display:flex;
}
.cta-base {
 color:#363167;
 letter-spacing:1px;
 font-size:16px;
font-family:var(--font-alt);
}
.cta-base:not(.ct-section):not(.oxy-easy-posts),
.cta-base.oxy-easy-posts .oxy-posts,
.cta-base.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.xl-padding-bottom {
}
.xl-margin-y {
}
.big-margin-y {
}
.titre-hero {
 font-size:3em;
}
.liens-header {
}
.xl-padding-top {
}
:root {
  /* Couleurs */
  --fond: #ffffff;
  --col1: #363167;
  --col2: #f9a970;
  --col3: #fff6f0;
  --txt: #000000;
  --light: #f2f2f2;
  --blanc: white;
  --noir: black;
  --font: 'Open Sans', sans-serif;
  --font-alt: 'Fredoka One', sans-serif;
  
   /* Gaps */
  --xl: 5vw;
  --big: 3vw;
  --normal: 1.8vw;
  --small: 1vw;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open-Sans-Regular'),
        url('/wp-content/themes/prod/font/open-sans-regular.woff') format('woff'),
		url('/wp-content/themes/prod/font/open-sans-regular.woff2') format('woff2');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+000-5FF;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open-Sans-Bold'),
          url('/wp-content/themes/prod/font/open-sans-bold.woff') format('woff'),
		url('/wp-content/themes/prod/font/open-sans-bold.woff2') format('woff2');
    font-display: swap;
    font-weight: 600;
    font-style: normal;
    unicode-range: U+000-5FF;
}

@font-face {
    font-family: 'Fredoka One';
    src: local('Fredoka-One-Regular'),
        url('/wp-content/themes/prod/font/fredokaone-regular-webfont.woff') format('woff'),
		url('/wp-content/themes/prod/font/fredokaone-regular-webfont.woff2') format('woff2');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
    unicode-range: U+000-5FF;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('/wp-content/themes/prod/font/material-icon/MaterialIcons-Regular.woff2') format('woff2'),
    url('/wp-content/themes/prod/font/material-icon/MaterialIcons-Regular.woff') format('woff');
}
  .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: text-top;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

body{
	background-color: var(--fond);
	font-family: var(--font);
}

h1, h2, h3, h4, h5, h6 {font-family:inherit;line-height:1.2;}

.contenu{
	max-width: 1600px;
	width: 90%;
	margin: 0 auto;
}

.ct-section-inner-wrap {
	max-width:initial;
}

/* Condition pour le header sur accueil */
body.page-id-8 #header-site{

}

/* Condition pour fond du header sur accueil, avant le scroll */
body.page-id-8 header:not(.oxy-sticky-header-active) #_header_row-11-44{
  
}

/* Fil d'ariane */
ol.breadcrumb{font-size:13px;color:var(--txt);padding-left:0;}
ol.breadcrumb li a{color:var(--txt);}

/* NAV */
.oxy-header #menu-menu-principal .sub-menu {
width:100%;
}

/* 3 éléments d'oxygen */

.liens-header > * {
    padding: 0.5em 1.5em;
    border-radius: 5px;
   
    text-transform: uppercase;
}

.liens-header .material-icons {
	font-size:18px;
}

.liens-header > *:last-of-type {
	 background: var(--col2);
	color:var(--col1);
}

.oxy-header-left {}

.oxy-header-center {display:none;}

.oxy-header-right{width:100%;}

.transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}

@media (min-width: 992px) {
	body.home #_header-11-69 {
		background-color:transparent;
	}
	
	#menu-menu-principal > li:last-of-type{
		display:none;
	}
}

/* Effet sur menu actif et hover */
#menu-menu-principal > li > a:before{
  position:absolute;
  content:"";
  width:0;
  height:1px;
  bottom:0;
  left:0;
  background-color : var(--col2);
  transition: width 0.4s ease-out;
}

#menu-menu-principal > li > a,
#menu-menu-principal > li .sub-menu a
{
	font-family:var(--font-alt) !important;
}

#menu-menu-principal > li.current-menu-item > a:before {
  width:100%;
}

#menu-menu-principal > li:hover > a:before {
  width:100%;
}

#menu-menu-principal > li .sub-menu {white-space: pre-wrap!important;}

.article{
  display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

.article-titre{font-size:20px;}
.article-txt{font-size:14px;}

.article-image{overflow:hidden;border-radius:10px;}

.article-image img{
transition: transform 0.3s ease-in;
}

.article-contenu{
  display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.article-image:hover img{
  transition: transform 0.4s ease-out;
  transform: scale(1.2);
}



.cta{
  position:relative;
}

.cta > div{
  padding:10px 20px;
  transition: background 0.2s ease;
  display:flex;
  align-items:center;
}

.cta:hover .darken{background-color:rgba(0,0,0,0.25);}

/* Encarts */
.grid-wrap{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap:1px;
}

.grid-wrap .encart {transition: all 0.6s ease;}

.grid-wrap .encart:hover {
background-color: var(--col1);
}

@media (max-width: 992px) {
  .grid-wrap{grid-template-columns: 1fr;}
  
  .grid-wrap .encart{margin-bottom:15px;}
}

.grid-wrap .encart{
  
}

/* Système de grilles */
.grid--1 .oxy-posts{
  display: grid;
  grid-template-columns: 1fr;
}

.grid--1 .oxy-post{
  display:flex;
}

.grid--1.damier .txt-base {margin-bottom:30px;}

@media (min-width: 992px) {
   .grid--1.damier .article-image, .grid--1.damier .article-contenu {
     width: 50%;
  }
  .grid--1.damier .oxy-post:nth-child(even) .article-image {
      order:2;
  }
  .grid--1.damier .oxy-post:nth-child(even) .article-contenu {
      align-items:flex-end;
      text-align:right;
  }
  .grid--1.damier .oxy-post:nth-child(even) .article-contenu .cat-caracs {
  	align-items:flex-end;
  }
}


/* 2 par ligne */
.grid--2 .oxy-posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap : 20px;
}
@media screen and (min-width: 640px) {
  .grid--2 .oxy-posts {grid-template-columns: 1fr 1fr;}
}


/* 3 par ligne */
.grid--3 .oxy-posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap : 20px;
}
@media screen and (min-width: 640px) {
  .grid--3 .oxy-posts {grid-template-columns: 1fr 1fr;}
}
@media screen and (min-width: 992px) {
  .grid--3 .oxy-posts {grid-template-columns: 1fr 1fr 1fr;}
}

/* 4 par ligne */
.grid--4 .oxy-posts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap : 20px;
}
@media screen and (min-width: 640px) {
  .grid--4 .oxy-posts {grid-template-columns: 1fr 1fr;}   
}
@media screen and (min-width: 992px) {
  .grid--4 .oxy-posts {grid-template-columns: 1fr 1fr 1fr;}   
}
@media screen and (min-width: 1200px) {
  .grid--4 .oxy-posts {grid-template-columns: 1fr 1fr 1fr 1fr;}
}


/* Articles */
.oxy-post:not(.slick-slide) {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
}

.damier .oxy-post{flex-direction:row;}

.oxy-post .article-contenu{
 display:flex;
 flex-direction:column;
 height: 100%;
}

/* Articles hover */
.oxy-post.survol .article-contenu{
  position:absolute;
  bottom:0;
    width:100%;
  height:auto;
}

.oxy-post.survol .article-contenu .fond-survol{
  background-color: rgba(0,0,0,0.6);
}

.oxy-post.survol .survol-contenu {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
    transition: 0.5s ease opacity, 0.2s ease-out max-height;
 
}

.oxy-post.survol:hover .survol-contenu {
  opacity: 1;
  max-height: 400px;
  transition: 0.4s ease-out opacity, 1s ease-out max-height;
}

.oxy-post.survol:hover .article-image img{
  transition: transform 0.4s ease-out;
  transform: scale(1.2);
}

/* Badges */
.badges {
	position: absolute;
    left: 5px;
    top: 5px;
}

.badges > span[class*="badge"] {
   display:block;
  background-color:var(--txt);
	color: white;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 12px;
  margin-bottom:3px;
 
}

.badges > span[class*="--stock"]{
background-color:red;
}

/* caracs immo */
.cat-caracs {
flex-direction:column;
align-items:flex-start;
}
.cat-ref {
font-size:13px;
}


/* Miniatures de la galerie */
[class*="module-galerie"] {
  display:grid;
  grid-gap: 1px;
  grid-template-columns: 1fr 1fr;
}

[class*="module-galerie"][class*="--small"], [class*="module-galerie"][class*="--normal"],[class*="module-galerie"][class*="--big"] {
   grid-template-columns: 1fr 1fr;
  }



 @media (min-width: 992px) {
   [class*="module-galerie"][class*="--small"] {
   grid-template-columns: 1fr 1fr 1fr 1fr;
  }
   [class*="module-galerie"][class*="--normal"] {
   grid-template-columns: 1fr 1fr 1fr;
  }
   [class*="module-galerie"][class*="--big"] {
   grid-template-columns: 1fr 1fr;
  }
   [class*="module-galerie"][class*="--immo"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
   
}

@media (min-width: 1200px) {
[class*="module-galerie"][class*="--immo"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}





.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    z-index: 2;
    position: absolute;
    bottom: 0;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none
}

.slick-prev:before,
.slick-next:before {
    position: absolute;
    display: block;
    width: 15%;
    height: 15%;
    top: 43%;
    left: 42%;
    content: ''
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .slick-prev,
    .slick-next {
        width: 30px;
        height: 30px
    }
}

.slick-prev {
    right: 60px;
    background-color: white
}

.slick-prev:before {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    transform: rotate(45deg);
    content: ''
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .slick-prev {
        right: 30px
    }
}

.slick-next {
    right: 0;
    background-color: white
}

.slick-next:before {
    border-right: 1px solid black;
    border-top: 1px solid black;
    transform: rotate(45deg);
    content: ''
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .2
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/* Styles slick custom */
.slider--miniatures {position:relative;}

.slider--miniatures .slick-prev,
.slider--miniatures .slick-next {
    font-size: 0;
    line-height: 0;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none
}

.slider--miniatures .slick-prev {left:0;}
.slider--miniatures .slick-next {right:0;}

.slider--miniatures .slick-prev:before,
.slick-next:before {
    position: absolute;
    display: block;
    width: 15%;
    height: 15%;
    top: 43%;
    left: 42%;
    content: ''
}


/* Diaporamas */
.small-padding{padding:1em;}

*[class*="diaporama"]{
  overflow: hidden; min-width: 100%; width: 0;
}

*[class*="diaporama"] .slick-list {height:100%;}
*[class*="diaporama"] .slick-list .slick-track {height:100%;}
*[class*="diaporama"] .slick-list .slick-track .img--back, .slick-slide > div {
  overflow: hidden;
  height: 100% !important;
}

*[class*="diaporama"] .slick-list .slick-track .img--back, .slick-slide > div img{
   position: absolute;
  display:block;
  height:100%;
  width:100%;
  left: 0;
  top:0;
  object-fit:cover;
}

.diaporama--article.big{
  width: 100%;
  height: 68vh;
}



/* body.ready .tete-gondole {
  opacity: 1;
  transition: opacity 0.6s ease;
} */

.tete-gondole .diaporama{
    position: absolute;
  display:block;
  height:100%;
  width:100%;
  left: 0;
}

.tete-gondole-slogan{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* .diapo--accueil .img--fond img{position:relative;} */

.img-gondole{
  position: absolute !important;
  width: 100%;
  height: 100%;
  left: 0;
  top:0;
  z-index: 0;

}

.slider--miniatures{}

.slider--miniatures .slick-slide img{
  padding: 5px;
}

.slider{
  overflow:hidden;
}

.slider .slick-track{display:flex;}
.slider .oxy-post.slick-slide {display:flex;}

.slider .slide-image{
  display: flex;
    flex-grow: 6;
    flex-direction: column;
    width: 100%;
}

.slider .slide-contenu {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.slideshow .slick-slide .slide-txt {
    transform: translateX(150px);
    opacity: 0;
    transition: all .7s .15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.slideshow .slick-slide.slick-active .slide-txt {
    transform: translateX(0px);
    opacity: 1
}


.footer-mentions a,.footer-bas a:visited {color:var(--txt);}
.footer-mentions ul li {padding: 0 5px;}
.footer-mentions .badge{height:45px;width:auto;}

ul{margin-left:0;padding:0;}

ul,li{list-style-type:none;}

/* Géoloc fiches */
.geoLoc {
text-align:center;
  font-size:12px;
}

/* Géoloc pages */
.geo-page .geo-page-service {
font-size:12px;
  line-height:1;
font-weight:bold;
}
.geo-page ul {
  margin:0;
  display:inline-flex;
  flex-wrap:wrap;
}
.geo-page ul > li {
    font-size: 12px;
    padding: 0 5px;
}
.geo-page ul > li:first-child{
    padding-left:0;
}
.geo-page ul > li:not(:last-of-type):after {
    content: "|";
    left: 5px;
    opacity: 0.5;
    position: relative;
}

/* Zones chalandise */
ul.zones-geoloc{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap:0;
}

@media only screen and (min-width: 640px) {
  ul.zones-geoloc {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 992px) {
  ul.zones-geoloc {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

ul.zones-geoloc li {
    display: block;
    text-align: center;
    border: 1px solid var(--txt);
    margin-right: 15px;
    margin-bottom: 15px;
}

ul.zones-geoloc li a {
    padding: 10px 10px;
    display: flex;
    justify-content:center;
    color: var(--txt);
}

ul.zones-geoloc li:hover {
  background: var(--txt);
}

ul.zones-geoloc li:hover a {color: var(--fond);}

ul.zones-geoloc li a i {margin-right:5px;opacity:0.5;}

.img--fond{position:relative;display:block;overflow:hidden;}

.img--fond img {
  position: absolute;
  display:block;
  height:100%;
  width:100%;
  left: 0;
  top:0;
  object-fit:cover;
}

.img--fond.contain img {object-fit:contain;}
.img--fond.scale-down img {object-fit:scale-down;}
.img--fond.fit-none img {object-fit:none;}

.img--fond.ratio {
  height:auto;
    position: relative;
    display: block;
    content: '';
    padding-top: 66.66667%;
}

.img--fond.ratio--pano {padding-top:30%;}
.img--fond.ratio--carre {padding-top:100%;}
.img--fond.ratio--miniatures {padding-top:100px;}
.img--fond.ratio--plan {padding-top:130px;}

.img--fond.ratio--liens {padding-top:150px;}



/* Expressions */
.grid--ref{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-aeras: "A B C";
  
}

.grid--ref .expression:nth-child(1){grid-aera:A;}
.grid--ref .expression:nth-child(2){grid-aera:B;}
.grid--ref .expression:nth-child(3){grid-aera:C;}

.grid--ref .expression {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    border-radius: 3px;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    padding: 10px 0;
  }

#footer{
}

#footer a, #footer a:visited{

}

#footer .overlay-plan{
  position: absolute;
    bottom: 0;
    left: 0;
    background: var(--col1);
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0;
}

#footer .overlay-plan i{font-size:22px;margin-right:4px;}

.font-alt {font-family: var(--font-alt);}

.bg-col1{background-color:var(--col1);}
.bg-col2{background-color:var(--col2);}
.bg-col3{background-color:var(--col3);}
.bg-fond{background-color:var(--fond);}
.bg-light{background-color:var(--light);}
.bg-dark{background-color:var(--dark);}
.bg-blanc{background-color:var(--blanc);}
.bg-noir{background-color:var(--noir);}
.bg-txt{background-color:var(--txt);}
.txt-col1{color:var(--col1);}
.txt-col2{color:var(--col2);}
.txt-col3{color:var(--col3);}
.txt-fond{color:var(--fond);}
.txt-fond-all,.txt-fond-all a,.txt-fond-all a:visited{color:var(--fond);}
.txt-blanc{color:white;}
.txt-blanc-all,.txt-blanc-all a,.txt-blanc-all a:visited{color:white;}
.txt-noir{color:black;}
.txt-noir-all,.txt-noir-all a,.txt-noir-all a:visited{color:black;}
.col-txt{color:var(--txt);}

.margin-auto{margin:0 auto;}
.relative{position:relative;}
.overflow-hidden {overflow:hidden;}

.no-padding{padding:0;}
.bold{font-weight:bold;}
.uppercase{text-transform:uppercase;}
.relative{position:relative;}
.absolute{position:absolute;}
.absolute-full{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.txt-center{text-align:center;}
.txt-right{text-align:right;}

.width-100{width:100% !important;}
.block{display:block;}

.align-center-x {left: 50%;transform:translateX(-50%);}
.align-center-y {top: 50%;transform:translateY(-50%);}
.align-center-both {top: 50%;left:50%;transform:translateY(-50%) translateX(-50%);}

/* Boutons */

.btn--start {display: flex;justify-content: flex-start;}
.btn--end{display:flex;justify-content:flex-end;}
.btn--end > * {
    margin: 0 5px;
}
.btn--end > *:last-of-type {
    margin-right:0;
}
.btn--center{display:flex;justify-content:center;}
.btn--full{display:flex;justify-content:flex-start;width:100%;}

.btn--min {
background-color: var(--fond);
color:var(--txt);
  border: 1px solid var(--txt);
}

.list-cat a{
background-color: transparent;
color:var(--txt);
  border: 1px solid var(--txt);
  transition: all 0.3s ease;
  padding : 5px 15px;
}

.list-cat a:hover {
background-color : var(--txt);
  color : var(--fond);
}

/* Helpers FLEX */

.flex{display:flex;}
.flex-fdc{flex-direction:column;}
.flex-aic{align-items:center;}
.flex-asc{align-self:center;}
.flex-jcc{justify-content:center;}
.flex-jce{justify-content:flex-end;}
.flex-jcs{justify-content:flex-start;}
.flex-jcsb{justify-content:space-between;}

.pointer{cursor:pointer;}

.call-to-action{
    padding: 15px 30px;
    font-size: 1.4em;
    font-weight: bold;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}

.mask_1 {clip-path:polygon(0 0, 100% 0, 100% 100%, 0 91%);}
.mask_2 {clip-path:polygon(0% 0, 100% 0, 100% 91%, 0 100%);}

/* GAP : XL; */
.xl-padding{padding:var(--xl);}
@media (max-width: 992px) {.xl-padding{padding:var(--xl);}}
.xl-padding-y{padding:var(--xl) 0 var(--xl) 0;}
@media (max-width: 992px) {.xl-padding-y{padding:var(--xl) 0 var(--xl) 0;}}
.xl-padding-top{padding-top:var(--xl);}
@media (max-width: 992px) {.xl-padding-top{padding-top:var(--xl);}}
.xl-padding-bottom{padding-bottom:var(--xl);}
@media (max-width: 992px) {.xl-padding-bottom{padding-bottom:var(--xl);}}

.xl-margin{margin:var(--xl);}
@media (max-width: 992px) {.xl-margin{margin:var(--xl);}}
.xl-margin-y{margin:var(--xl) 0 var(--xl) 0;}
@media (max-width: 992px) {.xl-margin-y{margin:var(--xl) 0 var(--xl) 0;}}
.xl-margin-top{margin-top:var(--xl);}
@media (max-width: 992px) {.xl-margin-top{margin-top:var(--xl);}}
.xl-margin-bottom{margin-bottom:var(--xl);}
@media (max-width: 992px) {.xl-margin-bottom{margin-bottom:var(--xl);}}

/* GAP : BIG; */
.big-padding{padding:var(--big);}
@media (max-width: 992px) {.big-padding{padding:var(--big);}}
.big-padding-y{padding:var(--big) 0 var(--big) 0;}
@media (max-width: 992px) {.big-padding-y{padding:var(--big) 0 var(--big) 0;}}
.big-padding-top{padding-top:var(--big);}
@media (max-width: 992px) {.big-padding-top{padding-top:var(--big);}}
.big-padding-bottom{padding-bottom:var(--big);}
@media (max-width: 992px) {.big-padding-bottom{padding-bottom:var(--big);}}

.big-margin{margin:var(--big);}
@media (max-width: 992px) {.big-margin{margin:var(--big);}}
.big-margin-y{margin:var(--big) 0 var(--big) 0;}
@media (max-width: 992px) {.big-margin-y{margin:var(--big) 0 var(--big) 0;}}
.big-margin-top{margin-top:var(--big);}
@media (max-width: 992px) {.big-margin-top{margin-top:var(--big);}}
.big-margin-bottom{margin-bottom:var(--big);}
@media (max-width: 992px) {.big-margin-bottom{margin-bottom:var(--big);}}

/* GAP : NORMAL */
.normal-padding{padding:var(--normal);}
@media (max-width: 992px) {.normal-padding{padding:var(--normal);}}
.normal-padding-y{padding:var(--normal) 0 var(--normal) 0;}
@media (max-width: 992px) {.normal-padding-y{padding:var(--normal) 0 var(--normal) 0;}}
.normal-padding-top{padding-top:var(--normal);}
@media (max-width: 992px) {.normal-padding-top{padding-top:var(--normal);}}
.normal-padding-bottom{padding-bottom:var(--normal);}
@media (max-width: 992px) {.normal-padding-bottom{padding-bottom:var(--normal);}}

.normal-margin{margin:var(--normal);}
@media (max-width: 992px) {.normal-margin{margin:var(--normal);}}
.normal-margin-y{margin:var(--normal) 0 var(--normal) 0;}
@media (max-width: 992px) {.normal-margin-y{margin:var(--normal) 0 var(--normal) 0;}}
.normal-margin-top{margin-top:var(--normal);}
@media (max-width: 992px) {.normal-margin-top{margin-top:var(--normal);}}
.normal-margin-bottom{margin-bottom:var(--normal);}
@media (max-width: 992px) {.normal-margin-bottom{margin-bottom:var(--normal);}}


/* GAP : SMALL */
.small-padding{padding:var(--small);}
@media (max-width: 992px) {.small-padding{padding:10px;}}
.small-padding-y{padding:var(--small) 0 var(--small) 0;}
@media (max-width: 992px) {.small-padding-y{padding:10px 0 10px 0;}}
.small-padding-top{padding-top:var(--small);}
@media (max-width: 992px) {.small-padding-top{padding-top:10px;}}
.small-padding-bottom{padding-bottom:var(--small);}
@media (max-width: 992px) {.small-padding-bottom{padding-bottom:10px;}}

.small-margin{margin:var(--small);}
@media (max-width: 992px) {.small-margin{margin:10px;}}
.small-margin-y{margin:var(--small) 0 var(--small) 0;}
@media (max-width: 992px) {.small-margin-y{margin:10px 0 10px 0;}}
.small-margin-top{margin-top:var(--small);}
@media (max-width: 992px) {.small-margin-top{margin-top:10px;}}
.small-margin-bottom{margin-bottom:var(--small);}
@media (max-width: 992px) {.small-margin-bottom{margin-bottom:10px;}}

/* GAP : 1 pixel */
.one-padding{padding:1px;}
.one-padding-y{padding:1px 0 1px 0;}
.one-padding-top{padding-top:1px;}
.one-padding-bottom{padding-bottom:1px;}
.one-margin{margin:1px;}
.one-margin-y{margin:1px 0 1px 0;}
.one-margin-top{margin-top:1px;}
.one-margin-bottom{margin-bottom:1px;}



.txt-base{
}

.txt-base p {
}

.txt-base a{
  text-decoration:underline;
}

.txt-base ul {
 padding-left: 30px;
}

.txt-base li {
list-style-type:disc;
}

.hero-img{
  position:absolute !important;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

/* FORMULAIRE */
.gform_footer {display:flex;justify-content:flex-end;}

.gform_footer .gform_button {
  border: none;
    background: var(--col1);
    color: var(--blanc);
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    padding: 17px 25px;
  transition: all 0.2s ease-in;
}

.gform_footer .gform_button:hover {
  background: var(--col1);
   color: var(--blanc);
}

/* Couleur des labels sur la page contact */
body.page-id-10 .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper label {
  color: var(--txt);
}



/* Watch Viewport */

*[class*="show"]{perspective: 1000; backface-visibility: hidden;}

.show-fadeIn{transition: all 2s ease;opacity: 0;}
.show-fadeIn.watch-on{opacity: 1;}

.show-fadeInTop.watch-on{animation: fadeInTop 1s 0s;animation-fill-mode: forwards;}

.show-fadeInBottom{transition: all 1s ease-out;opacity: 0; transform: translate3d(0,-40px,0) ;}
.show-fadeInBottom.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}

.show-fadeInLeft{transition: all 0.5s ease-out;opacity: 0; transform: translate3d(-40px,0,0) ;}
.show-fadeInLeft.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}

.show-fadeInRight{transition: all 0.5s ease-out;opacity: 0; transform: translate3d(40px,0,0) ;}
.show-fadeInRight.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}

@keyframes fadeInTop {
  0% {
    opacity: 0;
        transform: translate3d(0,40px,0) ;
  }
  100% {
    opacity: 1;
        transform: translate3d(0,0,0) ;
  }

  }

/* Fiche technique */
.fiche_technique tr > td:first-child {
  font-weight:bold;
}

.fiche_technique tr > td {
  border-bottom: 1px solid var(--light);
}


/* CUSTOM */
.img--hover img{
  transition: transform 0.3s ease-in;

}

.img--hover:hover img{
  transition: transform 0.4s ease-out;
  transform: scale(1.2);
}

.txt-stroke {
-webkit-text-stroke: 1px black;
  color:transparent;
}

.titre-liens span {display:inline;}


/* SOCIAL */
.partage-article a {
  display:inline-block;
  box-sizing: border-box;
  padding: 8px 10px;
  background-color: var(--txt);
}

.partage-article a > span{
  position:relative;
    display:block;
    width:16px;
}

.partage-article a > span img{
  width:100%;
  display:block;
  transition: transform 0.3s ease-out;
}

.partage-article a:hover img {
  transform:scale(1.2);
}

.titre-acces {font-size:20px;line-height:1.5;}

.titre-acces > span{
      display: block;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 0px;
}


/* CALL TO ACTION MOBILE */
.cta-smart{
  position:fixed;
    bottom: 0;
    left:0;
    width:100%;
    z-index:1000;
}

.cta-smart .cta-smart-wrap{
      display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    align-content: stretch;
    justify-content: space-between;
}

.cta-smart .cta-smart-wrap > *{
  background: var(--col1);
    display: flex;
    padding: 15px 0;
    font-size: 0.8em;
    flex-direction: column;
    letter-spacing: 2px;
    flex-grow: 1;
    justify-content: center;
    border-right : 1px solid rgba(255,255,255,0.15);
}

.cta-smart .cta-smart-wrap > *:last-of-type{border-right:none;}

.cta-smart .cta-smart-wrap > * i{
  margin-bottom: 3px;
    font-size:1.7em;
}

.oxy-pro-menu-mobile-open-icon{
  position:fixed;
    right:0;
    top:0;
}




/* RESPONSIVE */

@media (min-width: 992px) {
  .footer-mentions ul {
    display:flex;
  }
  
  .oxy-nav-menu .menu-item .sub-menu{min-width:100%;}
  
  .width-90{width:90%;}
  .width-80{width:80%;}
  .width-70{width:70%;}
  .width-60{width:60%;}
  .width-50{width:50%;}
  .width-40{width:40%;}
  .width-30{width:30%;}
  .width-20{width:20%;}
  
  .bloc-small{
    width: 70%;
    margin: 0 auto;
    padding: 2vw 3vw;
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
  }
  
  .cta-smart{display:none;visiblity:hidden;height:0;}
  
}

@media (max-width: 992px) {
  .contenu{
    width: 90%;
  }
  
  .cta{width:100%;text-align:center;display:flex;justify-content:center;}
  
  .deco-trait:before {display:none;}
  
  .grid--1 .oxy-post{
  flex-direction:column;
}
  
  .slider .oxy-post.slick-slide {display:block;}
  
  
  .gform_footer .gform_button {width:100% !important;}
  
  .footer-mentions li a {
    line-height:50px;
  }

  .slider .slick-prev,
.slider .slick-next {
    font-size: 0;
    line-height: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none
}

.slider .slick-prev {left:0;}
.slider .slick-next {right:0;}

.slider .slick-prev:before,.slider .slick-next:before {
    position: absolute;
    display: block;
    width: 15%;
    height: 15%;
    top: 43%;
    left: 42%;
    content: ''
}
  
   /* hauteur du cta-smart à comp */
  html{padding-bottom:82px;}
  
}

.fancybox-container{z-index:10000000000;}


/* BANDEAU COOKIE */

.cc-window {
  background-color:var(--txt) !important;
}

.cc-window .cc-message {
font-size: 13px;
line-height: 1.5;
}

.cc-window .cc-deny {
  background-color: transparent !important;
  color: white !important;
}

.cc-window .cc-btn.cc-allow {
  background-color: var(--col1) !important;
  color: white !important;
}

.cc-window .cc-btn a, .cc-window .cc-btn a:visited {
color: white !important;
}

.badge-eco {
  position:relative;
  font-size:14px;
}

.badge-eco > div:first-child {
border-right: 1px solid #ccc;
    margin-right: 2em;
    padding-right: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.badge-eco .valeur-co2 {
color: #267806;
    font-weight: bold;
}

.badge-eco .image-eco {
    position: absolute;
    right: -30px;
    top: 8px;
    width: 25px;
}

@media (max-width: 992px) {
  .badge-eco > div:first-child {
  border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  
  .badge-eco .image-eco {display:none;}
}

/* NEWSLETTER */

.bloc-newsletter #gform_2 {
	display: flex;
	align-items: flex-end;
}

.bloc-newsletter #gform_2 label {
	display: block;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
}

.bloc-newsletter #gform_2 input {
	width: 100%;
border: none;
border-radius: 2px;
padding: 14px;
}

.bloc-newsletter #gform_2 .gform_footer {
margin: 0;
width: 100%;
background-color: transparent;
	border: 1px solid white;
padding: 2px 20px;
	font-size:14px;
border-radius: 2px;
	transition: all 0.5s ease;
}

.bloc-newsletter #gform_2 .gform_footer:hover {
	background-color:black;
}

.bloc-newsletter #gform_2 .gform_footer input {
	background-color:transparent;
}


@media (max-width:992px) {
	
	.bloc-newsletter #gform_2 {
		flex-direction:column;
	}
	
	.bloc-newsletter #gform_2 .gform_footer  {
		margin-top:10px;
		padding: 10px;
	}
	
}


/* Watch Viewport par AOS */
.reveal-LTR,
.reveal-RTL,
.reveal-TTB,
.reveal-BTT {
  position: relative;
  overflow: hidden;
}
.reveal-LTR[data-aos=fade].aos-animate > *,
.reveal-RTL[data-aos=fade].aos-animate > *,
.reveal-TTB[data-aos=fade].aos-animate > *,
.reveal-BTT[data-aos=fade].aos-animate > * {
  animation: fadeIn 0s 0.6s;
  animation-fill-mode: backwards;
}
.reveal-LTR[data-aos=fade]:not[.aos-animate],
.reveal-RTL[data-aos=fade]:not[.aos-animate],
.reveal-TTB[data-aos=fade]:not[.aos-animate],
.reveal-BTT[data-aos=fade]:not[.aos-animate] {
  opacity: 0;
}
.reveal-LTR[data-aos=fade].aos-animate::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--txt);
  transform: translateX(-100%);
  animation: revealInLTR 0.6s 0s, revealOutLTR 0.6s 0.6s;
  animation-fill-mode: forwards;
}
.reveal-RTL[data-aos=fade].aos-animate::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--txt);
  transform: translateX(100%);
  animation: revealInRTL 0.6s 0s, revealOutRTL 0.6s 0.6s;
  animation-fill-mode: forwards;
}
.reveal-TTB[data-aos=fade].aos-animate::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--txt);
  transform: translateY(-100%);
  animation: revealInTTB 0.6s 0s, revealOutTTB 0.6s 0.6s;
  animation-fill-mode: forwards;
}
.reveal-BTT[data-aos=fade].aos-animate::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--txt);
  transform: translateY(100%);
  animation: revealInBTT 0.6s 0s, revealOutBTT 0.6s 0.6s;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes revealInLTR {
  0% {
    transform: translate3d(-100%,0,0);
  }
  100% {
    transform: translate3d(0,0,0);
  }
}
@keyframes revealOutLTR {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
     transform: translate3d(101%,0,0);
  }
}
@keyframes revealInRTL {
  0% {
     transform: translate3d(100%,0,0);
  }
  100% {
     transform: translate3d(0,0,0);
  }
}
@keyframes revealOutRTL {
  0% {
     transform: translate3d(0,0,0);
  }
  100% {
     transform: translate3d(-101%,0,0);
  }
}
@keyframes revealInTTB {
  0% {
   transform: translate3d(0,-100%,0);
  }
  100% {
    transform: translate3d(0,0,0);
  }
}
@keyframes revealOutTTB {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(0,101%,0);
  }
}
@keyframes revealInBTT {
  0% {
     transform: translate3d(0,100%,0);
  }
  100% {
    transform: translate3d(0,0,0);
  }
}
@keyframes revealOutBTT {
  0% {
   transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(0,-101%,0);
  }
}



/* Watch Viewport par GSAP */
*[class*="show"]{backface-visibility:hidden;}

.show-fadeIn{transition: all 2s ease;opacity: 0;}
.show-fadeIn.watch-on{opacity: 1;}
.show-fadeInTop.watch-on{animation: fadeInTop 1s 0s;animation-fill-mode: forwards;}
.show-fadeInBottom{transition: all 1s ease-out;opacity: 0; transform: translate3d(0,-40px,0) ;}
.show-fadeInBottom.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}
.show-fadeInLeft{transition: all 0.5s ease-out;opacity: 0; transform: translate3d(-40px,0,0) ;}
.show-fadeInLeft.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}
.show-fadeInRight{transition: all 0.5s ease-out;opacity: 0; transform: translate3d(40px,0,0) ;}
.show-fadeInRight.watch-on{opacity: 1;transform: translate3d(0,0,0) ;}

@keyframes fadeInTop {
  0% {
    opacity: 0;
        transform: translate3d(0,40px,0) ;
  }
  100% {
    opacity: 1;
        transform: translate3d(0,0,0) ;
  }
}