@import url("balises.css");
@import url("cms.css");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
body {
}
#tout {
	width: 922px;
	margin: 0 auto 0 auto;
	background: #FFF url(../images/bgTout.gif) repeat-y;
	text-align:left;
}

#boite_diapo, #img_diapo {
	width:708px;
	height: 202px;}
#boite_diapo {
	background-color:none;
	background-image:url(../images/bg-header-00.jpg);
	background-repeat: no-repeat;
} /* IL FAUT IMPERATIVEMENT QUE LE NOM DE L'IMAGE SOIT IDENTIQUE A CELUI DANS LE SCRIPT : tab_img[0]}*/

#img_diapo {
	filter: alpha(opacity=0);   /* fondu pour internet explorer */
	-moz-opacity:0;             /* fondu pour mozilla, phoenix, firebird, firefox*/
	opacity:0;                  /* fondu pour mozilla firefox */
	-khtml-opacity:0.5;         /* fondu pour konqueror et safari */
	background-color:none;}

#header, #centre, #footer, #nav1 { width: 900px; margin-left: 11px; }
#header {
	height: 248px; position: relative; background: #68361A}
#header h1 { height: 46px; background:  url(../images/bg-header.png) no-repeat; font-size: 24px; font-weight: normal; margin: 0; padding: 0; border: none; }
#header h1 a { position: absolute; top: 4px; left: 20px; z-index: 0; font-weight: normal; display: block; color: #F9EEEC; text-decoration: none; }

#header h1 img {}

#formSearchHeader { height: 206px; position: absolute; right: 0; bottom: 0; z-index: 0; font-size: 10px; white-space: normal; }
#formSearchHeader form { background: url(../images/bgFormSearchHeader.png) no-repeat; width: 203px; height: 100%; float: right; margin: 0; padding: 0; }
#formSearchHeader .label {
	padding: 2px 2px 2px 0px; margin: 0; 
	color: #854521; font-weight: bold; display: block; font-size: 1em;
}
#formSearchHeader ul { padding: 0; margin: 0 0 12px 30px}
#formSearchHeader li { list-style-type: none; margin: 0; background: url(../images/puceLink.gif) no-repeat 0 center; padding: 1px 1px 0 16px;}
#formSearchHeader input { vertical-align: middle; }
.reservation { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; padding: 6px 0; margin: 0;  text-align: center; color: #FFF; }
.reservation .tit {text-transform: uppercase; font-weight: bold; font-size: 14px;}
.reservation .gras { display: block; }
.search { margin-left: 16px; padding-top: 6px; height: 106px; }
.search .text { height: 18px; width: 148px; border: 1px solid #b3b500; padding: 0; }
.opinion { padding: 0 0 0 20px; }
.opinion a { display: block; background: url(../images/puceRightHeader.gif) no-repeat 0 4px; padding-left: 20px; color: #FFF; font-family: "Lucida grande", Verdana, Geneva, sans-serif; font-weight: bold; }

/**************/
#centre {}
#left {
	width: 250px; float: left; padding-top: 20px;
}

#right { }

#main {float: left; width: 650px}
#content { margin: 0 10px 12px 32px}
#drapeaux {
	height: 40px;
	color: #F4F0ED;
	background: #68361A url(../images/bg-search-main.png) no-repeat left bottom;
	margin-bottom: 1em; padding-right: 10px;
}
#drapeaux form { padding: 0.6em;}
#drapeaux .textfield { border: 1px solid #FFF; padding: 0;}
#drapeaux a { margin-right: 0.2em; float: right; }
#drapeaux img { margin-left: 0.4em; margin-top: 0.6em; }
#up {
	clear: both; text-align: right; padding-right: 8px;
}
#up img { vertical-align: middle; margin-right: 4px; }
#footer {
	text-align: center;
	background: url(../images/bgUp.gif) no-repeat left top;
	width: 922px;
	padding-top:26px;
	margin: 0 auto 0.8em auto;
}


/* */
div.boxLeftHome {  position: relative; left: 12px;}
#newsHome .contentBox img {
	float: right;
	margin: 0 0 0.6em 0.6em;
}
#topNews { background: url(../images/topNews.gif) no-repeat left bottom; margin: 0; padding: 0.3em 24px 17px 45px; color: #c66733;
	}
#topNews a { float: right;}
#newsHome { }
#newsHome .date {
	font-weight: bold;
	font-size: 0.9em;
}
#newsHome .tiny { color: #565800; }
.boxLeftHome { width: 248px; }
.contentBox { background: #ECEDB6; border-left: 1px solid #aaac00; border-right: 1px solid #aaac00; padding: 0 0.8em 0.5em 0.8em; zoom: 1 }
.boxLeftHome .titBoxHome { color: #565800; font-size: 1.3em;}
.topLeftBox { background: url(../images/topLeftBox.gif) no-repeat left top; height: 7px; font-size: 1%; height: 40px; }
.botLeftBox { background: url(../images/botLeftBox.gif) no-repeat left top; height: 7px; font-size: 1% }

/*	RSS	*/
#rss {
	margin-top: 14px;
}
#rss h4{ background: url(../images/topRss.gif) no-repeat left bottom; margin: 0; padding: 0.3em 24px 17px 45px; color: #c66733;
}
#rss h4 span{ display: block; color: #e6ccbd; font-size: 11px; font-weight: normal; }
#rss ul.contentBox{ margin: 0;
	}
#rss li{
	margin: 0px;
	background: url(../images/puceRss.gif) no-repeat 0 4px;
	padding: 0 0 6px 20px;
	list-style-type: none;
}
#rss a { font-size: 10px; display: block; background: url(../images/bgRssA.gif) repeat-x left bottom; padding-bottom: 6px }
#rss a:hover {}

/*	JOUER AVEC LES LOGIS	*/
#sejoursEvasion { }
#sejoursEvasion p { padding: 0; margin: 0;}
#sejoursEvasion a { font-weight: bold;
	padding: 0.5em;}
#sejoursEvasion a:hover {}



#flashLogis, #textHome { width: 300px; float: left; }
/* */
#textHome p { margin-right: 1em; }
#textHome img {}
#textHome h2 { font-size: 1.6em; font-weight: normal; }

/* Flash sur un logis */
#flashLogis { margin-bottom: 1.3em; }
#flashLogis #headFlashLogis { color: #FFF; background: url(../images/topFlashLogis_L.gif) no-repeat; padding: 0; margin: 0 }
#flashLogis #headFlashLogis span { display: block; height: 46px; background: url(../images/topFlashLogis_R.gif) no-repeat right top; }
#flashLogis h2, #flashLogis h2 a { color: #cb7220; font-size: 12px; }
#flashLogis .content { border-left: 3px solid #763D1D; border-right: 1px solid #763D1D; background: #F4F0ED}
#flashLogis .content div { margin: 0 1.4em 0 1.4em; padding-top: 10px; }
#flashLogis .viewMore { padding: 0; margin: 0; clear: both;
}
#flashLogis .viewMore img {
	float: none;
}

#flashLogis .botClear { background: #FFF url(../images/botFlashLogis_L.gif) no-repeat left bottom;}
#flashLogis .botClear div { background: url(../images/botFlashLogis_R.gif) no-repeat right bottom; padding: 4px; }

/**/
#extraHome {

}

div#meteo {
	margin-left: 50px!important;
	margin-left: 30px; margin-top: 30px; 
}
div#meteo h3 { }

#jeu { text-align: center; margin-bottom: 16px; background: /*#F8F8C1*/ url(../images/arrow.gif) no-repeat center center; }


/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

#nav1 { 
	border-top: 1px solid  #FFF;
	height: 36px; background: #FFFFFF url(../images/bgNav1.gif) repeat-x; clear: both;
	}

#nav1 ul{
	margin: 0px; padding:0px;
	list-style-type: none;
}
#nav1 li{
	text-align: center;
	float: left;
	margin: 0; height: 36px;
	padding: 0 0 0 0; background: url(../images/bgNav1Li.gif) repeat-y 0 0;
}
#nav1 li.home { background: none; }

#nav1 a { font-size: 1em; float: left; line-height: 300%; height: 100%; font-weight: bold; color: #6b6c00; display: block; padding: 0 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#nav1 li.on a, #nav1 a:hover { background: url(../images/bgNavLiOn.gif) repeat-x left top;}

/**************** 	NAV2	*****/
#nav2{ position: relative; left: 12px;
	width: 248px;  background: url(../images/topNav2.gif) no-repeat 0 top; padding-top:40px; font-size: 12px;
}
#nav2 ul, #nav2 li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav2 li { font-size: 1em;
	background: url(../images/puceRss.gif) no-repeat 0 center; height: 100%;}
#nav2 ul.firstUl { background: #ECEDB6; border-left: 1px solid #aaac00; border-right: 1px solid #aaac00; padding: 0 0.8em 0.5em 0.8em; margin: 0; }

#nav2 a, #nav2 span {
	display: block; height: 100%;
	background: url(../images/lineDottedX.gif) repeat-x left bottom; padding: 0.8em 1em 0.8em 20px;
}
#nav2 a:hover {
	
	}
#nav2 li.on a, #nav2 li.on span {
	font-weight: bold;
	color: #FFF;
	background-color:#7E8100;
}

/*  LVL1  */
#nav2 li.lvl1 { background: none; padding-left: 30px; padding-bottom: 1.1em;
}
#nav2 li.lvl1 li { }
#nav2 li.lvl1 li a {
	background: #ECEDB6 url(../images/lineDottedX.gif) repeat-x 0 bottom; font-size: 0.9em;padding: 0.4em 1em 0.4em 0;
	}
#nav2 li.lvl1 li.on1 a { font-weight: bold; color:#7E8100; }

/* LVL 2 */
#nav2 ul.lvl2 {
	margin-left: 20px;
}
#nav2 li.on2 {
}

#nav2 .botNav2 { background: url(../images/botNav2.gif) no-repeat 0 top; height: 12px; padding: 0; margin:0; line-height: normal;  }

.link-rss { position:relative; }
.link-rss img { position: absolute; right: 0; top: 2px; }
/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/
/*******	Clase Génériques		**********/
.noLine { border: none}
img.imgToRight, .imgToRight img, .toRight {
	float:right;
	margin: 0 0 0.9em 0.9em;
}
img.imgToLeft, .imgToLeft img, .toLeft {
	float:left;
	margin: 0 0.9em 0.9em 0;
}
.imgToBlock img{ display: block; margin-bottom: 2px}
.btn input { background: #E2833D url(../images/bgBtn.gif) repeat-x left bottom; border: 1px solid #68361a; color: #FFF; padding: 0.2em 0.4em; font-weight: bold; }
.botClear { clear: both; font-size: 1% }
.viewMore a { font-weight: bold; }
.viewMore img { vertical-align: middle;  margin-right: 0.4em; }
.date { color: #c66733; }
.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
	}
.textAlignCenter { text-align: center; }
.legende {
	font-style: italic;
	}
table.legende td{ padding-bottom: 8px}


.required { color:#CC0000}
.valign { vertical-align: middle; }
.icon { vertical-align: middle; margin-right: 4px}

.infosClient {}
.infosClient span { font-weight: bold; }
.back { padding: 0.3em; margin: 0 0 0.4em 0; }
/********	LISTING DE LOGIS	************************/
table.listes { 
	padding: 0px;
	width: 100%;
	border-bottom: 1px dotted #506507;
	}
	
table.listes td { padding: 4px 0px 4px 8px;}
table.listes td.listtit{
	color: #FFF;
	background-color: #33633D; 
	font-weight: bold;
	text-align: center;
	padding: 3px 4px; 
	border-bottom: 1px solid #B5E710;
	border-top: 1px solid #B5E710; 
	}
.listtit img { display: none }

/*********	 DEFINITION PICTOS 	******************/
table.pictoDef {
	text-align: center;
	width: 100%;
	}
.pictoDef table {
	margin-bottom: 8px;
	width: 100%;
	}
.pictoDef td{ padding: 0.4em; text-align: center; border: 1px solid #FFFFFF; }
.pictoDef h2 {
	background: url(../images/bgTitSearchLogis_L.gif) no-repeat left top;
	margin: 0 0 0.4em 0;
	padding: 0;
	color: #72341F;
	font-size: 1.3em;
}
.pictoDef h2 span {
	display: block; line-height: 1.5em;
	height: 26px; padding: 0 0.7em;
	background: url(../images/bgTitSearchLogis_R.gif) no-repeat right top;
	}
.pictoDef img { float: none; }

/*  Liste des logis sur une page   */
.logisList {}
.logisList h2 {
	background: #FFF url(../images/bgTitLogisList_L.gif) no-repeat left top;
	color: #72341F;
	padding: 0 0 0 0; font-size: 1.1em;
}
.logisList h2 span {
	padding: 0 0 0 1em;
	display: block;
	height: 26px;
	line-height:2em;
	background: url(../images/bgTitLogisList_R.gif) no-repeat right top; }

.logisList ul { padding: 0; margin: 0; }
.logisList ul li { text-transform: capitalize; padding: 0.3em 0 0.3em 1.2em; margin: 0 0 0 1em; list-style-type: none; background: url(../images/puceLogisList.gif) no-repeat 0 center; }
.logisList ul li span { }

/* Affichage de la carte complète du département*/
.carte { text-align: center; margin-bottom: 1.8em; }

/**********************  Fiche détaillée d'un logis 	**************************/
#logisPhoto {
	text-align: center;
	position: relative;
	left: 12px; width: 248px; padding-top: 10px;
}
#logisPhoto p { padding: 0 0.8em 0.5em 0.8em; margin: 0;
	background: #ECEDB6; border-left: 1px solid #aaac00; border-right: 1px solid #aaac00;}
#logisStanding { padding: 0 0.3em; margin-top: 6px; background: url(../images/bgLogisStanding.gif) no-repeat; }
#logisStanding a {}
.titLogisDetail { border: none; }
.logisRegionName { font-size: 13px; display: block; }

#logisLeft { padding: 0.6em 0.6em 0 0; }
.viewMap {
	background: #ECEDB6 url(../images/bgViewMap.png) repeat-y;
	border-bottom: 2px solid #ECEDB6;
	padding: 0.2em 0.2em 0.5em 0.2em;
	margin: 0 0 0.4em 0;
	text-align: left;
}
#logis h2 { margin: 0;}
#logis .pictos{
	border-left: 1px dotted #ECEDB6;
	padding: 0; width: 190px;
	/*background-color: #AE7439;*/
}
#logis .pictos h4 { background: #924D24; color: #FFF; padding: 0.3em 0.4em; font-size: 1em; }
#logis .pictos td { padding: 0.4em 0 0.8em 0; }
.pictos img { margin-left: 4px; float: left;}

#logis .coords {
	border-top: 1px solid #ECEDB6; border-bottom: 1px solid #ECEDB6; padding: 0.3em 0;
}
#logis .coords table { width: 100%; }
#logis .coords table td{ width: 50%; }
#logis .box, #logis .coords { margin-bottom: 1.2em; }
/*************  contact  ******************************/ 
#formNeteor {
	border: 1px solid #CCCCCC;
	padding: 0.6em;
}
#formNeteor  table { width: 100%;}
#formNeteor th, #formNeteor td { padding: 0.5em 0.3em; }
#formNeteor th { font-weight: normal; text-align: right; }
#formNeteor td {}
#formNeteor .line1 {
	background-color: #F8F8F8;
}

.answerMail {
	width: 300px;
}
/**************************************/
.preview {
	text-align: center;
	width: 100%;
}
.preview img { margin: 0px auto}

/**************	   LISTES SEJOURS		****************/
#sejours { margin-bottom: 1.4em; }
#sejours h4{ color: #FFF; background: #68361A url(../images/topSearch.gif) no-repeat; padding: 0 0 0 0.8em; margin: 0; line-height: 200%; height: 30px; }
#sejours h4 span { float: right; display: block; width: 20px; height: 100%; background: url(../images/topSearch.gif) no-repeat right top;}
#sejours ul {
	padding: 0.5em 0.8em 0 0.8em;
	margin: 0;
	border-left: 3px solid #68361A;
	border-right: 1px solid #68361A;
}

#sejours li { padding: 0; margin: 0; list-style-type: none; font-size: 1.1em; font-weight: bold; background: url(../images/puceRss.gif) no-repeat left center; height: 100%; }
#sejours li a { display: block; margin-left: 18px; height: 100%; background: url(../images/bgRssA.gif) repeat-x left bottom; padding: 0.6em 0.2em 0.8em 0; }
#sejours #botSejours { background: #7E8100 url(../images/botSearch.gif) no-repeat left bottom; height: 10px;}
#sejours #botSejours div { float: right; background: url(../images/botSearch.gif) no-repeat right bottom; height: 100%; width: 10px;}

/* SEJOUR VIEW */
#sejourView { padding: 0; margin: 0;}
#sejourView dt { font-weight: bold; float: left; width: 30%; padding: 0.3em 0.2em 0.3em 0.3em; margin: 0; clear:left; text-align: right; background: url(../images/lineDottedX.gif) repeat-x left bottom; }
#sejourView dd {float: left; width: 60%; padding: 0.3em 0.3em 0.3em 0.6em; margin: 0; }

/**/
.list-items {}
.list-items ul {}
.list-items li {}
.list-items a {}

.item-detail {}
.item-detail dt { font-weight: bold; margin-bottom: 0.3em; padding: 0 0 0.1em 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9D4C29; border-bottom: 1px solid #ECEDB6;  }
.item-detail dd { margin: 0 0 1em 1em; text-align: justify;}
.item-photo { float: right; padding: 0 0 12px 12px; background: #FFF; }
.item-photo  img { display: block; margin-bottom: 0.5em; }

/******* RECHERCHERS PAR CRITERES ********/
#searchLogis form, .listPictos  {
	margin: 0 0 0 0;
	padding: 0.2em 0.7em 0em 0.7em;
	border-right: 1px solid #BCC100;
	border-left: 1px solid #BCC100;
	}
.topSearLogisBox { background: url(../images/bgSearchLogisTop_L.gif) no-repeat left top; height: 12px; }
.topSearLogisBox div { background: url(../images/bgSearchLogisTop_L.gif) no-repeat right top; width: 12px; height: 12px; float: right; }

.botSearLogisBox { background: url(../images/bgSearchLogisTop_L.gif) no-repeat left bottom; height: 12px; margin-bottom: 1.2em; }
.botSearLogisBox div { background: url(../images/bgSearchLogisTop_L.gif) no-repeat right bottom; width: 12px; height: 12px; float: right; }

#searchLogis h2 {
	background: url(../images/bgTitSearchLogis_L.gif) no-repeat left top;
	margin: 0 0 0.4em 0;
	padding: 0;
	color: #72341F;
	font-size: 1.1em;
}
#searchLogis h2 span {
	display: block; line-height: 200%;
	height: 26px; padding: 0 0.7em;
	background: url(../images/bgTitSearchLogis_R.gif) no-repeat right top;
	}

#searchLogis .labelBlock { display: block; float: left; width: 25%; }
#searchLogis p { clear: both; padding:0.3em; margin: 0; }
#searchLogis fieldset { border: none; margin: 0 0 1em 0; }
#searchLogis legend { padding: 0.3em 0; font-weight: normal; }
#searchLeft { width: 410px; float: left; }
.titNewSearch { padding: 0.2em 0; margin: 0; border: none; background: none; }
#searchRight { width: 180px; float: right; }
#region_id { width:100%; }



#critereSearch { /*background: #F4F0ED;*/ color: #924D24; background: #F4F0ED; border-right: 1px solid #924D24; border-left: 1px solid #924D24;padding: 0.5em; }
#critereSearch div { width: 100%; }
#critereSearch ul { margin-bottom: 0; }
#critereSearch ul li {}
#critereSearch p { margin: 0;}

.topCriteres { background: url(../images/bgCriteres.gif) no-repeat left top; height: 12px; }
.topCriteres div { background: url(../images/bgCriteres.gif) no-repeat right top; width: 12px; height: 12px; float: right; }

.botCriteres { background: url(../images/bgCriteres.gif) no-repeat left bottom; height: 12px; margin-bottom: 0.2em; }
.botCriteres div { background: url(../images/bgCriteres.gif) no-repeat right bottom; width: 12px; height: 12px; float: right; }



.listPictos li { padding: 0; margin: 0 0 0 0; list-style-type: none; }
.listPictos li a { display: block; background: url(../images/lineDottedX.gif) repeat-x left bottom; padding: 0.5em 0.3em 0.5em 0.3em; }
.listPictos li a:hover {}
.listPictos li img { vertical-align: middle; margin-right: 6px; }

/******************		ACTUS		*********************/
.listNews  { margin-bottom: 1.2em
}

.listNews h2{
	background: #B9BD00;
	color: #FFF;
	padding: 0.4em; margin: 0 0 0.4em 0;
	font-size: 1.4em;
}
.important {  
	background: #FAFBD4;
	}
.listNews .content { padding: 0 1em 0.3em 1em; }

/***************		PARTENAIRES		****************/
.listPartners { clear: both; padding: 0 0 0.7em 0; background: url(../images/lineDottedX.gif) repeat-x left bottom; margin-bottom: 10px; position: relative;  }
.logoPartners { float: left; width: 110px; }
.logoPartners img {
	border: 1px solid #DD9A7D;
	padding: 0.1em;
	white-space:normal;
}
.contentPartners { margin-left: 120px;}

/*********************	SUIVI	*************************/
.suivi {}
.suivi fieldset { margin-bottom: 1.4em; padding: 0.8em;  }
.suivi legend { color: #666; padding: 0.5em; font-size: 1.1em; }

.tablo { width: 100%; }
.tablo th { font-weight: normal; width: 30%; text-align: right; }
.tablo tr {}
.tablo td {}
.tablo td, .tablo th { padding: 0.4em; }
.tablo tr.champs th { text-align: left; }
.tablo tr.line1 {
	background-color: #F8F8F8;
}
/*************************************/
/*****		HTMLAREA	**/
p.tit_vert {
	color: #00723E;
	margin-bottom: 4px 
}
p.tit_rouge {
	color: #990000;
	margin-bottom: 4px}

p.tit_vert_14px {
	color: #00723E; 
	font-size: 14px;
	margin-bottom: 4px
}
p.tit_rouge_14px {
	color: #990000;
	font-size: 14px;
	margin-bottom: 4px
	}

/*  Carte Google Map  */
.close { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 4px; margin: 0 0 4px 0; font-weight: bold }
.close img { vertical-align: middle; margin-right: 2px} 
.close a { color: #0000FF}
.close a:hover { color: #CC0000}