html {
	height:100%}

a {
	color: #007AB4}

body { 
	height:100%;
	text-align:center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	scrollbar-base-color: #8D2219; 
	scrollbar-face-color: #8D2219; 
	scrollbar-track-color: #EEDEDD; 
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #DDBCBA; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-shadow-color: #EEDEDD;
	scrollbar-darkshadow-color: #8D2219}

#main_container {
	width: 760px;
	padding: 0px;
	margin: 0px auto;
	background-color: #FFFFFF}

.table_body {
	width:100%;
	height:500px;
	border-spacing: 0px;
	border-collapse: collapse;
	padding:0px;
	margin:0px}

td.table_body {
	padding:0px}


/************LAYOUT (colonne droite) ************/

#body_mainbg {
	width:585px;
	vertical-align:top;
	background-color: #ffffff;
	padding: 5px 10px;
	border-right:1px solid #000000}


/************ HOME PAGE ************/

#body_home {
	width:385px;
	vertical-align:top;
	background-color: #EEDEDD;
	padding: 5px 5px 5px 5px;
	border-right:1px solid;
	border-color: #ffffff #000000 #ffffff  #ffffff}

#left_home {
	width:200px;
	height:100%;
	vertical-align:top;
	background-color:#EEDEDD;
	border-right:1px solid #000000}

.top_home {
	margin-top:10px;
	padding: 0px 10px 15px 10px;
	vertical-align:top;
	border-bottom:0px solid #EEDEDD;
	line-height: 19px;
	font-size:11px;
	text-align:left}

.bottom_home {
	margin-top: 15px;
	padding: 0px 10px;
	vertical-align:top;
	font-size: 11px;
	line-height: 20px}

.photo_caption {
	font-size:10px;
	margin:0px 0px 5px 15px;
	padding:0px 0px 0px 0px;
	float:right}



/********* HEADER (MENU HAUT) **********/

.header_container {
	padding:0px;
	margin:0px}

#header_logo {
	padding:0px;
	margin:0px;
	background-image: url(../images/header_03a.jpg);
	border: 1px solid;
	border-color: #000000;
	height:99px}

#header_menu {
	height:25px;
	padding:0px;
	margin:0px;
	background-image: url(../images/header_03b.gif);
	border: 1px solid;
	border-top:none;
	border-color: #000000;
      text-align:right;
	vertical-align: middle}



/********* Liens (Accueil - Le mouvement - FAQ , etc ) **********/


#header_menu a {
	padding:2px 0px 3px 47px;
	margin:0px;
	border-width: 0px;
	color: #DDBCBA;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	text-decoration: none;
	vertical-align: baseline;
	line-height:25px;
	background-repeat: no-repeat;
	background-position: 0px 1px}

#header_menu a:hover, #header_menu a:focus {
	color:#FFFFFF;
	font-weight: bolder}




#header_menu a.home {
	background-image: url(../images/home.gif);
	background-position: 24px 2px}


#header_menu a.home:hover, #header_menu a.home:focus {
	background-image: url(../images/home_over.gif);
	background-position: 24px 2px}


#header_menu a.mouv {
	padding:2px 0px 3px 55px;
	background-image: url(../images/mouv.gif);
	background-position: 26px 3px}


#header_menu a.mouv:hover {
	background-image: url(../images/mouv_over.gif);
	background-position: 26px 3px}


#header_menu a.liens {
	padding:2px 0px 3px 43px;
	background-image: url(../images/lien.gif);
	background-position: 21px 2px}


#header_menu a.liens:hover {
	background-image: url(../images/lien_over.gif);
	background-position: 21px 2px}
	

#header_menu a.faq {
	padding:2px 0px 3px 43px;
	background-image: url(../images/faq.gif);
	background-position: 20px 3px}

	
#header_menu a.faq:hover {
	background-image: url(../images/faq_over.gif);
	background-position: 20px 3px}
	
	
#header_menu a.admin {
	background-image: url(../images/admin.gif);
	background-position: 20px 2px}

	
#header_menu a.admin:hover {
	background-image: url(../images/admin_over.gif);	
	background-position: 20px 2px}
	

#header_menu a.contact {
	padding:2px 12px 3px 47px;
	background-image: url(../images/contact.gif);
	background-position: 22px 2px}


#header_menu a.contact:hover {
	background-image: url(../images/contact_over.gif);
	background-position: 22px 2px}





/***********  SECTION AGORA   *************/



/*** Page d'accueil ***/

a.agora1 {
	color: #8D2219;
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	position:relative; left:20px;
	background-image: url(../images/point1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px}


a.agora1:hover {
	font-weight: bolder}


a.agora2 {
	color: #567636;
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	background-image: url(../images/point2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px}


a.agora2:hover {
	font-weight: bolder}


a.agora3 {
	color: #bc6805;
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	background-image: url(../images/point3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px}


a.agora3:hover {
	font-weight: bolder}


a.agora4 {
	color: #2d5b78;
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	background-image: url(../images/point4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px}


a.agora4:hover {
	font-weight: bolder}



/*** À l'intérieur des ligues ***/

font.agora_title {
	color: #434E57;
	display: block;
	padding: 10px 0px 0px 3px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 20px;
	font-weight: bold}

font.agora_derniersujet {
	color: #434E57;
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 
	padding: 15px 0px 0px 3px;
	line-height: 15px}

a.agora_forumjunior {
	color: #8D2219;
	display: block;
	padding: 5px 0px 0px 3px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	text-decoration: none;
	line-height: 15px}

a.agora_forumjunior:hover {
	color: #8D2219;
	font-weight: bold}

a.agora_sujets {
	color: #434E57;
	display: block;
	padding: 15px 0px 0px 10px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px}






/***********FOOTER*************/

#footer_mainbg {
	font-size:10px;
	text-align:center;
	line-height: 13px;
	background-color: #EEDEDD;
	border:1px solid #000000;
	padding-left: 60px;
	padding-bottom: 10px}



/************FORMS*************/

form {
	margin: 5px;
	padding: 5px}

textarea, input, select {  
	background-color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #cccccc; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px}

.button {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-color: #cccccc #000000 #000000 #cccccc;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px}



/***********TOURNAMENT************/

.bracket {  
	border: #666666; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #efefef;
	color: #000000}

.bracket2 {   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	font-weight: normal;
	color: #6699CC}

.bracket_champ {  
	border: #3300CC; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #efefef;
	color: #000000}




/*********** MAIN MENU (MENU GAUCHE) ************/


#menu_mainbg {
	width:175px;
	vertical-align:top;
	background-color: #ffffff;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-top: none}


.menu_left_header {
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	background-color: #8d2219;
	font-weight: bold;
	color: #ffffff;
	border: 1px;
	border-style: solid;
	border-color: #000000;  
	line-height: 15px;
	font-weight: bold;
	padding: 5px 20px;
	margin-bottom: 10px}


#menu_gauche font {
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	line-height:30px}

#menu_gauche a {
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	text-decoration: none;
	line-height:21px;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding: 0px 0px 0px 35px;
	margin: 0px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 21px 8px}

#menu_gauche a:hover {
	background-repeat: no-repeat;
	background-position: 18px 5px;
	font-weight: bold}




#menu_gauche a.item1 {
	color: #8d2219;
	background-image: url(../../images/point1.gif)}

#menu_gauche a.item1:hover {
	color: #8d2219;
	background-image: url(../../images/point1_over.gif)}


#menu_gauche a.item2 {
	color: #567636;
	background-image: url(../../images/point2.gif)}
	
#menu_gauche a.item2:hover {
	color: #567636;
	background-image: url(../../images/point2_over.gif)}
	

#menu_gauche a.item3 {
	color: #bc6805;
	background-image: url(../../images/point3.gif)}
	
#menu_gauche a.item3:hover {
	color: #bc6805;
	background-image: url(../../images/point3_over.gif)}
	

#menu_gauche a.item4 {
	color: #2d5b78;
	background-image: url(../../images/point4.gif)}

#menu_gauche a.item4:hover {
	color: #2d5b78;
	background-image: url(../../images/point4_over.gif)}




a.menu_left {
	color: #8D2219;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	display: block;
	font-size: 12px; 
	text-decoration: none;
	line-height: 23px;
	padding: 0px 0px 0px 35px;
	background-color: #ffffff;
	background-image: url(../../images/point1.gif);
	background-repeat: no-repeat;
	background-position: 21px 9px}

a.menu_left:hover, a.menu_left:focus {
	font-weight: bold; 
	color: #8D2219;
	background-image: url(../../images/point1_over.gif);
	background-color: #ffffff;
	background-position: 18px 6px}

a.menu_select {
	color: #8D2219;
	line-height: 23px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-weight: bold; 
      display: block;
      font-size: 12px;
      text-decoration: none;
      padding: 0px 0px 0px 35px;
      background-color: #ffffff;
      background-image: url(../../images/point1_over.gif);
      background-repeat: no-repeat;
      background-position: 18px 6px}

a.menu_select:hover, a.menu_select:focus {
	color: #8D2219;
	font-weight: bold; 
      background-image: url(../../images/point1_over.gif);
      background-color: #ffffff}

a.menu_subs {
	color: #8D2219;
	line-height: 23px;
      display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 10px;
      text-decoration: none;
      padding: 0px 0px 0px 50px;
      background-color: #ffffff;
      background-image: url(../../images/point1.gif);
      background-repeat: no-repeat;
      background-position: 36px 9px}

a.menu_subs:hover, a.menu_subs:focus, a.menu_subs:active {
	color: #8D2219;
	font-weight: bold; 
	background-image: url(../../images/point1_over.gif);
	background-color: #ffffff;
	background-position: 33px 6px}



/**********HOMEPAGE ANNOUNCEMENTS --  LES MANCHETTES *********/

.home_ann_con {
	margin:0px;
	width:200px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid;
	border-color:  #000000;
	background-color: #ffffff}

.home_ann_header {
	display: block;
	font-size: 11px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: bold;
	background-color:#ffffff;
	border-bottom: 1px solid;
	border-color:  #000000;
	line-height: 12px;
	font-weight: bold;
	padding: 2px 5px}

a.home_ann {
	color: #007AB4;
	line-height:17px;
	display: block;
	font-size: 11px;
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff #ffffff #efefef #ffffff;
	padding: 5px 0px 5px 15px;
	margin: 0px;
	background-color: #ffffff;
	background-image: url(../../images/pointGris.gif);
	background-repeat: no-repeat;
	background-position: 5px 12px}

a.home_ann:hover, a.home_ann:focus {
	color: #7C7C7C;
	background-image: url(../../images/pointGris_over.gif);
	border-style: solid;
	border-color: #fafafa #ffffff #dfdfdf #ffffff}




/*****************TEAM INFO************************/

#team_info {
	width: 175px;
	float: right;
	border:1px solid #cccccc;
	border-top: 0px;
	font-size: 10px;
	margin: 0px 0px 15px 0px}

.team_header {
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #fafafa}

.team_text {
	padding: 3px;
	line-height: 15px}

#photo_blank {
	text-align: center;
	color: #cccccc;
	font-weight:bold;
	line-height: 200px;
	height: 200px;
	width: 340px;
	border: 1px solid #efefef;
	float: left;
	margin-bottom: 15px}

#photo_pres {
	width: 100%;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	float: left;
	margin-bottom: 15px}



