/*
        LES DESIRS LE FILM
        TOMBOIS FLORIAN
        Copyright 2008 NAZCA DESIGN
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin : 0; padding : 0; }

ol { list-style : none; }

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

html {
background-color: #5c6f73; }

body {
width : 770px;
margin : 0 auto;
font : 70%/1.8 Calibri, "Lucida Grande", Verdana, sans-serif; color : #333;
text-align : left; }

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

p {
font-size: 1em;
padding-top: 1em; 
}

h1 {
font-size: 2em;
color: #663a38; }

h2 {
font-size: 1.5em;
color: #646638; }

ul {
line-height: 1.8em;
padding: 0.5em 0 0 2em; }

ol {
width : 100%; }

li {
padding-bottom: .5em; }

strong {
color: #663a38; }

acronym, abbr {
border-bottom:1px dotted #fff;
letter-spacing:1px;
cursor: help; }

a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: #99332e;
border: 1px solid;
}

a:hover, a:active {
font-weight: bold;
text-decoration: none;
color: #fff;
background-image: url(graph/Bouton.png);
}

table, td, tr {

}

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

div#header {
width: 100%;
height: 192px;
background-image: url(graph/header.png); }

div#header_sub {
width: 100%;
height: 190px;
background-image: url(graph/Back_tableau.png); }

div#menu {
width: 100%;
height: 40px;
background-image: url(graph/menu.png); }

div#content {
width: 100%;
background-image: url(graph/back_shadow.png); }

div#content_sub {
width: 80%;
background-image: url(graph/background_text.png);
}

div#content_main {
float: left;
width : 424px;
padding: 0 20px 0 30px; }

div#content_sub {
float: right;
width: 245px;
padding: 0 35px 0 15px;
border-left: 1px dotted #d8c5b5;
background-image: url(graph/background_text.png);
background-repeat: no-repeat; }

div#footer_swim {
width: 770px;
height: 192px;
clear: both;
background-image: url(graph/swim.png); }

div#footer {
width: 770px;
height: 68px;
clear: both;
background-image: url(graph/footer.png); }

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

#menu_text a {
float: left;
margin-top: 10px;
margin-left: 30px;
font-family: Calibri, "Lucida Grande", Verdana, sans-serif;
font-size: 1em;
line-height: 1.5em;
font-weight: bolder;
color: #fff;
}

#menu_langue {
float: right;
margin-top: 11px;
margin-right: 40px;
font-family: Calibri, "Lucida Grande", Verdana, sans-serif;
font-size: 0.75em;
color: #fff;
}

#menu_langue a {
color: #fff;
}

#footer p {
padding-top: 8px;
margin-left: 30px;
color: #fff; }

#copy {
float: right;
background-color: transparent; }

#copy p {
font-family: Calibri, "Lucida Grande", Verdana, sans-serif;
font-size: 0.75em;
margin-top: -10px;
margin-right: 30px;
color: #fff; }

#content_main {
font-family: Calibri, "Lucida Grande", Verdana, sans-serif;
font-size: 1em; }

#footer_swim li {
float : left; 
width : 192px;
text-align: center;
background-color : transparent; }


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

.image_left_big {
float: left;
height: 362px;
margin: 10px 10px 0 0;
border: 1px solid #333; }

.image_left_little {
float: left;
height: 123px;
margin: 10px 10px 0 0;
border: 1px solid #333; }

.image_right_medium {
float: right;
height: 198px;
margin: 0 0 10px 10px;
border: 1px solid #333; }

.image_right_little {
float: right;
height: 123px;
margin: 6px 0 6px 6px;
border: 1px solid #333; }

.image_center_medium {
height: 88px;
margin: 0 12px 0 0;
}

.image_left_medium {
float: left;
height: 182px;
margin: 10px 10px 0 0;
border: 1px solid #333; }