

/* CSS Document */

body {
	background:#ffffff;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


#page {
	width:100%;
	float:left;
	background:#eeeeee url(../images/commun/fd_body.gif) repeat-x left top;
	margin-left:auto;
	margin-right:auto;
}

#content_page {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

img { border:none; }

/************************ HEADER ********************************/
#header { height:175px; }


/*----------------------- MENU PRICIPAL ------------------------*/
#menu {
	height:31px;
	width:795px;
	margin:0px;
	padding:0px;
}

#menu span {visibility:hidden;}

#menu li {
	list-style:none;
	/*display:inline;*/
	text-align:left;
	padding:0px;
	margin:0px;
	margin-left:-1px;
	float:left;
}

#menu li a{
	display:block;
	height:31px;
	text-decoration:none;
}

#menu_princ1{width:88px;}
#menu_princ2{width:69px;}
#menu_princ3{width:92px;}
#menu_princ4{width:117px;}
#menu_princ5{width:130px;}
#menu_princ6{width:83px;}
#menu_princ7{width:82px;}
#menu_princ8{width:54px;}
#menu_princ9{width:76px;}

/*----------------------- SOUS-MENU ------------------------*/

.ssmenu {
	height:20px;
	margin:0px;
	padding:0px;
	display:none;
	/*padding-top:3px;*/
	*position: absolute;
}

.ssmenu li {
	float: left;
	list-style:none;
	display:inline-block;
	*display: inline;
	text-align:center;
	background:url(../images/header/sep_ssmenu.jpg) no-repeat right top;
	padding-left:10px;
	padding-right:10px;
}

.ssmenu li.back {
	background:url(../images/header/fd_ssmenu_on.gif) repeat-x left top;
	padding:0px;
	margin:0px;
	width: 9px;
	height: 20px;
	z-index: 8;
	position: absolute;
}

.ssmenu li a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow:hidden;
	line-height:20px;
}

.ssmenu li a:hover{
	text-decoration:none;
}

/************************ CONTENT ********************************/
#content {
	padding:7px 15px 7px 11px;
}

#colonne1{
	float:left;
	width:493px;
}

#colonne1_1{
	float:left;
	width:344px;
}

#colonne1_2{
	float:left;
	width:149px;
}

#colonne2{
	float:left;
	width:481px;
}

#colonne2_1{
	float:left;
	width:287px;
}

#colonne2_2{
	float:left;
	width:194px;
}

/************************ FOOTER ********************************/
#footer {
	float:left;
	width:100%;
	height:165px;
	background:url(../images/footer/fd_footer.gif) repeat-x left top;
}

#content_footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*----------------- PARTENAIRES ----------------------------*/

#footer_partenaires{
	width:100%;
}

#footer_partenaires ul{
	height:79px;
	margin:0px;
	padding:0px;
	padding-top:20px;
}

#footer_partenaires ul li{
	list-style:none;
	display:inline-block;
	*display:inline;
}

/*----------------- MENU FOOTER ----------------------------*/

#menu_footer{
	width:100%;
	text-align:center;
}

#menu_footer ul{
	height:20px;
	margin:0px;
	padding:0px;
}

#menu_footer ul li{
	background:url(../images/footer/sep_menu.jpg) no-repeat right top;
	list-style:none;
	display:inline;
	padding-left:4px;
	padding-right:6px;
	*display: inline;
}

#menu_footer ul li a{
	color:#545454;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
}

#menu_footer ul li a:hover{
	color:#1B1B1B;
	text-decoration:none;
}

/*----------------- SIGNATURE ----------------------------*/

#signature {
	font-family:Verdana, Geneva, sans-serif;
	color:#8c8c8c;
	padding-top:10px;
	text-align:center;
}

#signature a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#8c8c8c;
	text-decoration:none;
}

#signature a:hover { color:#404040; }

/************************ FLASH A LA UNE ************************/
#flash_a_la_une{
	width:493px;
	height:383px;
}

/************************ BLOC ACTUALITES ************************/
#bloc_actualites{
	width:344px;
}

#bloc_actualites h1{
	width:100%;
	height:39px;
	background:url(../images/bloc_actualites/fd_titre.gif) no-repeat left top;
	padding:0px;
	margin:0px;
}

#contenu_actualites{
	width:100%;
	height:83px;
	background:url(../images/bloc_actualites/fd_contenu_actu.gif) no-repeat left top;
}

#contenu_actualites1{
	width:100%;
	height:83px;
	background:url(../images/bloc_actualites/fd_contenu_actu.gif) no-repeat left top;
}

#contenu_actualites2{
	width:100%;
	height:83px;
	background:url(../images/bloc_actualites/fd_contenu_actu2.gif) no-repeat left top;
}

#contenu_actualites3{
	width:100%;
	height:83px;
	background:url(../images/bloc_actualites/fd_contenu_actu3.gif) no-repeat left top;
}

#image_actu{
	width:104px;
	height:83px;
	float:left;
}

#image_actu img{
	margin-top:20px;
	margin-left:22px;
}

#contenu_actu{
	width:232px;
	height:73px;
	float:left;
	padding-top:10px;
	padding-right:8px;
	color:#3b3b3b;
}

#contenu_actu .date_actu{
	font-size:10px;
	color:#8c8d8c;
}

#contenu_actu .texte_actu{
	font-size:11px;
}

#contenu_actu h2{
	font-size:11px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}

#bas_bloc_actualites{
	background:url(../images/bloc_actualites/fd_bas_contenu_actu.gif) no-repeat top left;
	height:40px;
	padding-top:10px;
}

#menu_bas_bloc_actualites{
	float:left;
	width:110px;
}

#menu_bas_bloc_actualites ul{
	margin:0px;
	padding:0px;
	height:13px;
	padding-left:14px;
}

#menu_bas_bloc_actualites ul li{
	width:13px;
	list-style:none;
	display:inline-block;
	padding-right:1px;
    *display: inline;
}



.link1{
	color:#8c8d8c;
	border:1px solid #8c8d8c;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}

.link1:hover{
		background:url(../images/bloc_actualites/fd_btn_on.gif) repeat-x left top;
		border:1px solid #ba0f00;
		color:#ffffff;
		text-decoration:none;
		padding:0px 3px 0px 3px;
}


.bas_bloc_actualites_on {
		background:url(../images/bloc_actualites/fd_btn_on.gif) repeat-x left top;
		border:1px solid #ba0f00;
		color:#ffffff;
		text-decoration:none;
		padding:0px 3px 0px 3px;
}

/******************************* BOUTON PHOTOS *******************/

#btn_photo{
	width:135px;
	height:29px;
	background:url(../images/commun/fd_btn_photo.jpg) no-repeat left top;
	padding-right:14px;
	padding-top:76px;
}

/******************************* BOUTON CLUB AMATEUR *************/

#btn_club_amateur{
	width:135px;
	height:29px;
	background:url(../images/commun/fd_btn_club_amateur.jpg) no-repeat left top;
	padding-right:14px;
	padding-top:79px;
}

/******************************* BOUTON BILLETERIE ***************/

#btn_billeterie{
	width:135px;
	height:27px;
	background:url(../images/commun/fd_btn_billeterie.jpg) no-repeat left top;
	padding-right:14px;
	padding-top:88px;
}

/******************************* PUB 481x104 ***************/

#pub_481x104{
	width:466px;
	height:68px;
	background:url(../images/pub/pub_481x104/fd_pub_481x104.gif) no-repeat left top;
	padding:6px 6px 0px 9px;
}

#pub_481x104 span.texte{
	float:left;
	margin-left:270px;
	font-size:10px;
	font-weight:bold;
	color:#8c8d8c;
}

#menu_pub_481x104{
	text-align:right;
	padding-top:7px;
}

#menu_pub_481x104 ul{
	float:left;
	margin:0px;
	padding:0px;
	height:13px;
	padding-left:5px;
}

#menu_pub_481x104 ul li{
	width:13px;
	list-style:none;
	display:inline-block;
	*display: inline;
	padding-right:1px;
}

#menu_pub_481x104 ul li a{
	color:#8c8d8c;
	border:1px solid #8c8d8c;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}
#menu_pub_481x104 ul li a:hover{
	background:url(../images/bloc_actualites/fd_btn_on.gif) repeat-x left top;
	border:1px solid #ba0f00;
	color:#ffffff;
	text-decoration:none;
}

/******************************* MATCH **************************/

#match{
	width:481px;
}

#colonne1_match{
	float:left;
	width:282px;
}

#colonne12_match{
	float:left;
	width:282px;
}

#colonne11_match{
	float:left;
	width:282px;
}

#colonne2_match{
	float:left;
	width:187px;
}

#colonne2_match ul{
	margin:0px;
	padding:0px;
}

#colonne2_match ul li{
	list-style:none;
	height:15px;
	padding-left:20px;
	padding-top:1px;
	*padding-top:0px;
	*margin-top:-2px;
	font-size:11px;
	color:#3b3b3b;
}

#colonne2_match ul li.spvb{
	background:url(../images/match/fd_li_spvb.jpg) no-repeat left top;
	list-style:none;
	height:15px;
	padding-left:20px;
	padding-top:1px;
	*padding-top:0px;
	*margin-top:-2px;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
}

#menu_match{
	padding:0px;
	margin:0px;
	height:41px;
	background:url(../images/match/fd_menu.jpg) no-repeat left -45px;
}

#menu_match ul{
	margin:0px;
	padding:0px;
}

#menu_match ul li {
	list-style:none;
	display:inline;
	text-align:left;
	padding:0px;
	margin:0px;
	margin-left:-3px;
}

#match_contenu{
	background:url(../images/match/fd_match.gif) no-repeat left top;
	padding-left:11px;
	width:470px;
	height:266px;
}

#logo_match{
	padding-top:10px;
}

#stat_match{
	margin-left:15px;
	float:left;
	width:145px;
	height:69px;
	background:url(../images/match/fd_stat.gif) no-repeat top left;
}

#texte_match{
	margin-top:13px;
	width:90%; 
	text-align:center;
	float:left;
	margin-left:15px;
	line-height:20px;
	font-size:12px;
	color:#4c4c4c;
}

#partenaire_match{
	width:232px;
	padding-left:50px;
}

/******************************* MENU CONNEXION *****************/

#menu_connexion{
	width:481px;
	height:104px;
	background:url(../images/menu_connexion/fd_menu_connexion.gif) no-repeat left top;
}

#menu_connexion ul{
	float:left;
	float:left;
	margin:0px;
	padding:0px;
	margin:20px 0px 0px 10px;
}

#menu_connexion ul li{
	list-style:none;
	display:inline;
	margin-left:-3px;
}

#bouton_membre{
	background:url(../images/menu_connexion/btn/btn_membre.jpg) no-repeat left top;
	width:134px;
	height:71px;
	float:left;
	margin-top:20px;
	margin-left:-3px;
}

#bouton_membre_no{
	background:url(../images/menu_connexion/btn/btn_membre_nolog.jpg) no-repeat left top;
	width:134px;
	height:71px;
	float:left;
	margin-top:20px;
	margin-left:-3px;
}

#bouton_membre_no .lien_vert{
	float:left;
	margin:14px 0 0 40px;
	font-size:11px;
	color:#659a25;
	text-decoration:underline;
	text-align:center;
}

#bouton_membre_no .lien_vert:hover{
	font-size:11px;
	color:#659a25;
	text-decoration:none;
}

#bouton_membre_no .lien_rouge{
	float:left;
	margin:28px 0 0 36px;
	font-size:11px;
	color:#ee3207;
	text-decoration:none;
	text-align:center;
}

#bouton_membre_no .lien_rouge:hover{
	font-size:11px;
	color:#ee3207;
	text-decoration:underline;
}

#bouton_membre .lien_vert{
	float:left;
	margin:29px 0 0 33px;
	font-size:11px;
	color:#96db42;
	text-decoration:none;
}

#bouton_membre .lien_vert:hover{
	font-size:11px;
	color:#96db42;
	text-decoration:underline;
}

#bouton_membre .lien_rouge{
	float:left;
	margin:15px 0 0 30px;
	font-size:11px;
	color:#ee3207;
	text-decoration:underline;
	text-align:center;
}

#bouton_membre .lien_rouge:hover{
	font-size:11px;
	color:#ee3207;
	text-decoration:none;
}

/******************************* PUB BAS ************************/

#pub_250x200{
	width:268px;
	height:209px;
	padding:13px 0 0 19px;
	background:url(../images/pub/pub_250x200/fd_pub_250x200.gif) no-repeat left top;
	margin-top:2px;
}

/******************************* QUIZZ ************************/

#quizz{
	width:192px;
	height:220px;
	background-position:top;
	margin-top:2px;
	border:solid 1px #eeeeee;
}

#quizz .lien_blanc{
	background:url(../images/quizz/fleche_blanche.gif) no-repeat right 4px;
	float:left;
	margin:0 0 0 95px;
	color:#FFF;
	padding-right:10px;
}

#quizz .lien_blanc:hover{
	float:left;
	margin:0 0 0 95px;
	color:#FFF;
	text-decoration:none;
}

/******************************* DIVERS *************************/
.boder_class { border-right:solid 1px #f1f1f1}


#savoir_plus{
	width:98%;
	text-align:right;
}

#savoir_plus a{
	background:url(../images/commun/fleche_rouge.gif) no-repeat right 4px;
	color:#3b3b3b;
	padding-right:10px;
}

#savoir_plus a:hover{ color:#818181; }

#savoir_plus a.lien{
	background:url(../images/commun/fleche_blanche2.gif) no-repeat right 5px;
	color:#000;
	padding-right:10px;
}

#savoir_plus a.lien:hover{
	background:url(../images/commun/fleche_rouge2.gif) no-repeat right 5px;
	color:#FFF;
}

.link2 {background:url(../images/commun/fleche_rouge.gif) no-repeat right 4px;
	color:#3b3b3b;
	padding-right:10px;}
.link2:hover {color:#818181;}


.link3 { color:#FFFFFF; background:url(../images/commun/fleche_rouge.png) no-repeat right 4px; padding-right:11px; padding-bottom:3px}
.link3:hover {color:#818181;}

.link5 { color:#3b3b3b; background:url(../images/commun/fleche_rouge.png) no-repeat right 4px; padding-right:11px; padding-bottom:3px}
.link5:hover {color:#818181;}

.link6 { color:#3b3b3b; background:url(../images/commun/fleche_rouge.png) no-repeat right 4px; padding-right:11px; padding-bottom:3px; text-transform:uppercase}
.link6:hover {color:#818181; text-transform:uppercase}

.link7 { color:#3b3b3b; text-transform:uppercase; text-decoration:none;  font-weight:bold}
.link7:hover {color:#818181; text-transform:uppercase; text-decoration:none;  font-weight:bold}

.texte1 { color:#4d4d4d; font-family:Arial, Helvetica, sans-serif; font-size:11px}

.title-presse { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase }

.link{
	color:#3b3b3b;
	padding-right:10px;
}

.link:hover{ color:#818181; }

.link-red {color:#FF0000; text-decoration:underline }
.link-red:hover {text-decoration:none; }

.flat { color:#4d4d4d; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #aaaab9; width:180px}
.flat1 { color:#4d4d4d; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:solid 1px #aaaab9;}
.flatQuizz {
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:solid 1px #aaaab9;
	width:300px;
}

.main_div {padding:0px 15px 15px 22px}
.white				 		{ color: #FFFFFF; }
.black						{ color: #000000; }
.orange						{ color: #8B9199; }
.grey						{ color: #AAAAAA; }
.rouge						{ color: #C60808; }

a.link4,a.link4:visited		{ color: #3b3b3b; }
a.link4:hover				{ color: #818181; }

.red_title {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d74faf; font-weight:bold}
.red_title1 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#d74faf; text-transform:uppercase}

.table_title { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#848484 }
.table_content { font-weight:bold; font-size:11px }

.window 				{	position: absolute;visibility : hidden;padding: 0px;top : 17%;left : 28% ; background-color:#FFFFFF; text-align: right; padding: 0px 10px 10px 10px; border:solid 1px #032f4d;}
.window1 				{	position: absolute;visibility : hidden;padding: 0px;top : 0%;left : 26% ; background-color:#FFFFFF; text-align: right; padding: 0px 10px 10px 10px; border:solid 1px #032f4d;}
.window2 				{	position: absolute;visibility : hidden;padding: 0px;top : 12%;left : 10% ; background-color:#FFFFFF; text-align: right; padding: 0px 10px 10px 10px; border:solid 1px #032f4d;}
.window3 				{	position: absolute;visibility : hidden;padding: 0px;top : 12%;left : 20% ; background-color:#FFFFFF; text-align: right; padding: 0px 10px 10px 10px; border:solid 1px #032f4d;}
.window4 				{	position: absolute;visibility : hidden;padding: 0px;top : 10%;left : 38% ; background-color:#FFFFFF; text-align: right; padding: 0px 10px 10px 10px; border:solid 1px #032f4d;}
.pariez_image {
 margin: 3px 3px 3px 3px;
 padding: 3px 3px 3px 3px; }

.calque				{	opacity:.80;color: #FFFFFF;position: absolute;visibility: hidden;padding:0px 0px 0px 0px;
							font-family: Courrier;align: center;font-size: 8pt;background-color: #000000;
							opacity : .50;filter : alpha(opacity=50);width: 100%;height : 135%;top : 0;left : 0 ; text-align:center}
							
							
.linkVIDEO { color:#ffffff;  text-decoration: underline; }
.linkVIDEO:hover {color:#ffffff; text-decoration:none; }
