@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../font/proxima_nova_extrabold-webfont.woff2') format('woff2'),
         url('../font/proxima_nova_extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../font/robotocondensedbold-webfont.woff2') format('woff2'),
         url('../font/robotocondensedbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{font-family: Arial, Helvetica, sans-serif;}

img {max-width: 100%; height: auto;}

#header{ box-shadow: 0 0 8px #c5c1c1; position: sticky; z-index: 2; top: 0; background: #FFF;}
#header a.login {text-decoration: none;}
#header a.login .userInfo{font-family: proxima_novaextrabold; color: #010101; text-decoration: none; line-height: 30px;padding: 10px 0;}
#header .logoWrap{}
#header .logoWrap a{display: block;}
#header .logoWrap a img{display: block; max-width: 125px;}

ul{margin: 0; padding: 0;}
ul li{margin: 0 15px 15px 0; padding: 0; list-style-type: none; display:inline-block}

.garage{padding-top: 15px;;}
.garage span{font-family: proxima_novaextrabold; line-height: 0.9;font-size: 35px; color: #49b7ea;}
.garage span.biggest{font-size: 160px; color: #243772; line-height: 120px;}
.garage span.big{font-size: 60px;}

.plus1{background-color: #e00f2c; color:#FFF;}
.plus1 .one{font-family: proxima_novaextrabold; line-height: 0.9;font-size: 175px; padding-right: 10px;}
.plus1 .one span{font-family: proxima_novaextrabold;line-height: 0.9;font-size: 100px;}
.plus1 .now{font-family: proxima_novaextrabold; line-height: 0.9;font-size: 45px;}

.map{background-color: #243772;}


.services {padding: 30px;}
.services h2 {font-family: proxima_novaextrabold; line-height: 1;font-size: 22px; color: #e13e2b;}
.services ul li {max-width: 250px;}
.services ul li div{color: #243772; padding-top: 10px;}
.services ul li div.serviceTitre{font-family: roboto_condensedbold; text-align: center; line-height: 1.2; font-size: 16px; padding: 10px; color:#FFF; background-color: #e13e2b;}
.services ul li div img{border:4px solid #bfbfbf;}
.services ul li:last-child{margin: 0 0 15px;}

.formulaires{background-color: #f2f2f2; padding: 30px 15px;}
.formulaires h3{font-family: proxima_novaextrabold; color: #010101; font-size: 28px; margin:0}
.formulaires h4{font-family: proxima_novaextrabold; color: #e00f2c; font-size: 45px; margin: 0; line-height: 1;}
.formulaires .required_fields{color: #FFFFFF; font-size: 14px;}
.formulaires form{margin-top: 15px;}
.formulaires .contact img{background: #FFF; border-radius: 5px;}
.formulaires .contact a {text-decoration: none;}
.formulaires .contact a div{font-family: proxima_novaregular; color: #FFFFFF; font-size: 21px; text-decoration: none;}
.formulaires button.btn-primary {background-color: #e00f2c;border-color: #e00f2c; border-radius:0; font-family: proxima_novaextrabold; text-transform: uppercase;}

.formulaires ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #858585;
    opacity: 1; /* Firefox */
    font-family: 'roboto_condensedbold';
}
  
.formulaires :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #858585;
    font-family: 'roboto_condensedbold';
}
  
.formulaires ::-ms-input-placeholder { /* Microsoft Edge */
    color: #858585;
    font-family: 'roboto_condensedbold';
}

.td.descriptionField{cursor: pointer;}

.footerText {
    color: #243772;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    font-family: proxima_novaextrabold;
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .garage span{font-size: 28pt;}
    .garage span.biggest{font-size: 160px;line-height: 110px;}
    .garage span.big{font-size: 48pt;}

    .services ul li {max-width: 205px;}
}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    .garage span{font-size: 19pt;}
    .garage span.biggest{font-size: 110px;line-height: 80px;}
    .garage span.big{font-size: 32pt;} 

    .services ul li {max-width: 312px;}

    .plus1 .one{font-size: 100px; padding-right: 10px;}
    .plus1 .one span{font-size: 75px;}
    .plus1 .now{font-size: 25px;}
}
/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .garage span.biggest{line-height: 1;}
    .services {padding: 15px;}
    .services h2{font-size: 18px;}
    .services ul li {max-width: 230px;}
}
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .plus1 .one{font-size: 50px; padding-right: 5px;}
    .plus1 .one span{font-size: 30px;}
    .plus1 .now{font-size: 14px;}
    .services ul li {max-width: none;}
}