article .articleBody .pagination{float:left;width:100%;padding:0}article .articleBody .pagination.top{margin-bottom:20px}article .articleBody .pagination.bottom{padding-top:20px}article .articleBody .pagination ul,article .articleBody .pagination p{float:right;width:auto}article .articleBody .pagination ul{list-style:none;margin:0;padding:0}article .articleBody .pagination p{text-transform:uppercase;margin:0;font-size:1em;padding:6px 10px 0 0}article .articleBody .pagination ul li{float:left;width:auto;margin:0;margin-left:10px;padding:0;list-style:none}article .articleBody .pagination ul li a{float:left;width:auto;padding:4px 8px 2px;text-align:center;border:1px solid #604c45;color:#604c45;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}article .articleBody .pagination ul li a:hover{background:#eee}article .articleBody .pagination ul li a.active,article .articleBody .pagination ul li a.active:hover{border-color:#8f960c;background:#8f960c;color:#fff}article .articleBody h2{margin:0 0 20px;text-align:center;color:#604c45}article .articleBody ul.actualites-canyon{float:left;width:100%;margin:20px 0 0;padding:0;list-style:none}article .articleBody ul.actualites-canyon li{float:left;position:relative;width:29%;list-style:none;background:#efefef;min-height:170px;margin:10px 2%;padding:10px 10px 40px 160px}article .articleBody ul.actualites-canyon li.nophoto{padding-left:90px}article .articleBody ul.actualites-canyon li figure{position:absolute;top:50%;margin-top:-105px;left:-40px;width:170px;height:170px;border-radius:50%;border:2px solid #fff;overflow:hidden}article .articleBody ul.actualites-canyon li figure img{float:left;height:100%}article .articleBody ul.actualites-canyon li h3{font:normal 1.1em/1.1 'MankSansMedium',sans-serif}article .articleBody ul.actualites-canyon li p{font:normal 1em/1.1 'MankSans',sans-serif}article .articleBody ul.actualites-canyon li p.lien{position:absolute;float:none;bottom:-10px;right:10px;width:auto;height:auto;text-align:right;padding:4px 16px;font:normal 1.1em/1.1 'Righteous',cursive;color:#fff;z-index:5;background:#604c45}article .articleBody ul.actualites-canyon li p.lien a{color:#fff}article .articleBody ul.actualites-canyon li p.lien:before,article .articleBody ul.actualites-canyon li p.lien:after{position:absolute;left:0;width:100%;height:10px;content:'';z-index:-1;background:#604c45}article .articleBody ul.actualites-canyon li p.lien:before{top:-5px;transform:skewY(-2deg);-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform:skewY(-2deg);-o-transform:skewY(-2deg)}article .articleBody ul.actualites-canyon li p.lien:after{bottom:-5px;transform:skewY(2deg);-webkit-transform:skewY(2deg);-moz-transform:skewY(2deg);-ms-transform:skewY(2deg);-o-transform:skewY(2deg)}article .articleBody ul.actualites-canyon li time{position:absolute;top:-5px;left:80px;width:60px;text-align:center;background:#8f960c;color:#fff;padding:8px 2px}article .articleBody ul.actualites-canyon li.nophoto time{left:10px}article .articleBody ul.actualites-canyon li time span{float:left;width:100%;font:normal 1em/1.1 'Righteous',cursive}article .articleBody ul.actualites-canyon li time .jour{font-size:1.6em}article .articleBody ul.actualites-canyon li time:before,article .articleBody ul.actualites-canyon li time:after{position:absolute;left:0;width:100%;height:10px;content:'';z-index:-1;background:#8f960c}article .articleBody ul.actualites-canyon li time:after{top:-5px;transform:skewY(-2deg);-webkit-transform:skewY(-2deg);-moz-transform:skewY(-2deg);-ms-transform:skewY(-2deg);-o-transform:skewY(-2deg)}article .articleBody ul.actualites-canyon li time:before{bottom:-5px;transform:skewY(2deg);-webkit-transform:skewY(2deg);-moz-transform:skewY(2deg);-ms-transform:skewY(2deg);-o-transform:skewY(2deg)}@media screen and (min-width:721px) and (max-width:960px){article .articleBody ul.actualites-canyon li{width:46%}article .articleBody ul.actualites-canyon li figure{margin-top:-85px}}@media screen and (max-width:720px){article .articleBody ul.actualites-canyon li{width:96%}article .articleBody ul.actualites-canyon li figure{margin-top:-85px;left:-10px;width:120px;height:120px}}