body{font-family:'Open Sans', sans-serif;}
h1{font-size:48px;line-height:1.2;letter-spacing:-.1rem;}
h2{font-size:42px;line-height:1.25;letter-spacing:-.1rem;}
h3{font-size:40px;line-height:1.3;letter-spacing:-.1rem;}
h4{font-size:35px;line-height:1.35;letter-spacing:-.08rem;}
h5{font-size:28px;line-height:1.5;letter-spacing:-.05rem;}
h6{font-size:24px;line-height:1.6;letter-spacing:0;}
p{font-size:14px;}
.ws_check{display:none}
.clearfix:after{content: "";display: table;clear: both;}
.img-responsive{width:100%;height:auto;}
.text-left{text-align:left;}
.text-right{text-align:right;}
#axes{position:absolute;z-index:9999;left:-155px;}
header{background:url("../images/header-bg.png");background-repeat:repeat-x;}
header #top-header{padding:5px 0px;position:relative;}
header #top-header .social{float:right;margin-top:-8px;margin-left:5px;margin-right:5px;}
header #top-header .social a{color:#f4a92c;font-size:28px;}
header #top-header .social a:hover{color:#fff}
header #top-header ul#details{float:right;margin:0px 10px 0px;padding:0;}
header #top-header ul#details li{display:inline-block;margin-right:30px;}
header #top-header ul#details li a{color:#FFFFFF;text-decoration:none;}
header #top-header ul#details li.phone a{font-size:17px;font-weight:600;}
header #top-header ul#details li.phone img{margin-right:10px;}
header #top-header ul#details li.phone span{color:#c3c3c3;}
header #top-header ul#details li.address{background-image:url("../images/top-border.png");background-position:right;background-repeat:no-repeat;font-size:12px;color:#fff;}
header #top-header ul#details li.address img{margin-right:10px;margin-left:10px;}
header #top-header .facebook{float:right;margin-right:0px;margin-top:4px;}
header #top-header .facebook span{font-size:11px;color:#c2c2c2;}
header #top-header ul#details li.facebook .fb-icon{display:inline-block;height:27px;margin-left:10px;vertical-align:middle;width:27px;background:url("../images/fb-icon.png");background-position:0 0;background-repeat:no-repeat;}
header #top-header ul#details li.facebook .fb-icon:hover{display:inline-block;height:27px;margin-left:10px;vertical-align:middle;width:27px;background:url("../images/fb-icon.png");background-position:0 -35px;background-repeat:no-repeat;cursor:pointer;}
header #nav{padding:17px 0;}
header #nav ul#navigation{margin:0px 10px 0px;padding:0;}
header #nav ul#navigation li{display:inline-block;padding:0px 17px 0px 0px;}
header #nav ul#navigation li a{font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;color:#231f20;text-decoration:none;font-size:19px;}
header #nav ul#navigation li a:hover{background:url("../images/nav-hover.png");background-repeat:no-repeat;background-position:center bottom;padding-top:5px;}
header .container{position:relative;}
header .container .urgences{position:absolute;bottom:-35px;right:0px;background-color:#f4a92c;padding:5px 30px;z-index:999;border-bottom-right-radius:15px;border-bottom-left-radius:15px}
header .container .urgences span{font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;font-size:16px;}
#mobile-nav{display:none;}
.slider-container{position:relative;}
.slider-caption{left:0%;position:absolute;right:10%;top:10%;z-index:9999;}
.slider-caption .text-caption img{margin-top:70px;width:57%;}
.slider-caption .text-caption span{background-color:rgba(0, 0, 0, 0.6);display:block;float:left;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;clear:both;}
.slider-caption .text-caption span.first{color:#fff;font-size:35px;margin-top:80px;padding:5px 20px;}
.slider-caption .text-caption span.second{color:#c4c3c3;font-size:24px;margin-top:-20px;margin-left:-50px;padding:10px 10px 10px 40px}
.slider-caption .text-caption span.third{color:#fff;font-size:38px;margin-top:-20px;margin-left:140px;margin-bottom:20px;padding:5px 20px;}
.slider-caption .bottom-caption{background:url("../images/slider-text-bg.png");padding:20px;background-repeat:no-repeat;max-width:625px;}
.slider-caption p.bottom-caption-text{color:#ffffff;position:relative;}
.slider-btn{background:url("../images/slider-btn.png");background-repeat:no-repeat;bottom:-17%;max-height:74px;min-width:228px;padding:0;position:absolute;left:160px;text-align:center;}
.slider-btn a{display:block;height:100%;width:100%;font-family:'Roboto', sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;color:#000000;text-decoration:none;}
#featured-items{background:url("../images/black.png");background-repeat:repeat;}
#featured-items .oval{background:url("../images/oval.png");background-repeat:no-repeat;background-position:center;padding:30px 0px;}
#featured-items .featured-item{position:relative;}
#featured-items .featured-item .featured{cursor:pointer;position:relative;}
#featured-items .featured-item .featured-text{margin-top:20px;}
#featured-items .featured-item .featured-text p{color:#ffffff;}
#featured-items .featured-item .featured .featured-caption{bottom:65px;position:absolute;right:25px;text-align:right;}
#featured-items .featured-item .featured .featured-button{bottom:-10px;position:absolute;right:10px;background:#f4a92c;padding:25px 6px;}
#featured-items .featured-item .featured .featured-button a{color:#252525;text-decoration:none;font-weight:bold;font-size:16px;text-transform:uppercase;}
#featured-items .featured-item .featured .featured-caption h1{font-size:24px;font-weight:bold;color:#FFFFFF;font-style:italic;margin-bottom:10px;text-transform:uppercase;}
#featured-items .featured-item .featured .featured-caption h1 b{font-size:35px;font-weight:bold;text-transform:uppercase;color:#FFFFFF;font-style:italic;}
#featured-items .featured-item .featured .featured-caption h2{font-size:35px;font-weight:bold;color:#FFFFFF;font-style:italic;margin-bottom:10px;text-transform:uppercase;}
#services{padding:30px 0px;background:url("../images/machine-bg-1.png");background-repeat:no-repeat;background-position:bottom left;}
#services .overlay{background:url("../images/gradient-white.png");background-repeat:no-repeat;background-position:bottom;}
#services .service_3c{display:flex;}
#services .service-content{text-align:center;position:relative;padding-bottom:60px;flex:1;}
#services .service-content h3{text-transform:uppercase;font-weight:700;font-size:28px;font-style:italic;}
#services .bottom_button{position:absolute;bottom:0px;left:0px;text-align:center;width:100%}
#services .bottom_button .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"]{background-color:#252525;border-color:#252525;color:#f4a92c;font-size:16px;font-style:italic;font-weight:700;height:45px;line-height:42px;}
#services .bottom_button .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#252525;background-color:#f4a92c;border-color:#f4a92c;font-size:16px;}
#garantie{background:url("../images/car-bg.png");padding:12% 0;background-position:center;background-repeat:no-repeat;}
#garantie .caption{background-color:rgba(0, 0, 0, 0.7);width:70%;margin:0 auto;text-align:center;padding:10px;}
#garantie .caption img{vertical-align:middle;}
#garantie .caption h3{margin-bottom:-5px;color:#FFFFFF;text-transform:uppercase;font-weight:700;font-style:italic;}
#garantie .caption h4{margin-top:10px;margin-bottom:5px;color:#FFFFFF;font-size:17px;text-transform:uppercase;font-weight:bold;}
#garantie .caption p{color:#ffffff;font-size:15px;line-height:30px;margin-bottom:5px;margin-top:20px;}
#garantie .caption .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"]{background-color:#f4a92c;border-color:#f4a92c;color:#252525;font-size:16px;font-style:italic;font-weight:700;height:45px;line-height:42px;border-radius:0;letter-spacing:0;margin-top:10px}
#garantie .caption .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#f4a92c;background-color:#252525;border-color:#252525;font-size:16px;}
#tranquilite{background:url("../images/machine-bg-2.png");background-position:right;background-repeat:no-repeat;padding:35px 0;}
#tranquilite #tranq{position:relative;}
#tranquilite #tranq h3{text-transform:uppercase;font-weight:700;font-size:28px;font-style:italic;}
#tranquilite #tranq .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"]{background-color:transparent;border-color:#252525;color:#252525;font-size:16px;font-style:italic;font-weight:700;height:45px;line-height:42px;border-radius:0;letter-spacing:0;margin-top:10px;padding:0px 10px;}
#tranquilite #tranq .car{float:right;}
#tranquilite #tranq .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#f4a92c;background-color:#252525;border-color:#252525;font-size:16px;}
#tranquilite #suivez-nous h3{text-transform:uppercase;font-weight:700;font-size:28px;font-style:italic;}
#specialites h3{text-transform:uppercase;font-weight:700;font-size:28px;font-style:italic;}
#specialites .logos{margin:50px 0px;}
#specialites .logos ul{margin:0;padding:0;text-align:center;}
#specialites .logos ul li{list-style:none;display:inline-block;}
#specialites .logos ul li img{width:92px;}
#contact{background:url("../images/black.png");background-repeat:repeat;position:relative;}
#contact .contact-machine{position:absolute;right:0;bottom:0;}
#contact .oval{background:url("../images/oval-contact.png");background-repeat:no-repeat;background-position:center;min-height:402px;}
#contact #contact-form{z-index:9999;padding:60px 0 0px 0px;}
#contact #contact-form h1{color:#FFFFFF;font-style:italic;font-weight:700;text-transform:uppercase;font-size:24px;}
#contact #contact-form h2 b{color:#f4a92c;}
#contact #contact-form h2{color:#FFFFFF;font-style:italic;font-weight:700;text-transform:uppercase;font-size:24px;}
#contact #contact-form h1 b{color:#f4a92c;}
#contact #contact-form p{font-size:16px;font-weight:700;color:#FFFFFF;margin:0 0 0 8px;}
#contact #contact-form ul#contact-details{margin:0;padding:0 0px 0px 0px;}
#contact #contact-form ul#contact-details li{list-style:none;color:#898989;}
#contact #contact-form ul#contact-details li.address p{font-weight:400;color:#898989;}
#contact #contact-form ul#contact-details li.c-phone span{font-size:20px;color:#FFFFFF;}
#contact #contact-form ul#contact-details li img{float:left;position:relative;top:5px;vertical-align:middle;}
#contact #contact-form ul#contact-details li a{color:#898989;}
#contact #contact-form form{margin-bottom:10px;}
#contact #contact-form input[type="email"].contact, input[type="text"].contact, input[type="tel"].contact, input[type="password"].contact, select.contact{background-color:#FFFFFF !important;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;height:38px;padding:6px 10px;color:#adadad;}
#contact #contact-form input[type="email"].contact:focus, input[type="number"].contact:focus, input[type="search"].contact:focus, input[type="text"].contact:focus, input[type="tel"].contact:focus, input[type="url"].contact:focus, input[type="password"].contact:focus, textarea.contact:focus, select.contact:focus{border:1px solid #ffffff;outline:0 none;}
#contact #contact-form textarea{background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;height:38px;padding:6px 10px;color:#adadad;resize:none;height:50%;}
#contact #contact-form .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"]{background-color:#666666;border-color:#666666;color:#000000;height:40px;letter-spacing:0;line-height:38px;margin-top:10px;padding:0 20px;border-radius:4px;font-size:14px;font-style:normal;}
#contact #contact-form .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#000000;background-color:#FFFFFF;border-color:#FFFFFF;height:40px;letter-spacing:0;line-height:38px;margin-top:10px;padding:0 20px;border-radius:4px;font-size:14px;font-style:normal;}
#map{width:100%;height:390px;}
#faq-title{background:url("../images/faq-header-img.png");padding:20px 0px;text-align:center;}
#faq-title h1{font-weight:700;color:#FFFFFF;text-transform:uppercase;font-style:italic;}
#faq-content{margin-top:50px;}
#faq-form{background:url("../images/black.png");background-repeat:repeat-x;}
#faq-form .oval{background:url("../images/oval.png");background-repeat:no-repeat;background-position:center;padding:30px 0px;}
#faq-form h5{font-weight:400;color:#FFFFFF;text-transform:uppercase;text-align:center;}
.faq-footer{background:url("../images/faq-bottom-img.png");height:61px;padding-top:148px;}
.faq-footer #top-footer{position:relative;}
.faq-footer #top-footer h3{position:relative;top:8px;}
#top-footer{background:url("../images/footer-title.png");background-repeat:no-repeat;padding:12px 0;background-position:center;}
#top-footer h3{color:#FFFFFF;margin-bottom:0px;font-family:'Roboto', sans-serif;font-weight:bold;text-transform:uppercase;font-style:italic;font-size:24px;}
footer{}
footer .footer_bottom{background:url("../images/footer-bg.png");background-repeat:repeat-x;padding:29px 0 0px 0px;position:relative;}
footer h6{font-family:'Roboto', sans-serif;font-size:16px;color:#FFFFFF;text-transform:uppercase;font-weight:800;font-style:italic;}
footer #apropos p{font-size:13px;color:#898989;}
footer #liensrapides{margin-right:20px;}
footer ul#footer-nav{margin:0;padding:0 0px 0px 10px;}
footer ul#footer-nav li{list-style:disc;color:#898989;}
footer ul#footer-nav li a{color:#898989;text-decoration:none;}
footer ul#contact-details{margin:0;padding:0 0px 0px 0px;}
footer ul#contact-details li{list-style:none;color:#898989;}
footer ul#contact-details li img{float:left;vertical-align:middle;}
footer ul#contact-details li a{color:#898989;text-decoration:none;}
footer form{margin-bottom:10px;}
footer #form_footer input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], select{background-color:transparent !important;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;height:38px;padding:6px 10px;color:#adadad;}
footer #form_footer input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:1px solid #ffffff;outline:0 none;font-size:14px;font-style:normal;height:40px;letter-spacing:0;line-height:38px;padding:0 20px;}
footer #form_footer textarea{background-color:transparent;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;box-sizing:border-box;height:38px;padding:6px 10px;color:#adadad;resize:none;}
footer #form_footer .button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"]{background-color:#666666;border-color:#666666;color:#000000;}
footer #form_footer .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#000000;background-color:#FFFFFF;border-color:#FFFFFF;}
.footer-bg-1{position:absolute;left:0;top:35px;}
.footer-bg-2{position:absolute;right:0;top:0;z-index:0;}
footer #footer-main{z-index:1;}
footer #footer-credits{border-top-left-radius:15px;border-top-right-radius:15px;padding:15px 50px;background:#f1a72b;position:relative;bottom:15px;}
footer #footer-credits p{margin-bottom:0px;font-size:11px;}
footer #footer-credits a{color:#000;text-decoration:none;}
footer #footer-credits img{vertical-align:middle;}
footer #scroll-up{position:absolute;top:20%;left:50%;}
#camion_title{background:url("../images/camion_header.jpg");padding:35px 0px;text-align:center;}
#camion_title h1{font-weight:700;color:#FFFFFF;text-transform:uppercase;font-style:italic;font-family:'Roboto', sans-serif;margin:0;}
.transmission-min{position:relative;background:#ffffff url(../images/bg.jpg) repeat-x left top;width:100%;padding-top:6%;padding-bottom:215px;}
.transmission-min p{line-height:22px;}
.transmission-min h2{color:#333333;font-size:25px;text-align:center;font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;margin:0px;padding:0px;}
.transmission-min span{color:#231f20;font-size:18px;text-align:center;font-family:'Roboto', sans-serif;font-weight:300;font-style:italic;display:block;padding-top:8px;padding-bottom:4%;width:60%;float:none;margin:0 auto;line-height:22px}/*ancien*/
.textetitle{color:#231f20;font-size:18px;text-align:center;font-family:'Roboto', sans-serif;font-weight:300;font-style:italic;display:block;padding-top:8px;padding-bottom:4%;width:60%;float:none;margin:0 auto;}
.textetitle b{color:#f4a92c;font-weight:700;font-style:italic;}
.transmission-min span b{color:#f4a92c;font-weight:700;font-style:italic;}
.transmission_left{width:32%;float:left;padding-top:4%;position:relative;z-index:9999;}
.transmission_right{width:62%;float:right;padding-top:2%;}
.transmission_left a{background:url('../images/button_bg.png')no-repeat left top;width:307px;height:54px;color:#231f20;font-size:18px;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;display:block;text-decoration:none;line-height:55px;margin-bottom:18px;}
.transmission_left a img{float:left;margin:15px 20px 0;}
.transmission_left a:hover{background:url('../images/button_hover.png')no-repeat left top;}
.transmission_left a.actvv{background:url('../images/button_hover.png')no-repeat left top;}
.transmission_left h3{color:#f4a92c;font-size:28px;font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;padding-top:15%;margin:0px;}
.borderb{background-color:#000;height:2px;width:65px;display:block;margin:12px 0;}
.transmission_left p{color:#1e1e1e;font-size:18px;font-family:'Roboto', sans-serif;font-weight:400;padding-top:20px;}
.transmission_left a.pagbutton{color:#252525;font-size:16px;text-transform:uppercase;padding:18px 20px;font-family:'Roboto', sans-serif;font-weight:700;font-style:italic;background-image:none;border:1px solid #363636;width:auto;height:auto;line-height:20px;float:left;margin-top:13px;}
.transmission_left a.pagbutton:hover{background-color:#363636;color:#fff;}
.tr_right_content{width:100%;padding-top:40px;float:left;}
.img_r{width:28%;float:left;text-align:center;}
.detsil_r{width:68%;float:right}
.detsil_r h4{font-size:28px;color:#252525;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:900;font-style:italic;margin:0px;}
.detsil_r h5{font-size:18px;color:#252525;text-transform:uppercase;font-family:'Roboto', sans-serif;font-weight:900;font-style:italic;margin:0px;}
.detsil_r p{font-size:17px;padding-top:27px;margin-bottom:0px;}
.detsil_r img{margin:20% auto;display:block;}
.transmission-min img.bigimg{position:absolute;bottom:0px;left:0px;width:54%;}
#services_title{background:url("../images/service_header.jpg");padding:35px 0px;text-align:center;}
#services_title h1{font-weight:700;color:#FFFFFF;text-transform:uppercase;font-style:italic;font-family:'Roboto', sans-serif;margin:0px;}
.services_min{background-image:none;}
.service_details{position:relative;padding:5.5% 0;background:rgb(235, 235, 235);background:-moz-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(238, 238, 238, 1) 23%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%, rgba(235, 235, 235, 1) 100%);background:-webkit-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(238, 238, 238, 1) 23%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%, rgba(235, 235, 235, 1) 100%);background:linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(238, 238, 238, 1) 23%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%, rgba(235, 235, 235, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=0);}
.service_details .service1{float:left;width:25%;}
.service_details .service2{float:right;width:72%;}
.service_details .entretien_prev{background:url(../images/service-img-4.png) no-repeat right bottom;background-size:35%;}
.service_details .inspection_complete{background:url(../images/service-img-5.png) no-repeat right bottom;background-size:35%;}
.service_details .performance{background:url(../images/service-img-6.png) no-repeat right bottom;background-size:35%;}
.service_details img{max-width:100%}
.service_details h3{font-size:28px;font-family:'Roboto', sans-serif;font-weight:900;font-style:italic;margin-bottom:0px;text-transform:uppercase;padding-top:40px;}
.service_details p{font-size:15px;padding-top:10px;width:65%;margin-bottom:10px;}
.s_d_one img.services-i{position:absolute;right:0px;top:30%;margin-right:0px;width:16%;}
.service_details span{float:left;text-align:center;margin:6% 0;padding:0px;clear:both;}
.service_details span img{width:100%;}
.service_details ul{padding:0px;margin:0px 0 0 30px;float:left;list-style:circle outside;}
.service_details li{list-style-type:disc;font-size:24px;font-family:'Roboto', sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;}
.url_check{display:none;}

.modal {
    display: none; /* Hidden by default */
    background-color: #000000c7;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: scroll;
    z-index: 99999999;
  }
  
  .modal .container{
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 2rem;
    background-color: #f4a92c;
    border-radius: 15px;
  }
  
  /* The Close Button */
  .close {
    color: rgb(255, 255, 255);
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }