/* General */

body { margin-top:0px; margin-left:0px; font-family:Verdana,Tahoma,Arial }
tr { vertical-align:top}
td { vertical-align:top; }
img { border:0px }

a {color:#58595B; text-decoration:none; text-align:justify}
a:hover{color:#58595B; text-decoration:underline;  text-align:justify}





/* Header */
.banniere { background-image:url(images/top_bg.jpg); background-repeat:repeat-x; width:760px; background-position:right; padding-top:30px; text-align:right}
.sousbanniere {height:20px; background-image:url(images/bg_sousbanniere.jpg); width:962px; color:#000000; font-size:11px; text-align:left; padding-top:3px;}
.MenuHaut { background-color:#DDDDDD; width:980px; border-top:1px solid #FFFFFF; border-bottom:1px solid #999999; text-align:left}


/*TOP MENU */
/*.TopMenuHeader { height:22px; font-size:11px; }*/
.sousbanniere a { color: #58595B; text-decoration:none;}
.sousbanniere a:hover { color: #58595B; text-decoration:underline;}



.ColonneGauche { width:180px;  vertical-align:top   }
.ColonneCentrale { width:500px;  vertical-align:top   }
.ColonneDroite { width:250px;  vertical-align:top   }
.EspaceColonnes {width:5px;}



.space {height:3px;}



.Login{ width:180px; margin-bottom:5px;	color:#fff;}
.Login th{display:block;background:url(images/bloc_Titre_180_bg.gif) 0 0 no-repeat;width:180px;height:20px;padding:5px 0px 0px 0px;font-size:14px;}
.Login td{width:180px;background:url(images/bloc_login_form_bg.gif) 0 0 repeat-x #353535;text-align:left;padding:8px 8px 8px 8px;}
.Login .Label{font-size:11px;color:#fff;padding:5px 0px 8px 8px;}
.Login .TextBox {width:140px;height:16px;border-left:#808080 solid 1px;border-top:#808080 solid 1px;border-right:#D4D0C8 solid 1px;border-bottom:#D4D0C8 solid 1px;color:#000;background-color:#fff;}
.Login .Bouton{ padding-top:10px}


.Blocs180 { width:180px; margin-bottom:5px}
.Blocs180 th{display:block;background:url(images/bloc_Titre_180_bg.gif) 0 0 no-repeat;width:180px;height:20px;padding:5px 0px 0px 0px;font-size:14px; color:#fff}
.Blocs180TD{
	width:180px;
	background-image:url(images/bloc_Texte_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:left;
	padding:8px 8px 8px 8px;
	border:#808080 solid 1px;}

.Blocs180TextBox {
	width:120px;
	height:16px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
}

.Blocs180Bouton{ text-align:center; padding-top:5px; padding-left:35px}

.Blocs250 { width:250px; margin-bottom:5px}
.Blocs250 th{
	display:block;
	background:url(images/bloc_Titre_250_bg.gif) 0 0 no-repeat;
	width:250px;
	height:20px;
	padding:5px 0px 0px 0px;
	font-size:14px; color:#fff
}
.Blocs250TD {
	width:250px;
	background-image:url(images/bloc_Texte_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:left;
	padding:8px 8px 8px 8px;
	border:#808080 solid 1px;}

.Blocs250 .Label{
	font-size:11px;
	color:#808080;
	padding:5px 0px 8px 8px;

}
.Blocs250 .TextBox {
	width:200px;
	height:16px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
}

.Blocs250 .Bouton{ text-align:center;
 padding-top:10px

}



.Blocs540 { width:540px; margin-bottom:5px}
.Blocs540TH {display:block; background:url(images/bloc_Titre_540_bg.gif) 0 0 no-repeat;width:540px;height:20px;padding:5px 0px 0px 10px;font-size:16px; color:#ffffff; font-weight:bold}
.Blocs540TD {width:540px;background-image:url(images/bloc_Texte_bg.gif);background-position:top;background-repeat:repeat-x;text-align:left;padding:8px 8px 8px 8px;border:#808080 solid 1px;font-size:12px;}
.Textbox  
{	height:16px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	font-size:12px;}



.Blocs735 { width:735px; margin-bottom:5px}
.Blocs735TH{display:block;background:url(images/bloc_Titre_795_bg.gif) 0 0 no-repeat;width:735px;height:20px;padding:5px 0px 0px 0px;font-size:14px; color:#fff}
.Blocs735TD {width:735px;background-image:url(images/bloc_Texte_bg.gif);background-position:top;background-repeat:repeat-x;text-align:left;padding:8px 8px 8px 8px;border:#808080 solid 1px;}



.Cadrephoto { background-image:url(images/photo_bg.png); background-repeat:no-repeat;width:115px; height:150px}

.Pagination {  color:#C4151C; padding-top:10px; font-size:11px;}

.SourceContenu {  color:#808080; padding-top:20px; font-size:10px; text-align:right}
.DateContenu {  color:#808080; padding-top:10px; font-size:10px;}
.SportContenu {  color:#C4151C; padding-top:10px; font-size:10px;}
.AcceuilRubriqueLaUne {  color:#C4151C; padding-top:10px; font-size:12px;}
.AcceuilTitreLaUne {  color:#808080; padding-top:10px; font-size:18px; }
.AcceuilIntroLaUne {  color:#808080; padding-top:10px; font-size:12px; text-align:justify}

h2 {  color:#C4151C; padding-top:10px; font-size:18px; text-transform:uppercase}
h3 {  color:#C4151C; padding-top:10px; font-size:16px; text-transform:uppercase}
h5 {  color:#808080; padding-top:10px; font-size:14px;}


.BlocsAccueilAkhbar { background-color:#c6c8ca;  font-size:10px; width:175px;}
.BlocAccueilAkhbarSport {text-align:center; background-color:#58595B; height:40px; color:#FFFFFF; font-size:14px; text-transform:uppercase; vertical-align:top; padding-top:5px }
.BlocAccueilAkhbarImage { text-align:center;  height:80px; vertical-align:top }
.BlocAccueilAkhbarTexte { text-align:left;  height:140px; vertical-align:top; font-size:12px; padding:0px 2px 0px 2px; margin-top:10px  }


.BlocsAccueilInterview { background-color:#c6c8ca;  font-size:10px; width:158px;}
.BlocAccueilInterviewSport {text-align:center; background-color:#58595B; height:40px; color:#FFFFFF; font-size:14px; text-transform:uppercase; vertical-align:top; padding-top:5px }
.BlocAccueilInterviewImage { text-align:center;  height:80px; vertical-align:top }
.BlocAccueilInterviewTexte { text-align:left;  height:140px; vertical-align:top; font-size:12px; padding:0px 2px 0px 2px; margin-top:10px  }



.AcceuilTitre {color:#808080; font-size:12px; font-weight:bold; text-align:justify}

.SeparationOmbre { background-image:url(images/point-hr.gif); background-repeat:repeat-x; height:2px; width:100%; color:#FFFFFF  }

.ContenuTexte { color:#808080; font-size:12px; text-align:justify; vertical-align:top;   }
.ContenuTexte2 { color:#808080; font-size:12px; text-align:left; vertical-align:top;   }

.ContenuTitre { color:#C4151C; font-size:12px; text-align:justify; vertical-align:top;   }
p { color:#808080; font-size:12px; text-align:justify; vertical-align:top;   }
ul { color:#808080; font-size:12px; text-align:justify; vertical-align:top;   }

.smallflag { height:13px; width:20px; border:1px solid #808080}
.ContenuTexte td { height:20px}

.Boutons { width:80px; background-color:#F2F2F2; border: solid 1px #808080; }
.ContenuTable { color:#808080; font-size:12px; text-align:justify; vertical-align:top; line-height:20px}
.ContenuTable th  { color:#808080; font-size:12px; text-align:justify; vertical-align:top; height:20px}

/*   Calendrier     */
.Calendrier { font-size:12px;width: 500px;position: relative;margin-bottom: 15px;border-collapse:collapse;}
.CalendrierJours { color:#FFFFFF; font-size:12px; font-weight:bold; background-color:#58595B; height:25px}
.JoursNombre {float: right;border-bottom: 1px solid #58595B;border-left: 1px solid #58595B;clear: none; padding: 2px; font-size:10px;}
.CalendrierMoisActuel { background-color: #F2F2F2; border: 1px solid #E9E9E9; height: 50px; position:relative;vertical-align: top;border-collapse:separate;}
.CalendrierAutreMois { background-color: #808080;}
.CalendrierAujourdhui { background-color: #C4151C; color:#FFFFFF;}
.CalendrierWeekend { background-color: #F2F2F2;}



.Liste {list-style-type:none}
.Liste li {list-style-type:none; line-height:20px}


.LienSuite { color:#C4151C; font-size:10px; }
.LienSuite a { color:#C4151C; font-size:10px; text-decoration:none;}
.LienSuite a:hover { color:#C4151C; font-size:10px; text-decoration:underline;}



.tabnav {
    font: bold 11px;
    list-style-type: none;
    padding-bottom: 12px;
    border-bottom: 1px solid #ae2f2f;
    margin: 0; color: #fff;
}

.tabnav li { 
    float: left; width:120px;
    height: 21px;padding-bottom:5px; margin: 0px 0px 0px 4px;
}

.TabBoutons { color: #fff; }


.tabnav li.active {background:url(images/bloc_Titre_120_bgh.gif) 0 0 no-repeat;
    float: left; width:120px;
    height: 21px;padding-bottom:5px; margin: 0px 0px 0px 4px;
}

.tabnav a { background:url(images/bloc_Titre_120_bg.gif) 0 0 no-repeat;float: left; text-align:center;
    display: block; margin: 0px 2px 4px 4px; width:120px;height: 25px;
    text-decoration: none; color: #ffffff;
}

.tabnav a:hover {background:url(images/bloc_Titre_120_bgh.gif) 0 0 no-repeat; float: left; text-align:center;
    display: block; margin: 0px 2px 4px 4px; width:120px;height: 25px;  
    text-decoration: none; color: #000000;
   }

.tabnav a:active {background:url(images/bloc_Titre_120_bgh.gif) 0 0 no-repeat; float: left; text-align:center;
    display: block; margin: 0px 2px 4px 4px; width:120px;height: 25px;  
    text-decoration: none; color: #000000;
   }



.TableHeader  { color:#FFFFFF; font-size:12px; font-weight:bold; background-color:#58595B; height:25px; text-align:center}



.MenuHeader { height:22px; font-size:10px; text-transform:uppercase; }
.MenuHeader a { color: #C4151C; padding: 2px 1px 0px 1px;text-decoration:none; display:block}
.MenuHeaderHover a:hover { background-color:#C4151C; color: #FFFFFF;text-decoration:none; display:block}
.MenuHeaderSelected a:active { background-color:#C4151C; color: #FFFFFF;text-decoration:none; display:block}
.SubMenuHeader a { background-color:#F1F1F1; color: #000000;height:22px;padding: 5px 2px 0px 2px;display:block;font-size:12px;text-decoration:none  }
.SubMenuHeaderHover a:hover {background-color:#C4151C; color: #FFFFFF; height:22px; padding: 5px 2px 0px 2px; display:block;font-size:12px;text-decoration:none}

.OmbreMenuHeader { background-image:url(images/OmbreMenuHeader.gif); height:8px;
}









/*

ul#Bloctabs {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #6c6;
    margin: 0;
}

ul#Bloctabs li {
    float: left; width:120px;
    height: 21px;
    background-color: #cfc;
    margin: 2px 2px 0 2px;
    border: 1px solid #6c6;
}

ul#Bloctabs li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#Bloctabs a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

#Bloctabs a:hover {
    background: #fff;
}










/*MENU *//*

.bordurepagegauche { background-image:url(images/bordpage_gauche.gif); background-repeat:repeat-y; width:11px;}
.bordurepagedroite { background-image:url(images/bordpage_droite.gif);  background-repeat:repeat-y;width:11px;}

.borduremenuhautgauche { background-image:url(images/bordpage2_gauche.gif); background-repeat:repeat-y; width:12px;}
.borduremenuhautdroite { background-image:url(images/bordpage2_droite.gif);  background-repeat:repeat-y;width:12px;}





.BlocRecherche {background-image:url(images/FondRecherche.jpg); height:78px; width:180px; background-repeat:no-repeat;}
.BlocRecherche th {text-align:center;color:#C4151C; font-size:14px;}
.TableauBordure{ border: #999999 1px solid;}



.AcceuilTitreSport { color:#C4151C; font-size:12px; font-weight:bold;  text-transform:uppercase }
.AcceuilTitreArticle a { color:#C4151C; font-size:14px; text-decoration:none; line-height:18px; }
.AcceuilTitreArticle a:hover { color:#C4151C; font-size:14px; text-decoration:underline; line-height:18px;}

/*.AcceuilTexteArticle {background-image:url(images/b-dr.jpg); background-repeat:repeat-x; background-position:top; color:#58595B; font-size:12px; line-height:18px }*/
/*.AcceuilTexteArticle { color:#58595B; font-size:12px; line-height:18px }

.AcceuilTexteArticle a { color:#58595B; font-size:12px; line-height:18px; text-decoration:none; }
.AcceuilTexteArticle a:hover { color:#58595B; font-size:12px; line-height:18px; text-decoration:underline; }


.GrandeImageAccueil { padding:5px}


/* Blocs Tabs Droite*//*
.Blocs2 { background-image:url(images/b-dr.jpg); background-repeat:repeat-x; background-position:top ;}

.Blocs { background-image:url(images/b-dr.jpg); background-repeat:repeat-x; background-position:top ; border: #999999 1px solid; width:100%}
.Blocs th {font-size:14px; color:#C4151C; text-transform:uppercase; height:22px; font-weight:bold; font-family:Arial}
.Blocs a, .Blocs a:visited {color:#C4151C; font-size:12px; text-decoration:none;}
.Blocs a:hover {color:#C4151C; font-size:12px; text-decoration:underline;}
.Blocs img {border: #999999 1px solid}



.BlocDroiteTabbedPanels {margin: 0px;padding: 0px;width:248px}
.BlocDroiteTabbedPanelsTabGroup {margin: 0px;padding: 0px; width:248px}
.BlocDroiteTabbedPanelsTab {position: relative;	top: 1px;float: left;
	padding: 4px 10px;margin: 0px 1px 0px 0px;font: bold 0.7em sans-serif;
	background-color: #DDD;	list-style: none;border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;border-top: solid 1px #999;
	border-right: solid 1px #999;cursor: pointer;}
.BlocDroiteTabbedPanelsTabHover {background-color: #CCC;}
.BlocDroiteTabbedPanelsTabSelected {background-color: #C4151C;	border-bottom: 1px solid #C4151C; color:#FFFFFF}
.BlocDroiteTabbedPanelsTab a {color: black;text-decoration: none;}
.BlocDroiteTabbedPanelsContentGroup {clear: both;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;border-top: solid 1px #999;border-right: solid 1px #999;background-color: #C4151C;  width:248px}
.BlocDroiteTabbedPanelsContent {padding: 4px;}
.BlocDroiteTabbedPanelsContentVisible {}



.ItemListeEvenement a { color:#999; font-size:11px; text-decoration:none;}
.ItemListeEvenement a:hover { color:#999; font-size:11px; text-decoration:underline;}

.TableauListe { background-image:url(images/b-dr.jpg); background-repeat:repeat-x; background-position:top ; width:100%; font-size:9px;}
.TableauListeDetail th {color:#C4151C; font-size:9px; text-transform:uppercase; text-align:left; font-weight:normal; padding-top:3px; padding-bottom:3px}
.TableauListeDetail td { color:#999; font-size:9px;text-align:left; font-weight:normal; height:15px; padding-left:12px }
.SeparationHorizontale {background-image:url(images/trait-points.gif); background-repeat:repeat-x; background-position:bottom ; height:1px; width:98%; padding:0px 10px 0px 20px }





/*
.AcceuilTexte {color:#000000; font-size:15px; text-align:justify}
.AcceuilTexte a {color:#000000; text-decoration:none}
.AcceuilTexte a:hover {color:#000000; text-decoration:underline}


.AcceuilTitreCategorie { text-align:right; font-weight:bold; color:#58595B; font-size:16px; vertical-align:bottom  }
.AcceuilTitreCategorie a { text-align:right;color:#58595B; text-decoration:none; vertical-align:bottom  }
.AcceuilTitreCategorie a:hover { text-align:right;color:#58595B; text-decoration:underline; vertical-align:bottom }

.Lire { color:#58595B; text-decoration:underline; font-size:14px; font-weight:bold; }


.TitreCategorie { text-align:right; font-weight:bold; color:#58595B; font-size:18px; vertical-align:bottom  }
.TitreCategorie a { text-align:right;color:#58595B; text-decoration:none; vertical-align:bottom  }
.TitreCategorie a:hover { text-align:right;color:#58595B; text-decoration:underline; vertical-align:bottom }


*/








/* CONTENU DROITE *//*


.DataListRendezVous a { color:#000000; text-decoration:none; font-size:10pt}
.DataListRendezVous a:hover { color:#000000; text-decoration:underline; font-size:10pt}
.DataListRendezVous ul { list-style-type:square; color:#C4151C; list-style-position:inside; margin-right:5px}

.MenuDroite ul {list-style:none; margin: 0; padding: 0;	}
.MenuDroite {list-style:none; width: 180px; border: 1px solid #ccc;	margin: 10px;	}
.MenuDroite li a { font-weight:bold; list-style:none; height: 20px; text-decoration: none; color:#C4151C;}	
.MenuDroite li a:link, .MenuDroite li a:visited {color: #888; display: block;	background: url(images/menu3.gif); padding: 8px 25px 0 28px;	}
.MenuDroite li a:hover, .MenuDroite li a:active {color: #FFFFFF; background: url(images/menu3.gif) 0 -30px;	padding: 8px 25px 0 28px;	}



/* CONTENU CENTRAL *//*





.Texte {color:#58595B; font-size:12px; text-align:justify; font-weight:normal}
.Texte a {color:#58595B; text-decoration:none; text-align:justify}
.Texte a:hover{color:#58595B; text-decoration:underline;  text-align:justify}
.Source {color:#58595B; font-size:11px; text-align:right;}

.LogoComp { width:120px; height:120px;  margin:0px 0px 0px 0px;  padding-bottom:0px; background-color:Gray}

h111 {background-image :url(images/Fond_Titre_Pages.jpg); background-position:center; background-repeat:no-repeat; text-align:center; padding:10px 0px 10px 0px; color:#58595B; font-size:18px;font-weight:bold;}
h411 { text-align:center;  color:#58595B; font-size:28px; border:solid 1px #58595B;  }

h611 { text-align:center; padding:10px 0px 10px 0px; font-weight:bold; color:#58595B; font-size:15px;  }

.Thumbs {width:80px; text-align:center; padding:5px 0px 10px 0px; vertical-align:middle}
.AnnuaireThumb { border:solid 1px #000000;}

.FormLabel { width:120px; text-align:right; font-weight:bold; color:#58595B; font-size:15px; vertical-align:middle; display:inline-block; height:20px; background-color:#F2f2f2; padding: 2px 2px 0px 2px; margin:0px 0px 5px 0px   }
.FormBox { border: 1px solid #929292;text-align:right; font-weight:bold; color:#58595B; font-size:12px;	vertical-align: middle;	padding: 3px 0px 0px 0px;	margin: 0px 0 0px 0; background-color:#F8F8F8; }
.Bouton { background-color:Transparent; background-image :url(images/Boutons.gif); background-position:center; background-repeat:no-repeat; height:22px; width:62px; font-weight:bold; color:#58595B;  font-size:14px; margin: 10px 0px 30px 0px }

.PhotosJournalAccueil { margin:2px 0px 0px 5px; border: solid 1px #58595B}

.Tabtd {border: solid 1px #000000; width:540px;}
.TabLabel { border-top: solid 1px #000000; border-right: solid 1px #000000; border-left: solid 1px #000000;width:60px; text-decoration:none; color:#58595B; padding: 2px 5px 0px 5px;}
.TabLabelactive { border-bottom: solid 1px #FFFFFF; border-top: solid 1px #000000; border-right: solid 1px #000000; border-left: solid 1px #000000; width:70px; text-decoration:none; color:#58595B; padding: 2px 5px 0px 5px;}

.TitreFiche { text-align:center; font-weight:bold; color:#58595B; font-size:24px; vertical-align:middle; width:480px  }
.TitreSport{ text-align:right; font-weight:bold; color:#58595B; font-size:20px; width:500px; padding: 10px 0px 0px 8px  }

.DrapeauArticle {width:39px; height:28px; padding:14px 13px 0px 0px; border-bottom-width:10px; border-bottom-style:solid; border-bottom-color:White}

.Barrebouton {text-align:right;padding-right:420px }

.TitreArticle {text-align:left; font-weight:bold; color:#C4151C; font-size:14px; vertical-align:top; width:500px; }
/*.FondEnteteArticle{background: url(images/FondEnteteArticle.png); background-position:right; background-repeat:no-repeat; height:65px; padding:25px 10px 10px 0px; }
*//*
.FondEnteteArticle{background: url(images/note.png); background-position:right; background-repeat:no-repeat; height:80px; padding:10px 5px 0px 0px; }


.FichePays ul {list-style:none; margin: 0; padding: 10px;	}
.FichePays li {background: url(images/fleche1.png); background-position:right; background-repeat:no-repeat; font-weight:bold; font-size:12pt; list-style:none; text-decoration: none; color:#58595B; padding: 0px 20px 0px 0px;}	

.ListeArticles ul {list-style:none; margin: 0;	}
.ListeArticles li {background: url(images/fleche1.png); background-position:right; background-repeat:no-repeat; font-weight:bold; font-size:12pt; list-style:none; text-decoration: none; color:#58595B; padding: 0px 20px 0px 0px; text-align:right}	

.FondTableau { background-color:#f1f1f2; padding: 5px 5px 5px 5px}

hr { color:#C4151C; height:1px; width:100% }














/* FOOTER  */


.MenuBas{ background-image:url(images/bas_centre.gif); width:928px;height:92px; color:#FFFFFF; font-size:11px; text-align:center; line-height:20px }
.MenuBas a { font-size:11px; color:#FFFFFF; text-align:center; text-decoration:none}
.MenuBas a:hover { font-size:11px;text-decoration:underline}
.Copyright { text-align:center; font-size:8pt}


/* BANNIERES  *//*
.Bannieres { text-align:center; padding:3px 0px 10px 0px}






















#dhtmlgoodies_contentBox {
  height:0px;
  visibility:hidden;
  position:absolute;
  overflow:hidden;
  padding:2px;
  width:180px;
}

#dhtmlgoodies_content {
  position:relative;  
  width:100%;
}

#dhtmlgoodies_slidedown {
  position:relative;
  width:180px;
}


.MenuAdmin { font-weight:bold}


/*body { margin-top:0px; margin-left:0px; scrollbar-face-color: #b30101; scrollbar-base-color: #b30101; font-family:Verdana, Arial, Helvetica, sans-serif;scrollbar-arrow-color: #ffffff;}


/*<!--SCROLLBAR-FACE-COLOR: #b30101; FONT-SIZE: 12px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 0px; COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: arial, sans-serif; SCROLLBAR-BASE-COLOR: #b30101; BACKGROUND-COLOR: #ffffff-->*/






/*

.Droite180 {width:180px; vertical-align:top;background-color:#F1F1F1;}
.Gauche250 {width:250px; vertical-align:top}
.ContenuPrincipal {width:500px; vertical-align:top}

table.moduletable { border-top: #ffffff 1px solid; width: 100%; border-bottom: #999999 1px solid}
table.moduletable th { font-weight:bold; font-size: 11px; background-image: url(images/modul.jpg); text-transform: uppercase; color:#000000; text-indent: 8px; line-height: 21px; letter-spacing: 1px; height: 21px; text-align:right }

table.moduletable td {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px
}

.sepblocs { background-image: url(images/sep_blocs.gif);background-repeat:repeat-x; height:2px; margin-left:5px;margin-right:5px}

.TitreBlocs { background-color:#F1F1F1; text-align:center; font-weight:bold; color:#000000; font-size:18px; border-top:3px solid #FFFFFF; border-bottom:1px solid #999999  }




.TitreBlocsAcceuil {padding-top:2px; color:#FFF; background-color:#999;font-size:18px;  font-weight:bold ; padding-right:5px;	border-bottom: solid 1px #000;
	border-top: solid 5px #FFF;
 }
 
.sousbanniere img { padding-left:5px; width:20px; height:20px}



/* ADMINISTRATION   */


.AdminTitreForm {padding-left:5px; width:100px; font-weight:bold; display:inline-block; vertical-align:top;}






.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden; width:518px
}

.AccordionPanel {
	margin: 0px;
	padding: 0px; width:518px
}

.AccordionPanelTab {
background-color:#C4151C; color: #FFFFFF;	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none; text-align:right;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px; visibility:collapse
}
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}




#tic {
  padding:10px;
  width:100%;
}

#tic * {
  /* this will hide all children tags */
  font-size: 1em;
  margin:0px;
  padding:0px;
  display:none;
}
#tic a {
  /* add more tags to this list if you wish to display them inside the children */
  display:inline;
}



#wrapper{
width: 250px;
margin: 0 auto;
}
.box{
background: #fff; height:500px;
}
.boxholder{
clear: both;
padding: 0px; border: 1px solid #C4151C; width:240px

}
.tab{
float: right;
height: 32px;
width: 120px;
margin: 0 2px 0 2px;
text-align: center;
background: #8DC70A url(images/redtab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}





.contentslide{
border: 1px solid navy;
border-bottom-width: 1px;
padding: 2px;
width: 180px;
height: 180px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 180px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 0px solid navy;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 0px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 180px; /*IE5 width*/
width: 180px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}





ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #6c6;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #cfc;
    margin: 2px 2px 0 2px;
    border: 1px solid #6c6;
}

ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}

#tabnav a:hover {
    background: #fff;
}


 /* #tabnav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
    float: left;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    margin: 0 10px 4px 10px;
    text-decoration: none;
    color: #9c9;
}

*/
 
 
 
 .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 540px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer; width:132px
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FFF;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}


/* Tickers */

.newsUpperContent, .newsLowerContent 
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    background-image: url(Images/newsBg.gif);
    background-repeat: repeat-y;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
}
.diamond 
{
    vertical-align: middle;
}
.date 
{
    font-weight: bold;
    font-size: 12px;
}
.news 
{
    margin-left: 5px;
    text-align: justify;
}





.top
{
    height: 14px;
    width: 564px;
}
.middleLeft 
{
    float: left;
    width: 20px;
    height: 27px;
}
.middleCenter 
{
    float: left;
    width: 524px;
    height: 27px;
    background-image: url(images/middleCenter.gif);
}
.middleRight 
{
    float: left;
    width: 20px;
    height: 27px;
}
.tickerLines 
{    
    width: 524px;
    position: relative;
    top: 7px;
    font: normal 12px Arial, Verdana, Helvetica;
    color: #080808;
    /* ellipsis definitions for longer text */
    overflow: hidden;
    white-space: nowrap;
   /* text-overflow: ellipsis;*/
}