*
{
	margin: 0;
}

html
{
	color: #3e227b;
	font-family: Roboto, sans-serif;
	line-height: 28px;
}

.header
{

	height: 310px;
	width: 100%;

	margin-bottom: 60px;


	overflow: hidden;

	background-image: url("../img/background.jpg");

	background-position: center -280px;

	background-repeat:  no-repeat;

	background-attachment: fixed;

	background-size:  cover;

	background-color: #3e227b;

	padding-top: 40px;

}

.text_block
{
	width: 880px;
	margin: auto;

}

.oniri_logo
{
	display: block;
	margin: auto;
	height: 250px;
}

.drapeau_FR
{
	position: absolute;
	height: 25px;
	margin-top: 10px;
	margin-left: 10px;
}

.drapeau_EN
{
	position: absolute;
	height: 25px;
	margin-top: 10px;
	margin-left: 50px;
}

.drapeau_FR:hover, .drapeau_EN:hover
{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


p
{
	font-weight: 20px;
}

h1
{
	text-align: center;
	margin-bottom: 60px;
}

h2
{
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

h3,ul,p
{
	margin-top: 20px;
	margin-bottom: 20px;
}


a
{
	text-decoration: none;
	color: #2ac5cf;
}

a:hover
{
	color: #23adb6;
}

.footer
{
	text-align: center;
	font-style: italic;
	margin-top: 100px;
}

@media screen and (max-width: 1024px) {

.header{
	height: 280px;
	background-image: url("../img/background_mobile.jpg");
	background-position: center 0;

	background-repeat:  no-repeat;

	background-attachment: fixed;

	background-size:  contain;
	padding-top: 60px;
}


.oniri_logo
{
	display: block;
	margin: auto;
	height: 215px;
}

.text_block
{
	width: 600px;
	font-weight: 20px;
	margin: auto;

}


}

@media screen and (max-width: 700px) {

.header{
	height: 190px;
	width: 100%;
	padding-top: 50px;
}

.oniri_logo
{
	display: block;
	margin: auto;
	height: 130px;
}


.text_block
{
	width: 250px;
	font-weight: 20px;
	margin: auto;

}

h1
{
	font-size: 22px;
}

h2
{
	text-align: left;
}

.footer
{
	width: 300px;
	text-align: center;
}

}