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

p.avertissement {
text-align: justify;
}

p.avertissement:first-letter {
font-weight: bold;
font-size: 3em;
text-align: justify;
float: left;
}


p.image_left{
float: right;
text-align: right;
width: 75px;
height: 75px;
background: black;	
margin-left: 5px;
margin-bottom: 5px;
}

p.text_habillage{
position: absolute;
width: 100px;
height: 100px;
background: yellow;
}


div.entete {
position: relative;
height: 175px;
width: 800px;
background-image: url(images/background/2008_banner_accueil_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;}

div.entete_news {
position: relative;
height: 175px;
width: 800px;
background-image: url(images/background/banner_news_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;
}

div.entete_roster {
position: relative;
height: 175px;
width: 800px;
background-image: url(images/background/banner_roster_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;
}

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


p.main_text {
margin: 50px 0 0 0;
text-align: justify;
background-color : black;
}



/* resultats */

div.entete_results {
position: relative; 
height: 175px; 
width: 800px;
background-image: url(images/background/banner_results_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;
}

div.main_results_container {
position: relative;
top: 100px;
height:370px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}





div.main_results_left {
position: absolute;
top: 0px;
left: 10px;
height: 300px;
width: 380px;
background : black;
}

div.main_results_right {							  
position: absolute;
top: 0px;
left: 410px;
height: 300px;
width: 380px;
background: black;}


div.main_medium_results {
position: relative;
top: 0px;
height: 200px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}

/* fin resultats */



div.entete_girls {
position: relative; 
height: 175px; 
width: 800px; 
background-image: url(images/background/banner_team_1.jpg);
background-repeat :no-repeat; 
background-position: center;
margin-left: auto;
margin-right: auto;
}






div.entete_stats {
position: relative; 
height: 175px; 
width: 800px;
background-image: url(images/background/banner_stats_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;
}




/* ++++++++++++++++++++++++++++++++++++ Page Team */
div.entete_team {
position: relative; 
height: 175px; 
width: 800px; 
background-image: url(images/background/banner_team_1.jpg);
background-repeat :no-repeat; 
background-position: center;
margin-left: auto;
margin-right: auto;
}
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.effectif {
position: relative; 
height: 300px;
width: 800px; 
background-image: none;
background-repeat :no-repeat; 
background-position: center; 
background : black;
margin-left: auto;
margin-right: auto;
}

div.effectif h1 {color: red; font-family: Arial Narrow; background: black; font-size: 2em}
div.effectif h2 {color: red; font-family: Arial Narrow; background: black; font-size: 1.5em}

div.effectif_left {
position: absolute; 
top: 100px; 
left: 0px; 
/* height: 200px; */
width: 300px; 
background: black;

}
div.effectif_center {
position: absolute; 
top: 100px; 
left: 300px; 
/* height: 200px; */ 
width: 250px;
padding-left :5px;
border-color : orange;
border-left-style :groove;
background: black; 
} 

div.effectif_right {
position: absolute; 
top: 100px; 
left: 550px; 
/* height: 200px; */
width: 250px;
padding-left :5px;
border-color : orange;
border-left-style :groove;
background: black; 
}
div.effectif_photo {
position: relative; 
/* height: 200px; */
width: 800px; 
background-image: ;
background-repeat :no-repeat; 
background-position: center; 
background : black;
border-color : orange;
border-top-style :groove;
padding-top :5px;
margin-left: auto;
margin-right: auto;
}



/* +++++++++++++++++++++++++ Fin Page Team +++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


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

div.top_right_corner {
position: absolute; 
top: 0px;
left: 800px; 
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: 0px; 
left: -170px; 
height: 1500px; 
width: 100px; 
background-image: 
url(images/background/fire_1.jpg); 
background-repeat: repeat; 
background-position: top left} 

div.right_colonne {
position: absolute; 
top: 0px; 
left: 870px; 
height: 1500px; 
width: 100px; background-image: 
url(images/background/fire_2.jpg); 
background-repeat: repeat; 
background-position: top left}

div.titre {
position: relative;
top: -70px;
height: 20px;
width: 800px;
margin-left: auto;
margin-right: auto;
}
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: 0px; left: -100px; bottom: 300px; width: 100px; background: black; 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}

/* Attention, si tu modifies le left en center, cela te centre la partie gauche des pages teams >>>> A instruire ! */

div.menu_right {position: absolute; top: 0px; left: 800px; 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.header {position: absolute; top: -95px; left : 350px; bottom: 100px; width: 400px; background: none} */
div.header {position: relative; top: 180px; left : 450px; height: 20px;
width: 400px; background: black}










 

h1 {color: red; font-family: Arial Narrow; background: black; font-size: 2em}
h2 {color: red; font-family: Arial Narrow; background: black; font-size: 1.5em}
h3 {font: bold 1em "script mt"; background: black; color: white;}

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.entete_histoire {
position: relative;
height: 175px;
width: 800px;
background-image: url(images/background/banner_hist_1.jpg);
background-repeat: no-repeat;
background-position: center;
margin-left: auto;
margin-right: auto;}
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_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.site_centre {
width:900px;
margin-left: auto;
margin-right: auto;
/* margin: 0; 
/* pour éviter les marges */
text-align:center; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}


div.team_container {
position: relative;
top: 40px;
height: 550px; 
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}

div.main_news_container {
position: relative;
top: 100px;
height:620px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}
div.main_text_news {
position: absolute;
top: 0px;
left: 10px;
height: 1000px;
width: 770px;
/* le menu de gauche est large de 120px */
background : black;
}





div.main_container {
position: relative;
top: 100px;
height:620px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}

div.main_medium_container {
position: relative;
top: 0px;
height: 300px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}



div.main_low_container {
position: relative;
top: 0px;
height: 400px;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:left; /* pour corriger le bug de centrage IE */
padding:0;
background: black;
}


div.main_left_index {
position: absolute;
top: 0px;
left: 10px;
height: 650px;
width: 380px;
background-image: url(/esb_2008/images/icon_1/big_icon_hot_news_380x50.jpg);
background-position: top;
background-repeat: no-repeat;
background-color : transparent;
}

div.main_left {
position: absolute;
top: 0px;
left: 10px;
height: 650px;
width: 380px;
/* background-image: url(/esb_2008/images/icon_1/big_icon_hot_news_380x50.jpg); */
background-position: top;
background-repeat: no-repeat;
background-color : transparent;
}



div.main_right {							  
position: absolute;
top: 0px;
left: 410px;
height: 650px;
width: 380px;
background: black;}

div.main_medium_left {
position: absolute;
top: +10px;
left: 10px;
height: 150px;
width: 550px;
background : black;
}


div.main_medium_1 {
float :left;
width :150px;
clear :left;
height:125px;
background : black;
font-variant : capitalize;
font-style : normal;
font-weight : normal;
font-size : 0.9em;
text-align :left; 
letter-spacing :1px;
line-height : 1.1em;
word-spacing : 3px;
padding : 0px 2px 0px 2px;
}

div.main_medium_2 {
float :left;
width :150px;
clear :left;
height:250px;
background : black;

font-style : normal;
font-weight : normal;
font-size : 0.8em;
text-align :left; 
letter-spacing :0.2px;
line-height : 1.0em;
word-spacing : 1px;
padding : 0px 2px 0px 2px;
}

div.main_medium_right {
position: absolute;
top: -530px;
left: 560px;
height: 530px;
width: 240px;	  
background : black; 
background-image: url(/esb_2008/images/background/note_v2.jpg);  background-repeat: no-repeat; background-position: top right;
z-index:10;
}


div.main_small_1 {
position: absolute;
top: +0px;
left: -5px;
height: 500px;
width: 270px;
background-position: top;
background-image: url(images/background/black_board_masc_V3.jpg);
background-color :none;
background-repeat: no-repeat;

}



div.main_small_2 {
position: absolute;
top: +0px;
left: 265px;
height: 450px;
width: 270px;
background-position: top;
background-image: url(images/background/black_board_femi_V2.jpg);
background-color : none;
background-repeat: no-repeat;

}


div.main_small_3 {
position: absolute;
top: -250px;
left: 545px;
height: 600px;
width: 250px;
background-color : transparent;
background-repeat: no-repeat;
background-image: url(images/icon_1/big_icon_chiffres_240x50.jpg);
}

div.main_small_4 {
position: absolute;
top: +0px;
left: 10px;
height: 400px;
width: 250px;
background : transparent;
background-position: top center;
background-repeat: no-repeat;
background-image: url(images/icon_1/big_icon_sponsors_240x50.jpg);
}


/* block décalé vers le haut */
/* logo ESB width="200" height="237"*/

div.main_small_5 {
position: absolute;
top: -55px;
left: 275px;
height: 400px;
width: 250px;
background : transparent;
background-repeat: no-repeat;
background-position: top center;
background-image: url(images/icon_1/big_icon_trafic_240x50.jpg);
}



div.main_small_6 {
position: absolute;
top: +150px;
left: 540px;
height: 400px;
width: 250px;
background : transparent;
background-repeat: no-repeat;

/* background-image: url(images/background/esbrunoy_logo_3stars.jpg);*/
}

p.main_low_text {
margin: 60px 0 0 0;
}

div.black_board_text {

font-family: "Kristen ITC","Comic Sans MS";
font-size: 0.8 em;
position : absolute;
top: 40px;
left: 20px;
width: 240px;
height: 220px;

/* margin-top: 40px;*/
/* margin-left: 80px; */
/* text-align: left;*/
/* padding-left:40px */
}


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



/* 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 : 100px; 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: 0px; left: 0px; 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: center}




div.annonce {position: relative; top: 0px; left: 0px; 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)} */

/* positionnement du texte et pas du fond */
div.text_annonce {
position: absolute;
top: +130px;
left :+25px;
height: 320px;
width: 200px;
background: none;
text-align: left;
font-size: 1 em;  
color: black;
} 
div.indicateur {position: relative; top: 0px; left: 0px; 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 ul {margin: 0 0 0 2em; font: -20%}

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