/* ******************************************   GENERALE SECTION GUIDELINE  ********** */
@font-face {
  font-family: 'BelleroseLight';
  src: url('../font/BelleroseLight.eot?#iefix') format('embedded-opentype'),  url('../font/BelleroseLight.woff') format('woff'), url('../font/BelleroseLight.ttf')  format('truetype'), url('../font/BelleroseLight.svg#BelleroseLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  color: #6b5b47;
  background-color: #f7f1e9;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
@media (min-width: 576px) {
  body { background-size: auto auto; }
}
b { font-weight: 700; }

/* du texte sélectionné sera jaune sur fond rouge */
::-moz-selection {
  color: #FFFFFF;
  background-color: #d4b025;
}
::selection {
  color: #FFFFFF;
  background-color: #d4b025;
}

/* RESPONSIVE content */
.evolutive { margin: auto !important; width: 100%; }
@media (min-width: 576px) {
  .evolutive { margin: auto !important; width: 576px; }
}
@media (min-width: 768px) {
  .evolutive { margin: auto !important; width: 768px; }
}
@media (min-width: 992px) {
  .evolutive { margin: auto !important; width: 992px; }
}
@media (min-width: 1200px) {
  .evolutive { margin: auto !important; width: 1200px; }
}





p.rubrique-pretitle {
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  /*color: #6b5b47;*/
  color: #957b60;
  line-height: 120%;
  margin: 50px 0 20px 0;
  padding: 0;
}
h2.rubrique-title {
  color: #d4b025;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 27px;
}
p.rubrique-contenu {
  text-align: justify;
  font-size: 19px;
  font-weight: 300;
}
a.ensavoirplus {
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 33px;
  color: #d4b025;
  background-color: #FFFFFF;
  border: 2px solid #d4b025;
  border-radius: 30px;
  line-height: 100%;
  transition: all 200ms linear;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*margin-top: 0px;*/
  margin-top: 20px;
  margin-right: 20px;
  box-shadow: 0px 10px 29px rgba(0,0,0,0.08);
}
a.ensavoirplus:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #d4b025;
}
.rubrique { padding: 40px 0 80px 0; }
@media (min-width: 576px) {
  .rubrique {
    /*padding: 110px 0 150px 0;*/
    padding: 70px 0;
  }
}
.rubrique-visu {
  /*min-height: 300px;*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.rubrique-visu img {
  width: 100%;
  height: auto;
}



/* ***************************  NAVBAR  ********** */
.navbar-brand {
  padding: 0;
  width: 46px;
  height: 22px;
  background-image: url("../img/incidents/logo_menu.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.navbar {
  padding: 4px;
  /*margin-top: -83px;*/
  transition: all 400ms ease-in-out;
  background-color: rgba(255,255,255,0);

}
.navbar-light .navbar-nav .nav-link {
  padding: 15px 10px;
  color: #d4b025;
  font-weight: 300;
  /*letter-spacing: 1px;*/
  font-size: 15px !important;
  line-height: 20px !important;
  transition: all 200ms linear;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #6b5b47;
}
.currentpage {
  color: #6b5b47 !important;
}
.navbar-light .navbar-toggler-icon {
/*  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(107,91,71, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M6 15h18M8 23h14'/%3e%3c/svg%3e");*/
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(107,91,71, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M0 5h29M0 15h29M0 25h29'/%3e%3c/svg%3e");
}
.navbar.scrolled {
  /*margin-top: 0px;*/
  background-color: rgba(255,255,255,0.95);
}
.navbar-light .navbar-toggler {
  border: none !important;
  /*background-color: #FFFFFF;*/
}
.navbar-collapse { flex-basis: auto !important; }










/* ******************************************  CARROUSEL  ********** */
.carrousel {
  padding: 90px 0 50px 0;
  background-image: none;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 576px) {
  .carrousel { padding: 70px 0; }
}
@media (min-width: 992px) {
  .carrousel { background-image: url("../img/incidents/carrousel.jpg"); }
}
.carrousel img {
  width: 250px;
  height: auto;
}
.carrousel-titre h1 {
  color: #d4b025;
  font-size: 48px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 25px;
}
.carrousel-titre p {
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #957b60;
  line-height: 150%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}








/**************************** rubrique1 **********************/
.rubrique1 {
  background-color: #FFFFFF;
  background-image: url("../img/incidents/carrousel-bkg.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

/**************************** rubrique2 **********************/
.rubrique2 {
  /*background-image: url("../img/incidents/tache_blanc_bas.svg"), url("../img/incidents/tache_blanc.svg");
  background-position: bottom center, top center;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;*/
  background-image: url("../img/incidents/tache_blanc.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}

/**************************** rubrique3 **********************/
.rubrique3 {
  background-color: #FFFFFF;
  background-image: url("../img/incidents/carrousel-bkg.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}



/**************************** panorama **********************/
.panorama {
  padding: 120px 0;
  background-image: url("../img/incidents/panorama-bkg.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media (min-width: 576px) {
  .panorama {
    padding: 200px 0;
  }
}


/************************************ pied de page ************************/
.pied2page {
  text-align: left;
  padding: 50px 0;
  background: #d4b025;
  background: -moz-linear-gradient(-45deg,  #d4b025 0%, #6b5b47 100%);
  background: -webkit-linear-gradient(-45deg,  #d4b025 0%,#6b5b47 100%);
  background: linear-gradient(135deg,  #d4b025 0%,#6b5b47 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b025', endColorstr='#6b5b47',GradientType=1 );
}
@media (min-width: 576px) {
  .pied2page {
    padding: 100px 0;
  }
}
.pied2page-menu {
  padding: 18px;
}
div.logo {
  width: 100%;
  max-width: 290px;
  height: 50px;
  background-image: url("../img/incidents/footer-logo.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
@media (min-width: 576px) {
  div.logo {
    margin: 0;
  }
}
.coordonnees {
  display: block;
  font-size: 17px;
  line-height: 120%;
  margin: 10px 0;
  font-weight: 300;
  letter-spacing: 1px;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.coordonnees:hover {
  color: #FFFFFF5C;
  text-decoration: none;
}

.pied2page .title {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  padding: 0;
  margin: 0 0 24px 0;
  color: #FFFFFF5C;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pied2page iframe {
  width: 100%;
  height: 100%;
}






.pied2page2 {
  text-align: center;
  padding: 8px 0;
  background-color: #FFFFFF;
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 1px;
}
.pied2page2 a {
  color:#d4b025;
}