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{
  background-color: #aaa24d; /* 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: 588px;
	margin-left: 10px;
  margin-right:10px
}

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


.spacer-mini{
  height: 15px;
}

.spacer-max{
  height: 70px;
}

.spacer-1901{
  height: 87px;
}

.spacer-1974{
  height: 652px;
}

.spacer-1975{
  height: 102px;
}

.spacer-1988{
  height: 313px;
}

.spacer-2000{
  height: 311px;
}

.spacer-2005{
  height: 14px;
}

.spacer-2012{
  height: 45px;
}

.spacer-2016{
  height: 14px;
}

.spacer-2017{
  height: 180px;
}

.spacer-rt2020{
  height: 542px;
}

.spacer-2020{
  height: 14px;
}

.spacer-2040{
  height: 773px;
}




/* DIAPORAMA */

/* format général du diaporama */
.diaporama {
max-width:1200px; /* largeur maximale du diaporama */
position:relative
}



/* format des images */
img.slides {
margin-left:auto;
margin-right:auto;
width:100%;
display:none
}



/* format des outils de navigation */
.navigation {
  text-align:center!important;
  margin-top:16px!important;
  margin-bottom:16px!important;
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,0%);
  -ms-transform:translate(-50%,0%);
}



/* flèche gauche pour aller à l'image précédente */
.left {
  color:#ffffff; /* couleur de base de la flèche, en hexadécimal */
  font-size:18px!important; /* taille de la flèche */
  float:left!important;
  padding-left:16px!important; /* place de la flèche par rapport à la bordure de gauche */
  cursor:pointer
}

.left:hover {
  color:#b4aa50!important; /* couleur de la flèche lorsque l'on clique et passe la souris dessus, en hexadécimal */
}



/* flèche droite pour passer à l'image suivante */
.right {
  color:#ffffff; /* couleur de base de la flèche, en hexadécimal */
  font-size:18px!important; /* taille de la flèche */
  float:right!important;
  padding-right:16px!important; /* place de la flèche par rapport à la bordure de droite */
  cursor:pointer
}

.right:hover {
  color:#b4aa50!important; /* couleur de la flèche lorsque l'on clique et passe la souris dessus, en hexadécimal */
}



/* boutons de navigation en bas du diaporama */
.button {
  height:13px; /* hauteur des boutons */
  width:13px; /* largeur des boutons */
  border:1px solid #cccccc!important;
  background-color:transparent!important;
  background-color:#000000; /* couleur du bouton "on", en hexadécimal */
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  text-align:center;
  padding:0;
  border-radius:50%;
  cursor:pointer
}

.marker {
  color:#000000!important; /*couleur du bouton "on", en hexadécimal */
  background-color:#ffffff!important
}




/*SWITCH CALQUES*/

img.superpose {
  position: absolute;
  top: 0px;
  left: 0px;
}


#plan{
  height: 600px;
  position: relative;
}

/* bouton switch pour afficher les calques */
.switch {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aaa24d; /* couleur des boutons en hexadécimal */
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}




/* Frise colonne de gauche */
.colonne-left {
  display:inline-block;
  vertical-align:top;
  position:left;
  width:90px
}



/*Dates milieu*/
.colonne-middle{
  display:inline-block;
  vertical-align:top;
  position:relative;
  width:68px;
  margin-left:10px
}

.lien_fiche{
  color: black;
  font-family:sans-serif;
  text-decoration: none;
}

.lien_fiche:hover {
  text-decoration: none;
  color: #aaa24d
}


.dates {
  font-size: 1em;
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  color: #000000
}


/* Plans colonne de droite */
.colonne-right {
  display:inline-block;
  position:relative;
  vertical-align:top;
  width:1000px;
  margin-left:12px;
}