.fancybox{
height:auto; 
text-align:center; 
display:none;
border:1px;
margin-top:3px; 
height:auto; background-color:transparent;
}
@media screen and (min-height: 651px) and (max-height: 800px) 
{.fancybox{
	height:500px;
	background-color:transparent; 
	text-align:center;
	border: 1px;
	display:none;}
img{height:500px; width:auto;}
}
@media screen and (max-height: 650px)
{.fancybox{
	height:400px;
	background-color:transparent; 
	text-align:center;
	border: 1px;
	display:none;}
img{height:400px; width:auto;}
}

body{ background-color:#fff; padding:0;}

.show:target {display:block;}
.close{ position:absolute; top:-16px; right:-16px; z-index:5; 
vertical-align:middle; line-height:1; font-family:Arial, sans-serif; 
text-decoration:none; font-weight:bold; background-color:#000; 
border:3px solid #fff; color:#fff; display:block; width:20px; height:20px; 
text-align:center; -moz-border-radius: 40px; -webkit-border-radius: 40px; 
border-radius: 40px; -moz-box-shadow: 0 0 1px 1px #666;
-webkit-box-shadow: 0 0 1px 1px #666;box-shadow: 0 0 1px 1px #666;
}
.left-close{
left:-16px;
}
@-webkit-keyframes openanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes openanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-ms-keyframes openanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }}
  
  /*texte caché*/
span#bouton_texte{z-index:4; position:absolute; top:100px; left:10px;}
.bouton{text-align:left; color:#71bd92; cursor:pointer;	}
.bouton:hover{text-decoration:bold; color:#236e48;}
.texte{ border:none;
        background:transparent;
        padding:3px;
        color:#236e48;
		position:absolute; top:115px; left:7px;
		width:300px; 
		height:auto;
		font-size:small;
		}