@import "header.css";
@import "fck.css";
@import "paratemplates.css";
@import "menu.css";

@import "footer.css";

DIV.cms{overflow:hidden; zoom:1;}
BODY.cmsPage .cms H3{
	padding-left:0;
}
BODY.cmsPage .cms{
	padding-bottom: 20px
}
BODY.cmsPage .cms A:hover			 {
	color:#000;
}
BODY.tpl_ImageRight .cms{
	padding-left: 26px; 
	padding-right: 26px;
	float:left;
	width: 500px;
}



#content {
	color: #8C8C8C;
	background: #EEEFEA url(../img/bg_content.jpg) repeat-x top;
	/*background: red;*/
/*			padding-top: 20px;
	padding-bottom: 25px;*/
	float: left;
	width: 100%;
	clear:both;
	position: relative;
	min-height: 392px;
	_height: 392px;
	/*
	overflow:hidden; zoom: 1;
	*/
}

#content-inner{
	overflow:hidden; zoom:1;
}

#content form		{
	text-align: center;
	clear:both;
	overflow: hidden; zoom:1
}

#content form fieldset	{
	text-align: left;
}

#content form label			{
	line-height: 24px;
	margin-right: 20px;
	float: left;
}

#content form input,
#content form select,
#content form textarea	{
	background: #fff;
	border: 1px solid #DEDEDE;
	height: 20px;
	float: left;
}



#content .first_image{
	z-index:10;
	float:right;
}
#content H2{
/*position:absolute; top:0; left:0; height:30px; line-height:30px; */
/*margin-bottom: -30px;*/
	position:relative;
	overflow:hidden; zoom:1;
	margin-top:20px;
}


/*
----------------------------------------------------------------------------------------------------
	Partenaires, Sur-Mesure
----------------------------------------------------------------------------------------------------
*/

body#partenaires img,
body#surMesure img			{
	float: right;
	margin: -25px 0px 0px 25px;
}

/*
----------------------------------------------------------------------------------------------------
	Contacts
----------------------------------------------------------------------------------------------------
*/
body#contact .cms{
	padding-left: 30px;
}

body#contact form {}
body#contact form .lblEmail,
body#contact form .lblCP,
body#contact form .lblTheme,
body#contact form .lblMessage,
body#contact form .lblCaptcha {
	clear: left;
}

body#contact form .lblCaptcha {
	width: 100%;
	padding-top: 3px;
}

body#contact form .lblCaptcha SPAN {
	width: 220px;
}

body#contact form .lblNom,
body#contact form .lblPrenom,
body#contact form .lblEmail,
body#contact form .lblPays,
body#contact form .lblTheme,
body#contact form .lblMessage {
	width: 370px;
}

body#contact form .lblVille{
	width: 178px;
}

body#contact form input {
	width: 263px;
}
body#contact form .checkbox input {
	background: none;
	border:0;
	margin-right: 5px;
}
body#contact form			 label{
	float:left; 
}

body#contact form select{
	width: 265px;
}

body#contact form .lblCP input,
body#contact form .lblVille input{
	width: 93px;
}
body#contact form .lblVille span{
	width:57px;
}
body#contact form label span		{
	width: 80px;
	float: left;
	font-size:90%;
	color:#000;
}

body#contact form .lblMessage span			{
	text-style: italic;
	width: auto;
	float: none;
}

body#contact form .lblMessage textarea	{
	width: 735px;
	height: 75px;
}

body#contact form br		{
	clear: both;
}

body#contact form input#btnEnvoyer			{
	background:		 url(../img/bg_btnEnvoyer.gif) no-repeat 0px 0;
	border: none;
	width: 134px;
	height: 34px;
	margin: 20px auto 20px auto;
	float: none;
	clear: both;
}
body#contact.en form input#btnEnvoyer	 {
	width: 114px;
	background-image: url(../img/en/bg_btnEnvoyer.gif);
}

body#contact.es form input#btnEnvoyer	 {
	width: 116px;
	background-image: url(../img/es/bg_btnEnvoyer.gif);
}
body#contact.ru form input#btnEnvoyer	 {
	width: 116px;
	background-image: url(../img/ru/bg_btnEnvoyer.gif);
}

body#contact form input#btnEnvoyer.hover{
	background-position: 0px -34px;
}
.field{
	width:260px!important;
	line-height: 1.2em;
	border:0px solid red
}
body#contact form .lblCP SPAN.field, body#contact form .lblVilleSPAN.field{
	width: 93px!important;
}

/*
----------------------------------------------------------------------------------------------------
	Catalogue Home
----------------------------------------------------------------------------------------------------
*/
#catalogueHome .cms{
	float:left;
	width: 570px;
	padding: 0;
}
#catalogueHome img			{
	float: right;
	margin: 15px 0px 0px 18px;
}

#catalogueHome h2{
	font: italic 28px times new roman;
	text-align: right;
	width: 570px;
	height: 66px;
	float:left;
	line-height: 66px;
	position: relative;
	padding: 0px;
}

BODY#catalogueHome h2 {
	display: block;
	float: right;
	width: 265px;
	height: 66px;
	background: transparent url(../img/bg_H2_Catalogy.gif) no-repeat right top;
}
BODY#catalogueHome h2 span { display: none; }
BODY#catalogueHome.en h2 { background-image: url(../img/en/bg_H2_Catalogy.gif); }
BODY#catalogueHome.es h2 { background-image: url(../img/es/bg_H2_Catalogo.gif); }
BODY#catalogueHome.ru h2 { background-image: url(../img/ru/bg_H2_collection.gif); width:365px;}

#catalogueHome h3 { font: 18px Arial; padding: 0px; }

#catalogueHome ul.category			{
	text-align: right;
	width: 570px;
	margin-bottom:20px;
	clear:left;
}
#catalogueHome ul.category STRONG{
	font: 18px Arial;
	letter-spacing: 1px;
}

#catalogueHome ul.category li		{
	padding-top: 20px;
}

#catalogueHome ul.category ul		{
	zoom: 1;
	overflow: hidden;
	padding: 0px;
	margin: 0 0 0 auto;
}

#catalogueHome ul.category ul li{
	font: 11px Arial;
	letter-spacing: 1px;
	padding: 0px;
	display:inline;
}

#catalogueHome ul.category ul li a {
	padding: 0px 4px;
	font-weight: normal;
	text-decoration:none;
}

#catalogueHome ul.category ul li a:hover {
	text-decoration: underline;
}

/*
----------------------------------------------------------------------------------------------------
	Catalogue Details
----------------------------------------------------------------------------------------------------
*/
#catalogueDetails #content-inner{
	padding: 15px 25px;
}
#catalogueDetails ul.catalogCategory,
#catalogueDetails ul.catalogSubcategory {
	zoom: 1;
	overflow: hidden;
	margin:0;
	padding: 6px 0;
	text-transform: capitalize;
	letter-spacing: 2px;
	clear:left;
}

#catalogueDetails ul.catalogCategory{
	font: 18px Arial;
}

#catalogueDetails ul.catalogSubcategory LI{
	font: 11px Arial;
	float: left;
	padding-right: 10px;
	color: #000;
}

#catalogueDetails ul.catalogSubcategory LI A{
	text-decoration: none;
	font-weight: normal;
}

#catalogueDetails ul.catalogSubcategory LI A:hover {
	text-decoration: underline;
}

#catalogueDetails .instance,
#catalogueDetails .thickbox			{
	text-align: center;
	float: left;
	margin: 20px 0px 0px 175px;
	height: 100%;
}

#catalogueDetails .description	{
	zoom: 1;
	overflow: hidden;
	padding-left: 18px;
	padding-right: 18px;
}

#catalogueDetails h2		{
	font-size: 11px;
	color: #76776f;
	padding: 0px 0px 3px 0;
	position: relative;
}

#catalogueDetails h2 span{
/*			background: transparent url(../img/bg_H2_Lampes_sur_pieds.gif) no-repeat 4px 0px;*/
}

.* #catalogueDetails h2 span		{
/*			background: transparent url(../img/bg_H2_Lampes_sur_pieds.gif) no-repeat 0px 0px;*/
}

#catalogueDetails h3		{
	font: bold 18px Arial;
	letter-spacing: 2px;
	display: block;
	padding-left: 0;
}

#catalogueDetails .description p{
	padding: 8px 0;
	clear: left;
	font-size:105%
}
/*
=========== Don't use for now (Catalog page hasn't ambiances) ==============
@begin
#catalogueDetails .ambiance			{
	background: #fff;
	text-align: center;
	width: 300px;
	height: 250px;
	float: right;
	position: relative;
	margin-left: 18px;
}

#catalogueDetails .ambiance .btnLeft		{
	background: transparent url(../img/bg_arrowLeftW.gif) no-repeat 0px 0px;
	top: 100px;
	left: 8px;
}

#catalogueDetails .ambiance .btnRight		{
	background: transparent url(../img/bg_arrowRightW.gif) no-repeat 0px 0px;
	top: 100px;
	right: 8px;
}

#catalogueDetails .ambiance .carusel		{
	width: 173px;
	height: 170px;
	margin: auto;
	padding-top: 25px;
}

#catalogueDetails .ambiance .carusel ul {
	margin: 0px auto;
	width: 173px;
	height: 154px;
	display: block;
}

#catalogueDetails .ambiance .carusel ul li			{
	width: 173px;
	height: 154px;
}

#catalogueDetails .ambiance .carusel img{
	margin: auto;
}

#catalogueDetails .ambiance span{
	font: bold 18px Arial;
	display: block;
}
	@end
=========== Don't use for now (Catalog page hasn't ambiances) ==============
*/

#catalogueDetails dl		{
	font: 11px Arial;
	margin: 10px auto 10px 10px;
}

#catalogueDetails dt		{
	font-style: italic;
	background: transparent url(../img/bg_colon.gif) no-repeat right top;
	float: left;
	clear: left;
	width: 150px;
}

#catalogueDetails dd		{
	color: #242424;
}

#catalogueDetails .black{
	color: #000;
}

#catalogueDetails .italic{
	font: italic 11px Arial;
}



/*
----------------------------------------------------------------------------------------------------
	Ambiens Details
----------------------------------------------------------------------------------------------------
*/
#ambianceDetail #content, #ambianceHome #content{
	background-image: url('../img/bg_content_ambiance.gif');
}
#ambianceDetail #content{
	padding-bottom: 5px;
}
#ambianceDetail .columnLeft			{
	float: left;
	width: 570px;
	padding: 0px;
}
#ambianceDetail .columnLeft		 IMG {
	/*margin-top: -25px;*/
}

#ambianceDetail h2			{
	font: bold 18px Arial;
	color: #76776f;
	margin: 18px auto 0px auto;
	padding: 2px 0px 0px 140px;
	position: relative;
	overflow:			 visible;
	text-transform: capitalize ;
}

#ambianceDetail h2 span {
	background: transparent url(../img/bg_H2_Ambience.gif) no-repeat left top;
	width: 111px;
	height: 20px;
	display: block;
	position: absolute;
	top: 0px;
	left: 25px;
}

BODY#ambianceDetail.en h2 span {
	background: transparent url(../img/en/bg_H2_Ambience.gif) no-repeat left top;
	width: 119px;
	left: 17px;
}

BODY#ambianceDetail.es h2 span {
	background: transparent url(../img/es/bg_H2_Atmosferas.gif) no-repeat left top;
	width: 125px;
	height: 27px;
	left:	 11px;
}
BODY#ambianceDetail.ru h2 span {
	background: transparent url(../img/ru/bg_H2_ambiance2_sml.gif) no-repeat left top;
	width: 125px;
	height: 27px;
	left:	 11px;
	top:3px;
}

#ambianceDetail .columnLeft p		{
	font: 11px Arial;
	color: #939585;
	clear: both;
	padding: 4px;
}

#ambianceDetail .columnLeft p.underImage{
	color: #4a4a4a;
	text-align: right;
	width: 64%;
	float: right;
	padding: 0px;
}

#ambianceDetail .columnLeft p.decouvrir {
	letter-spacing: 1px;
	clear:both;
}

#ambianceDetail .columnRight		{
	zoom: 1;
	overflow: hidden;
	padding:0 20px;
}

#ambianceDetail .columnRight p	{
	text-align: justify;
	line-height: 17px;
}
#ambianceDetail .decouvrir {
	padding-left: 25px;
}
#ambianceDetail #productsCarousel DIV{
	padding-top: 8px;
	background: #FFF!important;
}
#ambianceDetail #productWrapper{
	background: #FFF;
}
/*
#ambianceDetail .ambianceCarusel, #ambianceDetail .bottomCaruselShell {
	clear:both;
	position:relative;
}
*/
/*
#ambianceDetail .bottomCaruselShell .btnLeft {
	left:8px;
	top:44px;
}
#ambianceDetail .bottomCaruselShell .btnRight {
	right:8px;
	top:44px;
}
#ambianceDetail .carusel_1, #ambianceDetail .carusel_2 {
	padding-top:8px;
}
/*
#ambianceDetail .carusel_1 ul, #ambianceDetail .carusel_2 ul {
	display:block;
	margin:auto;
}
*/

/*
----------------------------------------------------------------------------------------------------
	Ambiens Home
----------------------------------------------------------------------------------------------------
*/

#ambianceHome #content{
	padding-bottom: 20px;	 
}
#ambianceHome .carusel{
	width: 95%;
	margin-top:20px!important;
}


#ambianceHome h2{
	font: italic 1.8em "times new roman";
	text-align: right;
	height: 47px;
	line-height: 47px; 
	position: relative;
	margin: 18px 0;
	padding: 0px;
	width:570px;
	background: transparent url(../img/bg_H2_AmbienceBig.gif) no-repeat right top;
}

#ambianceHome h2 span { display: none; }

BODY#ambianceHome.en h2 {
	background-image: url(../img/en/bg_H2_AmbienceBig.gif);
}

BODY#ambianceHome.es h2 {
	background-image: url(../img/es/bg_H2_AtmosferasBig.gif);
	height: 67px;
}
BODY#ambianceHome.ru h2 {
	background-image: url(../img/ru/bg_H2_ambiance.gif);
	height: 67px;
}

#ambianceHome .cms{
	width: 510px;
	margin-left: 60px;
}
#ambianceHome .cms P{
	text-align: justify
}
/*
----------------------------------------------------------------------------------------------------
	Home
----------------------------------------------------------------------------------------------------
*/

#home #content{
	padding: 20px 0;
}

#home .cms			{
	width: 290px;
	float: left;
}

#home .description p		{
	text-align: justify;
}
#map_menu {
	margin-left: 32px;
	margin-bottom: 40px;
}

BODY#sitemap #content{
	padding-bottom: 20px;
}
#sitemap_list{
	margin: 0 25px;
	font-size: 120%;
}
#sitemap_list UL{
	padding:2px 20px;
}
#sitemap_list A{
	color: #333;
	font-size: 90%;
}


/* Text styles */
.error, .errors{
	color: #E69129;
	border:0px solid green;
	float:left
}
.checkbox{ width:auto!important;}


/* for jqModal window */
#zoomer-inner { padding: 0px 8px 8px 8px; background: #FFF;}
#zoomer-inner img { 
	border-width: 1px;
	border-style: solid;
	border-color: #666 #aaa #999 #666; 
}

.jqmWindow { top: 3%; }