body{
	background-color:#ffffff;
	font-size:100%;
}

.div1{
	position:fixed;
	right:5em;
	top:10em;
	max-width:50%;
}

.div7{
	position:fixed;
	left:5em;
	bottom:10em;
	max-width:25%;
}

img.displayed{
	/*display:block;
	margin:0;
	max-width:80%;
	height:auto;*/
	display:none;
}

.div2{
	position:fixed;
	left:0px;
	top:0px;
	max-width:18%;
}


p.p1{
	background-color:#ffffff;
	color: black;
	font-family:"Dancing Script", "sans serif";
	font-size:3em;
	font-weight:bold;
	font-style:normal;
	display:block;
	text-align:center;
	margin-top:0;
	margin-bottom:0.4em;
}

p.p4{
	background-color:#ffffff;
	color: black;
	font-weight:bold;
	font-family:"Dancing Script", "sans serif";
	font-size:1.8em;
	display:block;
	text-align:center;
	margin:0;
}

p.p5{
	background-color:#ffffff;
	color: black;
	font-family:"Arial", "sans serif";
	font-size:2em;
	display:block;
	text-align:center;
	margin:0;
}

.div0{
	position:fixed;
	right:0px;
	bottom:0px;
	max-width:14%;
}

.div4{
	max-width:40%;
}

.div10{
	text-align:center;
	margin-top:5em;
}

.row{width: 100%;}

.container2{
	width:100%;
	text-align:center;
	/*display:inline-block;*/
}

.div3{
	/*position:fixed;
	right:1em;
	bottom:0.8em;
	max-width:50%;*/
	margin-top:3em;
	text-align:center;
}

img.displayed2{
	display:block;
	margin-left:auto;
	margin-right:0px;
	max-width:100%;
	height:auto;
}

img.displayed1{
	display:block;
	margin-left:0px;
	margin-right:auto;
	max-width:80%;
	height:auto;
}

.div5{
	width:100%;
	display:flex;
	/*text-align:center;*/
	justify-content:center;
	align-items:center;
	font-family:"Arial", "sans serif";
	font-size:1.2em;
	margin:0;
}

img.displayed3{
	width: 100%;
}

/***************************************/
/*           Mobile Portrait           */
/***************************************/
@media only screen and (max-device-width: 480px){

	img.displayed{
		width: 40%;
		display:block;
	}

	.div5{
		width:100%;
		display:flex;
		/*text-align:center;*/
		justify-content:center;
		align-items:center;
		font-family:"Arial", "sans serif";
		font-size:1em;
		margin:0;
	}

	img.displayed2{
		display:none;
	}

	img.displayed1{
		display:none;
	}

	img.displayed3{
		width: 80%;
	}

	.container2{
		width:100%;
		height:20%;
		text-align:center;
		/*display:inline-block;*/
	}

	.container3{
		width:100%;
		height:30%;
		text-align:center;
		display:flex;
		align-items: center;
		justify-content: center;
	}

	.div1{
		float: left;
		width: 50%;
		padding: 5px;
  }
	.div4{
		flex: 50%;
	}

	.div2{
		position:fixed;
		left:0px;
		top:0px;
		max-width:30%;
	}


	.div0{
		position:fixed;
		right:0px;
		bottom:0px;
		max-width:30%;
	}

	.row::after{
	content: "";
	clear: both;
	display: table;
	}

	p.p1{
		background-color:#ffffff;
		color: black;
		font-family:"Dancing Script", "sans serif";
		font-size:2em;
		font-weight:bold;
		font-style:normal;
		display:block;
		text-align:center;
		margin-top:0;
		margin-bottom:0.2em;
	}

	p.p4{
		background-color:#ffffff;
		color: black;
		font-weight:bold;
		font-family:"Dancing Script", "sans serif";
		font-size:1.2em;
	}

	p.p5{
		background-color:#ffffff;
		color: black;
		font-family:"Arial", "sans serif";
		font-size:1.3em;
	}

	.div10{
		text-align:center;
		margin-top:6em;
	}

	.div3{
		margin-top:1.6em;
	}

}

/****************************************************/

.block1{
	position: relative;
}

img.displayed3{
	display:block;
	margin-left:0px;
	margin-right:auto;
	max-width:100%;
	height:auto;
}


.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

p.p2{
	background-color:#ffffff;
	color: black;
	font-family:"Dancing Script", "sans serif";
	font-size:2em;
	font-weight:bold;
	font-style:normal;
	display:block;
	text-align:center;
	margin:0;
}

p.p3{
	background-color:#ffffff;
	color: black;
	font-weight:bold;
	font-family:"Dancing Script", "sans serif";
	font-size:1.2em;
	display:inline;
}


p.p6{
	background-color:#ffffff;
	color: black;
	font-family:"Dancing Script", "sans serif";
	font-size:1.6em;
	display:block;
	text-align:right;
	margin-bottom:0.2em;
}

p.gauche{
	width:100%;
	/*text-align:left;*/
	font-family:"Arial", "sans serif";
	font-size:1.2em;
	margin:0;
}

p.droite{
	width:100%;
	/*text-align:left;*/
	font-family:"Dancing Script", "sans serif";
	font-size:1.5em;
	margin:0;
}

.container{
	width:100%;
}




.div6{
	width:100%;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center;
	font-size:2em;
	margin:0;
	font-family:"Dancing Script", "sans serif";

}

.flotte{
	/*float:left;*/
	text-align:right;
	margin-right:0.5em;
	margin-left:0;
	margin-bottom:0;
	margin-top:0;
}

.flotte-right{
	/*float:left;*/
	text-align:left;
	margin-right:0;
	margin-left:0.5em;
	margin-bottom:0;
	margin-top:0;
}