body{
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
tr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
label{
	font-family: 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{
	margin-right: 30px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}
H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.TexteStandard{
	font-family: 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: 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: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
}
.TexteBasPageIdentification{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
}
li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-image: url(Charte/PetiteFleche.gif);
}
.BuleFleche{
	font-family: 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: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #320001;
}
.verdana10-bold1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #320001;
}
.verdana10-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* BARRE SUIVIE NAVIGATION 													 
*/
.LienBarreNavigFont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavig:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavig:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavig:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavig:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavigFin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.LienBarreNavigSeparateur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bolder;
}

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

/* FORMULAIRES 													 
*/
select{
	border: 1px solid #320001;
	font-family: 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: 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;
}
.selectcatalogue{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.inputCentreSansBord{
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #C50102;
	font-size: 12px;
}
.InputImage{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea{
	border: 1px solid #320001;
	font-family: 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: 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 
*/
DIV#BlocProduit{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E38B27;
}
.CatPro{
	color: #522127;
}
.CatProTitre{
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: 20px;
}
.CatProDim{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8A6C6C;
}
.CatPrix{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #195BFC;
}
a.CatLien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #195BFC;
	text-decoration: none;
}
a.CatLien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E38B27;
	text-decoration: none;
}

/****/
/* 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: 160px;
}
#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												 
*/
#FicheProduitSpecial{
	height: 120px;
	width: 180px;
	/*border: 1px solid #000000;*/
	position: absolute;
	z-index: 1;
	left: 355px;
	top: 10px;
}
.FicheProduitResumer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C50102;
}
.FicheProduitQte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #522021;
	font-weight: bold;
}
.FicheProduitPrix{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #522021;
	font-weight: bold;
}

/* Panier												 
*/
.LegendLivraison{
	font-family: 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: 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: 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: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.fieldsetFac{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-indent: 10px;
	}
	
	.LegendAdresseFac{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 10px;
	}	
	.NbreDansPanier{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #666666;
	}
	.EnteteFondSansArrondi{
	background-image: url(/cmsTemplates/canitao/cmsCharte/fd_EnteteLigne.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-repeat: repeat-x;
	}
	.EnteteFond{
	background-image: url(/cmsTemplates/canitao/cmsCharte/fd_Commander.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
	.EnteteFondxL195{
	background-image: url(/cmsTemplates/canitao/cmsCharte/BARRE-DECOR-BRUNxL195.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
	.EnteteFondxL220{
	background-image: url(/cmsTemplates/canitao/cmsCharte/BARRE-DECOR-BRUNxL220.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
	.EnteteFondxL195f10pix{
	background-image: url(/cmsTemplates/canitao/cmsCharte/BARRE-DECOR-BRUNxL195.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	}
	/* Paramétrage du bloque panier */
	.PanierBloqueDivContour{
		border: 0px solid #441316;
	}
	.PanierBloqueTitre{
	background-image: url(/cmsTemplates/canitao/cmsCharte/BARRE-DECOR-150.jpg);
	background-repeat: repeat-x;
	height: 30px;
	}
	.PanierBloqueTitreTexte{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	top: 5px;
	}
	a.BloquePanierLien{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
	}
	a.BloquePanierLien:hover{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #990000;
		text-decoration: none;
	}
	.BloquePanierQtePrix{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;	
	}
	.BloquePanierTVA{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8C8C8C;	
	}
	.BloquePanierLiv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FD9395;	
	}
	/* Permet de centrer dans la fenetre */
	#containerajax {
   padding: 5px;
  display: table;
  test-align: center;
	}
	#titrefenetre {
	width: 98%;
	height: 25px;
	background-color:#320001;
	font-family: 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: #FEF6E9;
	}
	.PanierLigneImpaire{
		background-color: #FFE4B9;
	}
	.LignePaire{
		background-color: #E0D7D8;
	}
	.LigneImpaire{
		background-color: #9D8487;
	}
	.PanierLienSurArticle{/*Designation*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	}
	.Reference{
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		font-size: 10px;
	}
	/* Pied */
	.PiedTableau{
		border: 1px solid #320001;
	}
	
	.TextePied{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;	
	}


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

/* Barre de suivie / recherche */
div#BarreSuivie{
	width: 960px;
	height: 32px;
}
div#LogoAccueil{
	float:left;
	height: 32px;
	width: 50px;
}
div#BtnMonPanier{
	float:right;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
}
.BtnMonPanier{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.BtnMonPanier:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C80000;
	text-decoration: none;
}
/* plan du site */ 
.PlanDuSiteCategorie{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.PlanDuSiteLink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.PlanDuSiteLink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.PlanDuSiteLink a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E38B27;
}
.PlanDuSiteLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
}
.PlanDuSiteLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E38B27;
}
/**************************************************************************************/
/* Style des fenêtres systeme
*/
/*
Contenu des boites Ajax thickbox
*/
.thickboxTitreFenetre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
	font-weight: bold;
}
.thickboxContenuFenetre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
/*
Newsletters
*/
.FormNewsLabel{
	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: #666666;
	text-decoration: none;
}
.FormNewsInput{
	border: 1px solid #320001;
	font-family: 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;
}

/*
Avis des utilisateurs
*/
#DivAvis{
	height: 400px;
	width: 100%;
	overflow: auto;
	padding-right: 10px;
}
.AvisUtilTitrePage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
	font-weight: bold;
}
.AvisUtilDeQui{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	float: left;
}
.AvisUtilDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	float: right;
}
.AvisUtilArticle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

/****/
/*
//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/canitao/Charte/bg_button_b.gif') no-repeat scroll top right;
	color: #95291D;
	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/canitao/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: #95291D;
    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;
} 


/* Easy Slider */
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:165px;
		height:241px;
		overflow:hidden; 
		}
	#slider li{
	background-color: #FFEFD6;
	text-align:left;
		}		
	#slider li h2{ 
		margin:0 20px;
		}	
	#slider li p{ 
		margin:5px;
		}	
	#ContSpan{
	width:165px;
	background-color: #FFEFD6;
	height:20px;
	}
	span#prevBtn{
		float:left;
		margin-left:5px;
	}
	span#nextBtn{
		float:right;
		margin-right:5px;
	}					
/* // Easy Slider */