/* Feuille de style de isolation-ecologique.com */
@import url(temp.css);
@import url(reset.css);


body{
	font-size : 12px;
	font-family : Trebuchet Ms, Arial;
	color: #5A3D1B;
	background : url(../images/isolation-ecologique/fond_marron.png) #573A28;
}
div#deco_haut_gauche{
	position : absolute;
	z-index : 2;
	background : url(../images/isolation-ecologique/deco_hg.png) no-repeat;
	width : 1000px;
	height : 479px;
	left : -753px;
	margin-left : 50%;
}
#fixRight{
	position : absolute;
	height : 100%;
	width : 100%;
	right : 0;
	bottom : 0;
	overflow : hidden;
}
div#deco_bas_droite{
	position : absolute;
	bottom : 0;
	right : 50%;
	margin-right : -720px;
	width : 344px;
	height : 450px;
	z-index : 3;
	background : url(../images/isolation-ecologique/deco_bd.png) no-repeat bottom right;
}

#page{
	position : relative;
	z-index : 10;
	background : white;
	border : 1px solid white;
}

h1{
	background: #DAEA42;
	color: #533827;
	padding: 3px 0 5px 12px;
	font-size : 18px;
	margin : 10px 0px;
}

h2{
	color : #573A28;
	font-size : 1.6em;
	height: 47px;
  background: url(../images/isolation-ecologique/index_iso_eco.png) no-repeat left top;
	padding-top: 13px;
	padding-left: 40px;
}
h3{
	margin : 2px 8px;
}

p{
  margin: 5px 15px;
  line-height: 1.2em;
  font-size: 12px;
  color: #5A3D1B;
}

a{
	color : #F78A11;
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

.lpicture{
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
}

.rpicture{
  float: right;
  margin-left: 12px;
  margin-bottom: 12px;
}


.corps_content
{
  float: left;
  width: 560px;
  background: url(../images/isolation-ecologique/feuille.jpg) no-repeat center center;
}

/* Style entete */

#entete{
	background : url(../images/isolation-ecologique/bandeau3.jpg) no-repeat top left;
	height:260px;
	
}

#header {
	height : 230px;
}

#header a{
	color : #A51108;
	font-weight : bold;
	background: url(../images/isolation-ecologique/puce_rouge.png) no-repeat left center;
	padding:10px; 
}

#header a#go_home{
	clear : right;
	display:block;
	height : 200px;
}

/* Menu 1 */

#menu_1{
	padding-top : 0px;
	padding-left: 10px;
}

#menu_1 a{
	color : white;
	font-size : 1.2em;	
}
#entete #menu_1 li {
}

#menu_1 li{
  height: 25px;
	margin-right : 25px;
	padding-top: 5px;
	padding-bottom : 1px;
	display: block;
	float: left;
}

#menu_1 li.menu_link{
	margin-left:280px;
	margin-right : 12px;
}

#menu_1 li.menu_contact_us{
	margin-right : 12px;
}

#menu_1 #calc
{
	padding-left: 20px;
  background: url(../images/isolation-ecologique/calculatrice.png) no-repeat left top;
}

/**** Catégories *****/
#allContent #categoryContent{
	background : url(../images/isolation-ecologique/bg_menu2.png) repeat-y;
}

#allContent #categories{
	float : left;
	background : url(../images/isolation-ecologique/menu2_1.png) no-repeat top left; /* #758837; */
	width : 239px;
	margin : 0;
	min-height : 510px;
	padding : 0;
}

#categories h2{
	font-size : 18px;
	color : white;
	margin : 7px 0px;
	margin-right : 50px;
  text-align: center;
  background : none;
  padding : 0px;
  height : 22px;
}

#categories ul
{
  padding: 0px;
  margin : 0px;
}

#categories a{
	color : white;
}

#categories li {
	line-height : 16px;
	clear : left;
	margin : 8px 0 4px 0;
	margin-right : 50px;
	padding : 2px 0px 0 0;
	padding-left : 10px;
	list-style-position : outside;
}
#categories ul.sub_category{
	clear : left;
	margin: 0;
	list-style-type : none;
	margin-top : 5px;
}
#categories .sub_category li{
	background : url(../images/isolation-ecologique/puce_sous_menu_gauche.png) no-repeat left 6px ;
	margin : 0;
	margin-left : 20px;
	padding-left : 10px;
}

#categories .showSubCategory
{
	float : left;
	width : 15px;
  margin : 0 5px 6px 0;
	vertical-align: -4px;
}

/**** Fiche produit *****/

.one_product{}

.one_product .details{
  float: none;
  width: 100%;
}

.one_product .details h1, #recommand2friend h1{	
	position : relative;
	z-index : 12;
	width : auto;	
	padding : 14px 36px 0 18px;
	height : 44px;
	background : url(../images/isolation-ecologique/h1.png) no-repeat right top;
	margin-bottom : 0px;
	margin-top : 4px;
	clear : both;
}

.corps_content #listProduct h1, .corps_content #order h2{
	position : relative;
	z-index : 12;
	width : auto;	
	padding : 14px 36px 0 18px;
	height : 44px;
	background : url(../images/isolation-ecologique/h1.png) no-repeat right top;
	float : left;
	margin-bottom : -6px;
	margin-top : 4px;
}

.one_product .details h2{
  margin : 0 0 14px 0;
  padding-top : 1px;
  border-bottom: 3px solid #F78A11;
  padding-left: 10px;
  text-align: left;
	font-size: 1.4em;
	color : #533827; 	
	height : 22px;
	background : none;
}

.one_product .details .pictures{
  float: left;
  width: 214px;
  margin: 0 10px;
}

.one_product .details .pictures .picture{
}



.one_product .pictures .picture {
/*display : table-cell;
vertical-align:middle;
*/
overflow:hidden;
text-align:center;
border: 2px solid #DAEA42;
}

.one_product .details .pictures .picture a img{
  
}

.one_product .details .pictures .picture img{
 /* border: 2px solid #DAEA42;*/
}

.one_product .description{
  margin-top: 0; padding-top: 0;
  color: #5A3D1B;
  margin-left : 16px;
  width : 550px;
}

.one_product .description p{
  margin: 0; padding: 0;
}

.one_product .description h3{
  /*background : url(../../images/isolation-ecologique/fond_titre.png) 100px top no-repeat;*/
  height : 12px;
  color : #748838;
  font-size : 1.1em;
  font-style : italic;
  margin : 10px 0;
}

.one_product .description h3 img{
	margin-right : 2px;
}


.one_product .details table{
  clear: left; 
  width: 100%;
  text-align: left;
  font-size: 1.2em;  
}

.one_product .price{
	font-weight: bold;
  color: #F78A11;
}

.one_product .quantity{}

.one_product .details table input[type=image]{
  margin-top: 5px;
}

#popupPanier{
    display: none;
}
.stock, .maxStock
{
    display: none;
}

p.quantity span
{
    display:block;
    float:left;
    margin-top:8px;
}
/*** Pages statiques ***/
#contact_us h1, h1.static_h1, #ask_enquiry h1{
  margin : 10px 0px;
  padding: 11px 0 5px 12px;
	color: #533827;	
	height: 45px;
	font-size : 18px;	
  background : transparent url(../images/isolation-ecologique/title_static_page.png) no-repeat top left;
}

h2.static_h2{
  margin : 14px 0px;
  border-bottom: 3px solid #F78A11;
  padding-left: 12px;
  text-align: left;
	font-size : 12px;
	color : #533827; 	
}

/*** Formulaires : contact, recommander à un ami, demande de devis ***/
#order form{
  clear : both;
}

/* voir dans *pages statiques* pour #contact_us h1 */
/* voir dans *fiche produit* pour #recommand2friend h1 */

#contact_us form, #recommand2friend form, #ask_enquiry form {
 margin: 5px 8px;
 padding: 0;
}

#contact_us fieldset, #recommand2friend fieldset, #ask_enquiry fieldset{
  margin-top: 5px;
}

#contact_us form legend, #recommand2friend form legend {  
  border-bottom: 3px solid #F78A11;  
  font-size: 14px;
}

#contact_us form p, #recommand2friend form p, #ask_enquiry form p{
  margin: 0; padding: 0;
}

#contact_us label, #recommand2friend label, #ask_enquiry label, #become_vendors label{
  display: block;
  margin-top: 10px;
}
#contact_us label{
  width : 350px;
}

#contact_us input[type=submit],
#register input[type=submit],
#recommand2friend input[type=submit],
#ask_enquiry input[type=submit],
#signin input[type=submit],
#connectForm input[type=submit],
#become_vendors input[type=submit],
#content input[type=submit]{
  border: 2px solid #D9EA42;
  background-color: #758837;
  color: #FFF;
}
#register input[type=submit]{
  margin : 0 auto;
}

#ask_enquiry input[type=submit], #become_vendors input[type=submit]
{
  margin-left: 20px;
}

#contact_us p.warning, #contact_us form legend, #contact_us label em,
#recommand2friend p.warning, #recommand2friend form legend, #recommand2friend label em,
#ask_enquiry p.warning, #ask_enquiry form legend, #ask_enquiry label em{
  font-weight: bold;
}

#contact_us p.warning, #recommand2friend p, #recommand2friend p.warning{
  margin-bottom: 5px;
  text-align : left;
}

#contact_us div.form_error, #recommand2friend div.form_error, #ask_enquiry div.form_error{
  margin-top: 7px;
  color: #F78A11;
}

#ask_enquiry{
	width : 565px;
}

#ask_enquiry #description
{
  width: 400px;
}

#ask_enquiry #desc_label
{
  width: 500px;
}

#ask_enquiry #work_enquiry
{
  clear: both;
  width: 500px;
  margin-top: 8px;
}

#ask_enquiry #work_enquiry label
{
  display: inline;
  margin-right: 5px;
}

#ask_enquiry fieldset, #contact_us .form_block, #become_vendors fieldset
{
  overflow: hidden;
}

#ask_enquiry fieldset p, #contact_us .form_block p, #become_vendors p
{
  float: left;
  width: 200px;
  padding-left : 10px;
}

#ask_enquiry fieldset p.captcha, #become_vendors fieldset p.captcha
{
  width: 500px;
  padding-left : 10px;
}

#contact_us #address
{
  width: 350px;
}
/** Pages du process commande **/
#order li{
  margin : 6px 2px;
}
#order label{
  margin : 0 3px;
}


#customer table{
  margin : 4px auto;
  border-spacing : 2px;
}

#customer td, #customer th{
  padding : 4px;
  margin : 20px;
}
#customer th{
  background : rgb(232,250,144);
}

#customer form p
{
  overflow: hidden;
}

#customer form label
{
  width: 200px;
  display: block;
  float: left;
}
p.messagePanier
{
    font-size:1.1em;
    margin-top:20px;
    text-align: justify;
}
/**** Contenu central ****/

#content
{
	float : left;
  width: 756px;
  margin : 0;
}

#allContent
{
  /*overflow: hidden;*/
  background: url(../images/isolation-ecologique/fleur_bg.jpg) no-repeat right bottom;
}

#categoryContent
{  
  overflow: hidden;
	/*background: url(../images/isolation-ecologique/bg_categories.png) top left repeat-y;*/
}

/**** Fin du contenu central ****/

/**** Page d'accueil ****/

#index_iso_eco
{
  height: 47px;
  background: url(../images/isolation-ecologique/index_iso_eco.png) no-repeat left top;
	padding-top: 13px;
	padding-left: 40px;
}

#index_selection_iso
{
  height: 52px;
  background: url(../images/isolation-ecologique/index_selection_iso.png) no-repeat left top;
	padding-top: 20px;
}

#index_top
{
  overflow: hidden;
}

#intro
{
  float: left;
  overflow: hidden;
  width: 300px;
}

#house
{
  float: left;
  width: 184px;
  height: 26px;
  margin-left: 20px;
  background : url(../images/isolation-ecologique/maison_accueil.jpg) no-repeat right top;
}

.intro{
	text-align: justify;
	padding-left: 40px;
  color: #8D8D8D;
}

p.catalog_pdf{
	background : url(../images/isolation-ecologique/picto_pdf.jpg) no-repeat right center;
	width : 250px;
}

.more_info
{
  text-align: right;
}

/* Panier / Menu droit */

#client_space
{
  background-color: #DAEA42;
}
#cart #small_signin p{	
	margin-left:0;
	margin-right:0;
}
#cart #small_signin #connected{
	font-weight:bold;
}

#panierSelection{
	background-color: #DAEA42;
	padding : 2px 5px;
	margin : 5px 0 0 0;
	width : 140px;	
}

#cart{
	width: 150px;
	overflow: hidden;
	color: #533827;
  float : right;
  margin-right : 20px;
}

#cart p{
	text-align: center;
}

#cart input[type="text"], #cart input[type="password"]
{
  border: 1px solid #DAEA42;
  text-align: center;
  font-style: italic;
  color: #AD997B;
}

.submitButton{
	text-align:center;	
}

/* Formulaire de contact */

#connectForm input[type=text],#connectForm input[type=password]{
	width : 105px;
	margin : 5px;
}

/**** Styles du CMS ****/

.cms_description h1
{
  background-color: transparent;
	font-size: 1.1em;
	border-bottom: 1px solid #DAEA42;
}

#cms_list_categories
{
  width: 550px;
}

#cms_list_categories .cms_category h3
{
	z-index : 20;
	position : relative;
  margin-top: 10px;
  padding-left: 16px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 340px;
  font-size: 1.2em;
  text-transform: uppercase;
  background : url(../images/isolation-ecologique/title_conseil.png) no-repeat right center;
}

#cms_list_categories .cms_category .desc
{
	position: relative;
	top : -10px;
  margin-left: 16px;
  padding-left: 5px;
  padding-top : 12px;
  background-color: #8D8D8D;
  overflow: hidden;
	height : 125px;
}

#cms_list_categories .cms_category .desc .left
{
	float: left;
  width: 325px;
}

#cms_list_categories .cms_category .desc .right
{
	float: right;
  text-align: center;
  padding-top: 4px;
  width : 200px;
}

#cms_list_categories .cms_category .desc p
{
  margin-top: 0px;
  color: #FFF;
}

#cms_list_categories .cms_category .desc .right img
{
  border: 2px solid #DAEA42;
}

#cms_list_categories .cms_category .desc .gonext
{
  text-align: right;
}

#cms_list_categories .cms_category a
{
  color: #DAEA42;
}

#cms_list_in_category h1
{
  
}

/**** Fin des styles du CMS ****/


/******** Styles de la promotion ********/

#promotion
{
  background : url(../images/isolation-ecologique/promo_head.png) no-repeat top left;
  width : 202px;
  overflow: hidden;
}
#promotion a{
  color: #5A3D1B;
}
#promotion h1
{
	margin-top: 45px;
	margin-left: 60px;
  background-color: transparent;
  color: #FFF;
}

#promoContent
{
	position : relative;
	z-index : 16;
  padding-left: 44px;
  padding-right: 2px;
  padding-top: 10px;
  padding-bottom : 4px;
	text-align: center;
  border-bottom-style: none;
  background : url(../images/isolation-ecologique/promo_middle.png) repeat-y;
  border-right:1px solid white;
}
#promoContent p{
	margin : 2px auto;
	padding : 2px 0;
	width : 120px;
}

#promoContent .promotionProduct{
	margin-top : 10px;
}

#promoContent .promotionProduct .price{
	font-size : 1.2em;
	font-weight:bold;
	text-align:center;
}
#promotion .promotionProduct .price a {
	padding : 0px;
	margin : 0px;
}

#promotion .promotionName{
	z-index : 18;
	display : block;
	text-align: center;
	background : white;
	opacity: 0.80;
	filter : alpha(opacity=80);
	margin : 0 auto;
	width : 120px;
	margin-top:5px;
}

#promotion .promotionName a{
	color : black;
}
#promotion .add_to_cart{
	margin : 2px auto 4px auto;
	padding : 0;
}

#promotion .promotionProduct .promotionName a.savoirPlus  {
	background : url(../images/isolation-ecologique/savoir_plus.jpg) no-repeat 0px 2px;
	color : white;
	display: block;
	width: 10px;
	float : right;
}

#footPromo
{
	height : 7px;
  background : url(../images/isolation-ecologique/promo_foot2.png) no-repeat top left;
}
/******** Styles de la promotion ********/



/******** Styles de la selection ********/

#selection
{
  overflow: hidden;
  font-size: 0.9em;
}

#selection
{
  float: left;
	width: 320px;
}

#selection a
{
  color: #5A3D1B;
}

#selection h1
{
  margin: 0px;
}

#selection .selectedProduct
{
	position : relative;
  float: left;
	width: 120px;
	margin:10px 15px;
	margin-top:0px;
	padding : 0;
}

#selection .imageProduct
{
	text-align : center;
  margin-bottom : 10px;
  height:120px;
}


#selection .selectedProduct p{
	margin : 0px;
	padding : 0px;
}

#selection .selectedProduct .name{
	width : 120px;
	height:43px;
	text-align: center;

	opacity: 0.80;
	filter : alpha(opacity=80); 
}
#selection .ajoutPanier
{
	font-size : 0.9em;
	text-align:center;
}

#selection .selectedProduct .price{
	padding : 0;
		font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

#selection .selectedProduct .price a{
}


/******** Fin des styles de la selection ********/




/******** Styles du footer ********/

#footer
{
	clear : both;
  font-size: 0.85em;
  overflow: hidden;
  background : url(../images/isolation-ecologique/footer.jpg) repeat-x top left;
  height : 31px;
  padding-top : 6px;
  padding-left : 10px;
  text-align : left;
}

#footer ul{
	margin-bottom : 3px;
}

#footer li{
	display: inline;
	margin-right : 20px;
}

#footer li a{
	font-size : 1.2em;
  color: #FFF;
}

#address_footer a, #idi a
{
  color: #FFF;
}

#footer p
{
  float: left;
  color : white;
  
}

#footer p#idi
{
  float: right;
  margin-right:5px;
}

/******* Fin des styles du footer ********/

/* Panier entier lors du processus de commande */
table#full_cart{
	border : 1px solid #573A28;
	padding : 5px ;
	clear : both;
}

table#full_cart th{
	padding : 3px;
	background : #573A28;
	color : white;
}

table#full_cart td{
	background : #FFFBF8;
	text-align : right;
	padding : 3px;
	border-bottom :  1px solid #573A28;
}

table#full_cart td.nameProduct{
	width : 260px;
	text-align : center;
}
table#full_cart td.td_vide{
	background: white;
	border-bottom : none;
        text-align:left;
}
table#full_cart td.total_ttc,table#full_cart td.total_ht{
	color : #573A28;
	font-weight : bold;
	font-style : none;
	font-size : 1.1em;
	border-left : 1px solid #573A28;
	border-right : 1px solid #573A28;
	background : #A36C4B;
}

table#full_cart td.total_ttc_val ,table#full_cart td.total_ht_val{
	background : #FFF1E8;
}

a#validate_order{
  display : block;
  margin : 10px auto 5px auto;
  width : 144px;
}

/* Formulaire de connexion lors du processus de commande */

#signin{
	overflow: hidden;
}

#signin label{
	color :  #573A28;
	width : 120px;
	display : block;
	float : left;
	margin-left : 5px;
}

#signin p.submit{
	text-align : right;
	width : 270px;
}

/* Formulaire d'inscription */

#register_block, .addressForm {
	overflow : hidden;
	width : 555px;
}

#contact_us form{
	width : 540px;
}

#register_block label, .addressForm label{
	display: block;
	float : left;
	width : 200px;
}

#ask_enquiry label{
	text-decoration : none;
}

#register_block legend, #ask_enquiry legend, .addressForm legend, #contact_us form legend, #become_vendors form legend{
	color : #573A28;
	font-weight : bold;
	font-size : 1.2em;
	padding-bottom : 2px;
	padding-left : 8px;
	padding-right : 8px;
	border : none;
}

#register_block fieldset, #ask_enquiry fieldset, .addressForm fieldset, #contact_us fieldset, #become_vendors fieldset{
border : 0;
border-top : 4px solid #F78A11;
margin-top : 15px;
}

div.submit_row{
  text-align : center;
}

#list_advises_block {
    width: 550px;
	color : #8D8D8D;
	font-size : 0.9em;
}

#list_advises_block ul, .cms_category ul{	
	list-style-image : url(../images/isolation-ecologique/advises_ul_bullet.jpg);
	margin : 15px 0px;
	margin-left : 35px;
	list-style-position : outside;
}

#list_advises_block li{
	margin : 3px 0px;
}

#list_advises_block p{
	color : #8D8D8D;
	font-size : 1em;
}

.add_cart_info
{
	margin-left:205px;
  	margin-top: 15px;
  	overflow: hidden;
}

.add_cart_info p
{
  font-size: 1.1em;
}
.add_cart_info p img{
	vertical-align:middle;	
}

.one_product .details .add_cart_info p{
	margin:0 0 5px 0;
}

.one_product .details .add_cart_info p.quantity{
	text-align:right;	
}
.one_product .details .add_cart_info p.quantity span{
	display:block;
	float:left;
	margin-top:8px;
}
.one_product .details .add_cart_info p.quantity .precision{
	color:#F78A11;
}

.one_product .details .add_cart_info .price{
	font-size:1.5em;
}

small{
  font-size : 0.8em;
}

.add_cart_info .txt, .add_cart_info .add
{
  padding-top: 7px;
}

.add_cart_info .submit
{
  margin-left: 0;
}

.add_cart_info .add
{
  margin-right: 4px;
}

.packaged
{
  margin-top: 2px;
  overflow: hidden;
}

.packaged .txt
{
  padding-top: 0px;
}

.packaged p
{
  height: 20px;
}

.packaged .submit
{
  margin-top: 0;
  height : 40px;
}

.packaged .add
{
  padding-top: 2px;
}

 /* ---- Styles de l erreur ---- */
 

#error p{
  background : none;
  padding-left : 0px;
  margin : 0px;
}

#error > div, #attention_javascript
{
  border: 1px solid #F66;
  padding: 0.4em 0 0.4em 35px;
  background: url(../../images/isolation-ecologique/cancel.png) no-repeat 10px 5px #FEE;
  height : 25px;
}

#attention_javascript{
  height : 35px;
}

#error .text
{
  float: left;
}

#error .close
{
  float: right;
  padding-right: 5px;
}

/* ************************************************** */
/* Produits associés*/
/* ************************************************** */

#produitsAssocies{
}
#produitsAssocies div.element{
	margin:0 0 10px 0;
	clear:left;
	min-height:85px;
	height:auto!;
	height:80px;
}
#produitsAssocies div.element .prix{
	float:right;
	margin:0 0 0 10px;	
	width:80px;
	height:85px;
}
#produitsAssocies div.element .prix div{
  	text-align:right;
  	font-size:1.5em;
  	color: #F78A11;
  	font-weight: bold;	
  	margin-top:25px;		
}

#produitsAssocies div.element .picture{
	float:left;
	width:80px;
	height:80px;
	margin:5px 10px 0 5px;
} 
#produitsAssocies div.element .content h3{
	margin-bottom:5px;
}

/* ************************************************** */
/* Plan d'accès */
/* ************************************************** */

#showRoom{
	text-align:right;
	position:absolute;
	top:97px;
	right:-20px;
}
#showRoom img{
	behavior: url(js/iepngfix.htc);
}

.list_contact{
  margin-left: 15px;
  margin-bottom : 10px;
}