html{
	font-size: 16px;
}

h1{
	font-size: 2.5rem;
}

h2{
color: rgb(0,0,32);
}

h3{
color: rgb(0,0,32);
}
h4{
color: rgb(0,0,32);
}

h5{
color: rgb(0,0,32);
}

body{
background-image: url("../img/compagnie.jpg");
}

#page{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	min-height: 750px;


}

header{
max-width: 264px;
width: 20%;
max-height: 100%; 
font-family: 'Alegreya Sans SC', sans-serif;
z-index: 7;
}

#titre_principal{
	color: rgb(0,0,32);
	height: 100px;
}

#titre_principal a{
	text-decoration: none;
    color: rgb(0,0,32);
}




nav.menu-nav{
	border-right: 1px solid black;
}

ul{
margin-top: 140px;
margin-left: 0;
padding-left: 0;
}

nav.menu-nav ul li.btn{
text-align: right;
list-style-type: none;
height: 100%;
font-family: 'Alegreya Sans SC', sans-serif;
font-weight: lighter;
font-size: 1.8rem;

}

nav.menu-nav ul li.btn a{
color: rgb(64,0,0);
text-decoration: none;
padding: 10px;

}

nav.menu-nav ul li.btn:hover a{
	color: rgb(0,0,32);
	font-weight: bold;
	transition: 0.1s all;

}
section{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

form {
 background-color:rgba(0,0,32,0.3);
 font-family: 'Alegreya Sans SC', sans-serif;
 font-weight: bold;
 color: rgba(255,255,224,0.8);
 padding:10px;
 width:700px;
 margin-left: 25%;
 margin-right: 25%;
 }

 fieldset {

 margin-bottom:50px;
 border:none;
 }


fieldset.coordonnées label{
	display: block;
	width: 150px;
	float: left;
}


 form fieldset legend {
 font-family: 'Alegreya Sans SC', sans-serif;
 font-weight: bold;
 color: rgba(255,255,224,0.8);

 }

input, textarea, select, option {
 background-color:rgba(255,255,224,0.3);
 border-color: rgba(0,0,32,0.3);
 }


input, textarea, select {
 padding:3px;
 }
 
select {
 margin-top:10px;

 }


footer{
	text-align: center;
	color: black;
	width: 100%;
}

 @media screen and (min-width: 706px){
	#icon-menu{
		display : none;
	}
	.logo{
		display: none;
	}
	.menu-nav{
		display: none;
	}

}

@media screen and (max-width: 899px){
	textarea{
		width: 100%;

	}
}


@media screen and (max-width: 705px) {
#page{
	max-width: 705px;
	width: 100%;
	margin: none !important;
	padding: none !important;
}
section{
	width: 95%;
	padding-left: 0 !important;
	margin-left: 0 !important;
    margin-top: 125px;
}
form{
    max-width: 705px;
    width: 100%;
    margin-right: 0;
    margin-left: 0;

}
fieldset{
	max-width: 705px;
	width: 100%;

}

textarea{
	width: 90%;
}

}