body { font-size: 1em; font-family: arial, tahoma, helvetica, verdana; background-color: #ededed; background-image: none; background-repeat: no-repeat; background-position: center 0; text-align: center; margin: 0; padding: 0; }
#global { text-align: left; width: 790px; margin-right: auto; margin-left: auto; display: block; }
#tete { text-align: left; width: 790px; height: 135px; float: left; clear: both; border-bottom: 4px solid black; display: block; }
#logo { position: relative; top: 20px; left: 0; width: 790px; height: 100px; float: left; display: block; }
#anim { position: relative; top: 0; right: 0; width: 420px; height: 180px; float: right; display: block; }
#menu { background-image: none; background-repeat: no-repeat; width: 150px; float: left; clear: both; margin: 10px 0 20px 0; padding: 0; }
#menu ul { width: 150px; float: left; margin: 0; padding: 0; }
#menu li { font-size: 0.8em; font-family: "Arial Black", arial; line-height: 1.5em; text-decoration: none; width: auto; height: 20px; float: left; margin-bottom: 5px; list-style-type: none; list-style-image: none; }
#menu li a { color: black; text-decoration: none; width: auto; height: 20px; float: left; margin: 0; padding-right: 10px; padding-left: 15px; display: block; }
#menu li a:hover { color: white; background-color: #000; background-image: none; background-repeat: repeat-x; text-decoration: none; width: auto; height: 20px; float: left; padding-right: 10px; padding-left: 15px; }
#menu li a:active { color: #fd9029; text-decoration: none; width: auto; height: 20px; float: left; padding-right: 10px; padding-left: 15px; }
#menu .linkon { color: white; text-decoration: none; background-color: #000; background-image: none; background-repeat: repeat-x; padding-right: 10px; padding-left: 15px; width: auto; height: 20px; float: left; }
.box { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_box.gif); background-repeat: repeat-x; width: 350px; height: auto; float: left; padding: 12px 10px 8px; display: block; }
.boxover { background-color: #f09302; background-repeat: repeat-x; display: block; padding: 12px 10px 8px; width: 350px; height: auto; float: left; }
.vignette { float: left; margin-right: 10px; }
.boxtxt { color: white; font-size: 0.7em; width: 180px; float: left; margin-right: 10px; }
.boxtxt a { color: white; text-decoration: none; }
.etat { float: right; }
/*------------------*/
#corps { width: 790px; height: auto; float: left; clear: both; margin: 0; padding-top: 0; padding-right: 0; padding-left: 0; }
#colgauche { color: #414141; font-size: 0.9em; background-color: #fafafa; text-align: justify; width: 580px; height: 100%; float: left; clear: left; min-height: 390px; margin: 0; padding: 20px; border-right: 4px solid black; }
#colgauche p { width: 540px; }
#colgauche h1 { font-size: 1.5em; width: 560px; margin-top: 0; padding-top: 0; border-bottom-style: dotted; border-bottom-width: 1px; }
#colgauche a { color: #fd9029; text-decoration: none; }
#colgauche a:hover { text-decoration: underline; }
#coldroite { width: 160px; height: 100%; float: right; clear: right; margin: 0; padding: 10px 0 10px 0; }
#reseau { width: 130px; margin-left: 15px; }
#reseau h1 { font-size: 0.9em; font-family: "Arial Black", arial; line-height: 0.75em; border-bottom: 3px solid black; }
#listefilms { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_box.gif); background-repeat: repeat-x; display: block; padding: 12px 10px 8px; width: 440px; height: auto; float: left; }
.boxbig { background-color: #fff; background-repeat: repeat-x; display: block; padding: 12px 10px 8px; width: 420px; height: auto; float: left; margin-bottom: 10px; }
.boxbigover { background-color: #f09302; background-repeat: repeat-x; display: block; padding: 12px 10px 8px; width: 420px; height: auto; float: left; margin-bottom: 10px; }
.vignettebig { margin-right: 10px; float: left; }
.boxtxtbig { color: white; font-size: 0.7em; margin-right: 10px; width: 180px; float: left; }
.boxtxtbig a { color: white; text-decoration: none; }
#news { font-size: 0.75em; background-repeat: no-repeat; display: block; padding: 15px 0 10px; width: 560px; float: left; clear: both; margin: 0; }
#news h1 { font-size: 2em; font-family: "Arial Black", arial; line-height: 0.7em; border-bottom-style: solid; border-bottom-width: 3px; }
#news a { color: #5b3100; text-decoration: none; }
#news a:hover { color: #5b3100; text-decoration: underline; }
#news .content { color: #464646; margin-right: 10px; margin-left: 45px; }
.date { }
/*------------------*/
#pied { background-image: url(../_img/logos.gif); background-repeat: no-repeat; background-position: 0 10px; width: 790px; height: 50px; float: left; clear: both; border-top: 4px solid black; }
#credits { color: gray; font-size: 0.7em; position: relative; top: 5px; right: 0; float: right; clear: right; }
#credits a { color: gray; text-decoration: none; }
#credits a:hover { color: silver; }
a:link { }

a:visited { }

a:hover { }

a:active { }
/*-----*/
#menu2 { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_menu.gif); background-repeat: no-repeat; width: 790px; height: 40px; z-index: 10; float: left; clear: both; display: block; }
#containermenu { position: absolute; top: 180px; left: 50%; width: 790px; z-index: 200; float: left; clear: none; margin-left: -395px; }
#accueil { color: white; text-decoration: none; width: 80px; padding-right: 10px; padding-left: 10px; height: 40px; float: left; clear: none; display: inline; }
#equipe { color: white; text-decoration: none; width: 400px; float: left; clear: none; margin-left: -20px; display: inline; }
#titreequipe { color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; width: 100px; height: 40px; float: left; clear: both; }
#ssequipe { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_ssmenu.gif); background-position: 0 bottom; width: 370px; visibility: hidden; float: left; padding: 10px 15px; border: solid 1px green; }
#fictions { color: white; text-decoration: none; width: 400px; float: left; margin-left: -270px; display: inline; }
#titrefictions { color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; width: 100px; height: 40px; float: left; clear: both; }
#ssfictions { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_ssmenu.gif); background-position: 0 bottom; width: 370px; visibility: hidden; float: left; margin-left: -50px; padding: 10px 15px; border: solid 1px blue; }
#docu { color: white; text-decoration: none; display: inline; margin-left: -270px; width: 400px; float: left; }
#titredocu { color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; width: 100px; height: 40px; float: left; clear: both; }
#ssdocu { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_ssmenu.gif); background-position: 0 bottom; visibility: hidden; padding: 10px 15px; width: 370px; float: left; margin-left: -100px; border: solid 1px blue; }
#corporate { color: white; text-decoration: none; display: inline; margin-left: -270px; width: 400px; float: left; }
#titrecorporate { color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; width: 100px; height: 40px; float: left; clear: both; }
#sscorporate { background-image: url(../../../../../arts films/web/arts-films/web-content/_img/fd_ssmenu.gif); background-position: 0 bottom; visibility: hidden; margin-left: -100px; padding: 10px 15px; width: 370px; float: left; border: solid 1px blue; }
.menu { }
.ssmenu { }
.lienblanc { color: #fff; text-decoration: none; }
/**/
a#toggle1, a#toggle2, a#toggle3,a#toggle4,a#toggle5 { color: white; font-size: 1em; font-weight: bold; background-color: #4b4b4b; text-decoration: none; text-indent: 10px; width: 560px; margin: 0; padding-top: 2px; padding-bottom: 2px; display: block; }
a:hover#toggle1, a:hover#toggle2, a:hover#toggle3,a:hover#toggle4,a:hover#toggle5 { color: #fd9029; font-size: 1em; text-decoration: none; text-indent: 10px; display: block; margin: 0; padding-top: 2px; padding-bottom: 2px; width: 560px; }
a:active#toggle1, a:active#toggle2, a:active#toggle3,a:active#toggle4,a:active#toggle5 { color: #fd9029; font-size: 1em; text-decoration: none; text-indent: 10px; display: block; margin: 0; padding-top: 2px; padding-bottom: 2px; width: 560px; }
#bloc1,#bloc2,#bloc3,#bloc4,#bloc5 { width: 550px; margin: 0; padding: 5px; }
.cadre { width: 560px; margin: 0 0 10px; padding: 0; border: solid 1px gray; }