/* Affiche la structure générale du layout */
/* Intégrateur : G.Mélot */
/* Date Intégration : 30 Mars 2009 */

/* Import du reset CSS de Eric Meyer */
@import url('reset.css');

/* Import des sous-templates */
@import url('main_extend.css');

/* Import des styles pour la compatibilité avec tinyMce */
@import url('main_extend_tinymce.css');

/* Styles pour l'accessibilité W3C W.A.I. */
.w3c_wai{
display:none;
}

/* BODY */
#body{
font-family:Arial,Helvetica, sans-serif;
font-size:12px;
color:#252525;
background:#CECECE url(../../images/layout/main.body.repeat.jpg) repeat-x top left;
}

a{
text-decoration:none;
color:#6f706f;
}

/* ENTETE */
#header{
width:780px;
margin:10px auto 0 auto;
}

	#header_logo{
	float:left;
	}
	
	#header_langues{
	float:right;
	margin-top:42px;
	}
		
		#header_langues li{
		float:left;
		}
		
			#header_langues a{
			background:url(../../images/layout/main.langues.jpg) no-repeat top right;
			width:22px; height:14px;
			display:block;
			float:left;
			color:#333333;
			text-transform:uppercase;
			font-size:10px;
			padding:14px 0 0 6px;
			margin-left:2px;
			}
			
			#header_langues a:hover, #header_langues a.actif{
			background:url(../../images/layout/main.langues.jpg) no-repeat top left;
			color:#FFFFFF;
			}

/* MODULE - SUPPRIMABLE */
.main-inforace{
position:absolute;
bottom:10px;
left:10px;
z-index:500;
width:760px;
}

	.main-nextrace{
	float:left;
	margin-right:3px;
	}
	
	.main-bandeau{
	float:left;
	background:url(../../images/layout/main.inforace.png);
	width:390px; height:47px;
	padding:7px 0 0 5px;
	}
	
		.main-racename{
		font-size:20px;
		padding-bottom:3px;
		}
		
		.main-description-race{
		
		}
	
	.main-date{
	float:left;
	}
		
		.main-date div{
		float:left;
		background:url(../../images/layout/main.date.png);
		width:55px; height:54px;
		margin-left:2px;
		text-align:center;
		}
		
		.main-date div span{
		display:block;
		}
		
			.main-bloc-num{
			font-size:24px;
			font-weight:bold;
			padding-top:7px;
			padding-bottom:3px;
			}
			
			.main-bloc-txt{
			font-size:11px;
			text-transform:uppercase;
			}
			
/* BANNIERE */
#content_banniere{
clear:both;
position:relative;
width:780px;
height:262px;
margin:0 auto 6px auto;
background:#f3f3f3;
border:1px solid #dedede;
}
			
	#content_slogan{
	position:absolute;
	top:10px;
	left:10px;
	z-index:300;
	background-color:#fff;
	padding:5px;
	width:300px;
	line-height:16px;
	border:1px solid #999999;
	font-size:14px;
	}

	#content_banniere_js{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border:1px solid #dedede;
	width:768px;
	height:250px;
	margin:5px 0 0 5px;
	}

/* CORPS */
#content{
width:780px; /* 700 - 2 * 10 */
margin:0 auto;
clear:both;
}

	#content-gauche{
	float:left;
	width:205px;
	}
	
		#content_menu{
		width:205px;
		margin-bottom:10px;
		}
			
			#content_menu ul{
			
			}
			
				#content_menu li{
				display:block;
				}
				
					#content_menu li a{
					background:url(../../images/layout/main.menu.jpg);
					display:block;
					height:18px;
					font-size:14px;
					padding:12px 0 0 9px;
					}
					
					#content_menu li.actif a, #content_menu li a:hover{
					background:url(../../images/layout/main.menu.actif.jpg);
					height:25px;
					font-size:16px;
					color:#a8180f;
					}
				
				#content_menu .sous_menu{
				background:url(../../images/layout/menu.sous.rub.bckg.jpg) repeat-y;
				padding:5px 0;
				border-bottom:1px solid #cfcfcf;
				}
				
					#content_menu .sous_menu li a{
					font-size:12px;
					height:16px;
					padding:3px 0 0 20px;
					background:url(../../images/layout/menu.sous.rub.bckg.jpg) repeat-y;
					color:#6F706F;
					}
					
					#content_menu .sous_menu li.actif a, #content_menu .sous_menu li a:hover{
					background:url(../../images/layout/menu.puce.sous.rub.jpg) no-repeat 2px 3px;
					height:16px;
					font-size:12px;
					color:#a8180f;
					}
		
		#content_partenaire{
		border:1px solid #b4b4b4;
		position:relative;
		height:169px;
		}
		
			#content_partenaire h2{
			background:#a8180f;
			font-size:16px;
			color:#FFFFFF;
			line-height:29px;
			text-indent:9px;
			}
			
			#content_partenaire ul{
			background:#fff;
			height:140px;
			}
			
				#content_partenaire ul li{
				text-align:center;
				/*padding:10px 0 0 27px;*/
				}
	
	#content_view{
	height:auto !important;
	min-height:550px;
	height:550px;
	width:550px;
	padding:10px;
	float:right;
	background:#e7e7e7 url(../../images/layout/main.content.jpg) no-repeat;
	border-bottom:1px solid #dedede;
	}
	
		#content_view a{
		font-weight:bold;
		color:#a8180f;
		}
		
		#content_view a:hover, #content_view li.actif a{
		text-decoration:underline;
		color:#a8180f;
		}

/* FOOTER */
#footer{
width:570px;
padding-left:210px;
margin:0 auto;
clear:both;
color:#5c5c5c;
}

	#footer a{
	color:#5c5c5c;
	}
	
	#footer_menu{
	color:#5C5C5C;
	padding:10px 0;
	font-size:11px;
	float:left;
	width:340px;
	}
	
		#footer_menu li{
		display:inline;
		}
		
		#footer_menu li a{
		color:#5c5c5c;
		}
		
		#footer_menu li a:hover,#footer_menu li.actif a{
		color:#a8180f;
		}
	
	#footer_novitis{
	float:right;
	width:210px;
	text-align:right;
	font-size:11px;
	padding:10px 0;
	}
	
	#footer_keywords{
	clear:both;
	line-height:1.25em;
	text-align:justify;
	padding-top:14em;
	color:#bbb;
	font-size:11px;
	}