.tabInfo1,.tabInfo{
    margin-bottom:15px;
    margin-left:5px;
    margin-right:5px;
    padding-left:25px;
    padding-right:25px;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#FFF;
    border-radius: 1em;
    height:auto;
}
.tabInfo1{
    display:inline-block;
}
.tabForm{
    margin-top:10px;
    padding-left:25px;
    padding-right:25px;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#FFF;
    border-radius: 1em;
}
.compteTitle{
    color: #888;
    font-weight: bold;
    padding-bottom:5px;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
}
.titreForm{
    color: #888;
    font-weight: bold;
    padding-bottom:25px;
}
.nomCli{
    margin-bottom:5px;
    font-weight: bold;
    color: #888;
}
.adresse1{
    color: #888;
    font-size: 14px;
    margin-bottom:5px;
}
.telephone{
    color: #888;
    font-size: 14px;
    margin-bottom:5px;
    padding-bottom:10px;
}
.menuCompte{
    margin-top:100px;
    margin-left:25%;
    color:#FFF;
    font-size: 1.5em;
    font-weight: 300;
}
.menuCompte>ul{
    display:table-row;
    margin: 0;
    padding: 0;
    list-style: none;

}
.menuCompte>ul>li{
    width:600px;
    height:70px;
    padding-top:15px;
}
.menuCompte>ul>li>button{
    text-align: left;
    background-color:transparent;
    border:none;
    vertical-align: middle;
    height:100%;
    width:100%;
}
.menuCompte>ul>li>button>span{
    min-width:600px;
    min-height:70px;

    font-size: 1em;
    font-weight: 200;
    color:#FFF;
}
button:hover,button:focus{
    color:#FFF;
    text-decoration:none;
}
.menu1{
    background-color: #1C998E;
    padding:10px;
    width:100%;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -ms-transition: width 0.8s;
    transition: width 0.8s;
}
.menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover{
  width:110%
}
.menuFirst{
    border-bottom:2px solid #FFF;
}

.menu2{
    background-color:#21B3A5;
    padding:10px;
    width:100%;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -ms-transition: width 0.8s;
    transition: width 0.8s;
}
.menu3{
    background-color:#27d0c0;
    padding:10px;
    width:100%;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -ms-transition: width 0.8s;
    transition: width 0.8s;
}
.menu4{
    background-color:#29E0CF;
    padding:10px;
    width:100%;
    -webkit-transition: width 0.8s;
    -moz-transition: width 0.8s;
    -o-transition: width 0.8s;
    -ms-transition: width 0.8s;
    transition: width 0.8s;
}
.menuTexte{
    padding-top:5px;
    min-width:590px;
}
.menuTexte>text{
    width:80%;
    min-height:33px;
    vertical-align: super;
}
.menuTexte>i{
    margin-top:5px;
}
.fa{
    padding-right:15px;
    padding-left:10px;
    font-size: 1.5em;
    font-weight: 300;
}
#erreurmdp{
    position:fixed;
    left:210px;
    top:70px;
    width:600px;
}
#erreursaisie{
    position:fixed;
    left:210px;
    top:170px;
    width:600px;
}

/*ecran petit*/
@media only screen and (max-width: 991px) {
    .menuCompte{
        width:95%;
        margin-top:50px;
        margin-left:10px;
        margin-right:10px;
    }
    .menuCompte>ul{
        display:inline;
        margin: 0;
        padding: 0;
        list-style: none;
        width:90%;
    }
    .menuCompte>ul>li{
        width:100%;
        height:70px;
        width:100%;
    }

    .menuCompte>ul>li>button>span{

    }
    .menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover{
        width:100%
    }
    .fa{
        padding-right:5px;
        padding-left:5px;
    }
}