@charset "utf-8";
/* CSS Document */


/*------ attributs généraux des balises --------*/
*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
li{
list-style:none;
}
a{
text-decoration:none;
}
a img{
border:none;
}
p{
text-align:justify;
padding:0 10px 0 0;
}
div.clear{
clear:both;
}
body.catalogue h4{
clear:left;
color:#3a322d;
font-size:115%;
padding:10px 0 0 5px;
}
body.catalogue h4 span{
color:#BA7639;
}

/*---------------------------------------------*/


/*------------ structure générale -------------*/
body{
background:#2f2617 no-repeat top center;
font-size:12px;
}
	#page{
	margin:auto;
	width:982px;
	}
		#entete{
		width:982px;
		height:95px;
		margin:42px 0 5px 0;
		background:transparent no-repeat top center;
		}
			#entete #menu{
			float:left;
			}
				#entete h1 a{
				display:block;
				width:168px;
				height:62px;
				text-indent:-6000px;
				font-size:0;
				}
			#entete #espace_login{
			color:#fff;
			font-size:95%;
			float:right;
			width:245px;
			margin:5px 10px 0 0
			}
				#espace_login form{
				text-align:right;
				}
				#espace_login h2{
				font-size:95%;
				font-weight:bold;
				border-bottom:1px dotted #fff;
				margin:0 0 8px 0;
				}
				#espace_login label{
				width:105px;
				padding:3px 3px 0 0;
				}
				#espace_login input.champ_text{
				width:125px;
				height:14px;
				font-size:95%;
				border:1px solid #b8b8b8;
				background:#fefefe url(images/input_text_fond.png) repeat-x top
				}
				#espace_login input#btn_envoyer{
				width:97px;
				height:18px;
				margin:5px 0 0 0;
				font-size:0;
				text-indent:-3000px;
				border:none;
				background:#fff7c3 url(images/login_btn_envoyer.png) no-repeat top;
				cursor:pointer;
				}
				#espace_login p{
				margin:0 0 5px 0;
				}
				#espace_login p#user{
				font-size:125%;
				}
				#espace_login p a{
				color:#fdcb4c;
				text-decoration:underline;
				}
	#corps{
	border:#4b4130 1px solid;
	}
	
	/*--------------- Propriétés du corps pour l'accueil --------------*/
	body.accueil #corps{
	position:relative;
	background:#fff url(images/anim_accueil.jpg) no-repeat top center;
	}
		body.accueil #corps div#colonne1{
		padding:10px;
		color:#453d39;
		width:470px;
		height:160px;
		overflow:auto;
		position:absolute;
		top:275px;
		left:0px;
		z-index:5;
		}
			body.accueil #corps div#colonne1 h2{
			font-size:115%;
			font-weight:bold;
			border-bottom:1px dotted #453d39;
			margin:0 0 8px 0;
			}
		body.accueil #corps div#colonne2{
		padding:10px;
		color:#fff;
		width:470px;
		height:160px;
		overflow:auto;
		position:absolute;
		top:275px;
		left:490px;
		z-index:5;
		}
			body.accueil #corps div#colonne2 h2{
			font-size:115%;
			font-weight:bold;
			border-bottom:1px dotted #fff;
			margin:0 0 8px 0;
			}
			body.accueil #corps div#colonne2 p{
			margin:0 0 8px 0;
			}
		body.accueil #corps #swf{
		position:absolute;
		top:0px;
		left:0px;
		z-index:2;
		}

.texteImgDroite img{
float: right;
margin:0 0 10px 10px;
}

.texteImgGauche img{
float: left;
margin:0 10px 10px 0;
}

.texteCentre{
text-align:center;
}

	/*--------------- Propriétés du corps pour le catalogue --------------*/
	body.catalogue #corps{
	background:#fff url(images/corps_catalogue_fond.gif) repeat-y center;
	position:inherit;
	}
		#catalogue_prod{
		background:url(images/menu_gauche_fond.jpg) no-repeat top left;
		}
		body.catalogue #corps div.colonne{
		float:left;
		padding:10px;
		}
		body.catalogue #corps div#colonne1{
		color:#fff;
		width:198px;
		padding:25px 10px 10px 10px;
		}
			body.catalogue #corps div#colonne1 h2{
			font-size:115%;
			font-weight:normal;
			text-transform:uppercase;
			border-bottom:1px dotted #fff;
			margin:0 0 8px 0;
			padding:0 0 3px 0;
			}
			body.catalogue #corps div#colonne1 a{
			color:#fff;
			}
			body.catalogue #corps div#colonne1 a:hover{
			font-weight:bold;
			}
			body.catalogue #corps div#colonne1 ul{
			margin:0 0 25px 0;
			}
			body.catalogue #corps div#colonne1 ul li.select a{
			font-weight:bold;
			}
			body.catalogue #corps div#colonne1 ul li.select ul li{
			margin:0 0 3px 0;
			}
			body.catalogue #corps div#colonne1 ul li.select ul li.select{
			background:url(images/menu_gauche_puce.png) no-repeat left center;
			padding:0 0 0 15px;
			}
			body.catalogue #corps div#colonne1 ul li.select ul li a{
			font-weight:normal;
			}
			body.catalogue #corps div#colonne1 ul li.select ul li.select a{
			color:#ffc44e;
			font-weight:normal;
			}
		body.catalogue #corps div#colonne2{
		color:#111;
		width:735px;
		}
			body.catalogue #corps div#colonne2 h2{
			color:#ba7639;
			font-family:Arial, Helvetica, sans-serif;
			font-size:135%;
			font-weight:bold;
			margin:0 0 8px 0;
			}
			body.catalogue #corps div#colonne2 h3{
			color:#3a322d;
			font-size:165%;
			font-weight:normal;
			border-bottom:1px dotted #3a322d;
			margin:0 0 8px 0;
			padding:0 0 2px 0;
			}
			body.catalogue #corps div#colonne2 p{
			margin:0 0 8px 0;
			}

	#footer{
	color:#fff;
	font-size:95%;
	margin:5px 0 0 0;
	}
	body.accueil #footer{
	width:980px;
	top:460px;
	left:0px;
	position:absolute;
	}
		#footer p{
		float:left;
		}
		#footer ul{
		float:right;
		}
		#footer li{
		float:left;
		margin:0 0 0 8px;
		}
		#footer a{
		color:#fff;
		text-decoration:none;
		}
		#footer a:hover{
		text-decoration:underline;
		}
/*---------------------------------------------*/


/*----- changements d'images du design --------*/
body.accueil{
background-image:url(images/body_accueil_fond.jpg);
}
body.cuisine{
background-image:url(images/body_accueil_fond.jpg);
}
body.salle_de_bain{
background-image:url(images/body_salle-de-bain_fond.jpg);
}
body.type{
background-image:url(images/body_type_fond.jpg);
}
body.extranet{
background-image:url(images/body_extranet_fond.jpg);
}
	body.accueil #entete{
	background-image:url(images/entete_accueil.jpg);
	}
	body.cuisine #entete{
	background-image:url(images/entete_accueil.jpg);
	}
	body.salle_de_bain #entete{
	background-image:url(images/entete_salle-de-bain.jpg);
	}
	body.type #entete{
	background-image:url(images/entete_type.jpg);
	}
	body.extranet #entete{
	background-image:url(images/entete_extranet.jpg);
	}
	body.accueil #corps{
	background-image:url(images/corps_accueil_fond.gif);
	}



	#formulaire{
	margin:auto;
	}
	#formulaire td.intitule{
	width:200px;
	color:#BC6E24;
	font-weight:bold;
	}
	#formulaire td.capchat{
	text-align:right;
	width:185px;
	padding:0 15px 0 0;
	}
	#formulaire td.valeur {
	padding:0 0 5px 0;
	}
	#formulaire td img {
	margin:0 0 8px 0;
	}
	#formulaire td.valeur input.input, #formulaire td.valeur textarea{
	width:200px;
	}
#formulaire .boutonEnvoyer{
margin:5px 0 10px 200px;
}
body.catalogue #corps div#colonne2 #formulaire p{
color:#BC6E24;
margin:5px 0 10px 200px;
}

/*-----   espace client   ------*/

#scolonne1{
float :left;
width:500px;
margin:0 10px 0 0;
}
#scolonne2{
float :left;
width:200px;
}
body.catalogue #corps div#colonne2 #scolonne2 h3 {
border-bottom:1px dotted #3A322D;
color:#3A322D;
font-size:115%;
font-weight:bold;
margin:0 0 5px;
padding:0 0 1px;
}
body.catalogue #corps div#colonne2 #scolonne2 h3 a {
color:#3A322D;
}
#scolonne2 .clear {
margin:0 0 15px 0;
}
body.catalogue #corps div#colonne2 .actuDate p{
color:#BA7639;
font-size:95%;
margin:1px 0 4px 0;
padding:0;
}
#esp_cl_actualites{
float:right;
width:250px;
}
#actu_fiche{
width:450px;
}

body.catalogue #corps div#colonne2 #esp_cl_actualites h2{
color:#ba7639;
font-family:Arial, Helvetica, sans-serif;
font-size:135%;
font-weight:bold;
margin:0 0 8px 0;
border-bottom:1px dotted #ba7639;
}
.en-savoir-plus{
text-align:right;
}
.en-savoir-plus a{
font-variant:italic;
color:#BA7639;
}
.bloc .fichier a{
padding:0 0 10px 30px;
margin:0 0 0 20px;
font-size:105%;
display:block;
background:url(images/puce_fichier.png) no-repeat top left;
}