/* Default CSS */

/* Structure */
#wrapper {
	width: 975px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/* Entête */
#header {
	width: 975px;
	height: 247px;
	margin-bottom: 10px;
}

#header .logo_onglets {
	width: 975px;
	height: 212px;
}

#header .logo_onglets .bordure_gauche {
	width: 4px;
	height: 212px;
	float: left;
	background-image: url(/images/boutique/header/header_fond_gauche.gif);
}

#header .logo_onglets .bordure_droite {
	width: 4px;
	height: 212px;
	float: right;
	background-image: url(/images/boutique/header/header_fond_droite.gif);
}

#header .logo_onglets .logo {
	width: 339px;
	height: 185px;
	float: left;
	background-image: url(/images/boutique/header/header_logo.gif);
}

#header .logo_onglets .image {
	width: 628px;
	height: 185px;
	float: left;
	background-image: url(/images/boutique/header/header_fond_image.jpg);
}

#header .logo_onglets .image .mininav {
	position: relative;
	width: 330px;
	height: 30px;
	left: 288px;
	background-image: url(/images/boutique/header/top-mini-nav_fond.gif);
	text-align: center;
}

#header .logo_onglets .image .mininav ul {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}

#header .logo_onglets .image .mininav li {
	display: inline;
	list-style-type: none;
	font-size: 10px;
}

#header .logo_onglets .image .mininav img {
	vertical-align: middle;
}

#header .logo_onglets .barre_onglets {
	width: 967px;
	height: 27px;
	float: left;
	background-image: url(/images/boutique/header/header_fond_onglets.gif);
}

#header .logo_onglets .barre_onglets .onglets {
	width: 952px;
	position: relative;
	left: 10px;
	height: 27px;
}

#header .logo_onglets .barre_onglets .onglets img {
	margin-right: 3px;
}

#header .barre_bas {
	width: 975px;
	height: 35px;
	clear: both;
}

#header .barre_bas .liens {
	width: 938px;
	height: 35px;
	float: left;
	background-image: url(/images/boutique/header/header_barre_horiz.gif);
}

#header .barre_bas .liens ul {
	margin: 0px;
	padding: 0px;
	padding-top: 13px;
	padding-left: 15px;
	float: left;
}

#header .barre_bas .liens li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 8px;
	border-right: solid #000000 1px;
}

#header .barre_bas .liens .dernier {
	border: 0;
}

#header .barre_bas .liens form {
	float: right;
	padding-top: 8px;
	padding-right: 5px;
}

#header .barre_bas .liens input {
	width: 140px;
	height: 11px;
	font-size: 11px;
	color: #666666;
}

#header .barre_bas .loupe {
	width: 37px;
	height: 35px;
	float: right;
	background-image: url(/images/boutique/header/header_barre_search_off.gif);
}


/* Fil ariane */
#fil_ariane {
	height: 15px;
	margin-left: 50px;
}

.breadCrumb h1 {
	border: 0;
	margin: 0;
	padding:0;
	color: #000000;
	display: inline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* Contenu */
#content {
	width: 975px;
	height: 100%;
	margin-top: 10px;
	padding-top: 0px;
	background-image: url(/images/boutique/content/page_fond_1.gif);
}

#content .bordure_haut {
	width: 975px;
	height: 26px;
	background-color: #F0F0F0;
	background-image: url(/images/boutique/content/page_fond_bandeau_1.gif);
}

#content .bordure_bas {
	width: 975px;
	height: 12px;
	clear: both;
	background-color: #F0F0F0;
	background-image: url(/images/boutique/content/page_fond_bas_1.gif);
}

#content .page {
	padding-top: 10px;
	padding-bottom: 25px;
	width: 975px;
	height: 100%;
}

#content .page .leftcolumn {
	width: 205px;
	float: left;
	text-align: center;
}

#content .page .rightcolumn {
	width: 205px;
	float: left;
	text-align: center;
}

#content .page .centercolumn {
	width: 555px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#content .page .indexcolumn {
	width: 755px;
	float: left;
	padding-left: 10px;
	padding-right: 5px;
}

/* Pied de page */
#footer {
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
	text-align: center;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
}

#footer li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right: solid #666666 1px;
	padding-left: 6px;
	padding-right: 4px;
}

#footer .dernier {
	border: 0;
}

#footer a {
	color: #666666;
}


/* GENERAL */
html, body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #F0F0F0;
	background-image: url("/images/boutique/motif_fetes_4.jpg");
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0;
}

h1 {
	font-size: 24px;
	color: #999999;
	border-bottom: solid rgb(165,100,150) 4px;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

h2 {
	font-size: 16px;
	color: rgb(165,100,150);
}

h3 {
	font-size: 14px;
	color: #999999;
}

a {
	text-decoration: none;
	color: rgb(165,100,150);
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

.important {
	width: 530px;
	padding: 10px;
	border: dotted #666666 1px;
	text-align: justify;
	background-color: rgb(232,205,222);
}

.information {
	text-align: justify;
	font-style: italic;
}

.clauses {
	text-align: justify;
	font-size: 10px;
}

.petit {
	font-size: 11px;
}

.erreur {
	font-weight: bold;
	color: #FF0000;
}

.rouge {
	font-weight: bold;
	color: #CC0000;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

/* Barre des avantages */
#barre_avantages {
	width: 555px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Menu Rayons */
#menuRayons {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
}

#menuRayons .libelleRayon { /* libelle rayon */
	font-weight: bold;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	padding-right: 18px;
}

#menuRayons .fond_haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/menu/haut_rayons.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuRayons .fond_bas {
	width: 100%;
	height: 40px;
	background-image: url(/images/boutique/menu/bas_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuRayons ul {
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/cotes_1.gif);
	background-repeat: repeat-y;
	list-style-type: none;
}

#menuRayons li { /* libelle categorie mère */
	width: 137px;
	font-weight: normal;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#menuRayons .separation {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/separation_1.gif);
	background-repeat: no-repeat;
	text-align: left;
	line-height: 0;
	font-size: 0;
}

/* Menu Categories */
#menuCategories {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
}

#menuCategories .libelleRayon { /* libelle rayon */
	font-weight: bold;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	padding-right: 18px;
}

#menuCategories .fond_haut {
	width: 100%;
	height: 38px;
	background-image: url(/images/boutique/menu/haut_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuCategories .fond_bas {
	width: 100%;
	height: 40px;
	background-image: url(/images/boutique/menu/bas_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuCategories ul {
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/cotes_1.gif);
	background-repeat: repeat-y;
	list-style-type: none;
}

#menuCategories li { /* libelle categorie mère */
	width: 137px;
	font-weight: normal;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#menuCategories .separation {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/separation_1.gif);
	background-repeat: no-repeat;
	text-align: left;
	line-height: 0;
	font-size: 0;
}

/* Menu Marques */
#menuMarques {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#menuMarques .fond_haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/menu/haut_marque1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuMarques .fond_bas {
	width: 100%;
	height: 40px;
	background-image: url(/images/boutique/menu/bas_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuMarques .corps {
	width: 100%;
	background-image: url(/images/boutique/menu/cotes_1.gif);
	background-repeat: repeat-y;
	text-align: left;
}

#menuMarques .corps select {
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
}

#menuMarques .liste {
	overflow-y: scroll;
	width: 140px;
	height: 100px;
	padding-left: 12px;
	padding-top: 5px;
	margin: 0px;
	list-style-type: none;
}

/* Menu Une, Blog */
#menuUne, #menuBlog {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#menuUne .fond_haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/menu/haut_une1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuBlog .fond_haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/menu/haut_blog1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuUne .fond_bas, #menuBlog .fond_bas {
	width: 100%;
	height: 7px;
	background-image: url(/images/boutique/menu/bas2_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#menuUne .corps, #menuBlog .corps {
	width: 100%;
	background-image: url(/images/boutique/menu/cotes_1.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 5px;
}

#menuUne ul, #menuBlog ul {
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/cotes_1.gif);
	background-repeat: repeat-y;
	list-style-type: none;
}

#menuUne li, #menuBlog li {
	width: 137px;
	font-weight: normal;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

#menuUne .separation, #menuBlog .separation {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	background-image: url(/images/boutique/menu/separation_1.gif);
	background-repeat: no-repeat;
	text-align: left;
	line-height: 0;
	font-size: 0;
}

#menuUne .corps .tousLabel {
	margin-top: 10px;
	margin-left: 60px;
	text-align: left;
	font-size: 10px;
}

#menuBlog .corps .tousLabel {
	margin-top: 10px;
	margin-left: 80px;
	text-align: left;
	font-size: 10px;
}

#labels {
	margin-top: 20px;
}

/* Bandeau Menu gauche*/
#bandeau_menu {
	margin-top: 20px;
}


/* Panier colonne de droite */
#panier {
	width: 152px;
	margin-left: auto;
	margin-right: auto;
}

#panier .haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/panier/haut_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#panier .corps {
	width: 100%;
	background-image: url(/images/boutique/panier/cotes_1.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}

#panier .bas {
	width: 100%;
	height: 7px;
	background-image: url(/images/boutique/panier/bas_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}


/* Promotions colonne de droite */
#bloc_promotions {
	width: 152px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#bloc_promotions .haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/promotion/haut_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#bloc_promotions .corps {
	width: 100%;
	background-image: url(/images/boutique/promotion/cotes_1.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bloc_promotions .corps .libelle {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}

#bloc_promotions .corps .prix {
	font-weight: bold;
	font-size: 14px;
	color: #CC0000;
	margin-top: 5px;
}

#bloc_promotions .bas {
	width: 100%;
	height: 7px;
	background-image: url(/images/boutique/promotion/bas_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#bloc_promotions .separation {
	width: 100%;
	height: 1px;
	background-image: url(/images/boutique/promotion/separation_1.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
	margin-top: 5px;
}

#bloc_promotions .corps .toutesLabel {
	margin-top: 10px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
}


/* Avantages colonne de droite */
#bloc_avantages {
	width: 152px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#bloc_avantages .haut {
	width: 100%;
	height: 26px;
	background-image: url(/images/boutique/menu/haut_avantages.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#bloc_avantages .photo {
	width: 100%;
	height: 107px;
	background-image: url(/images/boutique/menu/photo_avantages.jpg);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}

#bloc_avantages ul {
	width: 100%;
	background-image: url(/images/boutique/menu/cotes_avantages.gif);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}

#bloc_avantages li {
	height: 20px;
	text-align: left;
	margin-left: 5px;
}

#bloc_avantages .bas {
	width: 100%;
	height: 7px;
	background-image: url(/images/boutique/menu/bas_avantages.gif);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}


/* Bloc logos colonne de droite*/
#bloc_logos {
	margin-top: 20px;
}


/* Fiche produit */
#fiche .photo_desc {
	text-align: justify;
}

#fiche .photo_desc .photo {
	float: left;
	width: 190px;
	margin: 5px;
	margin-bottom: 10px;
	text-align: center;
}

#fiche .certif_prix {
	clear: both;
	height: 52px;
	margin-bottom: 10px;
}

#fiche .certif_prix img {
	margin-right: 10px;
}

#fiche .prix {
	font-weight: bold;
	font-size: 18px;
	color: #CC0000;
	float: right;
	line-height: 37px;
}

#fiche .prix_promo {
	font-weight: bold;
	font-size: 16px;
	float: right;
	line-height: 37px;
	text-decoration: line-through;
	margin-right: 25px;
}

#fiche .share {
	clear: both;
	height: 52px;
	margin-bottom: 10px;
}

#fiche .ref_ajout {
	height: 25px;
	background-color: rgb(165,100,150);
	border-top: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding: 5px;
	text-align: center;
}

#fiche .ref_ajout .premier {
	display: inline;
	font-weight: bold;
	float: left;
}

#fiche .ref_ajout .dernier {
	display: inline;
	float: right;
}

#fiche .caracteristiques dt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

#fiche .caracteristiques dd {
	margin-bottom: 15px;
	margin-left: 10px;
}


/* Liste des produits */

#listeProduits .presentation {
	border-bottom: solid rgb(217,217,217) 1px;
}

#listeProduits .presentation .logo {
	float: left;
	width: 195px;
	text-align: center;
}

#listeProduits .presentation .descriptif {
	width: 355px;
	float: right;
	text-align: justify;
	margin-left: 5px;
}

#listeProduits .presentation hr {
	clear: both;
	height: 1px;
}

#listeProduits .filter_order {
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 25px;
	border-bottom: solid rgb(217,217,217) 1px;
}

#listeProduits .filter_order form {
	margin: 0;
	padding: 0;
}

#listeProduits .filter_order label {
	float: left;
	display: block;
	margin-right: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

#listeProduits .filter_order select {
	margin-top: 3px;
}

#listeProduits .filter_order hr {
	clear: both;
	visibility: hidden;
}

#listeProduits .sousCategories {
	text-align: center;
	border-bottom: dotted rgb(165,100,150) 1px;
}

#listeProduits .sousCategories ul {
	width: 496px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#listeProduits .sousCategories li {
	width: 104px;
	display: inline;
	float: left;
	list-style-type: none;
	font-size: 10px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#listeProduits .sousCategories img {
	border: solid rgb(165,100,150) 2px;
}

#listeProduits .sousCategories hr {
	clear: both;
	visibility: hidden;
}

#listeProduits .ligneProduit {
	margin-bottom: 20px;
	border-bottom: dotted #666666 1px;
}

#listeProduits .ligneProduit .infos {
	float: left;
	width: 390px;
}

#listeProduits .ligneProduit h2 {
	font-size: 14px;
	text-decoration: none;
	background-color: rgb(165,100,150);
	border-top: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding: 3px;
}

#listeProduits .ligneProduit h2 a {
	color: #FFFFFF;
}

#listeProduits .ligneProduit .photo {
	float: left;
	width: 158px;
	margin-right: 7px;
	text-align: center;
}

#listeProduits .ligneProduit .descriptif {
	text-align: justify;
}

#listeProduits .ligneProduit .ref {
	float: left;
	font-weight: bold;
	margin-left: 80px;
}

#listeProduits .ligneProduit .volume {
	float: left;
	font-weight: bold;
}

#listeProduits .ligneProduit .savoirplus {
	float: right;
	font-weight: bold;
}

#listeProduits .ligneProduit .ajouterPanier {
	float: left;
	font-weight: bold;
}

#listeProduits .ligneProduit .prix {
	font-weight: bold;
	font-size: 14px;
	color: #CC0000;
	float: right;
}

#listeProduits .ligneProduit .prix_promo {
	font-weight: bold;
	font-size: 14px;
	float: right;
	margin-right: 10px;
	text-decoration: line-through;
}

#listeProduits p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#listeProduits hr {
	clear: both;
	visibility: hidden;
}

#listeProduits .pagination .leftLabel {
	float: left;
}

#listeProduits .pagination .rightLabel {
	float: right;
}

/* Page Mon Panier */
#monPanier .ligneArticle {
	height: 64px;
	/*float: left;*/
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: dotted #666666 1px;
}

#monPanier .ligneArticle .valign {
	margin-top: 20px;
}

#monPanier .ligneArticle img {
	display: inline;
}

#monPanier .ligneArticle .photo {
	width: 80px;
	float: left;
	text-align: center;
}

#monPanier .ligneArticle .libelle {
	width: 248px;
	float: left;
	padding-left: 5px;
	padding-right: 2px;
}

#monPanier .ligneArticle .prix {
	width: 75px;
	float: left;
	text-align: center;
}

#monPanier .ligneArticle .quantite {
	width: 20px;
	float: left;
	text-align: center;
}

#monPanier .ligneArticle .quantite input {
	width: 15px;
	font-size: 10px;
}

#monPanier .ligneArticle .total {
	width: 90px;
	float: left;
	text-align: center;
}

#monPanier .ligneArticle .corbeille {
	width: 20px;
	float: left;
	text-align: center;
}

#monPanier .ligneArticle hr {
	clear: both;
	visibility: hidden;
}

#monPanier .boutons {
	float: left;
	margin-top: 20px;
}

#monPanier .totaux {
	width: 270px;
	height: 60px;
	float: right;
	margin-top: 20px;
}

#monPanier .totaux .lMontant {
	width: 175px;
	height: 30px;
	float: left;
	text-align: right;
	border-bottom: solid #666666 1px;
	font-weight: bold;
}
#monPanier .totaux .montant {
	float: right;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid #666666 1px;
	color: #CC0000;
}

#monPanier .totaux .lTva {
	width: 175px;
	height: 30px;
	float: left;
	text-align: right;
	font-style: italic;
}
#monPanier .totaux .montantTva {
	float: right;
	height: 30px;
	font-style: italic;
}

#monPanier .clear {
	clear: both;
	visibility: hidden;
}

#monPanier .btCommander {
	width: 550px;
	clear: both;
	text-align: right;
}

#monPanier .information {
	width: 550px;
	margin-top: 20px;
	font-style: italic;
	text-align: justify;
}

#monPanier .btValider {
	vertical-align: middle;
	padding-left: 10px;
}

#monPanier .code_promo {
	clear: both;
	text-align: right;
}

/* Accueil Rayon */
#accueilRayon .entete {
	width: 555px;
	height: 215px;
}

#accueilRayon .entete ul {
	position: relative;
	left: 280px;
	top: 60px;
	width: 220px;
	list-style: disc inside;
}

#accueilRayon .entete h1 {
	display: none;
}

#accueilRayon .nouveautes .titre {
	margin-top: 15px;
	margin-bottom: 20px;
}

#accueilRayon .nouveautes .bloc {
	float: left;
	width: 277px;
	height: 150px;
	margin-top: 10px;
}

#accueilRayon .nouveautes .bloc .photo {
	width: 130px;
	height: 130px;
	float: left;
	margin-right: 5px;
	text-align: center;
}

#accueilRayon .nouveautes .bloc .infos {	
	width: 142px;
	height: 130px;
	float: right;
}

#accueilRayon .nouveautes .bloc .infos .libelle {
	font-weight: bold;
}

#accueilRayon .nouveautes .bloc .savoirplus {
	position: relative;
	top: 10px;
}

#accueilRayon .nouveautes .bloc .infos .prix {
	font-weight: bold;
	font-size: 16px;
	color: #CC0000;
	position: relative;
	top: 30px;
}

#accueilRayon .nouveautes .bloc .infos .ajouterPanier {
	position: relative;
	top: 40px;
}

#accueilRayon .zoomSur .video {
	float: left;
	width: 330px;
}

#accueilRayon .zoomSur .texte {
	float: right;
	width: 200px;
}

#accueilRayon .hr {
	clear: both;
	visibility: hidden;
}

/* Récapitulatif commande */
#recapCommande .commande {
	width: 555px;
	border-collapse: collapse;
}

#recapCommande .commande th {
	font-size: 13px;
	text-align: center;
	padding-bottom: 5px;
}

#recapCommande .commande td {
	height: 35px;
	border: solid black 1px;
	background-color: #F0F0F0;
}

#recapCommande .commande .ref {
	width: 45px;
	text-align: center;
}

#recapCommande .commande .produit {
	width: 360px;
	padding-left: 5px;
}

#recapCommande .commande .prix {
	width: 50px;
	padding-right: 3px;
	text-align: right;
}

#recapCommande .commande .quantite {
	width: 48px;
	text-align: center;
}

#recapCommande .commande .total {
	width: 52px;
	padding-right: 3px;
	text-align: right;
}

#recapCommande .soustotal {
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 15px;
}

#recapCommande .soustotal .label {
	width: 478px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

#recapCommande .soustotal .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
}

#recapCommande .remise {
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 15px;
}

#recapCommande .remise .label {
	width: 478px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

#recapCommande .remise .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
}

#recapCommande .livraison {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 15px;
}

#recapCommande .livraison .label {
	width: 478px;
	float: left;
	text-align: right;
}

#recapCommande .livraison .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
}

#recapCommande .blocTotal .total {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 15px;
}

#recapCommande .blocTotal .total .label {
	width: 475px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

#recapCommande .blocTotal .total .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 14px;
}

#recapCommande .blocTotal .tva {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	border-top: 0;
	min-height: 15px;
}

#recapCommande .blocTotal .tva .label {
	width: 475px;
	float: left;
	text-align: right;
	font-style: italic;
}

#recapCommande .blocTotal .tva .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-style: italic;
}

#recapCommande .blocTotal .deee {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	border-top: 0;
	min-height: 15px;
}

#recapCommande .blocTotal .deee .label {
	width: 475px;
	float: left;
	text-align: right;
	font-style: italic;
}

#recapCommande .blocTotal .deee .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-style: italic;
}

#recapCommande .adresseLivraison {
	width: 259px;
	min-height: 265px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
	float: left;
}

#recapCommande .adresseFacturation {
	width: 259px;
	min-height: 265px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
	float: right;
}

#recapCommande .blocAdresse {
	min-height: 120px;
}

#recapCommande .btModifier {
	
}

#recapCommande .paiement {
	width: 543px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
}

#recapCommande .paiement .texte {
	width: 100%;
	text-align: justify;

}

#recapCommande .paiement .bouton {
	width: 100%;
	text-align: right;
	margin-top: 20px;
}

#recapCommande form {
	margin: 0;
	padding: 0;
}

/* Mode de livraison */
#livraison .blocModeLivraison {
	margin-bottom: 30px;
	border: dotted #999999 1px;
	padding: 5px;
}

#livraison .blocModeLivraison .adresse {
	width: 230px;
	float: left;
	font-size: 14px;
	margin-top: 20px;
	position: relative;
	left: 40px;
}

#livraison .blocModeLivraison .bouton {
	width: 272px;
	float: right;
	text-align: center;
	margin-top: 20px;
}

#livraison .blocModeLivraison .clear {
	clear: both;
	visibility: hidden;
}


/* Choix adresse de livraison/facturation */
#choixAdresse .adresse {
	clear: both;
	width: 545px;
	min-height: 130px;
	padding-bottom: 5px;
	border-bottom: dotted #999999 1px;
	margin-bottom: 30px;
}

#choixAdresse .blocAdresse {
	width: 300px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#choixAdresse .boutons {
	width: 245px;
	float: right;
}


/* Carnet d'adresses */
#carnetAdresses .adresse {
	clear: both;
	width: 545px;
	min-height: 130px;
	padding-bottom: 5px;
	border-bottom: dotted #999999 1px;
	margin-bottom: 30px;
}

#carnetAdresses .blocAdresse {
	width: 300px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#carnetAdresses .boutons {
	width: 245px;
	float: right;
}

/* Choix Relais Colis */
#choixRelais .relais {
	clear: both;
	width: 545px;
	padding-bottom: 5px;
	border-bottom: dotted #999999 1px;
	margin-bottom: 30px;
}

#choixRelais .blocRelais {
	width: 300px;
	float: left;
	font-size: 14px;
}

#choixRelais .boutons {
	width: 245px;
	float: right;
}

/* Pages infos */
#infos p {
	text-align: justify;
	margin-top: 8px;
}

#infos h2 {
	margin-top: 25px;
	margin-bottom: 0;
}

#infos ol li {
	margin-bottom: 10px;
}

#infos ul {
	margin-top: 5px;
}

#infos ul li {
	margin-bottom: 2px;
}

#infos hr {
	height: 1px;
	color: #999999
}

#infos .logos {
	text-align: center;
}

#infos .logos img {
	margin-left: 10px;
	margin-right: 10px;
}

#infos .livraisonFrance {
	width: 555px;
	border-collapse: collapse;
	margin-bottom: 20px;
}

#infos .livraisonFrance caption {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}

#infos .livraisonFrance th {
	font-size: 11px;
	text-align: center;
	padding-bottom: 5px;
}

#infos .livraisonFrance td {
	height: 25px;
	border: solid black 1px;
	background-color: #F0F0F0;
	text-align: center;
}

#infos .livraisonInter { /* <ul> */
	float: left;
	list-style-position: inside;
}

#infos .clauses {
	clear: both;
}

/* Livraison - Frais de port */
#fraisPort {
	width: 350px;
}

#fraisPort {
}

#fraisPort caption {
	font-size: 20px;
	color: #999999;
	border-bottom: solid rgb(165,100,150) 4px;
	padding-bottom: 5px;
	text-align: left;
}

#fraisPort th {
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
}

#fraisPort td {
	width: 50%;
	height: 22px;
	border: solid black 1px;
	background-color: #F0F0F0;
	text-align: center;
}

/* Mon compte : infomations personnelles */
#infosperso fieldset {
	margin-bottom: 20px;
	padding-bottom: 15px;
}

#infosperso fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

#infosperso label {
	display: block;
	margin-bottom: 10px;
}

/* Nouveau compte */
#nouveauCompte fieldset {
	margin-bottom: 20px;
	padding-bottom: 15px;
}

#nouveauCompte fieldset legend {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	margin-bottom: 10px;
}

#nouveauCompte label {
	display: block;
	margin-bottom: 10px;
}

/* Formulaire Adresse */
.formAdresse label {
	display: block;
	margin-bottom: 5px;
}

.formAdresse input {

}


/* Page d'Accueil */
#accueil .barre_haut {
	text-align: center;
	margin-bottom: 50px;
}

#accueil .centre {
	text-align: center;
	margin-bottom: 50px;
}

#accueil .titre1 {
	font-size: 36px;
	color: #D5418E;
}

#accueil .titre2 {
	font-size: 24px;
	color: #D5418E;
}

#accueil .intro {
	font-size: 14px;
	color: #D2428D;
}

#accueil div.blocRayon {
	text-align: justify;
	font-size: 12px;
}

#accueil .titreBleu  {
	font-size: 14px;
	color: #4D8CC8;
	font-weight: bold;
}

#accueil .titreJaune {
	font-size: 14px;
	color: #FFC21D;
	font-weight: bold;
}

#accueil .titreVert {
	font-size: 14px;
	color: #90B700;
	font-weight: bold;
}

#accueil .titreViolet {
	font-size: 14px;
	color: #924F96;
	font-weight: bold;
}

#accueil .titreUne {
	font-size: 24px;
	color: #863E6E;
}

#accueil .blocUne {
	font-size: 10px;
	text-align: justify;
}

#accueil .titreBlocUne {
	font-size: 14px;
	color: #90B700;
	font-weight: bold;
}

/* Identification */
#identification .cadre {
	width: 530px;
	border: dotted #999999 1px;
	padding: 10px;
	padding-top: 5px;
	margin-bottom: 20px;
}

#identification label {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

#identification input {
	
}

/* Paiement */
#paiement .center {
	text-align: center;
}


/* Résultat du paiement */
#resultatPaiement .bloc {
	width: 543px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
}

#resultatPaiement .bloc .texte {
	width: 100%;
	text-align: justify;

}

#resultatPaiement .bloc .bouton {
	width: 100%;
	text-align: right;
	margin-top: 20px;
}


/* Confirmation de commande */
#confirmation .texte {
	font-weight: bold;
}


/* Contact */
#contact .intro {
	height: 180px;
	border: dashed #999999 1px;
	padding-left: 5px;
}

#contact .intro .texte {
	float: left;
	width: 380px;
	height: 180px;
	margin-top: 10px;
	vertical-align: middle;
}

#contact .intro .photo {
	float: right;
}

#contact .center {
	text-align: center;
}

/* CGV */
#cgv {
	text-align: justify;
}


/* Mon compte : Index */
#compte .intro {
	height: 180px;
	border: dashed #999999 1px;
	padding-left: 5px;
}

#compte .intro .texte {
	float: left;
	width: 280px;
	height: 180px;
	margin-top: 40px;
	vertical-align: middle;
	text-align: justify;
	font-weight: bold;
}

#compte .intro .photo {
	float: right;
}

#compte .fidelite {
	border: dashed #000000 1px;
	margin-top: 40px;
	padding: 5px;
	background-color: #FFCCFF;
	font-size: 14px;
}

#compte .fidelite .titre {
	font-size: 20px;
	color: rgb(165,100,150);
	font-weight: bold;
}

/* Mon compte : Mot de passe */
#motdepasse label {
	font-weight: bold;
}

#motdepasse p {
	text-align: justify;
}


/* Newsletter */
#newsletter .cadre {
	width: 550px;
}

#newsletter label {
	font-weight: bold;
}

#newsletter p {
	text-align: justify;
}


/* Mot de passe oublié */
#motdepasseoublie {

}


/* Historique des commandes */
#historiqueCommandes .listeCommandes {
	width: 555px;
	text-align: center;
	border-collapse: collapse;
}

#historiqueCommandes .listeCommandes th {
	height: 35px;
	font-size: 14px;
	background-color: #CC99CC;
	border: solid black 1px;
}

#historiqueCommandes .listeCommandes td {
	height: 30px;
	font-size: 13px;
	border: solid black 1px;
}


/* Détails de la commande */
#detailsCommande .commande {
	width: 555px;
	border-collapse: collapse;
}

#detailsCommande .commande th {
	font-size: 13px;
	text-align: center;
	padding-bottom: 5px;
}

#detailsCommande .commande td {
	height: 35px;
	border: solid black 1px;
	background-color: #F0F0F0;
}

#detailsCommande .commande .ref {
	width: 45px;
	text-align: center;
}

#detailsCommande .commande .produit {
	width: 360px;
	padding-left: 5px;
}

#detailsCommande .commande .prix {
	width: 50px;
	padding-right: 3px;
	text-align: right;
}

#detailsCommande .commande .quantite {
	width: 48px;
	text-align: center;
}

#detailsCommande .commande .total {
	width: 52px;
	padding-right: 3px;
	text-align: right;
}

#detailsCommande .soustotal {
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#detailsCommande .soustotal .label {
	width: 480px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

#detailsCommande .soustotal .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
}

#detailsCommande .remise {
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#detailsCommande .remise .label {
	width: 480px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

#detailsCommande .remise .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
}

#detailsCommande .livraison {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#detailsCommande .livraison .label {
	width: 478px;
	float: left;
	text-align: right;
}

#detailsCommande .livraison .valeur {
	width: 55px;
	float: right;
	text-align: right;
	margin-right: 5px;
}

#detailsCommande .blocTotal .total {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#detailsCommande .blocTotal .total .label {
	width: 478px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}

#detailsCommande .blocTotal .total .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
	font-size: 14px;
}

#detailsCommande .blocTotal .tva {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	border-top: 0;
}

#detailsCommande .blocTotal .tva .label {
	width: 478px;
	float: left;
	text-align: right;
	font-style: italic;
}

#detailsCommande .blocTotal .tva .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-style: italic;
}

#detailsCommande .blocTotal .deee {
	clear: both;
	width: 553px;
	border: dotted #999999 1px;
	border-top: 0;
}

#detailsCommande .blocTotal .deee .label {
	width: 478px;
	float: left;
	text-align: right;
	font-style: italic;
}

#detailsCommande .blocTotal .deee .valeur {
	width: 65px;
	float: right;
	text-align: right;
	margin-right: 5px;
	font-style: italic;
}

#detailsCommande .adresseLivraison {
	width: 259px;
	min-height: 180px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
	float: left;
}

#detailsCommande .adresseFacturation {
	width: 259px;
	min-height: 180px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding: 5px;
	padding-bottom: 10px;
	border: dotted #999999 1px;
	float: right;
}

#detailsCommande .blocAdresse {
	min-height: 120px;
}

/* Dossier */
#dossier p {
	text-align: justify;
}

#dossier img {
	margin-left: 10px;
	margin-right: 10px;
}

#dossier h2 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 0;
}
#dossier .contour-bleu {
	border: 1px dotted #4D8CC8;
	border-top-style: none;
}

#dossier .contour-vert {
	border: 1px dotted #90B700;
	border-top-style: none;
}

#dossier .contour-mauve {
	border: 1px dotted #95529A;
	border-top-style: none;
}

#dossier .contour-rose {
	border: 1px dotted #D25F9C;
	border-top-style: none;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
.breadCrumb
{
	margin: 0;
	margin-left: 3px;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 957px;
	padding:5px;
	border:solid 1px #929292;
	background: #FFFFFF;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(/images/boutique/Chevron.gif) no-repeat 100% 0;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(/images/boutique/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(/images/boutique/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}