body{color: #3d3d3d; background-color: #f9fbf8; background-image: url(http://www.expressions-fermieres.com/site/design/fond-bordure.jpg); background-repeat:repeat-x;font-family: Arial; font-size: 12px;width:auto;margin:0px;padding:0px;text-align: center;} div#fenetre {width: 984px; text-align: center; background-color: #ffffff;margin:0 auto;} /************************************************ Bandeau *******************************************************************/ #niveau0 {border-left:1px solid #d7a55e;border-right:1px solid #d7a55e;float: left;width:960px;background-color: #ffffff;height:195px;padding-left:12px;padding-right:12px;} #bandeau{float:left;background-repeat: no-repeat;width: 960px; background-image:url(http://www.expressions-fermieres.com/site/design/bandeau.jpg);} #textbandeau {float:left;width:650x;margin-top:10px;margin-left:25px;} #expressions {font-size: 38px; font-weight: normal;font-family: Times New Roman,Times,serif; color: #b48f66;font-variant: small-caps ;width:600px;} #divh1 {font-size: 22px; font-weight: normal;font-family: Arial;font-variant: small-caps ; color: #ffffff;margin-top:4px;} #divsoustitre {font-size: 22px; font-weight: normal;font-family: Arial;font-variant: small-caps ; color: #ffffff;margin-top:4px;margin-bottom:15px;} h1{font-size: 22px; font-weight: normal;font-family: Arial;font-variant: small-caps ; color: #ffffff;margin-top:4px;} h1.cfm{font-size: 22px; font-weight: normal;font-family: Arial;font-variant: small-caps ; color: #a1003d;margin-top:4px;} #panier {width: 268px; float: right; margin-top: 18px;text-align:center;} #pagesinfos {width: 262px; float: right; margin-top: 15px; line-height: 32px;font-size:20px;color:#a1003d;font-family: Times;font-variant: small-caps ;} a.versionanglaise {font-family: arial; color:#bababa; font-size: 13px; text-decoration: none;line-height:20px;font-style: italic;} a:hover.versionanglaise{color:#d7a55e;text-decoration:none;} #divversionanglaise {float:right; margin-right:30px;margin-top:25px;height:20px;margin-bottom:4px;} /************* Navigation *****************/ #barrenavigation {width:960px; padding:0px;margin:0px;margin-top:9px;float:left;height: 26px;padding:0px;} #divaccueil{float: left; text-align: center; width: 80px; height: 26px;} #divvin{float: left; text-align: center; width: 340px; height: 26px;line-height: 26px;font-family: Arial; color: #ffffff; font-size: 15px; font-variant: small-caps ;} #divproduit{float: left; text-align: center; width: 340px; height: 26px;line-height: 26px;font-family: Arial; color: #ffffff; font-size: 15px; font-variant: small-caps ;} #divcadeau{float: left; text-align: center; width: 200px;height: 26px;line-height: 26px;font-family: Arial; color: #ffffff; font-size: 15px; font-variant: small-caps ;}} #rayonavigation {float:left;width: 960px;padding-left:12px;padding-right:12px; height: 30px;margin-left:12px;color: rgb(255, 255, 255);} #accueil{float: left; text-align: center; width: 80px; height: 26px; line-height: 26px;background-color :#884a60;} a.accueil{color:#ffffff;font-size:14px;font-variant: small-caps ;text-decoration:none;line-height:26px;} #rayonvin{float: left; text-align: center; width: 340px; height: 26px; line-height: 26px;background-color :#b33748;} #rayonproduit{float: left; text-align: center; width: 340px; height: 26px; line-height: 26px;background :#c56e53;} #rayoncadeau{float: left; text-align: center; width: 200px; height: 26px; line-height: 26px;background :#d7a55e;} /******************************************* Premier Niveau *************************************************************/ #niveau1 {border-left:1px solid #d7a55e;border-right:1px solid #d7a55e;float: left;width:960px;background-color: #ffffff;padding:12px;} /************* Gauche *****************/ #colonnegauche {float: left; width: 180px; background-color: #ffffff; text-align: center;} #client {float:left;width: 170px; font-size: 15px; font-family: Arial,helvetica,sans-serif; background-image:url(http://www.expressions-fermieres.com/site/design/bandeau-sable.jpg);height: 28px; line-height: 28px;font-variant: small-caps ;color:#ffffff;margin-top:10px;} #interieurclient {float:left; background-color : #fafafa; width: 168px;border:1px solid #d7a55e;height:155px;vertical-align:middle;} #securitepaiment {float:left; width:170px;text-align:center;margin-top:6px;} .capps12rouge {font-weight: bold; color: #a1003d; font-size: 12px; margin-top: 2px; margin-bottom: 0px; font-family: Arial;font-variant: small-caps ;} /************* Centre *****************/ #colonnecentre{float: left; width: 580px; text-align: center; background-color: #ffffff; font-family: Arial;padding-right:10px;padding-left:10px;} #cadrecentral {float:left;font-family: Arial; background-image: url(http://www.expressions-fermieres.com/site/prempage/terroir-pas-marketing.jpg);background-repeat: no-repeat; width: 580px; height: 300px; text-align: left;} #titreimage{float:left;font-size: 26px;margin-top: 70px; width: 340px; font-family: Times New Roman,Times,serif; text-align: center;font-variant: small-caps ;color:#a1003d;height:30px;} #cadreparagraphe{float: left; text-align: justify; color: #3d3d3d; font-size: 11px; margin-top: 85px;margin-left:14px;width:560px;} h2{font-size:14px;line-height:14px;margin:0px; padding:0px;color:#a1003d;font-weight:bold;font-family: arial;font-variant: small-caps ;} p{margin-right:12px;margin-top:3px;font-size:12px;text-align: justify;line-height:17px;} /************* Droite *****************/ #colonnedroite{width: 170px; float: right; background-color: #ffffff; text-align:center;} #mailing{width:170px;float:right;} #cadrelivraison{width:158px;padding:5px;margin-top:5px;float:left;text-align:center;background-image:url(http://www.expressions-fermieres.com/site/design/bandeau-sable.jpg);color:#ffffff;border: 1px solid #A1003d;} .capps18rouge{font-weight:bold;color: #a1003d;font-size:18px;font-variant: small-caps ;} .arial24blanc {color:#ffffff;font-size:24px;font-family: Arial;} #cadrepaiement {float:left;width:170px;font-family: arial; font-weight: bold; color: #a1003d; font-size: 13px; margin-top: 10px;text-align:center;margin-bottom:5px;} /******************************************* Deuxieme Niveau *************************************************************/ #niveau2 {border:1px solid #d7a55e;border-top:0px solid #d7a55e;float: left;width:960px;background-color: #ffffff;height:440px;padding:12px;} #puceniveau2 {float:left;width: 50px; height: 35px;background-image:url(http://www.expressions-fermieres.com/site/design/bandeau.jpg);} #imageniveau2 {padding-top:4px;float:left;width: 878px; height: 31px;background-image:url(http://www.expressions-fermieres.com/site/design/bandeau-sable.jpg);color:#ffffff;font-family:Times New Roman,Times,serif;font-variant: small-caps ;font-size:22px;text-align:left;padding-left:30px;} .produitenavant {border: 1px solid #bababa; float: left; height: 190px; width: 177px;margin-left:5px;margin-right:7px;margin-top:6px;} .sansbordure {border:0px;text-decoration:none;margin-top:4px;} #imagegauche {float:left;border:0px;text-decoration:none;margin-top:30px;width 300px;} #imagedroite {float:right;border:0px;text-decoration:none;margin-top:30px;width 300px;} #imagecentre {float:left;border:0px;text-decoration:none;width 300px;text-align:center;padding:30px;} /******************************************* Bas de Page *************************************************************/ #baspage {width:100%;background-color: #f9fbf8;color: #8c8c8c;margin:0px;padding:0px;text-align: center;} a.baspage{font-family: Arial; color: #8c8c8c; font-size: 11px;} #abusalcool {font-weight:bold;text-align: center; font-family: Arial; color:#3d3d3d; font-size: 13px; margin-top: 10px; margin-bottom: 100px;} ul.gamme {margin-top:5px;list-style-type: none; margin-left: 10px; font-variant: small-caps ; text-align: left; font-family: arial; font-size: 12px; font-weight: bold;padding:0px;} ul.rayon {margin-left: 0;list-style-type: none; margin-top: 2px; margin-bottom: 0px; margin-left: 18px; padding-left: 0;text-indent: 0; text-align: left; font-family: arial; font-size: 11px; font-weight: bold;} a.bandhaut {font-family: arial; color:#ffffff; font-weight:Bold;font-size: 13px; text-decoration: none;} a:hover.bandhaut{text-decoration:none;background:none;} a.gamme {font-family: arial; color:#a1003d; font-size: 13px; text-decoration: none;margin-top:5px;padding:0px;} a:hover.gamme{color:#D7a55E;text-decoration:none;background:none;} a.rayon {font-family: arial; color:#444444; font-size: 11px; text-decoration: none;font-weight: normal;margin-top:5px;} a:hover.rayon{color:#444444;text-decoration:underline;background:none; font-weight: normal;} a.produit {font-family: arial; text-decoration:underline;color:#a1003d; font-size: 13px; text-decoration: none;font-weight: normal;margin-top:5px;} a.produit-gras {font-family: arial; color:#ffffff; font-size: 13px; text-decoration: none;font-weight: bold;margin-top:5px;} a:hover.produit{color:#D7a55E;text-decoration:underline;background:none; font-weight: normal;} a:hover.produit-gras{color:#444444;text-decoration:underline;background:none; font-weight: bold;} a.band {font-family: arial; color:#a1003d; font-size: 12px; font-weight: bold;text-decoration: none;} a:hover.band{color:#D7a55E;text-decoration:none;background:none;} H3{font-size:14px;color:#a1003d;margin-top:12px;margin-bottom:3px;font-family:Times New Roman,Times,serif;} #vin {padding : 0;margin : 0;list-style : none;line-height : 26px;text-align : center;font-variant: small-caps ;font-family : Arial;font-size : 12px;} #vin a {display : block; padding : 0; color : #ffffff;text-decoration : none;} #vin li {width:85px;float : left;} #vin li ul {position: relative;left: -999em;line-height : 21px;list-style : none;} #vin li ul li {Background : #b33748;width:126px;opacity:0.90;filter : alpha(opacity=90);} #vin a:hover {text-decoration: underline;} #vin li:hover ul ,#vin li.sfhover ul {left:auto;top:-1px;margin:0px;padding:0px;min-height: 0;} #prodferm {padding : 0;margin : 0;list-style : none;line-height : 26px;text-align : center;font-variant: small-caps ;font-family : Arial;font-size : 12px;} #prodferm a {display : block; padding : 0; color : #ffffff;text-decoration : none;} #prodferm li {width:85px;float : left;} #prodferm li ul {position: relative;left: -999em;line-height : 21px;list-style : none;} #prodferm li ul li {background : #c56e53;width:126px;filter : alpha(opacity=95);opacity:0.95;} #prodferm a:hover {text-decoration: underline;} #prodferm li:hover ul ,#prodferm li.sfhover ul {left:auto;top:-1px;margin:0px;padding:0px;min-height: 0;} #cadeau {padding : 0;margin : 0;list-style : none;line-height : 26px;text-align : center;font-variant: small-caps ;font-family : Arial;font-size : 12px;} #cadeau a {display : block; padding : 0; color : #ffffff;text-decoration : none;} #cadeau li {width:100px;float : left;} #cadeau li ul {position: relative;left: -999em;line-height : 21px;list-style : none;} #cadeau li ul li {background : #d7a55e;width:126px;filter : alpha(opacity=95);opacity:0.95;} #cadeau a:hover {text-decoration: underline;} #cadeau li:hover ul ,#cadeau li.sfhover ul {left:auto;top:-1px;margin:0px;padding:0px;min-height: 0;} /******************************************* Fiche produit *************************************************************/ #titrefiche{font-size: 20px;font-variant: small-caps ;color:#a1003d;} #cepages{font-size: 12px;margin-bottom:15px;} #criterequalite{font-weight:bold;font-size: 13px;} #cartevin{font-size:12px;line-height:20px;margin-bottom:8px;background-color: #e5e5e5;width:180px; margin-right:20px;padding:10px;float:right} #carte{margin-right:15px;height:110px;float:right;} #photofamille{width:130px;float:left;} #blocimage{margin-top:10px;margin-bottom:15px;height:150px;} #famille{font-weight:bold;margin-bottom:8px;} #lieu{font-size:12px;margin-bottom:15px;} a.lienfiche{font-weight:normal;color:#a1003d;text-decoration:none;font-size:12px;} a:hover.lienfiche{text-decoration:none;color:#d7a55e;} #colonneproduit{float: left; width: 750px; text-align: left; background-color: #ffffff; font-family: Arial;padding-right:10px;padding-left:10px;} #piedpage {border:1px solid #d7a55e;border-top:0px solid #d7a55e;float: left;width:960px;background-color: #ffffff;height:5px;padding:12px;} #cadrepanier{width:158px;padding:5px;float:left;text-align:center;background-image:url(http://www.expressions-fermieres.com/site/design/bandeau1.jpg);color:#ffffff;border: 1px solid #A1003d;} .capps18sable{font-weight:bold;color: #d7a55e;font-size:18px;font-variant: small-caps ;} .capps12sable {font-weight: bold; color: #d7a55e; font-size: 12px; margin-top: 2px; margin-bottom: 0px; font-family: Arial;font-variant: small-caps ;} .arial16blanc {color:#ffffff;font-size:16px;font-family: arial;} /******************************************* Gamme *************************************************************/ h3{font-size: 20px; font-weight: normal;font-family: Arial;font-variant: small-caps;margin-bottom:2px;color: #a1003d;} #cadregamme{margin-left:5px;border:1px solid #d7a55e;text-align:left;background-color:#f1f1f1;margin-top:10px;padding:10px;width:730px;} #colonnegamme{width:220px;float:left;margin-left:25px;text-align:left;} #imagegamme{margin-bottom:15px;margin-top:0px;} #cartegamme{margin-bottom:10px;} #colonnesaviez{width:450px;float:right;margin-left:0px;margin-right:25px;text-align:left;margin-top:0px;text-align: justify;line-height:17px;} #situation{width:450px;float:left;text-align:justify;line-height:17px;} #saviezvous{width:450px;float:left;text-align:justify;line-height:17px;} #colonnesaviezprod{width:450px;float:right;margin-left:0px;margin-right:35px;text-align:left;margin-top:15px;text-align: justify;line-height:18px;} #imagegammeprod{margin-bottom:15px;margin-top:0px;float:left;margin-right:20px;height:260px;} .pproduit{margin-right:12px;margin-top:3px;font-size:12px;text-align: justify;line-height:17px;} .pproduiti{margin-right:12px;margin-top:3px;font-size:11px;text-align: justify;line-height:17px;} #fichegamme{width:450px;float:left;background-color: #e5e5e5;margin-top:12px;margin-bottom:10px;} #fichegammec1{width:205px;padding:5px;padding-left:15px;padding-top:10px;float:left;} #fichegammec2{width:205px;padding:5px;padding-right:15px;padding-top:10px;float:right;} #titre2gamme{font-size: 16px; font-weight: normal;font-family: Arial;font-variant: small-caps;color: #a1003d;} #titresaviezvous{font-size: 16px; font-weight: normal;font-family: Arial;font-variant: small-caps;margin-top:15px;color: #a1003d;} #titresaviezvousprod{font-size: 16px; font-weight: normal;font-family: Arial;font-variant: small-caps;margin-top:15px;color: #a1003d;} #resumegamme{margin-top:7px;margin-bottom:7px;} .fiche{margin-right:0px;margin-left:0px;margin-top:0px;margin-bottom:10px;font-size:12px;text-align: left;line-height:14px;} .resumeapp{font-size:11px;margin-top:5px;font-weight:bold;} .resumetype{font-size:11px;} .resumepoids{font-size:11px;margin-bottom:5px;} /******************************************* Producteur *************************************************************/ #titreproducteur{font-size: 26px; font-weight: normal;font-family: Times;font-variant: small-caps;margin-bottom:2px;color: #b48f66;margin-top:15px;} #appelationproducteur{font-size:18px; font-style: italic;font-family: Times;} #nomproducteur{width:200px;float:left; margin-left:20px;padding:10px;text-align:center;font-size:16px;font-family: Arial;color:#ffffff;background-image:url(http://www.expressions-fermieres.com/site/design/bandeau-sable.jpg);margin-top:25px;margin-bottom:15px;float:left;} #productionproducteur{width:200px;float:right; margin-right:20px;padding:10px;text-align:center;font-size:16px;font-family: times;font-style:italic;color:#a1003d;margin-top:10px;margin-bottom:20px;} .carteproducteur {text-decoration:none;margin-top:4px;margin-bottom:15px;margin-top:8px;float:left;margin-left:55px;} .pproducteur{margin-left:20px;margin-top:10px;margin-bottom:10px;font-size:12px;text-align: justify;line-height:18px;} .photofichprod{border: 0px solid ; margin-right: 25px; margin-left:20px;float: left;} #cadregammeprod{width:758px;float:left;margin-left:5px;border:1px solid #d7a55e;text-align:center;background-color:#f1f1f1;margin-top:0px;margin-bottom:30px;} #cadregammeprodcfm{width:758px;margin-left:5px;border:1px solid #d7a55e;text-align:center;background-color:#f1f1f1;margin-top:0px;margin-bottom:15px;height:220px;} #lienlisteproducteur{width:710px;text-align:center;margin:30px;float:left;} /******************************************* fiche produits producteur *************************************************************/ .cadreproduitproducteur{border: 1px solid rgb(229, 225, 218); height: 295px; width: 700px;background-color:#ffffff;margin-top:30px;} .cadreproduitproducteurgauche{float: left; text-align: center; width: 170px;} .titreproduitproducteur{color: #b48f66; font-variant: small-caps; font-size: 14px; text-align:center;} .plusinfoproduitproducteur{border: 0px solid; width: 60px; height: 21px;} .cadreproduitproducteurdroite{width: 500px; height:290px; text-align: left; margin-left: 15px;float:left;} .tabproduitproducteur{height:288px;display:table-cell;vertical-align:middle;text-align: center;} .titre2produitproducteur{font-size:13px;} .tabphotoproduitproducteur{height:288px;display:table-cell;vertical-align:middle;text-align: center;width:170px;} #pageinfo{font-size:28px;color:#ffffff;font-variant:small-caps;font-family: Times;}