@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

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


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

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

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

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

 section.offre .container{
    padding: 0
}

section.offre .accroche h1 {
    font-size:32px;
    color:#a28829;
    text-align: left;
    margin-top: 0;
}
section.offre .accroche h2 {
    font-size:2.4em;
    font-weight:bold;
    color:#a28829;
}

/****Form****/
.right-form{background-color:#fff;}
.title-form, .form {padding:10px 20px 20px;}
.title-form {background-color: #203b80;text-align: center;color:#fff;font-size:1.4em;font-weight:300;line-height:1.2;text-transform: uppercase;}
.title-form .second {font-size:1.2em;}
.title-form .first{color: #f57f17}
.title-form .third{font-size: 18px; text-transform: none}
.title-form .filet {width:80px;margin-top:10px;border-top:3px solid #f57f17;text-align: center;}
.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{display: block;
text-align: center}

input[type="radio"], input[type="checkbox"]{
    display: none;
}
#optin1{
   display: inline-block;
   width: 5%
       
}
#privacidad1{
    display: inline-block
}

.radio-label{
    width: 100%;
    padding: 0.8rem 1rem 0.8rem 1rem;
    border: 1px solid #000;
    
}


#ui-datepicker-div{
    background-color: #fff;
    border: 1px solid #000;
    width: 260px;
    text-align: center;
    padding: 15px
}

.ui-datepicker-title{padding: 8px}

.ui-icon{padding: 15px}

.ui-datepicker-month, .ui-datepicker-year{
    width: 60px; height: 30px
}

th, td{padding: 8px}

.radio-label:hover{
    background-color: #a28829; 
}

/*.active{
    background-color: #a28829;
}*/

.regime_actuel label.radio-label.active{
   background-color: #a28829; 
}

.beneficiaires label.radio-label.active{
   background-color: #a28829; 
}


.label {
    color:#000;
    font-size: 0.9em;
    font-weight:300;
    white-space: normal;
    vertical-align: text-top;
    line-height:1;
}
.senior{ font-weight: bold; text-align: center; padding-bottom: 10px}

.form a{color: #000; font-weight: bold}
.retour{text-align: center; padding-bottom: 10px}

.conditions{font-size: 12px; color: #fff; background-color: #203b80; padding: 10px 20px}

.btn-participer {width:100%;padding:20px 0;background-color: #f57f17;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;}
.line.marroon {background-color:#7e675a;text-align: center;font-size:3em;font-weight:bold;color:#fff;}
.line.marroon span {font-size:1.5em;}

.line .principale-txt{
    color: #a28829;
    font-size: 32px;
    font-weight: bold;
    padding: 30px
}

.line  .txt {padding:30px;text-align: center;font-size:1.4em;color:#58585a;}
.line  .txt img {width:110px;}
.line .txt h2{font-weight: bold; font-size: 32px}
.line .txt p{text-align: justify}

.line .mention {font-style: italic;font-size:0.9em;margin:30px 0;}

.line .mention {font-style: italic;font-size:0.9em;margin:30px 0;}

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

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

@media (max-width: 1199px){
    .txt-header{font-size: 30px;}
    .line .txt h2{font-size: 28px}
}

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


@media (max-width: 600px) {
    .line .btn-bottom .btn-participer2 {width:90%;}
    .txt-header{font-size: 20px}
}