/* CSS Document */
/***********************************************/
/*********** accueil					*******/
/***********************************************/
.fondaccueil{
	background-image: url(images/fond_accueil8.jpg);
	background-repeat: no-repeat;
}

#contenuAccueil{
/*	 height:160px;  */
	 float:right; 
	 margin: 0px 0px 0px 0px; 	
	 padding:0px;
	 
	 width: 385px;	/*overflow: auto;	*/
	}	
.delimiteurIconSousMenuAccueil{
	width:260px;
	height:3px;
	overflow:hidden;
	margin-right:73px;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#E1E8F4;
}
.textPromo {

color:#6E617B;
	/* color:#926B60;
color:#824A3A;*/
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 15px;
	 text-align:justify;
	 }
.titrePromo{
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#880615;
	text-align:center;
}
.delimiteurIconPromo{
	width:260px;
	height:1px;
	overflow:hidden;
	margin-right:73px;
	/*
	background-image:url(images/fond_trait_promo.gif);
	background-repeat:no-repeat;
	background-color:#CCD5EA;*/
}
.produit a:link{font-weight:normal;}
.produit a:active{font-weight:normal;}
.produit a:hover{text-decoration:underline;}
.textPromo a:hover{text-decoration:underline;}
/***********************************************/
/*********** general					*******/
/***********************************************/
.mandatory{
	color:#880615;
}
.zoneMarque {
	background-image: url(images/zone_marque_haut.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
.fondPrincipal{
	background-image: url(images/fond_interieur4.jpg);
	background-repeat: repeat-y;
}

.slogan{
 font-family: Arial, Helvetica, sans-serif;
 color: 1A4B90;
 font-size:10pt;
	font-weight:bold;
	font-style:italic;
	padding:0;
	padding-left:40px;
}
.rubrique {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:87A0C5;
	/*margin:10px 0px 0px 360px;*/
	padding:10px 30px 0px 0px;
	float:right;
	
}
.zoneMessage{
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:8698C6;
/*	color:87A0C5;*/
	/*margin:10px 0px 0px 360px;*/
	padding:0px;
	width:140px;
}
.delimiteurIconSousMenu{
	width:300px;
	height:3px;
	/*font-size:3px;*/
	overflow:hidden;
	margin-right:66px;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#E1E8F4;
}

.delimiteurSousTitreOnTwoColumn{
	width:300px;
	height:3px;
	/*font-size:3px;*/
	overflow:hidden;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#E1E8F4;
}
.rubriqueOnTwoColumn {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:87A0C5;
	/*margin:10px 0px 0px 360px;*/
	padding:10px 0px 0px 0px;
	float:right;
	width:310px
	
}

.delimiteurIconSousMenuRouge{
	width:300px;
	height:3px;
	/*font-size:3px;*/
	overflow:hidden;
	margin-right:66px;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#1A4B90;
}
/***********************************************/
/*********** menu						*******/
/***********************************************/
.panier{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1A4B90;
	font-weight:normal;
	padding-left:15px;
}

.panier  a:link {
			color: #1A4B90;
		text-decoration:underline;
	}
	.panier  a:active {
			color: #1A4B90;
		text-decoration:underline;

	}
	.panier  a:visited {
			color: #1A4B90;
		text-decoration:underline;

	}
	.panier  a:hover {
		color: #880615;
		text-decoration:underline;

	}
/***********************************************/
/*********** colonne gauche 			*******/
/***********************************************/
/*les catégories */
.menuCategorie{
	padding:0;
	padding-top:25px;
	
	margin:0;
	/*padding-left:95px;*/
	padding-left:25px;
	float:left;
}
	#niki{
		background-image: url(images/niki.gif);
		background-repeat: no-repeat;
	}
.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight:bold;
	color: #1A4B90;
	padding-left:12px;
	margin-top:15px;
	line-height:17pt;
}
	.soustitre  a:link {
			color: #1A4B90;
		text-decoration:none;
	}
	.soustitre  a:active {
			color: #1A4B90;
		text-decoration:none;

	}
	.soustitre  a:visited {
			color: #1A4B90;
		text-decoration:none;

	}
	.soustitre  a:hover {
		color: #880615;
		text-decoration:none;

	}

.soustitreselect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:normal;
	color: 890326;
	padding-left:12px;
	margin-top:15px;
	line-height:18pt;
	text-decoration:none;
}	
li {
	color: #890326;
}
/***********************************************/
/*********** societe					*******/
/***********************************************/
.paveText{width:450px;float:right; padding:10px 50px 0px 10px;margin:0px 20px 0px 0px;}
.rubriqueText {
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:87A0C5;
	/*margin:10px 0px 0px 360px;*/
	padding:10px 30px 0px 0px;
	float:right;
	
}
.delimiteurText{
	width:400px;
	height:3px;
	font-size:3px;
	margin-right:66px;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#E1E8F4;
}
/***********************************************/
/*********** produits					*******/
/***********************************************/
.photoProduit{
	background-color: #FFFFFF;
	
}
/* calage de la liste des produits */
.listeProduit{
	float:right;
	margin-left:0px;
}

.listeProduitAssocie{
	float:right;
	margin-left:10px;
}

.productRow{
	padding:0;
	padding-right:30px;
	padding-top:20px;
}
.productAssociatedRow{
	padding:0;
	padding-right:30px;
	padding-top:20px;
}
.separation{
	background-image: url(images/tiret.gif);
	background-repeat: repeat-x;
}
 /*puce image produit*/
#nikiDroit{
	background-image: url(images/niki_droit.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*calage image + puce image produit*/
.imageMiniature{
	/*padding-bottom:5px;*/
	text-align:right;
	background-position:bottom right;
}

.produit{
	 color:#6E617B;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 0px;
	 text-align:justify;
 }
	 /*
	 ************************************************************
	 mise à jour 26-09-2005*/
	 strike {font-size:8pt; color:1A4B90;}

	 .produit i {font-size:12pt;font-weight:bolder}
	 b.aes {font-style:italic; }

	 /************************************************************/

 .produitSelect{
	 color:#6E617B;
	 font-size:16pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 0px;
	 text-align:justify;
 }
.reference{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: 880615;
	font-weight:bold;
	text-decoration:underline;
	
}
.prix{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: 880615;
	font-weight:normal;
	text-align:right;
}
.colorBlue {
	color: 1A4B90;
}
.legende{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1A4B90;
	font-weight:normal;
}
.message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:8pt;
	color:#890326;
}

/***********************************************/
/*********** espace Client 			*******/
/***********************************************/
.detailEspaceClient{
	float:right;
	width:465px;
	margin:20px 0px 0px 10px;
}
	#limit{
	/*padding-top:2px;*/
	width:20px;
	line-height:8px;
	/*float:right;*/
}
.fondCellule1, .lignePaire{
	background-color:#FFFFFF;
}
.fondCellule2, .ligneImPaire{
	background:transparent;
}
.delimiteurEspaceClient{
	margin-right:75px;
	margin-bottom:5px;
	background-image:url(images/fond_trait_rubrique.gif);
	background-repeat:no-repeat;
	background-color:#E1E8F4;
}

.demande{
	 color:#1A4B90;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 0px;
	 text-align:justify;
 }
 
.demande  a:link {
			color: #1A4B90;
		text-decoration:none;
	}
	.demande  a:active {
			color: #1A4B90;
		text-decoration:none;

	}
	.demande  a:visited {
			color: #1A4B90;
		text-decoration:none;

	}
	.demande  a:hover {
		color: #880615;
		text-decoration:none;

	}

.prixTotal{
	 color:#6E617B;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 0px;
	 text-align:right;
 }
.prixTotalGras{
	 color:#6E617B;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 5px 5px 0px;
	 text-align:right;
	 font-weight:bold;
 }
.libellePrixTotal{
	 color:#6E617B;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding:0px 15px 5px 20px;
	 
	 /*text-align:right;*/
 }

/***********************************************/
/*********** la fiche produit  			*******/
/***********************************************/
.ficheProduit{
	padding:0;
	
	margin:0;
	width: 360px;
	float:left;
}

.ficheProduitSeule{
	padding:0;
	
	margin:0;
	width: 630px;
	float:left;
}
.imageFicheProduit{
	margin-left:10px;
}
.imageTaille1{
	float:right;
	width:180px;
	/*padding-right:10px;*/
}
.zoneFormulaire{
	margin:20px 0px 15px 0px;
}
.descriptionDetaillee{
	 /*width:170px;*/
	 text-align:justify;
	 color:#6E617B;
	 font-size:8pt;
	 font-family: Arial, Helvetica, sans-serif;
	 padding-right:5px;
	float:left;
}

.titreProduit{
	font-family: "Comic Sans MS";
	font-size:13pt;
	color:#1A4B90;
	word-spacing: 10px;

}

.titreCouleur1{
	color:#1A4B90;
	word-spacing: normal;
}

.titreCouleur2{
	color:#7F9AC2;
	word-spacing: normal;
}
.titreCouleur3{
	color:#B8C8DF;
	word-spacing: normal;
}
.titreCouleur4{
	color:#E8EDF4;
	word-spacing: normal;
}

em {
	color:#1A4B90;
}

/***********************************************/
/*********** formulaire       			*******/
/***********************************************/
.separationPartielleFacture{
	background-image: url(images/tiret.gif);
	background-repeat: repeat-x;
	margin-left:15px;
	background-color:E1E8F4;
}
.champTexteAjoutPanier{
	font:Arial, Helvetica, sans-serif;
	font-size:8pt;
	width:25px;
}
.champTexte{
	font:Arial, Helvetica, sans-serif;
	font-size:8pt;
}
input, select,textarea {

  font-family: Arial,Helvetica,sans-serif;

  font-size: 8pt;

  color:#1A4B90;

}

.informations{
  padding-left:50px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 8pt;
  color:#1A4B90;

	
	}
.champMessage{
	background-color:transparent; 
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:8pt;color:#333399;
	
}
.boutonAction{
	font-size:9pt;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #880615;
	background-image:url(images/niki_droit.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom:5px;
	margin:5px 0px 0xp 0xp;
	padding:0px 0px 5px 0px;
	clear:none;
}

.boutonAction a:link {
	color: #880615;
	font-weight:bold;
	text-decoration:none;

}
.boutonAction a:active {
	color: #880615;
	font-weight:bold;
	text-decoration:none;

}
.boutonAction a:visited {
	font-weight:bold;
	color: #880615;
	text-decoration:none;

}
.boutonAction a:hover {
	color: #1A4B90;
	text-decoration:none;

}

.champDevis {
	border: none;
	background:transparent;
	color: #000000;
	text-align:right;
}

.cellule1{
	background-color:#DBD9EA;
}
.cellule2{
	background-color:#E8EDF4;
}
/***********************************************/
/*********** livraison				*******/
/***********************************************/
.blocOnTwoColumn {
	width:310px;float:right; padding:0px 0px 0px 30px;margin:0px;
}

.champMessageLivraison{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:8pt;color:#333399;
	
}
.TitrecardreMenuGauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 880615;
	font-weight: normal;
}
.TexteCadreMenuGauche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#B8C8DF;
	font-weight:normal;
}


.calendrierNormal{
	width: 75px;
    height: 25px;
    background-color: #E8EDF4;
    font-family: Helvetica;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.calendrierNormalWE{
	 width: 75px;
    height: 25px;
    background-color: #CCCCCC;
    font-family: Helvetica;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
	color:#999999;
}

.calendrierBefore{
	 width: 75px;
    height: 25px;
		color:#CCCCCC;
    background-color: #F7FBFB;
    font-family: Helvetica;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.calendrierToday{
	width: 75px;
    height: 25px;
    background-color: #880615;
    font-family: Helvetica;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
	color:#F0E9B7;
}

.calendrierToday a{
	color:#FDF9DB;
}
.calendrierToday a:hover{
	color:#FDF9DB;
	text-decoration:underline;
}

/***********************************************/
/*********** pied de Page				*******/
/***********************************************/
.coinBas {
	clear:both;
	text-align:right;
	width:666px;
}
.delimiteurPiedPage{
		background-image: url(images/pied_de_page.gif);
		background-repeat: repeat-x;
		width:650;
		margin:0px;
		padding:0px;
		margin-top:20Px;

}
.piedDePage{
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	color:#766A83;
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;
}


.piedDePage a:link {
	color: #766A83;
	text-decoration:none;

}
.piedDePage a:active {
	color: #766A83;
	text-decoration:none;

}
.piedDePage a:visited {
	color: #766A83;
	text-decoration:none;

}
.piedDePage a:hover {
	color: #1A4B90;
	text-decoration:none;

}
