@charset "UTF-8";
/*---------------------------------------------------------------------
				generalite
----------------------------------------------------------------------*/
body, td, p, div, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
}

a.lien img, a img {
  border: 0px;
}

input, textarea {
  border: 1px solid #CCCCCC;
  font-size: 0.95em;
  color: #000000;
}

select {
  color: #000000;
}

input:hover, textarea:hover {
  border: 1px solid #999999;
}

input.radioBox {
  border: none;
}

form {
  margin: 0px;
  padding: 0px;
  display: block;
}

h1 {
  /*color:#F7B716;*/
  font-weight: normal;
  font-size: 32px;
  padding: 0px;
  margin: 0px;
  color: #006674;
  font-family: 'CleanvertisingLight';
}

h1 * {
  /*color:#F7B716;*/
  font-weight: normal;
  font-size: 32px;
  padding: 0px;
  margin: 0px;
  color: #006674;
  font-family: 'CleanvertisingLight';
}

h1 a {
  /*color:#F7B716;*/
  text-decoration: none;
  font-size: 14px;
}

h2 {
  /*color:#f3a3cb;*/
  font-weight: normal;
  font-family: 'CleanvertisingLight';
  font-size: 20px;
  padding: 0px;
  margin: 0px;
  color: #F7B716;
  padding-top: 15px;
}

h2 a {
  /*color:#f3a3cb;*/
  text-decoration: none;
}

/*---------------------------------------------------------------------
				la structure
----------------------------------------------------------------------*/
body {
  background-color: #257d8b;
  margin: 0;
  padding: 0;
}

.page {
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0;
  background-image: url(images/bleu/bg_PageProduit.jpg);
  padding-bottom: 425px;
  background-color: #34a3b7;
}

#fondPage {
  position: relative;
  z-index: 2;
}

#header {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 100;
  height: 93px;
  border-bottom: 2px solid #74c7d5;
  background-color: #fff;
}

#header .container {
  margin: 0 auto;
  width: 1004px;
  position: relative;
  overflow: visible;
}

#zoneCompte div {
  cursor: pointer;
}

.zoneCentrale {
  /*background-image:url(images/fd_PageDegrade.png);
  background-position:center;
  background-repeat:repeat-y;*/
  position: relative;
  top: 0;
  overflow: hidden;
}

.zoneCentrale > div.container {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  width: 987px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

.colonneGauche {
  float: right;
  margin: 0;
  overflow: hidden;
  padding: 8px 15px 0 0;
  width: 238px;
}

.colonneDroite {
  background-position: left 40px;
  background-repeat: no-repeat;
  border: 0 solid red;
  color: #515151;
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 17px;
  position: relative;
  width: 710px;
}

.colonneCentre {
  min-height: 300px;
  height: 100%;
}

.colonneDroite.vierge {
  padding-top: 20px;
}

.footer {
  clear: both;
}

.zoneCentrale td {
  vertical-align: top;
}

.separateur {
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
}

/*---------------------------------------------------------------------
				footer
----------------------------------------------------------------------*/
#footer {
  position: fixed;
  position: absolute;
  height: 434px;
  height: 455px;
  /*455 avec la hauteur de degrade*/
  width: 100%;
  bottom: 0px;
  z-index: 50;
}

#footer .footer {
  clear: both;
  text-align: left;
  background-image: url(images/bg_Footer.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  min-height: 400px;
  background-color: #257d8b;
  font-size: 10px;
}

/*---------------------------------------------------------------------
				header
----------------------------------------------------------------------*/
a.logotype {
  left: 0px;
  position: absolute;
  top: 10px;
  width: 300px;
  color: #FFFFFF;
}

a.logotype img {
  border: 0px;
}

#header img {
  border: 0px;
}

a.logotype img {
  background-image: url("images/sprite_LogoMascServices.png");
  background-repeat: no-repeat;
  background-position: 0px -72px;
  height: 60px;
  width: 300px;
}

#header .menuCompte {
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  border: 0px solid red;
}

#header #zoneCompte h5 {
  color: #FFFFFF;
  font-size: 16px;
  left: 184px;
  margin: 0;
  position: absolute;
  top: 20px;
}

#header .descriptionCategorie {
  clear: both;
  padding-top: 215px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
  padding-left: 250px;
}

#header .descriptionCategorie img {
  vertical-align: top;
  margin-right: 5px;
}

#caddie {
  background-image: url("images/sprite_LogoMascServices.png");
  background-repeat: no-repeat;
  background-position: -1143px -86px;
  left: 844px;
  position: absolute;
  top: 35px;
  width: 175px;
  height: 58px;
  overflow: hidden;
  text-align: left;
}

#caddie a span.richtext {
  margin-left: 41px;
}

#caddie:hover {
  background-position: -968px -86px;
}

#nanomoduleCaddie {
  margin-left: 50px;
  margin-top: 10px;
}

#nanomoduleCaddie span {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  font-family: 'CleanvertisingLight';
}

#nanomoduleCaddie span b {
  font-family: 'CleanvertisingBlack';
}

#nanomoduleCaddie span b:first-letter {
  text-transform: uppercase;
}

#nanomoduleCaddie span + span {
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  height: inherit;
  vertical-align: middle;
  font-weight: normal;
  font-size: 11px;
}

#votreCompte {
  background-image: url("images/sprite_LogoMascServices.png");
  background-repeat: no-repeat;
  background-position: -580px -86px;
  left: 646px;
  position: absolute;
  top: 35px;
  width: 190px;
  height: 58px;
}

#votreCompte:hover {
  background-position: -770px -86px;
}

#votreCompte a {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 30px;
  text-align: center;
  text-transform: capitalize;
}

#votreCompte a b {
  display: block;
  font-weight: normal;
  /*padding-left:22px;padding-top:15px;*/
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#votreCompte #minimoduleEspaceClient {
  margin-left: 50px;
}

#votreCompte span {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  font-family: 'CleanvertisingLight';
  padding-top: 5px;
}

#votreCompte span strong {
  font-family: 'CleanvertisingBlack';
}

#planDuSite {
  width: 85px;
  height: 30px;
  position: absolute;
  top: 0px;
  border: 0px solid blue;
  margin-left: 375px;
}

#planDuSite a {
  display: block;
  width: 85px;
  height: 30px;
}

.messageDefilant {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-transform: none;
  text-align: left;
}

#ejs_box2_box {
  position: absolute;
  z-index: 1;
  padding: 0px;
  width: 935px;
  height: 20px;
  overflow: hidden;
  border: 0px solid red;
  top: 5px;
  left: 58px;
}

#scrollme {
  display: inline;
  height: 14px;
  white-space: nowrap;
}

#famille {
  width: 997px;
  height: 24px;
  height: 14px;
  position: relative;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(images/fd_headerUni.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 991px;
  background-position: right 0px;
  background-color: transparent;
  border-bottom: 1px solid #000;
}

/*---------------------------------------------------------------------
				bloc recherche
----------------------------------------------------------------------*/
#blocRecherche {
  position: static;
  width: 100%;
  width: 798px;
  width: 810px;
  border: 0px solid red;
  margin: 0px;
  margin-left: 12px;
  background-image: url(images/recherche_fd.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #F7B716;
}

#blocRecherche form {
  margin: 0px;
  padding: 0px;
  background-image: url(images/recherche_titre.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(images/recherche_slogan.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
}

#blocRecherche form table {
  margin: 0px;
  border: 0px solid #ffffff;
}

#blocRecherche form table td {
  color: #ffffff;
  font-size: 0.75em;
  vertical-align: middle;
}

#blocRecherche form table td img {
  margin: 0px;
  padding: 0px;
  float: left;
  padding-right: 3px;
}

#blocRecherche form input {
  width: 150px;
  padding-left: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

#blocRecherche form select {
  width: 100px;
  padding: 0px;
  margin: 0px;
  margin-left: 4px;
  margin-right: 2px;
  line-height: 0.75em;
  font-size: 1em;
}

#blocRecherche form .submitBouton {
  padding: 0px;
  margin: 0px;
  height: 26px;
  width: 35px;
  border: none;
  padding: 0px;
  margin: 0px;
  padding-right: 20px;
  padding-top: 4px;
  padding-bottom: 0px;
  background-image: none;
  background-color: transparent;
}

/*---------------------------------------------------------------------
				fil ariane
----------------------------------------------------------------------*/
.filAriane {
  clear: left;
  border: 0px solid red;
  text-align: left;
  padding: 0px;
  margin-top: 5px;
  margin-left: 11px;
  width: 100%;
  color: #34a3b8;
}

.filAriane a:hover {
  text-decoration: underline;
}

.filAriane h1 {
  color: #000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  width: auto;
  border: 0px solid red;
  padding-bottom: 5px;
  font-weight: normal;
}

.filAriane a {
  font-size: 11px;
  color: #34A3B8;
  text-decoration: none;
  padding-right: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.filAriane a.lien {
  padding-right: 10px;
  color: #34A3B8;
  font-weight: normal;
}

.filAriane a.selected {
  color: #006674;
}

#typeFileArianne {
  margin-top: 80px;
}

#typeFileArianne form {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 350px;
}

#typeFileArianne select {
  border-color: #f1b0d8;
}

.layoutCategorie .filAriane {
  color: #fff;
}

.layoutCategorie .filAriane a {
  color: #fff;
}

.layoutCategorie .filAriane a.lien, .layoutCategorie .filAriane a.selected {
  color: #fff;
}

/*---------------------------------------------------------------------
				colonne Droite
----------------------------------------------------------------------*/
.colonneDroite h1 a {
  color: #a09c89;
  padding-left: 5px;
}

/*---------------------------------------------------------------------
				colonneGauche >>  menu 
----------------------------------------------------------------------*/
.colonneGauche .menu {
  padding: 0px;
  margin: 0px;
  border: 0PX solid RED;
  border: 1px solid #F7B716;
  font-family: Arial,Verdana,Georgia, "Times New Roman", Times, serif;
  color: #F7B716;
}

.colonneGauche .menu H1 {
  background-color: #F7B716;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bolder;
  color: #fff;
}

.colonneGauche .menu H2 {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: bolder;
  color: #000;
}

.colonneGauche .menu H2 b {
  padding-right: 5px;
}

.colonneGauche .menu form {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  color: #F7B716;
}

.colonneGauche .menu ul {
  padding: 0px;
  margin: 0px;
  border: 0PX solid RED;
}

.colonneGauche .menu ul li {
  padding: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
  list-style: none;
}

.colonneGauche .menu a {
  display: block;
  border: 0px solid red;
  /*letter-spacing:-0.08em;*/
  font-family: Arial,Verdana,Verdana,Georgia, "Times New Roman", Times, serif;
  font-weight: bolder;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
  padding-bottom: 1px;
}

.colonneGauche .menu a b {
  color: #F7B716;
  padding-right: 5px;
  font-size: 13px;
}

.colonneGauche .menu a:hover {
  background-color: #F7B716;
  color: #BA5C08;
  color: #fff;
}

.colonneGauche .menu a:hover b {
  color: #BA5C08;
}

#dhtmlgoodies_listMenu {
  border-bottom: 1px solid white;
  margin: 0px;
  padding: 0px;
  display: block;
}

#dhtmlgoodies_listMenu ul {
  margin: 0px;
  padding: 0px;
  display: block;
}

#dhtmlgoodies_listMenu ul li {
  margin: 0px;
  padding: 0px;
  display: block;
}

#dhtmlgoodies_listMenu li {
  list-style-type: none;
  background-color: #F7B716;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bolder;
  color: #fff;
}

#dhtmlgoodies_listMenu li a {
  color: #fff;
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
}

#dhtmlgoodies_listMenu ul {
  background-color: #FFFFFF;
  margin-left: 0px;
  padding-top: 5px;
}

#dhtmlgoodies_listMenu li li {
  background-color: #FFFFFF;
}

#dhtmlgoodies_listMenu li li a {
  font-size: 14px;
  font-size: 12px;
  font-weight: bolder;
}

#dhtmlgoodies_listMenu a:hover {
  background-color: #F7B716;
  color: #fff;
}

#dhtmlgoodies_listMenu ul a {
  color: #5C5C5C;
}

#dhtmlgoodies_listMenu ul a b {
  color: #F7B716;
  padding-right: 5px;
  font-size: inherit;
}

#dhtmlgoodies_listMenu ul a:hover b {
  color: #ba5c08;
}

/*premier element*/
/*---------------------------------------------------------------------
				colonneGauche >> bloc marque
----------------------------------------------------------------------*/
.blocMarque {
  margin-top: 18px;
  clear: both;
  background-image: url(images/titre_pave_marque.gif);
  background-repeat: no-repeat;
}

.blocMarque div {
  padding: 0px;
  margin: 0px;
}

.blocMarque .menu {
  padding: 0px;
  margin: 0px;
  padding-top: 42px;
  padding-left: 10px;
  font-size: 11px;
  float: left;
  width: 80px;
}

.blocMarque .menu a {
  font-size: 11px;
  letter-spacing: 0.05em;
  padding-left: 0px;
  margin: 0px;
  margin-left: 10px;
  line-height: 11px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc engagement
----------------------------------------------------------------------*/
#blocEngagement .zoneBody {
  padding-left: 0px;
}

#blocEngagement a {
  padding-left: 0px;
  font-weight: normal;
  color: #000000;
  background-image: url(images/puce_verte.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #34A3B8;
  padding-bottom: 4px;
  padding-left: 25px;
  margin-left: 15px;
  padding-top: 3px;
  display: block;
  font-size: 13px;
  text-transform: none;
}

#blocEngagement a:hover {
  color: #000;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc tag cloud
----------------------------------------------------------------------*/
.tagcloud {
  margin-top: 10px;
  clear: both;
  border: 0px solid #F7B716;
}

.tagcloud .menu {
  padding-bottom: 5px;
}

.tagcloud .menu a {
  padding-left: 18px;
  font-weight: normal;
  color: #000000;
  line-height: auto;
  margin-bottom: 4px;
  padding-bottom: 1px;
}

.tagcloud .menu a:hover {
  color: #fff;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc conseil
----------------------------------------------------------------------*/
.blocConseils {
  padding: 0px;
  margin: 0px;
  clear: both;
  border: 0px solid #F7B716;
  /*background-color:#5C3E0A;*/
  margin-bottom: 10px;
}

#conseil {
  width: 216px;
  background-image: url(images/bloc_besoinConseil.png);
  height: 139px;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-top: 1px solid #fff;
}

.blocConseils .menu {
  border: 0px;
  display: block;
  clear: both;
  position: static;
}

.blocConseils .menu a {
  color: #29B4B4;
  display: block;
  text-align: right;
  padding-right: 22px;
  padding-bottom: 5px;
  margin-right: 2px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  background-image: url(images/puce_verte.gif);
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: 10px;
}

.blocConseils .menu a:hover {
  background-color: transparent;
}

.blocConseils .menu p {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  margin-left: 72px;
  margin-right: 5px;
  margin-top: 80px;
  margin-bottom: 4px;
}

.blocConseils .menu h1 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 14px;
  background-color: transparent;
  text-align: center;
  display: none;
}

/*---------------------------------------------------------------------
			>>	bloc message marchand
----------------------------------------------------------------------*/
.messageMarchand {
  background-color: #34A3B8;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border: 1px solid #34A3B8;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}

.messageMarchand .zoneBody {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
  /*padding-bottom:5px;*/
}

.messageMarchand .zoneBody h2 {
  color: #554007;
  color: #34A3B8;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  font-weight: bolder;
}

.messageMarchand .zoneBody p {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  color: #000;
  font-size: 12px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc menu marchand
----------------------------------------------------------------------*/
#menuMarchand {
  width: 216px;
}

.menuMarchand {
  clear: both;
  border: 0px solid #F7B716;
}

.colonneGauche .menuMarchand .menu {
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  border: 0px;
}

.colonneGauche .menuMarchand .menu a {
  font-weight: normal;
  color: #000;
  /*background-color:#F7B716;		*/
  margin: 0px;
  padding: 0px;
  margin-bottom: 2px;
  font-size: 12px;
  color: #fff;
  padding-left: 5px;
  line-height: normal;
  color: #F7B716;
}

.colonneGauche .menuMarchand .menu a:first-letter {
  text-transform: uppercase;
}

.colonneGauche .menuMarchand .menu a b {
  display: none;
}

.colonneGauche .menuMarchand .menu a:hover {
  color: #fff;
}

.colonneGauche .menuMarchand .menu h2 {
  margin-top: 15px;
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.colonneGauche .menuMarchand .menu h1 {
  margin-bottom: 8px;
  border-bottom: 2px dotted #83D6D4;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #5C3E0A;
  font-size: 18px;
}

/*---------------------------------------------------------------------
				colonneGauche >> bloc menu newsletter
----------------------------------------------------------------------*/
.blocNewsletter {
  margin: 0px;
  padding: 0px;
  clear: both;
  border: 0px solid #F7B716;
  margin-bottom: 10px;
}

#Newsletter {
  width: 245px;
  background-image: url(images/bloc_newsletter.png);
  height: 110px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 4px;
}

.blocNewsletter form {
  padding: 0px;
  margin: 0px;
  color: #000;
  font-size: 12px;
}

.blocNewsletter form h1 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: 15px;
  background-color: transparent;
  text-align: center;
  display: none;
}

.blocNewsletter form label {
  display: block;
  margin-top: 2px;
  color: #fff;
  padding-left: 30px;
  position: relative;
  z-index: 3;
}

.blocNewsletter form p {
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 10px;
  line-height: 10px;
  margin-left: 84px;
  margin-right: 20px;
  margin-top: 20px;
}

.blocNewsletter form input.inputText {
  width: 90px;
  border-color: #3a87ad;
  vertical-align: bottom;
  margin-bottom: 8px;
  float: left;
  margin-left: 30px;
  float: none;
  clear: both;
  display: block;
}

.blocNewsletter form a {
  color: #29B4B4;
  color: #000;
  display: block;
  text-align: right;
  padding-right: 22px;
  padding-bottom: 5px;
  margin-right: 32px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  background-image: url(images/puce_verte.gif);
  background-repeat: no-repeat;
  background-position: top right;
  cursor: pointer;
  position: relative;
  top: -28px;
  left: 120px;
  width: 60px;
}

.blocNewsletter form a:hover {
  background-color: transparent;
}

/*---------------------------------------------------------------------
				colonneDroite
----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
			>>Page Texte 
----------------------------------------------------------------------*/
.pageTexte {
  padding-right: 80px;
  padding-right: 20px;
  font-size: 12px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-top: 0px;
  padding-left: 30px;
  color: #000;
}

.pageTexte a {
  text-decoration: underline;
  color: #F7B716;
}

.pageTexte a.lien {
  text-transform: uppercase;
  font-weight: bolder;
  display: block;
  text-align: right;
  padding-bottom: 10px;
}

* + html .pageTexte h1 {
  float: left;
  clear: both;
}

* + html .pageTexte h1 + * {
  clear: both;
}

.pageTexte h3 {
  color: #A39D82;
}

.pageTexte img {
  float: right;
  display: block;
  padding: 10px;
  margin: 5px;
  border: 1px solid #F7B716;
}

.pageTexte .ficheTechnique br {
  clear: both;
}

/*---------------------------------------------------------------------
			>>	navigation 
----------------------------------------------------------------------*/
.read-more a, .read-less a {
  color: #34a3b8;
  display: block;
  text-align: right;
}

.read-more a:hover, .read-less a:hover {
  color: #2a8c9e;
}

.navigationProcessusAchat {
  clear: both;
  float: none;
  text-align: left;
  width: auto;
  margin: 0px;
  padding: 40px 0 40px 0px;
  font-size: 12px;
  color: #FFFFFF;
  position: static;
  border: 0px solid red;
}

.navigationProcessusAchat a {
  display: -moz-inline-box;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  vertical-align: middle;
  margin: 10px;
  margin-right: 0px;
  background-color: #34a3b8;
  color: #fff;
  border: 1px solid #34a3b8;
  border-radius: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.navigationProcessusAchat a:hover {
  background-color: #2a8c9e;
  border: 1px solid #2a8c9e;
}

.navigationProcessusAchat a:first-child {
  margin-left: 0px;
}

* + html .navigationProcessusAchat a {
  float: left;
  display: block;
}

.navigationProcessusAchat h3 {
  display: inline;
  margin: 0px;
  padding: 0px;
  padding-left: 80px;
  padding-right: 10px;
  font-size: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: 100;
}

#fb-root, .fb-like {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
}

/*----------------------------------------------------------------------------------
			>>pageNavigation
----------------------------------------------------------------------------------*/
.pageNavigation {
  padding-right: 80px;
  clear: both;
  background-color: #fff;
  padding-top: 10px;
}

.pageNavigation a {
  color: #F7B716;
  background-color: #fff;
  font-weight: bolder;
  margin-left: 5px;
  background-image: url(images/puce_barreNavigation.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
}

.pageNavigation .numero {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  color: #F7B716;
  font-size: 13px;
  letter-spacing: normal;
  font-weight: bolder;
  background-image: none;
}

.pageNavigation .numero b {
  font-size: 13px;
  background-color: #59EEEF;
  text-align: center;
  padding-left: 2px;
  padding-right: 0px;
  border: 1px solid #F7B716;
  display: inline;
  background-image: none;
}

.pageNavigation .numero a {
  text-decoration: none;
  color: #F7B716;
  font-weight: normal;
  background-color: #fff;
  background-image: none;
}

/*---------------------------------------------------------------------
			liste Produit 
----------------------------------------------------------------------*/
.listeProduit {
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 0;
  position: relative;
  width: auto;
  padding-top: 60px;
}

.listeProduit .produit {
  width: 114px;
  height: 177px;
  border: 1px solid #fff;
  background-color: #fff;
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 3px;
  margin-bottom: 30px;
  /*temporaire*/
}

.listeProduit .produit h2 {
  position: relative;
  top: 0px;
  width: 100%;
  padding: 2px;
  background-color: #505050;
  z-index: 40;
  min-height: 40px;
  max-height: 60px;
}

.listeProduit .produit h2 a {
  font-family: 'CleanvertisingLight';
  font-size: 15px;
  line-height: 16px;
  color: #fff;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.listeProduit .produit h3 {
  /*nouvaut�*/
  display: none;
}

.listeProduit .produit .image {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.listeProduit .produit .image a {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 162px;
  width: 114px;
  overflow: hidden;
}

.listeProduit.condensed .produit.hoverSlide {
  width: 280px;
  -webkit-transition: all .2s;
  transition: all .2s;
  height: 187px;
  margin-top: -20px;
  /**/
}

.listeProduit.expand .produit {
  width: 280px;
  height: 187px;
  margin-top: -20px;
  /**/
}

.listeProduit.expand .produit.hoverSlideOut {
  width: 280px;
  height: 187px;
  margin-top: -20px;
  /**/
}

.listeProduit.condensed .produit.hoverSlideOut {
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 114px;
  height: 160px;
  margin-top: 0px;
  /**/
}

.listeProduit .produit .description {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 166px;
  width: 100%;
  height: 100%;
}

.listeProduit .produit .description p {
  font-size: 11px;
  padding: 5px;
  margin: 0px;
  margin-left: 114px;
}

.listeProduit .produit .zonePrix {
  position: absolute;
  overflow: visible;
  bottom: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
}

.listeProduit .produit .prixPromotion, .listeProduit .produit .prix {
  position: absolute;
  overflow: visible;
  bottom: 0px;
  right: 0px;
  height: 12px;
  min-width: 79px;
  background-color: #75cbda;
  color: #fff;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 10px;
  font-size: 1.2em;
  line-height: 1em;
  font-family: 'CleanvertisingBlack';
}

.listeProduit .produit .ancienPrix {
  position: absolute;
  font-size: 0.7em;
  color: #000;
  text-decoration: line-through;
  bottom: 20px;
  min-width: 79px;
  text-align: center;
  right: 0px;
  z-index: 4;
}

.listeProduit .produit .zonePrix .pourcentage {
  position: absolute;
  top: 10px;
  background-image: url(images/sprite_ImgPageProduit.png);
  background-repeat: no-repeat;
  background-position: 2px -54px;
  height: 44px;
  padding-top: 50px;
  width: 63px;
  text-align: center;
  color: white;
  left: 0px;
  font-size: 1.2em;
  line-height: 1em;
  font-family: 'CleanvertisingBlack';
}

.listeProduit .produit .zonePrix span {
  font-size: 11px;
  position: absolute;
  bottom: 5px;
}

.listeProduit .produit .zonePrix a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0px;
  top: 0px;
}

/*---------------------------------------------------------------------
			liste Produit format listing
----------------------------------------------------------------------*/
.ficheProduit {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}

.ficheProduit h2 {
  font-size: 22px;
  font-family: 'CleanvertisingBlack';
  color: #006674;
  border-bottom: 1px solid #006674;
  line-height: 31px;
  margin-bottom: 12px;
  margin-top: 10px;
}

.ficheProduit h2 span {
  color: #75cbda;
  font-size: 54px;
  vertical-align: text-bottom;
}

* + html .ficheProduit h2 {
  line-height: 59px;
  vertical-align: text-middle;
}

* + html .ficheProduit h2 span {
  vertical-align: text-middle;
  display: block;
  float: left;
  line-height: 50px;
}

/*---------------------------------------------------------------------
			>>	Page produit >> zone images
----------------------------------------------------------------------*/
.imageProduit {
  position: relative;
  float: left;
  width: 385px;
  min-height: 492px;
  overflow: hidden;
  padding-top: 21px;
}

.ficheProduit .vueSecondaire {
  position: absolute;
  right: 5px;
  width: 30px;
  top: 21px;
}

.ficheProduit .vueSecondaire a {
  display: block;
  margin-bottom: 2px;
  cursor: pointer;
}

.ficheProduit .imageProduit legend {
  border-left: 1px solid #8a8a8a;
  display: block;
  width: 100%;
  text-align: center;
  font-style: italic;
}

.ficheProduit .imageProduit a img {
  border-left: 0px;
  /*width:345px; height:450px; a effacer*/
}

.ficheProduit .imageProduit .vueSecondaire a img {
  border: 1px solid #7d7877;
  vertical-align: middle;
}

.ficheProduit .imageProduit .vueSecondaire a.zoom img {
  background-image: url("images/icone_loupe.png");
  background-repeat: no-repeat;
  border: medium none;
}

/*---------------------------------------------------------------------
			 produit associe 
----------------------------------------------------------------------*/
.produitAssocies {
  text-align: left;
  clear: none;
  float: left;
  border: 0px solid red;
  width: 99%;
  /*width:75%; pour incorpor� r gauche du pave promotion*/
  display: block;
  text-align: left;
  padding-bottom: 0px;
  margin-top: 40px;
  background-image: url(images/bloc_voirAussi_titre.gif);
  background-repeat: no-repeat;
  background-position: 17px 0px;
}

.produitAssocies .produit {
  float: left;
  clear: none;
  text-align: center;
  width: 302px;
  width: 334px;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-image: url(images/bloc_produit_fd_m.gif);
  background-repeat: repeat-y;
  overflow: hidden;
}

.produitAssocies .produit h2 {
  font-weight: normal;
}

.produitAssocies .produit .header {
  margin: 0px;
  padding: 0px;
  width: auto;
  display: block;
  background-image: url(images/bloc_produit_fd_h.gif);
  background-repeat: no-repeat;
  border: 0px solid red;
  overflow: hidden;
  height: 14px;
  background-position: top;
}

.produitAssocies .produit .footer {
  width: auto;
  height: 16px;
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
  background-image: url(images/bloc_produit_fd_b.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  overflow: hidden;
}

.produitAssocies .produit .zoneBody {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-right: 7px;
  padding-left: 8px;
  padding-top: 0px;
  width: auto;
  border: 0px solid red;
}

.produitAssocies .produit h1 {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 5px;
  text-align: center;
  color: #2ABABA;
  font-weight: bolder;
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  margin-left: 0px;
  padding-bottom: 3px;
  padding-top: 2px;
  background-image: url(images/bloc_produit_h1_separation.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
  text-transform: uppercase;
}

.produitAssocies .produit h1 a {
  color: #2ABABA;
  font-weight: bolder;
  text-align: right;
  font-size: 14px;
  line-height: 14px;
}

.produitAssocies .produit .image {
  padding: 0px;
  margin: 0px;
  padding-top: 3px;
  float: left;
  overflow: hidden;
  background-color: #FFFFFF;
  border: 0px solid red;
}

.produitAssocies .produit .image img {
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 114px;
}

.produitAssocies .produit .description {
  float: left;
  clear: none;
  margin: 0px;
  padding: 0px;
  margin-left: 2px;
  width: auto;
  width: 203px;
  overflow: hidden;
  background-image: url(images/bloc_produit_fd_h1.gif);
  background-repeat: repeat-y;
  background-position: right;
}

.produitAssocies .produit .zonePrix {
  margin: 0px;
  padding: 0px;
  clear: none;
  color: #000;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: -0.08em;
  border: 0px solid red;
  padding-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
  background-image: none;
  background-color: #fff;
}

.produitAssocies .produit .zonePrix b {
  font-size: 12px;
  letter-spacing: 0em;
  color: #119D9D;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
}

.produitAssocies .produit .zonePrix .prixPromotion {
  margin: 0px;
  padding: 0px;
  padding-top: 0px;
  color: #119D9D;
  font-weight: bolder;
  font-size: 18px;
  letter-spacing: 0em;
}

.produitAssocies .produit .zonePrix .prix {
  margin: 0px;
  padding: 0px;
  padding-top: 0px;
  color: #4E360D;
  font-weight: bolder;
  font-size: 18px;
  letter-spacing: 0em;
}

.produitAssocies .produit .zonePrix .ancienPrix {
  margin: 0px;
  padding: 0px;
  width: 51px;
  font-weight: bolder;
  font-size: 12px;
  color: #4E360D;
  background-image: url(images/prix_barre.gif);
  background-repeat: no-repeat;
  background-position: center 0px;
  padding-top: 0px;
  border: 0px solid red;
  letter-spacing: 0em;
  text-align: center;
  float: none;
  clear: both;
}

.produitAssocies .produit .zonePrix a.submitBouton {
  padding: 0px;
  margin: 0px;
  display: block;
  float: none;
  clear: both;
  margin-top: 15px;
  padding-bottom: 3px;
  background-image: url(images/b_decouvrir.gif);
  background-repeat: no-repeat;
  background-position: top right;
  width: 112px;
  height: 19px;
  width: 100%;
  text-align: right;
  border: 0px solid red;
  overflow: visible;
}

.produitAssocies form {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 340px;
}

.produitAssocies select {
  border-color: #f1b0d8;
}

/*---------------------------------------------------------------------
			>>Page accueil rubrique principale >>	produit nouveaute 
----------------------------------------------------------------------*/
.produitNouveaute {
  margin: 0px;
  padding: 0px;
  clear: both;
  border: 0px solid red;
  width: 100%;
  display: table;
  text-align: left;
  padding-bottom: 0px;
}

.produitNouveaute .listeProduit {
  margin-top: 5px;
}

.produitNouveaute h1 {
  font-size: 12px;
  padding-left: 350px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  width: auto;
  border: 0px solid red;
  padding-top: 20px;
  padding-bottom: 5px;
}

.produitNouveaute h1 a {
  font-size: 12px;
  text-decoration: none;
  padding-left: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*---------------------------------------------------------------------
			>>Page accueil rubrique principale >>	produit promotion 
----------------------------------------------------------------------*/
.blocPromotion {
  margin: 0px;
  padding: 0px;
  border: 0px solid red;
  width: 272px;
  width: 203px;
  float: right;
  display: table;
  text-align: left;
  background-color: transparent;
  padding-top: 15px;
  overflow: hidden;
  border: 0px solid red;
}

.blocPromotion .listeProduit {
  padding: 0px;
  margin: 0px;
  width: auto;
  width: 203px;
  overflow: hidden;
  clear: both;
  background-image: none;
  background-color: #810000;
  text-align: center;
}

.blocPromotion .header {
  padding: 0px;
  margin: 0px;
  clear: both;
  float: none;
  display: table;
  width: 100%;
  height: 28px;
  overflow: visible;
  background-image: none;
  background-color: #810000;
}

.blocPromotion .header h1 {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding-top: 8px;
  font-size: 18px;
}

.blocPromotion .footer {
  padding: 0px;
  margin: 0px;
  clear: both;
  float: none;
  width: auto;
  height: 17px;
  overflow: hidden;
  background-color: #810000;
}

.blocPromotion .footer h1 {
  border-bottom: 2px solid #F7B716;
  height: 17px;
  line-height: 17px;
}

.blocPromotion .listeProduit .produit {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-image: none;
  display: block;
  background-color: #FFFFFF;
  text-align: left;
  width: 238px;
  width: 195px;
  margin-bottom: 8px;
  overflow: hidden;
  float: none;
  clear: both;
  margin-left: 3px;
}

.blocPromotion .listeProduit .produit .header {
  border-top: 0px solid #F7B716;
}

.blocPromotion .listeProduit .produit .image {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: auto;
  clear: none;
}

.blocPromotion .listeProduit .produit .description {
  margin: 0px;
  padding: 0px;
  width: auto;
  width: 95px;
  width: 90px;
  padding-left: 2px;
  overflow: hidden;
  clear: none;
}

.blocPromotion .listeProduit .produit a img {
  width: 100px;
  height: auto;
}

.blocPromotion .listeProduit .produit h1 {
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
  text-align: left;
  color: #000;
  font-weight: bolder;
  font-size: 16px;
  line-height: 16px;
  border: 0px;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
}

.blocPromotion .listeProduit .produit h1 a {
  margin: 0px;
  padding: 0px;
  margin-top: 15px;
  text-align: left;
  color: #000;
  font-weight: bolder;
  font-size: 16px;
  line-height: 16px;
  border: 0px;
  background-color: transparent;
  background-image: none;
  text-decoration: none;
}

.blocPromotion .listeProduit .produit .zonePrix {
  text-align: left;
  margin-top: 0px;
  clear: none;
}

/*************************** les produits*/
/*---------------------------------------------------------------------
			>>Page recherche 
----------------------------------------------------------------------*/
.resultatRecherche {
  padding-left: 20px;
}

.resultatRecherche h1 {
  color: #F7B716;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 0px solid red;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 45px;
}

.resultatRecherche form {
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 340px;
}

.resultatRecherche select {
  border-color: #f1b0d8;
}

.resultatRecherche .listeProduit .produit h1 {
  margin: 0px;
  padding: 0px;
  margin-right: 4px;
  padding-left: 10px;
  padding-right: 5px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  text-align: right;
  font-size: 18px;
  line-height: 18px;
  margin-left: 0px;
  padding-bottom: 3px;
  padding-top: 2px;
  border-left: 1px solid #7C7C7C;
  border-top: 1px solid #7C7C7C;
  background-color: #F7B716;
  background-image: url(images/blocProduit_entete_fd_b.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

.resultatRecherche .listeProduit .produit h1 a {
  color: #fff;
  font-weight: normal;
  text-align: right;
  font-size: 18px;
  line-height: 18px;
}

/*----------------------------------------------------------------------------------
			>>plan site
----------------------------------------------------------------------------------*/
.planSite {
  padding-bottom: 30px;
}

.planSite div {
  /*float:left;*/
  margin-left: 10px;
}

.planSite li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.planSite li a {
  color: #F7B716;
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  cursor: pointer;
  background-image: none;
  margin: 0px;
  padding: 0px;
}

.planSite li a:hover {
  text-decoration: underline;
  color: #99bee6;
}

.planSite li ul {
  padding: 0px;
  margin: 0px;
  padding-left: 24px;
}

.planSite li ul li {
  padding: 0px;
  margin: 0px;
  float: none;
}

.planSite li ul li a {
  font-weight: normal;
  color: #000;
}

.planSite li ul li a:hover {
  text-decoration: underline;
  color: #99bee6;
}

.planSite ul {
  margin-left: 8px;
}

.planSite ul ul {
  margin-left: 8px;
}

.planSite ul li {
  margin: 10px;
}

/*----------------------------------------------------------------------------------
			ProcessusCommande
----------------------------------------------------------------------------------*/
.processusCommande {
  clear: both;
  border: 0px solid red;
  font-size: 12px;
  padding-left: 80px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 25px;
  margin: 0px;
  margin-top: 30px;
  position: relative;
  /*bug ie6  2008-03-16*/
  overflow: hidden;
}

#envoiami {
  padding-bottom: 180px;
}

#retrouverMDP {
  padding-bottom: 150px;
}

/*----------------------------------------------------------------------------------
			>>personnalisation
----------------------------------------------------------------------------------*/
form.recapitulatifPanier {
  padding-bottom: 0px;
}

.processusCommande h1 {
  display: inline-block;
  margin-bottom: 15px;
}

* + html .processusCommande h1 {
  float: left;
  clear: both;
}

* + html .processusCommande h1 + div {
  clear: both;
}

/*----------------------------------------------------------------------------------
			>>les tableaux
----------------------------------------------------------------------------------*/
table.recapitulatifPanier table {
  padding: 0px;
  width: auto;
  margin: 0px;
}

table.recapitulatifPanier table td {
  vertical-align: middle;
}

table.recapitulatifPanier table a, table.recapitulatifPanier table img {
  margin: 0px;
  padding: 0px;
}

/*frais de livraison recapitulatif*/
.TotalCommandeValue {
  font-size: 12px;
  border: 0px;
}

/*frais de livraison recapitulatif libelle*/
.TotalCommandeRight {
  background-color: #ffffff;
}

.recapitulatifPanier table thead th {
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: url(../images/fd_header_commande.gif);
  background-repeat: repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #F7B716;
  text-align: center;
  text-transform: none;
  border: 0px;
  padding-bottom: 3px;
  padding-top: 3px;
  /*border:solid #c7d2c7 1px;	*/
  width: 120px;
}

.recapitulatifPanier td.commandeRow2, .recapitulatifPanier td.commandeRow1 {
  border: 0px dotted #000;
  border-top: 1px dotted #000;
  padding-bottom: 4px;
}

.recapitulatifPanier td.commandeRow2 strong, .recapitulatifPanier td.commandeRow1 strong {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

#panier .fondTitreEnTeteCommande td {
  background-color: #fff;
}

#panier .BasLigneCommande {
  border: 0px;
  line-height: 1px;
  font-size: 1px;
  height: 1px;
  border-top: 1px dotted #000;
}

table.recapitulatifPanier {
  width: 100%;
}

div.recapitulatifPanier {
  margin-bottom: 65px;
  padding: 0px;
  text-align: left;
}

div.recapitulatifPanier table {
  padding-left: 0px;
  width: 100%;
  margin-left: 0px;
  border: 0px solid red;
}

div.recapitulatifPanier table th, div.recapitulatifPanier table td {
  width: auto;
}

/*ligne du total panier, recapitulatif et frais de livraison*/
.recapitulatifPanier tfoot td.basTotalCommande, .recapitulatifPanier tfoot td.basTotalCommandeValue {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  border-right: 1px solid #000;
}

.recapitulatifPanier td.basTotalCommande, .recapitulatifPanier td.basTotalCommandeValue {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  border-right: 1px solid #000;
}

.commande tfoot td.basTotalCommande {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  border-right: 1px solid #000;
}

.recapitulatifPanier tbody td.basTotalCommande {
  padding: 5px;
  height: auto;
  /*border-width:2px; */
  width: 20%;
  border-right: 1px solid #000;
}

.recapitulatifPanier tfoot tr td.basTotalCommande {
  text-align: right;
  vertical-align: middle;
  padding-top: 0px;
  padding-bottom: 0px;
}

.recapitulatifPanier tfoot tr td.basTotalCommandeValue {
  border: 0px;
  font-size: 18px;
  background-color: #34A3B8;
  color: #fff;
  background-repeat: no-repeat;
  border: 1px solid #000;
  border-left: 0px;
  vertical-align: middle;
}

.recapitulatifPanier tfoot tr.sousTot + tr + tr td.basTotalCommandeValue {
  border: 0px;
  font-size: 18px;
  background-color: #34A3B8;
  color: #fff;
  background-repeat: no-repeat;
  border: 1px solid #000;
  border-left: 0px;
  vertical-align: middle;
}

.recapitulatifPanier tfoot tr td.basTotalCommandeValue b {
  font-size: 22px;
}

.recapitulatifPanier tfoot tr.sousTot + tr + tr td.basTotalCommandeValue b {
  font-size: 22px;
}

.recapitulatifPanier tfoot tr.sousTot td.basTotalCommande {
  font-weight: normal;
  padding-bottom: 0px;
  background-image: none;
}

.recapitulatifPanier tfoot tr.sousTot td.basTotalCommande b {
  font-weight: normal;
}

.recapitulatifPanier tfoot tr.sousTot td.basTotalCommandeValue {
  border: 0px;
  color: #000;
  background-color: #F4F2EE;
  padding-bottom: 0px;
  background-image: none;
}

.recapitulatifPanier tfoot tr.sousTot + tr td.basTotalCommandeValue {
  border: 0px;
  background-color: #77A7DD;
  color: #FFFFFF;
  padding-bottom: 0px;
  background-image: none;
}

.recapitulatifPanier tfoot tr sup {
  font-size: 0.8em;
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> le panier
----------------------------------------------------------------------------------*/
/*titre prix total, commun au recapitulatif */
/*prix total panier , commun au recapitulatif*/
/*entete */
.fondTitreEnTeteCommande th {
  text-align: center;
  font-size: 11px;
  color: black;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-top: 13px;
  background-color: #F9F9F7;
  border: 1px solid #000;
  border-bottom: 0px;
}

.fondTitreEnTeteCommande td {
  background-color: #ffffff;
}

/*----------------------------------------------------------------------------------
			>>les tableaux >> les frais de livraison
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
			>> commandes r�capitulatif
----------------------------------------------------------------------------------*/
.commande th {
  color: #F3A3CB;
}

.commande th.fondTitreEnTeteCommande {
  text-align: center;
  font-size: 11px;
  color: black;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 13px;
  padding-top: 13px;
  background-color: #F9F9F7;
  border: 1px solid #000;
  border-bottom: 0px;
}

.commande th.fondTitreEnTeteCommande a img {
  padding: 0px;
  border: 0px;
}

.commande tr {
  height: auto;
}

.commande .commandeRow2, .commande .commandeRow1 {
  border-top: 1px dotted #000;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 11px;
}

.commande .commandeRow2 a, .commande .commandeRow1 a {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  color: #000;
}

.commande .commandeRow2 a:hover, .commande .commandeRow1 a:hover {
  color: #F7B716;
}

.commande .commandeRow2 a img, .commande .commandeRow1 a img {
  border: 0px;
  padding: 2px;
  margin: 0px;
}

/*icone facture*/
/*----------------------------------------------------------------------------------
			>> inscription
----------------------------------------------------------------------------------*/
table.identification {
  padding: 0px;
  margin: 0px;
  margin-bottom: 80px;
  clear: both;
  background-color: transparent;
}

table.identification td.cadreInscription {
  width: 49%;
  background-color: transparent;
}

.cadreInscription {
  border: 0px solid #000000;
  color: #756F53;
}

.cadreInscription h2 {
  font-weight: normal;
  font-size: 20px;
  padding: 0px;
  margin: 0px;
  padding: 0 7px;
  display: inline-block;
  margin-bottom: 15px;
}

.cadreInscription a {
  color: #F7B716;
}

.hautTotalCommande {
  color: #F7B716;
}

table.identification td.cadreInscription:first-child a {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  font-weight: normal;
  cursor: pointer;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5px;
  text-indent: 0px;
  cursor: pointer;
  clear: both;
  display: inline;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  line-height: normal;
  width: auto;
  /*color:#fff;background-color:#ebb222;
  border:3px solid #f1b00d;
  
  -moz-border-radius-topright: 10px; 
  -webkit-border-top-right-radius: 10px; 
  -moz-border-radius-bottomright: 10px; 
  -webkit-border-bottom-right-radius: 10px;
  
  -moz-border-radius-topleft: 10px; 
  -webkit-border-top-left-radius: 10px; 
  -moz-border-radius-bottomleft: 10px; 
  -webkit-border-bottom-left-radius: 10px;	*/
}

table.identification td.cadreInscription:first-child a:hover {
  /* border:3px solid #34a3b8;
    color:#fff;
    background-color:#34a3b8;*/
  color: #34a3b8;
}

.cadreInscription form {
  position: relative;
  overflow: hidden;
}

.cadreInscription form .submitBouton {
  background-position: top left;
  padding-top: 0px;
}

#Connexion .submitBouton, .cadreInscription form td .submitBouton {
  background-position: top left;
  padding-top: 0px;
}

/*----------------------------------------------------------------------------------
			>>formulaire
----------------------------------------------------------------------------------*/
.blocFormulaire {
  background-color: #fff;
  border: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  background-color: #F9F9F7;
  background-image: url("images/fd_header_gammePrix.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  border-bottom: 1px dotted #000;
}

.blocFormulaire table, .blocFormulaire .formulaire {
  display: block;
  float: none;
  padding-top: 10px;
  padding-left: 10Px;
}

.blocFormulaire table {
  width: 100%;
  border-left: 10px;
  padding-bottom: 15px;
  border-bottom: 3px solid #fff;
}

.blocFormulaire .formulaire .formulaire {
  border-left: 10px;
  padding-bottom: 15px;
  border-bottom: 3px solid #fff;
}

.processusCommande .blocFormulaire table, .processusCommande .blocFormulaire .formulaire .formulaire {
  padding-left: 0Px;
}

.processusCommande .blocFormulaire div.formulaire {
  padding-left: 10Px;
}

.blocFormulaire td {
  color: #756F53;
  font-size: 12px;
  padding-bottom: 0px;
}

.blocFormulaire .formulaire td {
  height: auto;
  padding-bottom: 2px;
  padding-top: 2px;
}

.blocFormulaire .errorBox {
  color: red;
}

/*----------------------------------------------------------------------------------
			>>formulaire >>bouton
----------------------------------------------------------------------------------*/
.submitBouton, .bigSubmitBouton, .smallSubmitBouton, .bigSubmitBoutonImage {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  font-weight: normal;
  cursor: pointer;
  height: 24px;
  padding-left: 5%;
  padding-right: 5%;
  text-indent: 0px;
  margin-top: 15px;
  margin-bottom: 25px;
  display: block;
  cursor: pointer;
  float: right;
  clear: both;
  text-align: center;
  font-size: 14px;
  /*text-transform:capitalize;*/
  line-height: normal;
  color: #fff;
  width: auto;
  background-color: #f1b00d;
  border: 3px solid #f1b00d;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
}

.submitBouton:hover, .bigSubmitBouton:hover, .smallSubmitBouton:hover, .bigSubmitBoutonImage:hover {
  border: 3px solid #34a3b8;
  color: #fff;
  background-position: bottom;
  background-color: #34a3b8;
}

#panier .bigSubmitBouton, #choix_lieu_livraison .bigSubmitBouton, #commande .bigSubmitBouton {
  /*background-image:url(images/b_suivant.gif); */
}

#filtreCommande {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

#filtreCommande button {
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
  border: 1px;
  height: auto;
  padding-left: 2px;
  padding-right: 2px;
  clear: none;
}

.commentaire {
  padding-bottom: 10px;
  font-size: 12px;
  display: block;
  color: #F7B716;
  color: #000;
}

.zoneAdresse {
  border: 0px solid #F7B716;
}

.zoneCoordonnees .zoneAdresse a {
  background-image: url("images/icone_flechePleine.png");
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  float: none;
  /*display:table;*/
  display: block;
  padding: 0 5px 0 13px;
  margin-right: 3px;
  height: 15px;
  overflow: visible;
  width: auto;
  color: #F7B716;
  font-weight: bolder;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  margin-left: 130px;
  width: 80px;
}

.zoneCoordonnees .zoneAdresse a:hover {
  color: #000;
}

table.formulaire a {
  background-repeat: no-repeat;
  border: 0 solid red;
  clear: both;
  color: #F7B716;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  margin: 10px 10px 0 0px;
  overflow: visible;
  padding: 0 5px 0 13px;
  width: auto;
}

.processusCommande .cadreInscription table.formulaire a {
  background-repeat: no-repeat;
  border: 0 solid red;
  clear: both;
  color: #F7B716;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  margin: 10px 10px 0 0px;
  overflow: visible;
  padding: 0 5px 0 13px;
  width: auto;
}

.processusCommande table.formulaire a {
  background-image: none;
  padding-left: 0px;
}

table.formulaire a:hover, .processusCommande .cadreInscription table.formulaire a:hover {
  color: #000;
}

.cadreInscription .submitBouton {
  float: left;
  margin-top: 5px;
}

.message, .messageResultatOk {
  font-style: italic;
  color: #F7B716;
  padding-bottom: 10px;
}

P.messageResultatErreur, div.messageResultatErreur, .messageError, .messageResultatOk {
  color: #F44349;
  font-weight: normal;
  padding-left: 5px;
}

.messageError {
  color: #F44349;
}

P.messageResultatErreur img {
  margin: 2px;
  margin-right: 10px;
  margin-left: 5px;
}

div.errorBox {
  color: #F44349;
}

form > div.errorBox {
  background-image: url(images/erreur.gif);
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 5px;
  min-height: 38px;
}

div.errorBox input, div.errorBox select {
  border: 1px solid #F44349;
}

/*recapitulatif montant en bas frais de livraison*/
#commande {
  padding-left: 0px;
}

/*----------------------------------------------------------------------------------
			>>barre de navigation haut de page du processus d'achat
----------------------------------------------------------------------------------*/
.processusAchat {
  border: 0px solid red;
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-bottom: 26px;
  margin-top: 5px;
  border: 0px solid red;
  position: static;
  font-family: Arial, Helvetica, sans-serif;
  right: 0px;
  position: absolute;
}

.processusAchat a {
  width: 115px;
  color: #59EEEF;
  color: #756f53;
  text-transform: capitalize;
  font-size: 14px;
  margin: 0px;
  display: inline;
  float: none;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 10px;
  background-position: left center;
  border: 0px solid green;
  /*border:1px solid #6E6D6F;
    background-color:#59EEEF;*/
  padding-top: 8px;
  margin-left: 10px;
  background-repeat: no-repeat;
}

.processusAchat a b {
  padding-right: 2px;
}

.processusAchat a b:after {
  content: "-";
}

.processusAchat a.selected {
  font-size: 14px !important;
  color: #db8c03;
  /*background-color:#F7B716;*/
}

.processusAchat a.selected > span:first-child {
  background-color: #f7bb24;
}

.processusAchat a > span + span {
  margin-left: 20px;
}

/*----------------------------------------------------------------------------------
			>>barre de navigation bas de page du processus d'achat
----------------------------------------------------------------------------------*/
.processusCommande .navigationProcessusAchat {
  position: relative;
  top: 25px;
  /**/
  border: 0px solid green;
  float: none;
}

.processusCommande .navigationProcessusAchat table {
  width: auto;
  margin: 0px;
  padding: 0px;
  padding-top: 25px;
}

/*---------------------------------------------------------------------
				zone code promo
----------------------------------------------------------------------*/
.codePromo {
  position: relative;
  float: left;
  border: 0px solid red;
  text-align: left;
  clear: left;
  top: -60px;
  margin-left: 60px;
}

.codePromo form {
  font-size: 0.95em;
  color: #F7B716;
  font-weight: bolder;
  white-space: nowrap;
}

.codePromo form .submitBouton {
  background-image: none;
  clear: both;
  font-size: 14px;
  display: inline;
  float: none;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: auto;
  border: 1px solid #cccccc;
  background-color: #ECE9D8;
  text-align: center;
  padding-right: 2px;
}

/*---------------------------------------------------------------------
				zone texte marchand caddie
----------------------------------------------------------------------*/
#aideCaddie {
  margin-top: 50px;
  margin-right: 10px;
  position: relative;
  color: #666666;
  font-size: 11px;
  padding: 5px;
  color: #666666;
  font-size: 11px;
  text-align: left;
}

#aideCaddie p {
  margin: 0px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
  background-color: transparent;
  width: 410px;
  padding-left: 45px;
  padding-bottom: 10px;
  overflow: visible;
  font-weight: bolder;
  /*background-image:url(images/fd_avertissement.gif);
    background-repeat:no-repeat;*/
  font-size: 11px;
}

/*----------------------------------------------------------------------------------
			>>personnalisation mot doux
----------------------------------------------------------------------------------*/
.livreDor {
  padding-right: 30px;
  font-size: 12px;
  padding-bottom: 20px;
}

.livreDor .listeMessage h3 {
  color: #f3a3cb;
  font-weight: bolder;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  display: block;
}

.livreDor .listeMessage H3 a, .livreDor .listeMessage a {
  color: #F7B716;
}

.listeMessage {
  float: left;
  padding-bottom: 20px;
  width: 45%;
  clear: none;
}

.votreTemoignage {
  float: left;
  width: 50%;
}

.livreDor .votreTemoignage .blocFormulaire {
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: none;
  background-color: #FECCE5;
  border-color: #3a87ad;
}

.livreDor .votreTemoignage .blocFormulaire table {
  padding: 0px;
  margin: 0px;
  color: #D575A3;
}

/*----------------------------------------------------------------------------------
			page conseil achat 
----------------------------------------------------------------------------------*/
table.conseilAchat {
  margin-top: 10px;
  border: 1px solid #68C2EF;
}

.fondBleu {
  background-color: #68C2EF;
  color: #0D3551;
  font-weight: bolder;
  text-transform: uppercase;
}

.fondBleuClair {
  border-bottom: 1px dashed #68C2EF;
  background-color: #8FDAFF;
  color: #3a87ad;
}

/*---------------------------------------------------------------------
			menu cot� compte client
----------------------------------------------------------------------*/
#menuClient {
  margin: 0 0 10px 10px;
}

#menuClient .header, #menuClient .footer {
  background-repeat: no-repeat;
  height: 12px;
  width: 100%;
}

#menuClient .header {
  background-image: url("images/menuTop.jpg");
}

#menuClient .menu {
  background-color: #F7B716;
  background-image: none;
  color: #FFFFFF;
  padding-left: 5px;
}

#menuClient .footer {
  background-image: url("images/menuBas.jpg");
}

#menuClient .menu form h2 {
  border-bottom: 2px dotted #83D6D4;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  text-align: center;
}

#menuClient .menu form h2 b {
  color: #FFFFFF;
  display: block;
}

#menuClient .menu a {
  background-image: url("images/puce_verte.gif");
  background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  padding-bottom: 4px;
  padding-left: 25px;
  padding-top: 3px;
}

#menuClient .menu a.lienSpecial {
  background-image: url("images/puce_verte.gif");
  background-position: left top;
  background-repeat: no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  padding-bottom: 4px;
  padding-left: 25px;
  padding-top: 3px;
}

#menuClient .menu a:hover {
  color: #83D6D4;
  text-decoration: none;
}

/******************************************** DEB CREABILIS ihm calcul AJAX ****************************************/
input.error {
  border: 1px solid red;
}

.ficheProduit .menuCommande p.error {
  color: red;
}

#erreurLimite {
  border: 1px solid red;
  color: #000;
  padding: 4px;
  text-align: center;
  display: none;
}

#conteneurErreur {
  bottom: 101px;
  display: none;
  position: absolute;
  right: 12px;
  width: 200px;
}

#loader {
  text-align: center;
}

.zonePrix #loader {
  position: relative;
  top: 20px;
}

#achatSurMesure .zonePrix #loader {
  position: relative;
  top: 0px;
}

/******************************************** FIN CREABILIS ihm calcul AJAX ****************************************/
#nanomoduleCaddie sup {
  size: 9px;
  vertical-align: text-bottom;
}

/*----------------------------------------------------------------------------------
			bloc d'info de gestion du cache
----------------------------------------------------------------------------------*/
#cacheForce {
  background-color: #FF6600;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
}

#cacheForce a {
  color: #000;
}

/*----------------------------------------------------------------------------------
			fenetre modale d'achat
----------------------------------------------------------------------------------*/
#achatConfirm p {
  text-align: center;
  font-size: 24px;
  color: #f1b00d;
  font-family: 'CleanvertisingLight';
}

#achatConfirm h1 {
  font-size: 18px;
  padding-right: 24px;
}

#achatConfirm h1 img {
  float: left;
}

#achatConfirm .navigation {
  text-align: center;
}

* + html #achatConfirm .navigation {
  padding-left: 200px;
}

.navigationProcessusAchat span + span a {
  background-color: #f1b00d;
  border: 1px solid #f1b00d;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
}
/*# sourceMappingURL=style_generic.css.map */