* { margin:0; padding:0;}
body { background:#000000; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#b9b9b9;}

.txt {font-family:Arial, Helvetica, sans-serif; color:#b9b9b9; font-size:11px}
.txt2 {font-family:Arial, Helvetica, sans-serif; color:#b9b9b9; font-size:14px}
.txt3 {font-family:Arial, Helvetica, sans-serif; color:#b9b9b9; font-size:13px}
.txtmoteur {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px}
.txt_moteur {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px}
.txt_titre {font-family:Arial, Helvetica, sans-serif; color:#b9b9b9; font-size:16px; font-weight:bold}
.txt_convertisseur {font-family:Arial, Helvetica, sans-serif; color:#b9b9b9; font-size:12px}
.txt_prix {font-family:Arial, Helvetica, sans-serif; color:#eb7d0d; font-size:16px; font-weight:bold; text-decoration:none}
.txt_prix2 {font-family:Arial, Helvetica, sans-serif; color:#eb7d0d; font-size:14px; font-weight:bold; text-decoration:none}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

dt {margin-top:16px;}

body {behavior: url(csshover.htc);}


/* fond blanc pour le menu */ 
div#menu a {font-size:14px; border-bottom:1px solid #212121; padding-bottom:3px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; width:100%; padding-top:7px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
.niveau1 {width:100%; margin-bottom:-3px; padding:5px 0px 5px 0px;}
.niveau1 li {margin-bottom:-1px;}

.niveau1 li a:hover {color:#be660c;}
.niveau1 li.sousmenu {background:url(images/icon-7.gif) no-repeat left center; padding:0 0 0 32px;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {}
/**/
div#menu ul li {position:relative; list-style: none; }
div#menu ul ul {position: absolute; top: -1px; left: 135px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; display:block; }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; background:url(images/right-top-corner.gif) no-repeat right top;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {color:#be660c;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}





.tail-top { background:url(images/tail-top.gif) left top repeat-x #202020;}
.tail-top-right {background:url(images/tail-top-right.gif) repeat-x right top; width:50%; position:absolute; right:0px; top:0px; height:69px;}
.tail-bottom {background:url(images/tail-bottom.gif) repeat-x bottom;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:31px;}

/*==================list====================*/
ul { list-style:none;}

.site_nav {width:100%; overflow:hidden;}
.site_nav li {display:inline;}
.site_nav li a {display:block; float:left;}

.list {width:100%; margin-bottom:-3px;}
.list li {margin-bottom:-1px; padding:0 0 0 32px;}
.list li a {font-size:14px; border-bottom:1px solid #212121; padding-bottom:3px; color:#fff; line-height:24px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; width:100%; display:block; padding-top:7px;}
.list li a:hover {color:#be660c;}
.list li.icon1 {background:url(images/icon-1.gif) no-repeat left center;}
.list li.icon2 {background:url(images/icon-2.gif) no-repeat left center;}
.list li.icon3 {background:url(images/icon-3.gif) no-repeat left center;}
.list li.icon4 {background:url(images/icon-4.gif) no-repeat left center;}
.list li.icon5 {background:url(images/icon-5.gif) no-repeat left center;}
.list li.icon6 {background:url(images/icon-6.gif) no-repeat left center;}
.list li.icon7 {background:url(images/icon-7.gif) no-repeat left center;}
.list li.icon8 {background:url(images/icon-8.gif) no-repeat left center;}
.list li.icon9 {background:url(images/icon-9.gif) no-repeat left center;}
.list li.icon10 {background:url(images/icon-10.gif) no-repeat left center;}
.list li.icon11 {background:url(images/icon-11.gif) no-repeat left center;}

.list1 {width:100%; overflow:hidden; margin-bottom:-11px;}
.list1 li {color:#fff; border-bottom:1px solid #2d2d2d; padding-bottom:14px; font-size:14px; margin-bottom:11px;}
.list1 li a {display:block; color:#eb7d0d; margin-top:6px; font-size:12px;}

.list2 {width:100%; overflow:hidden; margin-bottom:-4px;}
.list2 li {border-bottom:1px solid #2d2d2d; padding-bottom:3px; margin-bottom:4px;}
.list2 li a {background:url(images/marker.gif) no-repeat center left; padding-left:11px; color:#b9b9b9; text-decoration:none; font-weight:bold;}
.list2 li a:hover {text-decoration:underline;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 {margin-top:7px;}
.p2 {margin-top:26px;}
.p3 {margin-top:16px;}

.banner_block_top {background:url(images/line-1.gif) repeat-x top; padding:8px 0 8px 0; margin-top:18px;}
.banner_block_bot {background:url(images/line-1.gif) repeat-x bottom;}

.phone_block {float:right;}

/*==================txt, links, lines, titles====================*/
a {color:#b9b9b9;}
a:hover{text-decoration:none;}

.txt1 {font-weight:bold; text-transform:uppercase;}
.txt2 {color:#fff; font-size:14px;}
.txt3 {color:#b9b9b9;}

.link {background:#383838; color:#fff; text-transform:uppercase; text-decoration:none; padding:3px 10px 3px 10px; margin-top:10px; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.link:hover {color:#be660c;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor {padding-bottom:6px; margin-bottom:20px; background:url(images/line-1.gif) repeat-x bottom;}
.line-hor1 {border-bottom:1px solid #2d2d2d; padding-bottom:13px;}
.line-hor2 {padding-bottom:20px; background:url(images/line-1.gif) repeat-x bottom;}

.title_icon {background:url(images/title-icon.gif) no-repeat top left; padding-left:16px;}


/*==================boxes====================*/
.box { background:#000 url(images/box-bg.gif) right repeat-y; width:100%;}
.box .border-left {background:url(images/border-left.gif) repeat-x left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .inner { padding:0px 20px 0px 18px;}


/*header*/
#header .row-1 {height:280px;}

/*content*/
#content {background:url(images/cont-bg.gif) no-repeat left top; padding:24px 0 55px 40px;}
#content .indent {padding:44px 20px 0 18px;}
#content .indent1 {padding:2px 0 0 0;}
#content .indent2 {padding:14px 20px 0 18px;}

/*footer*/
#footer p {padding:15px 68px 0 0; font-weight:bold; color:#b9b9b9;}
#footer a {text-decoration:none; color:#b9b9b9;}
#footer a:hover {text-decoration:underline;}

/*==========================================*/
