@import url(/includes/cobrand/css/type/import-form-ajout-commentaire.css);

.f1{
	width: 128px;
	height: 110px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

/* ==================================================================================
||																					||
||	LAYOUT																			||
||																					||
 ================================================================================== */
.wrap{ overflow: hidden; }
.wrapper{ padding: 15px; }
.col{
	float: left;
	overflow: hidden;
	border-left: 1px solid #E4EFEF;
	min-height: 1px;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
}
.col:first-child{ border-left: 0; }
.col.s1{ width: 330px; }
.col.s2{ width: 661px; }
.col.s3{ width: 992px; }

/* ==================================================================================
||																					||
||	SPECIFIC MODULES																||
||																					||
 ================================================================================== */

/* Top site
------------------------------------------ */
#top-site{
	min-height: 90px;
	margin: 0 auto 10px;
	text-align: center;
}

/* Userbar
------------------------------------------ */
#userbar{
	height: 34px;
	line-height: 34px;
	margin: 0 0 1px 0;
	list-style: none;
	background: url(/includes/cobrand/img/sprite-x.png) left top repeat-x;
}
#userbar #form-login{ display: none; }
#userbar #form-forgetpass{ display: none; }
#userbar li,
#search-form,
#search-form label,
#search-form .sweet-field{
	float: left;
}
#search-form .sweet-field{
	padding-left: 24px;
	background-position: left top;
}

/* user */
#userbar a,
#userbar span,
#search-form label{
	color: #333;
	font-weight: normal;
	font-size: .95em;
}
#userbar a.pseudo{
	color: #F10;
	font-weight: bold;
	padding-right: 0;
	font-size: 1em;
}
#userbar li{
	padding-left: 5px;
	color: #CCC;
}
#userbar a,
#userbar span{
	padding-right: 5px;
}
/* #userbar .unconnected, */
#userbar .connected{
	display: none;
}

/* search */
#search-form{ margin-left: -5px; }
#search-form .sweet-field{
	width: 175px;
	margin: 5px 5px 0;
}
#search-form .sweet-button,
#search-form input.i-ok{
	top: 0;
	margin-top: 5px;
	padding-right: 0;
}

/* Branding
------------------------------------------ */
#branding{
	position: relative;
	height: 131px;
	padding-top: 1px;
	background: #001236 url(/includes/cobrand/img/bg-branding.jpg) left bottom no-repeat;
}
#logo{
	display: block;
	width: 175px;
	height: 67px;
	margin: 0 0 0 27px;
	text-indent: -999em;
	background: url(/includes/cobrand/img/logo-e1.png?v1) left top no-repeat;
}

/* Box live
------------------------------------------ */
#box-live{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 94px;
	width: 400px;
	padding: 2px 130px 0 0;
	text-align: right;
	color: #FFF;
}
#box-live strong{
	display: block;
	padding-top: 5px;
	padding-bottom: 0;
	font-size: 1.2em;
}
#box-live strong a{ color: #0BE; }
#box-live span{
	display: block;
	margin-bottom: 4px;
}
#box-live span a{ color: #FFF; }
#box-live .face{
	position: absolute;
	bottom: 0;
	right: 0;
}
#box-live .btn-ecoutez{
	width: 81px;
	height: 31px;
	background: url(/includes/cobrand/img/btn-ecoutez.png) left top no-repeat;
}

/* Europe1 MOBILE
----------------------------------------------------------------------- */
#go_mobile{
	}
#go_mobile a{
	border-bottom:solid 1px #b00;
	background-color:#aaa;
	display:block;
	width:1000px;
	margin:0 auto; padding:1em 0;
	text-align:center;
	font-size:2em;
	color:#fff;
	text-decoration:underline;
	}

/* Main navigation
------------------------------------------ */
#main-nav{
	position: relative;
	height: 35px;
	width: 470px;
	margin: -35px auto 0;
}
#main-nav ul{
	margin: 0;
	list-style: none;
}
#main-nav li{
	float: left;
	padding-right: 1px;
}
#main-nav a{
	display: block;
	background: url(/includes/cobrand/img/sprite-x.png) right -106px no-repeat;
}
#main-nav span{
	display: block;
	height: 35px;
	margin-right: 8px;
	padding-left: 8px;
	min-width: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	cursor: pointer;
	color: #000;
	background: url(/includes/cobrand/img/sprite-x.png) left -71px no-repeat;
}
#main-nav li.alt a,
#main-nav li:hover a,
#main-nav li.on a{
	background-position: right -176px;
}
#main-nav li.alt span,
#main-nav li:hover span,
#main-nav li.on span{
	color: #FFF;
	background-position: left -141px;
}

/* Sub navigation
------------------------------------------ */
#sub-nav{
	overflow: hidden;
	position: relative;
	height: 37px;
	background: #0085c7 url(/includes/cobrand/img/sprite-x.png) left -34px repeat-x;
	border-bottom: 1px solid #0085c7;
}
#sub-nav ul{
	display: none;
	float: left;
	position: relative;
	top: 12px;
	left: 50%;
	margin: 0;
	list-style: none;
}
#sub-nav ul.on.current,
#sub-nav ul.on{ display: block; }
#sub-nav li{
	float: left;
	position: relative;
	right: 50%;
}
#sub-nav a{
	display: block;
	float: left;
	padding: 0 10px;
	color: #EEE;
	border-right: 1px solid #2164AE;
	border-left: 1px solid #12326A;
}
#sub-nav ul li:first-child a{ border-left: 0; }
#sub-nav ul li:last-child a{ border-right: 0; }


/* NEW NAVIGATION */
#navigation{
	zoom: 1;
	position: relative;
	top: -9px;
	padding-left: 250px;
	margin: 0;
	list-style: none;
}
#navigation li.sup{
	float: left;
	padding-right: 1px;
}
#navigation li.sup a.sup{
	float: left;
	background-repeat: no-repeat;
	background-image: url(/includes/cobrand/img/sprite-x.png);
}
#navigation li.default-state a.sup{
	background-position: right -106px;
}
#navigation li.sup a.sup span{
	float: left;
	height: 35px;
	margin-right: 8px;
	padding-left: 8px;
	min-width: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(/includes/cobrand/img/sprite-x.png);
}
#navigation li.default-state a.sup span{
	color: #000;
	background-position: left -71px;
}
#navigation li.active-state a.sup{ background-position: right -176px; }
#navigation li.active-state a.sup span{
	color: #FFF;
	background-position: left -141px;
}
#navigation ul{
	overflow: hidden;
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
	width: 992px;
	height: 37px;
	line-height: 37px;
	margin: 0;
	text-align: center;
	list-style: none;
	background: #0085c7 url(/includes/cobrand/img/sprite-x.png) left -34px repeat-x;
	border-bottom: 1px solid #0085c7;
}
#navigation li.active-state ul{ display: block; }

#navigation ul li{ display: inline; }
#navigation ul a{
	padding: 0 10px;
	color: #EEE;
	border-right: 1px solid #2164AE;
	border-left: 1px solid #12326A;
}
#navigation ul li:first-child a{ border-left: 0; }
#navigation ul li:last-child a{ border-right: 0; }

/* club */
#mn-club em{
	display: block;
	width: 45px;
	padding-top: 14px;
	height: 23px;
	text-indent: -999em;
	background-position: center center;
	background-repeat: no-repeat;
}
#mn-club.default-state em{ background-image: url(/includes/cobrand/img/logo-club.png?v1); }
#mn-club.active-state em{ background-image: url(/includes/cobrand/img/logo-club-on.png?v1); }

/* Bourse box
------------------------------------------ */
#box-bourse .palmares,
#box-bourse .graphique{
	float: left;
	width: 150px;
	overflow: hidden;
}
#box-bourse .palmares ul{
	margin: 0;
	list-style: none;
}
#box-bourse .palmares li{
	margin-bottom: 5px;
	line-height: 1.1;
}
#box-bourse .palmares em{
	display: block;
	font-style: normal;
	font-size: 1.5em;
}
#box-bourse .palmares .hausses{
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#box-bourse .hausses em{ color: #390; }
#box-bourse .baisses em{ color: #F10; }

/* Emploi/immobilier box
------------------------------------------ */
#box-emploi form,
#box-immobilier form{
	padding: 5px 0;
	margin-bottom: 10px;
}
#box-emploi form img,
#box-immobilier form img{
	vertical-align: middle;
}
#box-emploi input[type=text],
#box-immobilier input[type=text]{
	width: 180px;
}

/* Footer (infos-site)
------------------------------------------ */
#infos-site ul{
	margin: 0;
	list-style: none;
}
#infos-site a:hover{ text-decoration: underline; }

/* site-presentation */
#site-presentation{
	display: none;
	padding: 15px;
	margin: 0;
	font-size: .85em;
	font-family: verdana, sans-serif;
	border-top: 1px solid #CCC;
}

/* site-links */
#site-links{
	display: none;
	padding: 0 15px 15px;
	font-size: .85em;
	font-family: verdana, sans-serif;
}
#site-links strong{
	float: left;
	display: block;
	text-align: right;
	width: 150px;
}
#site-links ul{ margin-left: 160px; }
#site-links li{ margin-top: 5px; }
#site-links li li{ margin-top: 0; }
#site-links li:first-child{ margin-top: 0; }
#site-links ul li{ display: inline; }

/* groupe-links */
#groupe-links{
	padding: 15px;
	font-size: 0.92em;
	border-top: 1px solid #CCC;
	background: #FAFAFA;
}
#groupe-links,
#groupe-links a{
	color: #555;
}
#groupe-links strong{
	text-transform: uppercase;
	font-weight: normal;
}
#groupe-links em{
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}
#groupe-links ul,
#groupe-links ul li{
	display: inline;
}
#groupe-links li{ margin-top: 5px; }
#groupe-links li:first-child{ margin-top: 0; }

/* footer-links */
#footer-links{
	min-height: 22px;
	padding: 15px;
	background: url(../img/bg-footer-links.png) left top repeat-x;
	font-size: .92em;
}
#footer-links img{ float: left; }
#footer-links ul{
	margin-left: 100px;
	padding-top: 2px;
}
#footer-links li{ display: inline; }
#footer-links,
#footer-links a{
	color: #FFF;
}

/* Liste commentaires
------------------------------------------ */
#commentaires .title{
	/* padding-left: 5px; */
	font-size: 1.5em;
	padding: 8px 0 10px;
}
#commentaires .title strong{
	color: #333;
	font-size: 1.5em;
}
#commentaires ol{
	margin: 0 0 7px 0;
	list-style: none;
	border-top: 1px solid #CCC;
}
#commentaires li{ border-bottom: 1px solid #CCC; }
#commentaires .alt{ background: #F0F0F0; }
#commentaires ol a{
	display: block;
	padding: 7px 5px;
}
#commentaires ol cite{
	display: block;
	margin-bottom: 3px;
	font-style: normal;
	color: #35B;
}
#commentaires ol cite span{
	color: #999;
	font-size: .9em;
}
#commentaires ol p{
	margin-bottom: 0;
	font-weight: bold;
}

/* Tooltip
------------------------------------------ */
#tooltip{
	position: absolute;
	z-index: 9999;
	min-width: 150px;
	max-width: 400px;
}
#tp-shadow{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	background: #000;
	filter : alpha(opacity=25);
    -moz-opacity : 0.25;
    opacity : 0.25;
}
#tp-content{
	position: relative;
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC;
}

/* Modal
------------------------------------------ */
.modal-box
{
	display:none;
}
#modal .modal-box
{
	display:block;
}
#modal-mask{
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF url(/includes/cobrand/img/blank-FFF.gif) left top repeat;
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}
#modal-wrapper{
	position: absolute;
	z-index: 99999;
	top: 100%;
}
#modal-shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	right: -7px;
	bottom: -11px;
	background: #000;
	filter : alpha(opacity=30);
    -moz-opacity : 0.3;
    opacity : 0.3;
}
#modal-box{
	position: relative;
	padding: 1px;
	background: #FFF;
	border: 1px solid #CCC;
}
#modal-inner{
	padding: 10px;
	border-top: 3px solid #05B;
}
#modal-header{ margin-bottom: 10px; zoom: 1; }
#modal-header h2{
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: bold;
}
#modal-close{
	float: right;
	cursor: pointer;
	margin-right: 0;
}
#modal-content{
	overflow: hidden;
	background: url(/includes/cobrand/img/loader.gif) center center no-repeat;
}
#inscription #message.success,
#modal-content .success{
	padding: 4px 0 0 35px;
	background: url(/includes/cobrand/img/ok.gif) left top no-repeat;
}

/*Box podcast*/
.abo-podcasts-modal{
	display: none;
}
#modal-content .abo-podcasts-modal{
	display: block;
}
.abo-podcasts-modal span{
	display: block;
	text-align: justify;
	margin-bottom: 16px;
}
.abo-podcasts-modal .abo-podcasts-image{
	margin: 3px 10px 10px;
	float: left;
}
.abo-podcasts-modal a{
	color: #004488;
	font-weight: bold;
}

/* modal programmes */
#overall{
	position: relative;
}
#droprog{
	visibility: hidden;
	position: absolute;
	top: 244px;
	left: 4px;
	z-index: 999;
}
#droprog-wrapper{
	position: absolute;
	background: #FFF;
	width: 962px;
	padding: 15px;
	border-bottom: 5px solid #CCC;
}
#droprog.on{ visibility: visible; }
#droprog-shadow{
	display: none;
	position: absolute;
	left: 10px;
	height: 100%;
	width: 100%;
	background: #000;
	filter : alpha(opacity=30);
    -moz-opacity : 0.3;
    opacity : 0.3;
}
#droprog dl{ float: left; }
#droprog dl,
#droprog dd{
	margin: 0;
	list-style: none;
}
#droprog dt{ margin-bottom: 15px; }
#droprog ul{
	float: left;
	width: 50%;
}
#prog-genre{ width: 192px; }
#prog-emission,
#prog-animateur{
	width: 369px;
	padding-left: 15px;
	border-left: 1px solid #CCC;
}
#droprog #prog-type{
	float: none;
	clear: left;
	width: 100%;
	margin: 15px 0 0 0;
	list-style: none;
}
#prog-type li{ margin-bottom: 3px; }


/* Login
------------------------------------------ */ 
.popup-login{ padding-top: 10px; }
#modal-inner.forgetpass.loading{
	background: url(/includes/cobrand/img/loader.gif) 270px 10px no-repeat;
}
#modal-content #form-login h2{ display: none; }
.popup-login label{
	display: block;
	float: left;
	width: 100px;
	height: 22px;
	line-height: 22px;
}
.popup-login dl.errors{ display: none; }
.popup-login .sweet-field{ width: 183px; }
.popup-login .submit{ float: right; }
.popup-login .list{ padding-top: 5px; }

/* ==================================================================================
||																					||
||	GENERIC MODULES																	||
||																					||
 ================================================================================== */

/* Box generic
------------------------------------------ */ 
.box{
	padding: 8px 15px;
	border-bottom: 1px solid #E4EFEF;
}
.col > .box:first-child{ border-top: 1px solid #E4EFEF; }
.box + .wrap > .col > .box:first-child,
.title + .wrap > .col > .box:first-child{
	border-top: 0;
}
.col > .box:last-child{ border-bottom: 0; }
.box > :last-child{ margin-bottom: 0; }
.box p{
	margin-bottom: 2px;
	font-size: 13px;
}
.box p strong,
.box .list strong{
	color: #F10;
}
.box h1,
.box h2{
	font-weight: bold;
	margin-bottom: 6px;
}
/* .box h2{ margin-bottom: 4px; } */
.box.profilLeft h2,
.box.profilRight h2{
	margin-bottom: 9px;
}
h2.box{
	/* padding-bottom: 0; */
	margin-bottom: 0;
	border-bottom: 0;
}

/* Visual
------------------------------------------ */
.box .visual{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.visual,
.visual img{
	display: block;
}
.visual .legend{
	padding: 7px;
	font-size: .9em;
	color: #666;
	background: #EEE;
}
.visual .legend span{
	color: #000;
	white-space: nowrap;
}

/* Profiles Left/Right
------------------------------------------ */ 
.profilLeft .visual{
	float: left;
	margin-right: 10px;
}
.profilRight .visual{
	float: right;
	margin-left: 10px;
}
 
/* Box news
------------------------------------------ */ 
.js .b-news{ cursor: pointer; }
.b-news:hover{ background: #e7ecf2; }
/* .b-news p{ font-size: 14px; } */
.b-news h2.lead{ font-size: 2.17em; }

/* Box medias ( videos | diapos | audios )
------------------------------------------ */
.b-videos > strong,
.b-diapos > strong,
.b-audios > strong{
	display: block;
	/* font-size: 1.2em; */
	margin-bottom: 5px;
}
.js .b-videos,
.js .b-diapos,
.js .b-audios{
	cursor: pointer;
}
.b-videos:hover,
.b-diapos:hover,
.b-audios:hover{
	background: #e7ecf2;
}
.b-videos .visual,
.b-diapos .visual,
.b-audios .visual{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	margin-bottom: 10px;
}
.b-videos .visual .over,
.b-diapos .visual .over,
.b-audios .visual .over{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 66px;
	padding-top: 8px;
	margin-left: -35px;
	margin-top: -37px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: url(../img/sprite-alpha.png) left top no-repeat;
}
.b-diapos .visual .over{ background-position: left -74px; }

.b-videos:hover .visual .over,
.b-audios:hover .visual .over{ background-position: -70px top; }
.b-diapos:hover .visual .over{ background-position: -70px -74px; }

.list-y.small .b-videos .visual .over,
.list-y.small .b-audios .visual .over,
.list-y.small .b-diapos .visual .over{
	display: none;
}

.b-videos h2 span,
.b-diapos h2 span,
.b-audios h2 span{
	display: block;
	margin-top: 5px;
	font-size: .75em;
	font-weight: bold;
	color: #05B;
}



/* Box poll
------------------------------------------ */
.b-poll:hover{ background: #E7ECF2; }
.b-poll h2{ margin-bottom: 15px; }
.b-poll form ul,
.b-poll .poll-results{
	list-style: none;
}
.b-poll label,
.b-poll .poll-results{
	font-weight: normal;
}
.b-poll form li{ margin-bottom: 5px; }
.b-poll .poll-results{ padding-top: 1px; }
.b-poll .poll-results li{ margin-top: 10px; }
.b-poll .poll-results li:first-child{ margin-top: 0; }
.b-poll .poll-results .bar,
.b-poll .poll-results .bar div{
	height: 7px;
}
.b-poll .poll-results .bar{
	position: relative;
	width: 235px;
	font-size: 13px;
	background: #E3E3E3;
}
.b-poll .poll-results .bar div{
	background: #05B;
}
.b-poll .poll-results .cursor{
	position: absolute;
	top: -3px;
	right: -35px;
}
.b-poll .poll-results .cursor .ico{
	display: none;
}
/*
.b-poll .poll-results .bar{
	width: 235px;
	height: 13px;
	border-bottom: 3px solid #05B;
}
.b-poll .poll-results .bar div{
	position: relative;
	width: 220px;
}
.b-poll .poll-results .cursor{
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	height: 15px;
	width: 42px;
	padding-left: 18px;
	font: bold 10px/1 verdana,sans-serif;
}
.b-poll .poll-results .cursor .ico{
	position: absolute;
	left: 0;
	bottom: -1px;
	margin: 0;
	border-bottom: 3px solid #05B;
}
*/
.b-poll .poll-loader form .sweet-button{ float: right; }
.b-poll .poll-loader form .email-sondage{ display:none; }
/* poll in article */
#overall .poll-loader p{
	text-align: right;
	margin-bottom: 0;
	font-size: .9em;
}
#overall .poll-loader p strong{ color: #05B; }

/* Box pubs
------------------------------------------ */ 
.b-ad:hover{ background: #E7ECF2; }

/* List x
------------------------------------------ */
.list-x{
	margin: 0;
	list-style: none;
	border-top: 1px solid #E4EFEF;
}
.title + .list-x,
.box + .list-x{
	border-top: 0;
}
.list-x .box{
	float: left;
	border-bottom: 0;
}
.list-x h2{ font-size: 1em; }
/* .list-x .box h2{ font-size: 1.34em; } */
.list-x .box .visual{ margin-right: 0; }

/* default */
/* .list-x .box, .list-x .box .visual img{ width: 168px; } */
/* .list-x .box:first-child{ width: 170px; } */

.list-x .box, .list-x .box .visual img{ width: 135px; }
.list-x.lead .box, .list-x.lead .box .visual img{ width: 168px; }
/* .s2 .list-x .box:first-child{ width: 136px; } */

.s2 .lx2 .box, .s2 .lx2 .box .visual img{ width: 102px; }
/* .s2 .lx2 .box:first-child{ width: 103px; } */

/* Banner
------------------------------------------ */
.banner{ margin-top: 1px; }
.banner{
	position: relative;
	margin-bottom: -8px;
}
.banner img{ display: block; }

/* List y
------------------------------------------ */
.list-y{
	padding: 0;
	margin: 0;
	list-style: none;
}
.list-y .box.lead h2{
	font-size: 2em;
	margin-bottom: 15px;
}
.list-y .box.lead p{ margin-bottom: 10px; }
.list-y .box{
	overflow: hidden;
	border-top: 1px solid #E4EFEF;
	border-bottom: 0;
}
.list-y .box:first-child{ border-top: 0; }
.list-y .box h2{ margin: 0; }
.list-y .box p{ margin-bottom: 0; }
.list-y .box p.file_download{ margin-top: 3px; }
.list-y .box .visual{
	float: left;
	margin: 0 10px 0 0;
}
.list-y .list{ padding-top: 10px; }
.list-y .list li:last-child{ margin-bottom: 0; }

.list-y .lead .list{ padding-top: 0; }
.list-y .lead .list li:last-child{ margin-bottom: 4px; }

/*
.list-y .b-videos .over,
.list-y .b-videos:hover .over,
.list-y .b-diapos .over,
.list-y .b-diapos:hover .over,
.list-y .b-audios .over,
.list-y .b-audios:hover .over,

.lx2 .b-videos .over,
.lx2 .b-videos:hover .over,
.lx2 .b-diapos .over,
.lx2 .b-diapos:hover .over,
.lx2 .b-audios .over,
.lx2 .b-audios:hover .over{
	top: auto;
	bottom: 0;
	left: 0;
	width: auto;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	background-position: right top;
}
*/

/* Scan
------------------------------------------ */
.b-flash ol{
	margin:0 0 10px;
	list-style:none;
	}
.b-flash ol li{
	width: 100%;
	overflow: hidden;
 	padding: 3px 0;
	border-bottom: 1px solid #CCC;
}
.b-flash ol li:hover{ background: #e7ecf2; }
.b-flash .date,
.b-flash h2{
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1.3;
}
.b-flash .date{
	float: left;
	color: #666;
}
.b-flash h2{
	margin-left: 40px;
	font-weight: normal;
}
.b-flash .cold a{ color: #999; }
.b-flash .hot a{ color: #C03; }
.b-flash .more{ float: right; }
.b-flash p.more{
	float: none;
	text-align:left;
	}

/* Slider
------------------------------------------ */
.slider ol,
.slider ul{
	margin: 0;
	list-style: none;
}
.slider-wrapper{
	overflow: auto;
	width: 300px;
	height: 200px;
	margin-bottom: 5px;
}
.js .slider-wrapper{
	overflow: hidden;
	height: 150px;
	position: relative;
}
.js .slider-wrapper div{
	top: 0;
	position: absolute;
	width: 300px;
	/*
position: relative;
	height: 300px;
*/
	/* overflow: auto; */
	/* width: 5000px; */
}
.js .slider-wrapper ol{
	/*
position: absolute;
	display: none;
*/
	/* float: left; */
	/* width: 300px; */
	/* background: #C00; */
}
.js .slider-wrapper div ol:first-child{
	display: block;
}
.js .slider-nav img{
	cursor: pointer;
	margin-right: 2px;
}
.js .slider-nav .i-arrleft2{ background-position: -216px top; }
.js .slider-nav .i-arrright2{ background-position: -204px top; }
.js .slider .hidden{
	/* visibility: hidden; */
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
    cursor: default;
}
.slider-nav{ color: #666; }
.slider-nav span{ margin-right: 10px; }

/* Huge tabs
------------------------------------------ */
.hugetabs{
	height: 34px;
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px 0;
	list-style: none;
}
.hugetabs li{
	position: relative;
	float: left;
	padding: 0 1px;
}
.hugetabs a{
	display: block;
	float: left;
	background: url(/includes/cobrand/img/sprite-x.png) right -316px no-repeat;
}
.hugetabs span{
	display: block;
	float: left;
	height: 35px;
	margin-right: 8px;
	padding-left: 8px;
	min-width: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	background: url(/includes/cobrand/img/sprite-x.png) left -281px no-repeat;
}
.hugetabs em{
	position: absolute;
	width: 0; height: 0;
	margin-left: -5px;
	bottom: -8px; left: 50%;
	border: 8px solid transparent;
	border-bottom: 0;
	border-top-color: #00559C;
	font-size: 0; line-height: 0;
}
.hugetabs a:hover span{ color: #000; }
.hugetabs li.on a{ background-position: right -474px; }
.hugetabs li.on span{
	color: #000;
	background-position: left -439px;
}
* html .hugetabs span img{
	position: absolute;
	top: 12px;
	left: 5px;
}
* html .hugetabs span{ padding-left: 20px; }

/* Icones & pictos
------------------------------------------ */
.ico{
	width: 10px;
	height: 10px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(../img/sprite.png) left top no-repeat;
}
.list .i-default{
	margin-left: 2px;
	margin-right: 6px;
}
.i-comments{ width: 13px; height: 12px; background-position: -10px top; }
.i-arrleft{ width: 12px; height: 12px; background-position: -175px -139px; }
.i-arrright{ width: 12px; height: 12px; background-position: -187px -139px; }

.i-arrup{ width: 12px; height: 12px; background-position: -175px -139px; }
.i-arrdown{ width: 12px; height: 12px; background-position: -187px -139px; }

.i-arrleft2{ width: 12px; height: 12px; background-position: -58px top; }
.i-arrright2{ width: 12px; height: 12px; background-position: -70px top; }
.i-arrleft3{ width: 19px; height: 25px; background-position: -128px -54px; }
.i-arrright3{ width: 19px; height: 25px; background-position: -109px -54px; }
.i-arrleft4{ width: 28px; height: 47px; background-position: -147px -32px; }
.i-arrright4{ width: 28px; height: 47px; background-position: -175px -32px; }
.i-print{ width: 14px; height: 14px; background-position: -83px top; }
.i-sendmail{ width: 15px; height: 14px; background-position: -97px top; }
.i-alert{ width: 12px; height: 13px; background-position: -112px top; }
.i-rss{ width: 13px; height: 13px; background-position: -93px -60px; }
.i-cursor{ width: 15px; height: 8px; background-position: -103px -16px; }
.i-close{ width: 15px; height: 15px; background-position: -85px -36px; }
.i-filrss{ width: 105px; height: 17px; background-position: left -100px; }
.i-bnetvibes{ width: 105px; height: 17px; background-position: -105px -100px; }
.i-byahoo{ width: 105px; height: 17px; background-position: left -117px; }
.i-bgoogle{ width: 105px; height: 17px; background-position: -105px -117px; }
.i-podcasts{ width: 12px; height: 13px; background-position: -92px -83px; margin-top: -3px; }
.i-itunes{ width: 14px; height: 13px; background-position: -106px -83px; }
.i-audio{ height: 14px; background-position: -129px -37px; }
.i-btn-itunes{ width: 68px; height: 21px; background-position: -85px -134px; }
.i-btn-sabonner{ width: 92px; height: 21px; background-position: -102px -155px; }
.i-btn-podcasts{ width: 85px; height: 21px; background-position: 0 -134px; }
.i-btn-podcasts-itunes{ width: 38px; height: 37px; background-position: 0 -179px; float: left;  }
.i-btn-podcasts-rss{ width: 37px; height: 33px; background-position: -40px -180px; float: left; }
.i-btn-download{ width: 102px; height: 21px; background-position: 0 -155px; }
.i-desc{ width: 16px; height: 16px; background-position: -84px -16px; }
.i-asc{ width: 16px; height: 16px; background-position: -154px -137px; }
.i-iphone{ width: 9px; height: 13px; background-position: -197px -84px; margin-top: -1px; }
.i-download{ width: 13px; height: 13px; background-position: -211px -84px; margin-top: -1px; }
.i-zoom{
	position: relative;
	top: -2px;
	width: 15px;
	height: 14px;
	background-position: -105px -37px;
}
input.i-ok{
	position: relative;
	top: -2px;
	width: 25px;
	height: 22px;
	border: 0;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
	background-position: left -12px;
	cursor: pointer;
}
input.i-ok.focus{ background-position: left -34px; }
input.i-valider{
	position: relative;
	top: -2px;
	width: 58px;
	height: 22px;
	border: 0;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
	background-position: -25px -12px;
	cursor: pointer;
}
input.i-valider.focus{ background-position: -25px -34px; }
input.i-seconnecter{
	position: relative;
	top: -2px;
	width: 90px;
	height: 22px;
	border: 0;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
	background-position: left -56px;
	cursor: pointer;
}
input.i-seconnecter.focus{ background-position: left -78px; }

/* Liszt
------------------------------------------ */
.list{
	margin: 0;
	list-style: none;
	color: #05B;
}
.list li{ margin: 0; }
.list li:last-child{ margin-bottom: 0; }
.list span{
	display: block;
	margin-left: 18px;
	padding: 1px 0;
}
.list .ico{
	float: left;
	margin-top: 2px;
	margin-top: 4px;
}
.list h3,
.list h2{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	border-top: 1px dotted #CCC;
}
.list h2{ font-size: 1.2em; }
.list li:first-child h2,
.list li:first-child h3{
	border-top: 0;
}
/* .list h3 span{ margin-left: 0; } */
.list h2 a,
.list h3 a{
	display: block;
	padding: 5px 0 4px;
	color: #234; color: #048;
}
.list li,
.list a{ color: #05B; }
.list p a{
	display: block;
	color: #333;
}
.list a:hover{ text-decoration: underline; }
.list li:hover{ background: #e7ecf2; }
.list h2 a:hover,
.list h3 a:hover,
.list p a:hover{
	text-decoration: none;
}
.list em{
	color: #888;
	font-style: normal;
}

/* inline */
p.list{
	font-size: 12px;
	line-height: 1.5;
}
p.list .ico{
	float: none;
	margin-top: 0;
}
p.list span{
	display: inline;
	margin: 0 7px;
}

/* list ordered */
ol.list li{
	overflow: auto;
 	padding: 2px 0;
 	margin-bottom: 0;
	border-top: 1px solid #CCC;
}
ol.list li:first-child{ border-top: 0; }
ol.list li:hover{ background: #e7ecf2; }
ol.list a{
	display: block;
	padding: 2px 0 0;
}
ol.list a:hover{ text-decoration: none; }
ol.list .num,
ol.list h2{
	margin-bottom: 0;
	font-size: 1em;
}
ol.list .num{
	float: left;
	padding-left: 2px;
	line-height: 1.1;
	color: #666;
}
ol.list h2{
	margin-left: 20px;
	line-height: 1.3;
	font-weight: normal;
}

/* list size 2 */
.l2 li{
	float: left;
	width: 50%;
}
body .list .clear{
	float: none;
	width: 100%;
}

/* Tile
------------------------------------------ */
.title{
	padding: 12px 15px;
	margin: 0;
	font-weight: bold;
	line-height: 1;
	color: #C03;
	border-top: 5px solid #C03;
	border-bottom: 1px solid #CCC;
}
/* t1 */
.t1{
	position: relative;
	font-size: 18px;
	letter-spacing: -.2px;
}
.t1 span{
	position: absolute;
	width: 0; height: 0;
	bottom: -9px; left: 60px;
	border: 8px solid transparent;
	border-bottom: 0;
	border-top-color: #CCC;
	font-size: 0; line-height: 0;
}

.t1{
	font-size: 12px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 0;
	border-bottom: 1px solid #CCC;
}
.t1 span{
	bottom: -8px; left: 60px;
	border-top-color: #CCC;
}
/* t1 tb */
.t1.tb{
	height: 36px;
	line-height: 38px;
	border: 0;
	padding: 0 15px;
	color: #FFF;
	letter-spacing: 0;
	background: #062446 url(/includes/cobrand/img/bg-title-tb.png) left bottom no-repeat;
}
.t1.tb span{
	bottom: -8px;
	border-top-color: #061E3D;
}
.t1.tb em{
	font-style: normal;
	color: #0BE;
}

/* t2 */
.t2{
	padding: 12px 0;
	font-size: 13px;
	border-bottom: 0;
}

/* t3 */
.t3{
	font-size: 1.25em;
	color: #048;
	border-top: solid 1px #CCC;
	border-bottom: 0;
	padding: 15px 15px 5px;
	font-weight: bold;
}

/* specific title */
.box .t2{ margin-bottom: 0; }
.title.flash,
.t-flash{
	border-top: 1px solid #CCC;
	text-indent: -999em;
	padding: 0;
	height: 50px;
	background: url(/includes/cobrand/img/leflash.gif) left top no-repeat;
}
body .flash-object{
	border: 0;
	text-indent: 0;
	padding: 0;
	height: auto;
	background: none;
}

/* Title2
------------------------------------------ */
.b-title{
	padding: 12px 15px;
	margin-bottom: 0;
	font-size: 1.2em;
	/* border-top: 1px solid #CCC; */
}
a.b-title{
	display:block;
}
/* .col.s1 .b-title{ border-bottom: 0; padding-bottom: 5px; } */
.b-title,
.b-title a{
	color: #C03
}
.b-title em{
	display: block;
	font-style: normal;
	font-weight: bold;
	background: url(/includes/cobrand/img/title.png) left 60% repeat-x;
}
.b-title span{
	padding-right: 5px;
	background: #FFF;
}
.box .b-title{
	padding: 0 0 12px;
	border: 0;
}
.box:hover .b-title span{ background: #E7ECF2; }
.node .b-title{
	padding-left: 0;
	padding-right: 0;
	border-bottom: 0;
}

/* flash */
.b-title.flash{
	border-bottom: 1px solid #E4EFEF;
	text-indent: -999em;
	padding: 0;
	height: 50px;
	background: url(/includes/cobrand/img/leflash.gif) left top no-repeat;
} .b-title.flash em{ background: none; }

/* Header face
------------------------------------------ */
.header-face{
	position: relative;
	margin: 1px 0;
}
.header-face .face{
	position: absolute;
	right: 0;
	bottom: 0;
}
.header-face .bloc{
	padding: 15px 135px 15px 15px;
	margin: 1px 0 0;
	background: #E5E5E5;
}
.header-face .bloc a{ text-decoration: underline; }

/* Bloc
------------------------------------------ */
.bloc{
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #E5E5E5;
}

/* Tab
------------------------------------------ */
.tab{
	height: 21px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 5px;
	list-style: none;
}
.tab li{
	float: left;
	height: 19px;
	padding: 0 5px;
	margin-left: 2px;
	font: bold 10px/20px verdana, sans-serif;
	border: 1px solid #F0F0F0;
	background: #F0F0F0;
	cursor: pointer;
}
#databox .tab li{ padding:0 4px; }
.tab a{ color: #888; }

/* on */
.tab li.on{
	height: 20px;
	border-color: #CCC;
	border-bottom-color: #FFF;
	background: #FFF;
}
.tab li.on a{ color: #000; }

/* off */
.tab li.off,
.tab li.off a{
	cursor: default;
}
.tab li.off a{ color: #FFF; }

/* tab content */
.js .tab-content.loading{
	height: 100px;
	background: url(/includes/cobrand/img/loader.gif) center center no-repeat;
}
.js .tab-content > *{ display: none; }
.js .tab-content > :first-child{ display: block; }

/* Sweet form elements
------------------------------------------ */
.sweet-field{
	padding: 5px 5px 0;
	border: 1px solid #B0B0B0;
	font-size: 11px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(/includes/cobrand/img/sweet-form-2.png) -24px top no-repeat;
}
.sweet-field.focus{	border-color: #000; }
input.sweet-field{ height: 17px; }
textarea.sweet-field{
	font-family: arial, sans-serif;
	font-size: 12px;
}
.sweet-field.disabled{ background-position: -500px top; }

/* errors */
.errors dt{ margin-bottom: 5px; }
.errors dd{ margin: 0; }
.errors ul{
	margin: 0 0 0 15px;
	list-style: none;
	color: #C03;
}
label.error{ color: #C03; }

/* Sweet buttons
-------------------------------- */
.sweet-button{
	display: block;
	float: left;
	background: url(/includes/cobrand/img/sprite-x.png) right -373px no-repeat;
}
.sweet-button input,
.sweet-button span{
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 2px 0 5px;
	margin: 0 3px 0 0;
	border: 0;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	cursor: pointer;
	background: url(/includes/cobrand/img/sprite-x.png) left -351px no-repeat;
}
* html .sweet-button span{
	float: left;
	display: inline;
}
.sweet-button.focus{ background-position: right -417px; }
.sweet-button.focus input{ background-position: left -395px; }

/* Toolbar
------------------------------------------ */
#toolbar{
	margin: 0;
	list-style: none;
}
#toolbar,
#toolbar li{
	display: inline;
}

/* Socialbar
------------------------------------------ */
.socialbar{
	width: 95px;
	margin: 0;
}
.socialbar dd,
.socialbar ul{
	margin: 0;
}
.socialbar ul{ list-style: none; }
.socialbar li{
	display: inline;
}
.socialbar dt{ float: left; }
.socialbar dt .i-fleche{
	margin: 0;
	width: 16px;
	height: 16px;
	background-position: -84px -16px;
	cursor: pointer;
}
.socialbar dd{
	float: right;
	width: 76px;
	position: relative;
}
.socialbar ul{
	overflow: hidden;
	position: absolute;
	z-index: 99;
	/* bottom: -16px; */
	top: -5px;
	left: 0;
	width: 67px;
	height: 16px;
	/* height: 80px; */
	padding: 2px 5px 5px;
	text-align: right;
	background: #F5F5F5;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.socialbar ul .ico{
	width: 16px;
	height: 16px;
	margin: 2px;
}
.i-facebook		{ background-position: -123px top; }
.i-wikio		{ background-position: -139px top; }
.i-twitter		{ background-position: -155px top; }
.i-delicious	{ background-position: -171px top; }
.i-google		{ background-position: -187px top; }
.i-windows		{ background-position: -123px -16px; }
.i-technorati	{ background-position: -139px -16px; }
.i-yahoo		{ background-position: -155px -16px; }
.i-scoopeo		{ background-position: -171px -16px; }
.i-digg			{ background-position: -187px -16px; }

/* Pafgination
------------------------------------------ */
.pagination{
	overflow: auto;
	margin: 0;
	list-style: none;
}
.pagination li{
	float: left;
}
.pagination a{
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #05B;
}
.pagination .on a{
	color: #FFF;
	background: #048;
}
.pagination .ico{
	position: relative;
	top: 50%;
	margin-top: -6px;
	margin-right: 0;
}

/* More
------------------------------------------ */
.more,
.more a{
	color: #666;
}
.more{ text-align: right; }
p.more{ text-align:left; }
.more a{
	text-decoration: underline;
	font-size: .9em;
}

/* Infos
------------------------------------------ */
.infos{
	display: block;
	margin-bottom: 2px;
	color: #999;
}
.box .infos{ font-size: .92em; }

/* Sources
------------------------------------------ */
.sources {
	font-size: 0.92em;
	padding-top: 5px;
	color: #666666;
}

/* Ads
------------------------------------------ */
#ads-loader{
	position: absolute;
	top: -9999em;
}
#ad-300x250-1,
#ad-300x250-2{
	min-height: 250px;
}
#ad-300x200-1{
	min-height: 200px;
}
#ad-300x100-1{ min-height: 100px; }
.googlads{
	padding-bottom: 5px;
	background: #FBFBFB url(/includes/cobrand/img/bg-adsense.png) left bottom repeat-x;
}
.googlads .title{
	border-color: #CCC;
	color: #666;
}
.googlads ul{
	margin: 0;
	list-style: none;
}
.googlads .box{ border-bottom: 0; /* font-size: 1.1em; */ }
.googlads a.titre{ display: block; margin-bottom: 3px; font-weight: bold; }
.googlads p{ margin-bottom: 3px; }
.googlads a.url{ color: #35B; }

.googlads2 li{
	float: left;
	/* width: 300px; */
	width: 190px;
}

/* Tableaux (class "tableau")
------------------------------------------ */
.alt th, .alt td{ background:#e7ecf2; }
.tableau tr th,
.tableau tr td{ border-bottom:solid 1px #ccc; }
.tableau th{ color:#666; }
.tableau a{ color: #048; }
.tableau .tr{ text-align:right; }

/* Régionales: Formulaire trouver ma ville
------------------------------------------ */
#regionales-formulaire{
	padding:0 0 0 15px;
	background:url(http://www.europe1.fr/includes/cobrand/img/bg-grey-glow.jpg) left bottom no-repeat;
	}
#regionales-formulaire form{
	padding:10px 75px 10px 0;
	background:url(http://www.europe1.fr/includes/cobrand/img/bg-petite-carte-france.png) right center no-repeat;
	}
#regionales-formulaire fieldset{
	display:inline-block;
	max-width:215px;
	margin:5px 30px 5px 0;
	line-height:1.75;
	}
#regionales-formulaire label,
#regionales-formulaire input,
#regionales-formulaire fieldset p,
#regionales-formulaire .sweet-button{
	display:inline-block;
	vertical-align:middle;
}
#regionales-formulaire fieldset p{
	width:100%;
}
#regionales-formulaire label,
#regionales-formulaire input{ width:8em; }
#regionales-formulaire [type="text"]{ width:45%; }
#regionales-formulaire label{ color:#061e3d;}
#regionales-formulaire .sweet-button{ float:none; }
#regionales-formulaire strong{
	display:block;
	width:122px; height:26px;
	background:url(http://www.europe1.fr/includes/cobrand/img/txt-votre-commune.png) center center no-repeat;
	text-indent:-999em;
	}
/* Régionales: Header
------------------------------------------ */
#regionales-header{
	background-image:url(/includes/cobrand/img/header-regionales.jpg);
	height:25px; padding-top:55px;
	text-align:center;
	overflow:hidden;
	}
#regionales-header .hugetabs{
	display:inline-block;
	height:25px;
	margin:0 auto;
	overflow:hidden;
	}
* + html #regionales-header .hugetabs{ display:inline; }
* html #regionales-header .hugetabs{ display:inline; }
#regionales-header span{
	height:25px; line-height:25px;
	font-size:12px;
	background-position:left -439px;
	color:#061e3d;
	}
#regionales-header a{ background-position:right -474px; }

/* IE */
* html .t1 span{
	border-left-color: white;
	border-right-color: white;
	filter:chroma(color=white);
}

/* Roland Garros, results on home
------------------------------------------ */
#mod_roland-garros h2{
	background:url(/includes/cobrand/img/rg_top.jpg) center top no-repeat;
	height:44px; margin-bottom:-22px; padding:15px;
	text-indent:-999em;
	}
#mod_roland-garros th{ line-height:2em;  }
#mod_roland-garros th,
#mod_roland-garros .more a{
	padding:0 15px;
	color:#fff;
	}
#mod_roland-garros .more{
	text-align:right;
	font-weight:bold;
	height:26px; line-height:26px;
	background:url(/includes/cobrand/img/rg_bot.jpg) center bottom no-repeat;
	}
#mod_roland-garros .more a{ text-decoration:none; }
#mod_roland-garros ol,
#mod_roland-garros ol li{
	list-style:none;
	margin:0; padding:0;
	}
#mod_roland-garros ol li{
	display:inline;
	padding:0 3px;
	}
#mod_roland-garros a,
#mod_roland-garros strong{ display:block; }
#mod_roland-garros td{
	border-bottom:solid 1px #ccc;
	line-height:1.8;
	}
#mod_roland-garros tbody tr:last-child td{ border:none; }

/* Remontée databoxes sports.fr
------------------------------------------ */
#databox{
	border-bottom:1px solid #e4efef;
	padding:8px 15px;
	}
/* #databox:hover{ background: #e7ecf2; } */
#databox table{
	margin:0px auto 10px;
/* 	width:280px; */
	}
#databox td *{ vertical-align:middle; }
#databox .tab{
	white-space:nowrap;
	overflow:hidden;
	}
#databox .tab li{ padding:; }

/* Remontée databox tour de france sports.fr
------------------------------------------ */
#classements-etape .tab{ margin-bottom: 0; }
#classements-etape .tab a{
	display: block;
	width: 67px;
	text-align: center;
}
#classements-etape .panel{
	padding: 0 5px;
}
#classements-etape td{
	font-size: 11px;
	vertical-align: middle;
	/* white-space: nowrap; */
}
#classements-etape thead td{
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
#classements-etape .more{
	padding: 5px;
	text-align: right;
}