.cont{
	background-color: rgb(235,235,210);
	opacity: 0.95;
	position: fixed;
	top: 8vw;
	left: 0vw;
	width: 100%;
	border-bottom: 0.01vw black solid;
	border-top: 0.01vw black solid;
	transform: scaleY(0);
    transform-origin: 50% 0;
    transition:transform 0.5s ease;
}
.cont1
{
	display: flex;
	overflow: hidden;
	justify-content: space-between;
}
.cont1-1
{
	flex: 1;
	width: 10vw;
}
.cont1-2
{
	flex: 40;
	width: 10vw;
	padding-top: 1.5vw;
	padding-bottom: 1.5vw;
	display: flex;
	justify-content: space-between;
}
.cont1-3
{
	flex: 1;
	width: 10vw;
}
.cont1-2-1
{
	flex: 1;
	display: flex;
}
.cont1-2-1-1
{
	flex: 4;
}
.cont1-2-1-2
{
	flex: 4;
	margin-left: 1vw;
}
.cont1-2-1-2-1
{
	padding-left: 0.5vw;
	padding-bottom: 0.5vw;
	border-left: 0.3vw rgb(100,100,100) solid;
}
.cont1-2-1-3
{
	flex: 1;
}
.choix_mes_realisations:hover .cont
{
	transform: scaleY(1);
}
.choix_mon_materiel:hover .cont
{
	transform: scaleY(1);
}
.police_cont1
{
	color: rgb(100,100,100);
	font-style: normal;
	font-size: 1.1vw;
}
.police_cont2
{
	color: black;
	font-style: normal;
	font-size: 1vw;
	line-height: 1.8vw;
}
.police_cont2:visited
{
	color: black;
	font-style: normal;
	font-size: 1vw;
	line-height: 1.8vw;
}
.police_cont2:hover
{
	color: rgb(100,100,100);
	font-style: normal;
	font-size: 1vw;
	line-height: 1.8vw;
}
.bloc
{
	display: flex;
}
body
{
	margin: 0vw;
	background-color: rgb(100,100,100);
	width: 100%;
	height: 100%;
}
header
{
	z-index: 1;
	height: 8vw;
	width: 100%;
	background-color: rgb(235,235,210);
	padding: 0px 0.45vw;
	border-bottom: 0.05vw black solid;
	margin: 0vw;
	position: fixed;
	top: 0vw;
	display: flex;
}
.bord_menu_haut
{
	flex: 1;
}
.menu_haut
{
	flex: 8;
	display: flex;
	justify-content: space-between;
}
.choix_menu
{
	flex: 1;
	text-align: center;
	margin: 5.5vw 0vw 0vw 0vw;
	height: 2.5vw;
	overflow: hidden;
	font-size: 1.4vw;
	line-height: 1.5vw;
}
.choix_mes_realisations
{
	flex: 1;
	text-align: center;
	margin: 5.5vw 0vw 0vw 0vw;
	border-bottom: 0.05vw transparent solid;
	height: 2.5vw;
	overflow: hidden;
	font-style: normal;
}
.choix_mon_materiel
{
	flex: 1;
	text-align: center;
	margin: 5.5vw 0vw 0vw 0vw;
	border-bottom: 0.05vw transparent solid;
	height: 2.5vw;
	overflow: hidden;
	font-style: normal;
}
.choix_boutique
{
	flex: 1;
	text-align: center;
	margin: 5.5vw 0vw 0vw 0vw;
	border-bottom: 0.05vw transparent solid;
	height: 2.5vw;
	overflow: hidden;
	font-style: normal;
}
.choix_sous_menu
{
	margin-left: 1vw;
	margin-top: 1vw;
}
.police_choix_menu
{
	font-style: normal;
	font-size: 1.2vw;
}
.police_choix_menu:visited
{
	font-style: normal;
	font-size: 1.2vw;
}
.police_choix_menu:hover
{
	font-style: normal;
	font-size: 1.2vw;
}
.choix_titre
{
	font-size: 1.4vw;
	line-height: 1.5vw;
	text-align: center;
}
.choix_titre:hover
{
	font-size: 1.4vw;
	line-height: 1.5vw;
	text-align: center;
}
.choix_titre1
{
	font-size: 1vw;
	line-height: 1.5vw;
	color: black;
	font-style: normal;
}
.choix_titre1:hover
{
	font-size: 1vw;
	line-height: 1.5vw;
	color: black;
	font-style: normal;
}
.choix_titre2
{
	font-size: 0.8vw;
	margin-left: 1vw;
	line-height: 1.5vw;
	font-style: normal;
}.choix_titre2:hover
{
	font-size: 0.8vw;
	margin-left: 1vw;
	line-height: 1.5vw;
	font-style: normal;
}
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;
}

h2
{
	font-size: 1.8vw;
	padding-left: 0vw;
	padding-right:0vw;
	padding-top: 9.5vw;
	padding-bottom: 0vw;
	margin-left: 1vw;
	margin-right: 0vw;
	margin-top: -7.5vw;
	margin-bottom: 2vw;
	font-family: Trebuchet MS, sans-serif;
}
.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;
}
h3
{
	font-size: 1.3vw;
	text-align: center;
	padding-left: 0vw;
	padding-right:0vw;
	padding-top: 11vw;
	padding-bottom: 0vw;
	margin-left: 0vw;
	margin-right: 0vw;
	margin-top: -11.5vw;
	margin-bottom: 1.4vw;
	font-family: Comic sans MS, sans-serif;
}
h4
{
	font-size: 1.3vw;
	margin-top: 0vw;
	margin-bottom: 1.8vw;
	font-style: normal;
}
h5
{
	font-size: 1.1vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
	font-style: normal;
}
h6
{
	font-size: 1.3vw;
	font-style: normal;
	text-align: left;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
	padding-top: 0vw;
	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_realisation_ressource
{
	color: black;
	font-style: normal;
	font-family: Comic sans MS, sans-serif;
}
.lien_realisation_ressource:visited
{
	color: black;
	font-style: normal;
	font-family: Comic sans MS, sans-serif;
}
.lien_realisation_ressource:hover
{
	color: rgb(70,70,70);
	font-style: normal;
	font-family: Comic sans MS, sans-serif;
}
.lien_noir
{
	color: black;
	font-style: normal;
}
.lien_noir:visited
{
	color: black;
	font-style: normal;
}
.lien_noir:hover
{
	color: black;
	font-style: normal;
}