/*
Theme Name: Les Grands Pins
Theme URI: http://www.campinglesgrandspins.com
Description: N/A.
Version: 1.0
Author: France Com
Author URI: http://francecom.fr
Tags: camping, blue
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html,body{
	height:100%;
}

body{
	background:#2e9fc6 url(style/images/bg.jpg) repeat-x center top;
	font-family:Tahoma,Verdana,Helvetica, Sans-serif;
	line-height:1.5;
	font-size:0.8em;
}
a{
	text-decoration:none;
}
#main-wrapper{
	width:960px;
	margin:auto;
	position:relative;
	outline:none;
	overflow:hidden;
	color:#1a4074;
}
.icones li{
	padding:0 0 0 20px;
	background-position:left 2px;
	background-repeat:no-repeat;
	margin:0 0 10px 0; 
}
.icones li a{
	color:#fff;
}
.icones li a:hover{
	border-bottom:3px #ffffff solid;
}
.tn-lightbox-wrapper{
	float:left;
	width:114px;
	height:128px;
	margin:0 20px 20px 0;
	text-align:center;
}
.tn-lightbox-wrapper img{
	border:6px #ffffff solid;
}
.lightbox-wrapper{
	margin:20px 0 0 0;
}
div.lightbox-wrapper div.tn-lightbox-wrapper a{
	border:none;
}
.tn-lightbox-wrapper-shadow{
	width:100%;
	height:14px;
	background:transparent url(style/images/tn_shadow-down.png) no-repeat;
}
*html .tn-lightbox-wrapper-shadow{
	margin:-3px 0 0 0;
	}
.smaller{
	font-size:smaller;
}

/* HEADER */
/* ----------------------------------------- */
a#promos-bt{
	display:block;
	width:142px;
	height:142px;
	background:transparent url(style/images/promos.png) no-repeat;
	position:absolute;
	top:94px;
	right:244px;
	z-index:11;
	outline:none;
}
a#promos-bt:hover{
	border:none !important;
}
#lang {
	position:absolute;
	z-index:10;
	right:0;
	top:0;
	width:215px;
	text-align:center;
}
#lang li{
	display:inline;
	margin:0 5px;
}
#lang li a:hover{
	border:none;
}
#header-wrapper{
	position:relative;
	/*
text-align:center;
*/
	height:264px;
	width:960px;
}
#header-menu-wrapper li{
	display:inline;
	padding:0 10px;
}
#header-wrapper li.li-separator{
	border-right:1px #1a4074 solid;
}

#header-wrapper a{
	color:#1a4074;
}
#header-wrapper a:hover{
	color:#2e9fc6;
	border-bottom:3px #2e9fc6 solid;
}
#header-illustr{
	background:transparent url(style/images/illustration.png) no-repeat;
	height:205px;
	width:542px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
}
a#logo{
	display:block;
	width:321px;
	height:108px;
	background:transparent url(style/images/logo-grdpins.png) no-repeat;
	position:absolute;
	left:0;
	bottom:55px;
	border:none;
	z-index:1;
}
a#logo:hover{
	border:none;
}
a#logo h1{
	text-indent:-5000px;
}
#accroche{
	width:351px;
	height:77px;
	position:absolute;
	left:223px;
	top:67px;
	text-indent:-5000px;
}
#accroche.fr{
	background:transparent url(style/images/au-bord-du-lac-de-sanguinet.png) no-repeat;
}
#header-menu-wrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	width:960px;
}
a#je-reserve{
	display:block;
	background:#ffffff;
	width:8em;
	height:1.8em;
	line-height:1.8;
	/*
padding:2px 0;
*/
	color:#ed7221;
	position:absolute;
	right:20px;
	bottom:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	z-index:4;
}
a#je-reserve:hover{
	border:none !important;
}
.center{
	text-align:center;
}
.div.spacer{
	clear:both;
	height:20px;
}
a.zoom{
	position:absolute;
	bottom:5px;
	right:8px;
	display:block;
	width:32px;
	height:32px;
	background:transparent url(style/images/glass.png) no-repeat;
	outline:none;
}
.invisible{
	display:none;
}
#map{
	width:520px;
	height:400px;
	margin:20px 0 0 0;
	border:5px #fff solid;
}
/* FOOTER */
/* ----------------------------------------- */

#footer-wrapper{
	width:960px;
	margin:20px auto;
	clear:both;
	position:relative;
	color:#1a4074;
}
#footer-wrapper a{
	color:#f3ff21;
}
#footer-wrapper a:hover{
	color:#1a4074;
	border-bottom:3px #1a4074 solid;
}
/* CONTENU */
/* ----------------------------------------- */
#actus{
	outline:none;
	overflow:hidden;
	width:100%;
	
}
#actus div{
	width:100%;
	/*
background:transparent url(style/images/bg-white.png);
*/
}
#left-col{
	float:left;
	width:310px;
}
#right-col{
	width:550px;
	float:right;
}
#slide{
	width:543px;
	height:368px;
	position:relative;
	background:transparent url(style/images/slide.png) no-repeat;
	margin:-3px 0 0 0;
	overflow:hidden;
	outline:none;
}
.slideshow{
	position:absolute;
	top:9px;
	left:17px;
}
.slideshow img{
	width:507px;
	height:336px;
}
#right-col-content-wrapper{
	color:#ffffff;
	font-size:1.2em;
	margin:20px;
}
#right-col-content-wrapper p{
	margin:0 0 15px 0;
	
}
#right-col-content-wrapper h2{
	margin:0 0 20px 0;
}
#rental-sheets{
	padding:20px 0 0 0;
}
#rental-sheets em, #rental-sheet-details em{
	color:#2e9fc6;
}
#rental-sheets .rental-cartouche{
	background-color:#fff;
	padding:10px;
	border:3px #9fd0e2 solid;
	width:auto;
	color:#1a4074;
	margin:0 0 15px 0;
	zoom:1;
	font-size:0.8em;
}
#rental-sheets .rental-cartouche h2{
	cursor:pointer;
	display:block;
	height:60px;
	outline:none;
	overflow:hidden;
	border-bottom:1px #9fd0e2 solid;
	padding:10px 0 0 0;
	font-size:1.2em;
	margin:0;
}
#rental-sheets .rental-cartouche h2 img.alignleft{
	margin:0	 10px 0 0;
}
#rental-sheets .rental-cartouche h2:hover{
	color:#ed7221;
}
#rental-sheets .rental-cartouche a{
	color:#ed7221;
}
#rental-sheets .rental-cartouche a:hover{
	border-bottom: 3px #ed7221 solid;
}
#rental-sheet-details{
	background-color:#fff;
	width:510px;
	padding:10px;
}
#rental-sheet-details h2{
	margin:0 0 15px 0;
	font-size:1.3em;
}

a.back{
	color:#ed7221;
}
a.back:hover{
	border-bottom:3px #ed7221 solid;
}
.main-content li{
	background:transparent url(style/images/puce.png) no-repeat left 0.3em;
	padding:0 0 0 15px;
}
.main-content strong{
	
	color:#116382;
}
.main-content em{
	color:#f2fe90;
}

.main-content a{
	color:#F3FF21;
}
.main-content a:hover{
	border-bottom:3px #F3FF21 solid;
}
.main-content ul{
	margin:0 0 20px 0;
}
#rental-sheet-details #rental-sheet-details-left-col{
	width:275px;
	float:left;
	text-align:center;
}
#rental-sheet-details #main-pic{
	margin:0 auto auto auto;
	width:260px;
	padding:2px;
	background-color:#b6e1ea;
	position:relative;
}
#rental-sheet-details #plan{
	margin:20px 0 0 0;

}

#rental-sheet-details #main-pic img{
	border:5px #ffffff solid;
}
#rental-sheet-details #rental-sheet-details-right-col{
	width:200px;
	float:right;
}
#rental-sheet-details #rental-sheet-details-right-col p{
	margin:0 0 20px 0;
}
#rental-sheet-details h3{
	margin:20px 0;
	font-size:1.4em;
	color:#ed7221;
	text-align:center;
}
/*a.booking-bt{
	color:#fff;
	background-color:#ed7221;
	padding:10px 10px;
	-moz-border-radius:8px 8px 8px 8px;
	font-weight:bold;
	font-size:1.10em;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
a.booking-bt:hover{
	background-color:#cb5b10;
	color:#f3ff21;
}*/

/*a.booking-bt{
	color:#fff;
	display:block;
	background:transparent url(style/images/jereserve-left.png) no-repeat;
	padding:0 0 0 14px;
	height:36px;
	font-weight:bold;
	font-size:1.10em;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2.5;
	width:auto;
}
a.booking-bt span{
	display:block;
	height:36px;
	background:transparent url(style/images/jereserve-right.png) no-repeat right top;
	padding:0 0 0 0;
}*/

.clearbt { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url(style/images/jereserve-right.gif) no-repeat scroll top right;
    color: #fff;
	font-weight:bold;
	font-size:1.10em;
    display: block;
    float: left;
    height: 36px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

a.button span {
    background: transparent url(style/images/jereserve-left.gif) no-repeat;
    display: block;
    line-height: 26px;
    padding: 5px 0 5px 18px;
	
}
a.button:hover{
	color:#ffff00;;
}

#other-models{
	zoom:1;
}
div.inter-model{
	width:98px;
	height:90px;
	text-align:center;
	font-size:0.80em;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
div.inter-model a.thumb{
	display:block;
	width:48px;
	height:48px;
	padding:2px;
	background-color:#fff;
	position:relative;
	margin:auto;
}
div.inter-model a.thumb div.plus{
	position:absolute;
	right:2px;
	bottom:2px;
	background:transparent url(style/images/plus.png) no-repeat;
	width:26px;
	height:26px;
}
div.inter-model a{
	color:#1a4074;
}
div.inter-model a:hover{
	color:#ed7221;
}
table td{
	padding:5px;
	border-bottom:1px #9fd0e2 solid;
}
td strong{
	color:#2e9fc6;
}
#prices table td.col{
	width:50%;
}
td{
	color:#1A4074;
}
td.altern{
	background-color:#f6fbfd;
	
}
#form-wrapper{
	background-color:#b6e1ea;
	border:5px #fff solid;
	padding:10px;
	width:500px;
	margin:0 0 20px 0;
}
#form-wrapper p{
	margin:0;
}
#form-wrapper address{
	margin:0 0 15px 0;
}
#form-wrapper h2{
	font-size:1.6em;
	margin:0 0 15px 0;
}
#form-wrapper h3{
	color:#ed7221;
	margin:0 0 15px 0;
}
#form-wrapper input.contact, #form-wrapper textarea.contact{
	padding:5px;
	width:485px;
	margin:0 0 10px 0;
	font-size:1.1em;
	border:1px #6ebad2 solid;
	/*border:5px;
	-moz-border-radius:8px 8px 8px 8px;*/
	background:#fff url(style/images/bg-input.png) repeat-x;
}

#form-wrapper textarea{
	height:150px;
	font-family:Arial, Helvetica, sans-serif;

}
#form-wrapper input.btn{
	padding:5px;
	width:100px;
	background-color:#ed7221;
	color:#fff;
	border:3px #fff solid;
	-moz-border-radius:8px 8px 8px 8px;
float:right;
}
#form-wrapper input.cp{
	width:100px;

}
iframe#virtual-visit{
	border:none;
	width:748px;
	height:600px;
	overflow:hidden;
	outline:none;
}
#pitches-prices{
	font-size:0.80em;
	padding:5px;
	background:#9FD0E2;
}
#pitches-prices table td{
	padding:5px;
	
}
td.altern2{
	background-color:#e0f1f8;
}

#pitches-prices table td.cols{
	width:25%;
}
/* MENU */
/* ----------------------------------------- */
#menu-wrapper{
	margin:0 0 20px 0;
}
#menu-wrapper a, #menu-wrapper span{
	padding:5px 20px;
	color:#ffffff;
	font-family:Arial,Helvetica,Sans-serif;
	font-size:1.4em;
	font-weight:bold;
	outline:none;
}
#menu-wrapper a:hover, #menu-wrapper span{
	color:#2e9fc6;
	background-color:#ffffff;
	zoom:1;
}
#menu-wrapper li{
	line-height:1.7;
}
.yellow{
	color:#f3ff21 !important;
}
.orange{
	color:#ed7221 !important;
}
#recommander{
	background-image: url(style/images/mail.png);
}
#favoris{
	background-image: url(style/images/favs.png);
}
.pdf{
	background:transparent url(style/images/pdf.png)no-repeat left 3px;
	padding:0 0 5px 20px;
	
}
.pdf a{
	color:#f3ff21 !important;
}
.pdf a:hover{
	border-bottom:3px #f3ff21 solid !important;
}
#promotions{
	margin:20px 0;
	background:transparent url(style/images/bg-white.png);
	padding:10px;
	overflow:hidden;
	outline:none;
	height:200px;
}

#promotions a{
	color:#1A4074;
}
#promotions h2{
	color:#f3ff21;
}

#telechargements{
	margin:20px 0;
	padding:10px;
}
#telechargements h2{
	color:#fff;
}
#left-col h2{
	margin:0 0 10px 0;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}

#mesamis{
	background:transparent url(../style/images/bg-white.png) repeat 0 0;
	display:none;
	padding:20px 20px 5px;
	position:relative;
	width:180px;
}

	#mesamis a{
		color:#116382;
		position:absolute;
		right:5px;
		text-decoration:underline;
		top:0;
	}

	#mesamis input{
		display:block;
		margin:0.3em 0;
	}
	
	#mesamis .ok{
		border:1px dotted #116382;
		color:#116382;
		font-weight:bold;
		margin-top:10px;
		padding:0 5px;
		width:48px;
	}
	
/* PARTENAIRES */
/* ----------------------------------------- */
.logos{
	margin:0 10px 10px 0;
	float:left;	
	outline:none;
	display:block;
}
a#locarive{
	width:143px;
	height:60px;
	background:transparent url(../style/images/locarive.png) no-repeat;
}
a#fontainesdenava{	
	width:52px;
	height:60px;
	background:transparent url(../style/images/fontainesdenava.png) no-repeat;

}
a#lelolo{
	width:78px;
	height:60px;
	background:transparent url(../style/images/lelolo.png) no-repeat;
}
a#watersports{
	width:95px;
	height:60px;
	background:transparent url(../style/images/watersports.png) no-repeat;
}
a#cotedargent{
	width:71px;
	height:60px;
	background:transparent url(../style/images/cotedargent.png) no-repeat;
}
a#larive{
	width:85px;
	height:60px;
	background:transparent url(../style/images/logo_larive.png) no-repeat;
}
a#gploc{
	width:134px;
	height:58px;
	background:transparent url(../style/images/gploc.png) no-repeat;
}
a#camping-aquitaine{
	width:152px;
	height:60px;
	background:transparent url(../style/images/logo_camping-aquitaine.png) no-repeat;
}
a#airotel{
	width:62px;
	height:58px;
	background:transparent url(../style/images/logo-airotel.png) no-repeat;
}