*{padding:0; margin:0}
body{font-family:Arial, sans-serif; font-size:12px; margin-top:20px}
ul{list-style:none}
fieldset{border:none}
a img{border:none}
#header{position:relative; z-index:1; border:dotted 1px White; background-imag:url(../jpg/banner.jpg); background-repeat:no-repeat; background-position:0 20px; width:760px; margin:0 auto; height:150px;}
#header object{position:absolute; top:11px}
ul#quickSearch{position:absolute; top:-8px; width:760px; z-index:666;}
ul#quickSearch li{float:left; padding-right:5px; font-size:12px; color:#666}
ul#quickSearch li a{color:#666; text-decoration:none}

ul#quickSearch li#recherche {/*float:right; text-align:right*/position:absolute; top:172px; float:none; clear:left; z-index:1}
ul#quickSearch li#recherche input,ul#quickSearch li#recherche4 input,ul#quickSearch li#recherche3 input{/*height:12px;*/ font-size:10px}

ul#quickSearch li#recherche2 {/*float:right; text-align:right*/position:absolute; top:182px; float:none; clear:left; z-index:1}
ul#quickSearch li#recherche2 input{/*height:12px;*/ font-size:10px}

ul#quickSearch li#recherche3 {/*float:right; text-align:right*/position:absolute; top:200px; float:none; clear:left; z-index:1}
ul#quickSearch li#recherche4 {/*float:right; text-align:right*/position:absolute; top:160px; float:none; clear:left; z-index:1}

ul#quickSearch li#namePanier{padding-left:80px; padding-right:10px}

ul#navigation{padding-top:131px; padding-botto:60px}
ul#navigation li{float:left; width:151px; height:16px; background-color:#634242; border-right:1px white solid; border-bottom:1px white solid}
ul#navigation li.services{border-righ:2px solid #634242; border-bottom:1px solid White; width:146px;}

ul#niveau2 li{float:left; width:151px; height:16px; background-color:#664443; font-size:14px; text-transform:uppercase; color:White; border-right:1px white solid;  border-bottom:1px white solid}
ul#niveau2 li.services{border-right:none; width:150px}

ul#niveau3 li{float:left; width:18px; height:15px; background-color:#987A7A; text-align:center; font-size:12px; text-transform:uppercase; color:White; border-right:1px white solid}
ul#niveau3 li.services{border-right:none; width:17px}

/*ul#niveau3 li.active, ul#niveau2 li.active {background-colo:#ad2929}*/
ul#niveau3 li.active, ul#niveau2 li.active {background-colo:#210927}

/*nav home*/
ul#navigationHome{padding-top:140px; padding-botto:60px}
ul#navigationHome li{float:left; width:151px; height:16px; background-color:#666677; border-right:1px white solid; border-bottom:1px white solid}
ul#navigationHome li.services{border-righ:2px solid #634242; border-bottom:1px solid White; width:146px;}

ul#niveau2Home li{float:left; width:151px; height:16px; background-color:#bbaabb; font-size:14px; text-transform:uppercase; color:White; border-right:1px white solid;  border-bottom:1px white solid}
ul#niveau2Home li.services{border-right:none; width:150px}

ul#niveau3Home li{float:left; width:18px; height:15px; background-color:#cccccc; text-align:center; font-size:12px; text-transform:uppercase; color:White; border-right:1px white solid}
ul#niveau3Home li.services{border-right:none; width:17px}


ul#niveau2Service li{float:left; width:151px; height:16px; background-color:#615982; font-size:14px; text-transform:uppercase; color:White; border-right:1px white solid;  border-bottom:1px white solid}
ul#niveau2Service li.services{border-right:none; width:150px}

ul#niveau3 li.active, ul#niveau2 li.active {background-colo:#210927}
/**/

/*nav search*/
ul#navigationSearch{padding-top:140px; padding-botto:60px}
ul#navigationSearch li{float:left; width:151px; height:16px; background-color:#555169; border-right:1px white solid; border-bottom:1px white solid}
ul#navigationSearch li.services{border-righ:2px solid #634242; border-bottom:1px solid White; width:146px;}

ul#niveau2Search li{float:left; width:151px; height:16px; background-color:#928EAE; font-size:14px; text-transform:uppercase; color:White; border-right:1px white solid;  border-bottom:1px white solid}
ul#niveau2Home li.services{border-right:none; width:150px}

ul#niveau3Search li{float:left; width:18px; height:15px; background-color:#C3BED3; text-align:center; font-size:12px; text-transform:uppercase; color:White; border-right:1px white solid}
ul#niveau3Search li.services{border-right:none; width:17px}

ul#niveau3 li.active, ul#niveau2 li.active {background-color:#210927}
/**/


ul#navigation li a, ul#niveau2 li a, ul#niveau3 li a{color:White; text-decoration:none; display:block; width:100%; }


ul.breadcrump{clear:left}
ul.breadcrump li{float:left;}

p.breadcrump{text-align:right;  padding-bottom:10px}
p.breadcrump a, ul.pageLink a{text-decoration:underline; color: #000000; text-align: right;}
p.breadcrump #active{color:Red}
#active{color:Red}

#content{clear:left;width:760px; margin:0 auto; padding-top:0px}

#contentList{clear:left; width:760px; margin:0 auto;padding-top:0px;}
#contentList ul{padding-top:10px; padding-left:40px}
#contentList ul li{padding-bottom:10px}

#contentList ul li.clear{clear:both; padding-top:10px;}
#contentList ul li.clear ul{float:right; margin-top:-20px}
#contentList ul li ul li{float:left; padding-right:1em}

#div_chck {padding-top:20px;}
#div_chck input{border:none; background-color:transparent;font-size:12px; color:#B8AAAA;text-transform:uppercase; font-weight:bolder; cursor:pointer; padding:0 0 0 0; margin:0 0 0 0;}

ul#pageLink{text-align:right; position:relative; z-index:97; padding-bottom:0px; margin-left:200px}
ul#pageLink li{display:inline; padding:0 2px 0 0}

ul#pageLink2{clear:left; text-align:right; position:relative; z-index:97}
ul#pageLink2 li{display:inline; padding:0 2px 0 0}

ul#icone{clear:left;float:left; padding-right:10px; padding-top:20px; padding-left:0}
ul#icone li{float:left;}
ul#icone li img{border-lef:solid 5px White}



#searchField{padding:10px 0; width:475px; float:left; }
#searchField ul{padding-left:20px}
#searchField fieldset{padding-left:20px; padding-bottom:40px}
#searchField fieldset legend{text-transform:uppercase}
#searchField fieldset div{padding-bottom:10px}
#searchField fieldset label{width:120px; text-align:right; padding-right:10px}


#search{padding-top:5px; background-image:url(../gif/backgroundGaumontClair.gif); background-repeat:no-repeat; background-position:0 -60px}
#search form#advance fieldset#oeuvre{padding-bottom:10px;}
#search form#advance fieldset#oeuvre legend{text-transform:uppercase; padding-left:20px; padding-bottom:10px}
#search form#advance fieldset#oeuvre div{clear:left;padding-bottom:10px}
#search form#advance fieldset#oeuvre div label{display:block; float:left; width:70px; text-align:right}
#search form#advance fieldset#oeuvre div input{margin: 0 30px 0 10px}

#search form#advance fieldset#divers{padding-bottom:50px; position:absolute; margin-left:230px; margin-top:-165px}
#search form#advance fieldset#divers legend{text-transform:uppercase; padding-left:70px; padding-bottom:10px}
#search form#advance fieldset#divers div{clear:left;padding-bottom:10px}
#search form#advance fieldset#divers div label{display:block; float:left; width:70px; text-align:right}
#search form#advance fieldset#divers div input, #search form#advance fieldset#divers div select{margin: 0 30px 0 10px}

#search form#advance fieldset#date label{text-transform:uppercase; padding-left:70px; padding-bottom:10px; display:block;}
#search form#advance fieldset#date input{margin:0 0px 10px 70px}

#resum select{margin-left:20px; margin-bottom:20px}
#resum {width:250px; float:left; background-color:#C5BFCC}
#resum h2{border-top:solid 2px White; padding-top:10px; padding-left:10px; padding-bottom:10px; color: Black; font-size:11px}
#resum ul{padding-left:20px}
#resum ul li {color:Black}
#resum p{text-align:right; padding:10px 5px 5px 0; text-transform:uppercase;}
#resum p a{text-decoration:none; color:Black}
#resum label{color:Black}

#catalogue li.fiche{clear:left}
#catalogue .illustrationListe{width:150px;float:left;margin-top:-2px;border-op:solid 1px White; height:100px; overflow:hidden;}
#catalogue .artistique{width:250px; float:left;background-color:#B4A4A4/*745958*/; border-top:solid 1px White;}
#catalogue .artistique h3{border-top:solid 1px White; padding:5px 0 0px 10px; color:#b8aaaa}
#catalogue .artistique p{padding:5px 0 10px 20px}
#catalogue .artistique ul{padding:5px 0 10px 20px}
#catalogue .resume{width: 320px;float:left; background-color:#E9E5E2/*B8AAAA*/; padding:1em; border-top:solid 1px White; }
#catalogue .resume p{padding-left:1em}
#catalogue .resume h3{color:Black}

#technique #titre h3{font-size:20px; padding-bottom:50px}

h1{float:left; font-size:22px; color:#B8AAAA; padding-right:10px; padding-top:15px}
#content h2{padding-top:22px}
h2{font-size:14px; color:#B8AAAA; margin-top:3px}
h3{font-size:12px; color:#B8AAAA;}
h4{font-size:11px; color:#000000; text-decoration:bold}
h1, h2, h3{text-transform:uppercase}

#catalogue .artistique h3{color:#000000}

#content #artistique #auteur{margin-top:0em; padding:10px; border-bottom:solid 1px White;}
#content #artistique #auteur dl{padding:5px 0 0 10px}
#content #artistique #auteur dl a{color:White}
#content #artistique #acteur{clear:left; border-top:solid 1px white; border-bottom:solid 1px White; overflow:hidde; width:235px}

#content #artistique #production{clear:left; }
#content #artistique #production{margin-top:0em; padding:10px}
#content #artistique #production dl{padding:5px 0 0 10px}

#content #artistique #artiste{clear:left; border-bottom:solid 1px white}
#content #artistique #artiste{margin-top:0em; padding:10px}
#content #artistique #artiste dl{padding:5px 0 0 10px}

#content #artistique #acteur{margin-top:0em; padding:10px}
#content #artistique #acteur dl{padding:5px 0 0 10px}

/*#content #technique{bakground-color:#948080;}
#content #artistique{bakground-color:#948080;}*/
#content #artistique div h3{color:white}

#content #detail{border-bottom:solid 1px White; padding:10px}
#content #detail ul{padding:5px 0 0 0;}
#content #detail ul li{color:White; padding:5px 0 0 0; font-size:12px; text-transform:uppercase; font-weight:bolder}
#content #detail ul li span{display:block; float:left;width:60px}

#content #illustration{width:245px; float:left; margin-right:0px; border-right:solid 3px White; }
#content #illustration img{width:245px;}
#content #illustration h3{padding-left:0px; padding-bottom:0px; padding-top:10px}
#content #technique{width:254px; float:left; marigin-right:0px; border-right:solid 3px White; background-color:#745958;}
#content #artistique{width:250px; float:left;background-color:#948080/*#745958*/;}

#content #resume{clear:left; background-color:#E9E5E2/*#B8AAAA*/; padding:1em; border-top:solid 1px White; border-bottom:solid 1px White;}
#content #resume p{padding-left:1em}
#content #resume h3{color:Black}

#content #dates{padding:10px; color:White}
#content #dates p{padding:5px; font-size:13px; color:#E9E5E2/*#B8AAAA*/; font-weight:bolder; text-transform:uppercase}
#content #dates ul li{padding:5px 0 0 15px }
#content #titre{padding:10px}

#content #artistique dt{clear:left; float:left; padding-right:10px; color:#DAD3D3}
#content #artistique dd{color:White; padding-left:0px}
#acteur dd a{color:White}
#content a, #contentList a{text-decoration: none; color:Black}

#lettre{clear:left; height:100px; width:207px; background-repeat:no-repeat; background-position:left top; position:relative; z-index:1; }

#searchField li a{text-decoration:none; color:Black}

#catalogue .fiche .illustrationListe{border-top:solid 5px White;}

table.liste{float:left}
table.liste td{vertical-align:top}
table.liste td.artistic{background-color:#B4A4A4/*745958*//*948080*/; border-right:solid 1px White; border-left:solid 1px White;}
table.liste td.storie{background-color:#E9E5E2/*#B8AAAA*/}

/* home identification */
form#loggin{position:relative; top:20px; background-color:#6E646D; width:500px; height:100px; border-right:2px White solid;  float:left}
form#loggin fieldset{position:relative; top:10px; }
form#loggin fieldset div{clear:left; color:White; height:30px}
form#loggin fieldset label{display:block; text-align:right; margin-right:5px; float:left; width:200px; color:White}
form#loggin fieldset input{float:left; margin-left:10px}
#loggin div{text-align:center}
#loggin div a{color:White}
/* fin home identification */

/* Inscription */
form fieldset#general{float:left; width:45%; margin-top:120px}
form fieldset#general div{text-align:right; margin:10px 0}
form fieldset#general div input{margin-left:10px; width:150px}

form fieldset#enplus{float:right; width:45%; margin-top:40px}
form fieldset#enplus label{display:block}

form fieldset#cineclub{float:right; width:45%; margin-top:20px; background-color:#CDC3CC;}
form fieldset#cineclub label{display:inline}

/* fin Inscription */

/* footer */
#footer{height:100px}
#footer{clear:both; width:760px; margin:0 auto; padding:5em 0 0 0}
#footer ul li{float:left; width:13%; text-align:center; border-left:solid 1px grey}
#footer ul li.logout{width:20%; border-left:none}
#footer ul li a{color:#000000; text-decoration:none}
/* */

.hiddenStructure {
display:block; background:transparent; background-image:none; /* safari bug */
border:none;width:1px;height:1px;overflow:hidden; padding:0 0 0 0; margin:-1px 0 0 -1px;position: absolute;}