/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages 
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/
body {
	margin:auto;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #584e3a;
	padding:0!important;
	margin:0!important;
	background:#867b67 url(../img/bg-global2.gif) repeat-x;
}

* {
	background-repeat:no-repeat;
}
.left {
	float:left;
}
.right {
	float:right;
}
.spacer, .clear {
	clear:both!important;
	height:1px!important;
	font-size:0px!important;
	margin:0!important;
	padding:0!important
}
.invisible {
	display:none;
}
.container {
	background:url(../img/bg-container.gif) repeat-y;
}
.clearfix:after, .container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink {
	position:absolute;
	top:-1000px;
	left:-1000px;
	background-color:#000000;
	margin:0;
	padding:0;
	z-index:1000;
}
ul#skiplink li {
	list-style-type : none;
	position:absolute;
	top:0;
}
ul#skiplink li a {
	position:absolute;
	top:-1000px;
	left:-1000px;
	display:block;
	color:#000000;
	font-weight:bold;
	padding:0.6em;
}
ul#skiplink li a:focus, ul#skiplink li a:active {
	top:0px;
	left:0px;
	background-color:#FFFF00
}

/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 {
	padding-top:10px;
}
#global {
	margin:auto;
	text-align:left;
	margin-bottom:0;
	padding:0 14px;
	width:950px;
	background:url(../img/bg-global.png) repeat-y;
}
#corps {
border-top:29px solid #fff; width:950px;
}
#contenu {
	width:720px;
	float:right;
	}
#contenu p {
	padding:5px 0!important;
}
#navigation {
	width:220px;
	background-color:#FFFFFF;
}

#ombreTop{ background:url(../img/bg-ombre-top.gif) no-repeat; height:14px!important; font-size:1px;; width:978px; margin:auto;}
/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {
	background:#ece9e4 url(../img/logo.gif) no-repeat center;
	height:94px;
}
#logo {
}
#entete h1 {
	margin:0
}
#entete h1 a{display:block;width:180px; height:100px; margin-left:380px; position:absolute; top:20px}
#entete h1 span {
	display:none
}
#entete #langue {
	padding:5px 10px;
	color:#c2c1be;
	font-weight:bold; 
	font-size:90%;
}

#entete #langue a {
	color:#999;
	text-decoration:none
}
#entete #langue a:hover {
	text-decoration:underline
}

#entete #langue .on {
	color:#666666;
}
/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#chemin {
	color:#333;
	padding:0.5em 1em;
	background-color:#FFFFFF; 
	display:none;
}
#chemin h2 {
	display:inline;
	margin:0;
	padding:0;
	color:#333;
	font-weight:bold;
}
#chemin a {
	color:#666;
	text-decoration:none;
	border:none
}
#chemin a:hover {
	text-decoration: underline;
	background:none!important;
	color:#000000!important
}
#chemin p, #chemin div {
	padding:0;
	margin:0;
}
#cheminContenu {
	display:none;
}
#outilsIcon {
	width:90px;
	float:right;
	text-align:right;
	padding:0;
	padding-bottom:0.5em;
	margin:0;
	position:relative;
	top:-18px
}
#outilsIcon img {
	margin-left:5px;
}
#outilsIcon a {
	padding:0!important;
	text-decoration:none!important;
}
/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {
	position:absolute;
	top:30px;
	z-index: 50;
	text-align:left;
	margin-left:650px;
}
#recherche form, #recherche p {
	padding:0; margin:0;
	z-index: 50; clear:both;
}
#recherche input, #recherche select {
	border:1px solid #ccc;
	background-color:#fff;
	padding:0.3em 0.3em;
	color:#666;
	margin:0;
	font-size:10px;
	margin-bottom:5px;
	
}

a.dp-choose-date { margin:0!important}

#recherche #resaHotel {
	width:284px;
}
#recherche #date, #recherche #nights {
	width:80px; margin-right:5px;
}



#recherche #calendrier {
vertical-align:middle;
}
#recherche .submitResa {
	padding:0;
	background-color:#f3f1ee;
	border:none;
	margin:0;
}
/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- 
#hautDePage {
	text-align:center;
	background-color:#FFFFFF;
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	clear:both;
}
#hautDePage a {
	color:#999999!important;
	text-decoration:none
}
*/
#piedDePage {
	margin:auto;
	width:950px;
	clear:both;
	color:#C3B9AD;
	text-align:center;
	padding:30px 14px;
	background:url(../img/bg-pied.png) center top no-repeat;
}
#piedDePage a {
	color:#C3B9AD;
	text-decoration:none;
}
#piedDePage a:hover {
	text-decoration:underline;
}
#piedDePage p {
	margin:10px 0;
}
#piedDePage #copyright {
}
/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- 
#bottom {
	margin:10px 0;
	padding:0;
	list-style-type:none;
	font-weight:bold
}
#bottom li {
	display:inline;
	padding:0;
	margin:0;
}

/* Nos hôtels à Paris
/* ------------------------------------------------------------------------------------------------------- */
#navigation ul {
	margin:0;padding:0;
	list-style-type:none;
}

#navigation  a {
	color:#006699;
	font-family:Georgia, "Times New Roman", Times, serif;

	}

#navigation .hotels {
	background-color:#ede9e2;
	line-height:0.9em;
	height:276px;
	overflow:hidden;
}

#navigation .hotels a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:200px;
	padding:5px;
}
#navigation .hotels small{color: #584e3a; font-weight:normal}


#navigation .hotels ul li {
padding:0 0;
}



#navigation .hotels ul li a:hover, #navigation .hotels ul li.on a {
background:#fff;
}

/* PARTENAIRES
/* ------------------------------------------------------------------------------------------------------- */

#navigation .partenaires {
	text-align:center;
	background-color:#d9d4cb;
}


#navigation .partenaires img {}
#navigation .partenaires h2{ margin-bottom:0.5em}
#navigation .partenaires h2.chateau {
color:#584E3A; margin:0;
}
#navigation .partenaires h2 a{ font-size:0.8em}

#navigation .partenaires p { margin-bottom:1em}

/* Outils
/* ------------------------------------------------------------------------------------------------------- */

#navigation .outils {
	background-color:#ece9e5; border:none
}

#navigation .outils a {
	padding-left:25px;
	height:16px; 
	text-decoration:none;
	height:20px; display:block; width:185px;
}
#navigation .outils a:hover{text-decoration:underline}

#navigation .outils .amis a {
	background:url(../img/icon-amis.gif) no-repeat;

}
#navigation .outils .favoris a {
	background:url(../img/icon-favoris.gif) no-repeat;
}

/* FORMATAGE DES LISTES GENERIQUES
/* ------------------------------------------------------------------------------------------------------- */
#contenu .list {
	padding-bottom:1em;
}
#contenu .list ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#contenu .list p {
	margin:0 0 1em!important;
	padding:0!important;
}
#contenu .list li {
	padding:10px 0;
	/*border-top:1px solid #fff;*/
	clear:both;
}
#contenu .list li:first-child {
}
#contenu .list .listLien {
	font-weight:bold
}

#contenu .list h3, #contenu .list h4 {
	margin:0
}
#contenu .list h3{ margin-bottom:1em}
#contenu .list .image {
	width:70px;
	height:70px;
	overflow:hidden;
	margin:0 10px 10px 0!important;
	float:left;
	background:#e4e4e4
}
#contenu .list .texte {
	float:left;
	width:210px;
}
#contenu .list img { border:1px solid #fff}
/*
#contenu .list div.premier {
	border:0;
	padding-top:0;
	background:#ebedef;
	padding:10px;
	border:4px solid #d0d6d9;
	border-width:4px 0;
}
#contenu .list div.premier img {
	float:left;
	margin:0 10px 5px 0
}
#contenu .list .theme {
	text-transform:uppercase;
	color:#999999;
	margin:0;
	display:inline
}
#contenu .list .date {
	color:#000000;
	font-weight:bold
}
*/
/* POUR FAIRE 2 COLONNES*/

#contenu .list .colonnage1, #contenu .list .colonnage2 {
	float:left;
	width:300px;
	display:inline;
	clear:none;
}

#contenu .list .colonnage1 {
clear:both
}
#contenu .list .colonnage2 {
	margin:0 0 0 75px;
	
}




/*-------------------------------------------------------------------------------------------------------*/
/* Gestion globale des bloc 
/* ------------------------------------------------------------------------------------------------------- */
.bloc, .blocContenu{ padding:10px; background-color:#ede9e2; border-bottom:7px solid #fff}
 .blocContenu{ border:none}
.bloc h2{ font-style:italic; font-size:160%; margin-bottom:0}
#navigation .bloc{ padding:5px;}
#contenu, #navigation  {
	border-top:7px solid #fff
	}




/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* bloc ACCUEIL
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

/* Presentation */
/* ------------------------------------------------------------------------------------------------------- */
 #presentation {
	background-color:#d9d4cb;
	text-align:center;
}
#presentation h1{ margin:0}
#presentation p{ margin:0}
#presentation h2 { margin:0!important; padding:0!important; color:#C19900!important; font-size:130%!important; font-weight:bold!important}

/* Hotel du mois */
/* ------------------------------------------------------------------------------------------------------- */
#contenu #hotelMois {
	background-color:#ece9e5;
}

#contenu #hotelMois img {
	float:right;
	border:1px solid #FFFFFF
}

/* Questionnaire + conciergerie */
/* ------------------------------------------------------------------------------------------------------- */
 #questionnaire h2, #exposition h2, #hotelMois h2{ color:#CD9A01}
.decal150{ margin-left:140px; font-weight:bold}
.decal50{ margin-left:50px; font-weight:bold}



#contenu #questionnaire {
	background:#D9D4CB url(../img/bg-commentaire.gif) no-repeat bottom;
	height:55px;
	padding-left:100px;
}
.accueilHotels #qestionnaireEtCommentaire{ padding:0; background:#D9D4CB}
.accueilHotels #qestionnaireEtCommentaire h2{ font-size:1.2em}
.accueilHotels #contenu #questionnaire, .accueilHotels #contenu #conciergerie{ width:258px; float:right; padding:10px; border:none; height:auto; background-color:#D9D4CB; background-position:left; padding-left:80px; min-height:60px;}
.accueilHotels #contenu #conciergerie{float:left; background:url(../img/icon-conciergerie.gif) no-repeat left}
.accueilHotels #contenu #questionnaire p, .accueilHotels #contenu #conciergerie p{ margin:0}


/* Exposition */
/* ------------------------------------------------------------------------------------------------------- */
#contenu #exposition {
	background-color:#ece9e5;
	border:none;
	clear:both;
}

#contenu #exposition img, .contentExpo #contenu img {
	float:right;
	margin-left:10px;
}
#contenu #exposition ul, .contentExpo #contenu ul {
	padding:0; margin:1em 0 0 0;
	list-style-type:none;
}
#contenu #exposition ul li, .contentExpo #contenu  li  {
	border-top:1px solid #cdc8bf; padding-top:1em; clear:both
}
#contenu #exposition ul li .theme, .contentExpo #contenu  ul li .theme {
	text-transform:uppercase;
	font-weight:bold;
}





/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* MODULES PARTICULIERS
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

/* CARTE DE FRANCE
/************************************************************************************************************/

#tousLesHotels select{ font-size:10px; width:220px; border:0;color:#333; font-weight:bold; float:left; display:inline; margin:2px}
#tousLesHotels select option{ padding:3px;}
#IledeFrance{ background-color:#ADD6EB}
#GrandEst{ background-color:#FFD6AD}
#NormandieBretagne{ background-color:#C2D6AD}
#ValdeLoire{ background-color:#EBC2D6}
#PACA{ background-color:#FFEBAD}
#CentreSudOuest{ background-color:#EBADAD}

#expositions{float:right;width:158px;border-left:1px solid #90846E;margin-top:20px; padding-left:10px; }
#expositions h2{background:#BFB8A8;color:#fff; padding:0.5em}


/* Onglet partenaires
/************************************************************************************************************/
#tab
{
padding: 6px 0;
margin: 0 0 15px 0;
border-bottom: 2px solid #ACA18D;

font:  14px Georgia, "Times New Roman", Times, serif;
/* Attention : ne marche pas si on ecrit la ligne précédente détaillée ainsi !! :
font-weight:bold;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
*/
}

#tab li
{
list-style: none;
margin: 0;
display: inline;
}

#tab li a
{
padding: 6px 0.5em;
margin-right: 3px;

text-decoration: none;
border: 1px solid #EDE9E2;
border-bottom: none;
color:#867B67;

}

#tab li a:link {}
#tab li a:visited {}
#tab li a:hover{color: #673301;}



#tab li.on  a
{
color:#673301;
border-color: #ccc;
border: 1px solid #ccc;
border-bottom: 1px solid #ACA18D;
background-image:url(../../img/bg-tab.gif);
background-repeat:repeat-x;
background:#ACA18D;

}

/* slideshow
/************************************************************************************************************/

.transition-prev, .transition-slideshow, .transition-next{display:none!important}

/* DIVERS
/************************************************************************************************************/
#map_canvas{ margin:1em 0 0 1em; float:right}


#museesAutres{padding:10px; margin-top:30px; font-size:80%; background-color:#D9D4CB;width:680px;}
#museesAutres li{ float:left!important; width:30%!important; margin:0 20px 0 0!important; clear:none!important}
#museesAutres p.vignette{ height:110px; text-align:center; background-color:#FFFFFF}


#imgpartenaire{ text-align:center; margin-bottom:1em}