@CHARSET "UTF-8";

a {
	color: #86888a;
}
a:hover, a:focus {
	color: #525455;
}

/*----------------HEADER----------------*/
#header {
	padding-top: 10px;
	background: #e6e1dd;
	color: #705f4e;
}
#header h1 {
	padding: 0;
	background: transparent url(images/logo.jpg) 0 0 no-repeat;
	height: 58px;
	width: 240px;
	position: absolute;
	margin: 4px 0 0 20px;
}
#header a.retour-accueil{
	text-decoration: none;
	display: block;
	height: 78px;
	width: 270px;
	overflow:hidden;
	outline: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
#header h1 span, #header a.retour-accueil span{
	visibility: hidden;	
}
#header div.header {
	padding-left: 280px;
	padding-bottom: 7px;	
}
#header div.header p{
	font-weight: bold;
}
#header div.header ul.menu{
	list-style-type: none;
	margin: .2em 0;
	padding: 0;
}
#header div.header ul.menu li {
	display: inline;
	margin: 0;
	padding: 15px 0 0 0;	
	font-size: .85em;
}
#header div.header ul.menu li.panier {
	background: transparent url(images/header-panier.jpg) left bottom no-repeat;
	padding-left: 25px;	
}
#header div.header ul.menu li a{ text-decoration: none; color: #705f4e; }
#header div.header ul.menu li a:hover{ text-decoration: underline; }
/*----------------ESPACE CLIENT----------------*/
#espaceclientcontainer {
	width: 280px;
	position: absolute;
	right: 10px;
	padding-left: 2px;
	position: absolute; 
	display: block; 
	right: 20px; 
	z-index: 100; 
	overflow: hidden;
}
.connected {	top: -290px; }
* html .connected { top: -290px; } /*IE6*/
*+html .connected { top: -291px; } /*IE7*/
.notconnected { top: -106px; }
* html .notconnected { top: -115px; } /*IE6*/
*+html .notconnected { top: -115px; } /*IE7*/

#espaceclientcontainer .mdp-gestion {
	cursor: pointer;	
}
#espaceclientcontainer .mdp-gestion:hover {
	text-decoration: underline;	
}
#espaceclientcontainer .espaceclient{
	background: #fafafa;
	padding: 0 1em 1em;
	border: 1px #ccc solid;
	border-width: 0 1px 1px 1px;
}
#espaceclientcontainer div.btn-compte{
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url(images/btn-mon-compte.png) 0 bottom no-repeat;
	height:28px;
	width: 145px;
	margin-left: 140px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
#espaceclientcontainer div.btn-compte:hover{
	text-decoration: underline;
}
#espaceclientcontainer .espaceclient form {
	padding: .5em 0 0;
	/*width: 150px;*/
	margin: 0;
}
#espaceclientcontainer .espaceclient fieldset {
 	padding: 0;
 	border:none;
}      
#espaceclientcontainer .espaceclient label{
	display:block;
	font-size: 0.85em;
}      
#espaceclientcontainer .espaceclient input{
	border:solid 1px #86888A;
	width:100%;
	/*margin-bottom: 5px;*/
	padding: 1px;
	width: 90px;
}  
#espaceclientcontainer .espaceclient button.submit {
	background-color: #f4b9ce;
	color: #fff;
	padding:1px 0 2px;
	cursor: pointer;
	text-align: center;
	margin: 0;
	display:block;
	float: right;
}
#espaceclientcontainer .espaceclient p{
	clear: both;	
}
#espaceclientcontainer .espaceclient input#motdepasse {
	width: 90px;	
	display: block;
	float: left;
}
#espaceclientcontainer .espaceclient dl{
	border-bottom: 1px #ccc solid;;
	margin: 0;
	padding: 1em 0;	
}
#espaceclientcontainer .espaceclient dt{
	font-weight: bold;
}
#espaceclientcontainer .espaceclient dd{
	padding-left: 15px;
	background: transparent url(images/bg-navrayon-n2.png) 0 50% no-repeat;	
}
#espaceclientcontainer .espaceclient dd a{
	text-decoration: none;	
}
#espaceclientcontainer .espaceclient dd a:hover{
	text-decoration: underline;	
}
/*----------------SUB-HEADER----------------*/
#sub-header {
	padding: 0;
	padding-left: 280px;
	background: #e6e1dd;
}
#sub-header form {
	margin:0;
	padding:5px 0;
	position:relative;
}

#sub-header form#form-recherche {
	color: #705f4e;
	width: 290px;	
	float: right;
	/*background: transparent url(images/bg-recherche.jpg) 0 0 no-repeat;*/
}

#sub-header form#form-newsletter {
	width: 350px;
}

#sub-header label {
	font-weight: bold;
	vertical-align: bottom;
}
#sub-header form#form-newsletter label{
	color:#705f4e;
	font-size:0.85em;
	padding:1px 0 2px;
	font-weight: normal;
}
#sub-header input {
	border: 1px #705f4e solid;
	vertical-align: bottom;
}
#sub-header form#form-newsletter input {
	text-align: center;
	color: #705f4e;
}
#sub-header input:hover {
	border-color: #ccc;
}

#sub-header #recherche-texte,
#sub-header #newsletter-texte {
	padding: 0 0 1px 0;
	font-size: .9em;
	width: 160px;
}

#sub-header form button {
	position: absolute;	
	text-transform: uppercase;
	font-size:  .8em;
	text-align: center;
	margin-left: 10px;
	height: 18px;
	width: 28px;
	background: #fff url(images/btn-header-ok.gif) 0 0 no-repeat;
}
#sub-header form button span{
	line-height:1.5em;
}
#sub-header form button:hover {
	background: #fff url(images/btn-header-ok.gif) 0 -18px no-repeat;
}
/*----------------FOOTER----------------*/
#footer {
	border-top: 1px solid #c3bfc1;
	border-bottom: 1px solid #c3bfc1;
}
#footer ul, #bottom ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#footer ul li, #bottom ul li {
	list-style-type: none;
	margin: 0; 
	padding: 0;
	display: inline;
}
#bottom ul li {
	margin-right: 10px;
	font-size: .8em;
}
#bottom ul li a{
	text-decoration: none;	
}
#bottom ul li a:hover {
	text-decoration: underline;	
}
#footer ul li a,
#footer ul li p{
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
ul#services-1 {	
	height: 54px;
}
ul#services-1 li a,
ul#services-1 li p {
	width: 140px;
	padding: 0;
	height: 54px;
}
ul#services-1 li a span,
ul#services-1 li p span {
	visibility: hidden;
}
ul#services-1 li a.magasin,
ul#services-1 li p.magasin{
	background: transparent url(images/bg-footer-1.gif) 0 0 no-repeat;
}
ul#services-1 li a.maisonvirtuelle,
ul#services-1 li p.maisonvirtuelle{
	background: transparent url(images/bg-footer-1.gif) -140px 0 no-repeat;
}
ul#services-1 li a.programmefidelite,
ul#services-1 li p.programmefidelite{
	background: transparent url(images/bg-footer-1.gif) -280px 0 no-repeat;
}
ul#services-1 li a.cadeauxfidelite,
ul#services-1 li p.cadeauxfidelite{
	background: transparent url(images/bg-footer-1.gif) -420px 0 no-repeat;
}
ul#services-1 li a.contact,
ul#services-1 li p.contact{
	background: transparent url(images/bg-footer-1.gif) -560px 0 no-repeat;
}
ul#services-1 li a.demandecatalogue,
ul#services-1 li p.demandecatalogue{
	background: transparent url(images/bg-footer-1.gif) -700px 0 no-repeat;
}
ul#services-1 li a.espace4etoiles,
ul#services-1 li p.espace4etoiles{
	background: transparent url(images/bg-footer-1.gif) -840px 0 no-repeat;
}
ul#services-1 li a:hover.magasin,
ul#services-1 li p:hover.magasin{
	background: transparent url(images/bg-footer-1.gif) 0 -54px no-repeat;
}
ul#services-1 li a:hover.maisonvirtuelle,
ul#services-1 li p:hover.maisonvirtuelle{
	background: transparent url(images/bg-footer-1.gif) -140px -54px no-repeat;
}
ul#services-1 li a:hover.programmefidelite,
ul#services-1 li p:hover.programmefidelite{
	background: transparent url(images/bg-footer-1.gif) -280px -54px no-repeat;
}
ul#services-1 li a:hover.cadeauxfidelite,
ul#services-1 li p:hover.cadeauxfidelite{
	background: transparent url(images/bg-footer-1.gif) -420px -54px no-repeat;
}
ul#services-1 li a:hover.contact,
ul#services-1 li p:hover.contact{
	background: transparent url(images/bg-footer-1.gif) -560px -54px no-repeat;
}
ul#services-1 li a:hover.demandecatalogue,
ul#services-1 li p:hover.demandecatalogue{
	background: transparent url(images/bg-footer-1.gif) -700px -54px no-repeat;
}
ul#services-1 li a:hover.espace4etoiles,
ul#services-1 li p:hover.espace4etoiles{
	background: transparent url(images/bg-footer-1.gif) -840px -54px no-repeat;
}

ul#services-2 {	
	height: 31px;
	background: transparent url(images/bg-footer-2.gif) 0 0 no-repeat;
}
ul#services-2 li a,
ul#services-2 li p {
	width: 108px;
	padding: 0;
	height: 31px;
	margin-right: 1px;
}
ul#services-2 li {
	width: 108px;
}
ul#services-2 li a span,
ul#services-2 li p span {
	visibility: hidden;
	height: 0;
	display: block;
	position: absolute; 
}
ul#services-2 li a.conseils,
ul#services-2 li p.conseils{
	background: transparent url(images/bg-footer-2.gif) 0 0 no-repeat;
}
ul#services-2 li a.faq,
ul#services-2 li p.faq{
	background: transparent url(images/bg-footer-2.gif) -109px 0 no-repeat;
}
ul#services-2 li a.parrainage,
ul#services-2 li p.parrainage{
	background: transparent url(images/bg-footer-2.gif) -218px 0 no-repeat;
}
ul#services-2 li a.pointsrelais,
ul#services-2 li p.pointsrelais{
	background: transparent url(images/bg-footer-2.gif) -327px 0 no-repeat;
}
ul#services-2 li a.conditionsoffres,
ul#services-2 li p.conditionsoffres{
	background: transparent url(images/bg-footer-2.gif) -436px 0 no-repeat;
}
ul#services-2 li a.partenaires,
ul#services-2 li p.partenaires{
	background: transparent url(images/bg-footer-2.gif) -545px 0 no-repeat;
}
ul#services-2 li a.conditionsvente,
ul#services-2 li p.conditionsvente{
	background: transparent url(images/bg-footer-2.gif) -654px 0 no-repeat;
}
ul#services-2 li a.mentionslegales,
ul#services-2 li p.mentionslegales{
	background: transparent url(images/bg-footer-2.gif) -763px 0 no-repeat;
}
ul#services-2 li a.plansite,
ul#services-2 li p.plansite{
	background: transparent url(images/bg-footer-2.gif) -872px 0 no-repeat;
	margin: 0;
}

ul#services-2 li a:hover.conseils,
ul#services-2 li p:hover.conseils{
	background: transparent url(images/bg-footer-2.gif) 0 -31px no-repeat;
}
ul#services-2 li a:hover.faq,
ul#services-2 li p:hover.faq{
	background: transparent url(images/bg-footer-2.gif) -109px -31px no-repeat;
}
ul#services-2 li a:hover.parrainage,
ul#services-2 li p:hover.parrainage{
	background: transparent url(images/bg-footer-2.gif) -218px -31px no-repeat;
}
ul#services-2 li a:hover.pointsrelais,
ul#services-2 li p:hover.pointsrelais{
	background: transparent url(images/bg-footer-2.gif) -327px -31px no-repeat;
}
ul#services-2 li a:hover.conditionsoffres,
ul#services-2 li p:hover.conditionsoffres{
	background: transparent url(images/bg-footer-2.gif) -436px -31px no-repeat;
}
ul#services-2 li a:hover.partenaires,
ul#services-2 li p:hover.partenaires{
	background: transparent url(images/bg-footer-2.gif) -545px -31px no-repeat;
}
ul#services-2 li a:hover.conditionsvente,
ul#services-2 li p:hover.conditionsvente{
	background: transparent url(images/bg-footer-2.gif) -654px -31px no-repeat;
}
ul#services-2 li a:hover.mentionslegales,
ul#services-2 li p:hover.mentionslegales{
	background: transparent url(images/bg-footer-2.gif) -763px -31px no-repeat;
}
ul#services-2 li a:hover.plansite,
ul#services-2 li p:hover.plansite{
	background: transparent url(images/bg-footer-2.gif) -872px -31px no-repeat;
}

#bottom {
	clear: both;
}

#bottom ul{
	text-align: left;
}
#bottom ul li{
	float: left;
	line-height: 2em;
}
#bottom ul li span {
	font-size: 0.7em;
	line-height: 2em;
	cursor: pointer;
}
#bottom ul li span:hover{
	text-decoration: underline;
}
#bottom ul li.right {
	float: right;
}

#ctop h2#breadcrumb {
	font-size:1em;
	margin:0;
	padding:0;
}
#ctop h2#breadcrumb a{
	text-decoration: none;	
}
#ctop h2#breadcrumb a:hover{
	text-decoration: underline;	
}

.bold {
	font-weight: bold;
}

.small {
	font-size: .7em;	
}

.onglet {
	clear: both;
	font-size: 1em;
	margin-bottom: 10px;
}
.onglet.ui-tabs {
	padding: 0;
	border: 0;
}
.onglet.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	background: #f3f3f3;
	font-weight: bold;
}
.onglet.ui-tabs .ui-tabs-nav li a{
	text-decoration: none;	
}
.onglet.ui-tabs .ui-tabs-nav li.ui-state-hover a{
	text-decoration: underline;	
}
.onglet.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #5a5a5a;
	text-decoration: underline;
}
.onglet.ui-tabs div.ui-tabs-panel{
	border: 1px #aaa solid;
	border-width: 0 1px 1px;
	overflow: auto;
	background: #f3f3f3;
}
.onglet.ui-tabs .ui-tabs-nav{
	background: none;
	border-width: 0 0 1px;
	padding: 0;
	-moz-border-radius: 0;
}

#content.statique h2{
	color: #86888A;
	margin: 1em 0;
}
#content.statique h3{
	
}
#content.statique p{
	margin: .5em 0;
}

/*  PRESENTATION ADRESSE  */
#content dl.mon-adresse{
	width: 41.1em;
	margin: 2em 0;
	padding: 0;
	height: auto;
	line-height: 14px;
}

#content .mon-adresse dt{
	width: 15em;
	float: left;
	/*margin: 0 0 10px 0;*/
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
#content #content .mon-adresse dt { clear: both; }
/* end hack */

#content .mon-adresse dd{
	float: left;
	width: 24em;
	margin: 0 0 10px 0;
	padding-left: 10px;
}

/*LISTE DES PAYS*/
#bottom ul#pays {
	text-align: center;
	padding: 1em;
}
#bottom ul#pays li {
	display: inline;
	padding: 0;
	float: none;
	margin: 0 1em;
	padding-left: 20px;
	cursor: pointer;
}
#bottom ul#pays li:hover {
	text-decoration: underline;
}
#bottom ul#pays li.be { background: transparent url(images/pays/be.png) 0 0 no-repeat; }
#bottom ul#pays li.nl { background: transparent url(images/pays/nl.png) 0 0 no-repeat; }
#bottom ul#pays li.lu { background: transparent url(images/pays/lu.png) 0 0 no-repeat; }
#bottom ul#pays li.de { background: transparent url(images/pays/de.png) 0 0 no-repeat; }
#bottom ul#pays li.gb { background: transparent url(images/pays/gb.png) 0 0 no-repeat; }
#bottom ul#pays li.es { background: transparent url(images/pays/es.png) 0 0 no-repeat; }
#bottom ul#pays li.it { background: transparent url(images/pays/it.png) 0 0 no-repeat; }

.dialog p{
	margin: 5px 0;
}
span.asterix{
	color: red;
	padding: 0 2px;
}