html, body 
{
    width: 100%;
    height: 100%;
    padding: 0 !important; 
    margin: 0 !important; 
    background-color: #DDDEE0;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.9em;
    behavior:url("/_css/csshover.htc");
}

/* Section des tags built-in */
/* gris : #7A7A7A, rouge : #B8342F */

img { border: 0; }

p, form { margin: 0; padding: 0; }

h1, .h1 { font-size: 20px; color: #000000; display: block; margin: 4px 0 3px 0; padding: 0; font-weight:lighter;  }
h2, .h2 { font-size: 17px; color: #000000; display: block; margin: 0; padding: 0; font-weight:lighter; }
h3, .h3 { font-size: 14px; color: #ED1C24; display: block; margin: 0; padding: 0; font-weight:normal;   }
h4, .h4 { font-size: 13px; color: #000000; display: inline; margin: 0; padding: 0; font-weight:bold;  }
h5, .h5 { font-size: 12px; color: #FFFFFF; display: block; margin: 3px 0 3px 0; padding: 0 0 1px 55px; font-weight:bold; background-image:url(/images/design/bande.jpg); background-position:left top; background-repeat:no-repeat; width: 784px; height: 27px; line-height: 27px; vertical-align: middle;  }
h6, .h6 { font-size: 11px; color: #ED1C24; display: block; margin: 0; padding: 0; font-weight:bold;  }

a, a:visited { color: #ED1C24; text-decoration: none; outline:none; }
a:hover, a:active, a:focus { color: #ED1C24; text-decoration: underline; outline:none; }

/* FOURRE TOUT */
table, tr, td { vertical-align: top; }

.times { font-family: Times New Roman, Serif; }

hr, .barreNoire { width: 100%; display: block; height: 1px; line-height: 1px; background-color: #B2B2B2; color: #B2B2B2; padding: 0; margin: 0; }

/* Classes générales */ 
	/* Display */
.block { display: block; }
.invisible { display: none; visibility: hidden; }
.noShow { visibility: hidden; position: absolute; }
.show { visibility: visible !important; z-index: 10000; }
.absolute {position: absolute; }
.nowrap { white-space: nowrap; }
.relative {position:relative;}

	/* Alignement */
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center; }
.centerBlock, div.centerBlock { margin-left: auto !important; margin-right: auto !important; }
.vtop { vertical-align: top; }
.vmid { vertical-align: middle; }
.fRight { float:right; margin-left: 10px; display:block; }
.fLeft{ float:left; margin-right: 10px; display:block; }
.justify { text-align:justify; }


	/* Curseurs */
.hand { cursor: pointer; }

	/* Fonts */
.b { font-weight: bold; }
.blight { font-weight: 600; } 

.fontRouge { color: red; }
.fontRougeFonce { color: #ED1C24; }
.fontBleu { color: #0000BB; }
.fontBlanc { color: #FFFFFF; }
.fontBleue9px { color: #1B3D96; font-size: 9px; }
.fontBleue    { color: #1B3D96; }
.fontBleue5pc { color: #E8EBF4; }
.fontGris     { color: #7B7B7C; }
.fontGrisFonce { color: #000000 !important; }
.fontNoire9px { color: #000000; font-size: 9px; }
.fontCourier { font-family: Courier, script; }
.font10px { font-size: 10px; }
.font11px { font-size: 11px; }
.font13px { font-size: 13px !important; }
.font15px { font-size: 15px; }
.font18px { font-size: 18px; }

	/* Padding */
.pad0070 { padding: 0 0 7px 0; }
.noPad { padding: 0 !important; }
.noMarg { margin: 0 !important; }
.indent { padding-left: 10px; display: inline-block;  }


    /* Boutton Feel */
a.btnFeel, a.btnFeel:visited, a.btnFeel:hover { display: inline-block; margin:1px;  }
a.btnFeel:active { margin: 2px 0 0 2px;  }

input.btnFeel { margin:1px; }
input.btnFeelactive { margin: 2px 0 0 2px;  }

.popup { background-color: #FFFFFF; border: 1px solid #ED1C24; padding: 6px; font-size: 12px; margin-right: 3px; z-index:999999; }

div.topRouge { height: 4px; line-height: 2px !important; background-color: #ED1C24; padding:0; margin: 0;}

#logo span {display:none;}

div.copyrights { font-family: Arial, Sans-Serif; color: #DEDEDE; font-size: 9px; padding-top: 7px; padding-bottom: 7px; background-color: #7B7B7C;  }
div.copyrights a {color: #DEDEDE; }

div.browser { font-size: 8px; color:#7B7B7C; padding: 7px 0 34px 0; }

a.btn, a.btn:visited, a.btn:active { color: #FFFFFF; background-image: url(/images/icones/btn.gif); width: 78px; height: 23px; line-height: 23px; display: block; text-decoration: none; vertical-align: middle; font-size: 11px; } 
a.btn:hover { color: #222222; }
a.btn2, a.btn2:visited, a.btn2:active { color: #FFFFFF; background-image: url(/images/icones/btn2.gif); width: 150px; height: 23px; line-height: 23px; display: block; text-decoration:none; vertical-align: middle; }
a.btn2:hover { color: #222222; }

input.error {border:2px solid #ED1C24 !important;}

.erreur { color: #ED1C24; }

/* Menu */
table.pdmenu { width: 100%; vertical-align: top; white-space: nowrap; }

/* Enlever les effets du ul/li */
div.pdmenu 
{
    display: block;
    position: relative;
    padding:0 !important;
    margin: 44px 0 15px 0;
    font-size: 14px;
    z-index: 998;
}
div.pdmenu ul {
    margin: 0 !important; 
    padding: 0;
    vertical-align:middle;
    list-style-type:none;
}
div.pdmenu ul li  {
    margin: 0; 
    padding: 0;
    float:left;
    border:0;
    list-style-type:none;
}

/* Hover Links */
div.pdmenu a {
    display: block;
    height: 20px; 
    margin: 0 !important; 
    padding:0 25px 0 25px !important; 
    text-decoration: underline;
    color: #FFFFFF;
    font-family: Arial, Sans-Serif;
    margin-left: auto;
    font-weight: bold;
    height: 53px;
    line-height: 53px;
    vertical-align: middle;
}
div.pdmenu a:visited {
    text-decoration: none;
}
div.pdmenu a:hover, div.pdmenu a:active 
{
    text-decoration: underline;
    background-color: #7B1B1C;
}

/* Hover Display */
div.pdmenu li ul {
    visibility: hidden; 
    display: none; 
    margin:0 !important; 
    padding:10px !important;
    background-color: #7B1B1C; 
}
div.pdmenu li:hover ul { 
	visibility:visible;
	display:block; 
	position:absolute;
	z-index:10;
	
	/* ESSENTIEL POUR FIREFOX 2.0 ET OPERA 9.25 */
	padding: 0; 
	margin: -3px 0 0 1px !important;
}
div.pdmenu li ul li {
    margin: 0px !important; 
    float: none !important; 
    padding: 1px;
}
div.pdmenu li ul li a,
div.pdmenu li ul li a:visited {
    display: block !important;
    margin: 0px !important;
    padding: 3px 0 3px 0 !important;
    line-height: normal !important;
    height: auto !important;
    font-weight: normal !important;
}

/* Main */

div.back { background-color: #F6F7F9; }
div.main { width: 800px; margin: 0 auto 0 auto !important; /*border: 1px solid black;*/ }

div.contenu {padding: 8px;}


/* Accueil */
div.pubs-container {
  position:relative;
  height:220px;
  overflow:hidden;
}
div.pubs-container #prevBtn,
div.pubs-container #nextBtn {
  position:absolute;
  top:50px;
  width:31px;
  height:64px;
  display:block;
  /*border:1px solid pink;*/
}
div.pubs-container #prevBtn a,
div.pubs-container #nextBtn a{
  width:31px;
  height:64px;
  display:block;
}
div.pubs-container #nextBtn {
  right:0;
}
div.pubs-container #nextBtn a{
  background-image: url(/images/icones/next-off.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
div.pubs-container #nextBtn a:hover,
div.pubs-container #nextBtn a:active { 
  background-image: url(/images/icones/next-on.png);
}
div.pubs-container #prevBtn {
  left:0;
}
div.pubs-container #prevBtn a{
  background-image: url(/images/icones/prev-off.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
div.pubs-container #prevBtn a:hover,
div.pubs-container #prevBtn a:active { 
  background-image: url(/images/icones/prev-on.png);
}
div.pubs-container #controls {
  position:absolute;
  top:202px;
  display:block;
  list-style: none;
  margin:0;
  padding:0;
}
div.pubs-container #controls li {
  float: left;
  display:block;
  margin:0 10px 0 0;
  padding:0;
  width:13px;
  height:13px;
  text-align:center;
  /*border: 1px solid green;*/
  
}
div.pubs-container #controls li.current a {
  font-weight: bold;
  background-image: url(/images/icones/dot-on.png);
}
div.pubs-container #controls li a {
  background-image: url(/images/icones/dot-off.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width:12px;
  height:12px;
  display:block;
  /*border: 1px solid red;*/
}
div.pubs-text {
  position:absolute;
  width:435px;
  left:70px;
  color: #707070;
  font-size: 14px;
  font-weight: bold;
  background-color:#F6F7F9; /* prevents IE alpha bug where font is jagged */
  /*border:1px solid red;*/
}
div.pubs-text h4 { 
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 21px;
  font-weight: bold;
  color: #ed1c24;
}
div.pubs-wrap {
  position:absolute;
  left:540px;
  top:0;
  margin: 0;
  padding: 0;
  /*border:1px solid green;*/
}
ul.pubs {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin:0;
  /*border:1px solid blue;*/
  display:block;
}
ul.pubs li {
  margin: 0;
  padding: 0;
  display:block;
  height: 220px;
  width: 175px;
  overflow:hidden;
}
ul.pubs .descr {
  border: 0;
  margin: 0;
  padding: 0;
  display:none;
}
/* design */
table.addToCart {
    width: 400px;
}
.produit_acheter table.addToCart {
    width: 100%;
}

h3.addToCart 
{
    line-height:32px !important; 
    height: 32px !important; 
    display:inline-block !important;
    width: auto; 
    background-image: url(/images/icones/cart.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 0 0 0 6px;
    color: #fff;
}

div.bulle_haut 
{
    background-image: url(/images/design/bulle_haut.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 32px;
    text-align: center;
    width: 170px;
    height: 58px;
    color: #fff;
    font-weight: bold;
}

div.bulle_bas
{
    background-image: url(/images/design/bulle_bas.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px 5px 5px 30px;
    width: 170px;
    height: 58px;
    color: #FFFFFF;
    font-weight: bold;
}

table.grid 
{
    border: 0;
    width: 100%;
}

table.shoppingCart 
{
    width: 100%;
}

table.shoppingCart th
{
    text-align: left;
    white-space: nowrap;
}

table.catalogue 
{
    border: 0;
    width: 98%;
    table-layout: auto;
}

table.catalogue td 
{
    background-color: #EEEEEF;
}
table.catalogue td a { color: #000000; font-weight: bold;}

/* Search */
table.search { left: -4px; position:relative; border-spacing:0; border-collapse:collapse;width:800px; }
table.search td.searchItem {
    width: 400px !important;
    height: 270px;
    padding: 0;
    margin:0;
    background-image: url(/images/design/produit.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
table.search td.searchItem table.searchItem {
    width: 392px;
    padding:6px 2px 2px 6px;
    height: 210px;
}

.table-search {
    /*width: 520px;*/
}

.table-search .btn {
    margin-left: 15px;
}

input.text-search {
    width: 420px;
    font-size: 18px;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    border: 2px solid #DDDEE0;
}

.rapid-search {
    position:absolute;
    right:0;
    top:75px;
    width:250px;
}

.rapid-search .table-search {
    width: 250px;
}

.rapid-search .table-search .btn {
    margin: -3px 5px 0;
}

.rapid-search input.text-search {
    width: 150px;
    font-size: 13px;
}

#rech-options-wrapper {height:0;display:block;}
#rech-options-inner {display:none;}

ul.rech-options-list {
    list-style-type:none;
    margin: 0;
    padding: 4px;
    display: block;
    height: 25px;
    clear: both;
}
ul.rech-options-list li {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}

ul.rech-options-list li input {
    height: 25px;
    vertical-align: middle;
    margin: 0;
}
ul.rech-options-list li label {
    padding: 0 10px 0 5px;
}
ul.rech-options-list li label,
ul.rech-options-list li input {
    cursor: pointer;
    cursor: hand;
}

img.float {position:absolute; margin: -19px 0 0 -60px;}

div.produit {
    position:relative;
}

div.produit-gauche { width: 485px; }

div.produit-gauche table td { min-width:200px;}

div.produit-droit { width: 271px; position:absolute; right:0; top:0; }

div.produit_image {
    width: 266px;
    height: 295px;
    text-align: center;
    padding: 15px 0 0 0;
    
    background-image:url(/images/design/background-image.png);
    background-position: left top;
    background-repeat: no-repeat;
}

div.produit_image a span {
    display:block;
    font-size: 11px;
    padding:12px 0 0 0;
}

div.produit_image a:hover { text-decoration:none; }

div.produit_acheter {
    width: 271px;
    height: 85px;
    text-align: center;
    padding: 10px 0 0 0;
    background-image:url(/images/design/background-acheter.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
}

div.produit_acheter input {
    text-align: center;
}

div.en_vedette 
{
    width: 370px;
    height: 127px;
    padding: 5px 8px 0 8px;
    margin: 0 5px 8px 3px;
    background-image:url(/images/design/en_vedette.jpg);
    background-position: left top;
    background-repeat: no-repeat; 
    position:relative;
}

div.tags {
    position:absolute;
    top:110px;
    left:-9px;
}

.searchItem div.tags {
    top:135px;
    left:-3px;
}

div.details div {
    margin-top: 2px;
}

div.panier 
{
    width: 223px;
    position: fixed;
    bottom: 0px;
    right: 150px;
    z-index: 999;
    background-color: #fff;
}

#sn-star {
    background-image: url(/images/icones/star.png);
    background-position: left top;
    background-repeat: no-repeat;
    display:block;
    position: absolute;
    top: -29px;
    left: -29px;
    width: 58px;
    height: 58px;
    line-height:58px;
    vertical-align:middle;
    text-align:center;
    color: #fff;
    font-size: 18px;
}

a.panier_top 
{
    background-image: url(/images/design/panier-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 223px;
    height: 35px;
    display:block;
}

a.panier_top span {
    background-image: url(/images/icones/btn-x.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 29px;
    height: 27px;
    display:block;
    margin:0 0 0 auto;
}

div.panier_contenu {
    min-height:111px;
}

div.panier_contenu .boutons {
    text-align:center;
}

div.panier_contenu ol {
    margin: 0 5px 0 15px;
    padding:0 0 0 15px;
    font-weight:bold;
    color:#ED1C24;
}

div.panier_contenu ol li {
    padding:0 0 0 5px;
    margin:0;
    line-height:10px;
}
div.panier_contenu ol li div {
    font-weight:normal;
    line-height:11px;
    color:#000;
    padding:0 0 8px 0;
}
a.sn-paie {
    background-image: url(/images/icones/btn-paiement.png);
    background-position: left top;
    background-repeat: no-repeat;
    display:block;
    width:167px;
    height:27px;
    color: #fff;
    line-height:27px;
    vertical-align: middle;
    text-align: center;
    margin:4px auto;
}


/* MFAccueil */
/*div.home1 
{
    background-image: url(/images/design/home1.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 311px;
    padding: 0;
    margin: 0;
}*/
div.nav {
    display: block; 
    margin: 0;
    padding:0;
    height: 27px;
    background-image: url(/images/design/home-nav.png);
    background-position: left top;
    background-repeat: no-repeat;
    text-transform:uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: bold;
}
div.nav a.catalogue {
    display: block;
    color: #fff;
    margin: 9px 5px 0 25px;
    float:left;
}
div.nav a.nouv {
    display:block;
    color: #ED1C24;
    margin: 9px 0 0 10px;
    float:left;
}
div.home2 {
    background-image: url(/images/design/home2.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    width: 100%;
    min-height: 50px;
}
div.home3 {
    background-image: url(/images/design/home3.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    position:relative;
}
div.home3 a {
    color: #fff;
    display:block;
    float:right;
    margin: 6px 3px 0 0;
    height: 18px;
}
div.home3 a span { display:none; }
div.home3 a.rss {
    background-image: url(/images/icones/rss.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0 20px 0 0;
}
div.home3 a.facebook {
    background-image: url(/images/icones/18-facebook.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0 18px 0 0;
    margin-right: 10px;
}
div.home3 a.linkedin {
    background-image: url(/images/icones/18-linkedin.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0 18px 0 0;
}
div.home3 a.twitter {
    background-image: url(/images/icones/18-twitter.png);
    background-position: right top;
    background-repeat: no-repeat;
    padding: 0 18px 0 0;
}

/* MFTemplate */
div.sections 
{
    background-image: url(/images/design/sections.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    height: 177px;
    position:relative;
}

div.blanc 
{
    background-color: #FFFFFF;
}

/* Ligne */
.ligne0 { background-color: #B2B2B2; }
.ligne1 { background-color: #F6F7F9; }

/* Pager */
.pager { font-size: 14px; }
.pager span { font-size: 19px;  }
.pager a { }


/* module de commande */
.coms-header {
    width:780px;
    padding: 4px 2px;
}
.coms {
    width:780px;
    padding: 4px 2px;
}
.coms tr {
    cursor:pointer;
    cursor:hand;
}
.coms tr.active {
    cursor:auto !important;
}
.coms-1,
.coms-2,
.coms-3,
.coms-4 {
    text-align:left;
}
.coms-1 {
    width:80px;
}
.coms-2 {
    width:170px;
}
.coms-3 {
    width:200px;
}
.coms-4 {
    width:200px;
}
.coms-total {
    width:130px;
}
.coms .coms-total {
    text-align:right;
    padding:0 5px 0 0;
}
.coms-details {
    display:none;
    overflow:auto;
    padding:4px 2px;
}
.coms-panier {
    float:right;
    width:510px;
}
.coms-adresse {
    float:left;
    width:260px;
}

/* AddThis */
div.addthis_toolbox {height:16px;margin:16px 0;}
div.addthis_toolbox a {height:16px;width:16px;float:left; margin-right:5px;}
div.addthis_toolbox a.addthis_button_facebook_like {
    width:90px;
    height:25px;
}
div.addthis_toolbox a.addthis_button_tweet {
    width:110px;
    height:20px;
}
div.addthis_toolbox span.share {font-weight:bold;float:left}

/* Réseau sociaux */
.social {
    list-style-type: none;
    margin-left:0;
}

.social li {
    display:block;
    line-height: 48px;
    vertical-align: middle;
}