/* CSS INDEX - Ecurie de la Loisne */
html, body 			{ margin:0; padding:0; height:100%; overflow-x:none; }
body 				{ margin: 0 auto; font-family:'Trebuchet MS', Arial, Verdana, Helvetica, FreeSans, sans-serif; text-align:center; 
					background:#ceddeb; } /* fond bleu ciel */
					}
h1, h2, h3, h4 		{ margin:0; padding:0; }
img 					{ border:none; }
a img 				{ border:none; }
a 					{ text-decoration:none; color:#FFF; }
a hover				{ text-decoration:underline; color:#FFF; }
/* ----- Centrage ----- */
#bloc-global-centrer 		{ position:relative; margin:0 auto; padding:0; }
#bloc-global-centrer 		{ background:url(../img/img-theme/fond-general-top.jpg) top center repeat-x; } /* fond ciel (header) */
/* -------------- HEADER ---------------- */
#bloc-index 								{ clear:both; width:1020px; margin:0 auto; padding:20px 0 0 0; }

	#index-gauche 						{ width:290px; height:550px; float:left; margin:0 auto; padding:0; }
		#index-gauche-top 				{ width:290px; height:220px; margin:0; padding:0; background:url(../img/img-index/index-left-290x220.png) no-repeat; }
			#logo-loisne 				{ width:240px; height:220px; margin:0 auto; padding:10px 0; }
				#logo-loisne:hover 		{ background:url(../img/img-header/header-logo-240x200-hover.png) no-repeat; }
				#logo-loisne a 			{ text-decoration:none; margin:0; padding:0; }
				#logo-loisne a:hover		{ text-decoration:none; margin:0; padding:0; }
				#logo-loisne img 		{ width:240px; height:200px; margin:0; padding:0; }
		#index-gauche-ctr 				{ width:290px; height:40px; margin:0 auto; background:url(../img/img-index/index-gauche-ctr.png) no-repeat; }
			#index-gauche-ctr h3 		{ color:#FFF; text-shadow:1px 1px 0.2em #000033; text-align:center; margin:0 auto; padding:0; font-size:12pt; }
		#index-gauche-btm 				{ width:290px; height:290px; margin:0 auto; padding:0; background:url(../img/img-index/index-gauche-btm.png) no-repeat; }
			#index-gauche-btm p 			{ margin:0; padding:25px 25px 0 0; text-align:right; font-size:10pt; color:FFF;}

	#index-centre 						{ width:440px; height:550px; float:left; margin:0 auto; padding:0; }
		#index-ctr-top 					{ width:440px; height:40px; margin:0 auto; padding:0; background:url(../img/img-index/index-ctr-top-440x40.png) no-repeat; }
		#index-ctr-titre 				{ width:440px; height:40px; margin:0 auto; padding:0; }
		#index-ctr-titre:hover			{ background:url(../img/img-header/header-titre-440x40-hover.png) no-repeat; }
			#index-ctr-titre h1			{ color:#FFF; margin:0; padding:0; text-align:center; font-size:24pt; letter-spacing:1px; }
			#index-ctr-titre img 		{ width:440px; height:40px; margin:0; padding:0; }
			#index-ctr-titre a 			{ text-decoration:none; margin:0; padding:0; }
			#index-ctr-titre a:hover		{ text-decoration:none; margin:0; padding:0; }
		#index-ctr-ctr					{ width:440px; height:440px; margin:0 auto; }
		#index-ctr-btm					{ width:440px; height:70px; margin:0 auto; background:url(../img/img-index/index-centre-btm.png) no-repeat; }
			#index-ctr-soustitre:hover	{ background:url(../img/img-header/header-titre-440x40-hover.png) no-repeat; }
			#index-ctr-soustitre h2		{ color:#173690; margin:0; padding:0; text-align:center; font-size:12pt; letter-spacing:1px; }
			#index-ctr-soustitre img 	{ width:440px; height:40px; margin:0; padding:0; }
			#index-ctr-soustitre a 		{ text-decoration:none; margin:0; padding:0; }
			#index-ctr-soustitre a:hover	{ text-decoration:none; margin:0; padding:0; }

	#index-droite 						{ width:290px; height:550px; float:left; margin:0; padding:0; }
		#index-droite-top 				{ width:290px; height:220px; margin:0; padding:0; background:url(../img/img-index/index-right-290x220.png) no-repeat; }
			#logo-anime 					{ width:280px; height:285px; margin:0; xxxbackground:url(../img/img-index/index-haut-droite-anime-280x285.jpg) no-repeat; }
			#logo-anime a img				{ padding:45px 0 0 0; }
		#index-droite-ctr 				{ width:290px; height:40px; margin:0 auto; background:url(../img/img-index/index-droite-ctr.png) no-repeat; }
		#index-droite-btm 				{ width:290px; height:290px; margin:0 auto; background:url(../img/img-index/index-droite-btm.png) no-repeat; }
			#index-droite-btm p 			{ margin:0; padding:25px 0 0 25px; text-align:left; font-size:10pt; color:FFF;}

/* -------------------------------------- */
/* --------------- FOOTER --------------- */
/* ----- Footer - Partenaires ------ */
#containerPart 				{ width:1000px; height:150px; clear:both; text-align:center; margin:0 auto; padding:0; overflow:hidden; }
	#containerPart a img		{ margin:0; padding:0; text-decoration:none; }
	#containerPart img 		{ margin:0; padding:0; text-decoration:none; }
		#AECCP 				{ float:left; width:185px; height:150px; margin:0; padding:0; }
		#FFE 				{ float:left; width:215px; height:150px; margin:0; padding:0; }
		#VERQUIGNEUL 		{ float:left; width:195px; height:150px; margin:0; padding:0; }
		#BETHUNE 			{ float:left; width:195px; height:150px; margin:0; padding:0; }
		#REGION-NPdC 		{ float:left; width:210px; height:150px; margin:0; padding:0; }
/* ------ Footer - Adresse ------ */
#containerAdresse 			{ height:55px; clear:both; margin:0 auto; padding:0; }
#Adresse 					{ width:1020px; height:55px; text-align:center; margin:0 auto; padding:0; overflow:hidden; 
							text-shadow:1px 1px 0.2em #000033; background:url(../img/img-footer/footer-adresse-1000x60.png) no-repeat; } /* bleu foncé */
	#Adresse p 				{ color:#FFF; font-size:12pt; text-shadow:1px 1px 0.2em #000033; margin:0; padding:15px 0 0 0; letter-spacing:0.4px; }
	#Adresse p strong 			{ color:#FFF; font-size:15pt; }
	#Adresse a 				{ color:#FFF; text-decoration:none; }
	#Adresse a:hover 		{ text-decoration:underline; }
/* ------ Footer -  Copyright ------ */
#containerCopyright 			{ margin:5px auto; padding:5px; width:900px; }
#Copyright 					{ margin:0; text-align:center; font-weight:normal; font-size:0.8em; color:#555; }
	#Copyright a 			{ color:#555; text-decoration:none; }
	#Copyright a:hover 		{ color:#333; text-decoration:underline; }
/* -------------------------------------- */