/* On définit les marges haute et basse à 0px et les marges droite et gauche à 0px */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

body {
	margin: 0px 0; /*marge haut et bas à 0 pixels et marge gauche et droite à 0px  */
	font-family: "Palatino Linotype""Comic Sans MS", "Times New Roman", serif, sans-serif; 
	text-align:center;
	font: 0.8em  "Trebuchet MS",helvetica, sans-serif ; 
	background: #D0EAB9 ; /* Couleur vert clair, extérieur à la page */
	}
/* ------------------ Définitions de la page --------------- */
/* On définit la largeur de la page à 1000 pixels */
/* La page contient plusieurs divisions : 
	#haut-de-page : block réservé aux images, bandeaux publicitaire, actualités... 
Div#conteneur
	#titre-du-site : block contenant le titre du site
	#menulateral : block contennant
	# {}
	# {}
*/
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#conteneur {
    width:1000px;
	margin:0 auto;
    text-align:center;	
	border: 1px solid #FFFFFF ; /* Couleur de cadre blanc */
	background:#E6FAFA /* Couleur de fond légèrement bleuté */
}
/* ------------------------- Le haut de page ------------------ */

/* On définit la hauteur de la partie header, contenant des images, un bandeau publicitaire ou un message d'actualité */
#haut-de-page{
	height: 100px;
	text-align:left;
	padding-left : 80px;
	
/*	background: url(../images/acs.jpg) no-repeat center; */
	}

#meteo {
position: absolute; /*placement du menu, à modifier selon vos besoins : 'absolute' ou 'relative' */
z-index:100;		/* position d'empilement d'un bloc par rapport aux autres (notion de profondeur) 'auto' = au-dessus du précédent bloc, ou valeur 0 à 99, Position devant le menu latéral (Z-index : 10) */
top: 0px;
right:131px;
/* left:1012px; */


	
}

/* -------------------------- Barre de titre du site ---------- */
#titre-du-site
{
	height: 41px;
	border-bottom : 1px solid #50C864 ; /* Couleur de cadre vert */
	border-top : 1px solid #50C864 ; /* Couleur de cadre vert */
	background:#006E32; /* Couleur de fond vert foncé */
	text-align: left ;  
	font-family: Eurostile; 
	font-size:24px;
	padding : 0px 0px 0px 32px;
	color: #FFFFFF;
		}

/* ----------------------- Barre sous le titre du site --------- */
#menulateral{
    height: 23px;
	padding : 0px 0px 5px 32px;
    border: 1px solid #78BE96; /* ???? Couleur cadre bleu foncé */
	background: #DCFAF0 ; /* Couleur bleu clair */
	text-align: left;
	line-height:2em; /* Alignement vertical du texte = espace au dessus de la ligne */
	}
/* ??? On définit une marge sous la barre 'Accueil'...
#menulateral p{
height: 10px;
background: #DCFAF0 ; /* Couleur bleu clair 
	} */
	
/* ----------------------- Menu déroulant sous le titre du site avec scipt Java --------- */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-size:1em;
}
#menu {
position: absolute;  /*placement du menu, à modifier selon vos besoins */
top: 98;
left: 100;
z-index:10; 
width: 100%; /* correction pour Opera */
}
#menu-bouton-petit {
width: 7em;  /*  Défini la taille du bouton Accueil (7) Notre offre (11), Livre d'or (10)*/
}
#menu-bouton-moyen {
width: 8em;  /*  Défini la taille du bouton  Plan du site (12)*/
}
#menu-bouton-grand {
width: 10em;  /*  Défini la taille du bouton Nous contacter (14)*/
}
#menu-bouton-maraichage {
width: 15em;  /*  Défini la taille du bouton accueil, Cultures maraîchères */
}

#menu dl {
float: left;
/* width: 11em;    Défini une taille identique pour tous les boutons */
}
#menu dt {
cursor: pointer;
text-align: left; /* alignement du texte des menus */
font-weight: bold;
background: #339933 /* Couleur fond sous menus, bleu clair  */
border: 1px solid gray;
margin: 1px;

}
#menu dd {
display: none;
border: 1px solid #78BE96; /* Couleur cadre bleu foncé */;
}
#menu li {				/* Défini le style des sous menus */
text-align: left; /* alignement du texte des menus */
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background:#78BE96; /* Couleur boutons visités, bleu foncé */
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

	

/* ------------------------ Page d'accueil  ---------------- */

/* ------------------------ Page d'accueil : Cadre colonne de droite ------------------------ */
div#menu_accueil2{
    float:right; 
	width:280px; /* Largeur du Cadre */
	margin-right: 1px;/* Une marge à droite du Cadre  */
	}

.element_menu_accueil2
{
   background-color: #E6FAFA; /* Fond légèrement bleuté */
   border : 1px solid #78BE96; /* Couleur cadre bleu foncé */
   /* border: 0;  /* ??? Utilité ? */
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding : 0px 5px 5px 5px;
   text-align: left;
} 

.element_menu_accueil2 h3 /* Tous les titres de menus */
{   
   color:#000000; /* Couleur titre, noir */
   background:#78BE96; /* Couleur barre titre, bleu foncé */
   font: bolder 1em "Trebuchet MS", helvetica, sans-serif;
   padding-left:2px;
   text-align: left;
   margin:0px 0; /* Marge au dessus du titre */
}

/* -------- Page d'accueil : la page du texte principal, contenant le texte de la page d'accueil ------------------------ */

div#contenu_accueil{
	padding:0 15px 10px 20px;
	margin-left:10px;  
	margin-right:285px ; 
	margin-top:10px; /* Une marge en haut, identique à celle du Menu */
   margin-bottom:5px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
   text-align:left;
   color:#000000;
   background:#FFF; /* Une couleur de fond blanc pour le corps */
   border: 1px solid #78BE96; /* Couleur cadre bleu foncé */
   }
	
	
div#contenu_accueil h3{
	margin-left: 5px;
	font-size: 1.3em;
	color:#5A9678; /* Noir */
	}


div#accueil_droite{
    float:left; 
	width:148px; /* Largeur du Cadre */
	margin-left: 1px; /* Une marge à gauche du Cadre  */
	text-align:left; 
	}






/* ------------------------- Page du texte principal section Documentation en ligne -------------- */

/* On définit la page du texte principal, contenant le contenu du site */
div#contenu{
	padding:0 30px 10px 40px;
	margin-left: 10px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-right: 3px ;
	margin-top: 10px; /* Une marge en haut, identique à celle du Menu */
   margin-bottom: 25px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
  /* padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   text-align:left;
   color:#000000;
   background:#FFF; /* Une couleur de fond blanc pour le corps */
   border: 1px solid #78BE96; /* Couleur cadre bleu foncé */
   }
   
 
/* -------------- Titre niveau 1 du texte principal --------------- */

div#contenu h1{
   	padding:1px 0;
	line-height:50px;
	font-size:2em;
	color:#006633;
	border-bottom: 1px solid #006633;
	border-left: 3px solid #006633;
	text-align:center;
   }

/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne une couleur au texte et on met une bordure basse */
 
/* -------------- Titre niveau 2 du texte principal --------------- */
div#contenu h2{
	padding:5px 0;
	line-height:25px;
	font-size:1,7em;
	color:#669933;
	text-decoration: underline;
	/*border-bottom: 1px solid #669933;*/
}

/* -------------- Titre niveau 3 du texte principal --------------- */

/* De même que pour le titre h3, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */
 
div#contenu h3{
	margin-left: 15px;
	padding-left: 2px;
	border-bottom: 1px solid #F3076B; /* Souligner rose */
	font-size: 1.3em;
	color:#5A9678; /* Noir */
	}
	
/* -------------- Titre niveau 4 du texte principal --------------- */

div#contenu h4{
  text-indent: 15px;
  padding-left: 3px;
  text-align:left;
  font-size:1.2em;
  color:#FF0000; /* Couleur rouge */
  padding:0;
  margin:0;  
  }
  
/* -------------- Titre niveau 5 du texte principal --------------- */

div#contenu h5{
  text-align:left;
  text-indent: 20px;
  font-size:1em;
  }

/* -------------------------- Titre des figures, images... ---------------- */
.untitre
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   background: #FFB164; /* Couleur de fond orange clair */
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
/* ------------------------- Titre des tableaux --------------------------- */

caption 
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   background: #FFB164; /* Couleur de fond orange clair */
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
th
{
font-weight : bold;
}
   

/* ------------- Mise en forme du texte principal ----------------- */

/* -- Paragraphe -- */
/*On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */
div#contenu p{
   text-align:justify;
   text-indent:2.5em;
   line-height:1.7em;

}

/*-- Première lettre paragraphe -- */
div#contenu p:first-letter{
    font-weight:bold;
	font-size: 1.6em;     
	}
	
/*-- Met en gras quelques mots de la 1ère phrase d'un paragraphe --*/
.debut-paragraphe{
	font-weight: bold;
	}

/*-- Citations --*/
q{
   font: bold, italic, "comic Sans MS", "palatino Linotype", "ms sans Serif";   
   }

/* -- les liens qui renvoient vers un commentaire -- */
a.acronyme{
  text-decoration:none;
  font-style:italic;
  }
   
/*-- ????? -- */
acronym{
  color:#3300FF;
  }

/*-- ????? -- */
.livreor{
 border:1px solid #666666;
 padding: 5px;
 margin: 5px;
 }

/*-- ????? -- */
.direction img{
  border:0;
}

/*-- ????? -- */
.plan{
   margin-top:10px;
   }
/*les listes du document*/
ol.agroenv li{
    list-style-type:upper-roman;
	list-style-position: inside;
	text-align:left
	}

.sommaire{
    font-size:1.2em;
	text-decoration:none;
	padding:2px 0;
   }

#contenu ul li{
   text-align:left;
   font-weight:bold;
   margin:5px 0;
   color:#006E32;
      }

#contenu ol{
   list-style:upper-alpha;
      }


/*#contenu img{
 border: none;
 }*/

 
 img{
 border:none;
 }
/** ----------------------------- : Mise en forme des images + légendes + Copyrigt ------------------ **/

.image {
/**	margin: 0px 0px 0px 20px; **/
    padding: 5px 5px 8px 5px; /** bordure de 5 px à l'intérieur du cadre */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,8em;
	border: thin solid #78BE96; /** Couleur bleu foncé du cadre de l'image **/
/**	background-color: #F1E3C7; **/
}
.img_hdroite {
	float: right; /** Cadre image à droite du texte **/
    margin: 0px 0px 20px 30px; /** Espace entre le texte et le cadre (à gauche et dessous le cadre)**/
/**	padding: 0px; **/
	width: 239px; /** Largeur du cadre : + 12px que l'image**/
}

.img_hdroite_254 {
	float: right; /** Cadre image à droite du texte **/
    margin: 0px 0px 20px 30px; /** Espace entre le texte et le cadre (à gauche et dessous le cadre)**/
/**	padding: 0px; **/
	width: 266px; /** Largeur du cadre : + 12px que l'image**/
}

.img_hgauche {
	float: left; /** Cadre image à droite du texte **/
    margin: 0px 30px 20px 0px; /** Espace entre le texte et le cadre (à droite et dessous le cadre)**/
/**	padding: 0px; **/
	width: 239px; /** Largeur du cadre : + 12px que l'image**/
}

.img_vdroite {
	float: right; /** Cadre image à droite du texte **/
    margin: 0px 0px 20px 30px; /** Espace entre le texte et le cadre (à gauche et dessous le cadre)**/
/**	padding: 0px; **/
	width: 182px; /** Largeur du cadre : + 12px que l'image**/
}

.img_vgauche {
	float: left; /** Cadre image à droite du texte **/
    margin: 0px 30px 20px 0px; /** Espace entre le texte et le cadre (à gauche et dessous le cadre)**/
/**	padding: 0px; **/
	width: 182px; /** Largeur du cadre : + 12px que l'image**/
}

.titre-image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,8em;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}

.texte-image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	text-align: center;
	border: 0px;
}

.copyright-image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


#contenu .donnee a img{
   border:none;
}

/** ------------------- Formatage de la date de mise à jour ---------- **/
.date_mise_a_jour {
margin-left: auto;
width:265px;
}
.date_couleur {
color: #006E32; /** Couleur vert foncé **/
}



/* --------------------- Définitions bordure et alignement dans les tableaux -------- */
td
{
   border:1px solid #000000;
   vertical-align:top;
}	

td.sans_bordure			/* Tableau sans bordure pour les figures, l'annuaire... */
{
   border:none;
   vertical-align:top;
}

td.fond_gris			/* Couleur de fond gris + Tableau sans bordure  */
{
   border:none;
   width:550;
   vertical-align:top;
   background:#CCCCCC;
}


td.titre_table			/* Tableau contenant logo + titre sans bordure, centré */
{
   border:none;
   vertical-align:middle;
}

td.accueil_table	/* Tableau de l'accueil sans bordure, texte aligné en haut*/
{
   border:none;
   vertical-align:top;
}


td ul {
  list-style: outside circle;
  text-align: left; 
  }
td ul ul {
  list-style: inside disc;
  text-indent: -30px;     
  }
td ul a{
  text-decoration:none; /*enlever le soulignement sur les liens de 1er niveau*/
  color:#CC33336;
  }

td ul ul a:hover, td ul a:focus,td ul a:active,{
   text-shadow:#663399;
   color:#33CC99;
   }

td ul ul a{
  text-decoration:none;/*enlever le soulignement sur les liens de 2eme niveau*/
  }
/*.vide{
   border:hidden;
   height: 40px;
   }*/

/* ------------------- Mise en forme des adresses dans l'annuaire ----------------------- */
.adresse
{
	color:#009966;
}



/* ------------- Mise en forme des titres de Plan du site --------- */

/* le div Techniques de production dans l'accueil*/
td.tp{
   width: 280px;
}



/* ---------------------------- Pied de page --------------------- */
/* Pied de page contenant les mentions légales */
div#pied-de-page{
	margin:0;
	padding-right: 10px;
	line-height:30px;
	color: #746372;
    background: #DCFAF0; /* Couleur bleu clair */
	border:0px;
	text-align:right;
}

div#pied-de-page a{
   text-decoration:none;
   color: #746372;
   }
div#pied-de-page a:hover{
  text-decoration:underline;
  background: #D9E7FF;
  }

pre
{
	overflow: auto ;
}

/* En passant on définit l'overflow de la balise pre à auto pour permettre d'afficher des barres de défilement si le texte contenu dans cette balise est trop grand */







/*
.sousMenu
{
   background-color: #E6FAFA; /* Fond légèrement bleuté 
    border : 0px; /*Couleur cadre bleu foncé
    margin-left: 50px; /*Pour éviter que les éléments du menu ne soient trop collés 
} 
 /*/
/* Fix IE. Hide from IE Mac \
* html ul li { float: left; }
* html ul li a { height: 1%; }

/* End */