/* Styles Power Europe par Pixme.fr */

/* Redéfinition balise HTML : */
body { padding:50px 0; margin:0; background:#000; color:#FFF; font-size:12px; font-family:verdana, arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin:0 0 15px 0; padding:0; }
h1 { color:#F00; font-size:18px; font-weight:bold; border-bottom:1px dotted #F00; margin:0 0 20px 0; overflow:hidden; }
p , form { margin:0 0 10px 0; padding:0; }
table { margin:0 auto 10px auto; padding:0; background:#FFF; }
th { padding:2px 5px; background:#333; }
td { padding:2px 5px; background:#000; }
a { text-decoration:none; color:#666; }
	a:hover { text-decoration:underline; color:#F00; }
dl { overflow:hidden; }
	dt { clear:left; overflow:hidden; margin:0 0 5px 0; font-weight:bold; }
		dt span { font-weight:normal; }
	dd {overflow:hidden; margin:0 0 10px 0; }


/* Interface globale : */
#conteneur { width:988px; margin:0 auto; }
	#top { height:19px; background:url(img/top.gif) no-repeat; }
	#middle { background:url(img/middle.gif) repeat-y; padding:0 30px; overflow:hidden; }
		#entete { overflow:hidden; padding:0 0 15px 0; margin:0 0 20px 0; border-bottom:1px solid #F00; }
		#contenu { width:938px; overflow:hidden; min-height:150px; }
			#menu { width:150px; padding:0; margin:0; list-style:none; float:left; min-height:380px; }
				#menu li { position:relative; color:#F00; font-weight:bold; padding:4px 5px; width:140px; }
					#menu li a { width:140px; margin:0; padding:2px 0; color:#F00; display:block; }
					#menu li:hover { background:#333; }
					#menu li ul { width:150px; padding:0; margin:0; list-style:none; position:absolute; left:150px; top:0; display:none; background:#333; border-left:1px solid #FFF; }
					#menu li:hover ul { display:block; }
						#menu li ul li { padding:0; }
							#menu li li a { padding:4px; display:block; color:#F00; width:142px; }
								#menu li li a:hover { background:#F00; color:#FFF; text-decoration:none; }
			#main { width:747px; float:left; padding:0 20px 20px; border-left:1px solid #FFF; min-height:500px; }
				#chemin { color:#666; font-size:10px; margin:0 0 20px 0; }
				#photos { width:150px; padding:15px; margin:0 0 0 20px; border:2px solid #F00; background:#000; float:right; overflow:hidden; }
					#photos a img { margin-bottom:5px; }
				#main ul { overflow:hidden; margin:5px 0 10px; padding:0 0 0 30px; }
		#pied { clear:left; text-align:center; margin:15px 0 0 0; color:#666; }
			#pied a.faq { color:#FFF; font-weight:bold; }
				#pied a.faq:hover { color:#F00; }
	#bottom { height:23px; background:url(img/bottom.gif) no-repeat; font-size:0.85em; color:#222; text-align:right; padding:33px 0 0 0; }
		#bottom a { color:#333; }
			#bottom a:hover { color:#666; }

/* Spécifique page Accueil : */
#colgauche { width:580px; float:left; padding:0 20px 0 0; }
	#enteteaccueil { height:229px; overflow:hidden; height:120px;}
		#enteteaccueil a { display:block; float:left; }
			#enteteaccueil a span { display:none; }
			a#logo { display:block; width:265px; height:50px; background:url(img/logo.gif) no-repeat; margin:0 270px 0 0; }
			a#english { width:16px; height:11px; background:url(img/english.gif) no-repeat; }
			a#french { width:16px; height:11px; background:url(img/french.gif) no-repeat; }
	#boutons  { clear:left; list-style:none; width:600px; margin:0; padding:0; overflow:hidden; }
		#boutons li { margin:0; padding:0; display:inline; }
			#boutons a { display:block; width:280px; height:200px; margin:0 20px 20px 0; float:left; }
				#boutons a span { display:none; }
			a#btn-echappement { background:url(img/btn-echappement.gif) 0 0 no-repeat; }
				a#btn-echappement:hover { background:url(img/btn-echappement.gif) 0 -200px no-repeat; }
			a#btn-carbone { background:url(img/btn-carbone.gif) 0 0 no-repeat; }
				a#btn-carbone:hover { background:url(img/btn-carbone.gif) 0 -200px no-repeat; }
			a#btn-siege { background:url(img/btn-siege.gif) 0 0 no-repeat; }
				a#btn-siege:hover { background:url(img/btn-siege.gif) 0 -200px no-repeat;}
			a#btn-moteur { background:url(img/btn-moteur.gif) 0 0 no-repeat; }
				a#btn-moteur:hover { background:url(img/btn-moteur.gif) 0 -200px no-repeat;}
			a#btn-video { background:url(img/btn_video.jpg) 0 0 no-repeat; }
				a#btn-video:hover { background:url(img/btn_video.jpg) 0 -200px no-repeat;}
#coldroite { width:328px; padding:0; margin:0; overflow:hidden; }
	#flashaccueil { width:300px; height:200px; padding:0 14px; margin:0 0 20px; background:#FFF url(img/flashaccueil.gif) repeat-y; }
	#actu { width:328px; background:url(img/actu.gif) 0 100% no-repeat; }
		#actu h1 { padding:25px 20px 0; background:url(img/actuh1.gif) no-repeat; border:0; }
		#actu .actu { width:288px; overflow:hidden; padding:0 20px; }
			#actu img { margin:5px 5px 5px 0; } 
			#actu p { text-align:left; line-height:1.5em; }
		#actu .readmore { padding:10px 20px; }


/* classes personnalisées : */
.cadenas { padding-left:10px; background:url(img/cadenas.gif) 0 4px no-repeat; }
.blank { padding-right:10px; background:url(img/blank.gif) 100% 3px no-repeat; }
.readmore  { text-align:right; }
	.readmore a { padding-left:10px; background:url(img/readmorea.gif) 0 4px no-repeat; }
		.readmore a:hover { background:url(img/readmoreao.gif) 0 4px no-repeat; }
.imgG { float:left; margin:0 5px 5px 0; padding:0; border:2px solid #FFF; }
a img.imgG:hover { border:2px solid #F00; }
.galerietd { background:#000;}
.galerietd td { vertical-align:top; }
td.feuvert { background:#000 url(img/feuvert.gif) 5% 95% no-repeat; }
td.feurouge { background:#000 url(img/feurouget.gif) 5% 95% no-repeat; }
.pdf { padding-left:20px; background:url(img/pdf.gif) no-repeat; }
.reference span { background:#333; padding:2px 3px; }

/* CONTACT : */
.ok { background:#6F9 url(img/ok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #090; color:#090; }
.pasok { background:#F99 url(img/pasok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #F00; }

/* formulaires */
.inputtxt { background:#CCC; border:1px solid #666; }
.inputbtn { background:#F00; color:#FFF; font-weight:bold; border:1px solid #F66; border-bottom:1px solid #900; border-right:1px solid #900; }

/* Partager */
.partager { text-align:right; }
.partager h2 { display:inline; margin:01; padding:0; font-weight:normal; }
#main .partager ul { display:inline; margin:0; padding:0; list-style:none;}
.partager li { display:inline; margin:0; padding:0; }
.partager li a img { border:0; }
	
/* Pagination vidéos : */
.pagination { text-align:center; padding:5px 0; }
.pagination a { background:#CCC; color:#000; border:1px solid #FFF; padding:3px 5px;  }
	.pagination a:hover { background:#333; color:#FFF; }
.pagination strong { color:#FFF; border:1px solid #FFF; padding:3px 5px; }