@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}

html {height:100%;}

body {background:#c4c9a0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;text-align:justify;height:100%;}
body a {color:#333333;text-decoration:none;}
body a:hover {color:#333333;text-decoration:underline;}
#table {width:100%;height:100%;}
#td {width:100%;height:100%;vertical-align:middle;}
img {border:none;}
#clear {clear:both;}

#site {width:800px;height:auto;margin: 0 auto;}

/*Menu FR*/

#menu {float:left;width:600px;height:35px;position:relative;}
#menu ul {list-style-type:none;position:relative;}
#menu ul li {display:inline;}
#menu ul li a {float:left;position:relative;height:35px;margin-left:10px;}
#menu a:hover {background-position:left bottom;}

#menu .accueil {background:url(images/accueil.png) no-repeat;width:94px;}
#menu .mas {background:url(images/mas.png) no-repeat;width:83px;}
#menu .acces {background:url(images/acces.png) no-repeat;width:150px;}
#menu .contact {background:url(images/contact.png) no-repeat;width:103px;}
#menu .liens {background:url(images/liens.png) no-repeat;width:103px;}

#menu .saccueil {background:url(images/accueil.png) no-repeat left bottom;width:94px;}
#menu .smas {background:url(images/mas.png) no-repeat left bottom;width:83px;}
#menu .sacces {background:url(images/acces.png) no-repeat left bottom;width:150px;}
#menu .scontact {background:url(images/contact.png) no-repeat left bottom;width:103px;}
#menu .sliens {background:url(images/liens.png) no-repeat left bottom;width:103px;}

/*Menu EN*/

#menu .accueilen {background:url(images/accueilen.png) no-repeat;width:64px;}
#menu .masen {background:url(images/masen.png) no-repeat;width:93px;}
#menu .accesen {background:url(images/accesen.png) no-repeat;width:100px;}
#menu .contacten {background:url(images/contacten.png) no-repeat;width:103px;}
#menu .liensen {background:url(images/liensen.png) no-repeat;width:103px;}

#menu .saccueilen {background:url(images/accueilen.png) no-repeat left bottom;width:64px;}
#menu .smasen {background:url(images/masen.png) no-repeat left bottom;width:93px;}
#menu .saccesen {background:url(images/accesen.png) no-repeat left bottom;width:100px;}
#menu .scontacten {background:url(images/contacten.png) no-repeat left bottom;width:103px;}
#menu .sliensen {background:url(images/liensen.png) no-repeat left bottom;width:103px;}

/*Menu ES*/

#menu .accueiles {background:url(images/accueiles.png) no-repeat;width:70px;}
#menu .mases {background:url(images/mases.png) no-repeat;width:100px;}
#menu .acceses {background:url(images/acceses.png) no-repeat;width:150px;}
#menu .contactes {background:url(images/contactes.png) no-repeat;width:120px;}
#menu .lienses {background:url(images/lienses.png) no-repeat;width:120px;}

#menu .saccueiles {background:url(images/accueiles.png) no-repeat left bottom;width:70px;}
#menu .smases {background:url(images/mases.png) no-repeat left bottom;width:100px;}
#menu .sacceses {background:url(images/acceses.png) no-repeat left bottom;width:150px;}
#menu .scontactes {background:url(images/contactes.png) no-repeat left bottom;width:120px;}
#menu .slienses {background:url(images/lienses.png) no-repeat left bottom;width:120px;}

/*Menu CAT*/

#menu .accueilcat {background:url(images/accueilcat.png) no-repeat;width:54px;}
#menu .mascat {background:url(images/mascat.png) no-repeat;width:100px;}
#menu .accescat {background:url(images/accescat.png) no-repeat;width:150px;}
#menu .contactcat {background:url(images/contactcat.png) no-repeat;width:120px;}
#menu .lienscat {background:url(images/lienscat.png) no-repeat;width:120px;}

#menu .saccueilcat {background:url(images/accueilcat.png) no-repeat left bottom;width:54px;}
#menu .smascat {background:url(images/mascat.png) no-repeat left bottom;width:100px;}
#menu .saccescat {background:url(images/accescat.png) no-repeat left bottom;width:150px;}
#menu .scontactcat {background:url(images/contactcat.png) no-repeat left bottom;width:120px;}
#menu .slienscat {background:url(images/lienscat.png) no-repeat left bottom;width:120px;}

/*Menu IT*/

#menu .accueilit {background:url(images/accueilit.png) no-repeat;width:64px;}
#menu .masit {background:url(images/masit.png) no-repeat;width:123px;}
#menu .accesit {background:url(images/accesit.png) no-repeat;width:150px;}
#menu .contactit {background:url(images/contactit.png) no-repeat;width:103px;}
#menu .liensit {background:url(images/liensit.png) no-repeat;width:103px;}

#menu .saccueilit {background:url(images/accueilit.png) no-repeat left bottom;width:64px;}
#menu .smasit {background:url(images/masit.png) no-repeat left bottom;width:123px;}
#menu .saccesit {background:url(images/accesit.png) no-repeat left bottom;width:150px;}
#menu .scontactit {background:url(images/contactit.png) no-repeat left bottom;width:103px;}
#menu .sliensit {background:url(images/liensit.png) no-repeat left bottom;width:103px;}

/*Menu DE*/

#menu .accueilde {background:url(images/accueilde.png) no-repeat;width:64px;}
#menu .masde {background:url(images/masde.png) no-repeat;width:153px;}
#menu .accesde {background:url(images/accesde.png) no-repeat;width:90px;}
#menu .contactde {background:url(images/contactde.png) no-repeat;width:103px;}
#menu .liensde {background:url(images/liensde.png) no-repeat;width:103px;}

#menu .saccueilde {background:url(images/accueilde.png) no-repeat left bottom;width:64px;}
#menu .smasde {background:url(images/masde.png) no-repeat left bottom;width:153px;}
#menu .saccesde {background:url(images/accesde.png) no-repeat left bottom;width:90px;}
#menu .scontactde {background:url(images/contactde.png) no-repeat left bottom;width:103px;}
#menu .sliensde {background:url(images/liensde.png) no-repeat left bottom;width:103px;}


#lang {float:right;position:relative;width:200px;height:11px;display:inline;margin-top:15px;}
#lang ul{list-style:none;display:inline;}
#lang ul li a{display:block;margin-right:10px;width:16px;height:11px;float:right;position:relative;}

.fr  {background:url(images/fr.png) no-repeat;}
.es  {background:url(images/es.png) no-repeat;}
.cat {background:url(images/cat.png) no-repeat;}
.en  {background:url(images/en.png) no-repeat;}
.cat {background:url(images/cat.png) no-repeat;}
.it  {background:url(images/it.png) no-repeat;}
.de  {background:url(images/de.png) no-repeat;}

#accueil {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle1.jpg);}
#acces {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle2.jpg);}
#contact {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle3.jpg);}
#mas {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle4.jpg);}
#liens {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle5.jpg);}
#visites {width:800px;height:600px;display:block;float:left;background:url(images/aquarelle0.jpg);}
#chambres {width:800px;height:600px;display:block;float:left;background:url(images/chambres.jpg);}
#bleue {width:800px;height:600px;display:block;float:left;background:url(images/bleue.jpg);}
#rose {width:800px;height:600px;display:block;float:left;background:url(images/rose.jpg);}
#jaune {width:800px;height:600px;display:block;float:left;background:url(images/jaune.jpg);}

#gauche {width:350px;height:600px;display:block;float:left;}
#droite {width:450px;height:600px;display:block;float:left;}

#images {margin:0 100px;padding:10px 25px;background-image:url(images/visite.png);width:550px;height:115px;}

#menu2 {width:600px;height:25px;margin:100px 100px 0 100px;padding:5px 0 0 0;background-image:url(images/visite.png);}
#menu2 ul {list-style-type:none;}
#menu2 ul li {display:inline;}
#menu2 ul li a {float:left;height:20px;}
#menu2 a:hover {background-position:left bottom;}

/*Menu FR*/

#menu2 .vue {background:url(images/vue.png) no-repeat;width:114px;margin:3px 80px 2px 25px;}
#menu2 .chambres {background:url(images/chambres.png) no-repeat;width:117px;margin:3px 80px 2px 25px;}
#menu2 .visite {background:url(images/guidee.png) no-repeat;width:107px;float:right;margin:3px 25px 2px 25px;}

#menu2 .svue {background:url(images/vue.png) no-repeat left bottom;width:114px;margin:3px 80px 2px 25px;}
#menu2 .schambres {background:url(images/chambres.png) no-repeat left bottom;width:117px;margin:3px 80px 2px 25px;}
#menu2 .svisite {background:url(images/guidee.png) no-repeat left bottom;width:107px;float:right;margin:3px 25px 2px 25px;}

/*Menu EN*/

#menu2 .vueen {background:url(images/vueen.png) no-repeat;width:114px;margin:3px 80px 2px 25px;}
#menu2 .chambresen {background:url(images/chambresen.png) no-repeat;width:117px;margin:3px 80px 2px 25px;}
#menu2 .visiteen {background:url(images/guideeen.png) no-repeat;width:107px;float:right; margin:3px 25px 2px 25px;}

#menu2 .svueen {background:url(images/vueen.png) no-repeat left bottom;width:114px;margin:3px 80px 2px 25px;}
#menu2 .schambresen {background:url(images/chambresen.png) no-repeat left bottom;width:117px;margin:3px 80px 2px 25px;}
#menu2 .svisiteen {background:url(images/guideeen.png) no-repeat left bottom;width:107px;float:right; margin:3px 25px 2px 25px;}

/*Menu ES*/

#menu2 .vuees {background:url(images/vuees.png) no-repeat;width:124px;margin:3px 50px 2px 25px;}
#menu2 .chambreses {background:url(images/chambreses.png) no-repeat;width:150px;margin:3px 50px 2px 25px;}
#menu2 .visitees {background:url(images/guideees.png) no-repeat;width:107px;float:right; margin:3px 25px 2px 25px;}

#menu2 .svuees {background:url(images/vuees.png) no-repeat left bottom;width:124px;margin:3px 50px 2px 25px;}
#menu2 .schambreses {background:url(images/chambreses.png) no-repeat left bottom;width:150px;margin:3px 50px 2px 25px;}
#menu2 .svisitees {background:url(images/guideees.png) no-repeat left bottom;width:107px;float:right; margin:3px 25px 2px 25px;}

/*Menu CAT*/

#menu2 .vuecat {background:url(images/vuecat.png) no-repeat;width:114px;margin:3px 80px 2px 25px;}
#menu2 .chambrescat {background:url(images/chambrescat.png) no-repeat;width:135px;margin:3px 50px 2px 25px;}
#menu2 .visitecat {background:url(images/guideecat.png) no-repeat;width:107px;float:right; margin:3px 25px 2px 25px;}

#menu2 .svuecat {background:url(images/vuecat.png) no-repeat left bottom;width:114px;margin:3px 80px 2px 25px;}
#menu2 .schambrescat {background:url(images/chambrescat.png) no-repeat left bottom;width:135px;margin:3px 50px 2px 25px;}
#menu2 .svisitecat {background:url(images/guideecat.png) no-repeat left bottom;width:107px;float:right; margin:3px 25px 2px 25px;}

/*Menu DE*/

#menu2 .vuede {background:url(images/vuede.png) no-repeat;width:114px;margin:3px 90px 2px 25px;}
#menu2 .chambresde {background:url(images/chambresde.png) no-repeat;width:117px;margin:3px 50px 2px 25px;}
#menu2 .visitede {background:url(images/guideede.png) no-repeat;width:107px;float:right; margin:3px 25px 2px 25px;}

#menu2 .svuede {background:url(images/vuede.png) no-repeat left bottom;width:114px;margin:3px 90px 2px 25px;}
#menu2 .schambresde {background:url(images/chambresde.png) no-repeat left bottom;width:117px;margin:3px 50px 2px 25px;}
#menu2 .svisitede {background:url(images/guideede.png) no-repeat left bottom;width:107px;float:right; margin:3px 25px 2px 25px;}

/*Menu IT*/

#menu2 .vueit {background:url(images/vueit.png) no-repeat;width:124px;margin:3px 80px 2px 25px;}
#menu2 .chambresit {background:url(images/chambresit.png) no-repeat;width:117px;margin:3px 50px 2px 25px;}
#menu2 .visiteit {background:url(images/guideeit.png) no-repeat;width:117px;float:right; margin:3px 25px 2px 25px;}

#menu2 .svueit {background:url(images/vueit.png) no-repeat left bottom;width:124px;margin:3px 80px 2px 25px;}
#menu2 .schambresit {background:url(images/chambresit.png) no-repeat left bottom;width:117px;margin:3px 50px 2px 25px;}
#menu2 .svisiteit {background:url(images/guideeit.png) no-repeat left bottom;width:117px;float:right; margin:3px 25px 2px 25px;}

#image a {float:left;position:relative;margin-right:46px;}
#image a img,#image2 a img {border:1px solid #FFFFFF;}
#image a:hover img, #image2 a:hover img {border:1px solid #666666;}
#image2 a {float:right;position:relative;}


/*Mas*/
#centre {margin:0 100px 0 100px;padding:25px 25px 0 25px;background-image:url(images/visite.png);width:550px;height:235px;}
#centre a, #centre a:hover {color:#FFFFFF;}
#visiteguidee {margin:0 100px 0 100px;padding:0 25px 25px 25px;background-image:url(images/visite.png);width:550px;height:400px;}
#centre1 {margin:0 100px 0 100px;padding:25px 25px 0 25px;background-image:url(images/visite.png);width:550px;height:60px;}
#centre2 {margin:0 100px 0 100px;padding:0 25px 0 25px;background-image:url(images/visite.png);width:550px;height:205px;}

#pres1 {margin:0 100px 0 100px;padding:25px 25px 0 25px;background-image:url(images/visite.png);width:550px;height:130px;}
#pres2 {margin:0 100px 0 100px;padding:0 25px 0 25px;background-image:url(images/visite.png);width:550px;height:270px;}

#mas_text1 {width:423px;float:left;position:relative;height:100px;margin-right:25px;}
#mas_text1 p {font-size:14px;font-style:italic;line-height:30px;}
#mas_text2 a {color:#FFFFFF;text-decoration:underline;}
#mas_text2 h2 {font-size:12px;}
#mas_text2 ul {list-style-position:inside;}
#mas_text2 ul li {padding:2px 0;}
#isabelle {border:1px solid #FFFFFF;float:right;position:relative;width:100px;height:124px;}

#titre_chambre {font-size:16px;font-weight:bold;}
#stitre_chambre {font-style:italic;font-size:12px;}
#sstitre_chambre {font-weight:bold;padding:10px 0 0 0;border-bottom:1px solid #FFFFFF;font-size:12px;}
#carac_chambre {height:140px;}
#carac_chambre ul {list-style-position:inside;padding:2px 0;}
#liens_chambre {padding:5px 0;}

/* Accès */
#plan {margin:40px 0 0 30px;border:2px solid #555555;}
#droite_acces {width:350px;height:600px;display:block;float:left;}
#gauche_acces {width:450px;height:600px;display:block;float:left;}
#text_acces {margin:175px 0 0 40px;background-image:url(images/transports.png);}
#text_acces p {padding:10px;}
#text_acces p a{color:#FFFFFF;}

/* Contact */
#droite h3 {float:left;position:relative;font-size:12px;width:100%;padding:10px 20px;}
#droite h4 {float:left;position:relative;font-size:12px;width:150px;padding:10px 20px;}
#droite h5 {float:left;position:relative;font-size:12px;width:auto;padding:10px 0 10px 5px;}
#text {text-align:justify;padding:20px;}
#coordonnees{float:left;position:relative;border:1px solid #FFFFFF;background:none;width:205px;font-size:12px;color:#FFFFFF;font-weight:bold;margin:10px 0;}
#select {float:left;position:relative;border:1px solid #FFFFFF;background:#eeeeee;font-size:12px;color:#555555;font-weight:bold;margin:10px 20px 0 0;}
#select2 {mfloat:left;position:relative;border:1px solid #FFFFFF;background:#eeeeee;font-size:12px;color:#555555;font-weight:bold;margin:10px 20px 0 0;}
#textarea {float:left;position:relative;border:1px solid #FFFFFF;background:none;width:378px;height:60px;overflow:auto;font-size:12px;color:#FFFFFF;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin:10px 20px;}
#checkbox {float:left;position:relative;margin:10px 0 10px 20px;}
#envoyer {float:left;position:relative;border:1px solid #FFFFFF;background:none;padding:2px 5px;width:380px;font-size:12px;color:#FFFFFF;font-weight:bold;margin:0 20px 20px 20px;}
#envoyer:hover {background-color:#333333;color:#FFFFFF;cursor:pointer;}
#formulaire {float:left;position:relative;width:420px;height:540px;background:url(images/formulaire.png);color:#FFFFFF;margin:20px 0;}

/* Liens */
#adresses {margin:135px 100px 0 100px;padding:0 25px 25px 25px;background-image:url(images/visite.png);width:550px;height:400px;}
#adresses table {margin-top:50px;}
#adresses a {color:#FFFFFF;text-decoration:underline;}
#adresses a:hover {color:#FFFFFF;text-decoration:none;}
#adresses p { text-align:left;}
#photo {border:none;max-width:150px;max-height:60px;}

#pied {width:800px;height:auto;display:block;float:left;}
#pied p{text-align:center;font-size:9px;color:#666666;padding:5px 5px;}
#pied p a{color:#666666;text-decoration:underline;}
#pied p a:hover{color:#666666;text-decoration:none;}
#pied p a img{vertical-align:middle;margin-left:5px;}