body{
	background-color: #320001;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.HTabBorne{
	height:400px;
	}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #320001;
	text-decoration: none;
}
H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #320001;	
}
H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.H1-Orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
}
.TexteStandard{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.TexteHaut{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.Copyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;	
}
.TexteBasPageIdentification{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;	
}
li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-image: url(Charte/PetiteFleche.gif);
}
.BuleFleche{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-image: url(Charte/PetiteFleche.gif);
}
.arial8 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 8px;
	color: #320001;
	line-height: 12px
}
.arial10 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #320001;
	line-height: 12px
}
.arial12 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #320001;
}
.arial12-bold1 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #320001;
	font-weight: bold;
}
.MessageErreur{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}
.verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #320001;
}
.verdana10-bold1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #320001;
}
.verdana10-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
/**************************************************************/
/* BARRE SUIVIE NAVIGATION 													 
*/
.LienBarreNavigFont{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #420000;
	font-weight: bold;
}
.LienBarreNavig:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #420000;
	font-weight: bold;
}
.LienBarreNavig:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #420000;
	font-weight: bold;
}
.LienBarreNavig:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #907675;
	font-weight: bold;
}
.LienBarreNavig:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #420000;
	font-weight: bold;
}
.LienBarreNavigFin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #420000;
	font-weight: bold;
}
.LienBarreNavigSeparateur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #420000;
	font-weight: bolder;
}

/*
Reglette
*/
.Reglette{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #694444;
	text-decoration: none;
	letter-spacing: 10px;
}
.ReglettePageActive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #D7CCCC;
	text-decoration: none;
	letter-spacing: 10px;	
}
#DivReglette{
	margin-left: auto; 
	margin-right: auto;
	width:1px;
}

/**************************************************************/* FORMULAIRES 													 
*/
select{
	border: 1px solid #320001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #320001;
	text-decoration: none;
}
input{
	border: 1px solid #320001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #320001;
	text-decoration: none;
}
.inputDroite{
	text-align: right;
}
.inputCentre{
	text-align: center;
}

.InputImage{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea{
	border: 1px solid #320001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #320001;
	text-decoration: none;
}
.bouton{
	border: 1px solid #320001;
	background-color:#320001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CCBFC1;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.BoutonOuvrirCompte{
	border: 1px solid #320001;
	background-color: #320001;
	height: 16px;
	width: 130px;
}
.BoutonOuvrirCompteLien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #CCBFC1;
	text-decoration: none;
	top: auto;
	bottom: auto;
}
.BoutonOuvrirCompteLien:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #CCBFC1;
	text-decoration: none;
	top: auto;
	bottom: auto;
}
/***********************************************************************
Catalogue 
*/
.CatPro{
	color: #522127;
}
.CatProTitre{
	color: #522127;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.CatProDim{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8A6C6C;
}
/****/
/* Cadre coin arrondi */
/* propriétés communes a l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques a chaque coin */
#cadre { /* taille du cadre, a titre d'exemple */
	background-color: #DFD9D9;
	width: 165px;
}
#cadreListe { /* taille du cadre, a titre d'exemple */
	background-color: #DFD9D9;
	width: 550px;
}
#hautgauche {
background: url(/cmsTemplates/boutiquepro/Charte/CoinFicheHautGauche.jpg);
}
#hautdroit {
float: right;
background: url(/cmsTemplates/boutiquepro/Charte/CoinFicheHautDroite.jpg);
}
#basgauche {
background: url(/cmsTemplates/boutiquepro/Charte/CoinFicheBasGauche.jpg);
}
#basdroit {
float: right;
background: url(/cmsTemplates/boutiquepro/Charte/CoinFicheBasDroite.jpg);
}
#CatProContenu {
	margin: 10px;
}
#CatProContenuListe {
	margin: 10px;
	height: 150px;
}
/**************************************************************/
/* Fiche produit												 
*/
.FicheProduitQte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #522021;
	font-weight: bold;
}
.FicheProduitPrix{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #522021;
	font-weight: bold;
}

/**************************************************************/
/* Panier												 
*/
.LegendLivraison{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.LegendFacturation{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.TexteAdresse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.SelectQte{
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
	.DIVPanier{
	border: 1px solid #320001;
	}
	/* Entete */
	.TitreAdresseLiv{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.fieldsetFac{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-indent: 10px;
	}
	
	.LegendAdresseFac{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 10px;
	}	
	.NbreDansPanier{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #666666;
	}
	.EnteteFondSansArrondi{
	background-image: url(/cmsTemplates/webboutique/cmsCharte/fd_EnteteLigne.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: repeat-x;
	}
	.EnteteFond{
	background-image: url(/cmsTemplates/webboutique/cmsCharte/fd_Commander.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
	.EnteteFondxL195{
	background-image: url(/cmsTemplates/webboutique/cmsCharte/BARRE-DECOR-BRUNxL195.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
	.EnteteFondxL220{
	background-image: url(/cmsTemplates/webboutique/cmsCharte/BARRE-DECOR-BRUNxL220.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
	.EnteteFondxL195f10pix{
	background-image: url(/cmsTemplates/webboutique/cmsCharte/BARRE-DECOR-BRUNxL195.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}
	.SelecteurDeviseSigle{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #663333;		
	}
/* Permet de centrer dans la fenetre */
	#containerajax {
   padding: 5px;
  display: table;
  test-align: center;
	}
	#titrefenetre {
	width: 98%;
	height: 25px;
	background-color:#320001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: auto;
	padding-bottom: auto;
	text-align: center;
	vertical-align: middle;
	}
	#Contenufenetre{
	text-align: left;
	position: relative;
	}
	
	.PanierLignePaire{
		background-color: #E0D7D8;
	}
	.PanierLigneImpaire{
		background-color: #9D8487;
	}
	.LignePaire{
		background-color: #E0D7D8;
	}
	.LigneImpaire{
		background-color: #9D8487;
	}
	.PanierLienSurArticle{/*Designation*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	}
	.Reference{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 10px;
	}
	/* Pied */
	.PiedTableau{
		border: 1px solid #320001;
	}
	
	.TextePied{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;	
	}


.contourdetailproduit{
	border: 1px solid #441316;
}

/*
//Boutons
// http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html 
*/
.cmsboutonclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
/* Bouton sans icone */
a.cmsbutton {
	background: transparent url('/cmsTemplates/webboutique/Charte/bg_button_b.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	height: 24px;
	margin-right: 16px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	overflow: hidden;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
a.cmsbutton span {
	background: transparent url('/cmsTemplates/webboutique/Charte/bg_button_span_b.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
	overflow: hidden;
} 
a.cmsbutton:hover {
    background-position:  right -24px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.cmsbutton:hover span {
	color: #FFFFCC;
    background-position: 0px -24px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
} 

a.cmsbutton:active {
    background-position: right -48px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.cmsbutton:active span {
    background-position: 0px -48px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
} 
a.cmsbuttonIG span{
	padding-right: 5px;
}
/* Bouton avec icone à gauche */ 
a.cmsbuttonIG:hover span{
	padding-right: 5px;
} 
a.cmsbuttonIG:active span{
	padding-right: 5px;
} 
/* Bouton avec icone à droite */
a.cmsbuttonID span{
	padding-left: 23px;
} 
a.cmsbuttonID:hover span{
	padding-left: 23px;
} 
a.cmsbuttonID:active span{
	padding-left: 23px;
}