/* Principal */

*{box-sizing:border-box;padding:0;margin:0;scroll-behavior: smooth;}
body{background-color:#f8f8f8}
.block{display:block;}
.i-block{display:inline-block;}
/*.p-square:before{content:"";width:10px;height:10px;background-color:var(--yellow);display:block; margin-right: 5px;transform: translateY(-8px);}
.p-square{display: flex;}*/
.line-auto{display:inline-block;}
.link-grey a{text-decoration: none!important;color: var(--dark-blue)!important;letter-spacing: 2px;}
.link-grey a:hover{color:var(--yellow)!important;}
.d-flex{display: flex;}
.rcb-content{ font-family: 'Jost-light'!important;}
.rcb-description{font-size: 14px!important;letter-spacing: 1px;text-align: center!important;}
.rcb-description i {color: #FF0000; display: block;font-size: 30px;margin-bottom:20px;}
.rcb-content-blocker .text-cookie {display:none;}
.rcb-description a{color:var(--dark-blue); text-decoration: underline!important;}
.rcb-description a:hover{color: var(--yellow);}
.rcb-description span > br{display: none!important;}
.wp-exclude-emoji{border-radius:10px;}
.error-container{max-width: 1240px;margin: auto;padding:60px 20px;}
.error-title{color: var(--dark-blue); font-size: 40px;font-family: 'Jost-medium';text-align: center;}
.error-text{color: var(--dark-blue); font-size: 18px;font-family: 'Jost-light';text-align: center;}
.error-content{display: flex; flex-direction: column;justify-content: center;align-items: center;}
.error-content i{font-size: 30px;color: var(--dark-blue);}
.border-radius-10{border-radius: 10px!important;}
a.portfolio-item, .sl-wrapper .sl-image img{border-radius: 10px;}
.youtube-text-cookie{display: flex; justify-content: center;flex-direction: column;align-items: center;}
.justify-content{display: flex;justify-content;}


/* Couleurs */

:root{
--dark-blue:#181E25;
--white:#ffffff;
--yellow:#FFBA08;
--grey-light:#e1e1e1;
--grey-text: #B0B0B0;
}

/* Fonts */

.lm-bold{font-family: 'lemon_milkbold',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-bold-italic{font-family: 'lemon_milkbold_italic',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-light{font-family: 'lemon_milklight',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-light-italic{font-family: 'lemon_milklight_italic',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-medium{font-family: 'lemon_milkmedium',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-medium-italic{font-family: 'lemon_milkmedium_italic',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-regular{font-family: 'lemon_milkregular',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.lm-regular-italic{font-family: 'lemon_milkregular_italic',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}

@font-face {
    font-family: 'Jost-black';
    src: url('../fonts/Jost-Black.woff2') format('woff2'),
        url('Jost-Black.woff') format('woff'),
        url('../fonts/Jost-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-thin-italic';
    src: url('../fonts/Jost-ThinItalic.woff2') format('woff2'),
        url('../fonts/Jost-ThinItalic.woff') format('woff'),
        url('../fonts/Jost-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-italic';
    src: url('../fonts/Jost-Italic.woff2') format('woff2'),
        url('../fonts/Jost-Italic.woff') format('woff'),
        url('../fonts/Jost-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-thin';
    src: url('../fonts/Jost-Thin.woff2') format('woff2'),
        url('../fonts/Jost-Thin.woff') format('woff'),
        url('../fonts/Jost-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-black-italic';
    src: url('../fonts/Jost-BlackItalic.woff2') format('woff2'),
        url('../fonts/Jost-BlackItalic.woff') format('woff'),
        url('../fonts/Jost-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-medium';
    src: url('../fonts/Jost-Medium.woff2') format('woff2'),
        url('../fonts/Jost-Medium.woff') format('woff'),
        url('../fonts/Jost-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-extrabold-italic';
    src: url('../fonts/Jost-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Jost-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Jost-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-medium-italic';
    src: url('../fonts/Jost-MediumItalic.woff2') format('woff2'),
        url('../fonts/Jost-MediumItalic.woff') format('woff'),
        url('../fonts/Jost-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-regular';
    src: url('../fonts/Jost-Regular.woff2') format('woff2'),
        url('../fonts/Jost-Regular.woff') format('woff'),
        url('../fonts/Jost-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-light';
    src: url('../fonts/Jost-Light.woff2') format('woff2'),
        url('../fonts/Jost-Light.woff') format('woff'),
        url('../fonts/Jost-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-semibold-italic';
    src: url('../fonts/Jost-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Jost-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Jost-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-extralight-italic';
    src: url('../fonts/Jost-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Jost-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Jost-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-extrabold';
    src: url('../fonts/Jost-ExtraBold.woff2') format('woff2'),
        url('../fonts/Jost-ExtraBold.woff') format('woff'),
        url('../fonts/Jost-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-bold';
    src: url('../fonts/Jost-Bold.woff2') format('woff2'),
        url('../fonts/Jost-Bold.woff') format('woff'),
        url('../fonts/Jost-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-semibold';
    src: url('../fonts/Jost-SemiBold.woff2') format('woff2'),
        url('../fonts/Jost-SemiBold.woff') format('woff'),
        url('../fonts/Jost-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-extralight';
    src: url('../fonts/Jost-ExtraLight.woff2') format('woff2'),
        url('../fonts/Jost-ExtraLight.woff') format('woff'),
        url('../fonts/Jost-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-light-italic';
    src: url('../fonts/Jost-LightItalic.woff2') format('woff2'),
        url('../fonts/Jost-LightItalic.woff') format('woff'),
        url('../fonts/Jost-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-bold-italic';
    src: url('../fonts/Jost-BoldItalic.woff2') format('woff2'),
        url('../fonts/Jost-BoldItalic.woff') format('woff'),
        url('../fonts/Jost-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'lemon_milkbold';
    src: url('../fonts/lemonmilk-bold-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-bold-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-bold-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milkbold_italic';
    src: url('../fonts/lemonmilk-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/emonmilk-bolditalic-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-bolditalic-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milklight';
    src: url('../fonts/lemonmilk-light-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-light-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-light-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milklight_italic';
    src: url('../fonts/lemonmilk-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-lightitalic-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-lightitalic-webfont.ttf') format('truetype'),;
}
@font-face {
    font-family: 'lemon_milkmedium';
    src: url('../fonts/lemonmilk-medium-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-medium-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-medium-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milkmedium_italic';
    src: url('../fonts/lemonmilk-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-mediumitalic-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milkregular';
    src: url('../fonts/lemonmilk-regular-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-regular-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-regular-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'lemon_milkregular_italic';
    src: url('../fonts/lemonmilk-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-regularitalic-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-regularitalic-webfont.ttf') format('truetype');
}

/* Logo Header */

.logo-zone{padding:10px;display:flex;justify-content:center;}
.logo-zone a svg {width:250px;margin:10px;transition: all 0.5s}

/* Menu Header */

#nav-header{background-color:var(--dark-blue);display:flex;justify-content:center;}
#content-nav-header{max-width:1600px;display:flex; justify-content: space-between;align-items:center;}
#content-nav-header li, #content-nav-header-bg li{list-style:none;}
#content-nav-header a,#content-nav-header-bg a{text-decoration:none;}
#content-nav-header ul{display:flex;padding:10px;align-items:center;}
#nav-site-header ul li a, #nav-site-header-bg ul li a{color:var(--white);font-family:'lemon_milklight',Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:12px;padding:10px;display:inline-block;margin:0px 10px;text-align:center;letter-spacing:3px;}
#nav-social-header ul li a,#nav-social-header-bg ul li a{color:var(--white);font-size:18px;padding:10px;display:inline-block;margin:0px 10px;}
#nav-site-header ul li a:hover,#nav-social-header ul li a:hover,#nav-site-header-bg ul li a:hover,#nav-social-header-bg ul li a:hover{color:var(--yellow);}
.line-separate{width:1px;height:30px;background-color:var(--white);margin:10px;}
#nav-site-header .current_page_item a, #nav-site-header-bg .current_page_item a{color:var(--yellow);}
#nav-site-header .current_page_item a:after, #nav-site-header-bg .current_page_item a:after{content:"";width: calc(100% - 3px);height:2px;background-color:var(--yellow);display:block;transform:translateY(4px);}

/* Menu Burger */

#burger-btn, #close-btn{background:none;border:none;width:30px;cursor:pointer;height:45px;display:none;appearance: none!important;-webkit-appearance: none;}
#burger-btn{display:none;margin:8px;}
#close-btn{margin:40px 8px 8px 8px;}
#burger-btn div, #close-btn div{width:100%!important;height:3px!important;background-color:white!important;transition:all 0.5s!important;border-radius:10px!important; -webkit-border-radius: 10px!important;}
#burger-line-2{margin:6px 0}
#side-bar{right:-100vw;position:fixed;z-index:7;transition: all 0.5s;background-color:var(--dark-blue);width:100%;height:100vh;overflow:hidden;display:none;top:0;}
.body-active{overflow:hidden!important;-webkit-overflow:hidden;}
.side-bar-active{right:0!important;}
.side-bar-burger-active #side-bar{position:fixed!important;}
#burger-line-close-1{transform:rotate(45deg);}
#burger-line-close-2{transform:translateY(-3px) rotate(-45deg);}
#nav-social-header-bg ul{display:flex;}
#nav-site-header-bg ul{display:flex;flex-direction:column;align-items:center;margin-top:20px;}
#content-nav-header-bg{display:flex;flex-direction:column;align-items:center;}
.line-separate-bg{height:1px;width:100px;background-color:var(--white);margin:20px 0px;transform: translateX(-3px);}

/* Footer */

#first-footer{background-color:var(--dark-blue);padding:10px;}
#first-footer-content{max-width:1600px;display:flex;margin:auto;justify-content:space-between;flex-wrap: wrap;}
#first-footer-content>div{flex: 1 1 calc(auto - 20px);padding:20px;}
#first-footer-content div h3{color:var(--white);font-family:'lemon_milklight',Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:2px;display:inline-block;text-align:center;margin-bottom: 20px;}
#first-footer-content div h3:before{content:"";width:8px;height:8px;background-color:var(--yellow);display:inline-block;margin: 0px 3px 10px 0px;}
#footer-logo-zone a svg{width:200px;display:inline-block}
#last-footer a{font-size:14px;color:var(--dark-blue);font-family: 'Jost-light',Arial, Helvetica, sans-serif!important;text-decoration:none;margin: 10px;display:inline-block;text-align:center;letter-spacing: 2px!important;}
#nav-site-footer li{list-style:none;}
#nav-site-footer a{font-size:10px;color:var(--white);text-decoration:none;font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;display:inline-block;margin:10px;}
#nav-site-footer a:hover,#nav-social-footer ul li a:hover{color:var(--yellow);}
#nav-site-footer>a{display:block;}
#nav-site-footer>a i{margin-right:5px;}
#last-footer a:hover{color:var(--yellow);}
#last-footer{max-width:1600px;padding:10px;margin:auto;}
#last-footer ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#last-footer ul li{list-style:none;}
#nav-social-footer ul{display:flex;}
#nav-social-footer ul li{list-style:none;display:flex;justify-content:center;}
#nav-social-footer ul li a{color:var(--white);display:inline-block;font-size:18px;margin:10px;}
#zone-info-footer div i{color:var(--white);font-size:18px;margin-right:10px;}
#zone-info-footer div{display:flex;align-items:center;padding:10px;margin-bottom:10px;}
#zone-info-footer div a{color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration: none;letter-spacing: 2px!important;}
#zone-info-footer div a:hover{color:var(--yellow);}
#btn-contact-footer{font-family: 'Jost-regular',Arial, Helvetica, sans-serif!important;text-transform:uppercase!important;text-transform:uppercase;color:var(--dark-blue)!important;background-color:var(--yellow);padding: 12px 24px!important;border-radius:50px;font-size:12px!important; text-decoration: none!important;line-height: 1!important;}
#btn-contact-footer:hover{background-color: var(--white);}
.line-separate-footer{width:100%;height:1px;background-color:var(--white);display:none;padding:0!important;margin-bottom:10px;}
.display-none{display:none!important;}
.box-vignette:after{content:"";display:block;padding:50%;}
.box-vignette{display: flex;flex-direction: row;}
#nav-site-footer .current_page_item a,#last-footer li.current_page_item a{color: var(--yellow)!important;}
#nav-site-footer .current_page_item a:after,#last-footer li.current_page_item a:after{content:"";width: calc(100% - 3px);height:2px;background-color:var(--yellow);display:block;transform:translateY(4px);}

/* Formulaire */

.wpforms-field-label,.wpforms-title{font-family: 'Jost-regular',Arial, Helvetica, sans-serif!important;text-transform:uppercase!important;letter-spacing: 2px!important;}
.wpforms-title{font-family: 'lemon_milklight',Arial, Helvetica, sans-serif!important;text-transform: uppercase;letter-spacing: 2px!important;}
.wpforms-field-label{font-size: 14px!important;}
div.wpforms-container-full .wpforms-form .wpforms-head-container{padding:0 0 10px 0!important;}
.wpforms-field-container input,.wpforms-field-container textarea{border: 1px solid var(--grey-light)!important;font-family: 'Jost-regular',Arial, Helvetica, sans-serif!important;border-radius: 10px!important;}
.wpforms-field-container input::selection{border: 3px solid #FFBA08!important;}
.wpforms-required-label{color: var(--yellow)!important;}
#wpforms-3245-field_6-description{font-family: 'Jost-light',Arial, Helvetica, sans-serif!important;font-size: 16px;font-weight: 300;color: var(--grey-text);padding-top:5px;}
#wpforms-3245-field_6-description a{text-decoration: underline!important;color: var(--grey-text)!important;text-underline-offset: 5px;}
#wpforms-3245-field_6-description a:hover{color:var(--yellow)!important;}
li.choice-1 label{font-family: 'Jost-light',Arial, Helvetica, sans-serif!important;letter-spacing: 2px!important;}
#wpforms-form-3245 em{font-family: 'Jost-light',Arial, Helvetica, sans-serif!important;letter-spacing: 2px!important;}
.wpforms-submit-container button {background-color: var(--dark-blue)!important;font-family: 'Jost-regular',Arial, Helvetica, sans-serif!important;text-transform:uppercase!important;font-size: 12px!important;border-radius: 100px!important;padding: 12px 24px!important;height: auto!important;}
.wpforms-submit-container button:hover{background-color: var(--yellow)!important; color: var(--dark-blue)!important;}


/* Cookies */

.animate__animated{font-family: 'Jost-regular',Arial, Helvetica, sans-serif!important;}
#bnnr-body-leftSide-a75001f95-2d7e-42bb-be39-73e4ce2fb503 #bnnr-body-rightSide-a494e3745-57a5-481e-a124-23ec05e1a557>div:hover{transform: translateY(-5px)!important;}
.rcb-content-blocker .rcb-btn-accept-all{display: inline-block!important;}
.rcb-content-blocker .rcb-cookie-scroll, .rcb-content-blocker .rcb-btn-accept-individual, p.prcb-teaching, .rcb-description>p>br{display:none!important;}
/* Responsive */

@media screen and (max-width:1200px){
    #burger-btn,#close-btn{display: block;}
    #nav-site-header,#nav-social-header,.line-separate{display:none;}
    .logo-zone a svg{width:200px;}
    #side-bar{display:block;}
  }

  @media screen and (max-width: 900px){
    #last-footer ul li{flex:0 0 100%;display:flex;justify-content:center;}
    .line-separate-footer{display:block;}
    #last-footer ul{justify-content:center!important;align-items:center;}
    #first-footer-content div{flex: 1 1 100%;}
  }