/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#654b3e;
		font-family:verdana;
		font-size:10px;
		color:#484723
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:982px;
		margin:auto;
		background-image:url(images/fond-page.gif);
		background-repeat:repeat-y;
	}
	
	#bandeau{
		width:960px;
		padding:4px 0 0 12px;
	}

	#site{
		background: url(images/fond-gauche.gif) repeat-y top left;
		padding:0 0 0 5px;
		margin-left: 12px;
	}
	
	#gauche{
		float:left;
		width:173px;
		padding:0;
	}

	div.actuGauche{
		margin-bottom: 20px;
		width: 173px;
	}
	
	#gauche h2{
		color: #990000;
		font-size: 120%;
		font-weight: bold;
		margin: 20px 0 5px 0;
		padding: 0;
		text-align: left;
	}

	div.image{
		text-align: center;
	}

	#gauche p{
		color: #473024;
		margin: 0;
	}
	
	#menu{
		margin:0;
		padding:0 4px 16px 4px;
		list-style:none;
		background-color:#cdccac;
	}
	
	.menuItem{
		margin:0 0 5px 0;
	}
	
	/*.lienMenu{
		display:block;
		width:153px;
		padding:3px 12px 3px 12px;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#cdccac;
	}
	
	.lienMenu:hover{
		background-color:#abaa83;
	}
	
	.sousMenu{
		margin:0 0 10px 12px;
		padding:0;
		list-style:none;
	}

	.sousMenuItem{
		margin:0 0 2px 0;
	}*/
	
	.lienSousMenu{
		display:block;
		width:145px;
		padding:0 0 0 8px;
		text-decoration:none;
		color:#000;
		background-image:url(images/puce-menu.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	.lienSousMenu:hover{
		background-position:0 -100px;
		color:#4f4e33;
	}
	
	#tourismeBerry{
		margin:20px 0 0 15px;
/* 		text-align:center; */
	}
	
	.invisible{
		display:none;
	}
	
	.visible{
		display:block;
	}
	
	#contenu{
		float:left;
		width:679px;
		padding:14px 49px 20px 39px;
		font-size:110%;
	}
	
	#contenu h1{
		margin:0 0 16px 0;
		padding:7px 0 0 27px;
		font-size:200%;
		font-weight:bold;
		color:#654b3e;
		background-image:url(images/picto-titre.gif);
		background-repeat:no-repeat;
	}
	
	#contenu h2{
		margin:0 0 6px 0;
		font-size:140%;
		font-weight:bold;
		color:#654b3e;
	}
	
	#contenu p{
		margin:0 0 14px 0;
		padding:0;
	}
	
	#contenu a{
		text-decoration:none;
		color:#abaa83;
	}

	#pied a{
		color: #000;
	}

	#pied a:hover{
		text-decoration:none;
	}
	
	#contenu a:hover{
		text-decoration:underline;
	}
	
	#contenu ul{
		margin:0 0 14px 28px;
		padding:0;
		list-style:none;
	}
	
	#contenu ul li{
		margin:0 0 5px 0;
		padding:0 0 0 12px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:3px 5px;
	}
	
	#contenu ul ul{
		margin:0;
		padding:3px 0 0 0;
		list-style:none;
	}
	
	#contenu ul ul li{
		margin:0 0 4px 15px;
		padding:0 0 0 9px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	#contenu ol li{
		margin-bottom:5px;
	}
	
	#contenu table.map{
		margin:30px 0 0 0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#contenu table.map td{
		border:0;
	}
	
	/* placement des images*/
	
	.imageAGauche{				/* image � gauche dans paragraphe */
		float:left;
		margin:0 10px 4px 0;
	}
	
	.imageADroite{				/* image � droite dans paragraphe */
		float:right;
		margin:0 0 5px 10px;
	}
	
	.imageCentre{				/* image centr�e */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image align�e � droite */
		text-align:right;
	}
	
	#contenu table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

	#contenu table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}

	#contenu table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#contenu table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#contenu table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#contenu table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
	
	#pied{
		width:516px;
		height:72px;
		padding:7px 195px 0 271px;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		text-align:center;
	}
	
	#pied h2{
		margin:0 0 2px 0;
		padding:0;
		color:#000;
		font-size:120%;
		font-weight:bold;
	}
	
	#pied p{
		margin:0 0 1px 0;
		font-size:110%;
		color:#000;
	}
	
	#pied p.plusPetit{
		font-size:90%;
	}
/* page contact */	

	.contactText{
		padding:0 20px 30px 30px;
		color:#654b3e;
	}
	
	.label{
		float:left;
		width:140px;
		text-align:right;
		padding:2px 0 0 0;
		color:#654b3e;
	}
	
	.champ{
		float:left;
	}
	
	.champ input, .champ textarea{
		font-family:verdana;
		font-size:11px;
		color:#654b3e;
		padding:2px 3px 2px 3px;
		border:1px solid #654b3e;
	}
		
	.champBase{
		width:200px;
		margin:0 0 6px 10px;
	}
	
	.champNom{
		width:300px;
		margin:0px 0 6px 10px;
	}
	
	.champAdresse{
		width:400px;
		height:80px;
		margin:0 0 6px 10px;
	}
	
	.champMessage{
		width:400px;
		height:145px;
		margin:0 0 20px 10px;
	}
	
	#envoyer{
		text-align:center;
		padding: 0 0 80px 0;
	}
	
	.transparent{
		filter:alpha(opacity=75); 
        -moz-opacity:0.75; 
        opacity:0.75;
	}
	
	.opaque{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#messageConfirmation{
		padding:0 0 80px 0;
	}
	
	#messageConfirmation p{
		margin:0 0 8px 30px;
		color:#654b3e;
		font-size:130%;
	}

/*  2009  */
#menu2009{
	background: #cdccac;
	font-size: 120%;
	height: 35px;
	list-style: none;
	margin: 0 0 0 12px;
	padding-left: 3px;
	width: 957px;
}

#menu2009 a{
	color: #473024;
	display: block;
	font-weight: bold;
	height: 25px;
	padding: 10px 4px 0 4px;
	text-align: center;
	text-decoration: none;
}

a.retourAccueil{
	color: #473024;
	display: block;
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	padding: 10px 4px 0 4px;
	text-decoration: none;
}

#menu2009 a:hover{
	background: #e7e6cd;
}

#menu2009 li{
	float: left;
	position: relative;
}

#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4, #sousMenu5, #sousMenu6, #sousMenu7, #sousMenu8, #sousMenu9, #sousMenu12, #sousMenu10, #sousMenu11{
	display: none;
	padding: 5px;
	top: 35px;
	left: -10px;
}

.sousMenu{
	background: #e7e6cd;
	border: 1px solid #000;
	list-style: none;
	margin: 0;
	padding: 5px;
	position: absolute;
	width: 170px;
	z-index: 100;
}

#menu2009 .sousMenu li{
	float: none;
}

#menu2009 .sousMenu a{
	font-size: 90%;
	font-weight: normal;
	height: auto;
	text-align: left;
}

#menu2009 .sousMenu a:hover{
	font-weight: bold;
}

#lien1{
	width: 53px;
}

#lien2{
	width: 88px;
}

#lien3{
	width: 43px;
}

#lien4{
	width: 53px;
}

#lien5{
	width: 93px;
}

#lien6{
	width: 105px;
}

#lien7{
	width: 43px;
}

#lien8{
	width: 128px;
}

#lien9{
	width: 65px;
}

#lien10{
	width: 65px;
}

#lien11{
	width: 120px;
}

#lien12{
	width: 62px;
}
/*  2009  */

.desc{
	font-style:italic;
}

.titre_agenda{
	font-size: 120%;
}

.separateur{
	background: #484723;
	height:1px;
	margin: 10px 0;
	width: 100%;
}