* {
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
img{
border:none;
}
html{
height:100%;

}

body{
height:100%;
background-color:#070707;
}
#margesite{
width:634px;
min-height:100%;
background:url(images/bgombre.gif) repeat-y;
margin:auto;
}
#bgsite{
width:620px;
height:100%;
margin:auto;
background:url(images/bgcam.jpg) right top no-repeat #000000;
}
#header{
position : relative;
}
.drapeau{
position:absolute;
right:18px;
top:18px;
}
#logo{
margin: 30px 0 0 40px;
}
#test{
width:66px;
height:250px;
background:url(images/bgcam.jpg);
}
#onglets{
float:right;
padding-right:70px;
}
#onglets li{
float:left;
overflow:hidden;
}
#onglets li a{
display:block;
text-indent:-5000px;

height:66px;
}
#onglets .profil a{
width:70px;
background:url(images/profil.gif) top left no-repeat;
}
#onglets .profil a:hover{
width:70px;
background:url(images/profil.gif) top right no-repeat;
}
#onglets .films a{
width:70px;
background:url(images/films.gif) top left;
}
#onglets .films a:hover{
width:70px;
background:url(images/films.gif) top right;
}
#onglets .photos a{
width:70px;
background:url(images/photos.png) top left;
}
#onglets .photos a:hover{
width:70px;
background:url(images/photos.png) top right;
}
#onglets .contact a{
width:85px;
background:url(images/contact.gif) top left;
}
#onglets .selectcontact a{
width:85px;
background:url(images/contact.gif) top right;
}
#onglets .contact a:hover{
width:85px;
background:url(images/contact.gif) top right;
}

#onglets .selectprofil{
width:70px;
background:url(images/profil.gif) top right no-repeat;
}
#onglets .selectprofil a{
width:70px;
background:url(images/profil.gif) top right no-repeat;
}
#onglets .selectfilms{
width:70px;
background:url(images/films.gif) top right no-repeat;
}
#onglets .selectcontact{
width:85px;
background:url(images/contact.gif) top right no-repeat;
}
.photomax{
margin: 15px 0 0 8px;
}
#quisuisje{
float:right;
width:230px;
padding : 100px 50px 0 0;
}
#quisuisje h1{
color:#c8ad6f;
font-family:Arial, Helvetica, sans-serif;
font-variant:small-caps;
font-size:0.9em;
margin-bottom:5px;
}
#quisuisje p{
font-size:0.7em;
}

#zonefilm{
width:340px;
padding : 80px 20px 50px 0;
float:right;
}
#zonefilm h1{

font-size:1.4em;
margin-bottom:10px;
}
#zonefilm h1 .time{
font-size:0.7em;
}
#zonefilm p{
font-size:0.7em;
margin-bottom:7px;
margin-top:10px;
line-height:1.3em;
}
#zonefilm a{
font-variant:small-caps;
font-size:0.8em;
color:#bba168;
text-decoration:underline;

}
#zonefilm a:hover{
text-decoration:none;
}
.film{
margin-bottom:10px;
}
.film img{
border:#141414 1px solid;
}
#listefilm{
margin-left:15px;
width:220px;
background:url(images/mesfilms.gif) top no-repeat;
padding-top:27px;
margin-top:83px;
}


#listefilm ul li a{
color:#bba168;
font-size:0.7em;
font-variant:small-caps;
text-decoration:none;


}
#listefilm li{

height:30px;
line-height:30px;
margin-left:1px;
border-bottom:#161616 1px solid;
padding-left:10px;
}

#listefilm ul li a:hover{
color:#FFFFFF;
}

#listefilm #lifilm01 {
background:url(images/puceliste.gif) no-repeat 0 10px;
}

#listefilm #lifilm01 a{
color:#FFFFFF;
}
#listecontact{
margin-left:15px;
width:220px;
background:url(images/contacttitre.gif) top no-repeat;
padding-top:27px;
margin-top:83px;
}
#listecontact li{
height:30px;
line-height:30px;
margin-left:1px;
border-bottom:#161616 1px solid;
padding-left:10px;
}
#listecontact ul li a{
color:#FFF;
font-size:0.8em;
text-decoration:none;
}
#listecontact ul li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.txtbold{
font-weight:bold;
font-style:italic;
}
.libcontact{
color:#bba168;
font-size:0.7em;
font-variant:small-caps;
}
.tel{
color:#FFF;
font-size:0.75em;
}

#footer{
color:#2e2d2d;
text-align:center;
font-size:0.6em;
background:url(images/lignefoot.gif) top no-repeat;
padding-top:10px;
padding-bottom:20px;
margin-top:80px;
clear:both;
}