*
{
margin: 0;
padding: 0;
border: 0;
}

body
{
margin: 0;
padding: 0;
text-align: center;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
background: #ab9d9c url(img/largebg.jpg) top center no-repeat;
width: 100%;
display: table;
color: #202020;
line-height: 20px;
}

.wrap1 {float:left; width: 80px;}
.wrap2 {float:left; width: 160px;}
.wrap3 {float:left; width: 240px;}
.wrap4 {float:left; width: 320px;}
.wrap5 {float:left; width: 400px;}
.wrap6 {float:left; width: 480px;}
.wrap7 {float:left; width: 560px;}
.wrap8 {float:left; width: 640px;}
.wrap9 {float:left; width: 720px;}
.wrap10 {float:left; width: 800px;}
.wrap11 {float:left; width: 880px;}
.wrap12 {float:left; width: 960px;}

.auto{width: 960px;margin: 0 auto; text-align: left;}
.clear {clear: both;}
.hidden {display: none;}
.left {float: left;}
.right {float: right;}
em {font-weight: bold; text-decoration: none; font-style: normal;}
.cesure {white-space: nowrap;}
.center {text-align: center;}

p, li, li p
{
font-size: 14px;
}

p, ul, ol
{
margin: 10px;
}

li
{
list-style: outside square;
margin: 0 0 0 15px;
}

a
{
color: #707070;
text-decoration: underline;
}

a:hover
{
color: #202020;
text-decoration: underline;
}

/* ************************************************************************* */

.mauve
{
color: #8a6866;
}

p.light
{
color: #707070;
margin: 10px 10px 10px 30px;
}

h1
{
margin: 20px 0;
}

h2
{
font-size: 30px;
line-height: 40px;
margin: 10px;
color: #707070;
font-family: Georgia, serif;
font-weight: normal;
margin: 10px;
}

h3
{
font-size: 16px;
font-family: Georgia, serif;
color: #804f4b;
font-weight: bold;
margin: 10px;
}

h3 a
{
text-decoration: none;
}

#sstitre p
{
margin: 150px 0 0 30px;
font-size: 22px;
font-weight: bold;
}

.gds
{
margin: 44px 0 0 0;
}

.gds p
{
font-size: 16px;
}

#mediaspace
{
height: 310px;
text-align: center;
width: 480px;
float: left;
padding: 0 0 15px 0;
background: transparent url(img/shade400.png) bottom center no-repeat;
}

#page
{
width: 800px;
margin: 20px 0 0 160px;
padding: 0 0 30px 0;
background: #dedad2 url(img/pagebg.jpg) repeat-y;
min-height: 660px;
}

.borderlight
{
border: solid 1px #cdcdcd;
}

#header
{
width: 800px;
margin: 30px 0 0 160px;
}

.separ
{
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #b5b5b5;
margin: 29px 10px;
}

.annonce
{
padding: 0 30px;
}

.annonce img
{
float: left;
margin: 10px;
}

p#sortie
{
font-size: 24px;
color: #858585;
font-weight: bold;
}

p#datesortie
{
font-size: 28px;
color: #202020;
font-weight: bold;
text-transform: none;
}

.lien p
{
text-align: left;
margin: 20px 0 30px 10px;
}

.lien p a
{
background: transparent url(img/arrow.gif) 0 0 no-repeat;
display: block;
height: 20px;
width: 170px;
color: #202020;
text-decoration: none;
padding: 0 0 0 10px;
}

.lien p a:hover
{
background: transparent url(img/arrow.gif) 0 -20px no-repeat;
}

#nav
{
margin: 0 0 20px 0;
background: transparent url(img/navbg.jpg) top repeat-x;
}

#nav ul
{
margin: 0 20px;
}

#nav li
{
float: left;
list-style: none;
text-align: center;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#nav li a
{
display: block;
float: left;
height: 20px;
color: #202020;
text-decoration: none;
padding: 10px 10px 30px 10px;
}

#nav li a:hover
{
background: transparent url(img/nvcurh.gif) bottom center no-repeat;
color: #505050;
}

#associations #nav li a.supplements,
#contact #nav li a.contact,
#distrib #nav li a.film,
#extraits #nav li a.extraits,
#galerie #nav li a.supplements,
#generique #nav li a.film,
#genese #nav li a.film,
#index #nav li a.accueil,
#jmcarre #nav li a.realisateur,
#justice #nav li a.supplements,
#personnages #nav li a.film,
#projections #nav li a.projections,
#realisateur #nav li a.realisateur,
#sequences #nav li a.extraits,
#handicap #nav li a.supplements,
#feminisme #nav li a.supplements,
#journee #nav li a.supplements,
#livre-dvd #nav li a.film,
#organisation #nav li a.supplements,
#claudette #nav li a.supplements,
#presse #nav li a.presse,
#reactions #nav li a.reactions
{
background: transparent url(img/nvcur.gif) bottom center no-repeat;
color: #ffffff;
}

#footer
{
width: 800px;
margin: 10px 0 100px 160px;
padding: 20px 0 30px 0;
background: #000000 url(img/footerbg.jpg) top center no-repeat;
}

#footer p
{
color: #f4f4f4;
}

#footer a
{
color: #bdbdbd;
text-decoration: none;
font-weight: bold;
padding: 0 5px 0 30px;
background: transparent url(img/foota.jpg) 0 0 no-repeat;
}

#footer a:hover
{
color: #f4f4f4;
text-decoration: none;
font-weight: bold;
background: transparent url(img/foota.jpg) -400px 0 no-repeat;
}

#footer li
{
list-style: none;
margin: 0 10px 0 40px;
}

#footer .annonce img
{
margin: 10px -40px 10px 10px;
}

#signature
{
margin: 20px 0;
}

#signature p
{
font-size: 12px;
color: #808080;
}

#signature p a
{
text-decoration: underline;
color: #808080;
background: transparent;
padding: 0;
}

#signature p a:hover
{
text-decoration: underline;
color: #f4f4f4;
background: transparent;
}

#banner
{
width: 420px;
height: 235px;
padding: 0 0 15px 0;
background: transparent url(img/shade400.png) bottom center no-repeat;
}

p.top
{
text-align: right;
font-size: 10px;
margin: 10px 10px -20px 10px;
}

p.top a
{
color: #859f81;
text-decoration: none;
}

p.top a:hover
{
color: #859f81;
text-decoration: underline;
}

ul.navbis li
{
list-style: none;
padding: 0 0 0 10px;
margin: 0;
background: transparent url(img/arrowbis.gif) 0 5px no-repeat;
}

ul.navbis li a
{
text-decoration: none;
display: block;
padding: 0 0 0 10px;
color: #555555;
font-weight: bold;
}

ul.navbis li a:hover
{
text-decoration: none;
color: #202020;
background: #e3d7d7;
}

#envoi
{
margin: 40px 0;
}

label
{
font-size: 12px;
margin: 0 10px;
}

label span
{
color: #ff0000;
}

#nom, #email, #message
{
width: 238px;
max-width: 278px;
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
line-height: 20px;
padding: 2px 0;
margin: 0 10px 15px 10px;
background: #ebefe8;
border: solid 1px #bdbdbd;
}

#button
{
position: absolute;
color: #f4f4f4;
text-align: center;
background: transparent url(img/bouton.gif) 0 0 no-repeat;
width: 70px;
height: 20px;
margin: 0 10px;
cursor: pointer;
}

#button:hover
{
background: transparent url(img/bouton.gif) 0 -20px no-repeat;
}

#button:active
{
background: transparent url(img/bouton.gif) 0 -40px no-repeat;
padding: 2px 0 0 2px;
}

.galerie
{
float: left;
width: 210px;
}

.galerie img
{
width: 180px;
border: solid 5px #ab9d9c;
}

.galerie img:hover
{
width: 170px;
border: solid 10px #ab9d9c;
}

.canard
{
width: 390px;
margin: 20px 10px;
height: 200px;
overflow: hidden;
border: solid 5px #ab9d9c;
}

.canard img
{
width: 390px;
margin: 0;
}

.canard:hover
{
width: 380px;
height: 190px;
border: solid 10px #ab9d9c;
}

.canard:hover img
{
width: 390px;
margin: -5px;
}

p.quotation
{
font-style: italic;
padding: 0 0 0 40px;
margin: 20px 10px;
background: transparent url(img/guill.gif) 0 5px no-repeat;
width: 340px;
}

p.renvoi
{
font-style: italic;
font-size: 13px;
color: #555555;
}

.graphie li, #programmation li
{
color: #c16f1e;
font-weight: bold;
}

.graphie li p, #programmation li p
{
color: #202020;
font-weight: normal;
}

.graphie li ul, #programmation li ul
{
margin: 0 0 0 30px;
}

.graphie li li, #programmation li li
{
color: #404040;
font-weight: normal;
font-style : italic;
font-size: 13px;
list-style: circle;
}

.graphie img
{
float: right;
margin: 10px 0 20px 20px;
clear: both;
}

p.floatright img
{
float: right;
margin: 20px 0;
}

.graphie li, #programmation li
{
margin: 20px 0 0 0;
}

.graphie li p
{
margin: 20px 0 10px 0;
}

#programmation li p
{
margin: 10px 0;
}

.graphie li li, #programmation li li
{
margin: 0;
}