@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	background-color: #272F60;
}
a img {
	border: none;
}
a:link {
	color: #DB4D37;
	text-decoration: none;
}
a:visited {
	color: #DB4D37;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
#headline {
	padding: 0.8em;
	color: white;
	font-family: Roboto, helvetica, arial, sans-serif;
	background-color: #272F60;
	padding-bottom: 30px;
}
#headline h1 {
	font-weight: 300;
	font-size: 46px;
	line-height: 1em;
	margin-bottom: 0;
	padding-top: 74px;
}
#headline h2 {
	font-weight: 200;
	font-size: 26.7px;
	margin-top: 10px;
}
#section1, #section2, #section3 {
	box-sizing: border-box;
	padding: 20px;
}
#section1 h2, #section2 h2, #section3 h2 {
	margin-top: 0;
	font-size: 24px;
}
#section1 {
	background-color: #F7E3BC;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5em;
	text-align: justify;
}
#section1 h2 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 20px;
}
#section1 h3 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 30px;
	color: red;
}
#section1 h2 + p {
}
#section1 div img {
	box-sizing: border-box;
	box-shadow: #FF7502 20px 20px 20px;
}
#section2 {
	background-color: #EEA559;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: justify;
}
#section2 h2 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 20px;
}
#section2 h3 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 20px;
	color: white;
}
#section2 h2 + p {
}
#section2 div {
}
#section2 li {
	padding-bottom: 1pc;
}
#section3 {
	background-color: #FFFEF5;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}
#section3 h2 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 20px;
}
#section3 h2 + p {
	text-align: center;
}
footer {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	text-align: center;
	background-color: #272F60;
	color: white;
	padding-bottom: 20px;
	padding-top: 20px;
}
footer a:link {
	color: white;
}
footer a:visited {
	color: white;
}
.citation {
	color : #009;
}
.centre {
	text-align : center; 
}
.couleur_bleue {
	color: #1C34B8;
}
.couleur_verte {
	color: #090;
}
.couleur_orange {
	color: #CE9B3F;
}
.couleur_marron {
	color: #862D1B;
}
.couleur_violette {
	color: #600d6a;
}
.couleur_violette_claire {
	color: #e5cae8;
}
sanspuce ul li {
	list-style-type: none;
}
lisanspuce li {
	list-style-type: none;
}
.expo {
	font-size : 0.7em;
	font-weight: 200;
	vertical-align : bottom;
}
.centre {
	text-align : center; 
}
.justifie-indent {
	text-align : justify;
	text-indent : 1em;
} 
 @media screen and (max-width: 600px) {
#section1 h2, #section2 h2, #section3 h2 {
	margin-top: 0;
	font-size: 36px;
}
#section2 h3 {
	margin-top: 0;
	font-size: 25px;
	color: white;
}
.logo {
	position: absolute;
	z-index: 10;
}
#headline h1 {
	position: relative;
	z-index: 15;
}
#headline h2 {
	position: relative;
	z-index: 15;
}
#headline p {
	position: relative;
	z-index: 15;
}
#section1 div img {
	width: 66%;
	box-sizing: border-box;
	box-shadow: #FF7502 20px 20px 20px;
}
}
 @media screen and (min-width: 600px) {
.container {
	margin: auto;
	max-width: 760px;
}
#headline {
	margin-top: 0;
	padding-bottom: 30px;
}
#headline br {
	clear: both;
}
#section1 #section2 #section3 {
	box-sizing: border-box;
	padding: 10px 20% 80px 20%;
}
#section1 h2, #section2 h2, #section3 h2 {
	margin-top: 0;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.5em;
}
#section2 h3 {
	margin-top: 0;
	font-size: 36px;
	color: white;
}
/*#section1 ul {
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding-right: 1em;
}*/
#section1 br {
	clear: both;
}
.logo {
	float:right;
}
.expo {
	font-size : 0.7em;
	font-weight: 200;
	vertical-align : bottom;
}
}