body, html {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Cabin;
  text-align: center;
  color: #222621;
  background-color: #FDFBF0;
}
/*----------------------------------*/
a {
  text-decoration: none;
  color: #6D6E66;
}
a:hover {
  color: #EC8A3F;
}
/*----------------------------------*/
#main {
  width: 75%;
  margin: auto;
}
@media screen and (max-width: 800px) {
  #main {
    width: 100%;
    margin: 0;
  }
}
/*----------------------------------*/
header {
  position: relative;
  width: 100%;
}
/*----------------------------------*/
#cont-titre-head {
  position: relative;
}
#titre {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FDFBF0;
}
.cont-titre-txt {
  position: relative;
  font-size: 5.5em;
}
.titre1 {
  font-size: 1em;
  font-weight: Bold;
}
.titre2 {
  font-size: 0.8em;
  font-weight: Regular;
}
@media screen and (max-width: 1150px) {
  .cont-titre-txt {
    font-size: 4em;
  }
}
@media screen and (max-width: 800px) {
  .cont-titre-txt {
    font-size: 3em;
  }
}
@media screen and (max-width: 576px) {
  .cont-titre-txt {
    font-size: 2.5em;
  }
}
#titre-img {
/*  position: absolute;
  top: 0;
*/
  width: 100%;
}
#titre-img img {
  width: 100%;
}
/*----------------------------------*/
#menu {
  position: relative;
  display: -moz-box; /* OLD - Firefox 19- (doesn"t work very well) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  padding: 20px;
  background-color: #222621;
  z-index: 10;
}
#menu a {
  margin: auto;
  color: #F2FDF0;
  font-weight: bold;
}
#menu a:hover {
  color: #EC8A3F;
}
@media screen and (max-width: 576px) {
  #menu {
    display: block;
  }
  .js-scrollTo {
    display: block;
    width: 100%;
  }
}
/*----------------------------------*/
section {
  width: 100%;
}
#contenu {
  font-size: 1.1em;
  color: #6D6E66;
}
@media screen and (max-width: 576px) {
  #contenu {
  }
}
/*----------------------------------*/
.cont-page {
  position: relative;
  padding: 20px;
}
/*----------------------------------*/
.cont-titre-sect {
  font-size: 2em;
}
.titre-sect-bold {
  display: inline-block;
  font-weight: bold;
}
.titre-sect-moins {
  display: inline;
  font-size: 0.85em;
}
@media screen and (max-width: 1200px) {
  .cont-titre-sect {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 992px) {
  .cont-titre-sect {
    font-size: 1.65em;
  }
}
@media screen and (max-width: 768px) {
  .cont-titre-sect {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 576px) {
  .cont-titre-sect {
    font-size: 1.4em;
  }
  .titre-sect-bold {
    display: block;
  }
}
/*----------------------------------*/
.cont-cadre {
  padding: 20px;
  border: 1px solid #6D6E66;
}
/*----------------------------------*/
.cont-separ {
  border-top: 1px solid #6D6E66;
}
/*----------------------------------*/
.cont-fleche-div {
  padding-top: 20px;
  text-align: right;
}
.cont-fleche {
  display: inline-block;
  padding: 5px;
  font-size: 1.2em;
  border: 1px solid #6D6E66;
}
.cont-fleche:hover {
  border: 1px solid #EC8A3F;
}
/*----------------------------------*/
.cont-gt-div {
  display: flex;
}
.cont-gt-img {
  margin: 0 20px 0 0;
}
.cont-gt-img img {
  width: 200px;
}
.cont-gt-txt {
  text-align: left;
}
@media screen and (max-width: 576px) {
  .cont-gt-div {
    display: inline-block;
  }
  .cont-gt-img {
    display: block;
    float: left;
  }
  .cont-gt-img img {
    width: 150px;
  }
  .cont-gt-txt {
    display: block;
  }
}
/*----------------------------------*/
#cont-tarif {
  padding: 20px 0;
}
.cont-tarif-div {
  display: flex;
  flex-wrap: wrap;
}
.cont-tarif-cadre {
  position: relative;
  flex: 1;
  margin: 20px;
  padding: 20px;
  border: 1px solid #6D6E66;
}
.cont-tarif-txt {
  height: 90%;
  margin-bottom: 20px;
}
.cont-tarif-prix {
  position: relative;
  bottom: 20px;
}
/*----------------------------------*/
.cont-iframe {
  width: 600px;
  height: 450px;
  border: 0;
}
@media screen and (max-width: 768px) {
  .cont-iframe {
    width: 100%;
    height: 450px;
  }
}
.cont-transports {
  display: inline-block;
}
@media screen and (max-width: 576px) {
  .cont-transports {
    display: block;
  }
}
/*----------------------------------*/
footer {
  width: 100%;
  background-color: #222621;
  color: #FDFBF0;
}
#cont-foot {
  padding: 20px;
}