body {

    background-color:#FEFEFE !important;
    font-family:Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    /*-webkit-text-stroke: 1px rgba(0,0,0,0.1);*/
}

form {
    padding:0px;
    margin-bottom:0px;
}

.parent {
    cursor:pointer;
}

.parent input {
    cursor:pointer;
}

#total_parent {
    cursor:not-allowed;
}

#lien_calcul_cs {
    color:rgba(11,154,203,1);
}

#mainsimulateur {

    width:450px;
    margin-top:20px;
    padding:15px;
}

#img_vmc {

    width:70px;
    height:70px;
    vertical-align:-10px;
    float:left;
}

#mon_projet_vmc {

    text-align:left;
    float:left;
    margin-left:15px;
    margin-top:10px;
    height:70px;
    font-size:22px;
    color:rgba(11,154,203,1);
    font-family: 'proxima-soft', sans-serif;
    line-height:25px;
    width:80%;
}

#mon_projet_vmc span {

    font-size:17px;
    color:#92D050;
}

#subsimulateur {

    width:100%;
    background-color:#FAFAFA;
    position:relative;
    min-height:600px;
    padding-bottom:120px;
}

.uptitles {

    font-family: 'proxima-soft', sans-serif;
    font-size:19px;
    border-top:3px solid rgba(11,154,203,1);
    float:left;
    text-align:left;
    margin-top:15px;
    margin-left:15px;
}

.titre_subgroup {

    color:rgba(11,154,203,1);
    font-weight:bold;
    font-size:17px;
}

.subgroup {

    width:90%;
    text-align:left;
    margin-top:45px;
    color:#222222;
}

.div_radio label {

    font-size:15px;
    margin-left:15px;
}

#activite {
    font-weight:bold;
}

#lieu {

   width:350px;
   border:2px solid #D3D3D3;
   padding:15px;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   color:#92D050;
   font-size:15px;
}

#suggestion_adresse {

    background-color:white;
    color:#92D050;
    line-height:35px;
    font-size:15px;
    border:1px solid #D3D3D3;
    border-top:none;
    cursor:pointer;
    position:absolute;
    margin-left:28px;
    overflow:hidden;
    width:348px;
    z-index:2;
    display:none;
}

#suggestion_adresse div:hover {

    background-color:#FAFAFA;
}


.div_radio {

    margin-top:15px;
}

.boutons_simulateur {

    background-color:rgba(11,154,203,1);
    color:white;
    padding:2px 25px;
    border:none;
    border-radius:7px;
    font-size:15px;
    font-weight:bold;
    height:40px;
    position:relative;
    min-width:140px;
    cursor:pointer;
}

.boutons_annuler, .boutons_annuler2 {

    background-color:transparent;
    color:#333333;
    padding:2px 25px;
    border:1px solid #D3D3D3;
    border-radius:7px;
    font-size:15px;
    height:40px;
    min-width:140px;
    position:relative;
    cursor:pointer;
}


.boutons_simulateur .fa-chevron-right, .boutons_annuler .fa-chevron-right, .boutons_annuler2 .fa-chevron-right {

    font-size:13px;
    color:#A8DAF9;
    margin-left:15px;
    position:absolute;
    top:15px;
    right:10px;
}

#mainbar {

    height:5px;
    width:100%;
    border-radius:5px;
    background-color:#D3D3D3;
    position:absolute;
    bottom:50px;
    z-index:1;
}

#progressbar {
    position:absolute;
    top:0px;
    left:0px;
    background-color:rgba(11,154,203,1);
    z-index:2;
    height:5px;
    border-radius:5px;
}




#contain_widgets {

    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #FEFEFE; /* Choisissez la couleur de fond */
    padding: 10px 0; /* Ajustez l'espacement vertical */
    font-family: Arial, sans-serif;
    font-size: 14px; /* Taille de police pour le texte */
    font-weight: bold; /* Mettre le texte en gras */
    color: #333; /* Couleur du texte */
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    /*border-top: 1px solid #ccc;*/ /* Ligne de séparation en haut */
}
  
.widgets {
    text-align: center;
    flex: 1;
    cursor: pointer;
}

.widgets i {

    font-size:18px;
    display:inline-block;
}

.widgets span {
    display:block;
    font-size:10px;
}

#burgermenulogo {
    color:rgba(11,154,203,1);
    font-size:16px;
}

.widgets:hover {
    color: #007bff; /* Couleur au survol */
    text-decoration: underline; /* Soulignement au survol */
}

#titre_etape {

    color:rgba(11,154,203,1);
    font-size:17px;
    float:left;
    margin-left:15px;
    font-weight:bold;
}

#upperdetails {

    display:flex;
    align-items: center;
    /*justify-content: center;*/
}

#upperdetails .titre_etape {

    color:rgba(11,154,203,1);
    font-size:17px;
    float:left;
    margin-left:5px;
    font-weight:bold;
    margin-top:20px;
}

/*.uptitle {

    font-family: 'proxima-soft', sans-serif;
    font-size:19px;
    border-top:3px solid rgba(11,154,203,1);
    float:left;
    text-align:left;
    margin-top:15px;
    margin-left:15px;
}*/



#login_table {

    border-collapse:collapse;
    margin-bottom:25px;
    width:100%;
    cursor:pointer;

}

#login_table tr {

    height:55px;
    border:1px solid #D3D3D3;
}



#login_table .lib {

    font-weight:bold;
    padding-left:25px;
    font-size:15px;
    width:28%;
    white-space:nowrap;
}

#login_table .lib2 {

    font-weight:bold;
    font-size:15px;
    width:70%;
    white-space:nowrap;
}

#login_table input {

    border:1px solid #D3D3D3;
    width:90%;
    padding:3px;
}

#login_table img {

    vertical-align:middle;
}

#login_table #portable {

    width:120px;
}

#table_titre {

    font-weight:bold;
    font-size:19px;
    padding-left:40px;
}

#main_table_simulateur {

    border-collapse:collapse;
    margin-bottom:25px;
    width:100%;
}

#main_table_simulateur tr {

    height:60px;
    border:1px solid #D3D3D3;
}

#main_table_simulateur .logos {

    width:45px;
    text-align:center;
}
#main_table_simulateur .logos img {

    height:35px;
}

/*
#main_table_simulateur .logos i {

    background-color:#dafcb6;
    border-radius:15px;
}*/

#main_table_simulateur .libelles {

    font-family: 'proxima-soft', sans-serif;
    font-size:15px;
    color:#333333;
}

#main_table_simulateur input {

    width:90px;
    border:none;
    border-bottom:3px solid #AADBFA;
    background-color:transparent;
}

#main_table_simulateur input.montants {

    text-align:right;
    font-size:15px;
}


#main_table_simulateur .fa-chevron-right {

    font-size:12px;
    color:#AADBFA;
}

#parent_div {

    position:relative;
    vertical-align:middle;
    width:100%;
    display:flex;
}

#parent_div .logo_parent {

    margin-left:20px;
}

#parent_div .logo_parent img {

    height:35px;
}


#parent_div * {
    align-self: center;
}

#parent_div div {

    font-size:17px;
    font-weight:bold;
}

#parent_div .titre_parent {
    text-align:left;
    width:50%;
    margin-left:20px;    
}

#parent_div .montant_parent input {

    width:90px;
    border:none;
    border-bottom:3px solid #AADBFA;
    background-color:transparent;
    font-size:17px;
    text-align:right;
    font-weight:bold;
}


#parent_div .fa-chevron-down {
    margin-top:15px;
    vertical-align:bottom;
    color: #AADBFA;
    margin-left:15px;
}

.montant_parent, #parent_div i {
    display:none;
}

#table_simulateur_enfants {
    border-collapse:collapse;
    margin-top:15px;
    min-width:90%;
    width:100%;
}

#table_simulateur_enfants tr {

    height:55px;
    border:1px solid #D3D3D3;
}

#table_simulateur_enfants .libelles {

    font-size:15px;
    color:#333333;
    font-weight:bold;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:300px;
    /*min-width:220px;*/
    overflow:hidden;
}

#table_simulateur_enfants input {

    width:80px;
    border:1px solid #D3D3D3;
    background-color:white;
}

#table_simulateur_enfants input.montants {

    text-align:right;
    font-size:15px;
}

#table_simulateur_enfants input.duree {

    text-align:center;
    font-size:15px;
}


#table_simulateur_enfants .fa-chevron-right {

    font-size:12px;
    color:#AADBFA;
}

#table_simulateur_enfants textarea {

    border:2px solid #D3D3D3;
    background-color:white;
    width: 93%;
    height:120px;
    margin-top:15px;
    margin-left:15px;
    resize: none;
    color:rgba(11,154,203,1);
    padding:10px;
    font-family:Arial;
    font-size:14px;
}

#ensavoirplus {

    border-top:1px solid #D3D3D3;
    display:flex;
    background-color:#DDF8D0;
    width:100%;
    cursor:pointer;
    position:absolute;
    bottom:55px;
}

.montre {

    position:absolute;
    left:0px;
    bottom:50px;
    box-shadow: 0px -4px 6px #D3D3D3;
}

/*#ensavoirplus div {
    border:1px solid red;
}*/

#ensavoirplus .firstcol {

    padding:15px;
    color:rgba(11,154,203,1);
    font-size:22px;
}

#ensavoirplus .secondcol {

    width:75%;
}

#ensavoirplus .secondcol .titre_etape {

    padding:15px;
    color:rgba(11,154,203,1);
    text-align:left;
    font-weight:bold;
    font-size:17px;
}

#ensavoirplus .secondcol .titre_etape span {
    
    color:#92D050;
}

#ensavoirplus .secondcol p {

    text-align:justify;
    font-weight:bold;
    color:#333333;
    line-height:18px;
    display:none
}

#ensavoirplus .thirdcol {

    padding:0px 10px;
}

#ensavoirplus .thirdcol .fa-times {

    margin-top:15px;
    color:#333333;
    font-size:22px;
    margin-bottom:0px;
}

#ensavoirplus .thirdcol p {
    margin-top:0px;
    color:#333333;
    font-size:12px;
}

#ensavoirplus .thirdcol .fa-chevron-down {

    color:rgba(11,154,203,1);
    padding:18px 15px;
}

textarea:focus, input:focus{
    outline: none;
}

#termine {

    color:#333333;
    font-size:19px;
    font-weight:bold;
}

#termine img {

    width:60%;
}

#mainbar2 {

    height:5px;
    width:85%;
    border-radius:5px;
    background-color:#D3D3D3;
    z-index:1;
    position:relative;
    margin-top:25px;
}


#tab_resultats {

    border-collapse:collapse;
    margin-top:15px;
    width:85%;
    margin:0px;
}
    

#tab_resultats tr {

    height:50px;
    border:1px solid #D3D3D3;
    background-color:white;
}

#tab_resultats td {

    font-size:15px;
    color:#333333;
}

#tab_resultats i {

    font-size:25px;
    color:#92D050;
    opacity:0.2;
}

#tab_resultats62 {

    border-collapse:collapse;
    margin-top:15px;
    width:85%;
    margin:0px;
    border:1px solid #D3D3D3;
}

#tab_resultats62 td {

    font-size:15px;
    color:#333333;
    border:1px solid #D3D3D3;
}


.bigblacktext {

    font-size:15px;
    color:#333333;
    margin-left:15px;
}

.toleft {
    text-align:left;
}

#divmntfinal {
    display:flex;
    justify-content: center;
}



#montant_final {
    font-size:25px;
    color:rgba(11,154,203,1);
    font-weight:bold;
}

#eurofinal {
    color:rgba(11,154,203,1);
}

#slashmois {
    font-size:15px
}

#imagesbottom {

    display:flex;
    justify-content: center;
}

#madame_dessin img {

    height:300px;
    transform: scaleX(-1);
}

#tableau  {
    text-align:left;
}

#tableau img {

    height:200px;
}



#tab_projet {

    border-collapse:collapse;
    margin-top:15px;
    width:85%;
    margin:0px;
    margin-top:20px;
    cursor:pointer;
}
    

#tab_projet tr {

    height:50px;
    border:1px solid #D3D3D3;
    background-color:white;
}

#tab_projet td {

    font-size:15px;
    color:#333333;
}

#tab_projet .libelle_etape {

    color:rgba(11,154,203,1);
    font-weight:bold;
    width:55%;
    text-align:left;
}



#tab_projet .fa-chevron-right {

    font-size:13px;
    color:#D3D3D3;

}


#tab_projet .fa-check-circle {

    font-size:25px;
    color:#92D050;
    opacity:0.2;
}

.case2035 {
    
    white-space:nowrap; 
    text-align:left; 
    margin-top:5px; 
    color:rgba(11,154,203,1); 
    font-size:13px; 
    font-weight:normal; 
    font-style:italic;
}


.saisie_libelles {

    margin-left:15px;
    width:90% !important;
    padding:5px;
    text-align:left;
    
}

.saisie_taux {

    width:50px !important;
    padding:5px;
    text-align:center;
}


.saisie_duree {

    width:50px !important;
    padding:5px;
    text-align:left;
}


.saisie_montants {

    width:60px !important;
    padding:5px;
    margin:0px;
    text-align:right;
}

::placeholder {
    font-size:13px;
    font-style:italic;
    /*text-align:rigjt;*/
}


#main_installation {

    position:relative;
    overflow:auto;
    z-index:3;
    height:450px;
}

/*#main_installation * {

    border:1px solid red;
}*/

#install1 {

    width:49%;
    /*display:inline-block;*/
    padding:15px;
    text-align:justify;
    box-sizing:border-box;
    font-size:15px;
    position:absolute;
    height:250px;
    /*font-family: 'proxima-soft', sans-serif;*/
    font-weight:500;
}

#install2 {
    font-family: 'Times New Roman';
    font-size:15px;
    font-style:italic;
    line-height: 110%;
    font-weight: 500;
    color:rgba(11,154,203,1);
    width:50%;
    left:50%;
    /*display:inline-block;*/
    padding:0px;
    text-align:left;
    background-image:url('arrete_de_tourner.png');
    background-size:100% 100%;
    height:200px;
    position:absolute;
    z-index:3
}

.mnts_simulateurs {
    color:gray;
}

.libcalcul {
    cursor:pointer;
}

.fa-question {
   /*position:absolute;*/
    color:rgba(11,154,203,0.7);
    font-size:13px;
    cursor:pointer;
    top:22px;
    right:0px;
    margin-left:5px;
}



#bandeau_orange {

    position:absolute;
    top:155px;
    background-color:#F4B903;
    color:white;
    z-index:1;
    text-align:left;
    padding-left:25px;
    font-family: 'proxima-soft', sans-serif;
}

#bandeau_orange h3 {
    text-align:left;
    color:white;
    font-size:18px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#bandeau_orange h1 {
    text-align:left;
    color:white;
    margin:0;
    padding:0;
    font-size:30px;
    font-family: Arial;
}

#bandeau_orange h1 span {
    font-size:17px;
    vertical-align:top;
}

#bandeau_orange ul {
    padding-left:15px;
    font-size:14px;
}

.padders {
    width:15px;
}

.montants, .saisie_libelles, .saisie_taux, .saisie_duree, .saisie_montants  {
    color:rgba(11,154,203,1) !important;
}

#ligne_observation span {

    font-weight:bold;
}

#div_vehicules h2, #div_recettes h2 {
    margin:0;
}

#div_vehicules, #explications_div, #div_recettes {

    position:absolute;
    left:0px;
    top:0px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height:100%;
    width:100%;
    display:none;
    z-index:6;

}

#div_vehicules div, #explications_div div, #div_recettes div {

    background: rgba(255, 255, 255, 1);
    box-shadow:0px 0px 2px 1px #D3D3D3;
    border-radius:5px;
    padding:15px;
    box-sizing:border-box;
    width:90%;
    max-width: 350px;
    margin-top:5%;
}

#div_vehicules label, #div_recettes label {

    width:80%;
    text-align:left;
    display:block;
    color:rgba(11,154,203,1);
    margin-bottom:5px;
}

#div_vehicules input, #div_vehicules select, #div_recettes input, #div_recettes select {

    border: 1px solid #D3D3D3;
    background-color: white;
    border-radius:3px;
    width:80%;
    margin-bottom:25px;
    padding:10px 10px;
}

#explications_div div {

    text-align:left;
}

#explications_div button {
    background-color:rgba(11,154,203,1);
    color:white;
    border:none;
    padding:5px 25px;
    border-radius:5px;
    margin-top:25px;
}

.puissances {

    display:none;
}

#cgus {

    text-align:left;
    width:90%;
}

#cgus a {

    text-decoration:underline;
    color: rgba(11, 154, 203, 1);
}

#cgus h3{

    margin-top:30px;
}


#cgus ul{

    padding-left:15px;
}


#textarea_suggestion{

    width:90%;
    border:1px solid #D3D3D3;
    border-radius:5px;
    height:150px;
    padding:10px;
    box-sizing:border-box;
}

#timer {

    font-size:25px;
    color: rgba(11, 154, 203, 1);
}


.num_simulateur {

    width:20px;
    text-align:center;
}

.libsimulateurs b {

    display:block; font-family:'proxima-soft', sans-serif; 
    color:#333333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.mnts_simulateurs {

    width:100px;
    white-space:nowrap;
}

.img_simulateur {

    text-align:center;
    width:20px;
}



.tooltiptext1, .tooltiptext2  {
    width: 225px;
    left:calc(50% - 107.5px);
    background-color: rgba(11, 154, 203, 1);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 0px 10px;
    z-index: 1;
    position:absolute;
    display:none;
    box-shadow:0px 0px 2px 1px #D3D3D3;
    white-space:nowrap;
}

.tooltiptext1 ul, .tooltiptext2 ul {

    padding-left:0px;
    list-style:none;
}


@media only screen and (max-width: 420px) {

    #subsimulateur {

        min-height:64vh;
    }

    .tooltiptext1, .tooltiptext2  {

        left:calc(50% - 120px);
    }

    #table_titre {

        padding-left:30px;
    }

    .libsimulateurs b {

        width:130px;
    }

    #main_table_simulateur input.montants {

        width:75px;
    }

    body, html {
        margin:0;
        padding:0;
    }

    .padders {
        width:20px;
    }

    /*html, html * {
        border:1px solid red;
    }*/

    #mainsimulateur {

        width:97%;
        margin-top:20px;
        padding:5px;
    }

    #main_table_simulateur .logos {

        width:10px;
    }

    #main_table_simulateur input {

        width:40px;
    }

    #table_simulateur_enfants {
        width:100%;
    }

    #table_simulateur_enfants input {

        width:75px;
    }

    .boutons_annuler2, .boutons_annuler, .boutons_simulateur {

        min-width: 100px;
    }

    #lieu {

        width:100%;
        margin-left:-10px;
    }

    #suggestion_adresse {

        width:99%;
        margin-left:-5px;
    }
    

    #tab_projet, #tab_resultats62 {

        width:95%;
    }

    #tab_projet td {
        font-size:14px !important;
    }

    #tab_projet .libelle_etape {
        width:40%;
    }

    #center_main {
        width:100%;
        padding-bottom:0px;
    }

    #img_vmc {
        margin-left:15px;
    }

    #mon_projet_vmc {
        width:auto;
        overflow:hidden;
        white-space:nowrap;
        max-width:60%;
        text-overflow:ellipsis;
    }
    
    #table_simulateur_enfants .libelles {

        width:190px;
    }

    #parent_div {
        width:auto;
    }

    #parent_div .logo_parent {

        font-size:30px;
        margin-left:15px;
    }

    #parent_div .titre_parent {
        width:50%;
        
    }

    #parent_div .montant_parent input {
        width:60px;
    }

    
    .saisie_libelles {
        width:85% !important;
    }

    .saisie_taux {

        width:40px !important;
        text-align:left;
    }
    
    .saisie_duree {
    
        width:50px !important;
    }
    
    .saisie_montants {
    
        width:40px !important;
    }
    

    #password {
        width:80% !important;
    }



    #main_installation {

        height:550px;
    }

    #bandeau_orange {

        position:absolute;
        top:220px;
        background-color:#F4B903;
        color:white;
        z-index:1;
        text-align:left;
        padding-left:25px;
        font-family: 'proxima-soft', sans-serif;
        width:92%;
    }

    #install1 {
        text-align:left;
    }

    #install2 {

        width:160px;
        height:160px;
    }

}

.required {
    color:red;
}