/*========================================================*/


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 0px){
}

@media only screen and (min-width : 320px) {
    section#feedwall{position: relative; padding: 50px 0px;}
    section#feedwall div.enteteActu{display: block;position: relative;margin-bottom: 20px;}
    section#feedwall div.enteteActu div.titre{display: inline-block;}
    section#feedwall div.enteteActu div.titre h3{font-size: 20px;font-family: "Helvetica";font-weight: 700;font-style: italic;margin-bottom: 0; color:rgb(0,79,159); text-transform: uppercase;}
    section#feedwall div.enteteActu div.smartowl-nav{display: inline-block;position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    section#feedwall div.enteteActu div.smartowl-nav div.prev{display: inline-block; width: 30px; height: 30px; text-align: center; color: #fff; background-color: rgb(0,79,159); border-right: 0.5px solid #fff; cursor: pointer;}
    section#feedwall div.enteteActu div.smartowl-nav div.next{display: inline-block; width: 30px; height: 30px; text-align: center; color: #fff; background-color: rgb(0,79,159); border-left: 0.5px solid #fff; cursor: pointer;}
    section#feedwall div.enteteActu div.smartowl-nav div.prev:hover{background: #fff; transition: all ease .5s;}
    section#feedwall div.enteteActu div.smartowl-nav div.next:hover{background: #fff; transition: all ease .5s;}
    section#feedwall div.enteteActu div.smartowl-nav div.prev i{vertical-align: middle}
    section#feedwall div.enteteActu div.smartowl-nav div.next i{vertical-align: middle}
    section#feedwall div.enteteActu div.smartowl-nav div.prev:hover i{color: rgb(0,79,159); transition: all ease .5s;}
    section#feedwall div.enteteActu div.smartowl-nav div.next:hover i{color: rgb(0,79,159); transition: all ease .5s;}
    section#feedwall ul{}
    section#feedwall ul li{}
    section#feedwall ul li a{ color: rgb(0,79,159); text-decoration: none;}
    section#feedwall ul li a div.contenu{}
    section#feedwall ul li a div.contenu div.fond{height: 200px; background-size: cover; background-position: center;}
    section#feedwall ul li a div.contenu div.fond div.image{width: 35%;height: 100%;display: inline-block;background-size: cover;background-position: center;}
    section#feedwall ul li a div.contenu div.containerDate{position: absolute;bottom: 0;width: 100%;color: #fff;background: rgb(0,79,159);line-height: 3; padding:0px 15px; font-size: 12px;}
    section#feedwall ul li a div.contenu div.containerDate p{margin-bottom: 0; font-family: 'Helvetica'; font-style: italic; text-align: right; display: inline-block; float: right; line-height: 3;}
    section#feedwall ul li a div.contenu div.containerDate i{text-align: right;}
    section#feedwall ul li a div.contenu div.containerDate i img{width: 25px;display: inline-block;}
    section#feedwall ul li a div.contenu div.filtre{background: #fff;width:65%;height: 100%;display: inline-block;position: relative; padding: 15px; float: right;}
    section#feedwall ul li a div.contenu div.filtre.only_message{width: 100%}
    section#feedwall ul li a div.contenu div.filtre p{}
    section#feedwall ul li a div.contenu div.filtre div.contentPublication{}
    section#feedwall ul li a div.contenu div.filtre div.contentPublication p{color: #000}
    section#feedwall ul li a div.contenu div.filtre div.containerDate{position: absolute;bottom: 0;margin: 0 -15px;width: 100%;color: #fff;background: rgb(0,79,159);line-height: 3; padding:0px 15px; font-size: 11px;}
    section#feedwall ul li a div.contenu div.filtre div.containerDate p{margin-bottom: 0; font-family: 'Helvetica'; font-style: italic; text-align: right; display: inline-block; float: right;}
    section#feedwall ul li a div.contenu div.filtre div.containerDate i{text-align: right;}
    section#feedwall ul li a div.contenu div.filtre div.containerDate i img{width: 25px;display: inline-block;margin-bottom: 4px;}
    section#feedwall ul li a div.contenu img{}

    section#feedwall ul li a div.contenu div.contenuDescription{height: 200px; background: #fff;}
    section#feedwall ul li a div.contenu div.contenuDescription p.description{padding: 15px; color: #000;}

    section#feedwall ul li a div.contenu.contentYoutube{}
    section#feedwall ul li a div.contenu.contentYoutube div.filtre{}
    section#feedwall ul li a div.contenu.contentYoutube div.filtre div.contentPublication{}
    section#feedwall ul li a div.contenu.contentYoutube div.filtre div.containerDate{background: rgb(204,24,30)}
    section#feedwall ul li a div.contenu.contentYoutube div.filtre div.containerDate i{}
    section#feedwall ul li a div.contenu.contentYoutube div.filtre div.containerDate i img{}



}   

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    section#feedwall ul li a div.contenu div.filtre div.containerDate{position: absolute;bottom: 0;margin: 0 -15px;width: 100%;color: #fff;background: rgb(0,79,159);line-height: 3; padding:0px 15px; font-size: 12px;}
    section#feedwall div.enteteActu div.titre h3{font-size: 26px;font-family: "Helvetica";font-weight: 700;font-style: italic;margin-bottom: 0; color:rgb(0,79,159); text-transform: uppercase;}
}

@media only screen and (min-width : 576px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}