/*
                   \\"""//
                    (0 0)
    +----oOO---------(_)-------------------+
    |    Feuille de style pour TSR.ch |
    |    tous les style sont regroupé      |
    |    entre deux blocs de commentaire   |
    |    selon leur usage (story, liste)   |
    |    -------------------------------   |
    |    Ioan Sameli , 24.11.2003 15:05    |
    +-----------------------------oOO------+
                   |__|__|
                    || ||
                   ooO Ooo
*/

/** styles pour le menu **/

.menuBox{
	margin-bottom:1em;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#000000;
	padding:0;
	margin:0;
	}

.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:bold;
	font-size:0.75em;
	background-repeat:no-repeat;
	background-position: 1px 3px;
	}

/***** Nouvelles couleurs *****/
.menuBox .item, .menuBox .itemSelected{
	background-color:#272895;
	border-top:1px solid #9EA0FD;
	background-image:url('/images/elmts/menubgfl.gif');
	}

.menuBox .sousItem, .menuBox .sousItemSelected{
	background-color:#3637CB;
	border-top:1px solid #9EA0FD;
	background-image:url('/images/elmts/menubgfl.gif');
	}

.menuBox .itemOpen, .menuBox .itemOpenSelected{
	background-color:#272895;
	border-top:1px solid #9EA0FD;
	background-image:url('/images/elmts/menubgfls.gif');
	}

.menuBox .sousItemSelected, .menuBox .itemSelected, .menuBox .itemOpenSelected, .menuBox a:hover{
	background-color:#FF9933;
	border-top:1px solid #FFCC99;
	}


/** styles pour les Sous menus **/

.menuBox .sousItemActif {
	background-color: #7A91CC;
	border-top:1px solid #768AB4;
	background-image:url('/images/elmts/menubgfl.gif');
	}

.menuBox .sousItemActifSelected{
	background-color:#B3BDD5;
	border-bottom:1px solid #d8dde9;
	border-top:1px solid #B3BDD5;
	background-image:url('/images/elmts/menubgfl.gif');
	}

.menuBox .sousItemActif:hover, .menuBox .sousItemActifSelected:hover{
	background-color:#B3BDD5;
	border-bottom:1px solid #d8dde9;
	border-top:1px solid #B3BDD5;
	background-image:url('/images/elmts/menubgfl.gif');
	}



/**  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;
	}

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

.itemList a, .listLinkStyle{
	color: #3399FF;
	font-weight: bold;
	overflow:hidden;
	font-size: 1.1em;
	}
.itemList a{padding-right:40px;padding:12px;}
.itemList a:visited, .listLinkStyle:visited{color: #800080;}
.itemList a:hover, .listLinkStyle:hover{color: #FF6600;}
.storyList .sec{background-color:#F4F4F4;}
.storyList a:link{color: #0000FF;}
.storyList a:hover{background-color: #E4F2B7;}
.storyList a:visited{color: #800080;}
.storyList a:active{background-color: #D3EA86;}

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

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

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

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

/* pour les tickers */
.storyList .dateT{
	color: #999999;
	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: #000000;
	}

.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:#000000;font-style:normal;}
.storyList .dateT b{
	display:block;
	padding-left:14px;
	font-size:1.2em;
	}

/* ticker de moins d'une heure en orange+bold */
.storyList .on .dateTT{background-color: #FF9900;}
.storyList .on b{color: #FF6600;font-weight:bold;}
.storyList .on u{font-weight:bold;}

/* Style spour le calandrier */
.calendar{width:290px;}
.calendar .tiretLine{
	width:280px;
	background-color:#FF0000;
	}

.calendar span{
	font-weight:bold;
	text-align:center;
	width:100%;
	display:block;
	text-transform:capitalize;
	}

.days b, .days i, .days a, .days u{
	float:left;
	width:40px;
	padding:0px;
	text-align:center;
	text-transform:capitalize;
	}

.days b{
	background-color:#CCCCCC;
	font-size:0.85em;
	}

.days u{
	font-weight:bold;
	color: #AAAAAA;
	text-decoration:none;
	}

.calendar a{
	font-weight:bold;
	color: #3399FF;
	}

.calendar a:hover{
	background-color: #E4F2B7;
	color: #FF6600;
	}
.days i{color:#AAAAAA;}
.breaker{clear:both;}
.calendar .we{background-color:#F2E8FF;}
.calendar #today{background-color:#FF0080;}

/* pour la slim-box (01/10/2003) */
.boxelette{
	margin-top:4px;
	border:1px solid #000000;
	font-weight:bold;
	width:212px;
	height:20px;
	font-size:0.7em;
	background-color:#FFFFFF;
	overflow:hidden;
	}
.boxelette a{
	display:block;
	padding:3px;
	padding-left:14px;
	height:100%;
	background-image:url(/images/icons/trilnk.gif);
	background-repeat:no-repeat;
	background-position: 5px 6px;
	color:#000000;
	}

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

/* pour les boxes inforoutes (01/10/2003) */
.boxless{
	margin-top:3px;
	width:100%;
	height:20px;
	font-size:0.75em;
	}
.boxless a{
	font-weight:bold;
	display:block;
	padding:2px;
	padding-left:24px;
	height:100%;
	background-repeat:no-repeat;
	color:#3399FF;
	}
.boxless a:hover{background-color:#E4F2B7;color:#FF6600;}

/**  styles pour les objets liés aux stories (pure CSS)  **/
.storyObjectBox a{
	background-repeat:no-repeat;
	display:block;
	font-size: 0.75em;
	color: #3399FF;
	padding:4px;
	padding-left:24px;
	background-position: 2px 3px;
	}
.storyObjectBox a:visited{color: #800080;}
.storyObjectBox a:hover{
	background-color: #E4F2B7;
	color: #FF6600;
	text-decoration: underline;
	}
.storyObjectBox a:active{background-color: #D3EA86;}
.storyObjectBox .video{background-image:url(/images/icons/icon_video.gif);}
.storyObjectBox .link{background-image:url(/images/icons/icon_link.gif);}
.storyObjectBox .extlink{background-image:url(/images/icons/icon_extlink.gif);}
.storyObjectBox .file{background-position: 4px 4px;background-image:url(/images/icons/icon_file.gif);}
.storyObjectBox .audio{background-position: 6px 6px;background-image:url(/images/icons/icon_audio.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;
	}

.storyObjectBox .file i{
	font-size:0.9em;
	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(/images/elmts/vertlinebg.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;}

/**  styles pour la box flash (pure CSS)  **/

.flashBox, .linkBox{
	background-color: #E4E4E4;
	font-size: 0.65em;
	margin-bottom:8px;
	}

.flashBox a{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:3px;
	}
.flashBox a:hover{background-color: #e4f2b7;}
.flashBox a:active{background-color: #D3EA86;}

.linkBox a{
	display:block;
	color:#3399FF;
	font-size: 1.2em;
	text-decoration:none;
	padding:3px;
	}
.linkBox a:visited{color: #800080;}
.linkBox a:hover{
	background-color: #e4f2b7;
	color:#FF6600;
	text-decoration:underline;
	}
.linkBox a:active{background-color: #D3EA86;}
.linkBox #yearSelected{background-color: #D3D3D3;}
.linkBox .month{
	padding-left:21px;
	font-size:1em;
	background-image:url(/images/elmts/sublnk.gif);
	background-repeat:no-repeat;
	background-position: 4px;
	}

.flashBox div{padding:5px;}
.flashBox a span{color: #ff0000;}
.flashBox h3, .linkBox h3{
	font-weight: bolder;
	font-size: 1.4em;
	background-color: #cccccc;
	padding:3px;
	margin:0px;
	}
.flashBox center, .linkBox center{
	height:5px;
	background-color: #cccccc;
	font-size: 0.1em;
	}
.flashBox h4{
	font-size: 1em;
	padding-left:12px;
	padding-bottom:12px;
	margin:0;
	background-image:url(/images/elmts/li.gif);
	background-repeat:no-repeat;
	}

/* Styles pour le tjBox */
.tjBox{
	background-color: #FFCC00;
	font-size: 0.65em;
	}
.tjBox center{
	height:5px;
	background-color: #D7AC00;
	font-size: 0.1em;
	}
.tjBox h3{
	font-weight: bolder;
	font-size: 1.2em;
	background-color: #D7AC00;
	padding:3px;
	margin:0px;
	}
.tjBox a{
	text-decoration:none !important;
	text-decoration:underline;
	display:block;
	padding:4px;
	padding-left:21px;
	background-image:url(/images/icons/icon_video.gif);
	background-position: 2px 2px;
	background-repeat:no-repeat;
	}
.tjBox a:hover{background-color: #e4f2b7;}
.tjBox a.more{
	font-size:1.2em;
	text-decoration:none;
	padding:4px;
	background-image:none;
	color:#666666;
	}
.tjBox a span{
	color:#6666CC;
	text-decoration:none;
	}

/** styles pour les box et les listes **/
a{text-decoration: none;color: #0000FF;}
td{font-family: Verdana, Arial, Helvetica, sans-serif;}
.bottomLine{background-color: #D8DDE9;}
.commentary{
	font-family: Courier;
	font-size: 0.9em;
	color: #38631D;
	}

/* Styles des tables de base des boxes : */

.boxTable{
	border: 1px solid #666666;
	background-color: #FFFFFF;
	text-align: left;
	}
.boxTableOn{
	border: 1px solid #333333;
	background-color: #E4F2B7;
	text-align: left;
	cursor: pointer ;
	}

/* les 3 sous styles des boxes : */
.boxTable .light{background-color: #EBEDF3;}
.boxTable .dark{background-color: #C0C9DC;}
.boxTable .middle{background-color: #D0D8E6;}

/* les 3 sous styles des boxes quand on est dessus, donc en orange, */
.boxTableOn .light{background-color: #EDF8D0;}
.boxTableOn .middle{background-color: #E4F2B7;}
.boxTableOn .dark{background-color: #C9E672;}

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

.linkSuite{text-decoration: underline;}
.linkSuite:link{color: blue;}
.linkSuite:visited{color: #800080;}

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

.linkStyle, .linkStyleOff{
	color: #3399FF;
	font-weight: bold;
	font-size: 0.7em;
	}
.linkStyle:hover{color: #FF6600;}
.linkStyleOff{color: #808080;}

/* Styles des textes des boxes : */
.boxDate{
	font-size: 0.65em;
	color: #666666;
	line-height:0.95em;
	}

.boxTitle{
	font-size: 0.85em;
	color: #000000;
	font-weight: bold;
	line-height:0.95em;
	}


.boxTextBold{
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	line-height:0.95em;
	}

.boxText{
	font-size: 0.75em;
	color: #000000;
	line-height:0.95em;
	}

.boxTextSmall{
	font-size: 0.65em;
	color: #000000;
	line-height:0.95em;
	}

.menuTitre{
	font-size: 0.75em;
	font-weight: bolder;
	}

/* Styles des tables des listes de story : */
.listTable{border-width: 0px;}
.listTable2{border-width: 0px;background-color:#F3F3F3;}
.listTableOn{
	background-color: #E4F2B7;
	cursor: pointer;
	}

/* Styles des textes des listes de story : */
.listDate{
	font-size: 0.65em;
	color: #666666;
	}

.listTitle{
	font-size: 0.9em;
	color: #000000;
	font-weight: bold;
	line-height:0.95em;
	}

/* Styles pour les splitters (couleurs de fond des colonnes ) */
.splitterLeftBg{background-color: #EFF2F7;}
.splitterDroite212{background-color:#F0F0F0;}
.splitterDroite167{background-color:#EBEDF3;}

/* Le gros truc bleu sur bleu qui fait office de titre de page ou de section */
.pageTitle{
	font-size: 1.2em;
	color: #EDECF5;
	background-color: #354260;
	padding-left:8px;
	text-transform:uppercase;
	}
.pageTitle a{display:block;color: #EDECF5;}

.pageTitleInteractif{
	font-size: 1.2em;
	color: #EDECF5;
	background-color: #2E57A6;
	padding-left:8px;
	text-transform:uppercase;
	}
.pageTitleServices{
	font-size: 1.2em;
	color: #EDECF5;
	background-color: #01594D;
	padding-left:8px;
	text-transform:uppercase;
	}
.tiretLineColumn{
	background-image:url(/images/elmts/vertlinebg.gif);
	background-color: #666666;
	}

.tiretLine, .storyList center{
	background-image:url(/images/elmts/vertlinebg.gif);
	height:1px;
	clear:both;
	font-size:0.1em;
	}

/* Utilisé juste dans les blocs-liens "archives" en bas des listes, exactement = à boxTextBold */
.listTextBold{
	font-size: 0.7em;
	color: #000000;
	font-weight: bold;
	}

.listText{
	font-size: 0.75em;
	color: #000000;
	}

/* Même que listText, mais en orange, utilisé dans les liste de blocs d'actu */
.listTextFirst{
	font-size: 0.75em;
	color: #FF6600;
	}

/* Pour la liste des auteurs de billets et autres liens de ce genre */
.GreyColumnLinks{
	font-size: 0.75em;
	color: #3399FF;
	text-decoration: underline;
	}
.GreyColumnLinks:hover{color: #FF6600;}
.listTableOn .GreyColumnLinks:link{	color: #FF6600;}
.listTableOn .GreyColumnLinks:visited{color: #FF6600;}
.GreyColumnLinks:visited{color: #800080;}
/* Utilisé aussi dans les flashs */
.listTextSmall{
	font-size: 0.65em;
	color: #000000;
	line-height:0.95em;
	}

/* Styles pour les flashs d'agences et autres, dans la colonne grise étroite de droite, voir l'image flash.gif : */
.flashTableTop{
	font-size: 0.9em;
	font-weight: bolder;
	background-color: #CCCCCC;
	}
.flashTable{background-color: #E4E4E4;}

/* Pour liste sujet téléjournal */
.listTj{
	font-size: 0.65em;
	color: #6666CC;
	}
.flashTime{color: #FF0000;}

/* 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: #666666;
	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("/images/icons/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("/images/icons/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: #d8dde9;
	text-decoration: none;
	}

.StoryTableOn .s-FxNavBg{background-color: #D8DDE9;}

/* 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{
	cursor: pointer;
	background-color: #E4F2B7;
	}

/* 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: #000000;
	font-size: 0.75em;
	font-weight: bold;
	}

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

.s-TxIntroTitreOrigine{
	color: #666666;
	font-size: 0.6em;
	vertical-align: middle;
	height: 16px;
	padding-left: 6px;
	}
.s-TxBasic,.s-TxBasicBold{
	color: #666666;
	font-size: 0.75em;
	}
.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: #000000;
	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;}

/** Fin des styles pour les stories **/
/** CSS originale de Xobix **/
/* The page background is white, and use the usual Arial/Helvetica */
body{
	background-color: white;
	font-family: Helvetica, Arial, sans-serif;
	direction:ltr;
	margin:1px;
	}

img{border:0;}

/* Everything is aligned to the top and the left. */

/* Don't use that much space for lists */
ul{
	margin-top: 3px;
	margin-bottom: 3px;
	}

/* Normal headers on a page */
h1,h2{
	color: black;
	background-color: #ffcccc;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

h2{font-size: 0.8em;}

/* Text on the page */
.normalText{
	background-color: #ffffcc;
	font-size: 0.8em;
	text-align: left;
	}

/* Text that's bold and shouldn't be wrapped */
.nowrapText{
	color: black;
	background-color: #ffffcc;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}


/* Code examples */
code{
	color: black;
	background-color: #ffffcc;
	font-family: Courier, "Courier New", monospace;
}

/* Preformatted stuff, also for blocks of code */
pre{
	color: black;
	background-color: #ffffcc;
	font-family: Courier, "Courier New", monospace;
	font-size: 0.8em;
	white-space: pre;
	margin: 3px;
	}

/** fin des styles pour Xobix **/

/* Styles emploi pour la page interactif */
.s-listEmploi,.s-FxAddressTsr{
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	color: #666666;
	font-size: 0.75em;
	font-weight: normal;
	list-style-position: outside;
	list-style-type: disc;
	}

/** Style pour l'adresse TSR dans les offres d'emploi **/
.s-FxAddressTsr{
	background-color: #D5E4E1;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	}

/** Styles pour la forme contact "GENERIC" **/
.contactTextField, .contactTextField-focus, .contactSujetField,.contactSujetField-focus{
	font-size: 12px;
	padding-top: 3px;
	width: 150px;
	height: 20px;
	background-color: #EBEBEB;
	border:1px solid #666666;
	}

.contactSujetField,.contactSujetField-focus{width: 300px;}
.contactSujetField-focus, .contactTextField-focus{background-color: #FFFFFF;}
.contactTextBox, .contactTextBox-focus{
	font-size: 12px;
	padding-top: 3px;
	width: 300px;
	height: 100px;
	background-color: #EBEBEB;
	border:1px solid #666666;
	overflow:auto;
	}
.contactTextBox-focus{background-color: #FFFFFF;
	}
.contactButton, .contactButton-hover{
	font-size: 12px;
	width: 70px;
	height: 20px;
	}
.contactButton-hover{color:#FF3300;}

/* Styles pour les splitters (couleurs de fond des colonnes ) */
.splitterLeftBg{background-color: #EBEDF3;}
.splitterDroite212{background-color:#F0F0F0;}
.splitterDroite167{background-color:#F0F0F0;}

/******** Classe pour la page des sports ******/
.sportCredits{
	font-size: .7em;
	color:#000000;
	}

/******** Styles pour le header et footer du site *********/

.h-Label, .h-LaDate, .h-other, .h-DayLabel, .h-menuBox, .h-menuLine a{font-family: Arial, Helvetica, sans-serif;}

.h-Label{
	line-height: 16px;
	font-size: 10px;
	padding-left:9px;
	font-weight: normal;
	color: #FFFFFF;
	background-color:#272895;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	}

.h-Label a{display:block;color: #FFFFFF;}

.h-LaDate{
	height: 16px;
	font-size: 10px;
	padding-top:3px;
	padding-left:5px;
	color: #FFFFFF;
	background-color:#272895;
	border-bottom:1px solid #999999;
	text-transform: uppercase;
	}
.h-other{
	font-size: 10px;
	color: #CCCCCC;
	background-color:#3637CB;
	border-bottom:1px solid #999999;
	text-decoration: underline;
	padding-bottom:4px;
	}

.h-other a{
	font-size: 10px;
	color: #CCCCCC;
	background-color:#3637CB;
	text-decoration: underline;
	}
.h-other a:hover{color: #FFFFFF;}

.h-DayLabel{
	display:block;
	font-size: 11px;
	color: #FFFFFF;
	vertical-align: bottom;
	padding-left:2px;
	}

.h-menuBox	{
	padding:0;
	margin:0;
	text-align: center;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	padding-top:1px;
	color:#FFFFFF;
	background-color:#272895;
	background-image: url("/images/header/btnHeader.jpg");
	}

.h-menuBox a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	}

.h-menuBox a:hover	{
	color:#272895;
	background-color:#FFFFFF;
	font-weight:bold;
	}

.h-menuLine	{
	padding:0;
	margin:0;
	height: 22px;
	text-align: center;
	background-color: #272895;
	font-weight: bold;
	}

.h-menuLine a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	}

.h-menuLine a:hover{
	font-weight:bold;
	text-decoration: underline;
	}

.h-menuLineS{
	padding:0;
	margin:0;
	height: 22px;
	text-align: center;
	background-color: #272895;
	}

.h-menuLineS a{
	color:#CCCCCC;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.h-menuLineS a:hover{
	text-decoration: underline;
	font-weight:normal;
	}

.h-menuBox .Selected{
	display:block;
	padding-top:1px;
	padding-bottom:1px;
	color:#272895;
	background-color:#FFFFFF;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;
	}

.formBox1{
	font-size: 12px;
	background-color: #9EA0FD;
	border: 1px solid #000000;
	}

.formBox1_focus{
	font-size: 12px;
	background-color: #CDCEFE;
	border: 1px solid #000000;
	}
.formBox2{
	font-size: 12px;
	color: #000000;
	background-color: #9EA0FD;
	border: 1px solid #000000;
	}

.formBox2_focus{
	font-size: 12px;
	background-color: #CDCEFE;
	border: 1px solid #000000;
	}

.h-table{
	height:30px;
	font-size:11px;
	color:#FFFFFF;
	background-color:#354260;
	border:1px solid #354260;
	cursor:pointer;
	}

.h-fond-clair{
	background-color:#3637CB;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	}

.h-fond-dark{
	background-color:#272895;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	cursor:pointer;
	}

.h-pub{
	font-size: 10px;
	height: 15px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}

/* styles pour les onglets de la recherche */
.searchOnglet{
	border:1px solid #01594D;
	border-bottom:none;
	background-color:#B6DAD6;
	text-align:center;
	font-size:0.8em;
	display:block;
	}

#selectedOnglet,.searchOnglet:hover{background-color:#FFFFFF;}

/** FIN des styles du header **/
/****** Style pour le formulaire de contact sur la page actu ******* Didier 07.01.04**/
	.menuBoxEmi a{
		color:#999999;
		text-decoration:none;
		font-weight:bold;
		font-size:.75em;
		padding:10px;
		}


	.noShow {
		display:none;
		visibility:hidden;
		max-width:1px;
		max-height:1px;

		}


/* ------------------------------------------------- */
/* ------------- Styles pour les forum ------------- */


/* entête D'une intervention*/
.forumTitre{
	font-size: 0.8em;
	float:left;
	font-weight: bold;
	padding-top:10px;
	}

/* Titre D'une intervention*/
.forumTitreBig{
	font-size: 0.9em;
	font-weight: bold;
	color:#003366;
	clear:left;
	padding-top:2px;
	padding-bottom:5px;
	}

/* Texte D'une intervention */
.forumTexte{
	font-size: 0.8em;
	float:left;
	padding-top:2px;
	padding-bottom:5px;
	}

/* Mail d'un intervenant */
.forumMail{

	float:left;
	font-size: 0.8em;
	color:#3399FF;
	text-decoration:none;
	padding-top:10px;

	}

/* boutton intervenir */
.forumIntervenir {
	font-size: 0.7em;
	color: #cc3300;
	text-decoration: none;
	padding-right:20px;
	}


/* Bouton autres thèmes */
.forumAutreTheme {
	font-size: 0.7em;
	color: #336699;
	text-decoration: none;

	}

 /* ------------------------------------------------- */
/* ------------------------------------------------- */