body, html, img, div, p, form, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	background-image: url(images/fond-motif.jpg);
	background-position: center center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f5f3e9;
}
a {
	outline: none;
	text-decoration: none;
	color: #a3b215;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
input {
	border: 1px solid #a3b215;
	background-color: #6f4a30;
	color: #ffffff;
	width: 160px;
}
textarea {
	border: 1px solid #a3b215;
	background-color: #6f4a30;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 259px;
}
.bouton_envoyer {
	width: 70px;
	height: 18px;
	margin-left: 90px;
	margin-top: 10px;
}
.champ { margin-top: 6px; }

.aligner-gauche { float: left; }
.aligner-droite { float: right; }
.display-block { display: block; }
.display-none { display: none; }
.texte-gras { font-weight: bold; }
.clear-both {clear: both; }

#interface {
	margin: auto;
	width: 100%;
	background-image: url(images/fond-motif.jpg);
	text-align: center;
}

.largeur {
	margin: auto;
	width: 874px;
}
#interface #bandeau-haut {
	width: 100%;
	height: 132px;
	background-image: url(images/bandeau-haut-fond.jpg);
	background-position: center;
}
#interface #bandeau-centre {
	width: 100%;
	background-color: #5d381d;
	border-top: 2px solid #432407;
	border-bottom: 2px solid #432407;
	background-image: url(images/contenu-fond.jpg);
	background-position: top center ;
	background-repeat: repeat-y
}
#interface #photo-gauche {
	width: 260px;
	height: 433px;
	float: left;
}
#interface #contenu {
	width: 572px;
	/* height: 433px; */
	float: left;
	padding-left: 302px;
	background-repeat: no-repeat;
	text-align: left;
}
#interface #pied-page {
	width: 100%;
	height: 56px;
	padding-top: 14px;
	color: #47210a;
	line-height: 20px;
	background-image: url(images/bandeau-bas-fond.jpg);
	background-position: top center;
}
#interface #pied-page a {
	color: #a5b41c;
	font-weight: bold;
}
#interface #pied-page a:hover {
	color: #47210a;
	font-weight: bold;
}
#menu {
	margin-bottom: 30px;
}
#menu a {
	height: 33px;
	margin-right: 5px;
	display: block;
	float: left;
	margin-bottom: 32px;
	background-repeat: no-repeat;
}
#menu a.presentation {
	width: 119px;
	background-image: url(images/menu-presentation.jpg);
}
#menu a:hover.presentation {
	background-image: url(images/menu-presentation-hover.jpg);
}
#menu a.villa {
	width: 85px;
	background-image: url(images/menu-villa.jpg);
}
#menu a:hover.villa {
	background-image: url(images/menu-villa-hover.jpg);
}
#menu a.specialites {
	width: 134px;
	background-image: url(images/menu-specialites.jpg);
}
#menu a:hover.specialites {
	background-image: url(images/menu-specialites-hover.jpg);
}
#menu .animation {
	width: 122px;
	background-image: url(images/menu-animation.jpg);
}
#menu a:hover.animation {
	background-image: url(images/menu-animation-hover.jpg);
}
#menu a.contact {
	width: 92px;
	background-image: url(images/menu-contact.jpg);
	margin-right: 0px;
}
#menu a:hover.contact {
	background-image: url(images/menu-contact-hover.jpg);
}

#contenu .colonne { 
	width: 270px;
	text-align: left;
	line-height: 14px;
}
#contenu .photo {
	margin-right: 16px;
	margin-bottom: 6px;
	float: left;
}
#contenu .texte-gras {
	font-size: 12px;
	font-weight: bold;
	color: #f5f3e7;
}
#contenu .texte-italique {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #f5f3e7;
}
#contenu .sous-titre-vert {
	font-size: 11px;
	font-weight: normal;
	color: #a5b320;
	text-transform: uppercase;
}
#contenu .titre-orange {
	font-size: 18px;
	font-weight: normal;
	color: #e16126;
}