/* CSS Document */
   body{
   margin: 0;
       font-family: arial;
       font-size: 16px;
   } 
    
    h1{
        margin:10px 0 25px 0;
        text-align: center;
        font-size: 22px;
        color: #5b5b5b;
        }   
            
        h2{
        margin:25px 0;
        text-align: center;
        font-size: 20px;
        color: #5b5b5b;
        } 
        
        h3{
        color: #5b5b5b;
        } 
        
        h4{
        color: rgb(35,186,232);
        ;
        }     
            
       p{
       text-align: center;
       }

 /*--------------- GESTION DES LIENS -----------------*/            
        a{
       color: grey;
       text-decoration: none;
        }
        
         a:link{
       color: grey;
        }
        
         a:visited{
        color: grey;
        }
       
       a:hover{
       color: rgb(35,186,232);
       }
       
        a:active{
        color: black;
       text-decoration: none;
        }
       
        a:visited:focus{
        color: rgb(35,186,232);
        }
        
        a:visited:hover{
        color: rgb(35,186,232);
        }
       
        a:focus{
       color: rgb(35,186,232);
        }
        
 /*---------------FIN GESTION DES LIENS -----------------*/        
        
       
        
 /*--------------- GESTION DES CHAMPS FORMULAIRES -----------------*/ 
        
        :required
        {
           // background-color: red;
        }
        
        textarea
        {
        resize:none;
        border: none;
        width:100%;
        }
        

        
        
        #submit_fiche_edit{
        width: 200px;
        height: 45px;
        background-color: rgba(196,225,0, 1);
        padding: 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        }
        
        #submit_fiche_edit:hover{
        background-color: rgba(196,225,0, 0.6);
        }
 /*---------------FIN GESTION DES CHAMPS FORMULAIRES -----------------*/ 
        
 /*--------------- GESTION DES BOUTONS DE NAVIGATIONS -----------------*/ 
        #retour{
        width: 250px;
        //height: 45px;
        background-color: rgba(196,225,0, 1);
        padding:20px 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        margin: 5px;
        }
        
          #retour:hover{
     background-color: rgba(196,225,0, 0.6);
       }
            
         #btn_bleu{
         width: 250px;
        //height: 45px;
        background-color: rgba(35,186,232, 1);
        padding:20px 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        margin: 5px;
        }
        
      #btn_bleu:hover{
    
        background-color: rgba(35,186,232, 0.6);
       
            } 
 /*---------------FIN GESTION DES BOUTONS DE NAVIGATIONS -----------------*/  
 
        
       
        
/*-------------------- Header ---------------- */
/*-------------------- Header ---------------- */
/*-------------------- Header ---------------- */
/*-------------------- Header ---------------- */
#maintenance{
display: block;
    height: 40px;
    padding: 15px;
    color: white;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    
    background-color: rgba(35, 186, 232, 0.5);
    }

#legcooki{
//padding:15px 0;
width:100%;
color:#FFFFFF;
position:fixed;
top:0;
left:0;
z-index:10000;
background: rgba(0, 0, 0, 0.7);
}

#legcooki p{
text-align:center;
vertical-align: top;
}
 #btn_top{
  display: none;
   } 
   

        #header {
        text-align: center;
        width: 100%;
        height: 121px;
        margin: 0 auto;
        background-color: rgba(252,252,252, 1);
        //padding-top: 10px;
        //position: fixed;
        z-index: 10;
        display: block;
        border-bottom: 1px solid #dcdbdb;
        //box-shadow: 0px 0px 10px 0px grey;        
           position: fixed;
    top: 0;
    z-index:5000;
        }  
    
       
        #logo{
        display: inline-block;
        float: left;
        left: 10%;
        position: relative;
        padding-top: 5px;
        }
        #logo img{
        width: 199px;
        height: 124px;
}
        
        #menu{
        display: inline-block;
        font-size: 16px;
        position: relative;
        right: -8%;
        }
        
       
        
        #menu1{
        display: block;
        text-align: right;
        }
        
         #menu1 img{
       border-radius: 50%;
       
        }
        
        
        #menu2{
        display: block;
        margin-top: 15px;
        }
        
        #menu1 menu2 ul,li{
        display: inline-block;
        padding: 0 10px 0 0;
        }
        
        
        
        
       
 #nav{
 
 }       
/*menu mobile */


.button {
    text-transform: uppercase;
    float: right;
    margin-top: -16px;
    line-height: 84px;
    height: 84px;
    text-decoration: none;
    padding: 0 16px;
}
.button-sign-up {
    background-color: #EEE;
} 
  
  
   #hamburger, #hamburger-content {
    display: inline;
}

#hamburger-button {
    display: none;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 30px;
    vertical-align: top;
    padding: 0;
    line-height: 47px;
    float: right;
    margin-right: 32px;
}

#hamburger-overlay {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

#hamburger-sidebar {
    display: none;
    position: fixed;
    width: 75%;
    z-index: 20;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fcfcfc;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .2s ease-out;
}
#hamburger-sidebar li {
    display: block;
    text-align: left;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eee;
    margin: 5px 0 ;
    //box-shadow: 1px 1px 1px -1px rgba(35,186,232, 1);
}
#hamburger-sidebar li img{
       margin: 0px 5px;
}

#hamburger-sidebar li:hover {
   background-color: rgba(35,186,232, 1);
   color: white;
}

#hamburger-sidebar li:hover a {
   color: white;
}

#hamburger-sidebar-body {
    padding: 5px 10px;
}

#hamburger-sidebar-body #menu{
    display: none;
}

#hamburger-sidebar-body li:before {
    content: ' ';
    display: inline-block;
    //vertical-align: middle;
    //margin-bottom: 4px;
   //margin-left: 5px;
  //  width: 24px;
    height: 24px;
}

#hamburger-sidebar-body .button {
    margin-top: 16px;
    text-align: center;
    float: none;
    display: block;
    height: auto;
    line-height: inherit;
    padding: 10px;
} 

 #menu_mobile {
        display: none;
    }      


/*-------------- Page----------------  */
/*-------------- Page----------------  */
/*-------------- Page----------------  */        
/*-------------- Page----------------  */
        #page {
           text-align: center;
    height: auto;
    margin: 0 auto;
    width: 100%;
    display: block;
    max-width: 1200px;
    margin-top: 121px;
        }
        

        
/*  INPUT TEXTAREA  
        input{
        border: none;
        border: 1px solid #efefef;
           font-size: 14px;
    line-height: 22px;
    //display: none;
}    */


// et on masque le input
#input-file inputFile{
display: none;
} 
        
// on personnalise le label comme on veut

.label-file {
cursor: pointer;
color: #00b1ca;
font-weight: bold;
}

.label-file:hover {
color: #25a5c4;
}

      


/* Espace mon_espace / connexion_post */
         #presentation {
    margin: 0 auto;
    //width: 50%;
    font-size: 20px;
}

#presentation p{
    margin: 10px 0 5px 0;
    
}

        #probleme{
        height: 350px;
        width: 100%;
        background-color: #e4e4e4;
        }
        
     //   #presentation_compte{
     //   width: 100%;
     //   height: 640px;
     //   background-color: rgb(218, 218, 218);
        }
        
        
/*-------------Affichage PROFIL------------*/
/*-------------Affichage PROFIL------------*/
/*-------------Affichage PROFIL------------*/
/*-------------Affichage PROFIL------------*/
#tab_info{
width: 100%;
}
     #tab_info_infos textarea{
   width: 100%;
        border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
    }
    
     #tab_info_infos input{
    border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
    }
    
    #tab_info_infos select {
         font-size: 12px;
         
         border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        
      #tab_info_infos textarea:hover{
         border: 1px solid #c7c7c7;
        }

#tab_info_modif{
font-style: italic;
margin: 10px 0 ;
color: #888888;
}

#tab_info_titre{
font-weight: bold;
font-size: 15px;
text-align:left;
    margin-bottom: 10px;
}

  #tab_info_cell1{
  display:inline-block;
  width:39%;
  }
  
  #tab_info_cell2{
  display:inline-block;
  width:18%;
  vertical-align: top;
  text-align:center;
  }
  
  #tab_info_cell3{
  display:inline-block;
  width:39%;
  }
  #tab_info_cell4{
  display:inline-block;
  width:31%;
  }
 
   #tab_info_cell5{
  display:inline-block;
  width:49%;
  }
  
#tab_info_infos{
font-size: 14px;
text-align:justify;
}  

#tab_info_separation{
width: 100%;
height: 2px;
background-color: #efefef;
margin: 12px 0;
}
        #inscription_profil{
                margin: 0 auto;
    font-size: 18px;
    line-height: 42px;
    text-align: left;
        } 
        
            #inscription_profil input{
            font-size: 14px;
            line-height: 22px; 
                        
            } 
            
            #inscription_profil select{
            font-size: 16px;  
            } 
            
            #inscription_profil textarea{
            font-size: 14px;
            line-height: 24px;
            text-align: left;
            padding: 10px;
            width: 80%;
            border: 1px solid #efefef;
            } 
        
        #tab_modif_profil{
        
        }
        #tab_modif_profil select {
         font-size: 12px;
         
         border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
      
         
        #tab_modif_profil textarea {
        width: 100%;
        border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        
        #tab_modif_profil input {
       // height: 30px;
        border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        
        #tab_modif_profil select:hover, #tab_modif_profil textarea:hover, #tab_modif_profil input:hover {
          border: 1px solid #c7c7c7;
        }
        
        
/*-------------- EDIT PROFIL-------*/
/*-------------- EDIT PROFIL-------*/
/*-------------- EDIT PROFIL-------*/
/*-------------- EDIT PROFIL-------*/

#tab_modif_fiche{
margin-top: 15px;
}

#infos_fiche table{ 
border-spacing: 0px 10px
}

#infos_fiche tr{
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;

}


#infos_fiche td{
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 10px;
   background-color: #fff;
}

#fiche_def_partie_title {
    font-weight: bold;
        font-size: 18px;
    margin-bottom: 10px; 
}

#btn_del{
    display: inline-block;
    float: right;
}


#fiche_def_partie_title select {
   font-size: 17px;
    width: 88%;
    border-radius: 10px;
    height: 32px;
    border: 1px solid #efefef;
    font-weight: bold;
}

#fiche_def_partie_title option {
    max-width: 170px; 
}

#fiche_def_partie_title input{
    width:50%;
    height:22px;
    //border: 1px solid #efefef;
  //  box-shadow: 2px 3px 3px 0px #c7c7c7; 
  border-radius: 10px;
    border-style: none;
    border: 1px solid #efefef;
    padding: 5px;
}

#fiche_def  {
   //border: 1px solid #c7c7c7;
    //padding: 8px;
    width: 95%;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 25px;
   // background-color: #fff;
}

   #fiche_def_profil input {
     border: 1px solid #efefef;
    border-radius: 10px;
    padding: 5px;
    height: 22px;
}

     #fiche_def_profil .radio {
   width: 50px;
   height: 25px;
}

#fiche_def_partie1_profil {
    width: 99%;
   
    vertical-align: top;
}

#fiche_def_partie1 {
    width: 100%;
    display: block;
    //vertical-align: top;
}



#fiche_def_partie1_date {
//font-weight: bold; 
//margin: 10px 0 10px 10px;   
}

#fiche_def_partie1_date input {
 border-radius: 10px;
    border-style: none;
    border: 1px solid #efefef;
    padding: 5px;
  
}

#fiche_def_partie1_date label{
font-weight: bold; 
//margin: 10px 0 10px 10px;   
}

#fiche_def_partie1_fichier {
font-weight: bold;
    margin: 10px 0 5px;    
}

#fiche_def_partie1_date_profil {
//font-weight: bold; 
//margin: 3px 0 ;
//width: 55%;
    display: inline-block;
    //vertical-align: middle;
    font-weight: normal;
}
#fiche_def_partie1_date_profil select{
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 5px;
    height: 22px;
}

#fiche_def_partie1_date_profil textarea {
border-radius: 10px;
padding: 5px;
width: 100%;
border: 1px solid #efefef;
}

#textarea_info textarea{
    padding: 5px;
    width: 96%;
    border: 1px solid #efefef;
    border-radius: 10px;

}


#fiche_def_partie1_fichier_profil{
font-weight: bold;
margin-bottom: 10px;
display: inline-block;
}
     



#fiche_def_partie2 {
width: 99%;
display: block;

}

#fiche_def_partie2 label{
vertical-align: top;
font-weight: bold; 
}

#fiche_def_partie2 select, #fiche_def_partie1_profil select{
    max-width:100%;
    height:36px; 
}

          

#fiche_def_partie2 select, #fiche_def_partie1_profil option{
   width: 98%;
    border-radius: 10px;
    height: 32px;
    border: 1px solid #efefef;
    font-weight: bold;
}

#fiche_def_partie2 textarea{
padding: 5px;
width: 96%;
border: 1px solid #efefef;
border-radius: 10px;
//box-shadow: 2px 3px 3px 0px #c7c7c7;
}



        #tab_modif_fiche {
        text-align: left;
        width: 100%;
        }
        #tab_modif_fiche th{
        text-decoration:underline;
        }
        
        .tab_modif_fiche table, .tr, .td, {
         line-height: 25px;
         max-width: 100%;
         border: none;
         border-bottom: 1px solid grey;
        }
        
        #tab_modif_fiche select {
         font-size: 12px;
         width: 100%;
         border: none;
        border: 1px solid #efefef;
        box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        
        #tab_modif_fiche textarea {
       // width: 100%;
        //border: none;
       // border: 1px solid #efefef;
       // box-shadow: 2px 3px 3px 0px #c7c7c7;
           padding: 5px;
    width: 96%;
    border: 1px solid #efefef;
    border-radius: 10px;
    margin-left: 15px;
        }
        
      
//#F_contact_tel1, #F_contact_tel2, #F_contact_tel3, #F_contact_note1, #F_contact_note2, #F_contact_note3{
//box-shadow: 2px 3px 3px 0px #c7c7c7;
//}
        
        #tab_modif_fiche input {
        width: 100%;
        border: none;
        border: 1px solid #efefef;
        height: 35px;
        }
        
        #tab_modif_fiche textarea:hover, #tab_modif_fiche input:hover, #tab_modif_fiche select:hover, #tab_modif_fiche input:hover{
         border: 1px solid #c7c7c7;
        }
        
        
        #espace_centre{
        
        max-width: 100%;
       padding: 30px;
      // background-color: #f0f0f0;
          
       
          }     
          
   /*       #espace_centre_div{
        text-align: center;
        padding: 15px 0 15px 15px;
        background-color: #fcfcfc;
        
          }
               */
          
          #colum_1{
           display: inline-block;
    width: 48%;
    text-align: right;
    line-height: 35px;
          }
          
         
          
          #colum_2{
              text-align: left;
    display: inline-block;
    width: 50%;
          }
          #colum_2 input{
                line-height: 45px;
    padding-left: 10px;
     border: 1px solid #efefef;
     border-radius: 10px;
          }
          
          #colum_2 select{
         height: 45px;
         padding-left: 10px;
         width: 182px;
             border: 1px solid #efefef;
              border-radius: 10px;
          }
          
          #oui{
            
   // width: 15%;
   
          }
          
          #non{
         margin-left: 20px;    
    //width: 15%;
          }
        
/*--------------  Accès d'urgence-------------------*/
/*--------------  Accès d'urgence-------------------*/
/*--------------  Accès d'urgence-------------------*/
/*--------------  Accès d'urgence-------------------*/
#btn_secours{
    display: none;
} 

#ecodeall input{
    height: 45px;
    width: 200px;
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid #c7c7c7;
}   

/*--------------- Espace connexion------------------------*/
/*--------------- Espace connexion------------------------*/
/*--------------- Espace connexion------------------------*/        
/*--------------- Espace connexion------------------------*/
#connexion{
text-align: center;
}        
/*  Espace gauche CPT  */
         #presentation_profil{
            margin: 0 auto;
            width: 95%;
            text-align: left;
            margin-top: 0px;
            font-size:17px;
            line-height: 17px;
        }
        #tab_presentation_profil tr{
        //margin: 10px 0 ;
        }
        
        #tab_presentation_profil label{
        font-weight: bold;
        }
        
        #tab_presentation_profil{
        }
        
        #separation_tab_presentation_profil{
              width: 100%;
    border-top: 1px solid #ddd;
    height: 5px;
    top: 3px;
    position: relative;
        }
        
        #deconnexion{
        width: 220px;
        //height: 50px;
        padding:10px 15px;
        font-size: 16px;
        color: white;
        border-radius: 100px;
        background-color: rgba(196,225,0, 1);
       
        text-decoration: none;
            margin: 0 auto;
          /*  transition-property: background-color, width, height; /* Active la transition sur background-color */
        transition-property: background-color; /* Active la transition sur background-color */
        transition-duration: 600ms; /* La transition dure 1s */
        }
        
        
        #deconnexion:hover{
        background-color: rgba(35,186,232, 1);
    //    border-radius: 10px;
    //    width: 210px;
    //    height: 50px;
    //    font-size: 16px;
   //     text-decoration: none;
      }
        
        #deconnexion img{
           height: 27px;
    width: 27px;
    margin-top: 14px;
    float: left;
    margin-left: 32px;
    margin-right: 8px;
        }
        
    #deconnexion p{
      text-align: left;
        }    
 /*-------------*/
 #deconnexion2{
        width: 200px;
        height: 50px;
        padding: 10px ;
        font-size: 16px;
        font-weight: bold;
        color: black;
        border-radius: 10px;
        background-color: #fff;
        border: 1px solid rgb(196,225,0);
        text-decoration: none;
            margin: 0 auto;
        //transition-property: background-color, width, height; /* Active la transition sur background-color */
        //transition-duration: 100ms; /* La transition dure 1s */
        } 
         #deconnexion2 img{
        height: 30px;
        width: 30px;
        margin-top: 8px;
        float: left;
        margin-left: 20px;
        
        }
        
        #deconnexion2:hover{
        background-color: rgba(35,186,232, 0.6);
        border-radius: 10px;
        text-decoration: none;
        border: 1px solid rgb(255,255,255);
        color: white;
        }      
        
       
        
         #deconnexion2 img:hover{
       
        background-color: black;
        }
        
/*-------------*/
         
        
        #mon_compte, #menu_faq{
        background-color: rgba(252,252,252, 1);
            padding: 20px;
            border-radius: 10px;
            border: 1px solid #d8d8d8;
          //  box-shadow: 2px 2px 13px 0px grey; 
        }
        
        
        
        
        #menu_faq{
        position: fixed;
    width: 34%;
    max-width: 404px; 
       
        }
         
           #mon_compte_fin{
        background-color: rgba(252,252,252, 1);
          padding: 10px 20px;
          border: 1px solid #d8d8d8;
          } 
          #mon_compte_fin h2{
       margin: 10px 0;
          } 
          
        //#espace_client_right{
        //width: 50%;
        //display: inline-block;
        //float: left;
        //background-color: #fff;
        //}
        
        #espace_client_right h3{
        text-align: center;
        padding-bottom: 20px;
        }
    /*      
          #espace_client_right_1{
        background-color: #fcfcfc;
        text-align: left;
        padding: 15px 0 15px 15px;
          }    */
          
          #espace_client_right_2{
        text-align: left;
        padding: 15px 0 15px 15px;
        background-color: #efefef;
          }
        
        #carre_presentation{ 
        vertical-align: top;
        width: 250px;
        height: 150px;
        padding: 10px ;
        border-radius: 20px;
        border: 1px solid rgb(255,255,255);
         background-color: white;
            transition-property: background-color, width, height; /* Active la transition sur background-color */
            transition-duration: 100ms; /* La transition dure 1s */
        }
        #carre_presentation:hover{
        background-color: rgba(255,255,255, 0.4);
        border-radius: 20px;
        width: 260px;
        height: 150px;
        }
        
/*---------------  Accueil------------------ */
/*---------------  Accueil------------------ */
/*---------------  Accueil------------------ */        
/*---------------  Accueil------------------ */
       #btn_index {
        width: 250px;
       // height: 45px;
       // padding: 20px 10px ;
        font-size: 17px;
        color: white;
        border-radius: 50px;
        background-color: rgba(196,225,0, 1);
        border: 1px solid rgb(255,255,255);
        text-decoration: none;
            margin: 0 auto;
            text-align: center;
       }
       
             #btn_index:hover{
              background-color: rgba(196,225,0, 0.6);
            }

        #accueil_header{
        width: 100%;
        //height: 190px;
        }
          #accueil_header img{
        width: 100%;
       height: auto;
        }
         
        #partie2{
        width: 100%;
        margin: 35px 0;
       }
       
       #partie2_txt{
       width: 100%;
       max-width: 1100px;
       margin: 0 auto;
       text-align: center;
       }
       
       #partie2 a{
        margin: 0 auto;
       }
       
       #partie2_img{
            width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 30px;
       }
       
       
       #partie2_img img{
            width: 100%;
    height: auto;
       }
        
        #partie3{
        width: 100%;
        //height: 190px;
        }
          #partie3 img{
        width: 100%;
       height: auto;
        }
        
        
        #partie4{
            width: 100%;
    margin: 0 auto;
         max-width: 1100px;
         margin-top: 35px;
        }
        
          #partie4_img{
           height: auto;
           width: 50%;
    display: inline-block;
        }
        
        #partie4_img img{
           height: auto;
           width: 100%;
    
        }
        
        #partie4_txt{
           height: auto;
    width: 50%;
    float: right;
    display: inline-block;
    padding-top: 5%;
        }
        
       
        
      #partie5{
            width: 100%;
    margin: 0 auto;
    margin-bottom: 35px;
    display: table;
    background-color: #f2f2f2;
    padding: 20px 0;
}
      
        
      #partie6{
            width: 100%;
    margin: 0 auto;
    margin-top: 35px;
   // margin-bottom: 35px;
    
        }    
    #separation_mobile{
    display: none;
    }    
/*SECTION VIDEO*/
        .col-md-6 {
        width: 100%;
        float: left;
        }
        
        .col-md-6 wow fadeInRightBig animated{
        width: 0%;
        float: right;
        }
        
        .col-md-6 wow fadeInRightBig2 animated{
        width: 100%;
        float: right;
        }
        .video{
       width: 90%;
    margin: 0 auto;
    text-align: center;
        }
        
        .video_area {
            background: #e4e4e4;
            padding-bottom: 140px;
            padding-top: 120px;
        }
        .video_title {
            padding-top: 30px;
        }
        
        .video_title p {
            font-size: 18px;
            line-height: 28px;
            margin-top: 40px;
            color: #333;
            font-weight: 300;
        }
        
        .video iframe {
            width: 100%;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
        }
        
        
/*-----------  Nos Services ----------------*/
/*-----------  Nos Services ----------------*/
/*-----------  Nos Services ----------------*/
/*-----------  Nos Services ----------------*/
#services1{
display: table;
}

#services1_txt{
 display: inline-block;
    float: left;
    width: 50%;
    margin-top: 2%;
}

#services1_txt p, #services2_txt p, #services3_txt p{
text-align: justify; 
margin:0 auto;
}

#services1_img{
 display: inline-block;
  //  float: right;
    width: 50% ;
    overflow: hidden;
} 

#services1_img img{
    height: auto;
    width: 130%;
} 

#services2{
display: table;
}

#services2_txt{
    display: inline-block;
    float: right;
    width: 50%;
    margin-top: 3%;
}

#services2_txt p{
text-align: justify; 
}

#services2_img{
    display: inline-block;
    //float: left;
    width: 50%;
}

#services2_img img{
    height: auto;
    width: 100%;
}

#services3{
display: table;
}

#services3_txt{
 display: inline-block;
    float: left;
    width: 50% ;
    margin-top: 4%;
}

#services3_txt p{
text-align: justify; 
}

#services3_img{
display: inline-block;
  //  float: right;
    width: 50%;
}

#services3_img img{
    height: auto;
    width: 100% ;
}      

#services1, #services2, #services3{
padding: 0 10px;
//margin-bottom: 25px;
}

#services1_txt, #services2_txt, #services3_txt{
vertical-align: middle;
}        
/*-----------  Actualités ----------------*/
/*-----------  Actualités ----------------*/
/*-----------  Actualités ----------------*/
/*-----------  Actualités ----------------*/
        
        
        
/*-----------  Boutique ----------------*/
/*-----------  Boutique ----------------*/
/*-----------  Boutique ----------------*/
/*-----------  Boutique ----------------*/
        
        
        
        
/*-----------  FAQ ----------------*/
/*-----------  FAQ ----------------*/
/*-----------  FAQ ----------------*/
/*-----------  FAQ ----------------*/
        
        
        #faq p{
        text-align: justify;
            line-height: 17px;
        }
        
        #faq p img{
    display: block;
    margin: 0 auto;
        }

/*-----------  cpt client ----------------*/
/*-----------  cpt client ----------------*/
/*-----------  cpt client ----------------*/        
/*-----------  cpt client ----------------*/
        #tab_presentation_fiche{
        line-height: 1.5;
        width: 100%;
        text-align: left;
        }
        
        #separation_tab{
        //width: 100%;
       // background-color: #ddd;
           width: 100%;
    border-top: 1px solid #ddd;
    height: 5px;
    top: 3px;
    position: relative;
        }
        
        #smartphone{
        background-image: url(../images/plateforme/smartphone.png);
        background-size: 100% 100%;
        height: 700px;
        max-width: 340px;
        margin: 0 auto;
        margin-bottom:25px;
        }
        #smartphone_div{
        max-width:83%;
        margin: 0 auto;
        padding-top:87px;
        }
        
/*-----------  Fiche Santé & Fiche Santé edit ----------------*/
/*-----------  Fiche Santé & Fiche Santé edit ----------------*/
/*-----------  Fiche Santé & Fiche Santé edit ----------------*/        
/*-----------  Fiche Santé & Fiche Santé edit ----------------*/
       #fiche_sante{
    border-radius: 10px;   
    background-color: #fcfcfc;
    padding: 20px;
    //border-radius: 10px;
    border: 1px solid #d8d8d8;
   // box-shadow: 2px 2px 13px 0px grey;
       }
       
      #infos_edit {
      border: 1px solid #c7c7c7;
      padding: 5px;
      border-radius: 10px;
          margin-bottom: 10px;
      }
       
       #flex{
        display: table;
       }
       
        #col_left{
        width: 37%;
        display: inline-block;
        //background-color: #f0f0f0;
        padding: 15px;
        float: left;  
        }
        
        #page_right{
        width: 56%;
        display: inline-block;
        float: right;
        //background-color: #f0f0f0;
        padding: 15px 15px 15px 0;
        text-align:left;
        line-height: 25px; 
        }
        
        #title_fiche{
        display: inline-block;
        float: left;
        width: 80%;
        text-align: left;
        }
        
        #table_fiche{
        width: 100%;
        border: 0px solid black;
        }
        
        #img_profil{
        border-radius: 50%;
        border: 1px solid grey ;
        width: 170px;
        height: 170px;
        margin: 0 auto;
            overflow: hidden;
        }
        
        #img_profil img{
       // border-radius: 50%;
            min-width: 170px;
        height: 100%;
        
        }
        
        #photo_preview{
        border-radius: 50%;
        border: 1px solid grey ;
        width: 150px;
        height: 150px;
        margin: 0 auto;
            overflow: hidden;
        }
        
        #photo_preview img{
       // border-radius: 50%;
            min-width: 150px;
        height: 100%;
        
        }
        
        #separation_bloc_fiche{
        border: 1px solid #ddd;
        width: 100%;
        }
        
        #separation_bloc_fiche_vert{
        border: 1px solid rgb(196,225,0);
        width: 100%;
        }
        
        #sep_ligne{
        border-bottom: 2px solid #efefef;
        width: 100%;
        }
        
        #message_inscription{
       font-size: 16px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid rgba(196, 225, 0, 1);
    padding: 15px;
    text-align: left;
    width: 96%;
    margin-bottom: 15px;
        }
        
        
         #carre_presentation1{
       font-size: 15px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 10px;
    text-align: left;
    width: 94%;
    background-color: #fcfcfc;
        }
        
        #carre_presentation1 h3{
       font-size: 16px;
    
        }
        
        #carre_presentation2, #carre_presentation3{
        font-size: 16px;
    width: 94%;
    line-height: 35px;
    display: inline-block;
    border: 1px solid #efefef;
    padding: 15px;
    border-radius: 15px;
    vertical-align: top;
   // box-shadow: 2px 3px 3px 0px #c7c7c7;
    margin-bottom: 15px;
   background-color: rgba(255,255,255, 1);
        }
        
       #carre_presentation3 {
       // background-color:  rgba(35,186,232, 1)
       }
        
       #carre_presentation1:hover, #carre_presentation2:hover, #carre_presentation3:hover{
       border: 1px solid #c7c7c7;
       //box-shadow: 1px 2px 2px 0px #c7c7c7;
        }
        
        #cell_T01{
        width: 40%;
        }
        #cell_T02{
        width: 20%;
        
        }
         #cell_T03{
        width: 45%;
        
        }
        
        #cell_date{
        
        vertical-align: bottom
        }
        /*---------------- Tiroirs -------------------*/
        #picto_tirroir{
            display: inline-block;
            float: right;
            width: 100%;
            padding-top: 10px; 
        }
        
        #title{
         width: 92%;
        display: inline-block;
        color: black;
        }
        
        #title img::before{
        content:'';
        position:relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left:20px;
        }
        
        #title img{
       
        display: inline-block;
        width: 20px;
        height: 20px;
        text-align: right;
        }
        
        .less{
        width: 100%;
        display: inline-block;
        font-size: 18px;
        line-height: 3;
        font-weight: bold;
       
        }
        
        .less.active .button-read-more, .button-read-less  {
        display: none
        }
        
        .less.active .button-read-less {
        border-radius: 10px;
        display: block;
        background-color: rgb(255, 255, 255);
        padding-left: 10px;
        border: 1px solid grey;
        }
        
         .button-read-less #title{
        color: rgb(35,186,232);
        }
        
        .more {margin-top: 10px; padding-bottom:20px;}
        .more p {margin: 0;padding: 0}
        
       
        
        #table_fiche{
        width: 100%;
        
        }
   #date_modif{
      font-style: italic;
    color: #888888;
    font-size: 14px;
    display: block;
    padding-right: 5px;
    float: right;
    margin-top: 5px;
   }     
   
   
/*----------- Gestion produit ------------*/
/*----------- Gestion produit ------------*/
/*----------- Gestion produit ------------*/
/*----------- Gestion produit ------------*/
#ligne_btn{
text-align: center;
}       
        
/*-----------  Contact ----------------*/
/*-----------  Contact ----------------*/
/*-----------  Contact ----------------*/
/*-----------  Contact ----------------*/
       #btn_form{
        width: 95%;
        //height: 45px;
        background-color: rgba(196,225,0, 1);
        padding: 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        box-shadow: none;
        }
        
        #btn_form:hover{
       background-color: rgba(196,225,0, 0.6);
        }
        
        
        #form_contact{
        }
        
        #form_contact input{
        border-radius: 15px;
        width: 350px;
        line-height: 45px;
        padding-left:10px;
           font-size: 17px;
    font-weight: bold; 
        }
        
       #col_1{
        display: inline-block;
        width: 50%;
            line-height: 60px; 
        }
        
        #col_2{
        display: inline-block;
        float: right;
        width: 50%;
            line-height: 60px;
        }
        
        #col_1 div,#col_2 div,#col_3 div{
        padding: 10px 0;
         }
        
        #col_3{
         display: block;
       width: 100%;
        padding-top: 15px;
        }
        
        #col_3 textarea{
            border-radius: 15px;
        width: 90%;
        display: block;
        padding-top: 30px;
        margin: 0 auto;
        font-family: arial;
        padding-left: 10px;
        font-size: 17px;
    font-weight: bold;
        }
       
        
        #aqui{
        text-align:left;
        width:90%;
        margin-left:5%;
        }
        #aqui select{
        padding-left: 10px;
        border-radius: 15px;
        text-align:left;
        width:100%;
        height: 45px;
        border: 1px solid #efefef;
            font-size: 17px;
    font-weight: bold;
    color: #757575;
         }
        
                 
        #col_4{
        display: block;
    margin-top: 10px;
    
        }
        
        #col_4 input{
            width: 10%;
    margin-top: 25px;
    box-shadow: none;
        }
        
        
         
        
        
        #col_5{
        width: 100%;
        margin-top: 30px;
        display: block;
        }
        
        #col_5_1{
        display: inline-block;
        width: 50%; 
        }
        
        #col_5_1 input{
       border-bottom: none;
       min-width: 200px;
       line-height: 0;
        }
        
        #col_5_2{
        display: inline-block;
        float: right;
        width: 50%;
        }
        
        #col_5_2 input{
       border-bottom: none;
       min-width: 200px;
       line-height: 0;
        }
        
       
        #form_nom{
        border: none;
        border: 1px solid #efefef;
        width: 50%;
     //   box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_prenom{
        border: none;
        border: 1px solid #efefef;
        width: 50%;
     //   box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_email{
        border: none;
        border: 1px solid #efefef;
        width: 50%;
        //box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_phone{
        border: none;
        border: 1px solid #efefef;
        width: 50%;
       // box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_message{
        border: none;
        border: 1px solid #efefef;
        width: 100%;
      //  box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_sujet{
        width: 50%;
       // box-shadow: 2px 3px 3px 0px #c7c7c7;
        }
        #form_robot,#form_robot1,#form_robot2,#form_robot3,#form_robot4,#form_robot5{
        width: 20px;
        height: 20px;
        
        }
        
#form_nom:hover, #form_prenom:hover, #form_email:hover, #form_phone:hover, #form_message:hover{
border: 1px solid #c7c7c7;

}
        
#ou{
 width: 100%;
 height: 0.75%;
 }
 
 #ou iframe{
 width: 85%;
 
 }
        
/*----------Mentions légales---------------*/
/*----------Mentions légales---------------*/
/*----------Mentions légales---------------*/
/*----------Mentions légales---------------*/

#mentions_leg p{
text-align: justify;
}

#cgucgv{
text-align: left;
margin-bottom: 40px;
font-size: 14px;
}

#cgucgv h3::before{
content:' ';
display: inline-block;
width:10px;
height: 10px;
background-image: url(../images/plateforme/DOT.png);
margin-right: 5px;
}

#cgucgv p{
text-align: justify;
}
/*-----------  Footer ----------------*/
/*-----------  Footer ----------------*/
/*-----------  Footer ----------------*/        
/*-----------  Footer ----------------*/
        #footer {
       text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #fcfcfc;
    border-top: 1px solid #dcdbdb;
    float: left;
   // margin-top: 30px;
    color: grey;
        }
        
        #bloc_footer1{
        margin: 25px 0 0 0
        }
        
        #sous_bloc_footer_1{
        width: 20%;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        }
        
         #sous_bloc_footer_1 img{
       position: relative;
       bottom:-8px;
       border-radius: 50%;
        }
        
        #sous_bloc_footer_1 h3{
        font-size: 16px;
        margin: 0 0 10px 0;
        }
        
        #bloc_footer2{
            font-size: 14px;
    margin: 20px 0 10px 0;
        }
        
        #bloc_footer2_txt{
        font-size: 12px;
        }
        
        #bloc_footer2_img{
       // background-image: url(https://vitalecode.com/images/site/footer.jpg);
      //  background-size: 100% auto;
        min-height: auto;
        }




/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
#col_left_admin{
    width: 27%;
    display: inline-block;
    padding: 15px;
    float: left;
}

#page_right_admin{
    width: 66%;
    display: inline-block;
    float: right;
    padding: 15px 15px 15px 0;
    text-align: left;
    line-height: 25px;
}

#fiche_def_trombi  {
   border: 1px solid #c7c7c7;
    padding: 3px;
    width: 23%;
    height: 240px;
    vertical-align: top;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
}

#fiche_def_trombi img {
            border-radius: 50% 0;
    max-width: 100%;
    height: auto;
    max-height: 175px;
    
}

#col_left_admin input{
    width:100%;
    height: 43px;
    margin-top: 15px;
}

#trombi_title{
    width:100%;
    height: 25px;
    
}
#trombi_img{
    width:100%;
    height: 180px;
    margin-top: 5px;
}
   #trombi_img img {
            border-radius: 50% 0;
    max-width: 100%;
    height: auto;
    max-height: 175px;
    vertical-align: middle;
    } 

#trombi_btn{
    width:100%;
    height: 25px;
    margin-top: 5px;
}

/*----------- RESPONSIVE-----------------------------------------------------------------------*/
/*----------- RESPONSIVE------------------------------------------------------------------------*/
/*----------- RESPONSIVE-------------------------------------------------------------------------*/ 
/*----------- RESPONSIVE--------------------------------------------------------------------------*/

@media screen  and (max-width: 875px) {
   body{
   margin: 0;
       font-family: arial;
       font-size: 14px;
   } 
    

   
        
        :required
        {
           // background-color: red;
        }
        
        textarea
        {
        resize:none;
        }
                       
/*--------HEADER-------------*/   
   #header{
  // display: table;
   //box-shadow:0px 0px 10px 0px grey;
   // width: 100%;
   // height: 65px;
   // padding: 5px 0;
  display: block;
    width: 100%;
    height: 65px;
    padding: 5px 0;
    position: fixed;
    top: 0px; 
    }
    
    #accueil_header {
       margin-top: -45px;
}

    #logo{
    width: 30%;
    
    }
    
     #logo img{
    width: auto;
    height: 9ex;
    }
    
   #btn_top{
  font-size: 22px;
    padding: 12px;
    border: 1px solid rgba(0,0,0, 0.6);
    border-radius: 10px;
    z-index: 15;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.75);
   
   } 
   
   #btn_top:hover{
    background-color: rgba(196,225,0, 0.75);
   
   } 
   
   a.top {
   position:fixed;
}      
/*------------*/
 #menu_mobile {
        display: block;
        font-size: 16px;
    }
    #menu_mobile ul{
       padding: 0;
    }      

 #hamburger-content {
        display: none;
    }

    #hamburger-button, #hamburger-sidebar,
    .hamburger-activated #hamburger-overlay {
        display: block;
    }

    .hamburger-activated #hamburger-sidebar {
        transform: translateX(0);
    }

 
/*-----------PAGE------*/  
  #page{
  //        margin: 0 5px;
 //   max-width: 97%;
     margin: 0 5px;
    max-width: 97%;
    margin-top: 76px;
  }
  
  h1{
  font-size: 20px;
  font-weight: bold;
  }
  
  h2{
  font-size: 18px;
  font-weight: bold;
  }
  
    
/*-----------INDEX------*/ 
#accueil_header img {
    width: 130%;
    height: auto;
   
    overflow: hidden;
    left: -15%;
    position: relative;
}

#btn_index {
   width: 190px;
    //padding: 0px 0 12px;
}



#separation_mobile{
 border: 1px solid #ddd;
        width: 100%;

}
 
#partie1 {
   //display:none;                            ;
   margin-top: -45px;
} 
 
#partie2_txt{
    width: 95%;
    margin: 0 auto;
    text-align: justify;
} 

#partie2_img{
   text-align:center;
}

#partie2 img{
    width: 95%;
    margin: 0 auto;
    height: auto;
}

#partie3 {
   //display:none;
}
#partie3 img{
    width: 100%;
    margin: 0 auto;
    height: auto;
}    

.ws-title-wrapper {
       position: relative;
    top: 6em;
    opacity: 1;
}
#wowslider-container1 .ws-title {
   color: black;
}

#partie4{
//width: 98%;
//padding: 0 5px;
}

#partie4_img{
display: block;
width: 100%;
height: auto;

}

#partie4_img img{

width: 100%;
height: auto;
}

#partie4_txt{
display: block;
    width: 97%;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 10px;
}

#partie4 p{
text-align: justify;
width: 97%;
}



#partie5{
        padding: 20px 0 15px 0;
        }
.video_title {
    padding-top: 0px;
}        
        
.col-md-6 {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
#partie6{
text-align: center;
}
/*-----------  Nos Services ----------------*/

#services1_txt{
 display: block;
    float: left;
    width: 100%;
        margin-bottom: 10px
}

#services1_img{
 display: block;
  //  float: right;
    width: 100%;
} 

#services2_txt{
    display: block;
    float: right;
    width: 100%;
        margin-bottom: 10px
}


#services2_img{
    display: block;
    //float: left;
    width: 100%;
}

#services3_txt{
 display: block;
    float: left;
    width: 100%;
        margin-bottom: 10px
}


#services3_img{
display: block;
  //  float: right;
    width: 100%;
}

/*----------- Gestion produit ------------*/
#ligne_btn{
text-align: center;
}             

/*-----------Contact------*/ 
#form_contact {
width: 100%;
 height: auto;
}

#col_5_1 {
    border-bottom: none;
    min-width: 200px;
    line-height: 3;
}

#col_5_1 input {
    border-bottom: none;
    min-width: 200px;
    line-height: 3;
}

 #ou{
 width: 100%;
 height: auto;
 }
    #ou iframe{
     width: 110%;
    max-height: 247px;
    margin-left: -5%;
 }

 #form_contact input {
    width: 90%;
}

#form_contact #col_1, #col_2, #col_3, #col_4, #col_5 {
    display:block;
   padding-top: 10px; 
    width:100%;
}
/*---------Connexion--------*/
#connexion{
text-align: center;
}
#espace_centre {
    
    padding: 15px;
 
    }
    
#retour{
         width: 145px;
        //height: 45px;
        background-color: rgba(196,225,0, 1);
        padding: 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        }
        
      #retour:hover{
      width: 145px;
        //height: 45px;
        background-color: rgba(196,225,0, 0.6);
        padding: 10px;
        border-radius: 10px;
        border: none;
        color: white;
        font-size: 16px;
            }


            #btn_bleu{
         width: 145px;
        //height: 45px;
        background-color: rgba(35,186,232, 1);
        padding: 10px;
        border-radius: 50px;
        border: none;
        color: white;
        font-size: 16px;
        }
        
      #btn_bleu:hover{
      background-color: rgba(35,186,232, 0.6);
       }

/*-------------URGENCES--------------------*/
#btn_secours{
    display: block;
    padding: 15px 10px;
    width: 145px;
    background-color: red;
    margin: 0 auto;
    color: white;
    border-radius: 10px;
} 

#btn_secours:hover{
    background-color: rgba(255,0,0,0.6);
    }


    

/*-----------ESpace--------*/

#col_left{
width: 100%;
padding: 10px 0 0 0;
display: block;
}

#deconnexion{
        width: 150px;
        height: 40px;
        padding: 5px ;
        font-size: 14px;
        color: white;
        border-radius: 10px;
        background-color: rgba(196,225,0, 1);
        //border: 1px solid rgb(255,255,255);
        text-decoration: none;
        margin: 0 auto;
            margin-bottom: 15px;
                text-align: center;
      }
        
      #deconnexion img{
            height: 15px;
    width: 15px;
    margin-top: 14px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
        }
        
              
               
        #presentation{
        margin: 0 auto;
        width: 50%;
        font-size: 16px;
        }
        
         #presentation_profil{
           font-size:16px;
          
           width: 100%;
       }
        
        #tab_presentation_profil{
        width: 90%;
    margin: 0 auto;
        }
        
        #tab_presentation_profil th{
        padding-bottom: 15px;
        }
        
        #tab_presentation_profil label{
        font-weight: bold;
        }
        
        #presentation_fiche{
           display: block;
        }
        
        
        #tab_presentation_fiche{
        display: block;
        }
        

#page_right{
       width: 100%;
    display: block;
    float: right;
    text-align: left;
    line-height: 14px;
    padding: 18px 0;
    background-color: white;
    border-top: 1px solid #dcdbdb;
}

#colum_1 {
    text-align:center;
    width: 100%;
    
}

#colum_2 {
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
   // border-bottom: 1px solid #d4d0d0;
    
}

#colum_2 input{
                line-height: 45px;
    padding-left: 10px;
    width: 182px;
        border: 1px solid #efefef;
          }
          
#fiche_sante{
padding: 0 5px;
}

    #mon_compte, #menu_faq{
    background-color: #fcfcfc;
            padding: 20px;
            //border-radius: 10px;
           // border: 1px solid #d8d8d8;
           //text-align: center;
        } 
        
         #menu_faq{
        position: inherit;
    width: 94%;
    max-width: -webkit-fill-available;
    margin-bottom: 20px;
        } 
        
    #carre_presentation2, #message_inscription{
   //margin-bottom: 15px; 
    width: 91%;
    }

#fiche_def_partie1_fichier_profil {
  min-height: 22px;
 }
 
#fiche_def_partie1_date_profil {
 height: 22px;
 }
          
#fiche_def_partie1_date {
     margin: 5px 0 10px 0px;   
}
     
#fiche_def_partie1_fichier {
font-weight: bold;
margin: 0 0 0 5px;     
}
    /*---------------- Tiroirs -------------------*/
     /*   #picto_tirroir{
            display: inline-block;
            float: right;
            width: 20px;
            padding-top: 10px;
        }
        
        .less{
        width: 100%;
        display: inline-block;
        font-size: 16px;
        line-height: 2;
        }
        
        .less.active .button-read-more, .button-read-less  {
        display: none;
        }
        .less.active .button-read-less {
        display: block;
        }
                                                */
        .less {
        font-size: 16px;
        }
        
                                                 
       #date_modif {
  
    font-size: 12px;
                                        
     }                                           
        .more {
        margin-top: 10px;
        padding-bottom: 8px;
        }
        
        .more p {
        margin: 0;
        padding: 0;
        }
        
  /*      #espace_client_right_1 {
    background-color: #fcfcfc;
    text-align: left;
    padding: 0;
    font-size: 12px;
    }    */
    /*  INPUT TEXTAREA */ 
        input{
        border: none;
        border-bottom: 1px solid #efefef;
        width: 140px;
        }
        
        /*----------Fiche---------------*/ 
        
        #table_fiche{
        width: 100%;
       //font-size: 12px; 
        }
        
        
        
        #table_fiche td{
        padding: 5px 0;
        }
        
        #sep_ligne{
        border-bottom: 0.5px solid #ddd;
        width: 100%;
        }
      
       
        
       #cell_T01{
       width: 38%; 
       }
       
       #cell_T02{
        width: 23%;
       } 
       
       #cell_T03{
        width: 33%;
       } 
       
        #cell_T04{
        width: 60%;
       }
       
       #tab_modif_fiche{
       max-width: 100%;
       } 
       
       #tab_modif_fiche textarea {
    width: 99%;
    border: none;
    border-bottom: 1px solid grey; 
        } 
        
/*-------------------BOUTIQUE-----------------------*/
.form-control-label{
float: left;

}        
/*-----------Footer------*/ 
  #footer{
  text-align: center;
    width: 100%;
    height: auto;
    margin: 0 auto;
    //background-color: #e9e9e9;
    float: left;
    margin-top: 25px;
    //padding-top: 0 15px 15px 15px;
  }         
 
   #bloc_footer1{
   width: 100%;
   margin: 0 auto;
   font-size: 12px;
   
   }
 
   #sous_bloc_footer_1{
        display: inline-block;
    width: 38%;
    vertical-align: top;
    margin: 0 auto;
    padding: 15px 15px 0 15px;
     }
     
    #sous_bloc_footer_1 h3{
        font-size: 14px;
            margin: 0 0 5px 0;
        }
   
   #sous_bloc_footer_1 img{
    bottom: -5px;    
    width: 20px;
    height: 20px;
     }
     
          
#bloc_footer2{
font-size: 12px;
margin: 12px 0 5px 0;
}

#bloc_footer2_img{
// background-image: url(https://vitalecode.com/images/site/footer.jpg);
// background-size: 100% auto;
min-height: auto;
}


#bloc_footer2_txt {
font-size: 11px;
}


/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
/*-----------  Admin ----------------*/
#col_left_admin{
    width: 90%;
    display: block;
    padding: 15px;
    //float: left;
}

    #col_left_admin h1{
        display: none;
    }

#page_right_admin{
    width: 90%;
    display: block;
    //float: right;
    //padding: 15px 15px 15px 0;
    //text-align: left;
    //line-height: 25px;
}
     #page_right_admin form{
    line-height: 15px;
    }

    
}