/* REGLE AUTOMATIQUE */ 
*{
  padding: 0;
  margin: 0;
  line-height: normal;

}

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

a:hover { 
	text-decoration: underline;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/background-test.png);
	background-repeat: repeat-x;
	background-color: #291F1D;
	margin-top: 0px;	
}

INPUT {
     color: #291F1D;
     background-color: #ffffff;
     font-size: 11px;
     font-family: arial;
	 border-width: 0px;
	 border-color: #666666;
}
SELECT {
     color: #291F1D;
     background-color: #ffffff;
     font-size: 11px;
     font-family: arial;
	 border-width: 0px;
	 border-color: #666666;
}

h3 {
font-weight:normal;
}

h6 {
font-weight:normal;
}

h2 {
font-weight:normal;
}

h5 {
font-weight:normal;
}

h4 {
font-weight:normal;
}

h1 {
font-weight:normal;
} 

/*--------------------------- CONTENAIRE FLASH WIFI GRATUIT--------------------*/
#contener-wifi {
	z-index: 3;
	width: 93px;
	height: 47px;
	position: absolute;
	margin-left: 47px;
	margin-top: 268px;
}


/* ------------------- PAGE PROMOTION CONTAINER 01---------------------- */

#contener-promo00{
	width: 60px;
	height: 45px;
	margin-left:0px;
	text-align: left;
	padding: 3px;
	float: left;
}

#contener-promo01{
	width: 340px;
	height: 45px;
	margin-left:15px;
	text-align: left;
	padding: 3px;
	float: left;
}

#contener-promo02{
	width: 100px;
	height: 16px;
	margin-left:45px;
	text-align: left;
	margin-top: 14px;
	padding: 3px;
	float: left;
}

#contener-promo03{
	width: 100px;
	height: 21px;
	margin-top: 10px;
	margin-left: 20px;
	padding: 3px;
	float: right;

}
/* ------------- PROMO PDJ ET FREE UPGRADE ----------------- */

#contener-haut-droite {
	width: 349px;
	height: 240px;
	/*position: absolute;
	margin-top: 341px;
	margin-left: 620px;*/
	background-color: #FFFFFF;
}

/* --------- COIN NOS HOTELS PAR THEME ---------*/
#contener-themes{
	width: 352px;
	height: 280px;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 620px;
	margin-top: 611px;
}


/*-------contener SEMINAIRE ASTRA-------*/

#contener-sem01{
	width: 350px;
	height: 456px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}
#contener-sem02{
	width: 350px;
	height: 456px;
	margin-left: 370px;
	margin-top: 0px;
}
#contener-equip{
	width: 141px;
	height: 137px;
	position: absolute;
	margin-left: 228px;
	margin-top: 30px;
}


/*---------CONTENER PROMOTION----------*/

#contener-promo{
	width: 212px;
	height: 330px;
	background-color: #FFFFFF;
	position: absolute;
	margin-left: 20px;
	margin-top: 612px;
}

/* --------------CONTENER FLASH BANIERE--------------  */ 

#contener-banniere {
	z-index: 1;
	width: 990px;
	height: 235px;
	position: absolute;
	margin-top: 85px;
	margin-left: 0px;
}

/* FLASH NEWS */ 
#flash-news {
	z-index: 3;
	width: 165px;
	height: 260px;
	position: absolute;
	margin-left: 300px;
	margin-top: 70px;
}

/* DIV LOGO */ 

#logo_astotel {
	z-index: 2;
	width: 119px;
	height: 111px;
	position: absolute;
	margin-left: 34px;
	margin-top: 50px;
}

/* DIV COIN PAGE HOTEL PHOTO */
#coin_page_photo {
	z-index: 1;
	width: 35px ;
	height: 33px ;
	position: absolute;
	margin-left: 935px;
	margin-top: 711px;
}

/* COIN QUE FAIRE A PARIS */

#que_paris {
	z-index: 1;
	width: 349px ;
	height: 331px ;
	position: absolute;
	margin-left: 623px;
	margin-top: 638px;
}

/* HABILLAGE SITE ASTOTEL.COM */ 

#entourage {
	z-index: 0;
	width: 990px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.cote_droite {
	width: 20px;
	height: 1px;
	background-image:url(images/entourage/cote_droite.png);
	background-repeat: repeat-y;
	margin-top: 30px;
}

.cote_gauche {
	width: 20px;
	height: 1px;
	background-image:url(images/entourage/cote_gauche.png);
	background-repeat: repeat-y;
	margin-top: 30px;
}

.cote_bas {
	height: 20px;
	width: 1px;
	background-image:url(images/entourage/cote_bas.png);
	background-repeat: repeat-x;
}

.coin_gauche {
	width: 20px;
	height: 20px;
	background-image:url(images/entourage/coin_gauche.png);
	background-repeat: no-repeat;
}

.coin_droite {
	width: 20px;
	height: 20px;
	background-image:url(images/entourage/coin_droite.png);
	background-repeat: no-repeat;
}

.coinhaut_gauche {
	width: 20px;
	height: 40px;
	background-image:url(images/entourage/coinhaut_gauche.png);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}

.coinhaut_droite {
	width: 20px;
	height: 40px;
	background-image:url(images/entourage/coinhaut_droite.png);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}

.background_tete_page {
	background-color: #291F1D;
	color: #FFFFFF;
}

.background_marron_pieddepage {
	background-color: #291F1D;
	color: #A09B91;
}

#hotels-paris {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
}

/* STYLE DE FONT TEXTE */

.texte_tete_page-h1 {
	font-size: 13px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_index_paris {
	font-size: 13px;
	text-align: center;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_btn_accueil_contact {
	font-size: 10px;
	color: #FFFFFF ;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_fildariane {
	font-size: 10px;
	color: #666666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_quicksearch {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	background-color: #8A704C;
	letter-spacing: 0.5px;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_general {
	font-size: 12px;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_general_titre {
	font-size: 13px;
	color: #291F1D;
	text-align: justify;
	vertical-align: top;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_soustitre {
	font-size: 14px;
	color: #291F1D;
	font-weight: bold;
	text-align: justify;
	vertical-align: middle ;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
}

.bg_txt_titre {
	font-size: 16px;
	color: #413C28;
	text-align: center;
	background-image: url(images/bg_txt_titre.jpg);
	background-repeat: repeat-x;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-weight: bold;
}

.texte_contact {
	font-size: 12px;
	color: #666666;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
}

/*COULEUR SEGMENTATION TEXTE*/

.texte_confort {
	font-size: 12px;
	color: #0077FF;
	text-align: justify;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_charme {
	font-size: 12px;
	color: #AF0090;
	text-align: justify;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_prestige {
	font-size: 12px;
	color: #D0A160;
	text-align: justify;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_confort_droite {
	font-size: 12px;
	color: #0077FF;
	text-align: right;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_charme_droite {
	font-size: 12px;
	color: #AF0090;
	text-align: right;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_prestige_droite {
	font-size: 12px;
	color: #D0A160;
	text-align: right;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_confort_gros {
	font-family: "Times New Roman", Times, serif ;
	font-size: 33px;
	color: #FFFFFF;
	background-color: #5C799A;
	text-align: left;
	vertical-align: middle;

}

.texte_charme_gros {
	font-family: "Times New Roman", Times, serif ;
	font-size: 33px;
	color: #FFFFFF;
	background-color: #9A5C8F;
	text-align: left;
	vertical-align: middle;

}

.texte_prestige_gros {
	font-family: "Times New Roman", Times, serif ;
	font-size :33px;
	color: #FFFFFF;
	background-color: #8A704C;
	text-align: left;
	vertical-align: middle;
}

.texte_joyce {
	font-size: 12px;
	color: #D10007;
	text-align: justify;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

/*pied de page*/
#pieddepage {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	color: #A09B91;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#btn_pieddepage {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	color: #A09B91;
	text-align: justify;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#btn_principal_pieddepage {
	background-color:#291F1D;
	width: 950px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	color: #A09B91;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/*BOUTON PAGES HOTELS*/
.btn_pagehotel {
	background-color: #42342B;
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
}

/*BOUTON*/
 /*HOTELS*/
.noir { color: #000000;}

a.hotels { color: #000000;  font-size: 12px;  }

a.hotels:hover { color: #8A704C;  font-size: 14px; }

 /*RESERVATION */
a.reservation { color: #000000;  font-weight: bold;  font-size: 13px;  }

a.reservation:hover { color: #8A704C;   font-weight: bold; font-size: 14px;  }

 /*RESERVATION PIED*/
a.reservation-pied { color: #A09B91;  font-weight: bold; letter-spacing: 1px; font-size: 13px;  width: 113px; height: 41px;  }

a.reservation-pied:hover { color: #8A704C;  letter-spacing: 1px; font-weight: bold; font-size: 14px;  width: 113px; height: 41px; }

 /*PROMO */
a.promo { color: #000000;  vertical-align: bottom;font-size: 12px;     }

a.promo:hover { color: #8A704C;  font-size: 14px;   }

 /*CORPORATE */
a.corporate { color: #000000;  font-size: 12px;  }

a.corporate:hover { color: #8A704C;  font-size: 14px; }

/*PHOTOS */
a.photos { color: #000000;  vertical-align: bottom;  font-size: 12px;   }

a.photos:hover { color: #8A704C; font-size: 14px;  }

 /*PARIS */
a.paris { color: #000000; font-size: 12px;   }

a.paris:hover { color: #8A704C;  font-size: 14px;  }

 /*PLAN */
a.plan { color: #000000;  vertical-align: bottom; font-size: 12px;  }

a.plan:hover { color: #8A704C; font-size: 14px; }

a.partenaires { color: #000000;  vertical-align: bottom; font-size: 12px;  }

a.partenaires:hover { color: #8A704C; }

/*---------------------CONTAINER TEXTE CLIGNOTANT---------------------------------*/

#promo {
	position: absolute;
	text-decoration:blink;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	width: 72px;
	height: 21px;
	background-image: url(images/btn_.jpg);
	background-repeat: no-repeat;
	margin-left: 80px;
	margin-top: 5px;
}

/*------------ Style Générique -------------*/
.left
{
	float:left;
}
.block
{
	display:block;
}
.clear
{
	clear:both;
}
.hide
{
	visibility:hidden;
}

/* ---------- Style commum --------------- */
.margin-b-10px
{
	margin-bottom:10px;
}

.margin-t-280px
{
	margin-top:280px;
}


/* -------------- PAGE HOTELS PARTENAIRES ----------------- */

#container-partenaire {
	width: 714px;
	height: auto;
	font-size: 9px;
	font-variant: small-caps;
	float: left;
}

#container-partenaire-hotel {
	width: 208px;
	height: auto;
	margin-right: 30px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	font-size: 9px;
}

/* -------------- DIV CATEGORIE HOTELS ----------------- */

#container-hotels-720 {
	width: 720px;
	height: auto;
	display: block;
}

#container-colonne-350 {
	width: 350px;
	height: auto;
	padding-right: 10px;
	float: left;
}

.container-colonne-350 {
	width: 350px;
	height: auto;
	margin-right: 10px;
	float: left;
}


#container-categorie-titre {
	width: 720px;
	height: 36px;
	display: block;
}

/* --------- FACEBOOK ---------- */

#container-facebook {
	position:relative;
	width: 350px;
	height: 61px;
}
#container-facebook-logo {
	width: 41px;
	height: 61px;
	top:0px;
	left:0px;
	z-index: 10;
	position: absolute;
}
#container-facebook-like
{
	width:300px;
	height:40px;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
}

/* Image menu catégorie */
.lien_image_btn_categorie
{
	width:208px;
	height:37px;
	background-image:url('http://www.astotel.com/images/classement_hotels/categorie.png');
}
.lien_image_btn_charme
{
	background-position:100% 70px;
}
.lien_image_btn_prestige
{
	background-position:100% 0px;
}
.lien_image_btn_classique
{
	background-position:100% 140px;
}
* html .lien_image_btn_categorie
{
	height:30px;
}

/* Menu Générale */
#menu_principal
{
	padding-left:150px;
}
#menup
{
	position:relative;	
}
#menup ul
{
	list-style:none;
}
#menup ul li
{
	float:left;
	border-left:1px solid #D2D5D8;
	text-transform:uppercase;
	text-align:center;
}
#menup ul li a
{
	font-size:12px;
	display:block;
	color:black;
	height:20px;
	line-height:20px;
	padding:5px 15px;
}

* html #menup ul li a
{
	width:1px;
}

#menup li a:hover
{
	background:#F7F7F7;
}

#titre_reservation_FB
{
	color:white;
	text-align:center;
	line-height:30px;
	background:#8A704C;
	letter-spacing:2px;
	font-size:20px;
	font-variant:small-caps;
	font-weight:bold;
}