/* CSS Document 

Couleurs :
fond marron #663300;
orange #ee7d1c;
rose #efcead;
*/

/* Remise à zéro des paramètres prédéfinis du navigateur définition de nos paramètres par défaut */
html { font-size: 100%; }
body, form, select, input, textarea, table, ul, li, h1 { margin:0; padding:0; }

body  {
font: 1em Verdana, Tahoma, Helvetica, sans-serif; color: #663300;
background: #663300 url("../../images/fond_body.jpg") repeat-x top;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
height:100% /* pour résoudre le problème d'affichage du background malgré un contenu plus petit sous firefox et mozilla*/
}

#entete, #conteneur_menu, #conteneur_centre, #conteneur_centre_accueil, #pied_page { overflow:hidden; display:inline-block; text-align:left}
/* safari et opera ont besoin de cela ci-dessous */
#entete, #conteneur_menu, #conteneur_centre, #conteneur_centre_accueil, #pied_page {width:100%}

/* Titraille / Intertitres */
h1 { font-size: larger; font-weight:bold; padding: 0; color: #ee7d1c;  }
h2 { font-size: small; padding-top: 11px;	}
p, span, h1, h2 { text-align: justify; }
p, span { text-align: justify; font-size: 0.9em; }

/* Liens */
a { color: #663300;; background-color: inherit; text-decoration: none;}
a:hover { color: #ee7d1c; background-color: inherit; }

/* formulaire */	
form { width:100%; margin : 10px 000; padding: 0; }
input, textarea { border: 1px inset #663300; background: #efcead repeat-x;	}
textarea {
scrollbar-face-color: #ee7d1c;
scrollbar-shadow-color: #663300;
scrollbar-highlight-color: #efcead;
scrollbar-3dlight-color: #efcead;
scrollbar-darkshadow-color: #000066;
scrollbar-track-color: #efcead;
scrollbar-arrow-color: #000066;
}

input:focus, textarea:focus { /* Quand le curseur est sur un champ (ne marche pas sur IE) */
  		background-color: #ee7d1c;}

legend {/* On met un peu plus en valeur les titres des fieldset */
   font-size: larger; color:#ee7d1c; font-weight: bold;	}

fieldset { width:90%; background-color: #efcead; border: 1px solid #663300; padding: 5px;}
label { display:block;}
.envoyer_effacer input{ border: 1px #ee7d1c groove; padding: 2px; background: #ee7d1c; cursor: pointer; color:#663300;	}	

/* contenu du site */	
#page { margin: auto; padding: 0; width: 780px;	}
#entete { height: 209px; padding: 0;}
#conteneur_menu { height: 29px; background: transparent url("../../images/fond_menu.jpg") no-repeat;}

#menu { width: 603px; margin-left: 177px;  }

#menu ul { list-style-type: none;}

#menu ul li { float:left; height: 29px; -font-size:11px; font-size: 12px }
#menu ul li a { display: block; float: left;  height: 21px; text-decoration: none; }

#menu ul li a#menu_manade {
	width: 70px; padding: 8px 5px 0 5px; color:#ee7d1c;}
#menu ul li a#menu_manade:hover, #menu ul li a.here#menu_manade {
	width: 70px; padding: 8px 5px 0 5px; color:#663300; background-color:#ee7d1c;}

#menu ul li a#menu_course {
	width: 155px; padding: 8px 5px 0 5px; color:#ee7d1c;}
#menu ul li a#menu_course:hover, #menu ul li a.here#menu_course {
	width: 155px; padding: 8px 5px 0 5px; color:#663300; background-color:#ee7d1c;}

#menu ul li a#menu_viande {
	width: 122px; padding: 8px 5px 0 5px; color:#ee7d1c;}
#menu ul li a#menu_viande:hover, #menu ul li a.here#menu_viande {
	width: 122px; padding: 8px 5px 0 5px; color:#663300; background-color:#ee7d1c;}

#menu ul li a#menu_journee  {
	width: 153px; padding: 8px 5px 0 5px; color:#ee7d1c;}
#menu ul li a#menu_journee:hover, #menu ul li a.here#menu_journee  {
	width: 153px; padding: 8px 5px 0 5px; color:#663300; background-color:#ee7d1c;}
	
#menu ul li a#menu_contact {
	width: 53px; padding: 8px 5px 0 5px; color:#ee7d1c;}
#menu ul li a#menu_contact:hover, #menu ul li a.here#menu_contact {
	width: 53px; padding: 8px 5px 0 5px; color:#663300; background-color:#ee7d1c;}

#conteneur_centre {
	background: transparent url("../../images/fond_centre.jpg") repeat-y top left; }

#conteneur_centre_accueil {
	min-height: 520px; height: 100%; background: transparent url("../../images/fond_centre_accueil.jpg") no-repeat; }

#contenu_gauche {
	width: 299px; float: left; display:inline; padding: 30px 20px 10px 60px;  }
#contenu_gauche ul { list-style-type:none; border-top: 4px dotted #663300; border-bottom: 4px dotted #663300; padding:5px 0;}
#contenu_gauche ul li a { color:#663300; text-decoration:none; }
#contenu_gauche ul li a:hover { background-color:#ee7d1c; text-decoration:none; }

#coordonnees_contact { margin-top: 20px; }	
#coordonnees { margin-top: 400px; }	
	
#contenu_droite { width: 361px; padding: 40px 20px 10px 20px; float: right; display:inline; }
#contenu_droite ul { list-style-type:disc;}
#contenu_droite li { margin-left: 15px; padding: 2px 0; font-size: 0.9em;}
#pied_page { min-height: 20px; clear:both; color:#efcead; }
#pied_page ul { padding: 0px 10px 0 50px;}
#pied_page li { list-style: none; margin: 0; padding: 5px 0 0 0; font-size:80%; display:inline;}
#pied_page a { text-decoration: none; color:#efcead; }
#pied_page a:hover { text-decoration: none; color:#ee7d1c; }

.rose {color: #efcead;}
.orange {color: #ee7d1c;}
.rouge {color: #FF0000;}
.petit { font-size:80%; }