#form_simulateur{

    float: left;
    width: 100%;
    padding: 15px;
    margin: 0; 
}
.global_div_demarche_lite{
        padding: 10px;
        margin: 0;
        border-radius: 5px;
        margin: 0 auto;
        background: transparent;
        width:100%;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
}


.global_div_demarche {
    padding: 10px;
    border-radius: 5px;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #e3dada;
    background: #fff;
    overflow: hidden;
    margin-top: 15px;
}

.global_div_demarche .indication {
    font-weight: 700;
    color: gray;
    padding: 7px;
    margin: 8px;
    text-align: left;
    font-size: 11px;
    background: #f1f1f1
}



#form_simulateur_titre{
        width: 107%;
    background: #011e47;
    margin-top: -26px;
    margin-bottom: 17px;
    padding: 12px;
    height: 60px;
    margin-left: -3%;
    text-align: center;
    line-height: 37px;
    
}

#form_simulateur_titre h3{
    color: #ffffff;
    font-size: 14px !important;
    line-height: 50px !important;
}

.global_div_demarche label {
    font-weight: 700;
    color: #bdb2b2;
    padding: 6px;
    padding-left: 2px;
    text-align: left;
    font-size: 13px;
}

.global_div_demarche .btn_calculer :hover,.global_div_demarche .add_to_cart :hover{
    background: #d58207;
       background-color: #ff9800;
}

.global_div_demarche .btn_calculer,.global_div_demarche .add_to_cart {
    background: #192777;
    background-color: #192777!important;
    color: #fff;
    padding: 10px;
    height: 50px;
    min-width: 180px;
    border: 1px solid #a7c7e8;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0/14%),inset 3px 0px 1px -2px rgb(0 0 0/6%),0 1px 5px 0 rgb(0 0 0/12%);
    width: 100%;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    margin-top: 0px;
}
.global_div_demarche_lite .btn_calculer {
    background: #192777;
    background-color: #192777!important;
    color: #fff;
    padding: 10px;
    height: 50px;
    min-width: 180px;
    border: 1px solid #a7c7e8;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0/14%),inset 3px 0px 1px -2px rgb(0 0 0/6%),0 1px 5px 0 rgb(0 0 0/12%);
    width: 100%;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    margin-top: 0px;
}


.global_div_demarche_lite .loading_img {
    display: none;
    background: 0 0;
    height: 23px;
    float: left;
    margin-top: -2px
}

.global_div_demarche .div_add_to_cart {
    width: 100%
}

.global_div_demarche .loading_img {
    display: none;
    background: 0 0;
    height: 23px;
    float: left;
    margin-top: -2px
}

.global_div_demarche .div_add_to_cart {
    width: 100%
}


.global_div_demarche .div_immatriculation {
    position: relative;
    width: 100%;
    float: left
}

.global_div_demarche .inner-wrap {
    padding: 4px;
    margin-bottom: -4px
}


.global_div_demarche .img_icon_imm {
    position: absolute;
    top: 5px;
    width: 25px;
    height: 40px;
    background: #120085;
    left: 0;
    border: none;
    box-shadow: none;
    border-radius: 5px 0 0 5px
}

.global_div_demarche_lite .global_div_immatriculation {

    width: 24%;
    float: left;
    margin-left: 1%;
    max-width: 16rem;
}


.global_div_demarche_lite .div_immatriculation{
    position: relative;
    margin-top: 30px;
    margin-left: 6px;
}

.div_immatriculation{
    position: relative;
    margin-top: 5px;
    margin-left: 0px;
}



.global_div_demarche_lite .div_immat_inconnue label{
    font-size:11px;
    color: #979797;
}
.div_immat_inconnue label{
    font-size:11px;
    color: #343333;
}
.div_immat_inconnue{
    margin-top: 2px;
    margin-left: 5px;
}

.global_div_demarche_lite #div_demarche {
    position: relative;
    width: 24%;
    float: left;
    margin-left: 1%;
    max-width: 16rem;
}

.global_div_demarche_lite #div_departement {
    position: relative;
    width: 24%;
    float: left;
    margin-left: 1%;
    max-width: 16rem;
}



.global_div_demarche_lite #div_btn_calcluler {
    position: relative;
    width: 24%;
    float: left;
    margin-left: 1%;
    max-width: 13rem;
}


.global_div_demarche_lite input[type=number:]:focus, .global_div_demarche_lite input[type=text]:focus{
    background:white;
}

.global_div_demarche_lite input[type=number]:focus,.global_div_demarche_lite input[type=text]:focus{
background:white !important;
}
.global_div_demarche_lite input[type=number],.global_div_demarche_lite input[type=text] {
    height: 50px;
    border-radius: 5px;
    margin-bottom: 0;
    border: 1px solid #a8a8a838;
    margin-top: 0px;
    padding-left: 30px !important;
    color: #262525;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    background: white;
    background-color: white !important;
}

.global_div_demarche input[type=number],.global_div_demarche input[type=text] {
    height: 40px;
    border-radius: 5px;
    margin-bottom: 0;
    border: 1px solid #c1c1c3;
    margin-top: 5px;
    padding-left: 10px;
    color: #262525;
    width: 100%
}

.global_div_demarche .champs_fac {
    display: none
}

.global_div_demarche #div_champs_sivin {
    border-top: 1px solid #dcd5d5;
    padding: 8px;
    border-radius: 0;
    float: left;
    width: 100%;
    margin-top: 7px;
    padding-top: 3px
}

.global_div_demarche .error {
    color: #bf1212 !important;
    border: 1px solid #bf1212 !important
}

.global_div_demarche .error_text {
    color: #bf1212 !important
}

.global_div_demarche #alert_msg_erreur {
    border: 1px solid;
    margin-top: 13px;
    color: red;
    background: #f2d5d5;
    padding: 13px;
    border-radius: 5px
}

.global_div_demarche label.error {
    color: #bf1212;
    border: none
}


select:focus, textarea:focus, input[type=url]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=password]:focus {
background:white;
}

.global_div_demarche_lite select {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #3e3e3e;
    padding-left: 12px !important;
    background-color: white !important;
    border: 1px solid #a8a8a838;
}
.global_div_demarche select {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 4px;
    margin-top: 1px;
    border: 1px solid #cdcaca;
    color: #3e3e3e;
    padding-left: 12px
}

.global_div_demarche #logo_marque {
    height: 40px;
    width: 40px;
    margin: 3px;
    padding: 2px;
    border: 1px solid #80808063;
    border-radius: 5px;
    float: left
}

.global_div_demarche #marque,.global_div_demarche #modele {
    line-height: 46px;
    padding-left: 12px
}

.global_div_demarche .table_vehicule_info thead,.global_div_demarche .table_tarif thead {
    background: 0 0
}

.global_div_demarche .table_vehicule_info tr th,.global_div_demarche .table_tarif tr th {
    padding: 6px;
    color: #fff;
    background: #878787;
    background-color: #838181 !important;
    text-align: center
}

.global_div_demarche .table_vehicule_info tr td,.global_div_demarche .table_tarif tr td {
    padding: 6px;
    margin: 1px;
    font-size: 12px;
}

.global_div_demarche .total {
    background: #eee;
    font-size: 18px;
    font-weight: bolder
}

.global_div_demarche .sub-total {
    background: #dadada;
    font-weight: 700
}



.global_div_demarche .table_vehicule_info,.global_div_demarche .table_tarif {
    width: 100%;
    margin-top: 10px
}
.types_fichier_radio{
    margin-bottom: 5px;
    float: left;
    width: 100%;
    display: inline;
}

   .all_div_docs{
       width: 99%;
       float:left;
       background:#ffffff;
       border: 1px solid #8080800d;
       padding: 7px;
       border-radius: 5px;
       margin-bottom: 21px;
   }

   .all_div_docs .btn_radio_check:hover, .all_div_docs .btn_radio_check:focus{
       background: #a7a7a7;
       color: white;
       border: none;
       float: left;
       margin: 2px;
       padding: 12px;
   }
   .all_div_docs .btn_radio_check{
       background: #a7a7a7;
       color: white;
       border: none;
       float: left;
       margin: 2px;
       padding: 12px;
   }
   
     .all_div_docs .btn_radio_check.active_btn{
       background: #535151;
       display: inline;
   }
   
.global_div_demarche .immatriculation_plaque {
    border: 1px solid #6c6c6c47;
    border-radius: none;
    padding-left: 30px !important;
    margin-right: 0;
    float: left;
    width: 100% !important;
    text-transform: capitalize
}

.global_div_demarche .observation {
    float: left;
    width: 100%;
    border: 1px solid #d7e5f0;
    margin: 4px;
    padding: 8px;
    font-size: 11px;
    margin-bottom: 11px;
    background: #d7e5f07a;
    border-radius: 5px;
    
}
.div_upload_file .btn_add_file{
    right: 5px;
    top: 54%;
    color: white;
    border: none;
    padding: 1px;
    background: #695f5f;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 2px 1px 2px #383636;
    position: absolute;
    line-height: 40px;
}

.div_upload_file .btn_add_file:hover{
    color: #fff;
    background-color: #2196F3;
    text-decoration: none;
    border-radius: 50%;
    }
.div_upload_file .btn_add_file i{
    text-align: center;
}

.div_upload_file span{
}
.div_upload_file{
    width: 46%;
    float:left;
    background: white;
    border: 1px solid #8080803b;
    padding: 12px;
    margin-bottom: 9px;
    border-radius: 5px;
    margin-top: 8px;
    cursor: pointer;
    position: relative;
    margin-left: 1%;
    min-height: 100px;
}

.global_div_demarche .div_immatriculation {
    position: relative;
    width: 100%;
    float: left
}

.global_div_demarche_lite .inner-wrap {
    padding: 4px;
    margin-bottom: -4px
}


.global_div_demarche_lite .img_icon_imm {
    position: absolute;
    top: 1px;
    width: auto;
    height: 48px;
    background: #192777;
    left: 1px;
    border: none;
    box-shadow: none;
    border-radius: 5px 0 0 5px
}


.div_upload_file:hover{background: #80808017;}

.all_div_docs h2{
    font-weight: bold;
    color: #484848;
    margin-top: 0;
    margin-bottom: 8px;
    font-size:14px;
    background: #c9c9c98c;
    padding: 14px;
    border-radius: 5px;
}
.div_upload_file h6{
    font-weight: bold;
    color: #393333;
    padding: 2px;
    margin-top: 0;
    margin-bottom: 7px;
    max-width: 302px;
    font-size: 13px;
    width: 88%;
    text-wrap: balance;
    padding-left: 1px;
    margin-left: 0;
}

.div_upload_file label{width: 100%;float: left;}

.display_non{
    display:none;
}


    .div_loader {
      display: none;
      width: 24px;
      height: 24px;
      float: left;
    }

    .el_photos_file {
      position: relative;
      float: left;
      margin-top: 10px;
      border: 1px solid #8080807a;
      border-radius: 5px;
      width: 130px;
      margin-left: 5px;
      min-width: 130px;
      margin-bottom: 26px;
    }

    .btn_delete_photo_file {
      position: absolute;
      right: -5px;
      top: -8px;
      background-color: #f44336 !important;
      color: #fff !important;
      height: 25px !important;
      width: 25px !important;
      text-align: center !important;
      border: none !important;
      border-radius: 50% !important;
      line-height: 19px;
      padding: 0px !important;
      margin: 0;
      border: 1px solid #fff !important;
      z-index: 9999;
    }
.types_fichier_check{
        float: left;
    width: 100%;
}

.fichier_check {
    padding: 11px;
    border: 1px solid #c9c3c3;
    margin: 5px;
    border-radius: 5px;
}
.fichier_check b{
    margin-right: 24px;
    font-weight: bold;
    color: black;
}


.info_doc{
        background: #695f5f;
        right: 5px;
        top: 6%;
        height: 40px;
        width: 40px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 2px 1px 2px #383636;
        position: absolute;
        padding: 1px;
        line-height: 40px;
        z-index: 999;
}


.info_doc .show_info{
       color:#fff;
       background:transparent;
}

.info_doc a{
     color:#fff;
     float: left;
     margin: 6px;
     height: 30px;
     width: 30px;
     line-height: 34px;
}

.info_doc a i{
     color:#fff;
   
}
.label_types_fichier_radio{float:left;font-weight: bold;color: black;padding: 11px;line-height: 36px;}
.photos_file_all{
        float: left;
    width: 100%;
    margin-bottom: 9px;
}
   .btn_delete_photo_file i{
       font-size: 11px;
       line-height: 23px;
   }
    .img_photo_file {
      margin: 1px;
      max-width: 140px;
      max-height: 140px;
    }

  .img_photo_file .ext  {
      background: #5d5d5d;
      text-align: center;
      color: white;
      border-radius: 5px;
    
      padding: 3px;
      text-transform: uppercase;

    }
    .img_photo_file .ext a {
     
      color: white;
      border-radius: 5px;
      font-size: 11px;
      padding: 5px;
      text-transform: uppercase;
     text-decoration:none
    }

    .img_photo_file .ext a:hover{
           color: white;
    }
    .img_photo_file img {

      height: 130px !important;
      width: 130px;
    }

  .img_photo_file object {

      height: 130px !important;
      width: 130px;
    }


.scg_all_form_fav{
width:100%;
}

.scg_all_form_fav .div_scg_elm_fav{
width: 25%;
float: left;
}

.scg_all_form_fav .scg_elm_fav{
    padding: 8px;
    background:#fff;
    margin: 10px;
    box-shadow: 1px 1px 2px gray;
    border-radius: 5x;
    min-height: 160px;
}


.scg_elm_fav a{

}
.scg_elm_fav h3{
color:#fff;
text-align:center;

font-size:25px;
}

.scg_all_form_fav p{
text-align: center;
padding: 0;
margin: 0;
} 
.icon_scg_elm_fav{
text-align:center;
color:#fff;
font-size:40px;
font-family: "Font Awesome 5 Pro";
font-weight: 400;
}


.icon_scg_elm_fav:before{
content: "\f0c5";

}
#icon_scg_elm_1:before{
    content: "\f1b9";
}

#icon_scg_elm_2:before{
    content: "\f015";
}


#icon_scg_elm_9:before{
    content: "\f64a";
}


#icon_scg_elm_0:before{
    content: "\f07b";
}




.gestion_document .demarche-type{
background: white;
padding: 6px;
margin-left: 7px;
border: 1px solid gray;
border-radius: 5px;

color: #130085;
cursor: pointer;
font-size: 14px;
margin: 4px;
float: left;
width: 100%;
}
.gestion_document .demarche-type .d_t{
   max-width: 294px;
}

.gestion_document .type-selected{
background: #ababab;
color: #fdfdfd;
}

 


.gestion_document .div_label_document{
    float: left;
    width: 33.33%;

}

.gestion_document .label_document{
    max-width:600px;
    padding: 4px;
    padding-left: 22px;
}



    
    .gestion_document .doc_a_fournir_demarche{
          float: left;
    width: 100%;
    background: #eeeeee;
    padding: 11px;
    padding-bottom: 1px;
    margin-bottom: 0px;
    padding-top: 5px;
    }
    
      .gestion_document .doc_a_fournir_demarche h3{
        background: #33333396;
    color: #f7f7f7;
    padding: 10px;
    border-radius: 6px;
    font-size: 21px;
    float: left;
    width: 100%;
    margin-bottom: 1px;
    cursor: pointer;
    }
    
    .gestion_document .content_fournir_demarche{
       display:none; 
    }
    
 
 
 
 
    .div_doc_info{
 background: #ffffff;
 float: left;
 width: 85%;
 border: 1px solid #e4d5d5;
 padding: 13px;
 border-radius: 8px;
 margin-top: 7px;
 color: black;
 font-size: 16px;
}

.div_finaliser_commande {
        text-align: center;
}
.div_finaliser_commande button{
       background: #4CAF50;
    color: white;
    padding: 9px;
    border-radius: 4px;
    margin: 4px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    border: 1px solid #47a04a;
    }
    
    
    .message_success_validated{
            background: #fff;
    border: 1px solid #c3c4c7;
    border-left-width: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin: 5px 15px 2px;
    padding: 1px 12px;
    border-left-color: #00a32a;
    }



    
    .gestion_document .div_label_document{
     float: left;
    width: 100%;
    list-style: none;
    }
    
    .gestion_document .div_label_document_elm{
        float: left;
        width: 100%;
        background: #e3e0e0;
        padding: 8px;
        margin-bottom: 11px;
        border-radius: 5px;
    }
    
    .gestion_document .div_label_document_elm a{
        
   float: left;
    width: 100%;
    color: #454545;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    }
    
     .gestion_document .div_label_document_elm a i{
        
    font-size: 15px;
    font-weight: bold;
    }
    
     .gestion_document .div_label_document_elm .div_label_document_doc_desc{
        
   
    background: white;
    float: left;
    width: 100%;
    padding: 10px;
    border: 1px solid #b9b5b5;
    border-radius: 5px;
    }



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

.all_div_docs .div_upload_file {
    width: 100%;
    
}
.scg_all_form_fav .div_scg_elm_fav{
width: 100%;

}

    .global_div_demarche_lite{

  
        display: block;
    
}
    
    .global_div_demarche_lite #div_demarche ,.global_div_demarche_lite #div_departement ,.global_div_demarche_lite .div_immatriculation,.global_div_demarche_lite #div_btn_calcluler{
    position: relative;
    width: 100%;
    float: left;
    max-width:100%;
    margin-bottom: 7px;
}


  }