@charset "UTF-8";
/* CSS Document */

html {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:100%;
}
body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#e5ecf2;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
	font-size: 0px;
	line-height: 0px;
}
.show {
	display:block;
}
.hide {
	display:none;
}
a img {
	border:0px;
}
.globalContent {
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	width:974px;
}
/*--------------------------------- Header -------------------------------*/
.header {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:58px;
}
.header .lang {
	width:125px;
	background:url(../img/ongletLang.gif) no-repeat bottom;
	float:left;
	padding:40px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:18px;
	text-align:center;
	font-size:11px;
}
.header .lang a {
	padding:0px 2px 0px 12px;
	margin:0px 0px 0px 0px;
	color:#004182;
	text-decoration:none;
	background:url(../img/arrowLinkOffLang.gif) 3px 2px no-repeat;
}
.header .lang a:hover {
	color:#ee0038;
	background:url(../img/arrowLinkOnLang.gif) 3px 2px no-repeat;
}
.header .lang a.lang_On {
	color:#ee0038;
	background:url(../img/arrowLinkOnLang.gif) 3px 2px no-repeat;
}
.header .connectInfo {
	height:48px;
	float:left;
	padding:10px 0px 0px 100px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	color:#004383;
	/*width:383px;*/
	width:300px;
}
.header .login {
	/*width:366px;*/
	width:430px;
	height:44px;
	float:left;
	padding:14px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
}
.header .login form{
	margin:0; padding:0;
}
.header .login .formuLogin {
	color:#004383;
	font-size:11px;
}
.header .login .formuLogin a {
	color:#CC003A;
	text-decoration:none;
}
.header .login .formuLogin a:hover {
	text-decoration:underline;
}
.inputText {
	padding:0px 0px 0px 0px;
	margin:0px 7px 0px 2px;
	border:#004383 1px solid;
	background-color:#e5ecf2;
	width:100px;
}
.header .login .formuLogin .inputSubImg {
	vertical-align:-5px;
}
.header .login .linkHelp {
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:10px;
}
.header .login .linkHelp span {
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 0px;
}
.header .login .linkHelp span a {
	color:#004383;
}
.header .login .linkHelp span a:hover {
	text-decoration:none;
}
/*--------------------------------- body -------------------------------*/
.body {
	padding:8px 8px 8px 8px;
	clear:both;
	margin:0px 0px 0px 0px;
	background:top right no-repeat url(../img/bgGlobalContent.gif) #FFFFFF;
}

/*--------------- leftContent ------------------*/
.body .leftContent {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:277px;
	float:left;
}
/*------------ menuTab ------------*/
.body .leftContent .menuTab {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:30px;
}
	.body .leftContent .menuTab a.menuTabOn {
		padding:5px 0px 0px 0px;
		display:block;
		margin:0px 0px 0px 0px;
		text-align:center;
		float:left;
		background:url(../img/menuTabOn.gif) center no-repeat;
		text-decoration:none;
		width:138px;
		color:#004383;
		height:25px;
	}
	.body .leftContent .menuTab a.menuTabOff {
		padding:5px 0px 0px 0px;
		display:block;
		margin:0px 0px 0px 0px;
		text-align:center;
		float:left;
		background:url(../img/menuTabOff.gif) center no-repeat;
		text-decoration:none;
		width:138px;
		color:#004383;
		height:25px;
	}
	.body .leftContent .menuTab a:hover {
		background:url(../img/menuTabOn.gif) center no-repeat;
	}
/*------------ menu ------------*/
.body .leftContent .menu {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.body .leftContent .menu li {
	padding:10px 0px 7px 10px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background:bottom repeat-x url(../img/bleuDot.jpg);
	font-size:17px;
	color:#004383;
}
.body .leftContent .menu li a {
	color:#004383;
	text-decoration:none;
	background:url(../img/nav_ioff.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 0px;
}
.body .leftContent .menu li a:hover {
	background:url(../img/nav_ion.gif) no-repeat 0px 0px;
	color:#cc003a;
}
.body .leftContent .menu li.menuOn {
	padding:10px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background: none;
}
.body .leftContent .menu li.menuOn a {
	background:url(../img/nav_ion.gif) no-repeat 0px 0px;
	color:#cc003a;
}
/*------------ menu private ------------*/
.body .leftContent .menu.private li {
	color:#72a055;
}
.body .leftContent .menu.private li a {
	color:#72a055;
	background:url(../img/navPriv_ioff.gif) no-repeat 0px 0px;
}
.body .leftContent .menu.private li a:hover {
	background:url(../img/navPriv_ion.gif) no-repeat 0px 0px;
	color:#a5dc78;
}
.body .leftContent .menu.private li.menuOn a {
	background:url(../img/navPriv_ion.gif) no-repeat 0px 0px;
	color:#72a055;
}
/*------------ subMenu ------------*/
.body .leftContent .menu .subMenu_on {
	display:block;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	background:bottom repeat-x url(../img/bleuDot.jpg);
}
.body .leftContent .menu .subMenu_on li {
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	background:none;
}
.body .leftContent .menu .subMenu_on li a {
	color:#004383;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	font-size:13px;
	background: url(../img/subNav_off.gif) no-repeat 0px 2px;
}
.body .leftContent .menu .subMenu_on li a:hover {
	background:url(../img/subNav_on.gif) no-repeat 0px 2px;
	color:#cc003a;
}
.body .leftContent .menu .subMenu_on li.menuOn a {
	background:url(../img/subNav_on.gif) no-repeat 0px 2px;
	color:#cc003a;
}
.body .leftContent .menu .subMenu_off {
	display:none;
}
/*------------ subMenu private ------------*/
.body .leftContent .menu.private .subMenu_on li a {
	color:#72a055;
	background: url(../img/subNavPriv_off.gif) no-repeat 0px 2px;
}
.body .leftContent .menu.private .subMenu_on li a:hover {
	background:url(../img/subNavPriv_on.gif) no-repeat 0px 2px;
	color:#a5dc78;
}
.body .leftContent .menu.private .subMenu_on li.menuOn a {
	background:url(../img/subNavPriv_on.gif) no-repeat 0px 2px;
	color:#72a055;
}
/*------------ banner leftContent ------------*/
.body .leftContent .banner {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.body .leftContent .banner img {
	border:1px solid #004383;
}
/*------------ map ------------*/
.body .leftContent .map {
	padding:20px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}
.body .leftContent .map h3 {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background: url(../img/arrowRed.gif) no-repeat left;
	font-size:13px;
	color:#cc003a;
}
.body .leftContent .map p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#004383;
}
.body .leftContent .map p a {
	color:#cc003a;
	font-weight:bold;
}
.body .leftContent .map p a:hover {
text-decoration:none;
}
.body .leftContent .map div {
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.body .leftContent .map div img {
	border:0px;
}
/*--------------- rightContent ------------------*/
.body .rightContent {
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	float:left;
}
.body .rightContent .content {
	position:relative;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
	width:659px;
	font-size:12px;
}
.body .rightContent .content .pageName {
	padding:7px 7px 20px 7px;
	margin:0px 0px 0px 0px;
	background:url(../img/bgH1Interior.gif) top no-repeat;
	width:646px;
	height:29px;
}
.body .rightContent .content .pageName h1 {
	font-size:18px;
	color:#004383;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .pageOption {
	font-size:1em;
	background:url(../img/bgPageOption.gif) 23px 0px no-repeat;
	float:right;
	padding:0px 7px 0px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .pageOption a {
	padding:0px 2px 0px 2px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .pageOption a img {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:none;
	float:none;
}
.body .rightContent .content p.contentLink {
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content p.contentLink a {
	padding:0px 2px 0px 12px;
	margin:0px 0px 0px 0px;
	color:#ee0038;
	text-decoration:none;
	font-size:1em;
	background:url(../img/arrowLinkOnLang.gif) 3px 2px no-repeat;
}
.body .rightContent .content p.contentLink a:hover {
	color:#004383;
	background:url(../img/arrowLinkOffLang.gif) 3px 2px no-repeat;
}
.body .rightContent .content p.backLink {
	float:right;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content p.backLink a:hover {
	text-decoration:none;
}
.body .rightContent .content p.backLink a {
	text-decoration:underline;
	font-size:1em;
}
.body .rightContent .content img, .body .rightContent .tabItems .tabItemsContent img {
	clear:right;
	float:right;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 10px;
}
.body .rightContent .content div#topLetters {
	margin: 10px 0;
}

.body .rightContent .content div#loadingClubs {
	float: right;
}
.body .rightContent .content div#loadingClubs img {
	float: none;
}
.body .rightContent .content table, .body .rightContent .tabItems .tabItemsContent table {
	width:661px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 5px 0px;
	border-bottom:#004580 solid 1px;
	background:url(../img/bgGridTbody.gif) repeat-y left;
	clear:left;
}
.body .rightContent .content table.tbl_tab {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
.body .rightContent .content .basic table {
	width:661px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:0px;
}
.body .rightContent .content .basic table caption {
	color:#FFFFFF;
	font-size:1em;
	text-align:left;
	background-color:#004580;
	padding:3px 3px 3px 3px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .basic table.fileList th.columnSize {
	width: 200px;
}


.body .rightContent .content table thead th.titleTable, .body .rightContent .tabItems .tabItemsContent table thead th.titleTable {
	color:#004580;
	font-size:1.5em;
	background-color:#FFFFFF;
}
.body .rightContent .content table thead th, .body .rightContent .tabItems .tabItemsContent table thead th {
	color:#FFFFFF;
	font-size:1em;
	text-align:left;
	background-color:#004580;
	padding:3px 3px 3px 3px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content table tbody,.body .rightContent .tabItems .tabItemsContent table tbody {
	border-bottom:#FFFFFF solid 1px;
}
.body .rightContent .content table tbody td, .body .rightContent .tabItems .tabItemsContent table tbody td {
	border-top:#FFFFFF solid 1px;
	color:#004580;
	font-size:1em;
	padding:3px 3px 3px 3px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content h1, .body .rightContent .tabItems .tabItemsContent h1 {
	color:#000000;
	font-size:2em;
	font-weight:bold;
	padding:10px 8px 15px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content h2,.body .rightContent .tabItems .tabItemsContent h2 {
	color:#004383;
	font-size:1.8em;
	font-weight:bold;
	padding:15px 8px 10px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content h3, .body .rightContent .tabItems .tabItemsContent h3 {
	color:#000000;
	padding:10px 8px 10px 0px;
	margin:0px 0px 0px 0px;
	font-size:1.6em;
	font-weight:bold;
}
.body .rightContent .content h4, .body .rightContent .tabItems .tabItemsContent h4 {
	color:#000000;
	font-size:1.4em;
	font-weight:bold;
	padding:8px 8px 8px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content h5, .body .rightContent .tabItems .tabItemsContent h5 {
	color:#004383;
	font-size:1.2em;
	font-weight:bold;
	padding:6px 8px 6px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content h6, .body .rightContent .tabItems .tabItemsContent h6 {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	padding:4px 8px 4px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content p, .body .rightContent .tabItems .tabItemsContent p {
	padding:0px 8px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:1em;
}
.body .rightContent .content a, .body .rightContent .tabItems .tabItemsContent a {
	color:#004580;
	text-decoration:underline;
}
.body .rightContent .content a:hover, .body .rightContent .tabItems .tabItemsContent a:hover {
	text-decoration:none;
}
.body .rightContent .content ul {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
}
.body .rightContent .content ul li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	float:left;
}
.body .rightContent .content ul li a {
	padding:7px 1px 0px 0px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:15px;
	width:218px;
	height:27px;
	float:left;
	font-weight:bold;
}
.body .rightContent .content ul li.detailsOnglet_on a {
	background:url(../img/clubDetOngletOn.gif) no-repeat 0px 0px;
	color:#fbcd29;
}
.body .rightContent .content ul li.detailsOnglet_off a {
	background:url(../img/clubDetOngletOff.gif) no-repeat 0px 0px;
	color:#004483;
}
.body .rightContent .content ul li.detailsOnglet_off a:hover {
	background:url(../img/clubDetOngletOn.gif) no-repeat 0px 0px;
	color:#fbcd29;
}
.body .rightContent .content p.webLink {
	margin-bottom: 20px;
}
.body .rightContent .slide {
	padding:0px 0px 11px 0px;
	margin:0px 0px 0px 0px;
}
/*------------ News items ---------*/
.body .rightContent .content .newsItem {
	/*border-bottom:1px solid #004580;*/
	background:transparent url(../img/bleuDot.jpg) repeat-x scroll center bottom;
	padding:2px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .newsItem h2 {
	padding:3px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	font-size:1.4em;
}
.body .rightContent .content .newsItem span {
	font-weight: normal;
	font-size:0.7em;
	color:#000000;
	padding:0px 2px 0px 0px;
	margin:0px 0px 0px 0px;
	/*display:block;*/
}
.body .rightContent .content .newsItem p {
	/*margin: 10px 0;*/
}
.body .rightContent .content .newsItem a {
	/*float: right;*/
}

.body .rightContent .content .newsDetails span {
	font-weight: bold;
	padding:0px 0px 7px 0px;
	margin:0px 0px 0px 0px;
	display:block;
}
.body .rightContent .content .newsDetails p {
	/*margin: 10px 0;*/
}
/*------------ Links --------------*/
.body .rightContent .content table tr td.linkName {
	width: 200px;
}

/*------------ Contact ------------*/
.body .rightContent .content .contact {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:none;
	border:0px;
}
.body .rightContent .content .contact th {
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	color:#004580;
	font-size:1em;
	text-align:left;
	width:100px;
}
.body .rightContent .content .contact td {
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .content .contact td input.inputText {
	width:200px;
	font-size:1em;
}
.body .rightContent .content .contact td textarea.inputText {
	width:650px;
	height:150px;
	font-size:1em;
}
.body .rightContent .content .contact td input.btnSubmitBlue {
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	border:0px;
	background-image:url(../img/btn_bleu.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	width:67px;
	height:15px;
}
.body .rightContent .content .contact td span.error {
	color:#990000;
}
/*------------ tabItems ------------*/
.body .rightContent .tabItems {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:671px;
}
.body .rightContent .tabItems h3 {
	padding:7px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	float:left;
	text-align:center;
	height:24px;
}
.body .rightContent .tabItems h3 a {
	color:#474747;
	text-decoration:none;
}
.body .rightContent .tabItems h3 a:hover {
	color:#004383;
}
.body .rightContent .tabItems .onglet1_on {
	width:223px;
	background: url(../img/onglet1_on.gif) no-repeat;
}
.body .rightContent .tabItems .onglet1_on a {
	color:#004383;
}
.body .rightContent .tabItems .onglet1_off {
	width:223px;
	background: url(../img/onglet1_off.gif) no-repeat;
	color:#474747;
}
.body .rightContent .tabItems .onglet2_on {
	width:226px;
	background: url(../img/onglet2_on.gif) no-repeat;
	color:#004383;
}
.body .rightContent .tabItems .onglet2_on a {
	color:#004383;
}
.body .rightContent .tabItems .onglet2_off {
	width:226px;
	background: url(../img/onglet2_off.gif) no-repeat;
	color:#474747;
}
.body .rightContent .tabItems .onglet3_on {
	width:222px;
	background: url(../img/onglet3_on.gif) no-repeat;
	color:#004383;
}
.body .rightContent .tabItems .onglet3_on a {
	color:#004383;
}
.body .rightContent .tabItems .onglet3_off {
	width:222px;
	background: url(../img/onglet3_off.gif) no-repeat;
	color:#474747;
}
.body .rightContent .tabItems .tabItemsContent {
	clear:left;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	border-left:1px solid #7fa1c0;
	border-right:1px solid #7fa1c0;
	background:url(../img/bgtabItems.gif) repeat-x 0px 0px;
}
.body .rightContent .tabItems .tabItemsContent img {
	float:left;
	padding:0px 10px 6px 0px;
	margin:0px 0px 0px 0px;
}
.body .rightContent .tabItems .tabItemsContent p {
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	color:#474747;
}
.body .rightContent .tabItems .tabItemsContent p.btnMore {
	padding:0px 10px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
}
.body .rightContent .tabItems .tabItemsContent p.btnMore a {
	color:#ee0038;
}
.body .rightContent .tabItems .tabItemsContent p.btnMore a:hover {
	text-decoration:none;
}
.body .rightContent .tabItems .tabItemsResum {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url(../img/bgtabItemsFooter.gif) no-repeat top;
	height:45px;
	clear: left;
}
.body .rightContent .tabItems .tabItemsResum img{
	height: 28px;
}
.body .rightContent .tabItems .tabItemsResum .resum {
	padding:3px 6px 3px 6px;
	margin:0px 0px 0px 7px;
	width:311px;
	height:29px;
	float:left;
	background:url(../img/bgtabItemsResum.gif) no-repeat;
}
.body .rightContent .tabItems .tabItemsResum .resum img {
	float:left;
	padding-right: 6px;
}
.body .rightContent .tabItems .tabItemsResum .resum a {
	/*padding:0px 0px 0px 6px;*/
	margin:0px 0px 0px 0px;
	/*width:265px;
	float:left;*/
	font-size:11px;
	color:#004382;
	text-decoration:none;
}
.body .rightContent .tabItems .tabItemsResum .resum a:hover {
	text-decoration:underline;
}
/*------------ banner RightContent ------------*/
.body .rightContent .banner {
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*---------------------------------- footer ------------------------------------------*/
.footer {
	padding:10px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	background:top no-repeat url(../img/bgFooter.gif);
	height:25px;
	font-size:11px;
}
.footer .footerLeft {
	padding:0px 0px 0px 7px;
	margin:0px 0px 0px 0px;
	text-align:left;
	width:317px;
	float:left;
	color:#666666;
}
.footer .footerCenter {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	width:324px;
	float:left;
	color:#004383;
}
.footer .footerRight {
	padding:0px 7px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:right;
	width:317px;
	float:left;
}
.footer .footerRight a {
	color:#004383;
	text-decoration:none;
}
.footer .footerRight a:hover {
	text-decoration:underline;
}