/* Général */
/* -------------------------------------------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 62.5%;
}
a { outline: none; }
#principal {
	position: absolute;
	left:50%;
	top: 0px;
	width: 860px;
	height: 100%;
	margin-left: -430px;
	text-align: left;
}
form { margin: 0; }
input, textarea { font-size: .9em; }
select { font-size: .9em; }

/* Colonne de gauche */
/* -------------------------------------------------------------------------------------------------------------*/
#colgauche {
	width: 155px;
	position: absolute;
	top: 0px;
	height: 100%;
}
#colgauche h1 {
	margin:0;
	padding:0;
}
#colgauche h2 {
	color: #323484;
	font-size: 1.1em;
	background-image: url(../img/bg_h2.gif);
	background-repeat: repeat-x;
	background-position: 0 2.2em;
	padding: 1em 0 .6em 0;
	margin: .6em 0 .6em 0;
}
#colgauche input {
	font-size: 1em;
	color: #000;
	border: 1px solid #76080E;
}
#colgauche ul {
	list-style-type: none;
	font-size: 1.1em;
	margin: 0 0 0 .6em;
	padding: 0;
	line-height: 1.6em;
}
#colgauche li, li.fin, li.retour {
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1em;
}
#colgauche li {	background-image: url(../img/bg_li.gif); }
#colgauche li.fin {	background-image: url(../img/bg_li_tout.gif); }
#colgauche li.retour {	background-image: url(../img/bg_li_retour.gif); }

#colgauche li a {
	color: #666;
	text-decoration: none;
}
#colgauche li a:hover {
	color: #000;
	text-decoration: underline;
}

#colgauche li.fin a, #colgauche li.retour a {
	font-weight: bold;
	color: #B00C66;
	text-decoration: none;
}
#colgauche li.fin a:hover, #colgauche li.retour a:hover {
	text-decoration: underline;
}
#colgauche .selected { color: #000; }
#colgauche ul.niv2 {
	list-style-type: none;
	font-size: .9em;
	font-weight: bold;
	margin: 0 0 0 .6em;
	padding: 0;
	line-height: 1.6em;
}

#colgauche p {
	font-size: 1.1em;
	text-align: justify;
	margin: .6em 0 .8em 0;
}

/* Colonne de droite */
/* -------------------------------------------------------------------------------------------------------------*/
#coldroite {
	width: 155px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
}
#coldroite h2 {
	color: #FFF;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
#votrecompte {
	color: #FFF;
	font-weight: bold;
	height: 100px;
	background-color: #B10C15;
	padding: .5em .7em .2em .7em;
	margin: 0 0 1.6em 0;
	overflow: hidden;
}
#votrecompte h2 {
	padding: 0;
	margin: 0 0 .8em 0;
}
#votrecompte input {
	color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #DFBB9E;
	border: 1px solid #FFF;
	margin: 0 0 .5em 0;
}
#votrecompte a {
	font-size: 1.1em;
	color: #DFBB9E;
	text-decoration: none;
}
#votrecompte a:hover {
	color: #FFF;
	text-decoration: none;
}
#panier {
	border: 1px solid #F00;
	margin: 0 0 1.6em 0;
	padding: 0;
}
#panier h2 {
	background-color: #F00;
	background-image: url(../img/ico_panier.gif);
	background-repeat: no-repeat;
	background-position: 11.6em .3em;
	padding: .5em;
}
#panier .tablepanier {
	border: 0;
	width: 100%;
}
#panier .tablepanier td {
	padding: .5em;
}
#panier .tablepanier a {
	color: #666;
	text-decoration: none;
}
#panier .tablepanier a:hover {
	color: #B10C15;
	text-decoration: underline;
}
#panier .totalpanier, #panier .creditcadeau {
	text-align: right;
    border-top: 1px solid #000;
	margin: .5em;
}
#panier .totalpanier span, #panier .creditcadeau span {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
}

#panier .totalpanier span { color: #F00; }
#panier .creditcadeau span { color: #0C0; }

#panier .livraison {
	font-size: 1.1em;
	margin: .5em;
}
#panier select {
	margin: 1em 0 .8em .8em;
}
#ideescado {
	border: 1px solid #FFB600;
	margin: 0 0 1.6em 0;
	padding: 0;
}
#ideescado h2 {
	background-color: #FFB600;
	padding: .5em;
}
#ideescado p {
	margin: .5em;
	font-size: 1.1em;
	padding: .4em 0 .4em 0;
}
#ideescado a {
	font-weight: bold;
	color: #F60;
	text-decoration: none;
}
#ideescado a:hover {
	color: #666;
	text-decoration: underline;
}
#ideescado a.lcat {
  font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	color: #000;
}
#chequescadeau, #promotions, #nouveautes {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 68px;
	margin: 0 0 1.6em 0;
}
#chequescadeau h2, #promotions h2, #nouveautes h2 {
	display: block;
	width: 155px;
	height: 68px;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#chequescadeau h2 { background-image: url(../img/bouton_cheques.jpg); }
#promotions h2 { background-image: url(../img/bouton_promotions.jpg); }
#nouveautes h2 { background-image: url(../img/bouton_nouveautes.jpg); }

#chequescadeau a, #promotions a, #nouveautes a {
	display: block;
	text-decoration: none;
	width: 155px;
	height: 68px;
}
/*#chequescadeau a:hover {
	background-image: url(../img/bouton_cheques_over.gif);
	background-repeat: no-repeat;
}
#promotions a:hover {
	background-image: url(../img/bouton_promotions_over.jpg);
	background-repeat: no-repeat;
}
#nouveautes a:hover {
	background-image: url(../img/bouton_nouveautes_over.jpg);
	background-repeat: no-repeat;
}*/

/* Colonne du milieu */
/* -------------------------------------------------------------------------------------------------------------*/
#colmilieu {
	position:absolute;
	left: 155px;
	top: 0px;
	width: 543px;
	height: 100%;
}
#bandeaupub {
	margin: 0 10px 0 10px;
	height: 106px;
}
#cat1barrechemin, #cat2barrechemin, #cat3barrechemin {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 28px;
	padding: .9em 1.5em 0 0;
	font-size: 1.1em;
	color: #fff;
}
#cat1barrechemin { background-image:  url("../img/bg_1_search.gif"); }
#cat2barrechemin { background-image:  url("../img/bg_2_search.gif"); }
#cat3barrechemin { background-image:  url("../img/bg_3_search.gif"); }

#cat1barrechemin a, #cat2barrechemin a, #cat3barrechemin a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#cat1barrechemin a:hover, #cat2barrechemin a:hover, #cat3barrechemin a:hover {
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 12px solid;
}

#cat1barrechemin a:hover { border-color: #7E7FB1; }
#cat2barrechemin a:hover { border-color: #718718; }
#cat3barrechemin a:hover { border-color: #9F2E14; }

#onglets {
	width: 550px;
}
#blocpage {
	width: 550px;
	background-image: url(../img/bg_bloc.gif);
	background-repeat: repeat-y;
	float: left;
	clear: both;
	padding: 0 12px 0 12px;
}
#blocpage table {
    text-align: left;
}
.ligne {
	width: 526px;
	margin: 0;
	float: left;
	clear: both;
}

.bg1 { background-color: #7E7FB1; }
.bg2 { background-color: #718718; }
.bg3 { background-color: #C48F83; }
.bgkit { background-color: #70C24A; }

#indexgravure {
	padding: .6em 2em 0 2em;
	font-size: 1.4em;
	color: #FFF;
}

#indexgravure h2 {
	color: #C6CFA3;
}

#indexgravure ol {
	padding: 0;
	margin: 0;
	line-height: 3.6em;
	list-style-type: none;
}

#indexgravure li {
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 4em;
}

.bgtitrekit {
	height: 36px;
	background-color: #70C24A;
	background-image: url(../img/bg_titre_kits.gif);
	background-repeat: no-repeat;
}
.bgtitrekit img {
	margin: 12px 0 0 380px;
}
.caseproduit {
	background-repeat: no-repeat;
	background-position: top;
	padding: 30px 0 6px 1px;
	text-align: center;
	float: left;
	width: 174px;
}
#cat1promodujour, #cat2promodujour, #cat3promodujour {
	
}
#cat1promodujour { background-image:  url("../img/bg_1_promodujour.jpg"); }
#cat2promodujour { background-image:  url("../img/bg_2_promodujour.jpg"); }
#cat3promodujour { background-image:  url("../img/bg_3_promodujour.jpg"); }

#cat1produit1 { background-image:  url("../img/bg_1_pdt1.gif"); }
#cat1produit2 {	background-image:  url("../img/bg_1_pdt.gif"); }
#cat1produit3 {	background-image:  url("../img/bg_1_pdt3.gif"); }

#cat2produit1 { background-image:  url("../img/bg_2_pdt1.gif"); }
#cat2produit2 {	background-image:  url("../img/bg_2_pdt.gif"); }
#cat2produit3 {	background-image:  url("../img/bg_2_pdt3.gif"); }

#cat3produit1 { background-image:  url("../img/bg_3_pdt1.gif"); }
#cat3produit2 {	background-image:  url("../img/bg_3_pdt.gif"); }
#cat3produit3 {	background-image:  url("../img/bg_3_pdt3.gif"); }

.cat1produitnormal { background-image:  url("../img/bg_1_pdt.gif"); }
.cat2produitnormal { background-image:  url("../img/bg_2_pdt.gif"); }
.cat3produitnormal { background-image:  url("../img/bg_3_pdt.gif"); }

.casekit {
	background-image: url(../img/bg_kit.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 14px 0 6px 1px;
	text-align: center;
	float: left;
	width: 174px;
}
.accparag {
	margin-top: .6em;
	line-height: 1.9em;
}
a.accnomprod {
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
a.accnomprod:hover {
	text-decoration: underline;
}
.accprixbarre {
	text-decoration: line-through;
	color: #FFF;
	font-size: 1.2em;
}
.accprix {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding: .1em .3em .15em .3em;
}
a.acclienfiche {
	color: #000;
	text-decoration: underline;
}
a.acclienfiche:hover {
	color: #000;
	text-decoration: none;
}
.ligneplus {
	width: 510px;
	float: left;
	clear: both;
	padding: 8px;
	font-size: 1.1em;
}
.ligneplusleft, .ligneplusright {
	width: 255px;
	float: left;
}
.ligneplusright {
	text-align: right;
}
.ligneplusleft a, .ligneplusright a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.ligneplusleft a:hover, .ligneplusright a:hover {
	text-decoration: underline;
}
.celllogo {
	background-color: #FFF;
	padding: 1em;
	border: 1px dashed #BBB;
}
.prixbarre {
	text-decoration: line-through;
}
.prix {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding: 0 .3em 0 .3em;
}
.credit {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #6C6;
	padding: 0 .3em 0 .3em;
}

/* Styles généraux pour les pages intérieures */
/* -------------------------------------------------------------------------------------------------------------*/

#pagecat1, #pagecat2, #pagecat3, #pagecat1suite, #pagecat2suite, #pagecat3suite, #pagenormale, #lignetabmod {
	width: 494px;
	padding: 12px 16px 4px 16px;
	float: left;
	clear: both;
}
#pagecat1suite, #pagecat2suite, #pagecat3suite {
  color: #FFF;
  font-size: 1.1em;
}
#pagecat1 h3, #pagecat2 h3, #pagecat3 h3, #pagenormale h3 {
	font-size: 2.4em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.tabresult {
	padding: 0;
	margin: 0;
}
.tabresult th {
	width: 126px;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	color: #fff;
}
.tabresult td {
	font-size: 1.1em;
}
.celldesc {
	padding: 0 1em 0 1em;
}
.cellprix {
	text-align: center;
	padding-left: 1em;
}
.lfiche {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
}
#pagecat1 a.lfiche:hover, #pagecat2 a.lfiche:hover, #pagecat3 a.lfiche:hover, #pagenormale a.lfiche:hover {
	text-decoration: none;
}
.barre {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}
.barre a {
	padding: 2px;
    font-weight: bold;
	text-decoration: none;
}
.barre a:hover {
	color: #FFF;
	text-decoration: none;
}
a.lmarque {
	text-decoration: underline;
	font-weight: bold;
	font-size: 1em;
}
#pagecat1 a.lmarque:hover, #pagecat2 a.lmarque:hover, #pagecat3 a.lmarque:hover, #pagenormale a.lmarque:hover {
	text-decoration: none;
}
.tabclassique {
    border: 1px solid #CCC;
}
.tabclassique th {
  font-size: 1.1em;
	color: #333;
	background: #E6E6E6 url(../img/fd_thmod.gif) bottom repeat-x;
	border-bottom: 1px solid #999;
	border-left: 1px solid #EEE;
	border-right: 1px solid #BBB;
	text-align: center;
}

.mssg-commande {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
}

/* Couleurs pour les pages intérieures */
/* -------------------------------------------------------------------------------------------------------------*/

#pagecat1, #pagecat1suite { background-color: #7E7FB1; }
#pagecat2, #pagecat2suite { background-color: #718718; }
#pagecat3, #pagecat3suite { background-color: #C48F83; }
/*#pagenormale { background: url(../img/bg_pagenormale.gif) top repeat-x; }*/

#pagecat1 h3 { color: #CBCCE0; }
#pagecat2 h3 { color: #C6CFA3; }
#pagecat3 h3 { color: #E7D2CD; }
#pagenormale h3 { color: #999987; }

#pagenormale p, ul { font-size: 1.2em; color: #333; }

#pagecat1 .tabresult th { background-image: url(../img/bg_ap_1.gif); }
#pagecat2 .tabresult th { background-image: url(../img/bg_ap_2.gif); }
#pagecat3 .tabresult th { background-image: url(../img/bg_ap_3.gif); }
#pagenormale .tabresult th { background-image: url(../img/bg_ap_normal.gif); }

#pagecat1 .cellprix { border-left: 1px dashed #CDCEE1; }
#pagecat2 .cellprix { border-left: 1px dashed #D5DBBA; }
#pagecat3 .cellprix { border-left: 1px dashed #EDDEDA; }
#pagenormale .cellprix { border-left: 1px dashed #BBB; }

#pagecat1 .barre { color: #CDCEE1; }
#pagecat2 .barre { color: #D5DBBA; }
#pagecat3 .barre { color: #EDDEDA; }

#pagecat1 .barre a, 
#pagecat2 .barre a, 
#pagecat3 .barre a { color: #FFF; }

#pagecat1 .barre a:hover,
#pagecat2 .barre a:hover,
#pagecat3 .barre a:hover { background-color: #000; }

#pagenormale .barre { color: #999; }
#pagenormale .barre a { color: #F57C00; }
#pagenormale .barre a:hover { color: #FFF; background-color: #F57C00; }

#pagecat1 .celldesc, #pagecat2 .celldesc, #pagecat3 .celldesc { color: #FFF; }

#pagecat1 a.lfiche { color: #CDCEE1; }
#pagecat2 a.lfiche { color: #D5DBBA; }
#pagecat3 a.lfiche { color: #EDDEDA; }

#pagecat1 a.lmarque, #pagecat1suite a.lmarque, #pagecat2 a.lmarque, #pagecat2suite a.lmarque, #pagecat3 a.lmarque, #pagecat3suite a.lmarque { color: #FFF; }
#pagenormale a.lmarque { color: #F57C00; }

a.l1 {
	color: #75A825;
}
a.l2 {
	color: #49AFDF;
}
a.l3 {
	color: #954C21;
}
a.lkit {
    color: #D48B00;
}
a.l1:hover, a.l2:hover, a.l3:hover, a.lkit:hover {
	color: #000;
}
a.lcat {
	color: #B00C66;
	text-decoration: underline;
	font-weight: normal;
	font-size: .9em;
}
a.lcat:hover {
	color: #000;
	text-decoration: underline;
}

/* Fiches article et modèle */
/* -------------------------------------------------------------------------------------------------------------*/

a.lfdrouge {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background-color: #F00;
	padding: 0 .3em 0 .3em;
}
a.lfdrouge:hover {
	color: #F00;
	background-color: #FFF;
}
#lignetabmod {
	background-color: #F0F0F0;
}
.tablemod {
	border: 1px solid #B8B8B8;
	border-bottom-width: 0;
}
.tablemod tr.normal1 { background-color: #FFF; }
.tablemod tr.normal2 { background-color: #F9F9F9; }
.tablemod tr.highlight { background-color: #F0F0F0; }
.tablemod tr.selectionnee { background-color: #FFDF00; }
.tablemod th {
	font-size: 1em;
	color: #333;
	background: #E6E6E6 url(../img/fd_thmod.gif) bottom repeat-x;
	border-bottom: 1px solid #999;
	border-left: 1px solid #EEE;
	border-right: 1px solid #BBB;
	text-align: center;	
}
.tablemod td {
	border-bottom: 1px dotted #999;
	border-right: 1px solid #EEE;
	font-size: 1em;
}
.legende {
	font-size: 1.1em;
	color: #FFF;
}
.dispovert, .dispoorange, .disporouge { font-size: 1.7em; }
.dispovert { color: #0C0; }
.dispoorange { color: #F90; }
.disporouge { color: #F00; }

.tabfichetech {
	color: #fff;
	font-size: 1em;
	border-top: 1px dotted #FFF;
}
.tabfichetech ul {
	color: #fff;
	font-size: 1.1em;
}
.tabfichetech a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline
}
.tabfichetech a:hover {
	color: #000;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
.cat1tabcarac, .cat2tabcarac, .cat3tabcarac {
	font-size: 1em;
	background-repeat: repeat-x;
	border: 1px outset #CCC;
}
.cat1tabcarac tr.normal1 { background-image: url(../img/bg_cat1_trcarac1.gif); }
.cat1tabcarac tr.normal2 { background-image: url(../img/bg_cat1_trcarac2.gif); }

.cat2tabcarac tr.normal1 { background-image: url(../img/bg_cat2_trcarac1.gif); }
.cat2tabcarac tr.normal2 { background-image: url(../img/bg_cat2_trcarac2.gif); }

.cat3tabcarac tr.normal1 { background-image: url(../img/bg_cat3_trcarac1.gif); }
.cat3tabcarac tr.normal2 { background-image: url(../img/bg_cat3_trcarac2.gif); }

.cat1tabcarac th, .cat2tabcarac th, .cat3tabcarac th {
	font-weight: normal;
	text-align: left;
	border-right: 1px solid #888;
	border-bottom: 1px solid #999;
}
.cat1tabcarac td, .cat2tabcarac td, .cat3tabcarac td {
	font-weight: bold;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #999;
}
.prixexceptionnel {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #F90;
	color: #FFF;
	padding: 0 3px 0 3px;
}

#personnalisation {
	padding: 1.2em;
	border: 1px dashed #fff;
}
#personnalisation h2 {
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 1.5em;
}

/* Pied de page */
/* -------------------------------------------------------------------------------------------------------------*/
#finonglet, .separation {
	float: left;
	clear: both;
}
#pied {
	width: 526px;
	float: left;
	clear: both;
	padding: 12px;
	font-size: 1.1em;
}
#copyright {
	float: left;
	width: 360px;
	color: #999;
}
#copyright a {
	text-decoration: none;
	color: #B10C15;
}
#footlinks {
	float: right;
	width: 166px;
	text-align: right;
	color: #B10C15;
}
#footlinks a {
	text-decoration: none;
	color: #999;
}
#footlinks a:hover, #copyright a:hover {
	text-decoration: underline;
	color: #000;
}

/* Erreurs */
/* -------------------------------------------------------------------------------------------------------------*/

.tderreur {
	border: dotted red;
}
.perreur {
	padding: 1em;
	border: dotted red;
	font-weight: bold;
}

/* Etapes commande */
/* -------------------------------------------------------------------------------------------------------------*/
.tabetapes th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	color: #FFF;
	background-color: #DFBB9E;
}
.tabetapes th.encours {
	background-color: #76080E;
}
.tabetapes td {
	font-size: 1.1em;
	background-color: #FFF;
	color: #B2B2B2;
	vertical-align: top;
	border: 1px solid #DFBB9E;
	border-top-width: 0;
}
.tabetapes td.encours {
	color: #000;
	border-color: #76080E;
}

/* Spécial Gravure */
/* -------------------------------------------------------------------------------------------------------------*/

.gravureapercup {
	font-family: "Times New Roman", "Times", serif;
	font-size: .5em;
	color: #000;
}