html {
height:100%;
font-size:100%;
}
body {
height:100%;
margin: 0px;
padding: 0px;
background-color: #FFFFCC;
}
div#spacer {
height: 3px;
visibility: hidden;
}
#header {
/*height: 145px;*/
height: 169px;
background-color: #FFFFCC;
}
#global {
width:1000px;
background-color:#FFFFCC;
margin: auto;
}
#content {
background-color:#FFFFCC;
margin-left: 180px;
margin-right: 180px;
padding-top: 3px;
}
#menu_gauche {
float: left;
width: 175px;
padding-top: 3px;
background-color:#FFFFCC;
}
#menu_droite {
float: right;
width: 175px;
padding-top: 3px;
background-color:#FFFFCC;
}
#footer {
clear: both;
height: 50px;
background-color:#FFFFCC;
}
/*****************************/
/** Style du corps des pages */
/*****************************/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #CCFFFF;
font-weight: normal;
font-style:normal;
line-height: 140%;
text-decoration: none;
letter-spacing: normal;
color: #993699;
}
/*  Defaut des tables */
TABLE { 
margin: auto;
padding: 0;
width: 98%;
border:0px;
border-spacing: 0px;
border-collapse: collapse;
}
/* Defaut des caption */
TABLE caption {
margin: auto;
color: #FFFFFF;
font-size: 14pt;
text-align: center;
background-color: navy;
font-variant:small-caps;
padding: 5px 0 5px 0;
}
/*  Defaut des cellules */
TD {
vertical-align: middle;
text-align: left;
padding: 0px;
border: 0px;
}
/*  Defaut des images */
IMG {
border: 0;
vertical-align: middle;
}
/*  Defaut des paragraphes */
P {
text-align:justify;
}
/*  Defaut des liens */
A, A:visited, A:active   {
display: block;
width: 100%;
color: #993699;
text-decoration: none;
}
A:hover {
text-decoration: underline;
}
h1 {
font-size: 16pt;
line-height: 100%;
color: black;
font-weight: bold;
}
h2 {
font-size: 16pt;
line-height: 100%;
color: red;
font-weight: bold;
}
h3 {
font-size: 14pt;
line-height: 100%;
color: green;
font-weight: bold;
}
h4 {
font-size: 12pt;
line-height: 100%;
color: #993699;
font-weight: bold;
}
h5 {
font-size: 10pt;
line-height: 100%;
color: #993699;
}
h6 {
font-size: 8pt;
line-height: 100%;
color: #993699;
}
h7 {
font-size: 6pt;
line-height: 100%;
}
/***************************************/
/**** Le texte pour le bandeau flash ***/
/***************************************/
.bandeau {
height: 100px;
width: 984px;
margin: 0 auto;
}
.TexteFlash table {
width: 984px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
}
.TexteFlash td {
font-size: 12pt;
font-weight: bold;
color: red;
background-color: #FFFFCC;
vertical-align: middle;
text-align: left;
}
.tdimg {
height: 25px;
width: 114px;
background: url(/hac/pics/pics/flash.gif) no-repeat 0 0;
}
.HeaderLigne1 {
height: 5px;
width: 984px;
vertical-align:top;
margin-left: auto;
margin-right: auto;
}
.HeaderLigne2 {
height: 10px;
width: 984px;
vertical-align: top;
margin-left: auto;
margin-right: auto;
}
.HeaderLigne1 img, .HeaderLigne2 img {
height: 4px;
width: 978px;
vertical-align: top;
border: 3px white solid;
}
/*******************************/
/**** Ici le menu a  gauche ****/
/*** Defintion de menuvert  ****/
/*******************************/
.menuvert, .menu_haut {
padding: 0;
margin: auto;
}
.menuvert caption, .forum caption, #Gauche2 caption {
margin: auto;
width: 165px;
color: #FFFFFF;
text-align: center;
height: 20px;
background: url(/hac/pics/pics/menu.gif);
padding: 0;
}
.menuvert table, .menu_haut table {
width: 165px;
}
.menuvert td, .menu_haut td {
height: 25px;
vertical-align: middle;
text-align: left;
}
/*****************/
/* Style du lien */
/*****************/
.menuvert a:link, .menuvert a:visited, .menuvert a:active  {
display: block;
width: 165px;
line-height: 20px;
color:#FFFFFF;
text-indent: 23px; 
text-decoration: none;
background: url(/hac/pics/pics/menu.gif) no-repeat 0 0;
border: 1px solid #dbd;
}
.menuvert a:hover {
background: url(/hac/pics/pics/menu.gif) no-repeat 0 -20px;
border: 1px solid #f97;
color: #993699;
}
/*****************************/
/* Menu Haut des minis liens */
/*****************************/
/*****************/
/* Style du lien */
/*****************/
.menu_haut a:link, .menu_haut a:visited, .menu_haut a:active {
display: block;
width: 165px;
line-height: 15px;
color:#993699;
text-indent: 0; 
text-decoration: none;
border: 0 solid;
background-color: #FFFFCC;
background-image: none;
}
.menu_haut a:hover {
background-color: #993699;
border: 0 solid;
color: #FFFFCC;
text-decoration: underline;
background-image: none;
line-height: 15px;
}
/***********************************/
/**** Ici les messages du forum ****/
/***********************************/
.forum {
padding: 0;
margin: auto;
color: #993699;
text-align: center;
vertical-align: text-top;
word-spacing: normal;
background-color: #FFFFCC;
}
.forum table {
width: 163px;
border: 1px #993699 solid;
color: #993699;
font-size: 8pt;
vertical-align: top;
}
.forum table caption {
font-size: 8pt;
padding: 0;
}
.forum table td {
border: 1px #993699 solid;
text-align: left;
padding: 1px;
}
.tdF {
color: #FFFFFF;
font-size: 8pt;
text-align: center;
background: url(/hac/pics/pics/menu.gif);
}
.usernameF {
font-size: 8pt;
text-decoration: underline;
color: green;
}
.dateF {
color: red;
}
/*****************/
/* Style du lien */
/*****************/
.forum a:link, .forum a:visited, .forum a:active {
display: block;
text-decoration: none;
text-align: center;
font-size: 10pt;
}
.forum a:hover {
display: block;
color: red;
font-size: 10pt;
text-decoration: underline;
text-align: center;
}
/***********************/
/**** Menu gauche 2 ****/
/***********************/
.GaucheLigne1 {
height: 21px;
width: 155px;
vertical-align: middle;
margin: auto;
}
.GaucheLigne1 img {
height: 5px;
width: 155px;
vertical-align: middle;
border: 3px white solid;
}
#Gauche2 {
color: #993699;
text-align: center;
background-color: #FFFFCC;
width: 165px;
margin: auto;
}
#Gauche2 table {
width: 165px;
color: #993699;
text-align: center;
font-size: 8pt;
vertical-align: top;
margin: auto;
border-spacing: 2px;
border-collapse: separate;
}
#Gauche2 table td {
border: 1px #993699 solid;
text-align: center;
padding: 1px;
font-weight: bold;
font-variant:small-caps;
}
#Gauche2 table caption {
font-variant:small-caps;
font-size: 10pt;
padding: 0;
}
#Gauche2 table td img {
border: 1px black solid;
}
#Gauche2 a, #Gauche2 a:link, #Gauche2 a:visited, #Gauche2 a:active  {
display: block;
color: red;
}
#Gauche2 a:hover {
display: block;
text-decoration: underline;
color: red;
}
/*****************************/
/**** Affichage du centre ****/
/*****************************/
.centre, .guide, .news, .resultats, .tournois, .photos, .tableau {
margin: auto;
margin-top: 2px;
}
.centre p {
	font-size: 10pt;
}
.centre table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.guide table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
/*font-weight: bold;*/
}
.news table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
border-collapse: separate;
font-size: 10pt;
width: 95%;
}
.revuepresse table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.sponsorsindex table {
margin: auto;
line-height: 140%;
collapse: collapse;
font-size: 10pt;
width: 98%;
}
.forumindex table {
margin: auto;
line-height: 140%;
collapse: collapse;
font-size: 10pt;
width: 98%;
}
.resultats table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.tournois table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
}
.resultatsleague table {
margin: auto;
border: 0;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.tableauleague table {
margin: auto;
border: 0;
line-height: 140%;
collapse: collapse;
font-size: 10pt;
border-color: #FFFFCC;
}
.photos table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.tableau table {
margin: auto;
border: 1px #993699 solid;
line-height: 140%;
collapse: separate;
font-size: 10pt;
}
.tableauleague table {
margin: auto;
border: 0;
line-height: 140%;
collapse: collapse;
font-size: 8pt;
border-color: #FFFFCC;
}
.centre table td {
text-align: left;
border: 1px #993699 solid;
}
.guide table td {
text-align: left;
border: 1px #993699 solid;
}
.news table td {
text-align: left;
border: 1px #993699 solid;
}
.revuepresse table td {
text-align: left;
border: 1px #993699 solid;
}
.sponsorsindex table td {
text-align: justify;
border: 1px #993699 solid;
}
.forumindex table td {
text-align: justify;
border: 1px #993699 solid;
}
.resultats table td {
text-align: center;
border: 1px #993699 solid;
}
.tournois table td {
text-align: center;
border: 1px #993699 solid;
}
.resultatsleague table td {
border: 0;
border: 0;
font-size: 10pt;
}

.photos table td {
text-align: center;
border: 1px #993699 solid;
}
.tableau table td {
text-align: center;
border: 1px #993699 solid;
}
.tableauleague table td {
border: 0;
font-size: 8pt;
border-color: #FFFFCC;
}
.centre a:link, .centre a:visited, .centre a:active, .guide a:link, .guide a:visited, .guide a:active, .forumindex a:link, .forumindex a:visited, .forumindex a:active, .resultats a:link, .resultats a:visited, .resultats a:active, .tournois a:link, .tournois a:visited, .tournois a:active, .photos a:link, .photos a:visited, .photos a:active, .tableau a:link, .tableau a:visited, .tableau a:active {
display: block;
text-decoration: none;
text-align: center;
font-weight: bold;
font-size: 10pt;
}
.centre a:hover, .guide a:hover, .forumindex a:hover, .resultats a:hover, .tournois a:hover, .photos a:hover, .tableau a:hover {
display: block;
color: red;
font-weight: bold;
font-size: 10pt;
text-decoration: underline;
text-align: center;
}
.sponsorsindexH img {
width: 300px;
height: 150px;
vertical-align: middle;
padding: 2px 0 2px 0;
}
.sponsorsindexM img {
width: 250px;
height: 125px;
vertical-align: middle;
padding: 2px 0 2px 0;
}
.sponsorsindexL img {
width: 170px;
height: 85px;
vertical-align: middle;
padding: 2px 0 2px 0;
}
.invisible a {
text-decoration: none;
text-align:center;
width:390px;
}
.invisible a:hover {
text-decoration: none;
text-align:center;
width:390px;
background-image:url(http://www.foot-hac.com/hac/pics/favicon_32.jpg);
}
.invisible a:visited {
display:block;
text-align:center;
text-decoration: none;
width:390px;
}
/**************/
/**Resultats***/
/**************/
TR.accession {background-color: #ccffcc} /* couleur partie accession ou coupe d'europe */
TR.barrage {background-color: #66CCFF} /* couleur partie barrage ou coupe d'europe*/
TR.relegation {background-color: #FFcc99} /* couleur partie relégation */
TR.ligne1 {background-color: #E5E5E5} /* première ligne grise du classement */
TR.ligne2 {background-color: #FFFFFF} /* seconde ligne blanche du classement */
/* --------- tableau journée --------- */
TR.date {color: #FFFFFF; background-color: #0066cc} /* date des rencontres*/
TD.date {color: #FFFFFF; background-color: #0066cc; font-size: 10pt;text-align:center;} /* date des rencontres*/
/* --------- calendrier ---------- */
font.victoire {color: #339933} /* couleur du texte désignant une victoire */
font.nul {color: #ff9933} /* couleur du texte désignant un nul */
font.defaite {color: #FF3300} /* couleur du texte désignant une défaite */
td.cld1 {text-align:right;font-size: 10pt; border: 0;} /* cellule gauche tableau */
td.cld2 {text-align:left;font-size: 10pt; border: 0;} /* cellule droite tableau */
/* -------- autres ----------- */
TR.trphpl {font-size: 10pt}
TR.trphpl2 {
vertical-align: top;
font-size: 10pt;
margin: auto;
padding: 0;
width: 98%;
border:0px;
border-spacing: 0px;
border-collapse: collapse;
}
TR.trphpl3 {background-color: #3b487f ; color: #FFFFFF; font-size: 10pt;text-align: center;} /* titre dans les tableaux */
.tdnoborder
{
padding: 0px;
border: 0px;
}
.trnoborder
{
padding: 0px;
border: 0px;
}
TABLE.tablephpl2 {vertical-align: top;
font-size: 10pt;
margin: auto;
padding: 0;
width: 98%;
border:0px;
border-spacing: 0px;
border-collapse: collapse;
}
TD.tddroite {text-align:left;}
TD.tdcentre {width:50%;text-align:left;}
TD.tdgauche {width:80%;text-align:left;}
td.cld1 {text-align:right;font-size: 10pt; border: 0;} /* cellule gauche tableau */
td.cld2 {text-align:left;font-size: 10pt; border: 0;} /* cellule droite tableau */
/**********************/
/* Mise en forme news */
/**********************/
/*.news{width:660px;}*/
.titre{border:0px;color:white;background-color:white;background-image:url('http://www.foot-hac.com/news/images/form/titre_news.png');text-indent:20px;font-weight: bold;text-align:center;}
.titre_petit{border:0px;color:white;background-color:white;background-image:url('http://www.foot-hac.com/news/images/form/titre_news.png');text-indent:10px;font-weight: normal;font-style:italic;text-align:center;font-size:smaller}
.text_news{border:1px;border-top:none;border-bottom:none;width:100%;border-left-style:solid;border-left-color:blue;border-right-style:solid;border-right-color:blue;}
.posteur{text-indent:10px;font-weight:normal;font-style:italic;text-align:left;color:black;font-size:smaller}
.user{border: solid 1px black;border-top:none;border-bottom: dotted 1px black;text-align:justify;}
.description{border:solid 1px black;border-top:none;border-bottom: dotted 1px black;}
.numéro{text-align:center;}
.petite_news{border:1px;border-top:none;border-bottom:none;width:60%;border-left-style:solid;border-left-color:blue;border-right-style:solid;border-right-color:blue;text-indent:10px;font-weight:normal;font-style:italic;text-align:left;font-size:smaller;color:purple}
/*td,table{border:solid black 1px;}*/
label{text-align: left;width: 120px;margin-right: 8px;text-align: right;font-weight: bold;}
fieldset{margin-bottom:15px;}
/*select{height:18px;}*/
legend{color: #336699;font-weight: bold;font-family: arial, times, 'Times new roman', serif;}
.send{text-align: center;margin-bottom:40px;}
.cleaner{clear: both;}
.boutons{margin-right: 0px;}
.smilies_form{width:600px;height:20px;text-align:left;margin-left:20px;background-image:url('http://www.foot-hac.com/news/images/form/barre.gif');width:533px;}
.boutons_form{margin-left:20px;background-image:url('http://www.foot-hac.com/news/images/form/barre.gif');width:533px;}
.smiley_cliquable, .bouton_cliquable
{cursor:pointer;}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-through;}
.italique{font-style: italic;}
.gras{font-weight:bold;}
.rmq{background-position: 10px 5px;background-repeat: no-repeat;padding: 8px;padding-left: 50px;}
.orange{color:rgb(236, 118, 0);}
.noir{color:black;}
.marron{color:maroon;}
.vertf{color:green;}
.olive{color:olive;}
.marine{color:navy;}
.violet{color:purple;}
.bleugris{color:teal;}
.argent{color:silver;}
.gris{color:rgb(100, 100, 100);}
.rouge{color:red;}
.vertc{color:lime;}
.jaune{color:yellow;}
.bleu{color:blue;}
.rose{color:fuchsia;}
.turquoise{color:aqua;}
.blanc{color:white;}
.arial{font-family: "Arial Narrow", serif;}
.times{font-family: Times, serif;}
.courrier{font-family: Courier, serif;}
.impact{font-family: Impact, serif;}
.geneva{font-family: Geneva, serif;}
.optima{font-family: Optima, serif;}
.ttpetit{font-size: 6pt;}
.tpetit{font-size: 8pt;}
.petit{font-size: 10pt;}
.gros{font-size: 12pt;}
.tgros{font-size: 14pt;}
.ttgros{font-size: 16pt;}
.centrebb {text-align:center;}
.gauche{text-align: left;}
.droite{text-align: right;}
.justifie{text-align:justify;}
.noborder{border:0;}
.code2, .citation2
/*{border: 1px solid black;width: 90%;padding: 8px;font-family:Courier, Arial, Times, 'Times New Roman', serif;font-size:12px;margin-left:25px;}*/
.code2{	/*white-space: pre;*/}
.code, .citation, .opt_titre
/*{font-weight: bold;}*/
.smilies{vertical-align: middle;}
.icone{border:none;margin-left:13px;}
/* Fin mise en forme news */