/* ******************************************   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: #ffebf4;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
@media (min-width: 576px) {
  body { background-size: auto auto; }
}
b { font-weight: 400; }

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

/* 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: #e58fad;
  line-height: 120%;
  margin: 0 0 20px 0;
  padding: 0;
  text-shadow: 0px 0px 7px rgba(255,255,255,0.9);
}
h2.rubrique-title {
  color: #b72559;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 27px;
}
p.rubrique-contenu {
  text-align: justify;
  color: #734f4f;
  font-size: 19px;
  font-weight: 300;
}
p.rubrique-contenu a {
  color: #b72559;
  text-decoration: underline;
  font-weight: 400;
}
p.rubrique-contenu a:hover {
  text-decoration: none;
}
p.rubrique-contenu2 {
  text-align: justify;
  color: #734f4f;
  font-size: 16px;
  font-weight: 300;
}
a.ensavoirplus {
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 33px;
  color: #b72559;
  background-color: #FFFFFF;
  border: 2px solid #b72559;
  border-radius: 30px;
  line-height: 100%;
  transition: all 200ms linear;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 10px;
  margin-right: 20px;
  box-shadow: 0px 10px 29px rgba(0,0,0,0.08);
}
a.ensavoirplus:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #b72559;
}
.rubrique { padding: 80px 0; }
@media (min-width: 576px) {
  .rubrique { padding: 150px 0; }
}
.rubrique-visu {
  /*min-height: 300px;*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.rubrique-visu img {
  width: 100%;
  height: auto;
}
.rubrique-iframe {
  /*min-height: 300px;*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 30px;
  /*padding-left: 30px;
  padding-right: 30px;*/
}
@media (min-width: 768px) {
  .rubrique-iframe { padding-top: 0px; }
}
.rubrique-iframe iframe {
  width: 100%;
  height: auto;
  min-height: 250px;
}



/* ***************************  NAVBAR  ********** */
.navbar-brand {
  padding: 0;
  width: 46px;
  height: 22px;
  background-image: url("../img/techniques/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: #b72559;
  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: #ffafcb;
}
.currentpage {
  color: #ffafcb !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(183,37,89, 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(183,37,89, 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/techniques/carrousel.jpg"); }
}
.carrousel img {
  width: 250px;
  height: auto;
}
.carrousel-titre h1 {
  color: #b72559;
  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: #e58fad;
  line-height: 150%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}








/**************************** rubrique1 **********************/
/*.rubrique1 {
  background-color: #FFFFFF;
  background-image: url("../img/techniques/invisalign.png"), url("../img/techniques/carrousel_tache5.png"), url("../img/techniques/carrousel-bkg.svg");
  background-position: right center, left bottom, left top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: contain, auto auto, contain;
}*/
.rubrique1 {
  background-color: #FFFFFF;
  background-image: url("../img/techniques/carrousel_tache5.png"), url("../img/techniques/carrousel-bkg.svg");
  background-position: left bottom, left top;
  background-repeat: no-repeat, no-repeat;
  background-size: auto auto, contain;
}

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

/**************************** rubrique3 **********************/
.rubrique3 {
  background-color: #FFFFFF;
  background-image: url("../img/techniques/tache_couleur_bas.svg"), url("../img/techniques/carrousel_tache2.png");
  background-position: bottom center, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, 450px auto;
}

/**************************** rubrique4 **********************/
.rubrique4 { background-color: #FFF2F2; }



/**************************** panorama **********************/
.panorama {
  background-color: #FFFFFF;
  padding: 120px 0;
  background-image: url("../img/techniques/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: #e58fad;
  background: -moz-linear-gradient(-45deg,  #e58fad 0%, #b72559 100%);
  background: -webkit-linear-gradient(-45deg,  #e58fad 0%,#b72559 100%);
  background: linear-gradient(135deg,  #e58fad 0%,#b72559 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58fad', endColorstr='#b72559',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/techniques/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: #b72559;
}