
*{
	margin: 0;
	padding: 0;
}

.bloc_page{
	display: flex;
}

 .bloc_page .nav{
	width: auto;
	height: auto;
	background-color:#0b0c0c;
}

.bloc_page ul{
	list-style: none;
}

.bloc_page ul li{
	margin: 5px;
}

.bloc_page .nav .image{
	display: flex;
	justify-content: center;
	width: 200px;
	height: 175px;
	margin-top: 10px;
}
.bloc_page .nav .image img{
	border-radius: 100px;
}

.liens_vers{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.liens_vers li a {
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}
.liens_vers li{
	border: solid wheat 0px;
	padding: 20px;
}	





.section{
	height: auto;
	width: 85%;
    background-color: #F4F4F4;
   
}
.section .bloc1{
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border:  solid black 0px;
	margin-left: 20px;
	margin-top: 10px;
}
.bloc1 img{
	position: relative;
	top: 5px;
}
.bloc1 p{
	font-size: 22px;
	font-weight: lighter;
	font-family:'Courier New', Courier, monospace;
}

.bloc1 li a{
	margin-left: 10px;
	color: black;
	font-weight: bold;
}
.section .bloc1 h1{
	color: #6C757D;
	font-size: 40px;
}

.bloc2{
	margin-top: 50px;
	margin-left: 20px;
}
.bloc2 p{
font-family:'Courier New', Courier, monospace;
	font-style: oblique;
	font-size: 20px;
	color: #000000B3;
}
/* .bloc1 p::after{
	content:"";
	display: block;
	width: 69%;
	height: 1px;
	margin-top: 5px;
	background-color: black;
} */
.bloc3{
	margin-top: 40px;
	margin-left: 20px;
}
hr{
	opacity: 0.5;
	margin-left: 30px;
}
span{
	color: #6C757D;
	font-size: 70px;
	font-weight: bold;

}
.bloc3 p{
	font-size: 20px;
	font-family:'Courier New', Courier, monospace;
	font-style: oblique;
}
.bloc3  ul{
	list-style:circle;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.bloc3 ul li{
	font-family:'Courier New', Courier, monospace;
	font-size: 20px;
}
.para{
	margin-top: 50px;
}
#verticale_line{
	width: 1px;
	height: 500px;
	background-color: black;
}

.sous_menu{
	display:none;
}
.menu li .infos{
	font-size: 20px;
}
.menu li:hover .sous_menu{
	display: block;
}
.menu li a:hover{
	color: red;
}
