/* ******************************************   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: #4E4E4E;
  /*background-color: #eef2f6;*/
  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: #0596de;
}
::selection {
  color: #FFFFFF;
  background-color: #0596de;
}

/* 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; }
}




/* ***************************  NAVBAR  ********** */
.navbar-brand {
  padding: 0;
  width: 46px;
  height: 22px;
  background-image: url("../img/plan/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: #0596de;
  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: #435f71;
}
.currentpage {
  color: #435f71 !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(5,150,222, 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(5,150,222, 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/plan/carrousel.jpg"); }
}

.carrousel img {
  width: 250px;
  height: auto;
}
.carrousel-titre h1 {
  color: #0596de;
  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: #435f71;
  line-height: 150%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}








/**************************** rubrique1 **********************/
.rubrique1 { background-color: #eef2f6; }
.pardessus {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10%;
  margin: 0;
  padding: 0;
}
.haut {
  top: 0;
  background-image: url("../img/plan/haut.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bas {
  bottom: 0;
  background-image: url("../img/plan/bas.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
}

/**************************** rubrique2 **********************/
.rubrique2 {
  background-color: #eef2f6;
  padding: 20px 0 110px 0;
  /*background-image: url("../img/plan/tache_blanc.svg");*/
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}


/**************************** panorama **********************/
.panorama {
  padding: 120px 0;
  background-image: url("../img/plan/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: #eef2f6;
  background: -moz-linear-gradient(-45deg,  #eef2f6 0%, #e0f3fc 100%);
  background: -webkit-linear-gradient(-45deg,  #eef2f6 0%,#e0f3fc 100%);
  background: linear-gradient(135deg,  #eef2f6 0%,#e0f3fc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2f6', endColorstr='#e0f3fc',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/plan/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: #435f71;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
.coordonnees:hover {
  color: #435f716e;
  text-decoration: none;
}

.pied2page .title {
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  padding: 0;
  margin: 0 0 24px 0;
  color: #435f716e;
  -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;
}