/* --------------------------------------------------------
    Configuration générale
   -------------------------------------------------------- */

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

#colonne-01 {
width:228px;
vertical-align:top;
background-color:#FFB900;
}

#bannieres {
background:url(../images/degrade-colonne.gif) no-repeat;
padding-top:60px;
text-align:center;
}

#colonne-02 {
background:url(../images/02.gif) no-repeat;
width:722px;
vertical-align:top;
background-color:#FFB900;
padding-top:40px;
}

#corps {
width:687px;
margin:auto;
}

#footer {
background:url(../images/04.gif) no-repeat;
width:950px;
height: 17px;
margin:auto;
padding-top:95px;
text-align:center;
}

.marges-auto {
margin:auto;
}

h1 {
font-size:25px;
background:url(../images/07.gif) no-repeat;
margin:0;
padding:37px 0 0 90px;
color:#BD0000;
font-family:Georgia, "Times New Roman", Times, serif;
height:65px;
text-transform:uppercase;
}

.sous-h1 {
margin:-20px 0 0 55px;
}

.titre-rouge {
font-size:21px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FF0000;
}

#vague {
background:url(../images/03.gif) no-repeat;
height:95px;
width:687px;
}

.upperleft {
background-color:#F8D35D;
background-image:url(../images/coin-hgb.gif);
background-repeat:no-repeat;
background-position:top left;
}

.upperright {
background-image:url(../images/coin-hdb.gif);
background-repeat:no-repeat;
background-position:top right;
}

.lowerleft {
background-image:url(../images/coin-bgb.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.lowerright {
background-image:url(../images/coin-bdb.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding:3% 3% 3% 3%;
}

h2 {
font-size:21px;
letter-spacing:1px;
margin:0;
color:#FF0000;
padding:20px 0 40px 35px;
background:url(../images/16.gif) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
}

h2 span {
color:#FF7900;
margin-left:45px;
font-weight:lighter;
}

p {
text-align:justify;
margin:0;
padding:0;
}

.rouge-01 {
color:#FF0000;
font-family:Georgia, "Times New Roman", Times, serif;
}

.rouge-02 {
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.rouge-03 {
color:#FF0000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

.rouge-04 {
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

.orange-01 {
color:#FF7900;
font-family:Georgia, "Times New Roman", Times, serif;
}

.orange-02 {
color:#FF7900;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.blanc-01 {
font-family:Georgia, 'Times New Roman', Times, serif; 
font-size:30px; 
color:#FFFFFF;
}

.blanc-02 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
color:#FFFFFF;
}

.marron-01 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px; 
color:#BC0000;
}

h3 {
font-size:18px;
background:url(../images/19.gif) no-repeat;
margin:0;
padding:20px 0 0 30px;
color:#FF0000;
font-family:Georgia, "Times New Roman", Times, serif;
height:35px;
}

h4 {
font-size:21px;
margin:0;
padding:0;
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 span {
color:#FF7900;
margin-left:45px;
font-weight:lighter;
}

h5 {
font-size:18px;
background:url(../images/30.gif) no-repeat;
margin:0;
padding:20px 0 0 30px;
color:#053870;
font-family:Georgia, "Times New Roman", Times, serif;
height:35px
}

a {
color:#FF4000;
font-weight:bold;
text-decoration:none;
}

a:hover, a:active, a:visited {
color:#BD0000;
}

.float-droite {
float:right; 
margin-left:10px;
}

.float-gauche {
float:left; 
margin-right:10px;
}

.float-logo {
float:right;
background:url(../images/22.gif) no-repeat;
margin-top:-160px; 
width:150px; 
height:159px;
padding:35px 0 0 90px;
}

.float-swf {
float:right; 
margin-top:-250px; 
width:289px; 
height:271px;
}

.float-swf-left {
float:left; 
margin-top:-250px; 
width:289px; 
height:271px;
}

.photo-camping {
border: 6px solid white;
}

.bouton-mobilhomes {
background:url(../images/35.gif) no-repeat center; 
width:35px; 
height:34px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.texte-bouton-mobilhomes {
font-size:18px;
color:#F6D15D;
padding:0 0 0 10px;
text-decoration:none;
}

a.bouton-tarifs {
background:url(../images/bouton-rouge.gif) no-repeat center; 
padding:8px 40px;
color:#F8D35D;
font-weight:bold;
}

.retour {
	float:right;
	margin-top:25px;
	margin-right:25px;
	}

/* --------------------------------------------------------
    Bords arrondis
   -------------------------------------------------------- */

.cadre-01 { /* taille du cadre si nécessaire + couleur du fond */
background-color: #F8D35D;
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche-01, .hautdroit-01, .basgauche-01, .basdroit-01 {
height: 26px;
width: 26px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche-01 {
background: url(../images/coin-hgb.gif);
}
.hautdroit-01 {
float: right;
background: url(../images/coin-hdb.gif);
}
.basgauche-01 {
background: url(../images/coin-bgb.gif);
}
.basdroit-01 {
float: right;
background: url(../images/coin-bdb.gif);
}
.contenu-01 {
padding-left:26px;
padding-right:26px;
}


.cadre-02 { /* taille du cadre si nécessaire + couleur du fond */
background-color: #FF7900;
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche-02, .hautdroit-02, .basgauche-02, .basdroit-02 {
height: 26px;
width: 26px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche-02 {
background: url(../images/coin-hgr.gif);
}
.hautdroit-02 {
float: right;
background: url(../images/coin-hdr.gif);
}
.basgauche-02 {
background: url(../images/coin-bgr.gif);
}
.basdroit-02 {
float: right;
background: url(../images/coin-bdr.gif);
}
.contenu-02 {
padding-left:15px;
padding-right:15px;
}


.cadre-03 { /* taille du cadre si nécessaire + couleur du fond */
background-color: #FF9400;
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche-03, .hautdroit-03, .basgauche-03, .basdroit-03 {
height: 26px;
width: 26px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche-03 {
background: url(../images/coin-hgo.gif);
}
.hautdroit-03 {
float: right;
background: url(../images/coin-hdo.gif);
}
.basgauche-03 {
background: url(../images/coin-bgo.gif);
}
.basdroit-03 {
float: right;
background: url(../images/coin-bdo.gif);
}
.contenu-03 {
padding-left:26px;
padding-right:26px;
}


.cadre-04 { /* taille du cadre si nécessaire + couleur du fond */
background-color: #FF7900;
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche-04, .hautdroit-04, .basgauche-04, .basdroit-04 {
height: 26px;
width: 26px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche-04 {
background: url(../images/coin-hgr2.gif);
}
.hautdroit-04 {
float: right;
background: url(../images/coin-hdr2.gif);
}
.basgauche-04 {
background: url(../images/coin-bgr2.gif);
}
.basdroit-04 {
float: right;
background: url(../images/coin-bdr2.gif);
}
.contenu-04 {
padding-left:26px;
padding-right:26px;
}


/* -------------------------------------------------------- */




















.relsample { width: 500px; position: relative; background-color: #F8D35D; }
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 26px; width: 26px; background-repeat: no-repeat; position: absolute; background-color: #F8D35D; }
.relsample .top_left { top: 0px; left: 0px; background-image: url("../images/coin-hgb.gif"); z-index: 0; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("../images/coin-hdb.gif"); z-index: 1; }
.relsample .bottom_left { bottom: 0px; left: 0px; background-image: url("../images/coin-bgb.gif"); z-index: 2; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("../images/coin-bdb.gif"); z-index: 3; }
.relsample .content { position: relative; padding: 12px; z-index: 4; }























form fieldset {
position:relative;
top:1em;
padding:1em;
border:#FFFFFF solid 2px;
width:500px;
margin:auto;
background-color:#F6D15D;
}

legend {
position:relative;
top:-1.5em;
}

hr {
height:1px;
color:#053870;
}

a img {
border:none;
}

#header {
width:950px;
height:310px;
margin:auto;
}



#photos {
height:271px;
width:289px;
margin-left:420px;
}

#colonne-02 {
width:722px;
vertical-align:top;
background-color:#FFB900;
}


#cadre-actus {
float:right;
background-color:#F8D35D;
margin:0 0 15px 15px;
width:190px;
}

#actus {
border:#FF4000 solid 2px;
margin:4px;
padding:6px;
text-align:left;
}

#menu {
vertical-align:top;
padding:10px 10px 0 0;
list-style:none;
margin:0;
}

#menu li {
padding:1px 0 1px 0;
}

#menu li a {
display:block;
text-decoration:none;
padding:5px;
font-weight:bold;
color:#BF0000;
letter-spacing:1px;
}

#menu li a:hover {
background:#FF7900;
text-decoration:none;
color:#FFFFFF;
letter-spacing:1px;
}

a.actif, #menu li a.actif:hover {
background:url(../images/05.gif) no-repeat;
color:#FFFFFF;
}

#sous-menu {
width: 600px;
padding:0;
display:none;
}

.sous-menu {
list-style:none;
margin:0;
padding:0 0 30px 60px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}

.sous-menu li {
margin:0;
padding:0 0 10px 15px;
background:url(../images/08.gif) no-repeat;
}

.sous-menu li a {
text-decoration:underline;
font-weight:lighter;
color:#FF0000;
}

.sous-menu li a:hover {
text-decoration:none;
font-weight:lighter;
color:#BF0000;
}


#plan {
display:none;
}

.li-bleu {
background-color:#F2C658;
}

.li-bleu a.actif {
background: url(../images/05.gif) no-repeat;
color:#FFFFFF;
}

.marges-auto {
margin:auto;
}

.centre {
text-align:center;
}

.droite {
text-align:right;
}

.bordure-zero {
border:none;
}

.images-diapos {
padding:1px;
margin:1px;
border:#FF7900 solid 2px;
}

.images-diapos-02 {
padding:1px;
margin:1px;
border:#053870 solid 2px;
}

#msg {
height:20px
}

#monoSlideshow {
text-align: center;
}

#contact a {
	text-decoration:underline;
	color:#BC0000;
}

.noVisible {
	display:none;
}

/* --------------------------------------------------------
    Polices d'écriture
   -------------------------------------------------------- */

.annotation {
font-size:10px;
color:#FF0000;
}

.annotation-02 {
font-size:9px;
color:#053870;
}

.td-haut {
vertical-align:top;
}

.titre-rouge {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
color:#FF4000;
}

.titre-marron {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
color:#B90000;
}
	
/* --------------------------------------------------------
    Liens hypertextes
   -------------------------------------------------------- */

a.footer {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

a.sous-menu-actif {
color:#053870;
font-weight:bold;
text-decoration:none;
}

/* --------------------------------------------------------
    Couleurs de fond des cellules
   -------------------------------------------------------- */

.bleu-01 {
background-color:#CAE5F6;
}

.bleu-02 {
background-color:#AFD6EE;
}

p.pdf {
line-height: 2em;
}
p.pdf a {
background: url('../images/51.gif') no-repeat left;
padding-left: 26px;
}

/* --------------------------------------------------------
    Couleurs des polices d'écritures
   -------------------------------------------------------- */