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

.retrait{
  padding-left: 30px;
}

#planning{
  width: 1000px;
  padding-left:100px;
  padding-right:100px;
}

#navbar{
  background-color: #e3bc34;
}



.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: 
}

.subdiv3{
	width: 1200px;
	display: flex;
  justify-content: space-around;
	/*position: relative;
	vertical-align: top;
	overflow: hidden;*/
	margin: 0px;
  border: 0px solid red;
}

.financements{
  width: 400px;
  display: flex;
  justify-content: space-around;
  margin: 10px;
  border: 0px solid green;
}
.detail{
  width: 400px;
  display: flex;
  justify-content: space-around;
  margin: 10px;
  border: 0px solid green;
}

.diaporama {
max-width:1000px; /* 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:#f9e1ab; /* 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:#ffab27!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:#f9e1ab; /* 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:#ffab27!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 #ffab27!important;
  background-color:transparent!important;
  background-color:#cccccc; /* 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;
}

.texte {
  width: 333px;
  display: flex;
  justify-content: space-around;
  margin: 10px;
  border:2px solid red;

}

.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;
}

/* Partie à copier dans votre *.css pour vos onglets */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid #ccc;
    background-color: #ffffff;  /* Ici, mettre la couleur des onglets (la couleur de votre groupe
     très éclaircie) */
}

ul.tab li {float: left;}

ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 0.8em;
    font-family: arial, verdana, sans-serif;
}
/* Ici, mettre la couleur de l'onglet quand la souris passe dessus 
(la couleur de votre groupe légerement éclaircie) */
ul.tab li a:hover {background-color: #ebd483;}

/* Ici, mettre la couleur de l'onglet actif (la couleur de votre groupe) */
ul.tab li a:focus, .active {background-color: #e3bc34;}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 0s; /* Ici, le temps d'affichage du contenu de l'onglet */
}


@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* Si vous avez une deuxième série d'onglets, il faut copier cette partie, en prenant bien soin de remplacer 'tabcontent'
par le nom auquel vous faites référence dans le fichier html (je vous recommande 'tabcontent2') */

.tabcontent2 {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent2 {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 0s; /* Ici, le temps d'affichage du contenu de l'onglet */
}

.tabcontent3 {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent3 {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 0s; /* Ici, le temps d'affichage du contenu de l'onglet */
}

.tabcontent4 {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent4 {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 0s; /* Ici, le temps d'affichage du contenu de l'onglet */
}

.tabcontent5 {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent5 {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 0s; /* Ici, le temps d'affichage du contenu de l'onglet */
}

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


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

#pano1{
  margin-left: 0px;
}