body {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-align:center;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color:#525252;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin:0px;
	padding:0px;
	font-size:1em;
}
img {
	border:0px;
}
a {
	color:#1E73B2;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
} 
form, ul, li, fieldset, dl, dd, dt, table, td, tr, th, tbody {
	margin:0px;
	padding:0px;
	border:0px;	
}
ul {
	list-style:none;
}
.clear_both {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}
.invisibleText {
	font-size:0px;
	line-height:0px;
}
.input {
	border:1px solid #CED6E9;
	background-color:#FFFFFF;
	color:#525252;
}
.input:focus, input.focus {
	background-color:#EDF1FF;
}
.button {
	border:1px solid #1CA0C0;
	background: #FFFFFF;
	color: #525252;
	margin:0;
	padding:0;	
	font-weight:bold;	
	padding-right:3px;
	padding-left:3px;
}
.warning {
	display:block;
	text-align:center;
	color:red;
	width:450px;
	margin-right:auto;
	margin-left:auto;
	font-size:0.8em;
	padding-bottom:2em;
	margin-top:1em;
}
del {
	text-decoration: line-through;
}
textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size:1em;
}
/** mise en forme logo verisign **/
.verisign {
	text-align:left;
	clear:both;
	padding-top:10px;
	display:block;
}
.verisign .logo {
	height:97px;
	background:url("../../images/interface/cartes.jpg") top right no-repeat;
	width:190px;	
}
.verisign .logo a {
	margin-left:20px;
}
.verisign a.aPropos {
	font-weight:bold;
	color:#000000;
	font-size:0.8em;
	display:block;
	text-align:center;
}
.verisignCommande {
	display:block;
	width:190px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
}
.verisignCommande .logo {
	height:97px;
	background:url("../../images/interface/cartes.jpg") top right no-repeat;
	width:190px;
}
.verisignCommande .logo a {
	margin-left:20px;
}
.verisignCommande a.aPropos {
	font-weight:bold;
	color:#000000;
	font-size:0.8em;
	display:block;
	text-align:center;
}

#conteneur {
	margin-top:2em;
	width:870px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border:0;
	overflow:hidden;
	height:1%;
	padding-bottom:2px;
}
#header {
	height:110px;
	background:url("../../images/interface/header.png") top left no-repeat #FFFFFF;
	padding-bottom:5px;
	font-size:0.9em;
	z-index:1000;
	border-bottom:1px solid #CED6E9;
}
#header .part1 {
	height:87px;
}
#header .part1 ul.liens {
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:60px;
	list-style-position:outside;
	width:150px;
}
#header .part1 ul.liens li {
	text-decoration:underline;
	color:#EDB329;
}
#header .part1 ul.liens li a {
	padding-left:25px;
	padding-top:3px;
	color:#FFFFFF;
	height:21px;
	display:block;
}
#header .part1 ul.liens li.recherche a{
	background: url("../../images/interface/picto-recherche.png") top left no-repeat;	
}
#header .part1 .login {
	float:right;
	display:inline;
}
#header .part1 .login ul {
	margin-top:25px;
}
#header .part1 .login ul li {
	float:left;
	color:#EDB329;
	min-height:23px;
}
#header .part1 .login ul li a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;	
	padding-left:28px;
	
}
#header .part1 .login ul li.panier {
	width:140px;
	background:url("../../images/interface/picto-panier.png") top left no-repeat;
}
#header .part1 .login ul li.panier span {
	font-size:0.8em;
	padding-left:28px;
}
#header .part1 .login ul li.mon_compte {
	width:115px;
	background:url("../../images/interface/picto-mon-compte.png") top left no-repeat;
}
#header .part1 .login ul li.aide {
	width:70px;
	background:url("../../images/interface/picto-aide.png") top left no-repeat;
}



#header .part2 {
	height:20px;
}
#header .part2 form {
	float:left;
	width:230px;
	margin-top:-2px;
	position:relative;
}
#header .part2 form label {
	color:#FFFFFF;
	padding-left:15px;
	float:left;
	margin-right:10px;
}
#header .part2 form input.input {
	width:100px;
	float:left;
	border:none;
}
#header .part2 form input.submit {
	float:left;
    background:url("../../images/interface/bouton-ok-recherche.png") top left no-repeat;
	border:0;
	height:20px;
	width:20px;
	margin-left:5px;
	display:inline;
	overflow:hidden;
	cursor:pointer;
	text-indent:9999px;
}
#header .part2 #menu {
	float:left;
	margin-left:25px;
	display:inline;
	margin-top:3px;
}
#header .part2 #menu li {
	float:left;
}
#header .part2 #menu li a {
	display:block;
	border-right:1px solid #3873AA;
	color:#3873AA;
	padding-right:5px;
	padding-left:5px;
	font-weight:bold;
}
#header .part2 #menu li a:hover {
	text-decoration:none;
	color:#438BCC;
}
#header .part2 #menu li.last-child a {
	border-right:none;
}
/**** Menu du haut et sous-menu *****/
#header .part2 #menu ul {
	position:absolute;
	background:#FFFFFF;
	border:1px solid #3873AA;
	width:200px;
	display:none;
}
#header .part2 #menu ul li {
	float:none;
}
#header .part2 #menu ul li a {
	border:none;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
}
#header .part2 #menu ul li a:hover {
	text-decoration:none;
	background: url("../../images/interface/menu-fleche-petite-droite.gif") top right no-repeat #d6e3ee;
	color:#3873AA;
}
/** Les sous-menus ***/
#header .part2 #menu ul li ul {
	margin-top:-18px;
	margin-left:200px;
	/*display:none;*/
	width:auto;
	position:absolute;
}
#header .part2 #menu ul li ul li a {
	white-space:pre;
}
#header .part2 #menu ul li ul li a:hover, #header .part2 #menu ul li a.noChild:hover {
	background-image:none;
}



/******** Contenu principal ***********/
#contenu {
	overflow:hidden;
	height:1%;
	clear:both;
	text-align:left;
}
#banniere {
	height:189px;
	/*position:relative;*/
	z-index:1;
}
#horaires {
	float:left;
	display:inline;
	margin-left:5px;
	border:1px solid #E7952E;
	background:url("../../images/interface/horaires.jpg") top left no-repeat;
	padding-top:135px;
	width:183px;
	margin-top:1em;
	text-align:center;
	padding-bottom:2em;
	font-size:0.9em;
}
#horaires strong {
	color:#E7952E;
	font-weight:bold;
}
#horaires a {
	color:#E7952E;
}
h2 {
	background:url("../../images/interface/fleche-titre.gif") top left no-repeat;
	min-height:32px;
	padding-left:40px;
	padding-top:8px;
	color:#3A5AA7;
	font-size:1.3em;
}
h2 a {
	color:#3A5AA7;
}
/************* L'espace de texte principal, ce qui change à chaque page **************/
#contenuTexte {
	float:left;
	margin-left:10px;
	display:inline;
	margin-top:1em;
}
/******** la colonne de gauche, avec les horaires et/ou l'encart d'accueil ********/
#colonneGauche {
	float:left;
	width:186px;
}
/****** L'encart de la page d'accueil *********/
#encartAccueil {
	margin-left:5px;
	width:186px;
	height:123px;
	background:url("../../images/interface/fond-encart-accueil.gif") top left no-repeat;
	color:#FFFFFF;
	text-align:center;
	margin-top:1em;
}
#encartAccueil .texte {
	width:160px;
	margin-right:auto;
	margin-left:auto;
	height:123px;
}
/******** Bottom ***************/
#bottom {
	margin-right:auto;
	margin-left:auto;
	width:480px;
	overflow:hidden;
	padding-top:1em;
	font-size:0.9em;
	color: #333333;
}
#bottom li {
	float:left;
}
#bottom li a {
	display:block;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #C1CECB;
	color: #242424;
	font-weight:bold;
}
#bottom li.last-child a {
	border-right:none;
}
#bottom li a:hover {
	text-decoration:none;
	color:#9AA4A2;
}
/**** Signature 40° *********/
#copyright {
	font-size:0.8em;
	color:#C0C0C0;
	margin-top:0.5em;
}
#copyright a {
	font-size:0.8em;
	color:#C0C0C0;
}
/********** Un menu lateral avec sous menu admin/produits ***********/
#menuLateral {
	background: url("../../images/interface/menu-haut.gif") top left no-repeat #3A5AA7;
	padding-top:12px;
	float:left;
	width:165px;
	display:inline;
	margin-left:25px;
	margin-top:1em;
}
#menuLateral ul {
	background: url("../../images/interface/menu-bas.gif") bottom left no-repeat #3A5AA7;
	padding-bottom:12px;
}
#menuLateral ul li {
	
}
#menuLateral ul li a {
	display:block;
	color:#FFFFFF;
	background-image:url("../../images/interface/menu-fleche-droite.gif");
	background-position: 10px 7px;
	background-repeat: no-repeat;
	padding-left:25px;
	font-weight:bold;
	border-bottom:1px solid #5270b2;
	min-height:20px;
	padding-top:3px;
	padding-bottom:2px;
	height:1%;
}
#menuLateral ul li a:hover {
	background-color:#657ab7;
	background-image:url("../../images/interface/menu-fleche-droite-hover.gif");
	text-decoration:none;
}
#menuLateral ul li a.focus {
	background-image: url("../../images/interface/menu-fleche-bas.gif");
	background-color:#657ab7;
	border-bottom:0px;
}
#menuLateral ul li a.focus:hover {
	background-image:url("../../images/interface/menu-fleche-droite.gif");
	background-color:#3A5AA7;
}
#menuLateral ul li ul {
	background:none;
	padding-bottom:0px;
}
#menuLateral ul li ul li {
	background:#657AB7;
}
#menuLateral ul li ul li a {
	background-image:none;
	border-bottom:none;
	font-weight:normal;
	padding-left:10px;
	font-size:0.9em;
	height:1%;
	padding-bottom:2px;
}
#menuLateral ul li ul li a:hover, #menuLateral ul li ul li a.focus {
	background-image:none;
	color:#EDB329;
}
#menuLateral ul li ul li a.focus:hover {
	background-image:none;
	background-color: #657ab7;
}

/********** La page d'admin *************/
#admin {
	float:left;
	display:inline;
	margin-left:25px;
	margin-top:1em;
	width:630px;
}
/******* Quelques styles utilisés à pluseurs endroits ***************/
ul.carre {
	margin-left:15px;
}
ul.carre li {
	height:1%;
	background:url("../../images/interface/puce-carre.gif") 0px 4px no-repeat;
	padding-left:15px;
}
table.presentation {
	margin-top:1em;
}
table.presentation tr.header td, table.presentation tr.header th {
	text-align:center;
	font-weight:bold;
}
table.presentation td {
	border:1px solid #5270b2;
	padding:10px;
}
table.presentation td.nom {
	text-align:center;
}
/********** Les pages dynamiques du site *********/
.pageDisplay {
	margin-left:40px;
}
.pageDisplay .texte {
	float:left;
	display:inline;
	width:400px;
	text-align:justify;
}
.pageDisplay .image {
	float:left;
	display:inline;
	text-align:center;
	width:210px;
	margin-left:15px;
}
.pageDisplay .texte h4 {
	color:#3A5AA7;
	display:block;
	font-size:1.1em;
}
.pageDisplay .texte dl.identite {
	border:1px solid #5270b2;
	overflow:hidden;
	height:1%;
	text-align:left;
	padding-left:5px;
	padding-bottom:5px;
}
.pageDisplay .texte dl.identite dt {
	float:left;
	clear:both;
	font-weight:bold;
	width:200px;
	margin-top:10px;
}
.pageDisplay .texte dl.identite dd {
	float:left;
	padding-left:3px;
	margin-top:10px;
	width:180px;
}

/**** Les FAQ ***/
#faq {
	float:left;
	width:600px;
}
.questionDetail {
	margin-left:40px;
	margin-bottom:0.25em;
}
.questionDetail .reponse {
	margin-bottom:1em;
	margin-left:15px;
	margin-top:1em;
	background:#F0F8FF;
	padding:5px;
}

/********** l'affichage des sections ***********/
.sectionDisplay .menu {
	float:left;
	width:165px;
}
.sectionDisplay .menu #menuLateral {
	margin:0px;
}

.sectionDisplay .produits {
	float:left;
	display:inline;
	margin-left:25px;
	width:450px;
}
.noArticles {
	margin-left:40px;
}
.sectionDisplay .produits .pages {
	text-align:center;
	margin-bottom:1em;
}
.sectionDisplay .produits .pages a.focus {
	text-decoration:underline;
}
.sectionDisplay .produits a.search {
	margin-bottom:1em;
	margin-top:1em;
	display:block;
}
/*** Les promotions de la section ***/
.sectionDisplay .promotions {
	float:left;
	display:inline;
	margin-left:15px;	
	margin-top:40px;
	width:187px;
	background:url("../../images/interface/fond-promotions.gif") top left repeat-y;
}
.sectionDisplay .promotions h4 {
	background:url("../../images/interface/fond-promotions-haut.gif") top left no-repeat;
	height:23px;
	padding-top:2px;
	padding-left:15px;
	color:#FFFFFF;
}
.sectionDisplay .promotions ul {
	padding-bottom:20px;
	background:url("../../images/interface/fond-promotions-bas.gif") bottom left no-repeat;
}
.sectionDisplay .promotions ul li {
	margin-top:0.5em;
	margin-left:5px;
}
.sectionDisplay .promotions ul li a {
	background:url("../../images/interface/puce-carre.gif") 5px 5px no-repeat;
	padding-left:18px;
}

/********* l'affichage des produits en liste *************/
.produitListe {
	height:1%;
	overflow:auto;
	border:1px solid #3A5AA7;
	margin-bottom:1em;	
}
.produitListe .image {
	float:left;
	display:inline;
}
.produitListe table td {
	width:115px;
	text-align:center;
	height:120px;
}
.produitListe .texte {
	float:left;
	display:inline;
	width:320px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.produitListe .texte .ref {
	font-size:0.8em;
	color:#657AB7;
	margin-bottom:1em
}
.produitListe .texte a.sav_plus {
	font-style:italic;
	display:block;
	font-size:0.9em;
	margin-top:0.5em;
	margin-bottom:1em;
}
.produitListe .texte .prix {
	float:left;
}
.produitListe .texte a.panier {
	float:right;
	background:url("../../images/interface/panier.gif") top left no-repeat;
	width:124px;
	height:20px;
}

/********** l'affichage d'un produit ***********/
.produitDisplay {
	overflow:hidden;
	height:1%;
	background:url("../../images/interface/fond-produits.gif") 680px 0px repeat-y;
}
.produitDisplay .menu {
	float:left;
	width:165px;
}
.produitDisplay .menu #menuLateral {
	margin:0px;
}

.produitDisplay .produit {
	float:left;
	display:inline;
	margin-left:25px;
	width:480px;
}
.produitDetail {
	height:1%;
	overflow:hidden;
}
.produitDetail .image {
	float:left;
	display:inline;
	width:180px;
	text-align:center;
}
.produitDetail .image img {
	margin-bottom:1em;
}
.produitDetail .texte {
	float:left;
	display:inline;
	width:290px;
	margin-left:10px;
}
.produitDetail .texte h4 {
	color:#3A5AA7;
}
.produitDetail .texte .marque {
	font-size:0.8em;
	font-style:italic;
	color:#486EAC;
}
.produitDetail .texte .ref {
	margin-bottom:1em;
	margin-top:1em;
	color:#486EAC;
}
.produitDetail .texte .prix {
	margin-top:1em;
	float:left;
	font-weight:bold;
}
.produitDetail .texte a.panier {
	float:right;
	background:url("../../images/interface/panier.gif") top left no-repeat;
	width:124px;
	height:20px;
	margin-top:1em;
}
.produitDetail .texte .portSpecial {
	font-size:0.8em;
	padding-top:1em;
	clear:both;
	text-align:justify;
}
.produitDisplay .vestiaire {
	float:left;
	display:inline;
	margin-left:15px;	
	width:160px;
}
.produitDisplay .vestiaire .vestiaireDetail {
	margin-bottom:2em;
	text-align:center;
}


/********* Formulaire de recherche **********/
#formSearch {
	margin-bottom:1em;
}
#searchResult .produitListe {
	width:450px;
	margin-right:auto;
	margin-left:auto;
}

/******* Page d'index *********/
#index {
	height:1%;
}
#index .ligne_nouveautes_promotions {
	height:1%;
	overflow:hidden;
}
#index .ligne_livres_voyages_cheques_actus {
	height:1%;
	overflow:hidden;
	clear:both;
}
#index .colonne_livres_voyages_cheques {
	height:1%;
	overflow:hidden;
	width:430px;
	float:left;
	display:inline;
}
#index .ligne_livres_voyages {
	height:1%;
	overflow:hidden;
}


#index h2 {
	margin-top:5px;
	margin-left:10px;
}
#index a.voir_tous {
	display:block;
	text-align:right;
	padding-right:15px;	
	margin-bottom:3px;
}
#index .nouveautes {
	border:1px solid #C5D6E8;
	height:1%;
	overflow:hidden;
	width:340px;
	float:left;
}
#index .nouveautes a {
	color:#365998;
}
.nouveauteIndex {
	height:1%;
	overflow:hidden;
	margin-bottom:1em;
}
.nouveauteIndex .image {
	float:left;
	display:inline;
	border:1px solid #365998;
	margin-left:10px;
}
.nouveauteIndex .image td {
	text-align:center;
	height:90px;
	width:90px;
}
.nouveauteIndex .texte {
	float:left;
	display:inline;
	width:220px;
	margin-left:10px;
}
.nouveauteIndex .texte a.sav_plus {
	display:block;
	text-align:right;
	margin-top:1em;
}
/** Promotions **/
#index .promotions {
	float:left;
	width:315px;
	display:inline;
	height:1%;
	overflow:hidden;
	background:#FEF9F3;
	margin-left:10px;
}
#index .promotions a {
	color:#E7952E;
}
#index .promotions h2 {
	background-image: url("../../images/interface/fond-fleche-promotions.gif");
}
.promotionIndex {
	height:1%;
	overflow:hidden;
	margin-bottom:1em;
}
.promotionIndex .image {
	float:left;
	display:inline;
	border:1px solid #E7952E;
	margin-left:10px;
}
.promotionIndex .image td {
	text-align:center;
	height:70px;
	width:70px;
	background:#FFFFFF;
}
.promotionIndex .image td img {
	width:60px;
}
.promotionIndex .texte {
	float:left;
	display:inline;
	width:180px;
	margin-left:10px;
}
.promotionIndex .texte .prix {
	margin-top:3px;
	font-size:0.9em;
}
.promotionIndex .texte .prix em {
	font-weight:bold;
	font-style:normal;
}
.promotionIndex .texte .prix strike {
	color:red;
}
.promotionIndex .texte .prix strike span {
	color:#525252;
	padding-right:3px;
	padding-left:3px;
}
.promotionIndex .texte .prix span.nouveau_prix {
	padding-left:20px;
	font-weight:bold;
	color:red;
	font-size:1.3em
}
.promotionIndex .texte a.sav_plus {
	display:block;
	text-align:right;
	margin-top:1em;
	font-size:0.8em;
}

/** Livres **/
#index .livres {
	float:left;
	display:inline;
	height:1%;
	overflow:hidden;
	width:210px;
	border:1px solid #8B50A4;
	margin-top:1em;
	min-height:200px;
}
#index .livres h2 {
	margin-left:5px;
}
#index .livres a {
	color:#8B50A4;
}
#index .livres h2 {
	background-image: url("../../images/interface/fond-fleche-livres.gif");
}
.livreIndex {
	height:1%;

	margin-bottom:1em;
}
.livreIndex .image {
	float:left;
	display:inline;
}
.livreIndex .image td {
	text-align:center;
	width:70px;
}
.livreIndex .image td img {
	width:60px;
}
.livreIndex .texte {
	float:left;
	display:inline;
	width:120px;
	margin-left:10px;
}
.livreIndex .texte .auteur {
	font-size:0.8em;
	color:#8B50A4;
}
.livreIndex .texte .prix {
	font-size:0.9em;	
	font-weight:bold;
}
.livreIndex .texte a.sav_plus {
	display:block;
	font-size:0.8em;
}


/** Voyages **/
#index .voyages {
	float:left;
	display:inline;
	height:1%;
	overflow:hidden;
	width:205px;
	border:1px solid #9E8E00;
	margin-top:1em;
	margin-left:5px;
	min-height:200px;
}
#index .voyages h2 {
	margin-left:5px;
}
#index .voyages a {
	color:#9E8E00;
}
#index .voyages h2 {
	background-image: url("../../images/interface/fond-fleche-voyages.gif");
}
.voyageIndex {
	margin-bottom:1em;
}
.voyageIndex .image {
	text-align:center;
}
.voyageIndex h3 {
	margin-left:5px;
	margin-top:3px;
}
.voyageIndex .texte {
	margin-right:5px;
	margin-left:5px;
	font-size:0.8em;
}
.voyageIndex .texte a.sav_plus {
	display:block;
	font-size:0.8em;
}

/*** Cheques ***/
#index .cheques {
	text-align:left;
	margin-top:1em;
}


/** Actualités **/
#index .actualites {
	float:left;
	display:inline;
	height:1%;
	overflow:hidden;
	width:230px;
	border:1px solid #008AA3;
	margin-top:1em;
	margin-left:5px;
	min-height:350px;
}
#index .actualites h2 {
	margin-left:5px;
}
#index .actualites a {
	color:#008AA3;
}
#index .actualites h2 {
	background-image: url("../../images/interface/fond-fleche-actualites.gif");
}
.actualiteIndex {
	margin-bottom:1em;
	padding-right:10px;	
}
.actualiteIndex h3 {
	margin-left:5px;
	background:url("../../images/interface/puce-carre-actualites.gif") 0px 3px no-repeat;
	padding-left:15px;
}
.actualiteIndex .texte {
	padding-left:20px;
}
.actualiteIndex a.sav_plus {
	display:block;
	padding-left:20px;
}



/*********** Le choix des sous-sections d'une promotion *************/
ul.promotionSubSections {
	margin-left:40px;
	margin-bottom:2em;
	margin-top:1em;
}
ul.promotionSubSections li a {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:0.5em;
	display:block;	
}
ul.nouveauteSubSections {
	margin-left:35px;
	margin-bottom:2em;
	margin-top:1em;
}
ul.nouveauteSubSections li a {
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:0.5em;
	display:block;	
}


/************* Voyages *************/
.voyageDetail {
	height:1%;
	overflow:hidden;
	border:1px solid #9E8E00;
	padding:5px;
	margin-bottom:1em;
}
.voyageDetail .image {
	width:120px;
	float:left;
	display:inline;
	height:1%;
	overflow:hidden;
	text-align:center;
}
.voyageDetail .texte {
	width:300px;
	float:left;
	display:inline;
}
.voyageDetail .texte h3, .voyageDetail a {
	color:#9E8E00;
}
.voyageDetail a.sav_plus {
	display:block;
	margin-top:1em;
	text-align:right;
}
h2.voyages {
	background-image: url("../../images/interface/fond-fleche-voyages.gif");
}
h2.voyages a {
	color:#9E8E00;
}

/******* Actualités *******/
.actualiteDetail {
	margin-top:2em;
}
.actualiteDetail a {
	color:#008AA3;
}
h2.actualites {
	background-image: url("../../images/interface/fond-fleche-actualites.gif");
}
h2.actualites a {
	color:#008AA3
}
.actualiteDetail {
	border:1px solid #008AA3;
	padding:5px;
}
.actualiteDetail h3 {
	margin-bottom:1em;
}
.actualiteDetail a.sav_plus {
	display:block;
	text-align:right;
	margin-top:1em;
}

/******** Pictos nouveaute/promotion ***********/
strong.nouveaute, strong.promotion {
	width:78px;
	height:21px;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:1em;
}
strong.nouveaute {
	background-image: url("../../images/interface/picto-nouveaute.gif");
}
strong.promotion {
	background-image: url("../../images/interface/picto-promotion.gif");
}


/****************** Création de compte / Login *****************/
#compteAdd {
	float:left;
	width:580px;
	margin-left:40px;
	display:inline;
}
#compteAdd h3, #compteEdit h3 {
	color:#3A5AA7;
	border-bottom:1px solid #CED6E9;
	font-size:1.1em;
	margin-bottom:1em;
}
#compteAdd form.login {
	width:313px;
	height:171px;
	background:url("../../images/interface/fond-login.gif") top left no-repeat;
	margin-right:auto;
	margin-left:auto;
	margin-top:2em;
	margin-bottom:2em;
}
#compteAdd form.login strong {
	color:#3A5AA7;
	font-weight:bold;
	font-size:0.9em;
	padding-top:1.5em;
	margin-left:10px;
	display:block;
	margin-bottom:1.5em;
}
#compteAdd form.login em {
	color:red;
	font-weight:bold;
	font-size:0.9em;
	display:block;
	margin-top:-1em;
	margin-bottom:1em;
	text-align:center;
}
#compteAdd form.login div {
	margin-bottom:10px;
	overflow:hidden;
}
#compteAdd form.login a.oubli_pass {
	display:block;
	margin-top:1em;
}
#compteAdd form.login label {
	display:block;
	float:left;
	margin-left:10px;
	width:110px;
	font-weight:bold;	
}
#compteAdd form.login div input {
	float:left;
}
input.valider, input.valider {
	width:76px;
	height:20px;
	background:url("../../images/interface/bouton-valider.gif") top left no-repeat;
	margin-right:auto;
	margin-left:auto;
	cursor:pointer;
	border:none;
	display:block;
	margin-top:1em;
	margin-bottom:1em
}
#compteAdd a.retour_panier {
	width:132px;
	height:20px;
	background:url("../../images/interface/bouton-retour-panier.gif") top left no-repeat;
	margin-right:auto;
	margin-left:auto;
	cursor:pointer;
	border:none;
	display:block;
	margin-top:1em;
	margin-bottom:1em
}
#compteAdd form.login a {
	display:block;
	font-size:0.8em;
	color:#000000;
	margin-left:10px;
}
#compteAdd form.ouvrir {
	margin-top:1em;
}
#compteAdd form.ouvrir strong {
	color:#3A5AA7;
	font-weight:bold;
	font-size:0.9em;
	display:block;
	margin-bottom:1.5em;
}
#compteAdd form.ouvrir label {
	font-weight:bold;
	width:170px;
	text-align:left;
}
#compteAdd form em, #compteEdit form em {
	font-style:normal;
	font-weight:bold;
	color:red;
}
#compteAdd form.ouvrir input {
	width:200px;
}
#compteAdd form.ouvrir input.valider {
	width:76px;
}
#compteAdd .informations, #compteEdit .informations {
	font-size:0.8em;
	margin-top:1em;
}
#compteAdd .informations h6, #compteEdit .informations h6 {
	font-weight:bold;
	font-size:1.1em;
}
#compteAdd .informations a, #compteEdit .informations a {
	margin-left:0px;
	display:block;
	color:#000000;
}
#compteAdd fieldset {
	margin-bottom:2em;
}
#compteAdd fieldset legend {
	display:none;
}
#compteAdd fieldset label {
	text-align:left;
}
#compteAdd .adresse_facturation label {
	width:130px;
}

/*** Edition des infos personnelles du compte ****/
#compteEdit #menuLateral {
	margin-left:0px;
}
#compteEdit #menuLateral ul li ul {
	display:block;
}
#compteEdit {
	overflow:hidden;
}
#compteEdit .espaceTexte {
	float:left;
	margin-left:60px;
	display:inline;
	width:600px;
}
#compteEdit .espaceTexte h2 {
	margin-left:-40px;
}
#compteEdit .espaceTexte label {
	font-weight:bold;
	text-align:left;
}
#compteEdit .espaceTexte form {
	margin-top:1em;
}
#compteEdit fieldset legend {
	display:none;
}
#compteEdit form.adresses label {
	width:140px;
}
#compteEdit form.adresses fieldset {
	margin-bottom:2em;
}
#compteEdit form.pass label {
	width:240px;
}
#compteEdit form.pass .input {
	width:175px;
}
#compteEdit form.mail label {
	width:200px;
}
#compteEdit form.mail .mail {
	width:175px;
}

/********** Caddie ***************/
#caddie {
	float:left;
	display:inline;
	margin-left:40px;
	width:600px;
}
#caddie ul.actions {
	overflow:hidden;
	height:1%;
}
#caddie ul.actions li {
	float:right;
}
#caddie ul.actions li.commander input {
	width:174px;
	height:20px;
	border:none;
	background:url("../../images/interface/bouton-commander.gif") top left no-repeat;
	cursor:pointer;
	margin-left:50px;
}
#caddie ul.actions li.recalculer {
	border-left:1px solid #000000;
}
#caddie ul.actions li.recalculer input {
	border:none;
	background:#FFFFFF;
	color:#000000;
	text-align:center;
	cursor:pointer;
}
#caddie ul.actions li.vider {
}
#caddie ul.actions li.vider input {
	border:none;
	background:#FFFFFF;
	color:#000000;
	text-align:center;
	cursor:pointer;
}
#caddie ul.infos {
	margin-top:1em;
	margin-left:35px;
	font-size:0.9em;
	list-style:disc;
	margin-bottom:2em;
}
/** tableau de présentation du caddie */
table.caddie {
	margin-left:35px;
	width:550px;
	margin-bottom:2em;
}
table.caddie th {
	background:#CBD5E8;
	color:#3A5AA7;
	text-align:center;
	border-right:1px solid #FFFFFF;
}
table.caddie th.supp {
	width:45px;
}
table.caddie th.ref {
	width:60px;
}
table.caddie th.nom {
	width:180px;
}
table.caddie th.quantite {
	width:60px;
}
table.caddie th.prix {
	width:90px;
}
table.caddie th.total {
	width:70px;
}
table.caddie td {
	padding-top:2px;
	padding-right:5px;
	padding-left:5px;
}
table.caddie td.supp a {
	display:block;
	width:20px;
	height:21px;
	background:url("../../images/interface/picto-corbeille.gif") top left no-repeat;
	margin-right:auto;
	margin-left:auto;
}
table.caddie td.quantite {
	text-align:center;
}
table.caddie td.quantite input {
	width:35px;
	text-align:center;
}
table.caddie td.prix {
	text-align:right;
}
table.caddie td.name {
	text-align:right;
	font-weight:bold;
}
table.caddie td.total {
	text-align:right;
}
table.caddie tr.total td.valeur {
	text-align:right;
}

/******* PAssage de commande ****/
#commande {
	float:left;
	margin-left:40px;
	display:inline;
	width:600px;
	height:1%;
	overflow:hidden;
}
#commande h3 {
	color:#3A5AA7;
	border-bottom:1px solid #CED6E9;
	font-size:1.1em;
	margin-bottom:1em;
}
#commande .recapPerso {
	margin-top:1em;
}
#commande .recapPerso a.modifPerso {
	display:block;
	margin-top:1em;
	text-align:right;
}
#commande .recapAdresses {
	height:1%;
	overflow:hidden;
	margin-top:2em;
}
#commande .recapAdresses .adresse {
	float:left;
	width:300px;
}
#commande .recapAdresses .adresse strong {
	color:#3A5AA7;
	display:block;
}
#commande .recapAdresses a {
	display:block;
	margin-top:1em;
	text-align:right;
}
#commande input.continuer {
	background: url("../../images/interface/bouton-continuer.gif") top left no-repeat;
	width:174px;
	height:20px;
	margin-right:auto;
	margin-left:auto;
	border:none;
	display:block;
	margin-top:2em;
	cursor:pointer;
}
#commande .resume .adresses {
	overflow:hidden;
	height:1%;
	padding-bottom:2em;
}
#commande .resume .adresses .adresse {
	float:left;
	width:300px;
}
#commande .resume .adresses .adresse strong {
	color:#3A5AA7;
	display:block;
}
#commande a.printCommande {
	display:block;
	margin-bottom:1em;
	text-align:right;
	margin-right:45px;
}
#commande .resume table.caddie {
	margin-left:0px;
}
#commande .infos {
	font-size:0.8em;
	margin-bottom:2em;
}
#commande strong.montant {
	display:block;
	font-weight:bold;
	color:#000000;
}
#commande .infoPromo {
	font-size:0.8em;
}
#commande form.label_cell {
	margin-left:35px;
	margin-top:2em;
}
#commande form.label_cell label {
	float:none;
	font-weight:bold;
}
#commande form.label_cell table.cb {
	margin-bottom:1em;
}
#commande form.label_cell table.cb td {
	height:35px;
	vertical-align:middle;
}
#commande form.label_cell table.cb td.radio {
	padding-right:15px;
}
#commande form.label_cell #cb_number1,
#commande form.label_cell #cb_number2, 
#commande form.label_cell #cb_number3 {
	margin-right:5px;
}
/** Le code promotionnel ***/
#commande .code_promo {
	margin-top:1em;
}
#commande .code_promo strong {
	display:block;
}
#commande .code_promo label {
	font-size:0.8em;
}


/********* Les cheques cadeaux  ***********/
#cheques-cadeaux {
	margin-left:45px;
}
#cheques-cadeaux h4 {
	font-size:1.4em;
	color:#EDB329;
	margin-bottom:1em;
	font-weight:normal;
}
#cheques-cadeaux strong {
	font-weight:bold;
}
#cheques-cadeaux .img {
	text-align:center;
	margin-top:2em;
}
#cheques-cadeaux .img img {
	margin-right:auto;
	margin-left:auto;
}
/************* mot de passe oublié *****************/
#oubliPass {
	float:left;
	width:550px;
	margin-left:35px;
}
#oubliPass form {
	margin-top:2em;
}
#oubliPass strong {
	color:red;
}

/******** Le plan du site **************/
#plan {
	float:left;
	display:inline;
	width:600px;
	margin-left:35px;
}
#plan ul li {
	margin-top:2em;
}
#plan ul li h3 {
	font-size:1.2em;
	color:#EDB329;
}
#plan ul li ul {
	margin-left:25px;
}
#plan ul li ul li {
	margin:0px;
}
#plan ul li ul li ul {
	margin-bottom:1em;
}

/********* Articles de presse **************/
#presse {
	float:left;
	margin-left:35px;
	display:inline;
	width:550px;
}
.presseListe {
	border:1px solid #3A5AA7;
	padding:5px;
}
.presseListe h4 {
	font-weight:normal;
}
.presseListe h4 strong {
	color:#3A5AA7;	
}
.presseListe h3 {
	font-weight:bold;
	color:#EDB329;
	margin-bottom:1em;
}
/********** Sites préférésc ***************/
#sites {
	float:left;
	display:inline;
	width:600px;
	margin-left:35px;
}
.siteDetail {
	border:1px solid #3A5AA7;
	padding:5px;
	margin-bottom:1em;
	overflow:hidden;
	height:1%;
}
.siteDetail .image {
	float:left;
	width:165px;
	text-align:center;
}
.siteDetail .texte {
	float:left;
	display:inline;
	margin-left:15px;
	width:350px;
}
.siteDetail .texte a.lien {
	display:block;
	margin-top:1em;
	margin-bottom:1em;
}
.siteDetail h3 {
	font-weight:bold;
	color:#EDB329;
	margin-bottom:1em;
}
/******** contactez-nous *************/
#contact {
	float:left;
	display:inline;
	width:550px;
	margin-left:35px;
}
#contact form em {
	font-weight:bold;
	color:red;
}