/* Feuille de style pour les Little Boxes
Pages d'exercices */
* {margin: 0px; }
body {
color: white; /* couleur police */
background-color: #8C866A; /* couleur arriere plan */
font-family: Verdana, Arial,
Helvetica, sans-serif;
font-size: 62.5%; /*taille de la police */
}

h1 {
	padding:5px;
	}
h2 {
	padding:5px;
	}

p {
	font-size:1.4em;
	}


#wrapper {
	color: black;
	background-color: #8C866A;
	width: 900px; /*largeur de la zone de contenu*/
	height: 675px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
}
#bandeau {
  color: black;
  height:133px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0px;
  padding-left: 20px;
}
/* selecteur imbrique pour image bandeau */
#bandeau img { /*désactivée*/
}
#bandeau p {
	padding: 0px 0px 5px 0px;
	margin-bottom: 0px; /*pas de bord inférieur*/
}
#tableau a{
	background-image:url(images/tableau.gif);
	background-repeat:no-repeat;
	position:absolute;
	width: 178px;
	height: 133px;
	margin-left:12px;
	margin-top:12px;
	/*left: 167px;*/
	}
#annonce {
	position:absolute;
	float:right;
	margin-right:20 px;
	margin-top:20 px;
	width:200 px;
	height:50 px;
	left: 840px;
	top: 224px;
	}
	
#zone_de_navigation {
	text-align: right; /*alignement à droite*/
	color: black;
	font-weight:bold;
	font-size:1em;
	/*font-stretch:expanded;*/
	/*background-repeat: repeat-y;*/
	background-position: top left;
	padding: 0px 8px 1px 6px;
}
#zone_de_navigation ul {
		margin-bottom: 0;/*pas de bord inférieur*/
}
#zone_de_navigation li {
	display: inline; /*placer liens cote à cote*/
	list-style-type: none; /*sans points d'enumeration*/
	margin: 0px ; 
	}

#zone_de_navigation a {
	color: white;
	font-weight: bold;
	padding: 5px 4px 0px 4px;
	background-color: #326225;
	background-repeat: no-repeat;	/*border: 1px solid #8C8C8C;*/
}	

#zone_de_navigation a:active { background-color: #8D876B; }
#zone_de_navigation a:hover,
	#page_accueil #navi01 a,
	#page_terroir #navi02 a,
	#page_deco #navi03 a,
	#page_garden #navi04 a,
	#page_events #navi05 a,
	#page_de_contact #navi06 a,
	#page_situation #navi07 a,
	#page_cadeaux #navi08 a,
	#page_recettes #navi09 a,
	#page_vins #navi10 a
	{
	text-decoration: none; /*desactiver souligne*/
	color: white;
	/*font-weight: bold;*/
	background-color:#8C8C8C;
	padding-bottom: 0px;
	border-bottom: none;/*--plus de border en dessous*/
	}

#vacances  {
	border:double;
	text-align:center;
	float:right;
	font-weight:bold;
	font-size:1em;
	color: #4f4f4f;
	height: 150px;
	width: 380px;
	padding:5 px;
	margin-top: 10px;
	margin-right: 13px;
	margin-bottom: 50px;
	margin-left: 50px;
	}
#zone_de_texte {
	/*width:400px;*/
	padding-left:300px;
	height:600px;
	font-size:1.0em;
	}
	
#zone_de_texte a {
	text-decoration:underline;
	color: #4f4f4f;
	}
		
#zone_de_texte_1 {
	/*position:relative;*/
	font-weight:bold;
	color: #4f4f4f;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 270px;
	left:250px;
	/*float:right;*/
	height: 160px;
	width: 264px;
	top: 74px;
 }
 #zone_de_texte_2 {
 	/*position:relative;*/
	font-weight:bold;
	color: #4f4f4f;
	text-align:right;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 250px;
	/*float:left;*/
	/*left:250px;*/
	top:280px;
	height: 100px;
	width: 300px;
 }
 #coq{
	background-image:url(images/coq.png);
	position: relative;
	height: 69px;
	width: 41px;
	left: 200px;
	top: 125px;
	background-repeat: no-repeat;
} 
.new {
background-color:#66FF00;
color:#000000;
}

.titre {
	color:#326225;
 	font-size: 2.4em;
	font-style:italic;
	font-weight:bold;
	}
.nathalie {
	color:#326225;
 	font-size: 1.2em;
	font-style:italic;
	font-weight:bold;
}

#pied_de_page {
	text-align: center;
	padding: 20px;
	padding-top: 10px; /*marge interne supérieure, en dessous de la bordure*/
	margin-top: 20px; /*marge au dessus de bordure*/
	color: #FFFFFF;
}

#pied_de_page a {
	border:double;
	background-color:#326225;
	}
h1 {font-size: 150%; }
h2 {
	font-style:italic;
	font-weight:bold;
	color:#326225;
	font-size:2.4em;
	margin-bottom: 1em;
	}
h2 {
	font-size:2em;
	}	

address {
text-align: center; /*centrer*/
font-size: 1em;
font-style: normal;
letter-spacing: 2px; /*espacement des lettres*/
line-height: 1.5em; /*espacement des lignes*/
}
#test {
	margin-top:20px;
	background-color:#FFFFFF;
	float:left;
	width:auto;
	padding-left:3px;
	padding-right:3px;
	color:#333333;
	height:20px;
	text-align:center;
	}
#print  {
	display:block;
	line-height:1.2;
	background-color:#FFFFFF;
	float:right;
	margin-right:7px;
	width:150px;
	padding:1px;
	color:#333333;
	height:30px;
	text-align:center;
	}	
a {text-decoration: none; } /*supprimer soulignement liens*/
a:link { color: #FFFFFF; }
a:visited { color:#FFFFFF;}
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #FFFFFF; }

.skiplink { display: none; }
p, ul {
	margin-top: 0 ;
	margin-right: 0 ;
	margin-bottom: 1em; /*marge inférieure*/
	margin-left: 0 ;}

ul ul {
	margin: 0;
	}
li {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1em; /*marge de gauche*/
}

/*=================================================
Le Formulaire de contact
=================================================*/
#coordonnees {
	font-weight:bold;
	color: #4f4f4f;
	margin: 10px;
	padding: 10px;
	position: relative;
	height: auto;
	width: auto;
	left: 0px;
	right: 50px;
	top: 20px;
}

form {
	background-color: transparent;
	font-weight:bold;
	font-size: 16px;
	color: #4f4f4f;
	width: 400px; /*largeur du formulaire*/
	margin: 10px 10px 10px 10px;
	padding: 10px;
	position: relative;
	/*height: 50px;*/
	width: 300px;
	left: 0px;
	top: 74px;
	right: 50px;
	}
label {
	display: block; } /* titre sur ligne a part*/
#nom {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin: 1em;
	}
#expediteur, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin: 1em;
	}
textarea {height: 7em; }
	
/* =======================================================
Mise en forme Situation Google Map
===========================================================*/
#zone_de_texte_sit {
	/*width:400px;*/
	padding-left:300px;
	height:600px;
	font-size:1.0em;
	overflow:auto;
	height:520px;
	}
#photos {
	width:250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding: 10px;
	}	
#map {
	padding: 0px;
	position: relative;
	/*height: 50px;*/
	width: 240px;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	}
#situation {
	font-weight:bold;
	color: #4f4f4f;
	padding: 0px;
	position: relative;
	height: 90px;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	font-size:0.9em;
	}
#situation a {
	color:#4f4f4f;
	text-decoration:underline;
	}
/*=====================================================================
Events - panneau
=======================================================================*/
#event {
	margin:10px;
	text-align:left;
	font-weight:bold;
	color: #4f4f4f;
	position: relative;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	background-repeat: no-repeat;
	font-size:1.2em;
	height: 490px;
	overflow: auto;
}
#event li{
	padding:10px;
	text-align:justify;
}

#event a {
	font-size:1.0em;
	color:#4f4f4f;
	text-decoration:underline;
	}
	
#event p {
	font-size:1.1em;
		}
	
/*=======================================================================
Garden
===========================================================================*/
#garden {
	text-align:left;
	font-weight:bold;
	color: #4f4f4f;
	height: 420px;
	overflow: auto;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	}
#garden a {
	color: #4f4f4f;
	text-decoration:underline;
}
/*=========================================================================
Terroir
==========================================================================*/
#produits {
	font-weight:bold;
	text-align:left;
	color: #4f4f4f;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	position: relative;
	height: 460px;
	width: 570px;
	top: 10px;
	overflow: auto;

}
#produits a {
	color: #4f4f4f;
	text-decoration:underline;
}

/*================================================
Deco
===================================================*/
#deco {
	text-align:left;
	font-weight:bold;
	color: #4f4f4f;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	position: relative;
	height: 460px;
	width: 570px;
	overflow: auto;

}
#deco a {
	color: #4f4f4f;
	text-decoration:underline;
}

/*==================================================
Cadeaux
=======================================================*/
#colis {
	text-align:left;
	font-weight:bold;
	font-size:1em;
	color: #4f4f4f;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	position: relative;
	height: 460px;
	width: 570px;
	/*left: 300px;*/
	overflow: auto;
}
#colis a {
	color: #4f4f4f;
	text-decoration:underline;
}
/*=====================================================================
Recettes - panneau
=======================================================================*/
#recettes {
	text-align:left;
	font-weight:bold;
	color: #4f4f4f;
	position: relative;
	height: 500px;
	width: 590px;
	/*left: 10px;
	top: 20px;*/
	background-repeat: no-repeat;
	font-size:1.0em;
	overflow:auto;
	line-height:1;
}

/*========================================
POPUP
==============================================*/
.popup {
	font-size:larger;
	padding:10px;
	text-align:justify;
	font-weight:bold;
	color: #4f4f4f;
	padding: 10px;
	width: 450px;
	margin-left: 160px;
	background-repeat: no-repeat;
}

.popup li {
	padding:20px;
}

#recettes a {
	text-decoration:underline;
	color:#4f4f4f;
	}

#recettes p {
	font-size: 1.0em;
	}
#recettes li {
	font-size:1.1em;
	padding:3px;
	line-height:1;
	}
	
#wrapper_recette {
	font-size: 1.2em;
	color: black;
	background-color: #8C866A;
	width: 890px; /*largeur de la zone de contenu*/
	height: 675px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 0px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
}
#vins {
	margin:10px;
	text-align:left;
	font-weight:bold;
	color: #4f4f4f;
	padding: 0px;
	position: relative;
	height: 487px;
	width: 580px;
	left: 10px;
	top: 20px;
	background-repeat: no-repeat;
	font-size:0.9em;
	overflow: auto;
}
#vins li {
	font-size:1.2em;
	}