#down h2{
	padding: 1vw;
	border-bottom: solid var(--colorBack) 2px;
	color: #FFFFFF;
}
#inscritB{
	position: relative;
	margin-top: 2vh;
  margin-right: 1vw;
	border-right: solid var(--colorBack) 3px;
	border-left: solid var(--colorBack) 3px;
	padding: 1vw;
	margin-left: 1vw;
	padding-left: 23%;
	font-size: 1.5vw;
}

#inside{
	border-radius: 8px;
	max-width: 11vw;
	padding: 1vw;
	background-color: var(--colorBack);
	border: solid #000000 2px;
	
	}
#inside b{
	margin-left: 3vw;
}
#inside img{
	position: absolute;
	padding-bottom: 2vh;
}

#down{
    padding:0.5vw;
    margin-top: 5vh;
    float: left;
    max-width: 33vw;
    border-radius: 8px;
    border: solid var(--colorBord) 1px;
    background-color: var(--colorBord);
}


#box{
	float: left;
	margin-top: 2vh;
	margin-left: 1vw;
	padding: 1vw;
	max-width: 48vw;
	border: solid var(--colorBord) 2px;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.actTitre{
	border-bottom: solid var(--colorBord) 2px;
	padding:  0.5vw;
	margin-bottom: 2vh;
}
#box2{
	display: flex;
	position: relative;
	justify-content: center;
	align-content: center;
	float: right;
	margin-top: 2vh;
	margin-right: 2.5vw;
	width: 44vw;
	flex-wrap: wrap;
}


.creneau{
	position: relative;
	padding: 0.25vw;
	border: solid var(--colorBack) 2px;
	background-color: #000000;
	border-radius: 4px;
	display: flex;
	max-height: 80vh;
	max-width: 44vw;
	justify-content: center;
	align-content: center;
	margin-bottom: 1vh;
	margin: 1vw;
}

.creneau img{
	max-width: 44vw;
	max-height:80vh;
}

.creneau2{
	position: relative;
	padding: 0.25vw;
	border: solid #CCB454 2px;
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 4px;
 	font-size: 1.2vw;
	margin-bottom: 1vh;
	width: 44vw;
	padding-bottom: 1vh;
}
.creneau2 img{
	width: auto;
		height: auto;
	max-width: 35vw;

	max-height: 100vh;
}

.creneauTitre
{
	border-bottom: solid var(--colorBord) 3px;
	padding: 0.5vw;
	padding-left:1vw;
}

.bordCre{
	margin-left: 1vw;
	padding-left: 1.5vw;
	border-left: solid #CC0000 2px;
}
.carousel {
	margin-right:auto;
	margin-left:auto;
    perspective: 1000px;
    width: 30vw;
    height: 50vh;
    position: relative;
    transform-style: preserve-3d;
	display:flex;
	justify-content: center;
	align-items: center;
	background-image: url('/font/livre.png');
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 8px;
}

.page {
    width: 98%;
    height: 95%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    transition: transform 0.5s, opacity 0.5s;
    backface-visibility: hidden;
}

.page div {
    width: 48%; /* Adjust this width as needed to control the spacing between images */
    height: 100%;
		border-radius: 8px;
	background-position: center;
	background-size: cover;
}
#boxFilm{
	width: 25vw;
	padding:10px;
	background-color:#000;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
}
#carousel-item{
    width:100%;
    height:75vh;
    background-size: cover;
    background-position: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	transition: background-image 1s ease-in-out, opacity 1s ease-in-out;
}

.film{
  --background: #000;
  --size: 15px;
  background-image:
    linear-gradient(to right, var(--background) var(--size), white var(--size)),
    linear-gradient(to bottom, var(--background) var(--size), white var(--size)),
    linear-gradient(to right, var(--background) var(--size), white var(--size)),
    linear-gradient(to bottom, var(--background) var(--size), white var(--size)),
    linear-gradient(to bottom, white var(--size), var(--background) var(--size));
  background-size: calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);
  background-repeat: repeat-x;
  background-position: 0 var(--size), top left, 0 calc(100% - var(--size)), bottom left, 0 var(--size);
  box-sizing: border-box;
  animation: animBgr 20s linear  infinite;
  height: 15px;
  width: 100%;
  margin: 5px 0 5px 0;
}

@keyframes animBgr {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}