/***************************************************** GENERAL *****************************************************/ *{ margin:0; padding:0; } div.wrapper{ position:relative; margin: 0 auto; } a:focus{ outline:0; } a img{ border:none; } p { font-family:Arial, Helvetica, sans-serif; font-size:12px; } /* NAV */ div#nav{ width:1021px; height:36px; display:inline-block; } p#logo_nathan a{ display:block; float:left; width:110px; height:36px; background: url(../images/nathan_logo.jpg) 0 0 no-repeat;} ul#menu{ color:white; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-type:none; margin: 6px 0 0 0; } ul#menu li{ color:white; text-decoration:none; float:left; display :block; height:23px;} ul#menu li a{ color:white; text-decoration:none; display:block; height:17px; line-height:17px; margin:3px 0;} ul#menu li a:hover{ color:white; text-decoration:underline; } ul#menu li#menu_nathan{ width:70px; } ul#menu li#aime_facebook{ margin:0 0 0 15px; } /* ul#menu li#menu_fan{ width:110px; } ul#menu li#menu_partager{ width:90px; } ul#menu li#menu_contact{ width:100px; } */ ul#menu li#menu_nathan a{ border-right:1px solid white; padding: 0 20px 0 0;} ul#menu li#aime_facebook a{ background:url(../images/btn_facebook2.png) 0 0 no-repeat; font:normal 0.9em/2.1em "Lucida Grande",Tahoma, Geneva, sans-serif; height:23px; margin:0 0 0 15px; text-indent:26px; width:64px; } /* ul#menu li#menu_fan a{ background:url(../images/home/logo_facebook.jpg) 80px 0 no-repeat; padding: 0 0 0 9px;} ul#menu li#menu_partager a{ background:url(../images/home/fleche_nav_bas.jpg) 68px 7px no-repeat; padding: 0 15px;} ul#menu li#menu_contact a{ padding: 0 0 0 9px;} */ /* CONTENT */ a#dokeo{ display:block; width:218px; height:42px; position:absolute; left:0; top:36px; z-index:500; } /* BUTTON */ a#btn_feuilleter{ background:url(../images/buttons.gif) -134px 0 no-repeat; display:block; width:125px; height:47px; position:absolute; top:300px; right:230px; } a#btn_feuilleter:hover{ background:url(../images/buttons.gif) -134px -47px no-repeat; } a#btn_acheter{ background:url(../images/buttons.gif) -259px 0 no-repeat; display:block; width:125px; height:47px; position:absolute; top:363px; right:230px; } a#btn_acheter:hover{ background:url(../images/buttons.gif) -259px -47px no-repeat; } a#btn_visionner{ background:url(../images/buttons.gif) -384px 0 no-repeat; display:block; width:125px; height:47px; position:absolute; top:426px; right:230px; } a#btn_visionner:hover{ background:url(../images/buttons.gif) -384px -47px no-repeat; } a#btn_qr{ background:url(../images/buttons.gif) -513px 0 no-repeat; display:block; width:125px; height:47px; position:absolute; top:489px; right:230px; } /*a#btn_qr:hover{ background:url(../images/button_on.gif) -513px -47px no-repeat; }*/ a#btn_qr:hover{ background:url(../images/buttons.gif) -513px -47px no-repeat; } a#btn_telecharger{ background:url(../images/buttons.gif) 0 0 no-repeat; display:block; width:134px; height:47px; position:absolute; top:457px; left:186px; } a#btn_telecharger:hover{ background:url(../images/buttons.gif) 0 -47px no-repeat; } /* FOOTER */ p#footer{ text-align:center; color:#898c91;/* margin: 50px 0 0 0;*/ line-height:20px; /*clear:both; position:absolute; bottom:70px; left:425px;*/ } p#footer a{ color:#898c91; text-decoration:none; } p#footer a:hover{ color:#898c91; text-decoration:underline; } /***************************************************** HOME *****************************************************/ body.home{ background:#ecebeb url(../images/home/bg.jpg) 0 0 repeat-x; } div#home{ background:url(../images/home/bg.jpg) 0 0 repeat-x; width:1024px; height:1200px; } div#home{ background:url(../images/home/bg.jpg) 0 0 repeat-x; width:1024px; height:1200px; } div#home h1, div#home h2, div#home h3{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } #home #footer{ margin:50px 0 0 0; } /* BANNIERE FLASH */ div#banniere{ position:absolute; left:0; top:36px;z-index: 1005; width:100%; /*background:url(../images/banniere_flash.jpg) 0 0 no-repeat;*/ height:517px; } div#banniere object{ margin:0 auto; text-align:center; display:block; } /* CARROUSEL */ div#carrousel{ position:relative; overflow:hidden; width:1023px; height:476px; margin: 517px auto 0 auto;} div#carsl_bloc{ position:relative; overflow:hidden; height:476px; /*width: 5080px;*/ /*width: 6434px;*/ width: 7109px; } div#carsl_bloc p{ width:273px;height:72px; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*font-weight:bold;*/ color:white; margin:335px 0 0 32px; text-align:justify; } div#carsl_bloc p span{ font-weight:bold; font-size:14px; margin: 0 0 4px 0; } div#carsl_bloc a{ width:155px; height:36px; } div#carsl_bloc div.item a{ display:block; margin: 4px 0 0 92px ; } div.item{ width:363px; height:469px; float:left; margin-left: -27px; } #carsl_bloc .first { margin: 0 0 0 5px; } #carsl_bloc .item.last { width:366px; } div#carsl_comment{ background:url(../images/home/comment.png) 0 0 no-repeat; } div#carsl_dino-action{ background:url(../images/home/dino-action.png) 0 0 no-repeat; } div#carsl_corps-action{ background:url(../images/home/corps-action.png) 0 0 no-repeat; } div#carsl_monde{ background:url(../images/home/monde.png) 0 0 no-repeat; } div#carsl_animaux2{ background:url(../images/home/animaux2.png) 0 0 no-repeat; } div#carsl_histoire{ background:url(../images/home/histoire.png) 0 0 no-repeat; } div#carsl_science{ background:url(../images/home/science.png) 0 0 no-repeat; } div#carsl_atlas{ background:url(../images/home/atlas.png) 0 0 no-repeat; } div#carsl_chrono{ background:url(../images/home/chrono.png) 0 0 no-repeat; } div#carsl_explore{ background:url(../images/home/explore.png) 0 0 no-repeat; } div#carsl_labo1{ background:url(../images/home/labo1.png) 0 0 no-repeat; } div#carsl_labo2{ background:url(../images/home/labo2.png) 0 0 no-repeat; } div#carsl_encyclo6-9{ background:url(../images/home/encyclo6-9.png) 0 0 no-repeat; } div#carsl_encyclo9-12{ background:url(../images/home/encyclo9-12.png) 0 0 no-repeat; } div#carsl_coffret{ background:url(../images/home/coffret_dokeo.png) 0 0 no-repeat; } div#carsl_animaux{ background:url(../images/home/animaux.png) 0 0 no-repeat; } div#carsl_actualite{ background:url(../images/home/actualite2.png) 0 0 no-repeat; } div#carsl_proteger{ background:url(../images/home/proteger2.png) 0 0 no-repeat; } div#carsl_histoire2{ background:url(../images/home/histoire2.png) 0 0 no-repeat; } div#carsl_monde2{ background:url(../images/home/monde2.png) 0 0 no-repeat; } div#carsl_meninges{ background:url(../images/home/meninges.png) 0 0 no-repeat; } div#carsl_bloc div#carsl_atlas.item a{ margin: 4px 0 0 96px ; } #carsl_bloc #carsl_dino-action.item a{ margin: 4px 0 0 92px ; } #carsl_bloc #carsl_corps-action.item a{ margin: 4px 0 0 96px ; } div#carsl_bloc div#carsl_chrono.item a{ margin: 4px 0 0 93px ; } div#carsl_bloc div#carsl_explore.item a{ margin: 4px 0 0 92px ; } div#carsl_bloc div#carsl_labo1.item a{ margin: 4px 0 0 92px ; } div#carsl_bloc div#carsl_labo2.item a{ margin: 4px 0 0 93px ; } div#carsl_bloc div#carsl_encyclo6-9.item a{ margin: 4px 0 0 96px ; } div#carsl_bloc div#carsl_encyclo9-12.item a{ margin: 4px 0 0 93px ; } div#carsl_bloc div#carsl_coffret.item a{ margin: 4px 0 0 92px ; } div#carsl_bloc div#carsl_animaux.item a{ margin: 4px 0 0 93px ; } div#carsl_bloc div#carsl_actualite.item a{ margin-left: 96px; /*background-image:url(../images/home/btn_decouvre_actu.jpg);*/ } /* SCROLLBAR CARROUSEL **/ div#carsl_scrollbar{ margin: 0 0 0 20px;} div.scrollbar-hor{ background: url(../images/home/scrollbar_bg.png) 0 0 no-repeat; height: 29px; width: 906px; margin: 0 ; /*position:absolute; z-index:1002; bottom:140px; left:59px;*/ float:left; } div.handle-hor{ height: 19px; width: 98px; margin: 5px 0 ; background:url(../images/home/handle.png) 0 0 no-repeat; } a#g-fleche{ display:block; /*position:absolute; left:18px; bottom:140px;*/ width:41px; height:29px; background:url(../images/home/scrollbar_fleches.png) 0 0 no-repeat; float:left; } a#d-fleche{ display:block; /*position:absolute; right:18px; bottom:140px;*/ width:41px; height:29px; background:url(../images/home/scrollbar_fleches.png) -42px 0 no-repeat; float:left; } a#g-fleche:hover{ background:url(../images/home/scrollbar_fleches.png) 0 -29px no-repeat; } a#d-fleche:hover{ background:url(../images/home/scrollbar_fleches.png) -42px -29px no-repeat; } div#home_bestiole{ position:absolute; background:url(../images/home/escargot.png) 0 0 no-repeat; z-index:0; top:1010px; right:70px; width:331px; height:148px; } /* BUTTONS DECOUVRE */ a.decouvre{ background:url(../images/home/decouvre_btn.jpg) 0 0 no-repeat; } a.decouvre:hover{ background:url(../images/home/decouvre_btn.jpg) 0 -36px no-repeat; } a.item, a.decouvre{ text-indent:-9999em; } /* BUTTONS ENGINE */ #engine { bottom:20px; left:438px; overflow:hidden; position:absolute; } /***************************************************** ACTUALITE *****************************************************/ body.actualite{ background:#dcdcdb url(../images/actualite/bg.jpg) 0 0 repeat-x; } div#actualite_bg_top{ background:url(../images/actualite/bg_actualite.gif) center top no-repeat; } div#actualite{ width:1024px; height:903px; position:relative; z-index:10;} div#actualite h1, div#actualite h2{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* NB : POUR BOUGER LE GLOBE EN FONCTION DU TEXTE JOUER AVEC LES VALEURS DE BOTTOM ET RIGHT CI-DESSOUS ATTENTION AUX DIFFERENCES DE POLICE SOUS PC */ div#globe{ position:absolute; bottom:125px; right:85px; background:url(../images/actualite/globe.png) 0 0 no-repeat; width:351px; height:251px; } /* CONTENT */ div#actualite div#content{ position:relative; height:753px; background:url(../images/actualite/bg_actualite_content2.jpg) 0 0 no-repeat; } div#txt_actualite{ position:absolute; top:290px; left:376px; width:278px; height:350px; } div#txt_actualite h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:white; margin: 0 0 10px 0; line-height:16px; } div#txt_actualite p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_actualite ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_actualite ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ div#actualite a#btn_feuilleter{ top:300px; right:226px; } div#actualite a#btn_acheter{ top:363px; right:226px; } div#actualite a#btn_telecharger{ top:470px; left:189px; } div#actualite a#btn_qr{ top:426px; right:226px; } /* FOOTER */ div#actualite p#footer{ margin:0;} /***************************************************** ANIMAUX *****************************************************/ body.animaux{ background:#141D0C url(../images/animaux/bg_animaux.gif) center top no-repeat; } div#animaux{ width:1024px; height:999px; position:relative; z-index:10;} div#animaux h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* NB : POUR BOUGER LA BESTIOLE EN FONCTION DU TEXTE JOUER AVEC LES VALEURS DE BOTTOM ET RIGHT CI-DESSOUS ATTENTION AUX DIFFERENCES DE POLICE SOUS PC */ div#animaux_bestiole{ position:absolute; bottom:114px; right:70px; background:url(../images/animaux/bestiole_animaux.png) 0 0 no-repeat; width:373px; height:364px; } /* CONTENT */ div#animaux div#content{ position:relative; height:963px; background:url(../images/animaux/bg_animaux_content.jpg) 0 0 no-repeat; } div#txt_animaux{ position:absolute; top:299px; left:376px; width:278px; height:350px; } div#txt_animaux h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_animaux p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_animaux ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_animaux ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ div#animaux a#btn_feuilleter{ top:300px; right:226px; } div#animaux a#btn_feuilleter:hover{ background:url(../images/buttons.gif) -134px -94px no-repeat; } div#animaux a#btn_acheter{ top:363px; right:226px; } div#animaux a#btn_telecharger{ top:470px; left:189px; } div#animaux a#btn_qr{ top:426px; right:226px; } /* FOOTER */ div#animaux p#footer{ position:absolute; bottom:195px; left:405px; margin:0;} /***************************************************** ANIMAUX2 *****************************************************/ body.animaux2{ background:#c68a27 url(../images/animaux2/bg.jpg) 0 36px repeat-x; } div#animaux2_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#animaux2{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#animaux2 h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#animaux2 #content{ background:#c68a27 url(../images/animaux2/bg_animaux2_content2.jpg) center top no-repeat; position:relative; height:750px; } div#txt_animaux2{ position:absolute; top:305px; left:367px; width:286px; height:350px; } div#txt_animaux2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_animaux2 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_animaux2 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_animaux2 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #animaux2 #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #animaux2 #footer{ color:black; margin:0 0 50px 0;} #animaux2 #footer a{ color:black; margin:0;} #animaux2 #footer a:hover{ color:black; margin:0;} /***************************************************** ATLAS + *****************************************************/ body.atlas{ background:#ee7e00 url(../images/atlas/bg.jpg) 0 36px repeat-x; } div#atlas_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#atlas{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#atlas h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#atlas #content{ background:#ee7e00 url(../images/atlas/bg_atlas_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_atlas{ position:absolute; top:305px; left:370px; width:277px; height:350px; } div#txt_atlas h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_atlas p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_atlas ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_atlas ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #atlas #btn_telecharger{ top:445px; left:186px; } /* BONUS */ #txt_bonus{ color: white; left:110px; position:absolute; top:515px; text-align:right; } #txt_bonus .concours{ border-radius:5px; display:inline-block; font-family:Arial, Helvetica, sans-serif; line-height:14px; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #txt_bonus .concours strong{ font-size:18px; line-height:21px; } #txt_bonus .concours a{ color:white; text-decoration:none; } #txt_bonus .concours a:hover{ text-decoration:underline; } #txt_bonus .sub-nav{ font-family:Arial, Helvetica, sans-serif; line-height:14px; margin:10px 0 0 0; } #txt_bonus .sub-nav span{ display:inline-block; font-weight:bold; font-size:11px; line-height:16px; margin:3px 0 0 0; text-transform:uppercase; } #txt_bonus .sub-nav span a{ color:white; text-decoration:none; } #txt_bonus .sub-nav span a:hover{ text-decoration:underline; } #atlas #txt_bonus{ left:66px; } #atlas #txt_bonus .concours{ background:url(../images/labo2/pixel30orange.png) 0 0 repeat; } /* FOOTER */ #atlas #footer{ color:black; margin:0;} #atlas #footer a{ color:black; margin:0;} #atlas #footer a:hover{ color:black; margin:0;} /***************************************************** CHRONO + *****************************************************/ body.chrono{ background:#e10000 url(../images/chrono/bg.jpg) 0 36px repeat-x; } div#chrono_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#chrono{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#chrono h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#chrono #content{ background:#e10000 url(../images/chrono/bg_chrono_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_chrono{ position:absolute; top:305px; left:370px; width:277px; height:350px; } div#txt_chrono h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_chrono p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_chrono ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_chrono ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #chrono #btn_telecharger{ top:440px; left:186px; } /* BONUS */ #chrono #txt_bonus{ left:52px; top:510px; } #chrono #txt_bonus .concours{ background:url(../images/encyclo9-12/pixel30rouge.png) 0 0 repeat; } /* FOOTER */ #chrono #footer{ color:black; margin:0;} #chrono #footer a{ color:black; margin:0;} #chrono #footer a:hover{ color:black; margin:0;} /***************************************************** COFFRET *****************************************************/ body.coffret{ background:#ec7404 url(../images/coffret/bg_coffret.gif) center top repeat-x; } div#coffret{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#coffret h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#coffret #content{ background:#ec7404 url(../images/coffret/bg_coffret_content.jpg) center top no-repeat; position:relative; height:850px; } div#txt_coffret{ position:absolute; top:300px; left:372px; width:278px; height:350px; } div#txt_coffret h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_coffret p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_coffret ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_coffret ul li{ margin: 0 0 5px 0; line-height:15px; width:267px; } /* BUTTONS */ div#coffret #btn_visionner { background:0 none; height:120px; left:815px; top:340px; width:200px; } #coffret #btn_telecharger{ top:517px; left:169px; } #coffret #btn_telecharger:hover{ background-position:0 -47px; } #coffret #btn_qr{ top:426px; right:230px; } /* FOOTER */ #coffret #footer{ bottom:50px; color:black; margin:0; left:400px; position:absolute; } #coffret #footer a{ color:black; margin:0;} #coffret #footer a:hover{ color:black; margin:0;} /***************************************************** CORPS EN ACTION *****************************************************/ body.corps-action{ background:#b0ca33 url(../images/corps-action/bg.jpg) 0 36px repeat-x; } div#corps-action_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#corps-action{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#corps-action h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#corps-action #content{ background:#ba3c83 url(../images/corps-action/bg_corps-action_content.jpg) center top no-repeat; position:relative; height:740px; } div#txt_corps-action{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_corps-action h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_corps-action p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_corps-action ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_corps-action ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #corps-action #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #corps-action #footer{ color:black; margin: -10px 0 50px; position:relative; } #corps-action #footer a{ color:black; margin:0;} #corps-action #footer a:hover{ color:black; margin:0;} /***************************************************** DINOSAURES EN ACTION *****************************************************/ body.dino-action{ background:#b0ca33 url(../images/dino-action/bg.jpg) 0 36px repeat-x; } div#dino-action_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#dino-action{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#dino-action h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#dino-action #content{ background:#ba3c83 url(../images/dino-action/bg_dino-action_content.jpg) center top no-repeat; position:relative; height:740px; } div#txt_dino-action{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_dino-action h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_dino-action p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_dino-action ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_dino-action ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #dino-action #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #dino-action #footer{ color:black; margin: -10px 0 50px; position:relative; } #dino-action #footer a{ color:black; margin:0;} #dino-action #footer a:hover{ color:black; margin:0;} /***************************************************** ENCYCLOPEDIE 6/9 ANS *****************************************************/ body.encyclo6-9{ background:#0085bc url(../images/encyclo6-9/bg.jpg) 0 36px repeat-x; } div#encyclo6-9_bg_top{ background:url(../images/encyclo6-9/bg_encyclo6-9.gif) center top no-repeat; } div#encyclo6-9{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#encyclo6-9 h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#encyclo6-9 #content{ background:#0085bc url(../images/encyclo6-9/bg_encyclo6-9_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_encyclo6-9{ position:absolute; top:285px; left:370px; width:277px; height:350px; } div#txt_encyclo6-9 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_encyclo6-9 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_encyclo6-9 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_encyclo6-9 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #encyclo6-9 #btn_feuilleter:hover{ background-position:-134px -47px; } #encyclo6-9 #btn_telecharger:hover{ background-position:0 -47px; } /* BONUS */ #encyclo6-9 #txt_bonus{ left:84px; top:525px; } #encyclo6-9 #txt_bonus .concours{ background:url(../images/encyclo6-9/pixel30bleu.png) 0 0 repeat; } /* FOOTER */ #encyclo6-9 #footer{ color:black; margin:0;} #encyclo6-9 #footer a{ color:black; margin:0;} #encyclo6-9 #footer a:hover{ color:black; margin:0;} /***************************************************** ENCYCLOPEDIE 9-12 ANS *****************************************************/ body.encyclo9-12{ background:#ce0520 url(../images/encyclo9-12/bg.jpg) 0 36px repeat-x; } div#encyclo9-12_bg_top{ background:url(../images/encyclo6-9/bg_encyclo6-9.gif) center top no-repeat; } div#encyclo9-12{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#encyclo9-12 h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#encyclo9-12 #content{ background:#ce0520 url(../images/encyclo9-12/bg_encyclo9-12_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_encyclo9-12{ position:absolute; top:285px; left:370px; width:277px; height:350px; } div#txt_encyclo9-12 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_encyclo9-12 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_encyclo9-12 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_encyclo9-12 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #encyclo9-12 #btn_feuilleter:hover{ background-position:-134px -47px; } #encyclo9-12 #btn_telecharger:hover{ background-position:0 -47px; } /* BONUS */ #encyclo9-12 #txt_bonus{ left:84px; top:528px; } #encyclo9-12 #txt_bonus .concours{ background:url(../images/encyclo9-12/pixel30rouge.png) 0 0 repeat; } /* FOOTER */ #encyclo9-12 #footer{ color:black; margin:0;} #encyclo9-12 #footer a{ color:black; margin:0;} #encyclo9-12 #footer a:hover{ color:black; margin:0;} /***************************************************** EXPLORE *****************************************************/ body.explore{ background:#2fae00 url(../images/explore/bg.jpg) 0 36px repeat-x; } div#explore_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#explore{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#explore h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#explore #content{ background:#2fae00 url(../images/explore/bg_explore_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_explore{ position:absolute; top:305px; left:370px; width:277px; height:350px; } div#txt_explore h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_explore p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_explore ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_explore ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #explore #btn_telecharger{ top:435px; left:186px; } #explore #btn_telecharger:hover{ background-position:0 -47px; } /* BONUS */ #explore #txt_bonus{ left:61px; top:505px; } #explore #txt_bonus .concours{ background:url(../images/labo1/pixel40vert.png) 0 0 repeat; } /* FOOTER */ #explore #footer{ color:black; margin:0;} #explore #footer a{ color:black; margin:0;} #explore #footer a:hover{ color:black; margin:0;} /***************************************************** HISTOIRE *****************************************************/ body.histoire{ background:#008ECC url(../images/histoire/bg.jpg) 0 36px repeat-x; } div#histoire_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#histoire{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#histoire h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#histoire #content{ background:#008ECC url(../images/histoire/bg_histoire_content2.jpg) center top no-repeat; position:relative; height:760px; } div#txt_histoire{ position:absolute; top:305px; left:370px; width:283px; height:350px; } div#txt_histoire h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_histoire p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_histoire ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_histoire ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #histoire #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #histoire #footer{ color:black; margin: -20px 0 50px; position: relative; } #histoire #footer a{ color:black; margin:0;} #histoire #footer a:hover{ color:black; margin:0;} /***************************************************** HISTOIRE2 *****************************************************/ body.histoire2{ background:#ac75ac url(../images/histoire2/bg.jpg) 0 36px repeat-x; } div#histoire2_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#histoire2{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#histoire2 h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#histoire2 #content{ background:#ba3c83 url(../images/histoire2/bg_histoire2_content.jpg) center top no-repeat; position:relative; height:740px; } div#txt_histoire2{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_histoire2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_histoire2 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_histoire2 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_histoire2 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #histoire2 #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #histoire2 #footer{ color:black; margin: -10px 0 50px; position:relative; } #histoire2 #footer a{ color:black; margin:0;} #histoire2 #footer a:hover{ color:black; margin:0;} /***************************************************** LABO1 *****************************************************/ body.labo1{ background:#67ae00 url(../images/labo1/bg.jpg) 0 36px repeat-x; } div#labo1_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#labo1{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#labo1 h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /* CONTENT */ div#labo1 #content{ background:#67ae00 url(../images/labo1/bg_labo1_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_labo1{ position:absolute; top:305px; left:370px; width:268px; height:350px; } div#txt_labo1 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_labo1 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_labo1 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_labo1 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #labo1 #btn_telecharger{ top:447px; left:186px; } /* BONUS */ #labo1 #txt_bonus{ left:68px; } #labo1 #txt_bonus .concours{ background:url(../images/labo1/pixel40vert.png) 0 0 repeat; } /* FOOTER */ #labo1 #footer{ color:black; margin:0;} #labo1 #footer a{ color:black; margin:0;} #labo1 #footer a:hover{ color:black; margin:0;} /***************************************************** LABO2 *****************************************************/ body.labo2{ background:#f7aa01 url(../images/labo2/bg.jpg) 0 36px repeat-x; } div#labo2_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#labo2{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#labo2 h1{ text-indent:-9999em; line-height:0px; height:0px; display:NONE; } /***************************************************** CONTENT *****************************************************/ div#labo2 #content{ background:#f7aa01 url(../images/labo2/bg_labo2_content.jpg) center top no-repeat; position:relative; height:750px; } div#txt_labo2{ position:absolute; top:305px; left:370px; width:277px; height:350px; } div#txt_labo2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:18px; } div#txt_labo2 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_labo2 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_labo2 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #labo2 #btn_telecharger{ top:427px; left:186px; } #labo2 #btn_telecharger:hover{ background-position:0 -47px; } /* BONUS */ #labo2 #txt_bonus{ left:65px; top:496px; } #labo2 #txt_bonus .concours{ background:url(../images/labo2/pixel30orange.png) 0 0 repeat; } /* FOOTER */ #labo2 #footer{ color:black; margin:0;} #labo2 #footer a{ color:black; margin:0;} #labo2 #footer a:hover{ color:black; margin:0;} /***************************************************** MONDE *****************************************************/ body.monde{ background:#C9C501 url(../images/monde/bg.jpg) 0 36px repeat-x; } div#monde_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#monde{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#monde h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#monde #content{ background:#C9C501 url(../images/monde/bg_monde_content2.jpg) center top no-repeat; position:relative; height:790px; } div#txt_monde{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_monde h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_monde p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_monde ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_monde ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #monde #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #monde #footer{ color:black; margin: -40px 0 50px; position:relative; } #monde #footer a{ color:black; margin:0;} #monde #footer a:hover{ color:black; margin:0;} /***************************************************** MONDE AUJOURD'HUI *****************************************************/ body.monde2{ background:#b6dede url(../images/monde2/bg.jpg) 0 36px repeat-x; } div#monde2_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#monde2{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#monde2 h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#monde2 #content{ background:#ba3c83 url(../images/monde2/bg_monde2_content.jpg) center top no-repeat; position:relative; height:740px; } div#txt_monde2{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_monde2 h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_monde2 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_monde2 ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_monde2 ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #monde2 #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #monde2 #footer{ color:black; margin: -10px 0 50px; position:relative; } #monde2 #footer a{ color:black; margin:0;} #monde2 #footer a:hover{ color:black; margin:0;} /***************************************************** PROTEGER *****************************************************/ body.proteger{ background:#b0ca33 url(../images/proteger/bg.jpg) 0 36px repeat-x; } div#proteger_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#proteger{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#proteger h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#proteger #content{ background:#ba3c83 url(../images/proteger/bg_proteger_content.jpg) center top no-repeat; position:relative; height:740px; } div#txt_proteger{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_proteger h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_proteger p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_proteger ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_proteger ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #proteger #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #proteger #footer{ color:black; margin: -10px 0 50px; position:relative; } #proteger #footer a{ color:black; margin:0;} #proteger #footer a:hover{ color:black; margin:0;} /***************************************************** REMUE MENINGES *****************************************************/ body.meninges{ background:#43a1f8 url(../images/meninges/bg.jpg) 0 36px repeat-x; } div#meninges_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#meninges{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#meninges h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#meninges #content{ background:#ba3c83 url(../images/meninges/bg_meninges_content.jpg) center top no-repeat; position:relative; height:790px; } div#txt_meninges{ position:absolute; top:315px; left:372px; width:283px; height:350px; } div#txt_meninges h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_meninges p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_meninges ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_meninges ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #meninges #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #meninges #footer{ color:black; margin: -40px 0 50px; position:relative; } #meninges #footer a{ color:black; margin:0;} #meninges #footer a:hover{ color:black; margin:0;} /***************************************************** SCIENCE *****************************************************/ body.science{ background:#ba3c83 url(../images/science/bg.jpg) 0 36px repeat-x; } div#science_bg_top{ background:url(../images/labo1/bg_labo1_2.gif) center top no-repeat; } div#science{ width:1024px; /*height:999px;*/ position:relative; z-index:10;} div#science h1{ text-indent:-9999em; line-height:0px; height:0px; display:none; } /* CONTENT */ div#science #content{ background:#ba3c83 url(../images/science/bg_science_content2.jpg) center top no-repeat; position:relative; height:750px; } div#txt_science{ position:absolute; top:326px; left:372px; width:283px; height:350px; } div#txt_science h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; word-spacing:-1px; color:white; margin: 0 0 20px 0; line-height:20px; } div#txt_science p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 0; } div#txt_science ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; margin: 0 0 10px 10px; list-style-type:square; display:inline-block; } div#txt_science ul li{ margin: 0 0 5px 0; line-height:15px; } /* BUTTONS */ #science #btn_telecharger{ top:457px; left:185px; } /* FOOTER */ #science #footer{ color:black; margin: -10px 0 50px; position:relative; } #science #footer a{ color:black; margin:0;} #science #footer a:hover{ color:black; margin:0;} /***************************************************** POPUP AIDE *****************************************************/ div#aide.animaux{ color:#333; width:550px; height:280px;display:block;overflow: hidden; font-family:Arial, Helvetica, sans-serif; padding: 25px;} div#aide.actualites{ color:#333; width:550px; height:320px;display:block;overflow: hidden; font-family:Arial, Helvetica, sans-serif; padding: 25px;} div#aide h1 { font-size:18px; margin: 0 0 10px 0; } div#aide h2 { font-size:14px; margin: 0 0 1px 0; } div#aide h3 { font-size:12px; } div#aide p { font-size:12px; margin: 0 0 10px 0; } div#aide a { font-size:12px; } div#aide span { text-decoration:underline; } div#aide ul { font-size:12px; list-style-type:disc; margin: 0 0 0 20px; } div#aide ul li{ line-height:15px; } /***************************************************** POPUP MENTIONS LEGALES *****************************************************/ div#mentions{ color:#333; width:450px; height:350px;display:block;overflow: hidden; font-family:Arial, Helvetica, sans-serif; padding: 25px; } div#mentions h1 { font-size:18px; margin: 0 0 10px 0; } div#mentions h2 { font-size:14px; margin: 0 0 4px 0; } div#mentions h3 { } div#mentions p { margin: 0 0 10px 0; } div#mentions a { font-weight:bold; color:#333; text-decoration:none; } div#mentions a:hover { text-decoration:underline; } div#mentions span { } div#mentions ul { } /***************************************************** POPUP REGLEMENT *****************************************************/ #reglement{ color:#333; width:550px; font-family:Arial, Helvetica, sans-serif; padding: 25px 0 25px 25px; } #reglement #mask { height:350px; overflow-x:hidden; position:relative; width:575px; } #reglement #container { overflow:hidden; position:relative; width:526px; } div#reglement h1 { font-size:18px; margin: 0 0 10px 0; } div#reglement h2 { font-size:14px; margin: 15px 0 4px 0; } div#reglement h3 { } div#reglement p { margin: 0 0 8px 0; } div#reglement a { font-weight:bold; color:#333; text-decoration:none; } div#reglement a:hover { text-decoration:underline; } div#reglement span { } div#reglement ul { font:normal 12px/10px Arial, Helvetica, sans-serif; margin:0 0 10px 0; } div#reglement ul li { margin:0 0 5px 0; line-height:12px; } /***************************************************** POPUP QUESTIONS REPONSES *****************************************************/ #aide.qr{ color:#333; width:550px; display:block; font-family:Arial, Helvetica, sans-serif; padding:25px 0 25px 25px;} #aide.qr #mask { height:350px; overflow-x:hidden; position:relative; width:575px; } #aide.qr #container { overflow:hidden; position:relative; width:526px; } #aide.qr ul { font-size:12px; list-style:none; margin: 0 0 10px 0; } #aide.qr a { color:black; } #aide.qr .demo { color:black; display:block; font-size:11px; text-transform:uppercase; margin: 4px 0 5px 0; text-transform:uppercase; } #aide.qr #btn_haut { bottom:8px; color:black; font-weight:bold; position:absolute; right:10px; text-decoration:none; text-transform:uppercase; } #aide.qr #btn_haut:hover { text-decoration:underline; } #aide.qr #btn_haut span{ text-decoration:none; } /***************************************************** TELECHARGER *****************************************************/ div#popup_telecharger{ position:relative; overflow:hidden; width:450px; height:260px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:20px; } div#popup_telecharger input#mme{ margin: 0 5px 10px 0px; } div#popup_telecharger h1{ font-size:16px; margin: 0 0 15px 20px;} div#popup_telecharger input.btn_radio{ margin: 0 5px 0 2px; } div#popup_telecharger label.lbl_input{ display:inline-block; width:150px; padding: 0 10px 0 0; text-align:right; margin: 0 0 10px 0; } div#popup_telecharger select{ margin: 0 0 10px 160px; } div#popup_telecharger input#mac{ margin: 0 5px 10px 0px; } div#popup_telecharger div#btn_valider{ width:67px; height:20px; margin: 0 0 0 160px; /*background:url(../images/telecharger/btn_valider_white.jpg).jpg) 0 0 no-repeat;*/ } div#popup_telecharger div#btn_valider img{ display:block; width:67px; height:20px; } div#popup_telecharger div#btn_valider input{ /*margin:0; background-color:#F90; border:none; padding: 3px 6px; font-weight:bold;*/ display:block; margin:0; padding:0; border:none; text-indent:-9999em; width:67px; height:20px; background:url(../images/telecharger/btn_valider2.jpg) 0 0 no-repeat; } div#popup_telecharger div#btn_valider input:hover{ /*background-color:#F60;*/ background:url(../images/telecharger/btn_valider2h.jpg) 0 0 no-repeat; } div#popup_telecharger input.true{ background-color:#6CF; } div#popup_telecharger input.false{ background-color:#F00; color:#F90; } @media screen and (min-width: 0px) { div#txt_animaux h2{ letter-spacing:-1px; }