/* * Projet DDC2 */ /* = general ======================================================= {{{1 */ body { height:100%; border:0; margin:0; background-color:#333; } html { height:100%; border:0; margin:0; } /* = Position des blocs ============================================ {{{1 */ #b-A { display:none; } /* #b- { position:absolute; left: 50%; top: 50%; width:980px; height:580px; margin-top:-290px; margin-left:-490px; border:1px solid #000; background-color:#ae9962; } */ table { width:100%;height:100%; } #b- { position:relative; width:980px; height:580px; margin:0 auto; border:1px solid #000; background-color:#ae9962; } #b-E { position:absolute; left: 74px; top: 30px; width:832px; height:59px; background:#ae9962 url(img/css/head1.jpg); } #b-M { position:absolute; left: 60px; top:137px; } /* #b-L { position:absolute; left:834px; top:103px; } */ #b-L { position:absolute; left:890px; top:3px; } #b-C1-fond { position:absolute; left:280px; top:130px; width:260px; height:358px; } #b-C1 { position:absolute; left:290px; top:140px; width:230px; height:338px; padding:0 10px 0 0; overflow:auto; } #P-10 #b-C1 { position:absolute; left:290px; top:135px; width:240px; height:348px; padding:0; margin:0; overflow:hidden; background:transparent url(img/css/fond-c1.gif) no-repeat; } #b-C2-fond { position:absolute; left:561px; top:130px; width:358px; height:358px; background:#fff url(img/css/masque2.png); display:none; } #b-C2 { position:absolute; left:561px; top:130px; width:348px; height:358px; padding:0 10px 0 0; } #b-C2-masq { position:absolute; left:561px; top:130px; width:358px; height:358px; background:url(img/css/masque2.png);z-index:9999; } #b-C4-fond { position:absolute; left:280px; top:130px; width:639px; height:358px; background:url(img/css/masque4.png); } #b-C4 { position:absolute; left:290px; top:140px; width:609px; height:338px; background-color:#fff; overflow:auto; padding:0 10px 0 0; } #b-Z { position:absolute; left: 60px; top:530px; } #b-C0-fond { position:absolute; left:171px; top:130px; width:639px; height:358px; background:url(img/css/masque5.png); } #b-C0a { position:absolute; left:186px; top:140px; width:609px; height:338px; background-color:#000; overflow:hidden; padding:0; text-align:center; } #b-C0b { position:absolute; left:185px; top:515px; width:610px; text-align:center; } #prev { position:absolute; left: 0px; top: 0px; width: 35px; height: 35px; background:url(img/css/_coingi.gif); } #next { position:absolute; left:945px; top: 0px; width: 35px; height: 35px; background:url(img/css/_coindi.gif); } #c1-prev { position:absolute; left: 20px; top:330px; width: 35px; height: 35px; background:url(img/css/_coingi.gif); } #c1-next { position:absolute; left:185px; top:330px; width: 35px; height: 35px; background:url(img/css/_coindi.gif); } #b-mvid { position:absolute; left:95px; top:330px; width:155px; } #b-mvid a { display:block; width: 100px; height: 61px; background:#444; margin:0 0 10px 0; } #b-mvid a.l1 { background:#444 url(video/Domaine-de-Chantilly-mini.jpg) no-repeat; } #b-mvid a.l2 { background:#444 url(video/ChantillyCinema-mini.jpg) no-repeat; } /* = Position des blocs dans C0 (galerie) ========================== {{{1 */ .mi12-1 { position:absolute; left: 0px; top: 0px; } .mi12-2 { position:absolute; left: 84px; top: 0px; } .mi12-3 { position:absolute; left:168px; top: 0px; } .mi12-4 { position:absolute; left: 0px; top: 84px; } .mi12-5 { position:absolute; left: 84px; top: 84px; } .mi12-6 { position:absolute; left:168px; top: 84px; } .mi12-7 { position:absolute; left: 0px; top:168px; } .mi12-8 { position:absolute; left: 84px; top:168px; } .mi12-9 { position:absolute; left:168px; top:168px; } .mi12-10 { position:absolute; left: 0px; top:252px; } .mi12-11 { position:absolute; left: 84px; top:252px; } .mi12-12 { position:absolute; left:168px; top:252px; } /* = Position des blocs dans C1 (menu en images) =================== {{{1 */ .mi3-0 { position:absolute; left: 0px; top: 0px; } .mi3-1 { position:absolute; left: 0px; top:128px; } .mi3-2 { position:absolute; left: 0px; top:256px; } .mi6-0 { position:absolute; left: 0px; top: 0px; } .mi6-1 { position:absolute; left:192px; top: 0px; } .mi6-2 { position:absolute; left: 0px; top:128px; } .mi6-3 { position:absolute; left:192px; top:128px; } .mi6-4 { position:absolute; left: 0px; top:256px; } .mi6-5 { position:absolute; left:192px; top:256px; } .mi9-0 { position:absolute; left: 0px; top: 0px; } .mi9-1 { position:absolute; left:128px; top: 0px; } .mi9-2 { position:absolute; left:256px; top: 0px; } .mi9-3 { position:absolute; left: 0px; top:128px; } .mi9-4 { position:absolute; left:128px; top:128px; } .mi9-5 { position:absolute; left:256px; top:128px; } .mi9-6 { position:absolute; left: 0px; top:256px; } .mi9-7 { position:absolute; left:128px; top:256px; } .mi9-8 { position:absolute; left:256px; top:256px; } /* = Définitions générales =============================================================== {{{1 */ p { color:#674c1a; font:normal 14px arial, sans; } ul li { color:#674c1a; font:normal 14px arial, sans; } h1 { color:#674c1a; font:bold 22px verdana, arial, sans; } h2 { color:#674c1a; font:bold 18px verdana, arial, sans; } h3 { color:#674c1a; font:bold 16px verdana, arial, sans; } h4 { color:#674c1a; font:bold 14px verdana, arial, sans; } h5 { color:#674c1a; font:bold 12px verdana, arial, sans; } p { margin:3px 0 10px 0; padding:0; } h1 { margin:10px 0 20px 0; padding:0; } h2 { margin:5px 0 -10px 0; padding:0; } #P-44 h2, #P-45 h2, #P-46 h2, #P-48 h2, #P-54 h2, #P-55 h2 { margin:20px 0 10px 0; padding:0; border-top:1px solid black; border-bottom:1px solid black; } h3 { margin: 7px 0 10px 0; padding:0; } h4 { margin: 5px 0 10px 0; padding:0; } h5 { margin: 3px 0 10px 0; padding:0; } ul { margin: 3px 10px 10px 20px; padding:0; list-style-type:disk;list-style-position:outside; } ul li { margin:0; padding:0; } img { border:0;} a { color:#674c1a; font:normal 14px arial, sans; text-decoration:none; } /* * p.chapo { text-align:right; font:bold 20px Arial, sans; margin:0 0 50px 0; padding:0; line-height:50px; } */ p.chapo { font:bold 18px arial, sans; } p.p1 { font:normal 12px arial, sans; } p.p2 { font:normal 13px arial, sans; padding:0; margin:3px 0 0 0; } ul.p2 { font:normal 14px arial, sans; margin-right:0; } ul.p2 li a { font:normal 14px arial, sans; } p a { color:#674c1a; font:normal 14px arial, sans; } p.mail a { color:#674c1a; font:normal 12px arial, sans; } p.mail { margin-top:-10px; } p.ndbp { font-size:11px; } p.enc-pdf { display:block;width:180px;float:right; } p.enc-pdf a { font-size:11px; } p.encadre { border:1px solid #674c1a; padding:5px; text-align:center; -moz-border-radius: 12px; } .cleaner { clear:both;display:block;height:20px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .nocss { display:none;} .nohr { display:none;clear:both;} .w2x-left { float:left; margin: 0 10px 10px 0;} .w2x-right { float:right; margin: 0 0 10px 10px;} .w2x-center { display:block; margin:0 auto;} /* = Bloc C0 'vdéo d'introduction) ====================================================== {{{1 */ #b-C0b p { color:white; font:bold 16px arial, sans; } #b-C0b a { color:white; font:bold 16px arial, sans; text-decoration:none; } #b-C0b a:hover { text-decoration:underline; } /* = Bloc C1 ====================================================== {{{1 */ #b-C1-fond { background:#fff url(img/css/masque1.png); } #b-C1 { background-color:#fff; } #P-1 #b-C1 { overflow:auto; } /* #P-1 #b-C1 { overflow:hidden;width:240px; padding:0; margin:0; } */ #P-7 #b-C1 { overflow:auto;} #P-10 #b-C1-fond { display:none; } #P-10 #b-C1 img { margin:0; padding:0 12px 13px 0; } #c1-a-prev { display:block; width: 35px; height: 35px; background:url(img/css/_coinga.gif); } #c1-a-next { display:block; width: 35px; height: 35px; background:url(img/css/_coinda.gif); } #a-prev:hover { background:url(img/css/__coingo.gif);} #a-next:hover { background:url(img/css/__coindo.gif); } /* = Bloc C2 ====================================================== {{{1 */ #b-C2-masq { } #P-2 #b-C2-masq, #P-3 #b-C2-masq, #P-4 #b-C2-masq, #P-12 #b-C2-masq, #P-22 #b-C2-masq, #P-23 #b-C2-masq, #P-24 #b-C2-masq { display:none; } #b-C2-masq a { display:block; width:358px; height:358px; } #P-12 #b-C2 { overflow:auto;} #slideshow IMG { position:absolute; top:0; left:0; z-index:8; } #slideshow IMG.active { z-index:10; } #slideshow IMG.last-active { z-index:9; } /* = Bloc next - previous ========================================= {{{1 */ #a-prev { display:block; width: 35px; height: 35px; background:url(img/css/_coinga.gif);} #a-next { display:block; width: 35px; height: 35px; background:url(img/css/_coinda.gif); } #a-prev:hover { background:url(img/css/_coingo.gif);} #a-next:hover { background:url(img/css/_coindo.gif); } /* = Blocs de contenu 4 ============================================ {{{1 */ #P-11 #b-C4-fond { background:url(img/css/masque5.png); } #P-11 #b-C4 { background-color:#000; overflow:hidden; text-align:center; padding:0; width:619px; } #b-C4 hr { color: black; background-color: black; height: 1px; border: 0;} /* = Bloc du menu V ================================================ {{{1 */ #b-M p { margin:0;padding:0; } #b-M p.r1 { margin:5px 0 3px 0;padding:0;line-height:16px; } #b-M p.r1 a { margin:0;padding:0;color:white;text-decoration:none; font:bold 16px arial, sans; } #b-M p.r1 a:visited { color:white;text-decoration:none; } #b-M p.r1 a:hover { color:#674c1a;text-decoration:none; } #b-M p.r1 a.actif { color:#674c1a; } #b-M p.r2 { margin:2px 0 0 0;padding:0;line-height:14px; } #b-M p.r2 a { margin:0;padding:0 0 0 10px;color:white;text-decoration:none; font:normal 13px arial, sans;background:url(img/css/indic0o.gif) no-repeat; } #b-M p.r2 a:visited { color:white;text-decoration:none; } #b-M p.r2 a:hover { color:#674c1a;text-decoration:none;background:url(img/css/indic0.gif) no-repeat; } #b-M p.r2 a.actif { color:#674c1a;background:url(img/css/indic0.gif) no-repeat; } #b-M p.r3 { margin:0;color:white;line-height:13px; } #b-M p.r3 a { margin:0;padding:0 0 0 20px;color:white;text-decoration:none; font:normal 12px arial, sans;background:url(img/css/indic1o.gif) no-repeat; } #b-M p.r3 a:visited { color:white;text-decoration:none; } #b-M p.r3 a:hover { color:#674c1a;text-decoration:none;background:url(img/css/indic1.gif) no-repeat; } #b-M p.r3 a.actif { color:#674c1a;background:url(img/css/indic1.gif) no-repeat; } /* = Bloc du menu L ================================================ {{{1 */ #b-L a { color:#674c1a; text-decoration:none; font:bold 12px arial, sans;font-style:italic; } #b-L a { margin:0; } #b-L a:visited { color:#674c1a; } #b-L a:hover { color:#dbcfb7; } /* = Bloc du menu Z ================================================ {{{1 */ #b-Z a { color:white; text-decoration:none; font:bold 16px arial, sans; } #b-Z.bZfr a { margin:0 0 0 94px; } #b-Z.bZen a { margin:0 0 0 129px; } #b-Z a.first { margin:0; } #b-Z a:visited { color:#eee; } #b-Z a:hover { color:#674c1a; } #b-Z a.actif { color:#674c1a; } /* = fleXcroll ===================================================== {{{1 */ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 6px; background-color: white; } .vscrollerbar { width: 6px; background-color: #937d40; } .vscrollerbar { background: url(img/css/_.gif) repeat-y; } .vscrollerbar { padding: 0px; z-index: 2; } .vscrollerbarbeg { width: 6px; background: url(img/css/flexcroll/top.png) no-repeat; } .vscrollerbarend { width: 6px; height: 6px; background: url(img/css/flexcroll/bot.png) no-repeat; } .vscrollerbase { background: url(img/css/_.gif) repeat-y; } .vscrollerbasebeg { width: 6px; background: url(img/css/flexcroll/btop.png) no-repeat; } .vscrollerbaseend { width: 6px; height: 6px; background: url(img/css/flexcroll/bbot.png) no-repeat; } .hscrollerbase { height: 6px; background-color: white; } .hscrollerbar { height: 6px; background-color: #937d40; } .hscrollerbar { background: url(img/css/_.gif) repeat-x; } .hscrollerbar { padding: 0px; z-index: 2; } .hscrollerbarbeg { height: 6px; background: url(img/css/flexcroll/_top.png) no-repeat; } .hscrollerbarend { height: 6px; width: 6px; background: url(img/css/flexcroll/_bot.png) no-repeat; } .hscrollerbase { background: url(img/css/_.gif) repeat-x; } .hscrollerbasebeg { height: 6px; background: url(img/css/flexcroll/_btop.png) no-repeat; } .hscrollerbaseend { height: 6px; width: 6px; background: url(img/css/flexcroll/_bbot.png) no-repeat; } .scrollerjogbox { width: 6px; height: 6px; background: red url(img/css/_.gif); top: auto; left: auto; bottom: 0px; right: 0px; } /* .scrollerjogbox:hover { background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px; } */ /* = Couleurs ====================================================== {{{1 */ /* * fond d'écran éclairci : d4c7a2 * fond d'écran : ae9962 * fond d'écran foncé : 937d40 * marron foncé clair : 5a4b23 * marron foncé foncé : 3f3312 * */ /* = Admin box ======u============================================== {{{1 */ #adm-bx1 { position:absolute;left:0;top:50px;padding:10px; background-color:#555;z-index:999999; } #adm-bx1 div:firstChild { padding:0; } #adm-bx1 div { padding-top:5px; } #adm-bx1 a { line-height:1px; font-size:1px; border:0; } #adm-bx1 img { margin:0px;border:0;padding:0; } #adm-bx2 { position:absolute;right:0;top:0;padding:10px; background-color:#555; } #adm-bx2 div:firstChild { padding:0; } #adm-bx2 div { padding-top:5px; } #adm-bx2 a { line-height:1px; font-size:1px; border:0; } #adm-bx2 img { margin:0px;border:0;padding:0; } /* = eof =========================================================== }}}1 */