* { margin: 0; padding: 0; border: 0; }

body {
	margin:0;
	padding:0;
	color: #000; 
	font-size: 62.5%; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #b8be82;
}

html {
	margin:0;
	padding:0;
	font:100%/1.5 sans-serif;
	background:#fff;
	color:#333;
}

#site {
	width: 751px; 
	margin: 0 auto;
	font-size: 110%;
	z-index:1;
	background: #b8be82 url(/i/html/bordure.png) scroll 0 0 repeat-y;
	padding-left: 50px;
}

#herbe {
	position: fixed;
	bottom:-10px;
	left:0;
	width:100%;
	height:100px;
	background: transparent url(/i/html/herbe.png) bottom left repeat-x;
}

li { list-style-type: none; }
strong { font-weight: 900; }
acronym, abbr{cursor: help;}
.co { border: none; }

#header { width: 751px; height: 223px; background: #b8be82 url(/i/html/header.jpg) 0 0 no-repeat; }
#header h1, ul { clear: both; }
#header h1 { 
	text-align:center; 
	padding: 90px 0 35px 180px; 
	font-size: 170%; 
	font-weight: 900; 
	font-family:arial,sans-serif; 
	line-height:20px; 
	width:60%; 
}
#header h1 span { font-weight: 100; font-size: 100%; }
#header ul { margin: 0 0 0 130px; }
#header li { display:block; float:left; margin-left: 30px; line-height: 16px; text-align:center; }
#header li a { color:#fff; font-weight:bold; text-decoration:none;  font-family: "Trebuchet MS",sans-serif; font-size: 120%; }
#header li a:hover { color: yellow; }
#header .c1 { width: 85px; }
#header .c2 { width: 60px; }
#header .c3 { width: 40px; margin-left: 45px; }
#header .c4 { width: 75px; margin-left: 45px; }
#header .c5 { width: 70px; }
#header .c6 { width: 70px; }

#bandeau { clear: both; position: relative; float:left; width:148px; text-align: center; margin: 50px 0; color: #5A1C15; }
#bandeau ul { margin: 0 0 25px 0; }
#bandeau li a, #band li a:hover { padding: 4px 0 3px 6px; text-align: left; width: 142px; }
#bandeau li a { display:block; font-size:99%; color: #5A1C15; font-weight:900; text-decoration:none; font-family:"Trebuchet MS", Arial; }
#bandeau li a:hover { 
	display:block;
	background-color: #5A1C15;
	color: #fff;
}
#paypal { margin: 20px 0 0 0; font-size: 85%; padding: 2px; }
#paypal span { font-size: 80%; font-weight: bold; }
#adress { margin-top: 10px; color: black; font-size: 85%; }
#partenaire { margin:2em 0; text-align:center; color:darkgreen; font-size:75%; }

#contenu { 
	float:left;
	margin-left: 5px;
	width: 589px;
	padding: 0 2px;
	background: #fff url(/i/html/dessin.jpg) 100% 0.5% no-repeat;
	font-family: verdanna, sans-serif;
}


#lien {clear: both;  padding-top: 30px; text-align: center; width: 100%; display: block; margin-bottom: 20px; }
#pied { 
	clear:both; 
	width: 100%; 
	text-align:center; 
	height:100px; 
	background: transparent url(/i/html/herbe.png) bottom left repeat-x;
	border: none;
}

#introduction { width: 100%; margin: 0 0 15px 0; }
#introduction h2 { color:#1b4700; text-align:center; font-weight:bold; clear:both; width:100%; font-size: 121%; margin: 10px 0; }
#introduction p { display: block; width: 65%; font-size: 95%; }
#introduction a { text-decoration:none; }

#promotion { float: left; width: 295px; margin: 10px 0 0 5px; }
#promotion h2 { color:#fff; background-color: darkgreen; text-align: center; margin: 1.5em 1em 2em 1em; padding: 2%; }
#promotion h2 a { color: #fff; text-decoration:none; font-weight: bold; font-size: 95%; }
#selection { float: right; width: 270px; margin: 40px 0 0 0; }
#selection hr { background-color: #6a7830; height: 2px; border:0; width: 80%; margin: 5px auto; clear: both; }

#newsletter { 
	margin: 2em 0;
	padding: 4px 5px 4px 69px;
	background: #fff url(/i/html/newsletter.jpg) bottom left no-repeat;
	width: 229px;
	border: 2px solid #899b3b;
}
#inscription { width: 100%; text-align: left; padding: 0 2px; }
#inscription legend { text-align: right; color: #899b3b; font-size: 105%; width: 100%; }
#inscription .foraddr { text-align: left; color: #835550; font-size: 100%; margin: 5px 0; }
#inscription label { margin-right: 2px; font-size: 80%; }
#inscription .myrtilles { border: black 2px solid; background-color: #fff; }
#inscription input.myrtilles:focus { background: silver; }
#inscription .submit { margin: 15px 0 10px 80px; }

#promou { 
	background-color: #f2dea6;
	border: 2px solid #5a1c15;
	width: 99%;
	margin: 25px auto;
	padding: 5px 5px;
}
#promou h2 { margin:0px; padding: 10px; color:#fff; background-color: #AA5500; font-size: 120%; }
#promou p { margin-top: 10px; font-size: 105%; text-align: left; line-height: 14px; text-align: center; }
#promou p a { color: red; font-weight: bold; font-size: 125%; text-decoration:none; }

#promo { 
	background-color: #f2dea6;
	border: 1px solid #5a1c15;
	width: 99%;
	margin: 0 auto;
	padding: 2px 5px;
}
#promo .t1, #promo .t2 { height: 22px; font-size: 125%; font-weight: 900; color: #fff; margin: 10px 0; text-align: center; font-family: arial; }
#promo .t1 { float: left; background-color: #6a7830; padding: 3px; width: 80%; }
#promo .t2 { float: left; background-color: #793d0c; padding: 3px; width: 15%; }
#promo img { float: left; margin-right: 10px; }
#promo p { font-size: 105%; text-align: left; line-height: 14px; }
#promo .prix, #promo .co { height: 22px; text-align:center; font-size: 120%; font-weight: 900;  }
#promo .prix { clear: both; float: left; width: 110px; background-color: #6a7830; color:#fff; margin: 15px 0 0 0;  }
#promo .co { float: right; margin: 15px 0 0 0; }

.salaison { text-align: center; }
.salaison h3 { background-color: #6a7830; padding: 3px; width: 80%; color:#fff; text-align: center; font-size: 100%; margin: 5px auto; }
.salaison .prod { float: left; margin: 5px 3px; padding: 5px 0; }
.salaison p { margin:5px 0; text-align: left; }
.salaison span { width: 100%; text-align: left; }
.salaison strong { color: #81491b; }
.salaison .co { margin: 10px; text-align:center; }

#cat h2 { line-height: 30px; font-weight: bold; border: 1px solid #5a1c15; background-color: #f2dea6; color: #5A1C15; width: 50%; margin: 20px; text-align: center; padding: 5px; }
#cat p { width: 60%; }
#cat .charcuterie { float: left; width: 45%; margin: 10px; background-color: #f3eee0; }
#cat .charcuterie h3 { background-color: #6a7830; padding: 2px 0; width: 100%; color:#fff; text-align: center; font-size: 100%; margin: 3px 0; }
#cat .charcuterie h3 a { color:#fff; text-decoration: none; }
#cat .charcuterie .proda { float: right; margin: 5px 3px; }
#cat .charcuterie .prodb { float: left; margin: 5px 8px; }
#cat .charcuterie p { margin: 3px 0; text-align: left; width: 100%; }
#cat .co { text-align:center; margin: 10px 0; }
#cat .charcuterie hr { clear: left; background-color: #793d0c; height: 2px; border:0; width: 100%; margin: 8px 0; }
#cat #desc img { float: left; }
#cat #desc h2 { width: 60%; margin: 5px auto 15px auto; border: 2px solid #5a1c15;}
#cat #desc p { font-size: 105%; width: 80%; text-align: justify; margin-top: 50px; }
#cat strong { color: navy; }
#cat span { color: black; }
#cat .remise {color: red; font-size: 140%;}

#livre_or img { float: right; margin-right: 1em; }
#livre_or h1 { margin: 10px 0px; color: blue; text-align: center; }
#livre_or p { font-size: 1.3em; margin: 15px 20px; }
#livre_or p.a:first-letter { color: darkgreen; font-weight: bold; }
#or { float: right; width: 420px; margin: 2em; border: 2px solid darkgreen; text-align:2 left; background-color: lightgreen; }
#or form { margin: 3%; background-color: rgb(255,255,255); padding: 2%; }
#or p { background-color: palegreen; margin: 10px; padding: 3%; text-align: left; }
#or a.signer { font-size: 1.2em; color: green; margin: 5px 0px; }
#or input,textarea { border: darkgreen 2px solid; background-color: palegreen; margin-left: 80px; }
#or input:focus,textarea:focus {background: silver; }

#linkx { margin: 2em auto; padding: 1em; color: navy; width: 90%;}
#linkx a img { float: left; margin:1em; }
#linkx p { margin: 0em 2em 2em 2em; }
#linkx h1 {margin: 1em;}
.liens { float: left; }

#caddie { background-color: white; text-align: center; margin: 2em 0;}
#caddie img { float: left; margin: 1.5em; }
#caddie p { float: left; margin: 1em; }
#caddie table {
    text-align: center;
    margin: 10px auto;
    padding: 2px;
    width: 80%;
    font-size: 1.2em;
}
#caddie table form fieldset { border: none; padding: 0px; margin: 0px; }
#caddie th { border: thin solid #214921; font-weight : bold; }
#caddie .ttc { border: thin solid #214921; background: #bdf8bd; }
#caddie option { color: green; }

#caddie h2 {
    color: maroon;
    font-weight: 600;
    font-size: 1.6em;
    margin: 10px 0px 15px 50px;
    border: 2px solid #1c4e18;
    padding: 1%;
    text-align: center;
    font-family: "Bitstream Vera Sans", sans-serif;
    width: 50%;
}
#caddie form { padding: 0% 2%; text-align: left; }
#caddie form img { float: right; margin-top: 10px; }
#caddie form p { padding: 0% 3%; text-align: center; color: red; font-size: 1.3em; }
#caddie form fieldset { border: 1px solid #A52A2A; padding: 2%; margin: 10px 10px; }
#caddie input,textarea { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); margin-left: 40px; }
#caddie input:focus,textarea:focus {background: silver; }
#caddie input.valide { border: rgb(200,200,200) 2px solid; background-color: rgb(244,252,213); color: blue; margin: 5px 60px; }
#caddie #msg { display: block; float: right; margin-right: 20px; width: 30%; text-align: center; color: red; font-size: 1.2em; }

.civilite { margin-top: 2em; }
.asterix { margin:1em; text-align:center; color:darkgreen !important; }

#contact input { border: black 2px solid; background-color: #fff; }

.sucre { float: left; margin:1em; clear:both; width: 80%; }
.etire { clear: both; width: 100%; height:8px; }
.centre { text-align : center; }
.fermiere { margin:0; padding: 5%; color: navy; width: 85% !important; text-align: justify; }

#cat table form fieldset { border: none; padding: 0px; }
#cat table { clear: both; margin: 10px auto; width: 80%; }
#cat tr { margin: 10px 0; }
#cat th { border: thin solid #6495ed; font-weight : bold; background: #98FB98; }
#cat td { background: #c2f8b6; border: none; }
#cat .qte { text-align: center; }
#cat option { color: green; }
#cat h4 { text-align: center; color: red; }

.charcuterie p span { font-weight: 800; color: red; font-size: 12px; }
.charcuterie p span em { font-weight: 900; color: green; font-size: 14px; }
.emploie { border: 2px solid teal; padding: 1em; margin: 2em; }
.emploie h3 { background-color: navy; color: #fff; width: 100%; height: 2em; text-align: center; margin-bottom: 1em; }
.emploie h4 { color: red; margin: 1em 0 0 0; }
.emploie ul { margin-left: 2em; }
.emploie li { list-style-type: square; }
.samp { font-weight: bold; text-align: center; font-size: 110%; }

.remise { color: red; font-weight-bold; }
.remise_prix { text-decoration: line-through; }

#pays_livraison #pays { background-color: #c0c0c0; color: black; font-weight: 800; }

#colissimo { margin: 20px; color: navy; }
#colissimo ul { list-style-type: none; color: orange; font-weight: 900; }
#colissimo li { list-style-type: square; }
#poste h2 { text-align:center; color: green; font-weight: bold; text-decoration: overline; margin-top: 25px; }
#poste p { margin: 10px; color: #909090; font-weight: 600; }
#poste p:first-letter { color: red; font-weight: 900; font-size: 15px; }

#panier { 
	border: 2px solid maroon;
	padding: 4px 8px;
	-moz-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
}
.blog { font-weight: 900; color: maroon; font-size: 12px; }



.cond { position: relative; float: right; font-size: 110%; font-family: serif; margin: 30px; -margin: 15px; }
.cond h3, .cond p.a, .cond p.b:first-letter, .cond p.b:first-line  { font-weight: bold; }
.cond h3 {
    font-size: 1.5em;
    color: white;
    text-align: center;
    font-family: cursive;
    background-color: green;
    margin: 20px;
	clear: both;
}
.cond p.a:first-letter {
    color: rgb(204,0,6);
    font-weight: bold;
    font-size: 2em;
    float: left;
    margin-right: 0.2em;
    padding: 0.1em;
    background-color: #FFE4E1;
    border: 0.01em solid navy;
	line-height: 2em;
}
			    
.cond p.a:first-line { text-align: left; font-weight: bold; }
.cond p.a { width : 60%; border-right: 5px solid green; padding-right: 2%; font-weight: normal; }
.cond img { float: right; }
.cond p.b:first-letter {
    font-size: 2em;
    color: rgb(208,0,0);
    font-style: italic;
    font-family: fantasy;
}
.cond p.b:first-line {
    color: navy;
    text-align: left;
    font-family: cursive;
    font-size: 1.5em;
}
.cond p.b { text-indent: 30px; margin-top: 2%; }
.cond img { float: right; margin: 1%; }
.cond p.colissimo1 {
    float: left;
    display: block;
    width: 49%;
    margin-right: 1%;
}
.cond p.colissimo2 {
    float: right;
    display: block;    
    width: 49%;
    margin-left: 1%;
}
.cond img.carton { float: left; margin: 2em; }

#fete { 
	border-top: 1px solid red; 
	border-bottom: 2px solid orange; 
	margin: 5px 0; 
	padding-top: 1px;
	margin-left: 10%;
	margin-right: 5%;  
}
#fete h2 { color: red;  }
#fete img { float: right; margin: 5px 20px 0 0; }
#fete span { font-size: 15px; margin: 2px auto; }
#fete span a { color: green; }
#fete .t1, #fete .t2 { font-size: 12px; font-weight: 600; }
#fete .t1 { color: #fff; float: left; background-color: #793d0c; padding: 3px; width: 80%; }
#fete .t2 { color: #fff;  float: left; background-color: #6a7830; padding: 3px; width: 15%; }

.bordure { border: 1px solid grey; }

/*#newsletter { margin:0; padding: 2px; }
#newsletter form fieldset { margin: 0; padding: 0; }
#newsletter form legend { margin-left: 0px; padding: 0; }*/