@charset "UTF-8";
/* CSS Document */

html {
	font-size: 100%;
}
body {
	margin: 0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: .8em;
	line-height: 1.20;
	color: black;
	background: #d8c0a3 url(../img/bg-camping.jpg) center top repeat-x;
	color: #666;
}
a img {
	border: none;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
h1 {
	color: #78deff;
	font-size: 15px;
	font-weight: normal;
	padding: 3px 0 0 0;
	margin: 0;
}
hr {
	border-top:1px dotted #666666;
	border-bottom:none;
	border-left:none;
	border-right:none;					
}

/* Page */
#contener {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#accroche {
	background: #00a0e3;
	height: 27px;
}
#header {
	background: url(../img/header-palmyre.jpg) no-repeat;
	height: 447px;
}
#gauche {
	float: left;
	width: 798px;
}
#logo {
	float: left;
}
#mail {
	float: left;
	margin: 0 0 0 20px;
}
#situation {
	float: left;
	margin: 0 0 0 30px;
}
#galerie {	
	width: 546px;
	height: 230px;
	background: #ffffff url(../img/loader.gif) center no-repeat;
	margin: 190px 0 0 20px;
	border: 7px solid #53c3e7;
	text-align: center;
}
#droite {
	float: left;
	width: 182px;
	color: #FFF;
}
#droite a, #droite a:visited {
	color: #FFF;
	background: none;
}
#droite a:hover, #droite a:focus {
	color: #6CF;
	text-decoration: underline;
	background: none;
}
#encarts {
	height: 346px;
}
#ttactu {
	background: url(../img/tt-encart-actu.png) no-repeat;
	height: 39px;
	margin: 20px 0 0 0;
	padding: 0;
}
#actu {
	background: #f07e00;
	font-size: 13px;
	text-align: left;
	margin: 0;
	padding: 10px;
}
#actu a:hover {
	color: #903700;
}
#ttload {
	background: url(../img/tt-encart-load.png) no-repeat;
	height: 39px;
	margin: 20px 0 0 0;
	padding: 0;
}
#load {
	background: #016db1;
	font-size: 13px;
	text-align: left;
	margin: 0;
	padding: 10px;
}
#load ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#load li {
	background: transparent url(../img/bullet-load.gif) no-repeat center left;
	padding-left: 15px;
	margin: 3px 0;
	list-style: none;
}
#flag {
	text-align: center;
	margin: 20px 0 0 0;
}

/* Contenu */
#contenu {
	background: #FFF url(../img/bg-contenu.gif) repeat-y top left;
	width: 100%;
	overflow: hidden;
}

/* Menu */
#menu {
	float: left;
	width: 208px;
	padding: 15px 0 0 0;
}
.navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #00a0e3;
	font-size: 1.2em;
}
.navigation a, .navigation span {
	display: block;
	padding: 4px 10px;
	color: #00a0e3;
	text-decoration: none;
}
/*.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
	background: #C90;
}*/
.navigation .open a, .navigation .open span {
	background: #fbebc2;
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
	background: #fbebc2;
}
.navigation .subMenu {
	font-size: .8em;
	background: #d9f0fa;
	font-size: .9em;
	margin: 0;
	padding: 0;
}
.navigation ul.subMenu a {
	background: none;
	padding: 3px 20px;
}
.navigation .subMenu a:hover, .navigation .subMenu a:focus, .navigation .subMenu a:active {
	background: #bbe8fc;
}
#handi {
	background: #F60 url(../img/acces_handi.jpg) bottom right no-repeat;
	font-size: 10px;
	color: #fff;
	margin: 10px;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* Sidebar */
#sidebar {
	float: left;
	padding: 0;
	width: 182px;
	text-align: center;
}

/* Page */
#page {
	float: left;
	width: 560px;
	padding: 0 15px;
}
#page a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#page a:hover, #page a:focus {
	color: #6E5122;
	font-weight: bold;
	text-decoration: underline;
}
#page p, #page li {
	line-height: 1.20;
}
#promos {
	background: #F60;
	border: 5px solid #C30;
	color: #FFF;
	padding: 0 10px;
}
#promos a {
	color: #FFF9A0;
}
#promos a:hover {
	color: #FFF9A0;
	text-decoration: underline;
}
#promos p {
	padding-top: 0;
}
.promo {
	font-size: 20px;
	font-weight: bold;
}
.sortir {
	padding: 0 0 10px 10px;
}
.sortir ul {
	padding-left: 0;
}
.sortir li {
	list-style: none;
	background: url(../img/puce.gif) no-repeat center left;
	padding-left: 10px;
}

/* Tarifs */
.titre {
	color: #FFF;
	font-size: 14px;
}
.dates {
	text-align: center;
	color: #FFF;
}
.prix {
	text-align: center;
	color: #000;
}
.descriptif {
	font-size: 10px;
	text-align: left;
}
.plan {
	font-size: 10px;
	text-align: center;
}

/* Footer */
#footer {
	margin: 0;
	padding: 0;
	line-height: 1.20;
	background: url(../img/footer-charente-maritime.gif) no-repeat;
}
#partenaires {
	height: 125px;
}
#charente {
	padding: 15px 0 0 0;
	float: left;
}
#guides {
	padding: 27px 0 0 0;
	text-align: right;
}
#infos {
	color: #927046;
	padding: 10px 0;	
}
#infos a {
	color: #927046;
	text-decoration: none;	
}
#infos a:hover, #infos a:focus {
	color: #927046;
	text-decoration: underline;	
}
#coordonnees {
	float: left;
	width: 350px;
	padding: 0 30px 0 0;
}
.adresse {
	font-size: 15px;
}
.sitemap {
	float: left;
	font-size: 10px;
	margin: 0 0 20px 0;
}
.sitemap ul {
	margin: 0;
	padding: 0 20px;
}
.sitemap-bis {
	float: left;
	font-size: 10px;
	margin: 0 0 20px 0;
}
.sitemap-bis ul {
	margin: 0;
	padding: 0 20px;
}
#social {
	text-align: right;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}