@charset "utf-8";
/* CSS Document */

/****** Rubrique ******/
/*** 01 - Main MEA ***/
.MainMEA {
position:relative;
margin:0;
padding:3px;
border: 1px solid #CCC;
overflow:hidden;
height:175px;
width:636px;
background: url(img/tile_slide.gif) left top repeat-x;
}

.MainMEA .ContentMEA {
	margin:0 0 0 10px;
	padding:0;
	width:315px;
	float:left;
	overflow:hidden;
}
.MainMEA .ContentMEA h5 {
	margin:0;
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.MainMEA .ContentMEA h5 a {
	color:#000;
	}

.MainMEA .ContentMEA h2 {
	font-size:14px;
	color:#014efe;
	font-weight:bold;
	margin:5px 0;
}
.MainMEA .ContentMEA h2 a {
	color:#014efe;
	}

.MainMEA .ContentMEA .date {
	font-size:10px;
	color:#555;
	}
.MainMEA .ContentMEA p {
	margin:5px 0;
	font-size:12px;	
	}

.MainMEA .ContentMEA a.more {
display:block;
position:absolute; 
bottom:10px; right:20px;
text-align:right;
font-weight:bold;
color:#014efe;
}

/*** 02 - module HP avec image, link list, et changement image aux survols  ***/
.SmallMEA {
width:100%;
margin:8px 0;
padding:0;
overflow:hidden;
display:inline;}

.SmallMEA .itemMEA {
display:inline;
width:308px;
height:118px;
margin:3px;
padding:3px;
float:left;
overflow:hidden;
position:relative;
border: 1px solid #e5e5e5;
background:#fff;
}
.SmallMEA .itemMEA:hover {background: #F5F5F5;}
.SmallMEA .itemMEA:nth-child(odd) {margin:3px 3px 3px 0;}
.SmallMEA .itemMEA:nth-child(even) {margin:3px 0 3px 3px;}
.SmallMEA .itemMEA .ContentMEA h3 {font-size:12px; margin:0 0 5px 0; padding:0;}
.SmallMEA .itemMEA .ContentMEA h3 a {color:#014EFE;}
.SmallMEA .itemMEA .ContentMEA p {margin: 5px 0 0 0 }
.SmallMEA .itemMEA .imgBg100 {margin:0 3px 3px 0}
.SmallMEA .itemMEA .ContentMEA a.more {position:absolute; bottom:3px; right:3px; font-size:10px;}
.SmallMEA .itemMEA .ContentMEA a.more:hover {color:#014EFE;}

/** pagination **/
.F6_size2on3 .loadlinks {
	width:644px;
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
    /*height:644px;*/
	}
.F6_size2on3 .loadlinks  .wrap{
	position:relative;
	overflow:hidden;
	
}
.F6_size2on3 .loadlinks .slide {
	width:644px;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
}

.F6_size2on3  .SlidesNav {
	clear:both;
	overflow:hidden;
	margin:10px 0;
	}
.F6_size2on3  .SlidesNav p {
	float:left;
	cursor:pointer;
	font-size:10px;
	height:10px;
	width:10px;
	line-height:10px;
	margin:3px;
	padding:3px;
	text-align:center;
	border:1px solid #353535;
}
 
.F6_size2on3  .SlidesNav p.current,
.F6_size2on3  .SlidesNav p:hover {
background:#353535;
color:#fff;}



/*** 03 - Archive link list ***/

.ArchiveImgLinkListBox {width:100%;
clear:both;
margin:10px 0 20px 0;
padding:0}
ul.ArchiveImgLinkList {
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;}
ul.ArchiveImgLinkList li.ArchiveImgLink, 
.F6_size2on3 .loadlinks .itemMEA  {
	margin:0;
	width:636px;
	padding:6px 3px 3px;
	overflow:hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;}
ul.ArchiveImgLinkList li.ArchiveImgLink:hover, 
.F6_size2on3 .loadlinks .itemMEA:hover {background:url(img/bg-blog-tile.gif) -275px top no-repeat; border-top:1px solid #ddd;	border-bottom:1px solid #eee;}

ul.ArchiveImgLinkList li.ArchiveImgLink .link, 
.F6_size2on3 .loadlinks .itemMEA .link{
	margin:0 0 0 5px;
	padding:0;
	width:595px;
	float:left;
	overflow:hidden;
}
li.ArchiveImgLink .link a ,
.loadlinks .itemMEA .link a {
{
	font-size:12px;
	color:#014efe;
	font-weight:bold;
}
li.ArchiveImgLink .link .date, 
.loadlinks .itemMEA .link .date  {
	font-size:10px;
	color:#555;}

/*** 04 - Sports MEA ***/

.SportRubMEA .itemMEA{
height:130px;
clear:both;
margin:0 0 10px 0; 
background:url(img/bg-blog-tile.gif) left top repeat-x;
border-top:1px solid #999;
padding: 10px 5px 10px 5px;
position:relative;}
.SportRubMEA .itemMEA .imgBgCarrousel { float:left; margin:0 5px 0 0}
.SportRubMEA .itemMEA .contentMEA { float:left; width:428px; margin:0; padding:0;}
.SportRubMEA .itemMEA .contentMEA h3 {margin:0; padding:0; font:14px; font-weight:bold;}
.SportRubMEA .itemMEA .contentMEA h3 a {color:#014EFE;}
.SportRubMEA .itemMEA .contentMEA .intro { margin:5px 0;}
.SportRubMEA .itemMEA .contentMEA a.readmore {/*
background: url(img/puce.gif) 3px center no-repeat #e5e5e5;
margin:5px 0 2px 0;
padding:3px 3px 3px 15px;*/
position:absolute;
display:block;
text-align:right;
bottom:10px;
right:5px;
color:#014EFE;
font-weight:bold;

}


