/* Viewer */
.viewer-wrap,
.viewer-pager {
width: 100%;
/*max-width : 350px; */
}
.header .viewer-wrap,
.header .viewer-pager {
width: 100%;
max-width : none; /* Largeur des images originales pour éviter la pixellisation */
}
.viewer {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.viewer li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.viewer li:first-child {
position: relative;
display: block;
float: left;
}
.viewer a img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
border:4px solid var(--secondary-dark);
box-sizing: border-box;
transition: all .2s;
}
.viewer a:hover img {
border-color: var(--tertiary-light-2);
cursor: pointer;
}









/* Viewer pager */
.rslides_tabs {
list-style-type: none;
box-sizing:border-box;
margin-top:5px;
margin-bottom:1em;
}
.rslides_tabs li {
display: inline-block;
box-sizing:border-box;
}
.rslides_tabs li a {
display: block;
box-sizing:border-box;
/*width:3em;*/
line-height:3em;
font-size:0.8em;
font-weight: bold;
color:var(--secondary-light);
text-decoration: none;
text-align: center;
border:2px solid var(--secondary-dark);
transition: border-color 0.2s;
}
.rslides_tabs li a:hover,
.rslides_tabs li.rslides_here a {
border-color: var(--tertiary-light-2);
background-color:var(--tertiary-light-2);
color:var(--secondary-light);
}


/* Viewer image : miniatures */
.rslides_thumbs {
list-style-type: none;
box-sizing:border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top:5px;
}
.rslides_thumbs li {
width:calc(98% /3 );
}
.rslides_thumbs li a {
display: inline-block;
box-sizing:border-box;
/*width:auto;*/
border:2px solid var(--secondary-dark);
transition: border-color 0.2s;
width : 100%;
}
.rslides_thumbs li.rslides_here a {
border-color: var(--tertiary-light-2);
}
.rslides_thumbs li a img {
display: block;
box-sizing:border-box;
height:auto;
width:100%;
}