/**Lecteur audio**/
audio.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/**Réglage écrans divers**/
@media screen and (max-width: 320px) {
   /*propriétés pour mobile */

}
/**Réglages sous-menu**/
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  /** top: 125%;
  right: 0;
  position: relative; **/
  position: relative;
  margin: 2px 8px 16px 18px;
}
/**Couleurs sous-menu**/
.actuel{
  background-color: lightgreen;
}

.archive{
  background-color: burlywood;
}

#bodyTmp {
  margin: 0;
}

/**Renvoi en haut de page**/
#remonter {
  position: fixed;
  bottom: 10px;
  left: 12px;
  border-radius: 5px;
  line-height: 1;
  padding: 4px 5px 4px;
  background: #ffffff;
  color: #777777;
  font-size: 26px;
}

/**Bouton connexion patient**/
#connexPat{
  position: relative;
  left: 900px;
  padding: 3px;
  margin: 3px;

}

/**Réglage texte dans section**/
section {
  overflow: hidden; //permet de masquer si ça dépasse
  text-overflow: ellipsis; //permet de rajouter ... si ça dépasse
}
/**Survol de la souris assombri l'arrière plan du texte**/
section:nth-of-type(odd) p:hover {
  background-color: rgb(0,0,0, 0.7); /* un arrière plan bleu à x% de transparence */
  /*border-style: solid;
  border-color: rgba(0,0,0,0.3);
  border-width: 10px;*/
  padding: 32px 10px 32px;
  border-radius: 10px;
}

/**Le scroll avec background révélé**/
/**Réglage section de base**/
.sectionTmp {
  box-sizing: border-box;
  height: 100vh;
  text-align: center;
  padding: 2vw;
  font-size: 3.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  line-height: 100%;
}

/**Réglage de la section première**/
.sectionTmp:first-of-type {
  text-transform: uppercase;
  color: #fff;
  font-size: 3.5vh;
  text-shadow: 0 0 5px white;
}
/**Réglage section PAIRE**/
.sectionTmp:nth-of-type(even) {
  background: deeppink;
}
/**Réglage section IMPAIRE**/
.sectionTmp:nth-of-type(odd) {
  color: white;
font-size: 3.5vh;
  text-shadow: 0 0 0.2em #FF1493, 0 0 0.2em #FF1493,
    0 0 0.2em #FF1493;
}
/**Intégration d'arrière-plan sur les pages IMPAIRES**/
.sectionTmp:nth-of-type(1) {
  background-image: url("../images/Tmp2.jpg");
}

.sectionTmp:nth-of-type(3) {
  background-image: url("../images/zen2.jpg");
}

.sectionTmp:nth-of-type(5) {
  background-image: url("../images/zen3.jpg");
}

.sectionTmp:nth-of-type(7) {
  background-image: url("../images/zen1.jpeg");
}

.sectionTmp:nth-of-type(9) {
  background-image: url("../images/zen2.jpg");
}

.sectionTmp:nth-of-type(11) {
  background-image: url("../images/zen3.jpg");
}


/**Tableau pour éditorial WT**/
table.dwt{
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 40vw;
  position: relative;
  background-color: white;
  border-radius: 1 px solide black;
  border-radius: 5px;
  text-align: center;
}

th.dwt{

}


/**Caroussel**/
div#carousel-example-generic {
  width: 80%;
  max-width: 100%;
  /*bottom: 50px;*/
  overflow: hidden;
}
div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
  left:300px;
  animation: 20s slidy infinite;
}

div#slider figure img {
  width: 20%;
  height: auto;
  float: left;
}
/**Automatisme caroussel**/
@keyframes slidy {
  0% {
    left: 0%
  }

  20% {
    left: 0%
  }

  25% {
    left: -100%
  }

  45% {
    left: -100%
  }

  50% {
    left: -200%
  }

  70% {
    left: -200%
  }

  75% {
    left: -300%
  }

  95% {
    left: -300%
  }

  100% {
    left: -400%
  }
}

/**Réglage Footer**/
#Footer{
  background-color: orange;

}

#Footer div{
  left: 50px;
}