@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


.cache {display:none;}



.centrage {
    text-align:center;
}

div#droit {
    width:32%;
    margin-right:auto;
    margin-left:auto;
    float:right;
    text-align:center;

}

div#centre {
    width:32%;
    margin-right:auto;
    margin-left:auto;
   /* text-align:left;
    float:right; */
}


div#gauche {
    width:32%;
    margin-right:auto;
    margin-left:auto;
    float:left;
    text-align:center;
}

div#gauche p{
   font-size:10px;
}

div#droit p{
   font-size:10px;
}

div#centre p{
   font-size:10px;
}

.exif{
/*position:absolute;*/
/*top:-20px;*/
/*width:100%;*/
/*right:1px;*/
/*height:20px;*/
/* background-color : #666; */
/*opacity:0.9;*/
line-height:24px; /* pour IE  0??? */
color:yellow;
/*left:7%;*/
text-align:center;
/*width:560px;*/
margin-left:auto;
margin-right:auto;
/*margin-top:22px;*/

}
.popup {
  position : absolute;
 /* text-align : center;*/
  line-height:500px; /* pour IE */
 /*height : 490px;*/
 height:1000px; /* pour recouvrir totalité
 /* height : 1000px;*/ /*img noel*/
  /*width : 760px; /* reduire a 1000px pour img noel etait 1020*/
  width:100%;
  top : 100px;
 /* border : 10px solid #000;*/
/*background-color : #000;*/
  /*background-position:50% 50%;*/
  background-color :rgba(000,000,000,0.6);
  /*left:16%; inutil si menu horizontal*/
  /*padding-left:5%;*/
  /*padding-right:5%;*/
  padding-bottom:5%;
  z-index:999;
  margin-left: auto;
  margin-right: auto;
}

div.popup img {

/*  -moz-box-shadow: white 0 0 10px;
    -webkit-box-shadow: white 0 0 10px;
    box-shadow: white 0 0 10px;*/
    /*vertical-align:middle;*/
	position:relative;
	display:block;
	/*left:30%;*/
	top:4%;
	margin-left:auto;
	margin-right:auto;
	

    }
    
    div.exif p {
    color:blue;
    font-size:75%;

    }
	
/*	
	#imagesconcours {
  display: flex;
      justify-content: space-around;

}*/
.imagesconcours {
	display: flex;
    justify-content: space-around;
	margin-top:5px;

}

.nom {
	/*flex: 1 1 auto;*/
	
}
.img1 {
	/*flex: 1 1 auto;*/
	background-color:red;
	margin-left:5px;
	margin-right:5px;
}


/* pour affichage photos concours interne*/
#concoursinterne{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  height: auto;
  align-content: space-between;
  border: 1px solid yellow;
  /* background-color: yellow; */
    width: 100%;
  height: 100%;
}

/* pour affichage photos concours interne*/
.infos {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  height: auto;
  align-content: space-between;
  background-color: beige;
}
.box-g{
	width:50%;
	/* text-align:left; /*mod en janvier 2023*/ 
	/* background-color:yellow; */
}

.box-d{
	width:50%;
	/*text-align:left; /*mod en janvier 2023 */
	/* background-color:blue; */
}
.img {
/*width:100px;*/
width:100%;
/* background-color:green; */
}
.nom{
/*width:187px; /* pour concours interne */
/*width:380px; /* pour photexpo */
/*margin-top:15px; /* pour photexpo */
/*background-color:yellow;*/
text-align:center; /* pour photexpo 2022*/
}

/* fin CI*/

.image {
  margin: 0;
  margin-top : 5px;
  flex: 1;
}

.image + .image {
  margin-left: 5px;

}

.image-item {
  width: 100%;
  vertical-align: top;
}
.image-item-vert {
  width: 70px;
  vertical-align: top;
}


.image-description {
  margin-top: 5px;
  	font-weight:normal;
}

div#annonce {
	  width:100%;
    margin-right:auto;
    margin-left:auto;
	/*margin-top:5px; /*pour concours interne */
	margin-top:2px; /*pour concours interne */
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
    float:left;
    text-align:center;
	border : 1px solid yellow;
	background-color : #a7a3a3;
	
	
}

div#presentation {
	width:100%;
    margin-right:auto;
    margin-left:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	/* padding-left:5px; */
    float:left;
    text-align:center;
	border : 1px solid yellow;
	background-color : #a6a2a3;	
}



div#infospratiques {  /*pour club */
	width:100%;
    margin-right:auto;
    margin-left:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	/* padding-left:5px; */
    float:left;
    text-align:center;
	border : 1px solid yellow;
	background-color : #a6a2a3;	
}

div#infospratiques ul li {  /*pour club */
color:red;
}


div#presentation p {
	/*font-size:1.3em;*/
	
}

figure {
	/* background-color : white; */
	margin:4px;	
width:140px;	

}

figcaption p {
	font-size:0.8em;
}

.gauche{
	text-align:left;
}

div#photomois {
	/* float:left; */
	border : 1px solid yellow;
	/* background-color : #a7a3a3;	 */
	height:100%;
	/* width:100%; */
	text-align: center;

	
}

div#photosemaine {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	/* float:left; */
	border : 1px solid yellow;
	/* background-color : #abb3a3;	 */
	height:100%;
	/* width:100%; */
	justify-content: space-between;
  align-items: center;
  padding: 20px 5%;
}

div#photosemaine p {
	/* margin:0; */
	padding-bottom:8px;
}

.fill {
object-fit:contain;
}

.min-content {
  width: min-content;
  border: 2px dotted rgb(96 139 168);
}