@import 'global.css';

/**
 * Interface
 */
#conteneur { position: relative; left: 50%; width: 929px; margin-left: -464px; background: #fff; }

	/**
	 * Header
	 */
	#header { background: url(../fr/nav/header.jpg) no-repeat top center; height: 225px; }
		#header h1 { margin: 0; }
			/*#header h1 a { position: absolute; top: 60px; left: 26px; display: block; width: 127px; height: 150px; }*/
		
		#header #flash { position: absolute; top: 29px; }
		#header #breaking_news { position: absolute; top: 158px; left: 140px; width: 350px; font-size: 1.1em; font-weight: bold; color: #003C96; }
		
		#header #header_menu li a { position: absolute; top: 11px; height: 12px; }
		#header #header_menu #header_menu1 a { background: url(../fr/nav/header_menu1.gif) no-repeat; width: 68px; left: 121px; }
			#header #header_menu #header_menu1 a:hover { background: url(../fr/nav/header_menu1_hover.gif) no-repeat; }
		#header #header_menu #header_menu2 a { background: url(../fr/nav/header_menu2.gif) no-repeat; width: 90px; left: 211px; }
			#header #header_menu #header_menu2 a:hover { background: url(../fr/nav/header_menu2_hover.gif) no-repeat; }
		#header #header_menu #header_menu3 a { background: url(../fr/nav/header_menu3.gif) no-repeat; width: 57px; left: 324px; }
			#header #header_menu #header_menu3 a:hover { background: url(../fr/nav/header_menu3_hover.gif) no-repeat; }
		#header #header_menu #header_menu4 a { background: url(../fr/nav/header_menu4.gif) no-repeat; width: 86px; left: 404px; }
			#header #header_menu #header_menu4 a:hover { background: url(../fr/nav/header_menu4_hover.gif) no-repeat; }
		#header #header_menu #header_menu5 a { background: url(../fr/nav/header_menu5.gif) no-repeat; width: 45px; left: 513px; }
			#header #header_menu #header_menu5 a:hover { background: url(../fr/nav/header_menu5_hover.gif) no-repeat; }
		
		#header #form_identification { position: absolute; top: 8px; left: 698px; width: 213px; color: #fff; }
		#header p#form_identification { top: 6px; }
			#header #form_identification label { display: none; }
			#header #form_identification input { background: #fff; border: none; height: 14px; padding: 1px 4px 0 4px; margin-top: 1px; }
			#header #form_identification #btn_identification { position: absolute; top: 0; right: 25px; background: url(../fr/nav/btn_identification.gif) no-repeat top left; width: 19px; height: 17px; }
				#header #form_identification #btn_identification:hover { background: url(../fr/nav/btn_identification.gif) no-repeat bottom left; }
			#header #form_identification #btn_aide { position: absolute; top: 0; right: 0; background: url(../fr/nav/btn_aide.gif) no-repeat top left; width: 19px; height: 17px; }
				#header #form_identification #btn_aide:hover { background: url(../fr/nav/btn_aide.gif) no-repeat bottom left; }
			#header #form_identification #acc_identification { position: absolute; top: 0; left: -108px; width: 100px; height: 20px; }
			#header #form_identification span { position: absolute; top: 4px; display: block; width: 185px; }
			#header #form_identification #btn_deconnecter { position: absolute; top: 4px; right: 0; background: url(../fr/nav/btn_deconnexion.gif) no-repeat top left; width: 16px; height: 15px; }
				#header #form_identification #btn_deconnecter:hover { background: url(../fr/nav/btn_deconnexion.gif) no-repeat bottom left; }
	
	/**
	 * Formulaire de recherche
	 */
	#form_rechercher { position: absolute; top: 222px; right: 7px; background: url(../fr/nav/bloc_recherche.jpg) no-repeat; display: block; width: 193px; height: 27px; margin-top: 3px; }
        #form_rechercher label { position: absolute; top: 10px; left: 4px; width: 59px; height: 7px; }
		#form_rechercher #text_rechercher { position: absolute; top: 5px; left: 69px; padding: 1px 3px 1px 3px; background: #fff; }
		#form_rechercher #btn_rechercher { position: absolute; top: 6px; right: 9px; background: url(../fr/nav/btn_rechercher.gif) no-repeat top left; width: 14px; height: 14px; }
			#form_rechercher #btn_rechercher:hover {  background: url(../fr/nav/btn_rechercher.gif) no-repeat bottom left; }
	
	/**
	 * Navigation : menu niveau 1 + menu deroulant
	 */
	#bloc_nav { position: absolute; top: 176px; left: 7px; background: url(../fr/nav/bloc_nav.gif) no-repeat; width: 915px;  height: 20px; }
		#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: 1px; }
		
		#bloc_nav .level1 li a { height: 20px; }
		
		/* definition des styles pour les rubriques de 1er niveau */
		#bloc_nav .level1 #menu1 { background: url(../fr/nav/menu1.gif) no-repeat top left; width: 179px; }
		#bloc_nav .level1 #menu1_actif { background: url(../fr/nav/menu1.gif) no-repeat bottom left; width: 179px; }
			#bloc_nav .level1 #menu1:hover { background: url(../fr/nav/menu1.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu2 { background: url(../fr/nav/menu2.gif) no-repeat top left; width: 98px; }
		#bloc_nav .level1 #menu2_actif { background: url(../fr/nav/menu2.gif) no-repeat bottom left; width: 98px; }
			#bloc_nav .level1 #menu2:hover { background: url(../fr/nav/menu2.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu3 { background: url(../fr/nav/menu3.gif) no-repeat top left; width: 138px; }
		#bloc_nav .level1 #menu3_actif { background: url(../fr/nav/menu3.gif) no-repeat bottom left; width: 138px; }
			#bloc_nav .level1 #menu3:hover { background: url(../fr/nav/menu3.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu4 { background: url(../fr/nav/menu4.gif) no-repeat top left; width: 105px; }
		#bloc_nav .level1 #menu4_actif { background: url(../fr/nav/menu4.gif) no-repeat bottom left; width: 105px; }
			#bloc_nav .level1 #menu4:hover { background: url(../fr/nav/menu4.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu5 { background: url(../fr/nav/menu5.gif) no-repeat top left; width: 173px; }
		#bloc_nav .level1 #menu5_actif { background: url(../fr/nav/menu5.gif) no-repeat bottom left; width: 173px; }
			#bloc_nav .level1 #menu5:hover { background: url(../fr/nav/menu5.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu6 { background: url(../fr/nav/menu6.gif) no-repeat top left; width: 92px; }
		#bloc_nav .level1 #menu6_actif { background: url(../fr/nav/menu6.gif) no-repeat bottom left; width: 92px; }
			#bloc_nav .level1 #menu6:hover { background: url(../fr/nav/menu6.gif) no-repeat bottom left; }
		#bloc_nav .level1 #menu7 { background: url(../fr/nav/menu7.gif) no-repeat top left; width: 124px; margin-right: 0; }
		#bloc_nav .level1 #menu7_actif { background: url(../fr/nav/menu7.gif) no-repeat bottom left; width: 124px; margin-right: 0; }
			#bloc_nav .level1 #menu7:hover { background: url(../fr/nav/menu7.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: 2em; left: 0; width: 167px; border: 1px solid #B60307; padding-top: 5px; background: #fff; }
		#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(../fr/nav/fond_menu_deroulant.jpg) repeat-y; border-bottom: 1px solid #fff; }
				#bloc_nav .level1 ul.level2 li a { height: auto; color: #606060; font-weight: bold; padding: 3px 5px 3px 15px; display: block; background: url(../fr/nav/nv2/puce3.gif) no-repeat 5px 6px; }

	/**
	 * Bloc centre
	 */
	#bloc_contenu { float: left; width: 100%; }
		#bloc_contenu #contenu { margin: 0 221px 15px 223px; }
		
			#bloc_contenu #contenu #actualites { width: 253px; margin: 25px 0 0 0; float: left; }
				#bloc_contenu #contenu #actualites h3 { margin: 0 0 20px 0; background: url(../fr/nav/titre_dernieresactualites.gif) no-repeat; height: 15px; }
				#bloc_contenu #contenu #actualites .actualite { padding: 3px 10px 3px 17px; background: url(../fr/nav/puce1.gif) no-repeat 0px 8px; border-bottom: 1px dotted #8C8C8C; }
			
			#bloc_contenu #contenu #prochains_rdv { width: 212px; margin: 25px 0 0 0; float: right; }
				#bloc_contenu #contenu #prochains_rdv h3 { margin: 0 0 17px 0; background: url(../fr/nav/titre_prochainsrendezvous.gif) no-repeat; height: 15px; }
				#bloc_contenu #contenu #prochains_rdv .rdv { padding: 6px 0 6px 36px; margin: 0 20px 0 10px; border-bottom: 1px dotted #8C8C8C; }
					#bloc_contenu #contenu #prochains_rdv .rdv .date { margin: 3px 0 0 -35px; float: left; font-size: 0.9em; color: #fff; line-height: 1.1em; text-align: center; padding-top: 2px; display: block; background: url(../fr/nav/fond_date.gif) no-repeat; width: 26px; height: 26px; }
					* html #bloc_contenu #contenu #prochains_rdv .rdv .date { padding-top: 2px; margin-left: -15px; }
			
			#bloc_contenu #contenu #actualites .actualite h5, #bloc_contenu #contenu #prochains_rdv .rdv h5 { margin: 0; font-size: 1em; }
				#bloc_contenu #contenu #actualites .actualite h5 a, #bloc_contenu #contenu #prochains_rdv .rdv h5 a { color: #6C6C6C; }
			
			#bloc_contenu #contenu #dernieres_modifs { background: url(../fr/nav/titre_dernieresmaj.gif) no-repeat 0px 2px; border-bottom: 1px solid #BA0204; padding-left: 115px; width: 370px; height: 15px; line-height: 15px; margin-top: 20px; }
				#bloc_contenu #contenu #dernieres_modifs .innerDiv { background: url(../fr/nav/puce1.gif) no-repeat 0px 4px; padding-left: 15px; }
	
	/**
	 * Bloc gauche
	 */
	#bloc_gauche { float: left; width: 195px; margin-left: -929px; padding-left: 6px; }
	
		/* section partenaires */
		#bloc_gauche #partenaires h3 { margin: 0 0 4px 0; }
			#bloc_gauche #partenaires h3 a { background: url(../fr/nav/btn_partenaires.gif) no-repeat top left; display: block; width: 194px; height: 27px; }
				#bloc_gauche #partenaires h3 a:hover { background: url(../fr/nav/btn_partenaires.gif) no-repeat bottom left; }
		#bloc_gauche #partenaires #logo_partenaire { text-align: center; }
		#bloc_gauche #partenaires #commentaire_partenaire { padding: 5px 5px 0 10px; text-align: left; }
		
		/* section boutique */
		#bloc_gauche #boutique { margin: 10px 0 0 0; }
			#bloc_gauche #boutique a { background: url(../fr/nav/btn_boutique.gif) no-repeat top left; width: 193px; height: 30px; }
				#bloc_gauche #boutique a:hover { background: url(../fr/nav/btn_boutique.gif) no-repeat bottom left; }
		
		/* section ou trouver un club */
		#bloc_gauche #trouver_club { margin: 14px 0 20px 0; }
			#bloc_gauche #trouver_club h3 { margin: 0; }
				#bloc_gauche #trouver_club h3 a { background: url(../fr/nav/btn_trouverclub.gif) no-repeat top left; display: block; width: 179px; height: 178px; margin: 0 auto; }
					#bloc_gauche #trouver_club h3 a:hover { background: url(../fr/nav/btn_trouverclub.gif) no-repeat bottom left; }
			#bloc_gauche #trouver_club p { color: #B00506; padding: 2px 0 0 10px; }
	
	/**
	 * Bloc droite
	 */
	#bloc_droite { float: left; width: 200px; margin: 30px 0 0 -200px; }
	
		/* section newsletter */
		#bloc_droite #newsletter { margin: 14px 0 0 0; }
			#bloc_droite #newsletter a { background: url(../fr/nav/btn_newsletter.gif) no-repeat top left; width: 193px; height: 26px; }
				#bloc_droite #newsletter a:hover { background: url(../fr/nav/btn_newsletter.gif) no-repeat bottom left; }
            
            /*#form_newsletter { position: relative; height: 40px; }
        		#form_newsletter label { position: absolute; top: 10px; left: 4px; background: url(../fr/nav/txt_inscription.gif); width: 184px; height: 7px; }
                #form_newsletter #email_newsletter { position: absolute; top: 25px; padding: 1px 3px 1px 3px; background: #fff; }
        		#form_newsletter #btn_ajouter { position: absolute; top: 26px; right: 90px; background: url(../fr/nav/btn_rechercher.gif) no-repeat top left; width: 14px; height: 14px; }
        			#form_newsletter #btn_ajouter:hover {  background: url(../fr/nav/btn_rechercher.gif) no-repeat bottom left; }*/
			#form_newsletter { height: 20px; }
			*+html #form_newsletter { height: 45px; }
                #form_newsletter label { background: url(../fr/nav/txt_inscription.gif); width: 184px; height: 7px; margin: 10px 0 8px 0; overflow: hidden; }
                #form_newsletter #email_newsletter { padding: 1px 3px 1px 3px; width: 140px; background: #fff; float: left; }
                #form_newsletter #btn_ajouter { background: url(../fr/nav/btn_rechercher.gif) no-repeat top left; width: 14px; height: 14px; float: left; margin: 1px 0 0 3px; }
                    #form_newsletter #btn_ajouter:hover {  background: url(../fr/nav/btn_rechercher.gif) no-repeat bottom left; }
		
		#bercy2008 { margin: 14px 0 0 0; }
		#bercy2008 a { background: url(../fr/nav/btn_bercy2008.gif) no-repeat top left; width: 193px; height: 26px; }
		#bercy2008 a:hover { background: url(../fr/nav/btn_bercy2008.gif) no-repeat bottom left; }
        
		#matchEtoiles a { background: url(../fr/nav/btn_matchEtoiles.gif) no-repeat top left; width: 193px; height: 26px; }
		#matchEtoiles a:hover { background: url(../fr/nav/btn_matchEtoiles.gif) no-repeat bottom left; }
		
		#cmQuebec2008 { margin: 14px 0 0 0; }
		#cmQuebec2008 a { background: url(../fr/nav/btn_cmQuebec2008.gif) no-repeat top left; width: 193px; height: 26px; }
		#cmQuebec2008 a:hover { background: url(../fr/nav/btn_cmQuebec2008.gif) no-repeat bottom left; }
        
        #bercy2009 { margin: 14px 0 0 0; }
		#bercy2009 a { background: url(../fr/nav/btn_bercy2009.gif) no-repeat top left; width: 193px; height: 26px; }
		#bercy2009 a:hover { background: url(../fr/nav/btn_bercy2009.gif) no-repeat bottom left; }
		
		/*#colloque_entraineurs { margin: 14px 0 0 0; }
        #colloque_entraineurs a { background: url(../fr/nav/btn_colloque_entraineurs.gif) no-repeat top left; width: 193px; height: 26px; }
        #colloque_entraineurs a:hover { background: url(../fr/nav/btn_colloque_entraineurs.gif) no-repeat bottom left; }
        
		#livreCentenaire a { background: url(../fr/nav/btn_livreCentenaire.gif) no-repeat top left; width: 193px; height: 26px; }
		#livreCentenaire a:hover { background: url(../fr/nav/btn_livreCentenaire.gif) no-repeat bottom left; }*/
		
		/* section prochain chat */
		#bloc_droite #next_chat { width: 193px; background: #DCE0E9; margin: 10px 0; padding-bottom: 5px; text-align: center; font-size: 1.2em; font-weight: bold; }
			#bloc_droite #next_chat h3 { margin: 0; padding-bottom: 5px; }
				#bloc_droite #next_chat h3 a { background: url(../fr/nav/btn_prochainchat.gif) no-repeat; height: 26px; }
			#bloc_droite #next_chat a { color: #474747; }
			#bloc_droite #next_chat a:hover { text-decoration: underline; }
			#bloc_droite #next_chat big { font-size: 1.5em; }
			#bloc_droite #next_chat small { font-size: 0.9em; }
		
		/* section guide */
		#bloc_droite #guide a { background: url(../fr/nav/btn_media_guide.gif) no-repeat top left; width: 193px; height: 26px; }
        #bloc_droite #guide a:hover { background: url(../fr/nav/btn_media_guide.gif) no-repeat bottom left; }
		
		/* section dernieres photos */
		#bloc_droite #dernieres_photos { width: 193px; background: #DCE0E9; margin-top: 12px; }
			#bloc_droite #dernieres_photos h3 { margin: 0; padding-bottom: 5px; }
				#bloc_droite #dernieres_photos h3 a { background: url(../fr/nav/btn_dernieresphotos.gif) no-repeat; height: 26px; }
			#bloc_droite #dernieres_photos .slide { width: 193px; padding: 5px 0; position: absolute; text-align: center; }
	
	/**
	 * Footer
	 */
	#footer { position: relative; background: url(../fr/nav/footer.gif) no-repeat; height: 27px; }
		#footer #footer_menu { position: absolute; top: 9px; left: 210px; }
			#footer #footer_menu li { float: left; display: inline; background: url(../fr/nav/puce2.gif) no-repeat 0px 5px; padding: 0 24px 0 24px; }
			#footer #footer_menu .sans_puce { background: none; padding-left: 0; }
				#footer #footer_menu li a { color: #D2142E; }
		#footer #pyxis { position: absolute; top: 10px; right: 13px; background: url(../fr/nav/pyxis.gif) no-repeat; width: 43px; height: 16px; }