/* ===================================================================
 * STANDARD
 * =================================================================*/
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.clear {clear: both;}
.invisible {display: none;}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
form {margin: 0; padding: 0;}
.floatleft {float: left;}
.floatright {float: right;}

/* ===================================================================
 * COULEUR
 * =================================================================*/
.gris {
	color: #4D4D4D;
}
.noir {
	color: #000000;
}
.orange {
	color: #F3A000;
}
.rouge, .rouge a {
	color: #DF0431;
}
.vert {
	color: #3FA02E;
}
.bleu{
	color: #37A8DB;	
}

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
	background: url(images/fondDocument.jpg) no-repeat center top;
	background-color: #a8bdda;
	min-height: 700px;
}
#corps {
	background-color: #FFFFFF;
	clear: both;
	margin: 0 auto;
	min-height: 400px;
	overflow: hidden;
	padding: 0 10px;
	width: 980px;
}
#colonneGauche {
	clear: left;
	display: inline;
	float: left;
	margin: 5px 0 0 5px;
	width: 160px;
}
#colonneDroite {
	clear: right;
	display: inline;
	float: right;
	width: 264px;
	margin: 5px 0 0 0;
}
#panierSeul, #communeSeul {
	width: 264px;
}
#contenu {
	clear: left;
	display: inline;
	float: left;
	width: 703px;
	margin: 5px 0 0 6px;
}
#contenuSansColonneDroite {
	clear: left;
	display: inline;
	float: left;
	width: 974px;
	margin: 5px 0 0 6px;
}
#contenuAvecDeuxColonnes {
	display: inline;
	float: left;
	width: 535px;
	margin: 5px 0 0 10px;
}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a {
	color: #0F3F96;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	border-bottom: 1px solid #E2E2E2;
	color: #000000;
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
h2 {
	font-size: 14px;
}
.h2 {
	background: url(images/barreBleue.gif) no-repeat;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	height: 28px;
	margin-left: 5px;
	padding: 3px 0 0 7px;
	width: 672px;
}
h3 {
	color: #4B4B4B;
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
h4 {
	font-size: 14px;
	margin: 0 0 10px 0;
}
input {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	height: 13px;
	outline: none;
	padding: 3px 5px;
}
input.case {
	border: 0 none;
	height: auto;
	padding: 0;
}
select {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	padding: 2px 2px 1px 2px;
}
select option {
	padding-right: 15px;
}
table {
	width: 100%;
}
textarea {
	border: 1px solid #B2DFEE;
	color: #3290D0;
	font-family: Arial;
	font-size: 11px;
	padding: 3px 5px;
}

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
#bandeauHaut {
	height: 183px;
	margin: 0 auto;
	width: 980px;
}
#bandeauHaut .retourAccueil {
	border: none;
	display: block;
	float: left;
	height: 127px;
	margin: 32px 0 0 15px;
	padding: 0;
	width: 141px;
}
#bandeauHaut .retourAccueil a {
	display: block;
	float: left;
	height: 142px;
	width: 141px;
}

/* moteur de recherche */
#rechercheHaut {
	background: url("images/recherche_fond.png") no-repeat scroll left top;
	color: #229631;
	float: left;
	height: 29px;
	margin: 141px 0 0 101px; 
	width: 330px;
}
#rechercheHaut #searchString {
	background: none;
	border: none;
	color: #1C9433;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 4px 5px;
	width: 264px;
}
#rechercheHaut #searchStringOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	padding: 0;
}
#rechercheHaut #rechercheAvancee {
	font-size: 10px;
	text-align: center;
	cursor: pointer;
}
#rechercheHaut #rechercheAvancee:hover {
	font-weight: bold;
}

/* espace client non loggue */
#bandeauHaut .espaceClient {
	display: block;
	font-size: 11px;
	float: right;
	margin: 14px 0 0 0;
	padding: 10px;
	width: 230px;
}
#bandeauHaut .espaceClient .separateur {
	background: url("images/espaceClient_hr.png") no-repeat scroll center top transparent;
	border: 0 none;
	height: 0px;
	line-height: 0px;
	margin: 3px 0;
	padding: 7px 0 0 0;
	width: 231px;
}
#bandeauHaut .espaceClient p {
	margin-bottom: 2px;
}
#bandeauHaut .espaceClient .login,
#bandeauHaut .espaceClient .password {
	background: url("images/espaceClient_inputD.png") no-repeat scroll right top #FFFFFF;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0 5px 0 0;
}
#bandeauHaut .espaceClient .login div,
#bandeauHaut .espaceClient .password div {
	background: url("images/espaceClient_inputG.png") no-repeat scroll left top #FFFFFF;
	float: left;
	padding: 0 0 0 5px;
}
#bandeauHaut .espaceClient .login div input,
#bandeauHaut .espaceClient .password div input {
	background: url("images/espaceClient_input.png") repeat-x scroll left top #FFFFFF;
	border: 0 none;
	float: left;
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 3px 0;
	width: 87px;
}
#bandeauHaut .espaceClient .login div input {
	width: 118px;
}
#bandeauHaut .espaceClient .btnBleuFleche {
	float: left;
	margin-right: 5px;
}
#bandeauHaut .espaceClient .btnBleuFleche input.bouton {
	width: 131px;
}
#bandeauHaut .espaceClient .btnBleuFleche span.bouton {
	width: 119px;
}
#bandeauHaut .espaceClient .oublie,
#bandeauHaut .espaceClient .avantages {
	color: #224E9E;
	font-size: 10px;
	cursor: pointer;
}
#bandeauHaut .espaceClient .oublie:hover,
#bandeauHaut .espaceClient .avantages:hover {
	text-decoration: underline;
}

/* espace client loggue */
#bandeauHaut .espaceClient .titre {
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
}
#bandeauHaut .espaceClient .titre a {
	color: #3290D0;
}
#bandeauHaut .espaceClient table {
	border-collapse: collapse;
	width: 226px;
}
#bandeauHaut .espaceClient table td {
	vertical-align: middle;
}
#bandeauHaut .espaceClient .points {
	background: url(images/fondPointFidelite.png) no-repeat;
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	padding-top: 7px;
	text-align: center;
	width: 112px;
}
#bandeauHaut .espaceClient .bonAchat {
	background: url(images/fondBonAchat.png) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 30px;
	padding: 17px 2px 0 33px;
	text-align: center;
	width: 61px;
}
#bandeauHaut .espaceClient .bonAchatTxt {
	text-align: center;
	width: 96px;
}
#deconnexion, #utiliserPoint, #gagnerPoint {
	color: #0F3F96;
	cursor: pointer;
}
#deconnexion:hover, #utiliserPoint:hover, #gagnerPoint:hover {
	text-decoration: underline;
}

#bandeauHaut .espaceClient .select {
	background: url("images/btnOrangeFlecheBas_D.png") no-repeat scroll right top transparent;
	cursor: pointer;
	margin: 7px 0 0 0;
	padding: 0 27px 0 0;
	position: relative;
	z-index: 3;
}
#bandeauHaut .espaceClient .select .bouton {
	display: block;
	text-align: center;
	width: 189px;
}
#bandeauHaut .espaceClient .select:hover,
#bandeauHaut .espaceClient .select.hover {
	background: url("images/btnOrangeFlecheHover_D.png") no-repeat scroll right top transparent;
}
#bandeauHaut .espaceClient .select:hover .bouton,
#bandeauHaut .espaceClient .select.hover .bouton {
	background: url(images/btnOrangeHover_G.png) no-repeat scroll left top transparent;
	color: #000000;
}
#bandeauHaut .espaceClient .accesCompte {
	background: url("images/select_optionBas.png") no-repeat scroll left bottom transparent;
	display: none;
	list-style: none outside none;
	overflow: hidden;
	padding-bottom: 7px;
	position: absolute;
	right: 0;
	top: 25px;
	width: 219px;
	z-index: 4;
}
#bandeauHaut .espaceClient .accesCompte li {
	background: url("images/select_optionMid.png") repeat-y scroll left top transparent;
	margin: 0;
	padding: 0 6px 0 4px;
}
#bandeauHaut .espaceClient .accesCompte li a,
#bandeauHaut .espaceClient .accesCompte li span {
	background: url(images/puceOrange.gif) no-repeat 9px 6px transparent;
	color: #0F3F96;
	display: block;
	float: none;
	padding: 2px 0 2px 19px;
	text-decoration: none;
}
#bandeauHaut .espaceClient .accesCompte li a:hover,
#bandeauHaut .espaceClient .accesCompte li a.hover,
#bandeauHaut .espaceClient .accesCompte li span:hover,
#bandeauHaut .espaceClient .accesCompte li span.hover {
	background: url(images/puceOrange.gif) no-repeat 9px 6px #FFCB5D;
	text-decoration: none;
}

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#footer {
	background: url(images/fondFooter.png) no-repeat scroll center top #FFFFFF;
	color: #78B2CC;
	font-size: 11px;
	height: 330px;
	margin: 0 auto;
	padding: 15px 12px 0 12px;
	width: 976px;
}
#footer h3 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
}
#footer .bloc {
	border-top: 1px solid #E2E2E2;
	padding-top: 5px;
}
#footer .blocGauche {
	background: url(images/blocGauche.png) no-repeat;
	float: left;
	height: 112px;
	margin-right: 3px;
	padding: 15px 14px 15px 11px;
	width: 201px;
}
#footer .blocMilieu {
	background: url(images/blocMilieu.png) no-repeat;
	float: left;
	height: 112px;
	margin-right: 4px;
	padding: 15px;
	width: 446px;
}
#footer .blocMilieu .gauche {
	float: left;
	width: 46%;
}
#footer .blocMilieu .droite {
	float: right;
	width: 52%;
}
#footer .blocDroite {
	background: url(images/blocDroite.png) no-repeat;
	float: left;
	height: 112px;
	padding: 15px;
	width: 237px;
}
#footer .imageCatalogue {
	background: none;
	float: right;
	padding: 0;
}

#piedDePage {
	background-color: #FFFFFF;
	color: #78B2CC;
	font-size: 11px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
	width: 1000px;
}
#piedDePage .lien_top a {
	padding-right: 8px;
}
#piedDePage .lien_bas a {
	padding: 0 3px;
}
#parrainage, #quiSommesNous, #groupeToupargel {
	color: #0F3F96;
	cursor: pointer;	
	padding-right: 8px;
}
#mentions, #cgv, #faq, #credits, #planSite, #MANGERBOUGER, #AFFILIES {
	color: #0F3F96;
	cursor: pointer;
	padding: 0 3px;
	line-height: 16px;
}
#parrainage:hover, #quiSommesNous:hover, #groupeToupargel:hover, #mentions:hover, #cgv:hover, #faq:hover, #credits:hover, #planSite:hover {
	text-decoration: underline;
}


/* ===================================================================
 * COLONNE GAUCHE 
 * =================================================================*/
#colonneGauche {
	font-size: 13px;
	font-weight: bold;
}
#colonneGauche p {
	margin-bottom: 15px;
}

/* menu gauche */
#menuGauche {
	background: url(images/fondGris_bas.gif) no-repeat left bottom;
	margin-bottom: 15px;
	padding-bottom: 10px;
	width: 160px;
}
#menuGauche h3 a {
	color: #4B4B4B;
}
#menuGauche #menuGaucheInner {
	background: url(images/fondGris_top.gif) no-repeat left top;
	padding: 10px 10px 0 10px;
	width: 140px;
}
#menuGauche #menuGaucheInner ul {
	list-style: none;
}

/* menu gauche niveau 2 */
#menuGauche .lienMenu {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .lienMenu:hover {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
}
#menuGauche .lienMenu a:hover {
	color: #6A6A6A;
	text-decoration: none;
}

#menuGauche .lienMenuSelected {
	background: url(images/puceFlecheGrise_bas.gif) no-repeat 0 17px;
	color: #6A6A6A;
}
#menuGauche .lienMenuSelected:hover {
	background: url(images/puceFlecheGrise_bas.gif) no-repeat 0 17px;
}
#menuGauche .lienMenuSelected a {
	color: #6A6A6A;
}

/* menu gauche niveau 3 */
#menuGauche .sousFamille {
	background: none;
	border-top: none;
	padding: 0 0 0 10px;
}
#menuGauche .sousFamille li {
	background: url(images/puceRondeBleue.gif) no-repeat 0 4px;
	border-top: none;
	padding: 0 0 10px 13px;
}
#menuGauche .sousFamille li:hover, #menuGauche .sousFamille .selected {
	background: url(images/puceRondeGrise.gif) no-repeat 0 4px;
	color: #6A6A6A;
	font-weight: normal;
}
#menuGauche .sousFamille a {
	font-weight: normal;
}
#menuGauche .sousFamille a:hover, #menuGauche .sousFamille .selected a {
	color: #6A6A6A;
	text-decoration: none;
}

/* menu gauche du compte client */
#menuGauche .compteClient {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .compteClient:hover {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
}
#menuGauche .compteClientSelected {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .compteClient a:hover, #menuGauche .compteClientSelected a {
	color: #6A6A6A;
	text-decoration: none;
}

/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite, #panierSeul, #communeSeul {
	font-size: 11px;
}

#colonneDroite h4, #panierSeul h4, #communeSeul h4 {
	margin-bottom: 0;
}

/* titre sur fond de couleur */
#colonneDroite .cadreTitreBleu, #panierSeul .cadreTitreBleu, #communeSeul .cadreTitreBleu {
	background: url(images/cadreTitreBleu.gif) no-repeat;
	clear: left;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}
#colonneDroite .cadreTitreOrange, #panierSeul .cadreTitreOrange, #communeSeul .cadreTitreOrange {
	background: url(images/cadreTitreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}
#colonneDroite .cadreTitreVert, #panierSeul .cadreTitreVert, #communeSeul .cadreTitreVert {
	background: url(images/cadreTitreVert.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 23px;
	margin-bottom: 10px;
	padding: 7px 0 0 12px;
	text-transform: uppercase;
	width: 238px;
}
#panierSeul input[type="text"] {
	width: 15px;
}

/* colonne droite - mon compte */
#colDroite_MonCompte p {
	margin: 0 0 5px 10px; 
}
#colDroite_MonCompte .btnBleuFleche {
	float: left;
	margin-left: 40px; 
}
#lienAuthentification {
	padding: 1px 0px 0px 51px;
	margin-bottom: -2px;
	cursor: pointer;
}

/* colonne droite - ma livraison */
#colDroite_MaLivraison p, #communeSeul p {
	margin-bottom: 5px;
	padding-top: 5px;
}
#colDroite_MaLivraison table, #communeSeul table {
	margin-bottom: 5px;
	width: auto;
}
#colDroite_MaLivraison table td, #communeSeul table td {
	padding-right: 3px;
	vertical-align: middle;
}
#colDroite_MaLivraison .maLivraison, #communeSeul .maLivraison {
	padding-left: 10px;
}
#colDroite_MaLivraison .commune, #communeSeul .commune {
	color: #0F3F96;
	font-size: 13px;
	padding-bottom:20px;
}
#colDroite_MaLivraison .vert, #communeSeul .vert {
	color: #518A00;
}
#colDroite_MaLivraison #CMN_CODEPOSTAL, #communeSeul #CMN_CODEPOSTAL {
    width: 80px;
}
#colDroite_MaLivraison #ID_COMMUNE_BLOC, #communeSeul #ID_COMMUNE_BLOC {
	margin-top : 3px;
    width: 180px;
}

/* colonne droite - ma commande rapide */
#colDroite_MaCommandeRapide p {
	margin-bottom: 5px; 
}
#colDroite_MaCommandeRapide .maCommandeRapide table {
	border-top: 1px dashed #37A8DB;
}
#colDroite_MaCommandeRapide .maCommandeRapide table td {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
}
#colDroite_MaCommandeRapide .maCommandeRapide .catalogue {
	background: url(images/catalogue_petit.gif) no-repeat right top;
	padding-left: 10px;
}
#refCatalogue, #rappeler, #demandeCatalogueEnLigne, #demandeCatalogueParCourrier {
	color: #0F3F96;
	cursor: pointer;
}
#refCatalogue:hover, #rappeler:hover, #demandeCatalogueEnLigne:hover, #demandeCatalogueParCourrier:hover {
	text-decoration: underline;
}

/* colonne droite - ma newsletter */
#colDroite_MaNewsletter p {
	margin: 0 0 5px 10px; 
}
#colDroite_MaNewsletter table {
	margin-left: 12px;
	width: auto;
}
#colDroite_MaNewsletter table td {
	padding-right: 3px;
	vertical-align: middle;
}
#offreExclusive {
	color: #0F3F96;
	cursor: pointer;
}
#offreExclusive:hover {
	text-decoration: underline;
}
#colDroite_RecapCommande .erreurMontant {
	color: #DF0431;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0;
	text-align: center;
}

/* colonne droite - Toupargel me facilite la vie ! */
#page3040 {
	cursor: pointer;
}

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu h3, #contenuAvecDeuxColonnes h3 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
}
.WIDTH_50L {
	clear: left;
	float: left;
	margin-bottom: 20px;
	width: 48%;
}
.WIDTH_50R {
	clear: right;
	float: right;
	margin-bottom: 20px;
	width: 48%;
}
#retourPagePrincipal {
	float: right;
	font-size: 10px;
}
#retourPagePrincipal strong{
	color:red;
}
#titreParVille td{
	border-bottom: 1px solid #E2E2E2;
}
#titreParVille h1{
	border-bottom: 0 solid #E2E2E2;
}
/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {
	color: #4B4B4B;
	margin-bottom: 5px;
}
.blocNavigation a {
	color: #4B4B4B;
}
.blocNavigation a.selected {
	text-decoration: underline;
	font-weight: bold;
}
/*
.blocNavigation td {
	width: 33%;
}
*/

/* ===================================================================
 * BLOC DE PAGINATION
 * =================================================================*/
.blocPagination {
	color: #4B4B4B;
}
.blocPagination td {
	padding: 0 3px;
}
.blocPagination select {
	color: #4B4B4B;
	padding: 3px;
}
.blocPagination select option {
	padding-right: 15px;
}
.blocPagination .select {
	background: url(images/fondSelect.png) no-repeat;
	height: 23px;
	padding-top: 7px;
	text-align: center;
	width: 61px;
}
.blocPagination .select img {
	padding: 0 2px;
}
#affichageListe, #affichageVignette {
	cursor: pointer;
}

/* ===================================================================
 * BARRE TITRE
 * =================================================================*/
#contenu .barreBleue {
	background: url(images/barreBleue_G.gif) no-repeat left top;
	border: none;
	height: 30px;
	margin: 0;
	padding-left: 5px;
	text-transform: none;
}
#contenu .barreBleue span {
	background: url(images/barreBleue_D.gif) no-repeat right top;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 14px;
	height: 24px;
	padding: 7px 5px 0 0;
}

/* ===================================================================
 * BOUTON
 * =================================================================*/

/* bouton par defaut */
.bouton {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Berthold Akziden Grotesk, Arial;
	font-size: 10px;
	font-weight: bold;
	height: 13px;
	outline: none;
	padding: 6px 0 6px 8px;
	text-transform: uppercase;
}
.bouton:hover {
	text-decoration: none;
}
input.bouton {
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: Berthold Akziden Grotesk, Arial;
	font-size: 10px;
	font-weight: bold;
	height: 24px;
	outline: none;
	padding: 0 0 2px 8px;
	text-transform: uppercase;
}

/* bouton bleu */
.btnBleu {
	background: url(images/btnBleu_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnBleuFleche {
	background: url(images/btnBleuFleche_D.png) no-repeat right top;
	cursor: pointer;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnBleu .bouton, .btnBleuFleche .bouton {
	background: url(images/btnBleu_G.png) no-repeat left top;
}
.btnBleuFleche .bouton {
	padding-right: 6px;
}

/* bouton gris */
.btnGris {
	background: url(images/btnGris_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnGrisFleche {
	background: url(images/btnGrisFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnGris .bouton, .btnGrisFleche .bouton {
	background: url(images/btnGris_G.png) no-repeat left top;
	color: #0F3F96;
}
.btnGrisFleche .bouton {
	padding-right: 6px;
}

/* bouton orange */
.btnOrange {
	background: url(images/btnOrange_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnOrangeFleche {
	background: url(images/btnOrangeFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnOrange .bouton, .btnOrangeFleche .bouton {
	background: url(images/btnOrange_G.png) no-repeat left top;
}
.btnOrangeFleche .bouton {
	padding-right: 6px;
}

/* bouton violet */
.btnViolet {
	background: url(images/btnViolet_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	margin-left: 5px;
	padding: 0 8px 0 0;
}
.btnVioletFleche {
	background: url(images/btnVioletFleche_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	margin-left: 5px;
	padding: 0 23px 0 0;
}
.btnViolet .bouton, .btnVioletFleche .bouton {
	background: url(images/btnViolet_G.png) no-repeat left top;
}
.btnVioletFleche .bouton {
	padding-right: 6px;
}

/* boutons Ajouter et Ajouter au panier pour s'accorder avec le fond "Tony Parker"
  CDS111019015 - [TOUPARGEL] bouton ajout panier quickwln conversion (elisabeth.beaujard@businessdecision.com) */
.btnOrangeTony {
	background: url(images/btnOrange_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 8px 0 0;
}
.btnOrangeFlecheTony {
	background: url(images/btnOrangeFlecheTony_D.png) no-repeat right top;
	display: inline;
	float: right;
	height: 25px;
	padding: 0 23px 0 0;
}
.btnOrangeTony .bouton, .btnOrangeFlecheTony .bouton {
	background: url(images/btnOrange_G.png) no-repeat left top;
	color: #0F3F96;
	font-weight: 900;
}
.btnOrangeFlecheTony .bouton {
	padding-right: 6px;
}

/* boutons particuliers */
input.btnMesAvantages {
	background: url(images/btnMesAvantages.png) no-repeat;
	height: 42px;
	padding-top: 15px; 
	width: 231px;
}
input.btnOKVert {
	background: url(images/btnOKVert.gif) no-repeat;
	height: 19px;
	padding: 0 0 3px 0;
	width: 28px;
}
.btnCommander {
	border: none;
	float: right;
	height: 25px;
	padding: 0;
}
.btnVoirLePanier {
	border: none;
	float: left;
	height: 25px;
	padding: 0;
}

/* ===================================================================
 * CADRE
 * =================================================================*/
.cadreVert_NO {
	background: url(images/cadreVert_NO.png) no-repeat left top;
	padding: 7px 0 0 7px;
}
.cadreVert_NE {
	background: url(images/cadreVert_NE.png) no-repeat right top;
	padding: 0 7px 0 0;
}
.cadreVert_SO {
	background: url(images/cadreVert_SO.png) no-repeat left bottom;
	padding: 0 0 0 7px;
	margin-bottom: 10px;
}
.cadreVert_SE {
	background: url(images/cadreVert_SE.png) no-repeat right bottom;
	padding: 13px 7px 0 0;
}
.ombre {
	background: url(images/ombre.jpg) repeat-x left bottom;
	overflow: hidden;
	padding-bottom: 5px;
}

/* ===================================================================
 * FIL D'ARIANE
 * =================================================================*/
#ariane {
	background: url(images/fondAriane.gif) repeat-x;
	color: #7D7D7D;
	font-size: 11px;
	height: 19px;
	margin-top: 7px;
	padding: 7px 0 0 9px;
	width: 700px;
}


/* ===================================================================
 * FORMULAIRE
 * =================================================================*/
.checkbox, .radio, .submit {
	border: none;
}

 /* ===================================================================
 * LISTE
 * =================================================================*/

/* ===================================================================
 * LIGHTBOX
 * =================================================================*/
#cover {
	background-color: #555555;
	cursor: wait;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.55;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
#ownFrame iframe{
	padding: 0;
	margin: 0;
	width: 100%;
}
#documentPopup {
	overflow: hidden;
	margin: 0;
	padding: 0px 10px 10px 10px;
	background-color: #FFFFFF ;
}

/* ===================================================================
 * MENU
 * =================================================================*/
#menu {
	margin: 0 auto;
	width: 980px;
}
#menu ul {
	background: url("images/menu_fond.png") repeat scroll left top #FFFFFF;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0 3px;
	width: 974px;
}
#menu ul li {
	float: left;
	padding: 0 2px 6px 0;
}
#menu a,
#menu span {
	background: url("images/menu_offG.png") no-repeat scroll left top #3A90CC;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 5px;
	text-decoration: none;
}
#menu a span,
#menu span span {
	background: url("images/menu_offD.png") no-repeat scroll right top #3A90CC;
	cursor: pointer;
	display: block;
	height: 40px;
	line-height: 13px;
	padding: 0 5px 0 0;
	text-align: center;
}
#menu a span span,
#menu span span span {
	background: none;
	cursor: pointer;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu a:hover,
#menu span:hover,
#menu .hover a,
#menu .hover span,
#menu .selected a,
#menu .selected span {
	background: url("images/menu_onG.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu a:hover span,
#menu span:hover span,
#menu .hover a span,
#menu .hover span span,
#menu .selected a span,
#menu .selected span span {
	background: url("images/menu_onD.png") no-repeat scroll right top #FFFFFF;
	color: #000000;
	cursor: pointer;
}
#menu a:hover span span,
#menu span:hover span span,
#menu .hover a span span,
#menu .hover span span span,
#menu .selected a span span,
#menu .selected span span span {
	background: none;
	color: #000000;
	cursor: pointer;
	padding: 0;
}

#menu table {
	background: url("images/menu_fond.png") repeat scroll left top #FFFFFF;
	border-collapse: collapse;
	clear: both;
	margin: 0;
	width: 980px;
}
#menu table td {
	padding: 0 0 6px 2px;
}
#menu table td.first {
	padding-left: 3px;
}
#menu table td.last {
	padding-right: 3px;
}

/* MENU NIVEAU 2 */
#menu table td .sousMenu {
	background: #FFFFFF;
	border-bottom: 1px solid #0084E3;
	clear: both;
	display: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: auto;
	z-index: 3;
}
#menu table td .sousMenu li {
	float: none;
	margin: 0;
	padding: 0;
}
#menu table td .sousMenu li a,
#menu table td .sousMenu li span {
	background: url("images/puceBleueClaire.gif") no-repeat scroll 8px 7px #FFFFFF;
	color: #224E9E;
	cursor: pointer;
	display: block;
	float: none;
	font-weight: normal;
	padding: 3px 10px 3px 17px;
}
#menu table td .sousMenu li a:hover,
#menu table td .sousMenu li a.hover,
#menu table td .sousMenu li span:hover,
#menu table td .sousMenu li span.hover {
	color: #224E9E;
	background: url("images/puceBleueClaire.gif") no-repeat scroll 8px 7px #C1E6FB;
}

/* MENU - BLEU */
#menu .RST_BLEU a,
#menu .RST_BLEU span {
	background: url("images/menu_offG_bleu.png") no-repeat scroll left top #4A72CC;
}
#menu .RST_BLEU a span,
#menu .RST_BLEU span span {
	background: url("images/menu_offD_bleu.png") no-repeat scroll right top #4A72CC;
}
#menu .RST_BLEU a span span,
#menu .RST_BLEU span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_BLEU a:hover,
#menu .RST_BLEU.hover a,
#menu .RST_BLEU.selected a,
#menu .RST_BLEU span:hover,
#menu .RST_BLEU.hover span,
#menu .RST_BLEU.selected span {
	background: url("images/menu_onG_bleu.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_BLEU a:hover span,
#menu .RST_BLEU.hover a span,
#menu .RST_BLEU.selected a span,
#menu .RST_BLEU span:hover span,
#menu .RST_BLEU.hover span span,
#menu .RST_BLEU.selected span span {
	background: url("images/menu_onD_bleu.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_BLEU a:hover span span,
#menu .RST_BLEU.hover a span span,
#menu .RST_BLEU.selected a span span,
#menu .RST_BLEU span:hover span span,
#menu .RST_BLEU.hover span span span,
#menu .RST_BLEU.selected span span span {
	background: none;
}
#menu .RST_BLEU .sousMenu {
	border-bottom: 1px solid #4A72CC;
}
#menu .RST_BLEU .sousMenu a,
#menu .RST_BLEU .sousMenu span {
	color: #224E9E;
	background: url(images/puceBleueFonce.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_BLEU .sousMenu a:hover,
#menu .RST_BLEU .sousMenu a.hover,
#menu .RST_BLEU .sousMenu span:hover,
#menu .RST_BLEU .sousMenu span.hover {
	background: url(images/puceBleueFonce.gif) no-repeat scroll 8px 7px #D5DBE9;
}

/* MENU - LIME */
#menu .RST_LIME a,
#menu .RST_LIME span {
	background: url("images/menu_offG_lime.png") no-repeat scroll left top #6AAF2B;
}
#menu .RST_LIME a span,
#menu .RST_LIME span span {
	background: url("images/menu_offD_lime.png") no-repeat scroll right top #6AAF2B;
}
#menu .RST_LIME a span span,
#menu .RST_LIME span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_LIME a:hover,
#menu .RST_LIME.hover a,
#menu .RST_LIME.selected a,
#menu .RST_LIME span:hover,
#menu .RST_LIME.hover span,
#menu .RST_LIME.selected span {
	background: url("images/menu_onG_lime.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_LIME a:hover span,
#menu .RST_LIME.hover a span,
#menu .RST_LIME.selected a span,
#menu .RST_LIME span:hover span,
#menu .RST_LIME.hover span span,
#menu .RST_LIME.selected span span {
	background: url("images/menu_onD_lime.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_LIME a:hover span span,
#menu .RST_LIME.hover a span span,
#menu .RST_LIME.selected a span span,
#menu .RST_LIME span:hover span span,
#menu .RST_LIME.hover span span span,
#menu .RST_LIME.selected span span span {
	background: none;
}
#menu .RST_LIME .sousMenu {
	border-bottom: 1px solid #6AAF2B;
}
#menu .RST_LIME .sousMenu a,
#menu .RST_LIME .sousMenu span {
	color: #224E9E;
	background: url(images/puceVerteClaire.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_LIME .sousMenu a:hover,
#menu .RST_LIME .sousMenu a.hover,
#menu .RST_LIME .sousMenu span:hover,
#menu .RST_LIME .sousMenu span.hover {
	background: url(images/puceVerteClaire.gif) no-repeat scroll 8px 7px #D2EAD6;
}

/* MENU - ORANGE */
#menu .RST_ORANGE a,
#menu .RST_ORANGE span {
	background: url("images/menu_offG_orange.png") no-repeat scroll left top #FF6D01;
}
#menu .RST_ORANGE a span,
#menu .RST_ORANGE span span {
	background: url("images/menu_offD_orange.png") no-repeat scroll right top #FF6D01;
}
#menu .RST_ORANGE a span span,
#menu .RST_ORANGE span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_ORANGE a:hover,
#menu .RST_ORANGE.hover a,
#menu .RST_ORANGE.selected a,
#menu .RST_ORANGE span:hover,
#menu .RST_ORANGE.hover span,
#menu .RST_ORANGE.selected span {
	background: url("images/menu_onG_orange.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_ORANGE a:hover span,
#menu .RST_ORANGE.hover a span,
#menu .RST_ORANGE.selected a span,
#menu .RST_ORANGE span:hover span,
#menu .RST_ORANGE.hover span span,
#menu .RST_ORANGE.selected span span {
	background: url("images/menu_onD_orange.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_ORANGE a:hover span span,
#menu .RST_ORANGE.hover a span span,
#menu .RST_ORANGE.selected a span span,
#menu .RST_ORANGE span:hover span span,
#menu .RST_ORANGE.hover span span span,
#menu .RST_ORANGE.selected span span span {
	background: none;
}
#menu .RST_ORANGE .sousMenu {
	border-bottom: 1px solid #FF6D01;
}
#menu .RST_ORANGE .sousMenu a,
#menu .RST_ORANGE .sousMenu span {
	color: #224E9E;
	background: url(images/puceOrange.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_ORANGE .sousMenu a:hover,
#menu .RST_ORANGE .sousMenu a.hover,
#menu .RST_ORANGE .sousMenu span:hover,
#menu .RST_ORANGE .sousMenu span.hover {
	background: url(images/puceOrange.gif) no-repeat scroll 8px 7px #FCE1BD;
}

/* MENU - ROSE */
#menu .RST_ROSE a,
#menu .RST_ROSE span {
	background: url("images/menu_offG_rose.png") no-repeat scroll left top #E30A75;
}
#menu .RST_ROSE a span,
#menu .RST_ROSE span span {
	background: url("images/menu_offD_rose.png") no-repeat scroll right top #E30A75;
}
#menu .RST_ROSE a span span,
#menu .RST_ROSE span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_ROSE a:hover,
#menu .RST_ROSE.hover a,
#menu .RST_ROSE.selected a,
#menu .RST_ROSE span:hover,
#menu .RST_ROSE.hover span,
#menu .RST_ROSE.selected span {
	background: url("images/menu_onG_rose.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_ROSE a:hover span,
#menu .RST_ROSE.hover a span,
#menu .RST_ROSE.selected a span,
#menu .RST_ROSE span:hover span,
#menu .RST_ROSE.hover span span,
#menu .RST_ROSE.selected span span {
	background: url("images/menu_onD_rose.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_ROSE a:hover span span,
#menu .RST_ROSE.hover a span span,
#menu .RST_ROSE.selected a span span,
#menu .RST_ROSE span:hover span span,
#menu .RST_ROSE.hover span span span,
#menu .RST_ROSE.selected span span span {
	background: none;
}
#menu .RST_ROSE .sousMenu {
	border-bottom: 1px solid #E30A75;
}
#menu .RST_ROSE .sousMenu a,
#menu .RST_ROSE .sousMenu span {
	color: #224E9E;
	background: url(images/puceRose.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_ROSE .sousMenu a:hover,
#menu .RST_ROSE .sousMenu a.hover,
#menu .RST_ROSE .sousMenu span:hover,
#menu .RST_ROSE .sousMenu span.hover {
	background: url(images/puceRose.gif) no-repeat scroll 8px 7px #FBD5E8;
}

/* MENU - ROUGE */
#menu .RST_ROUGE a,
#menu .RST_ROUGE span {
	background: url("images/menu_offG_rouge.png") no-repeat scroll left top #9B1726;
}
#menu .RST_ROUGE a span,
#menu .RST_ROUGE span span {
	background: url("images/menu_offD_rouge.png") no-repeat scroll right top #9B1726;
}
#menu .RST_ROUGE a span span,
#menu .RST_ROUGE span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_ROUGE a:hover,
#menu .RST_ROUGE.hover a,
#menu .RST_ROUGE.selected a,
#menu .RST_ROUGE span:hover,
#menu .RST_ROUGE.hover span,
#menu .RST_ROUGE.selected span {
	background: url("images/menu_onG_rouge.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_ROUGE a:hover span,
#menu .RST_ROUGE.hover a span,
#menu .RST_ROUGE.selected a span,
#menu .RST_ROUGE span:hover span,
#menu .RST_ROUGE.hover span span,
#menu .RST_ROUGE.selected span span {
	background: url("images/menu_onD_rouge.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_ROUGE a:hover span span,
#menu .RST_ROUGE.hover a span span,
#menu .RST_ROUGE.selected a span span,
#menu .RST_ROUGE span:hover span span,
#menu .RST_ROUGE.hover span span span,
#menu .RST_ROUGE.selected span span span {
	background: none;
}
#menu .RST_ROUGE .sousMenu {
	border-bottom: 1px solid #DF0431;
}
#menu .RST_ROUGE .sousMenu a,
#menu .RST_ROUGE .sousMenu span {
	color: #224E9E;
	background: url(images/puceRouge.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_ROUGE .sousMenu a:hover,
#menu .RST_ROUGE .sousMenu a.hover,
#menu .RST_ROUGE .sousMenu span:hover,
#menu .RST_ROUGE .sousMenu span.hover {
	background: url(images/puceRouge.gif) no-repeat scroll 8px 7px #FCE7EB;
}

/* MENU - VERT */
#menu .RST_VERT a,
#menu .RST_VERT span {
	background: url("images/menu_offG_vert.png") no-repeat scroll left top #5AA610;
}
#menu .RST_VERT a span,
#menu .RST_VERT span span {
	background: url("images/menu_offD_vert.png") no-repeat scroll right top #5AA610;
}
#menu .RST_VERT a span span,
#menu .RST_VERT span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_VERT a:hover,
#menu .RST_VERT.hover a,
#menu .RST_VERT.selected a,
#menu .RST_VERT span:hover,
#menu .RST_VERT.hover span,
#menu .RST_VERT.selected span {
	background: url("images/menu_onG_vert.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_VERT a:hover span,
#menu .RST_VERT.hover a span,
#menu .RST_VERT.selected a span,
#menu .RST_VERT span:hover span,
#menu .RST_VERT.hover span span,
#menu .RST_VERT.selected span span {
	background: url("images/menu_onD_vert.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_VERT a:hover span span,
#menu .RST_VERT.hover a span span,
#menu .RST_VERT.selected a span span,
#menu .RST_VERT span:hover span span,
#menu .RST_VERT.hover span span span,
#menu .RST_VERT.selected span span span {
	background: none;
}
#menu .RST_VERT .sousMenu {
	border-bottom: 1px solid #5AA610;
}
#menu .RST_VERT .sousMenu a,
#menu .RST_VERT .sousMenu span {
	color: #224E9E;
	background: url(images/puceVerteFonce.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_VERT .sousMenu a:hover,
#menu .RST_VERT .sousMenu a.hover,
#menu .RST_VERT .sousMenu span:hover,
#menu .RST_VERT .sousMenu span.hover {
	background: url(images/puceVerteFonce.gif) no-repeat scroll 8px 7px #DEEDCF;
}

/* MENU - VIOLET */
#menu .RST_VIOLET a,
#menu .RST_VIOLET span {
	background: url("images/menu_offG_violet.png") no-repeat scroll left top #7E23BE;
}
#menu .RST_VIOLET a span,
#menu .RST_VIOLET span span {
	background: url("images/menu_offD_violet.png") no-repeat scroll right top #7E23BE;
}
#menu .RST_VIOLET a span span,
#menu .RST_VIOLET span span span {
	background: none;
	height: auto;
	line-height: 100%;
	padding: 0;
}
#menu .RST_VIOLET a:hover,
#menu .RST_VIOLET.hover a,
#menu .RST_VIOLET.selected a,
#menu .RST_VIOLET span:hover,
#menu .RST_VIOLET.hover span,
#menu .RST_VIOLET.selected span {
	background: url("images/menu_onG_violet.png") no-repeat scroll left top #FFFFFF;
	color: #000000;
}
#menu .RST_VIOLET a:hover span,
#menu .RST_VIOLET.hover a span,
#menu .RST_VIOLET.selected a span,
#menu .RST_VIOLET span:hover span,
#menu .RST_VIOLET.hover span span,
#menu .RST_VIOLET.selected span span {
	background: url("images/menu_onD_violet.png") no-repeat scroll right top #FFFFFF;
}
#menu .RST_VIOLET a:hover span span,
#menu .RST_VIOLET.hover a span span,
#menu .RST_VIOLET.selected a span span,
#menu .RST_VIOLET span:hover span span,
#menu .RST_VIOLET.hover span span span,
#menu .RST_VIOLET.selected span span span {
	background: none;
}
#menu .RST_VIOLET .sousMenu {
	border-bottom: 1px solid #7E23BE;
}
#menu .RST_VIOLET .sousMenu a,
#menu .RST_VIOLET .sousMenu span {
	color: #224E9E;
	background: url(images/puceViolet.gif) no-repeat scroll 8px 7px #FFFFFF;
}
#menu .RST_VIOLET .sousMenu a:hover,
#menu .RST_VIOLET .sousMenu a.hover,
#menu .RST_VIOLET .sousMenu span:hover,
#menu .RST_VIOLET .sousMenu span.hover {
	background: url(images/puceViolet.gif) no-repeat scroll 8px 7px #EACBF3;
}

/* MENU - STYLE THEME */
#menu ul li a.theme,
#menu ul li span.theme {
	background: url("images/menu_separateur.png") no-repeat scroll right top transparent;
	color: #518A00;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
    height: 40px;
    line-height: 13px;
	padding: 0 7px 0 5px;
    text-align: center;
}
#menu ul li a.theme:hover,
#menu ul li span.theme:hover {
	text-decoration: underline;
}
#menu ul li a.dernier,
#menu ul li span.dernier {
	background: transparent;
	color: #518A00;
}

/* ===================================================================
 * PANIER
 * =================================================================*/
#panierXML p {
	margin: 0 7px;
}
#panierXML .ancienneCommande {
	margin-bottom: 5px;
	overflow: hidden;
}
#panierXML .ancienneCommande .btnGrisFleche .bouton {
	width: 213px;
}

#panier {
	font-size: 11px;
	margin: 0 0 10px 0;
	width: 100%;
}
#panier a {
	color: #000000;
}
#panier td {
	border-bottom: 1px dashed #E2E2E2;
	padding: 2px 0;
	vertical-align: top;
}
#panier .libelle a {
	font-weight: bold;
}
#panier .prix {
	text-align: right;
	width: 50px;
}
#panier .supprimer {
	width: 12px;
}

#totalPanier {
	float: right;
	margin-right: 15px;
}

/* ===================================================================
 * PICTO CONTROLE
 * =================================================================*/
.pictoControle {
	float: left;
	height: 16px;
	padding: 1px 0 0 2px;
	width: 16px;
}

/* ===================================================================
 * PLAN DU SITE
 * =================================================================*/
.plan1 {
	color: #08A5DB;
	font-size: 16px;
	font-weight: bold;
}
.plan2 {
	font-size: 14px;
	font-weight: bold;
}
.plan3 {
}

/* ===================================================================
 * PUCE
 * =================================================================*/
.puceFlecheBlanche {
	background: url(images/puceFlecheBlanche.gif) no-repeat 0 4px;
	color: #FFFFFF;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheBleue, .bloc a {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheBleue_bas {
	background: url(images/puceFlecheBleue_bas.gif) no-repeat scroll 0 6px transparent;
	line-height: 16px;
	padding-left: 12px;
}
.puceFlecheBleue_top {
	background: url(images/puceFlecheBleue_top.gif) no-repeat scroll 0 5px transparent;
	line-height: 16px;
	padding-left: 12px;
}
.puceFlecheGrise {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheNoire {
	background: url(images/puceFlecheNoire.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}
.puceFlecheOrange {
	background: url(images/puceOrange.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
}
.bloc span {
	background: url(images/puceFlecheBleue.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-left: 8px;
	color : #0F3F96;
}
.bloc span:hover {
	cursor : pointer;
	text-decoration : underline;
}

/* ===================================================================
 * TEMPLATES
 * =================================================================*/

/* ===================================================================
 * ACTUALITE
 * =================================================================*/
#actualite {
	color: #FFFFFF;
}

#actualite h1 {
	background: url(images/barreRouge.gif) repeat-x;
	color: #FFFFFF;
	height: 27px;
	padding: 3px 0 0 13px;
	margin: 0 0 10px 0;
}

/* zone "Evénement saisonnier" */
#actualite .saisonnier {
	margin-bottom: 10px;
}

/* zone "Nouveautés" */
#actualite .nouveautes {
	margin-bottom: 10px;
}

/* zone "Fil rouge" */
#actualite .filRouge {
	margin-bottom: 10px;
}

/* ===================================================================
 * AUTHENTIFICATION
 * =================================================================*/
#authentification h4 {
	margin: 0;
}
#authentification p {
	margin-bottom: 10px;
}
#authentification table {
	border-collapse: collapse;
	text-align: left;
}
#authentification table td {
	vertical-align: top;
}
#authentification table table td {
	padding-bottom: 10px;
	vertical-align: middle;
}

#authentification .centrerBouton {
	margin: 0 auto 5px auto;
	overflow: hidden;
	width: 85px;
}

/* authentification - je ne sais pas si je suis client ou si j ai un compte */
#authentification .clientExiste {
	float: left;
	width: 480px;
}
#authentification .clientExiste .ombre {
	min-height: 200px;
}
#authentification .clientExiste .commander {
	padding: 10px 0 0 0;
	text-align: center;
}
/* authentification - je suis client mais je n'ai pas de compte Internet */
#authentification .dejaClientToupargel {
	float: left;
	width: 480px;
}
#authentification .dejaClientToupargel .alignleft .btnBleuFleche{
	float: left;
}
#authentification .dejaClientToupargel .ombre {
	min-height: 200px;
}
#authentification .dejaClientToupargel #code_client_email {
	float: left;
}
#authentification .dejaClientToupargel #telephone {
	float: left;
}
#authentification .dejaClientToupargel .accederCompte td{
	padding: 3px;
	text-align: left;
}

/* authentification - je suis client et j'ai déjà  un compte Internet */
#authentification .dejaClientInternet {
	float: right;
	width: 480px;
}
#authentification .dejaClientInternet .dejaClient {
	padding-top:10px;
}
#authentification .dejaClientInternet .ombre {
	min-height: 200px;
}
#authentification .dejaClientInternet #CLI_FACEMAIL_LOG_BIS {
	float: left;
	width: 150px;
}
#authentification .dejaClientInternet #CLI_PASSWORD_LOG_BIS {
	float: left;
	width: 150px;
}
#authentification .dejaClientInternet .btnBleu {
	float: left;
}
#authentification .dejaClientInternet .motDePasse a {
	text-decoration: underline;
}
#authentification .dejaClientInternet .motDePasse a:hover {
	text-decoration: none;
}

/* authentification - appelez nous */
#authentification .appelezNous {
	clear: both;
}
#authentification .appelezNous .appel {
	text-align: center;
	vertical-align: bottom;
}
#authentification .appelezNous .rouge {
	color: #DF0431;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

/* ===================================================================
 * BOUTIQUE CADEAU
 * =================================================================*/
#boutiqueCadeau h1 {
	color: #000000;
}
#boutiqueCadeau h3 {
	border: none;
}
#boutiqueCadeau h4 {
	margin: 20px 0;
}

/* ===================================================================
 * CLIENT PRIVILEGE
 * =================================================================*/

/* gestion du compte client - page accueil */
#clientPrivilege .accueil .maFidelite {
	clear: both;
	margin-bottom: 20px;
}
#clientPrivilege .accueil .mesCoordonnees h3 {
	padding-bottom: 0;
}
#clientPrivilege .accueil .mesCoordonnees p {
	padding-bottom: 5px;
}

/* gestion du compte client - page accueil - points fidelite */
#clientPrivilege .maFidelite .titreBleu {
	color: #3290D0;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}
#clientPrivilege_ProduitCadeau td {
	vertical-align: top;
	width: 25%;
}
#clientPrivilege_ProduitCadeau .pointFidelite {
	text-align: right;
}
#clientPrivilege_ProduitCadeau .produitCadeau {
	text-align: center;
	vertical-align: bottom;
}
#clientPrivilege_ProduitCadeau .produitCadeau a:hover,
#clientPrivilege_ProduitCadeau .produitCadeau .selected a {
	font-weight: bold;
	text-decoration: none;
}
#clientPrivilege_ProduitCadeau .produitCadeau a img {
	border: 1px solid #E3E3E3;
	height: 75px;
	padding: 0;
	margin: 5px;
	width: 90px;
}
#clientPrivilege_ProduitCadeau .produitCadeau a:hover img,
#clientPrivilege_ProduitCadeau .produitCadeau .selected img  {
	border: 1px solid #3290D0;
	padding: 5px;
	margin: 0;
}
#clientPrivilege_ProduitCadeau .produitCadeau .points {
	color: #3290D0;
	font-weight: bold;
	text-align: center;
}
#clientPrivilege_ProduitCadeau .produitCadeau .cadeau {
	height: 15px;
	padding: 10px 0;
}
#clientPrivilege_ProduitCadeau .produitCadeau .selected .cadeau {
	background: url(images/puceFlecheRouge_top.gif) no-repeat center top;
	color: #DF0431;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
#clientPrivilege_ProduitCadeau .gris {
	padding-bottom: 15px;
	text-align: left;
}

/* gestion du compte client - page accueil - boutique cadeau */
#clientPrivilege_BoutiqueCadeau {
	margin-top: 15px;
}
#clientPrivilege_BoutiqueCadeau td {
	text-align: center;
	vertical-align: middle;
}
#clientPrivilege_BoutiqueCadeau .btnOrangeFleche, #clientPrivilege_BoutiqueCadeau .btnVioletFleche {
	float: left;
	margin: 15px 30px;
}

/* gestion du compte client - page accueil - bon d'achat */
#clientPrivilege_BonAchat {
	margin-top: 15px;
	width: auto;
}
#clientPrivilege #clientPrivilege_BonAchat .titreBleu {
	padding-bottom: 0;
}

/* gestion du compte client - page mes commandes */
#clientPrivilege .mesCommandes table,
#clientPrivilege .monParrainage table {
	background: url(images/fondTableau.png) no-repeat;
	margin-bottom: 15px;
	width: 535px;
	border-spacing: 0;
}

#clientPrivilege .commandesPopup table tr.titre {
	background: url(images/fondTableau.png) no-repeat;
	margin-bottom: 15px;
	width: 535px;
	height: 31px;
}

#clientPrivilege .commandesPopup .titre td {
	padding-left: 10px;	
}
#clientPrivilege .mesCommandes table td,
#clientPrivilege .monParrainage table td {
	padding: 2px 5px;
}

#clientPrivilege .commandesPopup td {
	padding-right: 80px;
}
#clientPrivilege .mesCommandes table th,
#clientPrivilege .monParrainage table th{
	background: url(images/rappelPanier_separateur.png) no-repeat right top;
	height: 31px;
}
#clientPrivilege .mesCommandes table th.last,
#clientPrivilege .monParrainage table th.last {
	background: none;
}

#clientPrivilege .mesCommandesActions {
	padding-left: 110px;	
}

/* gestion du compte client - page mes coordonnées */
#clientPrivilege_MesCoordonnees td {
	vertical-align: top;
}
#clientPrivilege_MesCoordonnees th {
	font-weight: normal;
	height: 20px;
	text-align: left;
	vertical-align: top;
	width: 40%;
}

#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACPRENOM,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACNOM {
	float: left;
}

#clientPrivilege_MesCoordonnees .monIdentite #CLI_DATENAISSANCE,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACTELEPHONE,
#clientPrivilege_MesCoordonnees .monIdentite #CLI_FACTELEPHONE2 {
	float: left;
	width: 70px;
}

#clientPrivilege_MesCoordonnees .monPassword #CLI_FACEMAIL,
#clientPrivilege_MesCoordonnees .monPassword #CLI_FACEMAIL_VALID,
#clientPrivilege_MesCoordonnees .monPassword #CLI_PASSWORD,
#clientPrivilege_MesCoordonnees .monPassword #CLI_PASSWORD_VALID {
	float: left;
}

#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACNUMVOIE,
#clientPrivilege_MesCoordonnees .maFacturation #VOI_LIBELLE,
#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACNOMVOIE,
#clientPrivilege_MesCoordonnees .maFacturation #CLI_FACCODEPOSTAL,
#clientPrivilege_MesCoordonnees .maFacturation #ID_COMMUNE {
	float: left;
}
#clientPrivilege_MesCoordonnees .maFacturation #ID_COMMUNE {
	width: 187px;
}

#clientPrivilege_MesCoordonnees .separateur {
	border-top: 1px solid #E2E2E2;
}

/* création du compte client */
#clientPrivilege #creationCompte h3 {
	margin-top: 10px;
}
#clientPrivilege #creationCompte p {
	margin-bottom: 5px;
}
#clientPrivilege #creationCompte select {
	color: #000000;
}
#clientPrivilege #creationCompte td {
	vertical-align: middle;
}
#clientPrivilege #creationCompte textarea {
	color: #000000;
	font-size: 12px;
}
#clientPrivilege_CreationCompte .remarqueClientPrivilege {
	font-size: 10px;
}

/* création de compte client - identité */
#clientPrivilege_CreationCompte_Identite input {
	float: left;
	width: 125px;
}
#clientPrivilege_CreationCompte_Identite #CLI_DATENAISSANCE, #clientPrivilege_CreationCompte_Identite #CLI_LIVTELEPHONE, #clientPrivilege_CreationCompte_Identite #CLI_LIVTELEPHONE2 {
	float: left;
	width: 70px;
}
#clientPrivilege_CreationCompte_Identite .radio {
	float: none;
	width: auto;
}
#clientPrivilege_CreationCompte_Identite .codeClient {
	width: 150px;
}

/* création de compte client - adresse email et mot de passe */
#clientPrivilege_CreationCompte_Login input {
	float: left;
	width: 125px;
}

/* création de compte client - adresse de livraison */
#clientPrivilege_CreationCompte_Livraison input, #clientPrivilege_CreationCompte_Livraison select {
	float: left;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVNUMVOIE {
	width: 20px;
}
#clientPrivilege_CreationCompte_Livraison #VOI_LIBELLE {
	margin-left: 2px;
	width: 90px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVNOMVOIE {
	margin-left: 2px;
	width: 117px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVIMMEUBLE {
	width: 256px;
}
#clientPrivilege_CreationCompte_Livraison #CLI_LIVCODEPOSTAL {
	width: 35px;
}
#clientPrivilege_CreationCompte_Livraison #ID_COMMUNE {
	width: 194px;
}
#clientPrivilege #creationCompte .valider {
	overflow: hidden;
	width: 430px;
}
#clientPrivilege #creationCompte .valider .bouton {
	padding: 6px 12px 6px 20px;
}

/* menu gauche du compte client */
#menuGauche .monCompte h3 a {
	color: #4B4B4B;
}

/* ===================================================================
 * CLIENT PRIVILEGE ADRESSE
 * =================================================================*/
#clientPrivilegeAdresse select {
	width: 187px;
}
#clientPrivilegeAdresse_CoordonneeLivraison input,
#clientPrivilegeAdresse_CoordonneeLivraison select {
	float: left;
}

#clientPrivilegeAdresse_CoordonneeLivraison #CLI_LIVTELEPHONE,
#clientPrivilegeAdresse_CoordonneeLivraison #CLI_LIVTELEPHONE2 {
	width: 70px;
}
#clientPrivilegeAdresse_CoordonneeLivraison input.radio {
	float: none;
}

/* ===================================================================
 * COMMANDE ETAPE - ETAPE DE COMMANDE
 * =================================================================*/
#etape {
	height: 33px;
}
#etape a {
	color: #000000;
}
#etape .bouton {
	color: #FFFFFF;
}
#etape .panier {
	background: url(images/pictoPanier.gif) no-repeat 10px 7px;
	padding-left: 30px;
	width: 95px;
}
#etape .livraison {
	background: url(images/pictoCamion.gif) no-repeat 0 8px;
	padding-left: 20px;
	width: 100px;
}
#etape .paiement {
	background: url(images/pictoEuro.gif) no-repeat 0 8px;
	padding-left: 15px;
	width: 80px;
}
#etape .commande {
	background: url(images/pictoValider.gif) no-repeat 0 7px;
	padding-left: 20px;
	width: 130px;
}

/* ===================================================================
 * COMMANDE ETAPE 1
 * =================================================================*/
#cmdEtape1 {}

#cmdEtape1 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}
#cmdEtape1 #etape {
	background: url(images/etape1.gif) no-repeat;
}

/* rappel du panier */
#cmdEtape1 .panierEtape1 {
	width: 685px;
}
#cmdEtape1 .panierEtape1 a {
	color: #000000;
}
#cmdEtape1 .panierEtape1 p {
	margin-left: 40px;
	overflow: hidden;
}
#cmdEtape1 .panierEtape1 table {
	background: url(images/rappelPanier.png) no-repeat;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 685px;
}
#cmdEtape1 .panierEtape1 table td {
	padding: 10px 0;
}
#cmdEtape1 .panierEtape1 table th {
	background: url(images/rappelPanier_separateur.png) no-repeat right 2px;
	height: 38px;
	padding: 6px 0;
	text-align: center;
	vertical-align: top;
}
#cmdEtape1 .panierEtape1 table th.last {
	background: none;
}
#cmdEtape1 .panierEtape1 .erreurMontant {
	color: #DF0431;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
}
#cmdEtape1 .panierEtape1 .erreurMontant a {
	color: #DF0431;
}
#cmdEtape1 .panierEtape1 .bouton {
	color: #FFFFFF;
}
#cmdEtape1 .panierEtape1 .supprimer {
	text-align: center;
	width: 58px;
}
#cmdEtape1 .panierEtape1 .prixUnitaire {
	padding-right: 20px;
	text-align: right;
	width: 67px;
}
#cmdEtape1 .panierEtape1 .moins {
	text-align: right;
	width: 35px;
}
#cmdEtape1 .panierEtape1 .quantite {
	width: 12px;
}
#cmdEtape1 .panierEtape1 .quantite input {
	border: none;
	color: #000000;
	padding: 0;
	width: 12px;
}
#cmdEtape1 .panierEtape1 .plus {
	width: 35px;
}
#cmdEtape1 .panierEtape1 .sousTotal {
	padding-right: 20px;
	text-align: right;
	width: 73px;
}
#cmdEtape1 .panierEtape1 .codePromotionnel {
	background: url(images/pictoEtoile.gif) no-repeat;
	margin: 10px 0 0 20px;
	padding-left: 20px;
}

/* rappel du panier : Lots */
#cmdEtape1 .panierEtape1 .lot {
	background:none repeat scroll 0 0 #FFFFAA;
	border-bottom:10px solid #FFF;
}
#cmdEtape1 .panierEtape1 .composant {
	background:none repeat scroll 0 0 #EAFFCA;
	border-bottom:5px solid #FFF;
}
#cmdEtape1 .panierEtape1 .cadeau {
	background:none repeat scroll 0 0 #FFCACA;
	border-bottom:5px solid #FFF;
}
#cmdEtape1 .panierEtape1 .composant td.blanc, #cmdEtape1 .panierEtape1 .cadeau td.blanc
{
	background-color:white;
}
#cmdEtape1 .panierEtape1 table#lot {
	background: none;
}

/* Recapitucalit commande (mail)*/
.ligneProduit {
	background-color: #DBE5F1;
	width: 100%;
}
.ligneProduitVide {
	background: url(images/interligne.jpg) repeat-x;
	height: 2px;
}
.ligneProduit td {
	vertical-align: middle;
	padding: 5px 0px;
}

#produit {
	font-size: 12px;
	font-weight: normal;
	border-collapse: collapse;
}

/* commande etape 1 - top 10 */
#top10 {
	background: url(images/cadrePromotionTop10.png) no-repeat;
	color: #4B4B4B;
	height: 320px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 35px;
	width: 700px;
}
#top10 .top10 {
	height: 286px;
	width: 510px;
}
#top10 .top10 td {
	border-right: 1px solid #DDDDDD;
	padding: 0 18px;
	vertical-align: top;
	width: 33%;
}
#top10 .top10 td.last {
	border-right: none;
	padding: 0 0 0 18px;
}
#top10 .top10 .description {
	height: 75px;
}
#top10 .top10 .prix {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
}
#top10 .top10 .prix strike {
	font-size: 12px;
	font-weight: normal;
}
#top10 .top10 .unite {
	margin-bottom: 10px;
}
#top10 .libelleProduit {
	font-weight: bold;
	height: 30px;
}

/* commande etape 1 - colonne droite */
#colDroite_RecapCommande .panier {
	font-size: 14px;
	margin: 0 auto 50px auto;
	width: 90%;
}
#colDroite_RecapCommande .panier td {
	padding: 3px 0;
}

#colDroite_RecapCommande .codePromotionnel {
	font-size: 12px;
	margin: 0 auto;
	width: 90%;
}
#colDroite_RecapCommande .codePromotionnel h4 {
	margin: 0;
}
#colDroite_RecapCommande .codePromotionnel td {
	vertical-align: top;
}
#colDroite_RecapCommande .codePromotionnel .saisie {
	vertical-align: middle;
	width: 65%;
}
#colDroite_RecapCommande .codePromotionnel .saisie input {
	border: 1px solid #B6B6B6;
	color: #000000;
}
#colDroite_RecapCommande .codePromotionnel .btnOrange {
	float: left;
}
#colDroite_RecapCommande .remiseSalarie {
	font-size: 12px;
}

/* ===================================================================
 * COMMANDE ETAPE 2
 * =================================================================*/
#cmdEtape2 {}

#cmdEtape2 h4 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding: 5px 0;
}
#cmdEtape2 table {
	margin: 0 0 0 1%;
	width: 98%;
}
#cmdEtape2 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 5px auto;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape2 #etape {
	background: url(images/etape2.gif) no-repeat;
	margin: 0;
	width: 100%;
}
/* commande etape 2 - mon adresse de livraison */
#cmdEtape2_MaLivraison .tabloFieldset {
	background: url("images/cmdEtape2_fieldset.png") no-repeat scroll left bottom #FFFFFF;
	border-collapse: collapse;
	margin: 0;
	width: 672px;
}
#cmdEtape2_MaLivraison .tabloFieldset th {
	background: url("images/cmdEtape2_fieldset.png") no-repeat scroll left 9px #FFFFFF;
	padding: 0 0 15px 10px;
	text-align: left;
}
#cmdEtape2_MaLivraison .tabloFieldset th select {
	background: #D9E4F8;
	border: 1px solid #696E68;
	color: #000000;
}
#cmdEtape2_MaLivraison .tabloFieldset td {
	padding: 0 0 15px 20px;
	vertical-align: top;
}
#cmdEtape2_MaLivraison .tabloFieldset #divCommentaire{
	padding: 0;
	float:left;
	width: 450px;
}
#cmdEtape2_MaLivraison .tabloFieldset td #divAdresse {
	font-weight: bold;
	width: 200px;
	float:left;
}
#cmdEtape2_MaLivraison .tabloFieldset td .puceFlecheBleue {
	display:block;
	margin-top: 10px;
	clear:both;
}
#cmdEtape2_MaLivraison .attention {
	font-size: 11px;
}

/* commande etape 2 - choix du jour de livraison */
#divCreneauLivraison p {
	margin: 5px 0;
}
#divCreneauLivraison #creneau2 {
	margin: 0;
	width: 100%;
}

/* ===================================================================
 * COMMANDE ETAPE 3
 * =================================================================*/
#cmdEtape3 {}

#cmdEtape3 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape3 #etape {
	background: url(images/etape3.gif) no-repeat;
}

#cmdEtape3 h4 {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding: 5px 0;
}

/* commande étape 3 - paiement */
#cmdEtape3_Paiement p {
	margin: 10px 0 10px 10px;
}

#cmdEtape3_Paiement .coordonneesFacturation {
	padding-left: 10px;
	width: 65%;
}

#cmdEtape3_Paiement .ombre {
	padding-bottom: 20px;
}
#cmdEtape3_Paiement h4 {
	margin: 0 6px 10px 6px;
	overflow: hidden;
	zoom: 1;
}
#cmdEtape3_Paiement h4.modePaiement{
	font-size: 13px;
}
#cmdEtape3_Paiement h4 .libelle {
	float: left;
	margin-top: 14px;
}
#cmdEtape3_Paiement h4 .cartes {
	float: right;
}
#cmdEtape3_Paiement h4 .cartes img {
	height: 27px;
}
#cmdEtape3_Paiement p {
	margin: 0 6px 20px 6px;
}
#cmdEtape3_Paiement table.creneau {
	background: url("images/planning/planningHorizontal_creneau_fond.png") no-repeat scroll left top #FFFFFF;
	height: 38px;
	margin: 0 0 1px 0;
	width: 686px;
}
#cmdEtape3_Paiement table.creneau .choix {
	vertical-align: middle;
	width: 15px;
	padding:0 0 0 25px;
}
#cmdEtape3_Paiement table.creneau .libelle {
	color: #1691CA;
	font-size: 14px;
	font-weight: bold;
}
#cmdEtape3_Paiement table.focus {
	background: url("images/planning/planningHorizontal_creneau_focus.png") no-repeat scroll left top #D3E9F9;
}
#cmdEtape3_Paiement table.selected {
	background: url("images/planning/planningHorizontal_creneau_selected.png") no-repeat scroll left top #A5F7C6;
	margin: 0;
}
#cmdEtape3 #cmdEtape3_Paiement .action {
	border-top: 1px solid #E2E2E2;
	padding: 5px 0 0 0;
}
#cmdEtape3_Paiement .champsObligatoires {
	font-size: 10px;
}

/* JE PAIE MA COMMANDE A LA LIVRAISON */
#cmdEtape3_Paiement #bloc_livraison {
	background: url("images/planning/planning_creneauHoraire.png") no-repeat scroll left bottom #FFFFFF;
	margin: 0 0 1px 0;
	padding: 5px 6px 10px 6px;
	width: 674px;
}
#cmdEtape3_Paiement #bloc_livraison label,
#cmdEtape3_Paiement #bloc_livraison input {
	float: left;
	line-height: 21px;
	margin-right: 5px;
}
#cmdEtape3_Paiement #bloc_livraison input.case {
	margin-left: 40px;
	margin-top: 3px;
}

/* JE PAIE MA COMMANDE EN LIGNE */
#cmdEtape3_Paiement #bloc_enligne {
	background: url("images/planning/planning_creneauHoraire.png") no-repeat scroll left bottom #FFFFFF;
	margin: 0 0 1px 0;
	padding: 5px 6px 10px 6px;
	width: 674px;
}
#cmdEtape3_Paiement #bloc_enligne .mesCartes {
	overflow: hidden;
	padding-bottom: 20px;
	zoom: 1;
}
#cmdEtape3_Paiement #bloc_enligne table td {
	padding-bottom: 15px;
	vertical-align: top;
}
#cmdEtape3_Paiement #bloc_enligne table td.texte {
	width: 275px;
}
#cmdEtape3_Paiement #bloc_enligne label {
	float: left;
	line-height: 21px;
	margin-right: 5px;
}
#cmdEtape3_Paiement #bloc_enligne input,
#cmdEtape3_Paiement #bloc_enligne select {
	float: left;
	margin-right: 5px;
}
#cmdEtape3_Paiement #bloc_enligne select option {
	padding-left: 5px;
}
#cmdEtape3_Paiement #bloc_enligne input.case {
	margin-top: 3px;
}

/* ===================================================================
 * COMMANDE ETAPE 4
 * =================================================================*/
#cmdEtape4 {}

#cmdEtape4 .titre {
	background: url(images/barreOrange.gif) no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px;
	width: 677px;
}

#cmdEtape4 #etape {
	background: url(images/etape4.gif) no-repeat;
}

/* commande étape 4 - envoyer la commande */
#cmdEtape4_EnvoyerCommande a {
	text-decoration: underline;
}
#cmdEtape4_EnvoyerCommande a:hover {
	text-decoration: none;
}
#cmdEtape4_EnvoyerCommande h4 {
	border-bottom: 1px solid #E2E2E2;
	margin-top: 10px;
	overflow: hidden;
	padding: 5px 0;
}
#cmdEtape4_EnvoyerCommande h4 span {
	float: left;
}
#cmdEtape4_EnvoyerCommande h4 a {
	float: right;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#cmdEtape4_EnvoyerCommande h4 a:hover {
	text-decoration: underline;
}
#cmdEtape4_EnvoyerCommande p {
	clear: both;
	padding: 5px 10px;
}
#cmdEtape4_EnvoyerCommande .texte {
	padding: 5px 10px;
}

/* ===================================================================
 * COMMANDE ETAPE 4 - PAIEMENT EN LIGNE
 * =================================================================*/
#sips input {
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

/* ===================================================================
 * COMMANDE ETAPE 5
 * =================================================================*/
.texteconfirmation {
    padding: 10px;
}
.texteconfirmation ul {
    padding : 0 0 0 40px;
}
.texteconfirmation .titre{
    color : #1F497D
}
.sipsErrors{
	font-weight: bold;
	color: #DF0431;
}
/* ===================================================================
 * COMMANDE RAPIDE
 * =================================================================*/

/* titres des rubriques de la liste de la commande rapide */
#cmdExpress th {
	background: #F3A000;
	color: #FEFEFE;
	padding: 6px;
}
#cmdExpress th.titreLibelle {
	text-align: left;
}

/* fond aléatoire de la liste des produits de la commande rapide */
#cmdExpress .alt0 td {
	background: #E3F3F4;
}
#cmdExpress .alt1 td {
	background: #F1FEFF;
}

/* liste des produits de la commande rapide */
#cmdExpress td {
	padding: 2px 5px;
}
#cmdExpress .selection {
	width: 13px;
}
#cmdExpress .codeProduit {
	width: 29%;
}
#cmdExpress .codeProduit input {
	color: #000000;
	width: 174px;
}
#cmdExpress .quantite {
	width: 10%;
}
#cmdExpress .libelle {
	color: #37A8DB;
	text-align: left;
}

/* boutons de la commande rapide */
#cmdExpress .btnBleuFleche {
	float: left;
}
#cmdExpress .effacer {
	color: #37A8DB;
	font-size: 11px;
}

/* ===================================================================
 * CONTACT
 * =================================================================*/
#contact form {
	margin-left: 10px;
	width: 580px;
}
#contact h1, #contact h3 {
	border: none;
	padding-bottom: 0;
}
#contact input {
	border: 1px solid #000000;
	color: #000000;
	padding: 1px;
	width: 170px;
}
#contact input.checkbox, #contact input.radio, #contact input.submit {
	border: none;
	padding: 0;
	width: auto;
}
#contact input#CLI_NUMCLIENT, #contact input#CON_TELEPHONE2 {
	width: 80px;
}
#contact select {
	border: 1px solid #000000;
	color: #000000;
	padding: 0;
	width: 230px;
}
#contact table td {
	padding: 7px 0;
	width: 25%;
}
#contact table table {
	width: auto;
}
#contact table table td {
	width: auto;
}
#contact textarea {
	border: 1px solid #000000;
	color: #000000;
	height: 96px;
	padding: 1px;
	width: 570px;
}
#contact .btnBleu, #contact .btnOrangeFleche {
	float: left;
}
#contact .btnBleu .bouton, #contact .btnOrangeFleche .bouton {
	color: #FFFFFF;
	padding: 0 0 2px 8px;
}
#contact .client {
	margin: 10px;
}
#contact .client table {
	width: auto;
}
#contact .client table td {
	padding: 0;
	width: auto;
}
#contact .texteDroite {
	padding-left: 20px;
}

/* ===================================================================
 * CONTACT
 * =================================================================*/
#demandeCatalogue form {
    text-align: justify;
}
#demandeCatalogue form input[type="checkbox"] {
	margin-right: 5px;
}
#demandeCatalogue form input[type="radio"] {
    margin: 10px 4px;
}
#demandeCatalogue form .isNotNull {
    font-weight: bold;
}
#demandeCatalogue fieldset {
    margin: 5px 8px;
    padding: 5px 10px;
}
#demandeCatalogue fieldset legend {
    font-weight: bold;
    padding: 0 5px;
}
#demandeCatalogue fieldset .tier td:first-child {
    width: 33%;
}
#demandeCatalogue fieldset .tier input[type="radio"] {
    margin: 0;
}
#demandeCatalogue .etoile {
    display: none;
}
/* ===================================================================
 * CROSSSELLING
 * =================================================================*/

/* ===================================================================
 * CHOIX DU JOUR DE LIVRAISON
 * =================================================================*/
#cmdEtape2_ChoixLivraison .ombre {
	padding-bottom: 20px;
}
#cmdEtape2_ChoixLivraison h4 {
	margin: 0 6px 10px 6px;
}
#cmdEtape2_ChoixLivraison p {
	margin: 0 6px 20px 6px;
}
#cmdEtape2_ChoixLivraison table.creneau {
	background: url("images/planning/planningHorizontal_creneau_fond.png") no-repeat scroll left top #FFFFFF;
	height: 38px;
	margin: 0 0 1px 0;
	width: 686px;
}
#cmdEtape2_ChoixLivraison table.focus {
	background: url("images/planning/planningHorizontal_creneau_focus.png") no-repeat scroll left top #D3E9F9;
}
#cmdEtape2_ChoixLivraison table.selected {
	background: url("images/planning/planningHorizontal_creneau_selected.png") no-repeat scroll left top #A5F7C6;
	margin: 0;
}
#cmdEtape2_ChoixLivraison table.creneau .choix {
	text-align: center;
	vertical-align: middle;
	width: 50px;
}
#cmdEtape2_ChoixLivraison table.creneau .date {
	color: #1691CA;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#cmdEtape2_ChoixLivraison table.creneau .heure {
	color: #4C4C4C;
	font-size: 12px;
	font-weight: bold;
}

/* CHOIX DU JOUR DE LIVRAISON - NAVIGATION */
#cmdEtape2_ChoixLivraison .navigation {
	height: 16px;
	margin-bottom: 5px;
}
#cmdEtape2_ChoixLivraison .navigation .puceFlecheBleue_top {
	margin-left: 5px;
}
#cmdEtape2_ChoixLivraison .navigation .puceFlecheBleue_bas {
	float: right;
	margin-right: 6px;
}

/* ===================================================================
 * CHOIX DU CRENEAU HORAIRE
 * =================================================================*/
#cmdEtape2_ChoixHoraire {
	background: url("images/planning/planning_creneauHoraire.png") no-repeat scroll left bottom #FFFFFF;
	margin: 0 0 1px 0;
	padding: 5px 1px 0 1px;
	width: 684px;
}
#cmdEtape2_ChoixHoraire .tabloFormulaire {
	margin: 0 0 0 5px;
	width: 98%;
}
#cmdEtape2_ChoixHoraire #creneau1 {
	margin: 0;
}
#cmdEtape2_ChoixHoraire #creneau2 {
	display: none;
	margin: 5px 0 0 0;
}
#cmdEtape2_ChoixHoraire .creneau2 {
	border-bottom: 1px solid #E4E4E4;
	height: 51px;
	vertical-align: top;
}
#cmdEtape2_ChoixHoraire .creneau_libelle {
	padding-bottom: 5px;
	width: 180px;
}
#cmdEtape2_ChoixHoraire .creneau_heure {
	padding-bottom: 5px;
}
#cmdEtape2_ChoixHoraire .creneau_heure .select {
	background: url("images/planning/fond_select.png") no-repeat scroll left top #FFFFFF;
	height: 29px;
	padding: 6px;
	width: 55px;
}
#cmdEtape2_ChoixHoraire .creneau_heure select {
	border: 1px solid #FFFFFF;
	color: #4B4B4B;
	padding: 0;
	width: 42px;
}
#cmdEtape2_ChoixHoraire .info {
	border-top: 1px solid #E2E2E2;
}
#cmdEtape2_ChoixHoraire .btnBleuFleche {
	margin-bottom: 8px;
}

/* ===================================================================
 * OVERLIB
 * =================================================================*/
#overlib {
	width: 230px;
}

/* ===================================================================
 * PLANNING DE LIVRAISON
 * =================================================================*/
#planningLivraison {
	background: url("images/planning/planning_fond.png") no-repeat scroll left top #FFFFFF;
	min-height: 375px;
	width: 100%;
}
#planningLivraison form {
	min-height: 191px;
	overflow: hidden;
	padding-bottom: 30px;
	zoom: 1;
}
#planningLivraison #tabLivraisonClient {
	width: 400px;
}
#planningLivraison #tabLivraisonClient td {
	font-size: 18px;
	text-align: left;
	vertical-align: top;
}
#planningLivraison #tabLivraisonClient td.col1 {
	width: 90px;
}
#planningLivraison #tabLivraisonClient td a {
	font-size: 11px;
}
#planningLivraison #tabLivraisonClient h3 {
	float: left;
}
#planningLivraison h2 {
	color: #097FB2;
	font-size: 36px;
	padding: 10px 0;
	text-align: right;
	text-transform: uppercase;
}
#planningLivraison h3 {
	border-bottom: 0 none;
	color: #085396;
	font-size: 16px;
	font-weight: normal;
	padding: 0;
	text-transform: none;
}
#planningLivraison input,
#planningLivraison select {
	border: 1px solid #085396;
	color: #777777;
	font-size: 14px;
	margin-left: 3px;
	padding: 2px;
}
#planningLivraison input {
	height: 18px;
}
#planningLivraison input.case {
	border: 0 none;
	height: auto;
	padding: 0;
}
#planningLivraison input#CLI_LIVNUMVOIE {
	width: 20px;
}
#planningLivraison input#VOI_LIBELLE {
	width: 75px;
}
#planningLivraison input#CLI_LIVNOMVOIE,
#planningLivraison input#CLI_LIVIMMEUBLE {
	width: 162px;
}
#planningLivraison input#CMN_CODEPOSTAL {
	width: 59px;
}
#planningLivraison select#ID_COMMUNE {
	width: 168px;
}
#planningLivraison input.submit {
	border: 0 none;
	color: #FFFFFF;
	font-size: 10px;
	height: 24px;
	padding: 0 6px 2px 8px;
}
#planningLivraison label {
	color: #085396;
	font-size: 18px;
}
#planningLivraison table {
	border-collapse: collapse;
	float: right;
	width: auto;
}
#planningLivraison table td {
	padding: 4px 0;
	text-align: right;
	vertical-align: bottom;
}
#planningLivraison table#TABLE_CODEPOSTAL_PLANNING td {
	padding: 0;
}
#planningLivraison #messageAttente {
	clear: both;
}

/* PLANNING DE LIVRAISON - CRENEAU HORAIRE */
#planningLivraison #planningXML {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#planningLivraison #planningXML p {
	margin: 0 0 10px 0;
}
#planningLivraison #planningXML table {
	background: url("images/planning/planning_creneau_fond.png") no-repeat scroll left top #FFFFFF;
	float: left;
	height: 145px;
	margin-left: 10px;
	width: 108px;
}
#planningLivraison #planningXML table.focus {
	background: url("images/planning/planning_creneau_focus.png") no-repeat scroll left top #FFFFFF;
}
#planningLivraison #planningXML table.selected {
	background: url("images/planning/planning_creneau_selected.png") no-repeat scroll left top #FFFFFF;
}
#planningLivraison #planningXML table.first {
	margin-left: 0;
}
#planningLivraison #planningXML table td {
	text-align: center;
}
#planningLivraison #planningXML table td.date {
	color: #1691CA;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	text-transform: uppercase;
}
#planningLivraison #planningXML table td.horaire {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
}
#planningLivraison #planningXML table td.choix {
	height: 37px;
	vertical-align: top;
}

/* PLANNING DE LIVRAISON - CRENEAU HORAIRE SLIDE */
#planningLivraison #planningXML form {
	margin-bottom: 40px;
	min-height: 0;
	position: relative;
	z-index: 1;
}
#planningLivraison #planningXML #slide {
	height: 150px;
	left: 0;
	position: absolute;
	width: 3000px;
	z-index: 2;
}
#planningLivraison #planningXML .navigation {
	height: 30px;
	padding-top: 150px;
	position: relative;
	z-index: 1;
}
#planningLivraison #planningXML .action {
	padding-top: 40px;
}
#planningLivraison #planningXML #semaine_precedente, #planningLivraison #planningXML #semaine_precedente2 {
	background: url("images/planning/planning_puceGauche.gif") no-repeat scroll left 6px #FFFFFF;
	border: 0 none;
	bottom: 0;
	color: #097FB2;
	cursor: pointer;
	font-size: 12px;
	left: 0;
	padding: 0 0 0 8px;
	position: absolute;
}
#planningLivraison #planningXML #semaine_suivante, #planningLivraison #planningXML #semaine_suivante2 {
	background: url("images/planning/planning_puceDroite.gif") no-repeat scroll left 6px #FFFFFF;
	border: 0 none;
	bottom: 0;
	color: #097FB2;
	cursor: pointer;
	font-size: 12px;
	padding: 0 0 0 8px;
	position: absolute;
	right: 0;
}
#planningLivraison #planningXML .btnBleuFleche {
	margin-right: 225px;
}

/* ===================================================================
 * POPUP IMAGE ZOOM
 * =================================================================*/
#popupImage {
	height: 500px;
	width: 500px;
}

/* ===================================================================
 * POPUP DE LOCALISATION
 * =================================================================*/
#popupPanier {
	background: #FFFFFF;
	padding: 10px;
	width: 425px;
}

/* ===================================================================
 * POPUP DE LOCALISATION
 * =================================================================*/
#popupLocalisation {
	background: #FFFFFF;
	height: 200px;
	width: 445px;
}
#popupLocalisation h3 {
	color: #25509F;
	font-size: 20px;
	font-style: italic;
	padding: 0;
	text-transform: none;
}
#popupLocalisation input {
	float: right;
	margin-right: 132px;
}
#popupLocalisation .btnBleu {
	margin-right: 50px;
}

#popupLocalisation #ID_COMMUNE_BLOC {
	float: right;
	width: 187px;
	margin-right: 30px;
}

/* bouton fermer */
#boutonFermer {
	background: #FFFFFF;
	float: left;
	padding: 5px 10px;
	margin-right : 15px;
}
#boutonFermer input {
	border: none;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}
#boutonFermer #fermer {
	color: #000000;
	cursor: pointer;
	float: left;
	font-weight: bold;
}

/* PLANNING DE LIVRAISON POP UP */
#popupLocalisationDeservie {
	background: url("images/planning/planning_fond.png") no-repeat scroll left top #FFFFFF;
	min-height: 375px;
	padding: 0 15px 15px 15px;
	width: 705px;
}
#popupLocalisationDeservie #formLivraison {
	min-height: 191px;
	overflow: hidden;
	padding-bottom: 30px;
	zoom: 1;
}
#popupLocalisationDeservie #tabLivraisonClientPopUp {
	width: 400px;
}
#popupLocalisationDeservie #tabLivraisonClientPopUp td {
	font-size: 18px;
	text-align: left;
	vertical-align: top;
}
#popupLocalisationDeservie #tabLivraisonClientPopUp td.col1 {
	width: 90px;
}
#popupLocalisationDeservie #tabLivraisonClientPopUp td a {
	font-size: 11px;
}
#popupLocalisationDeservie #tabLivraisonClientPopUp h3 {
	float: left;
}
#popupLocalisationDeservie h2 {
	color: #097FB2;
	font-size: 36px;
	padding: 10px 0;
	text-align: right;
	text-transform: uppercase;
}
#popupLocalisationDeservie h3 {
	border-bottom: 0 none;
	color: #085396;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0;
	text-transform: none;
}
#popupLocalisationDeservie input,
#popupLocalisationDeservie select {
	border: 1px solid #085396;
	color: #777777;
	font-size: 14px;
	margin-left: 3px;
	padding: 2px;
}
#popupLocalisationDeservie input {
	height: 18px;
}
#popupLocalisationDeservie input.case {
	border: 0 none;
	height: auto;
	padding: 0;
}
#popupLocalisationDeservie input#CLI_LIVNUMVOIE {
	width: 20px;
}
#popupLocalisationDeservie input#VOI_LIBELLE {
	width: 75px;
}
#popupLocalisationDeservie input#CLI_LIVNOMVOIE,
#popupLocalisationDeservie input#CLI_LIVIMMEUBLE {
	width: 162px;
}
#popupLocalisationDeservie input#CMN_CODEPOSTAL {
	width: 59px;
}
#popupLocalisationDeservie select#ID_COMMUNE_BLOC {
	width: 168px;
}
#popupLocalisationDeservie input.submit {
	border: 0 none;
	color: #FFFFFF;
	font-size: 10px;
	height: 24px;
	padding: 0 6px 2px 8px;
}
#popupLocalisationDeservie label {
	color: #085396;
	font-size: 18px;
}
#popupLocalisationDeservie table {
	border-collapse: collapse;
	float: right;
	width: auto;
}
#popupLocalisationDeservie table td {
	padding: 4px 0;
	text-align: right;
	vertical-align: bottom;
}
#popupLocalisationDeservie table#TABLE_CODEPOSTAL_BLOC td {
	padding: 0;
}
#popupLocalisationDeservie #messageAttente {
	clear: both;
}

/* PLANNING DE LIVRAISON POP UP - CRENEAU HORAIRE */
#popupLocalisationDeservie #planningLivraisonXML {
	clear: both;
	overflow: hidden;
	position: relative;
	z-index: 1;
	zoom: 1;
}
#popupLocalisationDeservie #planningLivraisonXML p {
	margin: 0 0 10px 0;
}
#popupLocalisationDeservie #planningLivraisonXML table {
	background: url("images/planning/planning_creneau_fond.png") no-repeat scroll left top #FFFFFF;
	float: left;
	height: 145px;
	margin-left: 10px;
	width: 108px;
}
#popupLocalisationDeservie #planningLivraisonXML table.focus {
	background: url("images/planning/planning_creneau_focus.png") no-repeat scroll left top #FFFFFF;
}
#popupLocalisationDeservie #planningLivraisonXML table.selected {
	background: url("images/planning/planning_creneau_selected.png") no-repeat scroll left top #FFFFFF;
}
#popupLocalisationDeservie #planningLivraisonXML table.first {
	margin-left: 0;
}
#popupLocalisationDeservie #planningLivraisonXML table td {
	text-align: center;
}
#popupLocalisationDeservie #planningLivraisonXML table td.date {
	color: #1691CA;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	text-transform: uppercase;
}
#popupLocalisationDeservie #planningLivraisonXML table td.horaire {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
}
#popupLocalisationDeservie #planningLivraisonXML table td.choix {
	height: 37px;
	vertical-align: top;
}

/* PLANNING DE LIVRAISON POP UP - CRENEAU HORAIRE SLIDE */
#popupLocalisationDeservie #planningLivraisonXML form {
	min-height: 0;
}
#popupLocalisationDeservie #planningLivraisonXML #slide {
	height: 150px;
	left: 0;
	position: absolute;
	width: 3000px;
	z-index: 2;
}
#popupLocalisationDeservie #planningLivraisonXML .navigation {
	height: 30px;
	padding-top: 150px;
	position: relative;
	z-index: 1;
}
#popupLocalisationDeservie #planningLivraisonXML #semaine_precedente {
	background: url("images/planning/planning_puceGauche.gif") no-repeat scroll left 6px #FFFFFF;
	border: 0 none;
	bottom: 0;
	color: #097FB2;
	cursor: pointer;
	font-size: 12px;
	left: 0;
	padding: 0 0 0 8px;
	position: absolute;
}
#popupLocalisationDeservie #planningLivraisonXML #semaine_suivante {
	background: url("images/planning/planning_puceDroite.gif") no-repeat scroll left 6px #FFFFFF;
	border: 0 none;
	bottom: 0;
	color: #097FB2;
	cursor: pointer;
	font-size: 12px;
	padding: 0 0 0 8px;
	position: absolute;
	right: 0;
}
#popupLocalisationDeservie #planningLivraisonXML .btnBleuFleche {
	margin-right: 225px;
}

#popupLocalisationNonDeservie {
	background: #FFFFFF;
	padding: 10px;
	width: 445px;
}
#popupLocalisationNonDeservie h3 {
	color: #25509F;
	font-size: 20px;
	font-style: italic;
	padding: 0;
	text-transform: none;
}
#popupLocalisationNonDeservie .libelle {
	width: 30%;
}

/* ===================================================================
 * POPUP DE CALLBACK
 * =================================================================*/
#popupCallBack {
	background: #FFFFFF;
	margin: 0;
	padding: 20px;
}
#callbackWeb label {
	width: 40%;
}
#callbackWeb #TELEPHONE, #callbackWeb #MESSAGE {
	font-family: Trebuchet MS,Arial,sans-serif;
	font-size: 11px;
	width: 85%;
}
#callbackWeb .action {
	text-align: center ;
}
#callbackWeb .span {
	float: right; 
	margin: 0 35px 0 0;
}
/* ===================================================================
 * POPUP DATES LIVRAISON
 * =================================================================*/
 #documentPopup #clientPrivilege {
 	min-height: 250px;
 }
/* ===================================================================
 * PRODUIT
 * =================================================================*/
#produit {
	color: #4B4B4B;
	padding-right: 10px;
}
#produit .fiche td {
	vertical-align: top;
}
#produit .fiche .WIDTH_50L div {
	width: 252px;
}
#produit .fiche .WIDTH_50R div {
	clear: right;
	float: right;
	width: 252px;
}

/* bloc Information */
#produit .information {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#produit .information .image {
	padding-right: 15px;
}
#produit .information .image div {
	position: relative;
}
#produit .information .image div .promo {
	position: absolute;
}
#produit .information .image div .zoom {
	left: 1px;
	position: absolute;
	top: 167px;
}
#produit .information .libelleProduit {
	font-weight: normal;
	height: 70px;
	vertical-align: top;
	width: 275px;
}
#produit .information .libelleProduit p {
	margin-bottom: 7px;
}
#produit .information .pointFidelite {
	width: 150px;
}
#produit .information .pointFidelite td {
	vertical-align: middle;
}
#produit .information .prix {
	color: #0F3F96;
	font-size: 22px;
}
#produit .information .prix strike {
	font-size: 15px;
}
#produit .information .marque {
	border-left: 1px solid #E2E2E2;
	text-align: right;
}
#produit .information .pointFidelite .rouge  strong{
	font-size: 18px;
}

/* bloc Lots */
#produit .quantiteLot {
	background: #FFFFAA;
	border-bottom: 1px solid #E2E2E2;
	height: 35px;
}
#produit .quantiteLot table td {
	padding-top: 3px;
	vertical-align: middle;
}
#produit .quantiteLot .titre {
	font-weight: bold;
	text-transform: uppercase;
}
#produit .composantLot {
	background: #EAFFCA;
}
#produit .offertLot {
	background: #FFCACA;
}

#produit .finLot {
	padding-top: 20px;
}

/* bloc En accompagnement */
#produit .accompagnement .prix {
	color: #0F3F96;
	font-size: 15px;
}

/* bloc Idées Recettes */
#produit .recette a {
	font-weight: normal;
}

/* ===================================================================
 * PRODUIT LISTE
 * =================================================================*/
#produitListe {
	color: #4B4B4B;
}

/* page de recherche */
#produitListe .recherche {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#produitListe .recherche p {
	margin: 5px 0;
}
#produitListe .recherche table {
	width: auto;
}
#produitListe #rechercheProduit {
	background: url(images/fondRechercheProduit.gif) no-repeat;
	height: 25px;
	width: 336px;
}
#produitListe #rechercheProduit form {
	float: right;
	height: 25px;
	width: 336px;
}
#produitListe #rechercheProduit #searchString2 {
	background: none;
	border: none;
	color: #000000;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 2px 5px;
	width: 270px;
}
#produitListe #rechercheProduit #searchStringOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 21px;
	padding: 0;
}

#corps .quantiteProduit {
	margin: 0 auto;
	width: 38px;
}
#corps .quantiteProduit td {
	border: none;
	padding: 0;
	vertical-align: middle;
	width: 12px;
}
#corps .quantiteProduit tr {
	border: none;
}
#corps .quantiteProduit input {
	border: none;
	color: #000000;
	padding: 0;
	text-align: right;
	width: 15px;
}

.libelleProduit {
	font-weight: bold;
	height: 15px;
}
.libelleProduit:first-letter {
	text-transform: uppercase;
}

/* liste des produits - affichage liste */
#liste {
	color: #4B4B4B;
}
#liste td {
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
	vertical-align: top;
}
#liste .image {
	position: relative;
	width: 105px;
}
#liste .image .promo {
	position: absolute;
}
#liste .description table {
	width: auto;
}
#liste .description td {
	border: none;
	padding: 0;
	vertical-align: middle;
}
#liste .description .libelle {
	width: 125px;
}
#liste .description .first {
	border-left: 1px solid #E2E2E2;
	padding-left: 10px;
}
#liste .description .pointFidelite {
	padding-left: 15px;
}
#liste .prix {
	color: #0F3F96;
	font-size: 15px;
}
#liste .ajouter {
	vertical-align: bottom;
	width: 95px;
}

/* liste des produits d'un lot */
#listeLot td {
	vertical-align: top;
}
#listeLot .titre {
	border-bottom: 1px solid #E2E2E2;
	font-weight: bold;
	padding: 7px 0;
	text-transform: uppercase;
}
#listeLot .image {
	border-bottom: 1px solid #E2E2E2;
	width: 105px;
}
#listeLot .image .promo {
	position: absolute;
}
#listeLot .description {
	height: 30px;
}
#listeLot .prix, #listeLot .quantite {
	border-bottom: 1px solid #E2E2E2;
	color: #0F3F96;
	font-size: 15px;
}

/* liste des produits - affichage vignette */
#vignette {
	color: #4B4B4B;
	width: 535px;
}
#vignette form {
	width: 90px;
}
#vignette td {
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	padding: 1% 4%;
	vertical-align: top;
	width: 25%;
}
#vignette td.last {
	border-right: none;
}
#vignette td.end {
	border-bottom: none;
	border-right: none;
}
#vignette .info {
	height: 140px;
}
#vignette .image {
	position: relative;
}
#vignette .image .promo {
	position: absolute;
}
#vignette .libelle .libelleProduit {
	overflow: hidden;
	height: 45px;
}
#vignette .prix {
	color: #0F3F96;
	font-size: 15px;
}
#vignette .logoType {
	height: 34px;
}
#vignette .logoMarque {
	height: 39px;
}
#vignette .btnGrisFleche {
	float: left; 
}

/* ===================================================================
 * PROMOTION LISTE
 * =================================================================*/
#promotionListe {
	background: url(images/cadrePromotion.png) no-repeat;
	color: #4B4B4B;
	height: 291px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-bottom: 35px;
	width: 535px;
}
#promotionListe .promotion {
	height: 286px;
	width: 510px;
}
#promotionListe .promotion td {
	border-right: 1px solid #DDDDDD;
	padding: 0 18px;
	vertical-align: top;
	width: 33%;
}
#promotionListe .promotion td.last {
	border-right: none;
	padding: 0 0 0 18px;
}
#promotionListe .promotion .description {
	height: 60px;
}
#promotionListe .promotion .prix {
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
}
#promotionListe .promotion .prix strike {
	font-size: 12px;
	font-weight: normal;
}
#promotionListe .promotion .unite {
	margin-bottom: 10px;
}
#promotionListe .libelleProduit {
	font-weight: bold;
	height: 30px;
}
#promotionListe .promotion .promo {
	position : absolute;
}
/* ===================================================================
 * RAYON
 * =================================================================*/
#rayon .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 35px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}
#rayon .sousRayon {
	margin-bottom: 20px;
}
#rayon .sousRayon td {
	vertical-align: top;
	width: 20%;
}

/* ===================================================================
 * RAYON SOUS
 * =================================================================*/
#sousRayon .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	height: 35px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}

/* ===================================================================
 * RECETTE
 * =================================================================*/
#recette .fiche {
	margin-bottom: 20px;
}
#recette .fiche td {
	vertical-align: top;
}
#recette .fiche .photo {
	width: 46%;
}

/* produits associés à la recette */
#recette .titre {
	background: url(images/barreRayon.gif) no-repeat;
	border-bottom: none;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	height: 41px;
	margin: 0;
	text-transform: uppercase;
	width: 528px;
}
#recette .titre td {
	padding: 0 0 10px 0;
	vertical-align: middle;
}

/* ===================================================================
 * RECETTE LISTE
 * =================================================================*/
/* recette de la semaine */
#recetteListe .recetteDeLaSemaine {
	position: relative;
	background: url(images/fondRecetteDeLaSemainedynamique.png) no-repeat;
	height: 270px;
	color: #FFFFFF;
	clear: left;
}
#recetteListe .recetteDeLaSemaine .libelle {
	margin: 0 3px;
	height: 223px;
	width: 280px;
	overflow: hidden;
}
#recetteListe .recetteDeLaSemaine .preTitre {
	margin: 3px 3px;
	color: #3FA02E;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#recetteListe .recetteDeLaSemaine .titre {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
#recetteListe .recetteDeLaSemaine .bouton {
	position: absolute;
	background: url(images/btnRecetteDeLaSemaine.png) repeat-x;
	display: block;
	height: 24px;
	width: 503px;
	padding: 6px 0 0 25px;
	bottom: 0;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
#recetteListe .recetteDeLaSemaine .bouton:hover {
	background: url(images/btnRecetteDeLaSemaine_hover.png) repeat-x;
	text-decoration: none;
}

/* liste des types de recette */
#recetteListe .typeRecette {
	margin-bottom: 20px;
}

/* liste des recettes */
#recetteListe .liste td {
	border-bottom: 1px solid #E2E2E2;
	padding: 10px 0;
	vertical-align: top;
}
#recetteListe .liste .image {
	width: 100px;
}
#recetteListe .liste .image img {
	height: 75px;
	width: 90px;
}
#recetteListe .liste .description .ingredient {
	width: 290px;
}
#recetteListe .liste .voirRecette {
	vertical-align: bottom;
	width: 130px;
}

/* menu gauche de la recette */
#menuGauche #rechercheRecette {
	background: url(images/fondRechercheRecette.gif) no-repeat;
	color: #229631;
	height: 25px;
	margin-bottom: 10px;
	margin-left: -10px;
	width: 156px;
}
#menuGauche #rechercheRecette form {
	float: left;
	height: 25px;
	width: 156px;
}
#menuGauche #rechercheRecette #searchRecette {
	background: none;
	border: none;
	color: #1C9433;
	font-size: 11px;
	height: 15px;
	margin: 3px 0 0 26px;
	padding: 2px 0 2px 5px;
	width: 98px;
}
#menuGauche #rechercheRecette #searchRecetteOk {
	background: none;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	height: 21px;
	padding: 0;
}

#menuGauche .lienMenuRecetteDeLaSemaine {
	background: url(images/puceFlecheVerte.gif) no-repeat 0 15px;
	border-top: 1px dashed #6A6A6A;
	padding: 10px 0 10px 10px;
}
#menuGauche .lienMenuRecetteDeLaSemaine a {
	color: #3FA02E;
}
#menuGauche .lienMenuRecetteDeLaSemaine a:hover {
	color: #0D6719;
	text-decoration: none;
}

.tpl_storeLocator .Map {
background:transparent url(/images/map/map.gif) no-repeat scroll 0 0;
height:480px;
width:410px;
}
.tpl_storeLocator #menuRegions {
background:none repeat scroll 0 0 #F2F3D0;
clear:both;
float:left;
margin:0 10px 0 0;
padding:10px;
width:180px;
}
.tpl_storeLocator #accroche {
background:none repeat scroll 0 0 #F2F3D0;
padding:10px;
}
.tpl_storeLocator #selection .puce {
background:url("images/puce_selection.gif") no-repeat scroll 0 5px transparent;
font-weight:bold;
padding:0 0 0 12px;
}

/* ===================================================================
 * STORE LOCATOR
 * =================================================================*/
 #storeLocator {
	color: #4B4B4B;
}
#storeLocator h3 {
	border: none;
	padding: 0;
}
#storeLocator .recherche {
	float: left;
}
#storeLocator #rechercheCodePostal table {
	width: auto;
}
#storeLocator .accroche {
	float: left;
	margin-top: 30px;
	width: 180px;
}
#storeLocator #carte {
	float: right;
	width: 330px;
}

/* store locator - menu gauche */
#menuGauche #menuRegions li {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 5px;
	padding-left: 10px;
}
#menuGauche #menuRegions li a {
	color: #4B4B4B;
}

/* ===================================================================
 * STORE LOCATOR - AGENCE
 * =================================================================*/
#storeLocatorAgence a {
	color:#423FBA;
	text-decoration: underline;
}
#storeLocatorAgence div {
	margin-bottom: 10px;
}
#storeLocatorAgence h3 {
	border: none;
}
#storeLocatorAgence img {
	margin-right: 10px;
}
#storeLocatorAgence p {
	margin-bottom: 8px;
}
#storeLocatorAgence table {
	width: auto;
}
#storeLocatorAgence .puceFlecheBleue {
	color: #0F3F96;
}
#storeLocatorAgence .adresse {
	text-align: center;
}

/* store locator agence - menu gauche */
#menuGauche_StoreLocatorAgence .menuRetour {
	text-align: center;
}
#menuGauche_StoreLocatorAgence .menuRetour a {
	color: #6A6A6A;
}
#menuGauche_StoreLocatorAgence .menuRetour a:hover {
	text-decoration: none;
}
#menuGauche_StoreLocatorAgence h3 {
	background: url(images/puceFlecheGrise.gif) no-repeat 0 15px;
	padding: 10px 0 10px 10px;
}

.recapCommande {
	border-spacing: 0;
}

#datesLivraison {
	margin: auto;
	width: auto;
	height: 125px;
	text-align: center;
	padding-bottom: 10px;
}
.promoHorsFraisCadeau {
	background-color: #FFF;
	padding: 0 10px;
}
.promoHorsFraisCadeau th, #datesLivraison th {
	background: url(images/teteDatesLivraison.png) no-repeat 0 0;
	height: 26px;
	min-width: 380px;
	width: 100%;
	vertical-align: top;
	text-align: left;
	color: #FFFFFF;
	padding: 4px 0 0 9px;
}
#datesLivraison td {
	width: 118px;
}
#datesLivraison .alter0 {
	background: #D1D6E9;
}
#datesLivraison .alter1 {
	background: #E9EEF2;
}