/* log */
#container-ecom {
    background-color: #F2F2F2;
}



#conteneur-compte {
    width:100%; 
    margin-top:30px; 
    margin-bottom:25px;
}

.block_conteneur {
    box-sizing: border-box;
    width:50%;
    background-color:white;
    padding:15px;
    border-radius:7px;
    margin:20px;
}

.container_log {
    border:0px solid #959595; 
    width:500px; 
    text-align:center; 
    padding:20px; 
    color:#000000; 
    font-size:15px; 
    margin:auto; 
}


.entete_page{
    font-size:1.5em; 
    padding-top:30px; 
    color:#8b2ab2; 
    margin-bottom:25px;
}

.input-log { 
    color:#3c3c3c; 
    font-weight:500; 
    font-size: 17px; 
    border-radius: 0; 
    line-height: 22px; 
    background-color: #fbfbfb; 
    padding: 10px 10px 10px 10px; 
    margin-bottom: 10px; 
    width:100%; 
    box-sizing: border-box; 
    border: 1px solid #959595; 
    margin-top:5px;
    border-radius: var(--radius_input_text);
    text-align: center;
    transition: .3s all .0s;
   }

 .input-log:focus {
    padding:20px 10px; 
 }  

.btn-log { 
    width:100%; 
    border:0px; 
    background:#000000; 
    color:#ffffff; 
    font-size:15px; 
    padding-top:12px; 
    padding-bottom:12px; 
    cursor: pointer; 
    transition: .5s all .0s;
    border-radius: 7px;
    font-family: 'Raleway', 'open sans';
    transition: all 0.3s ease-in-out;
}
.btn-log:hover { background:var(--coul_hover_action); color:black; }

#nouveau-log { width:100%; padding:15px 0px; text-align:center; margin-top:40px; }

.btn_log_creer { 
    width:100%; 
    display: inline-block; 
    border:1px solid #cfcfcf; 
    text-align:center; 
    padding-top:12px; 
    padding-bottom:12px;
    font-size:15px; 
    background:#cfcfcf; 
    color:black; 
    border-radius: 7px;
    transition: all 0.3s linear;
}

.btn_log_creer:hover {
    background:var(--coul_hover_action); color:black;
}
.btn_log_recup { width:100%; display: inline-block; border:1px solid #1b7e7e; text-align:center; padding-top:12px; padding-bottom:12px;font-size:15px; background:#1b7e7e; color:white;}


/* page mon compte */
.conteneur-compte {   
    width:100%;
     margin:auto; 
     padding-top:0px; 
     padding-bottom:25px; 
     display:flex; }

.block-compte { float:left; margin-bottom:20px; width:100%;}
.titre-compte { font-size:18px; padding:10px 0px; font-weight:400; color:black; }
.stitre-compte { font-size:15px; color:black; padding:5px 0px; font-weight: 800; padding-top:10px;}
.texte-compte { font-size:12px;  padding:5px 0px;}
.btn-compte { 
  display:inline-block; 
  width:250px; 
  background:#cfcfcf; 
  color:black; 
  text-align:center; 
  padding: 8px 0px; 
  cursor: pointer;
  transition: .5s all .0s;
  border-radius:7px;
}
.btn-compte:hover { 
  background-color:var(--coul_hover_action); 
}



.titre-revendeur {
    font-size:1.2em;
    font-weight:600;
    color:darkred;
    text-align:left;
}


@media only screen and (max-width:640px) {
    #conteneur-compte {
        width:100%;
        margin-top:10px;
        margin-bottom:25px;
    }

    .block_conteneur {
        box-sizing: border-box;
        width:100%;
        background-color:white;
        padding:15px;
        border-radius:7px;
        margin:0px;
        margin-bottom:20px;
    }

    .block-compte { float:left; margin-bottom:20px; width:100%; text-align: center;}
    .titre-compte { font-size:18px; padding:10px 0px; font-weight:400; color:black; text-align: center; }

    .container_log {
        border:0px solid #959595; 
        text-align:center; 
        padding:20px; 
        width:90%;
        color:#000000; 
        font-size:15px; 
        margin:auto; 
    }

    .conteneur-compte {  
        width:90%; 
        margin:auto; 
        padding-top:0px; 
        padding-bottom:25px; 
        display:flex; 
        flex-direction: column;
    }
}