/* CSS Document */

body {
	font-family: "Copperplate Gothic Bold", arial, helvetica, sans-serif;
	line-height: 1.166em;
	color: #FFFFCC ;
	margin:0px;
	padding:0px;
	vertical-align: middle;
	background-image:url(wood04.gif);
	background-color: #660000;
	text-align:center;
	}

h1 {
    font-family: "Copperplate Gothic Bold", arial, helvetica, sans-serif;
	color: #660000;
	font-size: 22px;
	line-height: 52px;
	background-image: url(images/banniere2.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:inherit;
	background-color:inherit;
	text-align:center;
	position:inherit;


	 }
	 
h2 {
	color:#660000;
	font-size: 20px;
	line-height: 20px;
	text-align:center;
	text-decoration:underline;
	background-color:inherit;
	 }
	 
h3 {
	color:#660000;
	font-size: 18px;
	line-height: 20px;
	text-align:center;
	background-color:inherit;
	 } 

h4 {
	color:#660000;
	font-size: 18px;
	line-height: 20px;
	text-align:center;
	background-color:inherit;
	 } 


a:link { color:#FF0000;
text-decoration:none;
background-color:inherit;
}

a:visited {color: #A4A29D;
text-decoration:none;
background-color:inherit;
}

a:hover {color:#FF0000;
text-decoration:underline;
background-color:inherit;
}

td {
text-align:left;

}

hr {
	
	color: #999999;
	background-image:url(images/nth_theme_business_modern_red_beans_hr.gif);
	background-repeat:no-repeat;
	background-color:inherit;
	
}

#header {
margin-top:20px;
height:80px; 

	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:center;
	margin-bottom:5px;
	background-color: #FFFFCC;
	color:#660000;
	vertical-align:middle;
	float:left;
	position:relative;

}
	
#global { margin-top:20px; 
	margin-left:auto;
	margin-right:auto;
	width:800px;
	text-align:center;
	margin-bottom:5px;
	background-color: #FFFFCC;
	color:#660000;
	vertical-align:middle;

	}
	
#global ul, #global li {
text-align:left;
padding-left:20px;
padding-bottom:20px;
padding-right:20px;
margin-left:20px;
}

#global a {
color:#336600;
text-decoration:none
}
	


#content {
text-align:center;
color:#660000;
padding:5px;
width:650px;
border: none;
margin-top:20px;
font-size:18px;
margin-bottom:20px;
background-color:inherit;
margin-left:auto;
margin-right:auto;


}

#content ul, #content li {
list-style-type:none;
	margin:0px;
	padding:0px;
	color:#660000;
	text-align:center
	}
#content li {
padding:10px;
text-align:center;
}

#menuh{
	height:35px;
	border: none;
	vertical-align:middle;
}

#menuhcentre {
	width:690px;
	margin-left:auto;
	margin-right:auto;
}

#menuh a {
	display:block;
	float:left;
	color: #660000;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	background: url(images/button2.gif)  no-repeat 0 0 ;
	line-height:25px;
	padding-left:0px;
	padding-right:0px;
	border-right: none;
	vertical-align: top;
	text-align:center;
	width:115px;
	background-color:inherit
	}

#menuh a:hover {
	color:	#808000;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-size:12px;
	font-style:normal;
	background: url(images/button2.gif) no-repeat 0 -30px ;
	font-weight:bold;
	background-color:inherit;
	
}

#menuh a:active {
	color:	#808000;
	text-decoration:none;
	font-family:arial, sans-serif;
	font-size:12px;
	font-style:normal;
	background: url(images/button2.gif) no-repeat 0 -30px ;
	font-weight:bold;
	background-color:inherit;
	
}

#menuh ul, #menuh li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	
}

#menuh li {
	display:inline;
	width:115px;
}

.lineh {
height:15px;
background-repeat:no-repeat;
background-position:center;
background-image:url(images/nth_theme_business_modern_red_beans_hr.gif);}

.image {
text-align:center;
height:221px;
border:none;
padding:5px;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto
}

.imagegauche {
text-align:center;
width:340px;
height:240px;
border:none;
margin-left:20px;
float:left;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
padding-top:10px;
}

.imageproduit {
text-align:center;
height:190px;
border:none;
padding:5px;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto
}


.cadredroite {
vertical-align:middle;
height:240px;
border:none;
float:right;

}

.legendedroite {
text-align:center;
color:#660000;
width:340px;
height:auto;
border:none;
margin-right:20px;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
font-family:"Copperplate Gothic Bold", Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:100px;
margin-bottom:auto;
}
.spacer {
	clear:both;
	height:15px;
}

.hidden {
visibility:hidden
}

#produits {
width:600px;
float:right;
text-align:center;
border:none;
margin-top:20px

}

#produits td {
height:150px;
width:140px;

}

#produits a, #produits img {
border:none

}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
width:650px;
border: none;
margin-top:5px;
font-size:10px;
margin-bottom:10px;
color: #FFFFCC;
padding:0px;
vertical-align:middle;
background-color:inherit;
margin-left:auto;
margin-right:auto;
background-image:inherit;
}
#footer a{
background-image:url(wood04.gif);



}

#menubas{
	height:40px;
	vertical-align:middle;
	padding-top:15px;
	text-align:center
}

#menubascentre {
	width:790px;
	margin-left:15px;
	margin-right:auto;
	text-align:center
}

#menubas a {
	display:block;
	float:left;
	color: #660000;
	text-decoration:underline;
	font-family: arial, sans-serif;
	font-weight:normal;
	font-size:10px;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	border-right: solid #660000 1px;
	vertical-align: middle;
	text-align:center;
	background-color:inherit;
	}
	
#dernier a {
	border-right:0;
}

#menubas a:hover {
	color:	#808000;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	background-color:inherit;
	
}

#menubas a:active {
	color:	#808000;
	text-decoration:none;
	font-family:arial, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	background-color:inherit;
	
}

#menubas ul, #menubas li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	
}

#menubas li {
	display:inline;
}


#menuv{
	height:auto;
	border: none;
	vertical-align:middle;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	text-align:center;
}


ul#menuv
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	vertical-align: text-top;
	text-align:center;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuv li
{
	margin: 0 0 5px 0 ;
	padding: 0px ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
vertical-align: text-top;
text-align:center;
}

ul#menuv li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 125px ;
	line-height: 37px ;
	color: #660000;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	background: url(images/buttonv2.gif)  no-repeat 0 0 ;
	text-decoration: none ;
	vertical-align: text-top;	
	border: none ;
}

ul#menuv li a:hover
{
	background: url(images/buttonv2.gif) no-repeat 0 -37px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
	color:	#808000;
	text-decoration:none;
	font-family: arial, sans-serif;
	font-size:12px;
	font-style:normal;
}

ul#menuv li a:active
{
	background: url(images/buttonv2.gif) no-repeat 0 -37px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
	color:	#808000;
	text-decoration:none;
	font-family:arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold }
	
.imageproduitgauche {
text-align:center;
width:265px;
height:220px;
border:none;
margin-left:0px;
float:left;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
}

.cadreproduitdroite {
vertical-align:middle;
height:220px;
border:none;
float:right;
width:285px;

}

.legendeproduitdroite {
text-align:center;
color:#660000;
width:275px;
height:auto;
border:none;
margin-right:15px;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
font-family:"Copperplate Gothic Bold", Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:30px;
margin-bottom:auto;
}


.imageproduitdroite {
width:265px;
height:220px;
border:none;
float:right;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
margin-right:20px;
margin-top:20px;
}

.cadreproduitgauche {
vertical-align:middle;
height:220px;
border:none;
float:left;
width:285px;

}

.legendeproduitgauche {
text-align:center;
color:#660000;
width:275px;
height:auto;
border:none;
background-image:inherit;
background-color:inherit;
vertical-align:middle;
font-family:"Copperplate Gothic Bold", Arial, Helvetica, sans-serif;
font-size:18px;
margin-top:30px;
margin-bottom:auto;
}

#news {
width:750px;
text-align:left;
height:auto;
margin-top:50px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
}

.datenew {
text-align:right;
font-size:12px;
}

.new {
font-size:12px;
text-align:left;
padding-left:5px;
padding-right:5px;
}