﻿#page-voyage-create,
#page-voyage-ajouter-arbres {
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url('../images/Background-Menu.jpg');
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 40px;
}
#page-voyage-create .destination-voyage,
#page-voyage-ajouter-arbres .destination-voyage {
  padding: 10px 0;
}
#page-voyage-create .dates-voyage,
#page-voyage-ajouter-arbres .dates-voyage {
  padding-right: 15px;
}
#page-voyage-create .overlay,
#page-voyage-ajouter-arbres .overlay {
  width: 100%;
  min-height: 100vh;
  background-color: rgba(30, 60, 44, 0.3);
}
#page-voyage-create h1,
#page-voyage-ajouter-arbres h1 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#page-voyage-create #titre,
#page-voyage-ajouter-arbres #titre {
  color: white;
  height: 25vh;
  text-align: center;
}
#page-voyage-create #titre .outer,
#page-voyage-ajouter-arbres #titre .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#page-voyage-create #titre .outer .inner,
#page-voyage-ajouter-arbres #titre .outer .inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#page-voyage-create #titre a,
#page-voyage-ajouter-arbres #titre a {
  color: #c6ff34;
}
#page-voyage-create #titre a:hover,
#page-voyage-ajouter-arbres #titre a:hover {
  color: #fff;
}
#page-voyage-create #carbone-compense,
#page-voyage-ajouter-arbres #carbone-compense {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 200;
  border-bottom: solid 2px #bcbcbc;
}
#page-voyage-create .ombre,
#page-voyage-ajouter-arbres .ombre {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}
#page-voyage-create #blocks,
#page-voyage-ajouter-arbres #blocks {
  /*background-color: #ededed;
        background-color: rgba(255,255,255, 0.8);*/
  padding: 0;
  counter-reset: section;
}
#page-voyage-create #blocks .block,
#page-voyage-ajouter-arbres #blocks .block {
  /*background-color: white;*/
  background-color: rgba(255, 255, 255, 0.6);
  border: solid 1px #bcbcbc;
  margin: 15px 0;
  /*padding: 15px;*/
}
#page-voyage-create #blocks .block h2,
#page-voyage-ajouter-arbres #blocks .block h2 {
  margin-top: -1em;
  padding-bottom: 15px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#page-voyage-create #blocks .block h2 .super-num,
#page-voyage-ajouter-arbres #blocks .block h2 .super-num {
  font-size: 4em;
  color: #c4ff00;
}
#page-voyage-create #blocks .block h2 .super-num::before,
#page-voyage-ajouter-arbres #blocks .block h2 .super-num::before {
  counter-increment: section;
  /* On incrémente le compteur section */
  content: counter(section);
  /* On affiche le compteur */
}
#page-voyage-create #blocks #block-voyage .voyage-block-infos,
#page-voyage-ajouter-arbres #blocks #block-voyage .voyage-block-infos {
  padding: 0 25px;
}
#page-voyage-create #blocks #block-voyage .voyage-block-infos .date,
#page-voyage-ajouter-arbres #blocks #block-voyage .voyage-block-infos .date {
  padding: 10px 0;
}
#page-voyage-create #blocks #block-voyage .voyage-block-infos .type,
#page-voyage-ajouter-arbres #blocks #block-voyage .voyage-block-infos .type {
  padding: 2px 0;
}
#page-voyage-create #blocks .block-arbre-contenu,
#page-voyage-ajouter-arbres #blocks .block-arbre-contenu {
  padding: 15px;
}
#page-voyage-create #blocks .block-arbre-contenu-stiky,
#page-voyage-ajouter-arbres #blocks .block-arbre-contenu-stiky {
  padding: 15px 0;
}
#page-voyage-create .progress-bar-success,
#page-voyage-ajouter-arbres .progress-bar-success {
  background-color: #92cb00 !important;
}
#page-voyage-create .boutons,
#page-voyage-ajouter-arbres .boutons {
  padding: 25px 0;
}
#page-voyage-create .boutons #go,
#page-voyage-ajouter-arbres .boutons #go {
  background-color: #92cb00;
  color: white;
}
#page-voyage-create #prix-total,
#page-voyage-ajouter-arbres #prix-total {
  text-align: center;
  font-size: 1.6em;
}
#page-voyage-create .prix-total,
#page-voyage-ajouter-arbres .prix-total {
  font-size: 1.5em;
  text-align: center;
}