* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:12px;
	color:#e7d3a1;
    background: url(images/fond.jpg) repeat-x #0f0702;
}
div, p, img, a, ul, ol {
    font-size: 1em; 
}
a, a:link { 
    text-decoration: underline;
	color:#fff;
}
a:hover {
	color:#e2cf9e;
	text-decoration:underline;
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4, h1 a {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color:#cd9d3b;
}
h1, h1 a {
	font-size:20px;
	text-transform:uppercase;
	padding:0 0 20px 0;
	font-weight:normal;
}
h1 strong {
	font-size:11px;
}
h2, h2 a {
	font-size: 15px;
	color:#cd9d3b;
	margin:10px 0 3px 0;
	font-weight:bold;
	text-decoration:none !important;
}
h2 strong {
	color:#be9e52;
}
h2 span {
	font-size:11px;
	font-weight:normal
}
h3 { font-size: 145%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }


a img, img {
    border: none;
	text-decoration:none;
}

ul {
	list-style:none;
	margin:0 0 10px 15px;
}
ul li {
	background:url(images/puce.gif) 0 5px no-repeat;
	padding:0 0 0 25px;
}
ul li p {
	padding:0 0 0 -60px;
}

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}


#page {
    width: 770px;
    margin: 0 auto;
    text-align: left;
    background: url(images/tile.gif) repeat-y;
}

#content {
    float: left;
    text-align: left;
    width: 393px;
    margin: 20px 0 0 52px;
    padding: 0;
    line-height: 1.5em;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}

/*********** classes pour aligner une image et un texte verticalement*************/
a.alignmiddle img, a.alignmiddle span {
    vertical-align: middle;
   display: inline;
 }

/**************************************** modele index *******************************/
#general {
	width:990px;
	margin:auto;
}

#centre_index {
	background:url(images/centreindex_fond.jpg) no-repeat;
}

#index_cadre_photo {
	background:url(images/index_cadrephoto.gif) no-repeat;
	height:389px;
	margin:0 0 0 58px;
	padding:1px 0 0 13px;
}

#liens_bas {
	padding:15px 0 0 60px;
}
#liens_bas h1, #liens_bas h1 a {
	font-size:17px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#liens_bas h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#76563b;
	font-size:9px;
	font-weight:normal;
	margin-bottom:3px;
}
#agenda {
	float:left;
	width:208px;
	margin:0 35px 0 0;
}
#col_centrale {
	float:left;
	width:350px;
	margin:0 20px 0 0;
}

#col_droite {
	float:left;
	width:256px;
}

#bt_visitevirtuelle, #bt_visitevirtuelle_de, #bt_visitevirtuelle_en, #bt_actualites, #bt_actualites_en, #bt_actualites_de {
	float:right;
}
#bt_actualites, #bt_actualites_de, #bt_actualites_en {
	padding:20px 0 0 0;
}
#bt_visitevirtuelle a:hover {
	background:url(images/bt_visitevirtuelle.gif) bottom no-repeat;
}

#bt_visitevirtuelle a {
	background:url(images/bt_visitevirtuelle.gif) top no-repeat;
	display: block;
	width:235px;
	height:69px;
}

#bt_visitevirtuelle_de a:hover {
	background:url(images/bt_visitevirtuelle_de.gif) bottom no-repeat;
}

#bt_visitevirtuelle_de a {
	background:url(images/bt_visitevirtuelle_de.gif) top no-repeat;
	display: block;
	width:235px;
	height:69px;
}
#bt_visitevirtuelle_en a:hover {
	background:url(images/bt_visitevirtuelle_en.gif) bottom no-repeat;
}

#bt_visitevirtuelle_en a {
	background:url(images/bt_visitevirtuelle_en.gif) top no-repeat;
	display: block;
	width:235px;
	height:69px;
}


#bt_actualites a:hover {
	background:url(images/bt_actualites.gif) bottom no-repeat;
}

#bt_actualites a {
	background:url(images/bt_actualites.gif) top no-repeat;
	display: block;
	width:256px;
	height:51px;
}

#bt_actualites_de a:hover {
	background:url(images/bt_actualites_de.gif) bottom no-repeat;
}

#bt_actualites_de a {
	background:url(images/bt_actualites_de.gif) top no-repeat;
	display: block;
	width:256px;
	height:51px;
}

#bt_actualites_en a:hover {
	background:url(images/bt_actualites_en.gif) bottom no-repeat;
}

#bt_actualites_en a {
	background:url(images/bt_actualites_en.gif) top no-repeat;
	display: block;
	width:256px;
	height:51px;
}

.news_texte p {
	color:#76563b;
	font-size:10px;
}
.news_texte p span {
	color:#cd9d3b;
}
.news_texte p a {
	color:#fff;
}

.plusactu {
	float:right;
	width:127px;
	height:10px;
	margin:3px 0 0 0;
}

.plusactu a {
	background:url(images/bt_plusactu.gif) top no-repeat;
	display: block;
	float:right;
	width:127px;
	height:10px;
}
.plusactu a:hover {
	background:url(images/bt_plusactu.gif) bottom no-repeat;
}

/************************* entete ****************************/
#entete {
	height:215px;
	position:relative;
	background:url(images/entete_fond.gif) no-repeat bottom left;
}
#logo {
	position:absolute;
	top:10px;
	left:60px;
	width:270px;
	height:160px;
}
#langues {
	position:absolute;
	width:50px;
	top:7px;
	right:50px;
}
#contact_num {
	position:absolute;
	top:2px;
	left:330px;
	width:570px;
	height:20px;
	vertical-align:middle;
	
}

.ouverture a{
	position:absolute;
	font-family: Times, Serif;
	font-size:12px;
	color:rgb(190,158,82);
	text-transform: uppercase;
	height:20px;
	width:100px;
	right:90px;
	vertical-align:baseline;
	top:7px;
}

#entete_texte {
	position:absolute;
	top:100px;
	left:610px;
	width:335px;
	height:60px;
	text-align:center;
	font-family:Times, serif;
	font-size:12px;
	color:#be9e52;
	text-transform:uppercase;
}
#menu {
	position:absolute;
	top:175px;
	left:80px;
	width:834px;
	height:30px;
}


/************************** pied de page ***********************/
#pieddepage {
	padding:0 60px 0 60px;
}


#pdp_adresse {
	color:#be9e52;
	font-size:9px;
}
#pdp_adresse strong {
	color:#392413;
}
#pdp_copyright {
	font-size:9px;
	color:#4d341f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
#pdp_copyright a {
	font-size:9px;
	color:#4d341f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pdp_liens {
	float:right;
	width:80px;
	height:15px;
}

#pdp_liens .bouton {
	float:left;
	margin-left:8px;
}

#pdp_liens a {
	width:9px;
	height:10px;
	display:block;
}
	#pdp_accueil a:hover {
		background:url(images/bt_accueil.gif) bottom no-repeat;
	}
	#pdp_accueil a {
		background:url(images/bt_accueil.gif) top no-repeat;
	}
	#pdp_mentions a:hover {
		background:url(images/bt_mentions.gif) bottom no-repeat;
	}
	#pdp_mentions a {
		background:url(images/bt_mentions.gif) top no-repeat;
	}
	#pdp_plan a:hover {
		background:url(images/bt_plan.gif) bottom no-repeat;
	}
	#pdp_plan a {
		background:url(images/bt_plan.gif) top no-repeat;
	}
	#pdp_contact a:hover {
		background:url(images/bt_contact.gif) bottom no-repeat;
	}
	#pdp_contact a {
		background:url(images/bt_contact.gif) top no-repeat;
	}


/*********************** modele page *******************************/
#centre {
	background:url(images/centre_fond.jpg) no-repeat;
}
#cadre_photo {
	background:url(images/cadrephoto.gif) no-repeat;
	height:171px;
	margin:0 0 0 58px;
	padding:0 0 0 14px;
}
#gauche {
	margin:20px 0 0 70px;
}

#gauche .menu {
	border-bottom: solid 1px #594318;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	width:210px;
}
#gauche .menu h1, #gauche .menu h1 a {
	font-size:17px;
	color:#cd9d3b;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}
#gauche .menu h1 a:hover {
	color:#ead6a3
}
#gauche .menu h2, #gauche .menu h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#76563b;
	font-weight:normal;
	text-decoration:none;
	margin:0
}

#contenu {
	float:right;
	width:590px !important;
	border-left:solid 2px #cd9d3b;
	padding:0 70px 20px 20px;
}
#contenu p {
	padding:0 0 10px 15px;
	text-align:justify;
}
/********************* News ***********************/
#listenews a {
	text-decoration:none;
}
.news_img {
	border:solid 1px #be9e52;
	margin:0 10px 0 15px;
	background:#fff;
}
#listenews news_img {
	margin:0 10px 0 0;
}
.titre_news span {
	color:#fff;
	font-size:15px;
}
#listenews .titre_news span {
	font-size:11px;
}

/********************* Plan du site ***********************/
.LSM_0 a {
	color:#e2cf9e;
}
.LSM_1 a {
	color:#cd9d3b;
}
.LSM_folder1 {
	list-style:none;
	background:url(images/picto_dossier.gif) no-repeat 0px 2px;
	padding:5px 0 5px 20px;
}
.LSM_folder0 {
	list-style:none;
	background:url(images/picto_fichier.gif) no-repeat 0px 2px;
	padding:5px 0 5px 20px;
}


/********************** DIVERS **************************/
.pagination {
	text-align:right !important;
}
.ditto_page, .ditto_currentpage {
	padding-right:5px;
	
}
.force {
	color:#be9e52;
}
.salle {
	width:454px;
	background:url(images/fond_salle.jpg) no-repeat;
	height:200px;
	padding:50px 67px;
	color:#000;
}

.salle {
	float:left;
	margin-left:5px;
}

.salle h1 {
	background:url(images/salle_puce.gif) no-repeat;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#891419;
	margin:0 0 15px 0;
	padding:0;
}
.salle p {
	padding-bottom:5px !important;
}
.salle ul {
	list-style:square;
	margin:0 0 10px 15px;
}
.salle ul li {
	padding:0;
	background:none;
}
.salle div {
	text-align:center;
}
.salle img {
	margin:0 15px 10px 0;
}



.bouteille {
	float:left;
	width:160px;
	padding:10px 15px 10px 15px;
	text-align:center
}
.thumbscontainer li, .thumbs li {
	background:none;
	margin:0;
	padding:0
}
#lbCenter {
	z-index:5000;
}
.petitwetto {
	font-size:17px;
	font-weight:normal;
}
.blanc {
	color:#fff;
}
.majuscule {
	text-transform:uppercase;
}
.hr {
	border-bottom:solid 1px #392413;
	margin-bottom:12px;
	font-size:10px;
}

img.cadre {
	border:solid 1px #ae8532;
}

.bouton span {
	display:none;
}

.ensavoirplus_fr, .ensavoirplus_de, .ensavoirplus_en {
	float:right;
	width:84px;
	height:10px;
	margin:3px 0 0 0;
}

.ensavoirplus_fr a {
	background:url(images/bt_ensavoirplus.gif) top no-repeat;
	display: block;
	float:right;
	width:84px;
	height:10px;
}
.ensavoirplus_fr a:hover {
	background:url(images/bt_ensavoirplus.gif) bottom no-repeat;
}

.ensavoirplus_de a {
	background:url(images/bt_ensavoirplus_de.gif) top no-repeat;
	display: block;
	float:right;
	width:84px;
	height:10px;
}
.ensavoirplus_de a:hover {
	background:url(images/bt_ensavoirplus_de.gif) bottom no-repeat;
}

.ensavoirplus_en a {
	background:url(images/bt_ensavoirplus_en.gif) top no-repeat;
	display: block;
	float:right;
	width:84px;
	height:10px;
}
.ensavoirplus_en a:hover {
	background:url(images/bt_ensavoirplus_en.gif) bottom no-repeat;
}



.reservation_fr, .reservation_de, .reservation_en {
	float:right;
	width:135px;
	height:10px;
	margin:3px 0 0 0;
}

.reservation_fr a {
	background:url(images/bt_reservation.gif) top no-repeat;
	display: block;
	float:right;
	width:135px;
	height:10px;
}
.reservation_fr a:hover {
	background:url(images/bt_reservation.gif) bottom no-repeat;
}
.reservation_de a {
	background:url(images/bt_reservation_de.gif) top no-repeat;
	display: block;
	float:right;
	width:135px;
	height:10px;
}
.reservation_de a:hover {
	background:url(images/bt_reservation_de.gif) bottom no-repeat;
}
.reservation_en a {
	background:url(images/bt_reservation_en.gif) top no-repeat;
	display: block;
	float:right;
	width:135px;
	height:10px;
}
.reservation_en a:hover {
	background:url(images/bt_reservation_en.gif) bottom no-repeat;
}

.visite_fr, .visite_de, .visite_en {
	float:right;
	width:87px;
	height:10px;
	margin:3px 0 0 0;
}

.visite_fr a {
	background:url(images/bt_visite.gif) top no-repeat;
	display: block;
	float:right;
	width:87px;
	height:10px;
}
.visite_fr a:hover {
	background:url(images/bt_visite.gif) bottom no-repeat;
}

.visite_de a {
	background:url(images/bt_visite_de.gif) top no-repeat;
	display: block;
	float:right;
	width:125px;
	height:10px;
}
.visite_de a:hover {
	background:url(images/bt_visite_de.gif) bottom no-repeat;
}

.visite_en a {
	background:url(images/bt_visite_en.gif) top no-repeat;
	display: block;
	float:right;
	width:87px;
	height:10px;
}
.visite_en a:hover {
	background:url(images/bt_visite_en.gif) bottom no-repeat;
}





.partenaires_fr, .partenaires_de, .partenaires_en {
	float:right;
	width:84px;
	height:10px;
	margin:3px 0 0 0;
}

.partenaires_fr a {
	background:url(images/bt_partenaire.gif) top no-repeat;
	display: block;
	float:right;
	width:84px;
	height:10px;
}
.partenaires_fr a:hover {
	background:url(images/bt_partenaire.gif) bottom no-repeat;
}

.partenaires_de a {
	background:url(images/bt_partenaire_de.gif) top no-repeat;
	display: block;
	float:right;
	width:110px;
	height:10px;
}
.partenaires_en a:hover {
	background:url(images/bt_partenaire_en.gif) bottom no-repeat;
}

.partenaires_en a {
	background:url(images/bt_partenaire_en.gif) top no-repeat;
	display: block;
	float:right;
	width:84px;
	height:10px;
}
.partenaires a:hover {
	background:url(images/bt_partenaire.gif) bottom no-repeat;
}



.retour_fr, .retour_de, .retour_en {
	float:right;
	width:44px;
	height:10px;
	margin:3px 0 0 0;
}

.retour_fr a {
	background:url(images/bt_retour.gif) top no-repeat;
	display: block;
	float:right;
	width:44px;
	height:10px;
}
.retour_fr a:hover {
	background:url(images/bt_retour.gif) bottom no-repeat;
}

.retour_en a {
	background:url(images/bt_retour_en.gif) top no-repeat;
	display: block;
	float:right;
	width:44px;
	height:10px;
}
.retour_en a:hover {
	background:url(images/bt_retour_en.gif) bottom no-repeat;
}

.retour_de a {
	background:url(images/bt_retour_de.gif) top no-repeat;
	display: block;
	float:right;
	width:48px;
	height:10px;
}
.retour_de a:hover {
	background:url(images/bt_retour_de.gif) bottom no-repeat;
}

.erreur {
	color:#f00;
	font-weight:bold;
}
.champ {
	border:1px solid #e7d3a1;
	padding: 2px;
	vertical-align: top;
	font-size: 11px;
	color: #cd9d3b;
}
/**************** contact ***************/
#map {
	width:585px !important;
	color:#000;
}
#maplinks {
	display:none !important;
}

.pagecontact label {
	float:left;
	width:140px;
	margin:2px 0 2px 0;
}
.pagecontact input, .pagecontact select, #verimage {
	float:left;
	margin:2px 15px 2px 0;
}
.pagecontact input, #verimage {
	width:133px;
}

.pagecontact input.civ, .pagecontact input.salle {
	width:20px;
	border:none;
}
.pagecontact label.civ {
	width:30px;
	padding-right:30px;
}
.pagecontact textarea {
	width:570px;
	height:120px;
}
#ContactValider_fr, #ContactValider_en, #ContactValider_de {
	width:54px;
	margin:auto;
}
#ContactValider_fr a {
	background:url(images/bt_envoyer.gif) top no-repeat;
	display: block;
	float:right;
	width:54px;
	height:10px;
}
#ContactValider_fr a:hover {
	background:url(images/bt_envoyer.gif) bottom no-repeat;
}

#ContactValider_de a {
	background:url(images/bt_envoyer_de.gif) top no-repeat;
	display: block;
	float:right;
	width:54px;
	height:10px;
}
#ContactValider_de a:hover {
	background:url(images/bt_envoyer_de.gif) bottom no-repeat;
}

#ContactValider_en a {
	background:url(images/bt_envoyer_en.gif) top no-repeat;
	display: block;
	float:right;
	width:54px;
	height:10px;
}
#ContactValider_en a:hover {
	background:url(images/bt_envoyer_en.gif) bottom no-repeat;
}


.errors, .required, .invalid {
	color: #f00;
}

/******************************** Calendrier page reservation **************************/
.cpMonthNavigation, .cpCurrentDate {
	background:#cd9d3b !important;
}
.cpDayColumnHeader {
	color:#cd9d3b !important;
}

.cpCurrentMonthDate {
	color:#E7D3A1 !important;
}



/* Special handling for images
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.liste {
	padding-left:9px;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

p.alignmiddle {
padding:5px 0 0 0 !important;
margin:0;
}
p.alignmiddle img, p.alignmiddle span {
    vertical-align: middle;
   display: inline;
 }
p.alignmiddle span {
    padding-left: 5px;
 }

