@charset "UTF-8";
/* CSS Document */
    /*vcv*/
    fieldset{
      background-color: #fff;
      margin-left: 2.5em;
      margin-right:2.5em;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 50px;
      box-shadow: 0px 0px 20px #333333;
			max-height: 100%;
			border: none;
    }
    /*AFFICHE + TEXTE*/
    .sectpres{
			z-index: 2;
		}
     h1, .textpres, p{
       margin:3em;
  		 float: left;
     }
   .h1{
     text-shadow: 10px 5px 10px #cccccc;
		 padding: 2px;
		 font-weight: bolder;
   }
   .affpres{
     height: 350px;
     max-height: 350px;
     display: inline-block;
     padding:10px;
     margin: 0px;
     margin-bottom: 0px;
     border-radius: 25px;
     float: left;
   }
	 .textpres{
		 background-color: #f2f2f2;
		 font-size: 20px;
		 display: inline-block;
		 padding: 20px;
		 border-radius: 25px;
	 }

    /*CREDITS*/
    hr{
      border: 2.5px solid #9e2526;
      border-radius: 2em;
      z-index: 0;
    }
    .sectcred{
       background-color: #fff;
   		 font-size: 20px;
   		 display: flex;
       padding: 20px;
   		 border-radius: 25px;
       margin-left: 3em;
       margin-right: 3em;
       max-width: 100%;
    }
    .artcred{
      margin: 0px;
      margin-bottom: 0px;
      max-height: 750px;
      padding-top: 0px;
      padding-bottom: 0px;
      z-index: 1;
      border-radius: 25px;
      box-sizing: border-box;
      box-shadow: none;
      float: right;
      display: inline-block;
      max-height: none;
      flex: 75%;
      flex: 30%;
    }
    .textcred{
      background-color: #f2f2f2;
 		  font-size: 20px;
 		  display: grid;
      z-index: 0;

      min-width: 45%;
 		  padding: 20px;
 		  border-radius: 25px;
      text-align: center;
    }
    .nomcred{
      font-weight: 300;
      background-color: #f2f2f2;
    }
.imgrot1{
	transform: rotate(25deg);
}
.imgrot2{
	transform: rotate(15deg);
}
.imgrot3{
	transform: rotate(-5deg);
}
.imgrot4{
	transform: rotate(9deg);
}
.imgrot5{
	transform: rotate(15deg);
}
    #dropinfofab {
      background-color: none;
      color: black;
      padding: 0px;
      font-size: 16px;
      border: none;
      font-family: serif;
    }
    .dropdown-infofab{
      position: relative;
      display: inline-block;
      background-color: #9e2526;
      color:#fff;
      min-width: 100%;
      font-size: 120%;
      font-weight: 300;
      text-align:center;
    }
    .dropdown-infofab:hover{
      background-color: #fff;
      color: #670002;
      padding: 8px 0px;
    }
    .dropdown-content-infofab{
      display: none;
      position: absolute;
      background-color: #9e2526;
      min-width: 100%;
      z-index: 1;
      font-size: 25px;
      font-family: serif;
      text-align: center;
      font-size: 50%;
      max-width: 100%;
    }
    .dropdown-content-infofab a{
      color: #fff;
      padding: 6px 0px;
      text-decoration: none;
      display: block;
      font-size: 20px;
      min-width: 100%;
      max-width: 100%;
    }
    .dropdown-content-infofab a:hover{
      color: #670002;
      background-color: #fff;
      padding: 10px 0px;
      text-decoration: none;
      display: block;
      min-width: 100%;
      min-height: 40px;
      max-width: 100%;
    }
    .dropdown-infofab:hover .dropdown-content-infofab {display: block;}

    /*AFFICHE(S)*/

    .sephori{
      border: 2.5px solid #9e2526;
      height: 1270px;
      border-radius: 2em;
      z-index: 3;
      display: inline-block;
      transform: rotate(0deg);
      vertical-align: top;
      position: relative;
      left: 0%;
      margin: 10px;
    }

 	  .artaff{
   		 /*background-color: #f2f2f2;*/
   		 margin: 0px;
   		 margin-bottom: 0px;
		   height: 100%;
   		 max-height: 40px;
   		 padding-top: 0%;
   		 padding-bottom: 0px;
   		 box-sizing: border-box;
   		 box-shadow: none;
   		 float: right;
       display: inline-block;
		   /* overflow-x: scroll; */
       max-height: 100%;
 	 }
   .artaff ol{
     display: flex;
     overflow-x: scroll;
     height: 100%;
     max-height: 100%;
     margin-block-start: 0;
     margin-block-end: 0;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
     padding-inline-start: 0px;
     margin: 0;
     padding: 0;
   }
   .artaff ol::-webkit-scrollbar{
     width: 0.5em;
   }
   .artaff ol::-webkit-scrollbar-track{
     background: #9e2526;
   }
   .artaff ol::-webkit-scrollbar-thumb:hover{
    background: #d13333;
   }
   .artaff ol::-webkit-scrollbar-thumb{
     background: #670002;
   }
   .artaff ol li{
     min-width: 100%;
     height: 100%;
   }
    .artaff .x{
		height: 40%;
    max-height: 40%;
    width: 100%;
    display: block;
    border: 1px #9e2526 solid;
     }
     /* table{
       padding: 0px;
       margin: 0px;
       border: none;
       border-collapse: collapse;
       border:2px #670002 solid;
       border-radius:50px;
     }
     table th{
       box-sizing: content-box;
       padding: 0px;
       margin: 0px;
       border:none;
       max-height: 350PX;
     } */
   	 .affiche1{
       /* height: 80.30%; */
       width: 95%;
   		 display: block;
   		 padding-left:0px;
       padding-top:0px;
   		 margin: 0px;
   		 margin-bottom: 0px;
       /*border-radius: 25px;*/
   	 }
     .affiche2{
       min-width: 100%;
       max-width: 100%;
       max-height: 100%;
       display: inline;
       padding-top:0px;
       padding-right:0px;
       margin: 0px;
       margin-bottom: 0px;
       /*border-radius: 25px;*/
       transform: rotate(0deg);
       float: right;
       vertical-align: top;
     }
     .affiche3{
       min-width: 100%;
       max-width: 100%;
       height: 162.27px;
       max-height: 162.27px;
       display: inline-table;
       padding-right: 0px;
       margin: 0px;
       margin-bottom: 0px;
       /*border-radius: 25px;*/

     }
     .affiche4{
       min-width: 100%;
       max-width: 100%;
       height: 150px;
       max-height: 150px;
       display: inline-table;
       padding-bottom:0px;
       padding-right: 0px;
       margin: 0px;
       margin-bottom: 0px;
       /*border-radius: 25px;*/
       }