<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
div.cssbox {
  display: inline-block;
}

span.cssbox_full {
  z-index: 999999;
  position: fixed;/*absolute-fixed*/
  height: 100%;/*100%*/
  width: 100%;/*100*/
  background-color: rgba(0,0,0,0.97);/*rgba(0,0,0,0.8)... pour la transparence*/
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  /*transition: opacity 0.5s linear;/*transition opacité*/
}

span.cssbox_full img {
  position: fixed;
  background-color: white;
  margin: 0;
  padding: 0;
  max-height: 85%;
  max-width: 85%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);/*positionnement*/
  box-shadow: 0 0 20px black;
  border:#FFF 2px solid;
}


span.cssbox_full .commentaire {
	font-size:1.0em;
	color:#FFF;
	position:fixed;/*relative*/
	text-align:center;
	top:5%;/*2%*/
	margin-bottom:2%;
	left:50%;
  transform: translate(-50%, -50%);
}

a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
  z-index: 999999;
  position: fixed;/*fixed*/
  text-decoration: none;
  visibility: hidden;
  color:white;
  font-family:"MS Serif", "New York", serif;
  font-size: 66px;/*voir pour smartphone*/
  //padding:10px;
}

a:hover.cssbox_close,
a:hover.cssbox_prev,
a:hover.cssbox_next {
	color:#ffcc33;
}

a.cssbox_close {
  top: 1%;
  right: 1%;
}

a.cssbox_close::after {
  content: '\00d7';
  /*font-size:1.5em;/*� diminuer smartphone*/
}

a.cssbox_prev,
a.cssbox_next {
  top: 40%;
  transform: translate(0%, 50%);
  /*font-size:2.5em;/*� diminuer smartphone*/
}

a.cssbox_prev {
  left: 5%;
}

a.cssbox_next {
  right: 5%;
}

a:target ~ a.cssbox_close,
a:target ~ a.cssbox_prev,
a:target ~ a.cssbox_next {
  visibility: visible;
}

a:target &gt; img.cssbox_thumb + span.cssbox_full {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
}
img.cssbox_thumb {
	width:100px;
	height:auto;
	padding:10px;
}
@media only screen and (max-width:520px) {
a.cssbox_close,
a.cssbox_prev,
a.cssbox_next {
  font-size: 36px;/*voir pour smartphone*/
}
}
/* This is the end of CSSBox */
</pre></body></html>