/* @nom du site     : UchronikArt
/* @version du site : 3.0   */
/* @nom de l'auteur     : Yoan Martoglio   */
/* @email de l'auteur   : contact@uchronikart.fr   */

/* Liste des travaux */
ul#desaturation { text-align:center; }
ul#desaturation li { text-align:left; }
.display { width: 100%; margin: 0; padding: 0; list-style: none; }
.display li { width: 100%; padding: 0; margin: 10px 0; height: 185px; }
.display li .content_block { padding: 0 10px; }
.display li .content_block h2, .display li .content_block h3, .display li .content_block h4 { margin: 0; padding: 5px; }
.display li .content_block p { margin: 0; padding: 5px 5px 5px 245px; font-size: 1.2em; }
.display li .content_block a img, .display li .content_block a canvas { margin: 0 15px 0 0; float: left; }
.display li h2, .thumb_view li h2 { color:#64685a; }
.thumb_view li { width: 250px; height:190px; vertical-align:top; display: inline-block; margin: 0 0 50px 0; }
.thumb_view li+li, .thumb_view li+li+li+li+li, .thumb_view li+li+li+li+li+li+li+li, .thumb_view li+li+li+li+li+li+li+li+li+li+li { margin-left:60px; }
.thumb_view li+li+li+li, .thumb_view li+li+li+li+li+li+li, .thumb_view li+li+li+li+li+li+li+li+li+li { margin-left:0; }
.thumb_view li .content_block { padding: 0; }
.thumb_view li h2 { display: inline; font-size:1.5em; }
.thumb_view li p, ul.thumb_view li h3, .thumb_view li h4 { display: none; }
.thumb_view li .content_block a img, .thumb_view li .content_block a canvas { margin: 0 0 10px; }
a.swap { background-position:left bottom; }
ul.agencement { width: 45%; display: inline-block; margin:0 0 25px 0; }
.agencement li { width: 45%; display: inline-block; }
a.switch_thumb { width: 150px; height: 27px; line-height: 26px; padding: 0; display: inline-block; background:transparent url(../images/btn-change-pres.png) no-repeat 0 0; outline: none; text-indent: -9999px; }
a:hover.switch_thumb { /*filter:alpha(opacity=75); opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";*/ background-position:left bottom; }
a:hover.switch_thumb.swap { background-position:left top; }
a.swap { background-position:left bottom; }
.hidden { display:none; }

