/*
	Hôtel Plaisance
	Définition des feuilles de style
	Auteur : Cécile Roussel - Alliances Consultant

	Couleurs de base :
	
	vert moyen :			#339966
	vert pâle :				#E7F9F1
	rouge :						#EB2D3A

*/


/***  Définitions générales  ***/

body, body div, body p, body th, body td, body li, body dd {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
	font-size: small;
}

body {
	background-color: #E7F9F1;
	color: #000;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: center; 						/* Bug IE */
	margin: 0;
	padding: 0;
}




/***  Propriétés par défaut des tags HTML  ***/

img 				{	border: 0; margin: 0; padding: 0; }
table 			{ border-collapse: collapse; padding: 0; margin: 0; }
table tr th { font-size: 80%; padding: 3px; }
table tr td { font-size: 80%; padding: 3px; }
td 					{ vertical-align: top; }
a						{ color:#339966; text-decoration: none; }
a:hover			{ color:#EB2D3A; text-decoration: underline; }
p						{ margin: 0; padding: 0 0 10px 0;}


/*** Titres ***/
	
h1 {
	font-size: 100%;
	color: #EB2D3A;
	margin: 0px 16px 0 12px;
}

h2 {
	font-size: 85%;
	color: #000;
	margin: 16px 16px 10px 12px;
}


/*** Définitions particulières ***/

/** Séparateurs **/

br.spacer { clear: both; }


/** Conteneurs **/

/* Cadre vert */

#page {									/* Centrage horizontal et vertical */
	position:absolute;
	left: 50%; 
	width: 906px;
	height: 640px;
	margin-left: -453px;
	text-align: left;
	color: #000;
	background-color: #E7F9F1;
	background-position: 100% 100%;
}

/* Logo en haut à gauche */

#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 446px;
	height: 100px;
	background-color: #E7F9F1;
}

/* Adresse en haut à droite */

#adresse {
	float: left;
	width: 369px;
	height: 100px;
	background-color: #E7F9F1;
	padding: 0;
	margin: 0;
}

#adresse-texte {
	height: 86px;
	text-align: right;
	font-size: 85%;
}

/* Barres horizontales rouges */

.rouge, .rouge2 {
	width: 100%;
	height: 14px;
	background-color: #EB2D3A;
	font-size: 85%;
	color: #FFF;
	text-align: center;
}

.rouge2 {
	margin-bottom: 10px;
}

/* Filigranes */

#filigrane-hd {
	float: left;
	width: 85px;
	height: 80px;
	padding: 20px 0 0 0;
	background-color: #E7F9F1;
	text-align: center;
}

#filigrane-bg {
	float: left;
	width: 85px;
	height: 70px;
	background-color: #E7F9F1;
	text-align: center;
}

/* Bas du feuillage du haut */

#feuillage-hg {
	float: left;
	width: 85px;
	background-color: #E7F9F1;
	clear: both;
}

/* Corps de texte */

#corps {
	float: left;
	height: 468px;
	background-color: #FFF;
	border: 1px solid #EB2D3A;
	padding: 0;
	margin: 0 50px 0 85px;
  width: 730px;							/* Bug marges et bordures sous IE 5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 728px;
}

html>body #corps {
  width: 728px;
}

/* Feuillage du bas */

#feuillage-bd {
	float: right;
	width: 85px;
	background-color: #E7F9F1;
	margin-top: 418px;
}

#feuillage-bas {
	float: right;
	width: 393px;
	background-color: #E7F9F1;
}

/* Copyright */

#copyright {
	float: left;
	font-size: 85%;
	margin: 0;
	padding-top: 12px;
}

/* Cadre 1 */

#cadre-1 {
	float: left;
	width: 360px;
	height: 458px;
	margin: 0;
	padding: 6px 0 0 0;
}

#cadre-1 img { margin-left: 1px; margin-bottom: 1px; margin-right: 1px; display: block; }
#visite { margin-top: 1px; }

/* Cadre 2 */

#cadre-2 {
	float: right;
	background-image: url(../img/provence-hotel-pas-cher.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	margin: 0;
	padding: 10px 0 0 0;
	height: 458px;
	border-left: 1px solid #EB2D3A;
  width: 368px;							/* Bug marges et bordures sous IE 5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 367px;
}

html>body #cadre-2 {
  width: 367px;
}

#cadre-2 {
  height: 466px;							/* Bug marges et bordures sous IE 5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 458px;
}

html>body #cadre-2 {
  height: 458px;
}

div.float {
 	float: left;
	margin: 16px 16px 0 16px;
}

div.float p {
	font-size: 85%;
 	text-align: center;
}


/** Textes **/

p.defaut {
	font-size: 85%;
	margin-left: 12px;
	margin-right: 12px;
}

p.center {
	text-align: center;
}

p.legende {
	text-align: right;
	font-size: 75%;
	font-style: italic;
	margin: 0 16px 0 16px;
	padding: 0;
}

/** Liens **/

a.visite				{ color:#FFF; text-decoration: none; }
a.visite:hover	{ color:#FFF; text-decoration: underline; }


/** Tables **/

table.tarifs { border-collapse: collapse; padding: 3px; margin: 2px 16px 10px 16px; border: 1px solid #000; }
table.tarifs td { border: 1px solid #000; }
table.tarifs tr th { text-align: center; font-size: 75%; font-weight: normal; color: #FFF; background-color: #EB2D3A; }
table.tarifs tr th.left { text-align: left;}
table.tarifs tr td { text-align: center; font-size: 75%; font-weight: normal; color: #000; background-color: #FFF; }
table.tarifs tr td.rose { text-align: center; font-size: 75%; font-weight: normal; color: #000; background-color: #FCC; }


/** Images **/

img.drapeau {
	vertical-align: top;
	margin-left: 6px;
}