body {
background-image: url("images/fond.jpg");/*banniere*/
background-repeat: repeat;
color:rgb(184,37,97);
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#container{
position:absolute;
height: 1000px;
width: auto;
}

#barrenews{ /* news permanente au dessus du menu */
position: relative;
top: 40px;
width: 800px;
height: 100px;
margin-left: 165px;
padding: 5px;
}

#pubgauche{ /* bandeau pub gauche */
position: absolute;
top: 10px;
left: 5px;
width: 160px;
height: 1000px;
text-align: center;
color:black;
}

#pubdroite{ /* bandeau pub droite */
position: absolute;
top: 10px;
left: 1000px;
width: 160px;
height: 1000px;
text-align: center;
color:black;
}


#banniere{
position: relative;
top: 10px;
margin-left: 290px;
width: 540px;
height: 100px;
background-color: rgb(184,37,97);
background-image: url("images/banniere.gif");/*banniere*/
background-repeat: no-repeat;
background-position: center ;/*pour centrer la banniere*/
border: 3px ridge rgb(245,0,139);
}


#corps {
position: relative;
text-align: justify;
z-index: 1;
width: 800px;
height: 650px; 
top: 60px;
left: 165px;
padding: 5px;
padding-bottom: 50px;
}


html>body #corps {
height: auto;
min-height: 650px;
}

#corps li {
list-style-type: circle;
margin-left : 50px;
padding-top : 10px;
}

#footer {
text-align:center;
position: relative;
margin-top:60px;
margin-left: 165px;
width: 800px;
height: 80px;
font: 70% verdana, arial, sans-serif;
}

#menu {
color:gold;
position: absolute;
font: 90% verdana, arial, sans-serif;
top: 120px;
left: 165px;
z-index: 100;
width: 804px; /* largeur ensemble colonnes menu */
}

#menu dl {
float: left;
width: 160px; /* largeur d'une colonne menu*/
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: rgb(184,37,97);
border: 1px solid rgb(245,0,139);
margin: 1px;
}

#menu dd {
border: 1px solid rgb(245,0,139);
display: none;
}

#menu li {
text-align: center;
background:rgb(184,37,97);
}

#menu li a, #menu dt a {
color:gold;
text-decoration: none;
display: block;
height: 100%;
border: 1px solid rgb(245,0,139);

}

#menu li a:hover, #menu dt a:hover {
background: rgb(245,0,139);
color:rgb(132,53,67);
}


a {

color: blue;
background: transparent;
   border: 0px;
   cursor: pointer;
   color:gb(184,37,97);
   padding: 0;
   font:11px Verdana;
}

h2 {
   text-align: center;
	font-size: 14px;
	background: rgb(184,37,97);
	color: gold; /* les couleurs peuvent être modifiées au choix */
	padding: 8px;
	margin: 20px 0px 10px 0px;
	border: 3px ridge rgb(245,0,139);
}

p {
	text-indent: 40px;
	 font:11px Verdana;
}
.cadre {
	width:760px;
	border: 4px solid rgb(132,53,67);
	padding: 8px;
	margin-top: 20px;
	-moz-border-radius: 20px; /* Cette propriete fonctionne seulement pour les navigateurs utilisant le moteur de rendu Gecko (Firefox) */
	-khtml-border-radius: 20px; /* Cette propriete fonctionne pour les navigateurs Konqueror et Safari*/
}

.cadre_pub {
	width:160px;
	border: 4px solid rgb(132,53,67);
	padding: 8px;
	margin-top: 20px;
	-moz-border-radius: 20px; /* Cette propriete fonctionne seulement pour les navigateurs utilisant le moteur de rendu Gecko (Firefox) */
	-khtml-border-radius: 20px; /* Cette propriete fonctionne pour les navigateurs Konqueror et Safari*/
}
.taille_gauche_allign{
font-size:small;
text-align: left;
} 
/* Les propriétés "-moz-border-radius" et "-khtml-border-radius" ne sont pas validées par le validateur CSS */


caption.tarif /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color:  rgb(245,0,139);
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table.tarif
{
	margin: auto; /* Centre le titre du tableau */
	width: 500px;
	border: 4px outset rgb(245,0,139); /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
}

th.tarif  /* Les cellules d'en-tête */
{
   background-color: rgb(184,37,97);
   color: white;
   font-size: 12px;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td.tarif /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
 img {
 
 border: none;
 }
img.presse1 /* rallyes, croisieres et belles dentelles */
{
margin-top: 20px;
}

img.presse2 /*  article decoupé 1 */
{

position:absolute;
top:100px;
left:535px;

}

img.presse3 /*  article decoupé 2 */
{
position:absolute;
top:300px;
left:535px;
}

img.presse4 /*  article decoupé 3 */
{
position:absolute;
top:500px;
left:535px;
}

img.presse5 /* hotel particulier, villa libertine  */
{
margin-top: 20px;
}

img.presse6 /* l'hebdo express n°2510... */
{
margin-top: 20px;
}

img.presse7 /* les aventuriers */
{
position:absolute;
top:750px;
left:580px;
z-index:-1;
}

img.presse8 /*  libertinage à tous les étages 1 */
{
margin-top: 20px;
}

img.presse9 /* la villa libertine d'Hossegor*/
{
margin-right: 250px;
}

img.voiture1 /* la voiture */
{
vertical-align: top;
margin-top: 100px;
}

img.voiture2 /* l'article */
{
vertical-align: top;
margin-top: 20px;
}

img.messaline1
{
vertical-align: top;
margin-top: 20px;
}

img.messaline2
{
vertical-align: top;
margin-top: 20px;
margin-right: 20px;
}

img.cupidon1
{
vertical-align: top;
margin-top: 50px;
}

img.cupidon2
{
vertical-align: top;
margin-top: 50px;
}

img.aphrodite1
{
vertical-align: top;
margin-top: 50px;
}

img.region
{
margin-left: 200px;
margin-top: 20px;
}

img.salon
{
margin-top: 20px;
}

img.pergola
{
margin-top: 50px;
}

img.liberbel
{
margin-top: 50px;
vertical-align: top;
}
img.rampe
{
margin-top: 30px;
vertical-align: top;
}
img.Michel
{
margin-top: 30px;
margin-left: 150px;
vertical-align: top;
}

img.image19501
{
margin-top: 30px;
margin-left: 10px;
vertical-align: top;
}

img.robelongue
{
margin-top: 30px;
vertical-align: top;
}
img.jupeblanche
{
margin-top: 30px;
vertical-align: top;
}

.text_mini
{
font-size: 8px;
}
.important
{
    font-size: 6px;
}