body {
position: relative;
width: 900px;
height: 800px;
margin: 3px auto;
padding: 0px;
background: black;
}

div#mainbody {
width: 900px;
background-color: black;
margin: 0px;
padding: 0px;
}

img#logo {
width: 300px;
height: 125px;
top: 50px; 
margin: 20px 0 0 0;
padding: 0px;} 

h4 {
width: 900px;
height: 20px;
margin: 0px;
padding: 0;
color: white;
text-align: right;
font-size: 18px;
font-variant: small-caps;
font-family: sans-serif;
}

div#container {
position: relative;
width: 100%;
height: 520px;
margin: 10px 0 0 0;
padding: 0;
border: 1px dotted black;
}



/* Menu 
#liensindex permet d'éviter que le border-bottom prolongeant celui du frame de droit n'apparaisse sur index.
img#line pour prolongement de l'élipse sur page d'accueil
*/
li {
margin: 0px;
padding: 0px 0 20px 0;
font-weight: 900;
}

ul#liens {
position: absolute;
top: 30px; left: 20px;
width: 180px;
height: 375px;
margin: 0px;
padding: 0;
color: white;
background-color: black;
font-size: 16px;
font-variant: small-caps;
list-style-type: circle;
border-bottom: 1px solid #ffdd40;
}

/* */ 
ul#liensindex {
position: absolute;
top: 30px; left: 20px;
width: 150px;
height: 375px;
margin: 0px 0 0 0;
padding: 0 20px 10px 0px;
border: 0px solid #ffdd40;
color: white;
font-size: 16px;
font-variant: small-caps;
list-style-type: circle;
}


a, a:visited {
margin: 0;
padding: 0px;
color: #ffdd40;
text-decoration: none;
font-family: sans-serif;
font-weight: 400;
}

a:hover {
font-weight: 900;
color: white;
}


/* Affiche sur la partie droite de la page */
div#right {
float: right;
margin: 30px 0px 0 0;
padding: 0px;
height: 375px;
width: 700px;
border-right: 1px solid #ffdd40;
border-bottom: 1px solid #ffdd40;
} 

div#right p {
margin: 20px 30px 10px 10px;
color: white;
background-color: black;
font-size: 16px;
font-family: sans-serif;
font-variant: small-caps;
text-align: justify;
}

div#right p:first-letter {
font-size: 125%;
}

div#right b {
color: #ffdd40;
}

div#right h4 {
margin: 0px;
padding: 0;
color: white;
text-align: right;
font-size: 18px;
font-variant: small-caps;
font-family: sans-serif;
}

div#right img {
padding: 0px;
margin: 0px;
border: none;
}

a#map {
text-align: center;
}

/* Info form */
table#form_table {
margin: 30px 0px 0 60px;
padding: 0px;
height: 200px;
width: 600px;
color: white;
background-color: black;
font-size: 16px;
font-family: sans-serif;
font-variant: small-caps;
text-align: justify;
}


/* Imgs */
img#terrasse {
float: right; 
width: 700px;
height: 373px;
margin: 30px 0;
padding: 0;
}

img#line {
position: absolute;
top: 398px; left: 0;
height: 4px;
width: 470px;
}

img#map {
position: absolute;
bottom: 50px; left: 400px;
margin: 0px;
padding: 0;
height: 200px;
width: 250px;
}

img#latifjaune {
position: absolute;
bottom: 50px; right: 100px;
margin: 0px;
padding: 0;
height: 200px;
width: 150px;
}

img#cerf {
position: absolute;
bottom: 170px; right: 100px;
margin: 0px;
padding: 0;
height: 200px;
width: 130px;
}