* { margin: 0; padding: 0}
html { height: 100%}
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left; position: relative; font-family:Arial, Helvetica, sans-serif;}
img, fieldset, abbr, acronym { border: 0;z-index: 2;}
table { width: 100%}
td { vertical-align: top}
hr { clear: both; border: 0}
a { text-decoration:none; color:#000; }
a:hover { text-decoration: underline}
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; }
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type:none; }



p { margin:10px 0px; padding:0px }
body {font-size: 11px}
h1, h2, h3, h4, h5 { color:#000}
h1
{
    font-size:24px;
    margin:0px 0px 20px 0px;
    padding:35px 0px 0px 0px;
    font-weight:normal;
}

h2
{
    font-size:16px;
    margin:20px 0px 10px 0px;
    padding:0px;
    text-transform:uppercase;
}

h3
{
    font-size:15px;
    margin:15px 0px 4px 0px;
    padding:0px;
    text-transform:uppercase;
}

h4
{
    font-size:12px;
    margin:10px 0px 0px 0px;
    padding:0px;
    text-transform:uppercase;
}

h5
{
  font-size:11px;
  margin:5px 0px 0px 0px;
  padding:0px;
  text-transform:uppercase;
}

input { font-size:11px }



/* Classes génériques */
.justify { text-align: justify}
.right { text-align: right }
.left { text-align: left}
.center { text-align: center}

.clear { clear: both}
.clearR { clear:right;}
.smaller { font-size: smaller}

.uppercase { text-transform: uppercase}

.smallerleft { text-align: left; font-size: smaller }

.b { font-weight: bold }
.normal { font-weight: normal }

.white-bg { background: #fff}

.grey-font { color: #707070 }

.nospace { margin: 0; padding:0}

.font12 { font-size: 12pt }
.hide { display: none}
/* FIN DES CLASSES GENERIQUES */

div#holder { margin: auto; margin-top: 12px; width:989px; padding:0px 0px 0px 15px;}

div#ui-entete, #ui-footer
{
    clear: both;
}

table#ui-body
{
    height: 620px;
}

/********************
        FOOTER
********************/
#ui-footer
{
    text-align: justify;
    color: #c3c3c3;
    font-size: 8pt;
    font-weight: normal;
    text-transform: none;
    padding: 10px 0;
}
#ui-footer em
{
    font-style: normal;
}
#ui-footer a
{
    color: #999;
    text-transform: none;
    font-weight: normal;
}
/* Fin footer */



.menu_bas {
	margin:25px 0px;
	text-align:center;
	display: block;
}

.menu_bas li
{
    display: inline;
}
.menu_bas a {
    text-transform:none;
    font-size:11px;
    padding:0px 18px;
    font-weight:normal;
}

#partenaires
{
    margin: 15px 0px;
}

#partenaires h1
{
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin: 0px;
    padding: 0;
    color: #7E7E7E;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
#partenaires ul
{
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
}

#partenaires li
{
    width: 25%;
    padding: 0 18px 0 18px;
    display: inline;
}

#partenaires a
{
    display: inline;
}
/********************* FIN FOOTER *********************/



div#main-header, div#main-content
{
  float:right;
  width:799px;
  text-align: center;
}

td#menuleft
{
  width: 190px;
}



#main-content p
{
    color: #666;
}

/* header */
.logo_img {
	display:block;
	float:left;
}
#colD_header .logo {
	display:block;
	float:left;
}
#colD_header
{
	float: right;
	width: 824px;
	padding-right: 15px;
	height: 90px;
}

div#ui-entete
{
  padding-right:15px;
}

a#logo
{
	width: 130px;
    margin: 0;
	margin-left: 15px;
    float: left;
}

a.logo2
{
    margin: 0px 0px 46px 0px;
    float: left;
    width: 340px;
}

div#header { text-align: right;float:right;width:375px;}

div#header a { color: #000}


div.categorie-entreprise
{
	width: 570px;
	height: 190px;
	margin: 0px 5px;
	text-align: center;
    clear: both;
}

div.coffret-item
{
	float: left;
	width: 180px;
	height: 140px;
	margin-bottom: 20px;
}

div#header div.search
{
    width: 140px;
    height: 60px;
    margin-right: 10px;
    padding-top: 30px;
    float: right;
    display: block;
}

div#header div.search form
{
    display: block;
	margin:0px;
	padding:0px;
}
#icones
{
    margin:10px 0px 0px 6px;
    list-style: none;
    font-size: 10px;
    font-weight: bold;
	width: 135px;
	height:30px;
}

#icones a { float:left;display:block;margin:8px 6px;color: #000;text-decoration:none;}

/* Menu */
ul#menu { float:right;list-style-type: none; margin:7px 13px 5px 0px;}



div#homepage-mainholder
{
    padding-right:15px;
    padding-left:3px;
}



/* Contenu */
#main-content {
  background: url('/images/interface/contenu-principal-bas.png') no-repeat left bottom;
  padding: 0px 0px 30px 0px;

}

#main-content .main
{
  padding-right: 2px;
  padding-left: 30px;
  background: url('/images/interface/contenu-principal-haut.png') no-repeat left top;
}



/* Formulaire */
div.bloc_connecte {
	height:80px;
	width: 215px;
	float: right;
	padding-top: 0px;
}

div.langue
{
  padding:0px 0px 2px 0px;
}
div.se_connecter, div.sinscrire, div.deconnexion
{
  font-size:11px;
  text-transform:uppercase;
  font-style:italic;
  font-weight:bold;
  margin:3px 0px 3px 0px;
}
#menuleft .deconnexion
{
  margin:10px 0px 3px 0px;
}
#menuleft .deconnexion a
{
  font-weight:normal;
  font-size:11px;
}

#menuleft a:hover{
    text-decoration: none;
}
div.sinscrire
{
  font-style:normal;
}

.sinscrire a {
	text-decoration:none;
}
div.deconnexion
{
  font-style:normal;
 margin:6px 0px 0px 0px;
}
div.holder-input-login, div.holder-input-pass, div.holder-input-search
{
  float:right;
}
div.holder-input-login input, div.holder-input-pass input
{
  text-align: right;
  margin:1px 0px 1px 0px;
  width: 159px;
  border:0px;
  padding:1px 14px 2px 14px;
  font-weight:bold;
  font-size:11px;
}

div.holder-input-search input
{
  text-align: right;
  margin:1px 0px 1px 0px;
  width: 85px;
  border:0px;
  padding:1px 14px 2px 14px;
  font-weight:bold;
  font-size:11px;
}

div.holder-input-login input
{
  background: #FFFFFF url('/images/interface/input_login.gif') no-repeat left top;
}
div.holder-input-pass input
{
  background: #FFFFFF url('/images/interface/input_pass.gif') no-repeat left top;
}
div.holder-input-search input
{
  background: #FFFFFF url('/images/interface/input_search.gif') no-repeat right top;

}
div.connexion_valid, div.search_valid
{
  float:right;
}
a.perdu {
    font-size:10px;
    font-weight:bold;
    text-align:right;
    padding-left:10px;
    text-decoration:none;
}
div.bienvenue
{
  font-size:11px;
  text-transform:uppercase;
  font-weight:bold;
  margin:10px 0px 8px 0px;
}
div.mesinfos
{
  text-transform:uppercase;

  font-size:11px;
}
/* Sous menu */
div.submenu-holder
{
  width: 120px;
  clear: both;
  position: relative;
}

div.submenu-holder ul
{
  color: #fff;
  background: #000;
  padding: auto 10px;
  display: block;
}

div.submenu-holder li
{
  display: block;
}


div.submenu-footer
{
  line-height: 11px;
}

div.submenu-footer div.left
{
  background: url('/images/interface/submenu-corner-bottom-left.png') no-repeat left top;
  width: 10px;
  float: left;
}

div.submenu-footer div.center
{
  background: #000;
  float: left;
  width: 100px;
}

div.submenu-footer div.right
{
  background: url('/images/interface/submenu-corner-bottom-right.png') no-repeat right top;
  width: 10px;
  float: left;
}

/* PRODUIT FICHE */
.produit { }
.produit_colG { float:left; padding-right:20px;padding-bottom:20px; }
.produit_droite
{
  float: right;
  padding-left:0px;
  width: 150px;
}

.edit h1
{
  margin:0px;
  padding:25px 0px 5px 0px;
  text-transform:uppercase;
  font-weight:bold;
  font-size:32px;
}
.pad_page h1, .produit h1, .produit h2, .produit h3
{
  margin:0px;
  padding:0px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
}
.produit .prix
{
  margin:0px;
  padding:0px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  font-size:12pt;
}

.pad_page h1
{
  margin-bottom:15px;
  font-family:Bodoni MT Black,"Times New Roman", Times, serif;
}
.produit h1 { font-size:14px}
.produit h2 {font-size:13px; font-style: italic; font-weight: normal}
.produit h3 { font-size:12px; margin-top:2px; font-style: italic}
.produit h4 { font-size:11px; text-transform:uppercase}
.produit .prix { font-size:13px;margin:0px 0px 15px 0px; }
.produit .caracteristiques_valeur { color: #333}
.produit .fermer { margin-bottom:8px}
.produit .quantite { font-size:12px }
.produit input#quantite
{
  background:url('/images/interface/input_quantite.gif') no-repeat right;
  border:0px;
  text-align:right;
  padding:1px 13px 1px 0px;

}
.produit input.submit { margin-top:7px;}

.coffret h1
{
	font-size:24px;
	font-weight:bold;
}
.coffret .img, .edit .img
{
	float:left;
    padding:0px 15px 15px 0px;
}

.coffret .desc
{
	margin:10px 0px;
    font-size:12px;
}

input.submit, a.submit
{
  border:0px;
  background:#FFFFFF;
  text-align:left;
  font-weight:bold;
}
input.submit_right
{
  border:0px;
  background:#FFFFFF;
  text-align:right;
  font-weight:bold;
  margin-left:270px;
}
input.email
{
  background:url('/images/interface/input_email.gif') no-repeat right;
  border:0px;
  text-align:right;
  padding:1px 13px 1px 0px;
  width:155px;
  margin-right:5px;
}
.adresse-contenu input.submit {
 margin-top:20px;
text-align:right;
width:315px;
}

.produit .content { margin-top:15px }
.produit .img { margin-bottom:10px }

.content h4
{
    margin-bottom: 0;
    padding-bottom: 0;
}
.content p
{
    margin-top: 0;
    padding-top: 0;
}

.produit .email { margin-top:20px }
.produit input.email { margin-top:0px }
.produit .produit_email_valid { }
.produit .quantite_email_valid { position:absolute }

/* NEWSLETTER */
td.newsletter { padding-bottom:25px; vertical-align:bottom }
.newsletter input.email, #menuleft .connexion input.email
{
  width:145px;
  padding:1px 13px 1px 0px;
  float:left;
}
#menuleft .connexion input.email
{
  margin-bottom:5px;
}
.newsletter .text { padding-top:5px; clear:both }
.newsletter .produit_email_valid, #menuleft .connexion .connexion_valid { float:right; padding-right:10px }

ul.menuL { text-align:right; text-transform:uppercase; margin:25px 10px 10px 0px}

ul.menuL li { list-style-type:none; margin:3px 0px }
ul.menuL li a { font-size:12px; font-weight:bold }
ul.menuL li a.active { color:#999}

.ajout_adresse
{
  background:url('/images/interface/plus_grand.png') no-repeat right 2px;
  border:0px;
  text-align:right;
  padding:2px 20px 12px 15px;
  text-transform:uppercase;
  font-size:10px;
}

.new_adress
{
  float:left;
  background:url('/images/interface/plus_grand.png') no-repeat right 2px;
  border:0px;
  text-align:right;
  padding:2px 20px 12px 15px;
  margin-right:44px;
  text-transform:uppercase;
  font-size:10px;
}

.toutes_adress
{
  float:right;
  background:url('/images/interface/plus_grand.png') no-repeat right 2px;
  border:0px;
  text-align:right;
  padding:2px 20px 12px 15px;
  text-transform:uppercase;
  font-size:10px;
}

.pad_haut { height:35px; }

.pad_page
{
    height: 450px;
    padding: 35px 15px 0px 0px;
}

div#categorie-produits-holder, div#loading { width: 554px; text-align: left; float: left}
div#categorie-produits-holder { margin-top:25px;min-height:380px}
div#loading { padding:10px 0; text-align:center}
div#categorie-produits-holder a.liste
{
    float: left;
    display: block;
    margin: 0 15px 15px 0;
    text-align: center;
}

div#categorie-produits-holder h1
{
    font-size: 14pt;
    display: block;
}

div#categorie-produits-holder h1 span.prix
{
    font-size: 80%;
}
p#notice { }
p#erreur { }



#menuleft h1
{
    margin: 0;
    padding: 0;
}
#menuleft h2
{
    text-transform: uppercase;
    text-align: right;
    font-style:italic;
    line-height:18px;
    font-size: 12px;
    margin-right: 10px;
    font-weight: normal;
}



.pad_presse
{
    padding-top:120px;
}


img.revuepresse
{
    margin-right: 10px;
}

#main-content .pad_presse p
{
    font-size: 24px;
    color: #000;
    margin: 20px 0px;
}

#menuleft .connexion
{
    padding-top:20px;
}

.box_noir
{
    width:116px;
    height:154px;
    background-color:#000000;
    margin:35px 5px 10px 0px;
    float:left;
    text-align:center;
}

#main-content .box_noir p
{
    font-size:17px;
    padding:15px;
    color:#FFFFFF;
    height:76px;
}

.box_noir a
{
    color:#FFFFFF;
    display:block;
}

.noir_pad
{
    margin-right:18px;
}

.boutique h3
{
    margin:0px;
    font-size:14px;
    padding-top:12px;
}

.boutique p
{
    margin:5px 0px;
    line-height:15px;
}

.boutique p.coordonnees
{
    margin:13px 0px;
}
.boutique p.horaires
{
    margin-top:0px;
}

.boutique .img
{
    padding-right:10px;
    float:left;
    padding-top:14px;
}

.boutique .pad_page
{
    padding-top:22px;
}
div.nom-adresse
{
    float: left;
    font-weight: bold;
    font-size: 110%;
}

div.modifier-adresse, div.supprimer-adresse, div.modifier-compte
{
    float: right;
    padding-right:5px;
}

.menu_etape
{
    margin-top:100px;
}
.menu_etape .suivante
{
    margin:0px 35px 8px 0px;
}

.menu_etape a
{
    display: block;
    text-transform: uppercase;
    font-style: italic;
}
.menu_etape a.prec
{
    background:url('/images/interface/etape_fleche_prec.png') no-repeat left 0px;
    padding-left:20px;
}

.menu_etape a.suiv
{
    background:url('/images/interface/etape_fleche_suiv.png') no-repeat right 0px;
    padding-right:20px;
}

.menu_etape .grise a.prec
{
    background:url('/images/interface/etape_fleche_prec_off.png') no-repeat left 0px;
    padding-left:20px;
    color:#ccc;
}

.int
{
    margin: 5px 0px 15px 0px;
}

.engagement
{
    float:left;
    text-align:center;
    font-weight:bold;
    font-size:10px;
    width:150px;
    margin-top:45px;
}

#main-content .engagement p
{
    color: #000;
}

.grand_text
{
    font-size:20px;
}



table#facturation
{
    font-size: 110%;
    width: 467px;
}

table#facturation th
{
    text-align: center;
    text-transform: uppercase;
}

table#facturation td
{
    text-align: center;
}

table#facturation th.adresse
{
    text-align: left;
    padding: 2px;
}

table#facturation td.item
{
    text-align: left;
}

table#facturation td.total, table#facturation th.total
{
    text-transform: uppercase;
    text-align: right;
}
.pad_adresse
{
    padding: 0px 20px 0px 20px;
}

/*******************
PAGE ENTREPRISE
*******************/

/* COLONNE GAUCHE */
div#btob_colG
{
    float: left;
    width: 550px;
}

div#btob_colG h1
{
    font-size: 14pt;
    font-weight: bold;
    font-style: normal;
    font-family: Arial;
    display: block;
    margin: 0;
}

div#btob_colG h2
{
    font-size: 100%;
    margin: 5px 0 0 0;
    padding: 0;
}

div#btob_colG h2.nom_produit
{
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

div#btob_colG h2.nom_produit span.prix
{
    font-style: normal;
    font-weight: bold;
}

div#btob_colG p
{
    color: #686868;
    margin: 0 0 5px 0;
    font-size: 11px;
}

div#btob_colG .content
{
}

div#btob_colG p.black
{
    color: #000;
}
div#btob_colG span.grey
{
    color: #686868;
}

/* COLONNE DROITE */
div#btob_colD
{
    float: left;
    width: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

div#btob_colD p {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 10pt;
    padding: 0 auto;
    margin-bottom: 35px;
}

div#btob_colD span.light
{
    font-weight: normal;
}

div#btob_colD span.grey
{
    color: #aaa;
}
div#btob_colD span.ucfirst
{
    text-transform: capitalize;
}
div#btob_colD span.lowercase
{
    text-transform: lowercase;
}

div#btob_colD span.italic
{
    font-style: italic;
}

div#btob_products
{
    float: left;
}

div#btob_products div.b2b_case_produit
{
    width: 180px;
    padding-top: 30px;
    display: block;
    float: left;
}

div#btob_products h2
{
    font-size: 120%;
    padding-bottom: 10px;
}




div#bulle-b2b
{
    position: absolute;
    width: 550px;
}

td.b2b-top-left
{
    background: url('/images/entreprises/bulle-top-left.png') no-repeat left top;
    width: 34px;
    height: 34px;
}

td.b2b-top
{
    background: url('/images/entreprises/bulle-top.png') repeat-x left top;
    height: 34px;
}

td.b2b-top-right
{
    background: url('/images/entreprises/bulle-top-right.png') no-repeat left top;
    width: 39px;
    height: 34px;
    text-align: left;
    vertical-align: bottom;
}
td.b2b-left
{
    background: url('/images/entreprises/bulle-left.png') repeat-y left top;
    width: 34px;
}
td.b2b-main
{
    background: #fff;
    text-align: center;
}
td.b2b-right
{
    background: url('/images/entreprises/bulle-right.png') repeat-y left top;
    width: 39px;
}
td.b2b-bottom-left
{
    background: url('/images/entreprises/bulle-bottom-left.png') no-repeat left top;
    width: 34px;
    height: 104px;
}
td.b2b-bottom
{
    background: url('/images/entreprises/bulle-bottom.png') repeat-x left top;
    height: 104px;
}

td.b2b-bottom-right
{
    background: url('/images/entreprises/bulle-bottom-right.png') no-repeat left top;
    width: 39px;
    height: 104px;
}



.times {
  font-family: Bodoni MT,"Times New Roman", Times, serif;
  font-weight:bold;
}
.pad_btob {
	padding:0px 25px;
	margin:0px 0px 5px 0px;
}
.btob h3 {
	padding:3px 0px 3px 0px;
	margin:0px;
	font-size:14px;
}
.btob h4 {
	padding:3px 0px 3px 25px;
	margin-top:30px;
	margin-bottom:0px;
}



h4.num1 {
	background:url('/images/entreprises/1.png') no-repeat left 0px;
}
h4.num2 {
	background:url('/images/entreprises/2.png') no-repeat left 0px;
}
h4.num3 {
	background:url('/images/entreprises/3.png') no-repeat left 0px;
}
.produit .opac
{
    position:absolute;
    width:554px;
    background-color:#FFFFFF;
    text-align:center;
    z-index:1;
    margin:-356px 0px 0px 0px;
    height:420px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.produit .video
{
    position:absolute;
    width:554px;
    z-index:2;
    margin:-356px 0px 0px 0px;
}

.produit .video_pad
{
    text-align:center;
    padding-top:45px;
}


table.bulle-wall
{
    text-transform: uppercase;
    text-align: right;
    padding: 5px;
    width:auto;
}
td.white-bg{background:#fff}
td.bulle-wall-top-left
{
    background: url('/images/interface/bulle-corner-top-left.png') no-repeat left top;
    width: 49px;
    height: 16px;
}

td.bulle-wall-top-right
{
    background: url('/images/interface/bulle-corner-top-right.png') no-repeat right top;
    width: 17px;
    height: 16px;
}
td.bull-wall-middle-left
{
    background:url('/images/interface/bulle-left.png') repeat-y left top;
    width: 49px;
}
td.bull-wall-middle-center
{
    background: #fff;
    padding-left: 10px;
}
td.bulle-wall-bottom-left
{
    background: url('/images/interface/bulle-corner-bottom-left.png') no-repeat left bottom;
    width: 49px;
    height: 48px;
}
td.bulle-wall-bottom-center
{
    background:url('/images/interface/bulle-bottom.png') repeat-x left top;
}

td.bulle-wall-bottom-right
{
    background: url('/images/interface/bulle-corner-bottom-right.png') no-repeat right bottom;
    width:17px;
    height:48px
}


/* PAGE RESULTAT DE RECHERCHE */
div#search-result h1
{
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    font-style: italic;
    font-weight: normal;
}

div#search-result a
{
    font-size: 10pt;
}


div.pagination
{
    text-align: center;
    color: #aaa;
    font-size: 9pt;
    clear: both;
}

div.pagination a, div.pagination span.current
{
    color: #aaa;
}


/******* FICHE PRODUIT *******/
div#produit-infos
{
    float: left;
}

div#recommander
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 7px 0;
    margin-bottom: 20px;
}

div#recommander p
{
    margin: 0;
    padding: 3px 0;
    text-transform: none;
}

div#recommander p.error, div#recommander p.notice
{
    text-transform: uppercase;
    color: #000;
}

div#recommander p.error
{
    color: red;
}

div#social
{
    clear: both;
    text-align: right;
}
/* Fin fiche produit */


/* MENU */
#menu li.level1
{
    display: inline;
    float: left;
    text-align: left;
    margin-right: 3px;
}

#menu h1, #menu h2, #menu h3
{
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

#menu .submenu
{
    position: absolute;
    z-index: 10;
    display: block;
}
#menu .submenu ul
{
    background: #000;
    color: #fff;
    width: 94px;
}
#menu li a
{
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0px;
}
#menu li a:hover { color: #666 }

#menu .last
{
    background: url('/images/interface/submenu_bas.png') no-repeat bottom;
    display: block;
    height: 10px;
    width: 94px;
}
#menu .first
{
    background: url('/images/interface/submenu2_haut.png') no-repeat bottom;
    display: block;
    height: 11px;
    width:94px;
}
#menu li.level2
{
    text-transform: uppercase;
    margin:0px;
    padding:4px 8px 1px 12px;
}
#menu li.level3
{
    text-transform: uppercase;
    margin:0px;
    padding:0px 8px 2px 12px;
}
/* FIN MENU */




/* PAGE RECETTE */
img.recette
{
    float:right;
    margin:4px
}

tr.odd { background: #eee}

div.block_tentation
{
	background-color: #E0CE9C;
	padding:5px;
	border-top: 1px solid #000000;
}










