/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 4, 2022 */



@font-face {
    font-family: 'spinweradbold';
    src: url('spinwerad-webfont.woff2') format('woff2'),
         url('spinwerad-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.body-page-1 .wrapper-page-1 #wrapper-bloc-6 {
    padding: 30px 0 65px;
}

.wrapper-page-1 #wrapper-content-6 {
    max-width: 1500px !important;
    display: flex;
}

@media (min-width: 1314px) {
/* STYLE - ACCUEIL PÊLE-MÊLE */
.body-page-1 #phototheque-classic-list-1 {
    text-align: center;
}

.body-page-1 .phototheque-classic-list-li-10 {
    padding: 0 3px;
    position: relative;
}

.body-page-1 .phototheque-classic-list-li-10 img {
   display: none;
}

.body-page-1 .phototheque-classic-list-li-10:first-child img {
   display: inline-block;
   vertical-align: baseline;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(2) img {
   display: inline-block;
   vertical-align: baseline;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(3) img {
   display: inline-block;
   vertical-align: baseline;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(4) img {
   display: inline-block;
   vertical-align: baseline;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(5) img {
   display: inline-block;
   vertical-align: top;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(6) img {
   display: inline-block;
   vertical-align: top;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(7) img {
   display: inline-block;
   vertical-align: top;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(8) img {
   display: inline-block;
   vertical-align: top;
}

/* RESIZE LI - ACCUEIL PÊLE-MÊLE*/
.body-page-1 .phototheque-classic-list-li-10:first-child {
   width: 275px;
   height: 275px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(2) {
   width: 400px;
   height: 400px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(3) {
   width: 325px;
   height: 325px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(4) {
   width: 250px;
   height: 250px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(5) {
   width: 325px;
   height: 325px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(6) {
   width: 250px;
   height: 250px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(7) {
   width: 400px;
   height: 400px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(8) {
   width: 275px;
   height: 275px;
}

/* HOVER - ACCUEIL PÊLE-MÊLE*/
.body-page-1 .phototheque-classic-list-li-10:nth-child(2):hover img {
   transform: scale(1.02);
   transition: transform .5s ease-in-out;
}

.body-page-1 .phototheque-classic-list-li-10:hover .filter {
   opacity: 0;
   transition: opacity .5s linear;
}

/* FILTER */
.filter {
   /* opacity: 0.4; */
   z-index: 10;
   position: absolute;
   top: 0;
   left: 3px;
   /* background: #1abc9c; */
   /* transition: opacity .5s linear; */
}

.body-page-1 .phototheque-classic-list-li-10:first-child .filter {
   width: 275px;
   height: 275px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(3) .filter {
   width: 325px;
   height: 325px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(4) .filter {
   width: 250px;
   height: 250px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(5) .filter {
   width: 325px;
   height: 325px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(6) .filter {
   width: 250px;
   height: 250px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(7) .filter {
   width: 400px;
   height: 400px;
}

.body-page-1 .phototheque-classic-list-li-10:nth-child(8) .filter {
   width: 275px;
   height: 275px;
}

}