img{
  margin-bottom: 5px;
  margin-top: 15px;
}

@font-face {
  font-family: "AkkuratPro-Regular";
  src: url("../0_POLICE/Akkurat-Regular/AkkRg_Pro_1.otf");
}

@font-face {
  font-family: "AkkuratPro-Light";
  src: url("../0_POLICE/Akkurat-Light/Akkurat-Light.ttf");
}

@font-face {
  font-family: "AkkuratPro-Bold";
  src: url("../0_POLICE/Akkurat-Bold/Akkurat-Bold.otf");
}

#navbar h1,#navbar h2,#navbar h3,#navbar h4,#navbar p{
  color: white;
}


#navbar{
  background-color: #1b346c; /* couleur du bandeau sur le coté, valeur en hexadécimal */
}


.subdiv{
	width: 598px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	margin: 0px;
}

.subdiv img{
	width: 598px;
	margin: 0px;
}

.subdiv p{
	margin-top: 0px;
	padding: 
}

#diagramme_projets{
	position: relative;
	height: 689px;
}

.logo_diagramme{
	position: absolute;
}

.logo_diagramme:hover{

	opacity: 0.5;
}

#bassee{
	left: 903px;
	top: 22px;
}

#episy{
	left: 903px;
	top: 158px;
}

#adapter{
	left: 903px;
	top: 292px;
}

#ceinture{
	left: 903px;
	top: 378px;
}

#resilience{
	left: 903px;
	top: 542px;
}