body {background:#fff url(../index/fond.gif) repeat-x 0 0; font-family:"Trebuchet MS", Arial, Helvetica; font-size:12px; color:#313131; margin:0; padding:0;}

#logo_rubrique {background:transparent; width:966px; height:144px; margin:0 auto 0 auto;}

#reseau {background:url(../index/reseau-fond.png) no-repeat; top:202px; left:50%; margin-left:-517px; position:fixed; width:42px; height:130px; padding:10px 7px 0 0; z-index:100;}

	#reseau a#reseau-facebook {background:url(../index/reseau-facebook.png) no-repeat 0 0; width:20px; height:20px; display:block; margin:10px 0 0 15px;}
	#reseau a#reseau-facebook:hover {background:url(../index/reseau-facebook.png) no-repeat 0 -20px;}
	
	#reseau a#reseau-twitter {background:url(../index/reseau-twitter.png) no-repeat 0 0; width:20px; height:20px; display:block; margin:8px 0 0 15px;}
	#reseau a#reseau-twitter:hover {background:url(../index/reseau-twitter.png) no-repeat 0 -20px;}
	
	#reseau a#reseau-maps {background:url(../index/reseau-maps.png) no-repeat 0 0; width:20px; height:20px; display:block; margin:8px 0 0 15px;}
	#reseau a#reseau-maps:hover {background:url(../index/reseau-maps.png) no-repeat 0 -20px;}
	
	#reseau a#reseau-mail {background:url(../index/reseau-mail.png) no-repeat 0 0; width:20px; height:20px; display:block; margin:8px 0 0 15px;}
	#reseau a#reseau-mail:hover {background:url(../index/reseau-mail.png) no-repeat 0 -20px;}

a#logo {background:url(../index/logo.png) no-repeat 0 0; width:326px; height:235px; display:block; margin:0 0 0 -483px; left:50%; position:absolute; z-index:20;}

#espace {background:none; width:326px; height:144px; display:block; float:left; margin-top:0;}

#rubrique {background:none; width:632px; height:67px; margin-top:77px; float:left;}

	a#actualites {background:url(../index/rubrique-actualites.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#actualites {background:url(../index/rubrique-actualites.gif) no-repeat 0 -67px;}
	a:active#actualites {background:url(../index/rubrique-actualites.gif) no-repeat 0 -134px;}
	#actualites-actif {background:url(../index/rubrique-actualites.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	a#editions {background:url(../index/rubrique-editions.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#editions {background:url(../index/rubrique-editions.gif) no-repeat 0 -67px;}
	a:active#editions {background:url(../index/rubrique-editions.gif) no-repeat 0 -134px;}
	#editions-actif {background:url(../index/rubrique-editions.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	a#exposants {background:url(../index/rubrique-exposants.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#exposants {background:url(../index/rubrique-exposants.gif) no-repeat 0 -67px;}
	a:active#exposants {background:url(../index/rubrique-exposants.gif) no-repeat 0 -134px;}
	#exposants-actif {background:url(../index/rubrique-exposants.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	a#infos {background:url(../index/rubrique-infos.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#infos {background:url(../index/rubrique-infos.gif) no-repeat 0 -67px;}
	a:active#infos {background:url(../index/rubrique-infos.gif) no-repeat 0 -134px;}
	#infos-actif {background:url(../index/rubrique-infos.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	a#forum {background:url(../index/rubrique-forum.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#forum {background:url(../index/rubrique-forum.gif) no-repeat 0 -67px;}
	a:active#forum {background:url(../index/rubrique-forum.gif) no-repeat 0 -134px;}
	#forum-actif {background:url(../index/rubrique-forum.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	a#contact {background:url(../index/rubrique-contact.gif) no-repeat 0 0; width:103px; height:67px; float:left; display:block;}
	a:hover#contact {background:url(../index/rubrique-contact.gif) no-repeat 0 -67px;}
	a:active#contact {background:url(../index/rubrique-contact.gif) no-repeat 0 -134px;}
	#contact-actif {background:url(../index/rubrique-contact.gif) no-repeat 0 -67px; width:103px; height:67px; float:left; display:block;}
	
	div.separateur {background:url(../index/rubrique-separateur.gif) no-repeat 0 0; width:2px; height:67px; float:left;}
	
#banniere {background:url(../index/banniere.gif) no-repeat; margin:2px auto 0 auto; width:622px; height:83px; padding:10px 0 0 344px;}

#container {background:url(../index/container_fond.png) repeat-y; margin:0 auto 0 auto; width:966px;}

#colonne_gauche {background:none; margin:0 auto 0 auto; width:478px; float:left; padding:0;}

#colonne_droite {background:url(../index/rubrique.png) no-repeat; margin:0 auto 0 auto; width:488px; float:left; padding:0;}

	#a_telecharger {background:url(../index/rubrique.png) no-repeat; margin:0 auto 0 auto; width:457px; float:left; padding:0 0 0 23px;}
		
	hr {color:#dcdcdc; background-color:#dcdcdc; height:1px; border:0; display:block; width:480px; padding:0; margin:10px 0 10px 0; clear:both;}
	
	div.filet-gris {background:#dcdcdc; width:480px; height:1px; margin:10px 0 10px 0; font-size:1px;}
	
	.bloc {background:none; margin:0 auto 0 auto; width:433px; float:left; padding:0 4px 0 23px;}
		.bloc h4 {font-size:13px; color:#b32e00; font-weight:bold; margin-bottom:5px;}
		.bloc p {font-size:11px; color:#555; font-weight:normal; text-align:justify; margin-top:0;}
		.bloc p.signature-droite {text-align:right; color:#ff4200; font-style:italic;}
	
	#partenaires {background:none; margin:0 auto 0 auto; width:447px; float:left; padding:0 0 0 23px;}
	
		.logo_partenaire {background:none; width:81px; height:81px; margin:0 7px 10px 0; padding:0; float:left; display:block;}

#footer {background:url(../index/footer.jpg) no-repeat; margin:0 auto 0 auto; width:966px; height:77px; font-size:10px; color:#757575; text-align:center; padding-top:65px;}

	#footer a, #footer a:visited {color:#000; text-decoration:none;}
	#footer a:hover {color:#000; text-decoration:underline;}
	#footer a:active {color:#fff; text-decoration:underline;}

/*Liens généraux*/
a, a:visited {color:#ff4200; text-decoration:none;}
a:hover {color:#b32e00; text-decoration:underline;}
a:active {color:#000; text-decoration:underline;}

/*positionnement image*/
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}

/*typo*/
.mini {font-size:10px;}
.text {font-size:12px;}
.rouge {color:#ff4200;}
.orange {color:#ff4200;}
.bold {font-weight:bold;}
.italic {font-style:italic;}

/*Titre et paragraphe*/
h1 {font-size:20px; font-weight:bold; color:#ff4200; margin-top:0; margin-bottom:10px; margin-left:31px;}
h2 {font-size:14px; font-weight:bold; color:#ff4200; margin-top:0; margin-bottom:0;}
.news-container p.date {font-size:10px; color:#000; font-weight:normal; margin:0;}
h3 {font-size:14px; font-weight:bold; color:#000; margin-top:0; margin-bottom:15px;}

/*Rollover download*/
a#download-amateur {background:url(../index/download-amateur.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-amateur {background:url(../index/download-amateur.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-salle {background:url(../index/download-salle.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-salle {background:url(../index/download-salle.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-programme {background:url(../index/download-programme.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-programme {background:url(../index/download-programme.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-cosplay {background:url(../index/download-cosplay.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-cosplay {background:url(../index/download-cosplay.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-jeuxvideo {background:url(../index/download-jeuxvideo.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-jeuxvideo {background:url(../index/download-jeuxvideo.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-ddr {background:url(../index/download-ddr.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-ddr {background:url(../index/download-ddr.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-staff {background:url(../index/download-staff.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-staff {background:url(../index/download-staff.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-amv {background:url(../index/download-amv.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-amv {background:url(../index/download-amv.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-photo {background:url(../index/download-photo.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-photo {background:url(../index/download-photo.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-bilan {background:url(../index/download-bilan.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-bilan {background:url(../index/download-bilan.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}

a#download-dessin {background:url(../index/download-dessin.jpg) no-repeat 0 0; width:136px; height:55px; display:block; float:left; color:#000; text-decoration:none; margin-right:14px; margin-bottom:9px; padding:9px 0 0 74px;}
a:hover#download-dessin {background:url(../index/download-dessin.jpg) no-repeat 0 -64px; color:#fff; text-decoration:none;}


span.download-type {font-size:12px;}
span.download-format {font-size:9px; display:block; margin-top:4px;}

/*NEWS*/

.news {background:none; width:477px; padding:0 23px 0 31px;}

	.news-haut {background:url(../index/news-haut.gif) no-repeat; width:423px; height:23px; margin:0;}
	.news-container {background:url(../index/news-container.gif) repeat-y; width:377px; margin:0; padding:0 23px 0 23px;}
		.news-container p {color:#313131; font-size:12px; text-align:justify; margin:15px 0 0 0; line-height:16px;}
		.news-container p.dernier {color:#313131; font-size:12px; text-align:justify; margin:15px 0 15px 0; line-height:16px;}
		.news-container p.rouge {color:#ff4200;}
	.news-bas {background:url(../index/news-bas.gif) no-repeat; width:423px; height:13px; margin:0;}
	
	.puce:before {content:url(../index/puce.gif); width:14px; height:9px; margin-right:5px;}
	
	.signature {background:#f1f1f1; width:412px; height:50px; margin:0; padding:11px 0 0 11px;}
		.signature p {color:#898989; font-size:11px; margin:0;}
		.signature p a, .signature p a:visited {color:#ff4200; text-decoration:none;}
		.signature p a:hover {color:#b32e00; text-decoration:underline;}
		.signature p a:active {color:#000; text-decoration:underline;}
	.signature-bas {background:url(../index/signature-bas.gif) no-repeat; width:423px; height:11px; margin:0 0 15px 0;}
	
/*CONTACT*/

input.envoyer {background:url(../contact/bouton-envoyer.jpg) no-repeat 0 0; width:120px; height:30px; border:none; color:#fff; margin:10px 0px 0 0;}
input.envoyer:hover {background:url(../contact/bouton-envoyer.jpg) no-repeat 0 -30px; cursor:pointer; color:#000;}
input.envoyer:active {background:url(../contact/bouton-envoyer.jpg) no-repeat 0 -60px; cursor:pointer; color:#fff;}