#Btn-Preced, #Btn-Suiv{
	position :absolute;z-index:900;
	transform:scale(1.5);
	width:6%;height:6vw;top:17vw;
	background-repeat: no-repeat;
}
#Btn-Preced{
	left:-3%;display:none;
	background-image: url('../Images/PrecedOFF.gif');
	background-position: left;
}
#Btn-Suiv{
	left:97%;margin-right:1%;
	background-image: url('../Images/SuivOFF.gif');
	background-position: right;
}
@media (max-width: 980px){
						#Btn-Preced, #Btn-Suiv{
							transform:scale(3);
							width:5%;height:5vh;
						}
						#Btn-Preced{
							left:1vw;
							background-image: url('../Images/PrecedOFF2.gif');
						}
						#Btn-Suiv{
							left:84vw;
							background-image: url('../Images/SuivOFF2.gif');
						}
}						
/********************************************
/***** pour Concours2-BDD2 (Bilan Vote) *****
*********************************************/
.Concours-BilanVote {
    width: 90%;
    margin: auto;
}

.Podium, .AutresPhotos {
    display: flex;
    justify-content: center;
    width:100%;
	margin-bottom:5%;margin-top:5%;
}

.Podium .Photo {
	position:relative;
	width:33%;
    overflow: hidden;  
}
.AutresPhotos .Photo {
	position:relative;
	width:20%;
    overflow: hidden;  
}

/* Le conteneur est carré */
.Podium .Photo::before,  .AutresPhotos .Photo::before{
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Positionnement de l'image */
.Podium .Photo img, .AutresPhotos .Photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

/* --- Type H --- */
.Podium .Photo.paysage img, .AutresPhotos .Photo.paysage img {
    width: 98%;
    height: auto;
}

/* --- Type V --- */
.Podium .Photo.portrait img,  .AutresPhotos .Photo.portrait img{
    height: 98%;
    width: auto;
}

.Concours-PhotoLegendeA, .Concours-PhotoLegendeB{
	position:absolute;float:left;
	top:0;
	text-align:center;color:#FF2BFF;
	text-shadow:.5px .5px black;
	border:1px solid black;border-radius:5px;background-color:rgba(0,0,0,0.4);
}
.Concours-PhotoLegendeA{
	font-size:1.6vw;height:auto;
	width:96%;margin-left:2%;
	}
.Concours-PhotoLegendeB{
	font-size:1vw;height:auto;
	width:70%;margin-left:15%;
	}
.Concours-BtnLegendeA{
	position:absolute;display:inline-block;
	Text-shadow:none;bottom:-0.5vw;margin-left:35%;
}
.Concours-BtnLegendeB{
	position:absolute;display:inline-block;
	Text-shadow:none;bottom:-0.5vw;margin-left:20%;
}
/* --- MEDIA QUERIES POUR MOBILE --- */
@media screen and (max-width: 980px) {
						.Podium, 
						.AutresPhotos {
							display: flex;
							flex-wrap: wrap;
							justify-content: center;
							gap: 10px; /* optionnel pour aérer */
						}

						.Podium .Photo,
						.AutresPhotos .Photo {
							width: 45%;            /* 2 photos par ligne */
							margin-bottom: 5%;             /* supprime les marges différentes éventuelles */
						}

						.Podium .Photo img,
						.AutresPhotos .Photo img {
							width: 100%;
							height: auto;
						}

						/* Pour éviter que les orientations cassent la mise en page */
						.paysage,
						.portrait {
							width: 100%;
							max-width: none;
						}
					.Concours-PhotoLegendeA,.Concours-PhotoLegendeB{
						font-size:2.6vw;
						width:80%;margin-left:10%;
						}
					.Concours-BtnLegendeA,.Concours-BtnLegendeB{
						position:absolute;display:inline-block;
						Text-shadow:none;bottom:-0.5vw;margin-left:18%;
					}						
}
/******************************************
********************************************/
#LoaderConcours {
	position:absolute;
	top: 200px;height:50px;width:20vw;left:30vw;
	z-index:10;
	}
#Chargement-Barre {
  width: 0;
  height: 100%;
  background: #4DA173; /* vert  */
  transition: width 0.3s ease;
}
#chargement-infos{
	text-align:left;color:#000064;
	white-space: nowrap;padding-left:1vw;
	display: block;
	position:relative;height:20px;top:-4vw;
	border-radius:10px;background-color:rgba(41,214,67,0.9);/* vert */
	width: 0%;z-index:10;
}

#ConcAffGlob{
	position:relative;float:left;
	width:98%;left:2%;
}
#ConcAffGlob-Menu{
	position:fixed;
	left:90%;width:9.5%;top:20vw;height:calc(5vw + 5vh);	
}
@media (max-width: 980px){
						#ConcAffGlob-Menu{
							display:none;	
						}	
}
#Conc-AffInd{
	position:relative;display:inline;float:left;
	}
#Conc-NoticeAffGlob{
	position:relative;float:left;display:inline-block;
	padding-bottom:1vw;padding-left:1vw;width:auto;margin-left:2vw;margin-bottom:1vw;
	border-top:0.5vw solid orange;border-right:0.5vw solid orange;
	border-radius:1.5vw;background-color:rgba(0,0,0,0.3);
}
#Conc-NoticeAffGlob2{
	position:relative;float:left;display:inline-block;
	width:80%;margin-left:10%;margin-bottom:1vw;
	line-height:2vw;
	border-top:0.5vw solid orange;border-right:0.5vw solid orange;
	border-radius:1.5vw;background-color:rgba(0,0,0,0.3);
}
@media (max-width: 980px){
						#Conc-NoticeAffGlob, #Conc-NoticeAffGlob2{display:none;}
}
.Conc00-MiniBtn{
	position:relative;
	width:3%;top:1.5vw;
}
#Conc-TutoImg{
	position:relative;float:right;
	width:28%;margin-right:2%;top:-8vw;
}

#Concours00-AffPleinEcran{
	position:absolute;float:right;
	width:24%;bottom:0.2vw;right:0vw;text-align:left;
	/*border:1px solid black;border-radius:0.5vw;*/
	background-color:rgba(255,255,255,0.4);
}
@media (max-width: 980px){
						#Concours00-AffPleinEcran{
							display:none;
						}
}
.Concours00-CheckBoxVote{
	position:relative;display:inline-block;margin-left:10%;
	width:3vw;height:3vw;top:0vw;
	font-size:2vw;z-index:10;
	border-top:4px solid red;border-right:4px solid red;
	border-radius:8px;background-color:#ff9;
}
.Concours00-CheckBoxVote:hover{
	cursor:pointer;background-color:orange;
}
@media (max-width: 980px){
						.Concours00-CheckBoxVote{
							width:9vw;height:9vw;font-size:6vw;margin-left:10%;
							border-top:5px solid red;border-right:5px solid red;
							border-radius:8px;
						}	
						.Conc00-MiniBtn{
							position:relative;
							width:5%;top:1.5vw;
						}						
}
#Concours-FormVote{
	display:none;  display = none quand le vote n'est pas ouvert, déactiver quand il est ouvert.*/
	position:relative;float:left;
	width:70%;margin-left:15%;padding:10px;top:-4vw;
	line-height:3vw;height:45vw;
	border-top:0.5vw solid grey;border-right:0.5vw solid grey;
	border-radius:1.5vw;background-color:rgba(0,0,0,0.2);
}
#Concours00_FormVoteWM{
	position:relative;display:inline-block;float:left;
	width:70%;margin-left:15%;padding:10px;
	line-height:3vw;
	border-top:0.5vw solid grey;border-right:0.5vw solid grey;
	border-radius:1.5vw;background-color:rgba(0,0,0,0.2);
}
#Concours00_NumPhoto{
	font-size:2vw;color:red;font-weight:bold;text-align:center;
	background-color:#ff0;border-radius:5px;
}
@media (max-width: 980px){
						#Concours-FormVote{
							width:95%;height:120vw;margin-left:3%;top:-22vw;
							line-height:8.5vw;margin-bottom:5vw;height:140vw;
							border-top:1vw solid grey;border-right:1vw solid grey;
							border-radius:2.5vw;
						}	
						#Concours00_NumPhoto{
							width:20%;margin-left:4%;
							font-size:4vw;
						}
}
#Concours00-ResultatsBtn{
	display:inline-block;position:relative;
	width:40%;margin-left:18%;top:-11vw;height:8vw;
	text-align:center;
}
#Concours00-ResultatsCache{
	position:relative;float:left;z-index:20;
	visibility:hidden;	  /*=> Rendre visible pour donner libre accès aux résultats*/
	width:60%;margin-left:20%;height:10vw;top:-20vw;
	background-color: rgba(19,74,77,0.8);
}
@media (max-width: 980px){
							#Concours00-ResultatsCache{
								width:80%;margin-left:10%;height:25vw;top:-38vw;
							}
							#Concours00-ResultatsBtn{
								width:60%;margin-left:20%;top:-15vw;height:20vw;
							}
}							
#Concours00-Submit{
	position:relative;float:left;
	width:30%;margin-left:35%;height:15vw;top:2vw;
}
#Concours00-TablNum{
	position:relative;float:right;/*z-index:10;*/
	border-collapse:collapse;
	width:40%;top:2vw;
	border:1px solid orange;
}
#Concours00-TablNum td{
	width:10%;border:1px solid orange;
	text-align:center;line-height:.3vw;
}
#Concours00-TablNum td:hover{
	cursor:pointer;color:yellow;
	font-weight:bold;background-color:rgba(0,0,0,0.5);
}
#Concours00-UrneEnvoi{/*C'est l'id de "submit = 'Valider' " caché (transparent)*/
	position:relative;float:left;z-index:10;
	width:70%;left:18%;height:13vw;top:1vw;
	font-size:6vw;color:transparent;
	background-color:transparent;border:transparent
}
#Concours00-UrneEnvoiWM{/*C'est l'id de "submit = 'Valider' " caché (transparent)*/
	position:relative;float:left;z-index:10;
	width:70%;left:18%;height:12vw;top:0vw;
	font-size:6vw;color:transparent;
	background-color:transparent;border:transparent
}
#Concours00-UrneEnvoi, #Concours00-UrneEnvoiWM{cursor:pointer;}
.concours00-UrneImg{
	position:absolute;float:right;display:block;
	width:100%;top:-8vw;
	z-index:2;
}
#Concours00_ValidVote, #Concours00_ValidVoteWM{/* div global pour toute la partie 2 : "Je valide mon vote en cliquant sur l'urne" */
	position:relative;display:inline-block;
	width:100%;
	position:relative;display:inline-block;
	height:24vw;top:0vw;padding:10px;
}
#Concours00_ValidVote{width:100%;}
#Concours00_ValidVoteWM{width:70%;}
@media (max-width: 980px){
						#Concours00-Submit{
							position:relative;float:left;
							width:100%;margin-left:0;height:50vw;
						}
						#Concours00-UrneEnvoi{/*bouton'Valider' caché (transparent*/
							top:8vw;left:8vw;width:42%;height:30vw;
							font-size:9.5vw;
						}
						.concours00-UrneImg{
							width:60%;margin-right:20%;top:-15vw;z-index:0;
						}
						#Concours00_ValidVote{
							width:100%;margin-left:3%;top:0vw;padding:10px;
							
						}
}
#Concours-AvantVote{
	position:relative;display:inline-block;
	display:none;			/* => => => => => => => => Rendre actif le display:none quand le vote est ouvert*/
	width:70%;margin-left:15%;top:-2.5vw;padding:1.2vw;
	border-top:0.5vw solid orange;border-right:0.5vw solid orange;
	text-align:center;
	border-radius:1vw;background-color:rgba(0,0,0,0.2);
}
#Concours-AvantVoteWM{
	position:relative;float:left;
	display:none;			/* => => => => => => => => à activer le display:none quand le vote est ouvert*/
	width:70%;margin-left:15%;top:20vw;padding:1.2vw;
	border-top:0.5vw solid orange;border-right:0.5vw solid orange;
	text-align:center;
	border-radius:1.5vw;background-color:rgba(220,255,220,0.2);
}
#Concours-AvantVoteCacheWM{
	position:relative;float:left;z-index:20;
	/*visibility:hidden;		/* => => => => => => => => à activer quand le vote est ouvert*/
	width:110%;margin-left:-5%;height:55vw;top:-51vw;
	background-color: rgba(19,74,77,0.4);
}
@media (max-width: 980px){
							#Concours-AvantVote{
								width:80%;margin-left:10%;top:-6vw;margin-bottom:2vw;
							}
}
.Concours-BilanVote{
	position:relative;display:inline-block;
	width:100%;
}

#Concours-Bilan1, #Concours-Bilan2,#Concours-Bilan3, #Concours-Bilan4, #Concours-Bilan5, #Concours-Bilan6, #Concours-Bilan7, #Concours-Bilan8{
	position:relative;display:inline-block;
	} 
#Concours-Bilan1, #Concours-Bilan2{
	margin:.5%;width:49%
}
#Concours-Bilan3, #Concours-Bilan4, #Concours-Bilan5, #Concours-Bilan6, #Concours-Bilan7, #Concours-Bilan8{
	margin:.5%;width:32%;
	
}
@media (max-width: 980px){
						#Concours-Bilan1, #Concours-Bilan2, #Concours-Bilan3, #Concours-Bilan4, 
						#Concours-Bilan5, #Concours-Bilan6, #Concours-Bilan7, #Concours-Bilan8{
							width:100%;
						}	
}

#Concours-Bravo{
	position:relative;display:inline-block;float:left;
	top:-1vw;left:10%;width:10%;
	opacity:1;transition:opacity 10s;
	-webkit-transition:opacity 10s;
	-moz-transition:opacity 10s;
	-ms-transition: opacity 10s;
	-o-transition:opacity 10s;
	}

#Concours-DetailAffImg{/*width et margin-left définies dans Concours-Detail.php */
	position:relative;
	margin-top:2vw;
	height:auto;
	border :1.5vw solid white;border-radius:1vw;
}
#Concours-DetailContainer{
	position:relative;display:inline-block;float:left;
	width:80%;left:10%;
}
#Concours-DetailResult{
	position:relative;
	height:auto;margin-bottom:2vw;
}
#Concours-DetailTable{
	position:relative;float:left;
	margin-bottom:5vw;
	border-collapse:collapse;
	width:90%;margin-left:5%;
	border:1px solid orange;
	color:white;font-size:2vw;text-align:center;
}
#Concours-DetailTable th, td{
	border:1px solid orange;padding-top:1vw;padding-bottom:1vw;
	text-overflow:ellipsis;padding-left:3px;
}
.ConcoursGalerie{
	float:left;
	width:90%;
}
.ConcoursGalerie img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
#Concours-Vote1,#Concours-Vote2, #Concours-Vote3{
	border:6px solid white;border-radius:5px;
}
#Concours-Photo1 ,#Concours-Photo2, #Concours-Photo3, #Concours-Photo4, #Concours-Photo5{
	border:10px solid white;border-radius:5px;
}

@media (max-width: 980px){
						#Concours-PreVote{
							position:relative;float:left;
							width:95%;margin-left:3%;top:-26vw;
							border-top:1vw solid grey;border-right:1vw solid grey;
							border-radius:2.5vw;
						}
						#Concours-PreVoteCache{
							position:relative;float:left;
							width:108%;margin-left:-4%;height:130vw;top:-83vw;
							background-color: rgba(19,74,77,0.4);
						}	
}
#Concours-VoteOK, #Concours-VoteOK a{
	text-decoration:none;color:orange;
}
.Concours2-FlecheResult{
	position:relative;
	width:3%;
}
@media (max-width: 980px){
						.Concours2-FlecheResult{width:5%;}
}
#Conteneur-CadreBarre{
	position:relative;overflow:hidden;
	height:15px;width:100%;
	margin-top:10px;
	border:2px dotted #005500;
	border-radius:10px;background:#ccc;
}
#Conteneur-NumPhoto{
	position:relative;display:inline-block;
	z-index:100;
	padding:1vw;
	width:25%;top:-3vw;margin-left:37%;
	font-size:1.5vw;text-align:center;color:black;
	background-color:#DDD;
	border-radius:3vw;
	border-top:0.5vw solid red;
	border-right:0.5vw solid red;
	border-left:1px dotted red;
	border-bottom:1px dotted red;
}
@media (max-width: 980px){
						#Conteneur-NumPhoto{
							width:40%;margin-left:30%;top:-6vw;
							font-size:3.5vw;
							border-radius:3vw;border-top:0.5vw solid red;border-right:0.5vw solid red;border-left:1px dotted red;border-bottom:1px dotted red;
						}
}
#Ecran{/*écran extérieur (gris-clair) => Rouge*/
	position:relative;display:block;
	padding:1vw;
	left:10vw;width:78vw;height:44vw; /* 78 x 44 équivalent = 16 x 9 */
	border-radius:1vw;
	background: linear-gradient(to right, rgba(204,204,204,1)0%,rgba(19,74,77,1)20%, rgba(19,74,77,1)80%, rgba(204,204,204,1)100%);	
	}
@media (max-width: 980px){
						#Ecran{/* Ecran gis => Rouge */	
							padding:1%;
							top:3vw;left:5vw;width:88vw;height:48vw;
							}								
}	
#Even3-DiapoConcours{/* Conteneur général => Blanc */
	display:block;position:relative;
	width:98vw;left:1vw;height:70vw;
	}
@media (max-width: 980px){
						#Even3-DiapoConcours{ 
							top:10vw;width:93vw;left:0;height:107vw;
						}								
}
#AffichePhoto{ /* =écran intérieur / contient la photo("image-diapo") / div parent : "Ecran"  */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;height: 100%; /* donc env. 76vw x 42 vw à cause du padding:1vw dans #Ecran */
	overflow:hidden;
	}
#image-diapoConcours { /* id de la photo contenue dans "AffichePhoto"  */
	max-width: 100%;max-height: 100%;
	width: auto;height: auto;
	object-fit: contain;
	border-radius: 10px;
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
}
#image-diapoConcours.visible { opacity: 1;}