/* ---------------- PAGE ACCUEIL ---------------- */

#accueil-produit {
}

#accueil-presentation {
	position:relative;
	margin-top:15px;
	padding:10px;
}

#accueil-presentation P {
	padding-top:10px;
	width:370px;
}

#signature {
	margin:5px 0px 0px 230px;
}

#accueil-presentation #lienGamme {
	position:absolute;
	top:40px;
	left:390px;
}

#accueil-presentation #lienFAQ {
	position:absolute;
	top:130px;
	left:390px;
}


/* ----------------------- CATALOGUE --------------------- */

#produits-chemin {
	position:absolute;
	top:5px;
}

#produits-menu {
	position:relative;

	background: url(../../images/fond_produits_menu.jpg) top left no-repeat;
	width:506px;
	height:49px;
}

#produits-menu A {
	position:absolute;
	top:8px;
	color:#333;
}

#produits-main {
	position:relative;
	width:500px;
}


#produits-infos {
	background: url(../../images/fond_produits_infos.jpg) top left no-repeat;
	position:absolute;
	top:20px;
	left:515px;
	width:175px;
	height:500px;
}

#produits-infos #info {
	position:absolute;
	top:65px;
	left:30px;
	width:125px;
	font:15px "Trebuchet MS", Arial;
	font-weight:bold;
	color:#B4419B;

}

#produits-infos #cee {
	position:absolute;
	top:230px;
	left:25px;
}

/* ------------------- CATALOGUE :: LISTE ------------------- */

#liste-produits IMG {
	border-bottom:solid 5px #B4FD3E;
	margin-bottom:1px;
}

#liste-produits .nom {
	float:left;
	width:100px;
	background-color:#fff;
}

#liste-produits .prixBase {
	float:left;
	padding:2px 5px 2px 5px;

	color:#fff;
	background-color:#666;
}

/* --------------- CATALOGUE :: FICHE PRODUIT ------------------- */

#produits-main #nom {
	width:512px;
	border-bottom:solid 5px #B4FD3E;
	margin-bottom:2px;
	font-variant: small-caps;
	font-weight:bold;
	font-size:16px;
	color:#666;
}

#produits-main #reference {
	width:100%;
	height:20px;
	font-size:12px;
	color:#666;	
}

#produits-main #visuel {
	position:relative;
}

#produits-main #description {
	position:relative;
	width:400px;
	font-size:10px;
	padding:0px;
	margin:5px 0px 5px 0px;

	min-height:65px;
	height:auto;	
}

* html #produits-main #description {
	height:65px;
}

#produits-main #outils {
	position:absolute;
	top:90px;
	left:400px;
	
	width:112px;
}

#produits-main #outils IMG.vignette {
	border:solid 1px #CCC;
	margin-left:20px;
	margin-bottom:4px;	
	width:61px;
	height:61px;	
	cursor:pointer;
}

#produits-main #outils #btn_agrandir,
#produits-main #outils #btn_transmettre {
	margin-left:8px;
	margin-top:5px;	
}

#produits-main #outils #prix {
	position:absolute;
	top:268px;
	left:4px;
	width:108px;
	color:#fff;
	background-color:#666;
	font: 13px arial;
	padding:0;
	margin:0;
}

#produits-main #outils #prix P {
	padding:12px 10px 12px 14px;
}

/* --------------- CATALOGUE :: PERSONNALISATION ------------------- */

#produits-perso {
	position:relative;
	width:512px;
}

#produits-perso #etapes {
	position:relative;
	width:100%;
	height:55px;
	background:url(../../images/perso_fond.jpg) top left no-repeat;
	padding-left:250px;
}

#produits-perso #etapes IMG {
	margin-right:5px;
}

#produits-perso #form {
	position:relative;
	margin-top:5px;
	width:100%;
	
	min-height:155px;
	height:auto;	
	padding-left:5px;	
}


/* POUR IE */
* html #produits-perso #form {
	height:155px;
}	

#produits-perso #illustration {
	position:absolute;
	top:2px;
	left:350px;
	width:150px;
	height:150px;
}

#produits-perso #validation {
	clear:left;
	position:relative;
	width:100%;
	text-align:center;

	padding-top:10px;
}


#choix {
	margin-top:20px;
}

#finition {
	float:left;
	width:230px;
	margin-right:20px;
}

#couleur {
	float:left;
	width:230px;
	margin-right:20px;

}

/* ----------------------------- CMD :: PANIER -------------------------- */

#cmd_etapes {
	height:55px;
	padding:0px;
	margin:0px;	
}


#cmd_etapes IMG {
	margin-right:5px;
}


TABLE#panier {
	width:670px;
	background-image:none;
}
TABLE#panier TH,
TABLE#panier TD {
	text-align:center;
	vertical-align:middle;
	padding:5px 10px 5px 10px;
}

TABLE#panier .left {
	text-align:left;
	vertical-align:top;
}

TABLE#panier TH,
TABLE#panier #option TD,
TABLE#panier .totaux {
	background-color:#CDCDCD;
}

TABLE#panier TD {
	background-color:#EBEBEB;
}

TABLE#panier .outTable{
	padding:0px;
	text-align:left;
	background-color:#fff;
}

TABLE#panier .total {
	font:18px arial;
	font-weight:bold;
	color:#fff;
	background-color:#666;
}

/* ------------------------- COMPTE :: inscription ----------------- */
#compte {
	position:relative;
	width:640px;
}

#compte FORM DIV {
	background-color:#EBEBEB;
	margin-bottom:1px;
}
#compte #formInscription DIV {
	background-color:#fff;
}
/* -------------------------- COMMANDE ------------------------- */
#commandes,
#modesPaiement {
	width:670px;
}

.btn_supprimer {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.btn_supprimer:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

#formAdresse DIV {
	background-color:#EBEBEB;
	margin-bottom:1px;
}

#modesPaiement .mode {
	background-color:#EBEBEB;
	border-bottom:solid 1px #fff;
	padding:10px;
}

#modesPaiement .selection {
	border:solid 1px #EBEBEB;
	border-right:solid 2px #EBEBEB;	
	text-align:center;
}

/* -------------------------- CONTACT ------------------------- */

#contact {
	float:left;	
	width:220px;
}

#form_contact {
	float:right;
	width:430px;
}

#contact,
#form_contact {
	margin-top:20px;
}

#contact .titre {
	margin-bottom:20px;
}
#form_contact .titre {
	margin-bottom:10px;
}

#form_contact DIV {
	background-color:#ECEEEF;
	margin-bottom:1px;
}

/* -------------------------- TRANSMETTRE A UN(E) AMI(E) ------------------------- */
#form_transmettre {
	margin:20px 0px 0px 10px;
	width:400px;
	text-align:left;

}

#form_transmettre #formInscription {
padding:0px;
}

#form_transmettre LABEL{
	width:160px;
}

#form_transmettre .titre {
	margin-bottom:10px;
}

#horaire{
	margin-left:160px;

}

/* -------------------------- DEMANDE ECHANTILLONS GRATUIT ------------------------- */

#form_echantillons {
	margin:10px 0px 0px 10px;
	padding:0px;
	width:500px;
	text-align:left;
}

#form_echantillons #couleur,
#form_echantillons #finition {
	width:200px;
}

/* ------------------------ VU DANS LA PRESSE ------------------------------------- */


.article {
	float:left;
	width:430px;
	margin-top:20px;
	margin-bottom:20px;
}

.visuel {
	float:right;
	width:220px;
}
/* --------------------------- TEMOIGNAGES ---------------------------------------- */

.temoignage {
	margin:0px 0px 30px 0px;
	text-align:justify;
	padding:0px;

	font:14px arial;
}