html {
	height:100%}

body { 
	height:100%;
	text-align:center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	scrollbar-base-color: #434E57;
	scrollbar-face-color: #E0E0E0; 
	scrollbar-track-color: #ECECEC; 
	scrollbar-arrow-color: #434E57;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-shadow-color: #434E57;
	scrollbar-darkshadow-color: #434E57}

a {
	color: #007AB4}


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

/***espace du centre***/
#body_home {
	width:385px;
	vertical-align:top;
	background-color: #ECECEC;
	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:#ECECEC;
	border-right:1px solid #000000}

.top_home {
	margin-top:10px;
	padding: 0px 10px 15px 10px;
	vertical-align:top;
	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}

a.bottom_home {
	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.bottom_home:hover, a.bottom_home:focus {
	color: #7C7C7C;
	background-image: url(../../images/pointGris_over.gif);
	border-style: solid;
	border-color: #FAFAFA #FFFFFF #DFDFDF#FFFFFF}



.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 #000000 #000000 #000000;
	height:99px;}

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


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

#header_menu a {
	padding:2px 0px 2px 47px;
	margin:0px;
	border-width: 0px;
	color: #7c7c7c;
	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: #000000;
	font-weight: bolder;
	background-image: url(../images/bullet_menu_over.gif)}


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


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


#header_menu a.mouv {
	padding:2px 0px 2px 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 2px 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 2px 43px;
	background-image: url(../images/faq.gif);
	background-position: 20px -1px}

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

	
	
#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 2px 47px;
	background-image: url(../images/contact.gif);
	background-position: 22px -1px}


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






/*********** SECTION AGORA DE LA PAGE D'ACCUEIL  *************/

font.agora {
	color:#434e57;
	font-weight: bold;
	font-size: 16px;
	position:relative; left:22px;
	line-height: 30px}


#agoramenu a {
		color: #8D2219;
    display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration: none;
	line-height: 15px;
	border-width: 1px;
	margin: 5px;
	position:relative; left: 28px;
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 130px 5px}

#agoramenu a:hover {
	font-weight: bolder}

#agoramenu a.agora1 {
	color: #8D2219;
	background-image: url(../images/point1.gif)}

#agoramenu a.agora1:hover {
	color: #8D2219}

#agoramenu a.agora2 {
	color: #567636;
	background-image: url(../images/point2.gif)}

#agoramenu a.agora2:hover {
	color: #567636}

#agoramenu a.agora3 {
	color: #bc6805;
	background-image: url(../images/point3.gif)}

#agoramenu a.agora3:hover {
	color: #bc6805}

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

#agoramenu a.agora4:hover {
	color: #2d5b78}



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

#footer_mainbg {
	font-size:10px;
	text-align:center;
	line-height: 13px;
	background-color: #ECECEC;
	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}

.menu_left_header {
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	color:#434e57;
	font-weight: bold;
	background-color:#ececec;
	border: 1px solid;
	border-color:  #000000 #000000 #000000 #000000;  
	line-height: 15px;
	font-weight: bold;
	padding: 5px 24px;
	margin-bottom: 6px}

#menu_gauche a {
	display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	text-decoration: none;
	line-height:30px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	padding: 0px 0px 0px 40px;
	margin: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 25px 13px}

#menu_gauche a:hover {
	background-repeat: no-repeat;
	background-position: 22px 10px;
	font-weight: bolder}


#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)}




/********* SECTION LE MOUVEMENT  ************/
/***(CE MENU A LES PROPRIÉTÉS D'UN "SOUS-MENU" DANS LA PROG PHP, AJUSTEMENTS EN CONSÉQUENCE FAIT ICI) ***/


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

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

a.menu_select {
	color: #000000;
	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/pointN_over.gif);
      background-repeat: no-repeat;
      background-position: 18px 6px}

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

a.menu_subs {
	color: #666666;
	line-height: 12px;
      display: block;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 12px;
      text-decoration: none;
      padding: 11px 10px 0px 43px;
      background-color: #ffffff;
      background-image: url(../images/pointN.gif);
      background-repeat: no-repeat;
      background-position: 26px 14px}

a.menu_subs:hover, a.menu_subs:focus, a.menu_subs:active {
	color: #000000;
	font-weight: bold; 
      background-image: url(../images/pointN_over.gif);
      background-color: #ffffff;
	background-position: 23px 11px}



/********* SECTION MENU MOUV ************/


#menu_gauche a.mouv1 {
	color: #8d2219;
	font-size: 12px; 
	font-weight: normal; 
	padding: 0px 0px 0px 44px;
	background-position: 27px 8px;
	line-height: 21px;
	background-image: url(../images/point1.gif)}

#menu_gauche a.mouv1:hover {
	color: #8d2219;
	background-position: 24px 5px;
	background-image: url(../images/point1_over.gif)}


#menu_gauche a.mouv2 {
	color: #567636;
	font-size: 12px; 
	font-weight: normal; 
	padding: 0px 0px 0px 44px;
	background-position: 27px 8px;
	line-height: 21px;
	background-image: url(../images/point2.gif)}
	
#menu_gauche a.mouv2:hover {
	color: #567636;
	background-position: 24px 5px;
	background-image: url(../images/point2_over.gif)}
	

#menu_gauche a.mouv3 {
	color: #bc6805;
	font-size: 12px; 
	font-weight: normal; 
	padding: 0px 0px 0px 44px;
	background-position: 27px 8px;
	line-height: 21px;
	background-image: url(../images/point3.gif)}
	
#menu_gauche a.mouv3:hover {
	color: #bc6805;
	background-position: 24px 5px;
	background-image: url(../images/point3_over.gif)}
	

#menu_gauche a.mouv4 {
	color: #2d5b78;
	font-size: 12px; 
	font-weight: normal; 
	padding: 0px 0px 0px 44px;
	background-position: 27px 8px;
	line-height: 21px;
	background-image: url(../images/point4.gif)}

#menu_gauche a.mouv4:hover {
	color: #2d5b78;
	background-position: 24px 5px;
	background-image: url(../images/point4_over.gif)}






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

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

.home_ann_header {
	font-size: 11px;
	font-family: Century gothic, Arial, Helvetica, sans-serif;
	display: block;
	color:#000000;
	font-weight: bold;
	background-color:#FFFFFF;
	border: 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}