* {
margin:0;
padding:0;
}
body {
width:96%;
font:70% verdana, arial, sans-serif;
background-color:#80dcdc;
}
a {
font-size:80%;
font-weight:700;
}
a:hover {
font-size:100%;
}
p {
text-align:justify;
text-indent:10px;
color:#512427;
}
p:first-letter {
font-size:100%;
font-weight:bold;
color:#330000;
}
h1 {
color:#99493E;
font-size:12px;
text-align:center;
font-weight:700;
margin-bottom:5px;
}
h2 {
font-size:10px;
text-align:right;
font-style:oblique;
}
h3 {
color:darkred;
font-size:12px;
text-align:left;
font-style:oblique;
}

dl, dt, dd, ul, li {
list-style-type:none;
}
img {
border:1px solid black;
}
/*début du menu déroulant page index ------------------------------------*/
#menuderoul {
position:relative;
margin:5px 50px;
width:130px;
}
#menuderoul dt {
margin:2px 0;
text-align:center;
font-weight:bold;
border:1px solid red;
background:#ccc;
}
#menuderoul dd {
border:1px solid orange;
}
#menuderoul li {
text-align:right;
background:#fff;
display:list-item;
}
#menuderoul li a, #menuderoul dt a {
color:#000;
text-decoration:none;
display:block;
border:0 none;
}
#menuderoul li a:hover, #menuderoul dt a:hover {
background:yellow;
font-size:80%;
}
/*fin du menu déroulant*/
/*début menu navigation dans colonne gauche -----------------------------*/
#gauche {
float:left;
width:15%;
padding:3px;
text-align:center;
border:1px solid #666666;
background-color:#C4DFDF;
}
.tetedecolgoch {
width:95%;
/*height:150px;*/
border:1px outset darkred;
background-image:url(images/blueice.gif);
color:dark;
text-align:center;
font-size:12px;
font-weight:700;
}
#menunav {
margin:5px 3px;
text-align:left;
}
#menunav ul {
display:block;
}
a.bouton {
color:black;
background-color:#6666CC;
width:130px;
height:17px;
display:block;
text-decoration:none;
text-align:center;
font-weight:700;
padding:2px;
border:2px outset #c0c0c0;
}
a.bouton:visited {
background-color:#d9fff7;
color:#660000;
border:2px inset #c0c0c0;
width:130px;
height:17px;
}
a.bouton:hover {
background-image:url(images/wave.gif);
border:2px outset #c0c0c0;
width:130px;
height:17px;
}
/*fin menu navigation -------------------------------------------*/
#entete {
height:185px;
width:96%;
background-image:url(images/fond_entete.jpg);
background-position:right;
background-repeat:no-repeat;
}
/*-------------------------------------------------------------*/
.entetedroite {
float:right;
margin:3px;
Padding:10px;
width:300px;
height:150px;
border:1px outset darkred;
background-image:url(images/papierpeint.gif);
color:darkred;
text-align:center;
font-size:12px;
font-weight:700;
}
#menuhoriz {
height:16px;
margin-left:16%;
width:80%;
text-align:center;
background-color:#B22222;
}
li.menuhoriz {
display:inline;	
color:white;
}
#menuhoriz li a {
color:white;
}
/*début des 4 colonnes de contenu -----------------------------------------*/
#pension {
float:left;
width:25%;
color:#333333;
padding:5px;
}
#plonger {
float:left;
width:20%;
color:#333333;
padding:2px;
}
#excursion {
float:left;
width:18%;
color:#333333;
padding:2px;
}
#commerce {
float:left;
width:15%;
color:#333333;
padding:2px;
}
/*fin des 4 colonnes ------------------------------------------------------------*/
#pied {
clear:both;
margin-left:16%;
width:80%;
font-size:80%;
background-color:#eeeeef;
height:60px;
text-align:center;
}
.maliste {
display:inline;
}
.droite {
float:right;
margin:3px;
Padding:10px;
width:295px;
height:150px;
border:1px outset darkred;
background-image:url(images/papierpeint.gif);
color:darkred;
text-align:center;
font-size:12px;
font-weight:700;
}
.gauche {
float:left;
margin:3px;
Padding:10px;
width:295px;
height:150px;
border:1px outset green;
background-image:url(images/papierpeint.gif);
text-align:center;
font-size:12px;
font-weight:700;
}
.element1 {
float:left;
margin:20px;
padding:10px;
border:1px solid red;
width:85%;
}
.element11 {
float:right;
margin:2px;
Padding:10px;
border:1px solid #00ff00;
background-color:#808000;
}
.element2 {
float:right;
margin:20px;
padding:10px;
border:1px solid red;
width:85%;
}
.element22 {
float:right;
margin:2px;
Padding:10px;
border:1px solid #00ff00;
background-color:#808000;
}
.explique {
float:left;
margin:30px;
padding:15px;
border-left:medium outset #330000;
border-top:medium outset #330000;
font-size:12px;
color:#330000;
}

#conteneur {
margin-left:16%;
width:60%;

}
.tuyau {
border:1px solid black;
background-color:#ffff66;
margin:2px;
padding:2px;
}
.annonce {
padding:5px;
margin:5px 3px;
font-size:150%;
font-weight:700;
color:#ff8000;
}
.subannonce {
margin:5px 3px;
font-size:120%;
text-align:center;
font-style:oblique;
color:#ff8000;
background-color:#C0C09B;
}
.flash {
margin:2px;
font-size:130%;
text-align:center;
font-weight:700;
color:#cc00cc;
}
.xcep {
margin:5px;
font-size:150%;
font-weight:700;
text-align:center;
color:#ffffff;
background-color:#ff0000;
}