html, body {
	padding:0px; 
	background: black; 
	font-family:verdana; 
	font-size:12px; 
	color : white;
	background-color: #660000;
}
.fileName{color:#000}
#page {
width: 1024px;
margin-left: auto;
margin-right: auto;
} 
p{
	vertical-align: middle; 
	text-align : center;
	color : gold;
	font-family : verdana;
	line-height:10px;
}
h1, h1 td {
	font-weight:bold; 
	font-size:14px; 
	color : red; 
	line-height:2px;
} 
h2, h2 td {
	font-weight:bold; 
	font-size:10px; 
	color : green; 
	line-height:12px;
}
h3, h3 td {
	font-weight:bold; 
	font-size:8px; 
	color : grey;
	line-height:2px; 
}
.vignette { 
	display : block; 
	float : left; 
	margin : 10px; 
	position : relative; 
	width : 30%; 
	height : 450px; 
	z-index: 4;
}
.vignhaut {
	display : block;
	background-image: url(/css/images/vignette_haut.png) ;
	background-repeat: no-repeat ;
	background-attachment:scroll;
	background-position:center 5px; 
	width : 250px;
	height : 150px;
	padding-left : 15px;
	padding-right : 15px;
	padding-top : 5px;
	text-align : center;
	z-index: 4;
}
.vignhautfond {
	display : block;
	background-image: url(/css/images/vignette_hautfond.png) ;
	background-repeat: repeat-y ;
	background-attachment:scroll;
	background-position:center top; 
	width : 250px;
	padding-left : 15px;
	padding-right : 15px;
	text-align : center;
	z-index: 4;
}
.vignbas {
	display : block;
	background-image: url(/css/images/vignette_bas.png) ;
	background-repeat: no-repeat ;
	background-attachment:scroll;
	background-position:top center; 
	width : 250px;
	height : 80px;
	padding-left : 15px;
	padding-right : 15px;
	text-align : center;
	z-index: 4;
}
.vignflambas {
	display : block;
	background-image: url(/css/images/flam_bas.png) ;
	background-repeat: no-repeat ;
	background-attachment:scroll;
	background-position:top center; 
	width : 250px;
	height : 80px;
	padding-left : 15px;
	padding-right : 15px;
	text-align : center;
	z-index: 4;
}
.vignfond {
	display : block;
	background-image: url(/css/images/vignette_fond.png) ;
	background-repeat: repeat-y ;
	background-attachment:scroll;
	background-position:top center; 
	width : 250px;
	padding-left : 15px;
	padding-right : 15px;
	text-align : center;
	z-index: 4;
}
.serre{ 
	position : relative;
	/* overflow : hidden; */
	width : auto;
	display : block;
	text-align : center;
	margin-left : 15px;
	margin-right : 15px;
	padding-top : 3px;
	z-index: 4;
}
.depass{
	color:black;
	position : relative;
	display : block;
	text-align : center;
}
#header {
	display:block; 
	height:150px; 
	/* background-position: top center ; */
	background-image: url(/css/images/ban-back.jpg) ;
	background-repeat: repeat-y ; 
	color:#fff; 
	text-align:left; 
	font-size:30px; 
}
#footer {
	display:block; 
	position: relative; 
	width: 1024px;
	height:68px; 
	background-position: bottom center ;
	//background-image: url(/css/images/fond_bas.jpg); 
	Bottom: 0; 
	Left: 0;
	background-repeat: no-repeat ; 
	color:#ffffff; 
	text-align:center; 
	font-size:12px;
	}
#footer a{
  color:#FFF;
}

#membre {
	display : block;
	height : 33px;
	width: 1024px;
	background-color: #660000;
	//background-image:url(/css/images/fond.png); 
	background-repeat:repeat-y ;
	background-position: left;
 }
#barrenav {
	display:block;
	position:relative;
	width : 550px;
	height : 33px;
	background-position: center center ;
	background-image: url(/css/images/barrenav.png) ;
	background-repeat: no-repeat ;
	color : white;
	font-size: 14px;
	font-weight: bold; 
	font-family: "Century Gothic", Arial;
	text-align : center;
}

#barreprod {
	display:block;
	position:relative;
	width : 470px;
	height : 32px;
	background-position: center center ;
	background-image: url(/css/images/titre3.gif) ;
	background-repeat: no-repeat ;
	color : white;
	font-size: 14px;
	font-weight: bold; 
	font-family: "Century Gothic", Arial;
	text-align : center;
}

#barrenav a, #barrenav a:visited{
	text-decoration : none;
	color : white;
}
#barrenav a:hover{
	text-decoration : none;
	color : #f09060;
}
#container { 
	display:block; 
	background-image:url(/css/images/fond.png); 
	background-repeat:repeat-y ;
	background-position: center center ; 
	width: 1024px;
}
#left {
	float:left; 
	position:static; 
	width:180px; 
	left: 0px;  
	margin : 0px; 
	text-align : center; 
	border : 0px;

}
#right {
	float:right; 
	position: static; 
	width:180px; 
	right: 0px; 
	margin: 0px; 
}
#center { 
	position: static; 
	float:left; 
	display:block; 
	left: 0px; 
	width :640px; 
}
.clear {
	clear:both;
}

a:visited, a {
	text-decoration:underline; 
	cursor:pointer;
}
a:hover {
	text-decoration:none; 
	cursor:pointer;
}

em {
	font-weight:bold;
}
#ban {
	display : block;
	width : 1024px;
}
#prodhaut { 
	float : left;
	display : block;
	width : 180px;
	height : 45px;
	background-image : url(/css/images/produits_haut.png);
	margin : 0;
	padding : 0;
}
#menu {
	list-style-type:none; 
	padding:0;  
	margin:0; 
	width:180px; 
	z-index:100; 
	text-align : center;
	position:relative;
}
#menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	width:176px; 
}
#menu li {
	float:left; 
	position:relative;
}

#menu li.sub, #menu li a.sub {
	display:inline; 
	background : #3a3939 ;
	border-bottom:1px solid #000;
}

#menu li, #menu li a {
	display:block; 
	margin:0; 
	background :#797777;  
	color:#ffffff; 
	font-family:verdana,arial, sans-serif; 
	font-size:12px; 
	line-height:24px; 
	width:176px; 
	text-decoration:none;  
	cursor:pointer; 
	font-weight:bold; 
}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {
	display:none; 
}

#menu li.hover {
	color:#e10707; 
	z-index:500;
}
#menu li.click {
	color:#e10707; 
}

#menu li.click ul {
	display:block; 
	margin:0;
}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {
	display:block; 
	position:absolute; 
	left:0px; 
	top:-1px; 
	color:#fff;
}

#menu li.click ul li.fly {
	color : #fff;
}
#menu li.click ul li.hover { 
	border-top : 1px solid #e10707 ;
	border-bottom : 1px solid #e10707 ; 
	color:#fff;
}

#menu li.click ul li.hover ul li {
	color : #ffffff;
}
#menu li.click ul li.hover ul li.hover ul li { z-index:500;}

#menu li.click ul li.hover ul li.fly {

}
#menu li.click ul li.hover ul li.hover {
	z-index:500;
}
#menu li.click ul li.hover ul li.hover a {
	color:#000;
}

#menu li.click ul li.hover ul li.hover ul li.hover {

}
#menu li.click ul li.hover ul li.hover ul li.hover a {
	color:#fff;
}
#outer {
	display : block;
	float : left; 
	width : 176px; 
	border:2px solid black;
}
#outer img {
	display:block; 
	float:right;
}
#outer p {
	margin:0px; 
	padding:17px 0 0 0; 
	color:#000; 
	font-size:12px; 
	font-family:arial, sans-serif; 
	text-align:justify;
}

#prodbas { 
	float : left;
	display : block;
	width : 180px;
	height :45px;
	background-image : url(/css/images/produits_bas.png);
}

#recherche {
	float : right;
	display : block;
	width : 175px;
	height : 112px;
	background-image : url(/css/images/search.png);
	background-repeat:no-repeat;
	padding-top:25px;
	margin-left :10px;
	padding-left:10px;
}
#select_marques {
	float : right;
	display : block;
	width : 175px;
	height : 70px;
	background-image : url(/css/images/menumarques.png);
	background-repeat:no-repeat;
	padding-top:25px;
	margin-left :10px;
	padding-left:10px;
}


#caddie{
	float : right;
	display : block;
	min-height : 200px;
	background : url(/css/images/caddie.png) no-repeat #000000;
	font-size: 10px;
	font-family : verdana;
  overflow:none;
  width:200px;
	font-weight : bold;
}
#caddiebas{
	background : url(/css/images/caddiebas.png) no-repeat;
	width:200px;
	height:17px;
	float:right;
}
#caddie table, #caddie td, #caddie tr {
	font-size: 10px; 
	font-weight : bold;
}
#stocks {
	margin-top : 50px;
	float : left;
	display : block;
	width : 150px;
	height : 125px;
	//background-image : url(/css/images/stocks.png);
	margin-left : 20px;
}
#stocks img {
	border: 0px;
}
#main {
	background-color: #3a3939;
	width: 50%;
	padding : 10px;
}
#legal {
	margin-top: 15px;
	float : left;
	display : block;
	width : 180px;
	
	/* background-image : url(/css/images/cdv.png); */
}

#banque {
  height:86px
	width : 64px;
}
#legal img{
	margin:5px 0px;
	padding:0;
}
#realisations {
	margin-top : 50px;
	float: left;
	display : block;
	width : 180px;
	height : 127px;
	margin-left : -3px;

}
#port{
	margin-top: 10px;
	float : right;
	display : block;
	width : 180px;
	height : 136px;
	background-image : url(/css/images/port.png);
	background-repeat:no-repeat;
  margin-right:15px;
}

#stickers{
  margin-right:15px;
	float : right;
	display : block;
	width : 175px;
	padding-top:40px;
	height : 50px;
}

#webcallback{
  margin:none;
	float : right;
	margin-right:0px;
	display : block;
	width : 175px;
	padding-top:60px;
	padding-left:10px;
	height : 70px;  
	background-image : url(/css/images/webcallback.png);
	background-repeat:no-repeat;
}

#newsletter{
	float : right;
	margin-right:0px;
	display : block;
	width : 175px;
	padding-top:45px;
	padding-left:10px;
	height : 150px;
	background-image : url(/css/images/newsletter_menu.png);
	background-repeat:no-repeat;
}

.rtop,.rbottom{
	display:block;
}
.rtop *,.rbottom *{
	display:block;
	height: 1px;
	overflow: hidden;
}
.r1{
	margin: 0 5px;
}
.r2{
	margin: 0 3px;
}
.r3{
	margin: 0 2px;
}
.r4{
	margin: 0 1px;
	height: 2px;
}

.rs1{
	margin: 0 2px;
}
.rs2{
	margin: 0 1px;
}

#splash_screen {
	width: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	position: absolute;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 1;
	cursor: pointer;
}

#splash_screen.bg {
	background: url(/css/images/tag.png);
}

#image_content {
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 0;
	position: absolute;
	z-index: 2;
}

#image_content img {
	margin: 0;
	padding: 0;
	display: none;
	z-index: 3;
	cursor: pointer;
}

#title_content {
    width: 100%;
	font-size: 11px;
	color: #333;
	border: 10px solid #FFF;
	background-color: #FFF;
	margin: 10px 0 0 -10px;
	padding: 0;
	left: 0;
	z-index: 3;
	position: absolute;
}

#splash_previous, #splash_next {
	margin: 0;
	padding: 0;
	top: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}
#splash_previous { 
	right: 40px; 
	background: url(/css/images/control_rewind.png) no-repeat center; 
}
#splash_next { 
	right: 0; 
	background: url(/css/images/control_forward.png) no-repeat center; 
}
#splash_pause { 
	top: 0; 
	right: 20px; 
	background: url(/css/images/control_stop.png) no-repeat center; 
}
#splash_play { 
	top: 0; 
	right: 20px; 
	background: url(/css/images/control_play.png) no-repeat center; 
}
#splash_notification.playing { 
	background: url(/css/images/control_play.png) no-repeat center; 
}
#splash_notification.paused { 
	background: url(/css/images/control_stop.png) no-repeat center; 
}
#splash_pause, #splash_play, #splash_notification {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

#splash_close {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 4;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(/css/images/cross.png) no-repeat center #FFF;
}

#splash_description {
	margin-top: 4px;
	font-weight: bold;
}

div.ajax-loading { 
	background: url(/css/images/ajax-loader-thickbox.gif) no-repeat center; 
}

.choix {
	padding:0; 
	margin:4em auto; 
	list-style-type:none; 
	width:90%; 
	background:#3a3939 ;
}
.choix li{
	display:block; 
	float:left; 
	height:80px; 
	position:relative; 
	background:#797777 ; 
	padding: 5px;
}
.cache {
	background:#3a3939;
}
a.logo { 
	display: inline; 
	position : relative; 
	margin : 40px; 
	float : left; 
}
.logo ul { 
	list-style-type:none; 
	padding:0; 
	margin:0;
}

a img {
	border: none;
}

h4{
margin-left:12px;
}

#barreprod{
 padding-top:12px;
}