/********************************************************* * * print * ********************************************************/ /********************************************************* * * CSS style guide %= topmenu * ********************************************************* %= Master %= Reset %= Global %= Links %= background %= Layout %= Wrapper - background pour habillage (couleur ou image) %= Header %= Pub haut de page %= Navigation principale %= Page_main - partie haute de la page jusqu'au bloc "Populaire" avant le footer %= Populaire - 24h %= Footer %= Page-inner - contenu centré %= 2 colones - contenu gauche + sidebar a droite %= Elements communs %= 2 colones - sidebar a droite %= une %= article %= et aussi %= commentaires %= votre reaction / votre réponse %= reponse a un commentaire %= laisser un commentaire %= votre avis se fait attendre %= pagination %= localisation %= pages sattelite %= pages de contenu vierge %= resultats de recherche %= Header %= Logo + filtre garcon / fille %= Login - defaut %= Login - non identifie %= Login - mot de passe oublie %= Login - identifie %= Facebook connect %= ads_top %= switcher %= Footer %= Populaire - 24h %= header %= menus %= colones %= blocks %= Navigation %= Categories %= Sous-categories %= Sidebar Right %= Recherche %= Pub pave %= Promo TetuX %= Clubbing %= Newsletter %= Tetu le club %= Coup de coeur %= Tag cloud %= mag %= appel_a_temoin %= bannerMilk %= tetu_chat %= tetu_participez %= Inscription %= infos_connexion %= infos_personnelles %= nom_prenom %= profil %= Profil modification %= Newsletter inscription %= email %= prochainement %= Contact %= Liste des contacts %= Formulaire de contact %= Homepage %= hightlight %= Carousel %= news %= home_adwords %= Last_comments %= blogs_last_posts %= Actualite %= HP rubrique news %= HP rubrique - Tout le monde en parme %= HP sous-rubrique - news %= HP sous-rubrique - news others %= article - une %= article - article %= listing news %= Agenda %= search - header %= search - searchpane %= search - events large %= search - events small %= Agenda evenement - header %= Agenda evenement - une %= Agenda evenement - article %= Agenda evenement - localisation %= Agenda evenement - vous aimerez %= Clubbing %= Home - tete (clubbing asso...) %= Home Clubbing - tete %= Home Clubbing - recherche %= Home Clubbing - remontees %= Home Clubbing - clubbing_remontees_a %= Home Clubbing - clubbing_remontees_b %= Home Clubbing - tete etiquette %= Home Clubbing - derniers albums %= Clubbing evenement - header %= Clubbing evenement - une %= Clubbing evenement - article %= Clubbing evenement - localisation %= Clubbing commentaires %= Vous aimerez peut-etre %= Clubbing slideshow %= diaporama %= mozaique %= Associations %= Home asso - tete %= Associations fiche - une %= Fiche Asso %= Evenement %= tag_rubrique %= pictos %= associations - localisation %= Home Asso - asso_remontees_a %= Home Asso - asso_remontees_b %= asso_inscription %= Home Asso - recherche %= asso_resultats_recherche %= Magazine %= Abonnement %= Appel a temoin %= magazine - une %= magazine - homepage une %= magazine - double page %= magazine home %= Tetu + %= Cover (boys - girls) %= cover_common %= cover_boys %= cover_girls %= Extras %= Home blogs %= Divers ********************************************************/ /********************************************************* * * %= Master * ********************************************************/ /* %= Reset -------------------------------------------------------*/ html, body, div, span, button, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;} :focus{outline:0;} body{background:white; color:black; line-height:1.0em;} ol, ul{list-style:none;} table{border-collapse:collapse; border-spacing:0;} caption, th, td{text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after{content:"";} /* %= Global -------------------------------------------------------*/ html{font-size:62.5%;} /* je passe la taille du texte de 16px a 10px */ body{background:#000; color:#515151; font:1.0em Arial, Helvetica, Verdana, sans-serif; text-align:center;} /* %= Links -------------------------------------------------------*/ a img{border:0;} a:link,a:visited{text-decoration:none;} a:hover{text-decoration:underline;} a:active{} /* %= background -------------------------------------------------------*/ .grey{background:#e7e7de;} .white{background:#fff;} .black{background:#3d3d3d;} .purple_cl{background:#33031c;} .light_grey{background:#e3e3dc;} /********************************************************* * * %= Layout * ********************************************************/ /* %= Wrapper - background pour habillage (couleur ou image) -------------------------------------------------------*/ #wrapper{} /* %= Header -------------------------------------------------------*/ #header{} /* %= Pub haut de page -------------------------------------------------------*/ #ads_top{margin:5px 0 0 0;} /* %= Navigation principale -------------------------------------------------------*/ #navigation{background-color:#fff; margin:5px 0 0 0;} /* %= Page_main - partie haute de la page jusqu'au bloc "Populaire" avant le footer -------------------------------------------------------*/ #page_main{} #page_main_content{/*background:url(img/bg_sidebar_right_2cols.png) repeat-y right;*/ margin:0 0 20px 0;} /* %= Populaire - 24h -------------------------------------------------------*/ #populaire{} #populaire-inner{} /* %= Footer -------------------------------------------------------*/ #footer{} #footer-autopromo{} #footer-autopromo-inner{} #footer-links{} #footer-links-inner{} /* %= Page-inner - contenu centré -------------------------------------------------------*/ .page_inner{margin:0 auto; width:1004px; text-align:left;} /* %= 2 colones - contenu gauche + sidebar a droite -------------------------------------------------------*/ .sidebar_left_2cols{float:left; width:660px;} .sidebar_right_2cols{float:right; width:335px;} /********************************************************* * * %= Elements communs * ********************************************************/ /* %= 2 colones - sidebar a droite -------------------------------------------------------*/ .sidebar_right_2cols{} /* %= une -------------------------------------------------------*/ .sidebar_left_2cols .une{background:url(img/magazine_top_fond.jpg) left bottom no-repeat; height:256px; padding-bottom:6px;} .sidebar_left_2cols .une .controles{position:absolute;} .sidebar_left_2cols .une .suivant{position:relative; top:110px; left:620px;} .sidebar_left_2cols .une .precedent{position:relative; top:105px; left:20px;} .sidebar_left_2cols .une .controles .precision{position:absolute; z-index:1; display:block;} .sidebar_left_2cols .une .controles a.show{position:absolute; z-index:2; } .sidebar_left_2cols .une .controles .precision a{display:block; position:relative; top:-40px; width:210px; padding:12px 0; text-align:center; font-size:1.2em; color:#fff; line-height:1.5em;} .sidebar_left_2cols .une .controles .precision a em{font:italic normal normal 1.5em/1.5em Georgia, "Times New Roman", Times, serif; } .sidebar_left_2cols .une .controles .suivant .precision a{ left:-200px; } .sidebar_left_2cols .une .controles .precedent .precision a{ left:10px; } .sidebar_left_2cols .une .controles .precedent a:hover{ text-decoration:none; } /* decli couleur */ .cat_01 .sidebar_left_2cols .une .controles .precision a{background-color:#e30020;} .cat_02 .sidebar_left_2cols .une .controles .precision a{background-color:#e644a0;} .cat_03 .sidebar_left_2cols .une .controles .precision a{background-color:#a464c0;} .cat_04 .sidebar_left_2cols .une .controles .precision a{background-color:#ee9117;} .cat_05 .sidebar_left_2cols .une .controles .precision a{background-color:#b51c6c;} .cat_06 .sidebar_left_2cols .une .controles .precision a{background-color:#00aeef;} .cat_07 .sidebar_left_2cols .une .controles .precision a{background-color:#b2d40a;} .cat_08 .sidebar_left_2cols .une .controles .precision a{background-color:#e30020;} .cat_09 .sidebar_left_2cols .une .controles .precision a{background-color:#82ac45;} /* %= article -------------------------------------------------------*/ .sidebar_left_2cols .article{padding:50px 0 15px 0; height:100%;} .sidebar_left_2cols .article h2, .sidebar_left_2cols .article h1{font:italic normal normal 3.5em/1.2em Georgia, "Times New Roman", Times, serif; text-align:center; margin:0 60px 15px 60px; color:#000;} .sidebar_left_2cols .article .auteur{font-size:1.2em; text-align:center; font-weight:bold; margin:0 100px; color:#6f6d65; border-bottom:1px solid #000; padding:0 0 5px 0;} .sidebar_left_2cols .article .auteur a{color:#000;} .sidebar_left_2cols .article .tags{font-size:1.2em; text-align:center; margin:0 100px; color:#000; padding:5px 0 0 0; font-style:italic;} .sidebar_left_2cols .article .tags span{font-weight:bold;} .sidebar_left_2cols .article .tags a{color:#515151;} .sidebar_left_2cols .article .vignette{margin:0 0 10px 0; text-align:center;} .sidebar_left_2cols .article .vignette img{border:3px solid #000;} .sidebar_left_2cols .article .vignette .credit{font-size:1em; font-style:italic; padding:2px 0 0 0; text-align:center;} .sidebar_left_2cols .article .corps{padding:18px;} .sidebar_left_2cols .article .corps p{font-size:1.4em; line-height:1.4em; color:#000; padding:0 0 20px 0;} .sidebar_left_2cols .article .corps img{margin:10px;} .sidebar_left_2cols .article .corps strong{font-weight:bold;} .sidebar_left_2cols .article .corps em{font-style:italic;} .sidebar_left_2cols .article .sur_le_web{border:1px solid #000; margin:0 18px 15px 18px;} .sidebar_left_2cols .article .sur_le_web h2, .sidebar_left_2cols .article .sur_le_web .title{font:normal normal normal 2.2em/1em Georgia, "Times New Roman", Times, serif; text-align:left; padding:0; margin:0; position:absolute;} .sidebar_left_2cols .article .sur_le_web h2 span, .sidebar_left_2cols .article .sur_le_web .title{position:relative; background-color:#fff; top:-15px; padding:0 10px;} .sidebar_left_2cols .article .sur_le_web ul{padding:15px 15px 10px 25px;} .sidebar_left_2cols .article .sur_le_web ul li{font-size:1.1em; text-transform:uppercase; list-style-type:disc; color:#000; font-weight:bold; line-height:1.1em; padding-bottom:5px;} .sidebar_left_2cols .article .sur_le_web ul li a{color:#000;} .sidebar_left_2cols .article .outils{margin:0 18px; background-color:#e7e7de; padding:0 5px 0 10px;} .sidebar_left_2cols .article .outils ul li{background:url(img/puce_nav_sous_cat.png) no-repeat 0px 11px; float:left; font-size:1.2em; margin-right:10px; padding:0 0 0 12px;} .sidebar_left_2cols .article .outils ul li a{padding:6px 0 5px 0; display:block;} .sidebar_left_2cols .article .outils ul li.favori, .sidebar_left_2cols .article .outils ul li.comment, .sidebar_left_2cols .article .outils ul li.jyvais{background:none; padding:0;} .sidebar_left_2cols .article .outils ul li.favori a{background:url(img/picto_favoris.jpg) left 6px no-repeat; padding-left:22px;} .sidebar_left_2cols .article .outils ul li.comment{float:right; list-style-type:none;} .sidebar_left_2cols .article .outils ul li.comment a{background-position:left 5px; background-repeat:no-repeat; padding-left:25px;} .sidebar_left_2cols .article .outils ul li a{color:#000;} /* decli couleur */ .cat_01 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_01.png);} .cat_01 .sidebar_left_2cols .article .corps a{color:#e30020;} .cat_02 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_02.png);} .cat_02 .sidebar_left_2cols .article .corps a{color:#e644a0;} .cat_03 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_03.png);} .cat_03 .sidebar_left_2cols .article .corps a{color:#a464c0;} .cat_04 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_04.png);} .cat_04 .sidebar_left_2cols .article .corps a{color:#ee9117;} .cat_05 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_05.png);} .cat_05 .sidebar_left_2cols .article .corps a{color:#00aeef;} .cat_06 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_06.png);} .cat_06 .sidebar_left_2cols .article .corps a{color:#b2d40a;} .cat_07 .sidebar_left_2cols .article .outils ul li.comment a{background-image:url(img/picto_comment_cat_07.png);} .cat_07 .sidebar_left_2cols .article .corps a{color:#b51c6c;} /* %= et aussi -------------------------------------------------------*/ .sidebar_left_2cols .et_aussi{margin:10px 0 0 0; padding:15px 0 20px 25px; background-color:#e7e7de; height:100%; width:644px;} .ie6 .sidebar_left_2cols .et_aussi{width:620px;} .sidebar_left_2cols .et_aussi h2{font:normal normal normal 2.2em / 1em Georgia, "Times New Roman", Times, serif; padding:0 0 10px 3px;} .sidebar_left_2cols .et_aussi .aussi{background-color:#3b3b34;float:left;width:140px;margin-right:15px;min-height:240px;} .ie6 .sidebar_left_2cols .et_aussi .aussi{height:240px;} .sidebar_left_2cols .et_aussi .aussi .rubrique{font-size:1.4em; font-weight:bold; text-transform:uppercase; color:#fff; padding:5px 7px;} .sidebar_left_2cols .et_aussi .aussi h3{font:normal normal normal 1.5em / 1.2em Georgia, "Times New Roman", Times, serif; color:#fff; padding:0 7px 5px 7px;} .sidebar_left_2cols .et_aussi .aussi h3 a{color:#fff;} /* %= commentaires -------------------------------------------------------*/ /* entete */ .sidebar_left_2cols .reactions .tete{float:left; width:420px; padding-bottom:10px;} .sidebar_left_2cols .reactions .tete h2{font:normal normal normal 2.4em/1em Georgia, "Times New Roman", Times, serif; color:#000; padding:0 0 5px 30px; line-height:1.5em;} .sidebar_left_2cols .reactions .tete h2 strong{font-size:2em; font-style:italic;} .sidebar_left_2cols .reactions .tete p{font-size:1.4em; color:#000; padding:0 0 5px 90px; clear:both;} .sidebar_left_2cols .reactions .tete p a{text-decoration:underline; color:#000;} .sidebar_left_2cols .reactions .bouton{background-color:#e7e7de; float:right; width:195px; font-size:1.2em; margin-right:10px;} .sidebar_left_2cols .reactions .bouton a{display:block; color:#000; padding:7px 0 7px 40px; background-position:10px 6px; background-repeat:no-repeat;} /* commentaire */ .sidebar_left_2cols .reactions{background-color:#fff; padding:20px 0 15px 0; height:100%;} .sidebar_left_2cols .reactions .comment_group{border-top:2px solid #515151; margin:0 10px 0 17px; padding:15px 0 15px 0;} .sidebar_left_2cols .reactions .comment_group .comment{padding:10px 0 10px 0; height:100%;} .sidebar_left_2cols .reactions .comment_group .comment .avatar{float:left; margin-right:14px; text-align:right; width:82px;} .sidebar_left_2cols .reactions .comment_group .comment .texte{float:left; width:535px;} .sidebar_left_2cols .reactions .comment_group .comment .texte .voter{float:right; width:170px; text-align:right;} .sidebar_left_2cols .reactions .comment_group .comment .texte .titre{float:left; width:320px;} .sidebar_left_2cols .reactions .comment_group .comment .texte p{clear:both; font-size:1.4em; line-height:1.4em; padding:0 0 10px 0;} .sidebar_left_2cols .reactions .comment_group .comment .texte .com{font-size:1.2em; color:#b5b4ad; font-weight:bold; text-align:right;} .sidebar_left_2cols .reactions .comment_group .comment .texte .com a{color:#b5b4ad;} .sidebar_left_2cols .reactions .comment_group .comment .texte .com a.repondre{color:#333;} .sidebar_left_2cols .reactions .comment_group .comment .texte .voter span{font-size:1.2em; font-weight:bold; padding:0 2px;} .sidebar_left_2cols .reactions .comment_group .comment .texte h3{font-size:1.4em; font-weight:bold; color:#333; float:left; padding:0 0 5px 0;} .sidebar_left_2cols .reactions .comment_group .comment .texte h3 a{color:#333;} .sidebar_left_2cols .reactions .comment_group .comment .texte h3 span{font-weight:normal;} .sidebar_left_2cols .reactions .comment_group .comment .texte .date{font-size:1.2em; font-weight:bold; color:#333; margin:0 0 20px 0; padding:0 0 2px 0; clear:both; float:left;} .sidebar_left_2cols .reactions .comment_group .comment .texte .voter span strong{padding:0 3px; font-size:1.2em;} .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a{background-color:#b5b4ad;} .sidebar_left_2cols .reactions .comment_group .comment .texte .voter .plusfort a{background-color:#333;} .sidebar_left_2cols .reactions .comment_group .comment .texte .wrap_texte{padding:0 10px 0 0;} .sidebar_left_2cols .reactions .comment_group .reponse .texte .wrap_texte{padding:10px; background-color:#f3f3ee;} .sidebar_left_2cols .reactions .comment_group .selected .premier{border:5px solid #3b3b34;} .sidebar_left_2cols .reactions .comment_group .tetu_selected .premier{border-width:5px; border-style:solid;} .sidebar_left_2cols .reactions .comment_group .tetu_selected .premier .texte, .sidebar_left_2cols .reactions .comment_group .selected .premier .texte{width:530px;} .sidebar_left_2cols .reactions .comment_group .selected .premier .avatar, .sidebar_left_2cols .reactions .comment_group .tetu_selected .premier .avatar{margin-right:9px;} .sidebar_left_2cols .reactions .comment_group .selected .premier .avatar img, .sidebar_left_2cols .reactions .comment_group .tetu_selected .premier .avatar img{position:relative; left:-5px;} .sidebar_left_2cols .reactions .comment_group .selected .reponse .texte .wrap_texte, .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border:5px solid #3b3b34;} /* commentaire selectionnes */ .sidebar_left_2cols .reactions .comment_group .selected .texte .date, .sidebar_left_2cols .reactions .comment_group .selected .texte h3{background-color:#3b3b34; color:#fff; padding-left:2px; padding-right:2px;} .sidebar_left_2cols .reactions .comment_group .selected .texte .date a, .sidebar_left_2cols .reactions .comment_group .selected .texte h3 a{color:#fff;} .sidebar_left_2cols .reactions .comment_group .tetu_selected .texte .date, .sidebar_left_2cols .reactions .comment_group .tetu_selected .texte h3{color:#fff; padding-left:2px; padding-right:2px;} .sidebar_left_2cols .reactions .comment_group .tetu_selected .texte .date a, .sidebar_left_2cols .reactions .comment_group .tetu_selected .texte h3 a{color:#fff;} /* decli couleur */ .cat_01 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_01 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_01 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#e30020;} .cat_02 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_02 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_02 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#e644a0;} .cat_03 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_03 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_03 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#a464c0;} .cat_04 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_04 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_04 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#ee9117;} .cat_05 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_05 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_05 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#b51c6c;} .cat_06 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_06 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_06 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#00aeef;} .cat_07 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_07 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_07 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#b2d40a;} .cat_08 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_08 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_08 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#e30020;} .cat_09 .sidebar_left_2cols .reactions .comment_group .comment .texte .voter a:hover, .cat_09 .sidebar_left_2cols .reactions .comment_group .tetu_selected .date, .cat_09 .sidebar_left_2cols .reactions .comment_group .tetu_selected h3{background-color:#82ac45;} .cat_01 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_01 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#e30020;} .cat_02 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_02 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#e644a0;} .cat_03 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_03 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#a464c0;} .cat_04 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_04 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#ee9117;} .cat_05 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_05 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#b51c6c;} .cat_06 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_06 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#00aeef;} .cat_07 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_07 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#b2d40a;} .cat_08 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_08 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#e30020;} .cat_09 .sidebar_left_2cols .reactions .comment_group .tetu_selected .comment, .cat_09 .sidebar_left_2cols .reactions .comment_group .tetu_selected .reponse .texte .wrap_texte{border-color:#82ac45;} .cat_01 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_01.png);} .cat_02 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_02.png);} .cat_03 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_03.png);} .cat_04 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_04.png);} .cat_05 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_05.png);} .cat_06 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_06.png);} .cat_07 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_07.png);} .cat_08 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_01.png);} .cat_09 .sidebar_left_2cols .reactions .bouton a{background-image:url(img/picto_comment_cat_01.png);} /* %= votre reaction / votre réponse -------------------------------------------------------*/ .sidebar_left_2cols .votrereaction{padding:30px 20px 10px 17px; background-color:#e7e7de; width:632px;} .ie6 .sidebar_left_2cols .votrereaction{padding:30px 0 10px 17px; width:643px;} .sidebar_left_2cols .votrereaction .avatar{width:82px; float:left; margin-right:7px; padding-top:27px;} .sidebar_left_2cols .votrereaction form{width:538px; float:left; background:url(img/votrereaction_bulle.png) left 65px no-repeat;} .sidebar_left_2cols .votrereaction form label{font:italic normal normal 2.4em/1em Georgia, "Times New Roman", Times, serif; color:#000; display:block; padding:0 0 3px 20px;} .sidebar_left_2cols .votrereaction form fieldset{padding:0 0 0 7px;} .sidebar_left_2cols .votrereaction form textarea{color:#666; width:525px; height:130px; border:0; font:1.4em Arial, Helvetica, sans-serif; margin-bottom:13px; padding:5px;} .sidebar_left_2cols .votrereaction form input{float:right; margin-right:2px; cursor:pointer;} /* %= reponse a un commentaire -------------------------------------------------------*/ .sidebar_left_2cols .votrereaction{} .sidebar_left_2cols .votrereaction .close{text-align:right;} .sidebar_left_2cols .votrereaction .close a{color:#515151; font-size:1.2em; font-weight:bold;} /* %= laisser un commentaire -------------------------------------------------------*/ .sidebar_left_2cols .votrereaction.lastchild{display:block;} /* %= votre avis se fait attendre -------------------------------------------------------*/ .sidebar_left_2cols .avis{padding:30px 0 30px 190px; background-color:#e7e7de; background-position:120px 30px; background-repeat:no-repeat; width:479px;} .ie6 .sidebar_left_2cols .avis{width:470px;} .sidebar_left_2cols .avis h2{font:italic normal normal 2.4em/1em Georgia, "Times New Roman", Times, serif; color:#000; padding:0 0 5px 0;} .sidebar_left_2cols .avis p{font-size:1.2em; color:#000;} .sidebar_left_2cols .avis p a{color:#000; text-decoration:underline;} /* decli couleur */ .cat_01 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_01.png);} .cat_02 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_02.png);} .cat_03 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_03.png);} .cat_04 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_04.png);} .cat_05 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_05.png);} .cat_06 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_06.png);} .cat_07 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_07.png);} .cat_08 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_01.png);} .cat_09 .sidebar_left_2cols .avis{background-image:url(img/picto_comment_big_cat_01.png);} /* %= pagination -------------------------------------------------------*/ .sidebar_left_2cols .pagination{font-size:1.1em; padding:20px 0; text-align:center;} .sidebar_left_2cols .pagination li{display:inline;} .sidebar_left_2cols .pagination li a{border:1px solid #ccc; color:#111; display:inline-block; font-size:1.2em; padding:2px 8px;} .sidebar_left_2cols .pagination li a:hover{border-color:#3f114a; text-decoration:none;} .sidebar_left_2cols .pagination .selected{background:#000; border:1px solid #000; color:#fff; display:inline-block; font-size:1.2em; padding:2px 8px;} .sidebar_left_2cols .pagination .tout{font-size:0.9em; text-transform:uppercase; text-align:center; clear:both; padding:10px 0 0 0;} .sidebar_left_2cols .pagination .tout a{color:#b5b4ad; text-decoration:underline;} /* %= localisation -------------------------------------------------------*/ .sidebar_left_2cols .localisation{margin:0 0 0 18px;} .sidebar_left_2cols .localisation h2, .sidebar_left_2cols .localisation h3{border-top:5px solid #ccc; margin:0 0 10px 0;} .sidebar_left_2cols .localisation h2 span, .sidebar_left_2cols .localisation h3 span{color:#fff; display:block; float:left; font-size:1.4em; font-weight:bold; height:2.0em; line-height:2.0em; margin:0 0 10px 0; padding:0 10px; text-transform:uppercase;} .sidebar_left_2cols .localisation .map_container{clear:left; float:left; height:300px; width:300px;} .sidebar_left_2cols .localisation .map_infos{float:right; width:300px;} .sidebar_left_2cols .localisation .map_infos h4{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px 0; text-transform:uppercase;} .sidebar_left_2cols .localisation .map_infos p{color:#000; font-size:1.4em; margin:15px 0;} .sidebar_left_2cols .localisation .map_infos p a{color:#000;} .sidebar_left_2cols .localisation #gmap_container div.gmnoprint span{position:absolute; top:-285px; right:0px; font-size:9px; color:#f00;} .cat_01 .sidebar_left_2cols .localisation h2, .cat_01 .sidebar_left_2cols .localisation h3{border-color:#e30020;} .cat_02 .sidebar_left_2cols .localisation h2, .cat_02 .sidebar_left_2cols .localisation h3{border-color:#e644a0;} .cat_03 .sidebar_left_2cols .localisation h2, .cat_03 .sidebar_left_2cols .localisation h3{border-color:#a464c0;} .cat_04 .sidebar_left_2cols .localisation h2, .cat_04 .sidebar_left_2cols .localisation h3{border-color:#ee9117;} .cat_05 .sidebar_left_2cols .localisation h2, .cat_05 .sidebar_left_2cols .localisation h3{border-color:#b51c6c;} .cat_06 .sidebar_left_2cols .localisation h2, .cat_06 .sidebar_left_2cols .localisation h3{border-color:#00aeef;} .cat_07 .sidebar_left_2cols .localisation h2, .cat_07 .sidebar_left_2cols .localisation h3{border-color:#b2d40a;} .cat_08 .sidebar_left_2cols .localisation h2, .cat_08 .sidebar_left_2cols .localisation h3{border-color:#515151;} .cat_09 .sidebar_left_2cols .localisation h2, .cat_09 .sidebar_left_2cols .localisation h3{border-color:#82ac45;} .cat_01 .sidebar_left_2cols .localisation h2 span, .cat_01 .sidebar_left_2cols .localisation h3 span{background-color:#e30020;} .cat_02 .sidebar_left_2cols .localisation h2 span, .cat_02 .sidebar_left_2cols .localisation h3 span{background-color:#e644a0;} .cat_03 .sidebar_left_2cols .localisation h2 span, .cat_03 .sidebar_left_2cols .localisation h3 span{background-color:#a464c0;} .cat_04 .sidebar_left_2cols .localisation h2 span, .cat_04 .sidebar_left_2cols .localisation h3 span{background-color:#ee9117;} .cat_05 .sidebar_left_2cols .localisation h2 span, .cat_05 .sidebar_left_2cols .localisation h3 span{background-color:#b51c6c;} .cat_06 .sidebar_left_2cols .localisation h2 span, .cat_06 .sidebar_left_2cols .localisation h3 span{background-color:#00aeef;} .cat_07 .sidebar_left_2cols .localisation h2 span, .cat_07 .sidebar_left_2cols .localisation h3 span{background-color:#b2d40a;} .cat_08 .sidebar_left_2cols .localisation h2 span, .cat_08 .sidebar_left_2cols .localisation h3 span{background-color:#515151;} .cat_09 .sidebar_left_2cols .localisation h2 span, .cat_09 .sidebar_left_2cols .localisation h3 span{background-color:#82ac45;} /* %= pages sattelite -------------------------------------------------------*/ /* see sattelites.css */ /* %= pages de contenu vierge -------------------------------------------------------*/ .sidebar_left_2cols .blank_content{font-size:1.4em; line-height:1.5em; padding:0 20px;} .sidebar_left_2cols .blank_content h1{color:#000; font-size:2.0em; font-weight:bold; margin:30px 0 10px 0;} .sidebar_left_2cols .blank_content h2{color:#000; font-size:1.6em; font-weight:bold; margin:30px 0 10px 0;} .sidebar_left_2cols .blank_content h3{color:#000; font-size:1.2em; font-weight:bold; margin:30px 0 10px 0;} .sidebar_left_2cols .blank_content p{margin:10px 0;} .sidebar_left_2cols .blank_content strong{color:#000; font-weight:bold;} .sidebar_left_2cols .blank_content em{font-style:italic;} .sidebar_left_2cols .blank_content a{color:#515151; text-decoration:underline;} .sidebar_left_2cols .blank_content a:hover{text-decoration:none;} /* %= resultats de recherche -------------------------------------------------------*/ .sidebar_left_2cols .search_results{margin:20px;} .sidebar_left_2cols .search_results .infos{font-size:1.4em;} .sidebar_left_2cols .search_results .infos em{color:#000; font-size:1.4em; font-style:italic;} .sidebar_left_2cols .search_results .infos strong{color:#e30000; font-weight:bold;} .sidebar_left_2cols .search_results .result{border-bottom:2px solid #ccc; font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; padding:15px 0;} .sidebar_left_2cols .search_results .result h2{font-size:2.0em; font-weight:normal;} .sidebar_left_2cols .search_results .result h2 a{color:#000;} .sidebar_left_2cols .search_results .result p{font-size:1.2em; margin:4px 0 0 0;} .sidebar_left_2cols .search_results .result p strong{background:url(img/puce_sidebar_clubbing_event.png) right no-repeat; color:#e30020; font:1.2em Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:0 4px 0 0; padding:0 10px 0 0; text-transform:uppercase;} .sidebar_left_2cols .search_results .cat_01 p strong{color:#e30020;} .sidebar_left_2cols .search_results .cat_02 p strong{color:#e644a0;} .sidebar_left_2cols .search_results .cat_03 p strong{color:#a464c0;} .sidebar_left_2cols .search_results .cat_04 p strong{color:#ee9117;} .sidebar_left_2cols .search_results .cat_05 p strong{color:#b51c6c;} .sidebar_left_2cols .search_results .cat_06 p strong{color:#00aeef;} .sidebar_left_2cols .search_results .cat_07 p strong{color:#b2d40a;} .sidebar_left_2cols .search_results .cat_08 p strong{color:#515151;} .sidebar_left_2cols .search_results .cat_09 p strong{color:#82ac45;} /********************************************************* * * %= Header * ********************************************************/ #header{background:transparent url(img/bg_header_tetu_v2.png) repeat-x scroll 0 0;} #header-inner{color:#fff;} /* %= Logo + filtre garcon / fille -------------------------------------------------------*/ #bloc_logo{background:#e30020; float:left; margin:0 10px; width:361px;} #bloc_logo h1, #bloc_logo .main_logo{margin:0;} #bloc_logo h1 a, #bloc_logo .main_logo a{background:url(img/logo_tetu.png) no-repeat; display:block; float:left; height:62px; margin:0; text-indent:-2000px; width:179px;} #bloc_logo a.switch{background:url(img/logo_tetue_min2.png) no-repeat; display:block; float:left; height:62px; margin:0 0 0 5px; text-indent:-2000px; width:142px;} #bloc_logo a.switch:hover{background-position:0 -62px;} /* %= Login - defaut -------------------------------------------------------*/ #bloc_login{float:left; font-size:1.2em; width:387px;}/*width:583px;}*/ #bloc_login img{float:left; margin:6px 10px 0 8px;} #bloc_login p{color:#fff; font-size:1.2em; margin:12px 0 0 0;} #bloc_login p strong{font-weight:bold;} #bloc_login p small{font-size:0.8em;} #bloc_login a{color:#fff; text-decoration:underline;} #bloc_login a:hover{text-decoration:none;} /* %= Login - non identifie -------------------------------------------------------*/ #bloc_login_form{display:none; float:left; font-size:1.4em; width:583px;} #bloc_login_form img{float:left; margin:6px 10px 0 8px;} #bloc_login_form .oublier{position:absolute; margin:28px 0 0 334px;} .ie #bloc_login_form .oublier{position:absolute; margin:32px 0 0 273px;} #bloc_login_form .oublier a{color:#fff; font-size:0.8em; font-style:italic;} #bloc_login_form .inscrire{position:absolute; margin:38px 0 0 65px;} .ie #bloc_login_form .inscrire{position:absolute; margin:38px 0 0 0px;} #bloc_login_form .inscrire a{color:#fff; font-size:0.9em;} #bloc_login_form form div{float:left; padding:10px 0 0 0;} #bloc_login_form form div label{color:#fff; font-weight:bold;} #bloc_login_form form .mail input{margin:0 30px 0 10px; width:200px;} #bloc_login_form form .password input{margin:0 10px; width:80px;} /* %= Login - mot de passe oublie -------------------------------------------------------*/ #bloc_motdepasse_form{display:none; float:left; font-size:1.4em; width:583px;} #bloc_motdepasse_form img{float:left; margin:6px 10px 0 8px;} #bloc_motdepasse_form .oublier{position:absolute; margin:28px 0 0 334px;} .ie #bloc_motdepasse_form .oublier{position:absolute; margin:32px 0 0 273px;} #bloc_motdepasse_form .oublier a{color:#fff; font-size:0.8em; font-style:italic;} #bloc_motdepasse_form .inscrire{position:absolute; margin:38px 0 0 65px;} .ie #bloc_motdepasse_form .inscrire{position:absolute; margin:38px 0 0 0px;} #bloc_motdepasse_form .inscrire a{color:#fff; font-size:0.9em;} #bloc_motdepasse_form form div{float:left; padding:10px 0 0 0;} #bloc_motdepasse_form form div label{color:#fff; font-weight:bold;} #bloc_motdepasse_form form .mail input{margin:0 30px 0 10px; width:200px;} #bloc_motdepasse_form form .password input{margin:0 10px; width:80px;} /* %= Login - identifie -------------------------------------------------------*/ #bloc_login_log{color:#fff; float:left; font-size:1.2em; width:583px;} #bloc_login_log img{float:left; margin:6px 10px 0 8px;} #bloc_login_log .left{float:left; padding:15px 0 0 0;} #bloc_login_log .left strong{display:block; font-size:1.4em;} #bloc_login_log .right{float:right; padding:15px 0 0 0;} #bloc_login_log .right a{color:#fff;} /* %= Facebook connect -------------------------------------------------------*/ #bloc_fconnect{background:url(img/separation_fconnect.jpg) no-repeat; background-position:0 5px; float:left; margin:12px 0 0 4px; width:201px;} #bloc_fconnect img{float:left; margin:2px 10px 0 12px;} #bloc_fconnect p{color:#87888a; float:left; font-size:1.1em; font-weight:bold; width:90px;} #bloc_fconnect p a{color:#fff;} /* %= ads_top -------------------------------------------------------*/ #ads_top{background:#fff; height:90px; margin:10px 0 5px 0; padding:10px 0;} #ads_top .ads_top_ad{float:left; display:inline; margin:0 0 0 130px;} #ads_top .ads_top_links{color:#999; float:left; font-size:1.1em; margin:60px 0 0 10px;} #ads_top .ads_top_links a{color:#999; display:block; text-decoration:underline;} #ads_top .ads_top_links a:hover{text-decoration:none;} /* %= switcher -------------------------------------------------------*/ #header .switcher{background:url(img/bg_switcher.jpg) repeat-y; border-color:#333; border-style:solid; border-width:1px 1px 0 1px; height:50px; margin:13px 0 0 0; padding:0 0 0 50px;} #header .switcher .close{margin:7px 0 0 931px; position:absolute;} #header .switcher .garcons{} #header .switcher .garcons a{background:url(img/bg_switcher_garcon.png) no-repeat 0 -24px; display:block; float:left; height:24px; margin:14px 10px 0 0; text-indent:-4000px; width:97px;} #header .switcher .garcons a:hover{background-position:0 0;} #header .switcher .garcons img{float:left; margin:-13px 0 0 0; position:relative;} #header .switcher .filles{} #header .switcher .filles a{background:url(img/bg_switcher_fille.png) no-repeat 0 -24px; display:block; float:left; height:24px; margin:14px 10px 0 0; text-indent:-4000px; width:111px;} #header .switcher .filles img{float:left; margin:-11px 0 0 0; position:relative;} #header .switcher .filles a:hover{background-position:0 0;} #header .switcher .img_garcons a{background:url(img/bg_switcher_garcon_img.png) no-repeat; display:block; float:left; height:27px; margin:12px 0 0 0; text-indent:-4000px; width:71px;} #header .switcher .img_garcons a:hover{background-position:0 -27px;} .ie6 #header .switcher .img_garcons a{background:url(img/bg_switcher_garcon_img_ie6.png) no-repeat;} #header .switcher .img_filles a{background:url(img/bg_switcher_fille_img.png) no-repeat; display:block; float:left; height:27px; margin:12px 0 0 -5px; text-indent:-4000px; width:89px;} #header .switcher .img_filles a:hover{background-position:0 -27px;} .ie6 #header .switcher .img_filles a{background:url(img/bg_switcher_fille_img_ie6.png) no-repeat;} #header .switcher .txt_switcher{float:left; margin:18px 0 0 5px;} /********************************************************* * * %= Footer * ********************************************************/ /* footer - wrapper -------------------------------------------------------*/ #footer{border-top:4px solid #000;} /* footer - partie haute avec promo -------------------------------------------------------*/ #footer-autopromo{background:#5b5b5b; padding:15px 0 0 0;} #footer-autopromo img{float:left; margin:0 15px 0 15px;} #footer-autopromo p{color:#000; float:left; font-size:1.4em; font-weight:bold; letter-spacing:-0.05em; text-transform:uppercase; width:580px;} #footer-autopromo p strong{color:#fff; display:block; font:2.1em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-weight:normal; line-height:0.9em; margin:0 0 4px 0; text-transform:none;} #footer-autopromo .abonnement{float:right; margin:25px 15px 0 0;} #footer-autopromo .abonnement a{background:#e30020; color:#fff; font-size:1.4em; font-weight:bold; line-height:1.8em; padding:2px 5px;} /* footer - partie basse avec liens -------------------------------------------------------*/ #footer-links{background:#000;} #footer-links-inner{padding:20px 0; text-align:center;} #footer-links-inner ul, #footer-links-inner ul li, #footer-links-inner p{display:inline;} #footer-links-inner ul a{background:url(img/puce_footer.png) no-repeat right; color:#fff; font-size:1.4em; padding:0 13px 0 5px;} #footer-links-inner p{font-size:1.2em; font-style:italic; padding:0 0 0 5px;} #footer-links-inner img{vertical-align:middle; margin:0 0 0 5px;} /********************************************************* * * %= Populaire - 24h * ********************************************************/ /* %= header -------------------------------------------------------*/ #populaire{background:#fff; border-width:4px 0 0 0; border-style:solid; border-color:#000;} /* .cat_01 #populaire{border-color:#e30020;} .cat_02 #populaire{border-color:#e644a0;} .cat_03 #populaire{border-color:#a464c0;} .cat_04 #populaire{border-color:#ee9117;} .cat_05 #populaire{border-color:#b51c6c;} .cat_06 #populaire{border-color:#00aeef;} .cat_07 #populaire{border-color:#b2d40a;} .cat_08 #populaire{border-color:#515151;} .cat_09 #populaire{border-color:#82ac45;} */ #populaire .populaire-inner-title{position:absolute;} #populaire .left{padding:0 0 30px 0;} #populaire .left .populaire-inner-title{margin:-25px 0 0 0;} #populaire .right{padding:50px 0 30px 0;} #populaire .right .populaire-inner-title{margin:-75px 0 0 680px;} #populaire .right h3{background:#000; color:#ececec; font:2.4em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; margin:-50px 0 0 20px; padding:0 10px 5px 10px; position:absolute;} .ie #populaire .right .content_center h3{margin-left:0;} /* %= menus -------------------------------------------------------*/ #populaire .menu{padding:10px 0 20px 220px;} #populaire .menu li{float:left; font-size:1.2em;} #populaire .menu li a{color:#515151; display:block; line-height:1.8em; padding:0 10px;} #populaire .menu li.selected a{background:#000; color:#fff; font-weight:bold;} /* .cat_01 #populaire .menu li.selected a{background:#e30020;} .cat_02 #populaire .menu li.selected a{background:#e644a0;} .cat_03 #populaire .menu li.selected a{background:#a464c0;} .cat_04 #populaire .menu li.selected a{background:#ee9117;} .cat_05 #populaire .menu li.selected a{background:#b51c6c;} .cat_06 #populaire .menu li.selected a{background:#00aeef;} .cat_07 #populaire .menu li.selected a{background:#b2d40a;} .cat_08 #populaire .menu li.selected a{background:#515151;} .cat_09 #populaire .menu li.selected a{background:#82ac45;} */ #populaire .right .menu{padding:0 0 0 20px;} /* %= colones -------------------------------------------------------*/ #populaire .content_left{border-right:1px solid #ccc; float:left; width:334px;} #populaire .content_center{border-right:1px solid #ccc; float:left; width:334px;} #populaire .content_right{float:left; width:334px;} #populaire .right .content_left{border-right:none; width:334px;} #populaire .right .content_center{border-left:1px solid #ccc;} /* %= blocks -------------------------------------------------------*/ #populaire .left .block{border-bottom:1px solid #ececec; height:104px; margin:0 20px;} #populaire .left .block strong{color:#000; display:block; font-size:1.4em; font-weight:bold; padding:4px 0; text-transform:uppercase;} #populaire .left .block img{float:left; margin:0 10px 0 0;} #populaire .left .block h3 a{color:#000; font:1.8em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} #populaire .right .content_left .block{margin:0 10px 0 20px;} #populaire .right .content_left .block strong{color:#000; display:block; font-size:1.4em; font-weight:bold; padding:4px 0; text-transform:uppercase;} #populaire .right .content_left .block img{margin:0 0 5px 0;} #populaire .right .content_left .block h4 a{color:#000; font:2.4em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} #populaire .right .content_left .block.double h4{font-size:0.7em; width:140px;} #populaire .right .content_left .block.double.first{display:inline; float:left; margin:0 7px 0 20px;} #populaire .right .content_left .block.double.last{border-left:1px solid #ccc; display:inline; float:left; margin:0; padding:0 0 0 7px;} #populaire .right .content_center .block{border-bottom:1px solid #ececec; height:104px; margin:0 20px;} #populaire .right .content_center .block strong{color:#000; display:block; font-size:1.4em; font-weight:bold; padding:4px 0; text-transform:uppercase;} #populaire .right .content_center .block img{float:left; margin:0 10px 0 0;} #populaire .right .content_center .block h4 a{color:#000; font:1.8em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} #populaire .right .content_right .block{margin:0 10px 0 20px;} #populaire .right .content_right .block strong{color:#000; display:block; font-size:1.4em; font-weight:bold; padding:4px 0; text-transform:uppercase;} #populaire .right .content_right .block img{margin:0 0 5px 0;} #populaire .right .content_right .block h4{height:94px;} #populaire .right .content_right .block h4 a{color:#000; font:2.4em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} /********************************************************* * * %= Navigation * ********************************************************/ #navigation{padding:10px;} /* %= Categories -------------------------------------------------------*/ #navigation .categories{border-top:1px solid #000; border-bottom:1px solid #000;} #navigation .categories li{background:url(img/bg_navigation_categories_li.png) no-repeat 100% 50%; display:inline; float:left; padding:0 7px 0 5px;} #navigation .categories li a{color:#000; float:left; font-size:1.6em; font-weight:bold; height:32px; letter-spacing:-1px; line-height:32px; padding:0 10px 0 10px; text-transform:uppercase;} .safari #navigation .categories li a{padding:0 10px 0 9px;} .ie8 #navigation .categories li a{padding:0 10px 0 10px;} .ie7 #navigation .categories li a{padding:0 10px 0 9px;} .ie6 #navigation .categories li a{padding:0 10px 0 9px;} #navigation .categories li a:hover, #navigation .categories li.hover a{color:#fff; text-decoration:none;} #navigation .categories #cat_00{padding:0;} #navigation .categories #cat_00 a{background:url(img/bg_navigation_categories_home.png) no-repeat 12px 0; color:#bfbfb5; height:32px; padding:0 10px; text-indent:-4000px; width:20px;} #navigation .categories #cat_00 a:hover, #navigation .categories #cat_00.hover a{background-color:#e30020; background-position:12px -32px; color:#fff;} #navigation .categories #cat_08{background:url(img/bg_navigation_categories_li.png) no-repeat 100% 50%; padding-right:11px;} #navigation .categories #cat_09{background:none; padding-right:0;} #navigation .categories #cat_01 a:hover, #navigation .categories #cat_01.hover a{background:#e30020;} #navigation .categories #cat_02 a:hover, #navigation .categories #cat_02.hover a{background:#e644a0;} #navigation .categories #cat_03 a:hover, #navigation .categories #cat_03.hover a{background:#a464c0;} #navigation .categories #cat_04 a:hover, #navigation .categories #cat_04.hover a{background:#ee9117;} #navigation .categories #cat_05 a:hover, #navigation .categories #cat_05.hover a{background:#b51c6c;} #navigation .categories #cat_06 a:hover, #navigation .categories #cat_06.hover a{background:#00aeef;} #navigation .categories #cat_07 a:hover, #navigation .categories #cat_07.hover a{background:#b2d40a;} #navigation .categories #cat_08 a:hover, #navigation .categories #cat_08.hover a{background:#515151;} #navigation .categories #cat_09 a:hover, #navigation .categories #cat_09.hover a{background:#6cc5be;} #navigation .categories #cat_10 a:hover, #navigation .categories #cat_10.hover a{background:#40c1b3;} /* %= Sous-categories -------------------------------------------------------*/ #navigation .sous_categories{font-size:1.2em; font-weight:bold; text-transform:uppercase;} #navigation .sous_categories ul{background:url(img/bg_menu_souscat_pointe.png) no-repeat right #f1f1ee; display:none;} #navigation .sous_categories li{background:url(img/bg_navigation_souscategories_li.png) no-repeat 100% 50% #e3e3dc; display:inline; float:left; padding:0 6px 0 0;} #navigation .sous_categories li a{color:#000; float:left; height:27px; line-height:29px; padding:0 7px;} .ie6 #navigation .sous_categories li a{line-height:27px;} #navigation .sous_categories li a:hover{color:#fff; text-decoration:none;} #navigation .sous_categories li.first a{padding-left:17px;} #navigation .sous_categories li.static{font-weight:bold; text-transform:uppercase;} #navigation .sous_categories li.static a{background:url(img/bg_navigation_souscategories_li_first.png) no-repeat 100% 50% #222; color:#fff; line-height:27px; padding-right:17px;} #navigation .sous_categories li.static a:hover{background:url(img/bg_navigation_souscategories_li_first.png) no-repeat 100% 50% #222;} #navigation .sous_categories li.last{padding:0 0 0 4px;} #navigation .sous_categories li.last a{background:url(img/bg_navigation_souscategories_li_last.png) no-repeat 100% 50% #e3e3dc; padding-right:25px;} #navigation .sous_categories li.infos{background:none; font-weight:normal; padding:0 0 0 4px; text-transform:none;} #navigation .sous_categories li.infos a{} #navigation .sous_categories li.infos a:hover{background:none; color:#000; text-decoration:underline;} #navigation .sous_categories .cat_00{background:url(img/bg_menu_souscat_pointe_plain.png) no-repeat right #e3e3dc; display:block; font-weight:normal; text-transform:none;} #navigation .sous_categories .cat_00 li{background:none; float:none; padding:0;} #navigation .sous_categories .cat_00 a{background:url(img/bg_navigation_sscat00_plain_left.png) no-repeat top left; padding:0 0 0 9px;} #navigation .sous_categories .cat_00 a span{background:url(img/bg_navigation_sscat00_plain_right.png) no-repeat top right; display:block; float:left; height:27px; line-height:27px; padding:0 20px 0 5px;} #navigation .sous_categories .cat_00 a:hover{background-position:0 -27px;} #navigation .sous_categories .cat_00 a:hover span{background-position:100% -27px;} #navigation .sous_categories .cat_05{background:url(img/bg_menu_souscat_pointe_plain.png) no-repeat right #e3e3dc;} #navigation .sous_categories .cat_05 li{background:none; float:none; padding:0;} #navigation .sous_categories .cat_05 a{background:url(img/bg_navigation_sscat05_plain_left.png) no-repeat top left; padding:0 0 0 9px;} #navigation .sous_categories .cat_05 a span{background:url(img/bg_navigation_sscat05_plain_right.png) no-repeat top right; display:block; float:left; height:27px; line-height:29px; padding:0 20px 0 5px;} #navigation .sous_categories .cat_05 a:hover{background-position:0 -27px;} #navigation .sous_categories .cat_05 a:hover span{background-position:100% -27px;} #navigation .sous_categories .cat_09{background:url(img/bg_menu_souscat_pointe_plain.png) no-repeat right #e3e3dc;} #navigation .sous_categories .cat_09 li{background:none; float:none; padding:0;} #navigation .sous_categories .cat_09 a{background:url(img/bg_navigation_sscat09_plain_left.png) no-repeat top left; padding:0 0 0 9px;} #navigation .sous_categories .cat_09 a span{background:url(img/bg_navigation_sscat09_plain_right.png) no-repeat top right; display:block; float:left; height:27px; line-height:29px; padding:0 20px 0 5px;} #navigation .sous_categories .cat_09 a:hover{background-position:0 -27px;} #navigation .sous_categories .cat_09 a:hover span{background-position:100% -27px;} #navigation .sous_categories .cat_00 a:hover, #navigation .sous_categories .cat_00 .selected a{background-color:#e30020; color:#fff;} #navigation .sous_categories .cat_01 a:hover, #navigation .sous_categories .cat_01 .selected a{background-color:#e30020; color:#fff;} #navigation .sous_categories .cat_02 a:hover, #navigation .sous_categories .cat_02 .selected a{background-color:#e644a0; color:#fff;} #navigation .sous_categories .cat_02 .concerts a:hover, #navigation .sous_categories .cat_02 .concerts.selected a{background-color:#fe6932;} #navigation .sous_categories .cat_02 .spectacles a:hover, #navigation .sous_categories .cat_02 .spectacles.selected a{background-color:#c34ac8;} #navigation .sous_categories .cat_02 .festivals a:hover, #navigation .sous_categories .cat_02 .festivals.selected a{background-color:#e28d06;} #navigation .sous_categories .cat_02 .expos a:hover, #navigation .sous_categories .cat_02 .expos.selected a{background-color:#a71a63;} #navigation .sous_categories .cat_02 .colloques a:hover, #navigation .sous_categories .cat_02 .colloques.selected a{background-color:#b31630;} #navigation .sous_categories .cat_02 .cinema a:hover, #navigation .sous_categories .cat_02 .cinema.selected a{background-color:#f3533c;} #navigation .sous_categories .cat_02 .television a:hover, #navigation .sous_categories .cat_02 .television.selected a{background-color:#e644a0;} #navigation .sous_categories .cat_03 a:hover, #navigation .sous_categories .cat_03 .selected a{background-color:#a464c0; color:#fff;} #navigation .sous_categories .cat_04 a:hover, #navigation .sous_categories .cat_04 .selected a{background-color:#ee9117; color:#fff;} #navigation .sous_categories .cat_05 a:hover, #navigation .sous_categories .cat_05 .selected a{background-color:#b51c6c; color:#fff;} #navigation .sous_categories .cat_06 a:hover, #navigation .sous_categories .cat_06 .selected a{background-color:#00aeef; color:#fff;} #navigation .sous_categories .cat_07 a:hover, #navigation .sous_categories .cat_07 .selected a{background-color:#b2d40a; color:#fff;} #navigation .sous_categories .cat_08 a:hover, #navigation .sous_categories .cat_08 .selected a{background-color:#515151; color:#fff;} #navigation .sous_categories .cat_09 a:hover, #navigation .sous_categories .cat_09 .selected a{background-color:#6cc5be; color:#fff;} #navigation .sous_categories .cat_10 a:hover, #navigation .sous_categories .cat_10 .selected a{background-color:#40c1b3; color:#fff;} /********************************************************* * * %= Sidebar Right * ********************************************************/ .sidebar_right_2cols-inner{padding:0 10px 0 9px;} /* %= Recherche -------------------------------------------------------*/ .sidebar_right_2cols .search{background:url(img/bg_recherche_sidebar.png) no-repeat; height:121px; width:316px;} .sidebar_right_2cols .search textarea{background:none; border:none; color:#9c9d9e; font:1.6em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic; height:50px; line-height:1.0em; overflow:hidden; padding:30px 0 0 135px; width:165px;} .sidebar_right_2cols .search input{padding:8px 0 0 129px;} /* %= Pub pave -------------------------------------------------------*/ .sidebar_right_2cols .ad{background:#fff; margin:10px 0 0 0;} .sidebar_right_2cols .ad .wrapper{padding:9px 0 9px 8px;} .sidebar_right_2cols .ad em{display:block; padding:0 0 9px 0; text-align:center; text-transform:uppercase;} /* %= Promo TetuX -------------------------------------------------------*/ .sidebar_right_2cols .tetux{margin:10px 0 0 0;} /* %= Clubbing -------------------------------------------------------*/ .sidebar_right_2cols .clubbing{margin:10px 0 0 0;} .sidebar_right_2cols .clubbing .content{background:#fff; padding:10px;} .sidebar_right_2cols .clubbing .content ul.event{border-bottom:1px solid #ccc; margin:0 0 10px 60px;} .sidebar_right_2cols .event .date{border-style:solid; border-width:0 0 5px 0; color:#000; font-size:2.0em; font-weight:bold; margin:0 0 0 -60px; position:absolute;} .sidebar_right_2cols .event li strong{font-weight:bold; text-transform:uppercase;} .sidebar_right_2cols .event li h4{display:inline; font-size:1.4em; font-weight:bold;} .sidebar_right_2cols .event li a{color:#515151; line-height:3.0em;} .sidebar_right_2cols .event li em{background:url(img/puce_sidebar_clubbing_event_small.png) no-repeat; background-position:0 6px; font-style:normal; padding:0 0 0 8px;} .sidebar_right_2cols .event li ul{display:inline; font-size:1.4em;} .sidebar_right_2cols .event li li{background:url(img/puce_sidebar_clubbing_event.png) no-repeat; background-position:0 7px; display:inline; padding:0 0 0 9px;} .sidebar_right_2cols .content div{background:#515151; font-weight:bold; padding:10px; text-align:center;} .sidebar_right_2cols .content div h4{color:#fff; margin:0 0 5px 0; font-size:1.4em;} .sidebar_right_2cols .content div li{background:url(img/puce_sidebar_clubbing.png) right no-repeat; display:inline; padding:0 7px 0 3px; text-transform:uppercase;} .sidebar_right_2cols .content div .purple a{color:#d90b7c;} .sidebar_right_2cols .content div .orange a{color:#ff9123;} .sidebar_right_2cols .content div .blue a{color:#04b2d9;} .sidebar_right_2cols .content div .yellow a{color:#f2cb05;} .sidebar_right_2cols .content div .green a{color:#82b74c;} .sidebar_right_2cols .event.purple .date{border-color:#d90b7c;} .sidebar_right_2cols .event.purple li strong, .sidebar_right_2cols .event.purple li em{color:#d90b7c;} .sidebar_right_2cols .event.orange .date{border-color:#ff9123;} .sidebar_right_2cols .event.orange li strong, .sidebar_right_2cols .event.orange li em{color:#ff9123;} .sidebar_right_2cols .event.blue .date{border-color:#04b2d9;} .sidebar_right_2cols .event.blue li strong, .sidebar_right_2cols .event.blue li em{color:#04b2d9;} .sidebar_right_2cols .event.yellow .date{border-color:#f2cb05;} .sidebar_right_2cols .event.yellow li strong, .sidebar_right_2cols .event.yellow li em{color:#f2cb05;} .sidebar_right_2cols .event.green .date{border-color:#82b74c;} .sidebar_right_2cols .event.green li strong, .sidebar_right_2cols .event.green li em{color:#82b74c;} /* %= Newsletter -------------------------------------------------------*/ .sidebar_right_2cols .newsletter{background:url(img/bg_sidebar_newsletter.jpg) no-repeat #fff; margin:10px 0 0 0; width:316px;} .sidebar_right_2cols .newsletter h4{color:#d90b7c; font-size:1.8em; font-weight:bold; line-height:1.0em; padding:10px 0 0 140px;} .sidebar_right_2cols .newsletter p{color:#000; font-size:1.2em; line-height:1.2em; padding:0 0 0 140px;} .sidebar_right_2cols .newsletter p em{color:#049dd9; font-style:normal;} .sidebar_right_2cols .newsletter p strong{background:#000; color:#fff;} .sidebar_right_2cols .newsletter input{margin:5px 0 0 160px;} .sidebar_right_2cols .newsletter fieldset input{color:#666; height:16px; margin:5px 0 0 160px; width:120px;} /* %= Tetu le club -------------------------------------------------------*/ .sidebar_right_2cols .promo_tetu_leclub{margin:10px 0 0 0;} /* %= Coup de coeur -------------------------------------------------------*/ .sidebar_right_2cols .coup_de_coeur{background:#fff; margin:10px 0 0 0; padding:10px 8px} .sidebar_right_2cols .coup_de_coeur .content h3{} .sidebar_right_2cols .coup_de_coeur .content ul{padding:10px 0 0 0;} .sidebar_right_2cols .coup_de_coeur .content ul li{float:left; padding:5px 0 3px 0; text-align:center; width:100px;} .sidebar_right_2cols .coup_de_coeur .content ul li.selected a{color:#fff;} .sidebar_right_2cols .coup_de_coeur .content ul li a{color:#000; font-size:1.4em; font-weight:bold; text-transform:uppercase;} .sidebar_right_2cols .coup_de_coeur .content .img{border-width:4px 0; border-style:solid;} .sidebar_right_2cols .coup_de_coeur .content p{color:#000; font-size:1.6em; font-style:italic; line-height:1.3em; margin:10px 0 0 0;} .sidebar_right_2cols .coup_de_coeur .content p strong{color:#f3533c; font-weight:bold;} .sidebar_right_2cols .coup_de_coeur .footer{margin:20px 0 0 0;} .sidebar_right_2cols .coup_de_coeur .footer h4{border-bottom:1px solid #f3533c; color:#000; font:2.2em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic;} .sidebar_right_2cols .coup_de_coeur .footer ul{margin:10px 0 0 0;} .sidebar_right_2cols .coup_de_coeur .footer ul li{background:url(img/puce_agenda_coupdecoeur.jpg) no-repeat; background-position:0 6px; font:1.4em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; margin:2px 0 0 0; padding:0 0 0 8px;} .sidebar_right_2cols .coup_de_coeur .footer ul li a{color:#fff; font:1.2em Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:0 5px 0 0; padding:0 5px;} /* Gestion des couleurs en fonction de l'onglet */ .sidebar_right_2cols .coup_de_coeur.onglet01 .content ul li.selected{background:#f3533c;} .sidebar_right_2cols .coup_de_coeur.onglet01 .content .img{border-color:#f3533c;} .sidebar_right_2cols .coup_de_coeur.onglet01 .content p strong{color:#f3533c;} .sidebar_right_2cols .coup_de_coeur.onglet01 .footer ul li a{background:#f3533c;} .sidebar_right_2cols .coup_de_coeur.onglet02 .content ul li.selected{background:#e644a0;} .sidebar_right_2cols .coup_de_coeur.onglet02 .content .img{border-color:#e644a0;} .sidebar_right_2cols .coup_de_coeur.onglet02 .content p strong{color:#e644a0;} .sidebar_right_2cols .coup_de_coeur.onglet02 .footer ul li a{background:#e644a0;} .sidebar_right_2cols .coup_de_coeur.onglet03 .content ul li.selected{background:#840d64;} .sidebar_right_2cols .coup_de_coeur.onglet03 .content .img{border-color:#840d64;} .sidebar_right_2cols .coup_de_coeur.onglet03 .content p strong{color:#840d64;} .sidebar_right_2cols .coup_de_coeur.onglet03 .footer ul li a{background:#840d64;} /* hide au loading */ .sidebar_right_2cols .coup_de_coeur.onglet02, .sidebar_right_2cols .coup_de_coeur.onglet03{display:none;} /* %= Tag cloud -------------------------------------------------------*/ .sidebar_right_2cols .tagcloud{background:#fff; border-width:5px 0; border-style:solid; margin:10px 0 0 0; padding:20px 8px;} .cat_01 .sidebar_right_2cols .tagcloud{border-color:#e30020;} .cat_02 .sidebar_right_2cols .tagcloud{border-color:#e644a0;} .cat_03 .sidebar_right_2cols .tagcloud{border-color:#a464c0;} .cat_04 .sidebar_right_2cols .tagcloud{border-color:#ee9117;} .cat_05 .sidebar_right_2cols .tagcloud{border-color:#b51c6c;} .cat_06 .sidebar_right_2cols .tagcloud{border-color:#00aeef;} .cat_07 .sidebar_right_2cols .tagcloud{border-color:#b2d40a;} .cat_08 .sidebar_right_2cols .tagcloud{border-color:#515151;} .cat_09 .sidebar_right_2cols .tagcloud{border-color:#82ac45;} .sidebar_right_2cols .tagcloud ul{ font-weight:bold; text-transform:uppercase;} .sidebar_right_2cols .tagcloud li{display:inline; line-height:0.9em; padding:0 0.2em 0 0;} .sidebar_right_2cols .tagcloud a{color:#000;} .sidebar_right_2cols .tagcloud a:hover{text-decoration:none;} .cat_01 .sidebar_right_2cols .tagcloud a:hover{color:#e30020;} .cat_02 .sidebar_right_2cols .tagcloud a:hover{color:#e644a0;} .cat_03 .sidebar_right_2cols .tagcloud a:hover{color:#a464c0;} .cat_04 .sidebar_right_2cols .tagcloud a:hover{color:#ee9117;} .cat_05 .sidebar_right_2cols .tagcloud a:hover{color:#b51c6c;} .cat_06 .sidebar_right_2cols .tagcloud a:hover{color:#00aeef;} .cat_07 .sidebar_right_2cols .tagcloud a:hover{color:#b2d40a;} .cat_08 .sidebar_right_2cols .tagcloud a:hover{color:#515151;} .cat_09 .sidebar_right_2cols .tagcloud a:hover{color:#82ac45;} .sidebar_right_2cols .tagcloud .level1{font-size:2.5em;} .sidebar_right_2cols .tagcloud .level2{font-size:2.0em;} .sidebar_right_2cols .tagcloud .level3{font-size:1.5em;} .sidebar_right_2cols .tagcloud .level4{font-size:1.0em;} /* %= mag -------------------------------------------------------*/ .sidebar_right_2cols .mag{padding:10px 0;} .ie6 .sidebar_right_2cols .mag, .ie7 .sidebar_right_2cols .mag{padding:10px 0 8px 0;} /* %= appel_a_temoin -------------------------------------------------------*/ .sidebar_right_2cols .appel_a_temoin{background:#fff; margin:0 0 10px 0; padding:8px;} .sidebar_right_2cols .appel_a_temoin h4{border-bottom:2px solid #e7e7de; padding:0 0 8px 0;} .sidebar_right_2cols .appel_a_temoin .bloc{background:#505050; clear:right; color:#fff; font-size:1.2em; line-height:1.3em; margin:8px 0 0 0; padding:10px;} .sidebar_right_2cols .appel_a_temoin .bloc h5{font-weight:bold; padding:0 0 4px 0; text-transform:uppercase;} .sidebar_right_2cols .appel_a_temoin .contact{background:url(img/puce_sidebar_appel_a_temoin.png) no-repeat 0 9px; color:#000; float:right; font-size:1.2em; font-weight:bold; padding:5px 0 15px 6px;} .sidebar_right_2cols .appel_a_temoin .contact a{color:#b20020;} /* %= bannerMilk -------------------------------------------------------*/ .sidebar_right_2cols .bannerMilk{width:300px; margin:10px 0 0 0; border:8px solid #fff;} /* %= tetu_chat -------------------------------------------------------*/ .sidebar_right_2cols .tetu_chat{} /* %= tetu_participez -------------------------------------------------------*/ .sidebar_right_2cols .tetu_participez{padding:10px 0;} /* %= tetu_newsletter -------------------------------------------------------*/ .sidebar_right_2cols .tetu_newsletter{padding:0 0 10px 0;} /* %= big_game -------------------------------------------------------*/ .sidebar_right_2cols .big_game{margin:10px 0 0 0;} /********************************************************* * * %= Inscription * ********************************************************/ .sidebar_left_2cols .inscription{padding:10px 0 30px 0;} /* %= infos_connexion -------------------------------------------------------*/ .sidebar_left_2cols .inscription h2 a{color:#fff; margin:50px 0 0 510px; position:absolute; text-decoration:underline;} .sidebar_left_2cols .inscription h2 a:hover{text-decoration:none;} .sidebar_left_2cols .inscription .infos_connexion{background:url(img/bg_infos_connexion.jpg);} .sidebar_left_2cols .inscription .infos_connexion fieldset{background:url(img/bg_infos_connexion_bottom.jpg) bottom no-repeat; padding:0 0 25px 0;} .sidebar_left_2cols .inscription .infos_connexion fieldset h3{display:inline; float:left; margin:0 0 0 30px;} .sidebar_left_2cols .inscription .infos_connexion fieldset div{color:#fff; margin:0 0 5px 180px;} .sidebar_left_2cols .inscription .infos_connexion fieldset div.info{margin:0 20px 20px 0; text-align:right;} .sidebar_left_2cols .inscription .infos_connexion fieldset div em{font-size:1.1em; font-style:italic;} .sidebar_left_2cols .inscription .infos_connexion fieldset div label{display:block; float:left; font-size:1.4em; text-align:right; width:200px;} .sidebar_left_2cols .inscription .infos_connexion fieldset div label strong{font-weight:bold;} .sidebar_left_2cols .inscription .infos_connexion fieldset div input{margin:0 10px;} /* %= infos_personnelles -------------------------------------------------------*/ .sidebar_left_2cols .inscription .infos_personnelles{background:url(img/bg_infos_personnelles.jpg) repeat-y; font-size:1.4em;} /* %= nom_prenom -------------------------------------------------------*/ .sidebar_left_2cols .inscription .infos_personnelles .nom_prenom{background:#b4b4b4; color:#2f2e2e; margin:5px 13px 10px 13px; padding:13px;} .sidebar_left_2cols .inscription .infos_personnelles .nom_prenom .left{float:left; width:300px;} .sidebar_left_2cols .inscription .infos_personnelles .nom_prenom .right{float:right; width:300px;} .sidebar_left_2cols .inscription .infos_personnelles .nom_prenom input{margin:0 10px;} .sidebar_left_2cols .inscription .infos_personnelles .nom_prenom p{clear:both; font-size:0.8em; padding:10px 0 0 0; text-align:center;} /* %= profil -------------------------------------------------------*/ .sidebar_left_2cols .inscription .infos_personnelles .profil{background:#e7e7e1; margin:10px 13px 5px 13px; padding:13px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .left{float:left; width:300px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .right{border-left:2px solid #fff; float:right; width:300px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .left div, .sidebar_left_2cols .inscription .infos_personnelles .profil .right div{margin:0 0 10px 0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .left span, .sidebar_left_2cols .inscription .infos_personnelles .profil .right span{display:block; float:left; padding:0 10px 0 0; text-align:right; width:120px;} .gecko .sidebar_left_2cols .inscription .infos_personnelles .profil .left input{vertical-align:top;} .sidebar_left_2cols .inscription .infos_personnelles .profil .left label{cursor:pointer;} .sidebar_left_2cols .inscription .infos_personnelles .profil .pseudo_avatar{background:url(img/bg_informations_personnelles_avatar.jpg) no-repeat 0 4px; clear:both; margin:30px 0 0 0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .pseudo_avatar label{color:#000; display:block; font-weight:bold; text-transform:uppercase; margin-bottom:5px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .pseudo{height:70px; padding:0 0 0 80px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .pseudo em{color:#515151; font-style:italic; font-size:0.8em; font-weight:normal; text-transform:none;} .sidebar_left_2cols .inscription .infos_personnelles .profil .pseudo input{margin:0 10px 0 0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .avatar{height:108px; padding:0 0 0 100px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .avatar label{} .sidebar_left_2cols .inscription .infos_personnelles .profil .avatar li{float:left; height:72px; text-align:center; width:84px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .avatar li label{cursor:pointer; display:inline; margin:0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .fichier{clear:both; font-size:0.8em; padding:0 0 20px 100px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .newsletter{border:2px solid #fff; margin:20px 0 0 100px; padding:10px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .newsletter p{clear:left; padding:5px 0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .newsletter p input{float:left;} .sidebar_left_2cols .inscription .infos_personnelles .profil .newsletter p input label{margin:0 0 0 20px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .newsletter p label{cursor:pointer;} .sidebar_left_2cols .inscription .infos_personnelles .profil .captcha{margin:20px 0 0 100px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .captcha img{margin:0 40px 0 0; vertical-align:middle;} .sidebar_left_2cols .inscription .infos_personnelles .profil .captcha label{} .sidebar_left_2cols .inscription .infos_personnelles .profil .captcha label img{margin:0;} .sidebar_left_2cols .inscription .infos_personnelles .profil .captcha input{margin:4px 0 0 5px; width:165px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .mentions{font-size:0.8em; margin:20px 0 0 100px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .footer{margin:20px 0 0 100px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .footer input{float:left;} .sidebar_left_2cols .inscription .infos_personnelles .profil .footer .feedback{color:#e30020; float:left; font:1.2em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic; height:30px; line-height:30px; margin:0 0 0 10px; width:390px;} .sidebar_left_2cols .inscription .infos_personnelles .profil .footer .obligatoire{float:right; font-size:0.8em;} /* feedback */ .sidebar_left_2cols .inscription .feedback_top{color:#b00; font:1.4em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic; position:absolute; margin:20px 0 0 20px; width:400px;} /********************************************************* * * %= Profil modification * ********************************************************/ /* >>> see * %= Inscription * */ .sidebar_left_2cols .inscription .infos_personnelles .profil.modification .pseudo_avatar{background:url(img/bg_informations_personnelles_avatar_modif.jpg) no-repeat 0 4px;} .sidebar_left_2cols .inscription .infos_personnelles .profil.modification .mon_avatar{margin:-20px 0 0 420px; position:absolute; text-align:center; width:120px;} .sidebar_left_2cols .inscription .infos_personnelles .profil.modification .mon_avatar img{background:#fff; margin:0 5px 0 0; padding:5px;} /********************************************************* * * %= Newsletter inscription * ********************************************************/ /* >>> see * %= Inscription * */ .sidebar_left_2cols .inscription.newsletter .infos_personnelles .profil{margin-top:0; padding-top:0;} /* %= email -------------------------------------------------------*/ .sidebar_left_2cols .inscription.newsletter .infos_personnelles .profil .email{margin:0 0 0 100px; padding:20px 0 0 0;} .sidebar_left_2cols .inscription.newsletter .infos_personnelles .profil .email input{margin:0 10px 0 20px; width:300px;} .sidebar_left_2cols .inscription.newsletter .infos_personnelles .profil .email p{font-size:0.8em; font-style:italic; margin:5px 0 0 0;} /* %= prochainement -------------------------------------------------------*/ .sidebar_left_2cols .inscription .infos_personnelles .prochainement{background:#515151; color:#fff; margin:5px 13px; padding:13px;} .sidebar_left_2cols .inscription .infos_personnelles .prochainement img{float:left;} .sidebar_left_2cols .inscription .infos_personnelles .prochainement div{line-height:1.6em; padding:10px 0 0 240px;} .sidebar_left_2cols .inscription .infos_personnelles .prochainement div h3{font-size:1.5em;} .sidebar_left_2cols .inscription .infos_personnelles .prochainement div strong{font-weight:bold;} .sidebar_left_2cols .inscription .infos_personnelles .prochainement div input{margin:5px 0 0 0;} /********************************************************* * * %= Contact * ********************************************************/ /* %= Liste des contacts -------------------------------------------------------*/ .sidebar_left_2cols .contacts{padding:10px 11px 20px 16px; background-color:#e7e7de;} .sidebar_left_2cols .contacts .boite{background-color:#fff; padding:15px 5px 20px 10px; margin-bottom:10px; height:100%;} .sidebar_left_2cols .contacts .boite_b{background-color:#f8f8f8;} .sidebar_left_2cols .contacts .boite_firstchild{padding-top:0;} .sidebar_left_2cols .contacts .boite h3{font:italic normal bold 2.5em/1.3em Georgia, "Times New Roman", Times, serif; color:#c00; padding-bottom:15px;} .sidebar_left_2cols .contacts .boite p{font-size:1.6em; color:#000; float:left; width:400px;} .sidebar_left_2cols .contacts .boite p .clair{color:#767676;} .sidebar_left_2cols .contacts .boite .lien{float:left; width:215px; font-size:1.4em; text-transform:uppercase; font-weight:bold; background:url(img/pointe_envoyer_message.png) right top no-repeat;} .sidebar_left_2cols .contacts .boite .lien a{color:#fff; display:block; margin:0 14px 0 10px; background-color:#c00; padding:4px 0 4px 10px;} .sidebar_left_2cols .contacts .boite .separe{clear:both; font-size:1px; height:20px; background:url(img/bloc_contact_a_separe.png) left 10px no-repeat;} .sidebar_left_2cols .contacts .boite_b .separe{background-image:url(img/bloc_contact_b_separe.png);} /* %= Formulaire de contact -------------------------------------------------------*/ /* >>> see * %= Inscription * */ .sidebar_left_2cols .inscription .infos_personnelles .bt_retour img{padding:10px 0 0 0;} .sidebar_left_2cols .inscription .infos_personnelles .contact{margin:0 0 0 100px; padding:20px 0;} .sidebar_left_2cols .inscription .infos_personnelles .contact h2{color:#e30020; font:2.0em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic; font-weight:bold; margin:10px 0 20px 0;} .sidebar_left_2cols .inscription .infos_personnelles .contact p{margin:0 0 10px 0;} .sidebar_left_2cols .inscription .infos_personnelles .contact p img{float:right; margin:3px 5px 0 0;} .sidebar_left_2cols .inscription .infos_personnelles .contact label{display:block; float:left; width:120px;} .sidebar_left_2cols .inscription .infos_personnelles .contact input{border:1px solid #999; width:260px;} .sidebar_left_2cols .inscription .infos_personnelles .contact textarea{border:1px solid #999; width:381px;} .gecko .sidebar_left_2cols .inscription .infos_personnelles .contact textarea{font:0.9em sans-serif} /********************************************************* * * %= print * ********************************************************/ #header, #navigation, .sidebar_right_2cols, .home_adwords, .pagination, .clubbing_recherche, .une .show, .agenda .search, .asso_recherche, #sidebar, #populaire, #footer{display:none;} /********************************************************* * * %= Homepage Content * ********************************************************/ /* %= hightlight -------------------------------------------------------*/ .sidebar_left_2cols .hightlight{background:#fff; margin:16px 0 0 0; padding:10px;} .sidebar_left_2cols .hightlight .img{float:left; margin:0 10px 0 0; width:300px;} .sidebar_left_2cols .hightlight .img img{height:300px; width:300px;} .sidebar_left_2cols .hightlight .txt{float:left; width:330px;} .sidebar_left_2cols .hightlight .txt .header{font-size:1.2em; margin:10px 0 0 0;} .sidebar_left_2cols .hightlight .txt .header strong{color:#000; font-size:1.2em; font-weight:bold; text-transform:uppercase;} .sidebar_left_2cols .hightlight .txt h2{color:#fff; font:3.5em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; height:1%; line-height:1.0em; margin:5px 0 0 -60px; padding:5px 10px; position:relative; width:370px;} .sidebar_left_2cols .hightlight .txt h2 a{color:#fff;} .sidebar_left_2cols .hightlight .txt .main{font-size:1.4em; line-height:1.3em; margin:10px 0 0 0;} .sidebar_left_2cols .hightlight .txt .main a{color:#515151;} .sidebar_left_2cols .hightlight .txt .footer{font-size:1.4em; margin:20px 0 0 0;} .sidebar_left_2cols .hightlight .txt .footer a{color:#515151;} .sidebar_left_2cols .hightlight .txt .footer strong{font-weight:bold;} .sidebar_left_2cols .hightlight .txt .footer em{color:#fff; font-style:normal; font-weight:bold; line-height:24px; padding:1px 4px 4px 4px;} .sidebar_left_2cols .hightlight.cat_01 .txt h2{background:#e30020;} /* rouge */ .sidebar_left_2cols .hightlight.cat_01 .txt .footer em{background:url(img/bg_puce_comment_cat01.jpg) bottom center no-repeat #e30020;} .sidebar_left_2cols .hightlight.cat_02 .txt h2{background:#e644a0;} /* rose */ .sidebar_left_2cols .hightlight.cat_02 .txt .footer em{background:url(img/bg_puce_comment_cat02.jpg) bottom center no-repeat #e644a0;} .sidebar_left_2cols .hightlight.cat_03 .txt h2{background:#a464c0;} /* mauve */ .sidebar_left_2cols .hightlight.cat_03 .txt .footer em{background:url(img/bg_puce_comment_cat03.jpg) bottom center no-repeat #a464c0;} .sidebar_left_2cols .hightlight.cat_04 .txt h2{background:#ee9117;} /* orange */ .sidebar_left_2cols .hightlight.cat_04 .txt .footer em{background:url(img/bg_puce_comment_cat04.jpg) bottom center no-repeat #ee9117;} .sidebar_left_2cols .hightlight.cat_05 .txt h2{background:#b51c6c;} /* bordeau */ .sidebar_left_2cols .hightlight.cat_05 .txt .footer em{background:url(img/bg_puce_comment_cat05.jpg) bottom center no-repeat #b51c6c;} .sidebar_left_2cols .hightlight.cat_06 .txt h2{background:#00aeef;} /* bleu */ .sidebar_left_2cols .hightlight.cat_06 .txt .footer em{background:url(img/bg_puce_comment_cat06.jpg) bottom center no-repeat #00aeef;} .sidebar_left_2cols .hightlight.cat_07 .txt h2{background:#b2d40a;} /* vert clair */ .sidebar_left_2cols .hightlight.cat_07 .txt .footer em{background:url(img/bg_puce_comment_cat07.jpg) bottom center no-repeat #b2d40a;} .sidebar_left_2cols .hightlight.cat_08 .txt h2{background:#515151;} /* gris */ .sidebar_left_2cols .hightlight.cat_08 .txt .footer em{background:url(img/bg_puce_comment_cat08.jpg) bottom center no-repeat #515151;} .sidebar_left_2cols .hightlight.cat_09 .txt h2{background:#82ac45;} /* vert fonce */ .sidebar_left_2cols .hightlight.cat_09 .txt .footer em{background:url(img/bg_puce_comment_cat09.jpg) bottom center no-repeat #82ac45;} /* %= Carousel -------------------------------------------------------*/ .sidebar_left_2cols .carousel{background:#1c1614; margin:10px 10px 0 10px; padding:10px 20px;} .sidebar_left_2cols .carousel .button{cursor:pointer; height:47px; position:absolute; width:26px;} .sidebar_left_2cols .carousel .button.left{margin:110px 0 0 -26px;} .sidebar_left_2cols .carousel .button.right{margin:110px 0 0 599px;} .sidebar_left_2cols .carousel .mask{overflow:hidden; position:relative; width:599px;} .sidebar_left_2cols .carousel .scrollcontainer{position:relative; width:200000px;} .sidebar_left_2cols .carousel .scrollcontainer .panel{background:#fff; display:inline; float:left; height:250px; margin:0 13px 0 0; width:140px;} .sidebar_left_2cols .carousel .scrollcontainer .panel strong{background:#1c1614; color:#fff; display:block; font-size:1.4em; font-weight:bold; padding:0 0 2px 0; text-transform:uppercase;} .sidebar_left_2cols .carousel .scrollcontainer .panel h2{padding:5px 0 5px 5px; width:130px;} .sidebar_left_2cols .carousel .scrollcontainer .panel h2 a{color:#000; font:1.6em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} /* %= news -------------------------------------------------------*/ .sidebar_left_2cols .home_news{background:#fff; margin:10px 0 10px 0;} .sidebar_left_2cols .home_news .left{display:inline; float:left; margin:10px 0 0 10px; width:300px;} .sidebar_left_2cols .home_news .right{display:inline; float:right; margin:10px 10px 0 0; width:300px;} .sidebar_left_2cols .home_news .news_block{margin:20px 0 0 0;} .sidebar_left_2cols .home_news .news_block .header{background:url(img/bg_home_news_header.jpg) repeat-x; background-position:0 10px; margin:0 0 14px 0;} .sidebar_left_2cols .home_news .news_block .header strong{background:#fff; color:#000; font-size:1.4em; font-weight:bold; padding:0 10px 0 0; text-transform:uppercase;} .sidebar_left_2cols .home_news .news_block .header em{font:1.2em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:normal;} .sidebar_left_2cols .home_news .news_block h2, .sidebar_left_2cols .home_news .news_block h3{padding:5px 0;} .sidebar_left_2cols .home_news .news_block h2 a, .sidebar_left_2cols .home_news .news_block h3 a{color:#000; font:2.0em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; line-height:1.0em;} .sidebar_left_2cols .home_news .news_block blockquote{background:#000; display:inline; font:1.8em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic;} .sidebar_left_2cols .home_news .news_block blockquote a{color:#fff;} .sidebar_left_2cols .home_news .news_block .reference{font-size:1.2em; margin:10px 0 0 0;} .sidebar_left_2cols .home_news .news_block .reference a{color:#515151;} .sidebar_left_2cols .home_news .news_block .reference em a{color:#000; font-style:italic;} .sidebar_left_2cols .home_news .news_block .footer{font-size:1.2em;} .sidebar_left_2cols .home_news .news_block .footer a{color:#515151;} .sidebar_left_2cols .home_news .news_block .footer strong{background:url(img/bg_puce_comment_jaune.jpg) bottom center no-repeat #fee900; color:#333; font-weight:bold; line-height:24px; padding:1px 4px 4px 4px;} .sidebar_left_2cols .home_news .news_block.single h2{height:100px;} .sidebar_left_2cols .home_news .news_block.single h2 a{font-size:2.4em;} .sidebar_left_2cols .home_news .news_block.single .header em{background:#fff; padding:0 5px 0 0;} .sidebar_left_2cols .home_news .news_block h3 .taille_1, .sidebar_left_2cols .home_news .news_block.single h2 .taille_1{font-size:2.4em;} .sidebar_left_2cols .home_news .news_block h3 .taille_2, .sidebar_left_2cols .home_news .news_block.single h2 .taille_2{font-size:2.2em;} .sidebar_left_2cols .home_news .news_block h3 .taille_3, .sidebar_left_2cols .home_news .news_block.single h2 .taille_3{font-size:2.0em;} .sidebar_left_2cols .home_news .news_block h3 .taille_4, .sidebar_left_2cols .home_news .news_block.single h2 .taille_4{font-size:1.8em;} .sidebar_left_2cols .home_news .news_block.double .news_block-inner{float:left; margin:0 20px 0 0; width:140px;} .sidebar_left_2cols .home_news .news_block.double .news_block-inner.last{margin:0;} .sidebar_left_2cols .home_news .news_block.double h3{height:120px; word-wrap:break-word;} .sidebar_left_2cols .home_news .news_block.double .header em{position:absolute; margin:15px 0 0 0;} .sidebar_left_2cols .news_blocks_footer{background:#e30020; clear:both; font-weight:bold; height:25px; margin:10px; text-transform:uppercase;} .sidebar_left_2cols .news_blocks_footer h4{background:url(img/news_block_footer_h4.png) right no-repeat #000; color:#fff; float:left; font-size:1.1em; height:25px; line-height:25px; padding:0 20px 0 10px;} .sidebar_left_2cols .news_blocks_footer ul{float:left; margin:0 0 0 10px;} .sidebar_left_2cols .news_blocks_footer li{background:url(img/puce_news_blocks_footer_tetu.jpg) right no-repeat; float:left; height:25px; line-height:25px; padding:0 5px 0 1px; text-transform:uppercase;} .sidebar_left_2cols .news_blocks_footer li a{color:#fff;} /* %= home_adwords -------------------------------------------------------*/ .sidebar_left_2cols .home_adwords{clear:both; padding:20px 0 10px 0; width:648px;} /* %= Last_comments -------------------------------------------------------*/ .sidebar_left_2cols .home_news.last_comments .title{color:#ababab; font-size:1.8em; font-weight:bold; margin:0 0 0 10px; padding:10px 0 0 0;} .sidebar_left_2cols .home_news.last_comments .title strong{color:#000;} .sidebar_left_2cols .home_news.last_comments .left{background:none; width:300px;} .sidebar_left_2cols .home_news.last_comments .news_block{margin-top:15px;} .sidebar_left_2cols .home_news.last_comments .news_block.single{border-bottom:2px solid #000;} .sidebar_left_2cols .home_news.last_comments .news_block blockquote{background:#e3e3dc; font:1.6em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic;} .sidebar_left_2cols .home_news.last_comments .news_block blockquote a{color:#000;} .sidebar_left_2cols .home_news.last_comments .news_block .read_more{color:#e30020; font:1.2em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:italic; font-weight:bold;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference{min-height:48px; padding:18px 0 24px 60px;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference .avatar{margin:0 0 0 -60px; position:absolute;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference strong{color:#000; font-weight:bold;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference strong a{background:#000; color:#fff; padding:0 5px;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference em{display:block; font:1.1em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; margin:5px 0 0 0;} .sidebar_left_2cols .home_news.last_comments .news_block.single .reference em a{font-style:normal;} /* %= blogs_last_posts -------------------------------------------------------*/ #page_main_content .blogs_last_posts{background:#fff; clear:both; padding:10px 12px;} #page_main_content .blogs_last_posts .title{color:#ababab; font-size:1.8em; font-weight:bold; margin:0 0 10px 0;} #page_main_content .blogs_last_posts .title strong{color:#000;} #page_main_content .blogs_last_posts .blog_post{float:left; margin:0 0 0 20px; width:140px;} #page_main_content .blogs_last_posts .blog_post h4{font-size:1.6em; font-weight:bold; margin:10px 0;} #page_main_content .blogs_last_posts .blog_post h4 a{color:#000;} #page_main_content .blogs_last_posts .blog_post .post_author{color:#ababab; background:url(img/filet_blogs_last_posts.png) repeat-x; font-size:1.2em; padding:10px 0;} #page_main_content .blogs_last_posts .blog_post .blog_name{color:#ababab; background:url(img/filet_blogs_last_posts.png) repeat-x; font-size:1.2em; line-height:1.4em; padding:10px 0 0 0;} #page_main_content .blogs_last_posts .blog_post .blog_name strong{display:block; font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; text-transform:uppercase;} #page_main_content .blogs_last_posts .blog_post .blog_name a{color:#000;} #page_main_content .blogs_last_posts .blog_post .categorie{font-size:1.2em; font-weight:bold; margin:5px 0 0 0;} /********************************************************* * * %= Actualite * ********************************************************/ /* %= HP rubrique news -------------------------------------------------------*/ .sidebar_left_2cols .home_news.rubrique .news_block{border-bottom-width:5px; border-bottom-style:solid; padding:0 0 20px 0; margin:0 0 20px 0;} /* Gestion des couleurs en fonction de la cat */ .cat_01 .home_news.rubrique .news_block{border-color:#e30020;} .cat_02 .home_news.rubrique .news_block{border-color:#e644a0;} .cat_03 .home_news.rubrique .news_block{border-color:#a464c0;} .cat_04 .home_news.rubrique .news_block{border-color:#ee9117;} .cat_05 .home_news.rubrique .news_block{border-color:#b51c6c;} .cat_06 .home_news.rubrique .news_block{border-color:#00aeef;} .cat_07 .home_news.rubrique .news_block{border-color:#b2d40a;} .cat_08 .home_news.rubrique .news_block{border-color:#515151;} .cat_09 .home_news.rubrique .news_block{border-color:#82ac45;} /* %= HP rubrique - Tout le monde en parme -------------------------------------------------------*/ .sidebar_left_2cols .home_news.toutlemondeenparle{background:#e7e7de; border-top-width:5px; border-style:solid;} .cat_01 .home_news.toutlemondeenparle{border-color:#e30020;} .cat_02 .home_news.toutlemondeenparle{border-color:#e644a0;} .cat_03 .home_news.toutlemondeenparle{border-color:#a464c0;} .cat_04 .home_news.toutlemondeenparle{border-color:#ee9117;} .cat_05 .home_news.toutlemondeenparle{border-color:#b51c6c;} .cat_06 .home_news.toutlemondeenparle{border-color:#00aeef;} .cat_07 .home_news.toutlemondeenparle{border-color:#b2d40a;} .cat_08 .home_news.toutlemondeenparle{border-color:#515151;} .cat_09 .home_news.toutlemondeenparle{border-color:#82ac45;} .sidebar_left_2cols .home_news.toutlemondeenparle .news_block.single .header em{background:#e7e7de;} .sidebar_left_2cols .home_news.toutlemondeenparle .news_block.single .img{margin:10px 0;} .sidebar_left_2cols .home_news.toutlemondeenparle .news_block.single .reference{float:right; width:140px;} .sidebar_left_2cols .home_news.toutlemondeenparle .news_block blockquote{font-size:2.0em;} /* %= HP sous-rubrique - news -------------------------------------------------------*/ .sidebar_left_2cols .home_news.rubrique .news_block.intro{font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; height:323px; overflow:hidden;} .ie .sidebar_left_2cols .home_news.rubrique .news_block.intro{height:326px;} .sidebar_left_2cols .home_news.rubrique .news_block.intro h1{font-size:6.0em; margin:0;} .cat_01 .home_news.rubrique .news_block.intro h1{color:#e30020;} .cat_02 .home_news.rubrique .news_block.intro h1{color:#e644a0;} .cat_03 .home_news.rubrique .news_block.intro h1{color:#a464c0;} .cat_04 .home_news.rubrique .news_block.intro h1{color:#ee9117;} .cat_05 .home_news.rubrique .news_block.intro h1{color:#b51c6c;} .cat_06 .home_news.rubrique .news_block.intro h1{color:#00aeef;} .cat_07 .home_news.rubrique .news_block.intro h1{color:#b2d40a;} .cat_08 .home_news.rubrique .news_block.intro h1{color:#515151;} .cat_09 .home_news.rubrique .news_block.intro h1{color:#82ac45;} .sidebar_left_2cols .home_news.rubrique .news_block.intro p{padding:5px 0 0 0;} .sidebar_left_2cols .home_news.rubrique .news_block.intro h2{padding:0 0 30px 0;} .sidebar_left_2cols .home_news.rubrique .news_block.intro p strong, .sidebar_left_2cols .home_news.rubrique .news_block.intro h2 strong{color:#000; font-size:2.5em; font-weight:normal; line-height:1.0em;} .sidebar_left_2cols .home_news.rubrique .news_block.intro p em{font-size:1.2em; font-style:italic; line-height:1.4em;} .sidebar_left_2cols .home_news.rubrique .news_block.intro p em a{color:#515151;} .sidebar_left_2cols .home_news.rubrique .news_block.sous_rubrique .header em{background:#fff; padding:0 10px 0 0; position:relative; margin:0 0 0 0;} /* %= HP sous-rubrique - news others -------------------------------------------------------*/ .sidebar_left_2cols .home_news.rubrique_others .left{border-right:1px solid #ccc; margin:10px 0 0 10px; padding:0 20px 0 0; width:300px;} .sidebar_left_2cols .home_news.rubrique_others .news_block{border-bottom:1px solid #ccc; height:100px; margin:0; padding:2px 0 5px 0;} .sidebar_left_2cols .home_news.rubrique_others .news_block .header{background:none; margin:0 0 2px 0;} .sidebar_left_2cols .home_news.rubrique_others .news_block img{float:left; margin:0 10px 0 0;} .sidebar_left_2cols .home_news.rubrique_others .news_block h3{font-size:0.9em;} /* %= article - une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ .sidebar_left_2cols .actualite .une{background:none; height:auto;} /* %= article - article -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= article * */ /* %= listing news -------------------------------------------------------*/ .sidebar_left_2cols .news_list{margin:20px;} .sidebar_left_2cols .news_list .news{border-bottom:2px solid #000; font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; padding:15px 0;} .sidebar_left_2cols .news_list .news img{float:left; margin:0 15px 0 0;} .sidebar_left_2cols .news_list .news h2{font-size:2.0em; font-weight:normal;} .sidebar_left_2cols .news_list .news h2 a{color:#000;} .sidebar_left_2cols .news_list .news p{font-size:1.2em; margin:4px 0 0 0;} .sidebar_left_2cols .news_list .news p strong{background:url(img/puce_sidebar_clubbing_event.png) right no-repeat; color:#e30020; font:1.2em Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:0 4px 0 0; padding:0 10px 0 0; text-transform:uppercase;} /********************************************************* * * %= Agenda * ********************************************************/ /* %= search - header -------------------------------------------------------*/ .sidebar_left_2cols .agenda .agenda_header{background:url(img/bg_agenda_search__header.png) no-repeat; height:150px; width:550px;} .sidebar_left_2cols .agenda .agenda_header h2, .sidebar_left_2cols .agenda .agenda_header h1{color:#fff; font-size:2.5em; font-weight:normal; height:67px; padding:20px 0 0 330px; width:320px;} .sidebar_left_2cols .agenda .agenda_header h2 span, .sidebar_left_2cols .agenda .agenda_header h1 span{background:#3d3d3d; border:1px solid #3d3d3d; line-height:30px;} /* %= search - searchpane -------------------------------------------------------*/ .sidebar_left_2cols .agenda .search{background:#ededed; border-bottom:1px solid #bebebe; color:#000; font-size:1.2em; margin:-8px 12px 0 13px; padding:0 0 10px 0; position:relative;} .sidebar_left_2cols .agenda .search .left{float:left; border-right:1px solid #bebebe; padding:10px; width:181px;} .sidebar_left_2cols .agenda .search .left select{width:180px;} .sidebar_left_2cols .agenda .search .left li{float:left; width:90px;} .sidebar_left_2cols .agenda .search .left li input{vertical-align:middle;} .sidebar_left_2cols .agenda .search .left label{cursor:pointer;} .sidebar_left_2cols .agenda .search .center{float:left; border-right:1px solid #bebebe; padding:10px; width:209px;} .sidebar_left_2cols .agenda .search .center li{float:right; width:98px;} .sidebar_left_2cols .agenda .search .center li.large{width:110px;} .sidebar_left_2cols .agenda .search .center li input{vertical-align:middle;} .sidebar_left_2cols .agenda .search .center label{cursor:pointer;} .sidebar_left_2cols .agenda .search .center .bottom{text-transform:uppercase;} .sidebar_left_2cols .agenda .search .center p{margin:0 0 8px 0;} .sidebar_left_2cols .agenda .search .center select{margin:0 0 0 4px;} .ie .sidebar_left_2cols .agenda .search .center select{vertical-align:middle;} .sidebar_left_2cols .agenda .search .right{float:left; padding:10px; width:180px;} .sidebar_left_2cols .agenda .search .right label{cursor:pointer;} .sidebar_left_2cols .agenda .search .right span input{color:#666; font-size:0.8em; font-style:italic; vertical-align:middle; width:60px;} .sidebar_left_2cols .agenda .search .right span label{margin:0 0 0 6px;} .sidebar_left_2cols .agenda .search .right select{width:180px; margin:0 0 8px 0;} .sidebar_left_2cols .agenda .search .top{height:50px;} .sidebar_left_2cols .agenda .search .bottom{border-top:1px solid #bebebe; display:none; height:70px; padding:10px 0 0 0;} .sidebar_left_2cols .agenda .expand{background:url(img/bg_agenda_search_plusdoptions.jpg) repeat-x #ececec; height:2.4em; margin:0 0 0 280px; position:absolute; text-align:center; width:100px;} .sidebar_left_2cols .agenda .expand a{color:#444; font-size:1.1em; line-height:2.0em; text-decoration:underline;} .sidebar_left_2cols .agenda .expand a:hover{text-decoration:none;} .sidebar_left_2cols .agenda .btvalider{float:right; margin:10px 20px 0 0;} /* %= search - events large -------------------------------------------------------*/ .sidebar_left_2cols .agenda .events_large .event{border-bottom:1px solid #ccc; padding:15px 0;} .sidebar_left_2cols .agenda .events_large .event .img{float:left; height:140px; margin:0 15px 0 0;} .sidebar_left_2cols .agenda .events_large .event h3{font-size:2.5em; font-weight:bold;} .sidebar_left_2cols .agenda .events_large .event h3 a{color:#000;} .sidebar_left_2cols .agenda .events_large .event h3 a:hover{text-decoration:none;} .sidebar_left_2cols .agenda .events_large .event .header{color:#000; font-size:1.4em;} .sidebar_left_2cols .agenda .events_large .event .header strong{color:#fff; font-weight:bold; padding:0 5px; text-transform:uppercase;} .sidebar_left_2cols .agenda .events_large .event .header ul{display:inline;} .sidebar_left_2cols .agenda .events_large .event .header li{background:url(img/puce_sidebar_clubbing_event.png) no-repeat; background-position:0 6px; color:#515151; display:inline; padding:0 0 0 8px;} .sidebar_left_2cols .agenda .events_large .event .header p em{font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:normal;} .sidebar_left_2cols .agenda .events_large .event .content{font-size:1.2em; margin:10px 0;} .sidebar_left_2cols .agenda .events_large .event .footer a{color:#515151; font-size:1.2em;} .sidebar_left_2cols .agenda .events_large .event .footer img{margin:0 0 0 10px; vertical-align:middle;} /* Gestion des couleurs pour large et small */ .sidebar_left_2cols .agenda .event.purple .header strong{background:#d90b7c;} /* purple */ .sidebar_left_2cols .agenda .event.purple .header em{color:#d90b7c;} .sidebar_left_2cols .agenda .event.purple h3 a:hover{color:#d90b7c;} .sidebar_left_2cols .agenda .event.orange .header strong{background:#ff9123;} /* orange */ .sidebar_left_2cols .agenda .event.orange .header em{color:#ff9123;} .sidebar_left_2cols .agenda .event.orange h3 a:hover{color:#ff9123;} .sidebar_left_2cols .agenda .event.blue .header strong{background:#04b2d9;} /* blue */ .sidebar_left_2cols .agenda .event.blue .header em{color:#04b2d9;} .sidebar_left_2cols .agenda .event.blue h3 a:hover{color:#04b2d9;} .sidebar_left_2cols .agenda .event.yellow .header strong{background:#f2cb05;} /* yellow */ .sidebar_left_2cols .agenda .event.yellow .header em{color:#f2cb05;} .sidebar_left_2cols .agenda .event.yellow h3 a:hover{color:#f2cb05;} .sidebar_left_2cols .agenda .event.green .header strong{background:#82b74c;} /* green */ .sidebar_left_2cols .agenda .event.green .header em{color:#82b74c;} .sidebar_left_2cols .agenda .event.green h3 a:hover{color:#82b74c;} .sidebar_left_2cols .agenda .event.brown .header strong{background:#e28d06;} /* brown */ .sidebar_left_2cols .agenda .event.brown .header em{color:#e28d06;} .sidebar_left_2cols .agenda .event.brown h3 a:hover{color:#e28d06;} .sidebar_left_2cols .agenda .event.red .header strong{background:#b31630;} /* red */ .sidebar_left_2cols .agenda .event.red .header em{color:#b31630;} .sidebar_left_2cols .agenda .event.red h3 a:hover{color:#b31630;} .sidebar_left_2cols .agenda .event.violet .header strong{background:#c34ac8;} /* violet */ .sidebar_left_2cols .agenda .event.violet .header em{color:#c34ac8;} .sidebar_left_2cols .agenda .event.violet h3 a:hover{color:#c34ac8;} /* %= search - events small -------------------------------------------------------*/ .sidebar_left_2cols .agenda .events_small .left{border-right:1px solid #ccc; display:inline; float:left; margin:10px 0 0 10px; padding:0 20px 0 0; width:300px;} .sidebar_left_2cols .agenda .events_small .right{display:inline; float:right; margin:10px 0 0 10px; width:300px;} .sidebar_left_2cols .agenda .events_small .event{border-bottom:1px solid #ccc; padding:15px 0;} .sidebar_left_2cols .agenda .events_small .event .img{float:left; height:75px; margin:0 15px 0 0;} .sidebar_left_2cols .agenda .events_small .event h3{font-size:2.0em; font-weight:bold; line-height:1.0em;} .sidebar_left_2cols .agenda .events_small .event h3 a{color:#000;} .sidebar_left_2cols .agenda .events_small .event h3 a:hover{text-decoration:none;} .sidebar_left_2cols .agenda .events_small .event .header{color:#000; font-size:1.4em; padding:3px 0 0 90px;} .sidebar_left_2cols .agenda .events_small .event .header strong{color:#fff; font-weight:bold; padding:0 5px; text-transform:uppercase;} .sidebar_left_2cols .agenda .events_small .event .header ul{display:inline;} .sidebar_left_2cols .agenda .events_small .event .header li{background:url(img/puce_sidebar_clubbing_event.png) no-repeat; background-position:0 6px; color:#515151; display:inline; padding:0 0 0 8px;} .sidebar_left_2cols .agenda .events_small .event .header p em{font-family:Georgia, "Times New Roman", "Bitstream Vera Serif", serif; font-style:normal;} .sidebar_left_2cols .agenda .events_small .event .footer{padding:0 0 0 90px;} .sidebar_left_2cols .agenda .events_small .event .footer a{color:#515151; font-size:1.2em;} .sidebar_left_2cols .agenda .events_small .event .footer img{margin:0 0 0 10px; vertical-align:middle;} /* %= Agenda evenement - header -------------------------------------------------------*/ .sidebar_left_2cols .agenda .agenda_header p{color:#e30020; font-size:1.4em; font-weight:bold; padding:40px 0 0 0px; text-align:right; text-decoration:underline; text-transform:uppercase; width:640px;} .sidebar_left_2cols .agenda .agenda_header p img{vertical-align:middle;} /* %= Agenda evenement - une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ .sidebar_left_2cols .agenda .une{background:none; height:auto;} .sidebar_left_2cols .agenda .une .suivant{top:30px;} .sidebar_left_2cols .agenda .une .precedent{top:25px;} /* %= Agenda evenement - article -------------------------------------------------------*/ .sidebar_left_2cols .agenda .article{background:none; margin:-30px 0 0 0; padding:0 0 15px 0;} .sidebar_left_2cols .agenda .article h2, .sidebar_left_2cols .agenda .article h1{font-family:Arial, Helvetica, Verdana, sans-serif; font-size:5.5em; font-style:normal; font-weight:bold; line-height:1.0em;} .sidebar_left_2cols .agenda .article .meta{border-bottom:1px solid #000; color:#000; font-size:2.4em; font-weight:bold; margin:0 100px; padding:0 0 5px 0; text-align:center;} .sidebar_left_2cols .agenda .article .meta img{vertical-align:middle;} .sidebar_left_2cols .agenda .article .sur_le_web{background:url(img/bg_agenda_article_surleweb.png); border:none; margin:0 0 15px 18px;} .sidebar_left_2cols .agenda .article .sur_le_web h2, .sidebar_left_2cols .agenda .article .sur_le_web .title{color:#e644a0; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:2.0em;} .sidebar_left_2cols .agenda .article .sur_le_web ul{padding:25px 15px 10px 25px;} .sidebar_left_2cols .agenda .article .sur_le_web ul li{padding-bottom:10px;} .sidebar_left_2cols .agenda .article .outils{margin:0 0 0 18px;} .sidebar_left_2cols .agenda .article .outils ul li.jyvais a{background:url(img/picto_jyvais.jpg) left 6px no-repeat; padding-left:22px;} /* %= Agenda evenement - localisation -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= localisation * */ /* %= Agenda evenement - vous aimerez -------------------------------------------------------*/ .sidebar_left_2cols .agenda .vous_aimerez{background:#e7e7de; margin:20px 0 0 0; padding:0 0 0 8px; width:661px;} .ie6 .sidebar_left_2cols .agenda .vous_aimerez{width:659px;} .sidebar_left_2cols .agenda .vous_aimerez h2, .sidebar_left_2cols .agenda .vous_aimerez .title{color:#000; font-size:2.2em; padding:10px 0 0 10px;} .sidebar_left_2cols .agenda .vous_aimerez .events_small .event .header{font-size:1.2em;} /********************************************************* * * %= Clubbing * ********************************************************/ /* %= Home - tete (clubbing asso...) -------------------------------------------------------*/ .sidebar_left_2cols .home_tete{min-height:150px; background-color:#fff; background-position: left top ; background-repeat:no-repeat; height:100%; } .ie6 .sidebar_left_2cols .home_tete{height:150px;} .sidebar_left_2cols .home_tete h2, .sidebar_left_2cols .home_tete h1{font-size:2.5em; line-height:1.15em; color:#fff; padding:20px 0 0 0; width:320px; margin:0 0 0 325px;} .sidebar_left_2cols .home_tete h2 span, .sidebar_left_2cols .home_tete h1 span{background-color:#3d3d3d;} /* %= Home Clubbing - tete -------------------------------------------------------*/ .sidebar_left_2cols .clubbing_tete{background-image:url(img/clubbing_bandeau.png);} /* %= Home Clubbing - recherche -------------------------------------------------------*/ .sidebar_left_2cols .clubbing_recherche{padding:0 0 0 16px; height:100%; background-color:#fff} .sidebar_left_2cols .clubbing_recherche form .quand,.sidebar_left_2cols .clubbing_recherche form .ou{background:#ededed url(img/clubbing_fieldset_fond.png) left top repeat-x; float:left;} .sidebar_left_2cols .clubbing_recherche form .quand{width:317px;} .sidebar_left_2cols .clubbing_recherche form .ou{width:318px;} .sidebar_left_2cols .clubbing_recherche form label{font-size:1.2em; color:#000;} .sidebar_left_2cols .clubbing_recherche form .coche label{position:relative; top:-3px;} .safari .sidebar_left_2cols .clubbing_recherche form .coche label{top:0;} .sidebar_left_2cols .clubbing_recherche form .colonne{width:130px; float:left; margin-right:15px; min-height:55px;} .ie6 .sidebar_left_2cols .clubbing_recherche form .colonne{height:55px;} .sidebar_left_2cols .clubbing_recherche form .colonne_cp{margin-right:0px; width:155px;} .sidebar_left_2cols .clubbing_recherche form .colonne .champ label{margin-right:5px;} .sidebar_left_2cols .clubbing_recherche form .colonne .champ input{width:95px; color:#515151; font-size:1em;} .sidebar_left_2cols .clubbing_recherche form .options{clear:both; margin:0 10px 0 12px; min-height:105px; border-top:1px solid #cacaca;} .ie6 .sidebar_left_2cols .clubbing_recherche form .options{height:105px;} .sidebar_left_2cols .clubbing_recherche form .options label{text-transform:uppercase; display:block; float:left; padding-top:3px;} .sidebar_left_2cols .clubbing_recherche form .legende{text-align:center;} .sidebar_left_2cols .clubbing_recherche form .quand .options label{width:30px;} .sidebar_left_2cols .clubbing_recherche form .ou .options label{width:110px;} .sidebar_left_2cols .clubbing_recherche form .ou .options select{width:175px;} .sidebar_left_2cols .clubbing_recherche form .options select{display:block; float:left; margin-right:5px;} .sidebar_left_2cols .clubbing_recherche form .coche{padding:0 0 5px 10px;} .sidebar_left_2cols .clubbing_recherche form .select{padding:10px 0 0 0; clear:both; border:1px solid #ededed;} .ie7 .sidebar_left_2cols .clubbing_recherche form .select{padding:5px 0 0 0;} .sidebar_left_2cols .clubbing_recherche form .valide{clear:both; border-top:1px solid #cacaca; margin-right:9px; padding-bottom:10px;} .sidebar_left_2cols .clubbing_recherche form .valide .plus{position:absolute; width:110px; font-size:1.1em; margin-left:260px;} .sidebar_left_2cols .clubbing_recherche form .valide .plus a{background:url(img/clubbing_recherche_options_fond.png) left top repeat-x; display:block; position:relative; top:-1px; text-align:center; color:#444; text-decoration:underline; padding:5px 0;} .sidebar_left_2cols .clubbing_recherche form .valide input{margin:10px 0 0 0; background-color:#00a2ff; border:1px solid #00a2ff; font-size:1.4em; cursor:pointer; float:right; color:#fff; text-transform:uppercase;} /* %= Home Clubbing - remontees -------------------------------------------------------*/ .sidebar_left_2cols .remontee{border-bottom:1px solid #ececec; padding:10px 0 10px 0; clear:both; height:100%;} .sidebar_left_2cols .remontee .precise{font-size:1.4em; font-weight:bold; text-transform:uppercase; line-height:2em;} .sidebar_left_2cols .remontee .precise .picto{padding-top:3px; padding-bottom:3px;} .sidebar_left_2cols .remontee h3{font-size:2.5em; line-height:1.05em; font-weight:bold; color:#000; padding-bottom:3px;} .sidebar_left_2cols .remontee h3 a{color:#000;} .sidebar_left_2cols .remontee .lieu{font-size:1.4em; color:#515151;} .sidebar_left_2cols .remontee .lieu strong{font-weight:normal; color:#000;} .sidebar_left_2cols .remontee .date{font:normal normal normal 1.4em/1.2em Georgia, "Times New Roman", Times, serif; color:#a464c0;} .sidebar_left_2cols .remontee p{font-size:1.2em; padding-top:10px; color:#515151; padding-bottom:5px;} .sidebar_left_2cols .remontee .infos{font-size:1.2em; color:#515151; padding:10px 0; float:left;} .sidebar_left_2cols .remontee .coup_coeur{background:url(img/picto_coeur_24x21.png) right 6px no-repeat; padding-right:30px; } .sidebar_left_2cols .remontee .infos a{color:#515151;} .sidebar_left_2cols .remontee .infos span{border-left:1px solid #515151; padding-left:5px;} .sidebar_left_2cols .remontee .infos span strong{color:#a464c0; font-weight:bold;} /*decli couleur*/ .cat_01 .sidebar_left_2cols .remontee .date,.cat_01 .sidebar_left_2cols .remontee .infos span strong{color:#e30020;} .cat_02 .sidebar_left_2cols .remontee .date,.cat_02 .sidebar_left_2cols .remontee .infos span strong{color:#e644a0;} .cat_03 .sidebar_left_2cols .remontee .date,.cat_03 .sidebar_left_2cols .remontee .infos span strong{color:#a464c0;} .cat_04 .sidebar_left_2cols .remontee .date,.cat_04 .sidebar_left_2cols .remontee .infos span strong{color:#ee9117;} .cat_05 .sidebar_left_2cols .remontee .date,.cat_05 .sidebar_left_2cols .remontee .infos span strong{color:#b51c6c;} .cat_06 .sidebar_left_2cols .remontee .date,.cat_06 .sidebar_left_2cols .remontee .infos span strong{color:#00aeef;} .cat_07 .sidebar_left_2cols .remontee .date,.cat_07 .sidebar_left_2cols .remontee .infos span strong{color:#b2d40a;} .cat_08 .sidebar_left_2cols .remontee .date,.cat_08 .sidebar_left_2cols .remontee .infos span strong{color:#515151;} .cat_09 .sidebar_left_2cols .remontee .date,.cat_09 .sidebar_left_2cols .remontee .infos span strong{color:#82ac45;} /* %= Home Clubbing - clubbing_remontees_a -------------------------------------------------------*/ .sidebar_left_2cols .clubbing_remontees_a{padding:20px 16px 10px 16px; background-color:#fff;} .sidebar_left_2cols .clubbing_remontees_a .remontee .vignette{width:140px; float:left; margin-right:15px;} .sidebar_left_2cols .clubbing_remontees_a .remontee .texte{width:470px; float:left;} /* %= Home Clubbing - clubbing_remontees_b -------------------------------------------------------*/ .sidebar_left_2cols .clubbing_remontees_b{padding:20px 16px 0 16px; background-color:#fff; height:100%;} .sidebar_left_2cols .clubbing_remontees_b .colonne{float:left; width:300px;} .sidebar_left_2cols .clubbing_remontees_b .colonne_a{margin-right:25px;} .sidebar_left_2cols .clubbing_remontees_b .remontee .vignette{width:75px; float:left; margin-right:10px;} .sidebar_left_2cols .clubbing_remontees_b .remontee .texte{width:210px; float:left;} .sidebar_left_2cols .clubbing_remontees_b .remontee h3{font-size:2em;} .sidebar_left_2cols .clubbing_remontees_b .remontee .date{padding-bottom:0;} .sidebar_left_2cols .clubbing_remontees_b .remontee .lieu{font-size:1.2em;} .sidebar_left_2cols .clubbing_remontees_b .remontee .infos{padding:6px 0;} .sidebar_left_2cols .clubbing_remontees_b .remontee .coup_coeur{background:url(img/picto_coeur_16x14.png) right 6px no-repeat; padding-right:20px;} /* %= Home Clubbing - tete etiquette -------------------------------------------------------*/ .sidebar_left_2cols .tete_etiquette{border-top:5px solid #a464c0; padding-bottom:15px;} .sidebar_left_2cols .tete_etiquette h2, .sidebar_left_2cols .tete_etiquette .title, .sidebar_left_2cols .tete_etiquette h3{color:#fff; font-size:1.4em; text-transform:uppercase; background-color:#a464c0; font-weight:bold; float:left; padding:3px 8px;} .sidebar_left_2cols .tete_etiquette h2 em, .sidebar_left_2cols .tete_etiquette .title em, .sidebar_left_2cols .tete_etiquette h3 em{font-style:italic;} .sidebar_left_2cols .tete_etiquette .voir{font-size:1.2em; float:left; padding:4px 8px;} .sidebar_left_2cols .tete_etiquette .voir a{color:#515151;} .sidebar_left_2cols .tete_etiquette .voir a strong{color:#a464c0; font-weight:bold;} /*decli couleur*/ .cat_01 .sidebar_left_2cols .tete_etiquette h2, .cat_01 .sidebar_left_2cols .tete_etiquette .title, .cat_01 .sidebar_left_2cols .tete_etiquette h3{background-color:#e30020;} .cat_02 .sidebar_left_2cols .tete_etiquette h2, .cat_02 .sidebar_left_2cols .tete_etiquette .title, .cat_02 .sidebar_left_2cols .tete_etiquette h3{background-color:#e644a0;} .cat_03 .sidebar_left_2cols .tete_etiquette h2, .cat_03 .sidebar_left_2cols .tete_etiquette .title, .cat_03 .sidebar_left_2cols .tete_etiquette h3{background-color:#a464c0;} .cat_04 .sidebar_left_2cols .tete_etiquette h2, .cat_04 .sidebar_left_2cols .tete_etiquette .title, .cat_04 .sidebar_left_2cols .tete_etiquette h3{background-color:#ee9117;} .cat_05 .sidebar_left_2cols .tete_etiquette h2, .cat_05 .sidebar_left_2cols .tete_etiquette .title, .cat_05 .sidebar_left_2cols .tete_etiquette h3{background-color:#b51c6c;} .cat_06 .sidebar_left_2cols .tete_etiquette h2, .cat_06 .sidebar_left_2cols .tete_etiquette .title, .cat_06 .sidebar_left_2cols .tete_etiquette h3{background-color:#00aeef;} .cat_07 .sidebar_left_2cols .tete_etiquette h2, .cat_07 .sidebar_left_2cols .tete_etiquette .title, .cat_07 .sidebar_left_2cols .tete_etiquette h3{background-color:#b2d40a;} .cat_08 .sidebar_left_2cols .tete_etiquette h2, .cat_08 .sidebar_left_2cols .tete_etiquette .title, .cat_08 .sidebar_left_2cols .tete_etiquette h3{background-color:#515151;} .cat_09 .sidebar_left_2cols .tete_etiquette h2, .cat_09 .sidebar_left_2cols .tete_etiquette .title, .cat_09 .sidebar_left_2cols .tete_etiquette h3{background-color:#82ac45;} #page_main_content .sidebar_left_2cols .tete_noire h2, #page_main_content .sidebar_left_2cols .tete_noire .title, #page_main_content .sidebar_left_2cols .tete_noire h3{background-color:#000;} .cat_01 .sidebar_left_2cols .tete_etiquette{border-color:#e30020;} .cat_02 .sidebar_left_2cols .tete_etiquette{border-color:#e644a0;} .cat_03 .sidebar_left_2cols .tete_etiquette{border-color:#a464c0;} .cat_04 .sidebar_left_2cols .tete_etiquette{border-color:#ee9117;} .cat_05 .sidebar_left_2cols .tete_etiquette{border-color:#b51c6c;} .cat_06 .sidebar_left_2cols .tete_etiquette{border-color:#00aeef;} .cat_07 .sidebar_left_2cols .tete_etiquette{border-color:#b2d40a;} .cat_08 .sidebar_left_2cols .tete_etiquette{border-color:#515151;} .cat_09 .sidebar_left_2cols .tete_etiquette{border-color:#82ac45;} #page_main_content .sidebar_left_2cols .tete_noire{border-color:#000;} /* %= Home Clubbing - derniers albums -------------------------------------------------------*/ .sidebar_left_2cols .derniers_albums{padding:20px 10px 40px 16px; background-color:#fff;} .sidebar_left_2cols .derniers_albums .album{padding:10px 0 10px 0; clear:both; border-bottom:1px solid #cacaca;} .sidebar_left_2cols .derniers_albums .album .vignette{background:url(img/clubbing_140x140_fond.png) left top no-repeat; width:150px; height:150px; margin-right:7px; float:left;} .sidebar_left_2cols .derniers_albums .album .texte{width:465px; float:left;} .sidebar_left_2cols .derniers_albums .album .vignette a{display:block; padding:3px 13px 13px 3px;} .sidebar_left_2cols .derniers_albums .album .vignette a img{width:134px; height:134px;} .sidebar_left_2cols .derniers_albums .album .texte{padding:20px 0 0 0;} .sidebar_left_2cols .derniers_albums .album .texte h3{color:#fff; font-size:2.5em; line-height:1.15em;} .sidebar_left_2cols .derniers_albums .album .texte h3 a{color:#fff; background-color:#000; padding:0 2px;} .sidebar_left_2cols .derniers_albums .album .texte .infos{clear:both; font-size:1.2em; color:#c6c6c6; width:auto;} .sidebar_left_2cols .derniers_albums .album .texte .infos span{background-color:#000; padding:0 2px;} .sidebar_left_2cols .derniers_albums .album .texte .infos span.date{border-right:1px solid #c6c6c6; padding-right:5px;} /* %= Clubbing evenement - header -------------------------------------------------------*/ .sidebar_left_2cols .clubbing{background:#fff;} .sidebar_left_2cols .clubbing .header{background:url(img/clubbing_bandeau.png) no-repeat; height:150px;} .sidebar_left_2cols .clubbing .header p{color:#e30020; font-size:1.4em; font-weight:bold; padding:60px 0 0 0px; text-align:right; text-decoration:underline; text-transform:uppercase; width:640px;} .sidebar_left_2cols .clubbing .header p img{vertical-align:middle;} /* %= Clubbing evenement - une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ .sidebar_left_2cols .clubbing .une{background:none; height:auto;} .sidebar_left_2cols .clubbing .une .suivant{top:30px;} .sidebar_left_2cols .clubbing .une .precedent{top:25px;} /* %= Clubbing evenement - article -------------------------------------------------------*/ .sidebar_left_2cols .clubbing .article{background:none; margin:-8px 10px 0 0; padding:0 0 15px 0;} .sidebar_left_2cols .clubbing .article h2, .sidebar_left_2cols .clubbing .article h1{font-family:Arial, Helvetica, Verdana, sans-serif; font-size:5.5em; font-style:normal; font-weight:bold; line-height:1.0em;} .sidebar_left_2cols .clubbing .article .meta{border-bottom:1px solid #000; color:#000; font-size:2.4em; font-weight:bold; margin:0 100px; padding:0 0 5px 0; text-align:center;} .sidebar_left_2cols .clubbing .article .meta img{vertical-align:middle;} .sidebar_left_2cols .clubbing .article .sur_le_web{background:url(img/bg_agenda_article_surleweb.png); border:none; display:inline; float:left; margin:0 0 15px 30px; width:300px;} .sidebar_left_2cols .clubbing .article .sur_le_web.large{margin:0 0 15px 18px; width:630px;} .sidebar_left_2cols .clubbing .article .sur_le_web h2{color:#a464c0; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:2.0em;} .sidebar_left_2cols .clubbing .article .sur_le_web ul{padding:25px 15px 10px 25px;} .sidebar_left_2cols .clubbing .article .sur_le_web ul li{padding-bottom:10px;} .sidebar_left_2cols .clubbing .article .infos_pratiques{background:url(img/bg_agenda_article_surleweb.png); border:none; display:inline; float:left; margin:0 0 15px 18px; width:300px;} .sidebar_left_2cols .clubbing .article .infos_pratiques.large{width:630px;} .sidebar_left_2cols .clubbing .article .infos_pratiques h2{color:#a464c0; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:2.0em; text-align:left; padding:0; margin:0; position:absolute;} .sidebar_left_2cols .clubbing .article .infos_pratiques h2 span{position:relative; background-color:#fff; top:-15px; padding:0 10px;} .sidebar_left_2cols .clubbing .article .infos_pratiques ul{padding:25px 15px 10px 25px;} .sidebar_left_2cols .clubbing .article .infos_pratiques ul li{font-size:1.1em; text-transform:uppercase; list-style-type:disc; color:#000; font-weight:bold; line-height:1.1em; padding-bottom:10px;} .sidebar_left_2cols .clubbing .article .infos_pratiques ul li a{color:#000;} .sidebar_left_2cols .clubbing .article .outils{clear:left; margin:0 0 0 18px;} .sidebar_left_2cols .clubbing .article .outils ul li.jyvais a{background:url(img/picto_jyvais.jpg) left 6px no-repeat; padding-left:22px;} /* %= Clubbing evenement - localisation -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= localisation * */ .sidebar_left_2cols .clubbing .localisation{margin-right:10px;} /* %= Clubbing commentaires -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= commentaires * */ .sidebar_left_2cols .clubbing .votrereaction{width:623px;} .sidebar_left_2cols .clubbing .votrereaction form{width:527px;} .ie6 .sidebar_left_2cols .clubbing .votrereaction{padding-right:0; width:643px;} .ie6 .sidebar_left_2cols .clubbing .close{padding-right:20px;} /* %= Vous aimerez peut-etre -------------------------------------------------------*/ .sidebar_left_2cols .vous_aimerez{margin:10px 0 0 0; padding:15px 0 20px 25px; background-color:#3d3d3d; height:100%; width:635px;} .sidebar_left_2cols .vous_aimerez h2, .sidebar_left_2cols .vous_aimerez h3{color:#fff; font:2.2em / 1em Arial, Helvetica, Verdana, sans-serif; padding:0 0 10px 3px;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event{float:left; width:140px; margin-right:15px; min-height:240px;} .ie6 .sidebar_left_2cols .vous_aimerez .vous_aimerez_event{height:240px;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event img{border-bottom:4px solid #a464c0;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event .coupdecoeur img{border:0; margin:10px 0 0 10px;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event .date{border-bottom:4px solid #a464c0; color:#fff; display:inline; float:left; font:1.9em / 1em Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:0 0 0 7px; padding:10px 0 0 0;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event h3{clear:left; font:1.7em / 1em Arial, Helvetica, Verdana, sans-serif; font-weight:bold; padding:5px 7px 5px 7px;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event h3 a{color:#a464c0;} .sidebar_left_2cols .vous_aimerez .vous_aimerez_event .place{color:#e7e7de; font-size:1.2em; padding:2px 7px;} /* %= Clubbing slideshow -------------------------------------------------------*/ /* %= diaporama -------------------------------------------------------*/ .sidebar_left_2cols .clubbing .article.slideshow .meta{border:none;} .sidebar_left_2cols .clubbing .article .slideshow{background:url(img/bg_agenda_article_surleweb.png); margin:0 0 20px 0;} .sidebar_left_2cols .clubbing .article .slideshow-control{border-top:2px solid #333; margin:0 auto; padding:5px 0 0 0; width:350px;} .sidebar_left_2cols .clubbing .article .slideshow-control-prev{float:left;} .sidebar_left_2cols .clubbing .article .slideshow-control-infos{color:#000; float:left; font-size:1.4em; font-weight:bold; height:32px; line-height:27px; text-align:center; width:290px;} .sidebar_left_2cols .clubbing .article .slideshow-control-infos strong{text-transform:uppercase;} .sidebar_left_2cols .clubbing .article .slideshow-control-infos em{color:#a464c0;} .sidebar_left_2cols .clubbing .article .slideshow-control-infos a{color:#000;} .sidebar_left_2cols .clubbing .article .slideshow-control-next{float:left;} .sidebar_left_2cols .clubbing .article .slideshow-control-timer{background:#515151; clear:left;} .sidebar_left_2cols .clubbing .article .slideshow-container{margin:0 0 0 35px;} .sidebar_left_2cols .clubbing .article .slideshow-container-overlay_left{height:400px; position:absolute; width:200px;} .sidebar_left_2cols .clubbing .article .slideshow-container-overlay_left img{padding:150px 0 0 20px;} .sidebar_left_2cols .clubbing .article .slideshow-container-overlay_center{margin:150px 0 0 250px; position:absolute;} .sidebar_left_2cols .clubbing .article .slideshow-container-overlay_right{height:400px; margin:0 0 0 380px; position:absolute; width:200px;} .sidebar_left_2cols .clubbing .article .slideshow-container-overlay_right img{padding:150px 0 0 89px;} .sidebar_left_2cols .clubbing .article .slideshow-caption{margin:0 0 0 35px; text-align:center; padding:10px 0 20px 0; width:580px;} .sidebar_left_2cols .clubbing .article .slideshow-caption-inner{background:#fff; color:#000; font-size:1.4em;} .sidebar_left_2cols .clubbing .current_album{padding:10px 0 10px 40px;} .sidebar_left_2cols .clubbing .current_album .vignette{background:url(img/clubbing_69x69_fond.png) left top no-repeat; width:85px; height:85px; margin-right:7px; float:left;} .sidebar_left_2cols .clubbing .current_album .vignette a{display:block; padding:3px 13px 13px 3px;} .sidebar_left_2cols .clubbing .current_album .texte{float:left; padding:10px 0 0 10px; width:485px;} .sidebar_left_2cols .clubbing .current_album .texte h3{color:#000; font-size:1.8em; font-weight:bold; line-height:1.15em;} .sidebar_left_2cols .clubbing .current_album .texte h3 a{color:#a464c0; padding:0 2px;} .sidebar_left_2cols .clubbing .current_album .texte h3 a strong{color:#000; font-size:1.3em;} .sidebar_left_2cols .clubbing .current_album .texte h3 a em{color:#000;} .sidebar_left_2cols .clubbing .current_album .texte .infos{color:#000; font-size:1.3em; margin:3px 0 10px 0;} .sidebar_left_2cols .clubbing .current_album .texte .infos a{color:#000; font-weight:bold;} .sidebar_left_2cols .clubbing .current_album .texte .infos strong{color:#a464c0;} .sidebar_left_2cols .clubbing .current_album .texte .infos em{color:#999;} /* %= mozaique -------------------------------------------------------*/ .sidebar_left_2cols .clubbing .article .meta-auteur{color:#000; font-size:1.3em; text-align:center; margin:10px 0;} .sidebar_left_2cols .clubbing .article .meta-auteur a{color:#000; font-weight:bold;} .sidebar_left_2cols .clubbing .article .meta-auteur strong{color:#a464c0;} .sidebar_left_2cols .clubbing .article .meta-auteur em{color:#999;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique{background:url(img/bg_agenda_article_surleweb.png); margin:40px 0 20px 20px;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique-control img{position:absolute;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique-control .prev{margin:225px 0 0 -12px;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique-control .next{margin:225px 0 0 620px;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique-photos{margin:0 0 0 4px; padding:10px 0 0 0;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique-photos img{padding:0 0 10px 10px;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique .pagination li a{background:#fff;} .sidebar_left_2cols .clubbing .article .slideshow-mosaique .pagination li a.selected{background:#000;} /********************************************************* * * %= Associations * ********************************************************/ .sidebar_left_2cols .associations{background:#fff;} /* %= Home asso - tete -------------------------------------------------------*/ .sidebar_left_2cols .asso_tete{background-image:url(img/asso_bandeau.png);} /* %= Associations fiche - une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ .sidebar_left_2cols .associations .une{background:none; height:auto; padding:0;} .sidebar_left_2cols .associations .une .suivant{top:160px;} .sidebar_left_2cols .associations .une .precedent{top:155px;} /* %= Fiche Asso - -------------------------------------------------------*/ .sidebar_left_2cols .fiche_asso{padding-bottom:0; background:url(img/asso_bandeau.png) left top no-repeat;} .sidebar_left_2cols .fiche_asso .precise{font-size:1.4em; text-align:center; font-weight:bold; margin:0 150px; color:#000; border-bottom:1px solid #000; padding:0 0 5px 0; line-height:2.5em;} .sidebar_left_2cols .fiche_asso .precise .picto{padding-top:3px; padding-bottom:3px;} /* %= Evenement -------------------------------------------------------*/ .sidebar_left_2cols .evenement{padding-top:110px;} .sidebar_left_2cols .evenement h2, .sidebar_left_2cols .evenement h1{font:normal normal bold 5.5em/1.2em Arial, Helvetica, sans-serif; text-align:center; margin:0 60px 15px 60px; color:#000;} .sidebar_left_2cols .evenement .date{font-size: 2.4em; text-align:center; font-weight:bold; margin:0 100px; color:#000; border-bottom:1px solid #000; padding:0 0 5px 0;} .sidebar_left_2cols .evenement .tags{padding-bottom:20px;} .sidebar_left_2cols .evenement .image{text-align:center;} .sidebar_left_2cols .evenement .encarts{padding:0 0 0px 18px;} .sidebar_left_2cols .evenement .sur_le_web{background:url(img/bg_agenda_article_surleweb.png) left top repeat; border:none; padding:10px 0; margin:0 16px 30px 0; clear:both;} .sidebar_left_2cols .evenement .sur_le_web_demi{float:left; width:300px; margin:10px 35px 0px 0;} .sidebar_left_2cols .evenement .sur_le_web h2, .sidebar_left_2cols .evenement .sur_le_web .title{font-family:Arial, Helvetica, sans-serif;} .sidebar_left_2cols .evenement .sur_le_web h2 span, .sidebar_left_2cols .evenement .sur_le_web .title span{top:-20px;} .sidebar_left_2cols .evenement .sur_le_web ul li span{font-weight:normal;} .sidebar_left_2cols .evenement .ils_sont_deja{width:300px; float:left;} .sidebar_left_2cols .evenement .ils_sont_deja h2{font:normal normal normal 2.2em/1em Arial, Helvetica, sans-serif; text-align:left; padding:0 0 5px 0; margin:0;} .sidebar_left_2cols .evenement .ils_sont_deja ul li{float:left; margin:0 2px 2px 0;} .sidebar_left_2cols .evenement .ils_sont_deja ul li a,.sidebar_left_2cols .evenement .ils_sont_deja ul li img{display:block;} .sidebar_left_2cols .associations .article .outils ul li.jyvais a{background:url(img/picto_jyvais.jpg) left 6px no-repeat; padding-left:22px;} /*decli couleur*/ .cat_01 .sidebar_left_2cols .evenement .encarts h2, .cat_01 .sidebar_left_2cols .evenement .encarts .title, .cat_01 .sidebar_left_2cols span.bullet{color:#e30020;} .cat_02 .sidebar_left_2cols .evenement .encarts h2, .cat_02 .sidebar_left_2cols .evenement .encarts .title, .cat_02 .sidebar_left_2cols span.bullet{color:#e644a0;} .cat_03 .sidebar_left_2cols .evenement .encarts h2, .cat_03 .sidebar_left_2cols .evenement .encarts .title, .cat_03 .sidebar_left_2cols span.bullet{color:#a464c0;} .cat_04 .sidebar_left_2cols .evenement .encarts h2, .cat_04 .sidebar_left_2cols .evenement .encarts .title, .cat_04 .sidebar_left_2cols span.bullet{color:#ee9117;} .cat_05 .sidebar_left_2cols .evenement .encarts h2, .cat_05 .sidebar_left_2cols .evenement .encarts .title, .cat_05 .sidebar_left_2cols span.bullet{color:#b51c6c;} .cat_06 .sidebar_left_2cols .evenement .encarts h2, .cat_06 .sidebar_left_2cols .evenement .encarts .title, .cat_06 .sidebar_left_2cols span.bullet{color:#00aeef;} .cat_07 .sidebar_left_2cols .evenement .encarts h2, .cat_07 .sidebar_left_2cols .evenement .encarts .title, .cat_07 .sidebar_left_2cols span.bullet{color:#b2d40a;} .cat_08 .sidebar_left_2cols .evenement .encarts h2, .cat_08 .sidebar_left_2cols .evenement .encarts .title, .cat_08 .sidebar_left_2cols span.bullet{color:#515151;} .cat_09 .sidebar_left_2cols .evenement .encarts h2, .cat_09 .sidebar_left_2cols .evenement .encarts .title, .cat_09 .sidebar_left_2cols span.bullet{color:#82ac45;} /* %= tag_rubrique -------------------------------------------------------*/ .sidebar_left_2cols .tag_rubrique{color:#fff; padding:0 2px; text-transform:uppercase;} /*decli couleur*/ .cat_01 .sidebar_left_2cols .tag_rubrique{background-color:#e30020;} .cat_02 .sidebar_left_2cols .tag_rubrique{background-color:#e644a0;} .cat_03 .sidebar_left_2cols .tag_rubrique{background-color:#a464c0;} .cat_04 .sidebar_left_2cols .tag_rubrique{background-color:#ee9117;} .cat_05 .sidebar_left_2cols .tag_rubrique{background-color:#b51c6c;} .cat_06 .sidebar_left_2cols .tag_rubrique{background-color:#00aeef;} .cat_07 .sidebar_left_2cols .tag_rubrique{background-color:#b2d40a;} .cat_08 .sidebar_left_2cols .tag_rubrique{background-color:#515151;} .cat_09 .sidebar_left_2cols .tag_rubrique{background-color:#82ac45;} /* %= pictos -------------------------------------------------------*/ .sidebar_left_2cols .picto_lesbien{background:url(img/picto_lesbien.png) left top no-repeat; padding-left:25px;} .sidebar_left_2cols .picto_gay{background:url(img/picto_gay.png) left top no-repeat; padding-left:25px;} .sidebar_left_2cols .picto_lgbt{background:url(img/picto_lgbt.png) left top no-repeat; padding-left:31px;} /* %= associations - localisation -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= localisation * */ .sidebar_left_2cols .associations .article.fixmargin{padding:20px 0;} .sidebar_left_2cols .associations .localisation{margin-right:10px;} /* %= Home Asso - asso_remontees_a -------------------------------------------------------*/ .sidebar_left_2cols .asso_remontees_a{padding-bottom:20px;} .sidebar_left_2cols .asso_remontees_a h3 span{font-size:0.55em; position:relative; top:-3px;} /* %= Home Asso - asso_remontees_b -------------------------------------------------------*/ .sidebar_left_2cols .asso_remontees_b .colonne{border-top:5px solid #000; padding-top:20px;} /* %= asso_inscription -------------------------------------------------------*/ .sidebar_left_2cols .asso_inscription{background:#fff url(img/asso_inscription_fond.png) 16px top no-repeat; padding:20px 0 65px 128px; height:100%;} .sidebar_left_2cols .asso_inscription h2{width:360px; float:left; font:italic normal normal 1.5em/1.5em Georgia, "Times New Roman", Times, serif;} .sidebar_left_2cols .asso_inscription p{font-size:1.4em; text-transform:uppercase; float:left; width:120px; margin-top:20px;} .sidebar_left_2cols .asso_inscription p a{color:#fff; display:block; padding: 3px 17px 3px 4px; background:#515151 url(img/asso_inscription_fleche.png) right top no-repeat;} /* %= Home Asso - recherche -------------------------------------------------------*/ .sidebar_left_2cols .asso_recherche{padding:0 16px 0 16px; height:100%; background-color:#fff;} .sidebar_left_2cols .asso_recherche form .fond{background: url(img/asso_fieldset_fond.png) left top repeat-x; padding:0 0 0 21px; height:100%;} .sidebar_left_2cols .asso_recherche form .form_html{width:233px; float:left; margin-right:9px;} .ie6 .sidebar_left_2cols .asso_recherche form .form_html{margin-right:0;} .sidebar_left_2cols .asso_recherche form .carte_flash{width:363px; float:left; padding-top:51px;} .sidebar_left_2cols .asso_recherche form .theme label{text-align:center; display:block;} .sidebar_left_2cols .asso_recherche form .theme select{margin:10px 0 20px 15px; width:205px;} .sidebar_left_2cols .asso_recherche form .valide{clear:both; background-color:#fff;} .sidebar_left_2cols .asso_recherche form label{font-size:1.2em; color:#000;} .sidebar_left_2cols .asso_recherche form .coche label{position:relative; top:0;} .gecko .sidebar_left_2cols .asso_recherche form .coche label{top:-4px;} .sidebar_left_2cols .asso_recherche form .colonne{width:75px; float:left; margin-right:10px; padding-bottom:10px; padding-top:15px;} .sidebar_left_2cols .asso_recherche form .colonne_cp{margin-right:0px; width:140px;} .sidebar_left_2cols .asso_recherche form .colonne .champ label{margin-right:5px;} .sidebar_left_2cols .asso_recherche form .colonne .champ input{width:75px; color:#515151; font-size:1em;} .sidebar_left_2cols .asso_recherche form .options{clear:both; margin:0 16px 0 16px; padding-top:15px; border-top:1px solid #cacaca;} .sidebar_left_2cols .asso_recherche form .lieu{background:url(img/asso_cherche_trame_fond.png) left top repeat; padding-bottom:20px; width:241px;} .sidebar_left_2cols .asso_recherche form .lieu .options select{width:205px; margin-bottom:10px;} .sidebar_left_2cols .asso_recherche form .coche{padding:0 0 5px 10px;} .sidebar_left_2cols .asso_recherche form .valide{clear:both; border-top:1px solid #cacaca; padding-bottom:10px; text-align:right;} .sidebar_left_2cols .asso_recherche form .valide input{margin:10px 0 0 0; background-color:#ee9117; border:1px solid #ee9117; font-size:1.4em; cursor:pointer; color:#fff; text-transform:uppercase;} /* %= asso_resultats_recherche -------------------------------------------------------*/ .sidebar_left_2cols .asso_resultats_recherche{background:#fff url(img/asso_resultats_fond.png) 16px top no-repeat; padding:23px 0 65px 128px;} .sidebar_left_2cols .asso_resultats_recherche h2, .sidebar_left_2cols .asso_resultats_recherche .title{padding-bottom:12px;} .sidebar_left_2cols .asso_resultats_recherche p, .sidebar_left_2cols .asso_resultats_recherche h2{font:italic normal normal 2.2em/1.2em Georgia, "Times New Roman", Times, serif; color:#000;} .sidebar_left_2cols .asso_resultats_recherche p span, .sidebar_left_2cols .asso_resultats_recherche h2 span{background-color:#fdd050; padding:0 2px;} /********************************************************* * * %= Magazine * ********************************************************/ /* %= Abonnement -------------------------------------------------------*/ .sidebar_left_2cols .abonnement{background-color:#e7e7de; padding:10px 0 5px 0;} .sidebar_left_2cols .abonnement form.abonnez_vous{background-color:#d1d1c1; padding:8px 10px 12px 10px; margin-bottom:10px;} .sidebar_left_2cols .abonnement form.abonnez_vous legend{font-size:1.6em; font-weight:bold; color:#000; text-transform:uppercase;} .sidebar_left_2cols .abonnement form.abonnez_vous .champs{float:left; width:575px;} .sidebar_left_2cols .abonnement form.abonnez_vous .valide{float:left; width:60px; padding:38px 0 0 0;} .sidebar_left_2cols .abonnement form.abonnez_vous .champ{clear:both; padding:10px 0 0 0;} .sidebar_left_2cols .abonnement form.abonnez_vous .champ input{cursor:pointer;} .sidebar_left_2cols .abonnement form.abonnez_vous .champ label{display:block; float:left; width:190px; margin-right:5px; color:#000; font-size:1.4em;} .sidebar_left_2cols .abonnement form.abonnez_vous .champ select{display:block; float:left; width:180px; color:#000; font-size:1.2em;} .sidebar_left_2cols .abonnement .boite{padding:0 30px 30px 10px; background:#fefbfb url(img/bloc_abonnement_bas.jpg) left bottom no-repeat;} .sidebar_left_2cols .abonnement .boite_lastchild{background-image:url(img/bloc_temoin_bas.jpg);} .sidebar_left_2cols .abonnement .boite_firstchild{padding-top:5px;} .sidebar_left_2cols .abonnement .boite h3{font:italic normal normal 2.5em/1.2em Georgia, "Times New Roman", Times, serif; color:#515151; padding:0 0 10px 10px;} .sidebar_left_2cols .abonnement .boite .vignette{float:right; width:138px; padding-top:20px; background:url(img/abonnement_vignette_fond.png) left 20px no-repeat;} .sidebar_left_2cols .abonnement .boite .vignette img{margin: 4px 0 10px 5px;} .sidebar_left_2cols .abonnement .boite .vignette .fleche{position:absolute;} .sidebar_left_2cols .abonnement .boite .vignette .fleche div{position:relative; width:76px; height:76px; left:-50px; top:30px; background:url(img/abonnement_fleche_big.png) left top no-repeat;} .ie6 .sidebar_left_2cols .abonnement .boite .vignette .fleche div{background-image:url(img/abonnement_fleche_big_fond.png); left:-75px;} /* flèche sans transparence et décalée à gauche */ .sidebar_left_2cols .abonnement .boite .produit{background:url(img/abonnement_fleche_fond.png) left top repeat-y; margin-bottom:5px; height:100%;} .sidebar_left_2cols .abonnement .boite p{font-size:2.9em; line-height:1.1em; color:#000; padding:0 0 10px 30px;} .sidebar_left_2cols .abonnement .boite p.ppal{background:url(img/abonnement_fleche_haut.png) left top no-repeat;} .sidebar_left_2cols .abonnement .boite p.plus{background:url(img/abonnement_fleche_plus.png) left 3px no-repeat;} .sidebar_left_2cols .abonnement .boite p.limit{width:402px;} .ie6 .sidebar_left_2cols .abonnement .boite p.limit{width:378px;} .sidebar_left_2cols .abonnement .boite .produit .bas{background:url(img/abonnement_fleche_bas.png) left top no-repeat; width:31px; height:12px; font-size:1px;} .sidebar_left_2cols .abonnement .boite p strong{font-weight:bold;} .sidebar_left_2cols .abonnement .boite .prix{clear:both; margin:0 0 0 30px; border-top:1px solid #000; font-size:2.4em; line-height:1em; color:#000; padding:5px 0 0 0; font-weight:bold;} .sidebar_left_2cols .abonnement .boite .prix strong{color:#e30020;} .sidebar_left_2cols .abonnement .boite .port{font-size:1.2em; padding:0 0 0 30px; font-weight:bold; color:#000;} .sidebar_left_2cols .abonnement .boite .bouton_panier{background:url(img/picto_panier.png) left top no-repeat; padding:0 0 0 30px; font-size:1.3em; font-weight:bold; text-transform:uppercase;} .sidebar_left_2cols .abonnement .boite .bouton_panier a{color:#fff; line-height:1.3em; background-color:#e30020; border:1px solid #e30020; padding:0 2px;} /* %= Appel a temoin -------------------------------------------------------*/ .sidebar_left_2cols .appel_temoin{background-color:#e7e7de; padding:10px 0 5px 0;} .sidebar_left_2cols .appel_temoin .boite{padding:0px 20px 10px 20px; background:#fff url(img/bloc_temoin_bas.jpg) left bottom no-repeat; margin:0 0 4px 0;} .sidebar_left_2cols .appel_temoin .boite h3{font:italic normal normal 2.5em/1.2em Georgia, "Times New Roman", Times, serif; text-align:center; color:#000; padding:20px 0; margin:0 0 15px 0; background:url(img/h3_filet_temoin.png) 130px bottom no-repeat;} .sidebar_left_2cols .appel_temoin .boite_firstchild h3{padding:0 0 20px 0;} .sidebar_left_2cols .appel_temoin .boite p{font-size:1.4em; line-height:1.35em; color:#000; padding:0 0 20px 0;} .sidebar_left_2cols .appel_temoin .boite p a{color:#e30020;} /* %= magazine - une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ /* %= magazine - homepage une -------------------------------------------------------*/ /* >>> see * %= Elements communs * %= une * */ .sidebar_left_2cols .une .controle_special{position:absolute; } .sidebar_left_2cols .une .controle_special .decale{position:relative; left:415px; top:180px; font-size:1.6em; background:url(img/fleche_bas_droite_cat_01.png) right bottom no-repeat; padding:0 22px 15px 0; } .sidebar_left_2cols .une .controle_special .decale a{color:#fff; background-color:#e30020; display:block; padding:10px 10px; } .sidebar_left_2cols .une .controle_special .decale.mag_reduce{left:520px;} /* %= magazine - double page -------------------------------------------------------*/ .sidebar_left_2cols .magazine{background-color:#e7e7de; padding:10px 0 15px 0;} .sidebar_left_2cols .magazine h2 img{display:block;} .sidebar_left_2cols .magazine h2 img.absolu{position:absolute;} .sidebar_left_2cols .magazine .boite{padding:0 0 14px 0; background:url(img/bloc_doublepage_b_bas.jpg) left bottom no-repeat;} .sidebar_left_2cols .magazine .boite .texte{min-height:301px;} .ie6 .sidebar_left_2cols .magazine .boite .texte{height:301px;} .ie6 .sidebar_left_2cols .magazine .boite .texte h3{width:278px;} .sidebar_left_2cols .magazine .boite .texte,.sidebar_left_2cols .magazine .boite .image{float:left; width:330px;} .sidebar_left_2cols .magazine .boite .image .etiquette{position:absolute; width:330px; padding:20px 0 0 0; text-transform:uppercase; font-size:1.85em; color:#fff;} .sidebar_left_2cols .magazine .boite_a .image .etiquette{text-align:right;} .sidebar_left_2cols .magazine .boite .image .etiquette span{background-color:#3b3b34; color:#fff; line-height:1.2em; border:2px solid #3b3b34; padding:0 4px;} .sidebar_left_2cols .magazine .boite_b{background-image:url(img/bloc_doublepage_b_bas.jpg);} .sidebar_left_2cols .magazine .boite_a .texte{background:#fff url(img/bloc_doublepage_a_fond.jpg) right top repeat-y;} .sidebar_left_2cols .magazine .boite_b .texte{background:#fff url(img/bloc_doublepage_b_fond.jpg) left top repeat-y;} .sidebar_left_2cols .magazine .boite h3{font:italic normal normal 2.5em/1.2em Georgia, "Times New Roman", Times, serif; color:#515151; padding:22px 20px 10px 20px;} .sidebar_left_2cols .magazine .boite h3 a{color:#515151;} .sidebar_left_2cols .magazine .boite p{font-size:1.2em; line-height:1.4em; color:#515151; padding:0 20px 10px 20px;} .sidebar_left_2cols .magazine .boite_a h3,.sidebar_left_2cols .magazine .boite_a p{padding-right:30px;} .sidebar_left_2cols .magazine .boite_b h3,.sidebar_left_2cols .magazine .boite_b p{padding-left:30px;} /*decli couleur*/ .cat_01 .sidebar_left_2cols .magazine .boite_b h3, .cat_01 .sidebar_left_2cols .magazine .boite_b h3 a{color:#e30020;} .cat_02 .sidebar_left_2cols .magazine .boite_b h3, .cat_02 .sidebar_left_2cols .magazine .boite_b h3 a{color:#e644a0;} .cat_03 .sidebar_left_2cols .magazine .boite_b h3, .cat_03 .sidebar_left_2cols .magazine .boite_b h3 a{color:#a464c0;} .cat_04 .sidebar_left_2cols .magazine .boite_b h3, .cat_04 .sidebar_left_2cols .magazine .boite_b h3 a{color:#ee9117;} .cat_05 .sidebar_left_2cols .magazine .boite_b h3, .cat_05 .sidebar_left_2cols .magazine .boite_b h3 a{color:#b51c6c;} .cat_06 .sidebar_left_2cols .magazine .boite_b h3, .cat_06 .sidebar_left_2cols .magazine .boite_b h3 a{color:#00aeef;} .cat_07 .sidebar_left_2cols .magazine .boite_b h3, .cat_07 .sidebar_left_2cols .magazine .boite_b h3 a{color:#b2d40a;} .cat_08 .sidebar_left_2cols .magazine .boite_b h3, .cat_08 .sidebar_left_2cols .magazine .boite_b h3 a{color:#e30020;} .cat_09 .sidebar_left_2cols .magazine .boite_b h3, .cat_09 .sidebar_left_2cols .magazine .boite_b h3 a{color:#82ac45;} /* %= magazine home -------------------------------------------------------*/ .sidebar_left_2cols .homemag{padding:10px 0 20px 15px; background-color:#e7e7de; height:100%;} .sidebar_left_2cols .homemag .homemag_abonnement{float:left; width:300px; margin-right:37px;} .sidebar_left_2cols .homemag .homemag_temoin{float:left; width:300px;} .sidebar_left_2cols .homemag .homemag_temoin ul li{font:italic normal normal 2.4em/1em Georgia, "Times New Roman", Times, serif; background-color:#fff; text-align:center;} .ie6 .sidebar_left_2cols .homemag .homemag_temoin ul li{float:left; height:70px; width:300px;} .sidebar_left_2cols .homemag .homemag_temoin ul li a{color:#000; display:block; padding:10px 10px 27px 10px;} .sidebar_left_2cols .homemag .homemag_temoin ul li a:hover{text-decoration:underline;} .sidebar_left_2cols .homemag .homemag_temoin ul li.impair{background:#fff url(img/marie/homamag_temoin_bloc_bas.png) left top no-repeat;} .sidebar_left_2cols .homemag .homemag_temoin ul li.impair a{padding-top:27px;} .sidebar_left_2cols .homemag .homemag_temoin ul li.pair{background:#515151 url(img/marie/homamag_temoin_bloc_haut.png) left top no-repeat;} .sidebar_left_2cols .homemag .homemag_temoin ul li.pair a{padding-top:27px; color:#fff;} .sidebar_left_2cols .homemag .fleche{position:absolute;} .sidebar_left_2cols .homemag .fleche img{position:relative; top:-24px; left:125px;} .sidebar_left_2cols .homemag .bouton{font-size:1.6em; font-weight:bold; text-align:center;} .sidebar_left_2cols .homemag .bouton a{color:#fff; display:block; padding:11px;} .sidebar_left_2cols .homemag .homemag_abonnement .bouton{background:#e30020 url(img/marie/homemag_ombre_abonnez_cat_01.png) left top no-repeat;} .sidebar_left_2cols .homemag .homemag_temoin .bouton{background:#515151 url(img/marie/homemag_ombre_decouvrez.png) left top no-repeat;} /* home reduce */ .sidebar_left_2cols .homemag .homemag_abonnement.large{float:none; margin:0; width:645px;} .sidebar_left_2cols .homemag .homemag_abonnement.large .fleche img{left:300px;} .sidebar_left_2cols .lemag_inscription{background:url(img/lemag_contact_fond.jpg) 14px top no-repeat; padding:26px 0 65px 128px; height:100%;} .sidebar_left_2cols .lemag_inscription h2{width:360px; float:left; font:italic normal normal 1.5em/1.5em Georgia, "Times New Roman", Times, serif;} .sidebar_left_2cols .lemag_inscription p{font-size:1.4em; text-transform:uppercase; float:left; width:120px; margin-top:20px;} .sidebar_left_2cols .lemag_inscription p a{color:#fff; display:block; padding: 3px 17px 3px 4px; background:#515151 url(img/asso_inscription_fleche.png) right top no-repeat;} /********************************************************* * * %= Tetu + * ********************************************************/ /* %= Télécharger le guide -------------------------------------------------------*/ .sidebar_left_2cols .telecharger_guide{background-color:#fff; padding:10px;} .sidebar_left_2cols .telecharger_guide .fond{background:#782b90 url(img/telechargez_guide_fond.png) right top no-repeat; padding:5px 0 5px 35px;} .sidebar_left_2cols .telecharger_guide .telecharger{font-size:4em; line-height:1.2em; float:left; margin-right:25px;} .sidebar_left_2cols .telecharger_guide .telecharger a{color:#fff; text-decoration:underline;} .sidebar_left_2cols .telecharger_guide .guide{font-size:1.6em; line-height:1.4em; float:left; color:#fff; padding:3px 0 0 0;} .sidebar_left_2cols .telecharger_guide .guide strong{font-size:1.5em;} .sidebar_left_2cols .telecharger_guide .fleche{position:absolute; margin:-40px 0 0 450px;} .sidebar_left_2cols .telecharger_guide .content{padding:20px 50px;} .sidebar_left_2cols .telecharger_guide .content h2{color:#515151; font:3.5em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; margin:0 0 10px 0; text-align:center;} .sidebar_left_2cols .telecharger_guide .content .auteur{color:#515151; font:1.6em Georgia, "Times New Roman", "Bitstream Vera Serif", serif; text-align:center; text-transform:uppercase;} .sidebar_left_2cols .telecharger_guide .content .presentation{color:#000; font-size:1.2em; margin:20px 0 0 0;} .sidebar_left_2cols .telecharger_guide .content .presentation p{line-height:1.3em; margin:0 0 10px 0;} /* %= tetu plus - double page -------------------------------------------------------*/ .sidebar_left_2cols .magazine.tetuplus .boite .image .etiquette span{background-color:#fff; color:#000; line-height:1.2em; border:2px solid #fff; padding:0 4px;} /********************************************************* * * %= Cover (boys - girls) * ********************************************************/ /* %= cover_common -------------------------------------------------------*/ .sidebar_left_2cols .cover h2{text-align:center;} .sidebar_left_2cols .cover .corner{position:absolute;} .sidebar_left_2cols .cover .infos{position:absolute;} .sidebar_left_2cols .cover .nom, .sidebar_left_2cols .cover .meta{float:left; padding:3px 10px;} .sidebar_left_2cols .cover .meta em{font-style:normal; font-weight:bold;} .sidebar_left_2cols .cover .section{margin:0 0 20px 0;} .sidebar_left_2cols .cover .section .cover_b{display:inline; float:left; margin:0 0 0 30px;} .sidebar_left_2cols .cover .section .cover_c{float:left;} .sidebar_left_2cols .cover .section .cover_b .infos, .sidebar_left_2cols .cover .section .cover_c .infos{margin:220px 0 0 0; width:300px;} /* Selection (le plus...) */ .sidebar_left_2cols .cover .section.selection{padding:15px 0;} .sidebar_left_2cols .cover .section.selection .meta{margin:5px 0 0 0;} .sidebar_left_2cols .cover .section.selection .meta strong{background:#fffeba; color:#4a0027; font-weight:bold; padding:0 5px;} .sidebar_left_2cols .cover .section.selection .meta strong img{position:absolute; bottom:0; margin-left:-5px;} .sidebar_left_2cols .cover .section.selection .cover_a{margin:0 0 20px 40px;} .sidebar_left_2cols .cover .section.selection .cover_a .infos{margin:295px 0 0 0; width:580px;} .sidebar_left_2cols .cover .section.selection .cover_a .nom{background:#fffeba; font-size:3.0em; font-weight:bold;} .sidebar_left_2cols .cover .section.selection .cover_a .nom a{color:#4a0027;} .sidebar_left_2cols .cover .section.selection .cover_a .meta{background:#3a3a3a; color:#fff; font-size:1.4em;} .sidebar_left_2cols .cover .section.selection .cover_b .nom{background:#f0f0f0; font-size:1.7em; font-weight:bold;} .sidebar_left_2cols .cover .section.selection .cover_b .nom a{color:#4a0027;} .sidebar_left_2cols .cover .section.selection .cover_b .meta{background:#4a0027; color:#f0f0f0;font-size:1.4em;} .sidebar_left_2cols .cover .section.selection .cover_c .nom{background:#4a0027; font-size:1.7em; font-weight:bold;} .sidebar_left_2cols .cover .section.selection .cover_c .nom a{color:#f0f0f0;} .sidebar_left_2cols .cover .section.selection .cover_c .meta{background:#f0f0f0; color:#4a0027;font-size:1.4em;} /* Menu */ .sidebar_left_2cols .cover .section.list .filtre{margin:0 0 0 30px; width:600px;} .sidebar_left_2cols .cover .section.list .filtre li{display:inline; font-size:1.2em; font-weight:bold; text-transform:uppercase;} .sidebar_left_2cols .cover .section.list .filtre li a{float:left; padding:10px;} /* Liste */ .sidebar_left_2cols .cover .section.list{padding:0 0 15px 0;} .sidebar_left_2cols .cover .section.list .nom{font-size:1.5em; font-weight:bold;} .sidebar_left_2cols .cover .section.list .meta{font-size:1.2em;} .sidebar_left_2cols .cover .section.list .color_a .nom{background:#4a0027;} .sidebar_left_2cols .cover .section.list .color_a .nom a{color:#f0f0f0;} .sidebar_left_2cols .cover .section.list .color_a .meta{background:#f0f0f0; color:#4a0027;} .sidebar_left_2cols .cover .section.list .color_b .nom{background:#f0f0f0;} .sidebar_left_2cols .cover .section.list .color_b .nom a{color:#4a0027;} .sidebar_left_2cols .cover .section.list .color_b .meta{background:#4a0027; color:#f0f0f0;} /* %= cover_boys -------------------------------------------------------*/ .sidebar_left_2cols .cover.boys .section{background:url(img/bg_agenda_article_surleweb.png);} .sidebar_left_2cols .cover.boys .section.list .filtre{border-bottom:5px solid #353532;} .sidebar_left_2cols .cover.boys .section.list .filtre li a{color:#353532;} .sidebar_left_2cols .cover.boys .section.list .filtre li.selected a{background:#353532; color:#fff;} .sidebar_left_2cols .cover.boys .pagination{clear:left;} .sidebar_left_2cols .cover.boys .pagination li a{background:#fff;} .sidebar_left_2cols .cover.boys .pagination li .selected{background:#353532;} /* %= cover_girls -------------------------------------------------------*/ .sidebar_left_2cols .cover.girls .section{background:#492c3b; border:1px solid #624a52;} .sidebar_left_2cols .cover.girls .section.list{background:#230f19;} .sidebar_left_2cols .cover.girls .section.list .filtre{border-bottom:5px solid #492c3b;} .sidebar_left_2cols .cover.girls .section.list .filtre li a{color:#7b705a;} .sidebar_left_2cols .cover.girls .section.list .filtre li.selected a{background:#492c3b; color:#fffeba;} .sidebar_left_2cols .cover.girls .pagination{clear:left;} .sidebar_left_2cols .cover.girls .pagination li a{background:#91878c; border:1px solid #91878c;} .sidebar_left_2cols .cover.girls .pagination li a:hover{border:1px solid #ccc;} .sidebar_left_2cols .cover.girls .pagination li .selected{background:none;} /* galerie */ .sidebar_left_2cols .cover.galerie .title h2{background:#33031c;} .sidebar_left_2cols .cover.galerie .article h2{background:none; font:3.5em Georgia, "Times New Roman", "Bitstream Vera Serif", serif;} .sidebar_left_2cols .cover.galerie .avis{width:470px;} .sidebar_left_2cols .cover.galerie .avis h2{text-align:left;} /********************************************************* * * %= Extras * ********************************************************/ /* Expert -------------------------------------------------------*/ .sidebar_left_2cols .expert{padding:10px 0 20px 4px;} .sidebar_left_2cols .bloc{margin-bottom:10px;} .sidebar_left_2cols .bloc_2,.sidebar_left_2cols .bloc_4{float:left; width:329px;} .sidebar_left_2cols .bloc_3,.sidebar_left_2cols .bloc_5{float:left; width:324px;} .sidebar_left_2cols .bloc{margin:0 0 4px 0;} /* Rss lecteur -------------------------------------------------------*/ .sidebar_left_2cols .rss_lecteur{background-color:#fff; padding:10px;} .sidebar_left_2cols .rss_lecteur .rss_lecteur_wrap{background:url(../img/marie/rss_fond.png) left top repeat; padding:10px 0;} .sidebar_left_2cols .rss_lecteur .lecteur{width:300px; float:left;} .sidebar_left_2cols .rss_lecteur .bulle{width:330px; float:left; background:url(../img/marie/rss_bulle.png) left 200px no-repeat;} .sidebar_left_2cols .rss_lecteur .bulle .bulle_wrap{background-color:#fff; padding:10px; margin-left:33px;} .sidebar_left_2cols .rss_lecteur .bulle h3{font:normal normal normal 1.6em/1.1em Georgia, "Times New Roman", Times, serif; color:#e30020; padding:0 0 5px 0;} .sidebar_left_2cols .rss_lecteur .bulle p{color:#000; font-size:1.4em; padding:0 0 15px 0;} /********************************************************* * * %= Home blogs * ********************************************************/ .sidebar_left_2cols.home_blogs{background:#fff; margin:15px 0 0 0;} .sidebar_left_2cols .blog{background:url(img/filet_home_blogs.png) bottom repeat-x; margin:0 10px 10px 10px; padding:10px 0 20px 0;} .sidebar_left_2cols .blog.last{background:none;} .sidebar_left_2cols .blog .blog_infos{background:url(img/homeblogs_bloginfo.png) repeat-y #f1f1ee; float:left; margin:0 30px 0 0; width:310px;} .sidebar_left_2cols .blog .blog_infos .inner{background:url(img/home_blogs_corner.png) no-repeat 100% 100px; padding:10px;} .sidebar_left_2cols .blog .blog_infos .inner img{float:left; margin:0 10px 0 0;} .sidebar_left_2cols .blog .blog_infos .inner .title a{color:#000; font:2.4em/1.3em Georgia, "Times New Roman", Times, serif;} .sidebar_left_2cols .blog .blog_infos .inner .description{color:#e30020; font-size:1.2em; line-height:1.3em;} .sidebar_left_2cols .blog .last_post .date{color:#ababab; font:1.4em/1.3em Georgia, "Times New Roman", Times, serif;} .sidebar_left_2cols .blog .last_post h3 a{color:#000; font:italic 2.0em/1.3em Georgia, "Times New Roman", Times, serif;} .sidebar_left_2cols .blog .last_post .post{color:#ababab; font-size:1.2em; line-height:1.4em; margin:0 0 5px 0;} .sidebar_left_2cols .blog .last_post .next{color:#000; font-size:1.2em; font-weight:bold;} /********************************************************* * * %= Divers * ********************************************************/ /* float et alignement -------------------------------------------------------*/ .fl{float:left;} .fr{float:right;} .tl{text-align:left;} .tc{text-align:center;} .tr{text-align:right;} /* Clearfix / Cleaner - forcer un clear sur les elements flotants -------------------------------------------------------*/ .clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix{display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE-mac */ .cleaner{ clear:both; font-size:1px; line-height:1px; height:1px; } /* Right shopping */ #rightshopping { width:306px; padding:70px 5px 5px 5px; background:url(http://shopping.tetu.com/images/rc-top.jpg) no-repeat top #262626; } #rightshopping a { color:black; } #rightshopping .titre { background-color:#C09A3E; color:#FFF;margin:5px 0 5px -30px; position:relative; width:160px; padding:5px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; } #rightshopping p, #rctetushop p { font-family:Arial, Helvetica, sans-serif; font-size:10px; } #rightshopping .titre a { color:white; cursor:pointer; } #rightshopping .titre a:hover { color:white; text-decoration:underline; } #rctetushop { width:306px; margin-bottom:5px; text-align:center; vertical-align:middle; background-color:#E3E3DC; } #rctetushop .listing { float:left; width:102px; text-align:center; vertical-align:middle; } #rctetushop .prix { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; } /* Right iTunes RSS */ #itunes { width:316px; border:1px solid #262626; background:white; margin-bottom:10px; } #itunes .trover { background:#CAE5FF; cursor:pointer; } #itunes p, #itunes a { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; margin:0; padding:0; } #itunes a:hover { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:black; text-decoration:underline; margin:0; padding:0; } #itunes .left { float:left; margin-right:5px; } #itunes .leftl { float:left; } /* Right bloc clubbing */ #blocclubbing { width:306px; margin:5px; background:white; } #blocclubbing .line { overflow:hidden; margin-bottom:5px; } #blocclubbing img { float:left; margin-right:5px; } #blocclubbing .titre { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:black; } #blocclubbing .infos { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; } #blocclubbing .horaires { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#805793; font-weight:bold; } #blocclubbing .bottom { background:#9C5FB7; padding:10px; } #blocclubbing .bottom a { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:underline; color:white; text-align:center; } #blocclubbing .right { float:right; margin-top:10px; } /* Profil */ #fiche_profil { font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; margin-top:10px; background:#EEE; } #fiche_profil #top { background:#333; padding:10px; margin-bottom:10px; } #fiche_profil #top a { color:white; text-decoration:none; } #fiche_profil #top #messagerie { background:url(img/profil_enveloppe.gif) no-repeat top left; padding-left:23px; color:white; float:left } #fiche_profil #top #recherche { background:url(img/profil_champrech.png) no-repeat left top; width:155px; float:right; padding:5px 0 5px 20px; float:right; margin-top:-3px; } #fiche_profil #top #recherche input { font-style:italic; font-size:10px; color:white; border:none; background:none; margin-left:3px; margin-top:-2px; width:135px; } #fiche_profil #top #recherche #resultats { position:absolute; z-index:900; border:1px solid #333; padding:10px; background:#FFF; display:none; width:180px; margin-left:-40px; } #fiche_profil #top #recherche #resultats a { color:black; } #fiche_profil #user { background:url(img/profil_tranchebleue.gif) no-repeat left top white; padding:10px; } #fiche_profil #user .titre { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; } #fiche_profil #user .statut { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:grey; } #fiche_profil #user .statut a { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#CCC; } #fiche_profil #user #form_statut { position:absolute; z-index:800; margin-top:-30px; border:1px solid grey; widows:300px; height:90px; background:white; display:none; padding:10px; } #fiche_profil #user #form_statut a { color:grey; font-size:9px; } #fiche_profil #user #form_statut textarea { width:280px; height:50px; } #fiche_profil #user #form_statut .submit { border:none; background:#C00; padding:5px; color:white; font-weight:bold; cursor:pointer; } #fiche_profil #user .modifier { font-size:9px; color:#666; text-decoration:underline; } #fiche_profil #commentaires { margin-top:20px; } #fiche_profil #commentaires .titre { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; padding-bottom:5px; border-bottom:1px solid #999; overflow:hidden; margin-bottom:10px; } #fiche_profil #commentaires .bgcommentaires { overflow:hidden; float:right; width:636px; background:url(img/fiche_pointebulle.gif) 0px 15px no-repeat transparent; margin-bottom:10px; } #fiche_profil #commentaires .bgcommentaires2 { margin-left:10px; background:white; padding:10px; } #fiche_profil #commentaires .bgcommentaires p { margin-bottom:5px; } #fiche_profil #commentaires .rect { padding:5px; background:#EEE; overflow:hidden; } #fiche_profil #commentaires .rect p { margin-top:4px; } #fiche_profil #commentaires .titre_article { font-size:12px; font-weight:bold; } #fiche_profil #commentaires .corps { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; } #fiche_profil #commentaires .date { font-size:10px; color:#C00; font-style:italic; } #fiche_profil #commentaires .dateE { font-size:10px; color:#606; font-style:italic; } #fiche_profil #commentaires .infobulle { font-size:10px; } #fiche_profil #commentaires .ainfobulle { font-size:10px; color:#C00; font-weight:bold; font-style:italic; } #fiche_profil #suggestions .asuggest { font-size:10px; color:#FFF; } #fiche_profil #suggestions { background:url(img/profil_fondsugg.gif) no-repeat left bottom #906; padding:10px; overflow:hidden; } #plusun { float:left; margin-right:5px; } #plusun .plusunon { background:url(img/+1on.png) no-repeat left; width:61px; height:24px; } #plusun .plusunonE { background:url(img/+1Eon.png) no-repeat left; width:61px; height:24px; } #plusun .plusunoff { background:url(img/+1off.png) no-repeat left; width:61px; height:24px; } #plusun .plusunoffE { background:url(img/+1Eoff.png) no-repeat left; width:61px; height:24px; } #plusun .count { float:right; width:23px; height:21px; text-align:center; font-size:11px; padding-top:3px; } #plusun .countt { float:right; width:23px; height:21px; text-align:center; font-size:11px; margin-top:-3px; } #nologin { position:absolute; width:250px; font-size:12px; background:white; margin-left:-50px; padding:10px; border:2px solid red; margin-top:-30px; text-align:center; display:none; } .nologin { position:absolute; width:250px; font-size:12px; background:white; margin-left:250px; padding:10px; border:2px solid red; margin-top:-30px; text-align:center; display:none; } #messages { display:none; } #messages #fond { width:500px; padding:10px; background:url(img/pixgris80.png); position:absolute; z-index:999; margin-left:100px; margin-top:100px; } #messages #content { width:500px; background:white; } #messages #content #top { background:url(img/messages_top_courrier.gif) 4px 9px no-repeat #E50021; padding-left:30px; font-family:Arial, Helvetica, sans-serif; color:white; font-weight:bold; font-size:12px; } #messages #content input, #messages #content textarea { border:1px solid #CCC; background:white; padding:0; margin:0; width:387px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; } #messages #content textarea { height:100px; } #messages #bottom { background:#EDEDED; padding:5px 0; } #messages .messages_restant { color:#900; font-size:9px; float:left; } #nouveau_mess td { padding:2px; vertical-align:top; } #messagerie_head { display:none; } #messagerie_head #fond { width:500px; padding:10px; background:url(img/pixgris80.png); position:absolute; z-index:999; margin-left:250px; margin-top:200px; } #messagerie_head #content { width:500px; background:white; } #messagerie_head #content #top { background:url(img/messages_top_courrier.gif) 4px 9px no-repeat #E50021; padding:10px 10px 10px 30px; font-family:Arial, Helvetica, sans-serif; color:white; font-weight:bold; font-size:12px; } #messagerie_head #content input, #messagerie_head #content textarea { border:1px solid #CCC; background:white; padding:0; margin:0; width:387px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; } #messagerie_head #content textarea { height:100px; } #messagerie_head #bottom { background:#EDEDED; padding:5px 0; } #messagerie_head .messages_restant { color:#900; font-size:9px; float:left; } #resultatss { position:absolute; z-index:9000; border:1px solid #333; padding:10px; background:#FFF; display:none; width:280px; } #resultatss a { color:black; } #messagerie_head #middlemess td { color:black; } #past_new_messages { position:absolute; z-index:99; top:15px; margin-left:730px; cursor:pointer; } #past_new_messages .left { float:left; } #past_new_messages .right { float:right; } #past_new_messages .middle { background:url(img/profil_outils_bulle_fd.gif) top repeat-x; overflow:hidden; display:block; float:right; padding:2px 0; color:#C00; } /* Hack CSS Safari / Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #past_new_messages .middle { background:url(img/profil_outils_bulle_fd.gif) top repeat-x; overflow:hidden; display:block; float:right; padding:3px 0; color:#C00; } } /* Le Mag V2 - 12/09/2011 - OB */ #lemag2 { overflow:hidden; margin-bottom:10px; padding-top:10px; } #lemag2 #lenumero { background:url(img/lemag_ombrelemag.jpg) bottom center no-repeat white; padding:5px 15px; margin-bottom:10px; overflow:hidden; width:666px; } #lemag2 .lemag { margin-left:-54px; position:absolute; z-index:999; margin-top:40px; } #lemag2 .encours { font-family:"Arial Narrow", Arial, Helvetica; font-weight:bold; font-size:16px; float:right; margin:5px 0; text-decoration:none; } .light_greyNF { background:#D3D7D9; } #lemag2 #column_right { float:right; overflow:hidden; width:302px; margin-left:5px; } #lemag2 #column_right img { margin-bottom:5px; } #lemag2 .zoom_sommaire { position:absolute; z-index:999; margin-top:-300px; display:none; } #lemag2 .liste_contact_redaction { position:absolute; z-index:999; display:none; background:black; padding:5px; width:290px; color:white; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; margin-top:-15px; } #lemag2 #liste_contact_redaction a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif font-size:12px; color:white; font-weight:bold; text-decoration:none; } #lemag2 #liste_contact_redaction a:hover { text-decoration:underline; } #lemag2 #box_contact_redaction { border:2px solid black; background:white; padding:10px; width:350px; height:300px; position:absolute; z-index:999; display:none; } #lemag2 #liste_contact_redaction ul { margin-bottom:15px; } #lemag2 #liste_contact_redaction li { list-style-type:none; padding:0; margin:0; padding:-1 0; } #lemag2 #boxmail { position:absolute; z-index:9999; border:4px solid black; background:white; width:400px; display:none; margin-left:170px; margin-top:-100px; padding:10px; } /* Contact V2 - 7/12/2011 - OB */ #contact #boxmail { position:absolute; z-index:9999; border:4px solid black; background:white; width:400px; display:none; margin-left:170px; margin-top:-800px; padding:10px; } #contact td { vertical-align:top; font-size:12px; padding:3px; } #contact .tdright { text-align:right; } #contact .tdcenter { text-align:center; width:20px; } #contact td a { color:black; text-decoration:underline; } #contact li { font-size:10px; } #contact li a { color:white; font-size:10px; } #contact ul { margin-bottom:10px; } #rightweb { border:1px solid black; padding:5px; text-align:center; background:white; margin-top:10px; height:360px; } #rightweb .titre { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#900; font-weight:bold; } #rightweb .stitre { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:grey; margin-bottom:5px; } #rightweb .desc { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; margin-top:5px; } #rightweb .desc a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:black; margin-top:5px; text-decoration:none; }