* {
margin: 0;
padding: 0;
}
img {
border: 0;
}
a {
color:#00F;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
margin:10px;
text-align:left;
}
ul, li {
list-style-type: none;
}
h1 {
margin:20px;
text-align:center;
}
hr {
width:700px;
height:1px;
color:#FFE;
background:#FFE;
border:#FFE;
clear:both;
}
html,body {
font-family: Garamond, Arial, sans-serif;
font-size: 1em;
color: #000;
width: 100%;
height: 100%;
text-align: center;
background: #CFF;
/*background:#FFE url(fond_herbe.jpg) top left repeat;*/
}
/* CONTENEUR (centrage)*/
#conteneur {
position: relative;
margin: 0 auto;
width: 950px;
}
#fond {
position: absolute;
left:-37px;
top:0;
width: 1024px;
height:768px;
background:#CFF url(fond_principal.jpg) top left repeat;
z-index:1;
}
/* CONTENU DU SITE */
#contenu {
position: absolute;
left: 200px;
top: 100px;
width: 750px;
background:#FFE url(frise_paquerette.jpg) top left repeat-x;
text-align:left;
z-index:2;
}
#contenu ul {
margin-left:50px;
}
#contenu li {
list-style-image:url(paquerette.gif);
}
#contenu li a {
color:#000;
text-decoration:none;
}
/* GALERIE */
#galerie_photo dl {
display:block;
position:relative;
margin:4px;
float:left;
width:140px;
height:200px;
text-align:center;
border:none;
background:none;
}
#galerie_photo dl img,
#galerie_photo dl dd {
margin:0;
}
/* SOUSMENU */
ul.sousmenu {
margin-top:50px;
margin-bottom:50px;
}
/* MENU DU SITE */
#menu {
position: absolute;
left: 0;
top: 50px;
width: 200px;
height: 540px;
z-index:3;
}
#menu li a {
display:block;
width: 200px;
height:60px;
background-repeat: no-repeat;
}
a#accueil {
background-image:url(accueil_Rout.gif);
}
#B_accueil a#accueil,
a#accueil:hover {
background-image:url(accueil_Rover.gif);
}
a#camping {
background-image:url(camping_Rout.gif);
}
#B_camping a#camping,
a#camping:hover {
background-image:url(camping_Rover.gif);
}
a#hebergement {
background-image:url(hebergement_Rout.gif);;
}
#B_hebergement a#hebergement,
a#hebergement:hover {
background-image:url(hebergement_Rover.gif);
}
a#services {
background-image:url(services_Rout.gif);
}
#B_services a#services,
a#services:hover {
background-image:url(services_Rover.gif);
}
a#tarifs {
background-image:url(tarifs_Rout.gif);
}
#B_tarifs a#tarifs,
a#tarifs:hover {
background-image:url(tarifs_Rover.gif);
}
a#zoom {
background-image:url(zoom_Rout.gif);
}
#B_zoom a#zoom,
a#zoom:hover {
background-image:url(zoom_Rover.gif);
}
a#tourisme {
background-image:url(tourisme_Rout.gif);
}
#B_tourisme a#tourisme,
a#tourisme:hover {
background-image:url(tourisme_Rover.gif);
}
a#localisation {
background-image:url(localisation_Rout.gif);
}
#B_localisation a#localisation,
a#localisation:hover {
background-image:url(localisation_Rover.gif);
}
a#reservations {
background-image:url(reservations_Rout.gif);
}
#B_reservations a#reservations,
a#reservations:hover {
background-image:url(reservations_Rover.gif);
}
/* HEAD */
#head {
position: absolute;
right:0;
top: 0;
z-index:4;
}
#title {
position: absolute;
right:0;
top: 70px;
width:750px;
height:30px;
background-color:#FFE;
z-index:5;
}
/* ACCUEIL */
#B_accueil #contenu {
height: 500px;
background:#FFE url(accueil.jpg) top left no-repeat;
}
pre {
margin-left:50px;
font-family: Garamond, Arial, sans-serif;
font-size: 1em;
line-height:3em;
}
/* TARIFS */
#tarifs table {
margin:10px;
width:390px;
font-size:0.9em;
text-align:center;
border:#060 solid 1px;
}
#tarifs th {
width:130px;
background:#CF9;
font-weight:bold;
border:#060 solid 1px;
}
#tarifs em {
font-size:0.9em;
font-weight:normal;
}
#tarifs td {
width:130px;
background:#FFC;
border:#060 solid 1px;
}
#tarifs th.colspan {
width:390px;
}
#tarifs td.hs {
width:130px;
background:#FFF;
}
#tarifs ul {
position:absolute;
top:300px;
right:30px;
width:240px;
}
#tarifs li {
margin-bottom:10px;
}
/* HEBERGEMENT */
dl {
background:#FFF;
border:#060 solid 1px;
width:47%;
float:left;
}
dl.left {
float:left;
margin-left:2%;
}
dl.right {
float:right;
margin-right:2%;
}
dt {
font-size:1.1em;
font-weight:bold;
padding-left:50px;
background:#FFC;
border-bottom:#060 solid 1px;
}
dd {
margin-left:20px;
}
/* TOURISME */
#B_tourisme #contenu {
text-align:center;
font-size:0.9em;
}
#B_tourisme #contenu p {
text-align:center;
margin:10px;
}
#B_tourisme #contenu ul {
text-align:left;
margin-left:100px;
}
#B_tourisme #contenu p strong a {
color:#000;
}
#B_tourisme #contenu p strong a:hover {
text-decoration:none;
}
/* RESERVATIONS */
#B_reservations #contenu p {
text-align:center;
font-size:1.1em;
margin:50px;
}
/* LIVREDOR */
#extrait img {
margin:40px 20px 20px 80px;
}
/* LOCALISATION */
#B_localisation img.carte {
margin:20px 120px;
}
.centre {
text-align:center;
}
/* ZOOM */
#famille,
#historique {
float:left;
margin:30px 3px 10px;
width:360px;
}
#historique {
text-align:right;
}
p.right {
float:right;
width:220px;
}
img.right {
float:right;
margin:55px 0;
}
.italic {
clear:right;
font-style:italic;
text-align:left;
}
.vert {
color:#390;
}