/* PLACEMENT DU HEADER */


header{
	width:90%;
	max-width: 960px;
	margin: 0 auto;
	display:flex;
	font-family: 'Cabin', sans-serif;
}

header>.conteneurLogo, 
header>.conteneurDrapeaux{
	width:20%;
}

header>.conteneurMenu{
	width:60%;
}



/* LE LOGO*/

header>.conteneurLogo{
	display:flex;
	align-items:center;
}
header>.conteneurLogo>img{
	width:90px;
}

header>.conteneurLogo>h1{
	font-size: 20px;
	padding: 0 0 0 16px;
	font-weight: bold;
	color: #2F7FD9;
}

/* LE MENU */

header>.conteneurMenu{
	display:flex;
	justify-content: space-around;
	align-items: flex-end;
}

header>.conteneurMenu>a{
	text-decoration:none;
	color:black;
	font-size: 17px;
}

/* LES DRAPEAUX */

header>.conteneurDrapeaux{
	display:flex;
	justify-content: flex-end;
	align-items: flex-start;
}

header>.conteneurDrapeaux>img{
	margin:4px;
}

hr{
	border: 0.5px solid blue;
	margin: 30px 0;
}

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

.conteneur{
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	background-image: url("../images/degrade.jpg");
	background-size: contain;
	display: flex;
	font-family: 'Cabin', sans-serif;
}

.conteneur>.colonneGauche,
.conteneur>.colonneDroite{
	width: 50%;
}

.conteneur>.colonneGauche>p{
	padding: 16px;
	font-size: 20px;
	line-height: 30px;
}

.conteneur>.colonneGauche>p>strong{
	font-size: 1.3em;
	color: #2F7FD9;
	font-weight: bold;
}

.conteneur h2{
	text-align: center;
	color: #2F7FD9;
	font-size: 24px;
	font-weight: bold;
	background-image: url(../images/fleche_gauche.png);
	background-repeat: no-repeat;
	margin: 30px 15px;
}

.conteneur>.colonneGauche>.conteneurArticle>article{
	display: flex;
	margin-bottom: 24px;
}

.conteneur>.colonneGauche>.conteneurArticle>article>figure{
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.conteneur>.colonneGauche>.conteneurArticle>article>figure>img{
	width: 100%;
}

.conteneur>.colonneGauche>.conteneurArticle>article>p{
	width: 65%;
	padding: 0 8px;
	line-height: 20px;
	border-bottom: 1px solid grey;
    padding-bottom: 8px;
}

.conteneur>.colonneGauche>a{
	text-decoration: none;
    text-align: center;
    background-color: #383838;
    color: white;
    display: block;
    padding: 16px 0;
    border-radius: 15px;
    margin: 20px;
}

.conteneur>.colonneDroite>.carte-monde>img{
	width: 100%;
}

.conteneur>.colonneDroite>.video{
	margin: 20px;
	display: block;
}

.conteneur>.colonneDroite>.video>iframe{
	width: 100%;
}

/*----------------FOOTER-------------*/

footer{
	background-color: #383838;
}

footer>.conteneurFooter{
	width:90%;
	max-width: 960px;
	margin: 0 auto;
	font-family: 'Cabin', sans-serif;
	padding-top: 16px;
	padding-bottom: 16px;
	
}

footer>.conteneurFooter>nav{
	display: flex;
	justify-content: center;
}

footer>.conteneurFooter>nav>a{
	color: #2F7FD9;
	text-decoration: none;
	display: block;
	margin: 0 16px;
}

footer>.conteneurFooter>p{
	color: white;
	text-align: center;
	margin-top: 4px;
}

/*----------------Pages secondaires----------------*/

.pageSecondaires{
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pageSecondaires>p{
	text-align: center;
	font-family: cabin;
	font-size: 40px;
}