/* GENERAL*/

html, body {
background-color: #ccc;
margin: 0;
padding: 0;
font-family:verdana;
font-size: 11px ;
}

#compteur {
position:absolute;
left:-5000px;
top:-5000px;
visibility:hidden;
text-indent:-5000px;
display:none;
background: transparent ;
margin: 0;
padding: 0;
}

table{
background-color: #fff;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
height:13px;
}
td {
background-color: #fff;
border: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}


#container {
background-image: url(images/fondcontainer.jpg);
background-repeat:   repeat-y;
background-color:  transparent ;
float: left;
left: 0;
top: 0;
width: 800px;


}


/* BLOC LEFT */

#left {
height:500px;
background-image: url(images/fondleft.jpg);
background-repeat: no-repeat;
background-color:  #095092 ;
float: left;
width: 230px;
margin: 0;
padding: 0;
}
#left img {
margin: 0;
padding: 0;
border:0;
}


/* NAVIGATION PRINCIPALE */


#menu {
background: transparent;
font-family: Verdana;
float: left;
width: 230px;
text-align:right;
font-size: 15px ;
font-weight: bold;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}

#menu ul {
list-style: none;
margin: 20px 15px 0px 0px;
padding: 0;
font-size: 0.8em;
}

#menu li {
line-height: 16px;
}

#menu a {
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;
font-size: 11px ;
}

#menu a:hover {
color: #99CCCC;
}


/* CONTENU RIGHT */

#right {
background-color:  transparent ;
float: left;
width: 527px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;

}

#right h1 {
font-family:Georgia;
font-size: 15px ;
font-weight: bold;
color: #095092;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 5px 20px;
}
#right h2 {
font-size: 12px ;
font-weight: bold;
color: #666;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 5px 20px;
}
#right h3 {
font-weight: normal;
font-size: 11px;
color: #666;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 30px 250px;
}

#right p {
font-weight: normal;
colo7?r: #666;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
margin: 4px 0px 10px 20px;
}
.filet {
background-image: url(images/filet.jpg) ;
background-repeat: no-repeat;
background-color:  transparent ;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
clear: both;
width: 520px;
font-size: 1px ;
}

.poster
{ background-color: #fff ;
float: left ;
width: 150px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 6px 0px;

 }
 
 .titre {
font-family:Georgia;
font-size: 13px ;
font-weight: bold;
color: #666;
letter-spacing: 1px;
padding: 0;
margin: 0;
}

 
 .fleche
{ background-color: #fff ;
float: left ;
padding: 0px 4px 0px 0px;
margin: 0px 0px 0px 0px;
 }
 
 
.fotosmall {
background-color: #fff ;
float: left ;
padding: 0px 0px 0px 0px;
margin: 0px 4px 5px 0px;
}
.bande {
background-color: #fff ;
padding: 0;
margin: 0;
}

 
a.lien {
font-family: verdana, arial, helvetica, sans-serif;
color: #89BEBE;
text-decoration: underline;
font-size: 11px ;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

a.lien:hover {
color: #666;
}
.bandeaucata
{ background-color: #fff ;
float: left ;
width: 520px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
 }
#formdirect {
background-color: transparent ;
width: 460px;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
 }
#formcontact
{ background-color: transparent ;
float: left ;
width: 460px;
text-align:right;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}
.inputcontact {
margin: 0;
background-color:#fff;
color:#000;
width:300px;
font-size: 11px ;
}
.textareacontact {
border:1px solid black;
color:#000;
width:300px;
}
a.next  {
font-family: verdana, arial, helvetica, sans-serif;
color: #666;
text-decoration: underline;
font-size: 11px ;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

a.next:hover {
color: #333;
}

/* FOOTER */


#blank {
padding: 0;
margin: 0;
visibility: hidden;
width: 100%;
clear: both;
}
#footer {
background:  #000;
font-size: 10px ;
color: #fff;
float: left;
width:792px;
padding:4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
clear: both;
}
#footer a {
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;
font-size: 10px ;
padding:0px 4px 0px 4px;
margin: 0px 0px 0px 0px;
}

#footer a:hover {
color: #99CCCC;
}

/* FORM */



.image {
margin: 0;
background-color:#fff;
color:#000;
width:13px;
height:13px;
padding: 0;
margin: 0;
}






