/* @override http://www.xermi.com/squelettes/css/commun.css */

/* Hotel Ermitage */
/* Mise en forme générale */

/* @group Général */

html, body {
	margin: 0;
	padding: 0;
	color: #afa09b;
}

body {
	background-color: #000;
	font: 12px/15px Arial, Helvetica, Geneva, sans-serif;
}

#entete, #contenu-entete, #contenu-large, #contenu-chambres, #choisir-appart, #pied-contenu {
	width: 910px;
	margin: 0 auto;
	padding: 0 35px;
	position: relative;
}

#entete #langues, #menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* @group Redéfinitions */
.cacher, .zone_pas_css {
	display: none;
}

.centrer {
	text-align: center;
}

.info {
	font-size: 10px;
}

#erreur, .erreur {
	font-variant: small-caps;
	color: #f00;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	border: 0;
}

#contenu-large img, #contenu-chambres img {
	border: #625856 1px solid;
}

#contenu-large h2 img,
#contenu-chambres h2 img,
#liste_periode h1 img {
	border: none;
}

label:hover {
	cursor: pointer;
}

.astuce_hr {
	margin: 0;
	padding: 0;
	visibility: hidden;
	clear: both;
}

/* @end */
/* @end */

#contenu {
	background-color: #171112;
	width: 100%;
}

/* @group Entete */
#entete {
	text-transform: uppercase;
}

#entete h1 {
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 11px;
}

#entete #langues {
	position: absolute;
	right: 20%;
	bottom: 10px;
}

#entete #langues li {
	display: inline;
	margin: 0;
	padding: 0 5px;
	line-height: 25px;
	border-right: #40393a 1px solid;
}

#entete #langues li.dernier {
	border-right: none;
}

#entete p {
	margin: 0;
	position: absolute;
	right: 35px;
	bottom: 10px;
}

/* @end */

/* @group Contenu entete */
#logo {
	margin: 0;
}

#menu {
	position: absolute;
	top: 38px;
	left: 340px;
	width: 605px;
}

#menu li {
	float: left;
}

#menu li a {
	display: block;
	width: 121px;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	line-height: 35px;
}

#menu #article_1 { background-color: #c9a08f; }
#menu #article_2 { background-color: #d5c29f; }
#menu #article_3 { background-color: #a09ea6; }
#menu #article_4 { background-color: #c0bba8; }
#menu #article_5 { background-color: #d9b997; }
#menu #article_1:hover, #menu #article_2:hover, #menu #article_3:hover, #menu #article_4:hover, #menu #article_5:hover {
	background-color: grey;
}

/* @end */

/* @group Contenu Texte */
#contenu-large, #contenu-chambres {
	padding-bottom: 50px;
	min-height: 250px;
}

#texte {
	margin: 0 auto;
	padding: 0 35px 20px 724px;
	width: 221px;
	min-height: 250px;
}

#contenu-large #texte, 
#choisir-chambre #texte {
	padding: 0 0 50px 0;
	width: auto;
}

#texte h2, #contenu-large h2, #choisir-appart h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #c9a08f;
}

#texte h3 ,#contenu-large h3,
#texte #liste_periode h2 {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #c9a08f;
}

#texte ul {
	list-style-position: inside;
}

#texte ul li {
	list-style-image: url(puce.png);
	line-height: 25px;
}

#texte a, #choisir-chambre a {
	text-decoration: underline;
}

#contenu-large .spip_documents img {
	margin-right: 20px;
}

/* @group Formulaire contact */
#formulaire_contact ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#formulaire_contact fieldset {
	border: #afa09b 1px solid;
}

#formulaire_contact ul li {
	line-height: 30px;
	list-style-image: none;
}

#formulaire_contact label {
	float: left;
	width: 350px;
	padding-left: 10px;
}

#formulaire_contact input, #formulaire_contact textarea {
	border: #afa09b 1px solid;
}

#formulaire_contact p.boutons {
	text-align: center;
}

#formulaire_contact p.boutons input {
	color:  #afa09b;
	background-color: #000;
	border: #afa09b 1px solid;
}


/* @end */

/* @group Photos */
#colonne_photos {
	float: left;
	margin: 0 25px 20px 0;
	width: 280px;
}

#colonne_photos p {
	margin: 10px 0;
	text-align: center;
}

.diaporama {
	float: left;
	width: 303px;
	text-align: center;
	/*border: #40393a 1px solid;*/
}

/* @end */

/* @group Chambres */
#contenu-chambres #texte {
	margin-left: 0;
	margin-bottom: 240px;
	padding: 0;
	width: 420px;
}

#contenu-chambres #texte p {
	padding-left: 20px;
	text-align: justify;
}

#contenu-chambres #colonne_photos {
	float: right;
	margin-right: 0;
	width: 473px;
}

#contenu-chambres #colonne_photos p {
	float: left;
	margin-right: 23px;
	width: 225px;
}

#contenu-chambres #colonne_photos p.photo_droite {
	margin-right: 0;
}

/* @end */



#texte .spip_documents_left {
	margin-right: 20px;
}

#texte .spip_documents_right {
	margin-left: 20px;
}

/* @group Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; color: #000; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #988a95; }
table.spip tr.row_even { background: #e5d1cc; }
table.spip tr.row_odd { background: #e5d1cc; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; text-align: center;}
/* @end */
/* @end */

/* @group Réservation */
#choisir-appart {
	/*padding-bottom: 50px;*/
	min-height: 425px;
}

#texte #liste_periode h2 {
	margin-top: 20px;
}

#liste_periode table {
	width: 100%;
	text-align: center;
}

#choisir-appart h1 {
	float: left;
	margin-bottom: 0;
}

#choisir-appart h2 {
	text-align: right;
	margin-top: 30px;
}

#choisir-appart p.legende {
	float: left;
	clear: left;
}

#choisir-appart p.legende img {
	width: 20px;
	height: 10px;
	padding-left: 20px;
}

#detail-appart {
	margin-left: 420px;
}

#detail-appart p.info {
	margin-top: 140px;
	margin-left: 100px;
	font-variant: small-caps;
	font-size: larger;
}

#detail-appart #texte {
	margin: 0;
	padding: 0;
	width: auto;
}

#detail-appart  p.centrer a {
	text-decoration: underline;
}

#detail-appart #texte img {
	width: 200px;
	float: left;
	padding: 0 20px 10px 0;
}

#liste_periode a.tbs{
 color:blue;
}

#liste_periode a.bs{
 color:green;
}

#liste_periode a.ms{
 color:darkorange;
}


#liste_periode a.juillet{
 color: purple;
}

#liste_periode a.aout{
	color: maroon;
}

#liste_periode p.retour {
	clear: both;
}

div.decoupage_static {
	background: url(shema_decoupage_appartements.png) no-repeat right bottom;
}

#nav_periode {
	position: relative;
	text-align: center;
	height: 15px;
}

#nav_periode a.precedente {
	position: absolute;
	top: 0;
	left: 0;
}

#nav_periode a.suivante {
	position: absolute;
	top: 0;
	right: 0;
}

#form_demande_resa fieldset, #form_confirme_resa fieldset {
	border: 0;
}

#form_demande_resa h1, #form_confirme_resa h1 {
	line-height: 25px;
}

#form_demande_resa h3, #form_confirme_resa h3 {
	display: inline;
}

#form_demande_resa p, #form_confirme_resa p {
	line-height: 25px;
}

#form_confirme_resa p.info_cb {
	text-align: right;
	margin-bottom: 0;
	width: 265px;
}

#form_confirme_resa ul.info_cb {
	margin-left: 300px;
	margin-top: 0;
}

#form_demande_resa input, #form_confirme_resa input {
	width: 300px;
}
#form_demande_resa textarea, #form_confirme_resa textarea {
	width: 305px;
}

#form_demande_resa label, #form_confirme_resa label {
	float: left;
	width: 30%;
	text-align: right;
	padding-right: 10px;
}

#form_confirme_resa #form_payer_arrhes label {
	width: 40%;
}

#form_confirme_resa #form_payer_arrhes input#num_cb {
	width: 15em;
}

#form_confirme_resa #form_payer_arrhes input#code_controle {
	width: 3em;
}

#form_confirme_resa #form_payer_arrhes fieldset {
	background: url(cadenas.png) no-repeat 10% center;
}

form p.bouton {
	text-align: center;
}

#form_demande_resa p.bouton input, #form_confirme_resa p.bouton input {
	text-align: center;
	width: auto;
}

span.error {
	display: block;
	color: red;
	text-align: center;
	font-size: larger;
}

#form_demande label.error {
	color: red;
	float: none;
	margin-left: 10px;
	vertical-align: top;
}

#form_demande input.error, #form_demande textarea.error {
	border: red 2px solid;
	background-color: #ffe2e1;
}

/* @end */



/* @group Pied */
#pied-conteneur {
	background: #000 url(pied_fond.png) repeat-x 0 center;
	width: 100%;
}

#pied-conteneur-image {
	min-height: 134px;
	min-width: 980px;
	background: transparent url(pied_fond-image.png) no-repeat center 1px;
}

#pied-contenu {
	position: relative;
}

#pied-contenu .visuel, #pied-contenu p.chambre {
	margin: 0;
	position: absolute;
	top: -300px;
	left: 35px;
	/*width: 394px;*/
	color: #301e2c;
}

#pied-contenu p.chambre {
	top: -280px;
}

#pied-contenu p.lien-galerie {
	left: 444px;
	width: 237px;
}

#pied-contenu .visuel img {
	background-color: #cec6bd;
	padding-bottom: 1px;
}

#pied-contenu .visuel span.legende {
	display: block;
	text-align: center;
	line-height: 52px;
	background: url(visuel_ombre.png) repeat-x 0 top;
	text-transform: uppercase;
}

/* @group Schéma Résidence */
#pied-contenu #schema_residence {
	width: 395px;
	height: 320px;
	padding: 0;
	margin: 0 0 2px 0;
}

#pied-contenu #schema_residence li {
	position: relative;
	list-style: none none outside;
	float: left;
	height: 80px;
	background-color: red;
}

#pied-contenu #schema_residence li img {
	border: none;
}

#pied-contenu #schema_residence li span {
	display: none;
	position: absolute;
	line-height: 24px;
	width: 100px;
	padding: 0 5px;
	top: 32px;
	text-decoration: underline;
	background: transparent url(fleche_d.png) no-repeat left center;
}

#pied-contenu #schema_residence li#appart-1 span,
#pied-contenu #schema_residence li#appart-3 span,
#pied-contenu #schema_residence li#appart-5 span {
	background-image: url(fleche_g.png);
	right: -40px;
	padding: 0 8px 0 2px;
	text-align: right;
}

#pied-contenu #schema_residence li:hover span {
	display: block;
}
/* @end */



#copyright {
	color: #000;
	margin: 0;
	position: relative;
	top: 105px;
}

/* @end */