.colio-wrap .colio-list {
padding: 0;
margin: 0;
list-style: none;
overflow: hidden;
clear: both;
}
.colio-wrap.colio-effect-rotate .colio-list {
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
-o-perspective: 2000px;
perspective: 2000px;
}
.colio-wrap .colio-list > li {
float: left;
margin: 0;
padding: 0;
-webkit-transform: translate3d(0,0,0);
}
.colio-list .colio-inner {
margin: 0 20px 20px 0;
} .colio-grid1 .colio-list > li { width: 100%; }
.colio-grid2 .colio-list > li { width: 50%; }
.colio-grid3 .colio-list > li { width: 33.33%; }
.colio-grid4 .colio-list > li { width: 25%; }
.colio-grid5 .colio-list > li { width: 20%; } .colio-wrap .colio-filters {
float: right;
padding: 0;
margin: 0 20px 20px 0;
list-style: none;
}
.colio-wrap select.colio-filters {
float: right;
margin-bottom: 20px;
min-width: 100px;
width: auto;
}
.colio-wrap .colio-filters li {
float: left;
padding: 0;
margin: 5px 10px 0 0;
}
.colio-wrap .colio-filters a {
display: block;
padding: 2px 15px;
color: #999;
background-color: #eee;
border-radius: 5px;
line-height: 20px;
font-size: 85%;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
outline: none;
font-style: normal;
font-weight: 400;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.colio-wrap .colio-filters a:hover {
color: #555;
}
.colio-wrap .colio-filters a.colio-active-filter {
color: #eee;
background-color: #555;
text-shadow: none;
}
.colio-wrap .colio-filters a.colio-disable-filters {
padding: 2px;
padding-right: 5px;
font-size: 1.2em;
color: #999!important;
background-color: transparent!important;
}
.colio-wrap.colio-filters-left .colio-filters {
float: left;
}
.colio-wrap.colio-filters-left .colio-filters li:first-child {
float: right;
} .colio-list .colio-thumb {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.colio-thumb-padding .colio-thumb {
margin: 1px;
outline: 1px solid #eee;
border: 5px solid #fff;
}
.colio-list .colio-thumb img {
width: 100%;
height: auto;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
box-shadow: none;
-webkit-transition: all .3s cubic-bezier(.25,.46,.45,.94);
-moz-transition: all .3s cubic-bezier(.25,.46,.45,.94);
-o-transition: all .3s cubic-bezier(.25,.46,.45,.94);
transition: all .3s cubic-bezier(.25,.46,.45,.94);
}
.colio-thumb-zoom .colio-thumb:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
} .colio-thumb .colio-view {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 0;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: opacity .3s, visibility 0s linear .3s;
-moz-transition: opacity .3s, visibility 0s linear .3s;
-o-transition: opacity .3s, visibility 0s linear .3s;
transition: opacity .3s, visibility 0s linear .3s;
}
.colio-thumb .colio-view:before {
content: "";
position: absolute;
top: 0; 
left: 0;
right: 0;
bottom: 0;
}
.colio-thumb:hover .colio-view {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
} .colio-view .colio-button,
.colio-view .colio-button:visited {
display: inline-block;
position: relative;
top: 50%;
padding: 7px 12px;
margin: -17px 0 0;
background-color: #ff5452;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 20px;
text-decoration: none;
text-shadow: -1px 0 0 rgba(0,0,0,0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transform: translateZ(0);
-webkit-transition: background .3s;
-moz-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}
.colio-view .colio-button:hover {
text-decoration: none;
color: #fff;
}
.colio-active-item .colio-view { 
display: none; 
} .colio-list .colio-summary {
padding: 10px;
}
.colio-list .colio-summary h4 {
margin: 10px 0;
padding: 0;
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
}
.colio-list .colio-summary h4 a {
color: #444;
line-height: inherit;
text-decoration: none;
}
.colio-list .colio-summary h4 a:hover { color: #999; }
.colio-active-item .colio-summary h4 a { text-decoration: underline; color: #999!important; }
.colio-list .colio-summary p {
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.5em;
color: #999;
text-shadow: none;
} .colio-item-loading .colio-thumb { background: #fff url(//robardey.fr/wp-content/plugins/colio/images/loading.gif) no-repeat center center;  }
.colio-item-loading .colio-thumb img { opacity: 0.3; }
.colio-item-loading .colio-view { display: none; } .colio-pagination {
padding-top: 10px;
margin: 0 0 20px;
overflow: hidden;
}
.colio-pagination .colio-next-page,
.colio-pagination .colio-prev-page {
float: left;
text-indent: -9999px;
width: 24px;
height: 24px;
margin-top: 3px;
background: #ccc;
opacity: 0.3;
outline: none;
}
.colio-pagination .colio-next-page:hover,
.colio-pagination .colio-prev-page:hover {
opacity: 1;
} 
.colio-pagination .colio-prev-page { background: url(//robardey.fr/wp-content/plugins/colio/images/controls.png) no-repeat -72px 0; }
.colio-pagination .colio-next-page { background: url(//robardey.fr/wp-content/plugins/colio/images/controls.png) no-repeat -96px 0; }
.colio-wrap .colio-pagination ul {
float: left;
padding: 0;
margin: 0 5px;
list-style: none!important;	
}
.colio-pagination li {
float: left;
margin: 0 5px;
}
.colio-pagination li a {
display: block;
width: 40px;
height: 25px;
line-height: 25px;
color: #444;
font-size: 85%;
text-align: center;
border-bottom: 2px solid #ccc;
outline: none;
}
.colio-pagination li a:hover, 
.colio-pagination .colio-page-active a { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.colio-pagination .colio-prev-page { 
background: url(//robardey.fr/wp-content/plugins/colio/images/controls@2x.png) no-repeat -72px 0; 
background-size: 120px 24px; 
}
.colio-pagination .colio-next-page {
background: url(//robardey.fr/wp-content/plugins/colio/images/controls@2x.png) no-repeat -96px 0; 
background-size: 120px 24px; 
}
}  @media only screen and (min-width: 1280px) {} @media only screen and (min-width: 960px) and (max-width: 1280px) {
.colio-grid5 .colio-list > li { 
width: 20%; 
}
.colio-grid3 .colio-view .colio-button,
.colio-grid2 .colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
} @media only screen and (max-width: 959px) {} @media only screen and (min-width: 768px) and (max-width: 959px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li { 
width: 33.33%; 
}
.colio-grid2 .colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
} @media only screen and (max-width: 767px) {} @media only screen and (min-width: 480px) and (max-width: 767px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li, 
.colio-grid3 .colio-list > li { 
width: 50%;
}
} @media only screen and (max-width: 479px) {
.colio-grid5 .colio-list > li, 
.colio-grid4 .colio-list > li, 
.colio-grid3 .colio-list > li, 
.colio-grid2 .colio-list > li { 
width: 100%; 
}
.colio-list .colio-inner { margin-right: 0!important; }
.colio-view .colio-button { padding: 10px 17px; margin-top: -20px; }
}