.cache {display:none;}


div#textev {
    text-align:center;
    margin-left:180px;
    margin-right:180px;
    height:100%;
    /*background-color: red; */
    }
    
div#textev h2 {
    width:100%;
    margin: 0 auto;
    color: #fff;
    font-size: 1.4em;

}

div#textev p {
width:100%;
margin: 0 auto;
color: #FFFFFF;
}

div#vignetteint {
    width:140px;
    margin-right:auto;
    margin-left:auto;
    float:left;
    text-align:center;
	padding-top:5px;
   /* background-color: black; */
}
div#vignetteintdroite {
    width:140px;
    margin-right:auto;
    margin-left:auto;
    float:right;
    text-align:center;
	padding-top:5px;
    /*background-color: white;  */
}

div#vignetteint p{

    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    color: #CCCCCC;
    font-size: 0.8em;
}

div#vignetteintdroite p{

    margin-top:0;
    margin-right:auto;
    margin-left:auto;
    color: #CCCCCC;
    font-size: 0.8em;
}

div#textev h1 {
    width:50%;
    font-weight: bold;
    font-size: 150%;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #ffff99;
    font-variant: normal;
    margin: 0 auto;
}

a {
text-decoration: none; /* définition du lien qui affichera le "calque" */
}

a:hover {
background: none; /* correction d'un bug IE */
}
a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

a:hover span {
    display: inline;
    position:absolute;
    float:left;
    padding-top:0px;
    /*top:100px;   /*120*/
    /*left:355px;*/
    /*width:480px;*/
    /*height:400px;*/
	/*top:80px;  */
	top:40px; 
	/*padding-top:0px;*/
	/*left:190px;
	width:810px;
    height:540px;*/
	/*left:310px;*/
	/*width:510px;
    height:300px;
    line-height:300px;*/
    /*background: #666666;*/
    /*background-color: #CC0099;*/
    text-align: center;
    color: white;
	/*opacity:0.95;*/
}

a:hover span.decalbasdroite {
	top:150px;
	left:310px;
}

a:hover span.decalbasgauche {
	top:150px;
	left:310px;
}
a:hover span.decaldroite {
	/*top:150px;*/
	left:310px;
}
a:hover span.decalgauche {
	/*top:150px;*/
	right:150px;
}

a:hover span.decalspecial {
	/*top:150px;*/
	right:270px;
}

.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;*/ /*img noel*/
  width : 760px; /* reduire a 1000px pour img noel etait 1020*/
  top : 100px;
 /* border : 10px solid #000;*/
/*background-color : #000;*/
  /*background-position:50% 50%;*/
  background-color :rgba(000,000,000,0.6);
  left:23%; /*etait 16%*/
  padding-left:5%;
  padding-right:5%;
  /*padding-bottom:5%;*/
  z-index:999;
}

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*/
	.box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: auto;
  height: auto;
  align-content: space-between;
}
.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:yellow;*/
}
.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:30px; /*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 : #a7a3a3;	
}

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

.gauche{
	text-align:left;
}
















