/*=============================================================================*/ /*== by Alain Chalet & Patrice Bridoux ==*/ /*=============================================================================*/ /* ==== commun ================================================================= */ .nocss { display:none;} .vignetteg { padding:2px 20px 20px 0;float:left;} .vignetted { padding:2px 0 20px 20px;float:right;} .trait { background:url(../img/dot.gif) repeat-x ;height:1px;line-height:1px;font-size:1px;margin-top:6px;} .hdp { text-align:right;margin:4px 0;width:100%;clear:both;} .colleft { width:50%;padding:0;margin:0;float:left;} .colright { width:49%;padding:0;margin:0;float:right;} .imgleft { float:left;padding:10px 20px 10px 0;} .imgleft2 { display:block;float:left;padding:10px 20px 10px 0;background:red;width:100px;} .imgright { float:right;padding:10px 0 10px 20px;} .cleaner { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} h1 { margin-bottom:0;padding-bottom:0;font-size:20px;} h2 { margin-bottom:6px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:18px;background:url(../img/dot.gif) repeat-x 0 100% ;clear:both;} h3 { margin-bottom:4px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:16px;background:url(../img/dot.gif) repeat-x 0 100% ;} h4 { margin-bottom:2px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:14px;} h5 { margin-bottom:2px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;font-size:12px; border-bottom:1px dotted #939393;display:inline;} p { text-align:justify; } /* ==== tableau ================================================================ */ .tabl-1 { background:#F7F7F7;border-top:1px solid #003366;border-bottom:1px solid #003366;margin:4px 0 20px 0;border-collapse:collapse;} .tabl-1 td { padding:6px 10px;border-bottom:1px solid #d3d1d1;} .tabl-1 th { padding:6px 10px;border-bottom:1px solid #003366;} .tabl-1 .td30p { width:10%;} .tabl-1 .td70p { width:90%;} /* ==== zoomimg ================================================================ */ .zooming { cursor: url(../js/graphics/zoom-in.cur), pointer; outline: none; text-decoration: none; } .zooming img { border: 2px solid #ccc;} .zoomimg { cursor: url(../js/graphics/zoom-in.cur), pointer; outline: none; text-decoration: none; float:right; } .zoomimg img { border: 2px solid #ccc;} .zoomirg { cursor: url(../js/graphics/zoom-in.cur), pointer; outline: none; text-decoration: none; } .zoomirg img { border: 2px solid #ccc;} .highslide-wrapper div { font-family: Verdana, Helvetica; font-size: 10pt;} .highslide-active-anchor img { visibility: hidden;} .highslide-wrapper, .drop-shadow { background: #fff;} .highslide:hover img { border: 2px solid #fff;} .highslide-wrapper { background: white;} .highslide-image { border: 10px solid #fff;} .highslide-image-blur {} .highslide-caption { display: none; border: 5px solid #fff; border-top: none; padding: 5px; background-color: #fff;} .highslide-loading { display: block;color: black;font-size: 8pt;font-family: sans-serif;font-weight: bold;text-decoration:none;padding:2px;border: 1px solid #000;background-color:#fff; padding-left: 22px; background-image: url(../js/graphics/loader.white.gif); background-repeat: no-repeat;background-position: 3px 1px;} a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none;font-size: 10px;} a.highslide-credits:hover, a.highslide-credits:hover i { color:#fff; background-color:#ccc;} a.highslide-full-expand { background: url(../js/graphics/fullexpand.gif) no-repeat;display:block;margin: 0 10px 10px 0;width:34px;height:34px;} /* ==== menu ================================================================= */ #menup { } #menup a { width:auto;height:40px;display:block;} #menup td a:hover { background-position:0 -40px;background-color:#af8344;} #menup a.menup-1 { background:url(../img/menu/menup_1.gif) no-repeat 0 0;border-right:1px solid #fff;} #menup a.menup-2 { background:url(../img/menu/menup_2.gif) no-repeat 0 0;border-right:1px solid #fff} #menup a.menup-3 { background:url(../img/menu/menup_3.gif) no-repeat 0 0;border-right:1px solid #fff} #menup a.menup-4 { background:url(../img/menu/menup_4.gif) no-repeat 0 0;border-right:1px solid #fff} #menup a.menup-5 { background:url(../img/menu/menup_5.gif) no-repeat 0 0;border-right:1px solid #fff} #menup a.menup-6 { background:url(../img/menu/menup_6.gif) no-repeat 0 0;border-right:1px solid #fff} #menup a.menup-7 { background:url(../img/menu/menup_7.gif) no-repeat 0 0;border-right:1px solid transparent;} #menup a.menup-1b, #menup a.menup-1b:hover { background:url(../img/menu/menup_1.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff;} #menup a.menup-2b, #menup a.menup-2b:hover { background:url(../img/menu/menup_2.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff} #menup a.menup-3b, #menup a.menup-3b:hover { background:url(../img/menu/menup_3.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff} #menup a.menup-4b, #menup a.menup-4b:hover { background:url(../img/menu/menup_4.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff} #menup a.menup-5b, #menup a.menup-5b:hover { background:url(../img/menu/menup_5.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff} #menup a.menup-6b, #menup a.menup-6b:hover { background:url(../img/menu/menup_6.gif) no-repeat 0 -80px #336699;border-right:1px solid #fff} #menup a.menup-7b, #menup a.menup-7b:hover { background:url(../img/menu/menup_7.gif) no-repeat 0 -80px #336699;border-right:1px solid transparent} /* ==== exposition bandeau =================================================== */ #bdlink { height:300px;width:711px;display:block;background:url(../img/_300_Exposition.jpg) no-repeat;} #bdlink div { height:150px;width:142px;display:block;float:left;} #bdlink div.bdalk5 { width:143px;} #bdlink div.bdalk10 { width:143px;} #bdlink a { height:100%;width:100%;display:block;background:url(../img/_300_Exposition_ov.jpg) no-repeat 0 -300px;} #bdlink .bdalk1 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat 0 0;} #bdlink .bdalk2 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -142px 0;} #bdlink .bdalk3 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -284px 0;} #bdlink .bdalk4 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -426px 0;} #bdlink .bdalk5 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -568px 0;} #bdlink .bdalk6 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat 0 -150px;} #bdlink .bdalk7 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -142px -150px;} #bdlink .bdalk8 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -284px -150px;} #bdlink .bdalk9 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -426px -150px;} #bdlink .bdalk10 a:hover { background:url(../img/_300_Exposition_ov.jpg) no-repeat -568px -150px;} /* ==== exposition sommaire =================================================== */ #sommaire { font-size:110%;background:url(../img/dot.gif) repeat-x ;} #sommaire .somexpo { font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:20px;font-weight: bold;padding:15px 0 0 0;} #sommaire .typeexpo { font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:14px;font-weight: bold;} #sommaire ul { padding:0;margin:8px 0 8px 0;list-style:none;} #sommaire li { padding:3px 0;margin:0;display:block;} #sommaire a { margin:0 0 0 4px;padding: 0 0 0 8px;display:block;text-align:justify;color:#003366;text-decoration:none;background:url(../img/sommaire_a.gif) no-repeat 0 6px; } #sommaire a:hover { color: #6699cc;background-position: 0 -94px; } #sommaire a span { border-bottom: 1px dotted #003366; } #sommaire a:hover span { border-bottom: 1px dotted #6699cc; } /* ==== exposition page =================================================== */ #pageexpo { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size:12px;} #pageexpo .trait { background:url(../img/dot.gif) repeat-x ;height:1px;line-height:1px;font-size:1px;} #pageexpo h1 { margin-bottom:0;padding-bottom:0;font-size:20px;} #pageexpo h1 span { font-size:14px;} #pageexpo h2 { margin-bottom:6px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:18px;background:url(../img/dot.gif) repeat-x 0 100% ;clear:both;} #pageexpo h3 { margin-bottom:4px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:16px;background: url(../img/dot.gif) repeat-x 0% 100%;} #pageexpo h4 { margin-bottom:2px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;color: #0052A4;font-size:14px;} #pageexpo h5 { margin-bottom:2px;padding-bottom:2px;font-family: "Times New Roman", Times, serif;font-size:12px; border-bottom:1px dotted #939393;display:inline;} #pageexpo _ul.expolst { padding:0 0 0 14px;margin:5px 0 5px 0;list-style:none;} #pageexpo _p { margin:0;padding:5px 0;font-weight:normal;text-align:justify;line-height:130%;} #pageexpo .expoblk { float:left;width:100%;clear:both;margin:10px 0;padding:10px 0 0 0;} #pageexpo .expocol1 { width:58%;float:left;} #pageexpo .expocol1 ul { padding:0;} #pageexpo .expocol1 li { padding:0;color:#555;} #pageexpo .expocol1 ul.bgie-ul { } #pageexpo .expocol2 { width:38%;float:right;text-align:center;padding:10px 0 0 0;} #pageexpo .expocol2 a.zoomimg { margin:8px 0px;display:block;} #pageexpo .expocol2 a.zooming { margin:8px 0px;display:block;} #pageexpo .expocol2 a.zoomirg { margin:8px 0px;display:block;} #pageexpo .il-1 a.zoomimg { margin:8px 0px;display:block;} #pageexpo .expocol2 .expolink { text-align:center;} #pageexpo .expocol3 { width:38%;float:right;text-align:center;} #pageexpo .expocol3 a.zoomimg { margin:8px 0;display:inline;} #pageexpo .expocol3 .expolink { text-align:center;} #pageexpo .lstsommaire { padding:0 0 0 30px;margin:15px 0 25px 0;list-style:none;} #pageexpo .lstsommaire ul { padding:0 0 0 20px;margin: 5px 0 25px 0;list-style:none;} #pageexpo .lstsommaire2 { padding:0 0 0 30px;margin: 6px 0 10px 0;list-style:none;} #pageexpo .lstsommaire2 ul { padding:0 0 0 20px;margin: 4px 0 10px 0;list-style:none;} #pageexpo .lstsommaire3 { padding:0 0 0 30px;margin:15px 0 0px 0;list-style:none;} #pageexpo .lstsommaire3 ul { padding:0 0 0 20px;margin: 5px 0 0px 0;list-style:none;} #pageexpo ul.lstsommaire3- { padding:0 0 0 50px;margin: 0px 0 0px 0;list-style:none;} #pageexpo p.lstsommaire4 { padding:0 0 0 30px;margin:15px 0 5px 0;clear:both;} #pageexpo ul { padding:0 0 0 20px;margin:4px 0 10px 20px;} #pageexpo li { padding:3px 0;margin:0;} #pageexpo dl { padding:0 0 0 20px;margin:4px 0 10px 20px;} #pageexpo dd { padding:2px 0;margin:0;} /* ==== réponses devinettes ================================================== */ .rep-dv { width:340px;display:block;} .rep-dvc p { padding:0 10px;margin:0;} /* ==== Info devinettes ====================================================== */ #maininfo { margin:0 auto;width:711px;display:block;text-align:left;font-size:14px;} #maininfo h1 { background:url(../img/dot.gif) repeat-x 0 100%;padding-bottom:8px;padding-top:24px;font-weight:normal} #maininfo p { text-align:justify;} .Bigrph { font-size:12px;} .Bigrph h3 { background:url(../img/dot.gif) repeat-x 0 100%;padding-bottom:4px;} /* ==== pjb ================================================================== */ .il-0 { padding:5px 0 20px 20px; float:right; background-color:white; text-align:right; } .il-1 { padding:20px 0 20px 0; text-align:center;} .il-2 { padding:20px 0 20px 0; text-align:center;} #pageexpo a.cldoc { color:#0052A4; } /* =========================================================================== */ #pageexpo .expocol1 p.bgie { padding:25px 0 0 0;margin: 0 0 0 0;font-weight:bold;font-size:0.8em;color:#8a6010; } #pageexpo .expocol1 ul.bgie-ul { padding:0 0 0 20px;margin:0 0 20px 0;font-size:0.8em;list-style: square outside; } #pageexpo .expocol1 ul.bgie-ul li { padding:0 0 0 0;margin:0 0 0 0;color:#8a6010; /* 0052a4; */ }