body {background:#000; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;cursor:default; }


.LeftImg { float:left; padding:0 10px 10px 0;} 
.RightImg { float:right; padding:0 0 10px 10px;}

#title { background-color:#e31c17; color:white; font-size:18px; width:220px; height:20px;}

#exposant {font-size: 8px;vertical-align: text-top;}

.Clear { clear:both;
		/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
		height:0; overflow:hidden; line-height:0; font-size:0; margin-bottom:-1px; }
.HeaderAbarth { display:block; width:100%; height:34px; background:url(images/fdHeader.png) repeat-x; }
#MenuAbarth { margin:0; padding:0; text-align:center; width:100%; height:39px; }
#MenuAbarth ul { display:block; margin:0 auto; padding:0; list-style:none; height:39px; width:836px; font:bold 11px verdana, arial, sans-serif; }
#MenuAbarth ul li { float:left; line-height:34px; height:39px;}
#MenuAbarth ul li a { color:#d1d1d1; font-weight:bold; text-transform:uppercase; font-size:10px; text-decoration:none; padding:0 8px; }
#MenuAbarth ul li a:hover { background-color:#e31c17;color:white; font-weight:bold; text-transform:uppercase; font-size:10px; text-decoration:none; padding:0 8px; }
#MenuAbarth ul li .separateur { margin-top:10px;padding:0 10px 0 10px; color:white; }
#MenuAbarth ul li .imglogo { margin-top:1px; }

.ContainerAbarth { width:100%; }

.CenterAbarth { margin:0 auto; height:auto; width:920px; }

.MenuAccordionPosition { margin-top:-150px; padding-bottom:1px; }

#Background-Abarth { position:relative; top:0; background:url(images/fond-500-Abarth-Grande-Punto.jpg) no-repeat; width:100%; height:486px; z-index:-1; }


/* ----- bottom ----- */
#BandeAbarth  { clear:both; height:40px; text-align:center; text-decoration:none; background:url(images/bottom-abarth.png) repeat-x; }
#Bottom { width:100%; margin-top:50px; text-align:center;}
#Signature { width:100%; margin-top:10px; text-align:center;}
#Signature li a { color:#626262;text-decoration:underline}
#Bottom li { display:inline; }
#Bottom a { color:#626262; font-size:11px; text-decoration:none; }
#Bottom a:hover { color:#ffffff; }
#Bottom .separateur { padding:10px 15px 0 15px; font:normal 10px arial, sans-serif; color:#626262; }


/* ----- signature idm ----- */
#Signature { font:normal 10px arial, sans-serif; color:#626262; text-align:center; }


/* ----- formulaire ----- */
.cssform p{
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 10px;
width:220px;
}
.cssform label{
font-weight: bold;
float: left;
width: 100px;
font:normal 12px arial, sans-serif; color:#ffffff;
}
.cssform textarea{
width: 170px;
background-color:#000000;
border:1px inset #FFFFFF;
}
.valider {margin-left:110px; padding: 10px 0 20px 0;}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 170px;
background-color:#000000;
border:1px inset #FFFFFF;
}
.cssform input[type="submit"]{ 
width: 80px;
background-color:#FFFFFF;
border:none;
font:normal 12px arial, sans-serif; color:#000000;
}
.cssform input[type="submit"]:hover{ 
background-color:#e31c17;
font:normal 12px arial, sans-serif; color:#ffffff;
}

.firstli {float:left;margin:10px 0 0 15px;}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

* html .threepxfix{
margin-left: 3px;
}
*/