/*************************/

/** styles generiques   **/

/*************************/

* {
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea {
  font: 12px/1.2em Arial, Helvetica, Sans-serif;
  font-weight: normal;
  color: #000;
}

img {
  border: 0
}

a, a:link {
  text-decoration: none;
  outline: none;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
}

ul {
  margin: 0 0 0 20px;
  list-style-type: none
}

ol {
  margin: 0 0 0 30px;
}

dd {
  margin: 0 0 0 20px;
}

select option {
  padding: 0 3px;
}

hr {
  display: none;
}

p {
  margin: 5px 0 5px 0
}

fieldset {
  border: none;
}

fieldset legend {
  display: none;
}

.clr {
  clear: both;
}

.block_float:after, .spacer {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
}

a.puce {
  padding-left: 10px;
  font-weight: bold;
  color: #787878;
  margin-right: 6px;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

/*************************************************************************************************************************************************************************/

/* Structure generale */

/*************************************************************************************************************************************************************************/

body {
  text-align: center;
  /*background:url(../images/fondBody.jpg) repeat-x top #E6E6E6;*/
}

#container {
  width: 992px;
  text-align: left;
  margin: 0 auto;
}

#footer {
  width: 972px;
  height: 31px;
  padding: 0px 10px;
  color: #FFF;
  background: url(../images/bg_content.png) repeat-y top left;
}

#header, #global, #content, #footer {
  clear: both;
}

#header, #footer {
  position: relative;
  clear: both;
}

#footer_content {
  height: 31px;
  color: #FFF;
  background: url(../images/bg_footer.gif) top left repeat-x;
}

/*FORMULAIRE*/

.form_generic {
  display: block;
  padding: 10px;
}

.form_generic .lig, .form_generic .lig_inline {
  clear: both;
  min-height: 22px;
  margin-bottom: 5px;
}

* html body .form_generic .lig, * html body .form_generic .lig_inline {
  height: 22px;
}

.form_generic .lig_small {
  clear: both;
  height: 50px;
}

.form_generic .lig_medium {
  clear: both;
  height: 80px;
}

.form_generic .lig_big {
  clear: both;
  height: 100px;
}

.form_generic .lig p, .form_generic .lig_medium p, .form_generic .lig_big p {
  width: 220px;
  margin-left: 210px;
  margin-top: 5px
}

.form_generic label span, .form_generic .intitule span {
  color: #DE001B
}

.form_generic .lig label, .form_generic .lig_small label, .form_generic .lig_medium label, .form_generic .lig_big label, .form_generic span.intitule {
  float: left;
  display: block;
  width: 245px;
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
  color: #505050
}

div#infoDistributeurForm a {
  clear: both;
  display: block;
  float: none;
  font-size: 10px;
  left: 255px;
  line-height: 18px;
  margin: 0 0 20px;
  position: relative;
  text-decoration: underline;
}

div#infoDistributeurForm #distribInfo {
  margin: 5px 0 5px 255px;
}

body.contentpane .form_generic .lig label, body.contentpane .form_generic .lig_small label, body.contentpane .form_generic .lig_medium label, body.contentpane .form_generic .lig_big label, body.contentpane .form_generic span.intitule {
  float: left;
  display: block;
  width: 200px;
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
  color: #505050
}

.form_generic .lig .input_text, .form_generic .lig_small .input_text, .form_generic .lig_medium .input_text, .form_generic .lig_big .input_text, .form_generic textarea {
  width: 220px;
  border: 1px solid #bec1c0
}

.form_generic .lig_inline label {
  float: left;
  display: block;
  padding-left: 5px;
  padding-right: 10px;
  font-weight: bold;
  color: #505050
}

.form_generic .lig_inline input {
  float: left;
}

.form_generic .lig .cgu {
  color: #F25821
}

/*.form_generic .field .bt_orange{margin-left:240px;}*/

.form_generic .lig .bt_orange span {
  width: 150px;
}

.form_generic p {
  margin-bottom: 10px
}

.formerreur ul {
  margin: 0px;
  padding: 0px;
}

.formerreur ul li {
  padding-left: 10px;
  font-weight: bold;
  background: url(../images/puce_rose.gif) left center no-repeat;
}

.form_generic .lig .btNoir {
  margin-left: 245px;
}

* html body .form_generic .lig .btNoir {
  margin-left: 122px;
}

.btSiteDistrib {
  margin-left: 50px !important;
  margin-top: -10px !important;
  margin-bottom: 20px !important;
}

.btAutreRech {
  float: right !important
}

.form_generic .button {
  display: block;
  height: 24px;
  width: 150px;
  margin: 0px auto;
  border: none;
  line-height: 24px;
  font-weight: bold;
  cursor: pointer;
  color: #FFF;
  background: url(../images/btNoirMoyen.gif) top left no-repeat;
}

#component-contact .lig textarea {
  width: 287px;
  height: 130px;
}

.chpsOblig {
  padding-left: 115px;
}

/************************************/

/** styles spécifiques à la Home   **/

/************************************/

#global {
  position: relative;
  width: 992px;
  z-index: 2;
  background: url(../images/bg_content.png) repeat-y top left;
}

#content {
  width: 972px;
  z-index: 2;
  margin-top: 0;
  padding: 0px 10px;
  padding-top: 15px;
  overflow: hidden;
  background: url(../images/bg_global.png) no-repeat top left;
}

#content #homeTop {
  width: 972px;
  padding: 0px 5px;
  margin-bottom: 12px;
  overflow: hidden;
}

#content a.puce_arrows {
  padding-left: 15px;
  color: #de001b;
  text-decoration: underline;
  background: url(../images/puce_arrows.png) no-repeat center left;
}

#content .btPromo {
  display: block;
  height: 20px;
  background: url(../images/bt_home-ban.png) no-repeat right top;
}

#content .btPromo span {
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 15px;
  font-size: 11px;
  color: #ce031c;
  background: url(../images/bt_home-ban-left.png) no-repeat left top;
}

#content #homeTop p {
  margin: 0px;
  color: #FFF
}

#content #homeTop p .title {
  display: block;
  font-weight: bold
}

#content #homeTop #promo1 {
  float: left;
  position: relative;
  width: 416px;
  height: 95px;
  background: url(../images/bg_home-ban-content.gif) no-repeat right top;
}

#content #homeTop #promo2 {
  float: right;
  position: relative;
  width: 280px;
  height: 95px;
  background: url(../images/bg_home-ban-content.gif) no-repeat right top;
}

#content #homeTop #promo1 img {
  float: left;
}

#content #homeTop #promo1 p {
  margin-left: 200px;
}

#content #homeTop #promo1 p {
  font-size: 11px
}

#content #homeTop #promo1 p .title {
  font-size: 13px;
  padding-top: 15px;
  margin-bottom: 5px;
}

#content #homeTop #promo1 a.btPromo {
  position: absolute;
  top: 65px;
  left: 200px;
  width: 184px;
  color: #ce031c;
}

#content #homeTop #promo2 img {
  float: left;
  padding-left: 5px;
}

#content #homeTop #promo2 p {
  margin-left: 100px;
}

#content #homeTop #promo2 p {
  font-size: 15px
}

#content #homeTop #promo2 p .title {
  font-size: 13px;
  padding-top: 15px;
  margin-bottom: 5px;
}

#content #homeTop #promo2 a.btPromo {
  position: absolute;
  top: 65px;
  left: 100px;
  width: 160px;
  color: #ce031c;
}

#content #homeMiddle {
  position: relative;
  width: 960px;
  padding: 5px;
  text-align: left;
  overflow: hidden;
}

#content #homeBottom {
  position: relative;
  width: 970px;
  padding: 5px 0px;
  text-align: left;
  overflow: hidden;
}

.participantShop {
  display: block;
  padding-top: 7px;
  font-size: 11px;
}

#content #homeBottom #promos {
  padding: 0px;
  width: 712px;
  height: 225px;
  background: url(../images/bg_home_promos.png) no-repeat bottom left;
  float: left;
}

#content #homeBottom #promos p {
  margin: 0px;
  font-size: 11px;
}

#content #homeBottom #promos p.minus {
  margin-bottom: 5px
}

#content #homeBottom #promos p .title {
  display: block;
  color: #3d372f;
  font-size: 14px;
  font-weight: bold
}

#content #homeBottom #promos p .magenta {
  display: block;
  color: #de001d;
  font-size: 14px;
  font-weight: bold
}

#content #homeBottom #promos a.puce_arrows {
  padding-left: 15px;
  color: #de001b;
  text-decoration: underline;
  background: url(../images/puce_arrows.png) no-repeat center left;
}

#content #homeBottom #promo3 {
  float: left;
  width: 227px;
  text-align: center
}

#content #homeBottom #promo4 {
  float: left;
  width: 240px;
  text-align: center
}

#content #homeBottom #promo5 {
  float: left;
  width: 234px;
  text-align: center
}

*html #content #homeBottom #promo5 {
  margin-top: -14px
}

*+html #content #homeBottom #promo5 {
  margin-top: -14px
}

#content #homeBottom #promo5 select {
  width: 190px;
}

#content #homeBottom #pleinCiel {
  float: left;
  margin: 31px 0 0 4px;
  width: 251px;
  height: 194px;
  background: url(../../../images/bg-module-pc.png) no-repeat top left;
}

#content #homeLeft {
  position: relative;
  z-index: 0;
  float: left;
  width: 712px;
  min-height: 339px;
}

#content #homeRight {
  position: relative;
  z-index: 2;
  float: left;
  width: 250px;
  background: url(../images/fondHomeRight.jpg) no-repeat left top;
  text-align: center;
}

#content #homeLeft img {
  position: relative;
  z-index: 0;
}

#content #homeRight h2 {
  position: relative;
  margin-bottom: 15px;
}

#content #homeBottom #pleinCiel #pleinCiel1, #content #homeBottom #pleinCiel #pleinCiel2 {
  position: relative;
  height: 97px;
}

#content #homeBottom #pleinCiel #pleinCiel1 {
  display: flex;
  height: 100px;
  display: flex;
}

#content #homeBottom #pleinCiel #pleinCiel1 #flashcontentPictos {
  float: left;
  margin: 10px;
}

#content #homeBottom #pleinCiel #pleinCiel1 p {
  margin-left: 90px
}

#content #homeBottom #pleinCiel #pleinCiel1 h2, #content #homeBottom #pleinCiel #pleinCiel2 h2 {
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
}


#content #homeBottom #pleinCiel #pleinCiel2 h2 {
  margin: 0 0 0 96px;
}

#content #homeBottom #pleinCiel #pleinCiel1 p img {
  float: none
}

#content #homeBottom #pleinCiel #pleinCiel2 h2 {
  margin: 0 0 0 96px;
  padding-top: 22px;
}

#content #homeBottom #pleinCiel #pleinCiel2 p {
  margin-left: 90px
}

#content #homeBottom #pleinCiel #pleinCiel1 a.puce_arrows, #content #homeBottom #pleinCiel #pleinCiel2 a.puce_arrows {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* Ajout Quentin */

#content #homeRight #actu00 {
  position: relative;
  width: 100%;
  height: 223px;
  background: url(/images/stories/sep.gif) no-repeat center bottom;
}

#content #homeRight #actu00 h2 img {
  padding: 0;
}

#content #homeRight #actu00 img {
  display: block;
  padding: 0 0 0 52px;
}

#content #homeRight #actu00 div {
  text-align: center;
}

#content #homeRight #actu00 p.center img {
  display: inline;
}

#content #homeRight #actu00 h3 {
  margin: 8px 0 4px 0;
}

#content #homeRight #actu00 p {
  font-family: Arial;
  font-size: 11px;
  color: #1d1c1a;
  padding: 0 0 10px 0;
  line-height: 14px;
}

#content #homeRight #actu00 .contenu {
  position: relative;
  width: 100%;
  overflow: hidden;
  clear: both;
}

#content #homeRight #actu00 .il {
  display: inline;
  float: left;
  width: 106px;
}

#content #homeRight #actu00 .ir {
  display: inline;
  float: right;
  width: 20px;
}

#content #homeRight #actu00 .puce00 {
  background: url(../images/stories/puce00.gif) no-repeat 0 50%;
  padding: 0 0 0 10px;
}

#content #homeRight #actu00 .puce00 a {
  font-family: Arial;
  font-weight: bold;
  color: #676a6e;
  font-size: 11px;
  text-decoration: underline;
}

#content #homeRight #actu00 .puce01 {
  background: url(../images/stories/puce01.gif) no-repeat 0 50%;
  padding: 0 0 0 10px;
}

#content #homeRight .sep {
  display: block;
  margin: 15px 0 10px 4px;
}

/************************************/

/** HEADER   **/

/************************************/

#header {
  width: 972px;
  margin: 0px auto;
  height: 148px;
  /* background: url(../images/bg_header.png) no-repeat top right; */
  overflow: visible;
  z-index: 3;
}

#header div.slogan {
  position: absolute;
  top: 22px;
  left: 145px;
  width: 515px;
  height: 88px;
}

#header div.slogan p {
  float: left;
  margin: 0;
  padding: 0;
}

#header #logoSlogan img.logo {
  position: absolute;
  top: 10px;
  left: 12px;
}

#header #logoSlogan img.slogan {
  margin: 1px 0 0 30px;
}

#header #trouverDistrib {
  position: relative;
  float: right;
  padding-right: 8px;
  width: 275px;
  height: 117px;
  color: #FFF;
  background-image: url(../../../images/carte-1.jpg);
  background-repeat: no-repeat;
  background-position: 15% 75%;
}

#header #trouverDistrib .carte {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 90px;
  height: 110px;
  cursor: pointer;
}

#header #trouverDistrib .miniCarte {
  position: absolute;
  top: 0px;
  left: 25px;
  display: block;
  width: 81px;
  height: 90px;
  cursor: pointer;
}

#header #trouverDistrib h1 {
  position: relative;
  top: 15px;
  height: 15px;
  margin-left: 44px;
  overflow: hidden;
  font-size: 0.8rem;
  font-weight: bold;
  color: #DE001B;
}

#header #trouverDistrib h1 a span {
  display: none;
}

#header #trouverDistrib form {
  position: relative;
  top: 20px;
  left: 95px;
  width: 180px;
}

#header #trouverDistrib ul {
  margin: 0px;
  padding: 0px;
}

#header #trouverDistrib ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  padding-left: 18px;
  color: black;
  font-weight: bold;
  font-size: 11px;
  line-height: 2em;
  background: url(../images/trouvPuce.png) no-repeat left top;
}

#header #trouverDistrib ul li a {
  color: black;
  font-size: 11px;
  font-weight: bold;
  line-height: 2em;
}

#header #trouverDistrib input#dpt {
  border: 1px solid #BEC1C0;
  width: 16px;
  color: #767878;
  font-size: 11px;
  padding: 1px 1px;
  /* background-color: #eff3d0; */
}

#header #trouverDistrib input.btnOK {
  border: 0;
  position: relative;
  top: 5px;
}

#header #trouverDistrib .myDist {
  margin: 10px 0px 0px 80px;
  font-size: 11px;
  text-align: right;
  color: black;
}

#header #trouverDistrib .myDist #storelocator_del {
  display: block;
  float: right;
  width: 7px;
  height: 9px;
  background: url(../images/bt_storelocator_del.gif) top left no-repeat;
  cursor: pointer;
}

#header #trouverDistrib .distri {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

#header #trouverDistrib .puce {
  color: black;
  padding-left: 0px;
  /*background:url(../images/puce_fleche.gif) center left no-repeat;*/
  font-size: 11px;
  margin: 0 0 0 0;
  font-weight: normal;
  position: relative;
  top: 7px;
  text-decoration: underline;
}

/*****************************/

/**** Menu principal *********/

/*****************************/

#header #nav {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  overflow: visible;
  height: 31px;
}

#header #nav ul.menu, #header #nav ul#mainlevel, #header #nav ul#menuListProd {
  position: relative;
  float: left;
  margin: 0;
  z-index: 3;
  overflow: visible;
}

#header #nav ul li {
  position: relative;
  float: left;
  width: 124px;
  height: 31px;
  list-style-type: none;
  z-index: 5;
  text-align: center;
  overflow: visible;
}

#header #nav ul#mainlevel li {
  width: 181px;
  text-align: left;
}

#header #nav ul#menuListProd li {
  width: 165px;
  text-align: left;
  zoom: 1;
}

#header #nav ul#mainlevel li a .libelle, #header #nav ul#menuListProd li a .libelle {
  padding-left: 15px;
}

#header #nav ul li a {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  color: #3f3f3f;
  font-size: 13px;
  vertical-align: middle;
  font-weight: bold;
  z-index: 5;
  cursor: pointer;
}

#header #nav ul li.item27 {
  width: 115px;
}

#header #nav ul li.item27 a {
  overflow: hidden;
  display: block;
  float: left;
  width: 115px;
  height: 0;
  padding-top: 31px;
  background: url(../images/bg_menu-puce-promo.gif) no-repeat right top;
  z-index: 5;
}

#header #nav ul li.item27 a:hover {
  background: url('../images/bg_menu-puce-promo-active.gif') no-repeat right top;
}

#header #nav ul li.item15 {
  width: 136px;
}

#header #nav ul li.item15 a {
  overflow: hidden;
  display: block;
  float: left;
  width: 136px;
  height: 0;
  padding-top: 31px;
  background: url(../images/bg_menu-puce-catalog.gif) no-repeat right top;
  z-index: 5;
}

#header #nav ul li.item15 a:hover {
  background: url('../images/bg_menu-puce-catalog-active.gif') no-repeat right top;
}

#header #nav ul li.item41 {
  width: 113px;
}

#header #nav ul li.item41 a {
  overflow: hidden;
  display: block;
  float: left;
  width: 113px;
  height: 0;
  padding-top: 31px;
  background: url(../images/bg_menu-puce-command.gif) no-repeat right top;
  z-index: 5;
}

#header #nav ul li.item41 a:hover {
  background: url('../images/bg_menu-puce-command-active.gif') no-repeat right top;
}

#header #nav #mainlevel a.mainlevel {
  overflow: hidden;
  display: block;
  width: 181px;
  height: 0;
  padding-top: 31px;
  background: url(../images/bg_menu-puce-qui.gif) no-repeat right top;
  z-index: 5;
}

#header #nav #mainlevel li.deroul:hover a.mainlevel, #header #nav #mainlevel li.iehover a.mainlevel {
  background: url(../images/bg_menu-puce-qui-active.gif) no-repeat right top;
}

#header #nav #menuListProd a.tsNosProduits {
  overflow: hidden;
  display: block;
  width: 165px;
  height: 0;
  padding-top: 31px;
  background: url(../images/bg_menu-puce-pdts.gif) no-repeat right top;
  z-index: 5;
}

#header #nav #menuListProd li.deroul:hover a.tsNosProduits, #header #nav #menuListProd li.iehover a.tsNosProduits {
  background: url(../images/bg_menu-puce-pdts-active.gif) no-repeat right top;
}

#header #nav ul li.deroul a .libelle span {
  display: none;
}

#header #nav ul li.deroul ul li a .libelle {
  background: none;
}

/*#header #nav ul li.activ a {
	background:url(../images/puceNavActiv.png) no-repeat 95px center;
}*/

#header #nav ul li a:hover, #header #nav ul li a:focus {
  text-decoration: none;
}

#header #nav ul li a span {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 5;
  cursor: pointer;
}

*+html body #header #nav ul.decal li a span {
  padding-top: 7px;
}

#header #nav ul li.deroul div.main, #header #nav ul li.deroul iframe {
  position: absolute;
  z-index: 5;
  top: -300em;
  width: 645px;
  height: 0;
  overflow: hidden;
}

#header #nav ul li.deroul:hover div.main, #header #nav ul li.deroul:focus div.main, #header #nav ul li.iehover div.main, #header #nav ul li.deroul:hover iframe, #header #nav ul li.deroul:focus iframe, #header #nav ul li.iehover iframe {
  position: absolute;
  top: 31px;
  overflow: visible;
  left: 0;
  width: 645px;
  height: auto;
  z-index: 4;
  margin-left: -6px;
}

#header #nav ul li.deroul:hover iframe, #header #nav ul li.deroul:focus iframe, #header #nav ul li.iehover iframe {
  width: 635px;
  left: 5px;
  top: 35px;
  z-index: 3;
  height: 660px;
}

#header #nav ul li.activ div.main div.deroulTop {
  position: relative;
  width: 100%;
  height: 16px;
  background: url(../images/deroulTop.png) no-repeat left top;
  z-index: 5;
}

#header #nav ul li.activ div.main div.deroulMiddle {
  position: relative;
  width: 100%;
  background: url(../images/deroulMiddle.png) repeat-y left;
  padding-bottom: 10px;
  z-index: 5;
  float: left;
}

#header #nav ul li.activ div.main div.deroulBottom {
  position: relative;
  height: 16px;
  float: left;
  background: url(../images/deroulBottom.png) no-repeat left bottom;
  z-index: 5;
  width: 100%;
}

#header #nav ul li.activ div.main div.deroulMiddle div.colGauche, #header #nav ul li.deroul div.main div.deroulMiddle div.colDroite {
  width: 200px;
  float: left;
  margin-top: 10px;
  position: relative;
  z-index: 5;
}

#header #nav ul li.activ div.main div.deroulMiddle div.colGauche {
  margin-left: 24px;
}

#header #nav ul li.activ div.main div.deroulMiddle div.colDroite {
  margin-left: 10px;
}

#header #nav ul li.activ div.main div.deroulMiddle ul li {
  position: relative;
  z-index: 5;
  float: none;
  width: auto;
  height: auto;
  background: url(../images/deroulPuce.gif) no-repeat left 5px transparent !important;
  padding-left: 20px;
  color: #808080;
  /*list-style-type:square;*/
}

#header #nav ul li.activ div.main div.deroulMiddle dl {
  margin-top: -20px;
  position: relative;
  z-index: 5;
}

#header #nav ul li.activ div.main div.deroulMiddle dl ul {
  margin-left: 0px;
}

#header #nav ul li.activ div.main div.deroulMiddle a {
  background: none;
  font-weight: bold;
  display: inline;
  width: auto;
  height: auto;
  color: #de001d;
  line-height: 18px;
}

#header #nav ul li.activ div.main div.deroulMiddle a:focus, #header #nav ul li.deroul div.main div.deroulMiddle a:hover {
  text-decoration: underline;
}

#header #nav ul li.activ div.main div.deroulMiddle dd {
  margin-left: 0px;
  position: relative;
  z-index: 5;
}

#header #nav ul li.activ div.main div.deroulMiddle ul li a {
  font-weight: normal;
  color: #808080;
  position: relative;
  z-index: 5;
}

#header #nav ul li.activ div.main div.deroulMiddle dt {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
  position: relative;
  z-index: 5;
}

*+html body #header #nav ul li a span, *+html body #header #nav ul li a {
  position: relative;
  display: block;
}

#header #nav ul li.activ div.cali {
  position: absolute;
  left: 0;
  width: 250px;
  z-index: 4;
}

#header #nav ul li.activ div.cali div.deroulTop {
  position: relative;
  float: left;
  width: 100%;
  height: 16px;
  background: url(../images/deroulTopQui.png) no-repeat left top;
  z-index: 5;
}

#header #nav ul li.activ div.cali div.deroulMiddle {
  position: relative;
  float: left;
  width: 100%;
  background: url(../images/deroulMiddleQui.png) repeat-y left;
  padding-bottom: 10px;
  z-index: 5;
}

#header #nav ul li.activ div.cali div.deroulBottom {
  position: relative;
  width: 100%;
  height: 10px;
  float: left;
  background: url(../images/deroulBottomQui.png) no-repeat left bottom;
  z-index: 5;
}

#header #nav ul li.activ div.cali ul li {
  float: none;
  width: auto;
  height: auto;
}

#header #nav ul li a.sublevel span {
  position: relative;
  display: inline !important;
  padding: 0 !important;
}

#header #nav ul li.activ div.cali div.deroulMiddle ul {
  margin-left: 30px;
}

#header #nav ul li.activ div.cali div.deroulMiddle ul li {
  width: 180px;
}

#header #search {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 265px;
  height: 26px;
  background: url(../images/bg_search-menu.png) no-repeat left top;
  padding-top: 5px;
}

#header #search div.search {
  float: left;
}

#header #search label {
  color: #000;
  font-weight: bold;
  margin-left: 85px;
  line-height: 22px;
}

*+html body #header #search label {
  top: -6px;
}

* html body #header #search label {
  top: -7px;
}

#header #search input#mod_search_searchword {
  width: 80px;
  height: 22px;
  border: 1px solid #BEC1C0;
  position: relative;
  margin-right: 5px;
  top: -1px;
}

*+html body #header #search input#mod_search_searchword {
  top: -2px;
}

* html body #header #search input#mod_search_searchword {
  top: -2px;
}

#header #search input.button {
  background: url(../images/bt_search-menu.png) no-repeat left top;
  border: 0;
  color: #FFF;
  font-weight: bold;
  position: relative;
  top: 1px;
}

*+html body #header #search input.button {
  top: -5px;
}

* html body #header #search input.button {
  top: -5px;
}

#header #search a.plus {
  position: relative;
  display: block;
  float: right;
  height: 20px;
  padding-right: 5px;
  color: #1a1a1a;
  line-height: 20px;
  font-size: 9px;
  text-decoration: underline;
}

/************************************/

/** Contenu hors HP   **/

/************************************/

#content #contenuPrincipal {
  padding: 0px 10px;
  overflow: hidden;
}

#content #contenuPrincipal #cheminDeFer {
  position: relative;
  width: 100%;
}

#content #contenuPrincipal #cheminDeFer ul {
  margin: 0;
  height: 30px;
}

#content #contenuPrincipal #cheminDeFer ul li {
  list-style-type: none;
  display: inline;
  color: #DE001B;
  font-size: 11px;
}

#content #contenuPrincipal #cheminDeFer ul li a {
  color: #767878;
  font-size: 11px;
  display: block;
  float: left;
  height: 11px;
  line-height: 11px;
  background: url(../images/puce_ariane-default.png) no-repeat left center;
  padding-left: 10px;
  margin-right: 5px;
}

#content #contenuPrincipal #cheminDeFer ul li.first a {
  background: none;
}

#content #contenuPrincipal #cheminDeFer ul li.last strong {
  padding-left: 10px;
  line-height: 11px;
  background: url(../images/puce_ariane-active.png) no-repeat left center;
}

#content #contenuPrincipal #colGauche {
  clear: both;
  position: relative;
  float: left;
  width: 210px;
  background: url(../images/bg_colGauche_middle.png) repeat-y right top;
}

#content #contenuPrincipal #colGauche_b {
  float: left;
  position: relative;
  background: url(../images/bg_colGauche_bottom.png) no-repeat right bottom;
}

#content #contenuPrincipal #colGauche_t {
  float: left;
  position: relative;
  background: url(../images/bg_colGauche_top.png) no-repeat right top;
  min-height: 200px;
  padding-bottom: 25px;
}

#content #contenuPrincipal .encartGTop {
  position: relative;
  float: left;
  width: 210px;
  /*background:url(../images/menuLatTop.jpg) no-repeat left top;*/
  margin-bottom: 15px;
  color: #767878;
}

#content #contenuPrincipal .encartGTopLess {
  position: relative;
  float: left;
  width: 210px;
  padding-top: 10px;
  background: transparent url(../images/bg_storelocator-col.png) no-repeat center top;
  color: #767878;
}

#content #contenuPrincipal .encartGTop h3 {
  background: url(../images/title_categories.png) left top no-repeat;
  height: 21px;
  color: #b5000f;
  font-size: 0px;
  padding-left: 5px;
}

#content #contenuPrincipal .listFiltre h3 {
  background: url(../images/title_categories_marqueImprim.png) no-repeat left top;
}

#content #contenuPrincipal #idSelectTypesImprimantes .listFiltre h3 {
  background: url(../images/title_categories_typesImprim.png) no-repeat left top;
}

#content #contenuPrincipal #idSelectNomsImprimantes .listFiltre h3 {
  background: url(../images/title_categories_nomsImprim.png) no-repeat left top;
}

#content #contenuPrincipal #idFormDynamicFilter .listFiltre h3 {
  background: url(../images/title_categories_marques.png) no-repeat left top;
}

#content #contenuPrincipal #idFormDynamicFilter .sliders h3 {
  background: url(../images/title_categories_prix.png) no-repeat left top;
}

#content #contenuPrincipal #idFormDynamicFilter .flags h3 {
  background: url(../images/title_categories_extras.png) no-repeat left top;
}

#content #contenuPrincipal ul.menu, #content #contenuPrincipal .encartGBottom {
  /*min-height:100px; Antoine:  pb de chevauchement*/
  width: 200px;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  background: url(../images/bg_col-top.png) no-repeat left top;
}

* html body #content #contenuPrincipal ul.menu, #content #contenuPrincipal .encartGBottom {
  padding-bottom: 10px;
}

#content #contenuPrincipal ul.menu li a, #content #contenuPrincipal ul.menu li a:link, #content #contenuPrincipal ul.menu li a:visited, #content #contenuPrincipal .encartGBottom li a:link, #content #contenuPrincipal .encartGBottom li a:visited, #content #contenuPrincipal .encartGBottom li a {
  color: #666;
  background: url(../images/puce_square-grey.gif) no-repeat left 1px;
  padding-left: 10px;
  line-height: 1.4em;
}

#content #contenuPrincipal ul.menu li a:hover, #content #contenuPrincipal ul.menu li a:focus, #content #contenuPrincipal ul.menu li a:active {
  background: url(../images/puce_square-red.gif) no-repeat left 1px;
  color: #d6021d;
  text-decoration: none;
}

#content #contenuPrincipal ul.menu li a#active_menu {
  background: url(../images/puce_square-red.gif) no-repeat left 1px;
  color: #d6021d;
  text-decoration: none;
  font-weight: bold;
}

#content #contenuPrincipal ul.menu ul {
  margin-left: 10px;
}

#content #contenuPrincipal ul.menu ul li a {
  /*	font-size:1.1em;*/
}

#content #contenuPrincipal ul.menu ul li ul li a {
  /*	font-size:1.3em;*/
}

#content #contenuPrincipal ul.menu li {
  font-size: 0.9em;
  color: #666;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#content #contenuPrincipal #contenu {
  width: 735px;
  float: left;
  padding-left: 5px;
  color: #666;
  /*position:relative;*/
}

#content #contenuPrincipal #contenu #contenuComponent {
  /*margin-top:-15px;*/
}

body.contentpane {
  color: #767878;
}

#content #contenuPrincipal #contenuLong {
  clear: both;
  position: relative;
  margin-left: 18px;
  color: #767878;
  width: 865px;
}

#content #contenuPrincipal #contenu h2 {
  /*width:573px;
	height:77px;
	background:url(../images/bg_titre_magasin.jpg) no-repeat left top #C30073;
	color:#fff;
	padding:56px 0 0 165px;
	font-size:1.5em;*/
  color: #DE001B;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

#content #contenuPrincipal #contenuLong h2 {
  width: 573px;
  height: 77px;
  background: url(../images/bg_titre_magasin.jpg) no-repeat left top #C30073;
  color: #fff;
  padding: 56px 0 0 165px;
  font-size: 1.5em;
}

#content #contenuPrincipal #contenuLong h2.storelocator {
  width: 715px;
  color: #333333;
  background: none;
  padding: 0px;
  font-size: 1.5em;
  height: auto;
  margin-bottom: 15px;
}

#content #contenuPrincipal #contenu .article-content h3, #component-contact h3, h3.contentheading {
  color: #000;
  /*text-transform:uppercase;*/
  margin: 25px 0 10px 0;
  font-weight: bold;
}

#content #contenuPrincipal #contenuComponent .actus h3.actus {
  color: #DE001B;
}

#content #contenuPrincipal #contenu .article-content .vert {
  color: #86b737 !important;
}

#content #contenuPrincipal #contenu .article-content h4, #component-contact h4, h4.contentheading {
  color: #DE001B;
  /*text-transform:uppercase;*/
  margin: 15px 0 5px 0;
  font-weight: bold;
}

#content #contenuPrincipal #contenu .article-content h4.noMargeTop {
  margin-top: 0;
}

#content #contenuPrincipal #contenu span.indent {
  display: block;
  padding-left: 20px;
}

#content #contenuPrincipal #contenu .article-content img {
  margin: 10px;
}

#content #contenuPrincipal #contenu .article-content img.marge4 {
  margin: 4px;
}

#content #contenuPrincipal #contenu .article-content img.noMarge {
  margin: 0px;
}

/* QB  MAG*/

#content #contenuPrincipal #contenu .article-content #tab_mag {
  margin: 0px 0 0 0;
}

#content #contenuPrincipal #contenu .article-content #tab_mag .col1 {
  padding: 0 22px;
  background: url(../images/stories/bg-col1.gif) no-repeat top right;
}

#content #contenuPrincipal #contenu .article-content #tab_mag .col2 {
  padding: 0 22px 0 25px;
}

#content #contenuPrincipal #contenu .article-content #mag1 {
  padding: 0 0 0 10px;
}

#content #contenuPrincipal #contenu .article-content #mag1 .ct_mag1 {
  margin: 0 0 4px 0;
}

#content #contenuPrincipal #contenu .article-content #mag1 .p00 {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #d6021d;
}

#content #contenuPrincipal #contenu .article-content #mag2 .ct_mag2 {
  position: relative;
  width: 100%;
  height: 24px;
  background: url(../images/stories/bg-pointille.gif) repeat-x bottom left;
  margin: 30px 0 10px 0;
}

#content #contenuPrincipal #contenu .article-content #mag2 .ir {
  display: inline;
  float: right;
  width: 169px;
  height: 17px;
  margin: 30px 0 0 0;
}

/* fin MAG QB */

#content #contenuPrincipal #contenuLong h3.storelocator {
  font-size: 16px;
  font-weight: bold;
  color: #ff021d;
}

#content #contenuPrincipal #contenu .article-content p {
  /*margin-bottom:10px;
	line-height:12pt;*/
  font-family: Arial;
  font-size: 11px;
  color: #666;
  line-height: 1.5;
  text-align: justify;
}

#content #contenuPrincipal #contenu .article-content p.rouge {
  color: #DE001B;
}

#content #contenuPrincipal #contenu .article-content p.intro {
  /*margin : -30px 0 20px 165px;*/
}

#content #contenuPrincipal #contenu .article-content ul {
  margin: 0;
}

#content #contenuPrincipal #contenu .article-content ul li {
  list-style-type: none;
  font-size: 11px;
  background: url(../images/puce_contenu.gif) no-repeat left 2px;
  padding-left: 20px;
}

#content #contenuPrincipal #contenu .article-content ul.noPuce li {
  list-style-type: none;
  background: none;
}

#content #contenuPrincipal #contenu .article-content ul li a, #content #contenuPrincipal #contenu .article-content p a {
  font-size: 11px;
}

#content #contenuPrincipal #contenu .article-content ul.espace {
  position: relative;
  /*width:100%;*/
  padding-right: 20px;
}

#content #contenuPrincipal #contenu .article-content ul.espace li {
  margin: 20px 0;
  position: relative;
  width: 100%;
  clear: both;
  zoom: 1;
}

#content #contenuPrincipal #contenu .article-content p {
  text-align: left;
}

#content #contenuPrincipal #contenu .charte ul.espace li {
  clear: both;
  /*width:460px;*/
  background: none;
  padding: 0;
}

#content #contenuPrincipal #contenu .charte ul.espace li p {
  padding-top: 20px
}

#content .blog, #content .intros, #content .contentpaneopen {
  float: left;
  clear: both;
  position: relative;
  width: 95%;
  margin-left: 10px;
}

#content .mod_placehere .contentpaneopen {
  text-align: justify;
  line-height: 1.6;
  width: 100%;
}

#content .mod_placehere .contentpaneopen .encadre {
  width: 95% !important;
}

#content .mod_placehere .article_separator {
  display: none;
}

#content .contentpaneopen {
  margin-bottom: 10px;
}

#content .intros .article_separator {
  width: 100%;
  border-top: 2px dotted #b3b3b3;
  clear: both;
  position: relative;
  display: block;
  margin-top: 10px;
}

#content #contentBottom {
  padding: 10px;
  margin-left: 220px;
}

#global #content .bottomStoreLocator {
  width: 730px;
  margin: 0 auto;
}

#content #contentBottom .encartsHaut {
  padding: 10px 0;
  overflow: hidden;
}

#content #contentBottom .encartsBas {
  clear: both;
  padding: 10px 0;
  overflow: hidden;
}

#content #contentBottom #trouverDistrib {
  position: relative;
  float: right;
  padding-right: 8px;
  width: 275px;
  height: 117px;
  color: #FFF;
  background-image: url(../../../images/carte-1.jpg);
  background-repeat: no-repeat;
  background-position: 15% 75%;
}

#content #contentBottom #trouverDistrib .carte {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 90px;
  height: 110px;
  cursor: pointer;
}

#content #contentBottom #trouverDistrib .miniCarte {
  position: absolute;
  top: 0px;
  left: 25px;
  display: block;
  width: 81px;
  height: 90px;
  cursor: pointer;
}

#content #contentBottom #trouverDistrib h1 {
  position: relative;
  top: 15px;
  height: 15px;
  margin-left: 44px;
  overflow: hidden;
  font-size: 0.8rem;
  font-weight: bold;
  color: #DE001B;
}

#content #contentBottom #trouverDistrib h1 a span {
  display: none;
}

#content #contentBottom #trouverDistrib form {
  position: relative;
  top: 20px;
  left: 95px;
  width: 180px;
}

#content #contentBottom #trouverDistrib ul {
  margin: 0px;
  padding: 0px;
}

#content #contentBottom #trouverDistrib ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  padding-left: 18px;
  color: black;
  font-weight: bold;
  font-size: 11px;
  line-height: 2em;
  background: url(../images/trouvPuce.png) no-repeat left top;
}

#content #contentBottom #trouverDistrib ul li a {
  color: black;
  font-size: 11px;
  font-weight: bold;
  line-height: 2em;
}

#content #contentBottom #trouverDistrib input#dpt {
  border: 1px solid #BEC1C0;
  width: 16px;
  color: #767878;
  font-size: 11px;
  padding: 1px 1px;
  /* background-color: #eff3d0; */
}

#content #contentBottom #trouverDistrib input.btnOK {
  border: 0;
  position: relative;
  top: 5px;
}

#content #contentBottom #trouverDistrib .myDist {
  margin: 10px 0px 0px 80px;
  font-size: 11px;
  color: black;
  text-align: right;
  color: black;
}

#content #contentBottom #trouverDistrib .myDist #storelocator_del {
  display: block;
  float: right;
  width: 7px;
  height: 9px;
  background: url(../images/bt_storelocator_del.gif) top left no-repeat;
  cursor: pointer;
}

#content #contentBottom #trouverDistrib .distri {
  display: block;
  margin-top: 5px;
  font-size: 14px;
}

#content #contentBottom #trouverDistrib .puce {
  color: black;
  padding-left: 0px;
  /*background:url(../images/puce_fleche.gif) center left no-repeat;*/
  font-size: 11px;
  margin: 0 0 0 0;
  font-weight: normal;
  position: relative;
  top: 7px;
  text-decoration: underline;
}

#content #contentBottom div.storelocator {
  position: relative;
  float: left;
  width: 265px;
  height: 100px;
}

#content #contentBottom div.garantie {
  position: relative;
  float: left;
  width: 465px;
  height: 100px;
}

#content #contentBottom div.catalogue {
  float: left;
  width: 340px;
}

#content #contentBottom div.question {
  position: relative;
  float: left;
  width: 389px;
  height: 100px;
}

div.infoPromo, #content #contentBottom .encartsBas #promo3 {
  width: 170px;
  height: 100px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  float: left;
  color: #767878;
  position: relative;
}

#content #contentBottom .encartsBas #promo3 .rouge {
  font-weight: bold;
}

#content #contentBottom .encartsBas #promo3 a.multibox {
  position: absolute;
  bottom: 0;
  right: 0;
}

div.infoPromo p {
  font-size: 0.9em;
}

div.infoPromo a {
  font-size: 8pt;
}

div.infoPromo input.texte {
  border: 1px solid #ccc;
  width: 130px;
  float: left;
}

div.infoPromo input.btn {
  border: 0;
  background: transparent;
  color: #E30073;
  float: left;
  margin-left: 5px;
  font-weight: bold;
}

div.infoPromo h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}

/************************************/

/** Pied de page   **/

/************************************/

#footer #liensPC {
  float: right;
  padding-left: 5px;
  background: url(../images/bg_footer-light.gif) repeat-x left top;
}

#footer ul.menu {
  float: left;
  margin: 0px;
  height: 31px;
}

#footer ul.menu li {
  display: inline;
  line-height: 31px;
  list-style-type: none;
  border-left: 1px solid #FFF;
  padding: 0px 15px;
}

#footer ul.menu li.item64 {
  border: 0;
}

#footer ul.menu li.item20 {
  border: 0;
}

#footer ul.menu li a {
  color: #FFF;
  font-size: 11px;
}

#footer ul.menu li a:hover, #footer ul.menu li focus {
  color: #FFF;
  text-decoration: underline;
}

#footer ul.MenuFooter1 {
  background: url(../images/bg_footer-dark.gif) repeat-x left top;
}

#footer ul.MenuFooter1 li {
  padding: 0px 15px;
  float: left;
  display: inline;
  height: 31px;
  line-height: 31px;
}

#footer ul.MenuFooter1 li a {
  line-height: 31px;
}

#footer ul.MenuFooter1 li.item63 {
  background: url(../images/bg_footer-distrib.gif) repeat-x 0 0;
  border: none
}

#footer ul.MenuFooter2 li.item52 {
  border: none
}

/*** FERME DE LIEN **/

#footer_fermeLien * {
  zoom: 1
}

#footer_fermeLien {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 10px
}

#footer_fermeLien .colL, #footer_fermeLien .colM, #footer_fermeLien .colR {
  position: relative;
  width: 32%;
  float: left
}

#footer_fermeLien dl {
  font: 11px Arial;
  color: #666666
}

#footer_fermeLien dl dt {
  margin: 0px;
  padding: 0px 0px 2px 20px
}

#footer_fermeLien dl dt a {
  font: bold 12px Arial;
  color: #DE001D
}

#footer_fermeLien dl dd ul {
  padding-bottom: 10px
}

#footer_fermeLien dl dd ul li a {
  font: 11px Arial;
  color: #666666
}

#footer_fermeLien dl dd ul li a:hover {
  color: #000000
}

/************************************/

/** Mise en page VirtueMart   **/

/************************************/

div#vmMainPage .vmCross * {
  zoom: 1;
}

div.buttons_heading {}

div#vmMainPage h3 {
  color: #DE001B;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 10px;
}

div#vmMainPage div.catDescTop {
  float: left;
  width: 751px !important;
  margin-top: 10px;
  background: url(../images/catDescTop.jpg) no-repeat left top;
}

div#vmMainPage div.catDescBottom {
  float: left;
  width: 731px;
  margin-top: 10px;
  padding: 0 10px 10px 10px;
  background: url(../images/catDescBottom.jpg) no-repeat left bottom;
}

div#vmMainPage div.paginationTop {
  position: relative;
  float: left;
  width: 731px !important;
  /*background:url(../images/paginationTop.jpg) no-repeat left top;*/
  margin-bottom: 10px;
  z-index: 1;
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
}

div#vmMainPage div.orderBottom div.paginationTop {
  border-bottom: none;
}

div#vmMainPage div.paginationTop div.results {
  position: absolute;
  top: 7px;
  left: 5px;
  display: inline;
  z-index: 2;
  color: #666;
}

div#vmMainPage ul.pagination {
  position: relative;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  /*background:url(../images/paginationBottom.jpg) no-repeat left bottom;*/
  text-align: right;
  z-index: 4;
}

ul.pagination li {
  display: inline;
  padding: 0;
  list-style: none;
}

div#vmMainPage ul.pagination li a, div#vmMainPage ul.pagination li span {
  color: #999;
  font-size: 0.9em;
  line-height: 18px;
  padding: 2px 0px;
}

div#vmMainPage ul.pagination li a strong {
  font-weight: normal;
}

div#vmMainPage ul.pagination li span.pagenav {
  color: #999;
  /*background:url(../images/paginationSelected.gif) no-repeat left bottom;*/
}

div#vmMainPage ul.pagination li span.single {
  color: #d6021d;
}

div#vmMainPage div.paginationTop div.orderBy {
  position: absolute;
  top: 4px;
  left: 210px;
  display: inline;
  font-size: 10px;
  font-weight: bold;
  z-index: 5;
}

div#vmMainPage div.paginationTop div.orderBy select {
  margin: 0
}

div#vmMainPage div.product_list, div#vmMainPage div#product_list {
  margin: 10px 0 0 10px;
}

* html body div.orderBy select {
  margin-top: -1px;
}

/*Promo*/

.flagTitle {
  /*min-height:45px;*/
  overflow: hidden;
}

div#vmMainPage h3.tab_promo {
  position: relative;
  margin-bottom: 0px;
  font-size: 10px;
  font-weight: bold;
  float: left;
  text-decoration: none;
  background: url(../images/bg_tab-promos-droite.gif) top right repeat-x;
  display: inline;
}

* html body div#vmMainPage h3.tab_promo {
  width: 300px;
}

div#vmMainPage h3.tab_promo a {
  padding: 5px 10px 0 10px;
  height: 19px;
  color: #fff;
  display: block;
  background: url(../images/bg_tab-promos-gauche.gif) top left no-repeat;
}

div#vmMainPage h3.tab_promo a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

/*Catalogue*/

div#vmMainPage div.articleBox {
  position: relative;
  /*padding:0px 11px 0px 0px;*/
  padding: 0px 0px 0px 0px;
  width: 180px !important;
  float: left;
  background: url(../images/bg_separProduits.gif) right center no-repeat;
}

div#vmMainPage div.separator {
  clear: both;
  height: 45px;
  background: url(../images/bg_separator.png) center left repeat-x;
}

div#vmMainPage div.browseProductContainer {
  float: left;
  position: relative;
  min-height: 290px;
  width: 165px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
  text-align: center;
}

* html body div#vmMainPage div.browseProductContainer {
  height: 290px;
}

div#vmMainPage div.browseProductImageContainer {
  float: none;
  text-align: center;
  height: 150px;
  /*background:url(../images/stories/sep-vertical.gif) no-repeat 100% 0;*/
  width: 165px;
  margin: 0 auto;
}

div#vmMainPage div.browseProductContainer a.lienFichePdt, div#vmMainPage div.articleBox a.lienFichePdt {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -35px;
  z-index: 2;
  zoom: 1;
  width: 77px;
  height: 19px;
  line-height: 19px;
  color: #FFF;
  font-size: 10px;
  text-align: center;
  background: url(../images/bt_plus-infos.png) top left no-repeat;
}

div#vmMainPage #tab_flags div.articleBox a.lienFichePdt {
  margin-left: -45px;
}

div#vmMainPage div.lastCol {
  background: none !important;
  float: left;
}

div#vmMainPage div.articleBox div.browseProductContainer h3.browseProductTitle {
  position: relative;
  text-align: center;
  margin: 0 5px;
  clear: both;
}

div#vmMainPage div.articleBox h3.browseProductTitle a {
  color: #666;
  display: block;
  font-weight: bold;
  padding: 0 0 0 0;
}

div#vmMainPage div.articleBox .browsePriceContainer {
  padding: 2px 0;
  text-align: center;
  color: #fff;
  width: 100px;
  margin: 0 auto;
  background: #ff0000;
}

div#vmMainPage div.articleBox .productPrice {
  font-weight: bold;
  color: #fff;
}

div#vmMainPage div.articleBox .taxe {
  color: #fff;
  margin-left: 5px;
  font-weight: bold;
}

/*onglets*/

#tab_flags {
  position: relative;
  width: 730px;
  height: 340px;
  margin: 0 0 10px -8px;
}

.page_promo {
  position: relative;
  width: 730px;
  height: 340px;
  margin: 40px 0 10px 0px;
}

#tab_flags .tab_flags_content, .page_promo .tab_flags_content {
  clear: both;
  margin-top: -1px;
  height: 300px;
  text-align: center;
  background: url(../images/bg_tabs-content.png) top left no-repeat
}

.page_promo .tab_flags_content {
  padding-top: 8px;
}

div#vmMainPage .tab_flags_content div.articleBox {
  height: 282px;
  width: 230px !important;
  margin: 0px;
  padding: 0px 5px 10px;
  text-align: center;
}

div#vmMainPage .tab_flags_content div.articleBox div.productContainer {
  width: 215px;
  text-align: center
}

div#vmMainPage .tab_flags_content div.lastProduct {
  background: none
}

#tab_flags #onglet0_content, #tab_flags #onglet1_content, #tab_flags #onglet2_content, #tab_flags #onglet3_content {
  padding-top: 8px;
}

#tab_flags #onglet0_content {}

#tab_flags #onglet1_content {}

#tab_flags #onglet2_content {}

#vmMainPage #tab_flags .onglets {
  position: relative;
  height: 25px;
  background: none;
  list-style: none;
  margin: 0;
  padding: 0 0;
  overflow: hidden;
}

#tab_flags .onglets li {
  display: inline;
  position: relative;
}

#vmMainPage #tab_flags .onglets li a {
  position: absolute;
  top: 0px;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 0 0;
  padding: 0px;
  font-size: 10px;
  color: #999;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
  background: url(../images/tab_flags_back.gif) top left no-repeat;
}

#vmMainPage #tab_flags .onglets li a#onglet0 {
  left: 0px;
  margin-left: 0px;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/tab_flags_first_back.gif) top left no-repeat;
}

#vmMainPage #tab_flags .onglets li a#onglet1 {
  left: 158px;
}

#vmMainPage #tab_flags .onglets li.ssSpicers a#onglet1 {
  left: 108px;
}

#vmMainPage #tab_flags .onglets li a#onglet2 {
  left: 266px;
}

#vmMainPage #tab_flags .onglets li.ssSpicers a#onglet2 {
  left: 216px;
}

#vmMainPage #tab_flags .onglets li a#onglet3 {
  left: 372px;
}

#vmMainPage #tab_flags .onglets li.ssSpicers a#onglet3 {
  left: 322px;
}

#vmMainPage #tab_flags .onglets li.spicers {
  z-index: 4
}

#vmMainPage #tab_flags .onglets li.promo {
  z-index: 3
}

#vmMainPage #tab_flags .onglets li.news {
  z-index: 2
}

#vmMainPage #tab_flags .onglets li.bestSales {
  z-index: 1
}

#vmMainPage #tab_flags .onglets li.spicers a {
  width: 160px;
  margin-left: 0px;
  background: url(../images/bg_tab-pleinciel-unselect.png) top left no-repeat !important;
  z-index: 4 !important;
}

#vmMainPage #tab_flags .onglets li.promo a {
  width: 112px;
  margin-left: 0px;
  background: url(../images/bg_tab-promos-unselect.png) top left no-repeat !important;
  z-index: 3 !important;
}

#vmMainPage #tab_flags .onglets li.news a {
  width: 112px;
  margin-left: 0px;
  background: url(../images/bg_tab-news-unselect.png) top left no-repeat !important;
  z-index: 2 !important;
}

#vmMainPage #tab_flags .onglets li.bestSales a {
  width: 160px;
  margin-left: 0px;
  background: url(../images/bg_tab-ventes-unselect.png	) top left no-repeat !important;
  z-index: 1 !important;
}

#vmMainPage #tab_flags .onglets li.spicers a.selected {
  width: 160px;
  margin-left: 0px;
  background: url(../images/bg_tab-pleinciel.png) bottom left no-repeat !important;
  margin-top: 1px;
  z-index: 7 !important;
}

#vmMainPage #tab_flags .onglets li.promo a.selected {
  width: 112px;
  margin-left: 0px;
  background: url(../images/bg_tab-promos.png) bottom left no-repeat !important;
  margin-top: 1px;
  z-index: 6 !important;
}

#vmMainPage #tab_flags .onglets li.news a.selected {
  width: 112px;
  margin-left: 0px;
  background: url(../images/bg_tab-news.png) bottom left no-repeat !important;
  margin-top: 1px;
  z-index: 5 !important;
}

#vmMainPage #tab_flags .onglets li.bestSales a.selected {
  width: 160px;
  margin-left: 0px;
  background: url(../images/bg_tab-ventes.png	) bottom left no-repeat !important;
  margin-top: 1px;
  z-index: 4 !important;
}

#vmMainPage #tab_flags .onglets li.ongletActif {
  z-index: 5
}

#vmMainPage #tab_flags .onglets li a span {
  color: #787878;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  top: -5000px;
  position: relative;
}

#vmMainPage #tab_flags .onglets li a.selected span {
  color: #DE001B;
}

/* Gestion des flags*/

ul.flags {
  clear: both;
  color: #DC1D24;
  margin: 0px;
  margin: 5px 0;
  /*padding-left:11px;*/
}

.tab_promo ul.flags {
  margin-bottom: 0px;
}

ul.flags li {
  list-style: none;
  width: 120px;
  margin-bottom: 3px;
  padding: 2px 0;
  font-weight: bold;
  /*float:left;
	display:inline;*/
}

/*nouveautes*/

ul.flags li.flag1 {
  width: 72px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: center;
  background: #a2c11e;
}

ul.flags li.flag2 {
  width: auto;
  height: auto;
  position: absolute;
  top: 180px;
  right: 45px;
}

ul.listProd li.flag2 {
  top: 180px;
  right: 15px;
}

/*promos*/

ul.flags li.flag4 {
  width: 72px;
  margin-left: auto;
  margin-right: auto;
  color: #F00;
  text-align: center;
  background: #fcee21;
}

/************************************/

/** Store Locator   **/

/************************************/

#storeLocator {
  position: relative;
  width: 930px;
  overflow: hidden;
  clear: both;
}

#storeLocator #carteFrance {
  position: relative;
  top: 0px;
  left: 0px;
  width: 304px;
  height: 303px;
  margin-top: 10px;
  background: url(../images/carte_france.jpg) top center no-repeat;
  z-index: 2;
}

#storeLocator #carteIdf {
  position: absolute;
  top: 50px;
  left: 60px;
  width: 220px;
  height: 182px;
  z-index: 1;
}

#storeLocator #carteIdf map {
  clear: both;
  position: relative;
  z-index: 101;
  background: red;
}

#storeLocator #carteIdf a {
  background: url(../images/bg-blank.gif);
}

#storeLocator #carteIdf #paris {
  display: block;
  position: absolute;
  top: 30px;
  left: 20px;
  width: 35px;
  height: 20px;
}

#storeLocator #carteIdf #seine {
  display: block;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 20px;
  height: 60px;
}

#storeLocator #carteIdf #denis {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25px;
  height: 40px;
}

#storeLocator #carteIdf #marne {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 40px;
  height: 35px;
}

/*#storeLocator .choix{
	font-weight:bold;
}*/

#storeLocator .choix1, #storeLocator .choix2 {
  padding: 0 0 0 30px;
  height: 22px;
  display: block;
}

#storeLocator .choix1 {
  background: url(../images/picto-loupe.gif) no-repeat 0 0;
}

#storeLocator .choix2 {
  background: url(../images/picto-fleche.gif) no-repeat 0 0;
}

#storeLocator a.viewAll {
  padding-left: 10px;
  color: #787878;
  font-size: 11px;
  text-decoration: underline;
  /*background:url(../images/puce_rose.gif) center left no-repeat;*/
}

/* ajout QB */

#content #contenuPrincipal #storeLocator .titre_distrib1 {
  background: url(../images/img-loupe2.gif) no-repeat 0 0;
  padding: 0 0 0 30px;
  margin: 5px;
  display: block;
  height: 20px;
}

#content #contenuPrincipal #storeLocator .titre_distrib2 {
  font-weight: bold;
  color: #333;
  margin: 10px 0 0 0;
}

#storeLocator .contenu {
  position: relative;
  clear: both;
  overflow: hidden;
}

#storeLocator .ct_storeLocator0 {
  position: relative;
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 0 0 30px 0;
}

#storeLocator .contenu .ct_storeLocator1 {
  float: left;
  display: inline;
  width: 356px;
  position: relative;
  background: url(../images/sep-vertical.gif) no-repeat right top;
  padding-bottom: 20px;
}

#storeLocator .contenu .ct_storeLocator2 {
  float: left;
  display: inline;
  width: 506px;
  margin-bottom: 20px;
  padding: 0 0 0 40px;
  position: relative;
}

#storeLocator .ct_distrib {
  position: relative;
  width: 100%;
  background: url(../images/stories/bg-pointille.gif) repeat-x top left;
}

#storeLocator .ct_distrib p {
  padding: 14px 0 0 0;
  color: #666666;
  font-size: 11px;
}

/* fin ajout QB */

#idFormStoreLocator {
  width: 484px;
  height: 77px;
  padding: 10px;
  margin: 10px 0px;
  background: url(../images/bg_storelocator_form.gif) top left no-repeat;
}

#idFormStoreLocator .field {
  height: 24px;
  margin-bottom: 5px;
}

#idFormStoreLocator .field_check {
  float: right;
  width: 190px;
  display: inline;
}

#idFormStoreLocator .field_check .bt_submit {
  clear: both;
}

#idFormStoreLocator .field_check .bt_submit input {
  margin: 30px 0 0 0px;
  padding: 0;
}

*+html #idFormStoreLocator .field_check .bt_submit input {
  margin-top: 25px
}

/* fix IE7 */

*html #idFormStoreLocator .field_check .bt_submit input {
  margin-top: 25px
}

/* fix IE6 */

#idFormStoreLocator #idDivFormStoreLocatorVille {
  float: left;
  width: 190px;
}

#idFormStoreLocator .field label {
  display: block;
  float: left;
  width: 80px;
}

#idFormStoreLocator .field_check label {}

#idFormStoreLocator select {
  width: 190px;
  float: left;
}

#idFormStoreLocator .field_check p {
  float: left;
  width: 49%;
  margin-bottom: 0;
}

#idFormStoreLocator p#idFMSLCompteRendu {
  clear: both;
  margin: 0px;
  padding-left: 10px;
  font-weight: bold;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

#idFormStoreLocator p#idFMSLCompteRendu span {
  /*color:#E30073;*/
  color: #d6021d;
}

#idStoreLocatorResults {
  width: 506px;
  padding: 0 0 0 51px;
  display: inline;
  float: left;
}

#idStoreLocatorResults h3 {
  /*color:#E30073;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;*/
  color: #d6021d;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 11px;
  margin-bottom: 10px;
  width: 550px;
  background: url(../images/bg_pointille_storelocatore_result.gif) bottom left repeat-x;
}

#idStoreLocatorResults h3 span {
  /*color:#000;*/
  color: #666;
}

#idStoreLocatorResults a.puce {
  display: block;
  padding-left: 10px;
  font-weight: bold;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

#idStoreLocatorResults table {
  border-collapse: collapse;
  width: 520px;
}

#idStoreLocatorResults table tr {}

#idStoreLocatorResults table tr td {
  padding: 4px 5px;
  height: 21px;
  border-bottom: #b3b3b3 1px solid;
}

#idStoreLocatorResults table td.distributeur {
  width: 200px;
}

#idStoreLocatorResults table td.relayeoperation, #idStoreLocatorResults table td.ouvertpart, #idStoreLocatorResults table td.venteparticulier, #idStoreLocatorResults table td.urlaffichee {
  background: none;
}

/*
#idStoreLocatorResults table td.relayeoperation {
	background:url(../images/bg_td-url-sep.gif) right 50% no-repeat;
}
#idStoreLocatorResults table td.ouvertpart {
	background:url(../images/bg_td-url-sep.gif) right 50% no-repeat;
}
#idStoreLocatorResults table td.venteparticulier{
	background:url(../images/bg_td-url-sep.gif) right 50% no-repeat;
}*/

#idStoreLocatorResults table td {
  background: url(../images/bg_td-sep.gif) right 50% no-repeat;
}

#idStoreLocatorResults table td.pictos {
  background: none;
}

#idStoreLocatorResults table tr td a {
  padding-left: 20px;
  color: #d6021d;
  font-weight: bold;
  background: url(../images/puceCarre.gif) left 5px no-repeat;
}

/*Fiche*/

.storeCross {
  float: left;
  position: relative;
  width: 330px;
  background: url(../images/bg_storeCross-middle.gif) right repeat-y;
}

.storeCross div.storeCross_top {
  float: left;
  width: 330px;
  background: url(../images/bg_storeCross-top.gif) top right no-repeat;
}

.storeCross div.storeCross_bottom {
  float: left;
  width: 330px;
  background: url(../images/bg_storeCross-bottom.gif) bottom right no-repeat;
}

.storeCross .titre {
  font-weight: bold;
  color: #FF021D;
  font-size: 14px;
  background: url(../images/puceFleche.gif) left top no-repeat;
  padding-left: 30px;
  margin-bottom: 5px;
}

.storeCross ul {
  margin-left: 30px;
}

.storeCross ul li {
  font-size: 10px;
  padding: 0 0 10px 0;
  margin: 10px 0 0 0;
  border-bottom: solid 1px #b3b3b3;
  width: 250px;
  background: url(../images/puceCarre.gif) left 4px no-repeat;
}

.storeCross ul li a {
  display: block;
  padding-left: 10px;
  float: left;
  width: 130px;
  color: #FF021D;
  font-weight: bold;
  font-size: 11px;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

.storeCross ul li span {
  padding-left: 10px;
  display: block;
  float: left;
  width: 100px;
}

.details {
  float: left;
  margin: 0 0 0 10px;
  width: 565px;
}

.details .imgDistrib {
  float: left;
  width: 205px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
}

img.image_distributeur {}

.details .mapPics {
  float: right;
  width: 360px;
  min-height: 210px;
  height: auto !important;
  height: 210px;
}

.details .mapPics .gmnoprint * {
  font-size: 10px;
}

.details h3 {
  margin-bottom: 10px;
}

.details a.puce {
  padding-left: 10px;
  color: #787878;
  font-weight: bold;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

.details hr {
  clear: both;
  display: block;
  height: 1px;
  margin: 10px 0 5px 0;
  padding-top: 10px;
  border: none;
  border-bottom: 1px dotted #787878
}

.details p {
  margin-bottom: 10px;
  padding: 0 5px;
}

.details p.adresse, .details p.tel {
  float: left;
  width: 120px;
  border-right: #b3b3b3 1px solid;
  height: 70px;
}

.details p.tel {
  width: 230px;
}

.details p span {
  color: #4d4d4d;
  font-weight: bold;
}

.details ul.spec {
  float: left;
  margin-left: 5px;
}

.details ul.spec li span {
  float: left;
}

.details ul.spec li span.picto {
  float: left;
  width: 35px;
}

.details .listeLiens {
  float: left;
  width: 205px;
}

.details ul {
  margin: 0 auto;
  padding: 0px;
  margin-bottom: 20px;
  list-style-type: none;
  width: 185px;
}

.details ul li {
  height: 21px;
  line-height: 21px;
  margin: 0px;
  padding: 0px;
}

.details ul li img {
  margin-right: 10px;
  vertical-align: middle;
}

.details .listeLiens ul.btsNoir li a {
  font-size: 11px;
}

.details .listeLiens ul.btsNoir li a span {
  font-size: 11px;
  width: 165px;
}

.details ul.btsNoir li {
  height: 34px;
  line-height: 26px;
  margin: 0px;
  padding: 0px;
}

.btNoir {
  display: block;
  float: left;
  height: 24px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  background: #FFFFFF url(../images/boutonNoirLeft.gif) no-repeat left top;
}

.btNoir span {
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  padding-right: 10px;
  text-align: center;
  background: #FFFFFF url(../images/boutonNoirRight.gif) no-repeat right top;
  cursor: pointer;
}

.btGris {
  background: #FFFFFF url(../images/boutonGrisLeft.gif) no-repeat left top !important;
}

.btGris span {
  background: #FFFFFF url(../images/boutonGrisRight.gif) no-repeat right top !important;
}

.details .btNoir span {
  display: block;
  float: left;
  height: 24px;
  width: 200px;
  line-height: 24px;
  padding-right: 10px;
  text-align: center;
  background: #fff url(../images/boutonNoirRight.gif) no-repeat right top;
  font-size: 11px;
}

.details .lienSiteDistrib {
  margin-top: 10px;
  display: block;
  float: left;
  width: 100%;
  color: #d6021d;
  text-decoration: underline;
}

/*BoxDetails*/

.frameContent {
  margin: 20px;
  text-align: left;
}

h2.boxTitle {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #d6021d;
  text-align: center;
}

h3.boxTitle {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #787878;
}

#idFormBoxStoreLocator {
  width: 525px;
  height: 77px;
  padding: 10px;
  background: url(../images/bg_storelocator_form.gif) top left no-repeat;
}

#idFormBoxStoreLocator label {
  display: block;
  float: left;
  width: 50px;
}

#idFormBoxStoreLocator label.dpt {
  width: 85px;
}

#idFormBoxStoreLocator label.vil {
  width: 35px;
}

#idFormBoxStoreLocator .selectBox {
  float: left;
  width: 210px;
}

#idFormBoxStoreLocator select {
  width: 190px;
}

#idDivFormStoreLocatorVille {
  float: left;
  width: 190px;
}

#idFormBoxStoreLocator p#idFMSLCompteRendu {
  display: none;
  clear: both;
  margin: 0px;
  padding-left: 10px;
  font-weight: bold;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

#idFormBoxStoreLocator p#idFMSLCompteRendu span {
  color: #d6021d;
}

.boxdetails {
  color: #787878;
}

.boxdetails ul {
  float: right;
  width: 200px;
  height: 200px;
}
.boxdetails ul.btsNoir {
	float:left;
	height: auto;
}

.boxdetails h3 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #d6021d;
  color: #d6021d;
}

.boxdetails a.puce {
  padding-left: 10px;
  color: #787878;
  font-weight: bold;
  background: url(../images/puce_rose.gif) center left no-repeat;
}

.boxdetails hr {
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: 5px;
  border: none;
  border-bottom: 1px solid #787878
}

.boxdetails p {
  margin-bottom: 10px;
}

.boxdetails p span {
  color: #000;
  font-weight: bold;
}

.boxdetails .listBoutonsDistrib {
  position: relative;
  width: 500px;
  overflow: hidden
}

.boxdetails .btNoir {
  display: block;
  float: left;
  height: 24px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  background: #fff url(../images/boutonNoirLeft.gif) no-repeat left top;
  margin-right: 10px;
}

.boxdetails .btNoir span {
  display: block;
  float: left;
  height: 24px;
  width: 200px;
  line-height: 24px;
  padding-right: 10px;
  text-align: center;
  background: #fff url(../images/boutonNoirRight.gif) no-repeat right top;
  font-size: 8pt;
}

#check_distrib_default {
  clear: both;
}

/************************************/

/** Encart particuliers   **/

/************************************/

div#modulesContent {
  margin-top: 20px;
}

.devenirDistrib {
  position: relative;
  float: left;
  width: 445px;
  height: 109px;
  background: url(../images/devenirDistrib.jpg) no-repeat left top;
  margin-right: 10px;
}

.devenirDistrib h3 {
  margin-left: 125px;
  color: #DE001B;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 15px;
}

.devenirDistrib p {
  margin-left: 125px;
  font-size: 0.9em;
}

.devenirDistrib p a {
  position: relative;
  top: 10px;
}

.devenirFranchise {
  position: relative;
  float: left;
  width: 255px;
  height: 89px;
  background: url(../images/devenirFranchise.gif) no-repeat left top;
  color: #fff;
  padding: 10px;
}

.devenirFranchise h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 5px;
  color: #fff;
}

.devenirFranchise p {
  font-size: 0.9em;
}

.devenirFranchise p a {
  position: relative;
  top: 10px;
}

/************************************/

/** Fiche produit                  **/

/************************************/

#vmMainPage .titreCate {
  color: #ff021d;
  font-size: 16px;
  border-bottom: 2px dotted #ccc;
  font-weight: bold;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  position: relative;
}

#vmMainPage .productImage {
  position: relative;
  float: left;
  width: 300px;
  height: 300px;
  padding: 2px;
  text-align: center;
  margin: 0 20px 10px 0;
}

#vmMainPage .productImage .zoom {
  position: absolute;
  bottom: 0;
  right: 0;
}

#vmMainPage .productInfoGeneral {
  position: relative;
  float: left;
  width: 360px;
  height: 300px;
  padding-left: 30px;
  padding-top: 5px;
  background: url(../images/bg_separator_prod.png) no-repeat left center;
}

#vmMainPage .productInfoGeneral ul#product_flag_list {
  margin-left: 0;
}

#vmMainPage .productInfoGeneral ul#product_flag_list li {
  float: left;
  list-style: none;
}

#vmMainPage .productInfoGeneral ul#product_flag_list li.flag2 {
  position: absolute;
  top: 0px;
  right: 20px;
}

#vmMainPage .productInfoGeneral ul#product_flag_list li.flag1 {
  width: 72px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: center;
  background: #a2c11e;
  margin-right: 2px;
}

#vmMainPage .productInfoGeneral ul#product_flag_list li.flag4 {
  width: 72px;
  margin-left: auto;
  margin-right: auto;
  color: #F00;
  text-align: center;
  background: #fcee21;
}

#vmMainPage .productInfoGeneral h1 {
  clear: both;
  color: #666;
  font-size: 14pt;
  padding: 5px 0 7px 0;
  border-bottom: 2px dotted #cccccc;
}

#vmMainPage p.ref span {
  color: #ff021d;
  font-size: 13px;
}

#vmMainPage p .goToProducts {
  color: #E30073;
}

#vmMainPage p.price {
  margin-top: 20px;
}

#vmMainPage .productInfoGeneral span.product-Old-Price {
  color: #505050;
}

#vmMainPage .productInfoGeneral span.productPrice, #vmMainPage .productInfoGeneral span.taxe {
  margin: 0;
  text-align: center;
  height: 18px;
  background: #ff0214;
  border: 1px solid #ff818a;
  color: #fff;
  padding: 3px 0;
}

#vmMainPage .productInfoGeneral span.productPrice {
  border-right: 0;
  padding-left: 5px;
}

#vmMainPage .productInfoGeneral span.taxe {
  border-left: 0;
  padding-right: 5px;
}

#vmMainPage .productInfoGeneral p.trouvDistrib {
  position: absolute;
  bottom: 0px;
  left: 80px;
}

#vmMainPage .product_desc {
  clear: both;
  background: url(../images/bg_product-desc.png) bottom left no-repeat;
  padding-bottom: 8px;
}

#vmMainPage .product_desc_content {
  padding: 10px;
  background: url(../images/bg_product-desc-top.png) top left no-repeat;
}

#vmMainPage .product_desc_content .title {
  display: block;
  margin-bottom: 5px;
  color: #ff021d;
  font-weight: bold;
}

#vmMainPage h3.related {
  width: 100%;
  height: 20px;
  margin: 20px 0px;
  padding-bottom: 5px;
  color: #ff021d;
  background: url(../images/bg_separator.png) bottom left repeat-x;
}

#vmMainPage div.relatedProducts {
  clear: both;
  width: 100%;
  height: 330px;
}

#vmMainPage div.relProduct h3 {
  width: 100%;
}

#lbOverlay, #lbCenter, #lbBottomContainer {
  z-index: 10;
}

.vmCross ul {
  margin: 0px
}

.vmRecent .vmRecentDetail li a.product_name, .vmCross ul li a {
  padding-left: 10px;
  color: #666;
  background: url(../images/puce_product_arrow.png) center left no-repeat;
}

.vmRecent .vmRecentDetail li a.product_name span, .vmCross ul li a span {
  color: #ff021d;
  font-weight: bold;
}

/************************************/

/** Styles générique set mise en page   **/

/************************************/

a.boutonNoir {
  background: url(../images/boutonNoirLeft.gif) no-repeat left top;
  font-size: 10px !important;
  font-weight: bold;
  padding: 6px 0px 6px 32px;
  cursor: pointer;
  display: inline;
  float: left;
}

a.boutonNoir:hover {
  text-decoration: none;
}

a.boutonNoir span {
  background: #ffffff url(../images/boutonNoirRight.gif) no-repeat right top;
  color: #fff;
  padding: 6px 10px 6px 5px;
  cursor: pointer;
}

.encadre a.boutonNoir span {
  background: #efefef url(../images/boutonNoirRight.gif) no-repeat right top;
}

.left {
  float: left;
  display: inline;
}

img.left {
  margin-top: 0 !important;
}

.right {
  float: right;
  display: inline;
}

.center {
  text-align: center !important;
}

.rouge, .rouge a {
  color: #DE001B !important;
}

.gris, .gris a {
  color: #767878;
}

.gras, .gras a {
  font-weight: bold;
}

.petitGris {
  color: #767878;
  font-size: 11px;
}

.filet {
  border: 1px solid #aaa
}

.pad10 {
  padding: 10px
}

.marg10 {
  margin-bottom: 10px
}

div#blocUniversPagePromo div.browseProductImageContainer {
  width: 150px;
}

div#blocUniversPagePromo div.product_snapshot {
  float: left;
  ;
}

.clair {
  background-color: #FFF;
}

.foncer {
  background-color: #F0F0F0;
}

.clair a {
  font-weight: bold;
}

.foncer a {
  font-weight: bold;
}

dl#listeOngletsCategories, dl#listeOngletsCategories dd, div.current dd, div.current {
  margin: 0;
  padding: 0;
}

a.btNoirPetit {
  display: block;
  height: 24px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  width: 74px;
  padding-top: 3px;
  background: url(../images/btNoirPetit.gif) no-repeat left top;
}

a.btNoirMoyen {
  display: block;
  height: 24px;
  margin-bottom: 10px;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  width: 150px;
  padding-top: 3px;
  background: url(../images/btNoirMoyen.gif) no-repeat left top;
}

a.btNoirGrand {
  display: block;
  height: 24px;
  text-align: center;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  width: 250px;
  padding-top: 3px;
  background: url(../images/btNoirGrand.gif) no-repeat left top;
}

p.centre {
  text-align: center;
}

.encadre {
  border: 1px solid rgb(170, 170, 170);
  padding: 10px;
  background-color: rgb(239, 239, 239);
  margin: 20px 0 0 0;
  position: relative;
  width: 97%;
  zoom: 1;
}

.encadre * {
  position: relative;
}

.encadre p {
  margin: 15px 100px;
}

#content #contenuPrincipal #contenu .article-content .encadre h3 {
  margin: 0 0 10px 0
}

#content #contenuPrincipal #contenu .article-content .encadre ul li {
  background: url(../images/puce_contenu_gris.gif) no-repeat left 2px;
}

/***************** Slection imprimante **************/

#typeImprim {
  display: none;
}

/********************Formulaire de Recherche****************************/

#searchForm .searchInputOptions {
  position: relative;
  overflow: visible;
  height: 77px;
  padding: 10px;
  margin-bottom: 10px;
  background: url(../images/bg_search.gif) no-repeat left top;
}

#searchForm .black {
  display: block;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
}

#searchForm .searchInputOptions .searchInput {
  float: left;
  width: 360px;
  padding-left: 60px;
}

#searchForm .searchInputOptions .searchOptions {
  height: 15px;
  margin-top: 10px;
}

#searchForm .searchInputOptions .searchOptions .input_field {
  float: left;
  padding-right: 10px;
}

#searchForm .btSearch {
  height: 47px;
  padding-top: 15px;
  padding-left: 70px;
  background: url(../images/bg_search_filter.gif) no-repeat left top;
}

#searchForm .searchFilter {
  float: right;
  width: 250px;
}

#searchForm .searchFilter ul {
  display: block;
  margin: 0px;
  padding: 0px;
}

#searchForm .searchFilter ul li {
  display: block;
  margin-bottom: 5px;
}

#searchForm .nav {
  margin-top: 10px;
}

#searchResults {
  clear: right;
}

#searchResults tr td .clair, #searchResults tr td .foncer {
  margin: 5px 5px 0px 5px;
  white-space: normal;
  overflow: hidden;
  width: 720px
  /* old padding:5px */
}

#searchResults tr td h4 {
  padding-left: 10px;
  color: #000;
  font-weight: bold;
  background: url(../images/puceRouge.gif) top left no-repeat;
}

#searchResults tr td .small a {
  color: #787878;
  font-weight: normal;
}

#searchResultspagination {
  clear: both
}

.surface {
  float: left;
  display: block;
  margin-bottom: 20px;
  padding: 10px;
  background: #efefef;
  border: 1px solid #AAAAAA;
  width: 550px;
}

#content #contenuPrincipal #contenu .article-content .surface ul li {
  background: url(../images/puce_contenu_gris.gif) no-repeat left 2px;
}

#content #contenuPrincipal #contenu .article-content .surface h3 {
  margin-top: 0;
}

.surface img {
  float: left;
  display: inline;
}

.surface ul.coordonnee {
  float: left;
  padding-top: 15px
}

.surface ul.coordonnee li {
  margin: 5px 0;
}

.surface ul.coordonnee li span {
  float: left;
  width: 80px;
}
.pleinCielEmployes__logo {
  margin: 0 21px;
}

img.simca {
  float: right;
  display: inline;
}

#flashcontent {
  width: 704px;
  height: 303px;
  overflow: hidden;
  margin-left: 10px;
  display: flex;
}

.article-content #flashcontent {
  height: 450px;
}

#flashcontentPictos {
  width: 74px;
  height: 74px;
  overflow: hidden;
}

.txtGris, .txtGris a {
  color: #767878;
}

.palmares__slogan, .magasinImg__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.magasinImg__container {
  margin-left: -5px;
}

.headerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.avantages__img {
  margin-top: 8px;
}

.advert1 {
  width: 704px;
  margin-top: 15px;
}

.deliveryMan {
  margin-left: 14px;
  position: relative;
  top: -41px;
  z-index: 1;
}

.servicesWarranty {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.servicesWarranty h2 {
  position: relative;
  left: -59px;
}

.recrute {
  text-transform: uppercase;
}

.pleinCielEmployes__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pleinCielEmployes__logo {
  margin: 0 21px;
}

.infoRequest span {
  line-height: 150%;
}

.press__text {
  margin-top: 25px;
}

.press__text li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.press__img {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.partnerStore {
  color: #de001b;
}

.header__squaredProducts {
  margin-left: 28px;
}

.findAndBecomePleinCiel {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 20%;
}

#content #contenuPrincipal #contenu .article-content img.engagements__img {
  margin: 40px 0 0 0;
}

#content #homeBottom #promos p.promoTitle {
  text-align: center;
  margin: 5px 0 20px 0;
  font-size: 1.5rem;
  color: #DE001D;
}

#content #contenuPrincipal #contenu .article-content img.PCProFirst__img {
  margin: 10px 0;
}

#content #contenuPrincipal #contenu .article-content img.adveo__lrgImg {
  margin: 0;
}

#homeLeft #flashcontent .bannerText__container .bannerText {
  color: #3D372F;
  font-size: 1.2rem;
  line-height: 1.1;
  margin-left: 40px;
}

.findYourHyper__img {
  border-radius: 5px 0 0 5px;
}

.partners__img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.ourStores__img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#content #homeBottom #promos p.promoTitle {
  text-align: center;
  margin: 5px 0 20px 0;
  font-size: 1.5rem;
  color: #DE001D;
}

.palmares__slogan, .magasinImg__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.headerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.avantages__img {
  margin-top: 8px;
}

.advert1 {
  width: 704px;
  margin-top: 15px;
}

.deliveryMan {
  margin-left: 14px;
  position: relative;
  top: -41px;
  z-index: 1;
}

.servicesWarranty {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.servicesWarranty h2 {
  position: relative;
  left: -59px;
}

.recrute {
  text-transform: uppercase;
}

.pleinCielEmployes__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.infoRequest span {
  line-height: 150%;
}

.press__text {
  margin-top: 25px;
}

.press__text li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.press__img {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.partnerStore {
  color: #de001b;
}

.header__squaredProducts {
  margin-left: 28px;
}

.findAndBecomePleinCiel {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 20%;
}

#content #contenuPrincipal #contenu .article-content img.engagements__img {
  margin: 40px 0 0 0;
}

#content #homeBottom #promos p.promoTitle {
  text-align: center;
  margin: 5px 0 20px 0;
  font-size: 1.5rem;
  color: #DE001D;
}

#content #contenuPrincipal #contenu .article-content img.PCProFirst__img {
  margin: 10px 0;
}

#content #contenuPrincipal #contenu .article-content img.adveo__lrgImg {
  margin: 0;
}

#homeLeft #flashcontent .bannerText__container .bannerText {
  color: #3D372F;
  font-size: 1.2rem;
  line-height: 1.1;
  margin-left: 40px;
}

.findYourHyper__img {
  border-radius: 5px 0 0 5px;
}

.partners__img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.ourStores__img {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.actuAlignement {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
}

.redSquare {
  background-color: red;
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.25), 0 9px 22px 0 rgba(0, 0, 0, 0.24);
  height: 222px;
  width: 244px;
  padding: 5px;
  margin-bottom: 20px;
}

.signTitle {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 55px;
  color: white;
  text-align: center;
  margin: 0;
}

.redSquare p.signTitle span {
  font-weight: bold;
}


.actuAlignement {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
}

.actu__video {
  margin: 12px 0;
}

.redSquare {
    background-color: red;
    height: 150px;
    width: 150px;
    border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 0 7px;
}

#content #contenuPrincipal #contenu .article-content .signTitle {
  color: white;
  font-size: 21.5px;
  line-height: 37px;
  text-shadow: 1px 3px 1px rgba(0,0,0,0.2);
  text-transform: uppercase;
}

#content #contenuPrincipal #contenu .article-content .signTitle span {
  font-weight: bold;
}

.press__img {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.findAndBecomePleinCiel {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 20%;
}