@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&family=Quicksand&display=swap');

body {font-family: 'Quicksand', 'Roboto', sans-serif;}


header {padding:10px 0;text-align:left;}
header img {width:100%;}

.txt-header{font-size: 28px; padding-top: 10px; text-align: right; font-weight:bold}

.responsive {display:none;}
.desktop {display:block;}

/****offre****/
section.offre {
    padding:70px 0;
    background-image: url(/assets/technergy/img/bgd.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height:800px;
}

section.offre .accroche img{
    width: 90%
}


/****Form****/
.right-form{background-color:#fff;}
.title-form, .form {padding:20px;}
.title-form {background-color: #5fc1c6;text-align: center;color:#fff;font-size:1.4em;font-weight:300;line-height:1.2;}

.btn-default, .form-control {background:#ebf2f3;border-radius:3px;border:none;-webkit-box-shadow: none;box-shadow: none;}
.form-control::placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder {color:#000;}

.label {
    color:#000;
    font-size: 0.8em;
    font-weight:300;
    white-space: normal;
    vertical-align: super;
    line-height:1;
}

.btn-participer {width:100%;padding:20px 0;background-color: #0a4459;color:#fff;font-size:1.4em;font-weight:700;line-height:1;border:none;text-transform: uppercase;}

/****content****/
.line {padding:20px 0;font-size:1em; text-align: center}
.line h1{
    font-family: 'roboto', sans-serif;
    font-size: 40px
}

.line .garantie{
    font-family: 'Cormorant Garamond', sans-serif;
    font-size: 28px;
    text-align: center
}

.line .icones{border: 1px solid #000; border-radius: 10px; padding: 20px 0px;}
.line hr{height: 1px; background-color: #000}
.line p{padding:20px}


.line  .txt {padding:30px;text-align: center;font-size:24px;color:#58585a;font-family: 'Cormorant Garamond', sans-serif;}
.line  .txt img {width:110px;}

.line h2{text-transform: uppercase; font-size: 24px; font-weight: bold;font-family: 'roboto', sans-serif; } 

.line .btn-bottom {text-align: center;margin-bottom:50px;}
.line .btn-bottom .btn-participer2 {width:400px;padding:20px 0;background-color: #5fc1c6;color:#fff;font-size:1.4em;font-weight:700;line-height:1;border:none;text-transform: uppercase;}

/****footer****/
footer {padding:20px 0;background-color: #0a4459;color:#fff;}
footer .ml {font-size:0.7em;font-weight:300;text-align: justify;}
footer .ml img {width:150px;}

@media (max-width: 1199px){
    .line .icones{min-height: 430px}
}

@media (max-width: 990px) {
    .responsive {display:block;}
    .responsive img {width:100%;}
    .desktop {display:none;}
    section.offre {
        padding:0;
        background-image: none;
        background-color: #0a4459;}
    .line.marroon {
        font-size: 2em;
    }
    .header img{width: 40%;}
    .logo{text-align: center}
    .txt-header{text-align: center;font-size: 24px}
    .recapitulatif section.offre {min-height:300px;}
    
    .line .icones{min-height: 0}
    
    section.offre .container{ padding: 0}
}



@media (max-width: 600px) {
    .line .btn-bottom .btn-participer2 {width:90%;}
    .recapitulatif section.offre {min-height:0;}
}