#grid{padding-bottom:30px}#grid .grid-list{list-style:none;gap:10px}#grid .grid-list .grid-item .grid-item-visu{height:100%}@media only screen and (max-width: 767px){#grid .grid-list .grid-item .grid-item-visu{height:auto;padding-bottom:100%}}#grid .grid-list .grid-item a{overflow:hidden;height:100%;position:relative;padding-bottom:100%;display:block}#grid .grid-list .grid-item .grid-item-visu{position:absolute;width:100%;height:100%}#grid .grid-list .grid-item .grid-item-visu:before{content:"";height:100%;display:inline-block;vertical-align:middle}#grid .grid-list .grid-item .grid-item-text{position:absolute;z-index:2;width:100%;height:100%;left:0;top:0;padding:42px}#grid .grid-list .grid-item .grid-item-text:before{content:"";height:100%;display:inline-block;vertical-align:middle}#grid .grid-list{display:flex;display:-ms-flex;display:-moz-flex;display:-webkit-flex;flex-flow:row wrap;-ms-flex-flow:row wrap;-moz-flex-flow:row wrap;-webkit-flex-flow:row wrap}@media only screen and (min-width: 1200px){#grid .grid-list .grid-item{width:calc(1 / 3 * 100% - ( ((3 - 1) * 10px) / 3));width:-moz-calc(1 / 3 * 100% - ( ((3 - 1) * 10px) / 3));width:-webkit-calc(1 / 3 * 100% - ( ((3 - 1) * 10px) / 3))}}@media only screen and (min-width: 767px)and (max-width: 1199px){#grid .grid-list .grid-item{width:calc(1 / 2 * 100% - ( ((2 - 1) * 10px) / 2));width:-moz-calc(1 / 2 * 100% - ( ((2 - 1) * 10px) / 2));width:-webkit-calc(1 / 2 * 100% - ( ((2 - 1) * 10px) / 2))}}@media only screen and (max-width: 767px){#grid .grid-list .grid-item{width:calc(1 / 1 * 100% - ( ((1 - 1) * 0px) / 1));width:-moz-calc(1 / 1 * 100% - ( ((1 - 1) * 0px) / 1));width:-webkit-calc(1 / 1 * 100% - ( ((1 - 1) * 0px) / 1))}}#grid .grid-item:before{content:none}#grid .grid-item .grid-item-visu{background-repeat:no-repeat;background-position:center center;background-size:cover}#grid .grid-item .grid-item-visu:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(33,33,33,.81)}#grid .grid-item a{text-decoration:none;text-align:center}#grid .grid-item a:before,#grid .grid-item a:after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:"";opacity:0;z-index:2;-moz-transition:opacity .35s ease 0s,transform .35s ease 0s;-o-transition:opacity .35s ease 0s,transform .35s ease 0s;-webkit-transition:opacity .35s ease 0s,transform .35s ease 0s;transition:opacity .35s ease 0s,transform .35s ease 0s}#grid .grid-item a:before{border-top:2px solid #fff;border-bottom:2px solid #fff;-moz-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);-webkit-transform:scale(0, 1);transform:scale(0, 1)}#grid .grid-item a:after{border-left:2px solid #fff;border-right:2px solid #fff;-moz-transform:scale(1, 0);-o-transform:scale(1, 0);-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);transform:scale(1, 0)}#grid .grid-item a span{font-size:24px;line-height:1em;color:#f2f2f2;text-align:center;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;display:inline-block;vertical-align:middle;max-height:120px;max-width:95%;overflow:hidden}#grid .grid-item a:hover:before,#grid .grid-item a:hover:after,#grid .grid-item a:focus:before,#grid .grid-item a:focus:after,#grid .grid-item a:active:before,#grid .grid-item a:active:after{opacity:1;-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}#grid .grid-item a:hover span,#grid .grid-item a:focus span,#grid .grid-item a:active span{font-size:30px;color:#fff;max-height:145px;text-decoration:underline}@media only screen and (max-width: 767px){#grid .grid-item a:hover span,#grid .grid-item a:focus span,#grid .grid-item a:active span{font-size:24px}}