.cadre {position: relative;margin: 0 auto;padding: 1em 0 4em;max-width: 900px;list-style: none;text-align: center;}
/* Common style */
.cadre figure {position: relative;float:left;overflow: hidden;margin: 1%;min-width: 320px;max-width: 900px;max-height: 800px;width: 100%;background-color:#fff;text-align: center;cursor: pointer;}
.cadre figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.cadre figure figcaption {padding: 0em 2em 0em 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.cadre figure figcaption::before,.cadre figure figcaption::after {pointer-events: none;}

/* initiale 59 au lieu de 92 */
.cadre figure figcaption,.cadre figure figcaption > a {position: absolute;top: 0;left:1%;width:83%;height:66%;}

/* Anchor will cover the whole item by default *//* For some effects it will show as a button */
.cadre figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.cadre figure h2 {word-spacing: -0.15em;font-weight: 300;}
.cadre figure h2 span {font-weight: 800;}
.cadre figure h2,.cadre figure p {margin: 0;}
.cadre figure p {letter-spacing: 1px;font-size: 40.0%;}
/* Individual effects */

/*---------------*//***** presentation *****//*---------------*/
figure.effect-presentation {color:#000;background-color:#fff;}
figure.effect-presentation img {opacity: 2.0;-webkit-transition: opacity 0.10s;transition: opacity 0.10s;margin:auto;}
figure.effect-presentation:hover img {opacity: 2.0;}
p{color:#000;background: #fff;}
figure.effect-presentation figcaption::before,
figure.effect-presentation figcaption::after {position: absolute;top: auto;right: auto;bottom: 30px;left: auto;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-presentation figcaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
figure.effect-presentation figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
figure.effect-presentation h2 {padding-top: 30%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
figure.effect-presentation p {padding: 20px 2.5em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
figure.effect-presentation:hover figcaption::before,figure.effect-presentation:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
figure.effect-presentation:hover h2,figure.effect-presentation:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-presentation:hover a {float:left;padding: 0.01em;}