/* CSS Document */

body {
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
}

h1 {
margin:0;
padding:0;
color:#FF1FE5;
font-size:36px;}

h2 {
color:#418CC6;
font-weight:bold;
padding:0;
margin:0;
font-size:14px;
}

h3 {
width:430px;
height:15px;
border:solid 1px #418CC6;
color:#418CC6;
font-size:12px;
margin:4px 0 0 5px;
padding:2px;
cursor:pointer;
background: url(../images/h3.gif) no-repeat right;}


h4 {
padding:0;
margin:0 0 5px 5px;
font-size:14px;
}

p {
margin:0 0 15px 0;
padding:0;}

.txt24 {
font-size:24px;
font-weight:bold;
}

.txt14 {
font-size:14px;
font-weight:bold;
}

.legende {
color:#FF1FE5;
font-size:10px;}

img {
vertical-align:middle;}

.boutonRose {
width:191px;
height:18px;
background:url(../images/bt-rose.gif) no-repeat;
text-align:center;
padding:10px 5px 5px 5px;
margin:auto;
font-weight:bold;
}

.boutonRose a {
color:#FFFFFF;
text-decoration:none;}
.boutonRose a:hover{
color: #FFCCCC;
text-decoration:none;}

.blocGauche { 
      position: absolute;
    width: 50%;
    height: 783px;
    display: block;
    float: left;
    }
 
  .blocDroit {
  position: relative; 
  width: 50%;
    height:783px;
    display: block;
    background-image: url(../images/fond-droit.jpg);
 background-repeat:repeat-x;
    float: right;
    }
	
	.blocDroit2 {
  position: relative; 
  width: 50%;
    height:783px;
    display: block;
    background-image: url(../images/fond-droit2.jpg);
 background-repeat:repeat-x;
    float: right;
    }
	
		.blocDroit3 {
  position: relative; 
  width: 50%;
    height:783px;
    display: block;
    background-image: url(../images/fond-droit3.jpg);
 background-repeat:repeat-x;
    float: right;
    }
	
			.blocDroit4 {
  position: relative; 
  width: 50%;
    height:783px;
    display: block;
    background-image: url(../images/fond-droit4.jpg);
 background-repeat:repeat-x;
    float: right;
    }
 
  #centre { 
  position: absolute;
    width: 1060px;
    display: block;
    z-index: 1;
    height: 780px;
    float: right;
    left: 50%;
    margin-left: -600px;
	background:url(../images/fond.jpg) no-repeat center top;
    }
	
	#wrapper {
	width:1000px;
	height:auto;
	position:relative;
	float:left;
	margin-left:-450px;
	left:50%;
	margin-top:20px;}
	
#colGauche {
width:240px;
height:500px;
position:relative;
float:left;
}

#colDroite {
width:750px;
height:auto;
position: relative;
float:left;
}

#logo {
width:240px;
background-position:top;
background-repeat:no-repeat;
text-align:center;

}

#titreLogo {
position:absolute;
z-index:10;
width:240px;
font-weight:bold;
color:#004191;
left:0;
top:165px;
}

#adresse {
color :#418CC6;
background:url(../images/fond-logo.png) no-repeat;
width:240px;
height:85px;
padding-top:55px;}

.contactMail {
font-size:18px;
font-weight:bold;
margin-top:10px;
}

.contactMail a{
color:#004191;
text-decoration:none;
}

.contactMail a:hover{
color:#418CC6;
text-decoration:none;
}


 a.lienColGauche{
color:#418CC6;
text-decoration:none;
font-weight:bold;
font-size:11px;
}

.lienColGauche a:hover{
text-decoration:underline;
}

#header {
width:740px;
height:75px;}

#telephone {
width:auto;
height:52px;
margin-left:400px;
}


#navigation {
width:740px;
height:45px;
}

#navigation a {
color:#004191;
text-decoration:none;}

#navigation a:hover {
color:#004191;
text-decoration:underline;}

#contenairGeneral {
width:750px;
height:430px;
background:#FFFFFF;
padding-top:20px;
overflow:hidden;}

#contenairGeneralTarifs {
width:752px;
height:auto;
background:#FFFFFF;
padding:20px 4px;
color:#418CC6;

}

#contenairGeneralPlan {
width:730px;
height:410px;
background:#FFFFFF;
padding:20px 10px;
overflow:hidden;
color:#418CC6;
line-height:18px;
overflow:auto;}

#contenairGeneralPlan a{
color:#418CC6;
text-decoration:none;}

#contenairGeneralPlan a:hover{
color:#418CC6;
text-decoration:underline;}


#contenairGeneralGauche {
width:400px;
height:auto;
position:relative;
float:left;}

#contenairHebergementsPromotions {
width:265px;
height:auto;
position:relative;
float:left;}


#contenairTxt {
position:relative;
float:left;
width:315px;
margin-right:15px;
color:#418CC6;
text-align:justify;
padding:0 0 0 10px;
line-height:18px;}

#contenairHebergements {
position:relative;
float:left;
width:450px;
margin-right:15px;
color:#418CC6;
text-align:justify;
padding:0 0 0 10px;
font-size:11px;
overflow:hidden;
height:420px;
}

#titrePage {
width:325px;
height:50px;}

#telechargementBloc{
width:227px;
height:auto;
margin-top:20px;}

#telechargementTitre {
width:227px;
height:34px}

#telechargementBas {
width:227px;
height:15px;
background:url(../images/telechargement-bas.png) no-repeat;}

#telechargementContenu {
width:207px;
height:auto;
background:url(../images/telechargement-contenu.png) repeat-y #FFFFFF;
padding:0 10px;
}

#telechargementContenu ul {
margin:0;
padding:0;}

#telechargementContenu li {
background:url(../images/logo-pdf.jpg) no-repeat;
padding:0 0 5px 20px;
list-style:none;
}

#telechargementContenu li a {
color:#8B0769 ;
text-decoration:none;}

#telechargementContenu li a:hover {
color: #CE82CC;
text-decoration:none;}

#blocPirons {
color:#004191;
margin-top:20px;}

#baseLine {
width:740px;
height:35px;
background:#82B93A;}

#baseLine2 {
width:740px;
height:35px;
background:#418CC6;}

#baseLine3 {
width:740px;
height:35px;
background:#8B0769;}

#baseLine4 {
width:740px;
height:35px;
background:#DB001B;}


#galerie {
width:400px;
height:314px;
background:#FFFFFF;
}

#contenairMap {
width:400px;
height:314px;
background:#FFFFFF;
border:solid 2px #8B0769;
}

#formContact {
width:380px;
height:310px;
background:#FFFFFF;
border:solid 2px #418CC6;
padding:10px;
color:#418CC6;
overflow-y:auto;
overflow-x:hidden;
}


#formContact a{
color:#418CC6;
text-decoration:none;
}

#formContact a:hover{
color:#418CC6;
text-decoration:none;
}
#formContact form{
color:#418CC6;
font-size:11px;
margin:0;
padding:0;
}

#formContact input, #formContact textarea{
color:#412912;
border: dashed 1px #FFFFFF;
background: #DFEEFD;
font-size:11px;
width:200px;
}

#formNewsletter input{
color:#412912;
border: dashed 1px #FFFFFF;
background: #DFEEFD;
font-size:11px;
}

#formContact input:hover, #formNewsletter input:hover{
background: #A9C8FC;
}

#formNewsletter {
margin-bottom:10px;}

#masqueGalerieHaut {
width:400px;
height:20px;
position:absolute;
z-index:100;
background:url(../images/masque-galerie.png) top center no-repeat;
}

*html #masqueGalerieHaut {
background:url(../images/masque-galerie.gif) top center no-repeat;
}

#masqueGalerieDroit {
width:20px;
height:300px;
position:absolute;
z-index:100;
background:url(../images/masque-galerie.png) top right no-repeat;
left:390px;
}

*html #masqueGalerieDroit {
background:url(../images/masque-galerie.gif) top right no-repeat;}

#masqueGalerieGauche {
width:20px;
height:300px;
position:absolute;
z-index:100;
background:url(../images/masque-galerie.png) top left no-repeat;
left:-10px;
}

*html #masqueGalerieGauche {
background:url(../images/masque-galerie.gif) top left no-repeat;}

#masqueGalerieBas {
width:400px;
height:20px;
position:absolute;
z-index:100;
background:url(../images/masque-galerie.png) bottom center no-repeat;
top:294px;
}

*html #masqueGalerieBas{
background:url(../images/masque-galerie.gif) bottom center no-repeat;}


#blocReservation {
width:284px;
height:87px;
padding:20px 15px 0 100px;
background:url(../images/fond-reservation.gif) top no-repeat;
color:#FFFFFF;
}

#blocReservationVert {
width:284px;
height:87px;
padding:20px 15px 0 100px;
background:url(../images/fond-reservation-vert.gif) top no-repeat;
color:#FFFFFF;
}

#blocReservationViolet {
width:284px;
height:87px;
padding:20px 15px 0 100px;
background: url(../images/fond-reservation-violet.gif) no-repeat;
color:#FFFFFF;
}

#blocReservationRouge {
width:284px;
height:87px;
padding:20px 15px 0 100px;
background:url(../images/fond-reservation-rouge.gif)top no-repeat;
color:#FFFFFF;
}

#reservation {
width:97px;
height:20px;
background:url(../images/bt-reservation.gif) no-repeat;
color :#418CC6;
font-weight:bold;
padding:2px 5px 0 25px;
font-size:14px;
margin-left:140px;
margin-top:5px;
}

#reservation a {
color :#418CC6;
text-decoration:none;
}

#reservation a:hover {
color:#004191;
text-decoration:none;
}

#reservationVert {
width:97px;
height:20px;
background:url(../images/bt-reservation-vert.gif) no-repeat;
color :#82B93A;
font-weight:bold;
padding:2px 5px 0 25px;
font-size:14px;
margin-left:140px;
margin-top:5px;
}

#reservationVert a {
color :#82B93A;
text-decoration:none;
}

#reservationVert a:hover {
color: #A6CF58;
text-decoration:none;
}

#reservationViolet {
width:97px;
height:20px;
background:url(../images/bt-reservation-violet.gif) no-repeat;
color :#8B0769;
font-weight:bold;
padding:2px 5px 0 25px;
font-size:14px;
margin-left:140px;
margin-top:5px;
}

#reservationViolet a {
color :#8B0769;
text-decoration:none;
}

#reservationViolet a:hover {
color: #996699;
text-decoration:none;
}

#reservationRouge {
width:97px;
height:20px;
background:url(../images/bt-reservation-rouge.gif) no-repeat;
color :#DB001B;
font-weight:bold;
padding:2px 5px 0 25px;
font-size:14px;
margin-left:140px;
margin-top:5px;
}

#reservationRouge a {
color :#DB001B;
text-decoration:none;
}

#reservationRouge a:hover {
color: #DB001B;
text-decoration:none;
}


#footer {
width:740px;
height:auto;
color:#418CC6;
}

#footer a{
color:#418CC6;
text-decoration:none;
}

#footer a:hover{
color:#004191;
text-decoration:none;
}

#footerGauche {
position:relative;
float:left;
width:475px;}

#footerDroit {
position:relative;
float:left;
width:265px;
padding-top:10px;
height:auto;
text-align:right;}

#blocRecommander, #blocRecommanderUk {
width:463px;
height:23px;
margin-bottom:15px;
background:url(../images/fond-recommander.gif) bottom no-repeat;
padding:5px 2px 2px 5px;
}

#blocRecommanderUk {
font-size:11px;}

#effect { 
width: 290px; 
height: auto; 
padding: 0.4em; 
position: absolute; 
z-index:3000; 
background:#FFF; 
border-top: solid 1px #418CC6; 
border-left: solid 1px #418CC6;
border-right: solid 1px #418CC6;
left:490px; 
top:514px; 
font-size:11px; 
color:#418CC6;}

#effect form {
margin:0;
padding:0;}

.ui-effects-transfer { border: 2px dotted gray; } 

#effect input  {
font-size:11px;
color:#412912;
border: dashed 1px #FFFFFF;
background: #DFEEFD;
padding:3px;
}

#effect input:hover{
background: #A9C8FC;
}

#effect input[type="button"], #formContact input[type="button"]{
width:72px;
height:20px;
border:none;
cursor:pointer;
color:#FFFFFF;
background:#418CC6;
}

 #formNewsletter input[type="button"]{
 width:20px;
height:20px;
border:none;
cursor:pointer;
color:#FFFFFF !important;
background:#418CC6;
 }


#langues {
width:140px;
height:35px;
position:absolute;
z-index:100;
left:600px;
color:#418CC6;
font-size:11px;
top:45px;
}

#langues a {
color:#418CC6;
text-decoration:none;
}

#langues a:hover {
color: #0033CC;
text-decoration:none;
}

.gallery img{
border: solid 1px #418CC6;}

.gallery img:hover{
border: solid 1px #FF1FE5;}

.gallery ul {
list-style:none;
margin:0;
padding:0;}

.gallery li {
margin:0 0 0 3px;
padding:0;
float:left;}

.blocBleu {
width:265px;
height:auto;
margin-bottom:5px;}

.blocBleuHaut {
width:265px;
height:14px;
background:url(../images/haut-bloc-gauche.gif) no-repeat;}

.blocBleuBas {
width:265px;
height:14px;
background:url(../images/bas-bloc-gauche.gif) no-repeat;}

.blocBleuMilieu {
background:#418CC6;
padding:0 5px;
width:253px;
color:#FFFFFF;
font-size:11px;
height:auto;
}

.fiche {
line-height:12px;}

#btPromo {
position:absolute;
top:-20px;
left:20px;
width:150px;
height:30px;
line-height:25px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
background:url(../images/bt-promo.png) no-repeat;}

#btPromo a{
text-decoration:none;
color:#FFFFFF;
}

#btPromo a:hover{
text-decoration:none;
color: #FDD9F7;
}

#promo {

}

#promo h2 {
color:#FF1FE5;
font-size:18px;
font-weight:bold;
border-bottom:solid 1px #FF1FE5;
padding:0 0 10px 10px;
margin-bottom:20px;
}

#promo h3 {
color:#418CC6;
font-size:14px;
font-weight:bold;
border:none;
margin:0 0 10px 5px;
background:none;
}

#btPlanCamping {
position:absolute;
top:-20px;
left:200px;
width:150px;
height:30px;
line-height:25px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
}

#btPlanCamping a {
text-decoration:none;
color:#FFFFFF;}

#btPlanCamping a:hover {
color: #D0E9FD;}

#planCamping {
width:400px;
height:600px;}