body
        {
        behavior: url(htc/csshover2.htc);
        background:url(images/charte/dgrad.jpg) top repeat-x #FF0000;
        margin:0;
        padding:0;
        }
#emballage
        {
        width:942px;
        margin:0 auto;
        min-height:500px;
        }
#top
        {
        float:left;
        width:942px;
        background:url(images/charte/banniere.jpg) top  right no-repeat;
        height:142px;
        clear:both;
        }
#page
        {
        position:relative;
        float:left;
        background: url(images/charte/fdpage.jpg)  repeat-y #FFFFFF;
        clear:both;
        }
img
        {
        border:0;
        vertical-align:middle;
        }
a, a:hover, a:visited
        {
        text-decoration:none;
       /* color:#FF0000; */
        color:#cc0000;
        }

/* menu */
#gauche
        {
        width:220px;
        position:absolute;
        left:0; top:140px;
        font:bold 12px Arial, Helvetica, sans-serif;
        clear:left;
        margin:0;
        padding:0;
        z-index:4;
        }
#gauche h1
        {
        font-size : 14px;
        color:#7B0000;
        padding:0;
        margin:0;
        }
#gauche ul
        {
        width:200px;
        list-style-type:none;
        padding:0;
        margin:0;
        }
#gauche li
        {
        width:200px;
        float:left;
        display:block;
        margin-right:5px;
        position:relative;
        text-transform:capitalize;
        padding-top:5px;
        }
#gauche li a
        {
        width:195px;
        list-style-type:none;
        color:#7B0000;
        text-decoration:none;
        padding-top:2px;
        padding-bottom:2px;
        display:block;
        float:left;
        border-bottom:1px solid #7B0000;
        vertical-align:bottom;
        }
#gauche li a:hover
        {
        color:#7B0000;
        text-decoration:none;
        }
#gauche li a img
        {
        width:40px;
        height:30px;
        float:right;
        border:0px;
        }
#gauche ul.level1 ul.level2
        {
        position:absolute;
        top:0em;
        left:190px;
        padding:0;
        margin:0;
        width:inherit;
        background-color:#CCCCCC;
        display:none;
        z-index:auto;
        }
/*
#gauche ul.level1 ul.level2 li a{        width:100%;        display:block;}
#gauche ul li.level1:hover  ul.level2{ display:block;}

*/
/* serch */
#search
        {
        position:absolute;
        left:225px;
        top:140px;
        width:712px;
        font: bold 11px Arial, Helvetica, sans-serif;
        color:#000000;
        background-color: #E2E2E2;
        padding:5px 2px;
        height:20px;
        z-index:1;
        }
#search .right
        {
        float:right;
        }
#search img
        {
        margin:0px 5px 0 20px;
        }
#search form
        {
        padding:0;
        margin:0;
        }
#search a
        {
        font: bold 11px Arial, Helvetica, sans-serif;
        color:#000000;
        background-color: #E2E2E2;
        text-decoration:none;
        }
#search a:hover
        {
        text-decoration: underline;
        }

/* conteneur */
#conteneur
        {
        position:absolute;
        left:225px;
        top:168px;
        width:685px;
        font:11px Arial, Helvetica, sans-serif;
        color:#000000;
        padding:10px 10px;
        z-index:2;
		padding: 0 10px 10px;
        }
#conteneur h1
        {
        font:bold 20px Arial, Helvetica, sans-serif;
        color: #FF8801;
        margin-bottom:10px;
        }
#conteneur h2
        {
        font:bold 14px Arial, Helvetica, sans-serif;
        color: #333333;
        }
#conteneur table
        {
        border-collapse:collapse;
        }
#conteneur th
        {
        font:bold 14px Arial, Helvetica, sans-serif;
        color: #333333;
        text-align:left;
        padding-left:10px;
        border-bottom:#333333 1px solid;
        }
#conteneur ul.mes li
        {
        font:bold 12px Arial, Helvetica, sans-serif;
        color: #333333;
        }

/* footer */
#footer
        {
        position:absolute;
        left:0px;
        margin:0 1px 0 1px;
        top:2000px;
        background-color:#E2E2E2;
        height:20px;
        font:bold 12px Arial, Helvetica, sans-serif;
        color:#000000;
        text-align:center;
        padding-top:2px;
        width:940px;
       /* border:1px blue solid; */
       /* clear:both; */
        }
/* list produit */
#catalogue
        {
        padding-left: 15px;
        background:transparent url(images/charte/menumid.jpg) repeat-y;
        float:left;
        }
#promo
        {
        /*padding-left: 15px;*/
        background:url(images/charte/menumid.jpg) repeat-y;
        text-align:center;
        float:left;
        width:225px;
        }
#catalogue img
        {
        margin:1px 0 1px 2px;
        border:1px solid #7B0000;
        }
#promo img
        {
        margin:4px 8px;
        border:1px solid #7B0000;
        }
#divers
        {
        padding-left: 15px;
        background:url(images/charte/menumid.jpg) repeat-y;
        float:left;
        }
#divers img
        {
        float:left;
        margin:1px 0 1px 2px;
        }
.prix
        {
        font: bold 18px Arial, Helvetica, sans-serif;
        color:#FF3600;
        background-color:#FFCC00;
        padding:1px;
        }
/* Fiche produit */
#fiche_produit h1
        {
        font: bold  18px Arial, Helvetica, sans-serif;
        color:#7B0000;
        /*float:right;
        */
		text-align: center;
		}
#fiche_produit #photoprod
        {
        width:420px;
        float:left;
        margin-top:10px;
        text-align:center;
        float:left;
        }
#fiche_produit #photoprod #frame_img
        {
        width:402px;
        height:302px;
        text-align:center;
        margin-bottom:10px;
        display:table-cell;
        vertical-align:middle;
        overflow:hidden;
        }
#fiche_produit #photoprod .Vignette
        {
        width:80px;
        height:60px;
        text-align:center;
        display:inline;
        }
#fiche_produit #photoprod img
        {
        border:1px solid #FDB812;
        margin:10px 5px 5px 5px;
        }
#fiche_produit #descriptif
        {
        margin-top:3px;
        width:260px;
        float:right;
        }
#fiche_produit #descriptif p
        {
        margin:10px 0;
        font: bold 11px Arial, Helvetica, sans-serif;
        color:#333333;
        }
#fiche_produit  .prx
        {
        text-align:center;
        }
#fiche_produit .grostext
        {
        font:bold 14px Arial, Helvetica, sans-serif;
        }
#fiche_produit .grostextrge
        {
        font:bold 14px Arial, Helvetica, sans-serif;
        color:#FF0000;
        }
#fiche_produit #bloc_prod1
        {
        clear:both;
        }
#fiche_produit .prod1
        {
        width:290px;
        display:block;
        float:right;
        margin: 5px 20px;
        }
#fiche_produit .separ
        {
        font:11px Arial, Helvetica, sans-serif;
        text-align:justify;
        margin:20px 0 0 0;
        border-top:1px solid #7B0000;
        clear:both;
        margin-top:10px;
        clear:both;
        }
#fiche_produit .separ .pack
        {
        margin:0px;
        padding:px;
        clear:both;
        }
#fiche_produit .separ h2
        {
        font: bold 18px Arial, Helvetica, sans-serif;
        color:#7B0000;
        margin:6px 0;
        }
#fiche_produit .separ h3
        {
        font:bold 12px Arial, Helvetica, sans-serif;
        color: #333333;
        margin:10px 0;
        display:block;
        }
#fiche_produit .separ p
        {
        margin:0;
        padding:0 20px;
        }

#flash
        {
        margin-left:210px;
        }
.mini
        {
        font:10px Arial, Helvetica, sans-serif;
        color: #666666;
        line-height:14px;
        }
.borderjaune
        {
        border: 1px solid #FDB900;
        }
/* index */
#index
        {
        width:100%;
        height:405px;
        max-height:405px;
        }
#index .separ
        {
        /*height:420px;
        min-height:420px;
        */width:193px;
        float:left;
       /* padding:0 10px; */
        padding: 0 0 10px;
        margin:5px;
        border:1px solid #ADADAD;
        font:11px Arial, Helvetica, sans-serif;
        color:#000000;
        overflow:hidden;
        text-align:center;
       /* border:1px red solid; */
        }
#index .separ .pts:hover
        {
        cursor:pointer;
        }
#index .separ img
        {
        margin:auto;
        }
#index .separ .img_cadre
        {
        width:180px;
        height:60px;
        text-align:center;
        margin-top:10px;
        }
#index .separ h1
        {
        font: bold  18px Arial, Helvetica, sans-serif;
        color:#7B0000;
        margin:0px;
        /*padding:5px 0; */
        padding:3px 0 3px 10px;
        text-align:left;
        width:193px;
        background-color:#fff;
        border-bottom:1px #E2E2E2 solid;
        }
#index .separ h2
        {
        font: bold  12px Arial, Helvetica, sans-serif;
        color: #CC0000;
        margin:0px;
       /* padding:5px 0; */
       padding:5px 10px 0 10px;
        text-align:center;
        }
#index .separ p
        {
        text-align:justify;
        padding:5px 10px 0 10px;
        }
		
/* block accueil */
.blockAccueil{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #ADADAD;
	float:none;
}
.blockAccueil p{
	padding: 0 10px 10px;
}
.blockAccueil .titreBlockAccueil{
	font: bold  18px Arial, Helvetica, sans-serif;
	color:#7B0000;
	margin:0px;
	/*padding:5px 0; */
	padding:3px 0 3px 10px;
	text-align:left;
	background-color:#fff;
	border-bottom:1px #E2E2E2 solid;
}
.blockAccueil .imgBlockAccueil{
	width:150px;
	float:left;
}
.blockAccueil .txtBlockAccueil{
	margin-left:160px;
	text-align:justify;
}
/* news */
#actu
        {
        width:100%;
        height:auto;
        /*border:1px red solid; */
        }
#actu .separ
        {
       /* padding:0 10px;
       margin:5px; */
       padding:0 0 10px 10px;
        margin:5px 0 5px 5px;
        border:1px solid #ADADAD;
        font:11px Arial, Helvetica, sans-serif;
        color:#000000;
        overflow:hidden;
        text-align:center;
        }
#actu .separ ul,
#actu .separ li
        {
        padding:0;
        margin:5px 5px 5px 10px;
        font:11px Arial, Helvetica, sans-serif;
        color:#000000;
        text-align:left;
        line-height:2em;
        }
#actu .separ li b
        {
         color:#cc0000;
        }
#actu .separ form
        {
        padding:0;
        margin:5px;
        font:11px Arial, Helvetica, sans-serif;
        color:#000000;
        text-align:left;
        }
#actu .separ .pts:hover
        {
        cursor:pointer;
        }
#actu .separ img
        {
        margin:auto;
        float:left;
        margin:0px 20px 10px 0;
        }
#actu .separ img.unique
        {
        margin:auto;
        float:left;
        margin:0px 20px 10px 0;
        }
#actu .separ h1
        {
        font: bold  18px Arial, Helvetica, sans-serif;
        color:#7B0000;
        margin:0px;
        padding:5px 0;
        text-align:left;
        }
#actu .separ h2
        {
        font: bold  12px Arial, Helvetica, sans-serif;
        color: #CC0000;
        margin:0px;
        padding:5px 0;
        text-align:center;
        clear:both;
        }
#actu .separ h3
        {
        font: bold  12px Arial, Helvetica, sans-serif;
        color:#cc0000;
        margin:0px;
        padding:5px 0;
        text-align:left;
        }
#actu .separ p
        {
        text-align:justify;
        }
/* Livre d'or */
table#livredor td
        {
        padding:5px 5px 10px 5px;
       /* background-color:; */
        border-bottom:1px #FF9933 solid;
        }
table#livredor td:first-child
        {
        font-weight:bold;
        }
/* liste produit */ 
#conteneur .produits
        {
        width:200px;
        float:left;
        margin:7px 7px;
        padding:15px 2px;
        background-color:#FFFFFF;
        border:1px solid #ADADAD;
        text-align:center;
        }
#conteneur .produits .img_cadre
        {
        margin:auto;
        text-align:center;
        width:82px;
        height:62px;
        overflow:hidden;
        }
#conteneur .prix{  }
#conteneur .produits p
        {
        margin:5px 0px;
        padding:10px;
        text-align:left;
        height:5em;
        }
#conteneur .produits h1
        {
        font: bold  14px Arial, Helvetica, sans-serif;
        color:#7B0000;
        margin:0;
        padding:0;
        margin-bottom:5px;
        height:2.1em;
        }
/* formulaire */ 
.forminput{
        font: 11px Arial, Helvetica, sans-serif;
        color: #000000;
        border: 1px solid #000000;
        background-color: #FFFFFF;
        vertical-align:middle;
        margin:1px;
}
.forminput:focus{
        border:2px #FDBA05 solid;
        color: #000000;
        font-weight:bold;
        margin:0;
}
.formsubmit{
        font: 11px Arial, Helvetica, sans-serif;
        color: #000000;
        border: 1px solid #000000;
        background-color: #FFFFFF;
        vertical-align:middle;
}



/* 

div#menu_navigation3 { float:left; font: 14px Arial, Helvetica, sans-serif ; font-weight:bold;height:30px; width:720px; padding:0px 0 0 230px;}
div#menu_navigation3 ul { padding:0px;list-style-type:none;}
div#menu_navigation3 li { float:left; width:160px;}
div#menu_navigation3 li ul { position:absolute; left: -999em; width:160px; margin:0px; border:0; border-bottom:1px solid #7B0000; border-top:1px solid #7B0000; }
div#menu_navigation3 li:hover ul { left: auto; }
div#menu_navigation3 a { color:#7B0000;text-decoration:none;display:block; padding:4px 0; width:160px; text-align:center; text-decoration:none;}
div#menu_navigation3 li ul a { display:block; padding:4px 0; width:160px; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;text-align:left; color:#000000; background-image: url(images/charte/ssmenu.jpg); background-repeat:repeat-y; padding-left:10px;}
div#menu_navigation3 a:hover{ color:#000000;text-decoration: underline;}
div#menu_navigation3 li:hover ul, div#menu_navigation3 li.sfhover ul { left: auto; } /*IE + JAVASCRIPT
*/

/*Style REFERENCEMENT */
.cyc {
display: none;
}