html { font-size: 100%; }
* { padding:0px; margin:0px }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
body {
text-align:center;
background-color:#e6e5d9;
/*font: 0.625em/1em Arial, Helvetica, sans-serif, Verdana, Geneva;*/
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
color: #96938c;
}
div#page{width:1032px; margin:auto;}
div#centre{width:980px; margin:auto; }
div#bordure{width:1032px; margin:auto; background:url('../images/background.png') repeat-y; padding-top:10px;}
.right{margin:0 0 10px 10px; }
.left{margin:0 10px 10px 0; }
.hidden{height:1px;left:0;overflow:hidden;position:absolute;top:-500px;width:1px;}
.orange{color:#f68224;}
.gras{font-weight:bold; font-size:14px;}
.gras2{font-weight:bold; font-size:17px;}
.violet{color:#990066; font-weight:bold; font-size:13px;}
.puce_violet{background:url(../images/puce_violet_gros.png) no-repeat; color:#990066; font-weight:bold; font-size:13px; float:left; /*margin-top:10px; */margin-left:15px;padding-left:10px;text-decoration:none;}
.puce_violet2{background:url(../images/puce_violet_gros.png) no-repeat; color:#990066; font-weight:bold; font-size:11px; float:left; /*margin-top:10px; */padding-left:11px;text-decoration:none;}
.gris{ background:url(../images/puce_gris_gros.png) no-repeat; color:#7b796c; font-weight:bold; font-size:13px; float:left; /*margin-top:10px;*/ margin-left:15px; text-decoration:none;padding-left:10px;}
.photo{margin-top:10px;}
.gras3{font-weight:bold; font-size:19px;}
.barre{text-decoration:line-through; font-size:16px; font-weight:bold;}
.gras22{font-weight:bold; font-size:22px;}
.bouton{margin-left:15px}
.barre20{text-decoration:line-through; font-size:20px; font-weight:normal;}
.lien a {color:#f68224; text-decoration:underline; font-weight:bold; /*line-height:5pt;*/ float:right; margin-right:10px; font-size:12px;height:20px;padding-top:2px;}
.lien a:hover {text-decoration:none;font-weight:bold; float:right; margin-right:10px;}
.lien_actu a {color:#f68224; text-decoration:none; font-weight:bold; line-height:10pt; font-size:12px;}
.lien_actu a:hover {text-decoration:none;font-weight:bold; font-size:12px;}
.lien_bas a{color:#f68224; text-decoration:underline; font-weight:bold; line-height:5pt; font-size:12px; float:left; margin-top:10px; margin-left:15px;padding-top:4px;height:22px;padding-bottom:5px;}
.lien_bas a:hover {text-decoration:none;font-weight:bold; font-size:12px; float:left; margin-top:10px; margin-left:15px;}
.p{margin-left:15px; font-size:12px; color:#a19f8d; float:left; font-weight:bold; padding-right:10px;}
.input{float:left;margin-left:10px;width:130px;margin-bottom:5px; }
.bt_ok{background:url(../images/bouton_ok3.jpg) no-repeat scroll 0 0;height:18px;margin-left:2px;padding-left:33px;float:left;text-decoration:none;position:relative; margin-top:1px;}
.bt_ok_gris{background:url(../images/bouton_ok_gris.jpg) no-repeat scroll 0 0;height:18px;margin-left:2px;padding-left:33px;float:left;text-decoration:none;position:relative; margin-top:1px;}
.span_bt_ok{color:#fff; position:absolute; left:7px; font-weight:bold;bottom:2px;}
.bt_ok2{background:url(../images/bt_ok_gris.png) no-repeat scroll 0 0;height:18px;margin-left:2px;padding-left:33px;float:left;margin-top:2px;}
.bt_ajout_panier{background:url(../images/bouton_panier.png) no-repeat; margin-left:79px;padding-left:97px;padding-top:18px;float:left;margin-top:-17px;}
/*<---1er menu--->*/
div#total_menu{ border-bottom:10px solid #e6e5d9; height:20px; width:980px; margin:auto;background-color:#fff; }
div#menu_haut { width:940px; height:20px;float:left; }
div#menu_haut dl { margin:0px; padding-left:10px;}
div#menu_haut dt { float:left; font-size:11px; text-align:left; padding-top:3px;}
div#menu_haut a { background: url('../images/puce_violet.jpg') no-repeat 0 -1px; text-decoration:none; color:#666666; padding-left:10px; margin-right:32px; }
div#langue { background: url('../images/drapeau_en.png') no-repeat; border-left: 10px solid #e6e5d9; float:right; height:20px; width:28px;_width:38px;}
/*<---haut--->*/
div#bandeau{width:723px; height:228px; float:left;position:relative; margin-left:14px; _margin-left:8px;}
div#titre { background: url('../images/titre_vinotheque.png') no-repeat; bottom: 0; border-right: 1px solid white; border-top: 1px solid white; height:43px; left:0; position:absolute; width:386px; }
div#titre h1{color:#FFFFFF;font-size:27px; margin:0px; padding-top:4px;}
div#block_espace_client{width:204px; height:116px; float:left;margin-left:29px; }
div#titre_espace_client{height:30px;background-color:#fb9030;}
div#titre_espace_client h2{color:#fff; font-size:15px; margin:0px;text-align:left; padding-left:30px;padding-top:7px;}
div#block_recherche{width:204px; height:82px; float:left;margin-left:29px; }
div#titre_recherche{height:30px;background-color:#ceccb3;}
div#titre_recherche h2{color:#676659; font-size:15px; margin:0px;text-align:left; padding-left:30px;padding-top:7px;}
div#recap_panier{
width: 204px; height: 30px; float: left; margin-left: 29px;
background: #990066 url('../images/fndpanier.png') no-repeat center left;
margin-bottom: 10px;
}
div#recap_panier p { color:#fff; font-size:15px; margin:0px; text-align:left; padding-left:46px;padding-top:7px; }
div#recap_panier a { color:#fff; }
input.btcmd {
font: 1.1em/1em Arial;
color: #fff;
background-color: #fb9030;
border: 1px solid #a4a59f;
text-transform: capitalize;
padding: 3px;
}
input.btcmd:hover { background-color: #a4a59f; border-color: #fb9030; }
/*<---2eme menu--->*/
div#menu_centre{clear:both; width:944px; height:25px;margin-left:17px; margin-bottom:10px;}
div#menu_centre a { background:url('../images/menu_milieu.jpg') no-repeat;border:1px solid black;color:#666666;text-align:left;display:block;margin-left:8px; padding-left:10px;padding-top:4px; padding-bottom:4px;text-decoration:none;width:81px; _width:91px;}
div#menu_centre a.first{ background:transparent url('../images/home.jpg') no-repeat scroll 0 0;border:medium none;margin-left:0; height:20px; width:18px; _height:30px; _width:28px;}
div#menu_centre dt{float:left;}
div#menu_centre dl{margin:0px;font-size:11px;}
/*<---Partie gauche--->*/
div#col_gauche { float:left; margin: 0 12px 60px 14px; text-align:left; width:738px; }
div#col_gauche hr { border-top:1px solid #E7E5D9; }
div#col_gauche p { color:#96938C; font-size:12px; }
div#col_gauche h3 {color:#9a0064; font-size:13px; font-weight:bold; text-align:left;}
/*<---Partie droite--->*/
div#col_droite{width:210px; height:790px; float:left; /*margin-left:18px;*/margin-left:8px;margin-left:2px; margin-top:20px;}
div#block_newsletter{width:204px; height:95px; margin-bottom:8px; background-color:#c0bfb3;}
div#titre_newsletter{height:30px;background-color:#fb9030;}
div#titre_newsletter h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div#texte_newsletter{color:#fff; font-size:12px; font-weight:bold; margin:0px; text-align:left; padding-left:10px; padding-top:5px;}
div.champ_newsletter{margin:auto; width:194px;width:194px;height:27px; text-align:left; padding-top:5px; padding-left:10px;}
div#block_question{background:transparent url(../images/block_droit_gris_background.jpg) repeat-y scroll 0 0;width:204px; border-bottom:5px solid #a19f8d; background-color:#e4e3d9;}
div#titre_question{height:30px;background-color:#a19f8d;}
div#titre_question_virgule{background:url(../images/block_droit_gris_virgule.jpg) no-repeat;height:30px;background-color:#a19f8d;}
div#titre_question h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div#titre_question_virgule h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div.texte_question{color:#7b796c; font-size:10px; font-weight:bold; margin-top:0px; padding-right:6px; text-align:left; padding-left:15px;margin-bottom:5px;}
div#block_cadeau{background:transparent url(../images/block_droit_violet_background.jpg) repeat-y scroll 0 0;width:204px; /*height:208px;*/ margin-bottom:8px; margin-top:8px; border-bottom:5px solid #990066;}
div#titre_cadeau{background:url(../images/block_droit_violet.gif) no-repeat;height:30px;background-color:#990066;}
div#titre_cadeau_virgule{background:url('../images/block_droit_violet_virgule.jpg') no-repeat;height:30px;background-color:#990066;}
div#titre_cadeau h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div#titre_cadeau_virgule h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div#block_guide_achat{background:transparent url(../images/block_droit_saumon_background.jpg) repeat-y scroll 0 0;width:204px; height:193px; border-bottom:5px solid #fcae69;}
div#titre_guide_achat_virgule{background:url(../images/block_droit_saumon_virgule.gif) no-repeat;height:30px;background-color:#fcae69;}
div#titre_guide_achat{background:url('../images/block_droit_saumon.gif') no-repeat;height:30px;background-color:#fcae69;}
div#titre_guide_achat h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
div#titre_guide_achat_virgule h2{color:#fff; font-size:12px; margin:0px;text-align:left; padding-left:10px;padding-top:5px;text-transform:uppercase;}
/*<---fond de page--->*/
div#liste_vins { clear:both; width:944px; margin:14px; color:#666; text-align: justify; padding: 0 0 1em 0; }
div#liste_vins p { text-align:left; }
div#bas_de_page { height:20px; width:980px; margin:auto; font-size:11px; }
div#bas_de_page dt { float:right; }
div#bas_de_page dt a { color:#666666; text-decoration:none; }
div#centre2{height:1380px;margin:auto;width:980px;}
div#liste_vins2{clear:both;color:#666666;height:70px;margin-left:17px;padding-top:200px;width:944px;}
/*<---menu deroulant--->*/
div#home { float:left; }
div#home a {
background:transparent url('../images/home.jpg') no-repeat scroll 0 0;
margin-left:18px;
height:25px;
width:25px;
_height:30px;
_width:28px;
display: block;
}
div#home a span { display: none; }
#outerContainer { background:#fff; width:930px; _width:900px; height:30px; float:right; margin-right:5px; z-index: 120; }
#menuContainer { position:relative; float:left; z-index: 120; }
#nav, #nav ul {
padding:0;
margin:0;
list-style:none;
font: 12px arial, verdana, sans-serif;
background:url(transparent.gif);
position:relative;
z-index: 120;
}
#nav {height:20px; float:left; padding:0; background:#fff; /* position:relative; right:50%; */ }
/*#nav li.level1 { border: 1px solid #fff; border-left: 10px solid #00f; }*/
#nav table { border-collapse:collapse; }
#nav li {float:left; }
#nav li li { float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li.level1 a {background:url(../images/menu_milieu.jpg) repeat-y;border:1px solid #A8A9A3;color:#666666;text-align:left;display:block;margin-left:8px; padding-left:15px;padding-top:4px; padding-bottom:4px;text-decoration:none;width:90px;_width:104px; z-index:2;font-weight:bold; }
#nav li.level1 ul {margin:1px solid #000;z-index:2;}
#nav li.level2 a {background:url() no-repeat; background-color:#efeee9;border:0px; color:#767676; border-right:1px solid #A8A9A3;border-left:1px solid #A8A9A3;z-index:2;}
#nav li.level3 a {background:url() no-repeat; background-color:#efeee9;border:0px; color:#767676; border-right:1px solid #A8A9A3;border-left:1px solid #A8A9A3;z-index:2;}
#nav li.last a {border-bottom:1px solid #A8A9A3;}
#nav li.first a {border-top:1px solid #A8A9A3;}
/*#nav li a {display:block; float:left; color:red; height:20px; padding:0 20px 0 4px; line-height:20px; text-decoration:none; white-space:nowrap; font-weight:bold;}*/
#nav li li a { float:none;}
#nav li:hover {position:relative; z-index:100; background:url(transparent.gif);}
#nav a:hover {position:relative; z-index:100; color:#fff; }
#nav li:hover > a {background-color:#990066; color:#fff;}
#nav :hover ul {left:0; top:24px; z-index:300;}
#nav a:hover ul {left:-1px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#fff;}
#nav li a:hover ul li a:hover {color:#fff;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {left:100%; top:0;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px;}
/*navigation*/
div#fil { color:#999a94; font-size:13px; height:19px; margin-bottom:9px; margin-top:20px; text-align:left; }
a.fil_orange { color:#ff6600; text-decoration:none; }
a.fil_gris { color:#999a94; text-decoration:none; }
/* mots cles bas de page */
div#liste_vins a { text-decoration: none; }
div#liste_vins a.mcw1 { font-weight: bolder; color: #f68224; }
div#liste_vins a.mcw2 { color: #f68224; }
div#liste_vins a.mcw3 { color: #666666; }
div#liste_vins a:hover { text-decoration: underline; }
/*FAQ*/
dl.faq dt{ margin-bottom:20px; }
dl.faq dt a {
color:#ff6600;
text-decoration:none;
font-size:1.1em;
background: url('../images/fleche_orange_bas.jpg') right no-repeat;
padding-right:20px;
margin-bottom:20px;
}
dl.faq dd { margin-left:35px; width:584px; margin-bottom:20px; }
dl.faq a.faqvisible { background: transparent url('../images/fleche_orange_haut.jpg') right no-repeat; }
dl.faq dd.faqvisible { display: none; }
/*fiches propritete*/
dt.desc_list_vin{width:240px; float:left;}
.prix_btl_fiche_list {
float:right;
height:83px;
padding-right:5px;
text-align:right;
}
hr.delimiteur_grand { margin: 10px 0 10px 0; }
dl.list_vin { height:100px; position: relative; }
dt.img_list_vin { float:left; width:100px; }
dt.img_list_vin a img { border: none; }
div.promo_carre_orange { background-color:#F68224; color:#fff;width:40px; font-size:12px;text-align:center;float:left;margin-top:7px; }
span.titre_bouton_ajout { color:#fff;margin:0;font-size:10px; }
/* navigation */
ul.navigation { margin-top: 3px; padding: 0 0 1em; text-align: right; /*width:380px; float:right;*/ }
ul.navigation li { display: inline; border: 1px solid #ff6600; background-color: #efeee9; padding: 0.2em 0.4em; margin: 0 0.2em; }
ul.navigation li a { dispaly: block; text-decoration: none; color: #505050; }
ul.navigation li a:hover { color: #9a0060; }
a#mdpo{
font-size:9px; color:#7B796C; text-decoration:none;
}
#nav li.last li a { border-bottom:none;}
#nav li.last li.last a{ border-bottom:1px solid #000;}
/*blocks Noémie */
.block_ivino_beige{
background: #a8884a url(../images/vino_beige.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color: #fff;
}
.block_ivino_vert{
background: #c2c600 url(../images/vino_vert.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color: #fff;
}
.block_ivino_gris{
background: #A29F8E url(../images/vino_gris.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color: #fff;
}
.block_ivino_blanc{
background: #fff url(../images/vino_blanc.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color:#666666;
}
.block_ivino_gris_fixe{
width:488px;
height:114px;
background: #A29F8E url(../images/vino_gris.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color: #fff;
display:block;
}
.block_ivino_blanc_fixe{
width:488px;
height:114px;
background: #fff url(../images/vino_blanc.jpg) no-repeat 7px top;
padding-top:45px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
color:#666666;
display:block;
}
/*vin terroir*/
dl.liste_terroir dt.titre_terroir h3{
font-size:15;
margin-bottom:10px;
color:red;
}
dt.lien_terroir{
text-align:right;
}
a.lien_vin{
color:#fb9030;
text-decoration:none;
}
dt.appelation_terroir{
margin-top:10px;
}
dl.liste_terroir hr{
margin-top:2px;
}
a.question-gris {color:#7b796c;}
dl.faq ul{
list-style:none;
}
.text_gris{
background-color:#E7E5D9;
padding:10px;
color:#A19F8D;
}
div#image_droite_vin_terroir{
float:right;
padding-right:6px;
}
dl.liste_terroir{
float:left;
width:510px;
}