*{
    margin: 0px;
    padding: 0px;
	text-decoration: none;
	list-style: none;
}
.bloc_page{
  display: flex;
}

 .bloc_page .nav{
	width: auto;
	height: auto;
	background-color:#0b0c0c;
}

.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;
	font-weight: bold;
	color: white;
}
.liens_vers li{
	border: solid wheat 0px;
	padding: 20px;
}	
.section{
	height: auto;
	position: relative;
	width: 85%;
    background-color: #F4F4F4;
}

.container_element_detaille h4{
	font-size: 18px;
	font-weight: lighter;
}
.container_element_detaille ul {
	list-style: circle;
	margin-top: 5px;
	margin-left: 20px;
}
.container_element_detaille time{
	font-size: 20px;
	color: blue;
}

.container_element .element{
	 box-shadow: 6px 6px 6px #6C757D99; 
	border-radius:5px;
    border: solid #6C757D99 2px;
    margin-left: 100px;
    margin-top:50px;
	background-color: #F2F4F6;
    padding:15px 5px 15px 5px;
}

 .container_element_detaille{
     position: relative; 
	 bottom: 65px;
     width: 100%;
}

 .container_element::before{ 
    content:"";
    width: 3px;
    height:95%; 
	margin-left: 50px;
    background-color:#6C757D99;
    position: absolute; 
}

.container_element .element .marker_element_rond{
    position: relative;
    width: 50px;
    height: 50px;
	z-index: 10;
    border-radius: 50%;
    border: solid #6C757D99 2px;
    background-color:honeydew;
    right:83px;
	bottom: 20px;
}

.section .container_element .element:nth-child(2){
	 height: 165px; 
}
.section .container_element .element:nth-child(1){
	 height: 165px; 
}

.section .container_element .element:nth-child(3){
	height: 55px;
}