/* ==========POLICES DE TEXTE========== */

@font-face {
		font-family: General;
		src:url(Fonts/General.otf);
}

/* ==========POLICES DE TEXTE========== */


/* ==========CLASSES========== */

.Slogan {
		
}


.Logo {
        margin:.5% 0 .5% 0;
        width:20%;
}

.charte {
		background-color:#353c41;
}

/* ==========CLASSES========== */


/* ==========MAIN========== */

main {
		background-color:#edac6b;
}

/* ==========MAIN========== */


/* ==========GLOBAUX========== */

body {
		margin:0 0;
}

/* ==========GLOBAUX========== */


/* ==========FOOTER========== */

footer{
		display:flex;
		align-items:flex-end;
		justify-content:space-between;
		font-family:"general","Arial", "sans-serif";
		color:#DDDDDD;
}

footer>article {
	margin:1% 1% 1% 1%;
}

footer>aside {
		margin:1% 1% 1% 1%;
		display:flex;
		flex-direction:column;
		align-items:flex-end;
		color:#818181;
}

footer>aside img {
		width:27px;
		height:27px;
}

/* ==========FOOTER========== */


/* ==========HEADER========== */

header>h2 {
	position:absolute;
	text-align:center;
	margin: 1.5% 40% 0 40%;
	width:20%;
	font-family:"general","Arial", "sans-serif";
	color:white;
}

header>div {
		display:block;
}

header>div>a {
		text-decoration:none;
		font-family:"general","Arial", "sans-serif";
		color:white;
		font-size:25px;
		margin:15% 15% 15% 15%;
}

#menu2 {
        width:20%;
        font-family:"general","Arial", "sans-serif";
        display:none;
        position:absolute;
		background-color: #353c41;
}

#menu2 a {
    text-decoration:none;
    color:white;
}

.burger {
        display:none;
}
/* ==========HEADER========== */

	
/* ==========NAV DIV========== */

#SelecPage {
		color:#34a1ff;
}

nav div {
		padding:1.2% 0 1.2% 0;
		display:flex;
		flex:auto;
		justify-content:space-evenly;
		align-items:stretch;
}
nav div a {
		text-decoration:none;
		font-family:"general","Arial", "sans-serif";
		color:white;
}
nav a:hover {
	background-color:#3F464B;
}
nav { 
	position:absolute;
	background-color:#252D32;
	padding:0px 2% 0px 2%;
	margin:5% 25% 0 25%;
	display:flex;
	
}
/* ==========NAV DIV========== */

/* ==========ACCUEIL=========== */

#accueil img{
	max-width:40%;
	margin:0 3% 0 3%;
}

#accueil>article:nth-child(odd) img{
	float:right;
}
#accueil>article:nth-child(even) img{
	float:left;
}
#accueil article{
	padding: 5% 0% 5% 0%;
}
#accueil h2{
	margin:3%;
	line-height:150%;
	font-family:"general","Arial", "sans-serif";
}
/* ==========ACCUEIL=========== */

/* ==========CONTACT=========== */

#contact,form{
	display:flex;
	flex-direction:column;
	align-items:center;
}
textarea{
	width:500px;
	height:200px;
	resize:none;
}
#contact .etoile{
	color:red;
}
#contact{
	height:1150px;
}
#contact p{
	font-size:100%;
}
/* ==========CONTACT=========== */

p{
	font-size:120%;
	margin:0 3%;
	line-height:150%;
}
main{
	font-family:"Lucida Sans Unicode","Arial", "sans-serif";
}

@media (max-width:550px){
	main img{display:none;}
	main p{font-size:100%;}
	label{font-size:90%;}
	textarea{width:300px;
	height:100px;}
}
@media (max-width:900px) {
    .burger {display:block;}
    .Logo {display:none;}
    nav {display:none;}
    .burger:hover #menu2 {
        display:block;
    }
}