html, body, img{
  margin:0;
  padding:0;
  border: 0;
}
html {
  font-size: 100%;
  color: #000000;
}
body{
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
/*  background-image: url(../images/bgPage.png);
  background-repeat: repeat-x;
  background-color: #ffffff;*/
/*  background-image: url(../images/bgValentin.jpg);*/
/*  background-image: url(../images/bgNoel.jpg);*/
/*  background-image: url(../images/bg2011.jpg);*/
  background-image: url(../images/bgBase.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
/*  background-color: #b11c24;*/
/*  background-color: #000000;*/
  background-color: #ffffff;
	color:#777777;
	font-size: .8em;
}
p {
  font-size: .8em;
}

/* D styles liens */
/*
On respecte l'ordre: Link-Visited-Hover-Focus-Active.
Comme expliqué sur:
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
/* style liens */
a {
  color: #660033;
  text-decoration: none;
}

/* style des liens non visités. */
a:link {
  color: #660033;
}

/* style des liens visités. */
/*a:visited {
}*/

/* style des liens au passage de la souris (:hover). */
a:hover {
  text-decoration: none;
}
/* F styles liens */

/* D styles pour les 'headings' (<hx>) */
/* D RAZ des 'headings' avant définition */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
/* F RAZ des 'headings' avant définition */


/* D nouveaux styles 'headings'  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
}

h2 {
  font-size: 1.2em;
}

h2 a {
  font-weight: bold;
}

h2 a:hover {
  font-weight: bold;
  text-decoration: underline;
}

h2 a:visited {
}

h3, h3 a:link, h3 a:visited {
  font-size: .95em;
  color: #d42c6c;
  font-weight: bold;
}

h3 a:hover {
  font-weight: bold;
  color: #ff0099;
}

h4, h4 a {
  font-size: .8em;
  color: #660033;
  font-weight: bold;
}

h4 a:hover {
  font-weight: bold;
  text-decoration: underline;
}

h4 a:visited {
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
}
/* F nouveaux styles 'headings'  */

/* F styles pour les 'headings' (<hx>)*/


div#header {
  position: relative;
  height:170px;
  margin:0;
  padding: 0;
  background-image: url(../images/bgEntete.png);
/*  background-image: url(../images/bgEnteteNoel.png);*/
/*  background-image: url(../images/bgEntete2011.png);*/
  background-repeat: no-repeat;
  background-color: transparent;
  color: #d42c6c;
  z-index: 4000;
}

/*wrapper, content, navigation, extra (voir plus bas)*/

div#container {
	text-align: center;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.chemin {
  text-align: left;
  padding: 4px;  
  color: #d42c6c;
  background-color: #ffffff;
}

div#wrapper {
  margin: 0;
  padding: 10px 0 0;
  background-image: url(../images/bgWrapper.png);
  background-repeat: repeat-y;
  background-color: transparent;
}
div#colonneGauche,
div#conteneur,
div#colonneDroite {
  float: left;
  margin: 0;
  padding: 0;
}
div#colonneGauche,
div#colonneDroite {
  margin: 0 10px;
}
div#colonneGauche {
  width: 220px;
}
div#conteneur {
  width: 590px;
}
div#colonneDroite {
  width: 150px;
}

div#footer{
  clear:left;
  width:100%;
  color: #ffffff;
	background-color: #999999;
}

/*D Ameliorations*/
div#header #swfEnt{
  float: left;
  margin:0;
  padding: 0;
  padding-left:160px;
  width: 300px;
  height: 150px;
}
div#header #accEnt{
  float: right;
  margin: 40px 10px 0 0;
  padding: 0;
  width: 150px;
  height: 100px;
/*  background-image: url(../images/bgAccH.png);*/
  background-image: url(../images/bgAcc.png);
  background-repeat: no-repeat;
}

/*D Accès*/
div#accEntG, div#accEntD {
  margin-top: 50px;
  float: left;
}
div#accEntG{
  width: 100px;
}
div#accEntD{
  width: 40px;
}
div#accEntLog{
  margin-top: 50px;
  float: left;
  width: 140px;
}
div#accEntLog p{
  text-align: left;
}
div#accEnt input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #d42c6c;
}
div#accEnt input.text {
	width: 90px;
}
div#accEnt button.bouton {
  background-color: transparent;
	background-image: url(../images/lock.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: none;
	z-index: 1000;
}
div#accEnt button.bouton:hover {
	background-image: url(../images/unlock.png);
	background-repeat: no-repeat;
  cursor: pointer;
}
div#accEnt p {
  text-align: center;
  padding: 2px;
}
div#accAide{
  width: 150px;
  height: 22px;
  margin: 0 10px 0 0;
  padding: 0;
/*  font-variant: small-caps;*/
  font-size: 1.2em;
  font-weight: bold;
/*  background-image: url(../images/bgAccB.png);*/
  background-image: url(../images/bgAcc.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}

/*F Acces*/

/*D Recherche*/
div#recherche div{
  padding: 2px;
}
div#rechercheG, div#rechercheD {
  float: left;
}
div#rechercheG{
  width: 170px;
}
div#rechercheD{
  width: 40px;
}
div#recherche input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #669900;
}
div#recherche input.text {
	width: 200px;
}
div#recherche button.bouton {
  background-color: #99cc00;
	background-image: url(../images/search_32.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: none;
}
div#recherche button.bouton:hover {
  cursor: pointer;
}
div#recherche p {
  color: #ffffff;
  text-align: center;
  padding: 2px 0 0 8px;
}
/*F Recherche*/


a.aide {
/*  font-size: .8em;
  color: #d42c6c;*/
  color: #ffffff;
}


div#menu {
  clear: both;
  width: 1000px;
  height:30px;
  margin:0;
  padding: 0;
  color: #79b30b;
  text-align: center;
  background-image: url(../images/nav.png);
  background-repeat: repeat-x;
  background-position: bottom center;
}
/*Voir menuD.css*/

/*D boites*/
div.boiteGauche {
  width: 212px;
  margin: 0 auto;
  padding: 4px;
  background-image: url(../images/bgBgbg.png);
/*  background-repeat: no-repeat;*/
  background-repeat: repeat-y;
  background-position: center center;
}
div.boiteGaucheH, div.boiteGaucheB {
  width: 220px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/bgBg.png);
  background-repeat: no-repeat;
  background-position: top center;
}
div.boiteGaucheH {
  min-height: 10px;
  background-position: top center;

}
div.boiteGaucheB {
  background-position: bottom center;
  height: 25px;
}

div.boiteCentre {
  width: 582px;
  margin: 0 auto;
  padding: 4px;
  background-image: url(../images/bgCnbg.png);
  background-repeat: repeat-y;
}
div.boiteCentreH, div.boiteCentreB {
  width: 590px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/bgCn.png);
  background-repeat: no-repeat;
}
div.boiteCentreH {
  min-height: 10px;
  background-position: top center;
}
div.boiteCentreB {
  background-position: bottom center;
  height: 25px;
}
div.boiteCentreN {
  width: 586px;
  margin: 0 auto;
  padding: 0 0 0 4px;
}
div.boiteCentreHN, div.boiteCentreBN {
  width: 396px;
  margin: 0 0 0 auto;
  padding: 0;
  background-image: url(../images/bgBnouv.png);
  background-repeat: no-repeat;
}
div.boiteCentreHN {
  min-height: 10px;
  background-position: top right;
}
div.boiteCentreBN {
  background-position: bottom right;
  height: 25px;
}
div.boiteNouveaute {
  float: left;
  width: 396px;
  height: 182px;
}

div.boiteDroite {
  width: 142px;
  margin: 0 auto;
  padding: 4px;
  background-image: url(../images/bgBdbg.png);
  background-repeat: repeat-y;
}
div.boiteDroiteH, div.boiteDroiteB {
  width: 150px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/bgBd.png);
  background-repeat: no-repeat;
}
div.boiteDroiteH {
  min-height: 10px;
  background-position: top center;
}
div.boiteDroiteB {
  background-position: bottom center;
  height: 20px;
}

div.boiteVisite {
  width: 142px;
  margin: 0 auto;
  padding: 0 4px 4px;
  background-image: url(../images/bgVisitebg.png);
  background-repeat: repeat-y;
}
div.boiteVisiteH, div.boiteVisiteB {
  width: 150px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../images/bgVisite.png);
  background-repeat: no-repeat;
}
div.boiteVisiteH {
  min-height: 10px;
  background-position: top center;
}
div.boiteVisiteB {
  background-position: bottom center;
  height: 20px;
}

/*F boites*/

input {
  border: 0;
}
/*F Ameliorations*/

.nettoyeur {
  clear: both;
  line-height: 2px;
}
.nettoyeursepbar {
  clear: both;  
  width: 582px;
  height: 20px;
  padding: 5px 0;
  line-height: 20px;
  text-align: right;
}
.nettoyeursep {
  clear: both;  
  width: 582px;
  height: 10px;
}

/*D couleurs bg*/

.trouge {
  color: #ff0000;
}
.tparadise {
  color: #d42c6c;
}
.troyalblue {
  color: #4169e1;
}
.tblanc {
  color: #ffffff;
}

.rouge {
  background-color: #ff0000;
}
.vert {
  background-color: #00ff00;
}
.bleu {
  background-color: #0000ff;
}
.paradise {
  background-color: #d42c6c;
}
.antique {
  background-color: #faebd7;
}
.floralwhite {
  background-color: #fffaf0;
}
.blanc {
  background-color: #ffffff;
}
.noir {
  background-color: #000000;
}
.gris {
  background-color: #333333;
}
.grisClair {
  background-color: #c0c0c0;
}
.skyblue {
  background-color: #87ceeb;
}
.cdc {
  background-color: #990000;
}
.recherche {
  background-color: #99cc00;
}
.bgphare {
  background-color: #630862;  
}
.bgpromo {
  background-color: #ff6600;  
}
.jaune {
  background-color: #ffb730;  
}
/*D ilots gauches*/
/*D Coup de coeur*/
div#cdc {
	float: left;
	margin: 0;
	width: 212px;
}
/*F Coup de coeur*/

/*D Panier*/
div.panier {
  position: relative;
  margin: 0;
  padding: 0;
  width: 220px;  
  height: 120px;
  background-image: url(../images/bgPanier.png);
  background-repeat: no-repeat;
  background-position: center top;
}
div.panier div#cntPanier {
  float: left;
  width: 146px;
  padding-top: 34px;
  text-align: right;
}
div.panier p {
  padding:0;
  margin: 0;
  color: #ffffff;
}
div.panier b {
}
div.panier h3 {
  color: #ffffff;
  margin-top: 24px;
}

#detPanier {
  position: absolute;
  z-index: 1000;
	float: left;
	margin: 0;
	padding: 0;
	height: 72px;
}

#contenuPanier {
	padding: 0;
	list-style: none;
	z-index:1000;
	position: relative;
	_position:absolute;
}

ul#contenuPanier , ul#contenuPanier li {
	margin: 0;
	padding: 0;
	width: 146px;
	list-style:none;
	background-color: transparent;
}

ul#contenuPanier li a, ul#contenuPanier li a:visited, ul#contenuPanier li .panier {
	font-size: .9em;
	width: 132px;
	color: #ffffff;
	margin: 0 0 0 6px;
	padding: 4px;
	display:block;
  background-color: #ff9966;
}

ul#contenuPanier li a, ul#contenuPanier li a:visited {
	background-image:url(../images/flecheB.png);
	background-repeat:no-repeat;
	background-position:left center;
}

ul#contenuPanier li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
	width: 132px;
	display: block;
	float:left;
	background-color:#ffaf65;
	background-image:none;
	font-size: .8em;
	color: #c15f17;
	text-decoration: none;	
	margin: 0 0 0 4px;
	padding: 4px;
	border:solid 1px #df7932;
	border-top:none;
}

ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	color: #ffffff;
	margin: 0;
	display:block;
	float:left;
	background-color:#0081ca;
	background-image:none;
}

ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {
	display: block;
	background-color: #c15f17;
	color: white;
	text-decoration: none;	
}

span.nomArticle, span.titreTotal {
	margin:0;
	float:left;
}

span.quantite {
	width:30px;
	float:left;
}

span.total {
	text-align:right;
}

/*F Panier*/
/*D Port*/
div.portOff {
  margin: 0 0 10px;
  padding: 0;
  width: 220px;
}
div.portOff p {
  color: #ffffff;  
}
/*F Port*/

/*D Paquet Cadeau*/
div.paquetCadeau {
  margin: 0 0 10px;
  padding: 0;
  width: 220px;
}
/*F Paquet Cadeau*/
/*F ilots gauches*/
/*F couleurs bg*/

/*D Visite*/
div#panDiv {
  position: relative;
  width: 140px;
  height: 146px;
  border: 0;
  overflow: hidden;
  margin: 4px auto;
}
div#panDiv #pan {
  position: absolute;
  top: 0px;
  height: 146px;
}
.puce img {
  float: left;
  vertical-align: bottom;
  margin-right: 4px;
}
.puce .rose {
  color: #d42c6c;
}
.service {
  text-align: left;
}
.service h2 {
  text-align: center;
  color: #d42c6c;
  font-weight: bold;
}
.service .puce {
  float: left;
  vertical-align: bottom;
  margin-right: 4px;
}
.service .rose {
  color: #d42c6c;
}
.service div {
  margin-bottom: 4px;
}
.service a,
.service a:visited {
  color: #b0b0b0;
}
.service a:hover {
  color: #000000;
}
/*F Visite*/
.lft {
	text-align: left;
}

.cnt {
	text-align: center;
}

.rgt {
	text-align: right;
}
/* D Pages Merci*/
h3.infosBank {
  color: #ffffff;  
  background-color: #d42c6c;  
  font-weight: bold;  
  height: 20px;
  line-height: 20px;
}
table.infosBank {
  width: 570px;  
  border-collapse: collapse;  
  margin: 6px;
}
table.infosBank td {
  padding: 8px;
  text-align: left;  
  vertical-align: top;  
  border-bottom-style: solid;  
  border-bottom-width: 1px;  
  border-color: #d42c6c;
}
.boutonGauche.bank,
.boutonDroite.bank {
  width: 150px;  
}
/* F Pages Merci*/

/* D CGV*/
/* D Titres hx*/
#contenu.cgv h3{
  margin: 8px 6px 0;
}
/* F Titres hx*/
/* D Texte p, span*/
#contenu.cgv p{
  font-size: 1em;
  margin: 8px 6px;
  text-align: justify;  
}
#contenu.cgv p.notaBene{
  font-style: italic;  
}
#contenu.cgv blockquote.textIndente{
  padding-left: 20px;  
  text-align: left;  
}
/* F Texte p*/
/* D Listes*/
#contenu.cgv ol.chiffres,
#contenu.cgv ul.sansordre{
  list-style-type: decimal;
  text-align: justify;  
  margin: 8px 6px;  
  padding: 0 0 0 30px;
}
#contenu.cgv ol.chiffres{
  list-style-type: decimal;
}
#contenu.cgv ul.sansordre{
  list-style-type: square;
}
/* F Listes*/
/* D Tableaux*/
#contenu.cgv table.detailsCgv{
  width: 570px;  
  border-collapse: collapse;  
  margin: 6px;
}
#contenu.cgv table.detailsCgv th{
  color: #ffffff;  
  background-color: #d42c6c;  
  font-size: .85em;
}
#contenu.cgv table.detailsCgv th,
#contenu.cgv table.detailsCgv td{
  border-style: dotted;  
  border-color: #d42c6c;  
  border-width: 1px;
}
/* F Tableaux*/
/* F CGV*/
/* D Visite virtuelle*/
div#panVisite {
  position: relative;
  width: 570px;
  height: 108px;
  border: 0;
  overflow: hidden;
  margin: 4px auto;  
  cursor: move;
}
div#panVisite #pan {
  position: absolute;
  top: 0px;
  height: 108px;
}
#contenu.cgv h3.visite {
/*  font-variant: small-caps;*/  
  font-weight: bold;
  margin: 0 6px 0;  
  padding: 4px 0;
}
#contenu.cgv h3#vousIci {
/*  font-variant: small-caps;*/  
  font-weight: bold;
}
.googleMap {
  width: 570px;
  border: 0;
  overflow: hidden;
  margin: 4px auto;  
}
.googleMap div {
  float: left;
}
.googleMap div.carte {
  width: 386px;  
  height: 220px;
  margin: 0 2px 0 0;  
}
.googleMap div.carte small {
  height: 20px;
  line-height: 20px;
}
.googleMap div.carte a,
.googleMap div.carte a:visited {
  color: #ffffff;
}
.googleMap div.horaires {
  width: 182px;
  height: 220px;
  margin: 0;  
}
#contenu.cgv .googleMap div.horaires table {
  width: 182px;
  margin: 0;
  padding: 0;
  border-collapse: collapse;  
  vertical-align: top;
}
#contenu.cgv .googleMap div.horaires table h3 {
  width: 182px;
  padding: 0;
/*  font-variant: small-caps;*/  
  font-weight: bold;
  margin: 4px 0 0;  
  padding: 4px;
}
/* F Visite virtuelle*/
/* D Footer*/
.footer p {
  color: #ffffff;  
}
.signServices {
  border-style: none none solid none;  
  border-color: #ffffff;  
  border-width: 0 0 1px 0;  
  width: 1000px;
}
.signServices p {
  height: 30px;  
  line-height: 30px;
}
.signServices a,
.signServices a:visited {
/*  font-variant: small-caps;*/
  color: #ffffff;  
}
.moyensDePaiement {
	background-color: #ffffff;
}
/* F Footer*/
span.prixCent {
  font-size: .85em;
}