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

.impad{
	padding-left: 30px
}

#navbar{
  background-color: #e3bc34; /* 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: 
}


.columns{
    -webkit-columns:auto;
    -moz-columns:auto;
    columns:auto;
    column-width: 333px;
    -webkit-column-width: 333px;
    -moz-column-width: 333px;
    column-count: auto;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    padding: 10px;
    -webkit-padding: 10px;
    -moz-padding: 10px;
    position: relative;
    -webkit-position: relative;
    -moz-position: relative;
    column-gap: auto;
    -webkit-column-gap: auto;
    -moz-column-gap: auto;
    column-rule-style: solid;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-width: 0px;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    border: 0px solid red;
    -webkit-border: 0px solid red;
    -moz-border: 0px solid red;
}

#cadrescroll{
  position: relative;
  height: 600px;
  width: 97%;
  margin: 0;
  overflow: hidden;
  margin-left: 15px;
  /*visibility: hidden;*/
}


#paralax{
  position: relative;
  display: inline-block;
  width: 2557px;
  height: 1000px;
  margin: 0;
}

#pano1{
  margin-left: 0px;
}


#insee{
	position: relative;
	display: block;
	width: 1000px;
	height: 700px;
	/*border: 1px black solid;*/
}

.icone2{
	position: absolute;
	/*width: 32px;*/
}

.icone2:hover{
	z-index: 10;
	padding-left: 0px;
	padding-top: 0px;
	/*opacity: 0.5;*/
}

.pop{
	visibility: hidden;
}

.images{
	position: relative;
	max-height: 600px;
}

.fond{
	position: absolute;
	display: block;
	margin: 0px;
	opacity: 1;
}

#Eco_Champagne {
	position: absolute;
	margin-left: 389px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 8px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#insee1 {
	position: absolute;
	margin-left: 341px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#Eco_Thomery {
	position: absolute;
	margin-left: 226px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 24px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#insee2 {
	position: absolute;
	margin-left: 158px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#Eco_Moret {
	position: absolute;
	margin-left: 509px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 337px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#insee3 {
	position: absolute;
	margin-left: 443px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 151px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#Eco_Legende {
	position: absolute;
	margin-left: 538px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 21px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#insee4 {
	position: absolute;
	margin-left: 25px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 73px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}






#entretiens{
	position: relative;
	display: block;
	width: 1000px;
	height: 700px;
	/*border: 1px black solid;*/
}


.icone{
	position: absolute;
	/*width: 32px;*/
}

.icone:hover{
	z-index: 10;
	padding-left: 1px;
	padding-top: 1px;
	/*opacity: 0.5;*/
}




#champ1 {
	position: absolute;
	margin-left: 351px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 181px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop1 {
	position: absolute;
	margin-left: 167px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 270px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#champ2 {
	position: absolute;
	margin-left: 410px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 158px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop2 {
	position: absolute;
	margin-left: 238px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 300px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#champ3 {
	position: absolute;
	margin-left: 396px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 216px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop3 {
	position: absolute;
	margin-left: 307px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 298px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#champ4 {
	position: absolute;
	margin-left: 463px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 213px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop4 {
	position: absolute;
	margin-left: 304px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 345px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#champ5 {
	position: absolute;
	margin-left: 387px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 274px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop5 {
	position: absolute;
	margin-left: 467px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#champ6 {
	position: absolute;
	margin-left: 439px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 258px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop6 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#moret7 {
	position: absolute;
	margin-left: 453px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 443px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop7 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#moret8 {
	position: absolute;
	margin-left: 506px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 465px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop8 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#moret9 {
	position: absolute;
	margin-left: 401px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 480px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop9 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#moret10 {
	position: absolute;
	margin-left: 456px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 503px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop10 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#moret11 {
	position: absolute;
	margin-left: 507px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 522px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#pop11 {
	position: absolute;
	margin-left: 0px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top: 0px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
}

#B_axo {
	position: relative;
	height: 500px;
	border: 0px solid red;
	z-index: 2;
	padding-left: 30px;
}


#B_axo1 {
	position: absolute;
	margin-left:24px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top:7px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
	opacity: 0;
}
#B_axo1:hover{
	opacity: 1;
}


#B_axo2 {
	position: absolute;
	margin-left:707px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top:190px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
	opacity: 0;
}
#B_axo2:hover{
	opacity: 1;
}

#B_axo3 {
	position: absolute;
	margin-left:454px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top:360px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
	opacity: 0;
}
#B_axo3:hover{
	opacity: 1;
}

#B_axo4 {
	position: absolute;
	margin-left:304px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top:416px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
	opacity: 0;
}
#B_axo4:hover{
	opacity: 1;
}

#B_axo5 {
	position: absolute;
	margin-left:274px;/*Mettre ici la distance entre l'element et le bord gauche de l'image de fond*/
	margin-top:240px;/*Mettre ici la distance entre l'element et le bord supérieur de l'image de fond*/
	z-index: 2;
	opacity: 0;
}
#B_axo5:hover{
	opacity: 1;
}










/* format général du diaporama */
#diaporama-1 {
max-width:1200px; /* largeur maximale du diaporama */
margin:auto;
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
}