/* -------------------------------------------------*/
/* ------------ MISE EN PAGE GENERALE --------------*/
/* -------------------------------------------------*/
html,body{margin:0;padding:0; height:100%}
body {
/*background-image:url('img/background.gif'); 
background-repeat:repeat;*/
background-color: #000;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-weight:normal;
margin: 0;
padding: 0;
text-align: left;
font-size:9pt;
color:#877876;
align:center;
}

/* -------------------------------------------------*/
/* ---------- BOITES ET EMPLACEMENTS ---------------*/
/* -------------------------------------------------*/
div#affichage_img1 {
position:absolute;
background-color:#000;
width:100%;
height:100%;
padding:0px;
margin:0 auto;
text-align:center;
vertical-align:top;
z-index:20;
}
div#menu_lang{
	position:absolute; 
	margin:0 auto; 
	padding:0px; 
	border-bottom:1px solid #2A2A2A;
	background-color: #000;
  	width:100%;
  	height:20px;
  	text-align:right;
  	z-index:10;
}
div#container{
	position:absolute;
	clear:both; 
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	/*maring:0 auto;*/ 
	padding:0px; 
	/*border:1px dotted #877876;*/
	/*background-color:#FFF;*/
  	left:50%; 
  	width:1000px;
  	height:597px;
  	margin-left:-500px; /* moitié de la largeur */
}

/* --------------- HEADER (cuir au carre et menu de navigation) ------- */
div#header {
	position:absolute;
	border:0px;
	margin:0px;
	width:1000px; 
	height:43px; 
	padding:0px; 
	vertical-align:bottom;
}
div#header_g {
	float:left;
	position:relative;
	border:0px;
	margin:0px;
	width:130px; 
	height:43px; 
	padding:0px;
}
div#header_d {
	text-align:right;
	float:right;
	position:relative;
	border:0px;
	width:860px; 
	height:43px; 
	padding-right:10px; 
	border-bottom:1px solid #2A2A2A;
}

/* ------------ VISUEL PANORAMIQUE, LOGO, LIEN IMAGE GRANDE --------- */
div#visuel {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:43px;
	width:1000px; 
	height:270px; 
	padding:0px;
	background-color:#000; 
}
div#visuel_demi {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:43px;
	width:500px; 
	height:270px; 
	padding:0px; 
}
div#logo {
	position:absolute;
	background-color:#000;
	border:0px;
	margin-top:43px;
	width:128px; 
	height:129px; 
	padding:0px;
	z-index:4;
}
div#lien_visuel {
	position:absolute;
	background-color:#000;
	text-align:right;
	border:0px;
	margin-top:62px;
	margin-left:870px;
	width:120px; 
	height:21px;
	padding-top:3px;
	padding-right:10px;
	z-index:3;
}

/* ------------ CONTENU TEXTE --------- */
div#content_3col_v1 {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:312px;
	width:998px; 
	height:255px; 
	padding:0px;
	background-image:url('img/background_3col_v1.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#content_3col_v1 {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:312px;
	width:998px; 
	height:255px; 
	padding:0px;
	background-image:url('img/background_3col_v1.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#content_3col_v2 {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:312px;
	width:998px; 
	height:255px; 
	padding:0px;
	background-image:url('img/background_3col_v2.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#content_2col_v2 {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:312px;
	width:998px; 
	height:255px; 
	padding:0px;
	background-image:url('img/background_2col_v2.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#content_distributeurs {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:43px;
	width:998px; 
	height:525px; 
	padding:0px;
	background-image:url('img/background_distributeurs.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	border-top:1px solid #2A2A2A;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#content3 {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:312px;
	width:998px; 
	height:255px; 
	padding:0px;
	background-image:url('img/background_contenu3.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#contacts {
	position:absolute;
	margin-top:43px;
	width:998px;
	height:525px;
	padding:0px;
	vertical-align:top;
	background-image:url('img/background_contenu5.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	border-top:1px solid #2A2A2A;
}

/* ------------- CONTENU CUIRS (cuirs left et cuirs right ------------- */
div#cuirs {
	position:absolute;
	margin-top:43px;
	width:998px;
	height:523px;
	padding:0px;
	vertical-align:top;
	background-image:url('img/background_contenu3.jpg');
	background-repeat:no-repeat;
	border-top:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
}
div#cuirs_d {
	position:absolute;
	float:right;
	margin-left:560px;
	margin-top:0px;
	text-align:left;
	height:505px;
	width:418px;
	vertical-align:top; 
	padding:10px;
	border-left:1px dotted #2A2A2A;
}
div#cuirs_g {
	border:0px;
	width:560px;
	align:left;
	vertical-align:top; 
	padding:0px;
}

/* ------------- FOOTER (footer left et footer right ------------- */
div#footer {
	clear:both;
	position:absolute;
	margin:0 auto;
	text-align:center;
	height:25px;
	width:1000px;
	margin-top:565px;
	border-top:1px solid #2A2A2A;
	z-index:5;
	background-color:#000;
}
div#footer_g {
	float:left;
	padding-left:10px;
	position:relative;
	margin:0 auto;
	text-align:left;
	height:25px;
	width:490px;
}
div#footer_d {
	float:right;
	padding-right:10px;
	position:relative;
	margin:0 auto;
	text-align:right;
	height:25px;
	width:490px;
}
div#container_news{
	position:absolute;
	clear:both; 
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	/*maring:0 auto;*/ 
	padding:0px; 
	/*border:1px dotted #877876;*/
  	left:50%; 
  	width:1000px;
  	margin-left:-500px; /* moitié de la largeur */
}
div#news {
	position:absolute;
	margin-top:43px;
	width:998px;
	padding:0px;
	vertical-align:top;
	background-image:url('img/background_news.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	border-top:1px solid #2A2A2A;
	background-color:#272721;
}
div#contenu_news {
	position:relative;
	width:100%;
	align:center;
	margin:0 auto;
}
div#footer_news {
	position:relative;
	margin:0 auto;
	text-align:center;
	height:25px;
	width:998px;
	border-top:1px solid #2A2A2A;
	z-index:5;
	background-color:#000;
}
div#footer_g_news {
	float:left;
	padding-left:10px;
	position:relative;
	margin:0 auto;
	text-align:left;
	height:25px;
	width:488px;
}
div#footer_d_news {
	float:right;
	padding-right:10px;
	position:relative;
	margin:0 auto;
	text-align:right;
	height:25px;
	width:490px;
}
div#ref {
	position:absolute;
	margin-top:43px;
	width:998px;
	height:525px;
	padding:0px;
	vertical-align:top;
	background-image:url('img/background_ref.jpg');
	background-repeat:no-repeat;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	border-top:1px solid #2A2A2A;
}
/* ----------------------------------------------------------------*/
/* --------------------- TD / TABLEAU -----------------------------*/
/* ----------------------------------------------------------------*/
td.contenu {vertical-align:top; padding:20px;}
td.contenu_bas {vertical-align:bottom; padding:20px;}
td.contenu_contacts {vertical-align:top; padding:0px;}


/* ----------------------------------------------------------------*/
/* --------------------- TEXTES ET LIENS MENUS --------------------*/
/* ----------------------------------------------------------------*/
span.lang {vertical-align:middle; padding-right:10px;}
span.lang1 {vertical-align:middle; color:#FFF; text-decoration:none; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang {padding:0px; color:#767676; text-decoration:none; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang:hover {padding:0px; color:#FFF; text-decoration:underline; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang_on {padding:0px; color:#FFF; text-decoration:none; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang_on:hover {padding:0px; color:#FFF; text-decoration:underline; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang_off {padding:0px; color:#767676; text-decoration:none; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
a.lang_off:hover {padding:0px; color:#767676; text-decoration:none; text-transform:uppercase; line-height:2.5em; font-size:7pt;}
/*a {padding:10 10 7 10px; line-height:2.5em; font-size:7pt;}
a:hover {padding:10 10 7 10px; line-height:2.5em; font-size:7pt;}*/
a.logo {padding:0px; text-decoration:none;}

span.footer_txt_g{font-weight:normal; font-size:7pt; color:#767676; text-align:left; padding:0px; margin:0px;}
a.footer_txt_g {font-weight:normal; color:#767676; text-decoration:none; padding:0px; margin:0px; font-size:7pt;}
a.footer_txt_g:hover {font-weight:normal; color:#FFF; text-decoration:underline; padding:0px; margin:0px; font-size:7pt;}

span.footer_txt_d{font-weight:normal; color:#FFF; text-transform:uppercase; text-align:right; padding:0px; margin:0px; font-size:7pt;}
a.footer_txt_d {font-weight:normal; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px; font-size:7pt;}
a.footer_txt_d:hover {font-weight:normal; color:#FFF; text-decoration:underline; text-transform:uppercase; padding:0px; margin:0px; font-size:7pt;}

a.footer_txt_c {font-weight:normal; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px; font-size:7pt;}
a.footer_txt_c:hover {font-weight:normal; color:#FFF; text-decoration:underline; text-transform:uppercase; padding:0px; margin:0px; font-size:7pt;}

a.visuel_gd {padding:0px; font-weight:normal; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:7pt;}
a.visuel_gd:hover {padding:0px; font-weight:normal; color:#FFF; text-decoration:underline; text-transform:uppercase; font-size:7pt;}

/* -------------------------------------------------*/
/* --------------------- IMAGES --------------------*/
/* -------------------------------------------------*/
.img_menu {border:0px; margin:0px; padding:0px; vertical-align:middle;}
.img_formats {border:0px; margin:0px; padding:0px; vertical-align:middle;}
img.visuels {border:0px; margin:0px; padding:0px; vertical-align:middle; border:1px solid #2A2A2A;}
img.visuels1 {border:0px; margin:0px; padding:0px; vertical-align:middle; border:0px; border:1px solid #000;}
img.visuels1:hover {border:0px; margin:0px; padding:0px; vertical-align:middle; border:1px solid #FFF;}
img.cuirs {width:20px; height:10px; margin:0px; padding:0px; vertical-align:middle; border:1px solid #2A2A2A;}
img.cuirs_gd {margin:0px; padding:0px; vertical-align:middle; border:0px;}

/* -------------------------------------------------*/
/* --------------------- TEXTES --------------------*/
/* -------------------------------------------------*/
h3.footer_g {font-size:7pt; font-weight:normal; color:#767676;}
h3.footer_d {font-size:8pt; font-weight:normal; color:#FFF;}
h1 {font-weight:normal; font-size:18pt; color:#FFF; text-align:left; padding:0px; text-transform:uppercase; margin-bottom:10px; margin-top:0px;}
h2 {font-weight:normal; font-size:13pt; color:#FFF; text-align:left; padding:0px; margin-bottom:10px; text-transform:uppercase;}
h2.sans {font-weight:normal; font-size:13pt; color:#FFF; text-align:left; padding:0px; margin:0px; text-transform:uppercase;}
h3 {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:justify; padding:0px; margin:0px; line-height:1.6em;}
h3.news {font-weight:normal; font-size:10.5pt; color:#FFF; text-align:justify; padding:0px; margin:0px; line-height:1.6em;}
h3.titre_dist {font-weight:normal; font-size:9pt; color:#FFF; text-transform:uppercase; text-align:left; padding:0px; margin:0px; line-height:1.6em;}
h3.description_dist {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:justify; padding:0px; margin:0px; line-height:1.6em;}
h3.pagination {font-weight:normal; font-size:9pt; color:#FFF; text-align:center; padding:0px; margin:0px; line-height:1.6em;}
h4 {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.6em;}
h4.description_dist {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.4em;}
h4.livraison {font-weight:normal; font-size:7pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.5em;}
h5 {font-weight:normal; font-size:10pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
h5.bis {font-weight:normal; font-size:12pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
h5.livraison {font-weight:normal; font-size:9pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.5em; text-transform:uppercase;}
h5.livraison {font-weight:normal; font-size:9pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.5em; text-transform:uppercase;}
h5.gammes {font-weight:normal; font-size:7pt; color:#000; text-align:center; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
h5.gammes0 {font-weight:normal; font-size:7pt; color:#FFF; text-align:center; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}

/* ----------------------------------------------------------*/
/* ----------- REFERENCEMENT TEXTE BAS INDEX ----------------*/
/* ----------------------------------------------------------*/
div#decoration {
	clear:both;
	position: absolute;
	margin-top:720px;
	left:50%; 
	margin-left:-500px;
	padding:0px;
	width:1000px;
}
p.deco {font-weight:normal; color:#767676; text-align:justify; padding:0px; margin:0px; font-size:8pt; line-height:1.2em; text-decoration:none;}
a.deco {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}
a.deco:hover {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}
a.deco:visited {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}


/* ----------------------------------------------------------*/
/* ----------------- PAGE REFERENCEMENT ---------------------*/
/* ----------------------------------------------------------*/
p.deco1 {font-weight:normal; color:#767676; text-align:justify; padding:0px; margin:0px; font-size:8pt; line-height:1.2em; text-decoration:none;}
p.deco1 strong {color:#767676; text-decoration:underline;}
p.deco1 em {color:#767676; text-decoration:underline;}
a.deco1 {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}
a.deco1:hover {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}
a.deco1:visited {font-weight:normal; padding:0px; color:#767676; text-decoration:none; font-size:8pt;}


.bouton_bord_gauche
{
margin-left:250px;
width : 10px;
height: 32px;
float : left;
}

.bouton_bord_droit
{
width : 10px;
height: 32px;
float : left;
}

.bouton_centre
{
background-image: url("images_ref/bouton_centre.png");
background-repeat: repeat-x;
height: 32px;
line-height: 31px;
float: left;
font-size: 13px;
font-weight: bold;
color: white;
text-decoration: underline;
}

.bouton_centre a
{
color: white;
text-decoration: underline;
}

.bouton_centre a:hover
{
color: white;
text-decoration: underline;
}

.bouton_centre a:visited
{
color: white;
text-decoration: underline;
}