* { 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/header2.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; font-size: 125%}
#header .c1 { width: 60px; }
#header .c2 { width: 60px; }
#header .c3 { width: 65px; 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: center; 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: #759956;
	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;
   min-height:700px;
}
#contenuPanier{ 
	float:left;
	margin-left: 5px;
	width: 589px;
	padding: 0 2px;
	font-family: verdanna, sans-serif;  
	min-height:700px;
}

#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:0px; }

#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: 269px; 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 { 
	
	border: 2px solid #5a1c15;
	width: 99%;
	margin: 25px auto;
	padding: 5px 5px;
}
#promou h2 { margin:0px; padding: 10px; color:#fff; background-color: #75964F; 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: #FFFFFF;
	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: #75964F; padding: 3px; width: 80%; }
#promo .t2 { float: left; background-color: #75964F; 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 { width: 88px; background-color: #75964F; color:#fff; margin: 0 0 0 0;  }

#promo .co { float: right; margin: 35px 0 0 0;
 }
#promo .qte { height: 22px; clear: both; float: right; width: 20px; color:#fff; margin: 15px 0 0 0;  }

.prix {width: 88px; background-color: #75964F; color:#fff; margin: 0 0 0 0;
height: 22px; text-align:center; font-size: 120%; font-weight: 900;
 }

.salaison { text-align: left;
border: 1px solid #5a1c15; padding: 2px 5px }
.salaison h3 { background-color: #75964F; padding: 3px; width: 90%; 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; }

.salaison .prix { width: 78px; background-color: #75964F; color:#fff; margin: 0 0 0 0; height: 22px; text-align:center; font-size: 120%; font-weight: 900;  }

#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 inputtype { border: #FF9900;}
#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; }


.matable {margin: 15px auto; border-collapse: collapse; width: 90%; }
.math {font-weight: bold; padding: 3px; border-collapse: collapse; border: 1px solid #808080; background-color: #F1AE19;  /*background-color: #95BB03*/; color: #000000; text-align: left; }
.matd {padding: 3px; border-collapse: collapse; border: 1px solid #808080; color: #000000; text-align: left; }
#menu
{
margin-top:42px;
}
.inputqte{
border: 1px solid #F1AE19

}

.inputsubmit{
border: 1px solid #F1AE19;
background-color: #F1AE19;
}
#qte
{
margin-top:16px;
}
/*livraisonù*/
.livraisontable
 {
  border: 1px solid #F1AE19;
}

/* appliquez sur toute les pages*/

#lienchar
{
	color:#74934F;
	text-decoration:none;
}

#lienchar:hover,visited
{
	color:#74934F;
	text-decoration:underline;
}
#plan:hover{
font-size:13px;
color:#4D6F23;
text-decoration:underline;
}
.formulaire
{
background:url(images/jeux.jpg);
background-repeat:no-repeat;
height:437px;
widows:553px;
margin:0px auto 0px auto;


}
.sousformulaire
{
margin-left:220px;
margin-top:15px;

}
#lienchar2
{
	color:#4D6F23;
	text-decoration:none;
}
#couleur
{
	color:#C6821D;
	text-decoration:none;
}
#couleur2
{
	color:#fff;
	text-decoration:none;
}