/**********************  GOOGLE MAP  ****************************/
#googleMap { 	width: 520px;	height: 240px;	display:block; 	}




/**********************  FORMULAIRES  ****************************/
input {	/*background-color:#def0da;	border:1px solid #FF0000;	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color:#21591a;*/	}

legend {	font-size: 12px;	color:#21591a;	font-weight: bold;	}

textarea {
	border:0px;
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#21591a;
	background-color:#def0da;
	width:100%;
}


.champPlein {		/* pour le changement de bordure lorsque le champs du formulaire est complété */
	border:1px solid #21591a;
	background-color:#def0da;
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#21591a;
}
.champVide {
	background-color:#def0da;
	border:1px dashed #21591a;
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#21591a;
}


/**********************  GENERAL  ****************************/
* {	margin:0;	padding:0;	}

body {
	font-family: Georgia, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-style:italic;
	color:#21591a;
	background: url(../img/fond-diagonale.gif) repeat;
	height: 100%;
	width: 100%;	    
}

/* on enleve les bordures de toutes les images */
img {	border-width: 0;	border-style: none;		}

/* Titres */
p b { font-size: 18px; }
a {	color:#21591a; }

p#titre {	font-size: 18px;	text-align:center;	font-weight: bold;	width: 500px;	}
.petit {	font-size: 10px;	margin-left: auto;    margin-right: auto;	width:100%;	}

/* CENTRER */
p.center, a.center   		{	text-align:center;		width:90%;	}					/* type en-ligne */
div.center , table.center 	{	margin: 0 auto;	width: auto;	text-align:center;	}	/* type bloc */


/* TABLEAUX */
.tableau 	{	text-align:center;	border-spacing:5px;	margin: 0 auto;	}
.tableau td {	border:1px dashed #868751; 	/*border-width: 1px 0;*/	}
.tableau a 	{	text-decoration:none;	color:#21591a;					}

.large		{	width: 100%; }
.right		{	text-align:right; }

#cadre		{	padding:0px;	border-spacing:0px 0px;	border:0px;		}
#cadre_hg 	{	background:url(../img/cadre/haut_gauche.gif);			}
#cadre_hd 	{	background:url(../img/cadre/haut_droit.gif);			}
#cadre_bd 	{	background:url(../img/cadre/bas_droit.gif);				}
#cadre_bg 	{	background:url(../img/cadre/bas_gauche.gif);			}

#cadre_h 	{	height:10px;	background:url(../img/cadre/haut.gif) repeat-x bottom; 	}
#cadre_b 	{	height:13px;	background:url(../img/cadre/bas.gif) repeat-x bottom; 	}
#cadre_g 	{	width:10px;	background:url(../img/cadre/gauche.gif) repeat-y right;		}
#cadre_d 	{	width:15px;	background:url(../img/cadre/droite.gif) repeat-y left;		}

/* BANDEAU */
#conterner { 
	margin-top:40px;		
	/*	On agrandi le div et on met le fond en bas : l'espace libre en haut permet de faire "remonter" l'image de la charette	*/	
	height:231px;
	background:url(../img/fond-horizontal.gif) repeat-x bottom;
}

#bandeau-gauche-droite {	width:1024px;	height:231px;	margin:0 auto;	background:url(../img/bandeau-gauche-droite.gif) no-repeat bottom;}

#bandeau-centre {	margin-left:221px;	height:188px;	width:594px;
	-margin-bottom:-3px; 		/* on applique une correction pour IE6 uniquement */
	/*background:url(../img/bandeau-pergola.jpg) no-repeat center;*/
	
}



/**********************   MENU   ****************************/

div#menu	{	width:594px;	margin-left:221px;	}
ul 			{	list-style: none ;	text-align:center;	}
ul li 		{ 	float:left;	}
ul li a 	{	display:block;	height:30px; color:#71CE7C;	font-weight: bold;	text-decoration: none;	font-style: italic;	line-height: 14px; }

/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
li#accueil a 	{	background: url(../img/menu/pergola/accueil.jpg) no-repeat 0 0; width:67px; 	}
li#domaine a 	{	background: url(../img/menu/pergola/domaine.jpg) no-repeat 0 0;  width:88px; 	}
li#gites a 		{	background: url(../img/menu/pergola/gites.jpg) no-repeat 0 0; width:72px; 		}
li#produits a 	{	background: url(../img/menu/pergola/produits.jpg) no-repeat 0 0; width:69px; 	}
li#sevader a 	{	background: url(../img/menu/pergola/sevader.jpg) no-repeat 0 0; width:72px; 	}
li#contact a 	{	background: url(../img/menu/pergola/contact.jpg) no-repeat 0 0; width:104px; 	}
li#trouver a 	{	background: url(../img/menu/pergola/trouver.jpg) no-repeat 0 0; width:65px; 	}
li#liens a 		{	background: url(../img/menu/pergola/liens.jpg) no-repeat 0 0; width:57px; 	}

/* permet d'aligner verticalement certains textes du menu */
.valign 	{	display:block;	height:20px; 	padding-top:7px;	cursor:hand; 	}

/*	Si tu veux faire un hover, tu es obligé de la déclarer sur chaque image car sinon le style trouvé est tout le temps celui ciblé sur le li#	*/
li#accueil a:hover, li#domaine a:hover, li#gites a:hover, li#produits a:hover, li#sevader a:hover, li#contact a:hover, li#trouver a:hover, li#liens a:hover		{	color:#000000;	background-position: 0 -30px;	}

	
/**********************   CORPS   ****************************/

#fond-hamac {	width:1024px;	height:319px;	margin:0 auto;	background:url(../img/fond-hamac.gif) no-repeat left; 	}

#corps 		{	padding-left:260px;		/*width:556px;*/ }

#corps-droit {	height:300px;}

#corps-gauche {
	overflow:auto;				/* Pour l'ascenceur */
	height:300px;
	width:565px;
	float:left;
}

#contener_contact 		{ height:300px;	width:550px;	float:left; }

#pied-page	{
	font-size: 10px;
	color:#669966;
	text-align:center;
	text-decoration:none;
	width:100%;
}

#pied-page a{ color:#669966; text-decoration:none; }