/* CSS Document */

body{
	margin:0;
}

/* STYLE BLOC GENERIQUE */
.flash-actu{
	max-width:1000px;
	width:100%;
	font-family:'DroidSansRegular', Verdana, sans-serif;
	height:28px;
	background-color:#f7f7f7;
	border-top:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	overflow:hidden;
	position:relative;
}

/* STYLE BLOC MOBILE */
.flash-actu ul{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
.flash-actu li{
	list-style-type:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
	width:100%;
	z-index:0;
    background-color:#f7f7f7;
}
.flash-actu li#item-0{
	z-index:1;
}
.flash-actu a{
	text-decoration:none;
	color:#003872;
}
.no-touch .flash-actu a:hover{
	color:#f90;
}
.flash-actu .flash{
	text-transform:uppercase;
    padding: 5px 8px;
	margin:0;
	display:inline;
	text-align:center;
	font-size:10px;
	line-height:28px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	background-color:#007bbc;
	color:#fff;
	margin:0 5px;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15);
	-o-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15);
	-ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.15);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=134, Strength=1 );
	text-shadow:0px -1px 0 rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:0px -1px 0 rgba(0, 0, 0, 0.5);
	-o-text-shadow:0px -1px 0 rgba(0, 0, 0, 0.5);
	-moz-text-shadow:0px -1px 0 rgba(0, 0, 0, 0.5);
	-ms-text-shadow:0px -1px 0 rgba(0, 0, 0, 0.5);
	opacity:0;
	/*filter:alpha(opacity=0);*/
	visibility: hidden;
}
.flash-actu #item-0 .flash{
	opacity:1;
	/*filter:alpha(opacity=100);*/
	visibility: visible;
	z-index:10;
}

.flash-actu .active .flash{
	opacity:1;
	/*filter:alpha(opacity=100);*/
	filter:none !important;
	visibility: visible;
	z-index:10;
}

/* ETIQUETTE */

.flash-actu .eco .flash{background-color:#953d35;}
.flash-actu .sport .flash{background-color:#0f9d00;}
.no-touch .flash-actu .flash:hover, .no-touch .flash-actu .eco .flash:hover, .no-touch .flash-actu .sport .flash:hover{
	background-color:#f90;
}
.flash-actu li a.etiquette{
	height:28px;
	position:absolute;
	top:0;
	left:0;
}

/* BLOC TITRE */

.flash-actu li .content{
	width:100%;
	display:inline-block;
}
.flash-actu li .titre{
	line-height:29px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	opacity:0;
	visibility: hidden;
	/*filter:alpha(opacity=0);*/
	padding-left:100px;
	display:block;
}
.no-touch .flash-actu li .titre:hover{
	color:#f90;
}
.flash-actu .eco li .titre{
	padding-left:96px;
}
.flash-actu .sport li .titre{
	padding-left:102px;
}
.flash-actu li#item-0 .titre{
	opacity:1;
	visibility: visible;
	/*filter:alpha(opacity=100);*/
}

.flash-actu li.active .titre{
	opacity:1;
	visibility: visible;
}

.flash-actu .date, .flash-actu .alerte .date{
	display:none;
}

/* BLOC DROITE */
.flash-actu #flashActu-droite{
	display:none;
}

#flashActu-droite a{
	filter: none !important;
}
.ie8 .flash-actu #flashActu-droite a span{
	margin-top: -3px;
}

/* WARNING */
.flash-actu .warning a{
    color:#e8531d;
}

/* ALERTE */

.flash-actu .alerte li.alerte{
	background-color:#252525;
}
.flash-actu li.alerte{
    background-color:#f7f7f7;
}
.flash-actu li.alerte a{
    color:#f90;
}
.flash-actu #item-0.alerte .flash{
	background-color:#c30d00;
}
.no-touch .flash-actu #item-0.alerte .flash:hover{
	background-color:#f90;
}
.flash-actu .alerte .flash span{
	display:none;
}
.flash-actu .flashActuItem.alerte .flash span{
	display:inline-block;
}
.flash-actu .alerte li a{
	width:100%;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#fff;
}
.no-touch .flash-actu .alerte li a:hover{
	color:#f90;
}
.flash-actu .alerte li a.etiquette{
	/*filter:alpha(opacity=0);*/
	visibility: hidden;
}

/* PATCH IE7 */

*+html .flash-actu .alerte .flash{
	display:inline-block;
	height:11px;
	line-height:11px;
	position:absolute;
	top:5px;
	left:0;
}
*+html .flash-actu .alerte a{
	line-height:28px;
}
*+html .flash-actu .alerte .titreAlerte{
	padding-left:68px;
	display:block;
}

/* STYLE TABLETTE */

@media only screen and (min-width: 740px) {
	/* DEFINITION NOUVELLES TAILLES */
	
	.flash-actu, .flash-actu .flashActuBox, .flash-actu li, .flash-actu li a.content, .flash-actu li a.etiquette{
		height:31px;
	}
    .flash-actu li a.etiquette{
        top:1px;
    }
	.flash-actu li .content{
		width:79%;
	}

    .flash-actu .flash{
        margin: 0 10px;
    }
	/* ETIQUETTE */
	
	.flash-actu .flash, .flash-actu li .titre{
		font-size:11px;
	}
	.flash-actu li a .categorie{
		display:inline-block;
		margin-left:5px;
		opacity:1;
		/*filter:alpha(opacity=100);*/
		visibility: visible;
	}
	
	/* CONTENU FLASH */

    .flash-actu li .titre{
        padding-left:109px;
    }
    .flash-actu .sport li .titre{
        padding-left:127px;
    }
    .flash-actu .eco li .titre{
        padding-left:109px;
    }
	.flash-actu .date{
		color:#646464;
		margin-right:5px;
		display:inline;
	}
	.flash-actu .alerte .date{
		color:#999;
		display:inline;
	}

	/* BLOC DROITE */
	
	.flash-actu #flashActu-droite{
		display:block;
		position:absolute;
		top:2px;
		right:5px;
		z-index:10;
	}
	
	/* FLECHES GAUCHE DROITE */
	
	.flash-actu #flashActu-fleche-gauche, .flash-actu #flashActu-fleche-droite{
		width:20px;
		text-align:center;
		background-color:#aeadad;
		font-family:'DroidSansRegular', Verdana, sans-serif ;
		font-size:18px;
		line-height:18px;
		color:#fff;
		display:inline-block;
		margin:0 5px;
		padding:0 0 2px;
		box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-o-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-ms-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',
		Direction=120, Strength=1 );
		border-radius:2px;
		-o-border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		-ms-border-radius:2px;
		cursor:pointer;
		-moz-user-select:none;
		-webkit-user-select:none;
		-o-user-select:none;
		-ms-user-select:none;
		user-select:none;
		vertical-align:middle;
	}
	.no-touch .flash-actu #flashActu-fleche-gauche:hover, .no-touch .flash-actu #flashActu-fleche-droite:hover{
		background-color:#333;
	}
	.flash-actu #flashActu-fleche-gauche.inactif, .no-touch .flash-actu #flashActu-fleche-gauche.inactif:hover{
		background-color:#e2e2e2;
	}
	.flash-actu #flashActu-droite a{
		border:1px solid #c6c6c6;
		display:inline-block;
		font-size:11px;
		line-height:20px;
		margin: 2px 5px 0;
		vertical-align:baseline;
		box-shadow:-1px -1px 1px rgba(0,0,0,0.15);
		-o-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-webkit-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-moz-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		-ms-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.15);
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',
		Direction=134, Strength=1 );
		border-radius:2px;
		-o-border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		-ms-border-radius:2px;
		padding:0 5px;
		background-color:#fff;
        width:86px;
        text-align: center;
	}
	.flash-actu #flashActu-droite a span{
		font-family:'DroidSansRegular', Verdana, sans-serif ;
		border:4px solid transparent;
		border-left:4px solid #666;
		border-right:0px;
		height:0px;
		display:inline-block;
		vertical-align:middle;
	}
	.no-touch .flash-actu #flashActu-droite a:hover span{
		border-left:4px solid #f90;
	}
	
	/* ALERTE */
	
	.flash-actu .alerte li a{
		width:79%;
		font-size:11px;
	}
	
	/* PATCH IE7 */
	
	*+html .flash-actu li a.etiquette{
		position:absolute;
		top:4px;
		left:0;
	}
	*+html .flash-actu li a.etiquette .flash, *+html .flash-actu li a.etiquette .flash span.categorie{
		display:inline-block;
		height:11px;
		line-height:11px;
	}
	*+html .flash-actu li a.etiquette .flash{padding:5px;}
	*+html .flash-actu .alerte .flash{
		height:14px;
		line-height:14px;
	}
	*+html .flash-actu .alerte a{
		line-height:31px;
	}
	*+html .flash-actu .alerte .titreAlerte{
		padding-left:111px;
	}
}

/* STYLE DESKTOP */

@media only screen and (min-width: 1000px) {
	/* NOUVELLES TAILLES */
	.flash-actu, .flash-actu .flashActuBox, .flash-actu li, .flash-actu li a.content, .flash-actu li a.etiquette{
		height:41px;
	}
	.flash-actu li .content{
		width:82%;
	}
	
	/* ETIQUETTE */
    .flash-actu li a.etiquette{
        top:0px;
    }
	.flash-actu .flash, .flash-actu li .titre{
		font-size:14px;
		line-height:41px;
	}
	.flash-actu .flash{
		top:0;
	}
	
	/* CONTENU FLASH */
	
	.flash-actu li .titre{
		padding-left:135px;
	}
	.flash-actu .sport li .titre{
		padding-left:145px;
	}
	.flash-actu .eco li .titre{
		padding-left:130px;
	}
	
	/* BLOC DROITE */
	
	.flash-actu #flashActu-droite{
		top:5px;
	}
	.flash-actu #flashActu-fleche-gauche, .flash-actu #flashActu-fleche-droite{
		font-size:20px;
		line-height:20px;
		padding:1px 2px 3px;
		margin-bottom:1px;
        vertical-align: bottom;
	}
	.flash-actu #flashActu-droite a{
		font-size:14px;
		line-height:24px;
		vertical-align:text-bottom;
	}
	
	/* ALERTE */
	
	.flash-actu .alerte li a{
		width:82%;
		height:41px;
		line-height:41px;
		font-size:14px;
	}
	
	/* PATCH IE7 */
	
	*+html .flash-actu li a.etiquette{
		position:absolute;
		top:6px;
		left:1px;
	}
	*+html .flash-actu li a.etiquette .flash, *+html .flash-actu li a.etiquette .flash span.categorie{
		display:inline-block;
		height:18px;
		line-height:18px;
	}
	*+html .flash-actu .alerte .flash{
		height:18px;
		line-height:18px;
		top:6px;
		left:1px;
		padding:5px;
	}
	*+html .flash-actu .alerte a{
		line-height:41px;
	}
	*+html .flash-actu .alerte .titreAlerte{
		padding-left:135px;
	}
}