<style>
.RssAlbCont1 {
width:100%;
/*display: flex;*/
  border: 0px solid #AAA;
  -webkit-box-shadow: 0 0 10px #ccc;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #ffffff;
} 

.RssAlbCont4 {
/*width: 100%;*/
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 

.RssAlbCont3 {
width:100%;
display: flex;
align-items: stretch;
flex-flow: row wrap;
justify-content: space-between;
/* border: 1px solid #AAA; */
/*-moz-box-shadow: 0 0 10px #ccc;*/
/*-webkit-box-shadow: 0 0 10px #ccc;*/
}



/* RssAlbCont2  */
/*-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 2900px) {
.RssAlbCont2 {
width: 31%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }

@media screen and (max-width: 1920px) {
.RssAlbCont2 {
width: 31%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }

@media screen and (max-width: 1024px) {
.RssAlbCont2 {
width: 31%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }

 @media screen and (max-width: 960px) {  
.RssAlbCont2 {
width: 45%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }


@media screen and (max-width: 760px) {  
.RssAlbCont2 {
width: 45%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }



@media screen and (max-width: 640px) {  
.RssAlbCont2 {
width: 45%;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }


@media screen and (max-width: 420px) {  
.RssAlbCont2 {
width: 380px;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }

@media screen and (max-width: 100px) {  
.RssAlbCont2 {
width:88px;
padding: 10px;
margin: 1px;
display: block;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-left: auto;
margin-right: auto;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
} 
 }
/*-------------------------------------------------------------------------------------------------------------*/


/*------------------------------------RSSAggrCont-------------------------------------------------------------------------*/
.RSSAggrCont {
width:100%;
}
/*------------------------------------RSSAggrCont-------------------------------------------------------------------------*/
.rss_item_info_media {
display: table;
margin: 0 auto;
background: #aaa;
border-radius: 10px;
color: #fff;
text-align: center;
padding: 2px 20px;
}

/*--------------------------------------------------------------*/
.rss_feed_wrapper {
display: flex;
align-items: stretch;
flex-flow: row wrap;
align-items: stretch ;
justify-content: space-between;
/*! border: 1px solid #DFC917; */
}

/* RSS Feeds */
/*-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 2900px) {
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 1920px) {
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 1024px) {
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 960px) {  
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 10px; /*espace  contour droit*/
margin-left: 10px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }


@media screen and (max-width: 760px) {  
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 5px; /*espace  contour droit*/
margin-left: 5px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 640px) {  
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 420px) {  
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;
} 
 }

@media screen and (max-width: 100px) {  
.rss_item_wrapper {
width:100%;
padding-bottom: 8px;
/* border: 1px solid #D3CAD7;*/
border-radius: 10px;
list-style: none;
padding:5px; /*espace entre texe et contour*/
margin-right: 0px; /*espace  contour droit*/
margin-left: 0px; /*espace  contour gauche*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
text-align: left; /*description dans item */
background-color: #ffffff; /*couleur de fond */
float:left;

} 
 }

/*-------------------------------------------------------------------------------------------------------------*/
.rss_item_wrapper:last-child {
    padding-bottom: 0px;
	width:100%; 
	float:left;
	margin-right: 1px; /*espace  contour droit*/
    margin-left: 1px; /*espace  contour gauche*/
}
.rss_item_header {
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
}
.rss_item_header a,
.rss_item_header a:link,
.rss_item_header a:visited,
.rss_item_header a:hover,
.rss_item_header a:active {
    font-size:12px;
    font-weight:bold;
    color:#33c;
}
.rss_item_info {
    color:#999;
    /*font-size:9px; */
}
.rss_item_desc {
    text-align:justify;
    font-size: 11px;
}

.rss_read_more {
    background-color:#EDEDED;
    font-size:11px;
    font-weight:normal;
    height:30px;
    line-height:30px;
    vertical-align: middle;
    margin-top:2px;
    padding:0 9px;
    text-align:left;
    text-decoration:none;
    text-transform:capitalize;
}

/*-------------- Ajout par alb ---------*/
.rss_read_more img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  padding: 5px;
}
/*-------------- Ajout par alb ---------*/

/*-------------- Ajout par alb ---------*/
.rss_item_wrapper img, iframe, object, embed, canvas, video, audio, picture {
    max-width: 100%;
    height: auto;
}
/*-------------- Ajout par alb ---------*/


.loading_rss {
    text-align:center;
    width:89px;
    height:64px;
    /*background-image:url(/JFeed_Alb/templates/images/loading_bg.png); ----- image de fond pour le livre */
    z-index: 10;
    margin: 10px auto;
}

.loading_rss img {
    margin-top: 16px;
}

.loading_rss div {
    width:89px;
    height:64px;
    background-image:url(/JFeed_Alb/templates/images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

/*--- DATE ---*/
.rss_item_info {
  display: table;
  margin: 0 auto;
  background: #aaa;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 2px 20px;
  }
 
  .example_responsive_1 { 
width: 98%;
border: 1px solid #AAA;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-right: 10px; /*espace  contour droit*/
margin-left: 10px; /*espace  contour gauche*/
padding: 10px;
 }
 
   .example_responsive_2 { 
width: 98%;
/*border: 1px solid #AAA;*/
/*-moz-box-shadow: 0 0 10px #ccc;*/
/*-webkit-box-shadow: 0 0 10px #ccc;*/
margin-top: 10px; /*espace horizotal contour  haut */
margin-bottom: 10px; /*espace horizotal contour  bat*/
margin-right: 5px; /*espace  contour droit*/
margin-left: 5px; /*espace  contour gauche*/
padding: 5px;
 }
 
 
.centre-l-entete {
display: table;
margin: 0 auto;
text-align: center;
padding: 2px 20px;
}
</style>

