@import url(global.css);
@import url(header2.css);
@import url(footer.css);
@import url(menu.css);

#wrap{
font-family: corbel, colibri, Sans-serif !important;
}

h1, #unset{
display: inline-block;
}

/*Informations compte*/

#main{
padding-bottom: 150px;
}

#mes-infos{
position: relative;
display: flex;
margin-top: 30px;
padding: 20px;
}

#texte, #mdp{
flex:1;
}

#mes-infos div:first-child{
margin-right: 20px;
border-right: thin #ccc dotted;
padding-right: 20px
}

#texte a, #mdp a{
position: absolute;
bottom: 10px;
color: #336699;
}

.infos{
font-family: sans-serif;
font-size: 80%;
}

.mdp-modifie{
color: green;
font-size: 90%;
margin-top: -20px;
}


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

#main{
padding-bottom: 0px !important;
}

}

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

#mes-infos{
display: block !important;
width: 100% !important;
margin-top: 0px;
padding: 20px 0px 20px 0px ;
}

#texte, #mdp{
display: block;
}

#mes-infos div:first-child{
margin-right: 0px;
border-right: none;
padding-right: 0px
}

#texte a, #mdp a{
position: relative;
bottom: 18px;
}

}

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

h1, #unset{
display: block;
}

h1{
padding-top: 25px;
}

#unset{
margin: -15px 0px 20px -20px;
}

}