body{
	overflow-x: unset;
	color:var(--colorBack);
	background-color:#000000;
	width: 100vw;
}
h3{
	border: none;
	border-bottom: dashed var(--colorBord) 2px;
	text-align: left;
}
#infos h2{
	border-bottom: solid var(--colorBord) 3px;
	padding-left: 1vw;
	padding-right: 1vw;
	margin-right: -1vw;
	margin-left: -1vw;
}
#infos{
	padding: 1vw;
	font-size: 1.3vw;
	border:  solid #CC0000 2px;
	float: left;
	margin-left: 1vw;
	width: 59vw;
	color: #000000;
	background-color: #FFFFFF;
	border-radius: 4px;
}
#ou{
	float: left;
	width: 21.5vw;
	padding-right: 1vw;
}
iframe
{
	position: relative;
	
	height: 35vh;
	width: 35vw;
	margin-top: -1vh;
	padding: 0.5vw;
	background-color: #000000;
	border: solid var(--colorBack) 2px;
	border-radius: 3px;
}

#question{
	margin-left: 5w;
	text-align: center;
	background-color: var(--colorBack);
	border: solid #CC0000 2px;
	border-radius: 5px;
	max-width: 40vw;
	color: #000000;
}
.ques{
	text-align: center;
	display: flex;
	justify-content: center;
}
#question{
		padding: 1vw;
	 }
#question span{
	padding-bottom: 1vh; 
	border-bottom: solid var(--colorBord) 3px;
}

#box2{
	display: flex;
	align-content: space-between;
	justify-content: center;
	float: right;
	margin-right: 1.8vw;
	width: 35vw;
	flex-wrap: wrap;
	border: solid 2px #fff;
	border-radius: 4px;
}

.photo{
	position: relative;
	padding: 0.25vw;
	border: solid #CCB454 2px;
	background-color: #000000;
	border-radius: 4px;
	display: flex;
	max-height: 80vh;
	justify-content: center;
	align-content: center;
	margin-bottom: 1vh;
}
.photo img{
	max-height: 100%;
	max-width:100%;
}

.break {
  flex-basis: 100%;
  height: 0;
}

.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;
  }
}

#carousel-item{
    width:100%;
    height:40vh;
    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;
}