.field {margin-bottom:15px;position:relative }.field label {display:inline-block;margin:0 }.field [data-validate-for] {display:none;font-size:10px;line-height:10px;position:absolute;right:0;bottom:-1.2em }.field [data-validate-for].visible {display:block }.field.textfield input,.field.textarea textarea {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.checkbox,.field.radio {line-height:20px }.field.checkbox input,.field.radio input {width:20px;height:20px;float:left;margin-right:10px }.field.checkbox label,.field.radio label {position:relative;margin-bottom:0;cursor:pointer }.field.checkbox span:before,.field.radio span:before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ccc;background:#fff }.field.checkbox span:after,.field.radio span:after {content:'';position:absolute;left:3px;top:3px;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 .message:before,.field.checkbox .message:after,.field.radio .message:before,.field.radio .message:after {content:none }.field.checkbox span:before,.field.checkbox span:after {border-radius:0 }.field.radio span:before,.field.radio span:after {border-radius:50% }.field.select select {display:block;width:100%;padding:10px;border:1px solid #ccc }.field.captcha {display:flex;flex-direction:row;justify-content:center }.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 {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) }
html {font-size:10px }body {font-size:1.6rem;font-family:'Montserrat',sans-serif }:focus {outline:none }img {max-width:100%;height:auto }img[data-sizes] {display:block;width:100% }h1 {font-size:6rem;font-weight:900;color:#fff;line-height:1.2em }h2 {color:#f00;font-weight:900;font-size:4rem;margin-bottom:2em }h3 {color:#f00;font-weight:900;font-size:3rem;margin-bottom:1em }.btn {background:#F00;border:none;display:inline-block;color:#fff;padding:10px 30px;text-align:center;cursor:pointer;border-radius:50px;transition:all 0.3s ease 0s }.btn:hover {background:#c30000;color:#fff;text-decoration:none }.padding {padding-top:100px;padding-bottom:100px }[data-bg] {background-size:cover;background-position:center center }.alert {position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;margin:40px 0 }.alert-success {color:#155724;background-color:#d4edda;border-color:#c3e6cb }.alert .close {display:none }ul.row {margin-bottom:0;padding:0;list-style:none }p {margin-bottom:1em;line-height:1.8em }p:last-child {margin-bottom:0 }address {margin-bottom:0 }.field {position:relative;margin-bottom:40px }.field.textfield input {border:1px solid #f00;border-radius:5px;padding:10px 15px }.field.textfield label {position:absolute;left:15px;top:50%;transform:translateY(-50%);opacity:1;transition:all 0.3s ease 0s }.field.textarea textarea {border:1px solid #f00;border-radius:15px;padding:10px 15px }.field.textarea label {position:absolute;left:15px;top:10px;opacity:1;transition:all 0.3s ease 0s }.field.active label,.field.filled label {opacity:0;left:20px }.field.captcha {justify-content:center;display:flex;align-items:center }.field.submit {text-align:center }.field [data-validate-for] {color:#f00 }#header {position:absolute;top:0;width:100%;z-index:2;transition:all 0.3s ease 0s;z-index:5 }#header .top {background:#fff }#header .top .row {height:50px }#header .top .infos {display:flex;flex-direction:row;align-items:center;justify-content:space-between }#header .top .infos img {max-height:40px }#header .top .info i {color:#F00;margin-right:15px }#header .top .info {display:flex;flex-direction:row;align-items:center;justify-content:flex-start }#header .top .info address,#header .top .info p {margin-bottom:0 }#header .top .facebook {text-align:right;display:flex;flex-direction:row;align-items:center;justify-content:flex-end }#header .top .facebook a {color:#393737;transition:all 0.3s ease 0s }#header .top .facebook a:hover {color:#f00 }.hamburger {float:right;padding:0;display:none;margin-top:5px }.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before,.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background:#fff }#header .bottom .logo img {max-width:350px }#header .bottom .row {height:100px;align-items:flex-end }#header .bottom .menu {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:0;padding:0;list-style:none;font-family:'Fjalla One';text-transform:uppercase }#header .bottom .menu li {margin-left:30px }#header .bottom .menu a {color:#fff;transition:all 0.3s ease 0s;padding:3px 0 }#header .bottom .menu a:hover {color:#f00;text-decoration:none;border-color:#f00 !important }#header .bottom .menu li.active a {border-bottom:1px solid #fff }#main {margin-top:50px }#footer {background-size:cover;position:relative;color:#fff }#footer .row {justify-content:center }#footer:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.5) }#footer .container {position:relative;z-index:2 }#footer .menu {justify-content:flex-end;margin-bottom:0;padding:0;list-style:none;font-family:'Fjalla One';text-transform:uppercase;margin:50px 0 }#footer .menu ul {margin-bottom:0;padding:0;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between }#footer .menu li {margin-right:15px }#footer .menu a {color:#fff }#footer .infos {display:flex;flex-direction:row;align-items:center;justify-content:space-between }#footer .infos .info {display:flex;flex-direction:row;align-items:center;justify-content:flex-start }#footer .infos a {color:#fff }#footer .infos i {color:#f00;margin-right:10px }#footer .legal {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:50px 0 0 0;padding:0;list-style:none }#footer .legal li {margin-right:30px }#footer .legal a {color:#fff }.swiper-wrapper {box-sizing:border-box }.slider {position:relative }.slider .swiper-slide {position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center }.slider .swiper-slide:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.20);z-index:1 }.slider .swiper-slide .container {position:relative;z-index:2 }.slider .swiper-slide .btn {margin-top:60px }.slider .blocks {position:absolute;bottom:0;width:100%;z-index:2;text-align:center;color:#fff;transform:translateY(50%) }.slider .blocks svg {margin-bottom:30px }.slider .blocks .block {display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px }.slider .blocks .left {background:#1D1D1D }.slider .blocks .right {background:#393737 }.actualites {text-align:center }.actualites .row {align-items:center;justify-content:center }.actualites .image {position:relative }.actualites .image .date {position:absolute;left:0;bottom:0;background:#f00;color:#fff;padding:10px 30px;text-align:center;font-weight:bold;text-transform:uppercase }.actualites .text h3 {color:#000 }.actualites .text .btn {margin-top:50px }.actualites iframe {max-width:100% }#facebook-like {max-width:100%;overflow:hidden }.split {font-size:2rem;font-weight:700 }.split .row {align-items:center;justify-content:center }.split .inner {background:#E2E2E2;padding:100px;color:#393737;width:calc(100% + 100px);position:relative;z-index:2;box-shadow:10px 10px 30px 0 rgba(0,0,0,0.25) }.split .inner.red {background:#f00;color:#fff }.split .inner.black {background:#272727;color:#fff }#accueil .slider .swiper-slide {height:calc(100vh - 80px) }#accueil .intro {padding-top:200px;padding-bottom:400px;text-align:center;background-size:cover;background-position:center bottom }#accueil .intro .container {max-width:50vw }#accueil .activites li {margin-bottom:50px;text-align:center }#accueil .activites img {margin-bottom:30px }#accueil .activites .container {max-width:1200px }#mecanique-reparation .services .row {justify-content:center }#mecanique-reparation .services h2 {margin-bottom:1em }#mecanique-reparation .services .row1 {align-items:flex-end }#mecanique-reparation .services .row1 .left {bottom:30px }#mecanique-reparation .services .row1 .right {bottom:-90px }#mecanique-reparation .services .row2 {align-items:flex-end }#mecanique-reparation .services .row2 .text {width:calc(100% + 60px) }#mecanique-reparation .services .row2 .right {bottom:-120px }#mecanique-reparation .services .row3 {margin-top:60px }#mecanique-reparation .services .text {background:#E2E2E2;padding:80px;box-shadow:10px 10px 30px 0 rgba(0,0,0,0.25) }#carte-grise .elements {text-align:center }#carte-grise .elements h2 {margin-bottom:2em }#carte-grise .elements ul {margin-bottom:80px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:0;list-style:none;align-items:flex-start }#carte-grise .elements li {font-weight:bold;width:20%;margin-bottom:30px;padding:0 15px }#carte-grise .elements li svg {margin-bottom:30px;height:80px }#carte-grise .elements i {font-weight:normal;font-size:1.4rem;font-style:normal }#contact .split .inner .horaires {font-size:1.8rem;font-weight:normal;margin-top:50px }#contact .split .row {align-items:flex-end }#contact .split .text {bottom:-80px }#contact .form {padding-top:0 }#contact .form h2 {text-align:center }
@media (min-width:1600px) {.container {max-width:1560px }}@media (max-width:1599px) {.split .inner {padding:60px }#mecanique-reparation .services .text {padding:40px }}@media (max-width:1199px) {body {font-size:1.6rem }h1 {font-size:5rem }h2 {font-size:3rem }h3 {font-size:2rem }#header .bottom .menu li {margin-left:15px }#accueil .intro .container {max-width:80vw }}@media (max-width:991px) {#header {position:fixed;width:100%;z-index:2;transition:all 0.3s ease 0s;z-index:5 }#header.pinned {transform:translateY(0) }#header.unpinned {transform:translateY(-100%) }body.open #header {transform:translateY(0) }#header.not-top {background:rgba(0,0,0,0.9) }#header .top {display:none }#header .bottom .menu {position:fixed;left:0;top:0;width:100vw;height:100vh;opacity:0;pointer-events:none;transition:all 0.5s ease 0s;background:rgba(0,0,0,0.9);display:flex;flex-direction:column;align-items:center;justify-content:center }#header .bottom .menu li {margin:10px 0;font-size:2rem }#main {margin-top:0 }body.open #header .menu {opacity:1;pointer-events:auto;}#header .bottom .row {height:80px;align-items:center }.hamburger {display:block }#footer .menu li {margin-right:10px }#footer .infos {flex-direction:column }#footer .infos .info {flex-direction:column;margin:10px 0 }#footer .infos i {margin-bottom:5px;font-size:2rem }.split .inner {padding:30px }#carte-grise .elements li {width:50% }}@media (max-width:767px) {h1 {font-size:4rem }.slider .swiper-slide .btn {margin-top:30px }.slider .swiper-slide .caption {margin-bottom:0 }.slider .blocks svg {height:50px }.slider .blocks .block {height:200px }.split .inner {width:100% }.split .text {order:2 }.split .image {order:1 }.actualites .text h3 {margin-top:15px }#mecanique-reparation .services .row1 {align-items:stretch }#mecanique-reparation .services .row1 .left {bottom:auto;padding-right:0 }#mecanique-reparation .services .row1 .right {bottom:auto;padding-left:0 }#mecanique-reparation .services .row1 img {width:100%;height:100%;object-fit:cover }#mecanique-reparation .services .row2 .text {width:100% }#mecanique-reparation .services .row2 .right {display:none }#mecanique-reparation .services .row3 {margin-top:0 }#contact .split .map {order:3 }#contact .split .text {bottom:auto }#footer .menu ul {flex-direction:column }#footer .menu ul li {margin:5px 0 }}@media (max-width:575px) {h1 {font-size:3rem }.slider .blocks {position:static;transform:none }#accueil .slider .swiper-slide {height:100vh }#accueil .intro {padding-top:60px }#carte-grise .elements li {width:100% }}