/* CSS Document */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */ display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #e1dfdb url(../images/bg.gif) top repeat-x;
}

body
{
	font-size: 12px;
}

.clear
{
	position:absolute;
	left:0px;
	top:56px;
	font-size: 0;
	height: 0;
}

.galerie
{
	position:absolute;
	left:0px;
	top:160px;
	font-size: 0;
	height: 0;
}

.stage
{
	position:absolute;
	left:0px;
	top:56px;
	font-size: 0;
	height: 0;
}
.produit
{
	position:absolute;
	left:0px;
	top:420px;
	font-size: 0;
	height: 0;
}

.presse
{
	position:absolute;
	left:0px;
	top:56px;
	font-size: 0;
	height: 0;
}


#txt_stage{
	position:absolute;
	left:0px;
	width:400px;
}

#txt_num{
	position:absolute;
	top:250px;
	left:0px;
}

.center
{
	text-align: center;
	margin: 0 auto;
}

a
{
	color: #fff;
}

a:focus
{
outline:0;
} 

/*************************************************** Typography ***************************************************/

h1, h2, h3, h4, h5
{
	color: #fff;
	padding-top: 12px;
	padding-bottom: 6px;
	font-weight: normal;
}

h1
{
	color:#000;
	font-size: 22px;	
	padding-top: 20px;
}

h2
{
	font-size: 20px;
	padding-top: 20px;
	padding-left: 24px;
	background: url(../images/header-arrow.gif) left 24px no-repeat;
}

h3
{
	font-size: 18px;
	padding-top: 20px;
	padding-left: 23px;
	background: url(../images/header-arrow.gif) left 24px no-repeat;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
	font-weight: bold;
}

h6
{
	font-size: 13px;
	font-weight: bold;
}

p
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 6px;
	padding-bottom: 14px;
	line-height: 1.6;
}



/*************************************************** Layout Divs ***************************************************/

#main-wrapper
{
	position:absolute;
	left:50%;
	top:0px;
	width:860px;
	height:500px;
	margin:0 0 0 -430px;
}

#main-produit
{
	position:absolute;
	left:50%;
	top:0px;
	width:860px;
	height:1700px;
	margin:0 0 0 -430px;
}

#navigation
{
	width: 500px;
	height: 28px;
	float: left;
	padding-top: 68px;
}

#logo
{
	position:absolute;
	left:0px;
	top:5px;
	width: 140px;
	height:60px;
}

#accroche{
	position:absolute;
	left:164px;
	top:20px;
}


#logo_eco{
	position:absolute;
	left:690px;
	top:55px;
}

#banner
{
	width: 820px;
	height: 164px;
}

#content-wrapper
{
	width: 950px;
	min-height: 400px;
  	height: auto !important;
  	height: 400px;
}

#footer
{
	position:absolute;
	left:50%;
	top:700px;
	width: 620px;
	height: 20px;
	margin:0 0 0 -310px;
	font-size: 11px;
	text-align: center;
	color: #000;
	bottom: 300px;
	letter-spacing:3px;
}

#footer_produit
{
	position:absolute;
	left:119px;
	top:1300px;
	width: 620px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	color: #000;
	bottom: 300px;
	letter-spacing:3px;
}
#footer_galerie
{
	position:absolute;
	left:119px;
	top:540px;
	width: 620px;
	font-size: 11px;
	text-align: center;
	color: #000;
	bottom: 300px;
	letter-spacing:3px;
}

#footer_contact
{
	position:absolute;
	left:119px;
	top:1100px;
	width: 620px;
	font-size: 11px;
	text-align: center;
	color: #000;
	bottom: 300px;
	letter-spacing:3px;
}

/*************************************************** Bouton ***************************************************/

#btn1{
display:block;
background-image:url(../images/img_produit.jpg);
width:380px;
height:242px;
background-repeat:no-repeat;
}
#btn1:hover, #btn1:focus{
	background-image:url(../images/img_produit_b.jpg);
}
#btn1 img{
display:none;
}


/*************************************************** Main Content Styles ***************************************************/


#txt_index{
	position:absolute;
	left:0px;
	top:300px;
	width:270px;
}

#content-wrapper {
	position:absolute;
	top:94px;
	left:0px;
}

#content-wrapper ul
{
	padding: 30px 30px 20px 20px;
}

#content-wrapper ul li
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 12px;
	padding-left: 20px;
	background: url(../images/list-arrow.gif) left 4px no-repeat;
	list-style: none;
}

#content-wrapper img.float-left
{
	float: left;
	margin: 0px 27px 10px 0;
}

#content-wrapper .content-float
{
	float: right;
	width: 390px;
}

#content-wrapper .content-float2
{
	float: left;
	width:270px;
}

#content-wrapper .content-float3
{
	float: left;
	width: 540px;
}

#content-wrapper .orange-header
{
	color: #e47e00;
}

#content-wrapper .black-text
{
	color: #000;
}

#content-wrapper #small-photos
{
	position:absolute;
	left:300px;
	top:340px;
}

#titre_galerie{
	position:absolute;
	top:20px;
	left:0px;
}

#titre_nuancier{
	position:absolute;
	top:20px;
	left:3px;
}

#galerie{
	position:absolute;
	left:0px;
	top:70px;
}

#galerie_nuancier{
	position:absolute;
	left:0px;
	top:45px;
}

#txt_bandeau{
	position:absolute;
	left:602px;
	top:30px;
	width:180px;
	z-index:420;
}

#txt_bandeau p{
	text-align:justify;
}

#txt_bandeau h1{
	font-size:16px;
}

#bg_banniere{
	position:absolute;
	top:-250px;
	left:585px;
	z-index:400;
}

#txt_stage h1{
	font-size:14px;
	color:#C00;
	letter-spacing:3px;
}

#txt_stage a{
	font-size:14px;
	color:#fff;
	letter-spacing:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
}

#txt_stage a:hover{
	color:#333;
}

#num_stage{
	position:absolute;
	top:30px;
	left:30px;
}
#num_stage02{
	position:absolute;
	top:43px;
	left:52px;
	width:300px;
}

#num_stage h1 {
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
}

#num_stage02 p {
	color:#666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.float {
  float: left;
  width: 25%;
  margin: 1em 0;
}


#txt_produit{
	position:absolute;
	top:150px;
	left:0px;
	width:400px;
}

#txt_showroom{
	position:absolute;
	left:0px;
	top:260px;
	width:400px;
}

#txt_showroom h1{
	font-size:14px;
	color:#847b6c;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:4px;
}

#txt_showroom p{
	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#soustxt_stage{
	position:absolute;
	left:230px;
	top:72px;
	width:250px;
}

#logo_partenaire{
	position:absolute;
	left:0px;
	top:80px;
	width:250px;
}

#txt_savoir{
	position:absolute;
	left:0px;
	top:300px;
	width:250px;
}

#txt_savoir h1{
	font-size:14px;
	color:#847b6c;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:4px;
}

#txt_savoir p{
	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#carte{
	position:absolute;
	left:210px;
	top:360px;
	z-index:5;
}

#txt_produit h1{
	font-size:14px;
	color:#C00;
	letter-spacing:3px;
}

#fiche_produit{
	height:212px;
	width:385px;
}

#img_stage{
	position:absolute;
	top:0px;
	left:458px;
}

#img_produit{
	position:absolute;
	top:130px;
	left:480px;
}

#plan{
	position:absolute;
	left:210px;
	top:310px;
}

#presse{
	position:absolute;
	top:400px;
	left:0px;
	width:860px;
}
#presse img{
	padding:30px;
}

#formulaire{
	position:absolute;
	left:0px;
	top:300px;
}

#btn_retour{
	position:absolute;
	top:23px;
	left:100px;
	color:#999;
}

#btn_retour a:hover
{
	color: #fff;
}


#trait_video{
	position:absolute;
	left:590px;
	top:320px;
}

#titre_video{
	position:absolute;
	left:640px;
	top:320px;
}

#txt_video{
	position:absolute;
	left:642px;
	top:500px;
}


#video{
	position:absolute;
	left:642px;
	top:376px;
}

#txt_video h1{
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#txt_video P{
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/*************************************************** Navigation Styles ***************************************************/

#navigation ul
{
	height: 28px;
	line-height: 27px;
	margin: 0;
	display: inline;
	float: left;
	width: 650px;
	padding-left: 0px;
}

#navigation ul li
{
	display: inline;
	float: left;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
	display: inline;
	float: left;
	text-decoration: none;
	color: #000;
	font-size: 9px;
	font-weight: normal;
	text-align: center;	
	margin-right: 1px;
	padding: 0 15px 0 11px;
	text-transform: uppercase;
	background: url(../images/nav-divide.gif) right 7px no-repeat;
}

#navigation ul li a.last:link
{
	background: none;
}

#navigation ul li a:hover
{
	color: #e7140d;
}

#home #navigation ul li a#home-link, #about #navigation ul li a#about-link
{
	color: #e7140d;
}



/*************************************************** Footer Styles ***************************************************/
#footer p
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	line-height: 26px;
}

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

#footer_produit p
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	line-height: 26px;
}

#footer_produit p a
{
	text-decoration: none;
	color: #000;
}

#footer_galerie p
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	line-height: 26px;
}

#footer_galerie p a
{
	text-decoration: none;
	color: #000;
}

#footer_contact p
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000;
	line-height: 26px;
}

#footer_contact p a
{
	text-decoration: none;
	color: #000;
}


#test_left{
	height:212px;
	width:385px;
}

#test_left h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#test_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#espace_produit{
	height:20px;
}

#produit_gauche{
	position:absolute;
	left:0px;
	top:10px;
	padding:10px 0px;
	height:600px;
}

#produit_droite{
	position:absolute;
	left:475px;
	top:10px;
	padding:10px 0px;
	height:600px;
}

#txt_fiche{
	position:absolute;
	left:10px;
	top:10px;
	width:200px;
}

#txt_fiche_tech{
	position:absolute;
	left:270px;
	top:43px;
}

#txt_fiche_mode{
	position:absolute;
	left:270px;
	top:14px;
}

#txt_fiche_carac{
	position:absolute;
	left:243px;
	top:85px;
}

#txt_fiche2{
	position:absolute;
	left:10px;
	top:245px;
	width:200px;
}

#txt_fiche_tech2{
	position:absolute;
	left:270px;
	top:275px;
}

#txt_fiche_carac2{
	position:absolute;
	left:243px;
	top:315px;
}

#txt_fiche3{
	position:absolute;
	left:10px;
	top:470px;
	width:200px;
}

#txt_fiche_tech3{
	position:absolute;
	left:270px;
	top:507px;
}

#txt_fiche_carac3{
	position:absolute;
	left:243px;
	top:545px;
}

#txt_fiche4{
	position:absolute;
	left:10px;
	top:700px;
	width:200px;
}

#txt_fiche_tech4{
	position:absolute;
	left:270px;
	top:739px;
}

#txt_fiche_carac4{
	position:absolute;
	left:243px;
	top:775px;
}

#txt_fiche5{
	position:absolute;
	left:10px;
	top:930px;
	width:200px;
}

#txt_fiche_tech5{
	position:absolute;
	left:270px;
	top:970px;
}

#txt_fiche_carac5{
	position:absolute;
	left:243px;
	top:1005px;
}