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

html, body {
   height:100%;
   overflow:hidden;

}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #c4bfb3;
	background-image: url(grand_hotel_troyes/fond_hotel.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0;
	padding: 0;
	color: #000000;
	height:100%;
	overflow:auto;
}

.grandHotel #container {
position: relative;
padding: 50px 0 0 20px;
width:979px;
border: 0px;
margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
overflow:visible;
}

.grandHotel #entete {
position:absolute;
top: 128px;
width:979px;
height:382px;
z-index:300;
overflow:visible;
}
.grandHotel #dim {
position:absolute;
left: 22px;
top: 132px;
width:979px;
z-index:300;
overflow:visible;
}

#pieddepage {
position:absolute;
padding: 67px 0 0 54px;
}

#pieddepageindexuk {
position:absolute;
padding: 120px 0 0 8px;
}

#pieddepageindex {
position:absolute;
padding: 240px 0 0 8px;
}

.grandHotel #marque {
position:absolute;
margin: 0 -52px;
top:96px; /* avancé par pas de 17 */
width:232px;
height:452px;
z-index:400;
}

.grandHotel #mainContent {
position:relative;
left: 50px;
width:864px;
z-index:200;
overflow:visible;
}

.grandHotel #mainContentuk {
position:relative;
left: 50px;
width:864px;
z-index:200;
overflow:visible;
}

.grandHotel #etiquette {
position:absolute;
z-index:400;
left: 60px;
}

.grandHotel #sousMenu {
position:absolute;
top: 39px;
left: 180px;
height: 62px;
width:724px;
border: 0px;
}

.grandHotel #scroll {
position:absolute;
top: 74px;
left: 36px;
border: 0px;
}
.grandHotel #chambres {
position:absolute;
top: 272px;
left: 34px;
border: 0px;
}

.grandHotel #agenda {
position:absolute;
left: 554px;
top: 10px;
width: 292px;
height: 83px;
border: 0px;
overflow: hidden;
}

.grandHotel #totor {
	padding: 0 0 0 160px;
	width:400px;
}
.grandHotel #totorb {
	padding: 0 0 0 50px;
	width:390px;
}

.grandHotel #actualites {
position:absolute;
left: 30px;
top: 466px;
width:784px;
border: 0px;
background-color:none;
}

#pied {
width:100%;
height:100%;
}
.grandHotel #callage {
padding: 8px 25px;
}
.grandHotel #minipanier {
padding: 21px 32px;
}
.grandHotel #bleu {
height:628px;
}
.grandHotel #blancv {
background: transparent url(/chaussures/blanc.png) repeat-y;
padding: 10px 0;
height:500px;

}

.grandHotel #blanca {
background: transparent url(/chaussures/blanc.png) repeat-y;
padding: 0;
height:500px;

}

.grandHotel #navigation {
height:357px;
width:180px;
}
.grandHotel #actu {
	background:none;
	width:455px;
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
	text-transform:uppercase;
	font-weight:normal;
	line-height: 19px;
	display:block;
}
.grandHotel #conteneurActu{
	margin: 14px 35px;
	width:661px;
	height:178px;
	background:url(chaussures/actualite_01.png);
	background-color:#b72f32;
	background-repeat:no-repeat;
}
.grandHotel #placement {
background-position: top center;
background-repeat:no-repeat;
}


.minilien {
	font-family: "Arial black", Arial, sans-serif;
	font-size: 13px;
	color: #9B282C;
	text-transform:uppercase;
	font-weight:normal;
	line-height: 12px;
}
.titre {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #FFF;
	font-variant:small-caps;
	font-weight:normal;
	line-height: 17px;
}
.titreAgenda {
	padding: 0 5px 5px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #FFF;
	font-variant:small-caps;
	line-height: 16px;
	display:block;
}
.titreAgenda b {
	padding: 4px 5px 0 0;
	font-size: 15px;
	color: #fcdba2;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	display:block;
	line-height: 16px;
}
.titreAgenda a {
	color: #FFF;
	text-decoration:none;

}

.autretitre {
	font-family: "Arial black", Arial, sans-serif;
	font-size: 16px;
	color: #b72f32;
	text-transform:uppercase;
	font-weight:normal;
	line-height: 16px;
}
.centimes {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #f58332;
	font-weight: normal;
}
.centimes2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #396777;
	font-weight: normal;
}
.euro {
	font-family: "Arial Black" Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
}
.prixpts {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #b72f32;
	font-weight: normal;
	text-decoration:line-through;
}
.prixpt {
	font-family: "Arial Black" Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
}
.prixpt samp {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}
.champ {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-width: 1px;
	border-color: #7f9db9;
	border-style: solid;
}
.gprix {
	font-family: "Arial Black" Arial, sans-serif;
	font-size: 25px;
	color: #000000;
	font-weight: normal;
}
.gprix samp {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}


.sprix {
	font-family: "Arial Black" Arial, sans-serif;
	font-size: 16px;
	color: #bc4854;
	font-weight: normal;
	text-decoration:line-through;
}
.sautre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bc4854;
	line-height: 16px;
	font-weight: bold;
	font-style: oblique;
}
.seuro {
	font-family: "Arial Black" Arial, sans-serif;
	font-size: 14px;
	color: #bc4854;
	font-weight: normal;
}
.scentimes {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #bc4854;
	font-weight: normal;
	text-decoration:line-through;
}
.details {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #396777;
	line-height: normal;
	text-transform:uppercase;
}
a.details {
	color: #9cb3bb;
	line-height: normal;
	text-decoration:none;
	text-transform:none;
	letter-spacing: 2px;
}
a.details:hover {
	color: #FFE8B3;
	line-height: normal;
	text-decoration:underline;
	text-transform:none;
}
.detailsRouge {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC6600;
	line-height: 16px;
	text-transform:uppercase;
}
.ariane {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #4b658f;
	font-variant: small-caps;
	line-height: 13px;
}
a.ariane {
	color: #b0414d;
	text-decoration:underline;
}
a.ariane:hover {
	color: #375483;
	text-decoration:none;
}
.arianemega {
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 13px;
	color: #656060;
	text-transform:none;
	line-height: 13px;
}
.arianemega b {
	font-family: "Franklin Gothic Medium", Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	text-transform:uppercase;
	line-height: 13px;
	font-weight:normal;
}
a.arianemega {
	color: #0081a7;
	text-decoration:underline;
}
a.arianemega:hover {
	color: #b72f33;
	text-decoration:none;
}
.pagination {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	color: #c5c2bf;
	text-transform:uppercase;
	font-style:normal;
}
a.pagination {
	color: #0081a7;
	text-decoration:none;
	text-decoration:underline;
	font-style:normal;
}
a.pagination:hover {
	color: #f58332;
	text-decoration:none;
	font-style:normal;
}
.autre a {
	color: #b72f33;
}
.nbpage {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	color: #f58332;
	padding: 20px 0 0 0;
}
.nbpage strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	color: #f58332;
	font-weight:normal;
	letter-spacing:-1px;
	padding: 20px;
}
.tp {
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	line-height:19px;
}
.tp strong{
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	letter-spacing:-1px;
	line-height:19px;
}

.panierover {
	background-color: #fac29a;
	cursor: hand;

}
.paniersans {
	background-color: #e6e4e3;
	cursor: default;
}
.boutiqueover {
	cursor: hand;

}
.boutiquesans {
	cursor: default;
}
.autre {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #9D9995;
	text-transform:uppercase;
	font-weight:normal;
	line-height: 16px;
	display:block;
	padding-top:4px;
}
.coordo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border-width: 1px;
}
.pied {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	color: #888680;
	font-style:normal;
}
a.pied {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	color: #B1ACA7;
	font-weight:normal;
	font-style:normal;

}
a.pied:hover {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	color: #b72f33;
	font-weight:normal;
	font-style:normal;
}
.tesxtepur {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 16px;
	text-transform:none;
}
.lAgenda {
	padding: 0 50px 0 50px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #080808;
	font-variant:small-caps;
	line-height: 25px;
	display:block;
}
.lAgenda b {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color: #c5652b;
	display:block;
	font-weight:normal;
	font-variant:normal;

}
.Agenda {
	padding: 10px 130px 0 50px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #656060;
	line-height: 16px;
	text-transform:none;
	display:block;
}
.Agenda a {
	color: #DB691E;
	text-decoration:underline;
}
.Agenda a:hover {
	color: #06C;
	text-decoration:none;
}
.infos {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	display:block;
	color:#CC6600;
}

#tarifs th {
	background-image:url(grand_hotel_troyes/fond_tarifs.png);
	background-repeat:repeat-x;
	background-position:center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color:#FFF;
	font-weight:normal;
	
	
}

#tarifs td {
	background-color:#f0e6d2;
}

#tarifs .lpaire {
	background-color:#ebe0cb;
}

#tarifs .fin {
	background-color:#2c638c;
}

#tarifs b {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	
}