body {
	background-color: #bbc988;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #201b4f;
	width: 100%;
	margin: 0;
	padding: 0;
}

/*---------------------------------------*/
/*            TITRES ET LIENS            */
/*---------------------------------------*/

h1, h2, h3, h4 {
	position: relative;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h1 {
	font-size: 18px;
}

h2 a {
	position: relative;
	font-size: 10px;
	float: right;
	top: -22px;
	text-transform: none;
	text-align: right;
	text-decoration: none;
}

h2 a img {
	top: 10px;
}

h2 a:hover {
	text-decoration: none;
}

h2 a:hover  span{
	text-decoration: underline;
}

h1#logo {
	position: relative;
	height: 120px;
	width: 200px;
	margin: auto;
}

h1#logo span{
	display: none;
}

h2 {
    font-weight : normal;
	font-size: 20px;
	border-bottom: 1px solid #201b4f;
}

h3 {
    font-weight : normal;
	font-size: 15px;
	border-bottom: 1px solid #201b4f;
	margin: 30px 0 10px 0;
}

img {
	border: none;	
}

a {
	color: #656565;
	text-decoration: none;
}

a:hover {
	color: #3a3a3a;
	text-decoration: underline;
}

a.modifier, a.supprimer, a.valider, a.liste_photos, a.liste_galeries {
	position: relative;
	float: left;
	display: block;
	height: 16px;
	width: 16px;
}

a.modifier span, a.supprimer span, a.valider span, a.liste_photos span, a.liste_galeries span {
	display: none;
}

a.modifier {
	background: url('../../../ressources/images/design/edit.png') no-repeat;
}

a.supprimer {
	background: url('../../../ressources/images/design/suppr.png') no-repeat;
}

a.valider {
	background: url('../../../ressources/images/design/valid.png') no-repeat;
}

a.liste_photos {
	background: url('../../../ressources/images/design/liste_photos.png') no-repeat;
}

a.liste_galeries {
	background: url('../../../ressources/images/design/liste_galeries.png') no-repeat;
}

#erreur {
    position: relative;
	padding: 10px 0;
	width: 100%;
}

#erreur label {
	color: red;
}

button {
	position: relative;
	background: #bbc988;
	color: #605e40;
	text-align: center;
	text-decoration: none;
	border: 1px solid #605e40;
}

button:hover {
	background: #8b9b52;
	color: #cde131;
}

/*---------------------------------------*/
/*               HEADER INFO             */
/*---------------------------------------*/

#header_info {
	position: relative;
	color: #605e40;
}

#header_info div {
	float: right;
}

/*---------------------------------------*/
/*           LANGAGES ET LIENS           */
/*---------------------------------------*/

#header_info #langages, #header_info #liens {
	position: relative;
	height: 30px;
}

#header_info #langages * {
	position: relative;
	float: right;
	margin: 5px 0 0 10px;
}

#header_info #liens {
	position: relative;
	height: 10px !important;
	height: 30px;
	padding: 10px 0;
}

#header_info #liens a {
	position: relative;
	margin: 0 5px;
}
 
/*---------------------------------------*/
/*             CORPS GENERALE            */
/*---------------------------------------*/

#cadre {
	position: relative;
	width: 954px;
	margin: auto;	
}

#corps {
	position: relative;
	width: 954px;
	background: url('../images/design/corps_gauche.png') repeat-y #e8f1c9;
	border: 1px solid #605e40;
	border-left: none;
}

/*---------------------------------------*/
/*              CORPS GAUCHE             */
/*---------------------------------------*/

#corps #partie_gauche {
	position: relative;
	background : url('../images/design/corps_gauche_left.png') -4px repeat-y;
	float: left;
	left: 4px;
	width: 200px;
}

#corps #partie_gauche #partie_gauche_header {
	position: absolute;
	background : url('../images/design/corps_gauche_header.png') no-repeat;
	height: 6px;
	width: 208px;
	left: -4px;
	top: -6px;
}

#corps #partie_gauche img.galerie, #corps #partie_gauche img.chateau_gallius {
	position: relative;
	display: block;
	border: 1px solid #928f70;
	margin: 10px auto;
}

#corps #partie_gauche img.galerie {
	width: 150px;
	height: 113px;
}

#corps #partie_gauche_footer {
	position: absolute;
	background : url('../images/design/corps_gauche_footer.png') no-repeat;
	height: 6px;
	width: 208px;
	bottom: -6px;
}

#partie_gauche p {
	padding: 0 10px;
	text-align: justify;
}

#partie_gauche a.lien_relaxation {
	display: block;
	text-align: center;
}

/*---------------------------------------*/
/*                 MENUS                 */
/*---------------------------------------*/

ul#menu {
	position: relative;
	list-style-type: none;
	margin:0;
	padding: 0;
}

ul#menu li {
	position: relative;
	width: 180px !important;
	width: 200px;
	min-height: 30px;
	margin: auto;
	text-align: left;
	padding-left: 20px;
	border-top: 1px solid #201b4f;
	background: url('../images/design/puce_d.png') 5px 7px no-repeat;
}

ul#menu li#livreor {
	position: relative;
	height: 130px;	
}

ul#menu li#livreor a{
	position: relative;
	display: block;
	height: 120px;
	background: url('../images/design/livreor.png') left bottom no-repeat;	
}

ul#menu li a {
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: normal;
    padding: 9px;
    color: #201b4f;
	text-transform: uppercase;
}

ul#menu li:hover {
	background: url('../images/design/puce_a.png') #8b9b52 5px 7px no-repeat;
}

ul#menu li:hover a {
	color: #cde131;
}

ul#menu li ul.sous_menu {
	position: absolute;
	list-style-type: none;
	display: none;
	top: 0;
	left: 200px;
	padding: 0;
	border: 1px solid #605e40;
	z-index:10;
}

ul#menu li:hover ul.sous_menu {
	display: block;
}

ul#menu li:hover ul.sous_menu li {
    position: relative;
	background: #e8f1c9;
	text-align: left;
    height: 25px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #605e40;
	text-transform: uppercase;
}

ul#menu li:hover ul.sous_menu li a{
	color: #201b4f;
	display: block;
    padding: 5.5px;
}

ul#menu li:hover ul.sous_menu li a:hover{
	background: #8b9b52;
	color: #cde131;
}

#partenaires {
	position: relative;
	padding-left: 20px;
}
#partenaires a {
	position: relative;
	float: left;
	display: block;
	margin: 10px 10px 5px 10px;
	padding: 0;
}

#partenaires div {
	position: relative;
	float: left;
	margin: 10px 10px 5px 10px;
	padding: 0;
} 

#partenaires div * {
	position: relative;
	padding: 0;
	margin: auto;
}

#partenaires div div div{
	position: relative;
	text-align: center;
	width: 90%;
	height: 50px;
	top: 10px;
}

#partenaires div div div img {
	position: relative;
	display: inline;
	top: 10px;
	margin: auto;
}

ul#suggestion_du_chef {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#suggestion_du_chef li {
	position: relative;
	border-bottom: 1px dotted #605e40;
	padding: 5px;
}

ul#suggestion_du_chef li:hover {
	background: #8b9b52;
	color:#cde131;
}

#villes_alentours p {
	position: relative;
	margin-left: 20px;
}

#facebook_fan {
	position: relative;
	float: left;
	width: 200px;
	border-top: 1px solid #605e40;
	padding: 10px 0 0 0;
}

/*---------------------------------------*/
/*              CORPS DROIT              */
/*---------------------------------------*/

#corps #partie_droite {
	position: relative;
	float: left;
	width: 750px;
	left: 4px;
}

#corps #partie_droite #banniere {
	position: relative;
	height: 333px;
	width: 750px;
	border-bottom: 1px solid #646344;
}

#corps #partie_droite #banniere span {
	display: none;	
}

#contenu {
	position: relative;
	width: 710px !important;
	width: 750px;
	padding: 20px;
}

#contenu #fil_ariane {
	position: relative;
	background: url('../images/design/ombre.png') left repeat-y #8b9b52;
	height: 16px !important;
	width: 710px !important;
	height: 30px;
	width: 750px;
	top: -20px;
	left: -20px;
	color: #cde131;
	padding: 7px 20px;
	border-bottom: 1px solid #605e40;
}

#contenu #fil_ariane a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;	
}

#contenu #fil_ariane a:hover {
	color: #cde131;
}

#contenu p {
	text-align: justify;	
}

#contenu #presentation p{
	position: relative;
	width: 710px;
	text-align: justify;
	margin: 0;
	padding: 0;
}

#contenu h2 {
	margin-bottom: 20px;	
}

#contenu #presentation h2 {
	text-decoration: underline;
    font-weight : normal;
	padding: 5px;
	font-size: 20px;
	text-align: center;
	border: 0;
}

#contenu #presentation h3 {
	text-decoration: underline;
	padding: 5px;
	font-size: 15px;
    font-weight : bold;
	text-align: center;
	border: 0;
}

#contenu .partie_acceuil {
	position: relative;
	float: left;
	margin: 20px 30px 10px 0;
	width: 325px;
}

#contenu .partie_acceuil h3{
	padding: 0;	
	margin: 0;
	font-weight: bold;
}

#contenu .partie_acceuil p {
	position: relative;
	margin-top: 135px;
}

#contenu h3 a{
	color:#201b4f;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

#contenu h3 a:hover {
	background: #8b9b52;
	color:#cde131;
	display: block;
}

#contenu .partie_acceuil img, #contenu .images img{
	position: relative;
	float: left;
	margin: 10px 10px 0 0;
	border: 1px solid #928f70;
}

#contenu img {
	position: relative;
}

#contenu .images {
	margin-top: 20px;
}

p#copyright, p#w3c_validations {
	position: relative;
	text-align: center;
}

hr.clear{
  clear:both;
  border: none;
}

/*---------------------------------------*/
/*                GALERIE                */
/*---------------------------------------*/

.galerie {
	position: relative;
	width: 100%;
}

.galerie a {
	position: relative;
	margin: 5px 10px 5px 0;	
}

.galerie a img{
	position: relative;
	border: 1px solid #928f70;
}

/*---------------------------------------*/
/*             CARTE DU MONDE            */
/*---------------------------------------*/

#carte_du_monde {
	position: relative;
	background: url('../images/design/carte_du_monde.png') 0 180px no-repeat;
	width: 690px;
	height: 750px;
}

#carte_du_monde div {
	position: absolute;
}

#carte_du_monde #marocaine{
	top: 0;
	left: 0;
}

#carte_du_monde #chinoise{
	top: 0;
	right: 0;
}

#carte_du_monde #thailandaise{
	bottom: 0;
	right: 35%;
}

#carte_du_monde #tahitienne{
	bottom: 0;
	left: 0;
}

#carte_du_monde #africaine{
	bottom: 0;
	right: 0;
}

#carte_du_monde #tahitienne h3, #carte_du_monde #africaine h3, #carte_du_monde #thailandaise  h3{
	margin-top: 0;
}

#carte_du_monde a img {
	border: 1px solid #fff;	
}

/*---------------------------------------*/
/*                CHAMBRES               */
/*---------------------------------------*/

#icones {
	position: relative;
	margin-top: 30px;
	width: 100%;
	min-height: 200px;
}

#icones img {
	position: absolute;
	display: block;
	border: none;
}

#icones img.left {
	left: 0;
	top: 0;
}

#icones img.right {
	right: 0;
	top: 0;
}

#icones img.center {
	position: relative;
	margin: auto;
	top: 0;
}

#icones img.masques {
	left: 200px;
	top: 170px;
}

/*---------------------------------------*/
/*             TABLE D'HOTES             */
/*---------------------------------------*/

img#chef{
	position: absolute;
	width: 200px;
	height: 324px;
}

#recette {
	position: relative;
	float: right;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px dotted #928f70;
	width: 485px;
}

#recette h4 {
	position: relative;
	font-weight: normal;
	border-bottom: 1px dotted #201b4f;
	padding: 5px 0;
}

#recette img {
	position: relative;
	float: right;
	border: 1px solid #928f70;
	margin: 5px 10px 5px 0;
}

/*---------------------------------------*/
/*               LIVRE D'OR              */
/*---------------------------------------*/

#contenu form {
	position: relative;
}

#contenu fieldset {
	background: #bbc988;
	color: #605e40;
	border: 1px solid #605e40;
	border-right: 5px solid #605e40;
	text-align: justify;
	margin-bottom: 20px;
}

#contenu fieldset legend {
	background: #e8f1c9;
	color: #201b4f;
	height: 15px;
	padding: 5px 10px;
	border: 1px solid #605e40;
	border-right: 5px solid #605e40;
}

#contenu fieldset input, #contenu form fieldset textarea{
	border: 1px solid #605e40;
}

#contenu form table tr td img {
	border: 1px solid #605e40;
}

a.add {
	position: relative;
	background: #bbc988;
	color: #605e40;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 130px;
	padding: 5px 0;
	margin: 0 0 20px 0;
	border: 1px solid #605e40;
}

a.add:hover {
	background: #8b9b52;
	color: #cde131;
}

#pagination *{
	position: relative;
	background: #bbc988;
	float: left;
	color: #605e40;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	margin: 0 10px 0 0;
	border: 1px solid #605e40;
}

#pagination *:hover{
	background: #8b9b52;
	color: #cde131;
}

/*---------------------------------------*/
/*                 TARIFS                */
/*---------------------------------------*/

table#tab_classique {
	position: relative;
	float: left;
	background: #bbc988;
	color: #605e40;
	border-collapse: collapse;
}

#tarifs_modes_paiements {
	position: relative;
	float: left;
	margin-left: 10px;
}

table#tab_classique tr, table#tab_classique td, table#tab_classique th {
	position: relative;
	padding: 5px;
	border: 1px dotted #605e40;
}

table#tab_classique th {
	background: #8b9b52;
	color: #cde131;
	font-weight: bold;
}

#cadeau {
	position: relative;
}

#cadeau p {
	width: 300px;
	float: left;
}

#cadeau img {
	float: right;
	right: -7%;
	display: block;
	top: 40px;
}

#cadeau h2.cheque_cadeau {
	float: right;
	right: 15%;
	font-weight: bold;
	text-decoration: none;
}

/*---------------------------------------*/
/*            SEJOURS A THEMES           */
/*---------------------------------------*/

table#sejours_themes {
	position: relative;
	color: #605e40;
	border: none;
}

table#sejours_themes tr {
	background: #bbc988;
}

table#sejours_themes td{
	position: relative;
	padding: 5px;
	border: 1px dotted #605e40;
	border-left: none;
	border-right: none;
	min-width: 80px;
	text-align: center;
}

table#sejours_themes h3 {
	position: relative;
	background: #8b9b52;
	color: #cde131;
	font-weight: bold;
	padding: 3px;
	margin: -5px;
	text-transform: none;
	border: none;
	text-align: left;
}

#google_map {
	width: 425px;
	height: 350px;
	border: 1px solid #928f70;
	margin: 0;
}

/*---------------------------------------*/
/*               RELAXATION              */
/*---------------------------------------*/

table#relaxation tr td *{
	position: relative;
	font-family: "Lucida handwriting";
}

table#relaxation tr td p {
	position: relative;
	margin: 0;
}

table#relaxation tr td .images img {
	margin: 0 10px 0 0;
}

table#relaxation tr td h3 {
	font-weight: bold;	
}

/*---------------------------------------*/
/*                CONTACT                */
/*---------------------------------------*/

#adr_coor {
	position: relative;
	float: left;
}

#imagechristinegerard {
	position: relative;
	float: right;
	display: block;
	border: 1px solid #928f70;
}

/* --------------------	*/
/*		CALENDRIER		*/
/* -------------------- */
#calendrier {
	position: relative;
	float: left;
	margin: 0 50px 0 0;
	width: 300px;
}

#calendrier h3 {
	margin-top: 20px;
}

#calendrier #entete {
	position: relative;
	background: #8b9b52;
	width: 298px;
	height: 30px;
	color: #cde131;
	text-align: center;
	border: 1px solid #605e40;
	border-bottom: 0;
}

#calendrier #entete a {
	position: relative;
	width: 30px;
	height: 30px;
}

#calendrier #entete a.left {
	background: url('/ressources/images/design/calendrier/prec.png') no-repeat;
	float: left;
	margin-left: 10px;
}

#calendrier #entete a.right {
	background: url('/ressources/images/design/calendrier/suiv.png') no-repeat;
	float: right;
	margin-right: 10px;
}

#calendrier #entete a span {
	display: none;
}

#calendrier #entete label{
	position: relative;
	padding: 0;
	top: 7px;
	text-transform: uppercase;
	text-align: center;
}

#calendrier table {
	border-collapse: collapse;
	border: 1px solid #605e40;
}

#calendrier table tr, #calendrier table td {
	border: 1px dotted #605e40;
}

#calendrier table tr td {
	position: relative;
	width: 60px;
	text-align: center;
	font-size: 12px;
}

#calendrier tr.jours {
	background: #bbc988;
	color: #201b4f;
	font-weight: bold;
	border: 1px solid #605e40;
}

#calendrier tr.jours td {
	border: 1px solid #605e40;
}

#calendrier .tab_numero {
	color: #201b4f;
}

#calendrier .reserve {
	background: #8b9b52;
	color:#cde131;
}

#calendrier .descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left:10px;
}

table#legend {
	margin: 20px 0;	
}

table#legend tr td #reserv, table tr td #libre {
	width: 20px;
	height: 20px;
	border: 1px solid #605e40;
}

table#legend tr td #reserv {
	background: #8b9b52;
}

/*---------------------------------------*/
/*       SITUATION ET ALENTOURS          */
/*---------------------------------------*/

.visites {
	position: relative;
	float: left;
	width: 150px;
	min-height: 130px;
	margin: 0 35px 10px 35px;
}

.visites img {
	position: relative;
	border: 1px solid #928f70;
}

.visites label {
	display: block;
	min-height: 30px;
}