html, body {
margin:0;
padding:0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#4a0c0c;
line-height:18px;
background-image: url(img/design2/body_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}

p {
font-size:11px;
color:#333333;
}

a {
color: #FF3300;
text-decoration:none;
}

a:hover {
color: #990000;
text-decoration:underline;
}

.ouvreur {
visibility:hidden;
clear:both;
}

.hidden {
visibility:hidden;
}

.left  {
float:left;
width:170px;
margin:50px 0 0 20px;
}

.right {
float:right;
width:600px;
}

.underligne {
text-decoration:underline;
}

/*----------------- GENERAL -------------------*/
#flamme {
height:643px;
width:251px;
background-image:url(img/design2/flame.jpg);
top: 0px; left: 50px;
background-repeat:no-repeat;
position:absolute;

}



#feu {
height:587px;
width:100%;
background-image:url(img/design2/feu.jpg);
bottom: 0px; left: 0px;
background-repeat:repeat-x;
position:absolute;

}

#devis {
font-size:11px;
color:#333333;
padding: 0 15px 5px 15px;
}

	#devis table, #devis td {
	border:1px solid #ccc;
	}

#page {
position:relative;
}

#general_content {
width: 990px;
margin-top:0;
margin-left: auto;
margin-right: auto;
margin-bottom:5px;
background-color: #f5f5f5;
border:1px solid #000;
position:relative;
}



/*---------------HEADER---------------*/
#header {
background-image: url(img/design2/header_large.jpg);
background-position:right top;
background-repeat:no-repeat;
text-align: left;
height:178px;
width: 990px;
background-color: #000;
}

#header h1 {
visibility:hidden;
position:absolute;
}

/*---------------------MENU MARQUES----------------------*/
#menu_marques {
   width: auto;
   height: 34px;
   background-image:url(img/design2/menu_top_bg.gif);
   background-repeat:repeat-x;
   margin: 0 auto;
   padding-top: 5px;
   padding-left: 15px;
   position: relative;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
}

#menu_marques a {
color:#fff;
}

#menu_marques li {
display:inline;
padding-left:15px;
font-weight:bold;

}

/*
#menu_marques p {
visibility:hidden;
margin:0;
padding:0;
}

#menu_marques li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;
}
#menu_marques li, #menu_marques a {
   height: 34px;
   display: block;
}


#menu_stuv { left: 0;     width: 148px;  }
#menu_scan { left: 149px;  width: 157px;  }
#menu_handol { left: 307px; width: 157px; }
#menu_contura { left: 464px; width: 157px; }
#menu_planika { left: 621px; width: 155px; }

.hover a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               0 -34px no-repeat;
}

#menu_stuv a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               0 -34px no-repeat;
}
#menu_scan a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               -149px -34px no-repeat;
}
#menu_handol a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               -307px -34px no-repeat;
}
#menu_contura a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               -464px -34px no-repeat;
}
#menu_planika a:hover {
   background: transparent url(img/design2/menu_marques.jpg)
               -621px -34px no-repeat;
}
*/

/*---------------------NAV.INC----------------------------*/

#navinc {
margin-left:180px;
font-size:10px;
text-transform:capitalize;
font-weight:bold;
margin-bottom:0;
padding-bottom:0;
position:absolute;
}

/** Stuv Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	#nav-menu ul
	{
	list-style:none;
	padding: 0;
	}
	
	#nav-menu li
	{
	list-style:none;
	float: left;
	}
	
	#nav-menu li a
	{
	background: url(img/design2/nav.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	width: 9.9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #990000;
	text-decoration: none;
	text-align: center;
	}
	#nav-menu li a:hover
	{
	background: url(img/design2/nav.gif) #fff bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	width: 9.9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	}
	
	#nav-menu
	{
	width:auto;
	} 

	.nav-menu-div ul ,.nav-menu-div li {
margin:0;padding:0;
}

.nav-menu-div {
text-align:center;
}

.nav-menu-div ul {
text-align:left;
display:table;/* ff2 */
margin:auto;
display:inline-block; /* ff3 , opera , etc ...  voir CC pour IE */
}
.nav-menu-div li {
display:inline;/* vire les puces */
float:left;
padding:0 1em;
}
	
/*---------------------MENU GENERAL----------------------*/

#menu_general {
margin:5px 0 0 0;
padding-left:10px;
float:left;
width:170px;
font-size:12px;
}

#menu_general li {
text-indent:15px;
text-transform: uppercase;
text-decoration:none;
color:#666666;
background-image:url(img/design2/menu_g_bg01.gif);
background-repeat:no-repeat;
display:block;
height:19px;
font-weight:normal;
}

#menu_general a {
color:#666666;
}

#menu_general a:hover, .menu_general_active  {
text-indent:15px;
text-transform: uppercase;
text-decoration:none;
color: #CC0000 !important;
background-image: url(img/design2/menu_g_hover01.gif);
background-repeat:no-repeat;
display:block;
font-weight:normal;
}
.menu_general_active a {
color:#990000;
}

#menu_general li {
list-style-type:none;
display:block;
}


/*---------------CONTENT--------------*/
#content {
width: 990px;
background-color: #f5f5f5;
padding-top:15px;
}

#cadre {
margin:5px 10px 0 0;
float:right;
width:798px;
border:1px solid #ccc;
background-color: #fff;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:15px;
padding-bottom:10px;
}

#cadre p {
padding-left:10px;
padding-right:10px;
}

#cadre table {
font-size:11px;
color:#333333;
}

#content p {
padding-left:10px;
padding-right:10px;
}

#cadre h2 {
text-indent:15px;
font-size:15px;
font-weight:normal;
text-transform:uppercase;
color:#666666;
margin-top:0;
background-image:url(img/design2/h2_bg01.jpg);
background-repeat:repeat-x;
}

#cadre h3 {
color:#666666;
margin-top:0;
text-indent:10px;

}



#cadre li {
font-size:11px;
color:#333333;
padding-left:15px;
padding-right:15px;
}

/*#cadre img {
margin:0 auto;
padding-top:15px;
}*/

.img_left img {
float:left;
margin:10px;
}

.img_left {
float:left;
margin:10px;
padding-top:10px;
padding-left:20px;
}

#img_index img{
padding:0;
margin:0;
margin-left:1px;
border:0;
}

/* ------------------- PAGE : STUV --------------------------------------- */

#page_stuv img {
border:0;
}

/*---------------- PAGE : HABILLAGES (copy #cadre)------------------------ */

#habillages {
margin:5px 10px 0 0;
float:right;
width:585px;
border:1px solid #ccc;
background-color: #fff;
font-size:10px;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:15px;
}



#habillages h2 {
text-indent:15px;
font-size:15px;
font-weight:normal;
text-transform:uppercase;
color:#666666;
margin-top:0;
background-image:url(img/design2/h2_bg01.jpg);
background-repeat:repeat-x;
}

#habillages h3 {
text-indent:15px;
color:#666666;
margin-top:0;
}

#habillages img {
margin:0;
}
/*---------------- PAGE : NOS MARQUES ------------------------ */
.a_marques {
clear:both;
}

.a_marques p{

}

.a_marques a {
border:1px solid #fff;
text-decoration:none;
font-size:11px;
color:#333333;
display:block;
height:165px;
padding-left:15px;
}

.a_marques a:hover {
border:1px solid #ccc;
text-decoration:none;
font-size:11px;
color:#333333;
display:block;

}


/*-------------- AFFICHAGE DES PRODUITS ---------------------*/

.produit {
border-bottom:1px solid #ccc;
margin-bottom:15px;
}

.produit h3 {
padding-left:5px;
padding-bottom:0;
}


.img_produit {
margin:0 auto;
padding-left:25px;
}

.prix {
float:right;
font-size:14px;
font-weight:bold;
}

.description {

width:750px;
padding-left:25px;
font-size:11px;
color:#333333;
}


#nav {
text-align:center;
font-size:12px;
margin:0 auto;
}


.gallerie {
width:155px;
text-align:center;
margin-left:20px;
margin-bottom:20px;
padding:8px;
height:200px; 
border:1px solid #ccc;
}



.gallerie img {
padding-top:8px;
}

.gallerie2 {
width:155px;
text-align:center;
margin-left:20px;
margin-bottom:20px;
padding:5px;
height:200px; 
border:1px solid #ccc;
}

.gallerie_rea {
text-align:center;
padding:10px;
padding-top:0;
margin:10px;
border:1px solid #ccc;
}
	.gallerie_rea img {
	border:0;
	padding-top:10px;
	}

.photos_produit {
margin:0 auto;
width:550px;
}

.photos_produit img {
float:left;
}

/*-------------PAGE : Dimensions ------------------*/

#dimensions {
padding:5px;
}

#dim {
margin:12px;
font-size:10px;
}

#dim h3 {
text-indent:0;
}

#dimoverflow {
overflow:auto;
overflow-y:hidden;
}

.table_over td{
border-bottom:1px dotted #ccc;
}


.table_over tr:hover>td { 
background-color: #F3F3F3; 
}

.fieldset {
font-size:11px;
}

.fieldset legend {
font-size:14px;
font-weight:bold;
color:#333333;
}

/*-------------FOOTER------------------*/

#footer {
width:990px;
height:120px;
background-image:url(img/design2/footer_bloc_bg.gif);
border:1px solid #000;
margin: 0 auto;
text-align:center;
font-size:9px;
padding-top:8px;
padding-bottom:8px;
position:relative;
}

#footer_bg {
background-image:url(img/design2/footer_bg.jpg);
background-repeat:repeat-x;
width:100%;
}

#footer img {
float:left;
margin-left:15px;
margin-right:15px;
margin-top:-8px;
}

#footer a {
text-decoration:none;
color:#333333;
}

#footer a:hover {
color:#CC0000;
text-decoration:underline;
}