.gridlist                           { margin: 0 -20px; font-size: 0; letter-spacing: 0;}
.gridlist>li                        { position: relative; cursor: pointer; display: inline-block; vertical-align: top; width: 33.333%; padding: 20px;}
.gridlist>li.clear                  { width: 100%; padding: 0;}
.gridlist li img                    { width: 100%; height: auto; display: block; transition: all ease-in-out 400ms; filter: brightness(0.7);}
.gridlist li.selectedItem img       { filter: none;}
.gridlist li span                   { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; font-size: 20px; transition: all ease-in 300ms; left: 0;}
.gridlist li.selectedItem span      { opacity: 0;}
.gridlist li strong                 { display: block; text-transform: uppercase; font-size: 30px; line-height: 30px;}*
.gridder-content                    { display: none;}
.gridder-row                        { display: grid; grid-template-columns: 50% 1fr; align-items: center; background: #eee;}
.gridder-close                      { position: absolute; right: 30px; top: 30px; font-size: 0; line-height: 0; z-index: 1;}
.gridder-close::before              { content: url(../images/close.svg); display: block; line-height: 0;}
.clear                              { clear: both; display: block;}
.gridder-row .content               { padding: 50px 80px;}
.gridder-row .galerie               { height: 100%;}
.gridder-row .galerie img           { display: block; width: 100%; height: 100%; object-fit: cover;}
.gridder-row .titre_main            { font-size: 30px; line-height: 30px; margin-bottom: 5px;}
.gridder-row .titre_main span       { text-transform: initial; font-weight: 400; font-size: 20px;}
.gridder-show                       { width: calc(100% - 40px); float: left; position: relative; display: block; font-size: 15px; margin: 20px 20px 0;}
.gridder-nav                        { display: none;}

@media (min-width:1201px) {
.gridlist li:hover img              { filter: none;}
.gridlist li:hover span             { opacity: 0;}
}
@media (max-width:1366px) {
.gridder-row .content               { padding-left: 40px;}
}
@media (max-width:1000px) {
.gridder-row                        { display: block;}
.gridlist>li                        { width: 50%;}
.gridder-row .content               { padding: 40px;}
.gridder-close                      { top: 0; right: 0; padding: 10px; background: #ec7d2c;}
.gridder-close::before              { filter: brightness(0) invert(1);}
}
@media (max-width:700px) {
.gridder-row                        { display: block;}
.gridlist                           { margin: 0;}
.gridlist>li                        { width: 100%; padding: 0; margin-bottom: 20px;}
.gridder-row .content               { padding: 40px 20px 50px;}
.gridder-close                      { top: 0; right: 0; padding: 10px; background: #ec7d2c;}
.gridder-close::before              { filter: brightness(0) invert(1);}
.gridder-show                       { margin: 0 0 20px; width: 100%;}
.gridder-row .titre_main            { font-size: 25px;}
.gridder-row .titre_main span       { font-size: 18px;}
}