@font-face 
{
    font-family:'learning_curveregular';
    src: url('learning_curve_regular_ot_ps-webfont.eot');
    src: url('learning_curve_regular_ot_ps-webfont.eot?#iefix') format('embedded-opentype'),
         url('learning_curve_regular_ot_ps-webfont.woff2') format('woff2'),
         url('learning_curve_regular_ot_ps-webfont.woff') format('woff'),
         url('learning_curve_regular_ot_ps-webfont.ttf') format('truetype'),
         url('learning_curve_regular_ot_ps-webfont.svg#learning_curveregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#bloc_page
{
	width: 100%;
	height: 1500px;
	background-image: url("02-sept-95-o.jpg");
	background-repeat: no-repeat;
	background-size:100%;
	border: 2px purple solid;
}
/*definition de la bannière*/
.banniere div
{
	font-size: 3em;
	font-family: "Comic Sans MS";
	font-style: bold;
	width: 80%;
	margin-left: 40px;
	margin-top: 10px;
	text-align: center;
	height: 10px;
	text-shadow: 5px 5px 5px white;
	
}	

.banniere img
{	
	position: absolute;
	top: 30px;
	left: 1050px;
	
}
.banniere
{
	display: flex;
	flex-wrap: wrap;
	background-image: url(banniere_tentes_compr.jpg);
	background-repeat: no-repeat;
	background-size: 1200px 150px;
	border: 2px black solid;
	box-shadow: 2px 2px 0px black;
	border-radius: 10px;
	width: 1200px;
	height : 150px;
	margin: auto;
	margin-top: 10px;

}
/*misen forme du menu*/
#menu
{
	display: flex;
	position: absolute;
	top: 8px;
	left: 1312px;
	font-family: "comic sans ms";
	font-size: 1.5em;
	color: purple;
	text-shadow: 2px 3px 2px white;
	background-image: url(logo_52.jpg);
	background-size: 500px 500px;
	width: 250px;
	height: 500px;
	text-decoration: none;
	border-top:2px purple solid;
	border-right:2px purple solid;
	border-bottom:2px purple solid;
	box-shadow:5px 5px 2px black;
}
#menu a
{
	color: black;
	text-decoration: none;
	font-style: bold;
}
#menu a:hover
{
	color: red;
	font-size: 2em;
	font-style: bold;
}
#bloc_contact
{
	background-image: url("contactez_nous.png");
	text-decoration: none;
	border:2px purple solid;
	box-shadow:5px 5px 2px black;
	position: absolute;
	top: 70%;
	left: 80%;
	text-align: center;
	width: 110px;
	height: 112px;
	background-repeat: no-repeat;
	font-family:"comic sans ms";
	color: black;
	font-style: bold;
	font-size: 1.5em;
	background-size: 110px 112px;
	padding-top: 10px;
}
/*mise en forme page*/
section
{
	display: flex;
}
section h1
{
	font-family:'learning_curveregular',arial;
	font-style: bold;
	color: whitesmoke;
	font-size:5em;
	width: 40%;
	text-align: center;
	text-shadow: 3px 3px 3px purple;
	margin: 20px;
}
#cadre0
{
	position: absolute;
	top: 2%;
	left: 10%;
	font-family:'learning_curveregular',arial;
	font-style: bold;
	color: whitesmoke;
	font-size:300%;
	width: 40%;
	text-align: center;
	text-shadow: 3px 3px 3px purple;
	margin: 20px;
}
#cadre1
{
	background-color: rgb(54, 180, 4);
	opacity: 0.7;
	position: absolute;
	top: 10%;
	left: 60%;
	font-family: "comic sans ms";
	font-size: 200%;
	text-align: center;
	width: 30%;
	border-radius: 10px;
	border: 3px #000000 solid;
	box-shadow: 10px 10px 3px black;
	padding: 10px;
	color: rgb(225, 16, 1);
	text-decoration:none;
}
#cadre2
{
	background-color: #7F0000;
	opacity: 0.7;
	position: absolute;
	top:40%;
	left: 10%;
	font-family: "comic sans ms";
	font-size: 100%;
	text-align: left;
	width: 30%;
	border-radius: 10px;
	border: 3px #000000 solid;
	box-shadow: 10px 10px 3px black;
	color: #01E180;
	text-decoration:none;
	padding-bottom: 20px;
}
#cadre2 ul
{
	font-size: 80%;
	color: #01E180#;
}
#cadre3
{
	background-color: #7F0000;
	opacity: 1;
	position: absolute;
	top: 30%;
	left: 15%;
	font-family: "comic sans ms";
	font-size: 100%;
	text-align: center;
	width: 60%;
	border-radius: 10px;
	border: 3px #000000 solid;
	box-shadow: 10px 10px 3px black;
	padding: 10px;
	color: #01E180;
	text-decoration:none;
}
#cadre4
{
	background-color: #7F0000;
	opacity: 0.7;
	position: absolute;
	top: 600px;
	left: 700px;
	font-family: "comic sans ms";
	font-size: 2em;
	text-align: center;
	width: 35%;
	border-radius: 10px;
	border: 3px #000000 solid;
	box-shadow: 10px 10px 3px black;
	color: #01E180;
	text-decoration:none;
}
#cadre2 a
{
	font-family: "comic sans ms";
	font-size: 2em;
	color : blue;
	text-decoration: none;

}
#cadre4 a
{
	font-family: "comic sans ms";
	font-size: 1em;
	color : blue;
	text-decoration: none;

}