body
{
	margin: 0px;
	background-color: rgb(100,100,100);
	width: 100%;
	height: 100%;
}
footer
{
	z-index: 1;
	position: fixed;
	bottom: 0vw;
	width: 100%;
	height: 1.5vw;
	background-color: rgb(225,225,200);
	border-top: 0.1vw black solid;
}
.modification
{
	font-size: 1vw;
	margin-top: 0.25vw;
	text-align: center;
}
.bloc
{
	display: flex;
}
p
{
	font-size: 1.05vw;
	text-align: justify;
	padding: 0px; 
	margin: 0px;
	font-family: Trebuchet MS, sans-serif;
}
h2
{
	font-size: 1.8vw;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 10vw;
	padding-bottom: 0px;
	margin-left: 1vw;
	margin-right: 0px;
	margin-top: -8vw;
	margin-bottom: 25px;
	font-family: Trebuchet MS, sans-serif;
}
h3
{
	font-size: 1.3vw;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 10vw;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -10.5vw;
	margin-bottom: 15px;
	font-family: Comic sans MS, sans-serif;
}
a
{
	color: rgb(100,100,100);
	font-style: italic;
	text-decoration: none;
	font-family: Trebuchet MS, sans-serif;
}
a:visited
{
	color: rgb(100,100,100);
	font-style: italic;
	text-decoration: none;
	font-family: Trebuchet MS, sans-serif;
}
a:hover
{
	color: black;
	font-style: italic;
	text-decoration: none;
	font-family: Trebuchet MS, sans-serif;
}
.lien_noir
{
	color: black;
	font-style: normal;
}
.lien_noir:visited
{
	color: black;
	font-style: normal;
}
.lien_noir:visited
{
	color: black;
	font-style: normal;
}
.lien_noir:hover
{
	color: black;
	font-style: normal;
}
.description_photo
{
	font-size: 1.1vw;
	font-style: italic;
}
.info
{
	color: red;
	font-size: 1.7vw;
	text-align: center;
	padding: 6px;
}
.attention
{
	color: red;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	padding: 6px;
}
.date
{
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}
.caracteristique
{
	line-height: 1.8vw;
}
.image1
{
	border-top: 0.1vw rgb(170,170,170) solid;
	border-right: 0.05vw rgb(170,170,170) solid;
	border-left: 0.05vw rgb(170,170,170) solid;
	border-bottom: 0.05vw rgb(170,170,170) solid;
	max-width: 100%;
	height: auto;
}
.image2
{
	border: 0.1vw rgb(170,170,170) solid;
	max-width: 100%;
	height: auto;
}
.image4
{
	border: 0.1vw rgb(170,170,170) solid;
	max-width: 100%;
	height: auto;
}
.image4:hover
{
	border: 0.1vw rgb(50,50,50) solid;
	max-width: 100%;
	height: auto;
}
.texte_realisation
{
	margin-left: 16%;
	margin-right: 13%;
	margin-top: 10vw;
	margin-bottom: 3vw;
}
.partie
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: rgb(225,225,200);
	border-top: 0.8vw rgb(170,170,170) solid;
	border-top-right-radius: 3vw;
	border-bottom: 0.05vw black solid;
	border-right: : 0.05vw black solid;
	border-left: 0.05vw black solid;
}
.partie_attention
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 14px;
	background-color: rgb(225,225,200);
	border: 1px red solid;
}
.video
{
	text-align: center;
}
.grand_titre
{
	margin-left: 1.5vw;
	padding: 0.4vw 1.5vw;
	background-color: rgb(225,225,200);
	border-left: 0.3vw rgb(170,170,170) solid;
	border-right: 0.3vw rgb(170,170,170) solid;
}
.titre
{
	font-size: 1.1em;
}
.titre:visited
{
	font-size: 1.1em;
}
.titre:hover
{
	font-size: 1.1em;
}
.sous_titre
{
	padding-left: 20px;
}
.sous_titre:visited
{
	padding-left: 20px;
}
.sous_titre:hover
{
	padding-left: 20px;
}
.photo1-2
{
	flex: 1;
	text-align: center;
	margin-left: 0px;
	margin-right: 15px;
}
.photo2-2
{
	flex: 1;
	text-align: center;
	margin-left: 15px;
	margin-right: 0px;
}
.photo1-3
{
	flex: 1;
	margin-left: 0px;
	margin-right: 0px;
}
.photo2-3
{
	flex: 2;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
}
.photo3-3
{
	flex: 1;
	margin-left: 0px;
	margin-right: 0px;
}