<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">input {
position: absolute;
left: -9999px;
}

body {

}


#lien_gallery_full {
position:fixed;
top:5px;
right:5px;
}

#album h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:3em;
color:dimgrey;
background-color: rgba(255,255,255,0.8);
z-index:10;
}

.video {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90%;
    height:auto;
    max-width:720px;
}

.label_mini_close {
position:fixed;
top:15px;
right:15px;
font-size:2.5em;
color:white;
z-index:10;
opacity:0;
cursor:pointer;
}

.label_affich_close {
position:fixed;
top:15px;
right:15px;
font-size:2.5em;
color:white;
cursor:pointer;
z-index:4;
}

.label_affich_close button {
position:fixed;
top:15px;
right:15px;
font-size:2.5em;
color:white;
cursor:pointer;
opacity:0;
z-index:200;
}

.image_centre {
position:fixed;
top:0;
left:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}

.image_centre img{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
vertical-align:middle;
border: 15px solid dimgrey;
width:auto;
height:auto;
max-width:600px;
max-height:450px;
}

#album {
text-align:center;
z-index:1;
-webkit-animation:apparition_bouton 8s;
        animation:apparition_bouton 8s;
}

#album h3 {
font-size:2.5em;
}

.label_mini_image img {
border-radius:50%;
cursor:pointer;
transition:0.8s;
}

.label_mini_image:hover img {
border-radius:10%;
cursor:pointer;
transition:0.8s;
}
.mini_album label {
display: inline;
margin:0 auto;
}


.mini_album  img {
border-radius:50%;
}

.image_centre h11{
background-color:white;
font-size:1.5em;
color:black;
border-radius:5px;
}

.image_centre h10{
background-color:white;
font-size:1.9em;
color:black;
border-radius:5px;
}

.image_centre h12{
background-color:white;
font-size:1.1em;
color:black;
border-radius:5px;
}

#affich_photo, #affich_video, #affich_photo_plus {
display:none;

}

#photo:checked ~ #affich_photo {
  display:block;
  -webkit-animation:apparition_bouton 3s;
          animation:apparition_bouton 3s;
}

#video:checked ~ #affich_video {
display:block;
-webkit-animation:apparition_bouton 3s;
        animation:apparition_bouton 3s;
}


#photo_plus:checked ~ #affich_photo_plus {

opacity:1;
transition:1.5s;
}


#photo_plus:checked + label{
display:none;
}


.label_select_album img {
border: 1px solid dimgrey;
border-radius:50%;
cursor:pointer;
filter:grayscale(0.6);
width:80px;
height:auto;
background-color:rgba(255,255,255,0.8);
}

.label_select_album:hover img{
filter:grayscale(0);
}

.label_select_album:checked {
color:red;
}

.label_mini_video img{
border-radius:50%;
width:180px;
height:auto;
}

.label_mini_video {
  width:180px;
  text-align:center;
  cursor:pointer;
}




@media screen and (max-width:640px) {

.label_mini_close {
top:85%;
font-size:2.2em;
right:50%;
transform:translateX(50%)
}

.label_affich_close {
top:85%;
font-size:2.2em;
right:50%;
transform:translateX(50%)
}
.image_centre img{

width:90%;
height:auto;

}

}
</pre></body></html>