@font-face {
    font-family: Avenir Book;
    src: url(AvenirLTStd-Roman.otf);
}
/*Mise en page générale*/
#main_content{width: 65%;left: 10%; background-color: white;position: fixed; padding: 7px;border-radius: 10px;top: 13%;overflow-y: scroll; height: 80%;overflow-x: hidden;}
#main_content h2{font-size: 25px; font-family: Verdana, Geneva, Tahoma, sans-serif;font-weight: bolder;}
header{max-height: 100px;position: fixed;z-index: 1;background-color: rgb(0, 51, 160);top: 0;height: 12%;left: 0;width: 100%;}
header img{position: relative; left: 5%;height: 90%;top: 5%;}
header span{color: white; position:relative; top: -90%;left: 30%;font-size: 90%;height: 100%;max-width: 100%;display: block;}

body{color: rgb(0, 51, 160);font-size:large;font-family: Avenir Book;}

#menu{width: 100%; position: relative;padding-left:5% ;padding-right: 5%;padding-bottom: 2%;}
#menu span{width: 40%;position: relative;display: inline-block;font-size: 18px;}
#menu a{color: rgb(10, 99, 90);text-decoration:none;}
#menu a:hover{color:tomato;}
.jaquette_bas .photo_main, .gilet .photo_main, .accessoires .photo_main{position:relative;max-height: 250px;left: 60px;}
.accessoires .description{position: absolute;  left: 200px;}
#liste_chapeaux{width: 80%;}
.chapeau{min-height:150px;}
.chapeau .photo_main{position:relative;max-width: 160px;left: 60px;}
.chapeau .description, .jaquette_bas .description{position: absolute; left: 220px;}
.chapeau .info_sup, .jaquette_bas .info_sup , .gilet .info_sup, .accessoires .info_sup{position: relative; left: 250px;}
.displaynone{display:none}
.gilet .description{position: absolute;  left: 280px;}



#liste_robes{width: 80%;}
.robe .photo_main,.robe .photo_main{position:relative;width: 100px;left: 60px;}
.robe .description{position: absolute; left: 220px;}
.robe .info_sup{position: relative; left: 250px;}
.robe{min-height:150px}

#retour_accueil{display: block;position: absolute; right: 2.5%; bottom: 5%; width: 20%;height:70px;background-color: rgb(255, 205, 0); border-radius: 15px;}
#retour_accueil a{position: relative;left: 25%;top: 20px;text-align: center;color: rgb(0, 51, 160);}
/*détail */
#details{display: none;position: fixed;width: 90%;height: 80%;background-color: white;left: 4%; top: 13%;padding-left:2% ;padding-top:1%;padding-bottom: 2%;padding-right: 2%;z-index: 3;}
#details #info_robe, #details #photo_main,#details #info_chapeau, #details #info_gilet, #details #info_accessoires{position: absolute; top: 12%;}
#details .photo_mineure{position:relative;margin-left: 4%;margin-bottom:4%;height: unset;}
#details #gallerie_image{position: relative;width: 100%;}
#details .button{position: absolute;bottom: 19%;}
#details .button1{right: 1%;}
#details .button2{right: 15%;}
#details_new{display: none;}
#details #photo_main{z-index: 1;}
#details h4{position: relative;top:0%;}
#details #photo_main:hover{cursor:pointer; transition: transform 1s; transform : scale(1.5);}
#details .photo_mineure:hover{cursor:pointer; transition: transform 1s; transform : scale(2);z-index: 1;}
#details table{position: relative;top: -10px;}
#details #photo_main{height: unset;display: unset;}


#reservation span{background-color:gray;margin:3px;padding:3px;border-radius:3px;line-height:2;text-align:justify;}
#reservation .R{background-color:rgb(216, 92, 92);}
#reservation .NR{background-color:rgba(144, 240, 144, 0.795);}
#divtab_reservation{overflow-x:scroll;margin:3px;}
#divtab_reservation table{position:relative;top:0px;padding-bottom:1px;}
#info_jaquettehaut, #infojaquettebas {position:relative;}

.photo_main:hover{cursor:pointer; transition: transform 1s; transform : scale(1.7);z-index: 4;}
hr{margin: 3px;}
input[type=button],input[type=submit]{background:rgb(255, 205, 0);border-radius:10px;height:40px;border:none;padding: 1px;text-align: center;padding-right: 10px;padding-left: 10px;color: rgb(0, 51, 160);font-size: large;}
fieldset{border:none;margin:2px;text-align: center;}
#menu_filtres{position: fixed;right: 2px;top:40%;width: 20%;background-color: rgb(0, 51, 160);border-radius: 5px;padding: 10px;z-index: 10 !important;text-align: center;}
h2{padding: 0px 0 4px;
    margin: 0 0 30px !important;
    color: rgb(0, 51, 160) !important;
    font-weight: normal;
    display: block;}
#menu_filtres h4{color: white;text-align: center;}

td{border: solid 1px; padding: 5px;}
th{border: solid 1px;padding: 5px;}
table{border-collapse:collapse ;}

#details_tailles_femme{display: none;position: fixed;width: 90%;height: 87%;background-color: antiquewhite;left: 4%; top: 2%;padding-left:2% ;padding-top:1%;padding-bottom: 2%;padding-right: 2%;z-index: 1;}

/*Ajout vetement*/
form.ajout{text-align: justify;}
.ajout input, .ajout label, .ajout select, .ajout textarea{padding: 3px;margin: 2px;}
input[type=text]:invalid, textarea:invalid, select:invalid,input[type=number]:invalid{border-color: rgb(184, 80, 80);}
input[type=text]:valid:required,input[type=number]:valid:required,select:valid:required{background-color: rgba(150, 252, 137, 0.555);}
summary{font-size: 20px;color: #015081;}
.ajout label{font-weight: bold;}


.label{color: white;}