/* CSS - Panach - Screen */

*{ font-family:Arial, Verdana, sans-serif; }
html{ height:100%; background:url(images/html-fd.gif) repeat-x #009D35; }
body{ margin:0; padding:0; height:100%; }
body, td, th{ font-size:11px; font-weight:normal; }
th{ text-align:left; }
form, img{ border:0; margin:0; }
h1, h2, h3, h4, h5, h6{ font-size:11px; margin:0; padding:0; }
hr{ display:none; }
img, input, label{ vertical-align:middle; }
label{ cursor:pointer; }
p{ margin:10px 0; }
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
.clear{ clear:both; font-size:1px; height:1px; }


/***** List Clearence *****/
.navigation ul, .navigation ul li,
.footer ul, .footer ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

body{
	background:url(images/body-fd.jpg) no-repeat top;
}
.screeny{
	width:995px;
}


/***** Structure *****/
.container{
	background:url(images/container-fd.gif) no-repeat top;
}

/*** Header ***/
.header{
	width:auto;
	height:221px;
	text-align:center;
	background:url(images/header-fd.jpg) no-repeat top;
}
.header .media{
	margin:auto;
	width:995px;
	height:123px;
	position:relative;
}
.header .media img{
	position:absolute;
	top:0;
	left:0;
}
.navigation{
	margin:auto;
	width:995px;
	height:98px;
	text-align:left;
}
.navigation ul li{
	float:left;
}
.n4 ul li{
	padding:0 0 0 85px;
}
.n4 ul li.first{
	padding:0;
}
.n4 ul li.last{
	padding:0 0 0 62px; margin:-7px 0 0 0;
}

/*** Middle ***/
.middle{
	width:auto;
	height:342px;
	background:url(images/middle-default-fd.jpg) no-repeat top;
}
.content{
	position:relative;
	margin:auto;
	width:995px;
	text-align:left;
}

/* Home */
.home .middle{
	background:url(images/middle-home-fd-0.jpg) no-repeat top;
}
.home .promo{
	float:left;
	width:169px;
	text-align:center;
	position:relative;
}
.home .flash{
	float:left;
	width:825px;
}
.home .extraitHome {
	position:absolute; top:323px; left:21px; z-index:1;
}
.terrasseLeftPack .extraitHome2 {
	position:absolute; top:229px; left:108px; z-index:1;
}

/* Origines */
.origines .middle{
	background:url(images/middle-origines-fd.jpg) no-repeat top;
}

/* Gamme */
.gamme .middle{
	background:url(images/middle-gamme-fd.jpg) no-repeat top;
}
.gamme .flash {
	padding:0 0 0 17px; _padding:0 0 0 35px;
}
*:first-child+html .gamme .flash {
	padding:0 0 0 18px;
}

/* Saga */
.saga .middle{
	background:url(images/middle-saga-fd.jpg) no-repeat top;
}
.saga .player{
	float:left;
	margin:0 0 0 160px;
	_margin:0 0 0 80px;
	width:500px;
}
.saga .dates{
	float:left;
	width:282px;
}
.saga .dates .links{
	padding:10px;
	height:120px;
	background:url(images/pub-date-fd.jpg) no-repeat;
}

/* Camping */
.camping .middle{
	background:url(images/middle-camping-fd.jpg) no-repeat top;
}
.camping{
	SCROLLBAR-FACE-COLOR:#00558b; 
	SCROLLBAR-HIGHLIGHT-COLOR:#003e66;
	SCROLLBAR-SHADOW-COLOR:#003e66;
	SCROLLBAR-3DLIGHT-COLOR:#003e66; 
	SCROLLBAR-ARROW-COLOR:#003e66; 
	SCROLLBAR-TRACK-COLOR:#003e66; 
	SCROLLBAR-DARKSHADOW-COLOR:#003e66;
}
.camping h1{
	padding:20px 0 0 0;
	color:#00558b;
	font-size:28px;
	text-align:center;
}
.camping h1 small{
	position:absolute;
	top:45px;
	right:100px;
	float:right;
	font-weight:normal;
	font-size:10px;
}
.camping h2{
	font-size:17px;
	font-weight:bold;
	color:#00558b;
	text-transform:uppercase;
}
.homeCamping .left{ padding:10px 0 0 0; }
.homeCamping .left h2{
	color:#FFFFFF;
}
.homeCamping .right h2{
	margin:10px 0 0 0;
}
.camping .left{
	float:left;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	width:550px;
}
.camping .right{
	float:right;
	margin:0 50px 0 0;
	_margin:0 25px 0 0;
	width:348px;
}
.camping .noTitle{
	margin-top:20px;
}
.camping .box{
	padding:10px;
	color:#FFFFFF;
}
.camping .box a{
	color:#E6D95C;
}
.camping .left .box{
	background:url(images/boxs/box-left-fd.gif) no-repeat;
}
.camping .right .box{
	background:url(images/boxs/box-right-fd.gif) no-repeat;
}
.homeCamping .right .box{
	padding-bottom:0;
}

.boxDegrade{
	padding:5px 10px;
	color:#FFFFFF;
	line-height:12px;
	background:url(images/boxs/boxDegrade-fd.jpg) no-repeat;
}
.homeCamping .boxDegrade{ padding:15px 10px; }
.boxDegrade2{
	padding:14px 10px 0 10px;
	color:#FFFFFF;
	line-height:12px;
	background:url(images/boxs/boxDegrade2-fd.jpg) no-repeat;
}
.homeCamping .boxDegrade{
	font-size:10px;
}

.camping .temoignages{
	padding:10px;
	width:400px;
	height:220px;
	overflow:auto;
	color:#00558b;
	background:#00b0e6;
}
.camping .right .temoignages{
	margin:10px 0;
	width:306px;
	height:120px;
}
.camping .temoignages table{
	width:94%;
}
.camping .temoignages table td{
	padding:0;
	vertical-align:top;
}
.camping .temoignages table .media{
	padding:0 10px 10px 0;
}
.camping .temoignages table .text{
	width:100%;
	padding:0 0 10px 0;
}
.camping .retour{
	float:right;
	margin:-30px 0 0 0;
}
.camping .savoirPlus{
	margin:30px 0 0 0;
	position:relative;
	float:right;
}
.camping .boxDegrade2 .savoirPlus{
	margin:-26px 0 0 0;
}

.camping .depot{
	width:100%;
	height:235px;
}
.camping .depot th, .camping .depot td{
	padding:5px 0;
}
.camping .depot th{
	width:130px;
	color:#00b0e6;
	font-weight:bold;
}
.camping .depot th small{
	font-weight:normal;
	font-size:10px;
}
.camping .depot .inputText input, .camping .depot .inputArea textarea, .camping .depot .inputFile input{
	padding-left:5px;
	width:97%;
	color:#00558b;
	font-size:11px;
	background:#00b0e6;
	border:0;
}
.camping .depot .inputArea td, .camping .depot .inputArea th,
.camping .depot .inputFile td, .camping .depot .inputFile th{
	vertical-align:top;
}
.camping .depot .inputArea textarea{
	height:75px;
	overflow:auto;
}
.camping .depot .inputImage td, .camping .right .btn{
	text-align:right;
}

.partnerListing select{
	width:100%;
	color:#00558b;
	background:#00b0e6;
}
.partnerListing #partnerListing{
	margin:10px 0 0 0;
	padding:10px;
	height:190px;
	overflow:auto;
	color:#00558b;
	background:#00b0e6;
}
.partnerListing #partnerListing a{
	color:#00558b;
	text-decoration:underline;
}
.partnerListing  .sep{
	margin:15px 0;
	height:1px;
	font-size:1px;
	border-top:1px solid #0087BE;
}

/*** Terrasse ***/
.terrasse .middle{ background:url(images/middle-origines-fd.jpg) no-repeat top }
.terrasse .content{ padding: 0 27px 0 17px; width:868px; height:342px; /* background:url(images/boxs/terrasse-fd.jpg) no-repeat; */ }
.terrasse .terrasse2{ width:900px; }
.terrasse h1{ padding:20px 0 5px 0; text-align:center; }
.terrasse .left{ float:left; width:308px; position:relative; }
.terrasse2 .left{ width:446px; }
.terrasse2 .left .extraitHome2{ position:absolute; bottom:12px; right:17px; }
.terrasse .left .mentions{ float:left; padding:10px 0 0 0; }
.homeTerrasse2 .left .mentions {
	padding:0 0 0 60px;
}
.homeTerrasse2 .left .visuels {
	font-size:9px;
}
.terrasse .left .campingBtn{ float:right; padding:15px 0 0 0; }
.terrasse .right .campingBtn{ position:absolute; bottom:10px; left:10px; }
.terrasseLeftPack {
	position:relative;
}
.terrasseLeftPack a {
	position:absolute; top:227px; left:203px;
}
/*.terrasse .right{ float:right; padding:10px; width:520px; height:262px; background:url(images/boxs/ope-terrasse-right-fd.gif) no-repeat; }*/
.terrasse .right{ float:right; position:relative; width:540px; height:282px; background:url(images/boxs/ope-terrasse-right-fd.gif) no-repeat; }
.terrasse2 .right{ width:436px; }
.terrasse2 .right .extraitHome2{ position:absolute; bottom:12px; left:18px; }
.terrasse .right .carteFlash{ position:relative; float:left; margin:-10px -20px; _margin:-10px -20px -10px -10px; width:330px; height:290px;}
.terrasse .right .texts{ float:right; width:222px; }
.homeTerrasse .right .texts{ padding:5px 0 0 0; text-align:right; }
.homeTerrasse .right .moreBtn{ padding:5px 0 0 0; }
.detailsTerrasse .right{ padding:8px 5px; width:530px; height:266px; }
.detailsTerrasse .etapes{ float:left; padding:15px 100px 0 5px; }
.detailsTerrasse .carte{ float:left; padding:3px 0 0 0; }
.detailsTerrasse .mags{ float:right; padding:15px 5px 0 0; }

.terrasse2008 .content{
	padding: 0 27px; width:868px; height:342px; background:url(images/boxs/terrasse-fd.jpg) no-repeat
}
.terrasse2008 h1 {
	position:absolute; top:91px; left:13px;
}
.terrasse2008 .gagne2008 {
	position:absolute; top:33px; left:398px;
}
.terrasse2008 .visuels {
	font-size:9px; position:absolute; top:313px; left:400px;
}

/*** Footer ***/
.footer{
	margin:auto;
	padding:2px 0 0 0;
	width:995px;
	color:#00c073;
}
.footer .copyright{
	float:left;
}
.footer .claim{
	float:left;
	padding:1px 0 0 0;
	width:650px;
	text-align:center;
}
.footer .sound{
	float:left;width:60px;
}
.footer .links{
	float:right;
}
.footer .links li{
	float:left;
	padding:0 5px 0 15px;
}
.footer .links li a{
	color:#00c073;
}
.footer .mangerbouger{
	padding:5px 0 0 0;
	text-align:center;
}

.alert{color:red;}