/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 14 oct. 2022, 12:34:11
    Author     : Anthony
*/

/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 14 oct. 2022, 12:34:20
    Author     : Anthony
*/
@import url('/assets/global/css/fonts/avenir.css');
@import url('/assets/global/css/fonts/landroverwide.css');

body{
    line-height: 1;
    font-family: 'Avenir LT Std', sans-serif;
    font-size:1em;
}
html {scroll-behavior: smooth;}

h1 {font-family: 'Land Rover Wide', Helvetica, Arial sans-serif; font-size: 2.4rem; color: #000000; font-weight: 700; text-align: center; margin-bottom: 50px}
h2 {font-family: 'Land Rover Wide', Helvetica, Arial sans-serif; font-size: 1.4rem; color: #000000; font-weight: 700; padding-top: 20px}
h3 {font-family: 'Land Rover Wide', Helvetica, Arial sans-serif; font-size: 0.9rem; color: #000000; font-weight: 700; padding-top: 20px}
h4 {font-family: 'Avenir LT Std', Helvetica, Arial sans-serif; font-size: 1.1rem; color: #000000; font-weight: 300; padding-top: 40px; text-align:center}
h5 {font-family: 'Land Rover Wide', Helvetica, Arial sans-serif; font-size: 1.6rem; color: #ffffff; font-weight: 700; padding-top: 40px; text-align:center}

.desktop {display:block;}
.responsive {display:none;}

#recap {text-align:left;}
#recap .merci {background-color:rgba(255,255,255,0.75);padding:20px;font-size: 1.0em;margin-top: 0px;color:#000000;letter-spacing: 0;}
#recap .merci span {font-weight:300;}
#recap .main {min-height:500px!important;}

/****** HEADER *******/
.logo {padding:40px 15px;}
.logo img{width:350px;}
.baseline {padding:25px 20px;text-align: right;color:#fff;font-size:1.1em;text-transform: uppercase;}


/****** MAIN *******/
.main {
    background-image: url('/assets/land-rover/2022-10-landrover-discovery/img/bg-landrover.jpg'); background-repeat:no-repeat;background-position: top center;background-size: cover;
    min-height:auto;
    margin-bottom: 50px;
}

/****** CONTENT *******/

.content {padding:30px 0 30px 0;}
.reassurance {padding: 60px 0; margin-top: 50px}
.btn-bottom {margin-top:40px;}
.btn-bottom button{background-color: #000;padding:15px 30px;color:#fff;font-size:1.0em;border:none;text-transform:uppercase;border-radius:0;width:300px;}
.btn-bottom img{width:40px;padding-bottom:4px;}

p {margin-bottom: 1rem; text-align: left;font-weight: 300;}
.content .btn-offre {font-family: 'Land Rover Wide', helvetica, sans-serif;width:100%;background-color: #000000;border-radius:0px;border:none;padding:15px;color:#fff;font-size:1.1em;font-weight:bold;width:300px;text-transform:uppercase; margin-top: 50px;border: 1px solid #000}
.btn-offre:hover {background-color: #fff;text-decoration: none;color: #000; border: 1px solid #000}
.content p {font-size:0.9em;line-height:1.6;font-weight:300;}


/****** FORMULAIRE *******/
.bloc-formulaire{margin-top:-146px;}
.form-content{padding:20px 10px 25px 10px;background-color:#fff;}
.bloc-formulaire .form-title {font-family: 'Land Rover Wide', Helvetica, Arial sans-serif;font-size:0.8em;margin-bottom:15px;padding:0 20px;text-align: left;font-weight:300;color:#000; line-height: 1.4}
label {display: inline}
.custom-control-label {position: relative; margin-bottom: 0; vertical-align: bottom; padding-top: 5px}
.subform{font-family: 'Land Rover Wide', Helvetica, Arial sans-serif; font-size: 0.8em; margin-bottom: 5px;}

/** style input **/
.bloc-formulaire button.btn-default, .bloc-formulaire .form-control, .bloc-formulaire .custom-select {background-color: #efefef;border:none;border-radius:0;}
.bloc-formulaire button {font-family:'Land Rover Wide', Helvetica, Arial sans-serif; font-weight: 700;background-color: #000;font-size:1.1em;text-transform:uppercase;border-radius:0;width:100%;color:#fff;padding:12px 0;border: none;border: 1px solid #000;margin-bottom: 10px}
.btn-success:hover {background-color: #fff;text-decoration: none;color: #000; border: 1px solid #000}
.form-control::placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder {color:#000000;font-weight:300;}
.input-group-addon {background-color:#eaeef2;border: none;}
.form-group{margin-bottom: 0.5rem}
.bloc-form p {font-size: 1rem}

/****** FOOTER *******/
footer {padding:40px 0;background-color: #eff0f0;}
footer .ml {margin:20px 0 20px 0;font-size:0.75em;line-height:1.6;font-weight:300;text-align: left;}
footer .ml span {color:#787878;}

/****** REMERCIEMENT *******/
.left-content .remerciement {margin-top:25px;padding:20px;background-color:rgba(0,44,95,0.7);font-size:1.5em;color:#fff;line-height:1.2;}
.left-content .remerciement span{font-size:1.4em;font-weight:bold;}

@media (min-width: 1500px) {
    .main {background-size: contain;}
}
@media (max-width: 990px) {
    .desktop {display:none;}
    .responsive {display:block;}
    .responsive img {width:  100%}
    .no-pad {padding: 0}
    .reassurance {padding: 20px 0}
    .bloc-formulaire {margin-top: 0;}
    .main {background-image: none;background-color:#ffffff;}
    #recap .main {background-image : url('/assets/land-rover/2022-10-landrover-evoque/img/bg-landrover-recap.jpg')!important; background-repeat:no-repeat;background-position: 33%;background-size: cover; min-height:300px!important;}
    .img-footer img {width: 150px}
}


@media (max-width: 768px) {
    .logo {text-align: center;}
    .logo img {width: 200px;}
    .main {margin-bottom: 20px !important}
    footer {text-align: center !important}
}
@media (max-width: 600px) {
    .left-content, .bloc-formulaire {padding-right:0;padding-left:0;}
}


.erreur{font-size:11px}