@import 'site.css';

/**
 * Interface
 */
#conteneur { position: relative; width: 800px; margin: auto;}

	/**
	 * Header
	 */
	#header { background: url(images/haut.jpg) no-repeat top center; height: 247px; }
	

/** Image gauche du menu**/				
#marginleft {
width: 76px;
left: 28px;
float: left;
}

	/**
	 * Navigation : menu niveau 1 + menu deroulant
	 */
	#bloc_nav { position: absolute; top: 219px; width: 800px;  height: 28px; margin: auto; }
		#bloc_nav>ul a { width: auto; }
		#bloc_nav ul ul { position: absolute; display: none; }
			#bloc_nav li { position: relative; float: left; z-index: 900; margin-right: 0px; }
		
		#bloc_nav .level1 li a { height: 28px; }
		
		/* definition des styles pour les rubriques de 1er niveau */
			#bloc_nav .level1 #menuleft { background: url(images/menu-gauche.gif) no-repeat top left; width: 76px; }
			#bloc_nav .level1 #menu1_actif { background: url(images/menu-gauche.gif) no-repeat bottom left; width: 76px; }
			#bloc_nav .level1 #menu1:hover { background: url(images/menu-gauche.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menuright { background: url(images/menu-droit.gif) no-repeat top left; width: 80px; }
		
		#bloc_nav .level1 #menu1 { background: url(images/bt-accueil.gif) no-repeat top left; width: 65px; }
		#bloc_nav .level1 #menu1_actif { background: url(images/bt-accueil.gif) no-repeat bottom left; width: 65px; }
		#bloc_nav .level1 #menu1:hover { background: url(images/bt-accueil.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menu2 { background: url(images/bt-ecuries.gif) no-repeat top left; width: 149px; }
		#bloc_nav .level1 #menu2_actif { background: url(images/bt-ecuries.gif) no-repeat bottom left; width: 149px; }
		#bloc_nav .level1 #menu2:hover { background: url(images/bt-ecuries.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menu3 { background: url(images/bt-vente.gif) no-repeat top left; width: 133px; }
		#bloc_nav .level1 #menu3_actif { background: url(images/bt-vente.gif) no-repeat bottom left; width: 133px; }
		#bloc_nav .level1 #menu3:hover { background: url(images/bt-vente.gif) no-repeat bottom left; }
		
		#bloc_nav .level1 #menu4 { background: url(images/bt-concours.gif) no-repeat top left; width: 80px; }
		#bloc_nav .level1 #menu4_actif { background: url(images/bt-concours.gif) no-repeat bottom left; width: 80px; }
		#bloc_nav .level1 #menu4:hover { background: url(images/bt-concours.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menu5 { background: url(images/bt-multimedia.gif) no-repeat top left; width: 89px; }
		#bloc_nav .level1 #menu5_actif { background: url(images/bt-multimedia.gif) no-repeat bottom left; width: 89px; }
		#bloc_nav .level1 #menu5:hover { background: url(images/bt-multimedia.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menu6 { background: url(images/bt-tarifs.gif) no-repeat top left; width: 54px; }
		#bloc_nav .level1 #menu6_actif { background: url(images/bt-tarifs.gif) no-repeat bottom left; width: 54px; }
		#bloc_nav .level1 #menu6:hover { background: url(images/bt-tarifs.gif) no-repeat bottom left; }
			
		#bloc_nav .level1 #menu7 { background: url(images/bt-contacts.gif) no-repeat top left; width: 74px; }
		#bloc_nav .level1 #menu7_actif { background: url(images/bt-contacts.gif) no-repeat bottom left; width: 74px; }
		#bloc_nav .level1 #menu7:hover { background: url(images/bt-contacts.gif) no-repeat bottom left; }
		
		#bloc_nav ul.level1 li.submenu:hover ul.level2, #bloc_nav ul.level2 li.submenu:hover ul.level3 { display: block; }
		
		#bloc_nav ul.level2 { top: 2.7em; left: 0; width: 167px; border: 1px solid #E0A86F; background: #663300; }
		#bloc_nav #menu7 ul.level2 { left: -45px; }
		
		#bloc_nav .level1 #menu1 ul.level2, #bloc_nav .level1 #menu1 ul.level2 li, #bloc_nav .level1 #menu1_actif ul.level2, #bloc_nav .level1 #menu1_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu2 ul.level2, #bloc_nav .level1 #menu2 ul.level2 li, #bloc_nav .level1 #menu2_actif ul.level2, #bloc_nav .level1 #menu2_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu3 ul.level2, #bloc_nav .level1 #menu3 ul.level2 li, #bloc_nav .level1 #menu3_actif ul.level2, #bloc_nav .level1 #menu3_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu4 ul.level2, #bloc_nav .level1 #menu4 ul.level2 li, #bloc_nav .level1 #menu4_actif ul.level2, #bloc_nav .level1 #menu4_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu5 ul.level2, #bloc_nav .level1 #menu5 ul.level2 li, #bloc_nav .level1 #menu5_actif ul.level2, #bloc_nav .level1 #menu5_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu6 ul.level2, #bloc_nav .level1 #menu6 ul.level2 li, #bloc_nav .level1 #menu6_actif ul.level2, #bloc_nav .level1 #menu6_actif ul.level2 li { width: 167px; }
		#bloc_nav .level1 #menu7 ul.level2, #bloc_nav .level1 #menu7 ul.level2 li, #bloc_nav .level1 #menu7_actif ul.level2, #bloc_nav .level1 #menu7_actif ul.level2 li { width: 167px; }
		
			#bloc_nav .level1 ul.level2 li { background: url(images/fond-menu.jpg) repeat-y; border-bottom: 1px solid #fff; }
				#bloc_nav .level1 ul.level2 li a { height: auto; color: #FFFFFF; font-weight: bold; padding: 3px 5px 3px 15px; display: block; background: url(images/puce3.gif) no-repeat 5px 6px; }



				
			#bloc_nav .level1 ul.level2 li:hover { background: url(images/fond-menu2.jpg) repeat-y; border-bottom: 1px solid #fff; }
				#bloc_nav .level1 ul.level2 li a { height: auto; color: #FFFFFF; font-weight: bold; padding: 3px 5px 3px 15px; display: block; }




	/**
	 * Bloc
	 */

#bloc {
	width: 800px;
	margin: auto;
	background:url(images/fond-bloc.gif) repeat-y;
}

#bloc-contenu {
	width: 780px;
	margin: auto;
	padding-top: 10px;
}

#bloc-contenu-droite {
	width: 270px;
	float: right;
	padding-top: 10px;
	text-align: center;
}

#bloc-contenu img {
	margin: 0px 1px 5px 1px;
}


#separateur {
	width: 800px;
	height: 10px;
	background:url(images/separateur.gif) repeat-y;
}



	/**
	 * Footer
	 */
#footer {
	position: relative;
	padding-top: 5px;
	background: url(images/footer.gif) no-repeat;
	height: 43px;
}