.cards { position:relative; width:100%; height:280px; -webkit-perspective: 600px; -moz-perspective: 600px; -o-perspective: 600px; perspective: 600px; }
.cards.proportional { padding-bottom:100%; height:0;  }
.cards .card_front_back > div.textebloc { z-index:1; position:absolute; left:0; top:0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.cards .apercu_texte_child { width: 100%; }

.card_front_back { width: 100%; height: 100%; position: absolute; }
.card_front_back .card { display: block; height: 100%; width: 100%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.card_front_back.rotateY > .front { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }
.card_front_back.rotateY:hover > .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.card_front_back.rotateY > .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-179deg); transform: rotateY(-179deg); }
.card_front_back.rotateY:hover > .back { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }
.card_front_back.rotateX > .front { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }
.card_front_back.rotateX:hover > .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
.card_front_back.rotateX > .back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-179deg); transform: rotateX(-179deg); }
.card_front_back.rotateX:hover > .back { -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); }

.wcards_bordered { border:6px solid transparent; }
.wcards_rounded { border-radius:15px; -webkit-border-radius:15px; }
.wcards_rounded_bordered { border-radius:15px; -webkit-border-radius:15px; border:6px solid transparent; }
.wcards_circle { border-radius:100%; -webkit-border-radius:100%; }
.wcards_circle_bordered { border-radius:100%; -webkit-border-radius:100%; border:6px solid transparent; }

.wcards_shadow_simple { -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.5); }
.wcards_shadow_simple_inset { -webkit-box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.5); }
.wcards_shadow_lueur { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.wcards_shadow_lueur_inset { -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.wcards_shadow_simple_white { -webkit-box-shadow: 3px 3px 3px 0px rgba(255, 255, 255, 0.5); box-shadow: 3px 3px 3px 0px rgba(255, 255, 255, 0.5); }
.wcards_shadow_simple_inset_white { -webkit-box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 3px 3px 3px 0px rgba(255, 255, 255, 0.5); }
.wcards_shadow_lueur_white { -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5); }
.wcards_shadow_lueur_inset_white { -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.5); }