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

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

/* Adresses box */

#adresse{
margin-top: 50px;
}

#adresse h4, #livraison h2{
font-weight: 400;
color: #333;
}

.box-container{
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 10px;
height: auto;
}

.add-box{
position: relative;
flex: 1;
width: 48%;
font-family: Verdana, Trebuchet, Colibri, sans-serif;
font-size: 80%;
display: inline-block;
padding : 10px 20px 20px 20px ;
margin-right: 2%;
margin-bottom: 10px;
border: thin #ccc solid;
}

.add-box:nth-child(2){
margin-right: 0px;
}

.add-box p{
line-height: 20px;
margin: 0px;
}

a.mess-livreur{
color: #336699;
font-size: 80%;
font-style: italic;
}

.modif{
margin-top: 15px;
}

input.sub-hid{
position: absolute;
bottom: 10px;
}

#ajout-liv {
margin-top: 10px;
}

#ajout-liv  a{
font-family: Verdana, Trebuchet, Colibri, sans-serif;
color: #336699;
font-size: 90%;
}

/* FORMULAIRE */

#livraison{
width: 50%;
float: left;
padding: 0% 5% 10% 5%;
}

#genre input{
position: relative;
top: 2.5px;
max-height: 12px;
}

table th{
display: flex;
float: left;
width: 70px;
}

table #Mr{
margin-left: -5px;
}

.identifiants{
margin: auto;
}

.identifiants a, #infos a{
text-decoration: underline;
}

.identifiants label{
font-family: Tahoma;
font-size: 90%;
color: #778899;
}

.identifiants input{
width: 98%;
height: 20px;
border-radius: 2px;
background-color: #eee;
}

.identifiants input:focus{
background-color: #fff;
}

#note-livreur textarea{
width: 100%;
height: 50px;
margin-top: -10px;
background-color: #f8f8f8;
}

#note-livreur textarea:focus{
background-color: #fff;
}

input.valider{
width: 100%;
margin-top: 15px;
font-family: Verdana;
font-size: 100%;
color: #fff;
height: 35px;
background-color: #444;
text-shadow: 1px 1px #000;
border-radius: 10px;
}

input.valider:hover{
cursor: pointer;
background-color: #333;
}

sup{
position: relative;
top: 2px;
color: red;
}


/*message erreur*/

.message2{
font-family: Colibri, sans-serif;
margin-top: 50px;
font-size: 120%;
text-align: center;
}

.message2 img{
position: relative;
top: 10px;
right: 10px;
}

.message2 a{
color: #336699;
text-align : center;
}

/*footer*/

footer{
margin-top: 150px;
}

/* RESPONSIVE */

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

#livraison{
width: 100%;
float: none;
padding: 0% 0% 10% 0%;
}

}

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

.box-container{
display: block;
width: 100%;
}

.add-box{
display: block;
width: 96%;
font-family: Verdana, Trebuchet, Colibri, sans-serif;
padding : 2% 2% 2% 2% ;
margin-right: 0%;
}

#ajout-liv{
position: relative;
top: 30px;
}


}