/* -------------------------------------------------*/
/* ------------ 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#stlouis {
overflow:auto;
height:235px;	
}
div#concept_scroll {
overflow:auto;
height:185px;
padding-right:10px;	
}
div#affichage_img1 {
position:absolute;
background-color:#000;
width:1000px;
height:617px;
padding:0px;
margin:0 auto;
text-align:center;
vertical-align:top;
z-index:20;
}
div#menu_visuel_haut{
	position:absolute; 
	margin:0 auto; 
	padding:0px; 
	border-bottom:1px solid #2A2A2A;
	background-color: #000;
  	width:100%;
  	height:23px;
  	text-align:center;
  	z-index:30;
}
div#visuel_gde{
	position:absolute; 
	margin-left:0 auto;
	margin-right:0 auto;
	margin-top:23px; 
	padding:0px; 
	background-color: #000;
  	width:100%;
  	text-align:center;
  	z-index:28;
}
div#affichage_infos1 {
	position:absolute;
	border:0px;
	margin-top:24px;
	margin-left:auto;
	margin-right:auto;
	left:493px;
	padding:10px;
	background-color:#000;
	border-left:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	border-bottom:1px solid #2A2A2A;
	z-index:29;
}
div#panneaux1 {
	position:relative;
	border:0px;
	margin:0px;
	padding:0px;
	width:439px;
	height:250px;
	background-color:yellow;
	z-index:25;
}
div#panneaux2 {
	position:relative;
	border:0px;
	margin:-250px;
	padding:0px;
	width:439px;
	height:250px;
	background-color:white;
	z-index:26;
}
div#panneaux3 {
	position:relative;
	border:0px;
	margin:-250px;
	padding:0px;
	width:439px;
	height:250px;
	background-color:green;
	z-index:27;
}
div#panneaux4 {
	position:relative;
	border:0px;
	margin:-250px;
	padding:0px;
	width:439px;
	height:250px;
	background-color:blue;
	z-index:28;
}
div#panneaux5 {
	position:relative;
	border:0px;
	margin:-250px;
	padding:0px;
	width:439px;
	height:250px;
	background-color:red;
	z-index:29;
}
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:61px; 
	padding:0px; 
	vertical-align:bottom;
}
div#header_g {
	float:left;
	position:relative;
	border:0px;
	margin:0px;
	/*width:130px;*/
	width:245px; 
	height:61px; 
	padding:0px;
}
div#header_d {
	text-align:right;
	float:right;
	position:relative;
	border:0px;
	/*width:860px;*/
	width:745px;
	height:61px; 
	padding-right:10px; 
	border-bottom:1px solid #2A2A2A;
}

/* ------------ VISUEL PANORAMIQUE, LOGO, LIEN IMAGE GRANDE --------- */
div#visuel {
	clear:both;
	position:absolute;
	border:0px;
	margin-top:61px;
	width:1000px; 
	height:270px; 
	padding:0px;
	background-color:#000; 
}
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:72px;
	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:61px;
	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:61px;
	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:61px;
	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;
  	height:270px;
  	margin-left:-500px; /* moitié de la largeur */
}
div#news {
	position:absolute;
	margin-top:313px;
	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:61px;
	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_concept {vertical-align:top; padding-left:20px; padding-top:20px; padding-bottomt:20px; padding-right: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.pagination {font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px; font-size:8pt;}
a.pagination:hover {font-weight:bold; color:#FFF; text-decoration:underline; text-transform:uppercase; padding:0px; margin:0px; font-size:8pt;}

a.footer_txt_d_noir {font-weight:normal; color:#000; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px; font-size:7pt;}
a.footer_txt_d_noir:hover {font-weight:normal; color:#FFF; text-decoration:none; background-color:#000; 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;}

span.footer_txt_c {font-weight:normal; color:#AAA; text-decoration:none; 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:1px; vertical-align:middle; border:0px; border:1px solid #000;}
img.visuels1:hover {border:0px; margin:0px; padding:1px; 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 --------------------*/
/* -------------------------------------------------*/
p.footer_g {font-size:7pt; font-weight:normal; color:#767676;}
p.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.taille1 {font-weight:normal; font-size:13pt; color:#FFF; text-align:left; padding:0px; margin:0px; text-transform:uppercase;}
h2.taille2 {font-weight:normal; font-size:10.5pt; color:#FFF; text-align:left; padding:0px; margin:0px; text-transform:uppercase;}
h3.taille1 {font-weight:normal; font-size:9pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.5em; text-transform:uppercase;}
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;}
p.texte_simple {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:justify; padding:0px; margin:0px; line-height:1.6em;}
p.texte_simple1 {font-weight:normal; font-size:10pt; color:#FFF; text-transform:uppercase; text-align:left; padding:0px; margin:0px; line-height:1.6em;}
p.petit1 {font-weight:normal; font-size:7pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.5em;}
p.gammes {font-weight:normal; font-size:7pt; color:#000; text-align:center; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.gammes0 {font-weight:normal; font-size:7pt; color:#FFF; text-align:center; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.gammes_list {font-weight:normal; font-size:7pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.texte_gros {font-weight:normal; font-size:10pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.merci {font-weight:normal; font-size:8pt; color:#FFF; padding:0px; margin:0px; line-height:1.5em; text-transform:uppercase;}
p.taille2 {font-weight:normal; font-size:10.5pt; color:#FFF; text-align:left; padding:0px; margin:0px; text-transform:uppercase;}
p.loi_infos {font-weight:normal; font-size:6pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.3em;}
p.presse_titre {font-weight:normal; font-size:10pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.real_infos_titre {font-weight:normal; font-size:10pt; color:#FFF; text-align:left; padding:0px; margin:0px; line-height:1.6em; text-transform:uppercase;}
p.couleurs {font-weight:normal; font-size:8pt; color:#B8B8B8; text-align:left; padding:0px; margin:0px; line-height:1.6em;}

/* ----------------------------------------------------------*/
/* ----------- REFERENCEMENT TEXTE BAS INDEX ----------------*/
/* ----------------------------------------------------------*/
div#decoration {
	clear:both;
	position: absolute;
	margin-top:720px;
	left:50%; 
	margin-left:-500px;
	padding:0px;
	width:1000px;
}
h3.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 ---------------------*/
/* ----------------------------------------------------------*/
h3.deco1 {font-weight:normal; color:#767676; text-align:justify; padding:0px; margin:0px; font-size:8pt; line-height:1.2em; text-decoration:none;}
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:underline; font-size:8pt;}
a.deco1:visited {font-weight:normal; padding:0px; color:#767676; text-decoration:underline; font-size:8pt;}