@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "din bold";
	src: url("police/D-DINCondensed-Bold.ttf");
	}
		

.contenu-image1 {
text-align:center;
	width: 70%;
	padding: 15%;

}

.contenu-image1 img  {
	width: 100%;
	
}

.contenu-image2 {
text-align:center;
	background-color: reds;
	width: 70%;
	padding: 15%;
	margin-top: -30%;
}

.contenu-image2 img  {
	width: 100%;
}

.contenu-forme1 {
position: absolute;
margin-top: -78%;
right:6%;
width: 30%;
	}

.contenu-forme1 img {
width: 100%;	
	
	}

.contenu-forme2 {
position: absolute;
margin-top: -38%;
margin-left: -2%;
width: 90%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme2 img {
width: 100%;	
}

.contenu-forme3 {
margin-top: -130%;
margin-left: 15%;
width: 70%;
padding: 5%;
position:absolute;z-index:-1;
	}

.contenu-forme3 img {
width: 100%;	
	
	}


.contenu-texte1 {
	width: 16%;
	margin-left: 16%;
	margin-top: -100%;
	color : #ffec93;
	font-size:18px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index:3
	}

.contenu-s {
	width: 20%;
	margin-left: 12%;
	margin-top: -130%;
	color : #4bbdc4;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-k {
	width: 20%;
	margin-left: 73%;
	margin-top: -60%;
	color : #bdf5f6;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:1
	
		}

.contenu-soustitre1 {
	width: 14%;
	margin-left: 16%;
	margin-top: -31%;
	color : #93c99c;
	font-size:50px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index: 3
	}

.contenu-soussoustitre {
	width: 25%;
	margin-left: 16%;
	margin-top: -18%;
	color : #ffed94;
	font-size:25px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index: 3
	}

.contenu-texte2 {
	width: 23.5%;
	text-align: justify;
	margin-left: 25%;
	margin-top: -7.5%;
	color : #673582;
	font-size:15px;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index: 3
	}

.contenu-texte3 {
	width: 23.5%;
	text-align: justify;
	margin-left: 50%;
	margin-top: -2%;
	color : #673582;
	font-size:15px;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;
	}

.contenu-citation {
	width: 23%;
	margin-left: 50%;
	margin-top: -15%;
	color : #b52e4e;
	font-size:15px;
	font-style: italic;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}

.contenu-image3 {
text-align:center;
	padding: 15%;
	margin-top:13%;

}

.contenu-image3 img  {
	width: 100%;
	
}

.contenu-forme4 {
margin-top: -85%;
margin-left: 0%;
width: 50%;
padding: 5%;
position:absolute;z-index:-1;
	}

.contenu-forme4 img {
width: 100%;	
	
	}

.contenu-forme5 {
margin-top: -35%;
margin-left: 35%;
width: 50%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme5 img {
width: 100%;	
	
	}

.contenu-a {
	width: 20%;
	margin-left: 15%;
	margin-top: -90%;
	color : #d37139;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:1
	
		}

.contenu-image4 {
text-align:center;
	padding: 15%;
	margin-top:-27%;

}

.contenu-image4 img  {
	width: 100%;
	
}

.contenu-forme6 {
margin-top: -77%;
margin-left: 14%;
width: 10%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme6 img {
width: 100%;	
	
	}

.contenu-forme7 {
margin-top: -30%;
margin-left: 25%;
width: 50%;
padding: 5%;
position:absolute;z-index:1;
	}

.contenu-forme7 img {
width: 100%;	
	
	}

.contenu-t {
	width: 18%;
	margin-left: 77%;
	margin-top: -87%;
	color : #579b9c;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:3
	
		}

.contenu-texte4 {
	width: 16%;
	margin-left: 29%;
	margin-top: -63%;
	transform: rotate(7deg);
	color : #297c91;
	font-size:18px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index:3
	}

.contenu-forme8 {
margin-top: -70%;
margin-left: -16%;
transform: rotate(90deg);
width: 50%;
padding: 5%;
position:absolute;z-index:-1;
	}

.contenu-forme8 img {
width: 100%;	
	
	}

.contenu-citation2 {
	width: 28%;
	margin-left: 50%;
	margin-top: -14%;
	color : #ff915a;
	text-align: justify;
	font-size:15px;
	font-style: italic;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}

.contenu-citation3 {
	width: 13%;
	margin-left: 35%;
	margin-top: -5%;
	color : #ed94d2;
	text-align: justify;
	text-align : right;
	font-size:15px;
	font-style: italic;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}

.contenu-citation4 {
	width: 13%;
	margin-left: 40%;
	margin-top: -26%;
	color : #b7a6e7;
	font-size:15px;
	font-style: italic;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}

.contenu-forme9 {
margin-top: -30%;
margin-left: -2%;
width: 28%;
padding: 5%;
position:absolute;z-index:2;
	}

.contenu-forme9 img {
width: 100%;	
	
	}


.contenu-image5 {
text-align:center;
	padding: 15%;
	margin-top:-2%;
	margin-left: -6.5%;

}

.contenu-image5 img  {
	width: 91.8%;
	
	}

.contenu-e {
	width: 20%;
	margin-left: 16%;
	margin-top: -143%;
	color : #cfb7f7;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-forme10 {
margin-top: -30%;
margin-left: 0%;
width: 65%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme10 img {
width: 100%;	
	
	}

.contenu-forme11 {
margin-top: -55%;
margin-left: -7%;
width: 45%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme11 img {
width: 100%;	
	
	}

.contenu-forme12 {
margin-top: -58%;
margin-left: 13%;
width: 55%;
padding: 5%;
position:absolute;z-index:-1;
	}

.contenu-forme12 img {
width: 100%;	
	
	}

.contenu-image6 {
text-align:center;
	padding: 15%;
	margin-top:-28%;
	margin-left: -6.5%;

}

.contenu-image6 img  {
	width: 91.8%;
	
	}

.contenu-b {
	width: 20%;
	margin-left: 79%;
	margin-top: -83%;
	color : #db5f18;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-forme13 {
margin-top: -35%;
margin-left: -3%;
width: 60%;
padding: 5%;
position:absolute;z-index:2;
	}

.contenu-forme13 img {
width: 100%;	
	
	}

.contenu-forme14 {
margin-top: -65%;
margin-left: 7%;
width: 25%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme14 img {
width: 100%;	
	
	}


.contenu-forme15 {
margin-top: -32%;
margin-left: -8%;
width: 35%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme15 img {
width: 100%;	
	
	}

.contenu-soustitre2 {
	width: 14%;
	margin-left: 40%;
	margin-top: -43.5%;
	color : #ad7fff;
	font-size:50px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index: 2
	}

.contenu-texte5 {
	width: 23.5%;
	text-align: justify;
	margin-left: 15%;
	margin-top: -32%;
	color : #f8803b;
	font-size:15px;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index: 3
	}

.contenu-image7 {
text-align:center;
	padding: 15%;
	margin-top:-6%;
	margin-left: -6.4%;

}

.contenu-image7 img  {
	width: 91.5%;
	
}

.contenu-forme16 {
margin-top: -36%;
margin-left: 22%;
width: 43%;
opacity: 90%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme16 img {
width: 100%;	
	
	}

.contenu-forme17 {
margin-top: -52%;
margin-left: 2%;
width: 40%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme17 img {
width: 100%;	
	
	}

.contenu-forme18 {
margin-top: -25%;
margin-left: -2;
width: 65%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme18 img {
width: 100%;	
	
	}

.contenu-o {
	width: 20%;
	margin-left: 12%;
	margin-top: -70%;
	color : #4bbdc4;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-image8 {
text-align:center;
	padding: 15%;
	margin-top:-28%;
	margin-left: -6.4%;

}

.contenu-image8 img  {
	width: 91.5%;
	
}

.contenu-a2 {
	width: 20%;
	margin-left: 62%;
	margin-top: -89%;
	color : #c0df84;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-forme19 {
margin-top: -44%;
margin-left: 0%;
width: 55%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme19 img {
width: 100%;	
	
	}

.contenu-forme20 {
margin-top: -30%;
margin-left: 0%;
width: 40%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme20 img {
width: 100%;	
	
	}

.contenu-citation5 {
	width: 16%;
	margin-left: 65%;
	margin-top: -118%;
	color : #8c8fdd;
	font-size:18px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index:3
	}

.contenu-citation5bis {
	width: 16%;
	margin-left: 62%;
	margin-top: -107%;
	color : #4bbdc4;
	font-size:18px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index:3
	}

.contenu-citation6 {
	width: 18.7%;
	margin-left: 65%;
	margin-top: -25%;
	color : #c0df84;
	font-size:15px;
	text-align: justify;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}


.contenu-image9 {
text-align:center;
	padding: 15%;
	margin-top:-6%;
	margin-left: -6.4%;

}

.contenu-image9 img  {
	width: 91.5%;
	
}

.contenu-forme21 {
margin-top: -55%;
margin-left: -4%;
width: 55%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme21 img {
width: 100%;	
	
	}

.contenu-forme22 {
margin-top: -30%;
margin-left: 5%;
width: 45%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme22 img {
width: 100%;	
	
	}

.contenu-image10 {
text-align:center;
	padding: 15%;
	margin-top:-28%;
	margin-left: -6.4%;

}

.contenu-image10 img  {
	width: 91.5%;
	
}

.contenu-forme23 {
margin-top: -30%;
margin-left: 1%;
width: 68%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme23 img {
width: 100%;	
	
	}

.contenu-forme24 {
margin-top: -55%;
margin-left: 25%;
width: 40%;
padding: 5%;
position:absolute;z-index:3;
	}

.contenu-forme24 img {
width: 100%;	
	
	}

.contenu-r {
	width: 20%;
	margin-left: 15%;
	margin-top: -119%;
	color : #ffc879;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-d {
	width: 20%;
	margin-left: 66%;
	margin-top: -80%;
	color : #fff35f;
	font-size:240px;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:2
	
		}

.contenu-citation7 {
	width: 30%;
	margin-left: 8%;
	margin-top: -75%;
	color : #8455ff;
	font-size:40px;
	font-weight:bold;
	font-family:"din bold";
	position:absolute;z-index:3
	}


.gros-texte {
	width: 40%;
	margin-left: 55%;
	margin-top: -164%;
	opacity: 40%;
	color : #c0df84;
	font-size:65px;
	text-align: right;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:1
	}

.contenu-citation8 {
	width: 16%;
	margin-left: 48%;
	margin-top: -12.6%;
	color : #f8b756;
	text-align : right;
	font-size:15px;
	font-style: italic;
	font-family:times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	position:absolute;z-index:4
	}

.gros-texte2 {
	width: 25%;
	margin-left: 15%;
	margin-top: -23%;
	opacity: 60%;
	color : #fff35f;
	font-size:50px;
	text-align: left;
	font-weight:bold;
	font-family: "din bold";
	position:absolute;z-index:5
	}

@media (min-width : 500px) and (max-width : 900px)
 {body {
	 padding : 1% 1% 1% 1%;
		
	 }
	 .contenu-texte1 {
	
		 }