/* D\000439finition de r\438gle */
@charset "windows-1252";


/* Définition du style de l'entête */ 
/* tout est modifé en relative */
div.entete {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_esb_1.jpg); background-repeat: no-repeat; background-position: center}
div.top_left_corner {position: absolute; top: 0px; left: 0px; height: 175px; width: 100px; background-image: url(images/background/saison_2007_2008_100x175.jpg); background-repeat: no-repeat; background-position: center}
div.top_right_corner {position: absolute; top: 0px; left: 900px; height: 175px; width: 100px; background-image: url(images/background/stars_1992_1993_1997_100x175.jpg); background-repeat: no-repeat; background-position: center}

div.entete h1 {font: normal 4em cursive; font-family: Garamond; background-colour: transparent; line-height: 100%}
div.entete h2 {font: normal 2em cursive; font-family: Garamond; background: none transparent; line-height: 100%; text-align: right}


div.left_colonne {position: absolute; top: 175px; left: 0px; height: 1000px; width: 100px; background-image: url(images/background/fire_1.jpg); background-repeat: no-repeat; background-position: top left}
div.right_colonne {position: absolute; top: 175px; left: 900px; height: 1000px; width: 100px; background-image: url(images/background/fire_2.jpg); background-repeat: no-repeat; background-position: top left}


div.entete_team {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_team_1.jpg);background-repeat :no-repeat; background-position: center}
div.entete_team h1 {font: normal 4em cursive; font-family: Garamond; background: none; line-height: 100%}
div.entete_team h2 {font: normal 2em cursive; font-family: Garamond; background: none; line-height: 100%; text-align: left}
p#team {position: absolute; top: 130px; left: 50%; width: 300px; margin-left: -150px; font: normal 3em cursive; font-family: Copperplate Gothic Bold; color: black; background: none; line-height: 100%; border-color: crimson;text-align: center; background-color: none}
p#year {position: absolute; top: 150px; left: 75%; width: 200px;font: normal 1.4em cursive; font-family: Copperplate Gothic Bold; color: white; background: none; line-height: 100%; border-color: crimson;text-align: center; background-color: none}


div.entete_team_fille {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_vyba_1.jpg);background-repeat :no-repeat; background-position: center}
div.entete_team_fille h1 {font: normal 4em cursive; font-family: Garamond; background: none; line-height: 100%}
div.entete_team_fille h2 {font: normal 2em cursive; font-family: Garamond; background: none; line-height: 100%; text-align: left}
p#team {position: absolute; top: 130px; left: 50%; width: 300px; margin-left: -150px; font: normal 3em cursive; font-family: Copperplate Gothic Bold; color: black; background: none; line-height: 100%; border-color: crimson;text-align: center; background-color: none}
p#year {position: absolute; top: 150px; left: 75%; width: 200px;font: normal 1.4em cursive; font-family: Copperplate Gothic Bold; color: white; background: none; line-height: 100%; border-color: crimson;text-align: center; background-color: none}



div.entete_news {position: absolute; top: 00px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_news_1.jpg); background-repeat: no-repeat; background-position: center}
div.entete_news h1 {font: normal 4em cursive; font-family: Garamond; background-colour: transparent; line-height: 100%}
div.entete_news h2 {font: normal 2em cursive; font-family: Garamond; background: none transparent; line-height: 100%; text-align: right}

div.entete_histoire {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_hist_1.jpg); background-repeat: no-repeat;background-position: center}
div.entete_histoire h1 {font: normal 4em cursive; font-family: Garamond; background-colour: transparent; line-height: 100%}
div.entete_histoire h2 {font: normal 2em cursive; font-family: Garamond; background: none transparent; line-height: 100%; text-align: right}

div.compteur_cadre {position: relative;height: 80px; width: 300px; background-image: url(images/habillage/counter/fond_compteur_v1.jpg);background-repeat: no-repeat;background-position: center}
div.compteur_int {position: absolute;top : 25px; left:30px; height: 50px; width: 200px; background: black; background-repeat: no-repeat; background-position: center}
div.compteur_info {position: absolute;top : 25px; left:180px; height: 50px; width: 80px; background: black; background-repeat: no-repeat; background-position: center}

div.entete_stats {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_stats_1.jpg); background-repeat: no-repeat; background-position: center}



div.entete_results {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_results_1.jpg); background-repeat: no-repeat; background-position: center}
div.entete_results h1 {font: normal 4em cursive; font-family: Garamond; background-colour: transparent; line-height: 100%}
div.entete_results h2 {font: normal 2em cursive; font-family: Garamond; background: none transparent; line-height: 100%; text-align: right}
div.entete_results_black_board {position: absolute; top: 250px; left: 200px; height: 175px; width: 800px; background-repeat: no-repeat; background-position: center}
div.entete_results_tendance {position: absolute; top: 250px; left: 500px; height: 175px; width: 300px; background-repeat: no-repeat; background-position: center}
div.page_texte_tendance h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}
div.page_texte_results {position: absolute; top: 500px; left: 200px; bottom: 500px; width: 600px; font: normal 1.1em cursive; font-family: Arial; background: transparent; line-height: 115%}
div.page_texte_results h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}


div.entete_comment {position: absolute; top: 150px; right: 100px; bottom: 80px; width: 200px; background: none}
div.entete_comment h1 {font: normal 4em cursive; font-family: Garamond; background: none transparent; line-height: 100%; color: red}
div.entete_comment h2 {font: normal  bold 2em cursive; font-family: Garamond; background: none; line-height: 75%; text-align: left; color: white}


div.entete_office {position: absolute; top: 0px; left: 100px; height: 175px; width: 800px; background-image: url(images/background/banner_cd_1.jpg); background-repeat: no-repeat; background-position: center}
div.entete_office h1 {font: normal 4em cursive; font-family: Garamond; background-colour: transparent; line-height: 100%}
div.entete_office h2 {font: normal 2em cursive; font-family: Garamond; background: none transparent; line-height: 100%; text-align: right}
div.page_texte_tendance h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}
div.page_texte_office {position: absolute; top: 300px; left: 200px; bottom: 500px; width: 600px; font: normal 1.1em cursive; font-family: Arial; background: transparent; line-height: 115%}
div.page_texte_office h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}



div.titre {position: absolute; top: 200px; left: 50px; bottom: 175px; width: 850px;}
div.titre h1 {font: normal 2em cursive; font-family: Copperplate Gothic Light; background: black; text-align: center}
div.titre h2 {font: normal bold 1.2em cursive; font-family: Arial ; color: white; background: black; text-align: center}

div.menu_left {position: absolute; top: 250px; left: 70px; bottom: 300px; width: 120px; background: none; text-align: left} 
div.menu_left ul {margin:0 0 0 0;}
div.menu_left li {list-style-type : none; margin: 0 0 0 0}
div.menu_left_ h1 {font-size: 1.1 em; text-align: center; margin: 0; position: relative; top: 0 em; font: Arial; font-family: Arial; border: thin solid; border-color: red; border-spacing: 0em}

div.menu_right {position: absolute; top: 250px; left: 830px; bottom: 300px; width: 120px; background: black; text-align: center}
div.menu_right ul {margin:0 0 0 0;}
div.menu_right li {list-style-type : none; margin: 0 0 0 0}
div.menu_right h1 {font-size: 1.1 em; text-align: center; margin: 0; position: relative; top: 0 em; font: Arial; font-family: Arial; border: thin solid; border-color: red; border-spacing: 0em}

div.site_centre {
width:100%;
margin-left: auto;
margin-right: auto;
/* margin: 0;  */
/* pour éviter les marges */
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;}




/* body{width:90%;margin:auto;min-width:600px;max-width:2000px} */
body {
width:90%;
margin-left: auto;
margin-right: auto;
/* margin: 0;  */
/* pour éviter les marges */
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;}

#global {
     width:90%;
	 margin-left: auto;
     margin-right: auto;
     min-width: 600px;
	 max-width:2000px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
/* Attention, si tu modifies le left en center, cela te centre la partie gauche des pages teams >>>> A instruire ! */


div.header {position: absolute; top: 180px; left : 550px; bottom: 100px; width: 400px; background: none}


div.news {position: absolute; top: 270px; left: 200px; bottom: 150px; width: 300px;}
div.message {position: relative; height: 150px; width: 300px;}
div.resultat {position: relative; height : 400px; width: 300px;}

div.col_team ul {position: absolute; top: 100px; text-indent: 0em; margin: 0 0 0 0; text-decoration: underline}
div.col_versus ul {position: absolute; top: 100px; left: 50px; list-style-type : none; margin:0 0 0 0;}
div.col_score ul {position: absolute; top: 100px; left: 150px; list-style-type : none; margin:0 0 0 0;}
div.col_status ul {position: absolute; top: 100px; left: 220px; list-style-type : none; margin:0 0 0 0;}


div.page_texte {position: absolute; top: 250px; left: 200px; bottom: 500px; width: 600px; font: normal 1.1em cursive; font-family: Arial; background: transparent; line-height: 115%}
div.page_texte h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}


div.page_pix {position: absolute; top: 275px; left: 100px; bottom: 500px; width: 600px; font: normal 1.1em cursive; font-family: Arial; background: transparent; line-height: 115%}
div.page_pix h1 {font: normal 1.0em cursive; font-family: Copperplate Gothic Light; font-weight : bold; color: white; background: black; text-align: left}




div.annonce {position: absolute; top: 270px; left: 550px; bottom: 300px; width: 280px; background-repeat :no-repeat;}
div.annonce h1 {font: normal 5em cursive; font-family: Garamond; background: transparent; line-height: 100%}
p#conteneur_annonce {position: absolute; top: 320px; left: 550px; bottom: 400px; width: 240px;}

p#annonce_masque {float: right; width: 150px; height: 150px;background-repeat :no-repeat; background: url(images/background/esbrunoy_logo_3stars_150x150.jpg)} 
/* p#annonce_masque {float: right; width: 150px; height: 150px;background-repeat :no-repeat; background: url(images/background/sparkus_dont_forget_150x150.jpg)} */
div.text_annonce {position: absolute; top: 50px; left: 0px; bottom: 350px; width: 140px; background: none; text-align: left;font-size: 1.0 em;} 
div.indicateur {position: absolute; top: 490px; left: 550px; bottom: 150px; width: 240px;} 
div.sponsor {position: absolute; top: 770px; left: 550px; bottom: 150px; width: 240px;} 

table.resultat {font: 90% Arial} 


/* tableau Roster */
div.roster {position: absolute; top: 300x; left: 100px; bottom: 800px; width: 800px;}


/* Design présentation des équipes */
div.team {position: absolute; top: 200px; left: 200px; bottom: 300px; width: 300px;text-align: left}

div.info_team {position: absolute; top: 200px; left: 550px; bottom: 150px; width: 270px;}

div.roster {position: absolute; top: 850px; left: 0px; bottom: 150px; width: 1000px;}
div.roster h1 {font: normal 2em cursive; font-family: Copperplate Gothic Light; background: black; text-align: center}

div.mouvement {position: absolute; top: 580px; left: 200px; bottom: 20px; width: 200px; background: black; font: 1em}
div.mouvement ul {margin: 0 0 0 0; font: -10%}
div.effectif_left {position: absolute; top: 580px; left: 400px; bottom: 20px; width: 200px; background: black}
div.effectif_left ul {margin: 0 0 0 2em; font: -20%}
div.effectif_right {position: absolute; top: 580px; left: 600px; bottom: 20px; width: 200px; background: black}
div.effectif_right ul {margin: 0 0 0 2em; font: -20%}
p.menu {font: bold arial black; font-size: 120%; color: red; text-align: center; line-height: 100%; background: black}

p.enhanced {font: bold arial black; font-size: 100%; color: white; background: black}

b.1 {font-style: oblique; font-weight: bold; text-align: left}
b.green {font: arial black; font-size: 100%; color: green; background: black}
b.red {font: arial black; font-size: 100%; color: red; background: black}
b.mini {font: Arial; font-size: 75%; color: white; background: black; font-weight: 100=very light}

/* Menu de gauche */

#navlist
{
padding: 0 0px 0px;
margin-left: 0;
font: 12px Arial, sans-serif;
color: white;
background: none;
width: 100px;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid black;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0em 0.25em 0.25em 0.50em;
border-left: 0.80em solid orange;
background: black;
text-decoration: none;
}

#navlist li a:link { color: white; }
#navlist li a:visited { color: white; }
#navlist li a:hover
{
border-color: red;
color: black;
background: orange;
}

/* Menu de tete */

#navlist_horizontal
{
padding: 0 1px 1px;
margin-left: 0;
font: 12px Arial, sans-serif; 

}

#navlist_horizontal li
{
display: inline;
list-style: none;
margin: 0;
border-top: 1px solid black;
border-bottom: 1px solid black;

}

#navlist_horizontal li a
{
display: inline;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 0.8em solid orange;
background: black;
text-decoration: none;
}

#navlist_horizontal li a:link { color: white; }
#navlist_horizontal li a:visited { color: white; }

#navlist_horizontal li a:hover
{
border-color: red;
color: black;
background: orange;
}