/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px;
	background: white url(img/bg-body.jpg) repeat-x 0 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
	font: 11px;
}
body#accueil {
	background: white url(img/bg-body-acc.jpg) repeat-x 0 0;
}
#general {
	width: 100%;
	height:100%;
	margin: 0;
	background: url(img/bg-general.jpg) no-repeat center 0px;
}
body#accueil #general {
	background: url(img/bg-general-acc.jpg) no-repeat center 0px;
}
#general2 {
	width: 1000px;
	margin: 0 auto 0 auto;
	background: none;
	position: relative;
	min-height: 880px;
}
#haut {
	margin: 0 0 10px 0px;
	width: 1000px;
}
#contenu {
	position: relative;
	margin: 0 0 0 13px;
	width: 987px;
	min-height: 400px;
}
#banniere {
position: relative;
	width: 1000px;
	margin: 0 0 10px 0px;
	height: 133px;
}
#menus {
	position: relative;
	height: 70px;
	width: 974px;
	margin: 0 0 0 13px;
	/*_position: absolute;*/
	z-index: 100;
}
#bannieres {
	position: relative;
	height: 240px;
	margin: 0 0 0 13px;
	width: 974px;
}
#col-dr {
	display: block;
	width: 738px;
	margin: 0 0 0 246px;
}
body#accueil #col-dr {
	padding-top: 10px;
}
#col-ga {
	width: 236px;
	position: absolute;
	min-height: 250px;
	top: 0px;
	left: 0px;
}
body#accueil #col-ga {
	padding-top: 10px;
	background: none;
}
/****** banniere *******/
#banniere a.logo {
	display: block;
	position: absolute;
	width: 170px;
	height: 128px;
	border: 0px solid white;
	left: 13px;
	background: url(img/bg-logo.jpg) no-repeat 0 -200px;
}
#banniere a:hover.logo {
	background: url(img/bg-logo.jpg) no-repeat 11px 16px;
}
#banniere a.retour-site {
	display: block;
	position: absolute;
	width: 200px;
	height: 100px;
	top:0;
	left: 190px;
}
/****** textes *******/
a,a:link,a:active,a:visited {
	color: #7B101D;
	text-decoration: none;
}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
H1, H2, H3, H4 {
	font-size: 15px;
	color: Black;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;

}
H2 {font-size: 14px;	margin:0;}	
H3 {font-size: 13px;}
H4 {font-size: 12px;}

/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: #44fb04;}
.vert-fonce {color: #3A703F;}
.gris {color: #455356;}
.noir {color: black;}
.blanc {color: white;}

/********  Classes fontes ********/
.gras {font-weight: bolder;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}
.droite {text-align: right;}
.justifie {
	text-align:justify;
}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}
.dixsept {font-size: 17px;}
.dixhuit {font-size: 18px;}


.retrait20 {margin: 0 20px 0 20px;}
.retrait30 {margin: 0 30px 0 30px;}
.retrait40 {margin: 0 40px 0 40px;}
.retrait50 {margin: 0 50px 0 50px;}
.retrait80 {margin: 0 80px 0 80px;}
.retrait220 {margin: 0 80px 0 220px;}

/** Accueil **/
#bannieres #ssbanniere-acc {
	float: left;
	width: 728px;
	height: 240px;
}
#bannieres #ssbanniere-acc .maintenance {
	position: absolute;
	background: url(img/popup.jpg) no-repeat 0 0;
	height: 240px;
	width: 728px;
	z-index: 94;
}
#bannieres #ssbanniere-acc .maintenance p {
	display:  block;
	margin:  120px 10px 0 280px;
	text-align: center;
	font-size: 16px;
}
#bannieres #ssbanniere-acc .maintenance a.close {
	position: absolute;
	top: 80px;
	left: 640px;
	display: block;
	width: 80px;
	height: 26px;
	border: 1px solid black;
	z-index: 95;
}
#bannieres #annonce {
	float: right;
	width: 236px;
	height: 240px;
}
#bannieres #ssbanniere-acc #marques {
	position: absolute;
	top:10px;
	left:492px;
	width: 226px;
	height: 220px;
	z-index: 80;
	overflow: hidden;
}
body#accueil h1 {
	padding: 4px;
	background: #5E5E5E;
	display: block;
	margin: 0 10px 10px 0;
	color: white;;
	text-align: center;
	font-size: 19px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#personnage {
	position: absolute;
	top:305px;
	left:13px;
	z-index: 81;
	display:none;
}

/*** Banniere ***/
#banniere #blc {
	margin: 0 0 0 740px;
	width: 236px;
}
#banniere #blc-ht {
	height: 23px;
	background: none;
	margin: 0 0 0 10px
}
#blc-ht .liens {
	display: block;
	padding: 6px 0 0 6px;
	width: 120px;
	color: black;
	float: left;
}
#blc-ht .liens a {
	color: black;
}
#blc-ht .flags {
	display: block;
	padding: 4px 0 0 6px;
	width: 60px;
	color: white;
	float: right;
}
#blc-ht .flags a.de, #blc-ht .flags a.fr {
	float: left;
	margin: 0 6px 0 0;
	display: block;
	width: 24px;
	height: 16px;
	background: url(img/bg-blc-ht-flags.jpg) no-repeat 0 0;
}
#blc-ht .flags a:hover.de {
	background: url(img/bg-blc-ht-flags.jpg) no-repeat 0 -16px;
}
#blc-ht .flags a.fr {
	background: url(img/bg-blc-ht-flags.jpg) no-repeat -24px 0;
}
#blc-ht .flags a:hover.fr {
	background: url(img/bg-blc-ht-flags.jpg) no-repeat -24px -16px;
}
#banniere #blc-client {
	height: 90px;
	margin: 10px 0 0 0;
}
#blc-client .util {
	padding: 26px 6px 0px 6px;
}
#blc-client .util form {
	padding:0; margin:0px;
}
#blc-client .util table {
	border-collapse: collapse;
	border: 0;
	padding:0;margin:0;
	width: 224px;
}
#blc-client .util table td {
	color: #B8B5B1;
	padding: 0 4px 0 5px;
	border: 0;
}
#blc-client .util form input {
	width: 90px;
	padding:0; margin:0px;
	border: none;
	background: #B8B5B1;
	color: white;
}
#blc-client .util form input.btn {
	width: 18px;
	height: 18px;
	background: url(img/bg-blc-client-btn.jpg) no-repeat 0 0;
	font-size: 0;
	color: #97928E;
	cursor: pointer;
}
#blc-client .caddie {
	padding: 6px 6px 0 6px;
}
#blc-client .caddie p {
	background: url(img/bg-blc-client-caddie.jpg) no-repeat 6px 6px;
	color: white;
	display: block;
	border-top: 1px dotted silver;
	padding: 7px 0 0 36px;
}
#blc-client a {
	color: white;
	text-decoration: underline;
}
#blc-client .liens {
	display: block;
	padding: 6px 0 6px 0;
	color: white;
	text-align: center;
}
#blc-client .liens a {
	color: white;
}
#blc-client .liens a:hover {
	text-decoration: underline;
}
/****** Rubriques et produits ******/

/** Navigation et blocs divers**/
#navig, #bloc01, #bloc02, #bloc03, #bloc04 {
	display: block;
	background: none;
	margin: 0 0 10px 0;
	border-right: 1px dotted silver;
}
#navig {
	min-height: 160px;
	_height: 160px;
}
#bloc04 a {
	display: block;
	width: 236px;
	height:244px;
	background: url(img/bg-anniv.jpg) no-repeat 0 0;
	margin: 0 0 10px 0;
	border-right: 0px dotted silver;
}
#bloc01, #bloc02, #bloc03, .bloc {
	background: none;
	border: none;
} 
a.cbs {
	display: block;
	height: 126px;
	background: url(img/fr/bg-pub-cbs.jpg);
	cursor: auto;
}
a.pub-veck {
	display: block;
	background: url(img/pub-veckring.png) no-repeat 0 0;
	width: 236px;
	height: 320px;
}
a:hover.pub-veck {
	background: url(img/pub-veckring.png) no-repeat -249px 0;
	height: 320px;
}
a.pub-pack {
	display: block;
	width: 236px;
	height: 122px;
}
a:hover.pub-pack {
	height: 122px;
}
a.vide {
	display: block;
	background: url(img/bg-vide.png) no-repeat 0 0;
	width: 236px;
	height: 102px;
}
a.chronopost {
	display: block;
	background: url(img/bg-chronopost.jpg) no-repeat 0 0;
	width: 236px;
	height: 70px;
}
body#accueil a.chronopost {
		background: url(img/bg-chronopost-acc.jpg) no-repeat 0 0;
}
#navig h1, #client #navig h1, #page #navig h1 {
	border-bottom: 1px solid silver;
	margin: 0 10px 10px 0px;
	padding: 10px 0 0 0;
	font-size: 15px;
}
#navig ul {
	display: block;
	margin: 0 10px 0px 10px;
	padding: 0 0 10px 0;
}
#navig li {
	display: block;
	margin: 0;
	padding: 0 0 0 0;
}
#navig a {
	display: block;
	padding: 0 0 0 20px;
	background: url(img/puce001.png) no-repeat 10px 0px;
	font-size: 11px;
	font-weight: normal;
	color: #525252;
	border-bottom: 1px dotted silver;
}
/*#navig a:before {
content: "- ";
}*/
#navig li.selection a, #navig a:hover {
	display: block;
	background: url(img/puce001.png) no-repeat 10px -25px;
	padding: 0 0 0 20px;
	color: black;
}
#navig li.selection a {
	font-weight: bold;
}
#navig li a span {
	display: inline;
	font-size: 9px;
	padding: 0 0 4px;
	color: #B0B0B0;
	font-weight: normal;
}
#navig a span:before {
content: " - ";
}
/** Banniere rubrique **/
/*#banniere-rub {
position: relative;
	height: 160px;
	width: 728px;
	background: #CFCFCF;
	margin: 0 0 10px 0;
}

#banniere-rub #titre {
	position: absolute;
	top: 111px;
	left: 24px;
	z-index: 89;
	font-size: 24px;
	letter-spacing: -1px;
	color: #FFFFFD;
}
*/
#banniere-rub img {
	display: none;
}
#banniere-rub {
	position: relative;
	width: 728px;
	margin: 0 0 10px 0;
	padding: 22px 0 20px 0;
}
#banniere-rub #titre {
	font-size: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	color: Black;
	text-align: left;
	border-bottom: 1px dotted silver;
	
}

/** ligne 3 vignettes & vignette produit **/
#trois {
	margin: 0 0 10px 0;
	}
/**  #trois h2 {
	border-bottom: 1px dotted silver;
	padding: 0 0 4px 0;
	margin: 0 13px 10px 0;
}**/
#trois h2 {
	padding: 4px;
	/*background: #D6CDB6;*/
	display: block;
	margin: 0 10px 10px 0px;
	color: #928863;
	text-align: left;
	font-size: 19px;
	/*text-transform: uppercase;*/
	letter-spacing: -1px;
	border-bottom: 1px dotted #928863;
}
#trois .bloc-thumb, #photo-entete .bloc-thumb {
	display: block;
	width: 234px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
	position: relative;
	background: White;
	height: 266px;
	border: 1px dotted silver;
}
#photo-entete .bloc-thumb {
	height: auto;
	padding: 0 0 0px 0;
}
#trois .bloc-thumb img, #photo-entete .bloc-thumb img {
	display: block;
	padding: 7px;
	border: none;
	border-bottom: 1px dotted silver;
	width: 220px;
	height: 180px;
}
#trois .bloc-thumb img a, #photo-entete .bloc-thumb img a {
	border: 1px solid silver;
}
#trois .bloc-thumb img a:hover, #photo-entete .bloc-thumb img a:hover {
	border: 1px solid black;
}
#trois .bloc-thumb p {
	display: block;
	text-align: center;
}
/* les 5 icones promotion etc... */
/* voir images sur la version css langues style-fr ou style-en  */
#trois .bloc-thumb .new, #trois .bloc-thumb .selection, #trois .bloc-thumb .promotion, #trois .bloc-thumb .destockage, #trois .bloc-thumb .special {
	position: absolute;
	display: block;
	width: 82px;
	height: 45px;
	left: 0px;top:0px;
}
#trois .bloc-thumb .destockage {
}
#trois .bloc-thumb .special {
}
#trois .bloc-thumb .new {
	left: 154px;top:0px;
}
#trois .bloc-thumb .selection {
	display:none;
	left:154px;top:150px;
}
/** ligne 5 vignettes **/
.cinq {}
.cinq h2 {
	border-bottom: 1px dotted silver;
	padding: 0 0 4px 0;
	margin: 0 13px 10px 0;
}
.cinq .bloc-thumb {
	position: relative;
	display: block;
	width: 140px;
	float: left;
	margin: 0 7px 10px 0;
	text-align: center;
	
}
.cinq .bloc-thumb img {
	display: block;
	margin: 0 auto 0 auto;
	width: 130px;
	padding: 4px;
	border: 1px solid silver;
	border-bottom: none;
}
/* les 5 icones promotion etc... */
/* voir images sur la version css langues style-fr ou style-en  */
.cinq .bloc-thumb .new, .cinq .bloc-thumb .selection, .cinq .bloc-thumb .promotion, .cinq .bloc-thumb .destockage, .cinq .bloc-thumb .special {
	position: absolute;
	display: block;
	width: 52px;
	height: 28px;
	background: url(img/icones-promos-5.png) no-repeat 0 0;
	left: 0px;top:0px;
}
.cinq .bloc-thumb .destockage {
	background: url(img/icones-promos-5.png) no-repeat 0 -29px;
}
.cinq .bloc-thumb .special {
	background: url(img/icones-promos-5.png) no-repeat 0 -58px;
}
.cinq .bloc-thumb .new {
	background: url(img/icones-promos-5.png) no-repeat 0 -87px;
	left: 88px;top:0px;
}
.cinq .bloc-thumb .selection {
	display:none;
	background: url(img/icones-promos-5.png) no-repeat 0 -116px;
	left: 88px;top:69px;
}
/** lignes 3 et 5 vignettes **/
#trois .bloc-thumb .desc p, .cinq .bloc-thumb .desc p {
	display: block;
	margin: 0;
	padding: 0;
	color: #4B483F;
	text-align: center;
	
}
#trois .bloc-thumb .desc .titre, .cinq .bloc-thumb .desc .titre {
	display: block;
	font-weight: bold;
	font-size: 12px;
}
#trois .bloc-thumb .desc span.detail, .cinq .bloc-thumb .desc span.detail, .cinq .bloc-thumb .desc span.detail_pack {
	display: block;
	font-size: 14px;
	letter-spacing: -1px;
	color: Black;
	font-weight: bold;
}
/**#trois .bloc-thumb .desc span.detail:before {
content: "- ";
}
#trois .bloc-thumb .desc span.detail:after {
content: " -";
}**/
#trois .bloc-thumb .desc span.note, .cinq .bloc-thumb .desc span.note {
	font-size: 11px;
	color: Black;
	display: inline;
	padding: 0 4px 0 0;
}
#trois .bloc-thumb .desc span.prix, .cinq .bloc-thumb .desc span.prix .cinq .bloc-thumb .desc span.prix_pack {
	display: inline;
	font-weight: bold;
	font-size: 18px;
	color: Black;
	letter-spacing: -1px;
}
/* differences 5 colonnes */
.cinq .bloc-thumb .desc p {
	background: #D6CDB6;
	height: 80px;
	border: 1px dotted gray;
	border-top: none;
	padding: 4px 4px 0 4px;
	overflow: hidden;
}
.cinq .bloc-thumb .desc .titre {
	font-size: 11px;
	color:#4B483F;
	line-height: 12px;
}
.cinq .bloc-thumb .desc span.prix {
	font-size: 13px;
	color:black;
	font-weight: bold;
	position: absolute;
	bottom: 18px;
	right:1px;
	padding: 0 5px 0 0;
}
.cinq .bloc-thumb .desc span.detail {
	font-size: 11px;
	color: Black;
	border: 0;
	letter-spacing: -0px;
	position: absolute;
	bottom: 18px;
	left:1px;
	padding: 0 0 0 5px;
}
/**pour les packs **/
#trois .bloc-thumb .desc span.prix_pack {
	display: inline;
	font-weight: bold;
	font-size: 18px;
	color: Black;
	letter-spacing: -1px;
	position: absolute;
	bottom: 3px;
	right: 1px;
	padding: 0 0 0 0;
	text-align: center;
	width: 232px;
}
.cinq .bloc-thumb .desc span.prix_pack {
	color:black;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	position: absolute;
	bottom: 3px;
	right: 1px;
	padding: 0 0 0 0;
	text-align: center;
	width: 138px;
}
.cinq .bloc-thumb .desc span.detail_pack {
	font-size: 11px;
	color: Black;
	border: 0;
	letter-spacing: 0px;font-weight: bold;
	/*position: absolute;
	bottom: 3px;
	left:1px;
	padding: 0 0 0 5px;*/
}

.cinq .bloc-thumb .desc span.commande, .cinq .bloc-thumb .desc span.stock {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: white;
	position: absolute;
	bottom: 1px;
	left:1px;
	text-align: center;
	width: 138px;
	background: #299F2D;
	letter-spacing: 0;
}
.cinq .bloc-thumb .desc span.commande {
	background: #8A8664;
}
#trois .bloc-thumb .desc span.commande, #trois .bloc-thumb .desc span.stock {
	font-weight: bold;
	position: absolute;
	bottom: 1px;
	left:1px;
	color: white;
	background: #8A8664;
	width: 234px;
}
#trois .bloc-thumb .desc span.stock {
	background: #299F2D;
}
.cinq .bloc-thumb input {
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: auto;
}
.cinq .bloc-thumb span.ma_selection {
	position: absolute;
	display: none;
	top: 0px;
	left: 14px;
	width: 100px;
	z-index: auto;
	padding: 0 0 2px 3px;
	text-align: left;
}
/**** specifique à produit ****/
#path {
	width: 728px;
	width: 974px;
	margin: 10px 0 10px 13px;
	padding: 4 0 6px 0;
	border-bottom: 1px dotted silver;
	position: relative;
}

/** photos et vignettes **/
#photo-entete {
	float: left;
	width: 246px;
}
#photo-entete .bloc-thumb {
	margin: 0;
	float: none;
	}
#thumb-over {
	width: 240px;
	margin: 10px 0 0 0;
}
#thumb-over a {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	width: 54px;
	border: 1px solid silver;
}
#thumb-over a:hover {
	border: 1px solid black;
}
#thumb-over img {
	display: block;
	margin: 0;
	width: 54px;
	height: 44px;
	padding: 0px;
	border: 0;
}

/*** Entete texte de produit ***/
#entete {
	float: right;
	width: 482px;
	margin: 0 10px 0 0;
	min-height: 252px;
	background: white;
	position: relative;
}
body.pack #entete {
	min-height: 200px;
}
#entete h1 {
	font-size: 18px;
	display: block;
	width: 420px;
}
#entete h2 {
	font-size: 16px;
}
#entete .selection, #entete .new {
	display:block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	background: none;
	color: #0B586B;
	padding: 0px 6px 0 0;
	text-align: center;
	border-right: 1px solid #0B586B;
}
#entete .new {
	color: #FF8400;
	border-right: none;
	padding: 0px 0 0 6px;
}
#entete .marque {
	position: absolute;
	display: block;
	background: #33291F;
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 16px;
	right: 0px;
}
.texte-entete {
	min-height: 80px;
}
.texte-entete .prix {
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #B22222;
	letter-spacing: -1px;
}
#produit h2 {
	border-bottom: 1px solid silver;
	margin: 20px 13px 10px 0;
	font-size: 18px;
}
/** détail produit **/
#detail {
	margin: 20px 0 20px 0;
	position:relative;
}
#detail img.left {
	float: left;
	margin: 0 10px 4px 0;
}
#detail img.right {
	float: right;
	margin: 0 0 4px 10px;
}
#detail .paragraphe {
	position:relative;
}
#detail .paragraphe p {
	display: block;
	text-align: justify;
	padding: 0 50px 0 50px;
}
#detail .btn_next {
	display: block;
	width: 215px;
	margin: 10px 0 0 50px;
	padding: 2px 0 1px 24px;

	color: #332600;
	font-weight: bold;
	cursor: pointer;
}
#detail .paragraphe p .btn_next {
		margin: 10px 0 0 0px;
}
#detail .btn_next:hover {
	background-position: 0 -18px;
	color: white;
}

/********************** formulaires ************************/
form {
display: block;
	margin:0;
	padding:0;
}
form.sel-mode {
	border-bottom: 1px dotted silver;
	padding-bottom: 15px;
	margin: 0 0 15px 0;
	position:relative;
}
form.sel-mode select {
	width: 200px;
	font-size: 11px;
	background-color: #E2E2E2;
	margin: 0;
}
form.fpack {
}
.montant-pack {
	margin: 10px 20px 0 0;
	padding: 10px 0 0 0px;
	text-align: center;
	border-top: 1px dotted silver;
}
/********************** tableaux ************************/
table {
	border-collapse: collapse;
}
table th {
	background: #5F5F5F;
	color: white;
	padding: 5px;
	font-size: 12px;
	
}
table td {
	border: 1px solid silver;
	padding: 3px 10px 3px 10px;
	font-weight: normal;
}
/****** tableau sans bordures ******/
table.noborder {
	border: none;
}
table.noborder td {
	border: none;
}
/****** tableau Pack ********/
table.pack {
	border: 1px solid silver;
}
table.pack td {
	padding: 4px 10px 2px 10px;
	font-size: 11px;
	border-left:none;
	border-right:none;
}
form.fpack {
	padding:0;margin:0;
}
/********* tableau pack-caddie **********/
tr.entete_pkg {
	background: #007D01;
	color: white;
	font-size: 14px;
}
tr.pkg {
	background: #D2FBD2;
	font-size: 11px;
}
table tr.pkg td img {
	width: 10px;
}
/*********** tableau modele produit **********/
#modeles table {
	border: 1px solid silver;
	width: 482px;
	border-collapse: collapse;
}
#modeles table td {
	border: 1px solid silver;
	padding: 1px 1px 1px 3px;
	font-weight: normal;
}
#modeles table td.designation, #modeles table td.prix, #modeles table td.qte, #modeles table td.panier {
	background: #5F5F5F;
	color: white;
	font-weight: bold;
	padding: 3px 0 3px 3px;
}
#modeles table td.prix {width: 80px;}
#modeles table td.qte {width: 50px;}
#modeles table td.panier {width: 80px;}

/****** Tableau total panier *******/

#client table {
	border: 1px solid silver;
	border-collapse: collapse;
	margin: 10px 40px 10px 40px;
	width: 658px;
}
#client table.recap_panier {
	margin: 10px 40px 0px 330px;
	width: 368px;
}
#client table th {
	background: #5F5F5F;
	color: white;
	padding: 5px;
	font-size: 12px;
}
#client table tr.total {
	font-size: 15px;
}
#client table td {
	border: 1px solid silver;
	padding: 3px 10px 3px 10px;
	font-weight: normal;
	vertical-align: top;
}
#client table.panier img {
	display: block;
	margin: 0 10px 0 0;
	width: 54px;
	height: 44px;
	padding: 0px;
}

#client td.horaire {
	padding: 0;
	border: 0;
	background: #FFF5E8;
}
#client table td.horaire table {
	width: 100%;
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
	border: 0px;
}
#client table table td {
	font-size: 10px;
	border: 0px solid silver;
	padding: 0px 4px 0px 4px;
	text-align: center;
}
#client table table td.jour {
	text-align: left;
	padding: 0 0 0 30px;
}
#client table table th {
	font-size: 11px;
	border: 0px solid silver;
	padding: 0px 4px 0px 4px;
	background: #D9D9D9;
	color: black;
}
#client table table td.ferme {
	background: #FFDEAD;
}
/******* entete tableau pour mon compte  ********/
#client table th.client {
	background: #778899;
	font-size: 15px;
}
#client table th.new {
	background: #6B8E23;
	font-size: 15px;
}

/********** tableau paiement ************/
#client table.paie {
	margin: 0px 40px 10px 330px;
	width: 368px;
	border:none;
	border-top: 1px dotted silver;
}
#client table.paie td {
	border: none;
	padding: 10px 0 0 0;
	font-size: 10px;
	text-align: center;
}
#client span.information {
	display: block;
	background: url(img/information.png) no-repeat 0 0;
	text-align: center;
	font-size: 13px;
	width: 450px;
	height: 182px;
	margin: 40px auto 0 auto;
	padding: 10px 20px 20px 60px;
	font-weight: bold;
	color: #33270D;
}
#client span.information a {
	display: block;
	color: black;
	text-decoration: underline;
}
#client span.information a:hover {
	color: black;
}
/** popup **/
#pop {}
#popup {
	position: fixed;
	z-index:999;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
* html #popup { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.popup-bg {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
#contenu-pop {
	position: fixed;
	background: #B9AC80;
	z-index: 1009;
	color: White;
	border: 6px solid White;
	text-align: left;
	top: 40%;
	left: 50%;
	padding: 0px;
}
* html #contenu-pop { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#contenu-pop p {
	display: block;
	margin: 20px 20px 0 20px;
	padding: 0 0 10px 0;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px dotted white;
}
#contenu-pop a.poursuivre, #contenu-pop a.finaliser {
	font-size: 0em;
	color: #B9AC80;
	display: block;
	float: left;
	width: 210px;
	height: 46px;
	background-position: 0 0;
}
#contenu-pop a.finaliser {
	background-position: -210px 0;
}
#contenu-pop a:hover.poursuivre {
	background-position: 0 -53px;
}
#contenu-pop a:hover.finaliser {
	background-position: -210px -53px;
}
/** Les boutons  **/
#client select {
	border: 1px solid silver;
	margin: 2px 0 0 0;
	padding: 0 1px 0 1px;
	background: #D8D8D8;
	color: black;
}
input.btn-acheter {
	background: url(img/btn-acheter.png) no-repeat 0 0;
	font-size: 11px;
	width: 80px;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 6px 0 5px 24px;
	border: none;
	text-align: left;
	color: white;
	font-weight: bold;
}
input:hover.btn-acheter {
color: black;
	background: url(img/btn-acheter.png) no-repeat 0 -28px;
}
#client input.btn-paie {
	cursor: pointer;
	margin: 6px 0 0 0;
	border: none;
	font-size: 0px;
	font-weight: bold;
	color: white;
	width: 221px;
	height: 54px;
}
#client input:hover.btn-paie {
	background-position: 0 -54px;
}
#client input.btn-finalise {
	font-size: 12px;
	color: #426B1A;
	font-weight: bold;
	display: block;
	padding: 7px 0 7px 40px;
	width: 160px;
	text-align:left;
	line-height: 14px;
	background: url(img/client-btn-finaliser.jpg) no-repeat 0 0;
	border: none;
	cursor: pointer;
}
#client input:hover.btn-finalise {
	color: black;
	background: url(img/client-btn-finaliser.jpg) no-repeat 0 -73px;
}

.pack input.modifier {
	display: block;
	cursor: pointer;
	margin: 6px 0 0 0;
	float: right;
	border: none;
	font-size: 0px;
	font-weight: bold;
	color: white;
	width: 221px;
	height: 54px;
}
.pack input:hover.modifier {
	background-position: 0 -54px;
}

#client input.btn {
	cursor: pointer;
	background: #198AA0;
	padding: 2px 4px 2px 4px;
	color: white;
	font-weight: bold;
}
#client input.btn-supp {
	cursor: pointer;
	background: #DC143C;
	font-weight: bold;
	color: white;
	border: 1px solid red;
}
.btn-client, .btn-new {
	float: right;
	margin-right: 25px;
	font-size: 10px;
	padding: 3px;
	background: #778899;
	color: #FFF;
	font-weight: bold;
	border: 1px outset black;
	cursor: pointer;
}

.btn-new {
	background: #009900;
}
#client a.vider {
	display: block;
	background: #A9A9A9;
	padding: 4px;
	font-weight: bold;
	color: white;
	margin: 10px 0 10px 520px;
	width: 100px;
}
#client a:hover.vider {
	color: black;
	background: #ABF860;
}
#client a.intero, a.intero  {
	background: #FFD700;
	padding: 0px 2px 0 2px;
	border: 1px solid orange;
	display: block;
	float: right;
	color: black;
}
#client a:hover.intero, a:hover.intero {
	background: #00CA02;
}
/** Fin total panier  **/

#client #chrono {
	position: relative;
	width: 659px;
	margin: 0px 0 0 40px;
	padding: 20px 0 0 0;
}
#client #chrono a.caddie, #client #chrono a.camion {
	width: 48px;
	height: 48px;
	border: 1px solid silver;
	position: absolute;
	left: 32px;
	font-size: 0em;
	color: white;
}
#client #chrono a.camion {
	left: 208px;
}
#client #chrono a:hover.caddie, #client #chrono a:hover.camion  {
	border: 1px solid black;
}
#client a.poursuivre, #client a.finaliser {
	font-size: 12px;
	color: #426B1A;
	font-weight: bold;
	display: block;
	padding: 4px 0 4px 40px;
	width: 100px;
	text-align:left;
	line-height: 12px;
	background: url(img/client-btn-poursuivre.jpg) no-repeat 0 0;
}
#client a.finaliser {
	display: block;
	background: url(img/client-btn-finaliser.jpg) no-repeat 0 0;
}
#client a:hover.poursuivre {
color: black;
	background: url(img/client-btn-poursuivre.jpg) no-repeat 0 -73px;
}
#client a:hover.finaliser {
color: black;
	background: url(img/client-btn-finaliser.jpg) no-repeat 0 -73px;
}
#client p.cgv {
	margin: 20px 40px 0 40px;
	padding-top: 20px;
	border-top: 1px dotted silver;
}


/****** specifique pages  *******/
#page h1, #client h1 {
	text-align:left;
	font-size: 18px;
	border-bottom: 1px dotted black;
	margin: 0px 40px 20px 40px;
	padding: 20px 0 0 0;
}
#page h2 {
	margin: 0px 100px 0px 60px;
	padding: 0;
	border-bottom: 1px dotted silver;
}
#page h3 {
	margin: 0px 60px 0px 70px;
	padding: 0;
}
#page #col-dr p, #page #col-dr ul {
	display: block;
	margin: 0px 40px 0px 60px;
	text-align: justify;
	padding: 0 60px 0 20px;
}
#page #col-dr li {
	padding: 0;
	margin: 0;
	list-style: square inside;
}
/**** Page de contact  ****/
#page #plan-acces {
	float: left;
	width: 430px;
	margin: 20px 0 0 0;
}
#page #adresse {
	width: 270px;
	float: right;
	margin: 20px 20px 0 0;
	font-size: 12px;
}
#page #adresse p {
		margin: 0px 0px 0px 0px;
	text-align: justify;
	padding: 0 0px 0 0px;
}
/*FORMULAIRE */

#formulaire {
	width: 270px;
	float: right;
	margin: 0 0 0 0px;
	padding: 0px 0 0 0px;
	text-align: left;
}
#formulaire span.titre  {
	display: block;
	width: 120px;
	float: left;
	font-size: 12px;
	color: black;
}

#formulaire input, #formulaire textarea {
	display: block;
	float: left;
	width: 140px;
	font-size: 11px;
	border: 1px solid #7D7D7D;
	background: #F1F1F1;
	margin: 0 0 2px 0;
}

#formulaire textarea {
	display: block;
	width: 262px;
	font-size: 11px;
	border: 1px solid #7D7D7D;
	background: #F1F1F1;
	margin: 0 0 2px 0;
}

#formulaire input.btn {
	width: 70px;
	margin: 10px 0 0 190px;
	font-size: 11px;
	border: outset 1px gray;
}

p.note, .note {
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 5px 0px 0 0px;
	margin: 15px 20px 0px 0;
	border-top: 1px silver;
	color: gray;
}


/*** Pied de page  ****/
#pied {
	display: block;
	clear: both;
	border-top: 1px dotted silver;
	margin: 0px 10px 10px 260px;
	padding: 26px 0 0 0;
	position: relative;
}
#pied .addthis_toolbox {
	display: block;
	position: absolute;
	left: 240px;
	top:4px;
	
	}
#pied .addthis_toolbox .hover_effect
{
	width: 258px;
	border: none;
}
p.liens {
	display: block;
	text-align:center;
}
p.adresse {
	display: block;
	text-align:center;
}
/****** Divers ******/

.clear {
	clear: both;
}
.inter {
	float: left;
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 60px 6px 0 0;
}
.bon-achat {
	height: 130px;
	margin: 10px 0 0 0;
}
.bon-achat p {
	display: block;
	padding: 34px 110px 0 10px;
	font-size: 12px;
	font-weight: bold;
}
.bon-achat input {
	background: #FFC100;
	border: 1px solid gray;
	margin: 0 0 0 6px
}
.bon-achat select {
	background: #FFE38E;
		border: 1px solid gray;
}
/****** Rajouter par MOI *********/

.erreur {
    font-weight: bold;
    background : #C00;
    color: #FFF;
    padding: 2px;
}

.entete_client {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #546974;
	padding: 2px;
}

.entete_new {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	color: #6B8E23;
	padding: 2px;
}

.entete {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    padding: 2px;
}

.popup_liv, .popup_rgl {
    display: block;
    position: absolute;
    left: 550px;
    width: 200px;
    padding: 3px;
    background: #FFC;
    border: 1px solid black;    
    z-index: 100;
}
.popup_rgl {
    display: block;
    position: absolute;
    left:384px;
	 top:0px;
    width: 90px;
    padding: 3px;
    background: #FFC;
    border: 1px solid black;    
    z-index: 100;
}
.addthis_toolbox {
	display: block;
	position: absolute;
	top: -8px;
	left: 694px;
}
.addthis_toolbox .hover_effect
{
	border: 1px solid #DADADA;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 1px 0 1px 0px;
	height: 16px;
	width: 278px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 0px solid #fff;
    padding: 2px 2px 2px 2px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}
/***** facebook  ****/
.fan_box .full_widget {border:solid 0px #94a3c4;background:white}
.page_stream, .stream_content {
background: yellow;border: 1px solid black;
}
/****bloc panier****/
#col-dr .maintenance {
	display: block;
	padding: 10px 60px 0 60px;
}
#col-dr .maintenance p {
	display: block;
	background: #bf3026;
	padding: 20px;
	text-align: center;
	font-size: 17px;
	color:  white;
}