/**
 * 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:2.4rem; font-family:'Mont'; font-weight:300; color:#747779; }


:focus, button:focus { outline:none; }

.load-hidden { visibility: hidden; }

/* Images */
img { 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:hover { text-decoration:none; }

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

/**
 * Components
 **/

/* General */
.padding { padding-top:100px; padding-bottom:100px; }
.align-center { align-items:center; }

/* Alert */
.alert { position: relative; padding: 15px 30px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; font-size:1.8rem; }
.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; }

/* Overlay */
body.overlay #page:before { opacity:1; }

/* Titles */
h1 {}

/**
 * Layout
 **/
 
#page { width:100%; overflow:hidden; }
#page:before { content:''; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.75); opacity:0;  pointer-events:none; z-index:5; transition:all 0.5s ease 0s; }

#main { position:relative; z-index:1; margin-top:120px; }

#header { background:#fff; width:100%; position:fixed; z-index:5;  }
#header .row { min-height:120px; transition:all 0.5s ease 0s; }
#header .logo a { display:inline-block; }
#header .logo svg { width:50px; transition:all 0.5s ease 0s; }
#header .navigation { align-self:stretch; position:static; display:flex; flex-direction:row; justify-content:flex-end; }
#header .menu { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; list-style:none; height:100%; }
#header .menu > li { height:100%; }
#header .menu > li > a { display:flex; align-items:center; justify-content:center; height:100%; padding:0 60px; color:#747779; transition:all 0.5s ease 0s; font-size:2rem; }
#header .menu > li.big > a { background:#006455; color:#fff; }
#header .menu > li > a:hover,
#header .menu > li.expand > a { color:#006455; }
#header .menu > li > a:hover > svg,
#header .menu > li.expand > a > svg { fill:#006455; }
#header .menu > li.big > a:hover { color:#fff; }
#header .submenu > a > svg { width:14px; margin-left:10px; fill:#747779; transition:all 0.5s ease 0s; }
#header .submenu:before { content:''; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.7); pointer-events:none; opacity:0; z-index:-1; transition:all 0.5s ease 0s; }
#header .dropdown { position:absolute; left:0; width:100%; background:#fff; max-height:0; pointer-events:none; transition:all 0.5s ease 0s; overflow:hidden; }
#header .dropdown .title { color:#747779; font-family:'Mont'; font-weight:600; font-size:2rem; padding-bottom:15px; border-bottom:1px solid #9c9ea0; }
#header .dropdown ul { list-style:none; margin:50px 0; }
#header .dropdown ul > li { margin-bottom:30px; }
#header .dropdown ul > li > a { color:#747779; transition:all 0.5s ease 0s; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; font-size:1.6rem; }
#header .dropdown ul > li > a > svg { fill:#747779; width:10px; transform:rotate(-90deg); margin-left:5px; opacity:0; transition:all 0.5s ease 0.3s; }
#header .dropdown ul > li > a:hover { padding-left:30px; }
#header .dropdown ul > li > a:hover > svg { opacity:1; margin-left:15px; }
#header .dropdown ul > li > a strong { font-weight:600; }
#header .expand .dropdown { opacity:1; pointer-events:auto; max-height:300px; }
#header.not-top .row { min-height:80px; }
#header.not-top .logo svg { width:30px; }

#header .menu > li.legal { display:none; }
#header .menu > li.legal a { font-size:2.4rem; color:#003c23; }
#header .menu > li.legal a:hover { color:rgba(255,255,255,1); }

#top { width:55px; height:55px; position:fixed; z-index:5; opacity:0; transition:all 0.5s ease 0s; pointer-events:none; right:30px; bottom:80px; display:inline-block; border-radius:100%; border-radius:100%; border:1px solid #747779; display:flex; align-items:center; justify-content:center; margin-top:30px; margin-left:-100px; transform:rotate(180deg); }
#top svg { fill:#747779; width:10px; }
#top.show { opacity:1; pointer-events:auto; }

#footer .navigation { align-self:stretch; display:flex; flex-direction:column; align-items:flex-start; justify-content: center; }
#footer .navigation:before { content:''; position:absolute; right:0; top:0; height:100%; width:50vw; background:#006455; z-index:-1; }
#footer .menu { display:flex; flex-direction:column; align-items:flex-start; justify-content: flex-start; margin-bottom:80px; }
#footer .menu { list-style:none; }
#footer .menu a { color:#fff; font-size:1.8rem; position:relative; padding:5px 0; }
#footer .menu a:after { content:''; position:absolute; left:0; width:0; bottom:0; height:1px; transition:all 0.5s ease 0s; background:#fff; }
#footer .menu a:hover:after { width:100%; }
#footer .menu > li { margin:5px 0; }
#footer .menu > li > a > svg { fill:#fff; width:10px; margin-left:5px; transition:all 0.5s ease 0.3s; }
#footer .menu ul { list-style:none; padding-left:15px; margin:10px 0; }
#footer .menu ul > li > a > svg { display:none; }
#footer .dropdown .title { display:none; }
#footer .newsletter { color:#fff; }
#footer .newsletter h2 { font-size:2.6rem; font-weight:300; margin-bottom:50px; }
#footer .newsletter .fields { display:flex; flex-direction: row; align-items:stretch; justify-content: flex-start; }
#footer .newsletter .fields .field { margin-bottom:0; }
#footer .newsletter .textfield { min-width:100%; }
#footer .newsletter .submit { display:flex; flex-direction:column; align-items:center; justify-content:center; }
#footer .newsletter .field label { position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:1.4rem; font-weight:300; transition:all 0.3s ease 0s; }
#footer .newsletter .field input { background:none; border:1px solid #fff; border-width:0 1px 1px 0; padding:20px 10px 5px 0; color:#fff; font-size:1.6rem; height:100%; }
#footer .newsletter .field button { background:none; border:none; padding:0; display:flex; flex-direction:row; align-items:center; justify-content:center; min-width:50px; height:100%; display:block; padding:10px; border-bottom:1px solid #fff; }
#footer .newsletter .field button svg { fill:#fff; width:15px; transform:rotate(-90deg); }
#footer .newsletter .field.active label,
#footer .newsletter .field.filled label { top:5px; font-size:1.2rem; transform:translateY(0); }
#footer .contact h2 { font-family:'Mont'; color:#006455; line-height:1.2em; margin-bottom:60px; font-weight:bold; }
#footer .contact .btn { margin-top:60px; }
#footer .contact .copyright { margin-top:150px; font-size:1.4rem; font-weight:300; }
#footer .contact .copyright a { color:#747779; }

#footer-contact .top { background:#006455; color:#fff; font-weight:300; font-size:1.8rem; }
#footer-contact .top a { color:#fff; }
#footer-contact .top .row { justify-content:center; }
#footer-contact .top .row > div .wrapper { margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #fff; }
#footer-contact .top .row > div:nth-child(3) .wrapper,
#footer-contact .top .row > div:nth-child(4) .wrapper { border-bottom:0; margin-bottom:0; padding-bottom:0; }
#footer-contact .top .logo svg { fill:#fff; max-width:330px; }
#footer-contact .top .inner { margin:50px 0 0 90px; }
#footer-contact .top .address { font-size:1.8rem; margin-bottom:30px; }
#footer-contact .top .phone,
#footer-contact .top .email { font-size:2rem; font-weight:600; }
#footer-contact .top .schedules { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; margin-top:30px; }
#footer-contact .top .schedules svg { fill:#fff; min-width:20px; margin:5px 15px 0 0; }
#footer-contact .top .access { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; margin-top:30px; }
#footer-contact .top .access svg { fill:#fff; min-width:20px; margin:5px 15px 0 0; }

/**
 * Components
 */
 
/* Preloader */
body:before { content:''; position:fixed; left:50%; transform:translateX(-50%); top:50px; z-index:21; opacity:1; display:block; background:url(../themes/lintz/assets/img/logo-xs-w.svg) no-repeat center center / contain; width:100px; height:100px; transition:all 0.7s ease 1.2s; pointer-events:none; }
body:after { content:''; position:fixed; left:0; top:0; width:100%; height:100vh; z-index: 19; background:#006455; transition:all 1s ease 1.7s; }

.pace { margin-top:50px; z-index: 2000; position: fixed; top: 50%; left:50%; height:50vh; width: 1px; background: #fff; border: none; background:#003c33; transform:translateY(-50%); overflow:hidden; transition:opacity 1s ease 1.5s; opacity:1; }
.pace-bottom { position: fixed; z-index: 20; color: #fff; bottom: 90px; left: 50%; pointer-events:none; transform:translateX(-50%); opacity:1; }
/*.pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 50vh; position: fixed; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: #fff; }*/
.pace .pace-progress { box-sizing: border-box; width:100%; min-height:0; position: absolute; left:-1px; width:1px; z-index: 2000; display: block; position: absolute; bottom: 0; background: #fff; transition:min-height 1.5s ease 0s, opacity 0.5s ease 1.5s; }
.pace-done:before { opacity:0; }
.pace-done:after { opacity:0; pointer-events:none; }
.pace-done .pace { opacity:0; pointer-events:none; }
.pace-done .pace-progress { opacity:0; min-height:100%; }
.pace-done .pace-bottom { opacity:0;  transition:all 1s ease 1.5s; }

/* Buttons */
.btn { padding:30px 60px; background:#006455; color:#fff; font-size:2rem; font-weight:normal; text-align:center; display:inline-flex; flex-direction:row; align-items:center; justify-content:center; transition:all 0.5s ease 0s; border:2px solid transparent; }
.btn.rounded { border-radius:100%; min-width:60px; min-height:60px; padding:0; display:flex; align-items:center; justify-content:center; font-weight:300; font-size:2.4rem; }

.btn:hover { color:#fff; background:#004f42; }
.btn:hover svg { opacity:1; margin-left:25px; }

/* Titles */
.split .text h2,
.split .animated-title .title,
.grey h2,
#cabinet h1,
#cabinet .manager .title,
#contact h1,
#footer .contact h2 { font-size:9rem; }

/* Split */
.split .text { z-index:2; padding-top:80px; padding-bottom:80px; position:static; }
.split .text h2 { font-family:'Mont'; color:#006455; line-height:1.2em; margin-bottom:60px; font-weight:bold; white-space:nowrap; }
.split .text b { color:#006455; font-weight:600; }
.split .text .btn { margin-top:60px; }
.split .text .small { font-size:1.8rem; }
.split .text .small b { font-size:2rem; }
.split .image { z-index:1; align-self:stretch; }
.split .image .inner { width:50vw; height:100%; }
.split .image img { height:100%; object-fit:cover; }


.split .animated-title { position:absolute; margin:30px 0; left:0; width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; height:150px; }
.split .animated-title .inner { width:50%; overflow:hidden; position:relative; height:100%; }
.split .animated-title .title { font-family:'Mont'; color:#006455; line-height:1.2em; margin-bottom:60px; font-weight:bold; white-space:nowrap; margin:0; }
.split .animated-title + div { margin-top:200px; }

.split.image-left .image { order:1; }
.split.image-left .text { order:2; }
.split.image-left .image .inner { float:right; }
.split.image-left .animated-title .left .title { position:absolute; right:calc(0vw - 100vw); color:#fff; }
.split.image-left .animated-title .right .title { position:absolute; right:-50vw; }

.split.image-right .text { order:1; }
.split.image-right .image { order:2; }
.split.image-right .image .inner {  }
.split.image-right .animated-title .left .title { color:#006455; position:absolute; left:100vw; }
.split.image-right .animated-title .right .title { color:#fff; position:absolute; left:50vw; }


/* Hamburger */
.hamburger { display:none; padding:0; width:52px; height:52px; background:#e0e1e2; border-radius:100%; align-items:center; justify-content:center; }
.hamburger .hamburger-inner { transition:all 0.3s ease 0s; }
.hamburger:hover { opacity:1; }
.hamburger:hover .hamburger-inner { width:15px; }

.hamburger.is-active { opacity:0.9; }
.hamburger .hamburger-box { width:20px; height:15px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width:20px; height:2px; border-radius:0; background:#004f42; }
.hamburger .hamburger-inner:before { top:-6px; }
.hamburger .hamburger-inner:after { bottom:-6px; }
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#004f42; }
.hamburger.is-active .hamburger-inner { width:20px; }



/* Grey */
.grey { background:#f1f1f2; }
.grey h2 { color:#9ea3a6; margin-bottom:50px; }

/* Panels */
.panels .panel { padding:160px 80px; position:relative; color:#fff; font-size:1.8rem; font-weight:300; }
.panels .panel:before { content:''; position:absolute; top:0; height:100%; width:50vw; z-index:-1; }
.panels .panel h2 { font-size:3.2rem; font-weight:400; margin:80px 0; }
.panels .panel .number { font-weight:600; font-size:2rem; }
.panels .panel .number:before { content:''; width:35px; height:1px; background:#fff; display:inline-block; margin-right:30px; }

.panels .panel.left { padding-left:15px; }
.panels .panel.left:before { right:0; background:#004f42; }
.panels .panel.right { padding-right:15px; }
.panels .panel.right:before { left:0; background:#006455; }

/* Associés */
.managers .record .image { border-radius:100%; overflow:hidden; margin-bottom:30px; }
.managers .record h3 { color:#006455; font-weight:600; font-size:2.6rem; margin-bottom:0; }
.managers .record .wrapper { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; }
.managers .record .wrapper .btn { margin-left:20px; }
.managers .record .title { color:#747779; font-size:2rem; font-weight:600; margin:15px 0; }
.managers .record .skills { color:#747779; font-size:1.6rem; font-weight:300; }

/**
 * Page specific
 **/
#accueil .intro .container { position:relative; }
#accueil .intro .anchor { width:55px; height:55px; display:inline-block; border-radius:100%; border-radius:100%; border:1px solid #747779; display:flex; align-items:center; justify-content:center; margin-top:30px; margin-left:-100px; }
#accueil .intro .anchor svg { fill:#747779; width:10px; }

#accueil .intro .image img { height:750px; }
#accueil .accompagnement .image img { height:1250px; }
#accueil .managers .image img { height:489px; }
#accueil .missions .image img { height:960px; }

#accueil .blog { text-align:center; }
#accueil .blog h2 { font-size:3.6rem; font-weight:normal; text-align:center; }

#missions .split .image img { min-height:650px; object-fit:cover; }
#missions .split .number { color:#006455; font-size:2.6rem; }
#missions .split .number:before { content:''; width:35px; height:1px; background:#006455; margin-right:15px; display:inline-block; }
#missions .split .text { font-size:1.8rem; }

#cabinet .title .container { position:relative; }
#cabinet h1 { line-height:1.2em; }
#cabinet h1 .name { color:#9ea3a6; text-transform:uppercase; display:block; }
#cabinet h1 .baseline { color:#006455; }
#cabinet .cegid { position:fixed; right:20px; height:91px; width:91px; display:flex; flex-direction:row; align-items:center; justify-content:center; background:#0046fe; color:#fff; text-transform:uppercase; border-radius:80px; overflow:hidden; transition:all 1s ease 0s; z-index:10; }
#cabinet .cegid img { width:91px; height:91px; position:absolute; left:0; top:0; }
#cabinet .cegid svg { width:20px; fill:#fff; transform:rotate(-90deg); margin-left:15px; }
#cabinet .cegid .text { padding:0 15px 0 110px; font-size:1.4rem; white-space:nowrap; font-weight:bold; }
#cabinet .cegid:hover { width:310px; }

#cabinet .intro { color:#fff; }
#cabinet .intro .container { position:relative; }
#cabinet .intro .container:before { content:''; position:absolute; right:15px; top:0; background:#006455; width:100vw; height:100%; z-index:-1; }
#cabinet .intro .image svg { fill:#005044; }
#cabinet .intro .text { font-weight:300; font-size:1.8rem; padding-top:150px; padding-bottom:250px; }
#cabinet .intro .text strong { font-size:2.6rem; font-weight:400; margin-bottom:50px; display:inline-block;}

#cabinet .manager { margin-top:-150px; padding-bottom:100px; }
#cabinet .manager .image { }
#cabinet .manager .image .inner { background:#eaebf0; }
#cabinet .manager .image img { mix-blend-mode:multiply; }
#cabinet .manager .title {  color:#006455; margin-bottom:50px; white-space:nowrap; margin-top:200px; position:relative; z-index:2; right:-100vw;}

#cabinet .missions { min-height:790px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#cabinet .missions .image .inner { float:right; width:50vw; background:#f1f1f2; height:100%; }
#cabinet .missions .image img { mix-blend-mode: multiply; height:675px; object-fit:cover; object-position:center right; }
#cabinet .missions .text ol { list-style:none; color:#006455; font-weight:normal; font-size:2.8rem; }
#cabinet .missions .text li { margin:30px 0; padding-left:100px; transition:all 0.5s ease 0s; position:relative; }
#cabinet .missions .text a { color:#006455; }
#cabinet .missions .text li:hover .number:before { min-width:60px; max-width:60px; }
#cabinet .missions .text li:hover { padding-left:130px; }
#cabinet .missions .text .number { display:inline-block; font-weight:600; font-size:1.8rem; margin-right:50px; position:absolute; left:0; top:10px;}
#cabinet .missions .text .number:before { content:''; min-width:30px; max-width:30px; height:1px; background:#006455; display:inline-block; margin-right:15px; transition:all 0.5s ease 0s; }

#cabinet .infos .logo svg { fill:#747779; }
#cabinet .infos { font-size:1.8rem; font-weight:300;  }
#cabinet .infos .addresses { font-size:2rem; font-weight:600; }
#cabinet .infos .addresses a { color:#747779; }
#cabinet .infos .links { font-size:2rem; font-weight:600; }
#cabinet .infos .links a { color:#747779; }
#cabinet .infos .address { margin-bottom:50px; font-size:1.8rem; font-weight:300; }
#cabinet .infos .address a { display:block; color:#006455; }
#cabinet .infos .schedules { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; }
#cabinet .infos .schedules svg { fill:#006455; width:20px; margin:5px 15px 0 0;}
#cabinet .infos .access { display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; }
#cabinet .infos .access svg { fill:#006455; width:20px; margin:5px 15px 0 0;}

#contact h1 { color:#006455; margin-bottom:0; }
#contact .form .fields .field { margin-bottom:0; }
#contact .form .row { justify-content: center; align-items:center; }
#contact .form h2 { font-weight:300; color:#747779; margin:50px 0 30px 0; font-size:2.8rem; }
#contact .form .field.textfield label { position:absolute; left:40px; top:50%; transform:translateY(-50%); font-size:1.8rem; font-weight:300; color:#747779; transition:all 0.3s ease 0s; }
#contact .form .field.textfield input { padding:25px 40px 3px 40px; border-radius:0; -webkit-appearance: none; }

#contact .form .field.textfield.active label,
#contact .form .field.textfield.filled label { top:8px; transform:translateY(0); font-size:1.4rem; }

#contact .form .field.radio { font-size:1.8rem; }
#contact .form .field.radio label { margin-bottom:15px; }
#contact .form .field.radio input { -webkit-appearance:none; appearance:none; border-radius:100%; }
#contact .form .field.radio input, 
#contact .form .field.radio span:before { width:55px; height:55px; border:none; background:#e0e1e2; margin-right:30px; }
#contact .form .field.radio span:after { width:17px; height:12px; background:url(../themes/lintz/assets/img/check.svg) no-repeat center center / contain; left:20px; }

#contact .form .field.checkbox { font-size:1.8rem; }
#contact .form .field.checkbox label { margin-bottom:15px; }
#contact .form .field.checkbox input, 
#contact .form .field.checkbox span:before { width:55px; height:55px; border:none; background:#e0e1e2; margin-right:30px; border-radius:100%; }
#contact .form .field.checkbox span:after { width:17px; height:12px; background:url(../themes/lintz/assets/img/check.svg) no-repeat center center / contain; left:20px; }
#contact .form .field.checkbox input { -webkit-appearance:none; appearance:none; box-shadow:none; }

#contact .form .field.textarea label { position:absolute; left:40px; top:40px; font-size:1.8rem; color:#747779; transition:all 0.3s ease 0s; }
#contact .form .field.textarea textarea { padding:40px;  border-radius:0; -webkit-appearance: none; }
#contact .form .field.textarea.active label,
#contact .form .field.textarea.filled label { top:15px; font-size:1.4rem; }

#contact .form .captcha { justify-content:flex-start; }
#contact .form .submit { text-align:right; }































/**
 * Extra large
 **/
@media (min-width: 1600px) {
    .container { max-width:1560px; }
    .container.mini { max-width:1300px; }
    
    
}

/**
 * Extra large
 **/
@media (max-width: 1599px) {
    body { font-size:2rem; }
    .padding { padding-top:80px; padding-bottom:80px; }
    .split .text { padding-top:60px; padding-bottom:60px; }
    .btn { padding:15px 30px; }
    .split .text h2, .split .animated-title .title, .grey h2, #cabinet h1, #cabinet .manager .title, #contact h1, #footer .contact h2 { font-size:7rem; }
    
    .split .text .small b { font-size:2rem; }
    .split .text .small { font-size:1.8rem; }
    .split .animated-title + div { margin-top:160px; }
    
    .panels .panel { padding:100px 60px; }
    .panels .panel h2 { margin:60px 0; }
    
    .managers .record h3 { font-size:2.2rem; }
    .managers .record .title { font-size:1.8rem; }
    .managers .record .skills { font-size:1.4rem; }
    
    #header .row { min-height:100px; }
    #header .menu > li > a { padding:0 30px; font-size:1.8rem; }
    #main { margin-top:100px; }
    
    #accueil .intro .anchor { margin-left:0; }
    #accueil .intro .image img { height:650px; }
    #accueil .accompagnement .image img { height:1050px; }
    #accueil .managers .image img { height:350px; }
    #accueil .missions .image img { height:850px; }
    
    #cabinet .missions { background-position-x:-250px; }
    #cabinet .missions .text ol { font-size:2.6rem; }
    #cabinet .missions .text .number { top:8px; }
    
}

/**
 * Large devices
 **/
@media (max-width: 1199px) {
    body { font-size:1.8rem; }
    .padding { padding-top:60px; padding-bottom:60px; }
    .split .text { padding-top:40px; padding-bottom:40px; }
    .split .text h2, .split .animated-title .title, .grey h2, #cabinet h1, #cabinet .manager .title, #contact h1, #footer .contact h2 { font-size:6rem; }
    .split .text h2 { margin-bottom:40px; }
    .split .text .btn { margin-top:40px; }
    .split .text .small b { font-size:1.8rem; }
    .split .text .small { font-size:1.6rem; }
    
    .container.mini { max-width:960px; }
    
    .btn { font-size:1.8rem; }
    
    .managers .record h3 { font-size:2rem; }
    .managers .record .title { font-size:1.6rem; }
    .managers .record .skills { font-size:1.2rem; }
    
    .panels .panel { padding-top:60px; padding-bottom:60px; font-size:1.6rem; }
    .panels .panel h2 { margin:30px 0; font-size:2.6rem; }
    
    
    #header .menu > li > a { font-size:1.6rem; }
    
    #accueil .managers .image img { height:290px; }
    
    #missions .split .image img { height:600px; }
    #missions .split .text { font-size:1.6rem; }
    
    
    #cabinet .intro .text strong { font-size:2rem; }
    #cabinet .intro .text { font-size:1.6rem; padding-top:60px; padding-bottom:200px; }
    #cabinet .missions { background-position-x:-380px; }
    #cabinet .missions .image img { height:500px; }
    #cabinet .missions .text { padding-top:60px; padding-bottom:60px; }
    #cabinet .missions .text ol { font-size:2.4rem; }
    #cabinet .missions .text .number { top:5px; }
    
    #cabinet .cegid { right:20px; width:60px; height:60px; }
    #cabinet .cegid img { width:60px; height:60px; }
    #cabinet .cegid .text { font-size:1.4rem; padding:0 15px 0 70px; }
    #cabinet .cegid:hover { width:250px; }
    #cabinet .cegid svg { width:10px; }
    
    
}

/**
 * Medium devices
 **/
@media (max-width: 991px) {
    body { font-size:1.6rem; }
    .split .text h2, .split .animated-title .title, .grey h2, #cabinet h1, #cabinet .manager .title, #contact h1, #footer .contact h2 { font-size:5rem; }
    .btn { font-size:1.6rem; }
    .split .text .small b { font-size:1.6rem; }
    .split .text .small { font-size:1.4rem; }
    .split .animated-title + div { margin-top:130px; }
    
    .container.mini { max-width:720px; }
    
    .btn.rounded { min-width:40px; min-height:40px; font-size:2rem; }
    
    .panels .panel h2 { font-size:2.2rem; }
    .panels .panel { font-size:1.4rem; }
    
    #header .row { min-height:80px; }
    #header .logo svg { width:40px; }
    #header .menu > li > a { padding:0 15px; font-size:1.4rem; }
    
    #accueil .intro .image img { height:500px; }
    #accueil .missions .image img { height:700px; }
    #accueil .managers .image img { height:210px; }
    #accueil .managers .record { padding-bottom:60px; }
    #accueil .managers .wrapper .btn { position:absolute; left:0; bottom:0; }
    
    #missions .split .text { font-size:1.5rem; }
    #missions .split .image img { height:500px; }
    
    #footer .newsletter .textfield { min-width:0; }
    #footer .contact { padding-left:50px; padding-right:50px; }
    #footer .dropdown > ul > li > a > strong,
    #footer .dropdown > ul > li > a > span { display:none; }
    #footer .newsletter h2 { font-size:2rem; }
    #footer .menu { margin-bottom:40px; }
    #footer .contact .copyright { margin-top:80px; }
    
    #cabinet .intro .text strong { font-size:1.8rem; }
    #cabinet .intro .text { font-size:1.4rem; }
    
    #cabinet .missions { background-position-x:-500px; }
    #cabinet .missions .image img { height:300px; }
    #cabinet .missions .text li { margin:5px 0; }
    #cabinet .missions .text { padding-top:40px; padding-bottom:40px; }
    #cabinet .missions .text ol { font-size:2rem; }
    #cabinet .missions .text .number { top:2px; }

}

/**
 * Small devices
 **/
@media (max-width: 767px) {
    .hamburger { display:flex; }
    #header .logo { z-index: 3; padding: 0; }
    
    #header .container { max-width:none; padding-left:30px; padding-right:30px; }
    #header .row { height:115px; }
    #header.not-top .row { height:70px; }
    #header .navigation { align-items:center; }
    #header .menu { position:fixed; width:100%; left:0; top:0; height:100vh; transform:translateX(100%); transition:all 0.7s ease 0s; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:10vh 10vw; }
    #header .menu > li:first-child { display:flex; }
    #header .menu > li { height:auto; min-width:50vw; text-align:left; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; margin:5px 0; }
    #header .menu > li > a { height:auto; font-size:3rem; font-weight:300; color:#fff; }
    #header .menu > li > a:hover { color:#003c23; }
    #header .dropdown { position:static; max-height:none; background:none; padding-left:15px; pointer-events:auto; }
    #header .dropdown .title { display:none; }
    #header .dropdown ul { margin:0; }
    #header .dropdown ul > li { margin:5px 0; }
    #header .dropdown ul > li > a { font-size:2.6rem; color:#fff; }
    #header .dropdown ul > li > a:hover { color:#003c23; padding-left:0; }
    #header .dropdown ul > li > a strong,
    #header .dropdown ul > li > a span { display:none; }
    #header .dropdown ul > li > a > svg { fill:#003c23; margin-left:0; width:15px; margin-top:5px; }
    #header .submenu > a > svg { display:none; }
    #header .menu > li.legal { display:flex; justify-content:flex-start; }
    #header .menu > li.big { margin-bottom:50px; }
    #header .menu > li.big > a { background:none; }
    
    
    body.open #header .row { height:115px; }
    body.open #header .menu { transform:translateX(0); background:#006455; padding-left: 80px; }
    body.open #header .logo svg { width:50px; fill:#fff; transition:all 0.5s ease 0.4s; }
    
    .hamburger.is-active { background:#004b40; }
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background:#fff; }

    #footer .navigation { display:none; }
    #footer .contact { padding-left:15px; padding-right:15px; }
    #footer .contact .copyright { margin-top:80px; }
    
    #footer { background:#006455; }
    #footer .menu { margin-bottom:60px; }
    #footer .menu a { font-size:1.4rem; }
    #footer .newsletter h2 { font-size:2rem; margin-bottom:30px; }
    #footer .contact { padding-left:50px; padding-right:50px; color:#fff; text-align:center; }
    #footer .contact h2 { color:#fff; margin-bottom:30px; }
    #footer .contact .btn { border:2px solid #fff; }
    #footer .contact .copyright a { color:#fff; }
    
    .split .text h2, .split .animated-title .title, .grey h2, #cabinet h1, #cabinet .manager .title, #contact h1, #footer .contact h2 { font-size:4rem; }
    
    .split .text { padding:0 15px; }
    .split .animated-title + div { margin-top:100px; }
    
    #accueil .split .animated-title { position:static; height:auto; }
    #accueil .split .animated-title .inner { height:auto; width:100%; }
    #accueil .split .animated-title .right { width:auto; }
    #accueil .split .animated-title .title { position:static !important; white-space:normal; }
    #accueil .split .animated-title + div { margin-top:50px; }
    #accueil .split.image-left .animated-title .left { display:none; }
    #accueil .split.image-right .animated-title .right { display:none; }
    
    .panels .container { max-width:100%; }
    .panels .panel { padding:60px 30px !important; }
    
    #accueil .accompagnement .text { order:1; }
    #accueil .accompagnement .image { order:2; position:static; }
    #accueil .accompagnement .image .inner { float:none; margin:40px -15px 30px -15px; width:calc(100% + 30px); }
    #accueil .accompagnement .image img { height:500px; object-position:center 50%;  }
    
    
    #accueil .managers .container { max-width:100%; }
    #accueil .managers .image img { height:auto; }
    
    #accueil .missions { padding-top:40px; }
    #accueil .missions .image { position:static; }
    #accueil .missions .image .inner { float:none; width:100%; margin-top:30px; position:absolute; left:0; }
    #accueil .missions .image img { height:300px; object-position:center 50%;  }
    
    #accueil .blog { margin-top:300px; }
    #cabinet .intro .text { padding-bottom:150px; }
    #cabinet .manager .title { right:-75vw; }
    #cabinet .missions .image { display:none; }
    #cabinet .infos .logo { margin-bottom:30px; order:1; display:none; }
    #cabinet .infos .logo svg { max-width:300px; }
    
    
    #cabinet .infos .links { order:2; }
    #cabinet .infos .addresses { order:3; }
    #cabinet .missions { background:#ecf0f3; background-image:none !important; min-height:0; }
    #cabinet .missions .text li { position:relative; }
    #cabinet .infos .schedules { order:4; }
    
    #footer-contact .top .inner { margin-left:0; }
    #top { display:none; }
}

/**
 * Extra small devices
 **/
@media (max-width: 575px) {
    .panels .panel:before { width:100vw; }
    .panels .row { margin-left:-30px; margin-right:-30px; }
    .split .image .inner { width:100%; margin-top:30px; margin-bottom:30px; }
    .split .text .btn { margin-top:20px; }
    .container { padding-left:30px; padding-right:30px; }
    
    .pace-bottom { bottom:20px; }
    
    #accueil .intro { padding-bottom:0; }
    #accueil .intro .anchor { display:none; }
    #accueil .intro .image { order:2; }
    #accueil .intro .text { order:1; }
    
    #accueil .managers .container { padding:0 30px; }
    
    #header .menu > li.big { margin-bottom:20px; }
    
    
    .managers .record .wrapper .btn { margin-left:0; }
    
    #missions .split .image { order:2; }
    #missions .split .image .inner { margin:30px -15px 30px -15px; width:calc(100% + 30px); }
    #missions .split .image img { height:300px; }
    #missions .split .text { order:1; }
    
    #cabinet h1 { margin-bottom:30px; }
    #cabinet .intro .image { display:none; }
    #cabinet .intro .container:before { right:0; }
    #cabinet .intro .text { padding-bottom:80px; padding-top:80px; }
    #cabinet .manager { margin-top:15px; padding-bottom:50px; }
    #cabinet .manager .title { right:auto; margin-top:40px;}
    #cabinet .manager .image { order:1; }
    #cabinet .manager .text { order:2; }
    #cabinet .infos { text-align:center; }
    #cabinet .infos .addresses { margin:30px 0; }
    #cabinet .infos .address { margin-bottom:15px; }
    #cabinet .infos .schedules { justify-content:center; }
    #cabinet .infos .schedules svg { display:none; }
    
    #cabinet .missions .text { padding:60px 30px; }
    #cabinet .missions .text li { margin-bottom:15px; padding-left:60px; }
    #cabinet .missions span { display:block !important;width:100%; margin:0; }
    #cabinet .missions .text .number:before { content:none; }
    
    #cabinet .cegid { position:fixed;  bottom:100px; right:20px; }
    #cabinet .cegid:hover { width:60px; }
    
    .split .text h2, .split .animated-title .title, .grey h2, #cabinet h1, #cabinet .manager .title, #contact h1, #footer .contact h2 { font-size:2.9rem; }
    
    
    .split .animated-title { position:static; height:auto; justify-content:flex-start; }
    .split .animated-title .inner { height:auto; width:100%; }
    .split .animated-title .right { width:auto; }
    .split .animated-title .title { position:static !important; white-space:normal; }
    .split .animated-title + div { margin-top:30px; }
    .split.image-left .animated-title .left { display:none; }
    .split.image-right .animated-title .right { display:none; }
    
    #header .menu > li > a { font-size:2rem; }
    #header .dropdown ul > li > a { font-size:1.6rem; }
    #header .menu > li.legal a { font-size:1.6rem; }
    
    #contact .form .captcha { justify-content:center; margin:30px 0 !important; }
    #contact .form .submit { text-align:center }
    
    #footer .contact { padding-left:15px; padding-right:15px; }
    #footer .contact .btn { margin-top:40px; }
    
    #footer-contact .top { text-align:center; }
    #footer-contact .top .schedules { justify-content:center; }
    
    #footer-contact .top .row > div:nth-child(3) .wrapper { border-bottom:1px solid #fff; margin-bottom:50px; padding-bottom:50px; }
    
}