/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #1f8790;
}
form, map, h1, h2, h3, h4, ul {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style:none;
}
body, td, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c5b60;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.borderNone { border: none; }
.clearFloat { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.pasDeRetourLigne { white-space: nowrap; }
.textDecoNone { text-decoration: none; }
.textDecoSouligne { text-decoration: underline; }
.textDecoBarre { text-decoration: line-through; }
.positionRelative { position: relative; }
* html .positionRelative { position: relative; left: 0px; text-align: left; }

input, select, textarea {
	font-size: 11px;
	color: #5C5B60;
	font-family: Arial, Helvetica, sans-serif;
}

input.inputRecherche {
	width: 126px;
	font-size: 9px;
	color: #5C5B60;
	font-family: Arial, Helvetica, sans-serif;	}




#FdGlobal {
/*	height: 100%;*/
	width: 100%;
	background: url(/img-loire-forez/sejour-loire-forez/fd-global.gif) no-repeat center top;
	text-align: center;
}

#Contenu {
}
#ContenuActus {}
#ContenuActus .EncartHaut {
	background: #1f8790 url(/img-loire-forez/sejour-loire-forez/haut-encart.gif) no-repeat center top; padding-top:10px;}
#ContenuActus .EncartBas {
	background: #1f8790 url(/img-loire-forez/sejour-loire-forez/bas-encart.gif) no-repeat center top; height:20px;}
.TitreCoeur {
	font-size: 11px;
	color: #8ebd42;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:45px;}
.TitreActus {
	font-size: 11px;
	color: #5c5b60;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;}
.TitreZoom {
	font-size: 11px;
	color: #701570;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;}

#ContenuBoutons {
}



#ContenuInteractif .EncartHaut {
	background: url(/img-loire-forez/sejour-loire-forez/haut-encart.png) no-repeat center top; padding-top:10px;}
#ContenuInteractif .EncartBas {
	background: url(/img-loire-forez/sejour-loire-forez/bas-encart.png) no-repeat center top; height:20px;}
#Footer {
}






/* NAVIGATION */

#BtnSejourner {
	height:72px;
	width:178px;
	background-image: url(/img-loire-forez/sejour-loire-forez/sejourner-loire.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	}

#BtnSejourner a {
	display: block;
	height:72px;
	width:178px;
	text-indent: -5000px;
}

#BtnReserver {
	height:72px;
	width:178px;
	background-image: url(/img-loire-forez/sejour-loire-forez/reserver-loire.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	}
#BtnReserver a {
	display: block;
	height:72px;
	width:178px;
	text-indent: -5000px;
}

#BtnVivre {
	height:72px;
	width:178px;
	background-image: url(/img-loire-forez/sejour-loire-forez/vivre-loire.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	}
#BtnVivre a {
	display: block;
	height:72px;
	width:178px;
	text-indent: -5000px;
}

#BtnSortir {
	height:72px;
	width:178px;
	background-image: url(/img-loire-forez/sejour-loire-forez/sortir-loire.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	}
#BtnSortir a {
	display: block;
	height:72px;
	width:178px;
	text-indent: -5000px;
}

#BtnDecouvrir {
	height:72px;
	width:178px;
	background-image: url(/img-loire-forez/sejour-loire-forez/decouvrir-loire.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	}
#BtnDecouvrir a {
	display: block;
	height:72px;
	width:178px;
	text-indent: -5000px;
}



#navigation {
	position: relative;
	top: 0px;
	left: 0px;
}
ul#navRubriques {
	display: none;
	visibility: hidden;
}
#navigation #layer1, #navigation #layer2, #navigation #layer3, #navigation #layer4, #navigation #layer5 {
	visibility: hidden;
	position: absolute;
	width: 172px;
	z-index: 5;
}
#navigation #layer1 {
	left: 335px;
	top: 200px;
	background: url(/img-loire-forez/loire-tourisme/fd-layer-bleu.gif) no-repeat center bottom;
}
#navigation #layer2 {
	left: 526px;
	top: 200px;
	background: url(/img-loire-forez/loire-tourisme/fd-layer-rose.gif) no-repeat center bottom;
}
#navigation #layer3 {
	left: 333px;
	top: 430px;
	background: url(/img-loire-forez/loire-tourisme/fd-layer-violet.gif) no-repeat center bottom;
}
/*#navigation #layer4 {
	left: 527px;
	top: 403px;
	background: url(/img-loire-forez/loire-tourisme/fd-layer-vert.gif) no-repeat center bottom;
}*/
#navigation #layer5 {
	left: 520px;
	top: 430px;
	background: url(/img-loire-forez/loire-tourisme/fd-layer-rouge.gif) no-repeat center bottom;
}

#navigation #layer1 ul, #navigation #layer2 ul, #navigation #layer3 ul, #navigation #layer4 ul, #navigation #layer5 ul {
	margin: 8px;
	list-style: none;
}
#navigation #layer1 ul li, #navigation #layer2 ul li, #navigation #layer3 ul li, #navigation #layer4 ul li, #navigation #layer5 ul li {
	padding-left: 10px;
	padding-top: 3px;
	font-size: 11px;
	color: #FFFFFF;
	padding-bottom: 1px;
}
#navigation #layer1 ul li {
	background: url(/img-loire-forez/bleu-decouvrir/pointilles-ss-nav.gif) repeat-x 0px 0px;
}
#navigation #layer2 ul li {
	background: url(/img-loire-forez/rose-sortir/pointilles-ss-nav.gif) repeat-x 0px 0px;
}
#navigation #layer3 ul li {
	background: url(/img-loire-forez/violet-sejour/pointilles-ss-nav.gif) repeat-x 0px 0px;
}
#navigation #layer4 ul li {
	background: url(/img-loire-forez/vert-reservation/pointilles-ss-nav.gif) repeat-x 0px 0px;
}
#navigation #layer5 ul li {
	background: url(/img-loire-forez/rouge-vivre-ici/pointilles-ss-nav.gif) repeat-x 0px 0px;
}
#navigation #layer1 ul li.premier, #navigation #layer2 ul li.premier, #navigation #layer3 ul li.premier, #navigation #layer4 ul li.premier, #navigation #layer5 ul li.premier {
	padding-top: 0px;
	background: none;
}
#navigation #layer1 ul li a, #navigation #layer2 ul li a, #navigation #layer3 ul li a, #navigation #layer4 ul li a, #navigation #layer5 ul li a {
	font-size: 11px;
	color: #FFFFFF;
	display: block;
}