/*  ---------------------------------------------styles.css----------------------------------------------------- */
/*  ------------------------------------------------------------------------------------------------------------ */



* { padding: 0;  margin: 0;  box-sizing: border-box;}
body { width: 100vw;  overflow-x: hidden;  font-family: arial, sans-serif;  background-color: white;}



/*  -------------------------------------------------------------------------------------------------------- */
/*  -------------------------------------------Header------------------------------------------------------- */



#header { display: flex;  width: 100%;  height: 13vh;  padding: 15px 0;}
#header .logoheader { height: 100%;}
#header .logoheader img { height: 100%;}
#header .menuheader { display: flex;  height: 100%;}


@media only screen and (max-width: 1000px) {
	#header { min-height: 13vh;  height: auto;}
	#header p img { width: 100%;  height: auto;}
}


/*  -------------------------------------------------------------------------------------------------------- */
/*  -------------------------------------------Main page---------------------------------------------------- */



#mainpage { position: relative;  width: 100vw;  min-height: 87vh;}
.container { display: flex;  position: absolute;  left:0;  width: 100%;  height: 100%;}
.boutique { width: 95%;  height: 100%;  background-color: rgb(255,218,218);}
.decouverte { width: 5%;  height: 100%;  background-color: rgb(218,255,218);}