/* LE CORPS DE PAGE */
* {margin:0;padding:0}
body, body#acc {
	padding: 0px;
	background: #D2A446 url(images/bg_body.png) repeat-x 0 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666666;
	font: 11px;
}
body#acc {
	background-image: none;
	background-color: white;
}
body#acc #general, #general {
	position: relative;
	width: 100%;
	margin: 0;
	text-align: center;
	background: url(images/acc-bg-general.jpg) repeat-x 0 0;
}
#general {
		background: url(images/bg-general.jpg) repeat-x 0 0;
}
body#acc #general2, #general2 {
	text-align: left;
	width: 1000px;
	position: relative;
	margin: 0 auto 0 auto;
	background: none;
}
body#acc #general2-acc {
}

a,a:link,a:active,a:visited,a:hover {
	color: #7B101D;
	text-decoration: none;
}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
H1, H2, H3, H4 {
	font-size: 26px;
	color: Black;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px 0 10px 25px;
	padding: 0 0 0 0;

}
H1 {
	color: Black;
	padding: 110px 0 15px 0;
	margin: 0;
	text-align: center;
}
H2 {font-size: 20px; margin-left: 35px;}	
H3 {
font-size: 18px;
}
H4 {font-size: 15px;text-align:center;}

/********  Classes couleurs ********/
.rouge {color: #A52A2A;}
.bleu {color: #2B7591;}
.vert {color: Green;}
.noir {color: black;}
.blanc {color: white;}

/********  Classes fontes ********/
.gras {font-weight: bolder;}
.souligne {text-decoration: underline;}
.capital {text-transform: uppercase;}
.centre {text-align: center;}

.onze {font-size: 11px;}
.douze {font-size: 12px;}
.treize {font-size: 13px;}
.quatorze {font-size: 14px;}
.quinze {font-size: 15px;}
.seize {font-size: 16px;}


body#acc #contenu, #contenu {
	display: block;
	width: 1000px;
	margin: 0px 0 0 0;
	padding: 0;
}


/* -------------- POUR BANNIERE -------------- */
body#acc #banniere, #banniere {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	background: white url(images/bg_banniere.png) no-repeat 330px;
}
body#acc #banniere {
	background: white;
	background-image: none;
}
#banniere #contacts a {
	position: absolute;
	color: #F7E5C4;
	text-align:center;
	font-size: 0em;
	top: 10px;
	left: 660px;
	width: 320px;
	height: 60px;
	display: block;
	background: url(images/bg-contact-banniere.png) no-repeat 0 0;
}
body#acc #banniere #contacts a {
	left: 670px;
}
#logo a {
	display: block;
	font-size: 0px;
	color: white;
	background: url(images/logo.png) no-repeat 0 0;
	position: absolute;
	top: 16px;
	left: 10px;
	width: 320px;
	height: 100px;
}
#logo a:hover {
	background: url(images/logo.png) no-repeat 0 -100px;
}

/* -------------- IMAGES -------------- */
img.left, img.right {
	padding:4px;
	margin: 0 10px 2px 0;
	border: 1px solid silver;
	float: left;
	display: block;
	background: white;
}
img.right {float: right;margin: 0 0px 2px 10px;}


/* -------------- PAGE ACCUEIL -------------- */
#accueil {
	margin: 0;
	padding: 0 0px 0 0px;
	background: none;
}
body#acc #bloc-ht {
	position: relative;
	height: 320px;
	margin: 0 0px 0 10px;
}
body#acc #gauche {
	width: 650px;
	height: 320px;
	background: url(images/acc-bg-gauche.jpg) no-repeat 0 0;
}
body#acc #gauche a.voir-jour {
	position: absolute;
	color: white;
	font-size: 16px;
	font-weight: bold;
	top: 280px;
	left: 340px;
	padding: 0 0 0 20px;
	background: url(images/puce-voir-menu.jpg) no-repeat 0 5px; 
}
body#acc #gauche a:hover.voir-jour {
	background: url(images/puce-voir-menu.jpg) no-repeat 0 -38px; 
}
body#acc #diaporama {
	position: absolute;
	top: 0px;
	left: 660px;
	width: 320px;
	height: 320px;
	background: gray;
}
body#acc #bloc-bas {
	height: 230px;
	position:relative;
	margin: 0px 10px 0 10px;
	background: none;
}
#mods {
	float: right;
	width: 650px;
	height: 230px;
	margin: 10px 0 0 0px;
	background: url(images/acc_bg_mods.png) no-repeat 0 0;
}
#mod01, #mod02, #mod03 {
	position: relative;
	width: 203px;
	_width: 203px;
	height: 200px;
	margin: 0px 0 0 10px;
	float: left;
}
#mod01 h1, #mod02 h1, #mod03 h1 {
	font-size: 0px;
	color: white;
	padding: 0px 0 0px 0;
	margin: 0 0 0 0;
	height: 44px;
	border-bottom: 1px solid #666666;
	background: url(images/acc_h1_carte.png) no-repeat 0 0;
}
#mod02 h1 {background: url(images/acc_h1_evenements.png) no-repeat 0 0;}
#mod03 h1 {background: url(images/acc_h1_prestations.png) no-repeat 0 0;}

#mod01 p.text, #mod02 p.text, #mod03 p.text {
	display: block;
	text-align: left;
	padding: 10px 0px 8px  0px;
	font-size: 12px;
	display: block;
	color: Gray;
}
p.photo {
	padding: 0;
	display: block;
}
p.photo a {
	display: block;
	border: none;
}
p.photo a img {
	border: none;
}
/** Structure arrondis pour les blocs **/
body#acc #bloc-bas .top_left, body#acc #bloc-bas .top_right, body#acc #bloc-bas .bottom_left, body#acc #bloc-bas .bottom_right { font-size: 0em;height: 10px; width: 10px; position: absolute; }
body#acc #bloc-bas .top_left {top: 0px;left: 0px;background: url(images/coins01.jpg) no-repeat 0 0;z-index: 0;}
body#acc #bloc-bas .top_right { top: 0px; right: 0px; background: url("images/coins01.jpg") no-repeat -10px 0; z-index: 1; }
body#acc #bloc-bas .bottom_left { bottom: 0px; left: 0px; background: url("images/coins01.jpg") no-repeat 0 -10px; z-index: 2; }
body#acc #bloc-bas .bottom_right { bottom: 0px; right: 0px; background: url("images/coins01.jpg") no-repeat -10px -10px; z-index: 3; }
body#acc #bloc-bas .content { position: relative;padding: 10px; z-index: 4; }
.top_left, .top_right, .bottom_left, .bottom.right {
	display: none;
}

/* -------------- PAGES STANDARDS -------------- */
#centre, #centre-menu {
	margin: 0px 20px 0px 0px;
	*margin: 0px 10px 0px 0px;
	padding: 0 0 0px 0;
	float: right;
	width: 650px;
	background: white url(images/bg_centre.png) no-repeat 0 0;
}

#page {
	margin: 0px;
	position: relative;
	padding: 0px 0px 96px 0px;
	color: #4A1008;
	min-height: 410px;
	*min-height:420px;
	_height: 420px;
	}
#page p.cartouche {
	display: block;
	text-align:center;
	color: #696969;
	font-size: 12px;
}	
#page #bloc-texte p {
	display: block;
	text-align: justify;
	color: #505050;
	padding: 0 100px 0 100px;
}
#page p {
	display: block;
	/*text-align: justify;*/
	font-size: 11px;
	padding: 0px 40px 0 50px;
}

#page p.presentation {
   font-size: 13px;
}
.ou {
	color: Black;
	font-weight: bold;
}
#page ul {
   list-style: none;
   padding: 0px;
   margin: 0;
   }
#page li {
   list-style: disc;
   padding: 0;
   margin: 2px 45px 2px 75px;
   font-size: 12px;
   }

#page table {
margin: 0 0px 0px 60px;
padding-bottom: 0px;
width: 520px;
font-size: 12px;
border-bottom: 0px dashed silver;
}   
/* Carte */
#page table.carte {
	border-collapse: collapse;
}
#page table.carte td {
	padding: 0px 0 0px 0;
}
#page table.carte h3 {
margin: 0px;
padding: 30px 0 0 0;
}
#page table.carte .titre-prod {
	padding: 3px 0 0 30px;
}
#page table.carte td.inter {
	padding: 6px 0 6px 0px;
	font-size: 0em;
}
#page table.carte td.no-border p.sstitre-prod {
	padding: 2px 0 0 0px;
	border-bottom: 0px solid #9EA921;
}
#page table.carte td p.sstitre-prod {
	display: block;
	padding: 3px 0 1px 0px;
	margin: 0 0 0 30px;
	border-bottom: 1px dotted black;
	font-size: 13px;
}

#page table.carte td.sstitre-rem, #page table.carte td p.sstitre-rem {
	display: block;
	color: gray;
	padding: 10px 0 2px 0px;
	text-align: center;
	font-size: 11;
	
}

#page table.carte td p.sstitre-rub {
	display: block;
	padding: 3px 0 2px 0px;
	margin: 0 0 0 20px;
	font-weight: bold;
	font-size: 13px;
	color: black;
}
#page table.carte td p.sstitre-prod .remarque, #page table.carte td p.sstitre-rub .remarque {
	padding: 0 0 0 20px;
	margin: 0;
	display: block;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #424242;
}
#page table.carte td p.sdesc-prod {
	display: block;
	padding: 3px 0 5px 20px;
	margin: 0 0 0 30px;
	font-size: 12px;
	border-bottom: 1px dotted gray;
}
#page table.carte .prix {
	border-bottom: 1px dotted gray;
	padding-left: 0;
	margin-left:0;
	white-space: nowrap;
	padding-left: 15px;
}

.nowrap {
	white-space: nowrap;
}

#page table.carte .border-bottom {
	border-bottom: 1px solid gray;
}
/*fin carte*/
#page table.menu h3 {
margin: 0px;
padding: 110px 0 0 0;
font-size: 22px;
text-align: center;
}
#page table h4 {
margin: 0px;
padding: 0px 0 40px 0;
}
/********** colonne de gauche   ************/
#col-ga {
	display: block;
	width: 320px;
	padding: 0 0 0px 0;
	float: left;
	position: relative;
	background: none;
}
#menu-vert {
	padding: 0 0 0 0px;
	background: white;
	min-height: 130px;
	_height: 130px;
}
#menu-vert h1 {
	font-size: 18px;
	color: white;
	text-align: center;
	letter-spacing: 0px;
	padding: 20px 0 10px 0px;
	margin: 0 0 0 0;
	background: url(images/h1_menu_vert.png) no-repeat 0 0;
}
#menu-vert ul {
	display: block;
	text-align: left;
	font-size: 13px;
	padding: 20px 0 10px 0;
	margin: 0;
}
#menu-vert li {
	padding: 0;
	margin: 0;
	/*_height: 11px;*/
}
#menu-vert ul ul {
	padding: 0px 0 10px 0;
	font-size: 12px;
	font-weight: normal;
}
#menu-vert a {
	display: block;
		font-weight:normal;
	color: #7C7970;
	padding-left: 60px;
	_height: 12px;
}
#menu-vert ul ul a {
	display: block;
		font-weight: normal;
	color: #7C7970;
	padding-left: 90px;
	_height: 12px;
}
#menu-vert ul ul #menu-vert a {
	display: block;
		font-weight:normal;
	color: #7C7970;
	padding-left: 60px;
	_height: 12px;
}
#menu-vert a:hover {
	text-decoration: underline;
	background: url(images/puce001.png) no-repeat 40px -20px;
}
#menu-vert ul ul a:hover {
	background: url(images/puce002.png) no-repeat 70px -20px;
	color: black;
}
#menu-vert span.actif {
	display: block;
	font-weight: normal;
	color: black;
	background: url(images/puce001.png) no-repeat 40px -20px;
	padding-left: 60px;
	_height: 12px;
}
#menu-vert ul ul span.actif {
	background:  url(images/puce002.png) no-repeat 70px -20px;
	font-weight: normal;
	padding-left: 90px;
	text-decoration: underline;
}

#galerie {
	position: relative;
	bottom:0px;
	width:320px;
	background: white;
}
#galerie h1 {
	font-size: 18px;
	color: white;
	text-align: center;
	letter-spacing: 0px;
	padding: 40px 0 10px 0px;
	margin: 0 0 0 0;
	background: url(images/h1_menu_galerie.png) no-repeat 0 0;
}
.vignettes {
	display: block;
	padding:0 0 10px 0;
}
.vignettes a {
	display: block;
	height: 75px;
	width: 94px;
	background: black;
	border: 1px solid silver;
	background: white;
	float: left;
	margin: 9px 0 0 9px;
	*margin: 9px 0 0 5px;
	overflow: hidden;
}
.vignettes a:hover {
	background: #D2A446;
}
.vignettes a img {
	display: block;
	padding: 0px;
	border: none;
	width: 86px;
	height: 67px;
	padding: 4px;
	background: none;
}
#actus {
	position: relative;
	bottom:0px;
	width:320px;
	background: white;
}
#actus h1 {
	font-size: 18px;
	color: white;
	text-align: center;
	letter-spacing: 0px;
	padding: 40px 0 10px 0px;
	margin: 0 0 22px 0;
	background: url(images/h1_menu_actus.png) no-repeat 0 0;
}
#actus p {
	margin: 0px 17px 0 17px;
	padding: 0px 10px 10px 10px;
	font-style: normal;
	text-align: justify;
	color: black;
	background: white;
	height: auto;
}
#actus a {
display: block;
	background: url(images/puce002.png) no-repeat 0px -22px;
	padding: 0 0 0 26px;
	color: black;
	font-weight: bold;
}
#actus .top_left, #actus .top_right {
	display: none;
}
#bas-col-ga {
	display: block;
	background: url(images/bg_bas_menu_vert.png) no-repeat 0 0;
	height: 30px;
}
/******************** CONTACT **************************/
#menu-vert .adresse {
	display: block;
	padding: 16px 10px 16px 30px;
	color: black;
	margin: 0px 0px 0 0px;
	background: white;
	font-size: 13px;
}
#menu-vert .adresse a {
	display: inline;
	padding: 0;
}
#menu-vert .adresse a:hover {
	background:none;
}
#plan {
	position: absolute;
	bottom:0px;
	width:390px;
	height:328px;
	background: url(images/bg-plan.jpg) no-repeat 0 0;
}
#plan #map {
	margin: 10px 0 0 0px;
}

#actus .note {
	display: block;
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
	padding: 0 30px 20px 30px;
	margin: 0;
	color: #999999;
}

/******************** FORMULAIRE **************************/
#contact form {
display: block;
	padding: 15px 0px 5px 50px;			
}	
#contact form input, #contact form textarea {
	text-align: left;
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 3px 0 2px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}
#contact form select {
	text-align: left;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: #E8E8E8;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}

#contact form span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: Black;
}
#contact form input.bouton {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 286px;
	border: 1px outset #9BA9B9;
	background: #757F1E;
	color: #FFFFFF;
	width: 70px;
	cursor: pointer;
}

/* -------------- PIED DE PAGE -------------- */

#pied-acc {
	width: 1000px;
	clear: both;
	margin: 0px auto 10px auto;
	padding: 0px 0 0px 0;
	height: 20px;
	background: url(images/bg-pied.jpg) no-repeat 0 0;
}
#pied-acc p {
	font-size: 0px;
	display: block;
	text-align: center;
	padding: 0px 0 0px 0px;
	color: #A7A7A7;
	visibility: hidden;
}
#pied-acc a, #pied-acc a:link, #pied-acc a:visited, #pied-acc a:hover {
	color: #1C657F;
	font-size: 0px;
}
/*****fin pied acceuil ****/

#pied {
	margin: 0px;
	position: absolute;
	width: 650px;
	bottom: 0;
	padding: 24px 0 43px 0;
	background: #D2A446 url(images/bg_pied.png) no-repeat 0 0;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #BBA66E;
	font-size: 9px;
	text-decoration: underline;
}
#pied p {
	font-size: 9px;
	display: block;
	text-align: center;
	padding: 0px 0 0px 0px;
	color: #BBA66E;
}

/* --------------DIVERS --------------*/
.clear {
	clear: both;
	font-size:0px;
}
a.telecharger-pdf {
	display: block;
	background: url(images/telecharger_pdf.png) no-repeat 0 0;
	width: 194px;
	height: 44px;
	float: right;
}
#mots {
	width: 100%;
	color: #D2A446;
	font-size: 0px;
	text-align: center;
}
#mots a, #mots a:link, #mots a:visited, #mots a:hover {
	color: #D2A446;
	padding: 0;
}
body#acc #mots, body#acc #mots a {
	color: #D2A446;
	text-decoration: none;
}
#liens-bas {
	text-align: center;
	color: #D59C31;
}
#liens-bas b {
	display: block;
	border-bottom: 1px dotted #D59C31;
	margin: 0 50px 10px 50px;
	padding: 0 0 4px 0;
	color: #78571B;
}
#liens-bas a {
	color: #D59C31;
}
#liens-bas a:hover {
	color: black;
	text-decoration: underline;
}