* { margin: 0 auto;
    padding: 0;
    border: 0;
    text-decoration: none; }

body {
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 8pt;
  	text-align: center;
  	color: #000;
  	background: #fff;
  	margin: 0;
  	padding: 0; }


/* Typographie générale
============================================================================= */


a { color: #68ac0a; text-decoration: none; }
a:hover { text-decoration: underline; }

div, p, img, a, ul, ol, li { font-size: 1em; }

td { vertical-align: top; }

hr {
    color: #aaa;
    background-color: #aaa;
    height: 1px;
    border: 0;
    margin: 2em 0; }
    
img.img-right { margin: 0 0 1.5em 2em; border: 1px solid #9ec666; }
img.img-left { margin: 0 2em 2em 0; border: 1px solid #9ec666; }


/* Titres et sous-titres
----------------------------------------------------------------------------- */

h1, h2, h3, h4 {
  	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
  	font-weight: bold; }

h1 { font-size: 140%; line-height: 1.6em; }
h2 { font-size: 130%; }
h3 { font-size: 120%; margin: 0 0 10px 0;}
h4 { font-size: 100%; }

#titre { margin-bottom: 2em; }

h1.noir  { display: inline; color: #000; }
h1.bleu1 { display: inline; color: #094897; }
h1.bleu2 { display: inline; color: #0089dc; }
h1.bleu3 { display: inline; color: #6ab5ea;}


/* Sections principales
============================================================================= */

.clear {
  	clear: both;
  	height: 1px;
  	margin: -1px 0 0;
  	font-size: 1px; }


/* Page
============================================================================= */

#page {
  	/* width: 100%;
  	max-width: 760px; */
  	width: 780px;
  	margin: 0 auto;
  	text-align: left;
  	border: 1px solid #d0dde7; }


/* Header
============================================================================= */

#header { margin: 0; padding: 0; height: 169px; }

#header h2 { width: 100%; height: 100%; overflow: hidden; margin: 0; }

#header #portailpro { display: none; visibility: hidden; }


/* Partie principale
============================================================================= */

#main { background: #ededed; }


/* Partie gauche
============================================================================= */

#gauche { float: left; width: 238px; font-size: 0.9em; }

#gauche img { border: 0 none; }

#gauche p {
    color: #999;
    padding: 10px 0 10px 10px;
    margin-right: 30px; }

#gauche p.legende {
    background-image: url(img/filetv.gif);
    background-repeat: repeat-x;
    background-position: bottom left; }

#gauche #adresse {
  font: normal normal normal 0.9em/1.5em Arial, sans-serif;
  padding: 7.5em 0 10px 10px; }


/* Partie droite
============================================================================= */

#droite {
    margin-left: 238px;
    background: #fffff;
    width: 522px; }


/* Menu haut
============================================================================= */

#topmenu {
    background: #6ab5ea;
    border-bottom: 1px solid #86c3ee;
    border-top: 1px solid #86c3ee;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    padding-left: 8px; }
    
#topmenu ul { list-style: none; padding: 10px 0 10px 0;}

#topmenu ul li { display: inline; }

#topmenu ul li a {
    color: black;
    padding: 0px 0 5px 0;
    margin: 0 8px 0 0px; }


/* menu droit
============================================================================= */

#rightbar { display: none; visibility: hidden; }
 

/* Pied de page
============================================================================= */

#footer {
    padding: 0.8em 0 2em 0;
    text-align: center;
    font: normal normal normal 0.8em/1.5em Arial, sans-serif; }


/* Partie centrale
============================================================================= */

#centre {
    background-color: white;
    margin-right: 0px;
    padding: 30px 0 0 10px; }

#content { padding: 0 50px 65px 0; min-height: 270px; }

#content p { margin-top: 1.2em; text-align: justify; line-height: 1.4em; }

#content p sup {  font-family: Arial, sans-serif; line-height: 1em; }

#content ul { margin: 0 0 0.8em 1em;
     text-align: justify;
     line-height: 1.4em;
     list-style: none; }

#content li { margin-top: 0.7em;
     background: url(img/li.gif) no-repeat left 0.5em;
     padding: 0 0 0 15px; 
     text-align: left; }

#content li sup {  font-family: Arial, sans-serif; line-height: 1em; }


/* Sections spéciales
============================================================================= */

/*  La gamme 
*/

table.legumes { width: 97%; margin-bottom: 1.5em; }

table.legumes td { text-align: center; vertical-align: bottom; font-size: 0.8em; color: #555; }

table.legumes td img { border: 0 none; padding-bottom: 1.5em; }


table.gamme { width: 97%; border-collapse: collapse; margin-bottom: 2em; margin-top: 1em; }

table.gamme tr td, table.gamme tr th { text-align: center; border: 1px solid #333; height: 1.7em; }

table.gamme tr.periode th, table.gamme tr.periode td { border: 0 none; color: black; font: italic normal normal 0.8em Arial, sans-serif; }

table.gamme tr.mois td { border: 0 none; }
table.gamme tr.mois th {
    width: 6%;
    background: #9cb97d;
    color: white;
    font: normal normal normal 0.9em Verdana, Helvetica, Arial, sans-serif; }

table.gamme tr.legume { background: white; }
table.gamme tr.legume th {
    width: 28%;
    background: #d2d3d5;
    color: black;
    font: normal normal normal 7pt Arial, sans-serif; }

/* Mentions légales
*/

p.legales { margin-bottom: 2em; padding: 0; }
h4.legales { display: inline; font-family: Verdana, Arial, sans-serif; }


/* Formulaire de contact
*/

form {
    text-align: left;
    padding: 0;
    border: none;
    margin: 2em 0 0 0;
    width: 100%; }

fieldset { border: none; }

legend { display: none; }

form label {
    float: left;
    margin: 0 0 0px 0;
    width: 135px;
    padding: 0 5px 2px 0;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left; }

div.champ { float: left; width: 97%; max-width: 290px; }

form input, form textarea, form select {
    width: 97%;
    margin: 0 0 2em 0;
    padding: 2px 3px 2px 3px;
    font-family: normal normal normal 1em/1.2em Arial, sans-serif;
    border: 1px solid #9ec666;
    color: #555; }

form input.button {
    width: auto;
    font-size: 0.8em;
    padding: 2px 5px 2px 5px;
    background-color: #ddd;
    border: 1px solid #9ec666;
    color: #406806; }

form input.button:hover {
    background-color: #ccc;
    color: #000; }

p.erreur { color: #B00; margin: 1.5em 0; }

/* plan d'access
*/

div.acces { width: 96%; text-align: center; margin-bottom: 2em; line-height: 2em; }
div.acces a img { border: 1px solid #9ec666; }