/* -------------------------------  GENERAL --------------------------------------------- */
/* * {margin:0; padding:0} : empeche le centrage des tableaux imbriques */
body {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#000000; color:#FFFFFF;}
img {border:none;}
ol,ul,li,p {margin:0; padding:0;}
/* table {border:0; margin:0; padding:0;} : empeche le centrage des tableaux imbriques */
a img.picto {opacity: 1.0;}
a:hover img.picto {opacity: 0.50;}
a.infobulle {position:relative; border-bottom:1px dashed #808080; text-decoration: none; font-weight: bold;}
a:hover.infobulle {text-decoration: none; background: none;}
a.infobulle span {display:none;}
a:hover.infobulle span {display: inline; position:absolute; top:1.5em; left:1em; z-index:20; background:#000; color:#FFF; border:1px solid #CCC; width:200px; text-align:left; font-weight:normal; font-size: 10px; line-height:12px; padding:2px 2px;}
.espace {clear:both; line-height:1px;}
.italic {font-style: italic;}
.gras {font-weight: bold;}
.lig {letter-spacing: -0.13em;}
.print {float:right;}
.print img {margin:20px 10px 0 0;}
.facebook_int {float:right;margin:15px 20px 0 0}
.accesskey {float:left; height:1px; line-height:1px; margin-top:-30px; color:#000;}
.accesskey a {font-size:1px; color:#000; text-decoration:none}
.imgtext {vertical-align:text-bottom}
p.access {text-indent:50em}
.contentop {clear:both; padding:0 20px 33px 0;}
.top {float:right; width:13px}
.top img {width:13px; height:13px}
/* ---------------------------------- /// GENERAL /// ------------------------------------------- */
#contenucentre {width:100%; height:100%; text-align:center;}
/* ---------------------------------- MENU ------------------------------------------- */
#contentmenu {/*width:100%; text-align:center; position:absolute;*/}
ul#mainnav {width:690px !important; width:730px; /* 2 tailles pour centrer Firefox et IE, prob de scroll*/ list-style:none; margin-left:auto; margin-right:auto;}
ul#mainnav ul {margin:0; padding:0; list-style:none; background-color:#333333}
ul#mainnav li {float:left; position:relative; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#333333; color:#CCCCCC; text-align:center;}
ul#mainnav li ul {margin-left:0}
ul#mainnav li a {text-decoration:none; padding:2px 0 2px 3px;}
ul#mainnav li.firstitem ul {margin-left:0;}
ul#mainnav li.lastitem ul {margin-left:0;}
ul#mainnav li a.menu {display:block; margin-top:2px; padding-bottom:5px; margin-left:0;}
ul#mainnav li ul {left:-999em; position:absolute; z-index:99 !important; display:none;}
ul#mainnav li:hover ul,ul#mainnav li.sfhover ul {left:auto; display:block;}
ul#mainnav li ul li {text-align:left; margin:0; padding:0; border-left:#333 solid 1px; border-right:#333 solid 1px; border-bottom:#333 solid 1px;} 
ul#mainnav li ul li.bottomitem {padding-bottom:5px}
ul#mainnav li ul li.firstitem {padding-top:5px}
ul#mainnav li ul li a {display:block; padding:2px 0 2px 3px; text-decoration:none;}
ul#mainnav li ul li a:hover {text-decoration:none; display:block;}	
ul#mainnav li.firstitem a {margin-left:0;}
ul#mainnav li a:link,
ul#mainnav li a:visited,
ul#mainnav li a:active {background-color:#333333; color:#CCCCCC;}
ul#mainnav li a:focus,
ul#mainnav li a:hover {background-color:#999999; color:#000000}
ul#mainnav li.rub1 a {width:95px;}
ul#mainnav li.rub2 a {width:119px !important; width:120px;}
ul#mainnav li.rub3 a {width:135px}
ul#mainnav li.rub4 a {width:123px !important; width:140px}
ul#mainnav li.rub5 a {width:100px}
ul#mainnav li.rub6 a {width:100px;}
ul#mainnav li.rub1 ul li a {width:93px;}
ul#mainnav li.rub2 ul,
ul#mainnav li.rub2 ul li a {width:240px !important;}
ul#mainnav li.rub3 ul,
ul#mainnav li.rub3 ul li a {width:133px !important; width:133px}
ul#mainnav li.rub4 ul,
ul#mainnav li.rub4 ul li a {width:121px !important; width:138px}
ul#mainnav li.rub5 ul,
ul#mainnav li.rub5 ul li a {width:201px !important; width:198px}
ul#mainnav li.rub6 ul li a {width:98px !important; width:98px}
/* ---------------------------------- ///MENU/// ------------------------------------------- */
#conteneur {padding-top:53px !important; padding-top:30px; padding-bottom:30px; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif;} /*div nécessaire pour enlever le scroll sous Firefox pour l'accueil et les homes */
#centpourcent {padding-top:30px} /* div Firefox pour oeuvres et expos */
/* ---------------------------------- SOMMAIRE HOME ------------------------------------------- */
.home  {text-align:left; width:690px; margin:0 auto; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;}
.home a:link,
.home a:visited, 
.home a:active {color:#000; text-decoration:underline;}
.home a:focus,
.home a:hover {color:#000; text-decoration:none;}
.home h1 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;} 
.home h2 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;} 
.home h3 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;} 
 
.home p {padding-left:20px; padding-bottom:20px; line-height:1.4em;}
.home .left {float:left; width:130px;}
.home .left .visu1 {width:110px; height:157px;}
.home .left .visu-news {width:110px; height:145px; margin-top:20px}
.home .left .visu2 {width:110px; height:116px; margin-top:20px}
.home .news {height:157px; margin:0 0 0 130px; padding:0; background-color:#EEE}
.home .news2 {height:145px; margin:20px 0 0 130px; padding:0; background-color:#EEE;}
.home .news2 h4 {font-size:12px; margin: 0 0 15px 20px}
.home .news2 p{line-height:20px}
.home .header {height: 116px; margin-left:130px; margin-top:20px; padding:0; background-color:#EEE}
.home .header h1 {padding-top:46px;}
.home .vignettes {float:right; margin:20px 20px 20px 0}
.home .vignettes img {width:29px; height:18px}
.home .contentext {height:116px; margin-left:130px; margin-top:20px; background-color:#EEE}
.facebook {float:right;margin:21px 10px 0 0}
/* ---------------------------------- EXPOS ------------------------------------------- */
.expo {text-align:left; width:690px; margin-right:auto; margin-left:auto; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;}
.expo a:link,
.expo a:visited, 
.expo a:active {color:#000; text-decoration:underline;}
.expo a:focus,
.expo a:hover {color:#000; text-decoration:none;}
.expo .header {height:60px; margin:0; padding:0; background-color:#EEE}
.expo .header h1 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;}
.expo .sstitre {padding: 0 0 0 20px; background-color:#EEE}
.expo p {padding:20px}
.expo p.link {font-size:0.8em; line-height:20px; color:#000}
.expo p.link a:link,
.expo p.link a:visited, 
.expo p.link a:active {color:#FFF; text-decoration:underline;}
.expo p.link a:focus,
.expo p.link a:hover {color:#FFF; text-decoration:none;}
.expo .content {padding:20px 20px 0 20px; background-color:#EEE}
.expo .content .line {padding-bottom:20px;}
.expo .content .line .visu {float:left;}
.expo .content .line .visu img {width:100px;}
.expo .content .line .content2col {margin-left:119px;}
.expo .content .line .contentext {margin-left:119px;}
.expo .content .line .contentimg {line-height:20px; margin-left:119px;}
.expo .content .line .contentext .date {float:left; width:35px; line-height:20px;}
.expo .content .line .contentimg .date {float:left; width:35px; padding:20px 20px 0 0;}
.expo .content .line .content2col,
.expo .content .line .contentext .titre,
.expo .content .line .contentimg .titre {padding-left:9px; background:url(/img/picto/picto_puce_expo.gif) no-repeat 0 5px;}
.expo .content .line .content2col .italic {line-height:2em}
.expo .content .line .contentext .text {margin-left:56px; padding:0; line-height:20px;}
.expo .content .line .contentimg .text {margin-left:56px; padding:20px 0 0 0;}
.expo .content .line .text2 {margin-left:56px; margin-top:10px; padding:0}
.expo .content .line .sstext {margin-left:56px; padding-left:9px;}
.expo .contentop {padding:3px 0 33px 0;}
.expo .contentop .top {float:right; width:13px}
.expo .contentop .top img {width:13px; height:13px}
.expo span.titre a:link,
.expo span.titre a:visited,
.expo span.titre a:active {text-decoration:underline}
.expo span.titre a:focus,
.expo span.titre a:hover {text-decoration:none;}
/* ------------------------ CSS POUR LES PAGES OEUVRES ------------------------------- */
/* PAGES OEUVRES HOME */
.periode {color:#000; background-color:#EEE; width:690px; font-size:1em; padding:0; margin-right:auto; margin-left:auto;}
.periode h1 {font-size:1em; text-align:left; font-weight:bold; padding-top:20px; margin: 0 0 20px 20px;}
.periode h2 {font-size:1em; text-align:left; font-weight:bold; padding:0; margin:0 0 15px 170px;}
.periode a:link,
.periode a:visited, 
.periode a:active {color:#000; text-decoration:underline;}
.periode a:focus,
.periode a:hover {color:#000; text-decoration:none;}
.periode .colleftverti {float:left; width:110px; text-align:right;}
.periode .colleft {float:left; width:150px; text-align:right;}
.periode .colleft img.visu {margin-bottom:10px}
.periode p.description {text-align:left; line-height:1.4em; margin: 0 20px 0 170px;}
.periode p.descriptionverti {text-align:left; line-height:1.4em; margin: 0 20px 0 130px;}
.periode .conteneurexemple {clear:both;}
.periode .conteneurexemple p.exemple {float:left; text-align:left; line-height:1.4em; padding:20px 0 0 20px;}
.periode .conteneurexemple p.exemple .line {margin-right:10px;}
.periode .info {clear:both; height:52px;}
.periode .info a {float:right; margin:20px 20px 20px 0;}
.periode .info img.diapo {width:13px; height:13px; margin-left:5px; vertical-align:text-bottom}
/* PAGES OEUVRES TABLEAUX PICTURES */
table.pictures1 {width:100%; height:90%; border:0; margin:0; padding:0;}
table.pictures1 table.pictures2 {width:750px; border:0; margin:0; padding:0;}
table.pictures1 table.pictures2 tr {text-align:center;}
table.pictures1 table.pictures2 td.dot {font-size:3px;}
/* PAGES OEUVRES DETAILS*/
table.work770 {width:770px; border:0; margin:0; padding:0;}
table.work {width:100%; height:90%; border:0; margin:0; padding:0;}
table.work tr {text-align:center}
table.work td {vertical-align:middle;}
table.work img.multi {margin:0 15px 0 15px} /* Triptyque */
#datatablo {font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
#datatablo div.image {margin-bottom:15px;}
#datatablo div.moreimg {margin-bottom:14px;}
#datatablo div.resolution {font-size:1em; margin-bottom:14px;}
#datatablo div.resolution img {width:16px; height:16px; margin:0 10px 0 10px}
#datatablo div.moreimg img.picto,
#datatablo div.resolution img.picto {width:19px; height:13px; margin:0 7px 0 7px}
#datatablo div.moreimg a:link,
#datatablo div.moreimg a:visited,
#datatablo div.moreimg a:active,
#datatablo div.resolution a:link,
#datatablo div.resolution a:visited, 
#datatablo div.resolution a:active {font-family:Verdana, Arial, Helvetica; color:#FFFFFF; text-decoration:underline; opacity: 1.0;}
#datatablo div.moreimg a:focus,
#datatablo div.moreimg a:hover,
#datatablo div.resolution a:focus,
#datatablo div.resolution a:hover {font-family:Verdana, Arial; color:#FFFFFF; text-decoration:none; opacity: 0.80;}
#datatablo div.link img.externe {width:18px; height:13px; margin: 0 7px 0 7px}
#datatablo div.link a.externe {opacity: 1.0;}
#datatablo div.link a:hover img.externe {opacity: 0.80;}
#datatablo div.link img.interne {width:19px; height:13px; margin: 0 7px 0 7px}
#datatablo div.link a.interne {opacity: 1.0;}
#datatablo div.link a:hover img.interne {opacity: 0.80;}
#datatablo .info {}
#datatablo .info .titre {margin-top:14px}
#datatablo .info .description {font-style: italic;}
#datatablo .info .materiau {}
#datatablo .info .dimension {}
#datatablo .info .date {}
#datatablo .info .boutons_ad2 {margin-top:4px;width:70px;}
#datatablo .info .boutons_ad {margin-top:4px;margin-left:auto;margin-right:auto;width:70px;}
#datatablo .info .boutons_ad  div{margin-left:5px;}
#datatablo .infonly {margin-top:14px}
/* PAGES ORGANISATIONS D'ESPACES DETAILS */
#contoe {width:690px; margin:0 auto; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#000; color:#FFF}
#contoe h1 {font-size:1.1em; font-weight:bold; padding:0; margin:0 0 20px 0; text-align:center; background-color: #000;}
#controe p {margin:0; padding:0}
* html body #contoe #centre {height:1px;}
#contoe #centre {background-color:#000; text-align:left; margin:0 20px 10px 290px;}
#contoe .liste {text-align:left; margin: 0 0 10px 310px;}
#contoe ol {list-style-type:upper-roman; margin:0 20px 0 0}
#contoe ol li ol {list-style-type:lower-alpha; margin:0 20px 10px 20px}
#contoe .conclusion {background-color:#000; text-align:left; margin:0 20px 10px 290px;}
#contoe #left {float:left; width:290px; text-align:center;}
#contoe img {margin:0; padding:0}
#contoe #centre a:link,
#contoe #centre a:visited, 
#contoe #centre a:active,
#contoe .resolution a:link,
#contoe .resolutiona:visited, 
#contoe .resolution a:active {color:#FFF; text-decoration:underline;}
#contoe #centre a:focus,
#contoe #centre a:hover
#contoe .resolution a:focus,
#contoe .resolution a:hover {color:#FFF; text-decoration:none;}
/* ------------------------ CSS POUR LES PAGES BIBLIO ------------------------------- */
.biblio {color:#000; background-color:#EEE; width:690px; font-size:1em; margin-right:auto; margin-left:auto; text-align:left}
.biblio .header h1 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;}
.biblio .header h1 .sstitre {font-size:0.2em; font-weight:normal}
.biblio .header h2 {font-size:1.5em; padding-top:60px; margin: 0 0 40px 20px;}
.biblio p {text-indent:2em; margin-bottom:20px}
.biblio p span {text-indent:1em;}
.biblio .colleft {float:left; width:100px;}
.biblio .colleft img {margin-left:20px}
.biblio .colleft img.visu1 {margin-top:40px;}
.biblio .colleft img.visu2 {margin-top:50px;}
.biblio .colleft img.visu3 {margin-top:60px;}
.biblio .colleft img.visu4 {margin-top:70px;}
.biblio .colleft img.visu5 {margin-top:80px;}
.biblio .colright {line-height:1.4em; margin: 0 20px 0 153px; padding-bottom:20px;}
.biblio .colright h2 {font-size:1em; margin: 40px 0 5px 0; font-weight:bold;}
.biblio .colmain {padding:0 20px 0 20px; text-align:justify;}
.biblio ul {list-style-image:url(/img/picto/picto_puce_biblio.gif)}
.biblio ul li {margin:0 0 10px 0}
.biblio a:link,
.biblio a:visited, 
.biblio a:active {color:#000; text-decoration:underline;}
.biblio a:focus,
.biblio a:hover {color:#000; text-decoration:none;}
.biblio .signature {margin:40px 0 60px 0; text-align:right; font-weight:bold}
.biblio .date {margin:20px 0 20px 0; text-align:right; font-style: italic;}
.biblio .silence {width:143px; height:192px; float:left; margin:0 20px 0 0}
.video {color:#FFFFFF; text-align:left; position:absolute; left:50%; top:50%; width:240px; height:272px; margin-left:-120px; margin-top:-136px;}
/*  -------------------------------- BIBLIO + PLAN -------------------------------------- */
.plan ul {list-style-image:none; list-style-type:circle; margin:0}
.plan ul li ul {margin-left:30px;}
.plan ul li ul li {list-style-image:none; list-style-type:disc; margin:0}
.plan ul li ul li ul li  {list-style-image:none; list-style-type:square; margin:0}
.plan ul li {margin:0 0 10px 0}
.plan ul li a:link,
.plan ul li a:visited, 
.plan ul li a:active {color:#000; text-decoration:none;}
.plan ul li a:focus,
.plan ul li a:hover {color:#000; text-decoration:underline;}
.biblio ul.second  {list-style-image:none; list-style-type:circle; margin-top:10px}
/* ------------------------------ PRESSE -------------------------------------- */
.presse {color:#000; background-color:#EEE; width:690px; font-size:1em; margin-right:auto; margin-left:auto; text-align:left}
.presse .header h1 {font-size:1.5em; padding-top:20px; margin: 0 0 20px 20px;}
.presse .header .intro {margin: 0 20px 20px 20px;}
.presse .line {clear:both; height:66px; margin:0 0 20px 20px;}
.presse .colleft {float:left; width:335px;}
.presse .colright {margin-left:335px}
.presse .colvisu {float:left; width:100px;}
.presse .colvisu img {width:100px; height:66px}
.presse .coltext {margin-left:105px; margin-right:20px;}
.presse .coltext .title {text-indent:25px; font-style:italic}
.presse .coltext .zip {margin-top:5px}
.presse .coltext .zip img {margin-left:3px; margin-right:8px; vertical-align:bottom}
.presse .coltext .zoom {margin-top:5px}
.presse .coltext .zoom img {margin-right:5px; vertical-align:middle !important; vertical-align:bottom}
.presse .coltext a:link,
.presse .coltext a:visited,
.presse .coltext a:active {color:#000; text-decoration:none;} 
.presse .coltext a:focus,
.presse .coltext a:hover {color:#000; text-decoration:underline;}
/* -------------------------------- ---------------------------------*/
ul.access  {list-style-image:none; list-style-type:square}
/* -------------------------------- PAGE 404 ---------------------------------*/
#boutons { margin-top:20px; padding-bottom:20px}
#boutons #accueil { margin-right:10px; }
#boutons #precedent { margin-left:10px; }