h1.bigTitle{font-size:2em;margin:40px 0px;color:#656565;text-align: center;}
.viewSearch .article .visual{width:100%;padding-top:94%;background-color: #eee;overflow:hidden;}
.visual .linkOverVisual{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.viewSearch .articleDossier .visual{padding-top:107%;margin-bottom:20px;}
.viewSearch .article .visual:before{content:" ";}
.viewSearch h3{width: 96%; left:2%;right:2%;}
.viewSearch .article{width:31.33%;float:left;margin-right:2%;margin-bottom:40px;}

.viewSearch  .article .titraille .chapo{font-size:0.8em;}
.viewSearch  .article .titraille .chapo {color:#656565;}
.viewSearch .authorUp {color:#fff;font-size:0.8em;}
.viewSearch .authorUp strong{color:#fff;font-size:1em;}
.viewSearch .authorUp{background:#7a7a93;padding:10px;margin-bottom:20px;margin-top:-2px;}
.viewSearch .authorDown{font-size:1em;display:none;}
.viewSearch .authorDown *{font-size:0.8em;}
.viewSearch h3{margin-bottom:20px;font-size:1em;line-height:1.15em;color: #2a9ae9;;}
.viewSearch h3 a{color: #2a9ae9;}
.viewSearch .article .visual img{position:absolute;width:100%;top:0px;bottom:0px;}
.viewSearch .article:hover .visual .backgroundBlueShadow{
    -webkit-animation: fadeOut 0.5s ease-out;
    -moz-animation: fadeOut 0.5s ease-out;
    -o-animation: fadeOut 0.5s ease-out;
    animation: fadeOut 0.5s ease-out;
    opacity: 0;

}


@media screen and (max-width:900px) {
    .viewSearch  .article {width:100%;clear: both;margin-top:20px;margin-left:0px;}
    .viewSearch .article h3{padding:0%;width:100%;left:0%;}
    .viewSearch  .article .titraille{width:73%;float:left;position:relative;}
    .viewSearch  .article .titraille .chapo {display:block;}
    .viewSearch  .article .visual{width:25%;float:right;padding-top:23%;margin-left:2%;margin-right:0%;}
    .viewSearch  .article .authorUp{display:none;}
    .viewSearch  .article .authorDown {display:block;color:#656565 !important}
    .viewSearch  .article  .authorDown * {color:#656565 !important;}
    .viewSearch  .article .authorDown{margin-bottom:20px;}
}
@media screen and (max-width:550px) {
    .viewSearch .article{margin-bottom:20px;}
    .viewSearch  .article .article .authorDown{margin-bottom:10px;}
    .viewSearch h3 {  margin-bottom:10px;}
    .viewSearch  .article.article .titraille .chapo{display:none;}
    .mediumTitle {  line-height:1.1em }
    h1{margin:20px 0px;}
    .viewSearch .article .authorDown {  margin-bottom: 0px;  }
}