/* CSS Document */
/*
                ,--""""-.,
             .'`          ',
            /               |
            |    _          /
        __,'(,-'/ `\ _.    /
     .=="=|         '-.    |
   .'===,=|-.          |  /
  /===\==\|  \      \ _;' |
  |====\==\   '.___,u' \__/
  |===.##,=\
  |==/####\='-.__
  \#|#####|`/^|_))._________________
   #######/`| |_.-'""""""='         ]
    #####/\/ /__,________;------.---'
jgs `###' |_/   V               V

 */
/* Feuille de style pour la nouvelle HP */
/* INCLUSION DE LA FEUILLE STYLES .CSS */




/********** Didier octobre 2005 *********/
/***       Redéfinition des TAGS      ***/
/****************************************/

BODY	{
	border:0px;
	margin-top:0px;
	margin-left:1px;
	direction:ltr;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

IMG	{
	border: none;
}

/**********************************/
/******        HEADER        ******/
/**********************************/
.header	{}
.header .left	{
background-image:url(header_hp_left.gif);
background-repeat:no-repeat;
}

.header .fond	{
background-image:url(header_hp_top.gif);
background-position:top;
background-repeat:repeat-x;
}

.searchForm,	.videoForm{
padding-left:15px;
}

.searchField, .formBox2	{
/*border: 1px solid #6e906a;*/
background-color:#d1f2cc;
font-size:10px;
color:#455560;
width: 135px;
}
.searchField	{
width:98px;
-moz-border-radius:5px;
}

.searchButton	{
border: 1px solid #6e906a;
font-size:9px;
line-height:14px;
width:21px;
cursor: pointer;
-moz-border-radius:5px;
}

.hDate	{
text-transform:uppercase;
text-align:center;
font-weight:bold;
font-size:10px;
color:#455560;
border-bottom: 1px solid #17c000;
}

/* CSS Document - Gestion Menu */
#greenMenuTable	{
background-color:#17c000;
margin-top:1px;
}
.menuVisible{
	display:block;
	visibility:visible;
	position:absolute;
	z-index:200;
	min-width:100px;
	background-color: #00CC00;
	color:#FFFFFF;

}
.menuHidden{
	display: none;
	visibility: hidden;
}
.labelMenu{
	font-weight: bold;
	background-color: #17C000;
	display:block;
	border-top:1px solid white;
	width:auto !important;
	width:140px;
	text-decoration:none !important;
}

.labelMenuOn, .labelMenu:hover{
	font-weight: bold;
	background-color: #339900;
	text-decoration:none !important;
	display:block;
}
.labelMenu a:hover,.labelMenu,.labelMenu:hover,.labelMenuOn a{
	padding:10px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	font-size:.8em;
	text-decoration:none !important;
	}
.menuElements{
	border-left: 1px solid #339900;
	border-right: 1px solid #455560;
	border-bottom: 1px solid #455560;
}
.menuElements a{
	text-decoration:none;
	color:#FFFFFF;
}

.menuElements div{
	border-top: 1px solid #FFFFFF;

}

#mainMenu	{
background-image:url(header_raccord.gif);
background-repeat:no-repeat;
}
/**********************************/
/******        METEO         ******/
/**********************************/
/**********************************/
/******   Bloc Actu standard ******/
/**********************************/

#storyActu	{ /* Définit le border et la hauteur du bloc "L'INFO" */
	border:1px solid #E4312C;
	height:288px !important;
	min-height:288px;
}

#storyImage	{ /* Définit le DIV pour l'image */
	width:232px;
	float:left;
	padding:5px;
}
.linkTable	{}
.LinkTableOn	{ /* Liens dans la story L'INFO */
	background-color:#FBC6C8;
	cursor: pointer;
}
#headerJournal{
	border-bottom:4px solid white;
	}
#headerJournal .border	{ /* Le fond du header L'INFO */
background-image:url(head_journal_bg.gif);
	background-repeat:repeat-x;
}
#headerJournal .fond	{
	background-color:#dc1124;
}
#headerJournal .titreSect	{
	background-image:url(fleche_blanche.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#dc1124;
	padding-left:12px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	text-transform:lowercase;
	}
#headerJournal .titreSect a	{
text-decoration:none;
color:#FFFFFF;
}
#headerJournal .titreSect a:hover	{
text-decoration:underline;
}
#headerJournal .titreSect a:visited	{
color:#FFFFFF;
}
#headerJournal .title	{ /* Le texte de Titre dans le header L'INFO */
	padding-left:3px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:-1px;
/*	line-height:20px;*/
}

#headerJournal .title a	{text-decoration:none;color: #FFFFFF;}
#headerJournal .title a:hover	{text-decoration:underline;color: #FFFFFF;}
#headerJournal .title a:visited	{color:#FFFFFF;text-decoration:none;}


.journalMenu	{
font-size:10px;
font-weight:normal;
text-transform: uppercase;
/*background-color:#961420;
background-image:url(/images/2006/rouge/head_journal_bg.gif);
background-repeat:repeat-x;*/
}


.journalMenu	a, .journalMenu	a:visited	{
background-image:url(fleche_blanche.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
color:#FFFFFF;
padding-left:10px;
}

.journalMenu	a:hover, .journalMenu	a:active	{
text-decoration: underline;
}

.tjLink, .tjLink a, .tjLink a:visited	{ /* Liens pour la vidéo des journaux dans le header L'INFO */
}
.tjLink a:hover, .tjLink a:active	{ /* Liens pour la vidéo des journaux dans le header L'INFO */
	text-decoration:underline;
}
.actuLink	{ /* Liens dans la story L'INFO */
	font-size:10px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration:none;
	color: #E4312C;
	padding-bottom:5px;
	cursor: pointer;
}
.actuLinkOn	{ /* Liens dans la story L'INFO */
	font-size:10px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration:none;
	color: #E4312C;
	padding-bottom:5px;
	cursor: pointer;
	background-color:#FBC6C8;
}
.actuLink img, .actuLinkOn img	{ /* Liens dans la story L'INFO */
	border: none;
	padding:2px;
}
.imageActu img	{ /* Ajout d'une bordure à l'image dans la story L'INFO */
	border: 1px solid #666666;
}

.actuCaption	{ /* Définitioin de la légende de l'image */
	background-color: #E4312C;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 2px;
	padding-right:2px;
	text-align:left;
	text-decoration:none;
}
.actuCaption em	{
	font-size: 10px;
	text-align:right;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
}
.actuCaptionBottom	{ /* Fond de la table de la légende */
	background-image:url(actu_caption_bottom.gif);
	background-repeat:no-repeat;
}

.storyActuTitle	{
	margin-left:5px;
}
.storyActuTitle	H1, .storyActuTitle	H1 a	{ /* Titre de la story (H1) */
	padding-top:5px;
	color:#961420;
	font-size:20px;
	font-weight:normal;
	line-height:1;
	text-decoration:none;
}
.storyActuLead H2	{ /* Lead de la story (H4) */
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color: #4e4e4e;
}
.storyActuLeadOn H2	{ /* Lead de la story (H4) */
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color: #4e4e4e;
	background-color:#FBC6C8;
	cursor:pointer;
}


.storyBlockHp	{
	font-size:10px;
	padding-bottom:2px;
}

.storyBlockHpLeft	{ /* Bloc de 6 stories sur la HP en dessous de la sotry L'INFO */
	border-left: 1px solid #E4312C;
	border-right: 1px solid #E4312C;
	padding-left:5px;
	padding-top:2px;
}
.storyBlockHpRight	{
	border-right: 1px solid #E4312C;
	padding-left:5px;
	padding-top:2px;
}
.storyBlockHp a{
	color: #E4312C;
	text-transform:uppercase;
	text-decoration: none;
}
.storyBlockHpOn	{
	background-color:#FBC6C8;
	padding-bottom:2px;
	}

.actuFinListe	{
	background-image:url(ligne_actu_bas.gif);
	background-repeat:repeat-x;
}

/***** LISTE DES 4 Stories HP et INFO ***/
/***** PETITES STORIES ****/
.moreActu	{
border-left: 1px solid #E4312C;
border-right: 1px solid #E4312C;
border-bottom: 1px solid #E4312C;
}

.verticalTiret	{
background-image:url(tiret_vertical.gif);
background-repeat:repeat-y;
background-position:center;
}
.moreActu .news	{
height:45px;
background-image:url(tiret_info.gif);
background-repeat:repeat-x;
background-position:bottom;

}

.moreActu .news a	{
font-size:11px;
color:#252525;
text-decoration:none;

}

.moreActu .news a SPAN	{
font-weight: bold;
color:#961420;
}

.moreActu .news a:hover 	{
display:block;
background-color:#FBC6C8;
}

.moreActuSection	{
background-color:#c7c8ca;
color:#252525;
text-transform:uppercase;
text-align:right;
font-size:11px;
}

.moreActuSection a	{
text-decoration:none;
color:#252525;
}
.moreActuSection a:hover	{
text-decoration:underline;
}
.moreActuSectionImg a:hover	{
	background-color:#FBC6C8;
}

/***********************************************/
/******   Bloc Actu moyenne et spéciale  *******/
/***********************************************/
#storyActuMoyenne .image	{
	width:257px;
	float:left;
	border-left:1px solid #E4312C;
}
#storyActuMoyenne .image img{
	border: none;
}

#tableActuMoyenne	{
	border-top: 1px solid #E4312C;
}
.fondRouge	{
	background-color:#E4312C;
}
.fondLigne	{
	background-image:url(../images/hp06/actu_moyenne_bas.gif);
	background-repeat:repeat-x;
}
#tableActuMoyenne .image	{
	border-top:1px solid #E4312C;
	border-left:1px solid #E4312C;
}
#actuListe	{
	margin-left:5px;
	border-bottom: 1px dotted #E4312C;
}
.actuListe, .actuListe a	{
	list-style-type:none;
	margin-right:5px;
	font-size:14px;
	font-weight:bold;
	color: #4e4e4e;
	text-decoration:none;
	display:block;
	padding-bottom:2px;
}
.actuListe a:hover	{
	background-color:#FBC6C8;
}
.actuListe em a{
	padding-top:3px;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#E4312C;
	border-top: 1px dotted #E4312C;
}
.actuListe span	{
	font-size:12px;
	color: #000000;
	font-weight: normal;
}

  /******************************/
 /***   HP ACTU HALF-EVENT   ***/
/******************************/

.hpHalfEventTeaser{
	width:250px;
	display:block;
	background-color:#EE1C23;
	color:white;
	font-size:10px;
	text-decoration:none;
	}
.hpHalfEventTeaser:hover{
	/*text-decoration:none;*/
	}
.hpHalfEventTeaser span{
	display:block;
	padding:4px;
	padding-bottom:27px;
	background:url(hp06-half-event-icon-dos.gif) no-repeat bottom right;
	}
.hpHalfEventNews{
	padding:0px;
	margin:0px;
	list-style-type:none;
	}
.hpHalfEventNews li{
	background:url(tiret_info.gif) repeat-x bottom;
	padding-bottom:1px;
	}
.hpHalfEventNews li a{
	display:block;
	padding:5px;
	font-size:11px;
	color:#252525;
	text-decoration:none;
	}
.hpHalfEventNews li a span{
	font-weight: bold;
	color:#961420;
	}
.hpHalfEventNews li a:hover{
	background-color:#FBC6C8;
	}

/**************************************************/
/*           LIENS, VIDEOS et SONS
***************************************************/

.linkBox h3{
	font-weight: bold;
	font-size: 14px;
	background-color: #C8C8CA;
	color: #E4312C;
	padding:3px;
	margin:0px;
	}
/* pour la slim-box (01/10/2003) */
.boxelette{
	margin-top:4px;
/*	border:1px solid #000000;*/
	font-weight:normal;
/*	width:212px;
	height:20px;*/
	font-size:11px;
	background-color:#C8C8CA;
	overflow:hidden;
	}
.boxelette a{
	display:block;
	padding:3px;
	padding-left:14px;
	height:100%;
	background-image:url(fleche_lien.gif);
	background-repeat:no-repeat;
	background-position: 55px 4px;
	color:#000000;
	}

.boxelette a:hover{background-color:#FBC6C8;}



/**  styles pour les objets liés aux stories (pure CSS)  **/
.storyObjectBox a{
	background-repeat:no-repeat;
	display:block;
	font-size:10px;
	color: #E4312C;
	padding:4px;
	padding-left:24px;
	background-position: 2px 3px;
	text-decoration:none;
	}
.storyObjectBox a:visited{color: #800080;}
.storyObjectBox a:hover{
	background-color: #FBC6C8;
	color: #000000;
	text-decoration: none;
	}
.storyObjectBox a:active{background-color: #c4c4c4;}
.storyObjectBox .video{background-image:url(object_tv.gif); background-position:left;}
.storyObjectBox .link{background-image:url(object_document.gif); background-position:left;}
.storyObjectBox .extlink{background-image:url(../images/2006/icones/icon_extlink.gif); background-position:left;}
.storyObjectBox .audio{background-position: 6px 6px;background-image:url(object_sound.gif); background-position:left;}


/***********************************************/
/******         Bloc sur le site         *******/
/***********************************************/
.siteHaut	{
	background-image:url(site_haut.gif);
	background-repeat:no-repeat;
}
.siteHaut .texte	{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:10px;
	padding-bottom:3px;
}
/*
#siteBas	{
	background-image:url(/images/2006/vert/site_bas.gif);
	background-repeat:no-repeat;
}
.nouvo	{
	height: 177px;
	min-height: 177px !important;
	background-color:#FFCC00;
	cursor:pointer;
	overflow: hidden;
}
.nouvo .texte	a{
	padding-top:3px;
	font-size:10px;
	color: #000000;
	font-weight: normal;
	text-decoration:none;
}
*/
.teaserVertical	{
/*	height: 177px;
	min-height: 177px !important;*/
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
	background-color:#17c000;

}

.teaserVertical .triangle	{
	background-image: url(triangle_blanc_120.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.teaserVertical .titre	{
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:5px;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	}
.teaserVertical .texte	{
	overflow:hidden;
	padding-left: 5px;
	padding-right:20px;
	padding-bottom:5px;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
}
.teaserVertical a{text-decoration:none;}

.bigBlog	{
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	height: 140px;
	min-height: 140px !important;
	cursor: pointer;
	border: 1px solid #666666;
}
.bigBlog a{text-decoration:none;}
.sondage	{
	background-image:url(triangle_orange.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FF6600;
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
}
.sondageOver	{
	background-image:url(triangle_orange.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#E4312C;
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
}
.bigBlog .titre	{
	text-transform:uppercase;
	padding-top:5px;
	padding-left: 5px;
	font-size:24px;
	font-weight: bold;
	color:#FFFFFF;
	cursor: pointer;
}
bigBlog a{text-decoration:none;}
.bigBlog .texte	{
	padding-left: 5px;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	width: 180px;
	cursor: pointer;
}

.bigBlog	TD	{
	background-image:url(triangle_blanc.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;

}

.blog	{
	background-repeat:no-repeat;
	background-position:right;
	background-color:#7e86d1;
	color:#FFFFFF;
	text-decoration:none;
	height: 90px;
	min-height: 90px !important;

}
.blog a{text-decoration:none;display:block;}
.blogTriangle	{
	background-image: url(triangle_bleu.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.blog .titre	{
	text-transform:uppercase;
	padding-left: 5px;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;
	cursor: pointer;
}

.blog .texte	{
	padding-left: 5px;
	padding-bottom:5px;
	font-size:13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	cursor: pointer;
}

.sondage a,.sondageOver a{text-decoration:none;}

.sondage .titre,  .sondageOver .titre	{
	text-transform:uppercase;
	padding-left: 5px;
	font-size:18px;
	font-weight: bold;
	color:white;
}

.sondage .texte, .sondageOver .texte	{
	padding-left: 5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
}

/***********************************************/
/******              TEASERS             *******/
/***********************************************/
.teaserHp	{
border: 1px solid #17C000;
}
.teaserHp a,.teaserHpOver a	{
text-decoration:none;
cursor:pointer;
}
.teaserHp IMG, .teaserHpOver IMG	{
border: 1px solid #666666;
cursor:pointer;
}
.teaserHpOver	{
	background-color:#E4F2B7;
	border: 1px solid #17C000;
	cursor: pointer;
}
.teaserHp .titre, .teaserHpOver .titre	{
padding-top:5px;
font-size:14px;
font-weight:bold;
color: #17C000;
/*padding-left:5px;*/
}

.texte .image	{
float: left;
}
.texte	{
padding-top:5px;
font-size:10px;
font-weight:normal;
color: #000000;
}

.orangeTeaser	{text-decoration: none;	}

/***********************************************/
/******              FOOTER              *******/
/***********************************************/
.footerBg, .footerMenu a {
background-color:#17C000;
color:#93ee1c;
font-size:11px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
text-decoration:none;
}

.footerMenu a:hover	{
text-decoration:underline;
}

.footerMenu .left	{
background-image:url(footer_menu_left.gif);
background-repeat:no-repeat;
}
.footerMenu .centre	{
background-image:url(footer_menu_centre.gif);
background-repeat:no-repeat;
}
.footerMenu .right	{
background-image:url(footer_menu_right.gif);
background-repeat:no-repeat;
}

.favourite	{
padding-right:5px;
/*background-color:#cce5bf;*/
}
.favourite .text a	{
display:block;
text-transform:none;
font-size:10px;
font-weight:normal;
color:#666666;
text-align:right;
text-decoration:none
}

.favourite .text a:hover	{
	text-decoration: underline;
}

.slimFooterText, .slimFooterText a	{
padding-top:4px;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none
}

.slimFooterText a:hover	{
	text-decoration: underline;
}

/***********************************************/
/******         VIDEO A LA CARTE         *******/
/***********************************************/

.headerVac	{}

.headerVac .fond	{
background-image:url(header_vdo_bg.gif);
background-repeat:repeat-x;
}
.headerVac .fond2	{
background-image:url(header_vdo_right.gif);
background-repeat:no-repeat;
}

.headerVac .titre	{
color:#FFFFFF;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
padding-left:10px;
}

.headerVac .texte a	{
padding-left:4px;
vertical-align:middle;
font-size:10px;
font-weight:normal;
color:#666666;
text-decoration:none;
}

.headerVac .texte a:hover	{
text-decoration:underline;
}

.headerVac .icon	{
padding-left:20px;
float:left;
}



#vac	{
height:85px !important;
max-height:85px;
overflow:hidden;
}

.vacfond	{
/*background-color:#d0d4d7;*/
background-image:url(box_vac_dwn.gif);
background-repeat:no-repeat;
background-position:bottom;
}

.vacfondOver	{
background-image:url(box_vac_dwn_over.gif);
background-repeat:no-repeat;
background-position:bottom;
/*background-color:#FBC6C8;*/
cursor:pointer;
}
.vacfondH	{
/*background-color:#d0d4d7;*/
background-image:url(box_vac_up.gif);
background-repeat:no-repeat;
background-position:top;
}
.vacfondOverH	{
background-image:url(box_vac_up_over.gif);
background-repeat:no-repeat;
background-position:top;
/*background-color:#FBC6C8;*/
cursor:pointer;
}
/*
.vac .bottom	{
background-image:url(/images/hp06/vdo_bottom.gif);
background-repeat:repeat-x;
}
*/
.vac .titre	{
padding-top:3px;
color:#455560;
font-size:14px;
font-weight:bold;
/*text-transform:uppercase;*/
text-align:center;
}
.vac .texte	{
color:#455560;
font-size:12px;
font-weight:normal;
text-align:center;
}
.vac .emission	{
padding-top:4px;
padding-bottom:4px;
color:#455560;
font-size:10px;
font-weight:bold;
/*text-transform:uppercase;*/
text-align:center;
}
.vac .image	{
border-top:1px solid #6c7982;
border-left:1px solid #6c7982;
border-right:1px solid #6c7982;
border-bottom:1px solid #6c7982;
}

.vac .imageOn{
border-top:1px solid #6c7982;
border-left:1px solid #6c7982;
border-right:1px solid #6c7982;
border-bottom:1px solid #6c7982;
cursor: pointer;
}

/* Pour le teaser Nouvo */
	.noShow {
		display:none;
		visibility:hidden;
		max-width:1px;
		max-height:1px;

		}

/***********************/
.verticalTiret	{
background-image:url(tiret_vertical.gif);
background-repeat:repeat-y;
background-position:center;
}
/***** STORY CLOSED ****/
.storyMargin	{
margin-left:10px; margin-right:5px; margin-bottom:5px;
}
.storyClosed 	{
padding-bottom:5px;
border: 1px solid #E4312C;
}
.storyOpenLead H2	{
margin-bottom:5px;
}
.storyOpenLead H2 a	{
color:#455560;
text-decoration:none;
}

.storyOpenLead H2 a:hover	{
display:block;
background-color:#FBC6C8;
}
.firstImage	{
float:right;
width:232px;
margin-left:13px;
margin-bottom:5px;
margin-top:5px;
}
.firstImageLeft	{
float:left;
width:232px;
margin-right:13px;
margin-bottom:5px;
margin-top:5px;
}
.storyLeadAndImage {
cursor:pointer;
text-decoration:none;
}
.storyLeadAndImageOn	{
display:block;
/*background-color:#FBC6C8;*/
text-decoration:underline;
cursor:pointer;
}
.suite	{
margin-bottom:10px;
}
.suite a	{
color:#961420;
font-size: 11px;
font-weight:bold;
text-decoration: none;
}

.suite a:hover	{
text-decoration: underline;
}


/* STORY OUVERTE */
.storyOpenTitle	H1, .storyOpenTitle	H1 a	{ /* Titre de la story (H1) */
	color:#961420;
	font-size:22px;
	font-weight:normal;
	margin-bottom:1px;
	text-decoration:none;
}
.storyOpenLead H2	{ /* Lead de la story (H4) */
	padding-left:5px;
	padding-top:10px;
	font-weight:bold;
	color: #455560;
	margin-left:-5px;
	font-size:14px;
}
.openDateAndTime	{
/*border-top:1px dotted #E4312C;
border-bottom:1px dotted #E4312C;*/
font-size:11px;
color:#455560;
}
.openImageLegend	{
background-image:url(tiret_info.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-top: 5px;
padding-bottom:5px;
font-size: 10px;
color:#961420;
}
.openImage	{
border:1px solid #961420;
}

.moreImage .openImageLegend	{
background-image:url(tiret_info.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-top: 5px;
padding-bottom:5px;
font-size: 10px;
color:#961420;
font-weight:bold;
}

.openLettrine	{
font-size: 18px;
font-weight:normal;
color:#a5a5a5;
}

.openBodyTitle	{
font-size:12px;
font-weight:bold;
color:#455560;
}

.openBodyTextA:first-letter	{
font-size: 18px;
font-weight:normal;
color:#a5a5a5;
}

.openBodyTextA, .openBodyTextB	{
padding-top:5px;
font-size:11px;
color:#455560;
text-align:justify;
}
.quote	{
float:right;
width:30%;
padding:15px;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
font-size:14px;
color:#000000;
text-align:left;
border-top:1px solid #961420;
border-bottom:1px solid #961420;
}
.quote .auteur	{
margin-top:15px;
text-align:right;
font-size:9px;
}


.moreImage	{
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}

.storyObjectBox a:visited{color: #000000;}

/**  styles pour les objets liés aux stories (pure CSS)  **/

.subjectBox	{
margin-top:10px;
float:left;
width:50%;
margin-right:8px;
/*border:1px solid #961420;*/
margin-bottom:8px;
}
.subjectBoxTitle	{
/*margin-top:5px;*/
padding-left:5px;
/*border-bottom:1px dotted #961420;*/
font-size:12px;
font-weight:bold;
color:#455560;
text-transform:uppercase;
}
.storySubjectBox	{
border:1px solid #961420;
}

.storySubjectBox a{
	background-repeat:no-repeat;
	display:block;
	font-size:10px;
	color: #455560;
	padding:4px;
	padding-left:24px;
	background-position: 2px 3px;
	text-decoration:none;
	}
.storySubjectBox a:visited{color: #000000;}
.storySubjectBox a:hover{
	background-color: #FBC6C8;
	color: #000000;
	text-decoration: none;
	}

.storySubjectBox a, .storySubjectBox a:hover, .storySubjectBox a:visited	{
}
.storySubjectBox a:active{background-color: #c4c4c4;}
.storySubjectBox .video{background-color:#dadbdd; background-image: url(../css/images/actu_video.gif); background-position:2px 3px; background-repeat:no-repeat;}
/*.storySubjectBox .video{background-color:#dadbdd; background-image:url(/images/2006/icones/object_tv.gif); background-position:2px 3px; background-repeat:no-repeat;}*/
.storySubjectBox .videoWithImage{background-color:#dadbdd;}
.storySubjectBox .link{background-image:url(object_document.gif); background-position:2px 3px; background-repeat:no-repeat;}
.storySubjectBox .extlink{background-image:url(icon_extlink1.gif); background-position:2px 3px; background-repeat:no-repeat;}
.storySubjectBox .audio{background-position: 6px 6px;background-image:url(object_sound.gif); background-position:2px 3px; background-repeat:no-repeat; background-color:#f0f0f0;}

.storyObjectBox .audio i,
.storyObjectBox .video i,
.storyObjectBox .extlink i,
.storySubjectBox .extlink i,
.storySubjectBox .video i,
.storySubjectBox .audio i{
	font-size:10px;
	display:block;
	padding-left:16px;
	font-style:normal;
	}
.storySubjectBox a SPAN, .storySubjectBox a:hover SPAN {color:#961420;}



  /***********************/
 /*** Modifs menu CSS ***/
/***********************/

/* Ioan Sameli, 10.01.2006 12:08 */

#menuTSR{
	list-style-type:none;
	padding:0px;
	margin:0px;
	background-color:#17C000;
	font-size:14px;
	}
#menuTSR li{
	float:left;
	}
.withLogo #menuTSR li{
	margin-top:17px;
	}
.withLogo #menuTSR{
	height:38px;
	}
/* The text, not displayed because it's already in the background image */
#menuTSR li a b{
	display:none;
	}

#menuTSR li a{
	display:block;
	height:21px;
	}

#menuTSR .menuElements a{
	height:auto;
	padding:6px;
	}

/* Si le premier lien doit être un logo */
.withLogo #accueil_Link{
	margin:0px !important;
	}
.withLogo #accueil_Label, .withLogo #accueil_Label:hover{
	background-image:url(logo-137.gif);
	height:38px;
	width:101px;
	margin-left:0px;
	}
/* Width and background image for each link */
#accueil_Label{
	width:76px;
	background-image:url(accueil_a.gif);
	margin-left:24px;
	}
#info_Label{
	width:50px;
	background-image:url(info_a.gif);
	}
#sport_Label{
	width:58px;
	background-image:url(sport_a.gif);
	}
#emissions_Label{
	width:93px;
	background-image:url(emissions_a.gif);
	}
#services_Label{
	width:81px;
	background-image:url(services_a.gif);
	}
#video_Label{
	width:57px;
	background-image:url(video_a.gif);
	}
#meteo_Label{
	width:59px;
	background-image:url(meteo_a.gif);
	}
#archives_Label{
	width:84px;
	background-image:url(archives_a.gif);
	}
#zavevu_Label{
	width:67px;
	background-image:url(zavevu_a.gif);
	}
#programme_Label{
	width:124px;
	background-image:url(programme_a.gif);
	}

/* And the highlight */

#accueil_Label:hover, .accueil_Selected #accueil_Label{
	background-image:url(accueil_b.gif);
	}

#info_Label:hover, .info_Selected #info_Label{
	background-image:url(info_b.gif);
	}
#sport_Label:hover, .sport_Selected #sport_Label{
	background-image:url(sport_b.gif);
	}
#emissions_Label:hover, .emissions_Selected #emissions_Label{
	background-image:url(emissions_b.gif);
	}
#services_Label:hover, .services_Selected #services_Label{
	background-image:url(services_b.gif);
	}
#video_Label:hover, .video_Selected #video_Label{
	background-image:url(video_b.gif);
	}
#meteo_Label:hover, .meteo_Selected #meteo_Label{
	background-image:url(meteo_b.gif);
	}
#archives_Label:hover{
	background-image:url(archives_b.gif);
	}
#zavevu_Label:hover{
	background-image:url(zavevu_b.gif);
	}
#programme_Label:hover, .programme_Selected #programme_Label{
	background-image:url(programme_b.gif);
	}