/* Feuille de styles creee par Vincent */ /* Interface generale */ body { color: #fff; font: .8em Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 10px 0; background: url(../images/interface/bg_interface.jpg) repeat; } hr, .cacher { display: none; } .overflowfix { clear: both; font-size: 0; height: 1px; } a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } a:visited { color: #ccc; border-bottom-color: #ccc; } a:hover { border-bottom-color: #F7C600; } .imggauche, .imgdroite { border-width: 1px 2px 2px 1px; border-style: solid; border-color: #313D0B; } a.imggauche, a.imgdroite { border: 1px solid #bbb; display: block; } a.imggauche:hover, a.imgdroite:hover { border: 1px solid #eee; } a.imggauche img, a.imgdroite img { border: 0; display: block; margin: 0; } .imggauche, .pnggauche { margin: 0 10px 15px 0; float: left; } .imgdroite, .pngdroite { margin: 0 0 15px 10px; float: right; } #contenant { text-align: left; width: 758px; margin: auto; position: relative; background: url(../images/interface/bg_contenantcontenu.jpg) repeat-y; } #contenu { background-image: url(../images/interface/fonds/bg_contenu.jpg); background-position: left bottom; background-repeat: no-repeat; } #contenuprincipal, #blocgauche { border-top: 1px solid #000; } #contenuprincipal { width: 611px; margin-right: 1px; float: right; min-height: 285px; } #blocgauche { width: 140px; margin: 0; margin: 0 1px; float: left; position: relative; height: 351px; } /* En-tete */ #entete { height: 99px; background: url(../images/interface/bg_interface.jpg) repeat; } h1 { height: 97px; margin: 0; background: url(../images/interface/bg_entete.jpg) top left no-repeat; } h1 a { width: 136px; height: 83px; border: 0; display: block; position: absolute; top: 10px; left: 8px; z-index: 21; } h1 a span { display: none; } /* Pied de page */ #pieddepage { color: #7F91AC; text-align: right; clear: both; background: url(../images/interface/bg_interface.jpg) repeat; } #pieddepage p { margin: 0; padding: 0; } #pieddepage p abbr { border: 0; } #pieddepage p a { color: #B0BDD0; text-decoration: none; border: 0; } #pieddepage p a:hover { border-bottom: 1px dotted #B0BDD0; } /* Bloc gauche */ h6 { color: #E6CEAC; font: .7em Georgia, "Times New Roman", Times serif; font-weight: bold; text-transform: uppercase; margin: 0 0 0 1px; padding: .2em .4em; border-bottom: 1px solid #313D0B; background: #515D0B; } ul.menusection { margin: 0; padding: 0; list-style-type: none; } ul.menusection li a { color: #E6CEAC; font-family: Georgia, "Times New Roman", Times, serif; font-size: .7em; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: .5em 10px .5em 15px; border: 0; display: block; } ul.menusection li a:visited { color: #E6CEAC; } ul.menusection li a:hover { color: #F7C600; } ul.menusection li a.actif, ul.menusection li a.actif:visited { color: #F7C600; background: url(../images/interface/fleche_menusection.png) 0 50% no-repeat; } p.pdf { margin: 0; padding: 0; position: absolute; top: 315px; left: 1px; } p.pdf a, p.pdf a:visited { color: #fff; font: .7em Georgia, "Times New Roman", Times serif; font-weight: bold; text-align: center; text-transform: uppercase; width: 139px; padding: .2em 0; border-width: 1px 0; border-style: solid; border-color: #313D0B; background: #9B6E05; display: block; } p.pdf a:hover { border-width: 1px 0; border-style: solid; border-color: #313D0B; background: #E39109; } /*#blocgauche div.espaceurBlocgauche { height: 190px; }*/ ul.mondeanimal { margin: 0; padding: 0; list-style: none; position: absolute; top: 165px; left: 0; } ul.mondeanimal li { position: absolute; } ul.mondeanimal li a { display: block; border: 0; } ul.mondeanimal li a span { display: none; } ul.mondeanimal li.mammiferes { top: 0; left: 41px; } ul.mondeanimal li.mammiferes a { width: 63px; height: 44px; background: url(../images/interface/bt_mondeanimal/bt_mammiferes.png); } ul.mondeanimal li.mammiferes a:hover { background: url(../images/interface/bt_mondeanimal/bt_mammiferes_over.png); } ul.mondeanimal li.habitats { top: 53px; left: 6px; } ul.mondeanimal li.habitats a { width: 45px; height: 41px; background: url(../images/interface/bt_mondeanimal/bt_habitats.png); } ul.mondeanimal li.habitats a:hover { background: url(../images/interface/bt_mondeanimal/bt_habitats_over.png); } ul.mondeanimal li.oiseaux { top: 53px; left: 93px; } ul.mondeanimal li.oiseaux a { width: 40px; height: 41px; background: url(../images/interface/bt_mondeanimal/bt_oiseaux.png); } ul.mondeanimal li.oiseaux a:hover { background: url(../images/interface/bt_mondeanimal/bt_oiseaux_over.png); } ul.mondeanimal li.faune { top: 95px; left: 26px; } ul.mondeanimal li.faune a { width: 88px; height: 44px; background: url(../images/interface/bt_mondeanimal/bt_faune.png); } ul.mondeanimal li.faune a:hover { background: url(../images/interface/bt_mondeanimal/bt_faune_over.png); } ul.listeactivites { margin: 1em 0 -100px 0; padding: 0; list-style: none; position: relative; } ul.listeactivites li a { width: 66px; height: 57px; display: block; border: 0; } ul.listeactivites li a span { display: none; } ul.listeactivites li.enseignants { position: absolute; top: 0; left: 6px; } ul.listeactivites li.etudiants { position: absolute; top: 0; left: 70px; } ul.listeactivites li.enseignants a { background: url(../images/interface/ecole/bt_coinenseignants.png); } ul.listeactivites li.etudiants a { background: url(../images/interface/ecole/bt_coinetudiants.png); } ul.listeactivites li.enseignants a:hover { background: url(../images/interface/ecole/bt_coinenseignants_over.png); } ul.listeactivites li.etudiants a:hover { background: url(../images/interface/ecole/bt_coinetudiants_over.png); } /* Contenu */ h3, #contenuprincipal p, #contenuprincipal dl, #contenuprincipal ul, div.contenuQuestion, #contenuprincipal form, #contenuprincipal table { margin: 0 10px 1.5em 10px; } #contenuprincipal p.narrower { margin-right: 120px; } #contenuprincipal div.texteJaune { color:#F7C600; margin: 0 10px 1.5em 10px; } h2 { font-family: Georgia, Times, "Times New Roman", serif; color: #F7C600; font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0 0 1em 2px; padding: 10px 0 0 10px; } #contenuprincipal>h2 { margin: 0 1px 1em 0; } h3 { /*color: #E6CEAC;*/ color: #F7C600; font-size: 1.1em; font-weight: bold; margin-bottom: .8em; padding-top: 0em; } #contenuprincipal dfn { font-style: normal; border-bottom: 1px dotted; cursor: help; } div.bt_hautdepage { text-align: right; } div.bt_hautdepage a, div.bt_hautdepage a:visited { color: #F7C600; font-weight: bold; margin-right: 10px; padding-right: 22px; border-bottom: 1px solid #f7c600; background: url(../images/interface/bt_hautdepage.png) right center no-repeat; } div.bt_hautdepage a:hover { color: #fff; border-color: #fff; background-image: url(../images/interface/bt_hautdepage_over.png); } form th, form td { font-size: .8em; line-height: 1.5em; text-align: left; vertical-align: top; padding-right: 1em; } form table tr>th, form table tr>td { font-size: 1em; } form td input, form td textarea, form select { font: inherit; width: 300px; border: 1px solid #313D0B; background: #A4A33B; } form select { width: auto; } form td input:focus, form td textarea:focus { background: #CAC962; } form div.boutons { text-align: center; padding-top: 1em; border-top: 1px dotted #F7C600; } form div.boutons input, input.bouton { color: #515D0B; font-size: inherit; font-weight: bold; text-align: center; border: 1px solid #313D0B; background: #F7C600; cursor: pointer; } form div.boutons input:hover, form div.boutons input:focus, input.bouton:hover, input.bouton:focus { color: #F7C600; background: #515D0B; } form select option.inactif { color: #ccc; } table.prix { font-size: .85em; border-collapse: collapse; } table.prix caption { margin: 0 10px 0 9px; font-weight: bold; background: #313D0B; } table.prix th, table.prix td { text-align: left; padding: .4em .8em .4em .4em; border: 1px solid #313D0B; } table.prix tfoot td { font-size: .8em; text-align: right; padding: 0; border: 0; } ul.rosette { height: 275px; margin-top: -35px !important; padding: 0; list-style-type: none; position: relative; } ul.rosette li { position: absolute; } ul.rosette li a { display: block; border: 0; } ul.rosette li a span { display: none; } ul.rosette li#r_moufette { top: 90px; left: 0; } ul.rosette li#r_moufette a { width: 81px; height: 106px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_moufette.png); } ul.rosette li#r_martre { top: 40px; left: 90px; } ul.rosette li#r_martre a { width: 80px; height: 107px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_martre.png); } ul.rosette li#r_castor { top: 20px; left: 190px; } ul.rosette li#r_castor a { width: 83px; height: 107px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_castor.png); } ul.rosette li#r_lynx { top: 0; left: 300px; } ul.rosette li#r_lynx a { width: 81px; height: 125px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_lynx.png); } ul.rosette li#r_marmotte { top: 40px; left: 400px; } ul.rosette li#r_marmotte a { width: 84px; height: 109px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_marmotte.png); } ul.rosette li#r_renard { top: 90px; left: 505px; } ul.rosette li#r_renard a { width: 81px; height: 109px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_renard.png); } ul.rosette li#r_ours { top: 155px; left: 360px; } ul.rosette li#r_ours a { width: 99px; height: 94px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_ours.png); } ul.rosette li#r_loup { top: 160px; left: 250px; } ul.rosette li#r_loup a { width: 81px; height: 115px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_loup.png); } ul.rosette li#r_orignal { top: 155px; left: 110px; } ul.rosette li#r_orignal a { width: 110px; height: 104px; background: url(../images/interface/bt_mondeanimal/mammiferes/bt_orignal.png); } ul.rosette li#r_butor { top: 90px; left: 0; } ul.rosette li#r_butor a { width: 78px; height: 106px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_butor.png); } ul.rosette li#r_grandduc { top: 25px; left: 90px; } ul.rosette li#r_grandduc a { width: 83px; height: 117px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_grandduc.png); } ul.rosette li#r_crecerelle { top: 0; left: 190px; } ul.rosette li#r_crecerelle a { width: 83px; height: 107px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_crecerelle.png); } ul.rosette li#r_corbeau { top: 0; left: 300px; } ul.rosette li#r_corbeau a { width: 99px; height: 107px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_corbeau.png); } ul.rosette li#r_corneille { top: 40px; left: 400px; } ul.rosette li#r_corneille a { width: 82px; height: 106px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_corneille.png); } ul.rosette li#r_harfang { top: 86px; left: 505px; } ul.rosette li#r_harfang a { width: 81px; height: 113px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_harfang.png); } ul.rosette li#r_chouette { top: 155px; left: 360px; } ul.rosette li#r_chouette a { width: 103px; height: 106px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_chouette.png); } ul.rosette li#r_bernache { top: 170px; left: 225px; } ul.rosette li#r_bernache a { width: 107px; height: 100px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_bernache.png); } ul.rosette li#r_canard { top: 162px; left: 110px; } ul.rosette li#r_canard a { width: 86px; height: 99px; background: url(../images/interface/bt_mondeanimal/oiseaux/bt_canard.png); } ul.rosette li#r_animasques { top: 90px; left: 0; } ul.rosette li#r_animasques a { width: 81px; height: 76px; background: url(../images/ecole/interface/bt_animasques.png); } ul.rosette li#r_imaginaire { top: 25px; left: 100px; } ul.rosette li#r_imaginaire a { width: 81px; height: 83px; background: url(../images/ecole/interface/bt_imaginaire.png); } ul.rosette li#r_grandcomme { top: 0; left: 230px; } ul.rosette li#r_grandcomme a { width: 71px; height: 73px; background: url(../images/ecole/interface/bt_grandcomme.png); } ul.rosette li#r_legendes { top: 31px; left: 370px; } ul.rosette li#r_legendes a { width: 70px; height: 72px; background: url(../images/ecole/interface/bt_legendes.png); } ul.rosette li#r_acrostiche { top: 155px; left: 100px; } ul.rosette li#r_acrostiche a { width: 84px; height: 76px; background: url(../images/ecole/interface/bt_acrostiches.png); } ul.rosette li#r_mystere { top: 86px; left: 505px; } ul.rosette li#r_mystere a { width: 86px; height: 79px; background: url(../images/ecole/interface/bt_mystere.png); } ul.rosette li#r_langueauchat { top: 185px; left: 230px; } ul.rosette li#r_langueauchat a { width: 91px; height: 72px; background: url(../images/ecole/interface/bt_langueauchat.png); } ul.rosette li#r_rallye { top: 158px; left: 370px; } ul.rosette li#r_rallye a { width: 85px; height: 72px; background: url(../images/ecole/interface/bt_rallye.png); } li#altActivites, li#altActivitesEtudiants { text-align: center; width: 240px; top: 105px; left: 155px; } li#altActivites strong, li#altActivitesEtudiants strong { color: #F7C600; } ul.rosette #r_habitats { top: 100px; left: 0; } ul.rosette #r_habitats a { width: 137px; height: 83px; background: url(../images/jeux/bt_jeux_habitats.png) no-repeat; } ul.rosette #r_cherche { top: 100px; left: 450px; } ul.rosette #r_cherche a { width: 133px; height: 83px; background: url(../images/jeux/bt_jeux_cherche.png) no-repeat; } ul.rosette #r_traces { top: 27px; left: 230px; } ul.rosette #r_traces a { width: 133px; height: 76px; background: url(../images/jeux/bt_jeux_traces.png) no-repeat; } ul.rosette #r_proverbes { top: 210px; left: 300px; } ul.rosette #r_proverbes a { width: 152px; height: 80px; background: url(../images/jeux/bt_jeux_proverbes.png) no-repeat; } ul.rosette #r_quisuisje { top: 210px; left: 137px; } ul.rosette #r_quisuisje a { width: 101px; height: 80px; background: url(../images/jeux/bt_jeux_quisuisje.png) no-repeat; } li#altActivitesEtudiants { width: 290px; top: 140px; left: 150px; } ul.equerre { height: 71px; margin: 0; padding: 0; list-style-type: none; position: relative; } ul.equerre li { position: absolute; } ul.equerre li a { width: 73px; height: 116px; display: block; border: 0; } ul.equerre li a span { display: none; } ul.equerre li#e_aquatiques { top: -197px; left: 500px; } ul.equerre li#e_aquatiques a { background: url(../images/interface/bt_mondeanimal/habitats/bt_aquatiques.png); } ul.equerre li#e_forestiers { top: -25px; left: 400px; } ul.equerre li#e_forestiers a { background: url(../images/interface/bt_mondeanimal/habitats/bt_forestiers.png); } ul.equerre li#e_ouverts { top: -25px; left: 290px; } ul.equerre li#e_ouverts a { background: url(../images/interface/bt_mondeanimal/habitats/bt_ouverts.png); } ul.equerre li#e_riverains { top: -66px; left: 500px; } ul.equerre li#e_riverains a { background: url(../images/interface/bt_mondeanimal/habitats/bt_riverains.png); } ul.equerre.faune li a { width: 105px; height: 115px; } ul.equerre li#e_carcajou { top: -24px; left: 265px; } ul.equerre li#e_carcajou a { background: url(../images/interface/bt_mondeanimal/faune/bt_carcajou.png); } ul.equerre li#e_caribou { top: -66px; left: 490px; } ul.equerre li#e_caribou a { background: url(../images/interface/bt_mondeanimal/faune/bt_caribou.png); } ul.equerre li#e_faucon { top: -197px; left: 490px; } ul.equerre li#e_faucon a { background: url(../images/interface/bt_mondeanimal/faune/bt_faucon.png); } ul.equerre li#e_pygargue { top: -30px; left: 390px; } ul.equerre li#e_pygargue a { background: url(../images/interface/bt_mondeanimal/faune/bt_pygargue.png); } ul.ecole_coin { height: 220px; margin: 0; padding: 0; list-style: none; position: relative; } ul.ecole_coin li { padding-right: 25px; background: url(../images/interface/patte_menusection.png) 100% 50% no-repeat; position: absolute; } ul.ecole_coin li a, ul.ecole_coin li a:visited { color: #F7C600; font: 1.3em Georgia, Times, "Times New Roman", serif; font-weight: bold; text-decoration: none; border: 0; } ul.ecole_coin li.enseignants { top: 0; left: 0; } ul.ecole_coin li.etudiants { top: 130px; right: 0; } ul.ecole_coin li p { width: 200px; margin: 0 !important; position: absolute; top: 1.5em; left: 0; display: none; } ul.ecole_coin li.etudiants p { right: 0; text-align: right; } img.description { float: right; margin: 50px; } dl.description { } dl.description dt { font-weight: bold; } dl.description dd { margin: 0; } dl.description dd ul { margin: 0; padding: 0 0 0 .8em; list-style-type: circle; } div.description { clear: both; margin: 0 10px 1em; border: 1px solid #5A6410; background: #737E20; } div.description h3, div.description p, div.description ul { width: 350px; margin-left: 200px !important; } div.description ul { padding-left: 1em; } div.description h3 { color: #F7C600; } div.description img { margin: 10px 0 0; display: block; float: left; } ul.album { margin: 0; padding: 0; list-style: none; } ul.album li { float: left; width: 24%; height: 100px; text-align: center; } ul.album li a { width: 100px; margin: auto; border: 1px solid #111; display: block; } ul.album li a.v { width: 67px; } ul.album li a:hover { border-color: #E6CEAC; } ul.album li a img { margin: 0; border: 0; display: block; } ul.albumhfn { margin: 0; padding: 0; list-style: none; } ul.albumhfn li { float: left; width: 50%; height: 100px; text-align: center; } ul.albumhfn li a { width: 100px; margin: auto; border: 1px solid #111; display: block; } ul.albumhfn li a.v { width: 67px; } ul.albumhfn li a:hover { border-color: #E6CEAC; } ul.albumhfn li a img { margin: 0; border: 0; display: block; } div.menusection { text-align: right; margin: 0 10px 1em; background: url(../images/interface/pointille_menusection.png) 0 100% repeat-x } div.menusection span { display: none; } div.menusection a, div.menusection a:visited { color: #F7F1CE; font-weight: bold; padding: 5px 25px 5px 2px; border: 0; background: url(../images/interface/patte_menusection.png) 100% 50% no-repeat; } div.menusection a:hover, div.menusection a.actif, div.menusection a.actif:visited { color: #F7C600; } /* Questions */ div.contenuQuestion { border: 1px solid #313D0B; padding: .5em; background: #646F13; } div.contenuQuestion div.question p.u { font-style: oblique; text-align: right; border-top: 1px dotted #313D0B; } div.contenuQuestion div.reponse { margin: 0 .5em; padding: .5em .5em 0 .5em; border-width: 2px 2px 1px 1px; border-style: solid; border-color: #5A6410; background: #737E20; } div.contenuQuestion div.reponse p.u { font-weight: bold; } /* Crdits */ dl.credits dt { color: #E6CEAC; font-weight: bold; } dl.credits dd { margin: 0 0 1.5em .5em; } dl.credits dd ul { margin: 0; padding: 0; list-style: none; } /* Liens */ ul#liens { padding: 0; list-style: none; } ul#liens li { margin-bottom: 1em; } /* Papiers peints */ dl.papierspeints dt, dl.papierspeints dd { width: 150px; height: 114px; margin: 0 0 50px 0; float: left; border-top: 1px solid #313D0B; } dl.papierspeints dt img { display: block; margin: 0; } dl.papierspeints dd { width: 95px; margin-right: 50px; } dl.papierspeints dd ul { margin: 0 0 0 10px !important; padding: 0; list-style: none; } dl.papierspeints dd ul li { margin: 0; padding: 2px 0; border-bottom: 1px solid #313D0B; } dl.papierspeints dd a, dl.papierspeints dd a:visited { font-size: .8em; font-weight: bold; text-align: center; border: 1px solid #313D0B; background: #515D0B; display: block; } dl.papierspeints dd a:hover { color: #515D0B; background: #F7C600; } /* Jeux */ ul#jeux_jeux { width: 100%; height: 300px; position: relative; margin: 0; padding: 0; list-style: none; } ul#jeux_jeux li { position: absolute; } ul#jeux_jeux li a { display: block; border: 0; } ul#jeux_jeux li a span { display: none; } ul#jeux_jeux #bt_cherche { top: 33px; left: 65px; } ul#jeux_jeux #bt_cherche a { width: 133px; height: 83px; background: url(../images/jeux/bt_jeux_cherche.png) no-repeat; } ul#jeux_jeux #bt_melimelo { top: 15px; left: 198px; } ul#jeux_jeux #bt_melimelo a { width: 162px; height: 69px; background: url(../images/jeux/bt_jeux_melimelo.png) no-repeat; } ul#jeux_jeux #bt_traces { top: 27px; left: 364px; } ul#jeux_jeux #bt_traces a { width: 133px; height: 76px; background: url(../images/jeux/bt_jeux_traces.png) no-repeat; } ul#jeux_jeux #bt_proverbes { top: 102px; left: 447px; } ul#jeux_jeux #bt_proverbes a { width: 152px; height: 80px; background: url(../images/jeux/bt_jeux_proverbes.png) no-repeat; } ul#jeux_jeux #bt_gudule { top: 188px; left: 396px; } ul#jeux_jeux #bt_gudule a { width: 142px; height: 72px; background: url(../images/jeux/bt_jeux_gudule.png) no-repeat; } ul#jeux_jeux #bt_aventure { top: 225px; left: 245px; } ul#jeux_jeux #bt_aventure a { width: 140px; height: 75px; background: url(../images/jeux/bt_jeux_aventure.png) no-repeat; } ul#jeux_jeux #bt_quisuisje { top: 210px; left: 137px; } ul#jeux_jeux #bt_quisuisje a { width: 101px; height: 80px; background: url(../images/jeux/bt_jeux_quisuisje.png) no-repeat; } dl#jeux_webtv { width: 100%; height: 210px; position: relative; margin: 0; padding: 0; } dl#jeux_webtv dt, dl#jeux_webtv dd, dl#jeux_webtv dd ul, dl#jeux_webtv dd li { position: absolute; margin: 0; padding: 0; list-style: none; } dl#jeux_webtv dt span, dl#jeux_webtv dd a span { display: none; } dl#jeux_webtv dd a { display: block; border: 0; } dl#jeux_webtv dt.quiz, dl#jeux_webtv dd.quiz { width: 193px; height: 103px; top: 0; left: 10px; } dl#jeux_webtv dt.quiz { background: url(../images/jeux/bg_webtv_quiz.png) 0 no-repeat; } dl#jeux_webtv dt.ecole, dl#jeux_webtv dd.ecole { width: 245px; height: 125px; top: 10px; left: 330px; } dl#jeux_webtv dt.ecole { background: url(../images/jeux/bg_webtv_ecole.png) 0 no-repeat; } dl#jeux_webtv dt.chaperon, dl#jeux_webtv dd.chaperon { width: 221px; height: 92px; top: 103px; left: 50px; } dl#jeux_webtv dt.chaperon { background: url(../images/jeux/bg_webtv_chaperon.png) 0 no-repeat; } dl#jeux_webtv dt.orignaux, dl#jeux_webtv dd.orignaux { width: 99px; height: 73px; top: 135px; left: 365px; } dl#jeux_webtv dt.orignaux { background: url(../images/jeux/bg_webtv_orignaux.png) 0 no-repeat; } #d1_castor { top: 35px; left: 100px; } #d1_castor a { width: 118px; height: 14px; background: url(../images/jeux/bt_webtv_01_castor.png) no-repeat; } #d1_ours { top: 55px; left: 95px; } #d1_ours a { width: 196px; height: 13px; background: url(../images/jeux/bt_webtv_01_ours.png) no-repeat; } #d1_renard { top: 75px; left: 100px; } #d1_renard a { width: 118px; height: 13px; background: url(../images/jeux/bt_webtv_01_renard.png) no-repeat; } #d2_marmotte { top: 17px; left: -8px; } #d2_marmotte a { width: 102px; height: 13px; background: url(../images/jeux/bt_webtv_02_marmotte_off.png) no-repeat; } #d2_renard { top: 37px; left: 18px; } #d2_renard a { width: 81px; height: 13px; background: url(../images/jeux/bt_webtv_02_renard.png) no-repeat; } #d2_castor { top: 57px; left: 28px; } #d2_castor a { width: 77px; height: 13px; background: url(../images/jeux/bt_webtv_02_castor_off.png) no-repeat; } #d3_moufette { top: 20px; left: 80px; } #d3_moufette a { width: 102px; height: 13px; background: url(../images/jeux/bt_webtv_03_moufette.png) no-repeat; } #d3_loupette { top: 40px; left: 110px; } #d3_loupette a { width: 81px; height: 13px; background: url(../images/jeux/bt_webtv_03_loupette.png) no-repeat; } #d3_castorio { top: 60px; left: 140px; } #d3_castorio a { width: 77px; height: 14px; background: url(../images/jeux/bt_webtv_03_castorio_off.png) no-repeat; } #d4_orignaux { top: -6px; left: -68px; } #d4_orignaux a { width: 103px; height: 26px; background: url(../images/jeux/bt_webtv_04_orignaux.png) no-repeat; }