body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffe8;
	font-family: Times;
}

#site {
	width: 1062px;
	height: 683px;
	background-image: url(images/fondnewdemo.jpg);
	margin-left: auto; 
  	margin-right: auto;
}

#menu ul li.sous-menu{
	color: #000;
	font: normal normal 13px/19px Times;
	text-decoration: none;
}

#menu ul li.sous-menu a{
	color: #000;
	
}

#menu ul li.sous-menu a:hover{
	color: #FFF;
	background-color: #830803;
}

#menu {
	width: 156px;
	margin-left: 77px;
	padding-top: 210px;
	float: left;
}

div#contenu {
	float: left;
	margin-top: 254px;
	margin-left: 31px;
	width: 530px;
	height: 380px;
}

#menu ul li.categorie {
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#menu ul .fd {
	background: url(images/fd_menu.png) no-repeat;
	height: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact h3 {
	font-size: 13px;
	margin: 11px 0 1px;
	font-variant: small-caps;
	text-align: center;
}

.contact h4 {
	font-size: 13px;
	color: #910000;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: normal;
}

.contact p {
	font-size: 13px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact a {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #910000;
}

#droite {
	float: left;
	width: 155px;
	margin-left: 29px;
	margin-top: 0;
	padding: 0;
}

#c1 {
	margin-top: 255px;
}

#contenu div.slideshow div.imgCentre img {
	border: 5px solid #ccc;
}

#c2 {
	top: 500px;
	position: absolute;
	width: 160px;
}

#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #820700;
	font: italic bold 18px Times;
	text-align: center;
}

#menu ul li img.separateur {
	margin-top: 6px;
	margin-bottom: 3px;
}

#menu ul a{
	color: #820700;
	text-decoration: none;
	display: block;
}

#menu ul li a.bas {
	display: inline;
	border: 0;
}

#menu ul li a.bas img {
	border: 0;
}

#footer {
	color: #820700;
	text-align: center;
}

#contenu div.slideshow div.imgCentre h2 a {
	color: #000;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	background-color: #c1c1c1;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	font-size: 20px;
}

#filmographie h1 {
	margin: 1px 140px 0 102px;
	text-align: center;
	font: normal normal 20px "Times New Roman", Times, serif;
}

a, a:visited {
	color: #820700;
}

#filmographie div.nous ul {
	
}

a:hover {
	color: #530200;
}

div.nous {
	text-align: justify;
	position: absolute;
	top: 245px;
	width: 505px;
	border-style: solid;
	border-color: #8e0000;
	font-size: large;
	background-color: #fffff6;
	padding: 10px;
	height:363px;
	overflow:auto;
}

div.nous_liens {
	text-align: justify;
	position: absolute;
	top: 245px;
	width: 239px;
	border-style: solid;
	border-color: #8e0000;
	font-size: large;
	background-color: #fffff6;
	padding: 10px;
	height: 362px;
	margin-left: 118px;
	font-size:16px;
}

#filmographie div.nous_liens ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}

iframe {
	background-color: #fffff6;
	border-style: solid;
	border-color: #b9b9ba;
}




/*supplément */
#div-filmo
{
background-color:#ebebeb;
width: 694px;
height:445px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:3px 0px 0px 10px;
padding: 4px 8px 4px 8px;
}

#div-filmo h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#820700;
margin:0px 0px 10px 0px;
padding:0px;

}

.affiches 
{
width: 694px;
margin:0px 0px 10px 0px;
padding:0px;
}

.affiches table
{
border-collapse:collapse;
border:none;
margin:0px;
padding:0px;
}

.affiches table td
{
width:116px;
text-align:left;
vertical-align:top;
}


.titre-film
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px; /*10px;*/
}

#div-filmo h2
{
width:688px;
max-width:688px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#820700;
margin:0px;
padding:0px;
border-bottom:1px solid #820700;
}

.par-genre
{
width:117px;
max-width:117px;
/*margin:15px 0px 0px 0px;*/
margin:0px;
padding:2px 4px 2px 4px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#820700;
}

.par-genre a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.par-genre a:hover
{
text-decoration:underline;
}

.contenu-film
{
clear:both;
width:550px;
max-width:550px;
height:186px;
float:left;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:5px 0px 0px 0px;
padding:0px;
}



.contenu-film h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#535353;
margin:0px;
padding:4px 0px 2px 0px;
}

.div-droite-film
{
width:125px;
max-width:125px;
margin:0px 0px 0px 13px;
padding:0px;
float:left;
position:relative;
}

.liens-droite
{
position:absolute;
top:135px; /*146px;*/
left:0px;
margin:0px;
padding:0px;
width:117px;
text-align:center;
}

.liens-droite a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#820700;
text-decoration:none;
}

.liens-droite a:hover
{
text-decoration:underline;
}


div#wn { 
    position:relative; 
    width:550px; 
	height:186px; 
    overflow:hidden; 
	}

div#scrollLinks {
    position:relative;
	float:right;
    width:15px; 
    margin:0px 0px 0px 0px;
	padding:0px;
    }
div#scrollLinks .up {
    background-image:url('images/tri-up.png');
    background-repeat: no-repeat;
    width:12px; height:12px; 
	margin:155px 0px 0px 0px;
	padding:0px;
    
    }
div#scrollLinks .down {
    background-image:url('images/tri-dn.png');
    background-repeat: no-repeat;
    width:12px; height:12px; 
    margin:5px 0px 0px 0px;
	padding:0px;
    }
	
/* safari, chrome, opera have very prominent outline by default 
   opera shows outline movement with scrolling and won't allow none
   set to suit your page design
*/
div#wn:focus {
    outline:1px dotted #eee;
    }
	
.dont-f
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
font-style:italic;
}

#gallery {
margin:0px;
padding:0px;
clear:both;
}

#gallery ul { 
list-style: none;
width: 694px;
margin:0px 0px 10px 0px;
padding:0px;
border:none;
}

#gallery ul li { 
display: inline; 
padding:0px 3px 0px 0px;
margin:0px;
border:none;
}

#gallery ul li a { 
padding:0px;
margin:0px;
border:none;
background:none;
color:#ebebeb;
}

#gallery ul img {
border:none;
margin:0px;
padding:0px; 
text-align:left;
vertical-align:top;
}
	


/*actualités */
#div-actu
{
background-color:#ebebeb;
width: 689px;
height:448px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:3px 0px 0px 10px;
padding: 4px 8px 0px 13px;
}

#div-actu h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#820700;
margin:5px 0px 10px 0px;
padding:5px 0px 10px 5px;
}

#div-actu h2
{
width:468px;
max-width:468px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#820700;
margin:0px;
padding:0px;
border-bottom:1px solid #820700;
}

.entete-actu
{
width:684px;
height:108px;
background-image: url(images/fond-actu.jpg);
margin:0px;
padding:0px;
}

.mois-actu
{
clear:both;
width:654px;
max-width:654px;
margin:10px 5px 5px 0px;
padding:2px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.texte-mois-actu
{
width:468px;
min-height:120px;
float:left;
margin:0px 16px 0px 0px;
padding:0px;
text-align:justify;
}

.photo-mois-actu
{
width:160px;
max-width:160px;
height:120px;
max-height:120px;
float:left;
margin:16px 0px 5px 0px;
}

div#scrollzone { 
position:relative; 
float:left;
width:647px; 
height:300px; 
overflow:hidden; 
}

#scrollLinksac {
position:relative;
float:left;
width:15px;
margin:280px 0px 0px 5px;
padding:0px;
}

.testdiv
{
position:relative;
float:left;
width:15px;
margin:280px 0px 0px 5px;
padding:0px;
background:black;
}

div#scrollLinks.spelc {
position:relative;
float:left;
width:15px;
margin:115px 0px 0px 15px;
padding:0px;
background:none;
    }
	
	
.texte-mois-actu ul
{
margin:5px 0px 5px 20px;
padding:0px;
}

.texte-mois-actu ul li
{
margin:0px;
padding:1px 0px 0px 15px;
}

#liensfbt
{
clear:both;
width: 689px;
height:21px;
background-color:#878785;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FFFFFF;
margin:6px 0px 0px -13px;
padding: 4px 8px 4px 13px;
}

a.arse
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

a.arse:hover
{
text-decoration:underline;
}

.juin2012
{
margin:10px 0px 10px 36px;
padding:0px;
}

.juin2012 img
{
margin:0px 10px 0px 0px;
border:none;
background:none;
width:107px;
height:80px;
}

.juin2012 a
{
margin:0px;
padding:0px;
text-decoration:none;
background:none;
}

.contact h3.actuh3
{
color: #820700;
font: normal bold 16px Times;
font-style:italic;
}

#c2 a
{
color:#000000;
}

a.knowmore
{
text-decoration:none;
font-style:italic;
display:block;
padding-top:4px;
color:#003d95;
}

a.knowmore:hover
{
text-decoration:underline;
color:#003d95;
}

.photoab
{
width:160px;
max-width:160px;
float:left;
margin:16px 0px 5px 0px;
}

.photo-mois-actu-a, .photo-mois-actu-b
{
width:160px;
max-width:160px;
height:120px;
max-height:120px;
margin:0px 0px 5px 0px;
}

.photo-mois-actu-b {margin:15px 0px 5px 0px;}

.separ-actu
{
clear:both;
width:0px;
height:10px;
background:none;
border:none;
}

.venirnousvoir
{
margin-top:17px;
text-align:center;
}

.mailsdecontact
{
margin-top:10px;
}

.livres-liens
{
border-top:1px dashed #820700;
margin-top:15px;
padding-top:6px;
width: 240px;
}

.livres-liens2
{
margin-top:5px;
width: 220px;
margin-left: 10px;
}

.livremireille
{
float:left;
width:75px;
height:88px;
margin:8px 5px 5px 0px;
padding:0px;
}

.lienbookm
{
margin:5px 0px 0px 0px;
padding:0px;
}

.contrelivre
{
float:left;
width:353px;
margin:10px 0px 0px 0px;
}