body {
	margin: 0; /* pour éviter les marges */
  	text-align: center; /* pour corriger le bug de centrage IE */
	
	background: #a19a91;
	background-image: url(../images/index/index_02.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
	font: normal 12px Arial;
	color: #000000;
}

.hr-clearboth{ 
	clear: both;
	visibility: hidden;
	
	margin: 0px;
	padding: 0px;
	
	height: 0px;
	border: none;
}

img {
	border:0px;
}

#conteneur {
	width: 900px;
	
	margin: 0 auto; /* Pour center le site */
	text-align: left;
}

#entete {
	background-color: #FFFFFF;
	
	text-align: center;
	
	height: 154px;
}

#entete img{
	border: none;
}

#sur-corps {
	width: 900px;
	
	background-color: #e4e1dc;
}

#corps {
	width: 699px;
	
	float: left;
}

#menu {
	float: right;
}

#diapo-flash {
	width: 201px;
	height: 259px;
	
	text-align:center; 
}

#menu-flash {
	width: 201px;
	height: 189px;
	
	text-align:center; 
}

#pied {
	clear: both;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	font: normal 12px Arial;
	color: #3f3936;
	
	text-align: center;
}

#pied em {
	padding-left: 10px;
	padding-right: 10px;
	font-style: normal;
}

#pied hr {
	height: 1px;
	
	margin: -0.5em 0;
	margin-top: 5px;
	margin-bottom: 0px;
	
	padding: 0;
	
	border: 0;
	border-bottom: solid 1px #b9b4ad;
}

#pied h5 {

	padding: 5px;
	margin: 0px;
	
	font: normal 9px Arial;
	color: #3f3936;
}

#pied h5 a, #pied h5 a:visited {
	color: #3f3936;
	text-decoration: none;
}

#pied h5 a:hover, #pied h5 a:focus, #pied h5 a:active {
	color: #000000;
	text-decoration: underline;
}

#agenda {
	width: 649px;

	padding-top: 70px;
	padding-left: 50px;
	
	background-image: url(../images/agenda/agenda_01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.agenda-date {
	padding: 10px;

	font: normal 12px Arial;
	color: #796965;
}

#agenda em{
	font: bold 12px Arial;
	font-style: normal;
	color: #91616a;
}

.agenda-hr{
	clear: none;
	
	height: 1px;
	
	margin: -0.5em 0;
	margin-top: 5px;
	margin-bottom: 5px;
	
	padding: 0;
	
	border: 0;
	border-bottom: solid 1px #FFFFFF;
}

#agenda img{
	border: none;
	
	margin-right: 5px;
	margin-bottom: 5px;

	float: left;
}

#agenda a, #agenda a:visited {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #005b92;
	text-decoration: none;
	
	margin:0px;
	padding:0px;
}

#agenda a:hover, #agenda a:focus, #agenda a:active {
	color: #000000;
	text-decoration: underline;
}

#agenda p{
	width: 320px;
	
	font: bold 12px Arial;
	font-style: normal;
	color: #91616a;
	
	background-color:#aca9a6;
	
	padding: 5px;
	margin: 0px;
	
	float:right;
}

#agenda p a, #agenda p a:visited {
	font: normal 11px Arial;
	color: #FFFFFF;
	text-decoration: none;
	
	margin:0px;
	padding:0px;
}

#agenda p a:hover, #agenda p a:focus, #agenda p a:active {
	color: #000000;
	text-decoration: underline;
}

#agenda-photos {
	width: 330px;
	
	padding-left: 5px;
	margin: 0px;
	
	float:left;
}

#agenda-photos img {
	border: none;
	
	margin-right: 5px;
	
	float:left;
}

#agenda-fiche {
	width: 629px;
	
	padding: 10px;
	
	font: normal 12px Arial;
	color: #867b77;
}

#agenda-fiche h2{
	font: bold 22px Arial;
	color: #005b92;
	
	margin: 0px;
	padding: 0px
}

#agenda-fiche h3{
	font: bold 16px Arial;
	color: #91616a;
	
	margin: 0px;
	padding: 0px
}

#agenda-fiche em{
	font: normal 12px Arial;
	color: #005b92;
}

#agenda-photos p {
	clear: both;
	
	background-color: #e4e1dc;
	
	margin: 0px;
	padding: 5px
}

#agenda-photos p a, #agenda-photos p a:visited {
	font: bold 16px Arial;
	color: #91616a;
	text-decoration: none;
	
	margin:0px;
	padding:0px;
}

#agenda-photos p a:hover, #agenda-photos p a:focus, #agenda-photos p a:active {
	color: #000000;
	text-decoration: underline;
}

#galerie {
	width: 649px;

	padding-top: 70px;
	padding-left: 50px;
	
	background-image: url(../images/galerie/galerie_01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#galerie em{
	font: bold 12px Arial;
	font-style: normal;
	color: #91616a;
}

#galerie img{
	border: none;
	
	margin-right: 5px;
	margin-bottom: 5px;

	float: left;
}

#galerie a, #galerie a:visited {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #005b92;
	text-decoration: none;
	
	margin:0px;
	padding:0px;
}

#galerie a:hover, #galerie a:focus, #galerie a:active {
	color: #000000;
	text-decoration: underline;
}

#galerie-photos {
	width: 460px;
	
	padding-left: 5px;
	margin: 0px;
	
	float:right;
}

#galerie-photos img {
	border: none;
	
	margin: 10px;
	
	float:left;
}

#contact {
	width: 649px;
	height: 408px;

	padding-top: 40px;
	padding-left: 50px;
	
	background-image: url(../images/contact/contact_01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
	font: bold 12px Arial;
	color: #867b77;
}

#contact form{
	width: 280px;
	
	margin: 00px;
	
	text-align: left;
	font: normal 11px Arial;
	color: #867b77;
	
	float: left;
}

#contact form p{
	width: 270px;
	
	margin: 0px;
	padding: 0px;
	
	text-align: right;
	
	clear:both;
}

#contact form label{
	float: left;
	width: 150px;
}

.form-contact-input{
	width: 270px;
	
	border: solid 1px #7892ac;
	background-color: #FFFFFF;
	
	font: normal 12px Arial;
	color: #000000;
	
	margin-top: 2px;
	margin-bottom: 5px;
		
	float: left;
}

#contact-erreur {
	width: 280px;
	
	padding: 5px;
	margin: 10px;

	background-color: #e99bbb;
	border: solid 1px #931a4c;
	
	text-align: left;
	font: bold 14px Arial;
	color: #FFFFFF;
	
	float: right;
}

#contact-ok {

	padding-top: 35px;
	padding-bottom: 35px;
	margin: 10px;
	
	border: solid 1px #931a4c;
	
	background-color:#FFFFFF;
	
	text-align: center;
	font: 12px Arial;
	color: #6f6f6f;
}

#diapo-flash p{
	width: 181px;
	height: 239px;
	
	margin: 0px;
	padding: 5px;
	padding-left: 15px;
	padding-top: 15px;
	
	text-align:left; 
	font: 12px Arial;
	color: #cbd9e7;
	
	background-image:url(../images/menu-right_03.gif);
	background-repeat:no-repeat;
	background-position: top left;
}

#diapo-flash p em{
	font: bold 15px Arial;
	font-style: normal;
	color: #cbd9e7;
}

#diapo-flash p a, #diapo-flash p a:visited {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cbd9e7;
	text-decoration: underline;
	
	margin:0px;
	padding:0px;
}

#diapo-flash p a:hover, #diapo-flash p a:focus, #diapo-flash p a:active {
	color: #000000;
	text-decoration: none;
}

#newsletter {
	width: 649px;
	height: 418px;

	padding-top: 30px;
	padding-left: 50px;
	
	background-image: url(../images/newsletter/newsletter_01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	
	font: bold 12px Arial;
	color: #867b77;
}

#newsletter form{
	width: 220px;
	
	margin: 10px;
	margin-left: 130px;
	
	text-align: left;
	font: normal 11px Arial;
	color: #867b77;
	
	float: left;
}

#newsletter form h4{
	font: bold 15px "Times New Roman", "Trebuchet MS", Arial;
	color: #61758a;
}

#newsletter form p{
	width: 220px;
	
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	
	text-align: right;
	
	clear:both;
}

#newsletter form label{
	float: left;
	width: 80px;
}

#newsletter-erreur {

	padding: 5px;
	margin: 10px;

	background-color: #e99bbb;
	border: solid 1px #931a4c;
	
	text-align: left;
	font: bold 14px Arial;
	color: #FFFFFF;
}

#newsletter-ok {

	padding-top: 35px;
	padding-bottom: 35px;
	margin: 10px;
	margin-top: 100px;
	
	border: solid 1px #931a4c;
	
	background-color:#FFFFFF;
	
	text-align: center;
	font: 12px Arial;
	color: #6f6f6f;
}

#newsletter form span{
	width: 200px;
	float: left;
}

.form-newsletter-input{
	width: 220px;
	
	border: solid 1px #7892ac;
	background-color: #FFFFFF;
	
	font: normal 12px Arial;
	color: #000000;
	
	margin-top: 2px;
	margin-bottom: 5px;
		
	float: left;
}




#flash-bar {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-bar.jpg) top left no-repeat;
}

#flash-restaurant1 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-restaurant_01.jpg) top left no-repeat;
}

#flash-restaurant2 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-restaurant_02.jpg) top left no-repeat;
}

#flash-restaurant3 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-restaurant_03.jpg) top left no-repeat;
}

#flash-plage1 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-plage_01.jpg) top left no-repeat;
}

#flash-plage2 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-plage_02.jpg) top left no-repeat;
}

#flash-mariage1 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-mariage_01.jpg) top left no-repeat;
}

#flash-mariage2 {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/visuel-mariage_02.jpg) top left no-repeat;
}

#mentions-legales {
	width: 619px;

	padding: 70px 30px 30px 50px;
	
	background-color: #FFFFFF;
	
	font: normal 12px Arial;
	color: #3f3936;
}

#mentions-legales h2 {

	padding: 5px;
	margin: 0px;
	
	font: normal 18px Arial;
	color: #3f3936;
}

#mentions-legales a, #mentions-legales a:visited {
	color: #3f3936;
	text-decoration: none;
}

#mentions-legales a:hover, #mentions-legales a:focus, #mentions-legales a:active {
	color: #000000;
	text-decoration: underline;
}

#webcam {
	width: 699px;
	height: 448px;
	
	text-align:center;
	
	background: url(../images/webcam/webcam_01.jpg) top left no-repeat;
}