/* fenetre pop-up lecteur mp3 */ body.kbo {background-color:#ffffff; text-align:left; margin:0; padding:0; font-family:verdana; font-size:9px; font-style:normal; font-weight:normal; color:#4abafc;} body.kbo img {border:0;} body.kbo a {text-decoration:none;} #signalgrand {position:absolute; left:0px; top:0px; z-index:1;} #speakerplayer {position:absolute; left:176px; top:10px; z-index:2;} #player {position:absolute; left:178px; top:78px; z-index:3;} #textkbo {position:absolute; left:178px; top:42px; z-index:4; font-weight:bold;} .textkbo1 {font-size:17px;} .textkbo2 {font-size:10px;} #explicatif {position:absolute; left:178px; top:120px; z-index:5; line-height:10px;} /* -------------------------------- */ /* -------------------------------- */ /* ce qui suit ne sert qu'à piocher */ /* -------------------------------- */ /* -------------------------------- */ /* general */ body.home {text-align:center;} body.anims {background-color:#63606b;} body.croquis {background-color:#cdc8bf;} body.dizzyboa {background-color:#c2a790;} body.informasign {background-color:#8a8382;} body.gravure {background-color:#e9e7cc;} body.reliure {background-color:#4f2226;} #conteneur {position:relative; width:707px; z-index:1;} #conteneur.home {background-image:url(images/home_fond.gif); background-repeat:no-repeat; background-position:164px 0px; height:443px; margin-left:auto; margin-right:auto;} /* contenu rubriques */ #rubcylindre {position:absolute; left:45px; top:45px;} #rubolivsteen {position:absolute; left:29px; top:90px;} #tetiereanims {position:absolute; left:160px; top:45px;} #tetierebd {position:absolute; left:162px; top:26px;} #tetierecroquis {position:absolute; left:142px; top:16px;} #tetiereedition {position:absolute; left:175px; top:51px;} #tetiereinformasign {position:absolute; left:175px; top:71px;} #tetierecommunication {position:absolute; left:175px; top:92px;} #tetieregravure {position:absolute; left:396px; top:97px;} #tetierereliure {position:absolute; left:418px; top:61px;} #tetieredizzyboa {position:absolute; left:142px; top:44px;} #filet {position:absolute; left:136px; top:123px; background-repeat:repeat-x; width:521px; height:1px;} .filetanims {background-image:url(images/rub_filet_anims.gif);} .filetbd {background-image:url(images/rub_filet_bd.gif);} .filetcroquis {background-image:url(images/rub_filet_croquis.gif);} .filetgraphisme {background-image: url(images/rub_filet_graphisme.gif);} #rubliste {position:absolute; left:175px; top:142px; line-height:13px;} .rublisteanims a {color:#bfbdc4;} .rublisteanims a:hover {color:#f9f6dc;} .rublistebd a {line-height:20px; color:#5d5a56;} .rublistebd a:hover {color: #78081d;} .rublistecommunication a {color:#ffd695;} .rublistecommunication a:hover {color:#ffffff;} .rublistecroquis a {color:#6c665a;} .rublistecroquis a:hover {color:#000000;} .rublisteedition a {color:#d3c5e7;} .rublisteedition a:hover {color:#ffffff;} .rublisteinformasign a {color:#cae9ee;} .rublisteinformasign a:hover {color:#ffffff;} #rubnav {position:absolute; left:19px; top:32px; width:102px; height:246px; visibility: hidden; z-index:2; font-size:7px;} #rubnavhaut {background-repeat:no-repeat; width:102px; height:8px;} .rubnavhautanims {background-image:url(images/rubnav_anims_haut.gif);} .rubnavhautbd {background-image:url(images/rubnav_bd_haut.gif);} .rubnavhautcroquis {background-image:url(images/rubnav_croquis_haut.gif);} .rubnavhautdizzyboa {background-image:url(images/rubnav_dizzyboa_haut.gif);} .rubnavhautgraphisme {background-image:url(images/rubnav_graphisme_haut.gif);} .rubnavhautgravure {background-image:url(images/rubnav_gravure_haut.gif);} .rubnavhautreliure {background-image:url(images/rubnav_reliure_haut.gif);} #rubnavmilieu {background-repeat:repeat-y; width:102px; height:208px;} .rubnavmilieuanims {background-image:url(images/rubnav_anims_milieu.gif);} .rubnavmilieubd {background-image:url(images/rubnav_bd_milieu.gif);} .rubnavmilieucroquis {background-image:url(images/rubnav_croquis_milieu.gif);} .rubnavmilieudizzyboa {background-image:url(images/rubnav_dizzyboa_milieu.gif);} .rubnavmilieugraphisme {background-image:url(images/rubnav_graphisme_milieu.gif);} .rubnavmilieugravure {background-image:url(images/rubnav_gravure_milieu.gif);} .rubnavmilieureliure {background-image:url(images/rubnav_reliure_milieu.gif);} #rubnavbas {background-repeat:no-repeat; width:102px; height:30px;} .rubnavbasanims {background-image:url(images/rubnav_anims_bas.gif);} .rubnavbasbd {background-image:url(images/rubnav_bd_bas.gif);} .rubnavbascroquis {background-image:url(images/rubnav_croquis_bas.gif);} .rubnavbasdizzyboa {background-image:url(images/rubnav_dizzyboa_bas.gif);} .rubnavbasgraphisme {background-image:url(images/rubnav_graphisme_bas.gif);} .rubnavbasgravure {background-image:url(images/rubnav_gravure_bas.gif);} .rubnavbasreliure {background-image:url(images/rubnav_reliure_bas.gif);} #contenurubnav {position:absolute; left:27px; top:40px; width:82px; height:215px; visibility:hidden; z-index:3;} #contenurubnav div {position:absolute;} #rubnavhome {left:17px; top:4px;} #rubnavedition {left:15px; top:55px;} #rubnavinformasign {left:3px; top:71px;} #rubnavanims {left:17px; top:91px;} #rubnavcroquis {left:15px; top:109px;} #rubnavbd {left:23px; top:127px;} #rubnavgravure {left:14px; top:146px;} #rubnavdizzyboa {left:12px; top:165px;} #rubnavreliure {left:14px; top:185px;} #navlistmenu {position:absolute;} #navflechback {position:absolute;} #navflechnext {position:absolute;} #navcontenu {position:absolute;} #navcontenu div {position:absolute;} #infos {position:absolute; left:393px; top:128px; width:260px; height:73px; background-color:#fffdef; border:1px solid; border-color:#605b5a; visibility: hidden; z-index:2;} #infosturkey {position:absolute; left:393px; top:128px; width:290px; height:140px; background-color:#fffdef; border:1px solid; border-color:#605b5a; visibility: hidden; z-index:2;} #infospoemes {position:absolute; left:393px; top:128px; width:280px; height:125px; background-color:#fffdef; border:1px solid; border-color:#605b5a; visibility: hidden; z-index:2;} #infoscegos {position:absolute; left:393px; top:128px; width:260px; height:100px; background-color:#fffdef; border:1px solid; border-color:#605b5a; visibility: hidden; z-index:2;} #infosensad {position:absolute; left:393px; top:128px; width:280px; height:165px; background-color:#fffdef; border:1px solid; border-color:#605b5a; visibility: hidden; z-index:2;} #infostext {position:absolute; left:10px; top:10px; color:#605b5a; line-height:13px} .textgras {font-weight:bold;}