/* Fonts and typo */

body{
  font-family:courier;
}

ul{
  list-style-type: none;
}

.footer{
  text-transform:uppercase;

}
.company_name{
  background-color:grey;
}

a{
  color:black;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
.misanthrope a, .misanthrope a:visited, .andromaque a, .andromaque a:visited{
  color:white;
}

.misanthrope_presentation p, .misanthrope_presentation td{
  font-family:sans-serif;
}


/* Disposition */
.horizontal_menu{
  margin:auto;
  width:70%;
  margin-top:20%;
  }

.horizontal_menu li {
  margin:2%;
}

.horizontal_menu ul{
  display:flex;
  justify-content:center;
  padding:0;
}

.footer{
  position:fixed;
  bottom:0;
}

.image_credit{
  position: absolute;
  bottom: 0;
  right: 10;
}


.misanthrope .vertical_menu, .andromaque .vertical_menu{
  position:absolute;
  top: 0;
  left: 0;
}
.misanthrope_presentation header{
  margin-bottom:100px;
}
.misanthrope_presentation{
  margin:1% 10% 1% 10%;
  text-align:justify;
  }
.misanthrope_presentation footer{
  display:flex;
  justify-content:space-around;
  margin-top:50px;
}
.misanthrope_presentation footer img{
  height:50px;
}
.misanthrope_presentation img, .misanthrope_presentation iframe{
  margin:0 10px;
}
.misanthrope_presentation td{
  padding-right:10px;
}
/* Background */
.barbier{
  background-image:url("images/barbier.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:contain;
  background-position: center;.
}


.slider {
 overflow: hidden;
 /* width: 100vw; */
 /* height: 100vh; */
 /* position: relative; */
}

.slider .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 animation: slider 21s infinite;
}
.misanthrope .slider .slide:nth-child(1) {
   background-image: url("images/7.jpg");
   animation-delay: 0s;
}

.misanthrope .slider .slide:nth-child(2) {
   background-image: url("images/6.jpg");
   animation-delay: -3s;
}

.misanthrope .slider .slide:nth-child(3) {
   background-image: url("images/5.jpg");
   animation-delay: -6s;
}

.misanthrope .slider .slide:nth-child(4) {
   background-image: url("images/4.jpg");
   animation-delay: -9s;
}

.misanthrope .slider .slide:nth-child(5) {
   background-image: url("images/3.jpg");
   animation-delay: -12s;
}

.misanthrope .slider .slide:nth-child(6) {
   background-image: url("images/2.jpg");
   animation-delay: -15s;
}

.misanthrope .slider .slide:nth-child(7) {
   background-image: url("images/7.jpg");
   animation-delay: -18s;
}

.misanthrope .slider .slide:nth-child(8) {
   background-image: url("images/1.jpg");
   animation-delay: -21s;
}

/*Andromaque*/
.andromaque .slider .slide:nth-child(1) {
   background-image: url("images/andromaque_8.jpg");
   animation-delay: 0s;
}

.andromaque .slider .slide:nth-child(2) {
   background-image: url("images/andromaque_4.jpg");
   animation-delay: -3s;
}

.andromaque .slider .slide:nth-child(3) {
   background-image: url("images/andromaque_6.jpg");
   animation-delay: -6s;
}

.andromaque .slider .slide:nth-child(4) {
   background-image: url("images/andromaque_2.jpg");
   animation-delay: -9s;
}

.andromaque .slider .slide:nth-child(5) {
   background-image: url("images/andromaque_3.jpg");
   animation-delay: -12s;
}

.andromaque .slider .slide:nth-child(6) {
   background-image: url("images/andromaque_9.jpg");
   animation-delay: -15s;
}

.andromaque .slider .slide:nth-child(7) {
   background-image: url("images/andromaque_7.jpg");
   animation-delay: -18s;
}
.andromaque .slider .slide:nth-child(8) {
   background-image: url("images/andromaque_5.jpg");
   animation-delay: -21s;
}




@keyframes slider {
  0%, 17%, 100% {
    opacity: 1;
    animation-timing-function: ease;
    z-index: 0;
  }
  20% {
    opacity: 0;
    animation-timing-function: step-end;
    z-index: 0;
  }
  97% {
    opacity: 1;
    animation-timing-function: step-end;
    z-index: -1;
  }
}