body {
  width: 100%;
  margin: 20px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  	/*background-attachment : fixed;*/
  text-align : center;
  vertical-align : center;
}

#part2{
	width:99vw;
	background-color : blue;
	background-image : url('../ressources/IMG20220709101854.jpg');
	background-attachment : fixed;
	background-position: center 0px;
	background-size: cover;
	background-repeat: repeat;
	padding-bottom:5vh;
}

#part3{
	width:99vw;
	background-color : #fff;	
	background-image : url('../ressources/lorient-map.jpg');
	background-position: center 0px;
	background-size: cover;
	background-repeat: repeat;
	padding-top:5vh;
	padding-bottom:5vh;
}

#part4{
	height: 30vh;
	padding-top:40px;
	background-color : #ddf;

}

#part4 img{
	height: 100%;
}


.titre{
	text-align: center;
  font-family:  "Comic sans ms";
	font-size:60pt;	
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

.name_sign {
  font-family:  "Comic sans ms";
	/*background: url('../ressources/whitewood.jpg') repeat 100%; */
	background-color : white;
	font-size: 40pt; 
	border-style: outset; 
	border-size : 2pt; 
	color: #030303;
	box-shadow: 10px 10px 15px black;
}

.details{
  font-family:  "Comic sans ms";
	font-size:3vh; 
		font-weight: bold;
	vertical-align: top;
}

.details img{
	vertical-align:middle;
	
}

a  {
	text-decoration : none;
	color: #0d0560;
}

.profile_pic{
	border-radius: 50%;
	width: 85%;
	object-fit: cover; /* Required to prevent the image from stretching, use the object-position property to adjust the visible area */
	aspect-ratio: 1/1;
	box-shadow: 10px 10px 15px black;
}

.url_logo{
	width :20%;
}

.pinpoint{
	font-size: 10vh;
}