/*
 CSS COMMUNS AUX BLOCS DE MISES EN AVANT D'ARTICLES DE BLOG
 - PAGE D'ACCUEIL
 - PAGES DE LISTE

 Ces css peuvent пїЅtre surchargпїЅs dans la feuille de style de la page finale.
Toutes modifications пїЅ ces css doivent пїЅtre vпїЅrifiпїЅes sur ces pages:
- page d'accueil
- page de liste type personnalitпїЅ (similaire aux pages de liste type institution et пїЅvпїЅnements)
- page de liste type localisation
 *********************************************************************************************/

.site_content .blogs{
  background:white;
  padding:20px;
  overflow:hidden;
}

.site_content .blogs>.header{
  font-size:15px;
  color:#282828;
  text-transform:uppercase;
  font-weight:bold;
  padding-bottom:3px;
  border-bottom:2px solid #282828;
}

.mea_blog {
  width:233px;
  float:left;
  background:url(../images/bg/bg_horizontal_sep.png) no-repeat left bottom;
  padding: 20px 64px 20px 0;
}

.js .mea_blog.odd{
  padding-left:50px;
  border-right:1px solid #E9E9E9;
  padding-right:0;
  background-position:center bottom;
}

.mea_blog .content{
  font-size:13px;
  word-wrap: break-word;
}

.mea_blog >.header {
  overflow:hidden;
  margin-bottom:5px;
}

.mea_blog >.header ._titre{

}

.mea_blog >.header ._titre a, .mea_blog >.header ._titre .imitation-links{
  font-size:13px;
  color:#404040;
  font-weight:bold;
}

.mea_blog >.header ._soustitre{
  font-style:italic;
  color:#858585;
  font-size:13px;
  margin-top:3px;
}

.mea_blog img{
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  width:63px;
  height:63px;
}
.site_side .mea_blog img{
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}

.mea_blog .more_link {
  background:url(../images/bg/bg_arrow_small2.png) 0 3px no-repeat;
  color:black;
  float:right;
}

.site_content .blogs > .more_link {
  display:block;
  float:right;
  color:#8B8B8B;
}

.site_content .blogs .mea_blog.last{
  background:none;
}

/*Affichage page tous les blogs*/
.page-blog .site_content{
  padding:0;
  width:638px;
}

.liste_blogs{
  background:#E9E9E9;
}

.liste_blogs h3.header{
  color:#A80004;
  font-size:21px;
  padding:20px;
  background:white;
  font-weight:bold;
  text-transform:uppercase;
}

.liste_blogs > ul.content{
  background:#E9E9E9;
  margin-top:10px;
}

.liste_blogs .mea_blog > .header{
  display:none;
}

.liste_blogs .mea{
  padding:10px 20px 10px 20px;
  overflow:hidden;
  background:white;
  margin-top:10px;
}

.liste_blogs .mea ._titre{
  padding:10px 0 10px 0;
  display:inline;
  /* width:300px; */
}

.liste_blogs .mea ._titre a, .liste_blogs .mea ._titre .imitation-links{
  font-size:18px;
  font-weight:bold;
  color:#383838;
}

.liste_blogs .mea ._soustitre{
  font-style:italic;
  color:#858585;
}

.liste_blogs .mea>img{
  float:left;
  margin: 0 10px 10px 0;
}

.liste_blogs .mea>.content{
  margin-top:15px;
  color:#2C2C2C;
  line-height:17px;
  font-size:13px;
}

.liste_blogs .mea .articles_recents {
  clear:both;
  margin-top:15px;
}

.liste_blogs .mea .articles_recents li{
  float:left;
  width:45%;
}

.liste_blogs .mea .articles_recents li:first-child{
  padding-right:10px;
}

.liste_blogs .mea .articles_recents .header{
  padding:5px 0 5px 0;
  font-size:14px;
  color:#585858;
  font-weight:bold;
  border-bottom:1px solid #ddd;
  margin-bottom:10px;
}

.liste_blogs .mea .articles_recents  ._titre a, .liste_blogs .mea .articles_recents  ._titre .imitation-links{
  color: #383838;
  font-size: 14px;
  font-weight: bold;
}

.liste_blogs .mea .articles_recents  .illustration{
  float:left;
  margin-right:10px;
  margin-top:3px;
}

.liste_blogs .mea .articles_recents .more_link{
  display:block;
}

/*Affichage liste*/
.liste .mea_blog{
  margin-top:0;
  padding-top:20px;
}

.liste .mea_blog.odd{
  padding-right:60px;
  padding-left:0;
  background-position:left bottom;
  clear: left;
}

.liste .mea_blog.even{
  padding-left:60px;
  padding-right:0;
  border:0;
  background-position:right bottom;
}

.liste .blogs > .header{
  margin-bottom:20px;
}

.liste .mea_blog.before-last{
  background:none;
}

/*Pagination*/