/************************* PAGE D'ACCUEIL ****************/
#flashAccueil {
	position:absolute;
	top:52px;
	right:0;
}

H3.accueil {
	background:url(../../images/fond/accueil_supports.gif) center right no-repeat;
	height:178px;
}

H3.accueil p {
	width:335px;
	padding-top:25px;
	font-size:1.1em;
	line-height:1.3em;
}

#colGaucheContainer.accueil {
	text-align:center;
}

#colGaucheContainer.accueil IMG#titreGamme,
#colGaucheContainer.gammes IMG#titreGamme {
	margin-top:10px;
}

#actualites {
	float:left;
	margin-top:20px;
	padding-left:25px;
}

#actualites IMG {
	float:left;
	margin-right:5px;
}

#actualites UL {
	width:520px;
	margin:5px 0 25px 0;
}

#actualites LI {
	font-size:1.1em;
	line-height:1.4em;
	color:#7f182c;
	padding:10px 0 0 0;
}

#actualites LI P {
	font-size:1.1em;
	line-height:1.3em;
	color:#7f182c;
	padding:5px 0 0 0;
}

#encart_valmour.accueil {
	position:absolute;
	top:245px;
	right:30px;
}

/************************* PAGE DES GAMMES ****************/

#colGaucheContainer.gammes {
	text-align:left;
	padding-bottom:20px;
}

#colGaucheContainer.gammes  #lstGammes {
	width:152px;
	text-align:center;
}

#lstGammes .imgGamme {
	margin:10px 0 10px 0;
}

#colDroiteContainer.gammes {
	margin-bottom:10px;
}


DIV.gamme {
	padding:10px 20px 10px 20px;
}

DIV.gamme H2 {
	color:#7f182c;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.5em;
}

DIV.gamme H3 {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:4px;
}

DIV.gamme P.lien A {
	
	margin-bottom:0px;
	color:#7f182c;
}

DIV.gamme P IMG {
	margin-right:8px;
}

DIV.gamme SPAN.lien {
	color:#7f182c;
	font-weight:bold;
	text-decoration:underline;	
}

DIV.gamme:hover SPAN.lien
DIV.gamme A:hover SPAN.lien {
	text-decoration:underline;	
}



/************************* PAGE D'UNE GAMME (LISTE DES PRODUITS) ****************/
#colGaucheContainer.produits #logoGamme {
	width:145px;
	text-align:center;
	margin:10px 0 5px 0;
}
H2.gammes {
	color:#7f182c;
	font-weight:bold;
	font-size:1.8em;
	margin:0;
}

H3.gammes {
	height:190px;
}

H3.gammes P {
	width:450px;
	padding-top:35px;
	font-size:1.1em;
	line-height:1.3em;
}

#autres_gammes {
	margin:20px 0 10px 0;
}

#encart_commande,
#encart_revendeurs {
	width:152px;
	height:130px;
	background:url(../../images/fond/encart_commande.jpg) 0 10px no-repeat;
	text-align:left;
}

#encart_revendeurs P,
#encart_revendeurs A {
	margin-top:8px;
	font-size:1.2em;
	line-height:1.2em;
}

#encart_commande DIV {
	padding:25px 5px 0 20px;
}
#encart_revendeurs DIV {
	padding:25px 5px 0 15px;
}

#encart_commande UL {
	padding:10px 0 0 0;
}

#encart_commande A,
#encart_commande LI {
	font-size:1.1em;
	line-height:1.5em;
}

#encart_commande LI,
#colGaucheContainer.produits P.ssCategorie {
	padding-left:10px;
	background:url(../../images/picto/puce.jpg) 0 7px no-repeat;
}

#colGaucheContainer.produits A {
	font-size:1.2em;
	line-height:1.3em;		
}

#categories {
	padding:5px 35px 5px 10px;
}

#categories P.categorie {
	padding:2px 0 2px 0;
	border-bottom:solid 1px silver;
}

#categories P#selected {
	border-bottom:none;
}

#categories  P.categorie A {
	font-weight:bold;
	color:#7f182c;
}

#produits {
	float:left;
	clear:left;
	padding:20px 0 0 20px;
}

#produits H2 {
	margin-bottom:20px;
}

#produits #logo {
	float:right;
	margin:0 40px 10px 0;
}


/****************** SIMULATION D'AFFICHAGE COMME 2 CELLULES D'UNE TABLE *********************************/

DIV.produit {
	display: table;
	float:left;
	clear:both;
	padding-bottom:20px;
}

DIV.produit DIV.photo,
DIV.produit DIV.presentation {
	display: table-cell;
	height:100%;
	vertical-align:top;
}

DIV.produit DIV.photo {
	float:left;
	margin-right:10px;
}

DIV.produit DIV.photo IMG {
	width:70px;
	border: solid 1px #7f182c;
}


DIV.produit DIV.presentation {
	width:600px;
}

DIV.produit P.nom {
	font-size:1.4em;
	line-height:1.1em;
	font-weight:bold;
	color:#7f182c;
	margin-bottom:5px;
}

DIV.produit P.description {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:10px;
}

DIV.produit P.lien {
	font-size:1.2em;
	font-weight:bold;
	color:#7f182c;
}

DIV.produit P.lien:hover,
DIV.produit A:hover P.lien {
	text-decoration:underline;
}


DIV.produit P.lien img  {
	float:left;
	margin-right:5px;
}

/*********************** FICHE PRODUIT **********************/

#titre_fiche_produit {
	width:746px;
	float:left;
	background:url(../../images/fond/titre_fiche_produit.jpg) right bottom no-repeat;
	padding:25px 0 25px 0;
}

#titre_fiche_produit H2 {
	float:left;
	font-size:1.6em;
	line-height:1.5em;
	font-weight:bold;
	color:#7f182c;
	padding:0 25px 0 25px;
	width:500px;
}

#titre_fiche_produit P {
	float:left;
}

#titre_fiche_produit A {
	font-size:1.1em;
	color:#7f182c;
}

#fiche_produit {
	clear:both;
	padding:20px;
}

#fiche_produit #description {
	width:520px;
	float:left;
}

#fiche_produit H3 {
	clear:both;
	font-size:1.2em;
	line-height:1.2em;
	margin-right:20px;
	margin-bottom:20px;	
}

#fiche_produit #description P IMG {
	margin-right:5px;
}
#fiche_produit #description P {
	font-size:1.2em;
	line-height:1.1em;
	margin-bottom:8px;
}

#fiche_produit .puceAvel {
	float:left;
	margin-right:10px;
}
#fiche_produit #description A {
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#7f182c;
}

#fiche_produit #visuel IMG {
	float:left;
	border: solid 1px #7f182c;
}

#tblZooms {
	margin-top:10px;
}
#tblZooms TD IMG {
	margin-bottom:20px;
	cursor:pointer;
}

/*********************************** Page Nuancier ************************/

#nuancier {
	margin-top:20px;
	text-align:center;
}

#nuancier .nuancier {
	float: left;
	width: 120px;
	height: 150px;
	text-align: center;
	margin:0;
}

#nuancier .couleurNuancier {
	width: 100px;
	height: 100px;
	border:solid 1px silver;
}

#nuancier .nom {
	width:100px;
	font-size: 0.8em;
	color:#555;
	margin-top: 3px;
}

/************************* POPUP commande ***************/
#popupCmd {
	padding-top:20px;
}

#popupCmd P {
	font-size:1.3em;
	line-height:1.3em;
}

#popupCmd IMG {
	float:left;
	margin-right:10px;
}

#popupCmd A.lien {
	font-size:1em;
	color:#7f182c;
}

#popupCmd A.lien2 {
	font-size:0.9em;
	font-weight:bold;
	color:#7f182c;
}


/************************ Page CONTACT ***************/
#colDroiteContainer.contact A,
#colDroiteContainer.contact A:hover {
	font-size:1em;
	text-decoration:underline;
}

#colDroiteContainer.contact H3 {
	line-height:1.4em;
}
#colDroiteContainer.contact A.emailContact {
	color:#7f182c;
	text-decoration:none;	
}

P.acces {
	width:270px;
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:15px;
}

#plan {
	position:absolute;
	top:90px;
	right:10px;
}