section p {text-align : justify;}
.sous-bar {margin : 5px 0;width : 5%}
.menu-header {box-shadow : 0 0 10px #ccc}
label {color : #888;font-family : Arial;font-size : 12px;font-weight : 400;letter-spacing : 1px}
.form-control {-moz-border-bottom-colors : none;-moz-border-left-colors : none;-moz-border-right-colors : none;-moz-border-top-colors : none;border-color : -moz-use-text-color -moz-use-text-color #ccc;border-image : none;border-radius : 0;border-style : none none solid;border-width : medium medium 2px;box-shadow : none;color : #000;font-weight : 700;letter-spacing : 1px;margin-bottom : 15px;margin-top : 5px;padding : 0;}
.form-control:focus {border-color : #d75362;box-shadow : none}
section .titre {margin : 25px 0 0;text-align : center}
.title-identification {font-size: 40px;font-weight : 600;}
.titre h5 {text-transform : uppercase;color : #888;font-weight : 700;font-size : 14px;letter-spacing : 1px}
.txt-connexion h3, .txt-inscription h3 {font-weight : 700}
.txt-inscription h4 {font-family : 'Poppins';letter-spacing : 1px;margin-bottom : 25px}
.txt-inscription {margin-bottom : 25px;}
.input-height {height: 60px;border: solid 1px #9B9693; padding-left: 10px;}
.action .button-custom, .action .button-noir {background-color: #22211F;}
.mdp-oublie {color : #000;font-weight : 700;letter-spacing : 1px; text-decoration: underline;}
.connexion-compte-temp, .connexion-compte {padding-bottom : 30px;}
.connexion-compte {
    max-width: 400px;
    margin: auto;
}
.bloc {display: grid;justify-content: center;}
.text-oublie { font-weight: 400;}
.titres-responsive {margin : 15px 0;}
.titres-responsive > .hide-titre {opacity : 0.2;cursor : pointer;}
.container-creer-tempacheteur {padding : 50px 0px;border : 1px dotted #3e413a;float : none;background-color : #ccc3;margin-bottom : 50px}
.shadowbox {margin-top : 30px;padding-bottom : 25px;}
#seeNormalConnection {margin-top : 30px;}
.txt-connexion p, .txt-inscription p {font-size : 12px;margin-top : 30px;text-align : center;}
.compte-temp-bloc .sep-bloc {border-right : 1px solid #cccccc;height : 350px;}
.input-with-icon {position: relative;}
.input-with-icon i {position: absolute; right: 40px;top: 55%;transform: translateY(-70%);cursor: pointer;}
.button-white {border: 1px solid #333;color : #333;font-weight : 700;letter-spacing : 1px;padding: 18px;margin-left: 1px;text-transform : uppercase;display : block;text-align : center}
.connexion-vendeur {text-decoration: underline; font-size: medium; color: #333;}
input[name=password]{display: inline-block}

/** BOOSTRAP EDIT **/
.titres-responsive .nav-tabs { border-bottom: 0 none;}
.titres-responsive .nav-tabs > li > a {background : #eee;color : #ccc; border-radius : 0;border : 0; height : 100%;}
.titres-responsive .nav-tabs > li:hover > a {border : 0;}
.titres-responsive .nav-tabs > li.active > a {border-bottom : 3px solid black;background : initial;color : black; }
.titres-responsive .nav-tabs > li {width : 50%; padding : 0;text-align : center;}

/* MEDIA QUERY */
@media (max-width : 768px) {
    .connexion-compte {border-right : none;}
    .inscription-compte {display : none;}
    .texte-info {font-size : 10px;}
}
@media (min-width : 768px) {
    .connexion-compte {border-right : none;}
    .inscription-compte {display : none;}
}
@media (min-width : 992px) {
    .txt-connexion p, .txt-inscription p {font-size : 14px;margin-top : 30px;text-align : center;}
    .connexion-compte {border-right : none; border-bottom : none;}
    .inscription-compte {display : block;}
    .txt-connexion p, .txt-inscription p {font-size : 12px;}
    .titres-responsive .nav-tabs > li {width : initial;}
}
@media (min-width : 1200px) {
    .connexion-compte-temp, .connexion-compte {border-bottom : none;}
    .inscription-compte {display : block;}
}