.cardBox{min-height:432px;position:relative;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:300px}.cardBox:hover .carte{transform:rotateY(180deg)}.carte{cursor:pointer;min-height:397px;transform-style:preserve-3d;transition:transform .5s ease 0s;width:300px}.carte p{margin-bottom:1em}.carte .front{backface-visibility:hidden;color:#fff;font-size:2em;height:397px;padding-top:20px;position:absolute;text-align:center;width:300px}.carte .front img{box-shadow:0 0 12px 6px hsla(60,80%,90%,.75);display:block;margin-left:auto;margin-right:auto}.cardBox:hover .carte .front img{transition:all .5s ease 0s}.carte .front h3{font-size:1.2rem;left:22px;top:278px;width:260px}.carte .back,.carte .front h3{color:#fff;position:absolute;text-align:center}.carte .back{backface-visibility:hidden;font-size:2rem;height:397px;padding-top:20px;transform:rotateY(180deg);width:300px}.carte .back img{display:block;height:400px;margin-left:auto;margin-right:auto}.cardBox:hover .carte .back img{transition:all .5s ease 0s}.carte .back div{bottom:0;color:#fff;font-size:.8rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;top:50px;width:240px}.carte .front strong{background:#fff;color:#222;font-size:1.5em;line-height:30px}.carte .back a{text-decoration:none;transition:all .2s ease 0s}@media screen and (max-width:767px){.cardBox{margin-left:2.8%;margin-top:3%;width:46%}.carte{height:285px}.cardBox:last-child{margin-bottom:3%}}@media screen and (max-width:480px){.cardBox{width:94.5%}.carte{height:260px}}