/**
 * Forms
 */

/* All elements */
.field { margin-bottom: 30px; position:relative; }
.field label { display: inline-block; margin:0; }

[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: 10px; border: 1px solid #ccc; }

/* Checkbox & Radio */
.field.checkbox label,
.field.radio label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; position:relative; margin-bottom:10px; 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); }
/**
 * General Elements
 **/

html { font-size:10px; }
body { font-size:1.8rem; font-family:'Mont', sans-serif; font-weight:400; min-height:100vh; overflow-x:hidden; }
/*body, body * { cursor:none; }*/

: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; line-height:1.8em; }
p:last-child { margin-bottom:0; }
p b, p strong { font-weight:bold; }

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

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

/* Titles */
h2 { font-size:4.5rem; font-weight:800; margin-bottom:1em; line-height:1.2em;}

/**
 * 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; }

/* Buttons */
.btn { display:inline-flex; flex-direction:row; align-items:center; justify-content: center; border:1px solid #000000; font-size:1.8rem; font-weight:400; padding:15px 50px; border-radius:50px; margin-top:30px; transition:all 0.5s ease 0s; }
.btn svg { width:16px; margin-left:15px; transition:all 0.5s ease 0s; }
.btn:hover { background:#000; color:#fff; }
.btn:hover svg { stroke:#fff; }

.btn.filled { background:#000; border-radius:0; color:#fff; padding-left:30px; padding-right:30px; }
.btn.filled:hover { background:transparent; color:#000; }

.btn.white{ border-color: #FFF; }
.btn.white svg { stroke:#fff; }
.btn.white:hover { background:#fff; color:#000; }
.btn.white:hover svg { stroke:#000; }

/* Hamburger */
.hamburger { display:none; position:relative; z-index:10; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color:#fff; border-radius:0; height:2px; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color:#fff; }

.hamburger-box { width:30px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width:30px; }

/* Forms */
.field.textfield { height:50px; margin-top:40px; margin-bottom:0; }
.field.textfield label { position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); transition:all 0.5s ease 0s; z-index:2; }
.field.textfield input { position:absolute; left:0; bottom:0; width:100%; border:none; border-top:1px solid #707070; height:0; padding:0; transition:all 0.5s ease 0s, padding-left 0s linear 0s, padding-right 0s linear 0s; }

.field.textfield.active label,
.field.textfield.filled label { top:-25px; transform:translateY(0); font-size:1.4rem; }
.field.textfield.active input,
.field.textfield.filled input { height:100%; padding:15px; }

.algolia-places { position:absolute !important; left:0; bottom:0; width:100%; line-height:1em; height:100%; }
.algolia-places input { position:absolute !important;  }
.ap-input, .ap-hint { border-radius:0; }

.radios { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; margin-bottom:0; }
.radios .field { margin-bottom:0; margin-left:50px; }
.radios .field label { margin-bottom:0; }
.field.radio input, .field.radio span:before { width:40px; height:40px; }
.field.radio span:after { background:#000; left:13px; }

.field.textarea { margin-top:50px; }
.field.textarea label { transition:all 0.5s ease 0s; z-index:2; display:block; margin-bottom:10px; line-height:50px; }
.field.textarea textarea { height:0; border-bottom:1px solid #707070; padding:0; transition:all 0.5s ease 0s; }

.field.textarea.active label,
.field.textarea.filled label { font-size:1.4rem; }
.field.textarea.active textarea,
.field.textarea.filled textarea { height:400px; padding:15px; border-color:#707070; }

.field.select { margin-top:30px; }
.field.select select { background:none; border:none; border-bottom:1px solid #707070; padding:15px 0; }

.field.submit { text-align:center; }
.field.submit .btn { margin-top:0; }

.casper{ display: none; }

[data-validate-for] { bottom:-1.5em; }

/**
 * General Layout
 **/

/* Generic components */
.container-fluid { padding-left:150px; padding-right:150px; }
.relative { position:relative; z-index:2; }
.hide { display:none; }
.padding { padding-top:150px; padding-bottom:150px; }
.ptop { padding-top:150px; }
.pbottom { padding-bottom:150px; }
.mipadding { padding-top:80px; padding-bottom:80px; }
.miptop { padding-top:80px; }
.mipbottom { padding-bottom:80px; }
.bmarble { color:#fff; background-color:#000; }
.bmarble h2 { font-weight:bold; }
.wmarble { background-color:#fff; }
.text-center { text-align:center; }
.socials li { margin:0 5px; }
.socials a { width:24px; height:24px; display:flex; flex-direction:row; align-items:center; justify-content:center; border:1px solid #fff; border-radius:100%; padding:5px; }
[data-bg] { background-position:center center; background-size:cover; background-repeat:no-repeat; }

.accordion .item { margin-bottom:15px; }
.accordion .title a { background:rgba(145,127,94,0.25); display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:15px 30px; transition:all 0.5s ease 0s; }
.accordion .title h2 { font-size:2.2rem; font-weight:bold; margin-bottom:0; }
.accordion .title svg { margin-left:50px; transition:all 0.5s ease 0s; min-width:25px; }
.accordion .title.open a { background:rgba(145,127,94,0.5); }
.accordion .title.open svg { transform:rotate(-90deg); }
.accordion .collapse { padding:30px; }

/* Cursor */
/*
#cursor-dot,
#cursor-circle { position:absolute; pointer-events:none; transform:translate(-50%, -50%); z-index:99999; }
#cursor-dot { width:6px; height:6px; background:#000; border-radius:100%; transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.3s ease 0s; }
#cursor-circle { width:30px; height:30px; background:transparent; border:1px solid #000; border-radius:100%; transition:opacity 0.5s ease 0s, border-color 0.3s ease 0s;  }

#cursor.white #cursor-dot { background-color:#fff; }
#cursor.white #cursor-circle { border-color:#fff; }
#cursor.link #cursor-circle { opacity:0; }
#cursor.link #cursor-dot { width:40px; height:40px; background:#fff; mix-blend-mode:difference; }
*/
/* Preloader */
#pace { position:fixed; width:100%; height:100%;  text-align:center; background:#000; left:0; top:0; z-index:10; }
#pace .bg { content:''; position:absolute; left:0; top:0; width:100%; z-index:1; height:100%; }
#pace:after { content:''; position:absolute; left:0; top:0; width:100%; z-index:2; height:100%; background:rgba(0,0,0,0.8); opacity:1; }
#pace .caption { position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); }
#pace .logo { margin-bottom:5vh; transition:all 0.5s ease 0s; opacity:1; }
#pace .logo svg { fill:#fff; width:450px; max-width:80vw; }
#pace .logo svg .baseline { display:none; }
#pace .pace { user-select: none; z-index: 2000; position: relative; margin:0 auto; height: 3px; width: 80%; background:rgba(112,112,112,0.5); overflow: hidden; opacity:1; }
#pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 100%; position: fixed; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 3px; width: 100%; background: #fff; opacity:1;}

body.pace-done #pace { opacity:0; transition:all 1s ease .3s; pointer-events:none; }
body.pace-done #pace .bg { opacity:0; transition:all 1s ease 0.2s; }
body.pace-done #pace .logo { margin-bottom:10vh; opacity:0; transition:all 1s ease 0s; }
body.pace-done #pace .pace { margin-top:10vh; opacity:0; transition:all 1s ease 0s; }

/* Page */
#page { position:relative; width:100%; min-height:100vh; overflow:hidden; }

/* Header */
#header { position:fixed; left:0; top:0; width:100%; background:rgba(0,0,0,0.0); transition:all 1s ease 0s; z-index:5; }
#header .mainrow { height:100px; transition:all 0.5s ease 0s; align-items:center; justify-content:space-between; }
#header .logo svg { fill:#fff; }

#header.not-top { background:rgba(0,0,0,0.9); }
#header .navigation ul { display:flex; flex-direction:row; align-items:center; justify-content: flex-end; color:#fff; text-transform:uppercase; font-size:1.4rem; }
#header .navigation li { margin-left:30px; }
#header .navigation { height:100%; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-evenly; }
#header .navigation .top { display:flex; flex-direction:row; align-items:center; justify-content:flex-end;}
#header .navigation .top ul { font-weight:800; }
#header .navigation .top .socials { margin-left:80px; }
#header .navigation .top .socials li { margin-left:15px; }
#header .navigation .bottom a { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; padding:10px 0; }
#header .navigation .bottom svg { margin-bottom:5px; }
#header .navigation .bottom a:after { content:''; position:absolute; left:0; bottom:10px; width:0; height:1px; background:#fff; transition:all 0.5s ease 0s; }
#header .navigation .bottom li a:hover:after,
#header .navigation .bottom li.active a:after { width:100%; }

.socials .suisse a {padding: 0; border: none;}

/* Footer */
#footer { position:relative; z-index:2; }
#footer .top { padding:40px 0; background:#000; color:#fff; }
#footer .top .row { justify-content: space-between; }
#footer .top .left img { filter:invert(1); }
#footer .top .right .socials { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .bottom { padding:60px 0; background-position:center center; font-weight:300; position:relative; }
#footer .bottom b { font-weight:bold; }
#footer .bottom:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
#footer .bottom .row { justify-content: center; }
#footer .bottom .container-fluid { position:relative; z-index:2; }
#footer .bottom .address { text-align:center; }
#footer .bottom .links { display:flex; flex-direction:row; align-items:center; justify-content: center; margin-top:40px; font-size:1.4rem; }
#footer .bottom .links li:after { content:'-'; margin:0 5px; }
#footer .bottom .links li:last-child:after { content:none; }
#footer .bottom .socials { display:flex; flex-direction:row; align-items:center; justify-content:center; }

#footer .socials .suisse {display: none;}


#sticky { position:fixed; right:0; bottom:100px; z-index:3; opacity:0; pointer-events:none; transition:all 0.5s ease 0s; transform:translateX(100%); }
#sticky .link { display:flex; max-height:50px; flex-direction:row; align-items:center; justify-content:flex-start; background:#ccc; transition:all 0.5s ease 0s; color:#fff; width:300px; font-size:1.6rem; line-height:1em; transform:translateX(250px); }
#sticky .link .text { padding:15px; }
#sticky .icon { min-width:50px; min-height:50px; display:flex; align-items:center; justify-content:center;  }
#sticky .icon svg { width:25px; max-height:25px; }
#sticky .top .link { background-color:#000; }
#sticky .phone .link { background-color:#917F5E; }
#sticky .video .link { background-color:#000; }

#sticky.show { transform:translateX(0); opacity:1; pointer-events:auto; }
#sticky .link:hover { transform:translateX(0); }

/*
 * Page layout 
 */
 
/* General components */
#heading { width:100%; height:100vh; overflow:hidden; position:fixed; left:0; top:0; z-index:0; }
#heading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3; }
#heading .bg { width:100%; height:100%;  }
#heading .bg img { object-fit:cover; object-position:center center; width:100%; height:100%; margin-top:-1px; }
#heading .caption { position:absolute; z-index:4; left:7.5%; top:50%; transform:translateY(-50%); color:#fff; max-width:45%; font-weight:200;  }
#heading .caption .uppertitle { font-size:1.6rem; text-transform:uppercase; border-bottom:1px solid #fff; margin-bottom:30px; display:inline-block; opacity:0.75; }
#heading .caption h1,
#heading .caption .title { font-size:6rem; font-weight:900; color:#fff; opacity:0.7; line-height:1em; margin-bottom:0.5em;}
#heading .caption p { font-size:1.6rem; }

#heading.mini { position:relative; height:auto; }
#heading.mini .caption { top:auto; bottom:50px; transform:translateY(0); }

#heading #video { writing-mode:vertical-rl; z-index:3; position:absolute; font-weight:300; right:30px; bottom:30px; color:#fff; transform:rotate(180deg); display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
#heading #video img { width:22px; margin-bottom:15px; transform:rotate(180deg); margin-right:5px; }
#heading #scroll { position:absolute; left:15%; bottom:0; transform:rotate(-90deg); transform-origin:left top; width:120px; display:flex; flex-direction:row; align-items:center; }
#heading #scroll .text { white-space:nowrap; color:#fff; }
#heading #scroll .bar-wrapper { display:block; width:100%;  margin-left:15px; position:relative; }
#heading #scroll .bar { height:3px; overflow:hidden; position:relative; top:2px; width:100%; display:block; position:absolute; right:0; }
#heading #scroll .bar:before { position: absolute; right: -15rem; content: ""; height: 1px; width: 100%; background: #fff; animation: 3s ease 0s forwards infinite running animHomeHeaderLine; }
#heading #scroll.active .bar:before { animation:none; right:0; }
@keyframes animHomeHeaderLine { 0% { right: -15rem; } 50% { right: 0rem; } 100% { right: 15rem; } }

#heading + #wrapper { margin-top:100vh; }

#intro .top { position:relative; }
#intro .top:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index: 1; background:rgba(0,0,0,0.5); }
#intro .top img { object-fit:cover; object-position:center center; }
#intro .top .bigtitle { position:absolute; left:0; bottom:30px; font-size:10rem; font-weight:900; color:rgba(255,255,255,0.35); }
#intro .bottom { text-align:center; }
#intro .bottom h1 { font-size:7rem; font-weight:300; line-height:1em; }
#intro .bottom h1:after { content:''; width:250px; height:1px; background:#000; display:block; margin:30px auto 50px auto; }
#intro .bottom .inner { padding-left:150px; padding-right:150px; }
#intro .links ul { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#intro .links a { display:block; padding:0 30px; border-right:1px solid #000; position:relative; }
#intro .links li:last-child a { border-right:0; }

#categories .row { align-items:center; }
#categories .text { font-weight:350; font-size:1.6rem; }
#categories .text h2 { font-size:4rem; font-weight:300; }
#categories .text h2:after { content:''; display:block; margin:15px 0 50px 0; width:250px; height:1px; background:#000; }
#categories .image { transition:all 1.5s ease 0s; }
#categories li { margin-bottom:100px; }
#categories li.odd .image { order:1; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
#categories li.odd .image.animate { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
#categories li.odd .text { order:2; }
#categories li.even .image { order:2; clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
#categories li.even .image.animate { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
#categories li.even .text { order:1; }
#categories li:last-child { margin-bottom:0; }

#esquisse .image { margin-top:80px; position:relative; overflow:hidden;}
#esquisse .pens { position:absolute; left:40%; bottom:0; transform:translateY(50%); max-width:35%; }

#split { position:relative; background:#fff; }
#split .image img { height:100%; object-fit: cover; object-position:center center; }
#split .text { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:150px; }
#split .text .relative { max-width:70%; z-index:3; }
#split .pens { position:absolute; right:-50px; bottom:-50px; width:25vw; z-index:2; }

#reviews { background:#fff; padding:80px 0 40px 0; position:relative; z-index:2; }

#bigvideo .link { width:100%; overflow:hidden; display:block; position:relative; }
#bigvideo .link svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:130px; height:130px; fill:#000; }

/* V1
#alert { position:absolute; left:0; top:150px; width:100%; color:#fff;  font-size:1.6rem; font-weight:300;  z-index:3; }
#alert .relative { border:1px solid #fff; padding:15px; }
#alert .close { width:20px; display:block; position:absolute; right:15px; top:50%; transform:translateY(-50%); }
#alert .close svg { fill:#fff; }
*/

/* V2 */
#alert { position:absolute; left:0; top:100px; width:100%; color:#fff; background:rgba(8,85,89,0.75); font-size:1.6rem; font-weight:300;  z-index:3; }
#alert .relative { /*border:1px solid #fff;*/ padding:30px; position:static; }
#alert .close { width:20px; display:block; position:absolute; right:10px; top:5px; }
#alert .close svg { fill:#fff; }


/* Accueil */
#accueil #heading:before { content:none; }
#accueil #heading .caption { max-width:35%; }
#accueil #heading .caption .title { font-size:8rem; opacity:0.5; }
#accueil #scene { width:100%; height:100vh; overflow:hidden; }
#accueil #scene:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:2; }
#accueil #scene .layer { width:100%; height:100%; }
#accueil #scene .text {z-index:3; }
#accueil #scene .image { width:calc(100% + 50px);  height:calc(100% + 50px); max-width:none; object-fit: cover; object-position:center center; z-index:0; margin:-25px 0 0 -25px; }
#accueil #scene .table { z-index: 1; }
#accueil #scene .bg { z-index: 0; }

#accueil #split { position:relative; z-index: 3; margin-top:100vh; }

#accueil #tiles .subcol.top { margin-bottom:30px; }
#accueil #tiles a { display:block; position:relative; overflow:hidden; transition:all 1.5s ease 0s; width:100%; height:100%; }
#accueil #tiles img { transition:all 0.5s ease 0.2s; width:100%; height:100%; object-fit:cover; }
#accueil #tiles a:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all 1s ease 0s; }
#accueil #tiles h3 { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80%; font-size:3.2rem; font-weight:800; color:#fff; z-index:1; text-align:center; }
#accueil #tiles h3:after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#fff; width:0; height:1px; transition:all 0.5s ease 0.5s; }
#accueil #tiles a.animate { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }
#accueil #tiles a:hover img { transform:scale(1.05); transition:all 1s ease 0.2s; }
#accueil #tiles a:hover:after { opacity:0%; }
#accueil #tiles a:hover h3:after { width:100px; }

#accueil #numbers .row { justify-content: space-evenly; }
#accueil #numbers .number { font-size:9rem; font-weight:800; margin-right:30px; line-height:1em; }
#accueil #numbers .text { font-size:2rem; font-weight:400;  }
#accueil #numbers li { display:flex; flex-direction:row; align-items:flex-start; justify-content:center; }
#accueil #numbers li:nth-child(1) .number,
#accueil #numbers li:nth-child(3) .number { min-width:90px; }
#accueil #numbers li:nth-child(2) .number { min-width:180px; }

#accueil #engagements li { display:flex; flex-direction:column; align-items:center; justify-content: flex-end; text-align:center; }
#accueil #engagements .number { font-size:7rem; font-weight:800; margin-top:50px; line-height:1em; }
#accueil #engagements .text { font-size:2.4rem; font-weight:400; margin-top:30px; text-transform:uppercase; }

#accueil #faq .image img { height:100%; object-fit:cover; object-position:center center; }
#accueil #faq .text { padding:120px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
#accueil #faq .text p { font-size:3rem; }

#accueil #facebook { background:#E3DFD8; }
#accueil #facebook .row { align-items:center; }
#accueil #facebook .image { margin-top:-50px; }
#accueil #facebook .text { text-align:center; padding:30px; }
#accueil #facebook .text .btn { margin-top:0; }

#accueil #instagram .header { background:#E3DFD8; padding:30px 0; }
#accueil #instagram .header h2 { margin:0; }

/* L'entreprise */
#entreprise #skills .row { align-items:center; }
#entreprise #skills h2 { font-weight:300; }
#entreprise #skills h2:after { content:''; display:block; width:260px; height:1px; background:#000; margin:30px 0 60px 0; }
#entreprise #skills h3 { font-size:3rem; font-weight:900; margin-top:50px; }
#entreprise #skills .images { margin-bottom:200px; }
#entreprise #skills .images img { margin-bottom:10px; }
#entreprise #skills .pens { position:absolute; right:-50px; bottom:-350px; width:30vw; z-index:-1; }

#entreprise #stats { background:#181818; color:#fff; }
#entreprise #stats li { text-align:center; text-transform:uppercase;  }
#entreprise #stats li strong { font-size:7rem; font-weight:900; line-height:1em; margin:30px 0; }
#entreprise #stats li p { display:flex; flex-direction:column; align-items:center; justify-content: flex-start; }

#entreprise #engagements .row { align-items:center; }
#entreprise #engagements h2 { font-weight:300; }
#entreprise #engagements h2:after { content:''; display:block; width:260px; height:1px; background:#fff; margin:30px 0 60px 0; }
#entreprise #engagements h3 { font-size:3rem; font-weight:900; margin-top:50px; }
#entreprise #engagements .images { margin-top:-200px; margin-bottom:150px; }
#entreprise #engagements .images img { margin-bottom:10px; }
#entreprise #engagements li { position:relative; margin-bottom:30px; }
#entreprise #engagements li:before { content:''; width:16px; height:16px; background:url(../themes/lombardot/assets/img/check.svg) no-repeat center center / contain; position:absolute; left:-30px; top:5px;  }
#entreprise #engagements b { font-weight:bold; }

#projets #filters { padding:50px 0; text-align:center; }
#projets #filters .parent { display:flex; flex-direction:row; align-items:center; justify-content: center; position:relative; padding-bottom:50px; }
#projets #filters .parent > li > a { display:block; padding:10px 30px; border-right:1px solid #000; }
#projets #filters .parent > li:last-child > a { border-right:none; }
#projets #filters .trigger { position:relative; transition:all 0.5s ease 0s;}
#projets #filters .trigger:after { content:''; position:absolute; right:0; top:0; width:0; height:100%; background:#000; transition:all 0.5s ease 0s;  z-index:-1; }
#projets #filters .trigger.open { color:#fff; }
#projets #filters .trigger.open:after { width:100%; }
#projets #filters .children { position:absolute; left:0; bottom:0; width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; opacity:0; transition:all 0.5s ease 0s; pointer-events:none; }
#projets #filters .children.open { opacity:1; pointer-events:auto;  }
#projets #filters .children > li { display:flex; flex-direction:row; align-items:center; justify-content: center; }
#projets #filters .children > li > a { padding:5px 0; }
#projets #filters .children > li:after { content:''; display:block; min-width:5px; height:5px; background:#000; border-radius:100%; margin:0 30px;  }
#projets #filters .children > li:last-child:after { content:none; }
#projets #filters .children a.active { border-bottom:1px solid #000; }
#projets #results { position:relative; }
.record { margin-bottom:30px; }

#projets #results { min-height:100px; }
.record a { position:relative; display:block; }
.record .bubble { position:absolute; padding:5px 10px; display:flex; align-items:center; justify-content:center; right:3px; bottom:3px; background:rgba(0,0,0,0.8); color:#fff; font-size:1.6rem; }
#projets #loading { position:absolute; left:50%; top:0; transform:translateX(-50%); display:none; }
#projets #loading.oc-loading { display:block; }

#projets .pagination { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:0.5em; }
#projets .pagination a { border:1px solid #000; padding:0 0.5em; display:block; transition:all 0.5s ease 0s;}
#projets .pagination li.active a,
#projets .pagination a:hover { background:#000; color:#fff; }

#projet-cle-en-main .bmarble h2 { font-weight:800; margin-bottom:3em; }
#projet-cle-en-main #slider { text-align:center; position:relative; }
#projet-cle-en-main #slider .swiper-wrapper { box-sizing:border-box; }
#projet-cle-en-main #slider h3 { font-size:3rem; font-weight:800; margin-bottom:1em; }
#projet-cle-en-main #slider .pagination { display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top:80px; position:relative;}
#projet-cle-en-main #slider .pagination:before { content:''; position:absolute; left:0; bottom:15px; z-index:-1; width:100%; height:1px; background:#959595; }
#projet-cle-en-main #slider .swiper-pagination-bullet { width:auto; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:none; opacity:1; }
#projet-cle-en-main #slider .swiper-pagination-bullet .number { font-size:3rem; font-weight:800; margin-bottom:1em; color:#959595; }
#projet-cle-en-main #slider .swiper-pagination-bullet .bullet { width:30px; height:30px; background:#959595; border-radius:100%; }
#projet-cle-en-main #slider .swiper-pagination-bullet-active .bullet { opacity:1; background:#fff; }
#projet-cle-en-main #slider .swiper-pagination-bullet-active .number { color:#fff; }
#projet-cle-en-main #slider .row { align-items:center; }
#projet-cle-en-main #slider .row p { font-size:1.6rem; }
#projet-cle-en-main #slider .row .col-md-6:first-child { border-right:1px solid #fff; }
#projet-cle-en-main #slider .navigation button { padding:0; background:none; border:none; }
#projet-cle-en-main #slider .navigation svg { width:30px; fill:#fff; opacity:0.8; transition:all 0.5s ease 0s; }
#projet-cle-en-main #slider .navigation svg:hover { opacity:1; }
#projet-cle-en-main #slider .navigation .prev { position:absolute; left:-100px; top:50%; transform:translateY(-50%); }
#projet-cle-en-main #slider .navigation .next { position:absolute; right:-100px; top:50%; transform:translateY(-50%); }

#faq h2 { margin:50px 0 15px 0; }

#contact #map { overflow:hidden; }
#contact #map iframe { margin-top:-56px; margin-bottom:-8px; }
#contact #form .text-center { margin-bottom:50px; }

.sav-contact a{text-decoration: underline;}
.sav-contact p{font-size: 2.4rem;}

#vernier{}
#vernier #header .logo a{ max-width: 160px; display: block; }
#vernier #heading .caption{ padding-top: 55px; }
#vernier #heading .caption h1 img{ max-width: 450px; margin: 20px 0 40px; }
#vernier #heading .caption .uppertitle{ margin-bottom: 0;}


#bandeau-vernier{ background-color: #383838; color: #fff; }
#bandeau-vernier h2{ font-weight: bold; }
#bandeau-vernier .row{ align-items: center; }
#bandeau-vernier p{ font-weight: 100; }
#bandeau-vernier-logo{ display: block; }
#bandeau-vernier-logo svg{ fill: #fff; width: 100%; }


/* Merci */
#merci { padding:50px 0; text-align:center; }

#suisse #heading .caption .relative {position: relative;}
#suisse #heading .caption .relative:after {content:""; position: absolute; right: -35px; top: 0; bottom: 0; margin: auto; background: url(../themes/lombardot/assets/img/suisse.svg); background-position: center; background-size:cover; background-repeat: no-repeat; width: 25px; height: 25px;}


#blog .record {background-color: #fff; padding: 0;}
#blog .record .entete { padding: 2em;}
#blog .btn {width: max-content;}
#blog-detail #header {background-color: #000;}
.blog-detail {padding: 5vh 0; margin-top: 100px;}
#blog-detail .blog-detail a {text-decoration: underline;}
#blog-detail h1 {font-size: clamp(4rem, 3.5385rem + 2.0513vw, 6rem);}
.blog-detail ul { list-style:disc; margin-left:20px;}
.blog-detail li { margin:0.5em 0 !important; }




/**
 * Extra large
 **/
@media (min-width: 1600px) {
    
}

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    html { font-size:9px; }
    .container-fluid { padding-left:100px; padding-right:100px; }
    .padding { padding-top:100px; padding-bottom:100px; }
    
    #header .navigation li { margin-left:15px; }
    
    #split .text { padding:100px; }
    #split .pens { width:25vw; }
    
    #accueil #faq .text { padding:100px; }
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    html { font-size:8px; }
    h2 { font-size:4rem; }
    
    .container-fluid { padding-left:50px; padding-right:50px; }
    .padding { padding-top:60px; padding-bottom:60px; }
    .ptop { padding-top:60px; }
    .pbottom { padding-bottom:60px; }
    
    #header .mainrow { height:80px; }
    #header .navigation .bottom a { padding:5px 0; }
    #header .navigation .bottom a:after { bottom:5px; }
    
    #split .text { padding:50px; }
    
    #accueil #faq .text { padding:50px; }
    
    #accueil #facebook .image { margin-top:-30px; }
    
    #entreprise #skills h2:after,
    #entreprise #engagements h2:after { margin:15px 0 30px 0; }
    #entreprise #skills h3 { margin-top:15px; }
    
    #entreprise #skills { padding-bottom:50px; }
    #entreprise #skills .images { margin-bottom:0; }
    #entreprise #engagements { padding-top:50px; }
    #entreprise #engagements .images { margin-top:0; margin-bottom:0; }
    
    
    
    #engagements { padding-top:30px; }
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    html { font-size:7px; }
    
    .hamburger { display:block; padding:0; }

    #accueil #tiles .row { margin-left:-5px; margin-right:-5px; }
    #accueil #tiles .maincol,
    #accueil #tiles .subcol { padding-left:5px; padding-right:5px; }
    #accueil #tiles .subcol.top { margin-bottom:10px; }
    #accueil #tiles h3 { font-size:2.8rem; }
    
    #accueil #numbers li:nth-child(1) .number,
    #accueil #numbers li:nth-child(3) .number { min-width:70px; }
    #accueil #numbers li:nth-child(2) .number { min-width:130px; } 
    
    #accueil #facebook .image { margin-top:0; }
    
    #header .navigation ul { flex-direction:column; }
    #header .navigation li { margin-left:0; }
    #header .navigation a { font-size:2.2rem; }
    #header .navigation .top { position:fixed; left:0; bottom:0; width:100vw; height:40vh; z-index:5; justify-content:center; align-items:center; background:rgba(0,0,0,0.95); transform:translateX(-100%); transition:all 0.5s ease 0s; }
    #header .navigation .top li { margin-bottom:5px; }
    #header .navigation .top a { font-weight:300; }
    #header .navigation .top .socials { display:none; }
    
    #header .navigation .bottom { position:fixed; left:0; top:0; width:100vw; height:60vh; z-index:5; background:rgba(0,0,0,0.95); display:flex; align-items:center; justify-content:center; transform:translateX(100%); transition:all 0.5s ease 0s; }
    #header .navigation .bottom:before { content:''; position:absolute; left:50%; bottom:0; width:150px; height:1px; background:#fff; transform:translateX(-50%); }
    
    body.open #header .navigation .top { transform:translateX(0); }
    body.open #header .navigation .bottom { transform:translateX(0); }
    
    #entreprise #engagements { padding-bottom:30px; }
    #entreprise #engagements li { margin-left:30px; }
    
    #stats svg { display:none; }
    
    #blog-detail .entete {padding-top: 2vh;}
}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    .container-fluid { padding-left:30px; padding-right:30px; }
    .padding { padding-top:40px; padding-bottom:40px; }
    .ptop { padding-top:40px; }
    .pbottom { padding-bottom:40px; }
    
    #header .logo svg { max-height:50px; width:auto; }
    
    #footer .top .right { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; }
    #footer .top .right .title { display:none; }
    #footer .bottom .links { text-align:center; }
    #footer .bottom .links li:after { content:none; }
    #footer .bottom .links a { padding:0 5px; }
    
    #accueil #heading .caption,
    #heading .caption { max-width:75%; }
    
    #split .text { padding:30px; }
    #split .text .relative { max-width:100%; }
    #split .pens { display:none; }
    
    #sticky.show { display:none; }
    
    #accueil #tiles .maincol.left { max-height:250px; margin-bottom:10px; }
    
    #accueil #numbers li { flex-direction:column; align-items:center; justify-content:flex-start; }
    #accueil #numbers .number { margin-right:0; margin-bottom:30px; }
    #accueil #numbers .text { width:100%; text-align:center; }
    
    #accueil #faq .text { padding:30px; align-items:center; text-align:center; }
    
    #accueil #numbers .number { text-align:center; }
    
    #categories li { margin-bottom:50px; }
    #categories li .image { order:1 !important; margin-bottom:15px; }
    #categories li .text { order:2 !important; }
    
    #esquisse .image { margin-top:40px; }
    
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    .container-fluid { padding-left:15px; padding-right:15px; }
    
    #header .logo svg { max-height:40px; width:auto; }
    
    #footer { text-align:center; }
    #footer .top .right { align-items:center; margin-top:15px; }
    #footer .bottom .links { flex-direction:column; }
    #footer .bottom .links li { margin-bottom:10px; }
    #accueil #heading .caption,
    #heading .caption { max-width:100%; }
    #heading #video { display:none; }
    
    #split .image { display:none; }
    
    #accueil #tiles .maincol.left { max-height:200px; }
    #accueil #tiles .subcol { max-height:200px; margin-bottom:10px; }
    
    #accueil #numbers .number { margin-bottom:15px; }
    #accueil #numbers li { margin-bottom:30px; }
    
    #accueil #engagements li { margin-bottom:30px; }
    
    #accueil #facebook .image { display:none; }
    
    #accueil #instagram .header { background:#fff; }
    
    #heading .caption .uppertitle { margin-bottom:10px; }
    #heading .caption h1, #heading .caption .title { font-size:5rem; }
    
    .radios { flex-direction:column; align-items:flex-start; }
    .radios .label { margin-bottom:15px; }
    .radios .field { margin-left:0; margin-bottom:15px; }
    
    #projets #filters .parent { flex-direction:column; }
    #projets #filters .parent > li { margin-bottom:10px; }
    #projets #filters .parent > li > a { border-right:0; border-bottom:1px solid #000; }
    
    #alert { position:absolute; left:0; top:auto; bottom:0; }
    #heading #scroll { display:none; }
    
    #bandeau-vernier-logo{margin-bottom: 2vh;}
}

@media (max-height: 700px) {
    #alert { position:absolute; left:0; top:auto; bottom:0; }
    #heading #scroll { display:none; }
}