.pubbox {
	width:300px;    height: 398px;overflow: overlay;
}
.box {
	margin: 0 12px 25px;
    float:left; 
    width:255px;
height: 398px;}

.cck_related_content {
max-width: 800px;}
.cck_related_content .box {
width:241px;}
h1 {
	margin: 0 13px 25px;
   }
div.vertical div.cck_forms.cck_search div.cck_label {
    width: 300px;
    margin-left: 13px;
}
div.cck_forms.cck_search div.cck_form {
    margin-left: 13px;
}
.liste-patrons {
    display:flex-inline; 
}

.liste-patrons .title {
    font-weight: 700;
    line-height: 20px;
    font-size:18px;
}

.liste-patrons .title a{
color:#909b1b;
}
.cover-info {
    background: #fff;
    padding: 10px 13px;
    margin-bottom: 10px;
    overflow: hidden;
}
.cover-info span {
//  display: inline-flex;
height:10px;}
.cover-info span {
  width: 265px;
//  white-space: nowrap;
}
.cover-info span div {
//  overflow: hidden;
 // text-overflow: ellipsis;
}
.image-display-mobile,.cover-info-mobile {
    display: none;
}
img.image-display,.image-display img {
 //   min-height: 300px;
}
@media (min-width: 481px) and (max-width: 768px) {
.box,.cck_related_content .box {
    width: 31%;
	}
}
@media (max-width: 480px) {
div.vertical div.cck_forms.cck_search div.cck_label {
    width: 300px;
}
.image-display,.cover-info {
    display: none;
}
.technique-auteur,.technique-desc{
    font-size: 0.8em;
}
.cover-info-mobile a, a.cover-info-mobile {
    color: #fff;
}
.image-display-mobile,.cover-info-mobile {
    display: block;
}
h1 {
    text-align: center;
 }
#cck32r_mainbody {
    text-align: center;
}
.cck_related_content .box{
    width: 100%;
}
.box {
	margin: 0;    margin-top: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;float:none;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: #E8E3E3;
    max-height: 400px;
}
.pubbox {
	width:100%;
    height: 600px !important;
}
.lazy {
    max-width: 100%;
    position: relative;
}
.cover-info-mobile {
    bottom: 0px !important;
//    width: 100%;
    left: 0;right:0;
    position: absolute;
    font-size: 20px;
    color: #FFF;
    padding: 70px 13px 10px 14px;
    line-height: 24px;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 22%,rgba(0,0,0,.25) 44%,rgba(0,0,0,.45));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 22%,rgba(0,0,0,.25) 44%,rgba(0,0,0,.45));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00000000, endColorstr=#6B000000)";
}
}
@media (max-width: 389px) {
.cck_related_content .box {
 	max-width:100%;
}
}