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

body {
    font-family: verdana, arial, "Bitstream Vera Sans", sans-serif;
    font-size: 62.5%; 
    font-weight: normal; 
    color: #000000;
    background-color: #fff;
}

#ruche { margin: 1em auto; width: 780px; font-size: 100%; }
#alveole_a { float: left; width: 138px; border-right: 3px solid #ffcc00; border-left: 3px solid #ffcc00; }
#alveole_b { float: left; width: 500px; font-size: 110%; padding: 2px; }
#alveole_c { float: right; width: 116px; border-right: 2px solid #ffcc00;  border-left: 2px solid #ffcc00;}

#alveole_a, #alveole_c { text-align:center; font-size: 100%; }
#alveole_a li, #alveole_c li { list-style-type: none; }
#alveole_a #panier, #alveole_c #ssl, #alveole_c #pcboost { margin: 1em 0; border-top: 2px solid red; border-bottom: 2px solid red; padding: 5px 0; }

#alveole_a img { margin: 0.5em 0; }
#alveole_a li a {
    display: block;
    color: orange;
    text-decoration: none;
    font-size: 120%;
    background-color: #ffffcc;
    border-top: #e1b1bf 1px solid;
    border-bottom: #e1b1bf 1px solid;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
#alveole_a li a:hover { background: darkorange; color: white; }
#alveole_a #panier span { color: red; background-color: white; }
#alveole_a #panier a {
    color: navy;
    text-decoration: underline;
    background: white;
    border-top: #e1b1bf 1px solid;
    border-bottom: #e1b1bf 1px solid;
}
#alveole_a .newsletter { margin: 5px 0px; text-align: center; padding: 5px 0px; }
#alveole_a input { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); }
#alveole_a input:focus {background: silver; }

#alveole_b h1, #alveole_b h2 { width: 100%; clear: both; font-weight: bold; text-align: center;}
#alveole_b h1 { color: darkgreen;  font-family: 'Comic Sans MS', georgia; font-size: 160%; }
#alveole_b h2 { color: orange; margin: 0.5em 0; font-size: 150%; }
#alveole_b h3 { color: navy; text-align: center; margin: 0.5em 0; }
#alveole_b h4 { color: red; text-align: center; margin: 0.3em 0; }
#alveole_b .saison { float: left; width: 100%; padding: 1%;  margin: 1em 0; }
#alveole_b .message { font-size: 110%; margin: 2em 0 1em 5em; border-left: 6px solid red; background: #fff url(/i/catbg.jpg) scroll top left repeat-x; padding: 1px 15px; width: 70%; }
#alveole_b .bloc1 { float: left; width: 49.5%; text-align: left; border-right: 1px solid orange; }
#alveole_b .bloc2 { float: right; width: 49.5%; text-align: right; }
#alveole_b .bloc3 { float: left; width: 48%; text-align: left; margin: 1em auto; border: 1px solid green; padding: 8px 2px; }
#alveole_b img { float: left; margin: 3px; }
#alveole_b .promotion { float: left; text-align:left; width: 45%; border: 2px solid orange; margin: 10px 8px 0 0; padding: 3px; }
#alveole_b .promotion hr { display: block; background-color: orange; height: 2px; width: 40%; margin: 0.5em auto; }
#alveole_b .promotion img { float: none; margin: 0.5em 1.5em; }
#alveole_b .promotion p { margin: 5px; padding: 1%; }

#alveole_c blockquote { font-size:115%; color: black; background-color: #ffffcc; padding: 1em 0; margin-bottom: 2em; }
#alveole_c cite { color: orange; font-size: 100%; }

#caddie { background-color: white; text-align: center; float: left; width: 100%; }
#caddie table {
    border-top:    #A52A2A 3px solid;
    border-right:  #A52A2A 3px solid;
    border-bottom: #8B0000 3px solid;
    border-left:   #8B0000 3px solid;
    text-align: center;
    margin: 10px auto;
    padding: 2px;
    width: 80%;
    font-size: 1.1em;
}
#caddie table form fieldset { border: none; padding: 0px; margin: 0px; }
#caddie th { border: thin solid #6495ed; font-weight : bold; background: orange; }
#caddie td { background: #FFFFCC; }
#caddie .ttc { border: thin solid #6495ed; background: orange; }
#caddie .ttca { border: thin solid #6495ed; background: #ffcf9b; }
#caddie option { color: green; }
#caddie form { padding: 0% 2%; text-align: left; width: 98%; }
#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-top: -220px; margin-right: 20px; width: 30%; text-align: center; color: red; font-size: 1.2em; }

#livre_or img { float: right; margin-right: 40px; }
#livre_or h2 { margin: 10px 0px; color: blue; text-align: center; }
#livre_or p { font-size: 105%; margin: 15px 20px; }
#or { clear: both; border: 2px solid #FAA401; text-align: left; background-color: #FFFACD; margin: 1em auto; width: 90%; }
#or form { margin: 3%; background-color: rgb(255,255,255); padding: 2%; }
#or p { background-color: #ffd700; margin: 10px; padding: 3%; text-align: left; }
#or a.signer { font-size: 1.2em; color: green; margin: 5px 0px; }
#or input,textarea { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); margin-left: 80px; }
#or input:focus,textarea:focus {background: silver; }
.sucre { clear: both; width: 80%; margin: 1em auto; background-color: rgb(255,255,255); padding: 2%; border: 2px solid #FAA401; }

#contact { clear: both; border: 2px solid #FAA401; text-align: left; background-color: #FFFACD; margin: 1em auto; width: 90%; }
#contact form { margin: 3%; background-color: rgb(255,255,255); padding: 2%; }
#contact p { background-color: #ffd700; margin: 10px; padding: 3%; text-align: left; }
#contact a.signer { font-size: 1.2em; color: green; margin: 5px 0px; }
#contact input,textarea { border: rgb(206,220,233) 2px solid; background-color: rgb(244,252,213); margin-left: 80px; }
#contact input:focus,textarea:focus {background: silver; }
#contact strong { margin: 1em 2em; color: black; font-weight: 900; text-align: center; }
#contact p { background-color: lightgreen; }

#cond { position: relative; float: right; font-size: 1.4em; font-family: serif; padding:5px; }
#cond ol { list-style-type: upper-roman; margin: 1em 0 1em 20px; }
#cond ol li { margin: .5em 0 .5em 0 }
#cond p { width: 90%; border: 1px dotted green; margin: 1em auto; padding: 10px; font-weight: 100;}

#partenaire { margin-top: 20px; background: orange url(/i/catbg.jpg) top left repeat-x;}
#partenaire a {
    display: inline;
    color: navy;
    background-color: beige;
    text-decoration: none;
    font-size: 95%;
    text-align: left;
    font-weight: bold;
}
#partenaire a:hover {color: red; background-color: white; }

address {
display: block;
font-style: italic;
background: url(/i/alveole.jpg) no-repeat 0px 0px; 
color: navy; 
font-size: 140%;
font-weight: bold;
margin: 2em auto; 
text-align: center; 
border: #fbb318 2px solid; 
padding: 1em 0; 
width:200px; }

.samp {
font-size:1em;
background:#fff;
padding:1em;
border:1px solid #DBFCE0;
border-left:1em solid #DBFCE0;
display:block;
margin: 2em;
}
.samp img { float: right !important; margin: 2px; }

#mielat { width: 95%; clear: both; margin: 1em auto; }
#mielat img.recolte { float: left; margin : 2em 2em 2em 0; }
#mielat .vente { float: left; width: 40%; margin: 1em 0; }
#mielat p.description { clear: both; width: 80%; margin: 2em auto; padding-top: 2em; color: navy; }
#mielat p.description:first-letter {
    color: orange;
    font-weight: bold;
    font-size: 2em;
    float: left;
    margin-right: 0.2em;
    padding: 0.1em;
    background-color: yellow;
    border: 0.01em solid darkorange;
}

.info {
	color: navy;
	font-size: 1em;
	text-align: center;
}