@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Condensed Bold'), local('CabinCondensed-Bold'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpJtK6mNhBK2err_hqkYhHRqmwi3MfN61d9.ttf) format('truetype');
}
@font-face {
  font-family: 'Viga';
  font-style: normal;
  font-weight: 400;
  src: local('Viga-Regular'), url(https://fonts.gstatic.com/s/viga/v8/xMQbuFFdSaiXzQUpCw.ttf) format('truetype');
}
html {
  background-color: #89be00;
}
textarea {
  max-width: 450px;
  min-height: 150px;
}
.logo-stripe {
  font-size: 2em;
}
#co2neutral {
  padding: 25px 0;
}
.badge {
  white-space: normal !important;
}
.outer {
  display: table;
  height: 100%;
  width: 100%;
}
.outer .inner {
  display: table-cell;
  vertical-align: middle;
}
a.lien-vert {
  color: #c6ff34;
}
a.lien-vert:hover {
  color: #fff;
  text-decoration: none;
}
#mode-test {
  padding: 15px 25px;
  background-color: red;
  font-weight: 700;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.mode-test {
  padding: 0 25px;
  background-color: red !important;
  color: white;
}
.container-navbar {
  padding-left: 15px;
  padding-right: 15px;
}
.container-navbar .navbar-toggle {
  margin-right: 0;
}
.container-navbar #menu-logo {
  font-family: 'Viga', sans-serif;
  font-size: 1.5em;
}
.container-navbar .navbar-right {
  padding-right: 15px;
}
.navbar-inverse .navbar-toggle {
  border-color: transparent;
}
@media (max-width: 1050px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in {
    display: block !important;
  }
}
.pub {
  background-color: #8fcb00 !important;
}
.nopub {
  background-color: #d80000 !important;
}
.paddingtop0 {
  padding-top: 0 !important;
}
#compensation-sous-menu {
  height: 50px;
}
.lien-info-texte a {
  color: #bababa;
}
.lien-info-texte a:hover {
  color: #076bc1;
  text-decoration: none;
}
section#sous-menu {
  position: fixed;
  z-index: 100;
  padding: 15px;
  width: 100%;
  top: 50px;
  text-align: center;
  background-color: #be0000 !important;
  color: white;
}
section#sous-menu a {
  color: #f0f0f0;
  padding: 15px;
}
section#sous-menu a:hover {
  color: white;
  text-decoration: none;
}
.info-texte {
  padding: 60px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.12em;
  color: #818181;
}
.info-texte h3 {
  font-weight: 400;
  padding-bottom: 25px;
}
.info-texte .icone {
  text-align: center;
  font-size: 4em;
  color: #d2d2d2;
}
.info-texte .erreur-info {
  font-size: 0.7em;
  padding-top: 10px;
}
.div-info {
  display: none;
  background-color: #fff8d0;
  padding: 15px;
}
.div-info h5 {
  font-weight: 700;
  padding: 0;
  padding-bottom: 5px;
}
.progress-bar-success {
  background-color: #92cb00 !important;
}
.navbar {
  background-color: #92cb00;
  border: 0;
  color: white;
}
.navbar a,
.navbar button {
  color: #e4ff9c !important;
}
.navbar a:hover,
.navbar button:hover {
  color: white !important;
  text-decoration: none;
}
.navbar a:focus {
  background-color: #7db100 !important;
}
.topmenu #menu-logo {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
}
.topmenu #menu-logo #logo-full {
  width: 340px;
}
.topmenu #menu-logo #logo-mini {
  width: 34px;
}
.topmenu-sousmenu {
  background-color: #89be00;
  color: #d4ff5b;
}
.topmenu-sousmenu a:hover {
  background-color: #628a00 !important;
  color: #fff !important;
}
.carte {
  max-width: 900px;
  margin: auto;
}
.carte-ville {
  border: solid 8px #909090;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4;
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
  width: 100%;
}
/* QR code generator */
#qrCode {
  margin: 15px;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none;
  }
}
#compensation {
  height: 50px;
  background-color: #89be00;
}
.section-enveloppe {
  padding: 40px;
  background-color: #eaeaea;
}
.section-enveloppe .section-enveloppee {
  border: solid 1px #aaf200;
  padding: 25px;
  background-color: #fff;
}
.page-info {
  text-align: center;
  color: #ccc;
}
.page-info #contenu {
  padding: 80px 0;
}
#page-login #contenu,
#page-forgotpassword #contenu {
  max-width: 400px;
  margin: auto;
}
#page-login #login-form-enveloppe,
#page-forgotpassword #login-form-enveloppe {
  padding: 40px;
  background-color: #eaeaea;
}
#page-login #login-form,
#page-forgotpassword #login-form {
  border: solid 1px #aaf200;
  padding: 25px;
  background-color: #fff;
}
#page-login #login-form label,
#page-forgotpassword #login-form label {
  color: #ccc;
}
#page-login #error,
#page-forgotpassword #error {
  font-weight: 700;
}
h1,
h2 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-family: 'Viga', sans-serif;
}
.centrer {
  text-align: center;
}
.contenu {
  margin: auto;
}
.contenu1200 {
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1250px) {
  .contenu1200 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contenu900 {
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width: 950px) {
  .contenu900 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contenu600 {
  max-width: 600px;
  margin: auto;
}
@media screen and (max-width: 650px) {
  .contenu600 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contenu400 {
  max-width: 400px;
  margin: auto;
}
@media screen and (max-width: 450px) {
  .contenu400 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contenu300 {
  max-width: 300px;
  margin: auto;
}
@media screen and (max-width: 350px) {
  .contenu300 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.discret {
  color: #ccc;
}
.pointer {
  cursor: pointer;
}
footer {
  text-align: center;
  background-color: #749700;
  color: #d4ff5b;
  padding: 120px 15px;
}
footer #logo-anime {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 30px;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  /*#trip {
            .tick-flip {
                height: 1.5em;
                width: 1.6em;
            }

            font-size: 1.5em;


            .tick-flip-panel {
                color: #555;
                background-color: #fafafa;
            }
            .tick-flip {
                letter-spacing: .1em;
                text-indent: .1em;
            }
        }*/
}
footer #logo-anime .tick-flip-panel-text-wrapper {
  line-height: 1.6em !important;
}
footer #logo-anime .icone-animee {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin: 0 -6px 0 -7px;
}
footer #logo-anime .icone-animee .tick-flip-panel {
  color: #9d9d9d;
}
footer #logo-anime .icone-animee .tick-flip {
  letter-spacing: 0;
  text-indent: 0;
  width: 1.1em;
}
footer #logo-anime .icone-animee .tick-flip-panel-text-wrapper {
  line-height: 2.3em !important;
  font-size: 0.7em;
}
footer #footer-liens a {
  padding: 0 15px;
}
footer #selecteur-langue {
  padding: 25px 0;
  display: inline-block;
  width: 200px;
}
footer #component-compteurs .cc-blocks {
  padding: 20px;
  display: table;
  margin: auto;
}
footer #component-compteurs .cc-blocks .cc-block {
  display: inline-block;
  padding: 0 15px;
}
footer #component-compteurs .cc-blocks .cc-block .cc-texte {
  display: block !important;
}
footer #component-compteurs .cc-blocks .cc-block .cc-icone,
footer #component-compteurs .cc-blocks .cc-block .cc-compteur {
  font-size: 2em;
  padding: 0 5px;
}
footer .footer {
  max-width: 600px;
  margin: auto;
}
footer .footer #titre-footer {
  padding-bottom: 30px;
}
footer .footer #titre-footer #titre-logo-texte {
  font-size: 2.2em;
}
footer .footer #titre-footer #footer-logo {
  max-width: 400px;
  margin: auto;
}
footer .footer #infos {
  font-size: 1.3em;
  padding-bottom: 15px;
}
footer .footer select {
  background-color: #8fcb00;
  color: #e3ff9c;
  border-color: transparent;
}
footer .footer #tree-nation {
  padding-top: 25px;
}
footer .footer #lien-pro {
  padding-top: 25px;
}
footer .footer #conditions-generales {
  padding-top: 25px;
}
footer .footer #signature {
  color: #aaf200;
  padding-top: 30px;
}
footer .footer a {
  color: #fdfff7;
}
footer .footer a:hover {
  color: #edffb6;
}
#actions {
  text-align: center;
  padding-bottom: 25px;
}
#actions a {
  padding: 0 10px;
}
.page {
  padding: 80px 0;
}
.page #titre {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
.page #titre .titre-icone {
  color: #8fcb00;
}
.page .libelledonnees {
  border-bottom: solid 1px #eaeaea;
  padding: 5px 0;
}
.page .libelle {
  text-align: right;
  color: #ccc;
}
.page2 #titre {
  text-align: center;
}
.page2 #titre .titre-icone {
  color: #8fcb00;
}
.page2 .libelledonnees {
  border-bottom: solid 1px #eaeaea;
  padding: 5px 0;
}
.page2 .libelle {
  text-align: right;
  color: #ccc;
}
#page-voyage-details #titre .inner {
  vertical-align: bottom;
  height: 100%;
}
#page-voyage-details #actions {
  background-color: #e4e4e4;
}
.liste-details {
  max-width: 1200px;
  margin: auto;
  padding: 25px 0;
}
.liste-details h3 {
  color: #ccc;
}
#home-page #page2 {
  padding: 80px 15px;
}
#home-page #page2 h3 {
  color: #ccc;
  text-align: center;
}
#home-page #compteurs {
  padding: 0 0 25px 0;
}
#home-page #compteurs #component-compteurs .cc-blocks {
  text-align: center;
  padding: 20px;
  display: table;
  margin: auto;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block {
  display: inline-block;
  padding: 0 15px;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-texte {
  display: block !important;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-icone,
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-compteur {
  font-size: 2em;
  padding: 0 5px;
}
#home-page #compteurs #component-compteurs .cc-blocks {
  padding: 20px;
  display: table;
  margin: auto;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block {
  display: inline-block;
  padding: 0 15px;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-texte {
  display: block !important;
  color: #bababa;
}
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-icone,
#home-page #compteurs #component-compteurs .cc-blocks .cc-block .cc-compteur {
  font-size: 2em;
  padding: 0 5px;
}
#home-page .inner {
  position: relative;
}
#home-page #suite {
  width: 100%;
  font-size: 40px;
  color: #d4ff5b;
  position: absolute;
  bottom: 10px;
}
#home-page #suite #bouton-suite {
  cursor: pointer;
}
#home-page #suite #bouton-suite:hover {
  color: #fff;
}
#home-page #legende {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#home-page #legende .discret {
  color: rgba(255, 255, 255, 0.3);
}
#home-page #derniers-voyages {
  max-width: 1200px;
  margin: auto;
}
#home-page #derniers-voyages .progress {
  width: 100%;
  margin: 10px auto;
}
#home-page #derniers-voyages table.component-voyages-table tr,
#home-page #derniers-voyages table.component-voyages-table td {
  /*height: 120px;*/
  vertical-align: middle;
  text-align: left;
}
#home-page section#titre {
  background-image: url('../images/header-plant-select.jpg');
  background-position: center;
  background-size: cover;
  height: 95vh;
  background-color: #aaf200;
  color: #fdfff7;
  text-align: center;
}
#home-page section#titre #devient {
  padding-top: 25px;
}
#home-page section#titre #devient #bouton-devient {
  background-color: #005AD0 !important;
  color: white;
}
#home-page section#titre #devient #bouton-devient:hover {
  background-color: #eb8d0a !important;
}
#home-page section#titre h1 {
  font-size: 4em;
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width: 480px) {
  #home-page section#titre h1 {
    font-size: 2.1em;
    max-width: 900px;
    margin: auto;
  }
}
#home-page section#titre h2 {
  margin-top: 7px;
  font-weight: 400;
  font-size: 1.6em;
  color: rgba(255, 255, 255, 0.6);
}
#home-page section#titre .outer {
  display: table;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
#home-page section#titre .outer .inner {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-height: 580px) {
  #home-page section#titre {
    height: 1883px;
    /*.inner {
                padding-top: 50px;
            }*/
  }
}
#page-info section#menu,
#page-info section#menu2 {
  padding: 60px 15px;
  text-align: center;
}
#page-info section#menu .blocks,
#page-info section#menu2 .blocks {
  max-width: 1200px;
  margin: auto;
}
#page-info section#menu .blocks .block,
#page-info section#menu2 .blocks .block {
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-color: white;
  padding: 25px;
  margin: 15px;
  width: 300px;
  vertical-align: top;
  border: solid 1px #aaf200;
}
#page-info section#menu .blocks .block h3,
#page-info section#menu2 .blocks .block h3 {
  padding-bottom: 15px;
}
#page-info section#menu .blocks .block .textes,
#page-info section#menu2 .blocks .block .textes {
  color: #a8a8a8;
}
#page-info section#menu .blocks .block .action,
#page-info section#menu2 .blocks .block .action {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 10px 20px 10px;
  /*background-color: #d4ff5b;*/
  width: 100%;
}
#page-info section#menu .blocks .block .action a,
#page-info section#menu2 .blocks .block .action a {
  color: #ccc;
}
#page-info section#menu .blocks .block:hover,
#page-info section#menu2 .blocks .block:hover {
  background-color: #f0f0f0;
}
#page-info section#menu .blocks .block:hover .textes,
#page-info section#menu2 .blocks .block:hover .textes {
  color: #000 !important;
}
#page-info section#menu .blocks .block:hover a,
#page-info section#menu2 .blocks .block:hover a {
  color: #405600;
}
#page-info section#menu .blocks .block {
  height: 360px;
}
#page-info section#menu .blocks .block .icone {
  font-size: 3em;
  color: #a8a8a8;
  margin-bottom: -15px;
}
#page-info section#menu2 .icone {
  font-size: 4em;
}
#page-info section#environnement {
  background-color: #aaf200;
  background-image: url('../images/Foret 2.jpg');
  background-position: center;
  background-size: cover;
  color: white;
  text-align: center;
}
#page-info section#environnement .overlay {
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.3);
}
#page-info section#environnement .overlay .block {
  max-width: 600px;
  margin: auto;
  padding: 50px;
  background-color: rgba(0, 0, 0, 0.5);
}
#page-info section#environnement .overlay .block h2 {
  padding-bottom: 40px;
}
#page-info section#environnement .overlay .block .liens {
  padding: 20px 0;
}
#page-info section#environnement .overlay .block .liens a {
  padding: 5px;
  display: block;
  color: #aaf200;
}
#page-info section#environnement .overlay .block .liens a:hover {
  color: #fcfcfc;
}
#page-info section#garantie {
  background-color: #aaf200;
  background-image: url('../images/Background-Menu.jpg');
  background-position: center;
  background-size: cover;
  text-align: center;
}
#page-info section#garantie .overlay {
  padding: 60px 0;
  background-color: rgba(255, 255, 255, 0.7);
}
#page-info section#garantie .overlay .blocks {
  max-width: 600px;
  margin: auto;
}
#page-info section#garantie .overlay .blocks .block {
  display: inline-block;
  background-color: #fff;
  padding: 25px;
  width: 100%;
  border: solid 1px #aaf200;
}
#page-info section#garantie .overlay .blocks .block h3 {
  padding-bottom: 15px;
}
#page-info section#garantie .overlay .blocks .block .textes {
  padding: 15px 50px;
  max-width: 900px;
  margin: auto;
  color: #a8a8a8;
}
#page-info section#garantie .overlay .blocks .block .textes .texte {
  padding: 5px 0;
}
#page-info section#garantie .overlay .blocks .block .liens {
  padding: 20px 0;
}
#page-info section#garantie .overlay .blocks .block .liens a {
  padding: 5px;
  display: block;
  color: #7db100;
}
#page-info section#garantie .overlay .blocks .block .liens a:hover {
  color: #303030;
}
#page-catalogue-index {
  background-image: url('../images/Background-Menu.jpg');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 0;
  color: #fff;
}
#page-catalogue-index .projet {
  margin-bottom: 20px;
}
#page-catalogue-index a {
  color: #d4ff5b;
}
#page-catalogue-index h2 .discret {
  color: #a2a2a2;
}
#page-catalogue-index #overlay {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 80px 0;
}
#page-catalogue-index .blocks {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  max-width: 1200px;
  margin: auto;
  text-align: center;
}
#page-catalogue-index .blocks .titre-plantation {
  padding: 0 0 15px 0;
}
#page-catalogue-index .blocks .titre-plantation .titre-plantation-espace {
  /*background-color: red;*/
  height: 45px;
  margin-top: 60px;
}
#page-catalogue-index .blocks .titre-plantation h2 {
  padding-top: 30px;
}
#page-catalogue-index .blocks #fin-de-liste {
  height: 60px;
}
#page-catalogue-index .blocks .block {
  background-color: #f9f9f9;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  height: 400px;
  margin: 20px;
  border: solid 8px #86be00;
  color: #909090;
}
#page-catalogue-index .blocks .block .titre {
  height: 200px;
  color: white;
  font-size: 1.4em;
  background-image: url('../images/header-plant-select.jpg');
  background-position: center;
  background-size: cover;
  background-color: #000;
}
#page-catalogue-index .blocks .block .titre .overlay {
  display: table;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
#page-catalogue-index .blocks .block .titre .overlay .inner {
  display: table-cell;
  vertical-align: middle;
}
#page-catalogue-index .blocks .block .textes {
  width: 100%;
  padding: 25px;
}
#page-catalogue-index .blocks .block .textes .nom {
  color: #000;
  font-size: 1.3em;
}
#page-catalogue-index .blocks .block .textes .prix-carbone {
  display: table;
  width: 100%;
  height: 80px;
}
#page-catalogue-index .blocks .block .textes .prix,
#page-catalogue-index .blocks .block .textes .carbone {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em;
  width: 50%;
}
#page-catalogue-index .blocks .block:hover {
  background-color: #000;
  color: #aaf200;
  border: solid 8px #628a00;
}
#page-catalogue-index .blocks .block:hover .nom {
  color: white;
}
#page-demandevoyagiste section#titre {
  background-image: url('../images/Background-Menu.jpg');
  background-position: center;
  background-size: cover;
  height: 15em;
  color: white;
  text-align: center;
}
#page-demandevoyagiste section#titre .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 60, 44, 0.3);
}
#page-demandevoyagiste section#titre .overlay .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#page-demandevoyagiste section#titre .overlay .outer .inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#page-demandevoyagiste #contenu {
  padding: 65px;
  background-color: #eaeaea;
  margin: -80px auto 30px auto;
}
@media (max-width: 600px) {
  #page-demandevoyagiste #contenu {
    padding: 65px 0;
  }
}
#page-demandevoyagiste #formulaire {
  padding: 25px;
  border: solid 1px #aaf200;
  background-color: white;
}
#page-demandevoyagiste #formulaire .explication {
  padding: 10px 0 45px 0;
}
#page-catalogue-details #titre {
  background-position: center;
  background-size: cover;
  padding: 0;
  color: #fff;
  height: 35vh;
  text-align: center;
  color: white;
}
#page-catalogue-details #titre .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
#page-catalogue-details #titre .overlay .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#page-catalogue-details #titre .overlay .outer .inner {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
#page-catalogue-details #arbre {
  max-width: 900px;
  margin: auto;
  padding: 20px 0 80px 0;
}
#page-catalogue-details #arbre .arbre {
  display: table;
  width: 100%;
}
#page-catalogue-details #arbre .image,
#page-catalogue-details #arbre .textes {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
#page-catalogue-details #arbre .image {
  padding: 25px;
}
#page-catalogue-details #arbre .image img {
  width: 100%;
}
#page-catalogue-details #arbre .textes {
  padding-right: 25px;
}
@media screen and (max-width: 767px) {
  #page-catalogue-details #arbre .image,
  #page-catalogue-details #arbre .textes {
    display: block;
    width: auto;
    padding: 25px;
  }
}
#page-catalogue-details #arbre .textes .liens {
  padding: 30px 0;
}
#page-catalogue-details #arbre .textes .prix-carbone {
  display: table;
  width: 100%;
  height: 80px;
  color: #a2a2a2;
}
#page-catalogue-details #arbre .textes .prix,
#page-catalogue-details #arbre .textes .carbone {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em;
  width: 50%;
}
#page-catalogue-details #arbre .textes .texte div {
  padding: 5px 0;
}
#page-user-profil h2 {
  color: #ccc;
  text-align: center;
}
#page-user-profil #voyageur .blocks,
#page-user-profil #planteur .blocks {
  display: table;
  width: 100%;
}
#page-user-profil #voyageur .blocks .block,
#page-user-profil #planteur .blocks .block {
  display: table-cell;
  width: 30%;
  vertical-align: middle;
}
#page-user-profil #voyageur .blocks .b-image,
#page-user-profil #planteur .blocks .b-image {
  text-align: right;
}
#page-user-profil #voyageur .blocks .b-textes,
#page-user-profil #planteur .blocks .b-textes {
  text-align: left;
}
#page-user-tdb h2,
#page-user-tdb h4 {
  color: #aeaeae;
  text-align: center;
}
#page-user-tdb #persos .info {
  text-align: center;
  padding: 0 0 20px 0;
}
#page-user-tdb #persos #voyageur #voyageur-inner {
  background-color: #f0f0f0;
  padding: 40px 10px 40px 10px;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks {
  display: table;
  width: 100%;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks .block {
  display: table-cell;
  width: 30%;
  vertical-align: top;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks .b-image {
  text-align: right;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks .b-textes {
  text-align: left;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks .b-textes form {
  padding: 15px 15px;
}
#page-user-tdb #persos #voyageur #voyageur-inner .blocks .b-textes form .libelle {
  text-align: left;
  color: #9c9c9c;
}
#page-user-tdb #resume {
  text-align: center;
}
#page-user-tdb #resume #compteurs {
  color: #a8a8a8;
}
#page-user-tdb #resume #compteurs .cc-blocks {
  padding: 20px;
  display: table;
  margin: auto;
}
#page-user-tdb #resume #compteurs .cc-blocks .cc-block {
  display: inline-block;
  padding: 0 15px;
}
#page-user-tdb #resume #compteurs .cc-blocks .cc-block .cc-texte {
  display: block !important;
}
#page-user-tdb #resume #compteurs .cc-blocks .cc-block .cc-icone,
#page-user-tdb #resume #compteurs .cc-blocks .cc-block .cc-compteur {
  font-size: 2em;
  padding: 0 5px;
}
#page-user-tdb #voyages {
  padding: 45px 0;
}
#page-user-tdb #voyages .progress {
  padding: 0;
  margin: 0;
  width: 100px;
  background-color: #cb0000;
}
#bloc-voyage-entete {
  background-position: center;
  background-size: cover;
  height: 50vh;
  color: white;
  text-align: center;
}
#bloc-voyage-entete .icone {
  font-size: 3em;
}
#bloc-voyage-entete .overlay {
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
}
#bloc-voyage-entete .overlay .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#bloc-voyage-entete .overlay .outer .inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#bloc-voyage-entete .overlay .outer .inner .block-centre {
  display: inline-block;
  padding: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  min-width: 10px;
  margin: auto;
}
#page-user-voyage #actions {
  background-color: #e4e4e4;
  padding: 15px 0 0 0;
}
#page-user-voyage #contenu {
  background-color: white;
}
#page-user-voyage-modif-data {
  background-color: white;
  padding: 0 0 50px 0;
}
#page-user-voyage-modif-data #titre {
  background-position: center center;
  background-size: cover;
  height: 35vh;
  color: white;
  text-align: center;
}
#page-user-voyage-modif-data #titre .icone {
  font-size: 3em;
}
#page-user-voyage-modif-data #titre .overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;
}
#page-user-voyage-modif-data #titre .overlay .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#page-user-voyage-modif-data #titre .overlay .outer .inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#page-user-voyage-modif-data #contenu {
  padding: 50px 15px;
}
#page-user-voyage-modif-image-principale {
  background-color: white;
  padding: 0 0 50px 0;
}
#page-user-voyage-modif-image-principale #titre {
  /*background-position: center center;
        background-size: cover;
        height: 35vh;
        color: white;*/
  text-align: center;
}
#page-user-voyage-modif-image-principale #titre .icone {
  font-size: 3em;
}
#page-user-voyage-modif-image-principale #titre .overlay {
  height: 100%;
}
#page-user-voyage-modif-image-principale #titre .overlay .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#page-user-voyage-modif-image-principale #titre .overlay .outer .inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
#page-user-voyage-modif-image-principale section#contenu {
  text-align: center;
}
#voyage-body .ajouter-sur-petit-ecran {
  display: none;
}
#voyage-body #texte-calcul,
#voyage-body #texte-carbone {
  padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
  #voyage-body .ajouter-sur-petit-ecran {
    display: inline;
  }
}
#voyage-body #voyage-nom {
  padding: 0 15px 50px 15px;
  background-color: #ccc;
}
#voyage-body #voyage-nom .voyage-nom {
  max-width: 900px;
  margin: auto;
  text-align: center;
  padding: 25px 0 20px 0;
}
#voyage-body #voyage-nom .voyage-nom .icone {
  font-size: 5em;
}
#voyage-body #voyage-nom .description {
  text-align: center;
  max-width: 600px;
  margin: auto;
}
#voyage-body #villes {
  background-color: #e4e4e4;
  color: #848484;
  padding: 25px 0 0 0;
}
#voyage-body #villes .villes {
  max-width: 1200px;
  margin: auto;
  display: table;
  width: 100%;
  height: 150px;
  text-align: center;
}
#voyage-body #villes .villes .ville {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
#voyage-body #villes .villes .ville .icone {
  font-size: 4em;
}
#voyage-body #villes .villes .ville .nom {
  font-size: 1.6em;
}
@media screen and (max-width: 767px) {
  #voyage-body #villes .villes .ville {
    display: block;
    margin: auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
#voyage-body #distance {
  text-align: center;
  padding: 20px 0 60px 0;
  background-color: #e4e4e4;
  color: #848484;
  font-size: 1.5em;
}
#voyage-body #distance .carte-trajet {
  width: 100%;
  margin: auto;
}
#voyage-body #distance #distance-container {
  display: table;
  margin: auto;
  padding-top: 30px;
  font-size: 1.8em;
}
#voyage-body #distance #distance-container .dc-block {
  display: table-cell;
  vertical-align: central;
  padding: 0 8px;
}
#voyage-body #compensation-carbone {
  padding: 30px 0;
  background-color: #fcfcfc;
}
#voyage-body #compensation-carbone .compensation-carbone {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  padding: 30px 10% 0 10%;
  font-size: 2em;
  color: #969696;
}
#voyage-body #compensation-carbone .compensation-carbone .progress {
  height: 80px;
  background-color: #666;
}
#voyage-body #compensation-carbone .compensation-carbone .progress .progress-bar {
  font-size: 25px !important;
  padding-top: 25px !important;
}
#voyage-body #arbres {
  background-color: #fcfcfc;
  padding: 0 0 60px 0;
}
#voyage-body #arbres .arbres {
  text-align: center;
  max-width: 1200px;
  margin: auto;
  padding: 20px 0;
}
#voyage-body #arbres .arbres h3 {
  color: #bdbdbd;
}
#voyage-body #arbres .arbres .icone {
  font-size: 3em;
  color: #bababa;
  margin-bottom: -15px;
}
#voyage-body #arbres .arbres .arbre {
  background-color: #787878;
  vertical-align: top;
  display: inline-block;
  width: 200px;
  height: 270px;
  border: solid 1px #aaf200;
  margin: 15px;
  color: #fcfcfc;
  cursor: pointer;
}
#voyage-body #arbres .arbres .arbre .image {
  height: 120px;
}
#voyage-body #arbres .arbres .arbre .outer {
  display: table;
  width: 100%;
  height: 100%;
}
#voyage-body #arbres .arbres .arbre .outer .inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
#voyage-body #arbres .arbres .arbre .espece {
  padding: 10px 0 0 0;
}
#voyage-body #arbres .arbres .arbre .plantation {
  color: #c6c6c6;
}
#voyage-body #arbres .arbres .arbre .pays {
  color: #c6c6c6;
}
#voyage-body #arbres .arbres .arbre .plantation {
  color: #c6c6c6;
}
#voyage-body #arbres .arbres .arbre .date {
  padding: 10px 0 0 0;
  color: #c6c6c6;
}
#voyage-body #arbres .arbres .arbre:hover {
  background-color: #000;
}
#voyage-body #arbres .arbres #arbre-ajouter {
  background-color: #c6c6c6;
  color: #fcfcfc;
  cursor: pointer;
}
#voyage-body #arbres .arbres #arbre-ajouter:hover {
  background-color: #d8d8d8;
  color: white;
}
#voyage-body section#voyageurs {
  background-color: #3c3c3c;
  color: #dbdbdb;
}
#voyage-body section#voyageurs #voyageur-public #message {
  margin-top: 25px;
}
#voyage-body section#voyageurs #voyageur-spacer {
  height: 30px;
}
#voyage-body section#voyageurs .voyageurs {
  max-width: 600px;
  margin: auto;
}
#voyage-body section#voyageurs .voyageurs .voyageur {
  padding: 25px 0;
  display: table;
}
#voyage-body section#voyageurs .voyageurs .voyageur .discret {
  color: #8d8d8d;
  padding-right: 10px;
}
#voyage-body section#voyageurs .voyageurs .voyageur .avatar,
#voyage-body section#voyageurs .voyageurs .voyageur .textes {
  display: table-cell;
  vertical-align: top;
}
#voyage-body section#voyageurs .voyageurs .voyageur .avatar {
  text-align: right;
}
#voyage-body section#voyageurs .voyageurs .voyageur .textes {
  text-align: left;
  padding-left: 25px;
}
#voyage-body section#voyageurs .voyageurs .voyageur .textes .nom {
  padding: 0 0 15px 25px;
}
#voyage-body section#voyageurs .voyageurs .voyageur .textes .presentation {
  position: relative;
  padding: 25px;
}
#voyage-body section#voyageurs .voyageurs .voyageur .textes .presentation .icone {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 2em;
  color: #606060;
}
#page-questions-reponses .questions {
  padding: 50px 15px;
  color: #666;
}
#page-questions-reponses .questions h3 {
  color: #80b100;
}
#page-questions-reponses .questions .reponse {
  padding: 10px 0 35px 40px;
}
#page-questions-reponses .questions .reponse-lien {
  color: #aeaeae;
}
#page-voyageur-edit h3 {
  text-align: center;
  color: #c0c0c0;
  padding: 25px 0 15px 0;
}
#page-info h1,
#page-info h2,
#page-info h3 {
  color: #a8a8a8;
  text-align: center;
}
#page-info h3 {
  padding: 15px 0;
}
#page-info .texte {
  padding-bottom: 40px;
}
#formulaire-voyage-mini {
  padding: 45px 0;
}
#formulaire-voyage-mini .menu-mode-allerretour {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
#formulaire-voyage-mini .menu-mode-allerretour a {
  color: #666 !important;
}
#formulaire-voyage-mini .menu-mode-allerretour a:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
#formulaire-voyage-mini #fvm-formulaire {
  max-width: 1200px;
  margin: auto;
  padding: 015px;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-arbres-toolbar {
  padding: 15px 0;
}
#formulaire-voyage-mini #fvm-formulaire input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #6c6c6c;
  opacity: 1;
  /* Firefox */
}
#formulaire-voyage-mini #fvm-formulaire input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #6c6c6c;
}
#formulaire-voyage-mini #fvm-formulaire input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #6c6c6c;
}
#formulaire-voyage-mini #fvm-formulaire .btn-toolbar {
  text-align: center;
}
#formulaire-voyage-mini #fvm-formulaire .btn-toolbar .btn {
  float: none;
}
#formulaire-voyage-mini #fvm-formulaire a {
  color: #d4ff5b;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-co2-block {
  font-size: 2em;
  padding: 15px 0;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-co2-block #fvm-qte-minimum {
  font-size: 0.5em;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-switch a {
  color: rgba(255, 255, 255, 0.5);
}
#formulaire-voyage-mini #fvm-formulaire #fvm-switch a:hover {
  color: rgba(255, 255, 255, 0.9);
}
#formulaire-voyage-mini #fvm-formulaire #fvm-bouton-compenser,
#formulaire-voyage-mini #fvm-formulaire #fvm-bouton-calculer,
#formulaire-voyage-mini #fvm-formulaire #fvm-bouton-continuer {
  background-color: #000;
  color: white;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-bouton-annuler {
  background-color: rgba(255, 255, 255, 0.4);
}
#formulaire-voyage-mini #fvm-formulaire input {
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
}
#formulaire-voyage-mini #fvm-formulaire input:focus {
  background-color: rgba(255, 255, 255, 0.8);
  border: white;
}
#formulaire-voyage-mini #fvm-formulaire label {
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.4);
}
#formulaire-voyage-mini #fvm-formulaire label.active,
#formulaire-voyage-mini #fvm-formulaire button {
  background-color: rgba(255, 255, 255, 0.8);
}
#formulaire-voyage-mini #fvm-formulaire .badge {
  background-color: rgba(0, 0, 0, 0.5);
}
#formulaire-voyage-mini #fvm-formulaire .fvm-lieux-rel {
  color: #8a8a8a;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-lieux {
  max-width: 600px;
  margin: auto;
  display: table;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-lieux .fvm-lieu {
  display: table-cell;
  width: 49%;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-lieux .fvm-allerretour {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 10px;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-lieux .fvm-separateur {
  padding: 6px;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-distance {
  width: 200px;
  margin: auto;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-transport {
  padding: 15px 0;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-details input[type="number"] {
  display: inline;
  width: 60px;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-details .fvm-slq {
  vertical-align: middle;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-compenser-carbone {
  font-size: 1.4em;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-compenser-carbone .badge {
  font-size: 1.1em;
  font-weight: 400;
}
#formulaire-voyage-mini #fvm-formulaire #fvm-arbres {
  padding: 15px 0;
}
#formulaire-voyage-mini #fvm-arbres-toolbar .pays {
  color: rgba(0, 0, 0, 0.3);
}
#formulaire-voyage-mini #fvm-liens {
  padding: 25px;
}
#formulaire-voyage-mini #fvm-metion-choisir-projet {
  color: rgba(255, 255, 255, 0.6);
  padding: 0 0 5px 0;
}
#formulaire-voyage-mini #fvm-message-rgpd {
  color: rgba(255, 255, 255, 0.6);
  max-width: 600px;
  margin: auto;
}
#formulaire-voyage-mini #fvm-switch a {
  padding: 0 15px;
}
#page-pro-index h1,
#page-pro-index h2 {
  font-family: 'Cabin Condensed', sans-serif;
}
#pub {
  padding: 80px 0;
  background-color: #fff;
}
#pub table {
  width: 600px;
}
#pub .formulaire {
  max-width: 600px;
  margin: auto;
}
#pub .espaces {
  padding: 0 8px;
}
#pub .invisible {
  color: transparent;
}
#pub .agence {
  font-size: 2em;
  color: #eee;
}
#pub .confirmation {
  font-size: 1.3em;
}
#pub .titre {
  font-size: 1.7em;
  background-color: #f2fff2;
}
#pub .dates {
  padding: 0 0 15px 0;
  background-color: #f2fff2;
}
#pub .dates .discret {
  color: #bbb;
}
#pub #carbone {
  padding: 15px 0 5px 35px;
}
#pub #tree {
  display: table;
}
#pub #tree div {
  display: table-cell;
}
#pub #tree .cbox,
#pub #tree .icone {
  padding: 0 5px;
}
#pub #tree .texte {
  color: #7db100;
}
#pub .libelle {
  color: #9c9c9c;
}
#pub #ligne-voyage td {
  color: #7db100;
  height: 45px;
}
#pub #prix-total {
  margin-top: 10px;
  height: 45px;
}
#pub #prix-total td {
  /*margin-top: 10px;
            font-weight: 700;
            color: #0780e5;
            border-top: solid 2px #0780e5;
            border-bottom: solid 2px #0780e5;*/
  margin-top: 50px;
  font-weight: 700;
  background-color: #f2fff2;
  color: #189D12;
}
#image-test {
  padding: 50px;
}
#page-arbres-unarbre-unvoyage h3 {
  font-family: 'Viga', sans-serif;
}
#page-arbres-unarbre-unvoyage #details-arbre {
  text-align: center;
  padding: 25px 0;
}
#page-arbres-unarbre-unvoyage #espece {
  text-align: center;
  padding-bottom: 50px;
}
#page-arbres-unarbre-unvoyage #espece .textes {
  padding: 50px 15px;
  max-width: 900px;
  margin: auto;
}
#page-arbres-unarbre-unvoyage #espece .image-fond {
  height: 30vh;
}
#page-arbres-unarbre-unvoyage #espece .image-fond .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
#page-arbres-unarbre-unvoyage #espece .image {
  margin-top: -80px;
}
#page-arbres-unarbre-unvoyage #espece .image .container-image {
  max-width: 400px;
  margin: auto;
  border: solid 8px #aaf200;
}
#page-arbres-unarbre-unvoyage #espece .image .container-image img {
  width: 100%;
  height: 100%;
}
#page-arbres-unarbre-unvoyage .heure-locale {
  padding: 40px 15px 60px 15px;
}
#page-arbres-unarbre-unvoyage #plantation {
  padding: 50px 0 0 0;
  text-align: center;
  background-color: #f0f0f0;
}
#page-arbres-unarbre-unvoyage #plantation #horloge {
  max-width: 100px;
  margin: auto;
  clear: both;
}
#page-arbres-unarbre-unvoyage #plantation #horloge-suite {
  clear: both;
}
#page-arbres-unarbre-unvoyage #plantation .textes {
  padding: 50px 15px;
  max-width: 900px;
  margin: auto;
}
#page-arbres-unarbre-unvoyage #plantation #lien-tn {
  padding: 25px 15px;
}
.contact-page {
  font-family: 'Font Awesome 5 Pro';
  font-size: 5em;
}