/*------------Reset----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus, a, input {
	outline: none;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body { 
    font-family: Geneva, Lucida grande, Arial, Verdana, sans-serif;
	color:#000;
	font-size:12px;
	background:#f8f8f8 url(../images/bgHeader.png) top repeat-x;
}
h1 {font-size:183%;}
h2 {font-size:166%;}
h3 {font-size:150%;}
h4 {font-size:133%;}
h5 {font-size:116%;}
h6 {font-size:100%;}

/* liens */
a, a:visited, a:active  {color:#154971;text-decoration:underline;}
a:hover {color:#000;}
a img {	color:#fff;}

.logos a img{ margin:2px; border: 1px solid #FFFFFF;} 
/* hack firefox enleve les pointillés sur les liens cliqués*/
a{outline: none;}
:focus{-moz-outline-style: none;}

/* ul li ol */


/* images */
img {border:0;}

#headline {color:#FFFFFF; margin:80px 0 0 20px;}

/* tableau */
table{
	border-collapse:collapse;
	border-spacing:0;
}
.clear {border:0; width:0; height:0; clear:both; margin:0; padding:0;}
/* fanny charge relation clientele */

/* hr span strong*/
hr {border:1px dashed #bfc9d3;margin: 10px 0;}

/* Divers classe commune à tout le site */
.Valid{color: #339a2c;}
.Nvalid{color: #e20225;}

.obligatoire {color:#f00;text-align:right;font-size:80%;}
.errorField{border: 1px dashed #e20225;padding: 3px 0; background-color:#FFAF24;}
#errorMessage li {color :#e20225;list-style-type:square;}

#container {
	max-width: 900px; 
	margin: 0 auto;
	margin-top:5px;
	width:850px;			
}	
#side {
	float: left;
	width: 255px; 
	margin-bottom: 1em;
	color: #000000;
	z-index: 90; 
}
#content {
	float: right;
	width: 100%;
	margin-bottom: 1em;
	color: #000;
	line-height: 1.1;
}

#rightColumn {
	margin-bottom: 1em;
	color: #000000;
	float: right;
	width: 25%;
}

/* Menu images inscription première page */
#menu-inscription { margin:10px 0 10px 0; background-color:#FFFFFF; border:1px solid #f3f3f3; height:90px; padding:10px 5px 5px 5px;}
ul#menu-inscription li { display: inline;}
#menu-inscription li a{text-decoration:none; text-indent:-9999px;}
#menu-inscription li a.ins-clubs { float:left; background:url(../images/inscription-clubs.png) no-repeat; width:180px; height:75px; margin-right:2%; margin-left:5px;}
#menu-inscription li a.ins-clubs:hover { float:left; background:url(../images/inscription-clubshover.png) no-repeat; width:180px; height:75px; margin-right:2%; margin-left:5px;}

#menu-inscription li a.ins-membres { float:left; background:url(../images/inscription-membres.png) no-repeat; width:180px; height:75px;margin-right:2%;}
#menu-inscription li a.ins-membres:hover { float:left; background:url(../images/inscription-membreshover.png) no-repeat; width:180px; height:75px;margin-right:2%;}

#menu-inscription li a.ins-sponsors { float:left; background:url(../images/inscription-sponsors.png) no-repeat; width:180px; height:75px;}
#menu-inscription li a.ins-sponsors:hover{ float:left; background:url(../images/inscription-sponsorshover.png) no-repeat; width:180px; height:75px;}

#mainPart {
	margin-bottom: 1em;
	color: #000000;
	line-height: 1.1;
	float: left;
	width: 73%;
}		
#mainPart h2 {font-size:166%; height:30px; padding-top: 8px; padding-left: 20px; font-weight:normal; border-bottom:1px dotted #CCCCCC; }

.mainPartPara {
	background: #fff url(../images/bg_toppara.png) repeat-x;
	border: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
	padding-bottom:10px;
}
.mainPartPara  h3 {font-size:150%; height:30px; padding: 8px 0 0 20px; font-weight:normal; margin-left:15px; }
.mainPartPara  p { margin:10px;}
.champion {background:url(../images/list2.gif) left no-repeat; color: #666666;}
.club {background:url(../images/liste2.gif) left no-repeat;text-decoration:none;}

.mainPartPara  h3 a{color:#154971; text-decoration:none;}
.mainPartPara  h3 a:hover{color:#ab3f1b; text-decoration:none;}
.mainPartPara .temoignages {margin:10px;}

.navigation .temoignages a { margin-bottom:3px; height:50px; }
.imgleft{float:left; margin:2px 5px 2px 5px; border:2px solid #e8e6e6; clear:left; padding:1px; position:relative; }



/*catsports*/
ul#catsports { margin:10px 0 0 0; padding:0 5px 0 10px; height:1350px;}
ul#catsports li { display: inline;}
#catsports li a{text-decoration:none; float:left; width:170px; height:10px; padding:3px; margin-right:5px; }
#catsports li a:hover{text-decoration: underline; background:#f3f3f3 url(../images/list.gif) left no-repeat; padding-left:10px;}


/* menu onglets */
ul#tabnav {
    font: bold 11px;
    list-style-type: none;
    padding-bottom: 28px !important;
	padding-bottom: 31px;
    margin: 0;
}
ul#tabnav li {
    float: left;
    height: 25px;
    background-color: #f3f3f3;
    margin: 2px 2px 0 2px;
    border-top: 1px solid #e20225;
	border-right: 1px solid #e20225;
	border-left: 1px solid #e20225;
	color:#ffffff;
}
ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
#tabnav a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
	padding:5px 6px 4px 6px;	
    height: 19px;
}
#tabnav a:hover {
    background-color: #ffffff;
	color:#000;
}
ul#tabnav li.active a {
    color: #000;
	background-color: #ffffff;
}



/* Header */
#header {
	position: relative;
	margin-bottom: 10px;
	z-index: 70;
	height:135px;
} 	
#header h1 {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 2px;
	height: 8px;
	z-index: 80; 
}
#header h1 a {
	display: block;
	width: 264px;
	height: 85px;
	background: transparent url("../images/logo04.png") no-repeat;
	text-indent: -700em;
	text-decoration: none;
	margin:0;
	z-index:1;
} 

 
.strong {font-weight: bold;}
#topContainer { margin:0; padding:5px;}
#topContainer p{ margin:0; line-height:0.4em;}

#intro { text-align:center; font-size:120%;}
.accH3 {color:#000;}

#side h2 { border-bottom: 0px;}
#side p { padding:3px;}	

#banner {width:100%; height:75px; position: absolute; top:0; color:#FFFFFF;}
#banner #centre{text-align:center; margin:0 auto;}

#pub {width:200px; height:75px; position: absolute; top:5px; right:0;}
#pub a:hover img {border:0;}

#sponsors {
    margin: 0 auto;
	margin-top:2.5em;
    color: #000000;
    padding: 5px 0 5px 0;
    text-align: left;
    border: 1px solid #CCCCCC;	
	background:#ffffff;
	text-align:center;
}

p.partLink {
	font-size:10px; 
	color: #666666;
	text-align: right; 
}
p.pub {padding-top:10px; text-align:center;}

/*accessibilité*/
hr.hide {display: none;}


/*------footer------*/
#footer {
	clear: both;
	margin-top: 1em;
	border-top: 4px solid #CC0000;
	margin: 2em 0;
	padding: 0.5em 0;
	text-align: center;
	font-size: x-small;		
	}	
		
#footer a{text-decoration:none;color: #666;}
#footer a:hover{text-decoration:underline;color: #f00;}
#footer li {display: inline;margin: 0;white-space: nowrap;}

#search { width:80%; margin-left:15px;}
#search input{ margin-top:2px;}
#search #submit {background-color:#ab3d00; border:1px solid #fcfcfc; color:#FFFFFF; font-weight:bold; height:25px; cursor:pointer;}


a:hover img {border:2px solid #9a3700;}

.menu ul li a:hover { text-decoration:underline; background-color:#e6f0fa; border-left:5px solid #fe0000; border-bottom:1px solid #fe0000;}

a.lien_ext:before {content: url(../images/newwin.gif);}

/*---------barre de droite ---------*/
/* Uniquement les box d'infos des pages appel */
#rightColumn h2 a {text-decoration:none; color:#ffffff;}	

/* partie du milieu commune à tous */
.mainMiddle {
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;	
	margin-top:-13px;
	background-color:#ffffff;
	min-height:95px;
}
.mainMiddle p{ margin:3px;}

p.partLink {
	font-size:10px; 
	color: #666666;
	text-align: right; 
}

/* partie bottom commune à tous*/
.bottom {
 	background:transparent url(../images/bottom_left.gif) no-repeat 0 0;
	margin-top:-3px;
}
.bottom .part {
 	background:transparent url(../images/bottom_right.gif) no-repeat right 0px;
	height:14px;
}

/*   -----Boxe------    */
#mainContent h2 a { 
	text-decoration:none;
	color:#000000;	
}
	
#mainContent h2 a:hover { 
	text-decoration:none;
	color:#ffffff;	
}

/* colonne de droite Publicite*/
#sideNav {background:transparent url(../images/side_leftNavRed.png) no-repeat top left; margin-top:15px;}
#sideNav h2{
	font-size:130%; 
	height:30px;
	padding: 5px 0 5px 15px;
	margin:0;
}
#sideNav h2 {background:transparent url(../images/top_rightvpRed.png) no-repeat right 0;}

/*navigation principale*/
#menu_nav {
width:100%; 
clear: both;
height: 37px;
position:absolute;
margin-top:90px;
text-align:center;
font-size:11px;
}

#menu_nav ul {
padding:0;
margin:0;
list-style-type:none;
}

#menu_nav li {
float:left;
width:130px;
position:relative;
margin:0;
}

#menu_nav li.espaceclub {width:130px;}

#menu_nav a, #menu_nav a:visited {
display:block;
font-size: 12px;
text-decoration:none; 
color:#000; 
height:37px; 
line-height:35px;
}

.actif {background:url(../images/menu_actif.png) repeat-x; font-weight: bold;}

* html #menu_nav a, * html #menu_nav a:visited {
width:130px;
}

#menu_nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:35px;
left:0; 
width:130px;
}

* html #menu_nav ul ul {
top:35px;
t\op:35px;
border:1px solid #999999;
}

.menu_nav table {position:absolute; top:0; left:0;}

#menu_nav ul ul a, #menu_nav ul ul a:visited {
background-color:#f0f3f5;
color:#26265C; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:130px;
}

* html #menu_nav ul ul a{
width:130px;
border-bottom:1px #fff;
}

#menu_nav a:hover, #menu_nav ul ul a:hover{
color:#000; 
font-weight:bold;
}

#menu_nav ul li:hover ul,
#menu_nav ul a:hover ul{
visibility:visible; 
}

#menu_nav ul li {margin-bottom:0;}
#menu_nav ul li a{display: block;width:100%;border:0; border-bottom:1px solid #fff;}
#menu_nav ul li a:hover {text-decoration:none; background:#fff; border-bottom:2px solid #cc0000;} 



/* left accordion nav*/
.navigation{
	margin:0;
	padding:0px;
	text-indent:0px;
	background:#fff url(../images/acc_bg.gif) top left repeat-y;
	width:250px;
	border-bottom:1px solid #e0e0e0;
}
.navigationRight {
	margin:0 0 20px 0;
	padding:0px;
	text-indent:0px;
	background:#fff url(../images/bg_navRight.gif) top repeat-y;
	width:200px;
	border-bottom:1px solid #e0e0e0;
}
.navigation a.head  {
	cursor:pointer;
	background:url(../images/acc3.png) no-repeat;
	color:#000;
	display:block;
	margin:0px;
	padding:5px 0 0 2px;
	text-indent:19px;
	text-decoration: none;
	line-height:30px;
	font-size:130%;
	height: auto;
	font-weight:bold;
}
.navigationRight a.headlogin {
	cursor:pointer;
	background:url(../images/head_nav.png) no-repeat;
	color:#000;
	display:block;
	margin:0px;
	padding:0;
	text-indent:19px;
	text-decoration: none;
	line-height:30px;
	font-size:120%;
	height: auto;
	font-weight:bold;	
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.navigation a.head span, .navigation a.head:hover span {display:block; padding:5px; font-size:10px; color:#666666; text-align:center; line-height:11px; padding-bottom:15px;}

.navigation a.head:hover {
	color:#fff;
	background:url(../images/acc3_active.png) top no-repeat ;
}
.navigationRight a.headlogin:hover {
	color:#fff;
	background:url(../images/head_nav.png) no-repeat scroll 0 -30px;
}
.navigation a.selected {
	background:url(../images/acc3_active.png) top no-repeat ;
	color: #7f3018;
	font-weight:bold;
}
.navigationRight a.selected {
	background:url(../images/head_nav.png) no-repeat scroll 0 -30px;
	color: #7f3018;
	font-weight:bold;
}
.navigation a.current {
	background:url(../images/acc3_active.png) top no-repeat ;
	color: #7f3018;
	font-weight:bold;
}
.navigationRight a.current {
	/*background:url(../images/head_nav.png) no-repeat scroll 0 -30px;*/
	color: #7f3018;
	font-weight:bold;
}
.navigationRight ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background:url(../images/bg_navRight.gif) top right repeat-y;
}
.navigationRight ul#Vcarousel {background:#fff;} /* enleve l'arriere plan*/

.navigation li, .navigationRight li{list-style:none outside none; display:inline; }
.navigation li li, .navigationRight li li {list-style-type: none;}

.navigationRight li p { display: block; width:199px; border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background-color:#fff; padding:5px 0 5px 0; text-indent:10px;   }

.navigation li li a, .navigationRight li li a {
	color:#000000;
	display:block;
	text-indent:10px;
	text-decoration: none;
	padding:2px;
}
.navigation li li a:hover, .navigationRight li li a:hover {
	background: url(../images/list.gif) left no-repeat;
	color: #990000;
	border-bottom: 1px dotted #d0924f;
	border-top: 1px dotted #d0924f;
}

#player { margin:10px 0 5px 0; background-color:#FFFFFF; width:250px; border: 1px solid #CCCCCC; }
/* login*/
#memberarea{
	 position: relative; height:30px;
}

#memberarea_left {
	width: 300px;
	float: right;
}
#memberarea a {
	color: #666;
	font-size:10px;
	text-decoration:none;
}
#memberarea a:hover { color:#000000; text-decoration:underline;}

ul.loginposition {
	padding: 0;
	margin: 0;
}
ul.loginposition li {
	float: left;
	background: none;
	padding: 0 0 0 12px;
	line-height: 27px;
	list-style-type:none;
}
#memberarea input.inputbox {
	color: #000;
	width: 120px;
	height: 18px;
	border: none;
	padding-left: 10px;
}
#modlgn_username {
	background: transparent url('../images/input_login_nick.png') no-repeat 0 0;
}
#modlgn_passwd {
	background: transparent url('../images/input_login_password.png') no-repeat 0 0;
}
#searchform_top_text {
	background: transparent url('../images/input_login_password.png') no-repeat 0 0;
}
.bold { font-weight: bold;}
#memberarea input.button {
	background: transparent url('../images/button_top.png') repeat-x;
	float: left;
	height: 22px;
	width: 61px;
	margin-top: 3px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	border: none;
}
input#mod_search_searchword, input#inputString {
	background: url('../images/input_login_search.png') no-repeat 0 0;
	margin: 5px 0 5px 5px;
	border: none;
	padding-left: 2px !important;
	padding-right: 0;
	height:18px;
}
input.buttonSearch{
	background: transparent url('../images/buttonSearch.png') no-repeat;
	height: 22px;
	width: 81px;
	text-decoration: none;
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	border: none;
	margin-right:10px;
	cursor:pointer;
}

#clubSearch{ margin-bottom:5px;}
form#clubSearch fieldset { border:0;}

#memberarea input.button:hover, #search input.buttonSearch:hover {
	color: #2978b0;
	cursor:pointer;
}
#search_right input.button {
	float: right;
	margin: 3px 15px 0 10px;
}
#search_right input.inputbox {
	float: left;
}
#memberarea .logout span {
	float: left;
	color: #fff;
	margin-right: 12px;
	line-height: 27px;
}
#memberarea .logout input.button {
	float: none!important;
	display: inline;
}
.logout {
	float: left;
}
.logout input.button {
	padding: 0;
}

/* Autocomplete */
.suggestionsBox {
	position: relative;
	width: 240px;
	margin-left:3px;		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #f0ebeb;	
	color: #000;
}
	
.suggestionList {
	margin: 0px;
	padding: 0px;
}
	
.suggestionList li {
	list-style-type:none;		
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}
	
.suggestionList li:hover {
	background-color: #fff;
	border-bottom: 1px dotted #ccc;
	color:#990000;
	font-weight: bold;
}


#menu_nav li {
	position: relative;
    float:left;
   /*height:32px;
    width:160px;*/
    margin-right:.33em;
    background-position:0 -96px;
    padding-left:5px;
    font-size:1.08em;
	
}
#menu_nav li.on{
    background-position:0 -64px;
}
#menu_nav li span{
    display:block;
    background-position:100% -32px;
    padding:0 5px 0 5px;
    line-height:2.5em;
    height:32px;
}
#menu_nav li span img{
    float:left;
    margin:8px 6px 0 0;
}
#menu_nav li.on span{
    background-position:100% 0;
}

#menu_nav a {
	display: block;
	color: #000000;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	height:37px;
}
#menu_nav li em {
	font-weight: bold;	
	font-style: normal;
	font-size:0.8em;
	line-height:1.4em;
	width: 180px;
	height: 55px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 16px 12px 10px;
	z-index: 999;
	display: none;
	background: url(images/hover.png) no-repeat;
}