/* CSS INDEX - Ecurie de la Loisne */
html, body { margin:0; padding:0; height:100%; overflow-x:none; }
body { 
	margin: 0 auto; font-family:Arial, 'Trebuchet MS', Verdana, Helvetica, FreeSans, sans-serif; text-align:center; 
	background:#87A8E0 url(../img/img-index/fond-bleu.jpg) repeat; /* 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 ----- */
#containerCentrer { margin:0 auto; min-height:100%; }
/* ----- Bandeau Principal ----- */
#containerBandeauHaut { margin:0 auto; height:565px; width:1000px; }
/* ----- container Gauche ----- */
#containerGauche { float:left; margin:0 auto; height:565px; width:280px; }
#LogoLoisne { margin:0 auto; height:250px; width:280px; background:url(../img/img-index/index-haut-gauche-logo-280x250.jpg) no-repeat; }
#Titre2Loisne { margin:0 auto; height:35px; width:280px; background:url(../img/img-index/index-haut-gauche-titre-280x35.jpg) no-repeat; }
h3 { text-align:center; font-size:12pt; color:#FFF; }
#TexteGauche { margin:0 auto; height:280px; width:280px; background:url(../img/img-index/index-bas-gauche-280x280.jpg) no-repeat; }
#TexteGauche p { margin:0; padding:45px 0 0 40px; text-align:left; font-size:10pt; color:FFF;}
/* ----- container Centre ----- */
#containerCentre { float:left; margin:0 auto; height:565px; width:440px; }
#CentreHaut { margin:0 auto; height:65px; width:440px; background:url(../img/img-index/index-centre-haut-440x65.jpg) no-repeat; }
h1 { padding:20px 0 0 0; text-align:center; font-size:24pt; color:#FFF; letter-spacing:1px; }
#CentreMilieu{ margin:0 auto; height:440px; width:440px; background:url(../img/img-index/index-centre-milieu-100x100.jpg) repeat; }
#CentreBas{ margin:0 auto; height:60px; width:440px; background:url(../img/img-index/index-centre-bas-440x60.jpg) no-repeat; }
h2 { padding:15px 0 0 0; text-align:center; font-size:13pt; color:#FFF; letter-spacing:1px; }
/* ----- container Droit ----- */
#containerDroit { float:left; margin:0; height:565px; width:280px; }
#LogoAnime { margin:0; height:285px; width:280px; background:url(../img/img-index/index-haut-droite-anime-280x285.jpg) no-repeat; }
#LogoAnime a img{ padding:65px 0 0 0; }
#TexteDroit { margin:0 auto; height:280px; width:280px; background:url(../img/img-index/index-bas-droite-280x280.jpg) no-repeat; }
#TexteDroit p { margin:0; padding:45px 0 0 25px; text-align:left; font-size:10pt; color:FFF;}
/* ----- Footer - Partenaires ------ */
#containerPartenaires { margin:0 auto; padding:0; height:150px; }
#containerPart { width:1000px; height:150px; text-align:center; margin:0 auto; padding:0; overflow:hidden; background:url(../img/img-theme/bandeau-partenaires-1000x150.jpg) }
#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 { margin:0 auto; padding:0; height:55px; }
#Adresse { width:1000px; height:55px; text-align:center; margin:0 auto; padding:0; overflow:hidden; background:#21409A url(../img/img-index/bandeau-adresse-1000x55.jpg) no-repeat; } /* bleu foncé */
#Adresse p { color:#FFF; font-size:11pt; margin:0; padding:18px 0 0 0; }
#Adresse p strong { color:#FFF; font-size:12pt; }
#Adresse a { color:#FFF; text-decoration:none; }
#Adresse a:hover { text-decoration:underline; }
/* ------ Footer -  Copyright ------ */
#containerCopyright { margin:10px 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; }
