BODY	{
background-color: #000000;
}
.filet1	{
border-left:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
}
.filet2	{
border-bottom:1px #FFFFFF solid;
border-left:1px #FFFFFF solid;
border-right:1px #FFFFFF solid;
}
/**  styles pour les listes de stories (pure CSS)  **/

.storyList a , .itemList div{
	padding:3px;
	font-size: 0.65em;
	display:block;
	height:auto !important;
	min-height:57px;
	height:57px;
	text-decoration:none;
	}

.storyList .ticker{
	height:40px !important;
	min-height:40px;
	}

.itemList a, .listLinkStyle{
	color: #EA4041;
	font-weight: bold;
	overflow:hidden;
	font-size: 1.1em;
	text-decoration:none;
	}
.itemList a{padding-right:40px;padding:12px;}
.itemList a:visited, .listLinkStyle:visited{color: #800080;}
.itemList a:hover, .listLinkStyle:hover{color: #FF6600; text-decoration:underline;}
.storyList .sec{background-color:#F4F4F4;}
.storyList a:link{color: #EA4041;}
.storyList a:hover{background-color: #494949;}
.storyList a:visited{color: #800080;}
.storyList a:active{background-color: #494949;}

.storyList .title, .itemList .title{
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	display:block;
	}

.storyList .date, .storyList .dateTJ{
	color: #DCDCDC;
	display:block;
	}

.storyList .text{
	line-height:0.95em;
	color: #FFFFFF;
	}

.storyList img, .itemList img{
	margin-bottom:2px;
	margin-right:4px;
	float:left;
	/*display:inline;*/
	}

/* pour les tickers */
.storyList .dateT{
	color: #FFFFFF;
	width:80px;
	position:absolute;
	cursor:pointer;
	}
.storyList .dateTJ{padding-left:90px;}
.storyList .textTJ{
	height:40px;
	margin-left:90px;
	display:block;
	text-align:left;
	cursor: pointer;
	}

.storyList .titleT{
	font-size: 1.2em;
	font-weight: bold;
	display:block;
	padding-left:86px;
	color: #FFFFFF;
	}

.storyList .titleTT{
	height:40px;
	margin-left:90px;
	display:block;
	text-align:left;
	cursor: pointer;
	font-size: 1.2em;
	padding-top:5px;
	}

.storyList .dateTT img{
	margin:0px;
	padding:0px;
	border:9px;
	float:none;
	}

.storyList .dateTT{
	width:80px;
	height:40px;
	cursor: pointer;
	background-color: #EBEDF3;
	text-align:center;
	position:absolute;
	}

.storyList i{color:#FFFFFF;font-style:normal;}
.storyList .dateT b{
	display:block;
	padding-left:14px;
	font-size:1.2em;
	}
.tiretLine, .storyList center{
	background-image:url(tiret_info.gif);
	height:1px;
	clear:both;
	font-size:0.1em;
	}
/**  styles pour les objets liés aux stories (pure CSS)  **/
.storyObjectBox a{
	background-repeat:no-repeat;
	display:block;
	font-size: 0.75em;
	color: #DCDCDC;
	padding:4px;
	padding-left:24px;
	background-position: 2px 3px;
	}
.storyObjectBox a:visited{color: #800080;}
.storyObjectBox a:hover{
	background-color: #494949;
	color: #FF6600;
	text-decoration: underline;
	}
.storyObjectBox a:active{background-color: #494949;}
.storyObjectBox .video{background-image:url(object_tv.gif);}
.storyObjectBox .link{background-image:url(object_document.gif);}
.storyObjectBox .extlink{background-image:url(icon_extlink1.gif);}
.storyObjectBox .audio{background-position: 6px 6px;background-image:url(object_sound.gif);}

.storyObjectBox .extlink i{
	font-size:0.9em;
	display:block;
	padding-left:16px;
	font-style:normal;
	}

.storyObjectBox .video i{
	font-size:0.9em;
	display:block;
	padding-left:16px;
	font-style:normal;
	}

.storyObjectBox .audio i{
	font-size:0.9em;
	display:block;
	padding-left:16px;
	font-style:normal;
	}

/**  Ligne de séparation de story en CSS  **/
.endLine{
	width:100%;
	height:10px;
	text-align:right;
	}

.endLine .blue{
	background-color: #D8DDE9;
	position:relative;
	width:100%;
	height:4px;
	}
.endLine .tiret{
	background-image:url(tiret_info.gif);
	position:relative;
	height:1px;
	width:100%;
	}
.endLine .button{
	z-index:3;
	background-color: #FFFFFF;
	position:absolute;
	margin-left:-13px;
	margin-top:-5px;
	}

.endLine .button:hover{background-color: #E4F2B7;}

/* Style des liens (qui sont bleus ou violet) comme ça : (suite...) */

.linkSuite{text-decoration: none;}
.linkSuite:link{color: #EA4041;}
.linksuite:hover{text-decoration:underline;}
.linkSuite:visited{color: #FFFFFF;}

/* Liens genre "insciption" ou "voir la lettre" dans interactif/newletter, et surement ailleurs aussi. */

.linkStyle, .linkStyleOff{
	color: #EA4041;
	font-weight: bold;
	font-size: 0.7em;
	text-decoration:none;
	}
.linkStyle:hover{color: #EA4041; text-decoration:underline;}
.linkStyleOff{color: #FFFFFF;}

/* Story Style 1 - Espace entre la photo et la story */
.s-FxPicTabRight, .s-FxPicTabLeft, .s-FxPicTabDown{width: 8px;}

/* Story Style 1 - Cellule(s) de la légende sous la photo */
.s-FxPhotoLegende{
	font-family: verdana,arial,sans-serif;
/*
	background-color: #d8dde9;
*/
	font-size: 0.6em;
	color: #EFEFEF;
	padding-left: 4px;
	padding-right: 4px;
	}
.StoryTableOn .s-FxPhotoLegende{
/*
background-color: #D8DDE9;
*/
}


/* style pour mettre l'icon zoom sous la photo */
.s-FxPhotoLegendeZoom{
	font-family: verdana,arial,sans-serif;
	background-color: #d8dde9;
	font-size: 0.6em;
	color: #666666;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 20px;
	background-image: url(zoom.gif);
	background-repeat:no-repeat;
	background-position: right top;
	border-top:3px solid #d8dde9;
	border-right:3px solid #d8dde9;
	}

.StoryTableOn .s-FxPhotoLegendeZoom{
	background-color: #D8DDE9;
	background-image: url(zoom.gif);
	background-repeat:no-repeat;
	background-position: right top;
	border-top:3px solid #d8dde9;
	border-right:3px solid #d8dde9;
	padding-bottom: 2px;
	}

/* */

/* Story Style 1 - Barre de navigation au dessus de la story (version couleur), et avec le :hover */
.s-FxNavBg{
	font-family: verdana,arial,sans-serif;
	color: #666666;
	font-size: 0.6em;
	background-color: #EA4041;
	text-decoration: none;
	}

.StoryTableOn .s-FxNavBg{/*background-color: #494949;*/}

/* Story Style 1 - Barre de navigation au dessus de la story (version couleur) */
.s-FxNav{
	font-family: verdana,arial,sans-serif;
	color: #666666;
	font-size: 0.6em;
	text-decoration: none;
	}

/* Style de la table quand on est :hover ou pas */
.StoryTableOn, .listTableOn{
	cursor: pointer;
	background-color: #494949;
	}

/* Espace entre la barre de navigation et le haut de la story */
.s-FxTabNavUp{height: 13px;}
.s-FxBoxTabLeft{width: 7px;}
.s-FxBoxTabRight{width: 2px;}
.s-FxBoxTabBottom{height: 6px;}

/* Séparateurs - Nombre de pixels vides avant le séparateur */
.s-FxSepBefore{padding-top: 1px;}
/* Couleur de fond pour les séparateurs */
.s-FxSepColor{background-color: #FF0000;}
/* Séparateurs - Espace entre l'icône 'flèche haut' et la barre de séparation en pointillés */
.s-FxSepTopVsLine{
	padding-bottom: 3px;
	vertical-align:bottom;
	text-align: right;
	}
/* Séparateurs - Nombre de pixels vides après le séparateur */
.s-FxSepAfter{padding-bottom: 15px;}

/* Styles pour les textes de stories */
.s-TxInterTitre,.s-TxIntroTitre,.s-TxIntroTitreOrigine,.s-TxBasicBold,.s-TxBasic,.s-TxBox1,.s-TxBox2,.s-RevueInterTitre,.s-RevueMoreTx{font-family: verdana,arial,sans-serif;}

.s-TxInterTitre{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	}

.s-TxIntroTitre{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 2px;
	height: 15px;
	}

.s-TxIntroTitreOrigine{
	color: #FFFFFF;
	font-size: 0.6em;
	vertical-align: middle;
	height: 16px;
	padding-left: 6px;
	}
.s-TxBasic,.s-TxBasicBold{
	color: #EFEFEF;
	font-size: 0.75em;
	text-decoration:none;
	}
.s-TxBasicBold{font-weight: bold;}


/* Style pour les petites boxes genre avec des commentaires qui sont ancrées dans le texte*/
.s-TxBox1{
	color: #666666;
	font-size: 0.8em;
	font-weight: bold;
	}

.s-TxBox2{
	color: #ffffff;
	font-size: 0.6em;
	font-weight: normal;
	}

.s-TdBoxColor1{background-color: #999999;}
.s-TdBoxColor2{background-color: #F0F0F0;}

.s-RevueInterTitre{
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	padding: 3px;
	}

.s-RevueInterTitreSpacer{
	padding-bottom: 8px;
	vertical-align:bottom;
	}
.s-RevueMorePicto{vertical-align:top;}
.s-RevueMoreTx{
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align:top;
	}

/* Styles des liens pour les stories */
.s-LienTitre{ font-size: 0.75em;
	color: #0066cc;
	text-decoration: underline;
	}

.s-LienTitre:hover{color :#FF6600;}

.s-LienSuite{
	font-size: smaller;
	text-decoration: none;
	color: #000000;
	}
.s-LienSuite:hover{color :#0066cc;}

/* Styles pour les forum */

.s-ForumReponse,.s-ForumReponseTitre{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	color: #8E3E3E;
	}
.s-ForumReponseTitre{font-weight: bold;}

.listDate{
	font-size: 0.65em;
	color: #DCDCDC;
	}

/***** Menu je suis là je suis pas là *****/

.menuBox a{
	display:block;
	border-bottom:1px solid #000000;
	padding-left:16px;
	padding-bottom:3px;
	padding-top:3px;
	vertical-align:bottom;
	color:#FFFFFF;
	font-weight:normal;
	font-size:0.70em;
	background-repeat:no-repeat;
	background-position: 1px 3px;
	text-decoration:none;
	}
.menuBox .item, .menuBox .itemSelected{
	background-color:#000000;
	border-top:1px solid #000000;
	background-image:url(menubgfl.gif);
	}


.menuBox .sousItem {
		display:none;
		visibility:hidden;
}

.menuBox .itemOpen, .menuBox .itemOpenSelected{
	background-color:#000000;
	border-top:1px solid #000000;
	background-image:url(menubgfls.gif);
	}

.menuBox .itemSelected, .menuBox .itemOpenSelected, .menuBox a:hover{
	background-color:#EA4041;
/*	border-top:1px solid #595959;*/
	}


/** styles pour les Sous menus **/

.menuBox .sousItemActif {
	background-color: #404040;
	border-top:1px solid #595959;
	background-image:url(menubgfl.gif);
	display:block;
	visibility:visible;
	}

.menuBox .sousItemActifSelected{
	background-color:#F44600;
	border-bottom:1px solid #000000;
	border-top:1px solid #595959;
	background-image:url(menubgfl.gif);
	display:block;
	visibility:visible;
	}

.menuBox .sousItemActif:hover, .menuBox .sousItemActifSelected:hover{
	background-color:#FF9933;
	border-bottom:1px solid #000000;
	border-top:1px solid #595959;
	background-image:url(menubgfl.gif);
	display:block;
	visibility:visible;
	}
/* LINK GREY BACK */
.flashbox, .linkBox{
	background-color: #303032;
	font-size: 0.65em;
	margin-bottom:8px;
	}
.linkBox center{
	height:5px;
	background-color: #EA4041;
	font-size: 0.1em;
	}
.linkBox a{
	display:block;
	color:#D5DBD9;
	font-size: 1.2em;
	text-decoration:none;
	padding:3px;
	}
.linkBox a:visited{color: #D5DBD9;}
.linkBox a:hover{
	background-color: #494949;
	color:#FF6600;
	text-decoration:underline;
	}
.linkBox a:active{background-color: #494949;
color:#666666;
}

/**** Galerie Photo ****/
/*
body {
	background-color: #930408;
 	}
*/
.titre-galerie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #EA4041;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 3px;
}
.fond-general {
/*	background-color: #a93133;*/
	text-align: center;
	vertical-align: middle;
}
.fond-centre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	/*background-color: #EA4041;*/
}
.fond-thumbs {
	background-color: #000000;
}
/* Le gros truc bleu sur bleu qui fait office de titre de page ou de section */
.pageTitle{
	font-size: 13px;
	color: #FFFFFF;
	background-color: #EA4041;
	padding-left:8px;
	text-transform:uppercase;
	}

  /***********************************************/
 /******         FOOTER  2006            *******/
/***********************************************/
.footerBg, .footerMenu a {
background-color:#17C000;
color:#D3D3D3;
font-size:11px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
text-decoration:none;
}
.slimFooterText, .slimFooterText a	{
padding-top:4px;
font-size:11px;
font-weight:normal;
color:#D3D3D3;
text-decoration:none
}

.slimFooterText a:hover	{
	text-decoration: underline;
}
/* FLASBOX pour colonne droite */

	.flashBox h3{
		font-weight: bolder;
		font-size: 13px;
		background-color: #C8C8CA;
		color: #EA4041;
		padding:3px;
		margin:0px;
		}
	.flashBox h4{
		font-weight: normal;
		font-size: 11px;
		color: #D5DBD9;
		padding:3px;
		margin:0px;
		}