#page { background: url(/img/fond-page-accueil.jpg) repeat-y; }

#gauche { float: left; width: 220px; }

#gauche #diapo { width: 190px; padding: 15px; }
#gauche #diapo img { margin-bottom: 10px; }
#gauche #diapo #legende
{
	padding-top: 10px;
	padding-bottom: 20px;
	color: #A5865B;
	background: url(/img/puce-diapo.jpg) no-repeat 100px 15px;
}
#gauche #diapo #legende h3 { border-bottom: solid 1px #E3CAA7; padding-bottom: 5px; margin-bottom: 5px; }

#gauche #articles { width: 190px; padding: 15px; }

#gauche #articles .un-article { margin-bottom: 20px; }
#gauche #articles .un-article .detail { float: right; padding-left: 13px; background: url(/img/puce-article.jpg) no-repeat left 2px; }

#gauche #articles a { color: #DFBD8F; }
#gauche #articles a:hover { color: #A47746; }

#gauche #articles h2 { color: #A47746; border-bottom: solid 1px #DFBD8F; padding-bottom: 5px; margin-bottom: 5px; }
#gauche #articles h2 a { color: #A47746; }
#gauche #articles h2 a:hover { color: #DFBD8F; }


#gauche #mouette { 	width: 220px; height: 167px; background: url(/img/mouette.jpg) no-repeat; }

#droite { float: right; width: 600px; }

#droite #photo-flash { width: 600px; height: 222px; background: url(/img/img-header.jpg) no-repeat; }

#droite #rubrique { width: 560px; padding: 20px; padding-top: 10px; margin-bottom: 25px; }
#droite #rubrique #arianne { width: 560px; }
#droite #rubrique #reserver { width: 560px; }

#droite #actu { width: 560px; padding: 20px; }
#droite #actu #corps { float: left; width: 295px; }
#droite #actu #corps h1 { font-size: 18px; font-weight: bold; color: #8A6032; border: none; padding-bottom: 0; margin-bottom: 0; }
#droite #actu #galerie { float: right; width: 250px; }