@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.eot');
  src: local(''),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.woff2') format('woff2'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.woff') format('woff'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.ttf') format('truetype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-regular.svg#Manrope') format('svg');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.eot');
  src: local(''),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.eot?#iefix') format('embedded-opentype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.woff2') format('woff2'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.woff') format('woff'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.ttf') format('truetype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-600.svg#Manrope') format('svg');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.eot');
  src: local(''),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.eot?#iefix') format('embedded-opentype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.woff2') format('woff2'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.woff') format('woff'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.ttf') format('truetype'),
       url('../themes/geode/assets/fonts/manrope/manrope-v3-latin-800.svg#Manrope') format('svg');
}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2024 MyFonts Inc. */


  
@font-face {
  font-family: "LiveGrotesk";
  font-weight: 500;
  src: url('../themes/geode/assets/fonts/grotesk/webFonts/LiveGroteskMediumFM/font.woff2') format('woff2'), url('../themes/geode/assets/fonts/grotesk/webFonts/LiveGroteskMediumFM/font.woff') format('woff');
}
@font-face {
  font-family: "LiveGrotesk";
  font-weight: 400;
  src: url('../themes/geode/assets/fonts/grotesk/webFonts/LiveGroteskRegularFM/font.woff2') format('woff2'), url('../themes/geode/assets/fonts/grotesk/webFonts/LiveGroteskRegularFM/font.woff') format('woff');
}


html { font-size:10px; }
body { font-size:1.6rem; }
:focus, button:focus { outline:none; }

/* Images */
img, svg { max-width:100%; height:auto; }
img[data-sizes] { display:block; width:100%; }

/* Paragraphs */
p { margin-bottom:1em; }
p:last-child { margin-bottom:0; }

/* Link */
a: { color:inherit; }
a:hover { color:inherit; text-decoration:none; }

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; }

/* Titles */
h2, h3, h4, h5, h6{ margin: 0.5em 1em; }

/**
 * Components
 **/

/* Alert */
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert .close { display:none; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
.alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/**
 * Layout
 **/
section,
header,
footer{ position: relative; overflow: hidden; }

#page { position:relative; width:100%; overflow:hidden; }

/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 5rem; position:relative; }
.field label { display: inline-block; margin:0; }
.field.required label:after{ content: " *";}

[data-validate-for] { display:none; font-size:10px; line-height:10px; position:absolute; right:0; bottom:-1.2em; }
[data-validate-for].visible { display:block; }

/* Textfields & textareas */
.field.textfield input,
.field.textarea textarea { display: block; width: 100%; padding: 30px 10px 10px 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
legend{ font-size: inherit; margin-bottom: 1.5rem; }

.radio-inline{ display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
.radio-item{ display: flex; flex-direction: row; align-items: center; margin-bottom: 1rem; margin-right: 1.5em; }

.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; cursor: pointer; }

.field.checkbox input,
.field.radio input,
.field.checkbox span:before,
.field.radio span:before { width:20px; height:20px; margin-right:10px; }

.field.checkbox span:before,
.field.radio span:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid #ccc; background:#fff; }

.field.checkbox span:after,
.field.radio span:after { content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width: 14px; height:14px; background:#ccc; opacity:0; transition:all 0.5s ease 0s; }

.field.checkbox input:checked+span:after,
.field.radio input:checked+span:after { opacity: 1; }

.field.checkbox span:before,
.field.checkbox span:after { border-radius: 0; }

.field.radio span:before,
.field.radio span:after { border-radius: 50%; }

.field.radio.inline,
.field.checkbox.inline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.field.radio.inline label,
.field.checkbox.inline label { margin-right:15px; margin-bottom:0; }

/* Select */
.field.select select { display:block; width:100%; padding:10px; border:1px solid #ccc; }

/* Captcha */
.field.captcha { display:flex; flex-direction:row; justify-content:center; }

/**
 * Navigation
 **/
 
/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }

/**
 * Legal
 **/
.legal { margin:60px 0; }
.legal h1 { font-size:4rem; margin:0 0 1em 0; }
.legal h2 { font-size:3rem; margin:1em 0; }
.legal h3 { font-size:2.5rem; margin:1em 0; }
.legal h4 { font-size:2rem; margin:1em 0; }
.legal h5 { font-size:1.5rem; margin:1em 0; }
.legal table { width:100%; margin:2em 0; }
.legal table th,
.legal table td { padding:1em; border:1px solid rgba(0,0,0,0.25); }
body{ font-family: 'Manrope'; font-weight: 400; font-size: 1.9rem; }

.popup-fancybox h5 { font-size:30px; }
.popup-fancybox p.btn { justify-content:flex-start; }

img.machine { max-width:50%; margin:auto; }

/**
 * Tags 
 */
	h2, h3, h4, h5, h6{ font-weight: 600; margin: 1em 0 0.5em; line-height: 1.2em; color: #002599; }
	
	h2{ margin-top: 2rem; font-size: 6rem; font-weight: 800; }
	h3{ font-size: 3rem; }
	h4{ font-size: 2.4rem; }
	
	p{}
	
	a{ color: #002599; transition: all 0.2s ease; }
	a:hover{ color: inherit; }

/**
 * Common classes
 */
	.casper{ display: none; }
	.casper-screen-inline{ display: none; }
	.casper-screen-block{ display: none; }
	.flex{ display: flex; flex-direction: row; justify-content: space-between; flex-flow: wrap; }
	.flex-item{ padding-left: 15px; padding-right: 15px; }
	
	.ico{ display: inline-block; }
	.ico svg{ display: block; max-height: 100%; fill: inherit; }
	
	.mb-0{ margin-bottom: 0 !important; }

/**
 * Forms
 */
 	[data-validate-for]{ font-size: 1.2rem; color: #1E19CC; }
 	.field-comment{ font-size: 1.2rem; color: #1E19CC; text-align: right; }
	p.btn { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 3em 0; }
	button, 
	input[type="submit"],
	p.btn > a{ display: inline-block; font-size: 16px; text-transform: uppercase; color: #fff; padding: 1rem 2rem; background-color: #1E19CC; letter-spacing: 0.2em; margin-right: 15px; border: 0; }
	button:hover, 
	input[type="submit"]:hover,
	p.btn > a:hover{ cursor: pointer; background-color: #002599; }
	
	.fileupload{ margin-bottom: 3rem; }
	button.upload-button{ border: 2px dashed #002599; color: #002599; text-transform: none; background: #fff url(../themes/geode/assets/img/cloud.svg) no-repeat 3rem; background-size: 40px; padding: 3rem 3rem 3rem 9rem; letter-spacing: inherit; font-size: 1.9rem; text-align: left; width: 100%; }
	
	.field.textfield input, 
	.field.textarea textarea,
	.field.select select{ border: 0; border-bottom: 2px solid #D9D9D9; }
	.field.textfield label, 
	.field.textarea label{ position: absolute; left: 0.5rem; top: 2.5rem; transform: translateY(-50%); transition: all 0.3s ease 0s; }
	.field.textfield.active label, 
	.field.textarea.active label,
	.field.textfield.filled label, 
	.field.textarea.filled label{ font-size: 0.8em; top: 0rem;}
	
 
/**
 * Layout 
 */
#page{ padding-top: 7rem; }

#header{ background-color: #212124; color: #fff; height: 8rem; border-bottom: 1px solid #333; overflow: visible; font-size: 15px; position: fixed; top: 0; width: 100%; z-index: 9; transition: all 0.2s ease-in; }
#header .header-wrapper{ display: flex; justify-content: space-between; }
#header .header-wrapper,
#header > div > div,
#header > div > div > ul{ height: 100%; }
#header .logo{ z-index: 10; }
	.logo{ max-height: 100%; max-width: 50vw; position: relative; display: flex; flex-direction: row; align-items: center; }
	.logo a.home{ max-height: 100%; padding: 10px 15px; height: 100%; }
	.logo a svg{ width: 22rem; height: 100%; fill: #fff; }
	.logo a.language-switcher{ position: relative; color: #FFF; font-size: 0.8em; font-weight: 400; height: 100%; display: flex; flex-direction: row; align-items: center; height: 100%; width: 80px; text-align: center; padding: 0 1rem; letter-spacing: 0.2em; opacity: 0.4; }
	.logo a.language-switcher:before{ content: ''; display: inline-block; width: 2rem; height: 2rem; background: url(../themes/geode/assets/img/globe.svg) no-repeat 50% 50%; background-size: 100%; margin-right: 7px; }
	.logo a.language-switcher:hover{ opacity: 1; }
	.logo a.language-switcher abbr{ text-decoration: none; }
	/*.language-switcher:before{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; opacity: 0.2; background: url(../img/globe.svg) no-repeat 50% 50%; background-size: 70%; }
	.language-switcher:hover{ background-color: #333; }
	.language-switcher abbr{ text-decoration: none; display: inline-block; height: 3rem; width: 3rem; margin-top: 2rem; border-radius: 2rem; line-height: 3rem; }*/

	#header .contactfixed{position: fixed; right: 0; z-index: 15; top:60%;background-color: #212124; }
	#header .contactfixed .message img {width: 40px; height: 40px; margin: 20px;}

	#menu{ width: 49.2%; }
	#menu a,
	#menu span{ color: #fff; transition: all 0.2s ease-in; }
	
	#menu .level-0-wrapper{ display: flex; height: 100%; }
	#menu .level-0{ display: inline-block; width: 33.33%; max-width: 25vw; height: 100%; }
	#menu .level-0 > a,
	#menu .level-0 > span{ cursor: pointer; display: block; text-transform: uppercase; text-align: center; line-height: 8rem; letter-spacing: 0.1em; font-weight: 600; }
	
	#menu .level-0 > .menu-group-imi{ color: #999; font-size: 0.8em; padding: 1rem 0; height: 100%; line-height: 100%; }
	#menu .level-0 > .menu-group-imi:hover{ color: #FFF; }
	#menu .level-0 > .menu-group-imi img{ width: auto; height: 100%; }
	
	#menu .level-0 > .menu-burger-box{ border-left: 1px solid #333; display: flex; text-transform: uppercase; line-height: 8rem; letter-spacing: 0.1em; font-weight: 600; align-items: center; justify-content: center; padding: 0 10px; }
		.menu-burger-inner{ display: flex; flex-direction: column; margin: 0 10px; width: 40px; align-items: flex-end; }
		.menu-burger-inner:before,
		.menu-burger-inner:after{ content: ""; display: block; background-color: #fff; width: 100%; height: 2px; right: 0; transition: width 0.2s ease-in; }
		.menu-burger-inner:before{ margin-bottom: 7px; }
		.menu-burger-inner:after{ width: 40%; }
		.menu-burger-box:hover .menu-burger-inner:before{ width: 40%; }
	
	#menu .level-0 > .menu-contact{ background-color: #1e19cc; color: #fff; }
	#menu .level-0 > .menu-contact:hover{ background-color: #333; }
		.menu-burger-box:hover .menu-burger-inner:after{ width: 100%; }
	
	#header #main-menu-wrapper{ background-color: #1e19cc; transform: translateY(-100%); overflow: hidden; position: fixed; width: 100%; left: 0; top: 0; z-index: 1; max-height: 100vh; }
	#header #main-menu-wrapper.init{ transition: all 0.5s ease-in; }
	#header #main-menu-wrapper:before{ content: ''; display: block; position: relative; border-bottom: 1px solid #3430d2; width: 100%; height: 8rem; background-color: #212124; opacity: 0; z-index: 2; transition: all 0.2s ease-in; }	
	#header #main-menu-wrapper:after{ content: '';position: absolute; z-index: 0; top: 40%;right: -10%;width: 50%;height: 100%;z-index: 0;background: url(../themes/geode/assets/img/shape.svg) no-repeat 60% 0;background-size: 90%; opacity: 8%; }
	#header #main-menu-wrapper.open{ transform: translateY(0%); }
	#header #main-menu-wrapper.open:before{ opacity: 1; }
	#header #main-menu-wrapper .flex{ padding: 7rem 0; }
	#header #main-menu-wrapper .container{ position: relative; z-index: 1; padding-top: 1rem; }
	
		#menu-toggler-off{ position: absolute; top: 0; right: 0; font-size: 4rem; width: 7rem; height: 7rem; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 3; }
		#menu-toggler-off:before{ content: '×'; display: block; width: 6rem; height: 6rem; margin: 1rem; line-height: 6rem; text-align: center; transition: all 0.2s ease; }
		#menu-toggler-off:hover:before{ transform: rotate(-90deg); }
	
	#menu .level-1 > a,
	#menu .level-1 > span{ font-weight: 700; display: block; line-height: 32px; border-bottom: 1px solid #3430d2; position: relative; padding-right: 20px; min-width: 200px; }
	#menu .level-1 > span:before,
	#menu .level-1 > span:after{ content: ''; width: 10px; height: 2px; position: absolute; right: 0; top: 50%; background-color: #fff; transition: all 0.2s ease; }
	#menu .level-1 > span:after{ transform: rotate(90deg); }
	#menu .level-1 > ul li{ height: 0; transition: height 0.2s ease; overflow: hidden;}
	#menu .level-1.open > span:after{ transform: rotate(0deg); }
	#menu .level-1.open > ul li{ height: 32px }
	
	#menu .level-2{}
	#menu .level-2 > a{ display: block; line-height: 30px; padding: 0 2.5rem; position: relative; }
	#menu .level-2 > a:after{ content: ">"; position: absolute; right: 1px; }
	/*#menu .level-2.externe > a:after{ content: ">"; position: absolute; right: 1px; width: 15px; height: 100%; background: url(../img/globe.svg) no-repeat 100% 45%; background-size: 15px; padding-right: 32px; }*/
	
	#menu .level-1 > a:hover, #menu .level-1 > span,
	#menu .level-2 > a:hover, #menu .level-2 > span{ padding-right: 2.5rem; }
	#menu .level-1 > a:hover, #menu .level-1 > span:hover,
	#menu .level-2 > a:hover, #menu .level-2 > span:hover{ text-indent: 0.5rem; padding-right: 2rem; }
	
	#menu .footer li{ min-width: 200px; }
	#menu .footer a{ opacity: 0.4; text-transform: uppercase; display: block; line-height: 3rem; font-size: 0.8em; letter-spacing: 0.05em; }
	#menu .footer a:hover{ opacity: 1; }
	
	#menu .footer li.socials{ min-width: 160px; width: 160px; }
		.socials{ margin-bottom: 1em; display: flex; justify-content: space-between; }
		.socials a{ display: block; }
		.socials .ico{ display: block; width: 35px; height: 35px; border-radius: 30px; border: 1px solid #fff; text-align: center; fill: #fff; padding: 9px; }



* { margin:0; padding:0; box-sizing:border-box; }
*:before, *:after { box-sizing:border-box; }


table { width:100%; margin:1rem 0; border-collapse:collapse; }
td, th { padding:0.5em; text-align:left; border: 1px solid #ccc; }


ul, ol { margin-bottom:0; padding:0; list-style:none; }


p { margin-bottom:1em; }
p:last-child { margin-bottom:0; }


address { font-style:normal; }


img, svg, video { display:block; max-width:100%; height:auto; object-fit: cover; }


a { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; }


[data-validate-for] { display:none; }
[data-validate-for].oc-visible { display:block; }
fieldset{ border:none; }
input, textarea, select { font-family:inherit; outline:none; }


button { cursor:pointer; outline:none; padding:0; background:none; border:none; -webkit-tap-highlight-color: transparent; font-family: inherit; font-size: inherit; width:max-content; }
.btn { display:inline-flex; width:max-content; white-space:nowrap; padding:0.5rem 1rem; cursor:pointer; border:1px solid transparent; transition:all 0.4s ease 0s; outline:none; }

.lenis, 
.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

:root {
	--second-menu: 64px;
    --header-h: 144px;
    --container-w: 1290px;
    --container-sm-w: 530px;

    --field-normal: #aaa;
    --field-active: #000;
    --field-error: #f00;
    --checkbox-size: 1em;
    
    --font-btn: normal 400 14px / 1 LiveGrotesk, sans-serif;
    --font-h1_accueil: normal 400 45px / 1.2 LiveGrotesk, sans-serif;
    --font-h1: normal 400 85px / 1.2 LiveGrotesk, sans-serif;
    --font-h2: normal 400 40px / 1.1 LiveGrotesk, sans-serif;
    --font-h3: normal 400 25px / 1 LiveGrotesk, sans-serif;
    --font-lg: normal 400 18px / 1.4 LiveGrotesk, sans-serif;
    --font-md: normal 500 16px / 1.4 Manrope, sans-serif;
    --font-sm: normal 500 14px / 1.35 Manrope, sans-serif;
    --font-decennie_histoire: normal 500 clamp(7.375rem, 5.4712rem + 8.4615vw, 15.625rem) / 1 LiveGrotesk, sans-serif;
    --font-number: normal 400 85px / 1 LiveGrotesk, sans-serif;

	--gap-sm: 10px; 
	--gap-md: 20px; 
	--gap-lg: 30px; 
	--gap-xl: 45px;
	--gap-xxl: 100px;
	--gap-xxxl: 200px;
	
	--dark:#212124;
	--blue:#0070D5;
}

body { font: var(--font-md); color: #fff; background-color :#000; }

.pb-container { width:100%; max-width:var(--container-w); margin-left:auto; margin-right:auto; padding-left:var(--gap-sm); padding-right:var(--gap-sm); }
.container-sm { width:100%; max-width:var(--container-sm-w); margin-left:auto; margin-right:auto; padding-left:var(--gap-xs); padding-right:var(--gap-xs); }
.pb-container-fluid { padding-left:var(--gap-xl); padding-right:var(--gap-xl); margin-left:auto; margin-right:auto; }
.container-left { margin-right:calc((100% - var(--container-w)) / 2); margin-left:auto; }
.container-right { margin-left:calc((100% - var(--container-w)) / 2); margin-right:auto; }

.relative { position:relative; }
.overflow { overflow:hidden; }
.w-100 { width:100%; }
.w-50 { width:50%; }
.w-auto { width:auto; }
.h-100 { height:100%; }
.h-auto { height:auto; }
.hide { display:none; }
.block { display:block; }
.inline-block { display:inline-block; }
.flex { display:flex; }
.inline-flex { display:inline-flex; }
.hidden { visibility:hidden; }

.w-100 > img { width:100%; }
.h-100 > img { height:100%; }

/**
 * Texts
 **/


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


.pb-row { display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; gap:var(--gap-md); }
.pb-col { display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:var(--gap-md); }
.pb-grid { display:grid; grid-template-rows:auto; grid-template-columns:auto; gap:var(--gap-md); align-items:center; }
.pb-wrap { flex-wrap:wrap; }

.grid { display:grid; grid-template-rows:auto; grid-template-columns:auto; gap:var(--gap-md); align-items:center; }
.grid-2 {grid-template-columns: repeat(2, 1fr);}
.grid-3 {grid-template-columns: repeat(3, 1fr);}

.align-start { align-items:flex-start; }
.align-center { align-items:center; }
.align-end { align-items:flex-end; }
.align-stretch { align-items:stretch; }
.align-self-start { align-self:flex-start; }
.align-self-center { align-self:center; }
.align-self-end { align-self:flex-end; }
.align-self-stretch { align-self:stretch; }
.justify-start { justify-content:flex-start; }
.justify-center { justify-content:center; }
.justify-end { justify-content:flex-end; }
.justify-stretch { justify-content:stretch; }
.justify-between { justify-content:space-between; }
.justify-self-start { justify-self:flex-start; }
.justify-self-center { justify-self:center; }
.justify-self-end { justify-self:flex-end; }
.justify-self-stretch { justify-self:stretch; }



.pt-sm { padding-top: var(--gap-sm); }
.pb-sm { padding-bottom: var(--gap-sm); }
.pl-sm { padding-left: var(--gap-sm); }
.pr-sm { padding-right: var(--gap-sm); }
.py-sm { padding-top: var(--gap-sm); padding-bottom: var(--gap-sm); }
.px-sm { padding-right: var(--gap-sm); padding-left: var(--gap-sm); }
.mt-sm { margin-top: var(--gap-sm); }
.mb-sm { margin-bottom: var(--gap-sm); }
.ml-sm { margin-left: var(--gap-sm); }
.mr-sm { margin-right: var(--gap-sm); }
.my-sm { margin-top: var(--gap-sm); margin-bottom: var(--gap-sm); }
.mx-sm { margin-right: var(--gap-sm); margin-left: var(--gap-sm); }
.g-sm { gap: var(--gap-sm); }

.pt-md { padding-top: var(--gap-md); }
.pb-md { padding-bottom: var(--gap-md); }
.pl-md { padding-left: var(--gap-md); }
.pr-md { padding-right: var(--gap-md); }
.py-md { padding-top: var(--gap-md); padding-bottom: var(--gap-md); }
.px-md { padding-right: var(--gap-md); padding-left: var(--gap-md); }
.mt-md { margin-top: var(--gap-md); }
.mb-md { margin-bottom: var(--gap-md); }
.ml-md { margin-left: var(--gap-md); }
.mr-md { margin-right: var(--gap-md); }
.my-md { margin-top: var(--gap-md); margin-bottom: var(--gap-md); }
.mx-md { margin-right: var(--gap-md); margin-left: var(--gap-md); }
.g-md { gap: var(--gap-md); }

.pt-lg { padding-top: var(--gap-lg); }
.pb-lg { padding-bottom: var(--gap-lg); }
.pl-lg { padding-left: var(--gap-lg); }
.pr-lg { padding-right: var(--gap-lg); }
.py-lg { padding-top: var(--gap-lg); padding-bottom: var(--gap-lg); }
.px-lg { padding-right: var(--gap-lg); padding-left: var(--gap-lg); }
.mt-lg { margin-top: var(--gap-lg); }
.mb-lg { margin-bottom: var(--gap-lg); }
.ml-lg { margin-left: var(--gap-lg); }
.mr-lg { margin-right: var(--gap-lg); }
.my-lg { margin-top: var(--gap-lg); margin-bottom: var(--gap-lg); }
.mx-lg { margin-right: var(--gap-lg); margin-left: var(--gap-lg); }
.g-lg { gap: var(--gap-lg); }


.pt-xl { padding-top: var(--gap-xl); }
.pb-xl { padding-bottom: var(--gap-xl); }
.pl-xl { padding-left: var(--gap-xl); }
.pr-xl { padding-right: var(--gap-xl); }
.py-xl { padding-top: var(--gap-xl); padding-bottom: var(--gap-xl); }
.px-xl { padding-right: var(--gap-xl); padding-left: var(--gap-xl); }
.mt-xl { margin-top: var(--gap-xl); }
.mb-xl { margin-bottom: var(--gap-xl); }
.ml-xl { margin-left: var(--gap-xl); }
.mr-xl { margin-right: var(--gap-xl); }
.my-xl { margin-top: var(--gap-xl); margin-bottom: var(--gap-xl); }
.mx-xl { margin-right: var(xl); margin-left: var(--gap-xl); }
.g-xl { gap: var(--gap-xl); }



.px-xxl { padding-right: var(--gap-xxl); padding-left: var(--gap-xxl); }
.px-xxxl { padding-right: var(--gap-xxxl); padding-left: var(--gap-xxxl); }

.py-xxl { padding-top: var(--gap-xxl); padding-bottom: var(--gap-xxl); }
.py-xxxl { padding-top: var(--gap-xxxl); padding-bottom: var(--gap-xxxl); }

.mx-xxl { margin-right: var(--gap-xxl); margin-left: var(--gap-xxl); }
.mx-xxxl { margin-right: var(--gap-xxxl); margin-left: var(--gap-xxxl); }

.my-xxl { margin-top: var(--gap-xxl); margin-bottom: var(--gap-xxl); }
.my-xxxl { margin-top: var(--gap-xxxl); margin-bottom: var(--gap-xxxl); }


.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0; }
.pr-0 { padding-right: 0; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.px-0 { padding-right: 0; padding-left:0; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.ml-0 { margin-left: 0; }
.mr-0 { margin-right: 0; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.mx-0 { margin-right: 0; margin-left: 0; }


.g-0 {gap: 0;}
.g-sm {gap: var(--gap-sm);}
.g-md {gap: var(--gap-md);}
.g-lg {gap: var(--gap-lg);}
.g-xl {gap: var(--gap-xl);}

.gy-xxl { row-gap :var(--gap-xxl); }



/* utility */

.h1, h1 { font: var(--font-h1); color: #fff; }
.font-h1_accueil {font: var(--font-h1_accueil);}
.h2, h2 { font: var(--font-h2); color: #fff; margin-top: 0; } 
.h3, h3 { font: var(--font-h3); color: #fff; margin-top: 0; margin-bottom: 0; }
.h4, h4 { font: var(--font-h4); }
.font-sm { font: var(--font-sm); }
.font-md { font: var(--font-md); }
.font-lg { font: var(--font-lg); }

.bg-dark {background-color: var(--dark);}

.opacity-60 {opacity: .6;}
.opacity-70 {opacity: .7;}
.opacity-50 {opacity: .5;}

.linear-blue {background: linear-gradient(123deg, #093689 18.44%, #35A7D9 46.11%, #093689 78.38%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.cursor_none {cursor: none;}

.pointer {cursor: pointer;}

/* btn */

.btn.blue {transition: all .4s ease; background-color: var(--blue); color#fff; padding: var(--gap-sm) var(--gap-md); border-radius: 2px; font: var(--font-btn); height: max-content;}
.btn.blue:hover {background-color: #fff; color: #000}
/* Header */
.header-geode {height: 64px; border-top: 1px solid rgba(255, 255, 255, .3);}
.logo-geode {width: 190px;}
.visible_resp {display: none;}

.not-top#header {height: 64px; }
.not-top#header .header-wrapper {display: none !important; }

/* Parial */
#cursor.hover {background-color: var(--blue); height: 140px; width: 140px; transform: translate(-50%, -50%);} 
.hover-video {position: absolute; left: 0; top: 0;  z-index: 5; background-image: url(../themes/geode/assets/img/play.svg); background-position: center; background-repeat: no-repeat;}
#cursor.hover-video.video-pause {position: absolute; left: 0; top: 0;  z-index: 5; background-image: url(../themes/geode/assets/img/Pause.svg); background-position: center; background-repeat: no-repeat; background-color:transparent;}
.hover-drag {position: absolute; left: 0; top: 0; z-index: 5; background-image: url(../themes/geode/assets/img/drag.svg); background-position: center; background-repeat: no-repeat;}

.cursor-absolute {position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 3; }

.intro .content {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; height: max-content;}
/* Accueil */
.intro {margin-top: var(--second-menu);}
.intro .img:before {content:""; position: absolute; bottom: 0; left: 0; height: 200px; width: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }


.histoire:before {content:""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color:rgba(255,255,255,.3) ;}
.unedate {height: 290px;}
.histoire .unedate .h-100 svg {height: 100%;}
.histoire img.video {max-width: 290px; position: relative; z-index: 5; pointer-events: initial; cursor: none;}
.histoire .swiper-container {overflow: visible;}
.unedate.disable {opacity: 0.8; filter: blur(3px);}

.histoire .swiper-slide {padding-right: 45px; cursor: none;}
.histoire .swiper-slide * {pointer-events: none;}

.grows-video video { cursor: none; transform: scale(.6);}

.timer {font: var(--font-number); min-height: 200px;}


#realisation {overflow: hidden;}
#realisations .bg {opacity: 0}
#realisations .rea_center {position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 15.2%; height: 27.4%; z-index: 2;}
/* #realisations .rea_center.image1 */ 
#realisations h2 {position: absolute; left: 0; right: 0; top: 35%; margin: auto; width: 850px; height: 30%; text-align: center; font-size: 85px;} 
#realisations h2 .h2_behind {z-index: 1; position: relative;} 
#realisations h2 .front {z-index: 3; position: relative;} 


.chiffres {height: 100vh;}
.chiffres:before {content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; aspect-ratio: 1; background: radial-gradient(50% 50% at 50% 50%, rgba(21, 121, 239, 0.80) 0%, rgba(21, 121, 239, 0.40) 45%, rgba(21, 121, 239, 0.00) 100%); opacity: .6; z-index: -1;}
.chiffres .unchiffre .number {font: var(--font-number);}
.chiffres .round {aspect-ratio: 1; border: 2px solid rgba(255, 255, 255, 0.10); width: 100%; border-radius: 100%; padding: 0 30px;}
.chiffres .round.blue {border-color: #1579EF;}


#faq .accordion {border: 1px solid #1C1C1C;  background: #131313; padding: 24px 17px; border-radius: 3px;}
#faq .accordion .title {cursor: pointer;}
#faq .accordion .content {opacity: .5;}
#faq .accordion h3 { width: 75%;}
#faq .accordion svg {transition: all .4s ease;}
#faq .accordion.open svg { transform: rotate(180deg);}
#faq .accordion .title {align-items: baseline;}

/* Histoire */
#histoire {position: relative; }
#histoire:before {content:""; position: absolute; z-index: 2; left: 0; top: 0; background-image: url('../themes/geode/assets/img/geode/side.svg'); background-repeat: repeat; background-position: center; background-size: cover; height: 100%; width: 16px;}
#histoire:after {content:""; position: absolute; z-index: 2; right: 0; top: 0; background-image: url('../themes/geode/assets/img/geode/side_right.svg'); background-repeat: repeat; background-position: center; background-size: cover; height: 100%; width: 16px; background-color: transparent;}
#histoire .date {font: var(--font-decennie_histoire);}
#histoire .listing_date .content,
#histoire .listing_date .annee {width: 350px;}

#histoire .listing_date .content.geode {width: 100%;}

#histoire .listing_date .content.last {width: auto;}
#histoire .listing_date h3 {font: var(--font-md); opacity: 1; font-weight: 500; line-height: 1.4;}
#histoire .content p{opacity: .7;}
#histoire .date:before {content:url('../themes/geode/assets/img/date_left.svg'); position: absolute; z-index: 2; left: 16px;margin: auto;}
#histoire .date:after {content:url('../themes/geode/assets/img/date_right.svg'); position: absolute; z-index: 2; right: 18px;margin: auto;}
#histoire .date.py-xxl {padding-top: 235px; padding-bottom: 135px;}
#histoire .date {position: relative;}
#histoire .date img {position: absolute; top: 150px;}
#histoire .left {max-width: 790px;}
#histoire .left h2 {min-width: 350px;}
#histoire .listing_date img {width: fit-content;}
#histoire .intro .resp {display: none;}
#histoire .onedate {position: relative;}
.fixe {position:fixed; top: 0; bottom: 0; margin: auto; height: max-content; }
.fixe_left {left: 16px;}
.fixe_right {right: 20px;}

.slider_video iframe {aspect-ratio: 16/9;}
.slider_video .swipe-prev {position: absolute; top: 0; bottom: 0; left: 25%; margin: auto; z-index: 2; height: max-content;}
.slider_video .swipe-next {position: absolute; top: 0; bottom: 0; right: 25%; margin: auto; z-index: 2; height: max-content;}
.slider_video .swiper-button-disabled {opacity: .3;}


.characteristiques {height: 100vh; width: 100%;}
.characteristiques .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}

#footer {background: linear-gradient(45deg, #093689 -2.96%, #04091D 12.62%, #04091D 28.2%, #093689 43.78%, #04091D 59.36%, #04091D 85.32%, #093689 100.9%);}
#footer .logo_footer {padding: 300px 0;}
#footer .top {width: 100%; height: 80px; }
#footer .bottom { border-top: 2px solid rgba(255, 255, 255, .3);}

.newsletter input {background-color: rgba(0, 0, 0, 0.20); font-size: 1.6rem; color: rgba(255, 255,255, .5); padding-left: var(--gap-md); height: 48px; display: flex; align-items: center; width: 280px; border: 1px solid rgba(255, 255, 255, .3); border-right:0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.bouton_newsletter {transition: all .4s ease; background-color: #fff; color: #000; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.bouton_newsletter:hover {background-color: var(--blue); color: #fff;}
.bouton_newsletter button {color: #000; text-transform: initial; height: 48px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 var(--gap-md); font-weight: 500; letter-spacing: normal; }
.bouton_newsletter button:hover {background-color: initial; color: #fff;}
.newsletter [data-validate-for] {left: 0; color: red; bottom: -3.5em;}
div#newsletter_forms_flash {padding-top: 20px;}
.label_newsletter {font-size: 14px; margin-top: 10px; color: rgba(255, 255, 255, 0.50);}

.untemps {min-width: 110px;}

.machine .image.ouvert { position: absolute; left: 0; top: 0; opacity: 0;}

.machine .txt_quartz {position: absolute; left: -100px; bottom: 100px;}
.machine .txt_geode {position: absolute; right: -150px; bottom: 170px;}

.machine_txt:before {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #333;}
.machine_txt .imgs .img_2 {position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: all .3s ease;}
.machine_txt .imgs .img_2.open {opacity: 1;}

.machine_txt .imgs .img_4 {position: absolute; top: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: all .3s ease;}
.machine_txt .imgs .img_4.open {opacity: 1;}



body.admin:after{ content:"xl"; position: fixed; bottom: 0; right: 0; padding: 5px 10px; line-height: 30px; background-color:#EEE; z-index: 1000; }
/**
 * Wide
 **
@media (min-width: 1600px) {
}
    

/**
 * Extra large
 **/
@media (min-width: 1200px) {
body.admin:after{ content:"xl"; background-color: red; }

	.extra-container{ width: calc(100% + 15px + (100vw - 1140px)/2); }
	.blue-sidebar:before{ width: calc( (100vw - 1140px)/2 ); }
}

/**
 * Large devices
 **/
@media (max-width: 1600px) {
	:root {
    	--font-h1: normal 400 65px / 1 LiveGrotesk, sans-serif;
	}
	#histoire .date:before {content: initial; }
	#histoire .date:after {content: initial;}
	
	
	
}

@media (max-width: 1400px) {
	#accueil .intro .content {top: 75px;}
	#histoire .intro .content .g-xl {gap: var(--gap-sm);}
	
	.ephj {padding-top: 20px;}
	
	.container-right {margin-left: auto;}
	
	#realisations h2 { font-size: 7rem;}
}

@media (max-width: 1199px) {
body.admin:after{ content:"lg"; background-color: orange; }
html { font-size: 8px; }

	.extra-container{ width: calc(100% + 15px + (100vw - 960px)/2); }
	.blue-sidebar:before{ width: calc( (100vw - 960px)/2 ); }
	#contact #banner .bg-bleu { padding: 5rem; }
	
	.histoire  {padding-top: 150px;}
	
	#histoire .onedate {flex-direction: column;}
	#histoire .onedate .annee  {position : absolute; right: 0; top: 0;}
	#histoire .listing_date .image,
	#histoire .listing_date .content { width: 100%;}
	#histoire .listing_date .content h2 {padding-right: 100px;}
	#histoire .listing_date .pb-container-fluid.py-xxl { padding-top: var(--gap-lg); padding-bottom: var(--gap-lg);}
	#histoire .date.py-xxl {padding-top: var(--gap-xxl); padding-bottom: var(--gap-lg);}
	#histoire .left.pb-row { flex-direction: column;}
	#histoire .resp_w-100 {width: 100%}
	
	#histoire .date img {position: relative; top: initial;}
	
	.machine {padding: 7vh 0;}
	.machine .txt_geode svg, 
	.machine .txt_quartz svg { width: 300px; }
	.machine .txt_geode {right: -50px ;}
	.machine .txt_quartz {left: 40px ;}
}
/*
@media (min-width: 992px) {

	#header.not-top{ background-color: #fff; border-color: #E7E7E8; box-shadow: rgba(0, 0, 0, 0.15) 0px 0 5px; }
	#header.not-top .logo svg{ fill: #000; }
	#header.not-top .logo path[data-name='etoile']{ fill: #1E19CC; }
	#header.not-top .logo a.language-switcher{ color: #666; opacity: 0.7; }
	#header.not-top .logo a.language-switcher:before{ background-color: #666; -webkit-mask-image: url(../img/globe.svg); mask-image: url(../img/globe.svg); background-image: none; }
	#header.not-top #menu{}
	#header.not-top #menu .level-0 > .menu-group-imi:hover{ color: #666; }
	#header.not-top #menu .level-0 > .menu-burger-box { border-color: #E7E7E8; color: #666; }
	#header.not-top #menu-toggler-off:before{ color: #666; }
	#header.not-top .menu-burger-inner:before, 
	#header.not-top .menu-burger-inner:after{ background-color: #999; }
	#header.not-top #main-menu-wrapper:before{ background-color: #FFF; }
	
}*/

/**
 * Medium devices
 **/
@media (max-width: 991px) {
body.admin:after{ content:"md"; background-color: green; }
/*html { font-size: 7px; }
p { font-size: 16px; }*/

	#header #main-menu-wrapper .footer{ margin-top: 20px; }
	#banner:before{ width: 100%; }
	#banner:after{ background-position: -250% 0; }
	
	.extra-container{ width: calc(100% + 15px + (100vw - 720px)/2); }
	.blue-sidebar:before{ width: calc( (100vw - 720px)/2 ); }
	
	#accueil-machines .machine-flow{ padding-top: 0; margin-top: -6rem; }
    
    #contact #banner{ margin-bottom: 16rem; }
    #footer:after{ content: none; }
    
    #footer-data .flex > .flex-item.logo{ flex-direction: row; height: auto; max-width: 100%; width: 100%; align-items: center; justify-content:space-between; }
    #footer .logo-clp {width: 30%; }
    #footer-data .flex > .flex-item.logo .logo-imi { margin:10px 0 0 0; }
    
    #accueil .intro .content {position: relative; top: 0;}
    
    h1,
    .font-h1_accueil{font-size: 4.5rem;}
    h2 {font-size: 4rem;}
    h3 {font-size: 2.5rem;}
    
    #footer .logo_footer {padding: 100px 0;}
    
    .grows-video video {transform: scale(1);}
    
    
    #realisations h2 {font-size: 5rem;}
     
    #faq .grid-2 {grid-template-columns: repeat(1, 1fr);}
    
    body{	--font-number: normal 400 55px / 1 LiveGrotesk, sans-serif;}
    
    .characteristiques .grid-3 {grid-template-columns: repeat(2, 1fr);}
    
    .machine_txt {padding: 7vh 0;}
    .machine .txt_geode svg, 
	.machine .txt_quartz svg { width: 170px; }
	.machine .txt_geode {right: 50px ; bottom: 70px;}
	.machine .txt_quartz {left: 110px ; bottom: 50px;}
    
    .machine_txt .grid-2 {grid-template-columns: repeat(1, 1fr);}
    .machine_txt .txt.px-xxl {padding-left: 0;}
    .machine_txt .imgs  {order: 2;}
    .machine_txt .txt {order: 1;}
    
    .machine_txt .grid.grid-2.py-xxxl {padding-top: 3vh;}
    .machine_txt .imgs.mx-xxl {margin-left: 0;}
    
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
body.admin:after{ content:"sm"; background-color: blue; }
/*html { font-size: 6px; }*/
	img{ display: block; margin-left: auto; margin-right: auto;}

	.extra-container{ width: 100%; float: none !important; }
	.blue-sidebar:before{ width: calc( (100vw - 540px)/2 ); }
	
	.casper-mobile{ display: none !important; }
	.casper-screen-inline{ display: inline; }
	.casper-screen-block{ display: block; }
	
	.logo{ padding: 0 2px; margin-left: 5px; }
	#menu{ width: auto;}
	#menu .level-0{ width: auto; max-width: inherit; }
	#menu .level-1 > a, 
	#menu .level-1 > span{ line-height: 50px; }
	
	#header #main-menu-wrapper{ overflow-y: scroll; }
	#header #main-menu-wrapper:after{ width: 100%; right: -40%;}
	#header #main-menu-wrapper .flex > ul.footer{ margin-top: 20px; }
	#header .contactfixed .message img {width: 20px; height: 20px; margin:10px;}
	
	#banner{ background-position: 100% 100%; background-size: cover; }
	
	#footer-legals li a:after{ content: none; }
	
	#accueil-edito .order-1{ order: 2; }
	#accueil-edito .order-2{ order: 1; }
	#accueil-machines .bg-gris{ display: none; }
	#accueil-machines .machine-flow{ padding-top: 0; margin-bottom: 6rem; }
	#accueil-machines .machine-flow:before { content: ""; background-color: #EFEFEF; position: absolute; height: 40%; width: 150%; left: 0; bottom: -2rem; z-index: 0; }
	#accueil-applications .bg-bleu{ width: calc(100% + 15px + (100vw - 540px)/2); height: 400%; }
	#accueil-applications,
	#accueil-applications a{ color: #FFF; }
	
	.actu.teaser{ padding-top: 2rem; }
	#actualites .links a{ padding: 4rem 2rem; }
	
	#actualites:before 			   { height: 40px; top: -40px; }
	#actualites > .container:before{ height: 15px; }
	#actualites:after 			   { height: 15px; bottom: -15px; }
	#actualites > .container:after { height: 40px; }
	
	#contact #banner { margin-bottom: 25rem; }
	
    #footer-data .flex{ align-items: center; flex-direction: column; }
	#footer-data .flex > div { margin: 15px auto; } 
    #footer-data .flex > .flex-item.logo{ width: 100%; }
	#footer-legals .container{ font-size: 10px; text-align: center; } 
	#footer .cpl {text-align: center;}
	#footer .all,
	#footer .cpl{width: auto;}
	#footer .all {display: flex; flex-direction: column; justify-content: center; align-items: center;}
	
	.newsletter input {width: 250px;}
	
	.none_resp {display: none;}
	.menu_geode { padding-left: 20px; padding-right: 20px;}
	.visible_resp { display: block;}
	.logo-geode {width: auto;}
	.ephj {padding-top:100px ;}
	
	#footer .row_resp {flex-direction: column; align-items:center;}
	
	#histoire .intro .resp {display: block;}
	#histoire .intro .desk {display: none;}
	
	.timer {font-size: 4.5rem; gap: var(--gap-md);}
	
	.untemps {min-width: 70px;}
	
	#cursor {display: none;}
	
	.title_histoire.py-xxl {padding-top: var(--gap-xl); padding-bottom: var(--gap-xl);}
	
	
	.chiffres {height: auto;}
	.chiffres .pb-row {flex-direction: column; gap: var(--gap-md)}
	.chiffres:before {height: 33% !important;}
	.chiffres .unchiffre {width: 70%;}
	
	
	#realisations h2 {font-size: 4rem; position: relative; width: auto; left: auto; top: auto; height: auto; margin-bottom: var(--gap-lg);}
	#realisations .rea_center {height: auto; width: auto;}
	#realisations .rea_center.image_1 {top: 0;}
	#realisations .bg {display: none;}
	/* #realisations .rea_center {position: relative;} */
	#realisations .imgs {position: relative; height: 400px; width: 150px; margin: auto;}
	
	.characteristiques {height: auto;}
	.characteristiques .bg {display: none;}
	
	.chiffres.py-xxl {padding-top: 0;}
	
	#faq.py-xxxl {padding: var(--gap-xxl) 0;}
	
	.machine .txt_geode,
	.machine .txt_quartz {display: none;}
	
	.slider_video.py-xxxl {padding-top: 5vh;}

}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
body.admin:after{ content:"--"; background-color: yellow; }
	
	#header #main-menu-wrapper:after{ content: none; }
	#main{ padding-bottom: 6rem; }

    .flex{ flex-direction: column; }
    .flex-item{ width: 100%; }
    #footer-data .flex > .flex-item.logo{ width: 100%; flex-direction: column; align-items: center; }
    
	#accueil-applications .bg-bleu{ width: 100%; }
	.swiper-container { margin-left: 15px; margin-right: 15px; }
	
	#actualites .links > div { padding-right: 0; padding-left: 0; }
	
	#contact #banner .bg-bleu { padding: 3rem 2rem; }
	
	#footer .logo-clp {width: 50%; }
	
	.newsletter input {width: 200px;}
	.bouton_newsletter button {font-size: 1.4rem;}
	.intro .content {padding-left: 20px; padding-right: 20px;}
	
	#histoire .listing_date .content h2 {font-size: 25px;}
	
	.untemps {min-width: 40px;}
	
	
	.slider_video .swipe-next {right: 10%;}
	.slider_video .swipe-prev {left: 10%;}
}