/* CSS Document by Meridian Communication */ /* www.lacerisesurlegato.com 2008 */ /* ----------------------------------- */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ----------------------------------- */ /* Colors Help {rose : #F3C ; violet : #93F ; orange : #F93 ; bleu : #3CF ; rouge : #F33 ; vert : #6F0 ; }*/ /* ----------------------------------- */ /* >>>>>>>>>>>>> generalites <<<< */ /* ----------------------------------- */ /* Specifique cette balise */ HTML{font-size: 100%; background: #FFF url(images/fond-x.png) repeat-y top center} /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em Arial, Verdana, Geneva, Helvetica, sans-serif; } input, select, textarea{font-size: 100%;} .accessiblite {display:none} #page #content a, #page #content a:link {text-decoration:none} #page #content.parent1 a, #page #content.parent1 a:link { color:#F33 } #page #content.parent3 a, #page #content.parent3 a:link { color:#F3C; } #page #content.parent4 a, #page #content.parent4 a:link { color:#93F } #page #content.parent5 a, #page #content.parent5 a:link { color:#F93 } #page #content.parent6 a, #page #content.parent6 a:link { color:#3CF } #page #content.parent7 a, #page #content.parent7 a:link { color:#F33 } #page #content.parent8 a, #page #content.parent8 a:link { color:#6F0 } #page #content a:visited {} #page #content a:hover {text-decoration:underline} #page #content.parent1 a:hover { color:#F33 } #page #content.parent3 a:hover { color:#F3C } #page #content.parent4 a:hover { color:#93F } #page #content.parent5 a:hover { color:#F93 } #page #content.parent6 a:hover { color:#3CF } #page #content.parent7 a:hover { color:#F33 } #page #content.parent8 a:hover { color:#6F0 } a img, img {border: none;} #page {position:absolute; width: 950px; height: 600px; left: 50%; top: 50%; margin-top: -300px; margin-left: -475px; border: 1px solid #000;} #entete h1{display:none} /* #page {position:relative; width: 955px; height: 600px; margin: 10px auto; border-color:#8C8C8C; border-width:1px; border-style:solid; background-color:#FFF;} */ /*/////////////// fond page */ #page.template3 { background:transparent url(images/fond-ronds-colores.gif) 0px 538px no-repeat } /*/////////////// BOUTON ACCUEIL */ #entete #retour-accueil {position:absolute; top:24px; left:26px; display:block; width:120px; height:100px; background-color:#FFF; } #entete #retour-accueil a{background:transparent url(images/logotype.png) 0 0 no-repeat; display:block; width:120px; height:100px;} #entete #retour-accueil a:hover {background:transparent url(images/logotype-on.png) 0px 0 no-repeat;width:120px; height:100px; } #entete #retour-accueil a span{display:none} /*/////////////// BOUTON MENTIONS LEGALES */ #entete #mentions {position:absolute; top:516px; left:952px; display:block; width:14px; height:85px; background-color:#FFF; } #entete #mentions a{background:transparent url(images/mentions-off.gif) 0 0 no-repeat; display:block; width:14px; height:85px;} body.id44 #entete #mentions a{background:transparent url(images/mentions-on.gif) 0 0 no-repeat; display:block; width:14px; height:85px;} #entete #mentions a:hover {background:transparent url(images/mentions-on.gif) 0px 0 no-repeat;width:14px; height:85px; } #entete #mentions a span{display:none} /*/////////////// ILLUSTRATION ACCUEIL */ #accueilIllustration {position:absolute; display:block; top:134px;} /*/////////////// PRE HOME */ #page #content #pre-home {position:absolute; width: 955px; height: 600px; background:transparent url(images/fond-accueil.jpg) 0 0 no-repeat; } #page #content #pre-home #entrer {position:absolute; top:257px; left:302px; display:block; width:100px; height:30px; background-color:#FFF; margin-top:0px;z-index:100} #page #content #pre-home #entrer a{background:transparent url(images/pre-entrer-off.gif) 0 0 no-repeat; display:block; width:100px; height:30px;} #page #content #pre-home #entrer a:hover {background:transparent url(images/pre-entrer-on.gif) 0px 0 no-repeat;width:100px; height:30px; } #page #content #pre-home #entrer a span{display:none} #page #content #pre-home #player {position:absolute; top:257px; left:430px; display:block; width:230px; height:24px; background-color:#FFF; margin-top:0px;z-index:100} #page #content #pre-home #player a{background:transparent url(images/pre-player-off.gif) 0 0 no-repeat; display:block; width:230px; height:24px;} #page #content #pre-home #player a:hover {background:transparent url(images/pre-player-on.gif) 0px 0 no-repeat;width:230px; height:24px; } #page #content #pre-home #player a span{display:none} /*////////////// MENU NIV 1 */ /* --------------- #nav-niv-1 ---------*/ #entete #nav-niv-1 { position:absolute; top: 19px; left:200px; display:block; width:643px; height:40px; border-bottom:1px #999 solid } #entete #nav-niv-1 ul {padding: 5px 0 0 0} #entete #nav-niv-1 li {display:block; float:left; background-color:#FFF; } #entete #nav-niv-1 li.last { } #entete #nav-niv-1 li a {display:block;overflow: hidden; text-indent: -5000px; } * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:28px; he\ight:0;} #entete #nav-niv-1 li#item3 a, #entete #nav-niv-1 li#item3.active a, #entete #nav-niv-1 li#item3 a:hover { width:91px; height:28px; margin-right:37px; } #entete #nav-niv-1 li#item4 a, #entete #nav-niv-1 li#item4.active a, #entete #nav-niv-1 li#item4 a:hover { width:76px; height:28px; margin-right:37px;} #entete #nav-niv-1 li#item5 a, #entete #nav-niv-1 li#item5.active a, #entete #nav-niv-1 li#item5 a:hover { width:58px; height:28px; margin-right:37px;} #entete #nav-niv-1 li#item6 a, #entete #nav-niv-1 li#item6.active a, #entete #nav-niv-1 li#item6 a:hover { width:104px; height:28px; margin-right:37px;} #entete #nav-niv-1 li#item7 a, #entete #nav-niv-1 li#item7.active a, #entete #nav-niv-1 li#item7 a:hover { width:56px; height:28px; margin-right:36px;} #entete #nav-niv-1 li#item8 a, #entete #nav-niv-1 li#item8.active a, #entete #nav-niv-1 li#item8 a:hover { width:74px; height:28px; } #entete #nav-niv-1 li#item3 a {background:transparent url(images/niv1-item3-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item4 a {background:transparent url(images/niv1-item4-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5 a {background:transparent url(images/niv1-item5-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item6 a {background:transparent url(images/niv1-item6-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item7 a {background:transparent url(images/niv1-item7-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8 a {background:transparent url(images/niv1-item8-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item3.active a{background:transparent url(images/niv1-item3-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a{background:transparent url(images/niv1-item4-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a{background:transparent url(images/niv1-item5-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6.active a{background:transparent url(images/niv1-item6-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item7.active a{background:transparent url(images/niv1-item7-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8.active a{background:transparent url(images/niv1-item8-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3 a:hover {background:transparent url(images/niv1-item3-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item4 a:hover {background:transparent url(images/niv1-item4-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5 a:hover {background:transparent url(images/niv1-item5-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6 a:hover {background:transparent url(images/niv1-item6-off.gif) 0 0 no-repeat;} #entete #nav-niv-1 li#item7 a:hover {background:transparent url(images/niv1-item7-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8 a:hover {background:transparent url(images/niv1-item8-off.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item3.active a:hover {background:transparent url(images/niv1-item3-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item4.active a:hover {background:transparent url(images/niv1-item4-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item5.active a:hover {background:transparent url(images/niv1-item5-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item6.active a:hover {background:transparent url(images/niv1-item6-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item7.active a:hover {background:transparent url(images/niv1-item7-active.gif) 0 0 no-repeat; } #entete #nav-niv-1 li#item8.active a:hover {background:transparent url(images/niv1-item8-active.gif) 0 0 no-repeat; } #rappel-niv-1 { position:absolute; display:block; right:0; top:4px; background-color:#FFF; width:26px; height:294px} #rappel-niv-1 img{margin-top:14px} /*////////////// MENU NIV 2 */ #entete #nav-niv-2 {position:absolute; top:65px; display:block; width:150px; margin-top:0px;} #entete .niv2-id3 {left:201px;} #entete .niv2-id4 {left:329px;} #entete .niv2-id6 {left:537px;} #entete .niv2-id8 {left:770px;} #entete #nav-niv-2 ul {list-style-type:none; font-size:1.2em;} #entete #nav-niv-2 li { list-style-type:none; margin: 2px 0 0 0; line-height:1.3em} #entete #nav-niv-2 li.last { padding:0; list-style-type:none;} #entete #nav-niv-2 li a { display:block; height:auto;} * html #entete #nav-niv-2 li a { height:1%;} #entete #nav-niv-2 li a, #entete #menu-niv-2 li a:link { text-decoration:none; color:#999;} #entete #nav-niv-2.niv2-id3 li a:hover {color:#F3C} #entete #nav-niv-2.niv2-id4 li a:hover {color:#93F} #entete #nav-niv-2.niv2-id6 li a:hover {color:#3CF} #entete #nav-niv-2.niv2-id8 li a:hover {color:#6F0} #entete #nav-niv-2 li.active a {color: #000; } #entete #nav-niv-2 li.active a:hover {color: #000; } #entete #nav-niv-2.niv2-id5 {display:none} /*////////////// MENU NIV 3 */ #page #navigation #menu-niv-3 {position:absolute; top:198px; left:130px; display:block; width:153px; background-color:#FFF; margin-top:0px; background:url(images/rond-gris-vertical.gif) 1px 0px repeat-y; margin: 0 0 0 20px; z-index:103} #page #navigation #menu-niv-3 ul {margin: 0px 0 0px 4px; padding:0; list-style-type:none; font-size:11px; } #page #navigation #menu-niv-3 li {margin: 2px 0 5px 0; padding:0; list-style-type:none; } #page #navigation #menu-niv-3 li.last {margin: 1px 0 2px 0; padding:0; list-style-type:none;} #page #navigation #menu-niv-3 li a {padding-left: 13px; display:block} * html #page #navigation #menu-niv-3 li a { height:1%;} #page #navigation #menu-niv-3 li a, #page #navigation #menu-niv-3 li a:link { text-decoration:none; color:#666;} #page #navigation #menu-niv-3 li a:visited {color: #666; } #page #navigation #menu-niv-3 li.active a {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li a:hover {color: #000; background: url(images/puce-noire.gif) 1px 1px no-repeat; } #page #navigation #menu-niv-3 li.active a:hover {color: #F00; background: url(images/puce-rouge.gif) 1px 1px no-repeat;} /*/////////////// EDITO /////////*/ #edito { position:absolute; top:171px; left:704px; display:block; width:168px;} #edito h3{text-align:left; font-size:1.5em; font-weight:bold; width:140px; line-height:1.2em; margin-bottom:12px;} #edito p {color: #000; font-size:1.2em; line-height:1.2em;} /*/////////////// CONTENT /////////*/ #page.template6 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles.gif) 0 0 no-repeat} #page.template7 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs.gif) 0 0 no-repeat} #page.template7-1 #content, #page.template7-7 #content, #page.template7-13 #content, #page.template7-19 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs1.gif) 0 0 no-repeat} #page.template7-2 #content, #page.template7-8 #content, #page.template7-14 #content, #page.template7-20 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs2.gif) 0 0 no-repeat} #page.template7-3 #content, #page.template7-9 #content, #page.template7-15 #content, #page.template7-21 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs3.gif) 0 0 no-repeat} #page.template7-4 #content, #page.template7-10 #content, #page.template7-16 #content, #page.template7-22 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs4.gif) 0 0 no-repeat} #page.template7-5 #content, #page.template7-11 #content, #page.template7-17 #content, #page.template7-23 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs5.gif) 0 0 no-repeat} #page.template7-6 #content, #page.template7-12 #content, #page.template7-18 #content, #page.template7-24 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-auteurs6.gif) 0 0 no-repeat} #page.template9 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles2.gif) 0 0 no-repeat} #page.template10 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles.gif) 0 0 no-repeat} #page.template11 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-jeux.gif) 0 0 no-repeat} #page.template19 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-livre2.gif) 0 0 no-repeat} #page.template14 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles.gif) 0 0 no-repeat} #page.template15 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles.gif) 0 0 no-repeat} #page.template17 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles.gif) 0 0 no-repeat} #page.template18 #content { position:absolute; top:145px; left:168px; display:block; width:706px; height:432px; background:transparent url(images/fond-angles-livre.gif) 0 0 no-repeat} #page.template20 #content { position:absolute; top:95px; left:198px; display:block; width:645px; height:472px; } #page #content h3 { position:absolute; display:block; top:9px; left:35px; font-size:1.8em; line-height:1.8em; text-transform:uppercase; font-weight:bold; } #page #content h4 {font-size:1.2em; line-height:1.3em; padding-left:9px} #page #content h5 {font-size:1.2em; line-height:1.3em; font-weight:bold; margin-bottom:10px} #page #content p { font-size:1.2em; line-height:1.1em; margin:0 0 10px 0} #page #content ul { margin: 0 0 10px 0} #page #content li { font-size:1.2em; line-height:1.1em; margin:0 0 0px 0; padding-left:9px} #page #content.parent1 li { background:transparent url(images/puce-couleur-7.gif) 0 0 no-repeat} #page #content.parent1 h4 { font-weight:bold; padding-left:0} #page #content.parent3 li, #page #content.parent3 h4 { background:transparent url(images/puce-couleur-3.gif) 0 0 no-repeat} #page #content.parent4 li, #page #content.parent4 h4 { background:transparent url(images/puce-couleur-4.gif) 0 0 no-repeat} #page #content.parent5 li, #page #content.parent5 h4 { background:transparent url(images/puce-couleur-5.gif) 0 0 no-repeat } #page #content.parent6 li, #page #content.parent6 h4 { background:transparent url(images/puce-couleur-6.gif) 0 0 no-repeat} #page #content.parent7 li, #page #content.parent7 h4 { background:transparent url(images/puce-couleur-7.gif) 0 0 no-repeat} /*#page #content.parent8 li, #page #content.parent8 h4 { background:transparent url(images/puce-couleur-8.gif) 0 0 no-repeat}*/ #page #content.parent1 em, #page #content.parent3 p span { color:#F33 } #page #content.parent3 em, #page #content.parent3 p span { color:#F3C } #page #content.parent4 em, #page #content.parent4 p span { color:#93F } #page #content.parent5 em, #page #content.parent5 p span { color:#F93 } #page #content.parent6 em, #page #content.parent6 p span { color:#3CF } #page #content.parent7 em, #page #content.parent7 p span { color:#F33 } #page #content.parent8 em, #page #content.parent8 p span { color:#6F0 } #page #content p span {font-weight:bold; font-size:1.2em; text-transform:uppercase} #page #content strong { font-weight:bold} #page #content #colonne-gauche { position:absolute; display:block; background-color:#FFF; left:35px; top:52px; width:308px; height:370px} #page #content #colonne-droite { position:absolute; display:block; background-color:#FFF ; left: 361px; top:52px; width:308px; height:370px} /*/////// Auteurs ///////////*/ #listeAuteurs {position:absolute; display:block; top:21px; left:5px; width:688px; } #listeAuteurs div.liste1auteur {position:relative; display:block; float:left; top:10px; margin: 20px 0 0 30px !important; margin: 20px 0 0 15px; width:310px !important; width:318px; height:105px; } #nav-auteurs {position:absolute; font-size:1.2em; display:block; top:420px; left:350px; width:300px; text-align:right; height:15px } #nav-auteurs .ditto_page {margin:0 2px} #nav-auteurs .ditto_currentpage {margin:0 2px} /*/////// enseignent ///////////*/ #listeLivre {position:absolute; display:block; top:21px; left:35px; width:688px; } #listeLivre table { margin: 30px 5px 0 0px ; font-size:1.2em } #listeLivre td { padding: 0px 15px 10px 0px } #listeLivre td.large { padding: 0px 45px 10px 0px } /*/////// Telechargements ///////////*/ #listeTelechargements {position:absolute; display:block; top:21px; left:0px; width:688px; } #listeTelechargements div.liste1telechargement {position:relative; display:block; float:left; top:10px; margin: 14px 10px 0 23px; width:104px; height:176px; background-color:#FFF } #listeTelechargements div.liste1telechargement a img{ border: solid 2px #6F0 } #listeTelechargements div.liste1telechargement span.vide{ display:block; width:104px; height:104px; background-color:#eff0f0 } #listeTelechargements div.liste1telechargement a:hover img{ border: solid 2px #CCC } #listeTelechargements div.liste1telechargement h4{ width:104px; font-size:1.3em; text-align:center; margin:3px 0; padding-left:0 !important} #listeTelechargements div.liste1telechargement p{ width:104px; color:#58585A; font-size:1em !important; text-align:center; margin:0; padding-left:0 !important} /*/////// Presse ///////////*/ #listePresse {position:absolute; display:block; top:31px; left:5px; width:395px; } #listePresse div.liste1presse {position:relative; display:block; top:10px; margin: 10px 0 0 30px; width:395px; } #nav-presses {position:absolute; font-size:1.2em; display:block; top:420px; left:120px; width:300px; text-align:right; height:15px } #nav-presses .ditto_page {margin:0 2px} #nav-presses .ditto_currentpage {margin:0 2px} #vosPapiers {position:absolute; display:block; top:8px; left:473px; height:145px; width:225px; background-color:#b2dcf4; } #vosPapiers p.texte { padding: 34px 10px 0px 10px } #vosPapiers p.adresse{ font-weight:bold; padding: 0px 10px 4px 10px } #vosPapiers h3 {position:absolute; display:block; top:0px !important; left:10px !important; font-size:1.8em; text-transform:uppercase; font-weight:bold } #vosPapiers a, #vosPapiers a:link { color:#000 !important } #vosPapiers a:hover {text-decoration:underline} #dossiersPresse {position:absolute; display:block; top:173px; left:473px; height:250px; width:225px; background-color:#b2dcf4; } #dossiersPresse h3 {position:absolute; display:block; top:0px !important; left:10px !important; font-size:1.8em; text-transform:uppercase; font-weight:bold } #dossiersPresse ul {position:relative; display:block; top:32px ; left:10px !important; font-size:1em; } #dossiersPresse li { background-image:none !important; color:#000; margin:0; padding:0 0 4px 0 !important} #dossiersPresse li a, #dossiersPresse li a:link { color:#000 !important } #dossiersPresse li a:hover {text-decoration:underline} /* #nav-auteurs a span#precedent { overflow:hidden; text-indent: -5000px} #nav-auteurs a span#precedent span { display:none} #nav-auteurs a span#precedent, #nav-auteurs a:hover span#precedent { width:13px; height:13px; } #nav-auteurs a span#precedent {background:transparent url(images/precedent-off.gif) 0 0 no-repeat;} */ /*/////// catalogue ///////////*/ #page #content #flashcontent {position:absolute; display:block; top:2px; left:2px; width:700px; height:426px; background-color:#FFF } #page #contentLivre {position:absolute; display:block; top:14px; left:16px; } /*/////// un livre ///////////*/ #page.template19 #content h3 { position:absolute; display:block; top:271px; left:35px; font-size:1.8em; text-transform:uppercase; font-weight:bold; color:#93F } #page.template19 #content p#reference { position:absolute; display:block; top:310px; left:35px; width:523px } #page.template19 #content p#resume { position:absolute; display:block; top:335px; left:35px; width:523px; line-height:1.2em } #page.template19 #content h3 { position:absolute; display:block; top:271px; left:35px; font-size:1.8em; text-transform:uppercase; font-weight:bold; color:#93F } #page.template19 #content img {position:absolute; left:2px;top:2px } /*/////////////// BOUTON ACCUEIL */ #page.template19 #navLivre {position:absolute; top:283px; left:558px; display:block; width:140px; margin-top:0px;z-index:100} #page.template19 #navLivre #nav-savoir {position:absolute; top:0px; left:0px; display:block; width:140px; height:24px; background-color:#FFF; margin-top:0px;z-index:100} #page.template19 #navLivre #nav-savoir a{background:transparent url(images/nivlivre-savoir-off.gif) 0 0 no-repeat; display:block; width:140px; height:24px;} #page.template19 #navLivre #nav-savoir a:hover {background:transparent url(images/nivlivre-savoir-on.gif) 0px 0 no-repeat;width:140px; height:24px; } #page.template19 #navLivre #nav-savoir a span{display:none} #page.template19 #navLivre #nav-commander {position:absolute; top:25px; left:0px; display:block; width:140px; height:24px; background-color:#FFF; margin-top:0px;z-index:100} #page.template19 #navLivre #nav-commander a{background:transparent url(images/nivlivre-commander-off.gif) 0 0 no-repeat; display:block; width:140px; height:24px;} #page.template19 #navLivre #nav-commander a:hover {background:transparent url(images/nivlivre-commander-on.gif) 0px 0 no-repeat;width:140px; height:24px; } #page.template19 #navLivre #nav-commander a span{display:none} #page.template19 #navLivre #nav-retour {position:absolute; top:110px; left:0px; display:block; width:140px; height:24px; background-color:#FFF; margin-top:0px;z-index:100} #page.template19 #navLivre #nav-retour a{background:transparent url(images/retour-off.gif) 0 0 no-repeat; display:block; width:140px; height:24px;} #page.template19 #navLivre #nav-retour a:hover {background:transparent url(images/retour-on.gif) 0px 0 no-repeat;width:140px; height:24px; } #page.template19 #navLivre #nav-retour a span{display:none} /* --------------- #nav-jeux---------*/ #content #nav-jeux { position:absolute; top: 9px; left:2px; display:block; width:685px; height:400px; } #content #nav-jeux ul {padding: 0; list-style-type:none} #content #nav-jeux li {display:block; background-image:none; } #content #nav-jeux li.last { } #content #nav-jeux li a {display:block;overflow: hidden; text-indent: -5000px; height:66px; width:685px;} * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:66px; he\ight:0;} #content #nav-jeux li#item27 a {background:#3CF url(images/nivjeux-item27-off.gif) 0 0 no-repeat;} #content #nav-jeux li#item28 a {background:#F93 url(images/nivjeux-item28-off.gif) 0 0 no-repeat; } #content #nav-jeux li#item29 a {background:#F3C url(images/nivjeux-item29-off.gif) 0 0 no-repeat;} #content #nav-jeux li#item30 a {background:#6F0 url(images/nivjeux-item30-off.gif) 0 0 no-repeat;} #content #nav-jeux li#item31 a {background:#93F url(images/nivjeux-item31-off.gif) 0 0 no-repeat; } #content #nav-jeux li#item27 a:hover {background:#3CF url(images/nivjeux-item27-on.gif) 0 0 no-repeat;} #content #nav-jeux li#item28 a:hover {background:#F93 url(images/nivjeux-item28-on.gif) 0 0 no-repeat; } #content #nav-jeux li#item29 a:hover {background:#F3C url(images/nivjeux-item29-on.gif) 0 0 no-repeat; } #content #nav-jeux li#item30 a:hover {background:#6F0 url(images/nivjeux-item30-on.gif) 0 0 no-repeat;} #content #nav-jeux li#item31 a:hover {background:#93F url(images/nivjeux-item31-on.gif) 0 0 no-repeat; } /* hack FF pour masquer les contours pointill sur les liens -------------------------------------------------------*/ a{outline: none; color:#000000} :focus{-moz-outline-style: none;} #footer a:hover { color: #F00; } #footer a:active { color: #000; } #visuel-une {width: 644px; height: 458px; background-color:#933;}