*
{
margin:0;
padding:0;
}

/* 
 * IE PNG FIX
 * Permet d'avoir des png 24 sous IE6
 */
img, div { behavior: url(common/iepngfix/iepngfix.htc) }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	text-shadow: #000000 0 0 0;
	scrollbar-base-color: #353f42;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #353f42;
	scrollbar-darkshadow-color: #353f42;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #353f42;
}
ol, ul, li {
	list-style: none;
}

/* ================================
 * Layout
 * ================================*/

/* 
 * General layout
 * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts )
 */

html 				{ background:#000b12 url(../../images/commun/background.gif) repeat-x top left; font-family: "Century Gothic"; font-size: 12px; color:#FFFFFF; }
div#global 			{ background:url(../../images/commun/ombre.png) repeat-y center; margin:0 auto; padding:0 8px; width:800px;  text-align:center;  }
div#container 		{ padding:0; width:800px; margin-left: auto; margin-right: auto; background:#000000;}
div#subcontainer 	{ position:relative; padding:0; margin:0; background:#000000; }
div#menuannexe	 	{ background:transparent url(../../images/commun/menu-annexe.png) no-repeat; padding:0; position:absolute; margin:120px 0 0 800px; width:28px; height:215px;}


div#top		   				{ position:relative; height:80px; width:800px; vertical-align:middle; top:13px; }
div#animation  				{ position:relative; height:200px; width:800px; }
div#textepresentation	    { position:relative; height:30px; width:800px; }
li.textepresentation	    { text-align:center; letter-spacing:15px; font-size:10px; color:#b60000; padding:8px 0 0 0; }
div#menu				    { position:relative; z-index:999; height:30px; width:800px; margin-bottom:15px;}
div#content 				{ width:800px; background:#000000; overflow:hidden; margin:0; padding:0; }
div#bottom	 				{ width:800px; background:#000000; overflow:hidden; margin:0; padding:0; }

div#menuproduits			{ width:800px; background:#000000; z-index:998; position:absolute; float:left;}
div#description 			{ width:800px; z-index:500; float:left; }

div#colonnegaucheaccueil	{ background:#000000; height:auto; width:515px; float:left; margin:25px 0; display:inline; border-width:0 2px 0 0; border-style: solid; border-color:#262e32; }
div#colonnedroiteaccueil	{ background:#000000; height:auto; width:283px; float:right; margin:25px 0; display:inline;}

div#colonnegauchebateau		    { background:#000000; height:247px; width:283px; float:left;  margin:60px 0 0 0; display:inline; border-width:0 2px 0 0; border-style: solid; border-color:#262e32; position :relative; }
div#colonnedroitebateau		    { background:#000000; height:auto; width:515px; float:right;  margin:60px 0 0 0; display:inline; position :relative;}

/* !General layout */
.IE6 div#container { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../images/commun/ombre-ie6.png');}

div#Produits					{ width:495px; margin: 0 10px 0 10px;}

.infoSite    				{ margin:0; padding:0; list-style-type: none; display:block; width:495px; height:45px; }
.infoSite li 				{ display: block; float: left; width:135px; height:30px; font-size: 12px; margin:0 5px 0 0;  padding: 7px 0 0 25px; text-align: left; }
.infoSite li a.menu 		{ font-size: 12px; color: #ffffff; text-decoration: none; }
.infoSite li.change_menu a  { color: #ffffff; }
.infoSite li a.menu:hover   { font-size: 12px; color: #ffffff; font-weight:normal; text-decoration: none; }
.keep_menu 					  { display:inline; width:150px; height:30px; background: transparent url(../../images/commun/infos.gif) no-repeat top left; cursor:pointer; }
.change_menu 				  { display:inline; width:150px; height:30px; background: transparent url(../../images/commun/infos-hover.gif) no-repeat top left; cursor:pointer;  }



.change_couleur {background: #b60000; color: #ffffff;}

a:link {color: #b60000; text-decoration: none; margin:0; padding:0;}
a:visited {color: #b60000; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #b60000; text-decoration: none;}

a.bottom:link {color: #000000; text-decoration: none;}
a.bottom:visited {color: #000000; text-decoration: none;}
a.bottom:hover {color: #ffffff; text-decoration: none;}
a.bottom:active {color: #ffffff; text-decoration: none;}

a.titreaccueil:link { font-family: Verdana; color: #b60000; text-decoration: none; text-align:center; font-size:24px; font-style:italic; letter-spacing:1px; font-weight:bold; }
a.titreaccueil:visited { font-family: Verdana; color: #b60000; text-decoration: none; text-align:center; font-size:24px; font-style:italic; letter-spacing:1px; font-weight:bold; }
a.titreaccueil:hover { font-family: Verdana; color: #ffffff; text-decoration: none; text-align:center; font-size:24px; font-style:italic; letter-spacing:1px; font-weight:bold; }
a.titreaccueil:active { font-family: Verdana; color: #ffffff; text-decoration: none; text-align:center; font-size:24px; font-style:italic; letter-spacing:1px; font-weight:bold; }

.rouge {color: #b60000;}

.borderimgsans
{
border: 1px solid #3b4144;
}

input.a 
{
font-family: "Century Gothic";
background-color: #000000;
width:190px;
border: 1px solid #353f42;
text-align: left;
color:#FFFFFF;
}

input.d
{
font-family: Arial; 
font-size: 11px; 
text-align: center;
background-color: #000000;
width:80px;
border: 1px solid #353f42;
text-align: center;
color:#FFFFFF;
cursor:pointer; 
padding:0;
margin:0 0 5px 0;
}

input.e
{
font-family: "Century Gothic";
background-color: #000000;
width:60px;
border: 1px solid #353f42;
text-align: center;
color:#FFFFFF;
}
  
input.f
{
font-family: Arial; 
font-size: 11px; 
text-align: center;
background-color: #000000;
width:60px;
border: 1px solid #353f42;
text-align: center;
color:#FFFFFF;
cursor:pointer; 
padding:0;
margin:0 ;
}

textarea.c 
{
font-family: "Century Gothic";
background-color: #000000;
width:760px;
border: 1px solid #353f42;
text-align: left;
color:#FFFFFF;
}


select.formchoix
{
margin:0;
padding:0;
background-color: #000000; 
width:240px;
height:80px;
border: 0px solid 353f42; 
color: #ffffff; 
font-family: Arial; 
font-size: 11px; 
text-align: left;
}

select.formchoixdroite
{
margin:0;
padding:0;
background-color: #000000; 
width:240px;
height:80px;
border: 0px solid transparent; 
color: #ffffff; 
font-family: Arial; 
font-size: 11px; 
text-align: left;
}

select.form
{
background-color: #000000; 
width:220px; 
border: 0px solid transparent; 
color: #ffffff; 
font-family: Arial; 
font-size: 11px; 
text-align: left;
}

select.formb
{
background-color: #000000; 
width:90px; 
border: 0px solid transparent; 
color: #ffffff; 
font-family: Arial; 
font-size: 11px; 
text-align: center;
align:center;
}

p.form-bord-select {
font-family:  arial; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
text-align: left;
margin:0 10px 0 10px;
padding:0;
width: 220px;
border: 1px solid #353f42;
}

p.form-bord-selectc {
font-family:  arial; 
font-size: 12px; 
color: #ffffff; 
text-decoration: none;
text-align: right;
margin:0 10px 0 0;
padding:0;
width: 220px;
border: 1px solid #353f42;
float:right;
}

p.form-bord-selectb {
background-color: #000000; 
color: #ffffff; 
text-decoration: none;
text-align: left;
padding:0px;
margin:0px;
width: 90px;
border: 1px solid #353f42;
align:center;
}


p.nospace
{  
margin:0;
padding:0;
}

p.form
{  
text-decoration: none;
text-align: center;
margin:15px 0 3px 0;
padding:0;
}

p.formleft
{  
text-decoration: none;
text-align: center;
margin:0;
padding:0;
}

p.formcenter
{  
text-decoration: none;
text-align: center;
margin:0;
padding:0;
}

p.formright
{  
text-decoration: none;
text-align: center;
margin:0;
padding:0;
}

input.b 
{
font-family: "Century Gothic";
background-color: #000000;
width:240px;
border: 1px solid #353f42;
text-align: left;
color:#FFFFFF;
}

input.buttona 
{
font-family: "Century Gothic";
float:right;
background-color: #000000;
width:70px;
border: 1px solid #353f42;
text-align: center;
color:#b60000;
cursor:pointer;
}

H1
{  
background: url(../../images/commun/carre-rouge.gif); background-repeat:no-repeat; background-position:left center;
font-size: 14px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: left;
padding:0 0 0 15px;
margin:0 0 5px 30px;
vertical-align:middle;
}


H1.pluspetit
{  
background: url(../../images/commun/carre-rouge.gif); background-repeat:no-repeat; background-position:left center;
font-size: 12px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: left;
padding:0 0 0 15px;
margin:0 0 5px 10px;
vertical-align:middle;
}

H1.center
{  
font-size: 12px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: CENTER;
vertical-align:middle;
}

H1.titreb
{  
background: url(../../images/commun/carre-rouge-2.gif); background-repeat:no-repeat; background-position:left top;
font-size: 13px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: left;
padding:0 0 0 15px;
margin:0 0 0 0;
}

H1.titreretrait
{  
background: url(../../images/commun/carre-rouge.gif); background-repeat:no-repeat; background-position:left center;
font-size: 13px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: left;
padding:0 0 0 15px;
margin:5px 0 5px 10px;
vertical-align:middle;
}


H2.titreretrait
{  
background: url(../../images/commun/carre-rouge.gif); background-repeat:no-repeat; background-position:left center;
font-size: 13px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align: left;
padding:0 0 0 15px;
margin:5px 0 5px 10px;
vertical-align:middle;
}

H1.accueil
{ 
font-size: 24px; 
letter-spacing:1px;
font-weight:bold; 
text-decoration: none;
text-align:center;
padding:0;
margin:15px 0;
vertical-align:middle;
}

p
{  
font-family:Arial;
font-size: 11px; 
letter-spacing:1px;
vertical-align:middle;
text-align:justify;
margin:10px 10px 0 10px;
}

p.center
{  
font-family:Arial;
font-size: 11px; 
letter-spacing:1px;
vertical-align:middle;
text-align:center;
margin:10px 0 0 0;
}

p.txt
{  
font-family:Arial;
font-size: 11px; 
letter-spacing:1px;
vertical-align:middle;
text-align:justify;
}

p.txtright
{  
font-family:Arial;
font-size: 11px; 
letter-spacing:1px;
vertical-align:middle;
text-align:right;
}

p.bottomleft
{  
font-size: 10px; 
vertical-align:middle;
margin:0 10px;
text-align:left;
}

p.bottomcenter
{  
font-size: 10px; 
vertical-align:middle;
margin:0 10px;
text-align:center;
}

p.bottomright
{  
font-size: 10px; 
vertical-align:middle;
margin:0 10px;
text-align:right;
}

li.formulaireleft
{
display:block;
float:left;
margin-left:10px;
margin-bottom:10px;
}

li.formulaireright
{
display:block;
float:right;
margin-right:10px;
margin-bottom:10px;
}

hr.separateur
{
width:100%;
height:1px;
color:#3b4144;
margin : 25px 10px;
padding:0;
}





/*MENU*/
/*MENU*/
/*MENU*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.pro_linedrop {
height:30px;
width:800px;
background:url(../../images/commun/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(../../images/commun/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(../../images/commun/black_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(../../images/commun/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fff;
}




.pro_linedrop .select li.lrt a {color:#fff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(../../images/commun/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(../../images/commun/black_0a.gif) right top;
}

.pro_linedrop .select li.lineb a b {
background:url(../../images/commun/black_0.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(../../images/commun/black_1.gif) right; 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(../../images/commun/black_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(../../images/commun/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(../../images/commun/black_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(../../images/commun/black_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(../../images/commun/black_1.gif) right top; 
}

.pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:800px;
top:35px; 
left:0; 
text-align:center;
background:#111111 url(../../images/commun/fade.gif);
border-bottom:1px solid #353f42;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#111111 url(../../images/commun/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#fff;font-size:11px;}

.pro_linedrop .select :hover .sub li.subline a {color:#fff;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#b60000; line-height:22px; position:relative; background:#111111 url(../../images/commun/fade.gif) left bottom;}







/*MENU VOITURES*/
/*MENU VOITURES*/
/*MENU VOITURES*/
#menuc 
{
list-style-type:none; 
margin:16px 0 0 0; /* settings for this demo olnly */
padding:0;
height:35px;
font-size:10px;
z-index:1000000000;
}

#menuc li {  display:block; float:left; position:relative; z-index:1000; padding: 10px 0 0 0;}
#menuc li span {width:114px; height:35px; display:block; z-index:1000; background:#000000 url(../../images/commun/menuproduits.gif) right top; font-size:10px;}
#menuc li a, #menuc li a:visited {display:block; padding:0;}

#menuc dl {z-index:1000000000; position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menuc dt {width:114px; height:45px;  background:#000000 url(../../images/commun/menuproduits.gif) right top; margin:0; border-top:0px solid #fff;  border-bottom:0px solid #fff; float:left;}
#menuc dd {z-index:1000000000; width:200px; display:none; background: #1a1a1a; border-bottom:0px solid #fff; clear:left; margin:0; padding:0 10px 0 10px; color: #fff; font-size: 10px; text-align:left;}

#menuc dt a, #menuc dt a:visited {z-index:1000000000; height:35px; display:block; color:#fff; padding: 10px 0 0 0; text-decoration:none;}
#menuc dd a, #menuc dd a:visited {background:#1a1a1a; text-decoration:none; display:block; background: url(../../images/commun/carre-blanc-3px.gif); background-repeat:no-repeat; background-position:left center; font-size: 10px; color: #ffffff; text-decoration: none; text-align: left; padding:1px 0 1px 15px; margin:0; cursor:pointer;}

#menuc li a:hover {border:0;}

#menuc li:hover dd, #menuc li a:hover dd {display:block;z-index:1000;}
#menuc li:hover dl, #menuc li a:hover dl {border-bottom:3px solid #8b1300;}
#menuc li:hover dt a, #menuc li a:hover dt a, #menuc dd a:hover { background:#000000; color:#8b1300;}
#menuc dd a:hover { background:#1a1a1a; color:#8b1300; background: url(../../images/commun/carre-rouge-3px.gif); background-repeat:no-repeat; background-position:left center; font-size: 10px; text-decoration: none; text-align: left; padding:1px 0 1px 15px; margin:0; cursor:pointer;}