/*
 CSS COMMUNS AUX BLOCS DE MISES EN AVANT (MEAS)
 - MEAS EN HOME
 - MEAS EN PAGE 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
 *********************************************************************************************/

.meas-wrapper {
  background: white;
}

.meas{
  background:white url(../images/bg/bg_vertical.png) repeat-y 321px 50%;
  display: inline-block;
  padding:20px 0 0 0;
  margin-right: -30px;
}

.page-tous-les-articles .meas{
  margin-top:20px;
}

.js .meas{
  /*background:white url(../images/bg/bg_vertical.png) repeat-y 320px 50%;*/
}

.liste .meas{
  border-bottom:20px solid white;
  border-top:20px solid white;
  padding-bottom:0;
}

.mea_side{
  float:left;
  width:254px;
  margin-right:45px;
  padding-bottom:40px;
}

/* .mea_side:nth-child(even){
        margin:0;
        padding-left:45px;
} */

.js .mea_side.even{/*ie*/
  margin:0;
  /*padding-left:45px;*/
}

.liste > *.stacked-list-content-wrapper {
  margin:0;
}

.stacked-list-content-wrapper {
  margin:0;
  overflow: hidden;
}

.site_content .mea_side{
  margin:0;
  padding-left: 35px;
  padding-right: 30px;
}

/* .mea_side:nth-child(odd){
        padding-right:44px;
        margin:0;
} */

.js .mea_side.odd{/*ie*/
  /*padding-right:44px;*/
  margin:0;
}

.site_content .mea_side:nth-child(odd)
{
  /*padding-right:15px;*/
  margin:0;
  clear:left;
}

.js .site_content .mea_side.odd{/*ie*/
  /*padding-right:15px;*/
  margin:0;
  clear:left;
}

.mea_side >.header{
  text-transform:uppercase;
  border-bottom:2px solid #BFBFBF;
  color:#999;
  font-weight:bold;
  font-size:12px;
  padding-bottom:3px;
}

.mea_side .content>.header a, .mea_side .content>.header .imitation-links,
.mea_video .content>.header a, .mea_video .content>.header .imitation-links {
  font-size:15px;
  color:#212121;
  font-weight:bold;
}

.mea_side .content>.header a:hover, .mea_side .content>.header .imitation-links:hover{
  text-decoration:none;
}

.mea_side .content>*,
.mea_video .content>*{
  margin-top:10px;
}

.mea_side .illustration {
  overflow:hidden;
  position:relative;
  text-align:center;
  height:131px;
}
.mea_side .illustration a {
  text-decoration: none;
}
.mea_side .illustration .play{
  position:absolute;
  right:5px;
  top:5px;
}

.mea_side .tags a, 
.mea_side .tags .imitation-links,
.mea_video .tags a, 
.mea_video .tags .imitation-links {
  color:#A80004;
}

.mea_side .tags,
.mea_video .tags {
  color:#A80004;
}
.site_side .mea_video .content {
	padding: 10px 35px 10px 35px;
}
.site_side .mea_video .illustration {
	position: relative; 
}
.site_side .mea_video .illustration img {
	padding: 0px;
}
.site_side .mea_video .illustration .play {
	position: absolute;
	top: 6px;
	right: 12px;
}
.site_side .mea_video p.header {
	display: none;
}
.site_side .mea_video .facebook_recommend{
	padding-left: 35px;
	padding-bottom: 10px;
}

.mea_side .tags a:first-child:before,
.mea_video .tags a:first-child:before{
  content:"";
}

.mea_side .footer {
  margin-top:10px;
}

.mea_side .footer .facebook_recommend{
  float:left;
}

.mea_side .footer  .reagir{
  float:right;
}

/********************************
  PAGE TOUS LES DIAPORAMAS
********************************/

.all-diaporamas .item-diapo.odd {
	border-right: 1px solid #e9e9e9;
	padding-left: 20px;
}
.all-diaporamas .item-diapo.even{
	padding-right: 15px;
}
.all-diaporamas .item-diapo .tags{
	margin-top: 10px;
	color: #A80004;
	cursor: pointer
}
.all-diaporamas .item-diapo .tags a{
  text-decoration: none;
}
.all-diaporamas .item-diapo .tags a:hover{
  text-decoration: underline;
}
.all-diaporamas-container { 
	margin-top: 20px; 
}
.pane-diaporamas-geopolis > .header{ 
  background: none repeat scroll 0 0 #FFFFFF;
	color: #A80004;
	font-size: 21px;
	font-weight: bold;
	padding: 20px ;
}

.all-diaporamas .item-diapo .content .header,
.all-diaporamas .item-diapo .content .header a, 
.all-diaporamas .item-diapo .content .header .imitation-links{
  color:#212121;
	font-size: 15px;
	font-weight: bold;
}
.all-diaporamas .item-diapo .content .header a:hover {
	text-decoration: none;
} 
.all-diaporamas .item-diapo > .header{
  border-bottom: 2px solid #BFBFBF;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.all-diaporamas .item-diapo .footer,
.all-diaporamas .item-diapo .illustration,
.all-diaporamas h3.header {
	margin-top: 10px;
}

.all-diaporamas .item-diapo {
	display: inline-block;
	vertical-align: top;
	zoom: 1; 
	*display: inline;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
	width: 254px;
}

.lien-all-diapo  {
	margin-bottom: 15px;
	margin-top: -17px;
	padding-right: 15px;
	position: relative;
	text-align: right;
}
.lien-all-diapo a {
  color: #8B8B8B;
  margin-top: 8px;
  background: url("../images/bg/bg_arrow_small.png") no-repeat left 3px rgba(0, 0, 0, 0);
  font-size: 11px;
  font-weight: bold;
  text-indent: 10px;
  padding-left: 10px;
}

.view-display-id-links_of_day .lien-all-diapo a { text-indent: 0; }
