@font-face {
    font-family: 'PhilosopherRegular';
    src: url('../fonts/philosopher-regular.eot');
    src: url('../fonts/philosopher-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/philosopher-regular.woff') format('woff'),
         url('../fonts/philosopher-regular.ttf') format('truetype'),
         url('../fonts/philosopher-regular.svg#PhilosopherRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SteelfishRegular';
    src: url('../fonts/steelfish_rg.eot');
    src: url('../fonts/steelfish_rg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/steelfish_rg.woff') format('woff'),
         url('../fonts/steelfish_rg.ttf') format('truetype'),
         url('../fonts/steelfish_rg.svg#SteelfishRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	margin: 0 auto;
	padding: 0;
	color: #666;
	font-family: PhilosopherRegular;
}
div, h1, h2, h3, h4, a, span, ul, li {
	margin: 0 auto;
	padding: 0;
}
h1, h2, h3, h4, #ContentMenuBas .lipromo span, .Date, #News a {
	font-family:SteelfishRegular;
	font-weight:500;
}
a {
	color: #666;
}
a:hover {
	text-decoration:none;
}
img {
	border:none;
	vertical-align:middle;
}
ul {
	list-style-type:none;
}

#Global {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
}
#Drapeaux {
	position:relative;
	width:195px;
	margin-right:1005px;
	padding:10px 0 0 30px;
	height:70px;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-1.png);
	background-repeat:no-repeat;
	margin-bottom:290px;
	z-index:2;
}

/* --------------------------- MENU */

#ContentMenu {
	position:relative;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-6.png);
	height:90px;
	padding-top:80px;
	z-index:2;
}
#ContentMenu li {
	float:left;
}
#ContentMenu a {
	color:#414141;
	font-size:20px;
	float:left;
	width:145px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:65px;
}
#ContentMenu .espace {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-8.png);
}
	#ContentMenu .espace:hover, #ContentMenu .espaceactive {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-28.png);
	color:#77d2f4;
	text-decoration:none;
	}
	
#ContentMenu .activites {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-9.png);
	margin-left:15px;
}
	#ContentMenu .activites:hover, #ContentMenu .activitesactive {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-29.png);
	color:#c19fc4;
	text-decoration:none;
	margin-left:15px;
	}
	
#ContentMenu .locations {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-10.png);
	margin-left:-5px;
}
	#ContentMenu .locations:hover, #ContentMenu .locationsactive {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-30.png);
	color:#aeba51;
	margin-left:-5px;
	text-decoration:none;
	}
	
#ContentMenu .emplacements {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-11.png);
	margin-left:-10px;
}
	#ContentMenu .emplacements:hover, #ContentMenu .emplacementsactive  {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-31.png);
	color:#97a332;
	margin-left:-10px;
	text-decoration:none;
	}
	
#ContentMenu .services {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-12.png);
}	
	#ContentMenu .services:hover, #ContentMenu .servicesactive {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-32.png);
	color:#f49f17;
	text-decoration:none;
	}
	
#ContentMenu .decouverte {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-13.png);
}
	#ContentMenu .decouverte:hover, #ContentMenu .decouverteactive {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-33.png);
	color:#10a8bb;
	text-decoration:none;
	}

/* --------------------------- SOUS MENU */

#ContentMenu .sousMenu {
	position:absolute;
	top:170px;
	left:300px;
	background:#aeba51;
	width:145px;
	border: thin solid #89933b;
	z-index:3;
	display:none;
}
#ContentMenu .sousMenu li{
	text-align:left;
	float:none;
	height:25px;
	line-height:25px;
	margin:5px;
}
#ContentMenu .sousMenu li a {
	width:135px;
	display:block;
	color:#FFF;
	font-size:14px;
	padding:0;
}
#ContentMenu .sousMenu li a:hover{
	color:#aeba51;
	background-color:#FAFBED;
}
#ContentMenu li:hover .sousMenu {
	display:block;
}


/* --------------------------- CONTENT */

#Content {
	float:left;
	width:100%;
	height:1450%;
	background:#FFF;
}
#ContentLeft {
	padding:30px 10px 20px 20px;
	float:left;
	width:840px;
}
#ContentLeft h1 {
	font-size:40px;
}
#ContentLeft h2 {
	margin-bottom:20px;
	font-size:30px;
}
#ContentLeft h4 {
	font-size:15px;
}
#ContentLeft ul {
	list-style-type:circle;
	margin-left:20px;
}
#ContentRight {
	padding:200px 20px 50px 10px;
	float:left;
	width:300px;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-14.gif);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#efefef;
	margin-bottom:20px;
}

/* --------------------------- NEWS */

#News h3 {
	font-size:30px;
}
#News a{
	margin:10px 0 0 180px;
	text-decoration:none;
	display:block;
	width:90px;
	height:19px;
	font-size:14px;
	text-align:center;
	color:#FFF;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-27.gif);
	border:thin solid #bcb598;
}
#defil {
	overflow: hidden;
	position: relative;
}
#info {
	position: relative;
}
.Date {
	font-size:25px;
}

/* --------------------------- MENU BAS */

#ContentMenuBas li {
	height:65px;
	float:left;
	width:173px;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-15.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	line-height:65px;
	border-right: thin solid #716740;
	background-color:#ad9e62;
}
#ContentMenuBas .lipromo {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-22.png);
	background-repeat:no-repeat;
	background-color:#d2d652;
	width:280px;
	border:none;
	padding-left:50px;
	position:relative;
	color:#989b2c;
	line-height:normal;
	line-height:45px;
}
#ContentMenuBas .lipromo .APartir {
	font-size:30px;
	position:absolute;
	top:-37px;
	left:25px;
}
#ContentMenuBas .lipromo a {
	font-size:50px;
	color:#989b2c;
	margin-left:25px;
}
#ContentMenuBas .lipromo .Little {
	position:absolute;
	top:33px;
	left:15px;
	font-size:13px;
}
#ContentMenuBas .limeteo {
	background-image:none;
	position:relative;
}
#DivMeteo {
	display:none;
	position:absolute;
	top:-101px;
	width:311px;
	height:85px;
	background:#FFF;
	line-height:100px;
	border: thin solid #716740;
	padding:15px 0 0 35px;
	text-align:center;
}
#ContentMenuBas a {
	padding:0 5px;
	font-family: SteelfishRegular;
	color:#FFF;
	font-size:25px;
	display:block;
	background-repeat:no-repeat;
	background-position:right bottom;
	height:65px;
}
#ContentMenuBas .meteo {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-16.png);
}
#ContentMenuBas .brochure {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-17.png);
}
#ContentMenuBas .contact {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-18.png);
}
#ContentMenuBas .tarifs {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-19.png);
}
#ContentMenuBas .diaporama {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-20.png);
}
#ContentMenuBas .promo {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-21.png);
}

/* --------------------------- FOOTER */

#Footer {
	float:left;
	width:1190px;
	background-color:#8b7e49;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-23.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:140px;
	padding:5px;
	position:relative;
}
#Footer p, #Footer a {
	margin: 0 auto;
	padding: 0;
	color:#FFF;
}
#Footer h3 {
	margin: 0 auto;
	padding: 0;
	font-size:30px;
}
#LogoHandicap {
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-24.gif);
	width:74px;
	height:74px;
	position:absolute;
	right:10px;
	bottom:10px;
}

#Palmier {
	width:340px;
	height:355px;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-36.png);
	position:absolute;
	right:0;
	bottom:60px;
	z-index:1;
}
.coin-slider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.cs-buttons {
	display:none;
}
.cs-prev, .cs-next {
	top:330px !important; 
	padding: 0px 10px;
}
.cs-next {
	left:50px !important;
}
.cs-prev {
	right:900px !important;
}
#Little {
	font-size:12px;
}
#scrollToTop a {
	position:fixed;
	background-image:url(../images/camping-canet-en-roussillon-les-peupliers-26.png);
	right:25%;
	bottom:0;
	width:81px;
	height:65px;
}
img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-2;
}
.index h1, .index h2, .index h3, .index a:hover, .contact h1, .contact h2, .contact h3, .contact a:hover {
	color:#d2d652;
}
	.contact p {
		margin: 0 auto;
		padding: 0;
	}
	.divcontact {
		margin-bottom:30px;
	}

.espace h1, .espace h2, .espace h3 {
	color:#77d2f4;
}
.activites h1, .activites h2, .activites h3 {
	color:#c19fc4;
}
.locations h1, .locations h2, .locations h3, .locations a:hover {
	color:#aeba51;
}
.emplacements h1, .emplacements h2, .emplacements h3 {
	color:#97a332;
}
.services h1, .services h2, .services h3 {
	color:#f49f17;
}
.decouverte h1, .decouverte h2, .decouverte h3 {
	color:#10a8bb;
}
.DateActu {
	background:#d2d652;
	color:#FFF;
	padding:2px;
}
.Telechargement {
	background:#fafbed;
	float:left;
	width:260px;
	min-height:150px;
	margin:0 5px 10px 0;
	padding:5px;
}
#Issuu {
	display:none;
}
.diaporama img {
	float:left;
	padding:1px;
	width:208px;
	overflow:hidden;
}

/* --------------------------- TARIFS */

#TarifsLocations ul, #TarifsLocations p, #TarifsEmplacements ul, #TarifsEmplacements p {
	list-style-type:none;
	margin: 0 auto;
	padding: 0;
	font-weight:500;
}
#TarifsLocations a, #TarifsEmplacements a {
	font-size:18px;
	color:#FFF;
	background-color:#aeba51;
	padding:2px;
}

.Cartouche {
	margin:10px 0;
	padding-left:240px;
}
.Forfait {
	padding-top:65px !important;
	margin-left:10px;
	width:240px;
	float:left;
	font-size:15px;
	font-weight:700;
}
.Forfait li{
	padding-top:10px;
	height:85px;
	border-bottom:thin solid #89933b;
}
.Forfait li a:link {
	color:#333;
}
.Dates li {
	float:left;	
	text-align:center;
	margin-bottom:10px;
	font-size:15px;
	padding-top:5px;
	height:50px;
}
.Tarifs li {
	line-height:95px;
	height:95px;
	float:left;	
	text-align:center;
	border-bottom:thin solid #89933b
}
.ColA {
	background-color:#AEBA51;
}
.ColB {
	background-color:#FFF;
}
.Spacer10 {
	width:100%;
	height:10px;
	clear:both;
}
.Informations li {
	font-size:14px;
}

#Description {
	float:left;
	width:410px;
}
#Description span {
	margin:10px;
}
.ContentLocationsPlan {
    float: right;
    margin: 0 10px;
	width:400px;
}
#Inventaire {
	margin-top:10px;
	float:left;
	width:300px;
	background-color:#FAFBED;
	padding:5px;
}
#Inventaire li {
	list-style-type:circle;
	margin-left:20px;
}

#Supplements li {
	list-style-type:none;
	font-size:14px;
	margin:0;
	padding:0;
}
#Supplements h2 {
	margin:0 0 10px 220px;
}
#DatesSupplements li {
	float:left;	
	text-align:center;
	margin-bottom:10px;
	padding-top:10px;
	height:50px;
	width:100px;
}
#ForfaitSupplements {
	padding-top:70px;
	float:left;
}
#ForfaitSupplements li{
	line-height:30px;
	height:30px;
	border-bottom:thin solid #89933b;
	width:200px;
}
#TarifsSupplements li {
	line-height:30px;
	height:30px;
	float:left;	
	text-align:center;
	border-bottom:thin solid #89933b;
	width:100px;
}

/* --------------------------- FORMULAIRE */

form {
	margin-top:20px;	
}
#Label {
	width:200px;
	float:left;
	margin-right:10px;
}
#Label label {
	width:200px;
	float:left;
	text-align:right;
	color:#666;
	height:25px;
	margin-bottom:5px;
}
#Input {
	width:430px;
	float:left;
}
#Input input[type=text] {
	height:21px;
	width:400px;
	border: thin solid #8b7e49;
    border-radius: 5px 5px 0px 5px;
    color: #8b7e49;
	margin-bottom:5px;
}
#Input textarea {
	height:100px;
	width:400px;
	border: thin solid #8b7e49;
    border-radius: 5px 5px 0px 5px;
    color: #8b7e49;	
}
#Input select {
	height:25px;
	width:400px;
	border: thin solid #8b7e49;
    border-radius: 5px 5px 0px 5px;
    color: #8b7e49;	
	margin-bottom:5px;
}
#Input input[type=submit] {
	float:right;
	height:25px;
	border: thin solid #8b7e49;
    border-radius: 5px 5px 0px 5px;
    color: #8b7e49;
	background:#FFF;
	margin-right:25px;
	cursor:pointer;
}
#Input input[type=submit]:hover {
    color: #FFF;
	background:#d2d652;
}
#Input input[type=text]:hover, #Input textarea:hover, #Input select:hover {
	border-color:#d2d652;
}
.FormDates {
	padding-bottom:73px;
}
#NoSlide {
	position:absolute;
	z-index:1;
	top:0;
	width:1200px;
	height:470px;
}