/* telecommande.css Seulement les styles de la Télécommande "telecommande.inc.php" */ #Telecommande { width: 221px; height: 190px; position: absolute; margin-left: 788px; ~margin-left: 80px; top: 180px;; } /** * Positionnement de la télécommande spécifique à la page d'accueil * * .Home étant une classe positionnée sur le de la page d'accueil */ .Home #Telecommande { margin-left: 785px; top: 190px; } .Communaute #Telecommande { margin-left: 785px; top: 190px; } .Abonnement #Telecommande { margin-left: 785px; top: 190px; } .Services #Telecommande { margin-left: 785px; top: 190px; } .Reseau #Telecommande { margin-left: 785px; top: 190px; } .Podcast #Telecommande { margin-left: 785px; top: 190px; } .Actualites #Telecommande { margin-left: 785px; top: 190px; } .Annexes #Telecommande { margin-left: 785px; top: 190px; } .Profil #Telecommande { margin-left: 785px; top: 190px; } /* --- */ #Telecommande .Content { width: 199px; padding-left:3px; height: 135px; background: url(../images/bg-telecommande.gif) scroll repeat-x left center; float: left; } #Telecommande .Content div { width: 199px; height: 135px; float:left; } .caroufredsel_wrapper { float:left; } #Telecommande .titre { text-align:center; margin: 0 0 6px 0; } #Telecommande .titre img { border: 0; } #Telecommande .afficher_toutes { text-align: center; margin: 4px 0 0 0; } #Telecommande .afficher_toutes a { /*background: url( images/atomes.png ) scroll no-repeat left center;*/ background:url("../images/bg-espace-connaissance.png") no-repeat scroll 13px center transparent; color:#0086AB; display:block; font-family:Arial; font-size:12px; height:45px; line-height:39px; margin-left:-30px; margin-top:5px; padding:0 0 0 45px; } #Telecommande button { padding: 0; border: 0; width:11px; height: 122px; background: url(../images/fleches-telecommande.gif) scroll no-repeat left center; float: left; cursor: pointer; } #Telecommande button.next { background: url(../images/fleches-telecommande.gif) scroll no-repeat right center; } #Telecommande .bloc { width: 65px; height: 21px; padding-top: 44px; padding-bottom: 2px; display: block; float: left; text-align: center; color: #4c4c4c; font-family: Arial; font-size: 11px; text-decoration: none; overflow:hidden; line-height:11px; } #Telecommande .bloc.picto_1 { background: url(../images/pictos/espace-medecin.gif) scroll no-repeat center 2px; } /*#Telecommande .bloc.picto_2 { background: url(../images/pictos/nutrition.png) scroll no-repeat center 2px; }*/ #Telecommande .bloc.picto_2_etudiant { background: url(../images/pictos/etudiant-ado.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_3 { background: url(../images/pictos/cancero.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_4 { background: url(../images/pictos/infection-plaies-et-cicatrisation.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_5 { background: url(../images/pictos/diabete.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_6 { background: url(../images/pictos/cardio.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_7 { background: url(../images/pictos/nutrition.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_8 { background: url(../images/pictos/urologie-incontinence.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_9 { background: url(../images/pictos/sante-de-la-femme.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_10 { background: url(../images/pictos/sante-de-l-enfant.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_11 { background: url(../images/pictos/allergies.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_12 { background: url(../images/pictos/prevention-sante-publque.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_13 { background: url(../images/pictos/medicament.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_14 { background: url(../images/pictos/vih-sida-vhc.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_15 { background: url(../images/pictos/neuro.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_16 { background: url(../images/pictos/exercice-professionnel.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_17 { background: url(../images/pictos/espace-infirmiere.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_18 { background: url(../images/pictos/espace-petite-enfance.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_19 { background: url(../images/pictos/espace-pharmacien.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_20 { background: url(../images/pictos/hopital.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_21 { background: url(../images/pictos/recherche.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_22 { background: url(../images/pictos/diagnostic.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_23 { background: url(../images/pictos/rhumato.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_24 { background: url(../images/pictos/humanitaire.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_25 { background: url(../images/pictos/gastro.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_26 { background: url(../images/pictos/dermato.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_27 { background: url(../images/pictos/geronto.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_28 { background: url(../images/pictos/ecolo.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_29 { background: url(../images/pictos/sommeil.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_30 { background: url(../images/pictos/esthetique.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_31 { background: url(../images/pictos/sexualite.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_32 { background: url(../images/pictos/addictions.png) scroll no-repeat center 2px; } #Telecommande .bloc.picto_33 { background: url(../images/pictos/obesite.png) scroll no-repeat center 2px; } #ToutesThema { position:absolute; top:379px; margin-left: 751px; width: 220px; background: #FFFFFF; border: 3px solid #c8c8c8; display: none; } /** * Positionnement spécifique à la page d'accueil * * .Home étant une classe positionnée sur le de la page d'accueil */ .Home #ToutesThema { margin-left: 790px; } /* --- */ #ToutesThema .left { float: left; width: 97px; margin: 0 0 0 4px; list-style: none; padding: 0; } #ToutesThema .right { float: left; width: 114px; margin: 0 4px 0 0; list-style: none; padding: 0; } #ToutesThema li { height: 31px; margin: 2px 0; } #ToutesThema li a { padding-left: 26px; display: block; color: #4c4c4c; font-family: Arial; font-size: 11px; text-decoration: none; line-height: 31px; background: url(../images/planche-pictos.png) scroll no-repeat top left; text-align: left; } #ToutesThema li a.double { line-height: 13px; } #ToutesThema li a.triple { line-height: 10px; } #ToutesThema .picto_1 { background-position: -7px 2px; } #ToutesThema .picto_2 { background-position: -7px -32px; } #ToutesThema .picto_3 { background-position: -7px -66px; } #ToutesThema .picto_4 { background-position: -7px -99px; } #ToutesThema .picto_5 { background-position: -7px -131px; } #ToutesThema .picto_6 { background-position: -7px -165px; } #ToutesThema .picto_7 { background-position: -7px -198px; } #ToutesThema .picto_8 { background-position: -7px -231px; } #ToutesThema .picto_9 { background-position: -108px -1px; } #ToutesThema .picto_10 { background-position: -108px -34px; } #ToutesThema .picto_11 { background-position: -108px -66px; } #ToutesThema .picto_12 { background-position: -108px -97px; } #ToutesThema .picto_13 { background-position: -108px -131px; } #ToutesThema .picto_14 { background-position: -108px -165px; } #ToutesThema .picto_15 { background-position: -108px -198px; } #ToutesThema .picto_16 { background-position: -108px -231px; } #ToutesThema .picto_17 { background-position: -108px -265px; } #ToutesThema .picto_18 { background-position: -7px -298px; } #ToutesThema .picto_19 { background-position: -108px -298px; } #ToutesThema .picto_20 { background-position: -7px -331px; } #ToutesThema .picto_21 { background-position: -7px -365px; } #ToutesThema .picto_22 { background-position: -108px -365px; } #ToutesThema .picto_23 { background-position: -108px -398px; } #ToutesThema .picto_24 { background-position: -7px -398px; } #ToutesThema .picto_25 { background-position: -108px -431px; } #ToutesThema .picto_26 { background-position: -108px -464px; } #ToutesThema .picto_27 { background-position: -7px -464px; } #ToutesThema .picto_28 { background-position: -108px -497px; } #ToutesThema .picto_29 { background-position: -7px -497px; } #ToutesThema .picto_30 { background-position: -7px -522px; } #ToutesThema .picto_31 { background-position: -108px -522px; } #ToutesThema .picto_32 { background-position: -108px -333px; }