* {
 transition: all .3s ease;
}


body {
 background-color: #7d7d7d !important;
 font-family: arial, sans-serif;
}

.touch {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 10;
}

a {
 text-decoration: none !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */

.modalest img,
.modalest video {
 width: 100%;
}

.modalest {
 display: none;
 vertical-align: middle;
 position: relative;
 z-index: 100 !important;
 /*max-width: 50% !important;*/
 box-sizing: border-box;
 width: 90%;
 background: #fff0;
 padding: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 -ms-border-radius: 0;
 border-radius: 0;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 -o-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
 text-align: left;
 left: 10px !important;
}

.blocker {
 background-color: rgb(0 0 0 / 65%) !important;
 z-index: 100 !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */

.modalVideo {
 vertical-align: middle;
 position: relative;
 z-index: 100 !important;
 max-width: 60% !important;
 box-sizing: border-box;
 width: 90%;
 background: #fff0;
 padding: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 -ms-border-radius: 0;
 border-radius: 0;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 -o-box-shadow: none;
 -ms-box-shadow: none;
 box-shadow: none;
 text-align: left;
 left: 20% !important;
 top: 10% !important;
}

.modalVideo video {
 width: 100%;

}

.blockerVideo {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 z-index: 1;
 padding: 20px;
 box-sizing: border-box;
 background-color: #000;
 background-color: rgb(0 0 0 / 45%) !important;
 text-align: center;
 z-index: 100 !important;
 display: none;
 /* align-items: center !important;
 flex-direction: column !important;
 display: flex !important;*/
}

.close-modalVideo {
 position: absolute;
 top: -12.5px;
 right: -12.5px;
 display: block;
 width: 30px;
 height: 30px;
 text-indent: -9999px;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url(../img/close.png);
}


/* - - - - - - - - - - - - - - - - - - - - - - - - */

.wrapper {
 position: relative;
 background-image: url(../img/back.png);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 /*width: 100%;*/
 max-width: 1920px;
 max-height: 1080px;
 margin: auto;
}

.wrapper:before {
 content: "";
 display: block;
 padding-top: 57.4%;
}

.item-photos-1 {
 position: absolute;
 left: 35.8%;
 top: 39%;
}
}

/**/
.active {
 background-color: #f18a4296 !important;
}

.nav-pills .nav-link {
 border-radius: 0;
}

.nav-link {
 padding: 0.5rem 0.5rem;
}

.card-header {
 background-color: #e18f05;
 border-bottom: none;
 color: #fff;
 font-weight: bold;
}

.card {
 border-radius: 0;
}

.btn-std {
 background-color: #6c7abe;
 color: #fff;
 padding: .5rem 1.5rem .5rem 1.5rem;
 border-radius: 0;
}

/**/

.item-videos-2 {
 position: absolute;
 left: 51.9%;
 top: 27%;
}

.item-infos-3 {
 position: absolute;
 left: 72.8%;
 top: 24.3%;
}

.item-contact {
 position: absolute;
 left: 63.8%;
 top: 54%;
}

.item-bibliotheque {
 position: absolute;
 /* width: 10.3%;
 height: 13%;*/
 left: 21.2%;
 top: 52%;

}

.FirtsVideo {
 width: 20.3%;
}

.menuBas {
 position: fixed;
 bottom: 20px;
 left: 20px;
}

.menuBas ul {
 padding: 0;
 margin: 0;
 list-style-type: none;
}

.menuBas li {
 margin-left: 5px;
 float: left;
 /*pour IE*/
}

.item-video {
 position: absolute;
 z-index: 100;
}

.item-video2 {
  position: absolute;
    left: 61.0%;
    top: 34.1%;
    width: 12.2%;
    z-index: 100;
}

.menuBas ul li a {
 display: block;
 float: left;
 /*width: 100px;*/
 background-color: #151515;
 color: #fff;
 font-size: 12px;
 text-decoration: none;
 text-align: center;
 padding: 8px;
 border: 2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color: #FFF;
 border-radius: 6px;
}

.menuBas ul li a:hover {
 background-color: #93278F;
 border-color: #fff;
}
.documents
{
  position: absolute;
  left: 118.5%;
}
.affiche
{
  position: absolute;
  left: 148.5%;
}

/* *********************************** */
/* *********************************** */
.request-loader {
 position: relative;
 display: -webkit-box;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-direction: row;
 -webkit-box-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 align-items: center;
 height: 55px;
 width: 55px;
 border-radius: 100%;
 background: #93278F;
 border: 1px #fff solid;
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}

.request-loader::after {
 opacity: 0;
 display: -webkit-box;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-direction: row;
 -webkit-box-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 align-items: center;
 position: absolute;
 /* top: -8px;
 left: -8px;*/
 right: 0;
 bottom: 0;
 content: "";
 height: 100%;
 width: 100%;
 border: 8px solid #FFC107;
 border-radius: 100%;
 -webkit-animation-name: ripple;
 animation-name: ripple;
 -webkit-animation-duration: 3s;
 animation-duration: 3s;
 -webkit-animation-delay: 0s;
 animation-delay: 0s;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
 animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
 z-index: -1;
}

.request-loader::before {
 opacity: 0;
 display: -webkit-box;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-direction: row;
 -webkit-box-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 align-items: center;
 position: absolute;
 /* top: -8px;
 left: -8px;*/
 right: 0;
 bottom: 0;
 content: "";
 height: 100%;
 width: 100%;
 border: 8px solid #FFC107;
 border-radius: 100%;
 -webkit-animation-name: ripple;
 animation-name: ripple;
 -webkit-animation-duration: 3s;
 animation-duration: 3s;
 -webkit-animation-delay: 0.5s;
 animation-delay: 0.5s;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
 animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
 z-index: -1;
}

@-webkit-keyframes ripple {
 from {
  opacity: 1;
  -webkit-transform: scale3d(0.75, 0.75, 1);
  transform: scale3d(0.75, 0.75, 1);
 }

 to {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
 }
}

@keyframes ripple {
 from {
  opacity: 1;
  -webkit-transform: scale3d(0.75, 0.75, 1);
  transform: scale3d(0.75, 0.75, 1);
 }

 to {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
 }
}

/* *********************************** */
/* *********************************** */