/* 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{
	background:url(../../images/layout/body.bckg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	overflow:auto;
}

.wrap{
	margin:0 auto;
	width:815px;
}

#header{
	height:69px;
	margin:25px 0 0 0;
}

	#logo{
		float:left;
		height:63px;
	}
	
	#langues{
		float:right;
		padding:30px 20px 0 0;
	}
	
		#langues li{
			display:inline;
		}
		
		#langues a{
			display:block;
			float:left;
			background:url(../../images/layout/langues.png) top right no-repeat;
			height:30px;
			width:30px;
			text-align:center;
			margin-left:5px;
			text-decoration:none;
			line-height:30px;
			text-transform:uppercase;
			font-size:10px;
			color:#ffffff;
		}
		
		#langues a.actif, #langues a:hover{
			color:#666666;
			background-position:top left;
		}

#left{
	width:200px;
	float:left;
}
	
	#menu{
		background:url(../../images/layout/menu.bckg.png) repeat-y top left;
	}
	
	#menu ul.menu_level1{
		width:177px;
		margin-left:15px;
		height:auto !important;
		height:190px;
		min-height:190px;
		padding:15px 0 5px 0;
	}
	
	/* Level 0 */
	#menu a{
		font-size:14px;
		font-weight:bold;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		padding:7px 0 0 10px;
		text-transform:uppercase;
		height:25px;
	}
	
	#menu .actif a,#menu a:hover {
		background:url(../../images/layout/menu.actif.png) no-repeat;
		color:#333333;
		font-weight:bold;
	}
	
	/* Level 1 */
	#menu ul.sous_menu{
		padding-bottom:3px;
		padding-top:3px;
	}
	
	#menu ul.sous_menu a{
		text-transform:none;
		padding:0 0 0 20px;
		font-size:12px;
		background:none;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	ul li.plus a{
		background:url(../../images/layout/menu.plus.png) no-repeat;
	}
	
	#menu ul li.actifmoins a, #menu ul li.moins a:hover{
		background:url(../../images/layout/menu.actif.moins.png) no-repeat;
		color:#333333;
		font-weight:bold;
	}
	
	#menu ul.sous_menu li.actif a,
	#menu ul.sous_menu a:hover,
	#menu ul.sous_menu .moins a:hover,
	#menu ul.sous_menu li.actifmoins a{
		color:#ffea00;
		padding:0 0 0 20px;
		background:none;
	}
	
	#body #menu ul.sous_menu .moins a:hover{
		color:#ffea00;
	}
	
	#menuBottom{
		background:url(../../images/layout/menu.bottom.png) bottom left no-repeat;
		height:15px;
	}

#right{
	width:606px;
	float:left;
	margin:3px 0 0 0;
	min-height:600px;
}

	#content_banniere{
		border:5px solid #ffea00;
		width:585px; height:313px;
		background:white;
		position:relative;
		margin-bottom:5px;
	}
	
		#content_slogan{
			position:absolute;
			z-index:200;
			left:3px;
			top:6px;
			padding:8px;
			background:#ffea00;
			line-height:1.25em;
			color:#666666;
			font-weight:bold;
		}
		
		#content_banniere_js{
			
		}
	
	#decompte{
		background:url(../../images/layout/decompte.png) no-repeat;
		width:585px;
		padding:5px;
		height:65px;
		margin-bottom:10px;
	}
	
		#decompte span{ display:block; }
		#decompte .title{
			color:#FFFFFF;
			text-align:right;
			font-weight:bold;
			text-transform:uppercase;
			line-height:18px;
			padding-right:3px;
		}
		
		#dateur{
			float:left;
			background:url(../../images/layout/dateur.png);
			width:176px;
			height:63px;
		}
			#date{
				font-size:32px;
				text-align:center;
				line-height:44px;
			}
			
			#day, #hour, #min, #seconde{
				font-size:32px;
				text-align:center;
				line-height:44px;
				font-size:24px;
			}
		
		#timeur{
			float:right;
		}
		
			#timeur div{
				background:url(../../images/layout/timeur.png);
				width:71px; height:64px;
				float:left;
				margin-left:4px;
			}
		
	
	#content{
		background:#FFFFFF;
		width:595px;
		height:auto !important;
		min-height:460px;
		height:460px;
		font-size:14px;
	}
	
	#body .nobanner{
		width:575px;
		padding:10px 10px 0 10px;
		background:url(../../images/layout/nobanner.jpg) no-repeat top left;
	}
	
	#content a{
		color:#0088c7;
		text-decoration:none;
		font-weight:bold;
	}
	
	#content a:hover{
		
	}
	
	#content p{
		padding-bottom:0.75em;
		line-height:1.5em;
	}
		
#sponsors{
	background:#0068a5;
	padding:10px 0;
}
	
	#sponsors ul{
		padding-left:200px;
	}
	
	#sponsors li{
		display:inline;
	}
	
	#sponsors li a{
		display:block;
		float:left;
		border:2px solid #CCCCCC;
		width:54px; height:40px;
		margin-left:3px;
		background-color:#999;
	}

#footer{

}
	
	#footer_menu{
		padding:5px 0 15px 0;
		float:left;
	}
	
	#footer_menu li{
		display:inline;
		color:#007ebc;
	}
	
	.footer #novitis{ 
		float:right;
		display:block;
		padding:5px 0 15px 0;
		color:#A8C2CF;
	}
	
	#footer_menu a, #novitis{
		color:#007ebc;
		text-decoration:none;
	}
	
	#novitis:hover{ color:#006fb7;}
	
	#footer_menu a:hover, #footer_menu li.actif a{
		color:#006fb7;
		font-weight:bold;
	}
	
	#footer_keywords{
		text-align:justify;
		line-height:1.25em;
		font-size:0.8em;
		padding-top:10em;
		padding-bottom:1em;
		color:#CCCCCC;
	}