/* CSS Document */
/*
=> rouge #D10019
=> beige_clair #DBCFBA
=> marron #917665
top  / right /  bot  / left
*/

.J { text-align: justify; }

table, tr, td, body,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
/*
	scrollbar-base-color : #EBE3CF;
	scrollbar-track-color : #EBE3CF;
	scrollbar-shadow-color : #79715D;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-face-color : #C2BAA6;
	scrollbar-darkshadow-color : #C2BAA6;
	scrollbar-arrow-color : #79715D;
	scrollbar-3dlight-color : #C2BAA6;
*/
}

option.bg 
{ 
	padding: 2px 0 2px 20px; 
	background-repeat: no-repeat;
	 background-position: 1px 2px; 
	 vertical-align: middle; 
	 /* 
		<option value= class="bg" style="background-image: url(/images/icons/bug.gif);">
	  */
} 

table.clickable
{
	cursor:pointer;
}
 

/* .hidden { visibility: hidden; display: none; } */

img
{
	border-color:#D10019;
}
  
a.input:hover
{
	border: 1px solid #D10019;
}

a.input
{
	border: 1px solid #ffffff;
}

input.iboutons
{
	border-color:#ffffff;
}
 
 
/* -- couleurs, b, ... -- */

.b, td.b, tr.b, table.b, div.b, p.b { font-weight: bold; }
.caps, td.caps, tr.caps, table.caps, div.caps, p.caps { font-variant: small-caps; }

.blanc, a.blanc, td.blanc, tr.blanc, table.blanc, div.blanc, p.blanc { color: #ffffff; }
.rouge, a.rouge, td.rouge, tr.rouge, table.rouge, div.rouge, p.rouge { color: #D10019; }
.vert, a.vert, td.vert, tr.vert, table.vert, div.vert, p.vert { color: #009900; }
.marron, a.marron, td.marron, tr.marron, table.marron, div.marron, p.marron { color: #917665; }
.orange, a.orange, td.orange, tr.orange, table.orange, div.orange, p.orange { color: #d98705; }
.gris, a.gris, td.gris, tr.gris, table.gris, div.gris, p.gris { color: #efefef; }
.fonce, a.fonce, td.fonce, tr.fonce, table.fonce, div.fonce, p.fonce { color: #777777; }
.beige, a.beige, td.beige, tr.beige, table.beige, div.beige, p.beige { color: #DBCFBA; }
.marroncl, a.marroncl, td.marroncl, tr.marroncl, table.marroncl, div.marroncl, p.marroncl { color: #a3887d; }
.noir, a.noir, td.noir, tr.noir, table.noir, div.noir, p.noir { color: #000000; }
.bleufonce, a.bleufonce, td.bleufonce, tr.bleufonce, table.bleufonce, div.bleufonce, p.bleufonce { color: #003c74; }
.bleu, a.bleu, td.bleu, tr.bleu, table.bleu, div.bleu, p.bleu { color: #deefff; }
.silver, a.silver, td.silver, tr.silver, table.silver, div.silver, p.silver { color: #666666; }
.mentions, a.mentions, td.mentions, tr.mentions, table.mentions, div.mentions, p.mentions { color: #BBBBBB; }

a.silver:hover { color: #D10019; }
a.mentions:hover { color: #D10019; }

td.bbleu, tr.bbleu, table.bbleu { background-color: #deefff; }
td.bsilver, tr.bsilver, table.bsilver { background-color: #666666; }
td.bbleufonce, tr.bbleufonce, table.bbleufonce { background-color: #003c74; }
td.bblanc, tr.bblanc, table.bblanc { background-color: #ffffff; }
td.bgris, tr.bgris, table.bgris { background-color: #efefef; }
td.bmarron, tr.bmarron, table.bmarron { background-color: #917665; }
td.bmarroncl, tr.bmarroncl, table.bmarroncl { background-color: #a3887d; }
td.brouge, tr.brouge, table.brouge { background-color: #D10019; }
td.bbeige, tr.bbeige, table.bbeige { background-color: #DBCFBA; }
td.brose, tr.brose, table.brose { background-color: #f9e5e6; }

/* -- barre de navigation sous menu principal avant bandeau -- */

a.barlink, .barlink, td.barlink, tr.barlink, table.barlink, div.prbarlinkx, p.barlink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #AAAAAA;
	text-decoration: none;
}

a.barlink:hover { color: #D10019; text-decoration: underline; }


/* -- liens -- */

a { text-decoration: none; }

a.blanc { font-weight:bold; text-decoration: none; color: #ffffff; }
a.blanc:hover { text-decoration:none; color:#D10019; }

a.text { text-decoration: none; color: #000000; }
a.text:hover { text-decoration:underline; color:#D10019; }

a.ln { font-weight:bold; text-decoration: none; color: #000000; }
a.ln:hover { font-weight:bold; text-decoration:underline; color:#D10019; }

a:hover { text-decoration: underline; }

a.liens { text-decoration: none; color: #000000; }
a.liens:hover { text-decoration:none; color:#D10019; }

a.bliens { font-weight: bold; text-decoration: none; color: #000000; }
a.bliens:hover { text-decoration:none; font-weight: bold; color:#D10019; }

a.rliens { text-decoration: none; color: #D10019; }
a.rliens:hover { text-decoration:none; color:#000000; }

a.menu { font-weight: bold; text-decoration: none; color: #000000; }
a.menu:hover { text-decoration:none; font-weight: bold; color:#D10019; }

a.petit { text-decoration: none; color: #000000; }
a.petit:hover { font-weight: bold; text-decoration: none; }

a.tpetit { text-decoration: none; color: #000000; }
a.tpetit:hover { font-weight: bold; text-decoration: none; }

/* --- style bouton suivi de commande --- */
a.boutonDetail { font-weight:bold; text-decoration: none; color: #ffffff; }
a.boutonDetail:hover { text-decoration:none; color:#000000; }

a.boutonColis { font-weight:bold; text-decoration:none; color:#000000; }
a.boutonColis:hover { text-decoration:none; color:#ffffff; }

a.prehome { text-decoration: none; color:#777777  }
a.prehome:hover  { text-decoration: underline ;  color:#777777 }

/* -- tailles / textes -- */

a.gprix, .gprix, td.gprix, tr.gprix, table.gprix, div.gprix, p.gprix
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #D10019;
	text-decoration: none;
}

a.gprix:hover { text-decoration: underline; }


a.prix, .prix, td.prix, tr.prix, table.prix, div.prix, p.prix
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #D10019;
	text-decoration: none;
}

a.prix:hover { text-decoration: underline; }


a.pbar, .pbar, td.pbar, tr.pbar, table.pbar, div.pbar, p.pbar
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color: #666666;
	text-decoration: none;
}

a.pbar:hover { text-decoration: underline; }

a.gpbar, .gpbar, td.gpbar, tr.gpbar, table.gpbar, div.gpbar, p.gpbar
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color: #666666;
	text-decoration: none;
}

a.gpbar:hover { text-decoration: underline; }

.petit, td.petit, tr.petit, table.petit, div.petit, p.petit, a.petit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
}

.tpetit, td.tpetit, tr.tpetit, table.tpetit, div.tpetit, p.tpetit, a.tpetit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration: none;
}


.grand, td.grand, tr.grand, table.grand, div.grand, p.grand, a.grand
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


.btit, td.btit, tr.btit, table.btit, div.btit, p.btit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color: #917665;
	
}

.text, td.text, tr.text, table.text, div.text, p.text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.btext, td.btext, tr.btext, table.btext, div.btext, p.btext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.vbtext, td.vbtext, tr.vbtext, table.vbtext, div.vbtext, p.vbtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}


/* -- menu nav-- */

a.menu_nav:hover { text-decoration:underline; }

a.menu_nav
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}




/* -- menu -- */

a.menu_title:hover { color: #efefef; text-decoration:none; }

a.menu_title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D10019;
}
 
.menu_title, td.menu_title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #D10019;
}


/* -- forms -- */

.input
 {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 10px;
	height: 17px;
 }

.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #CCCCCC;
	height: 15px;
	background-color: #f1e8d8;
 }

.codepromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	height: 22px;
	background-color: #f1e8d8;
 }

.area
{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 10px;
}

.xboutons 
 {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 10px;
   border: 1px solid #DBCFBA;
   color:#D10019; 
   font-weight:normal;
 }

.rboutons 
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #D10019;
	background-color: #D10019;
 }
 
.boutons 
 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #917665;
	border: 1px solid #917665;
	background-color: #ffffff;
 }

/*
.brd {
	border: 1px solid #EFEFEF;
}
.brd_rt {
	border-right: 1px solid #EFEFEF;
}
.brd_lt {
	border-left: 1px solid #EFEFEF;
}
.brd_bot {
	border-bottom: 1px solid #EFEFEF;
}
.brd_top {
	border-top: 1px solid #EFEFEF;
}
.bdr_5px {
	margin: 5px 0 5px 0;
}
.bdr_5pxtop {
	margin: 5px 0 0 0;
}
*/



/* -- conservation old site -- */




.B { font-weight: bold; }
.date {
	color: #917665;
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}
.identifiez {
	color: #d10019;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}
a.identifiez { text-decoration: underline;  }
a.identifiez:hover { text-decoration: none;	}

.panier {
	color: #917665;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px 0 0;
	text-align: right;
}
a.panier {text-decoration: underline;  }
a.panier:hover { text-decoration: none;  }

.cgv {
	color: #917665;
	font-size: 10px;
	font-weight: normal;
	padding-left: 5px;
}

.prehome {
	color: #666666;
	font-size: 9px;
	font-weight: normal;
	padding-left: 0px;
}

.cgvbaseline {
	color: #917665;
	font-size: 9px;
	font-weight: normal;
	padding-left: 5px;
}
a.cgv { text-decoration: none;  }
a.cgv:hover  { text-decoration: underline ;  }
a.cgvbaseline { text-decoration: none;  }
a.cgvbaseline:hover  { text-decoration: underline ;  }

.erreur {
	font-size: 10px;
	font-weight: bold;
	color: #D10019;
	padding: 0 5px 0 5px;
}
.txtaide { font-size: 10px; color: #BBBBBB; padding: 1px; }
a.txtaide { text-decoration: underline;  }
a.txtaide:hover { text-decoration: none;	}

/* BORDURE DE TABLEAU --------------------------------------------------------*/
.brd {
	border: 1px solid #EFEFEF;
}
.brd_rt {
	border-right: 1px solid #EFEFEF;
}
.brd_lt {
	border-left: 1px solid #EFEFEF;
}
.brd_bot {
	border-bottom: 1px solid #EFEFEF;
}
.brd_top {
	border-top: 1px solid #EFEFEF;
}
.bdr_5px {
	margin: 5px 0 5px 0;
}
.bdr_5pxtop {
	margin: 5px 0 0 0;
}

.border
{
	border:solid 5 white;
}

/* FOND DE TABLEAU -----------------------------------------------------------*/
td.fd_bd-haut {
	background-color: #DBCFBA;
	/*background-color: #031148;*/
}
td.fd_blanc {
	background-color: #FFFFFF;
}
td.fd_beige {
	background-color: #DBCFBA;
}
td.fd_clair {
	background-color: #F4F1EA;
}
td.fd_marron {
	background-color: #917665;
}

/* MENU COMPTE ----------------------------------------------------------------*/
.brd-cpt_rt {
	border-right: 1px solid #999999;
}
.brd-cpt_lt {
	border-left: 1px solid #999999;
}
.brd-cpt_bot {
	border-bottom: 1px solid #999999;
}
.brd-cpt_top {
	border-top: 1px solid #999999;
}
a.bt01 { background-image: url('../images/bt_cde.gif'); display: block; width: 122px } 
a.bt01:hover { background-image: url('../images/bt_cde_02.gif'); } 
a.bt02 { background-image: url('../images/bt_suivi.gif'); display: block; width: 123px } 
a.bt02:hover { background-image: url('../images/bt_suivi_02.gif'); } 
a.bt03 { background-image: url('../images/bt_catalogue.gif'); display: block; width: 152px } 
a.bt03:hover { background-image: url('../images/bt_catalogue_02.gif'); } 
a.bt04 { background-image: url('../images/bt_news.gif'); display: block; width: 77px } 
a.bt04:hover { background-image: url('../images/bt_news_02.gif'); } 
a.bt05 { background-image: url('../images/bt_info.gif'); display: block; width: 98px } 
a.bt05:hover { background-image: url('../images/bt_info_02.gif'); } 
a.bt06 { background-image: url('../images/bt_compte.gif'); display: block; width: 89px } 
a.bt06:hover { background-image: url('../images/bt_compte_02.gif'); } 

/* MENU PRINCIPAL -------------------------------------------------------------*/
.menu {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
}

.ss-menu  {
	color: #AAAAAA;
	font-size: 11px;
}
a.ss-menu { text-decoration: underline;  }
a.ss-menu:hover { color: #D10019; text-decoration: none;	}


/* MENU RECHERCHE -------------------------------------------------------------*/
.rech {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 100px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.rech02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 115px;
	border: 1px solid #CCCCCC;
	height: 17px;
 }
a.btok { background-image: url('../images/bt_ok.gif'); display: block; width: 22px } 
a.btok:hover { background-image: url('../images/bt_ok_02.gif'); } 

/* MENU INSTITUTONNEL MATY BS ------------------------------------------------*/
.menu_bs {
	color: #917665;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}
a.menu_bs {	text-decoration: none;}
a.menu_bs:hover { color: #FFFFFF; text-decoration: none;}

.txt_bs {
	color: #917665;
	font-size: 13px;
	font-weight: bold;
}
.menu_bs_offre {
	color: #000000;
	font-size: 10px;
	padding-left: 5px;
}
a.menu_bs_offre {	text-decoration: underline;}
a.menu_bs_offre:hover { color: #000000; text-decoration: underline;}




/* PRESENTATION PRODUITS -------------------------------------------------------------------------------------------------*/
.tbl_sepa {
	margin: 0 0 5px 0;
}
.tbl_prod {
	margin: 2px;
}
.brd_prod {
	border: 1px solid #EFEFEF;
}
.td_remise {
	font-size: 10px;
	font-weight: normal;
	color: #D10019;
	background-color: #F9E5E6;
	text-align: right;
	text-decoration: line-through;
}
.td_remise_arial {
	font-family:Arial, Helvetica,  Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D10019;
	background-color: #F9E5E6;
	text-align: right;
	text-decoration: line-through;
}
.td_ss-remise {
	font-size: 10px;
	font-weight: bold;
	color: #D10019;
	background-color: #FFFFFF;
	text-align: center;
}
.td_prix_arial {
	font-family:Arial, Helvetica,  Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D10019;
	background-color: #EFEFEF;
	text-align: right;
}
.td_descr {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	letter-spacing: -0.1em;
	vertical-align: top;
}
.td_prix {
	font-size: 11px;
	font-weight: bold;
	color: #D10019;
	background-color: #EFEFEF;
	text-align: right;
}
.td_prix-barre {
	font-size: 9px;
	font-weight: normal;
	color: #D10019;
	background-color: #FFFFFF;
	text-align: right;
	text-decoration: line-through;
}
.td_ss-prix-barre {
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-align: right;
}


/* TRIER -------------------------------------------------------*/

.selec_trier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 120px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.trier {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 0 8px;
}
.suivant {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px 0 0;
}
a.suivant { text-decoration: underline;  }
a.suivant:hover { color: #d10019; text-decoration: none;	}

.navigation
{	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px 0 0;
}
a.navigation { text-decoration: underline;  }
a.navigation:hover { color: #d10019; text-decoration: none;	}

.navigation_sans_lien
{	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px 0 0;
}
a.navigation_sans_lien{ text-decoration: none;  }
a.navigation_sans_lien:hover { text-decoration: none;	}

/* FICHE PRODUITS -------------------------------------------------------------------------------------------------------*/
.fi_debut {
	font-size: 11px;
	font-weight: bold;
	background-color: #D10019;
	color: #666666;
	height: 10px;
}
.fi_prod {
	margin: 0px;
	border: 1px solid #EFEFEF;
}
.fi_tbl-desc {
	padding: 5px 0 5px 0;
}
.fi_titre-prod {
	padding: 5px 0 5px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-top: 1px dashed #CCCCCC;
	font-variant: small-caps;
}
.fi_desc-prod {
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}
.fi_prix {
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	border-bottom: 1px dashed #CCCCCC;
	text-align: right;	
}
.fi_prix_vente {
	font-family: Arial, Helvetica, verdana, sans-serif;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	border-bottom: 1px dashed #CCCCCC;
	text-align: right;	
}
.fi_prix_barre {
	font-family: Arial, Helvetica, verdana, sans-serif;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	text-decoration:line-through;
	border-bottom: 1px dashed #CCCCCC;
	text-align: right;	
}
.fi_taille {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #E1DCCB;
	height: 20px;
	padding: 0 0 0 5px;
}
.fi_zoom {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #E1DCCB;
	height: 20px;
	text-align: left;
	padding: 2px 0 0 5px;
}
a.fi_zoom { text-decoration: none;	}
a.fi_zoom:hover { text-decoration: underline;	}

.fi_01 {
	padding: 6px 0 6px 0;
}
.fi_04 {
	padding: 5px 0px 0px 0px;   /*top  / right /  bot  / left*/
}

.fi_txt {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding: 0 5px 0 0;
}
.fi_select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.fi_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 40px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.fi_input-grav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 120px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.fi_legende {
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	font-style: italic;
	text-align: right;
	padding: 0 26px 0 0;
 }
.fi_fin {
	border-bottom: 1px dashed #CCCCCC;
	height: 10px;
}
.fi_pad5 { padding: 5px; }
.fi_pad3 { padding: 3px; }
.fi_bor { border: 1px dotted #CCCCCC; }
.fi_txtaide { font-size: 10px; color: #BBBBBB; padding: 5px; }
a.fi_txtaide { text-decoration: underline;  }
a.fi_txtaide:hover { text-decoration: none;	}

.retour {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px 0 0;
	text-align: right;
}
a.retour { text-decoration: underline;  }
a.retour:hover { color: #D10019; text-decoration: none;	}

.fi_panier {
	padding: 4px 0 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D10019;
	text-align: center;
}
a.fi_panier { text-decoration: none;  }
a.fi_panier:hover { text-decoration: underline;	}
.fi_emballer {
	padding: 4px 0 5px 0;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D10019;
	text-align: center;
}
a.fi_emballer { text-decoration: none;  }
a.fi_emballer:hover { text-decoration: underline;	}

.fi_coordo {
	padding: 10px 0 5px 6px;
	border-bottom: 1px dashed #CCCCCC;
}
.fi_tbl-coordo {
	margin: 5px 0 5px 0;
}
.fi_ss-menu-fl {
	padding: 3px 3px 3px 3px;
}
.fi_ss-menu {
	padding: 3px 0 3px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
a.fi_ss-menu { text-decoration: none;  }
a.fi_ss-menu:hover { text-decoration: underline;	}





/* DEMANDE DE CATALOGUE -------------------------------------------------------------------------------------------------------*/
.ca_point-top {
	border-top: 1px dashed #CCCCCC;
}
.ca_point-bot {
	border-bottom: 1px dashed #CCCCCC;
}

.ca_titre {
	padding: 5px 0 5px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	height: 30px;
}
.ca_txt {
	padding: 5px 0 5px 0;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}
.ca_txt_noir {
	padding: 5px 0 5px 0;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.ca_txt_noir9 {
	padding: 5px 0 5px 0;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
a.ca_txt_noir9  { text-decoration: none;	}
a.ca_txt_noir9:hover { text-decoration: none;	}
.ca_txt_rose {
	padding: 5px 0 5px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #cf11cf;
	height: 30px;

}
.ca_sepa {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #DBCFBA;
	height: 20px;
	padding: 0 0 0 5px;
}
.ca_input-00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 200px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.ca_input-01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 200px;
	border: 1px solid #CCCCCC;
	height: 15px;
	text-transform: uppercase; 
 }
.ca_input-05 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 200px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.ca_input-02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 30px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.ca_input-03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 60px;
	border: 1px solid #CCCCCC;
	height: 15px;
 }
.ca_input-04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	width: 100px;
	border: 1px solid #CCCCCC;
	height: 18px;
 }
.ca_input-06 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	/*width: 400px;*/
	border: 1px solid #CCCCCC;
	/*height: 15px;*/
	/*text-transform: uppercase; */
 }
.ca_input-07 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	border: 1px solid #CCCCCC;
 }

/* PANIER -------------------------------------------------------------------------*/
.pa_titre {
	padding: 4px 0 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #917665;
	background-color: #DBCFBA;
}
.pa_txt {
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	padding: 0 5px 0 5px;
}
a.pa_txt { text-decoration: none;  }
a.pa_txt:hover { text-decoration: underline;	}

.pa_cde {
	font-size: 9px;
	font-weight: normal;
}
.pa_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 20px;
	border: 1px solid #666666;
	height: 15px;
 }
 .pa_inputcb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #666666;
	height: 15px;
 }

.pa_prix {
/*	font-size: 12px;
	font-weight: normal;*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	text-align: right;	
}
.pa_prix_arial {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	text-align: right;	
}

.pa_sstotal {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	text-align: right;	
}
.pa_sstotal_bis {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
}
.pa_total {
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
	text-align: right;	
}
.pa_bor-bot {
	border-bottom: 2px solid #DBCFBA;
}
.pa_fd-beigeclair {
	background-color: #ede7dc;
}
.pa_natenv 
{
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding: 5px 0 5px 5px;
}
.pa_fd-gris{
	background-color: #E1DCCB;
}

.pa_sup {
	font-size: 9px;
	color: #D10019;
	padding: 0 5px 0 5px;
}
a.pa_sup { text-decoration: underline;  }
a.pa_sup:hover { text-decoration: none;	}

.pa_promo {
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #FFCC33;
}
.pa_sepa {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background-color: #E1DCCB;
	padding: 5px 0 5px 5px;
}
.pa_pad5 {
	padding: 5px 0 5px 0;
}
/* COMPTE -------------------------------------------------------------------------*/
.cpt_ligne-top {
	border-top: 1px solid #CCCCCC;
}
.cpt_ligne-bot {
	border-bottom: 1px solid #CCCCCC;
}

/* MESSAGE PERSO -------------------------------------------------------------------*/
.msp_input-01 {
	font-family: Monotype Corsiva, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #003399;
	font-weight: normal;
	padding: 0 50px 0 50px;
 }


/* CONTACT -------------------------------------------------------------------------*/
.contact_pad {
	padding: 5px 0 5px 5px;
}

.c_txt10 {
	font-size: 10px;
	text-decoration: none;
}
a.c_txt10 { text-decoration: none; }
a.c_txt10:hover { text-decoration: none; }
a.c_txt10:visited { text-decoration: none; }
.c_txt11 {
	font-size: 11px;
	text-decoration: none;
}
a.c_txt11 { text-decoration: none; }
a.c_txt11:hover { text-decoration: none; }
a.c_txt11:visited { text-decoration: none; }
.c_txt9 {
	font-size: 9px;
	text-decoration: none;
}
a.c_txt9 { text-decoration: none; }
a.c_txt9:hover { text-decoration: none; }
a.c_txt9:visited { text-decoration: none; }

.c_txt16 {
	font-size: 16px;
	text-decoration: none;
}
a.c_txt16 { text-decoration: none; }
a.c_txt16:hover { text-decoration: none; }
a.c_txt16:visited { text-decoration: none; }

.txt_14_arial {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D10019;
}
.tooltip {
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
    background-color:#FFFFCC;
    width:150px;
}


.transp {
	background-color:#000000;
	_height:expression(document.body.clientHeight);
	_width:expression(document.body.clientWidth);
	/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
	soit c'est un div positionné et dimensionné comme dans cet exemple.*/
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	position:absolute;
	left: 0px;    
	top: 0px;
	text-align:center; 
	vertical-align:middle;
	height: 100%;
	width: 100%;
}



.notransp 
{
   background-color:#FFFFFF;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
}


.centpourcent
{
	_height:expression(document.body.clientHeight);
	_width:expression(document.body.clientWidth);
	/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
	soit c'est un div positionné et dimensionné comme dans cet exemple.*/
	position:absolute;
	left: 0px;    
	top: 0px;
	text-align:center; 
	vertical-align:middle;
	height: 100%;
	width: 100%;
}

/* CSS Document */
/*
=> rouge 			: 		#D10019
=> beige_clair		: 		#DBCFBA
=> marron		 	: 		#917665
/*
top  / right /  bot  / left
*/