body { background-color: #4A9601; font-family: Verdana, Tahoma, arial, sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

#page { background-color: #fff; width: 850px; margin: 0 auto; padding: 0 30px; }

a { color: #c00; text-decoration: none; }
a:hover { background: #900; color: #fff; }

#header { padding-top: 10px; }
#header ul { float: right; margin-right: 10px; }
#header ul li { float: left; color: #000; line-height: 22px; font-size: 0.8em; padding-left: 5px; }
#header ul li a { color: #000; text-decoration: none; }
#header ul li a:hover { color: #fff; }

#header form { float: right; background-color: #eee; padding: 0 3px; }
#header form input { color: #777; border: 1px solid #eee; font-size: 0.7em; padding: 3px; width:100px; }

#header h1 { font-family: Arial, Helvetica, sans-serif; height: 220px; clear: both; }
#header h1 object {  }

#nav { font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; height: 30px; }
#nav li { line-height: 30px; float: left; text-align: center; border-right: 1px solid #fff; }
#nav li.last { border-right: none; width: 170px; }
#nav li.petit { width: 148px; }
#nav li.gros { width: 190px; }
#nav a { background-color: #c00; color: #fff; font-weight: bold; font-size:14px; display: block; text-transform: uppercase; }
#nav a:hover { color: #fcc; background-color: #900; }


#content {  }
#content.twoColumns {  }
#content.twoColumns #main { float: right; width: 650px; margin: 0; } 
#content h2 { margin: 20px 0px 10px 0px; font-size: 1.3em; padding: 5px 0 2px; border-bottom: 1px solid #dadada; color: #444; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#content h3 { color: #900; font-size: 1em; font-weight: bold; padding-top: 15px; }
#content h4 { color: #666; font-size: 1em; font-weight: bold; padding-top: 15px; }
#content table h3 { color: #900; font-size: 1.3em; font-weight: bold; padding-top: 8px; padding-bottom:3px; }
#content p { color: #666; line-height: 1.75em; padding-top: 10px; font-size: 0.7em; }
#content .centre { text-align: center; }
#content .gauche { text-align:left;  }
#content .droite { text-align: right; }

#content #promo { border-left: solid 15px #c00; background: transparent url(../images/fond_promo.jpg) no-repeat scroll -120px 0; padding: 0 0 20px 10px; margin-top: 20px; }
#content #promo h2 { padding-top: 15px; margin-top: 0; font-size: 0.9em; text-transform: uppercase; color: #333; border-bottom: none; font-family: 'Trebuchet MS', Tahoma, Sans-serif; font-weight: bold; }
#content #promo p { float: left; line-height: 1.2em; font-size: 0.75em; width: 350px; font-family: Arial, Helvetica, sans-serif; }
#content #promo p img { border: none; }
#content #promo p.plus { padding-top: 20px; }
#content #promo p.plus a { line-height: 2.5em; }
#content #promo img { float: left; margin-left: 0; border: 1px solid #ccc; margin-right: 15px; }

#main table { border-collapse: collapse; }
#main table.catalogue td { border-bottom: 1px solid #ccc; }
#main table.comparatif { margin-bottom: 20px; }
#main table.comparatif tbody th { line-height: 2.5em; color: #fff; background-color: #333; font-weight: normal; }
#main table.comparatif tbody td.soustitre { line-height: 2.5em; color: #666; background-color: #9c3; font-weight: bold; }
#main table.comparatif tbody td { border-bottom: 1px solid #fff; padding: 3px; }
#main table thead th { font-weight: normal; background-color: #ccc; color: #666; line-height: 1.75em; font-size: 0.7em; }
#main table th { background-color: #e7e7e7; color: #333; line-height: 1.75em; font-size: 0.7em; }
#main table tbody tr.impair { background-color: #eee; }
#main table tbody tr.impair td { background-color: #d5d3d3;  }
#main table tbody td { line-height: 1.5em; font-size: 0.7em; text-align: center; color: #666; padding: 5px; width:183px; padding-right:25px;  }
#main table tbody td.description { line-height: 1.7em; font-size: 0.7em; text-align: left; color: #666; }
#main table tbody th.petit { width: 16%; }
#main table tbody th.fraisier { background-color: #e31e27; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.framboisier { background-color: #e30b7a; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.hectare { background-color: #000; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.murier { background-color: #4c3a90; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.bleuetier { background-color: #2e82c0; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.asperge { background-color: #62d643; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.rhubarbe { background-color: #1ab6b4; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.cerisier { background-color: #990000; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }
#main table tbody th.camerisier { background-color: #3333CC; font-size: 0.725em; color: #fff; font-weight: normal; line-height: 2em; }

#menu { float: left; width: 150px; height:480px; list-style: none; padding: 0; margin: 20px 0 0 2px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#menu li a { font-weight: bold; padding: 0 5px; line-height: 36px; text-decoration: none; color: #000; border-bottom: none; background-color: #fff; }
#menu li ul.sousmenu { list-style: none; padding: 0 0 0 0; margin-top:0px; }
#menu li ul.sousmenu li a { border: 0; line-height: 15px; font-weight: normal; width:150px; display:block; margin-top:-2px;}
#menu li ul.sousmenu li a:hover { font-weight: bold; }
#menu li.fraisiers a { border-left: 2px solid #e31e27; padding-top: 2px; padding-bottom: 4px; width:170px; } #menu li.fraisiers a.over { border-left: 5px solid #e31e27; padding-top: 4px; padding-bottom: 4px; width:170px;}
#menu li.framboisiers a { border-left: 2px solid #de599c; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.framboisiers a.over { border-left: 5px solid #de599c;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.bleuetiers a { border-left: 2px solid #2e82c0; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.bleuetiers a.over { border-left: 5px solid #2e82c0;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.muriers a { border-left: 2px solid #4c3a90; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.muriers a.over { border-left: 5px solid #4c3a90;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.asperges a { border-left: 2px solid #62d643; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.asperges a.over { border-left: 5px solid #62d643;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.cerisiers a { border-left: 2px solid #b82551; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.cerisiers a.over { border-left: 5px solid #b82551;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.cassissiers a { border-left: 2px solid #e66a23; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.cassissiers a.over { border-left: 5px solid #e66a23;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.gadelliers a { border-left: 2px solid #e66a23; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.gadelliers a.over { border-left: 5px solid #e66a23; }
#menu li.groseilliers a { border-left: 2px solid #e66a23; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.groseilliers a.over { border-left: 5px solid #e66a23; padding-top: 4px; padding-bottom: 4px; width:170px;}
#menu li.rhubarbes a { border-left: 2px solid #879e55; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.rhubarbes a.over { border-left: 5px solid #879e55;padding-top: 4px; padding-bottom: 4px; width:170px; }
#menu li.camerisiers a { border-left: 2px solid #6b8bbc; padding-top: 2px; padding-bottom: 4px; width:170px;} #menu li.camerisiers a.over { border-left: 5px solid #6b8bbc; padding-top: 4px; padding-bottom: 4px; width:170px;}

#menuTableau { padding: 0 0 0 0px; margin: 0; font-size: 0.75em; }
#menuTableau li.petit { float: left; width: 18%; list-style: none; padding: 3px 0px; }
#menuTableau li.moyen { float: left; width: 23%; list-style: none;padding: 3px 0px; } 
#menuTableau li.grand { float: left; width: 40%; list-style: none; padding: 3px 0px;}
#menuTableau li a { border-left: 1px solid #e31e27; border-bottom: 0; padding-left:5px; color: #000; }
#menuTableau li a:hover { font-weight: bold; background: none; }
#menuTableau.framboisier li a { border-left: 1px solid #de599c;  line-height:18px;}
#menuTableau.bleuetier li a { border-left: 1px solid #2e82c0;  }
#menuTableau.murier li a { border-left: 1px solid #4c3a90;  }
#menuTableau.asperge li a { border-left: 1px solid #62d643;  }


#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #666; padding-top: 5px; }
#footer { clear: both; padding: 30px 0 20px; }

#legende { float:right; font-size:11px; margin-right:30px;}

label { font-size:10px; float:left; text-align:right; width:190px;color:#333; margin-bottom:4px; padding-top:3px; margin-right:5px;} 

fieldset { background-color:#ccc; display:block; margin-left:2px; margin-right:2px; margin-bottom:12px; padding:0.35em 0.625em 0.75em; width:620px;}

input { float:left; width:370px;  margin-bottom:4px;} 

.small input {width:42px;}

.small label {width:150px;}
legend {color:#333;}