/* top elements */
* { margin: 0;	padding: 0; }

html {
	background: #A79977;
}

body {
	margin: 	0; 
	padding: 	0;
	font: 	70%/1.5 Helvetica, sans-serif;
	color: 	#333;
	background:	url('fond2.jpg') repeat-x;
}

#content {
	position: 	relative;
	top:		62px;
}

.illustr-photo {
	background:	url('fond-photo.gif') no-repeat;
}

.separateur {
	background:	url('delimit.gif') no-repeat;
	height:	19px;
}

#produit {
	/**position:	relative;**/
	/**top:		50px;**/
	height:		205px;
	/**width:		350px;**/
	overflow:	auto;
}

#informations {
	height:		330px;
	overflow:	auto;
}

.produit-phare {
	float:	left;
	width:	190px;
	height:	150px;
}

.produit-phare img {
	border: 2px solid #DDD9C3;
	margin: 5px 5px 0px 0px;	
}

.produit-phare p {
	text-align: justify;	
	color:	#A79977;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size-adjust: 0.50;
}

.produit-phare h2 {
	text-align: justify;
	color:	#A79977;
	font-family:Verdana, Helvetica, sans-serif;
	font-size-adjust: 0.60;
}

#top {
	color:	#F5F3E8;
	font-family:Verdana;
	weight:	886px;
	height:	29px;	
}

#bottom {
	color:	#F5F3E8;
	font-family:Verdana;
	weight:	886px;
	height:	29px;	
}

#top-left {
	font-size:	21px;
	weight:	424px;
	height:	29px;
	float:	left;
}

#top-left p {
	margin: 		0px 0px 0px 15px;
	font-size:		21px;
}

#top-right {
	font-size:	10px;
	weight:	442px;
	height:	29px;
	float:	right;
}

#top-right p {
	margin: 		8px 15px 0px 0px;
	font-size:		10px;
}

#bottom-left {
	font-size:	14px;
	weight:	424px;
	height:	29px;
	float:	left;
}

#bottom-left p {
	margin: 		5px 0px 0px 25px;
	font-size:		13px;
}

#bottom-left a {
	color:  		#F5F3E8;
        font-family:		Verdana;
}

#bottom-left a:hover {
	color:                  #7E7054;
        font-family:            Verdana;
}

#bottom-right {
	font-size:	10px;
	weight:	442px;
	height:	29px;
	float:	right;
}

#bottom-right p {
	margin: 		5px 25px 0px 0px;
	font-size:		13px;
}

#retour {
	position:		absolute;
	text-align:		center;
	top:			0px;
	right:			42px;
	height:			18px;
	width:			142px;
	color:			#7E7054;
	font-size:		9px;
	padding:		0px;
	background-color: 	#DDD9C3;
}

#retour a{
	color:                  #7E7054;
	height:                 18px;
	margin:			0px;
	padding:		0px;
}

#retour a:hover{
	color:			#7E7E7E;
	height:                 18px;
	border-bottom:		1px dotted grey;
}

#retour img{
	margin:                 0px;
        padding:               	0px;
	border:			0px;
	margin-top:		3px;
}



/* menu */
#menu {
	align: 	center;
	background: inherit;
	width: 	950px;
	height:	38px;
	margin: 	0;
	padding: 	0;
}

#menu ul { 
	margin:	0; 
	list-style:	none; 
	padding: 	15px 0 0px 401px; 
}

#menu a, #nav strong, #nav span { 
	float:	left; 
	display:	block; 
	border-top: 4px solid #000000;
	color:	#333; 
	padding: 	5px;
	font-size: 	0.9em;
	font-weight:bold;	
	text-decoration:none; 
}

#menu a { 
	float:	none; 
}

#menu li { 
	float:	left;
	background:	inherit;
	margin:	2px;
	padding:	0 0 0 0px; 
}

#menu a:hover { 
	float:			left; 
	display:		block; 
	background: 		#000;
	border-top: 		4px solid #CC0001;
	color:			#fff; 
	padding: 		5px; 
	text-decoration:	none;
}

#menu .padding { 
padding: 	5px 0 0 10px; 
font-weight: 	bold; 
color: 		#808080;
}

/* links */
a {
	color: 			#003366;
	background-color: 	inherit;
	text-decoration: 	none;
}

a:hover {
	color: 		#CC0001; 
	background-color: inherit;
}

a img {
	border: 	none;
}

/* headers */
h1, h2, h3 {
	font-family: 	Arial, 'Trebuchet MS', Sans-Serif;
	font-weight: 	bold;
	color: 		#333;
}

h1 {
	font-size: 	120%;
	letter-spacing: .5px;
}

h2 {
	font-size: 	115%;	
	text-transform: uppercase; 		
}

h3 {
	font-size: 	115%;
	color: 		#003366;		
}

/* images */
img {
	margin: 	0px 0px 0px 0px;
}

img.float-right {
	margin: 	5px 0px 10px 10px;  
}

img.float-left {
	margin: 	5px 10px 10px 0px;
}

h1, h2, h3, p {
	padding: 	0;		
	margin: 	10px;
}

ul, ol {
	margin: 	10px 20px;
	padding: 	0 20px;
}

code {
	margin: 	10px 0;
  	padding: 10px;
  	text-align: left;
  	display:	 block;
  	overflow: 	auto;  
  	font: 		500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  	background: 	#FAFAFA;
  	border: 	1px solid #f2f2f2;  
  	border-left: 	4px solid #CC0000;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 10px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #CC0000; 
	font-weight: bold;  
}

.no_border {
	border: 0px;
}

/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 1px; 
	background: #FFF;
	color: #CC0000;
}

/* search form */
form.search {
	position: absolute;
	top: 5px; right: 5px;
	padding: 0; margin: 0;
	border: none;
	background-color: transparent; 
}

form.search input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
}

form.search input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 23px;
	color: #333;
	width: 60px;
}

/**********************************
  LAYOUT 
***********************************/

#wrap {
	background: 	#F5F3E8;
	position: 	relative;
	margin: 	0px auto;
	margin-bottom:	0px;
	padding:	0px;
	width: 		886px;
	width:          886px !important;
	height:		544px;
	height:         544px !important;
	overflow:	hidden;
	clear: 		both;
}

/* header */
#header {
	position: 	relative;
	margin: 	0;
	padding: 	0;
	height: 	50px;
}

#header span#slogan {
	z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	
	color: #FFF;	
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: 3px; left: 5px;
	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #000;
}

/* main column */
#main {
	margin: 	0px 0px 0px 0px;
	margin-left:	6px;
	padding: 	0px;
	width: 		412px;
	float:		left;
	text-align:	center;
	/**overflow:	hidden;**/
}

* html #main{
	margin:         0px 0px 0px 0px;
        margin-left:    3px;
        padding:        0px;
        width:          412px;
        float:          left;
        text-align:     center;
}

/**
* html #main{
	margin:         0 0 0 0px;
        margin-left:    0px;
        padding:        0px;
        width:          416px;
        float:  left;
        text-align:     center;
}
**/

#main p{
	text-align: 	justify;
	color:		#7E7054;
	font-family:	Tahoma, Helvetica, sans-serif;
	font-size-adjust: 0.55;
}

#main a{
	border-bottom:1px dotted silver;
}

#main img {
	border: 2px solid #7E7054;
	margin: 4px 5px 0px 0px;
}

/* sidebar */

#sidebar {
	float: left;
	width: 200px;
	margin: 0 10px ; padding: 0; 
	background-color: #FFFFFF;	
}

#sidebar h1 {
	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 100% Arial, Sans-Serif;
	color: #FFF; 
	background: #333; 
	letter-spacing: 1px;	
}
#sidebar .left-box {
	margin: 0 0 5px 0;	
	background: #FFF;
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebar ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}

/** sidebar right **/

#sidebar2 {
	position:	relative;
	overflow:	hidden !important;
	overflow:	hidden;
	float: 		right;
	width: 		462px;
	height:		544px;
	margin: 	0px 0px 0px 0px; 
	padding: 	0px;
}

#sidebar2 img{
	margin: 	0px 0px 0px 0px;
	padding: 	0px;
	border:		0px;
}
/**
#illustration1{
	margin:         0px 0px 0px 0px;
        padding:        0px;
        border:         0px;
}

#illustration2{
        margin:         0px 0px 0px 0px;
        padding:        0px;
        border:         0px;
}

#illustration3{
        margin:         0px 0px 0px 0px;
        padding:        0px;
        border:         0px;
}

#illustration4{
        margin:         0px 0px 0px 0px;
        padding:        0px;
        border:         0px;
}

#illustration5{
        margin:         0px 0px 0px 0px;
        padding:        0px;
        border:         0px;
}
**/
#sidebar2 h1 {
	margin: 10px 0 0 0; 
	padding: 4px 0 4px 8px; 
	font: bold 100% Arial, Sans-Serif;
	color: #FFF; 
	background: #333; 
	letter-spacing: 1px;	
}
#sidebar2 .left-box {
	margin: 0 0 5px 0;	
	background: #FFF;
}

#gallery
{
	position:	absolute;
	width:		336px;
	height:		78px;
	bottom:		20px;
	left:		64px;
	z-index:	20;
	background:	url('/img/transparence2.png') repeat;
}

#info_gallery
{
	background:     url('/img/transparence2.png') repeat;
	position:       absolute;
        width:          336px;
        height:         28px;
        bottom:         105px;
        left:           64px;
        z-index:        20;
}

#info_gallery p
{
	color:		#CCCCCC;
	font-family:	Verdana;
	font-size:	10px;
	margin-right:	15px;
	margin-top:	6px;
	margin-left:	15px;
	margin-bottom:	0px;
	text-align:	center;
}

#gallery img
{
	width:		58px;
	height:		68px;
	/**position : 	relative;
	z-index:        20;**/
	float:		left;
	margin-left:	6px;
	margin-top:	5px;
	margin-bottom:	5px;
	border:		1px solid #7E7054;
	opacity:	.80;
	filter: 	alpha(opacity=80);
	-moz-opacity: 	0.8;
}


/** ******* **/
#top{
	background:	#3E3E3E;
	color:		#F5F3E8;
	height:		29px;
	width: 		886px;
	margin: 	0px auto;
	padding:	0px;
	clear:	both;
}

#bottom{
	background:	#3E3E3E;
	color:		#F5F3E8;
	height:		29px;
	width: 		886px;
	margin: 	0px auto;
	margin-top:	0px;
	padding:	0px;
	clear:	both;
}

/* footer */
.footer { 
	clear: 		both; 	
	padding: 	2px 0 10px 0; 
	text-align: 	center;  
	line-height: 	1.5em;	
	font-size: 	95%;
	color: 		#7D6F54;
	border: 	0px;
}

.footer a { 
	text-decoration: none; 
	color:		#7D6F54;
}

/* preheader */
.preader { 
	clear: 		both; 	
	padding: 	2px 0 10px 0;
	text-align: 	center;  
	line-height: 	1.5em;	
	font-size: 	95%;
	color: 		#cccccc;
	border: 	0px;	
}

.preader a { 
	text-decoration: none; 
	font-weight: bold;
	color: black;
	border: 0px #000000;		
}

.preader img {
	margin: 0; padding: 0;
	border: 0px;
}

#grax {
	margin: 0px auto;
	width: 886px;
	height: 15px;
}

#vap {
	margin: 0px auto;
	width: 886px;
	height: 90px;
}


.logo {
	position: 	absolute;
  	z-index:	10;
}

.logo2 {
	position: 	relative;
	z-index:	5;
	top: 		50px;
  	left: 		130px;
}

.language {
	float: right;
	margin:	5px 0 10px 0;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear { clear: both; }
.red   { color: #CC0000; }
.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #EFF0F1; 	
	border-top: 1px dashed #EFF0F1;	
}