/* FEUILLE DE STYLES DE 2009 */ #accueil { background:#FFFFFF url(../img/bground.png) repeat-x left top; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; } #generale { position:relative; background:url(../img/generale-bot.gif) no-repeat left bottom; width:970px; padding-bottom:35px; left:50%; margin-left:-485px; margin-top:40px; margin-bottom:80px; } /* HEADER */ #generale #header { background:url(../img/header320.gif) no-repeat left top; width:100%; padding-top:35px; height:282px; } #header h1 a { position:absolute; left:45px; top:-33px; display:block; background:url(../img/logo.png) no-repeat left top; width:238px; height:134px; text-indent:-5000px; } *html #header h1 a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img/logo.png', sizingMethod='crop'); } #flashHeader{width:788px;} /*.hasJS #header h1 a { top:-250px; }*/ /* FOOTER */ #footer { background-color:#FFFFFF; width:740px; padding-left:48px; } #footer #copyright { float:right; padding-right:20px; } #footer ul { margin:0; padding:0; height:30px; } #footer ul li { display:inline; } #footer ul li a { display:block; float:left; line-height:7px; padding-right:10px; border-right:1px solid #666666; margin-right:7px; color:#666666; text-decoration:none; } #footer ul li a.last { border:none; } #footer ul li a:hover { text-decoration:underline; } /* CONTENU */ #generale #content { position:relative; background-color:#FFFFFF; width:788px; min-height:380px; height:auto !important; height:380px; } #generale #content #listArticles { width:460px; padding:20px 44px 60px; } #listArticles .articleAccueil { padding:5px; padding-bottom:10px; border-bottom:2px solid #EBEBEA; margin-bottom:10px; } #listArticles .last { border-bottom:0; margin-bottom:0; } #listArticles .articleAccueil h3 { color:#0a4799; font-size:20px; font-weight:bold; } #listArticles .articleAccueil .chapo { color:#999999; font-size:12px; padding:5px 0; } #listArticles .articleAccueil a.linkPlus { color:#333333; font-size:12px; text-decoration:none; } #listArticles .articleAccueil a.linkPlus:hover { text-decoration:underline; } /* ENCART */ #generale #content #encart { position:absolute; top:0; right:0; width:200px; padding:20px 0; margin:0 20px; color:#666666; font-size:14px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #EBEBEA; margin-bottom:10px; } #encart h3 { background:url(../img/titre-bulle.gif) no-repeat center top; width:194px; height:58px; text-align:center; color:#333333; font-size:16px; padding-top:10px; } #encart p { padding:0 20px 10px; } #encart #beMember { display:block; background:url(../img/bt-devenir-membre.png) no-repeat left top; width:176px; height:116px; margin-left:20px; text-indent:-5000px; } *html #encart #beMember { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img/bt-devenir-membre.png', sizingMethod='crop'); } /* Ancienne présentation des sondages */ /* #encart form { padding:0 20px; } #encart form p { padding:0 0 10px; } #encart form input { float:left; margin-right:10px; margin-top:2px; } #encart form label { display:block; font-weight:normal; } */ #encart #submitSondage { float:none; border:none; background:url(../img/bt-sondage.png) no-repeat left top; width:177px; height:147px; text-indent:-5000px; cursor:pointer; } *html #encart #submitSondage { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/img/bt-sondage.png', sizingMethod='crop'); } /* présentation des sondages */ div.spip_forms {width:194px;} div.spip_forms h3.spip {display:none;} div.spip_forms div.spip_descriptif{font-size:12px;font-weight:normal;padding-bottom:15px;} div.spip_forms form {width:100%;} div.spip_form_champ {margin-bottom:10px;width:100%;} div.spip_form_champ strong label {font-size:12px;display:block;} div.spip_form_champ {font-size:10px;} div.spip_form_champ label {font-size:12px;} div.spip_form_champ label span {font-size:10px;font-weight:normal;} div.spip_form_champ input.fondl {} div.spip_form_champ textarea {width:100%;} div.spip_form_champ input.formo {width:100%;} div.spip_form_champ br {font-size:1px;line-height:1px;} div.spip_sondage {font-size:12px;font-weight:normal;} div.spip_sondage strong {font-size:12px;color:#0A4799;} div.spip_sondage .sondage_table {font-size:12px;} div.spip_sondage .sondage_ligne {font-size:12px;} div.spip_sondage .sondage_ligne .ligne_nom {font-size:12px;font-weight:600;padding-left:10px;color:#0A4799;} div.spip_sondage .sondage_ligne .ligne_chiffres {font-size:12px;padding-left:20px;} #sondage_presentation {font-size:12px;font-weight:normal;padding-bottom:10px;} #sondage_footer {font-size:12px;font-weight:normal;padding-top:10px;} #sondage_presentation p, #sondage_footer p {padding:0;} #reponses_privees {font-weight:bold;} #reponses_alternatives {font-weight:normal;} /* MENU DE CONNEXION, colonne de droite */ #generale #loginMenu { position:absolute; top:40px; right:0; width:182px; background:url(../img/bg-col-droite.png) repeat-y left top; color:#707070; } #loginMenu h3 { margin-top:5px; color:#0A4799; font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } #loginMenu h3 a { display:block; width:160px; height:35px; text-indent:-5000px; } #loginMenu p.intro { margin-top:1em; } #loginMenu .blocForm label { display:block; height:8px; text-indent:-5000px; } #loginMenu .blocForm input { width:158px; background-color:#FFFFFF; border:1px solid #DFD8D8; color:#707070; font-size:11px; padding:0.1em; } #loginMenu .blocForm input.submit { cursor:pointer; border:0; padding:0; margin-top:1em; margin-left:120px; background:url(../img/bt-ok.png) no-repeat left top; width:43px; height:22px; text-indent:-5000px; } #loginMenu #adherents { margin-top:-10px; background:url(../img/bg-adherents.png) no-repeat left top; padding:8px; } #loginMenu #adherents h3 a { background:url(../img/labels.gif) no-repeat left top; } #loginMenu #adherents input.submit { background-position:left bottom; } #loginMenu #elus, #loginMenu #visiteurs, #loginMenu #retraites { margin:1px 8px 0; padding-bottom:8px; border-top:1px solid #DCDCDC; } /* elus */ #loginMenu #elus h3 a { background:url(../img/labels.gif) no-repeat left -40px; } /* visiteurs */ #loginMenu #visiteurs h3 a { background:url(../img/labels.gif) no-repeat left -80px; height:33px; } /* retraites */ #loginMenu #retraites { border-bottom:1px solid #DCDCDC; } #loginMenu #retraites h3 a { background:url(../img/labels.gif) no-repeat left -120px; height:34px; } /* contact */ #loginMenu #contact { background:url(../img/bg-contact.png) no-repeat left bottom; width:166px; height:186px; margin-bottom:-202px; padding:8px; } #loginMenu #contact .contactNom { text-transform:uppercase; padding:0.6em 0; } #loginMenu #contact .contactAdresse { padding-bottom:1em; } #loginMenu #contact .contactTelMel a { color:#707070; text-decoration:none; } #loginMenu #contact .contactTelMel a:hover { text-decoration:underline; } /* partenaires (positionnement en bas de la colonne de droite) */ /* #partenaires { position:absolute;bottom:40px;left:810px;width:170px; } #partenaires span { padding:3px; line-height:20px; } #partenaires span a img { vertical-align:middle; } #partenaires ul li { list-style:none; line-height:20px; } #partenaires ul li { vertical-align:middle; } */ /* Partenaires (positionnement sous le footer) */ #partenaires { background-color:#FFFFFF; width:740px; padding-left:48px; } #partenaires ul { margin:0; padding:0; height:30px; padding-top:10px; } #partenaires ul li { display:inline; } #partenaires ul li a { display:block; float:left; line-height:7px; padding-right:15px; margin-right:7px; color:#666666; text-decoration:none; } #partenaires ul li a:hover { text-decoration:underline; } /* POPIN DE CONNEXION */ /*#popinLogin { position:absolute; top:40px; right:0; width:182px; background:url(../img/bg-col-droite.png) repeat-y left top; color:#707070; }*/ #popinLogin {position:absolute;top:200px;left:50%;margin-left:-180px;display:none;width:360px;height:280px;background:#EEE;border:1px solid #DCDCDC;} #popinLogin #controle {text-align:right;padding:2px 4px ;background:#CCC;} #popinLogin #controle a {text-decoration:none;} #popinLogin #chapeau {width:100%;padding:5px 10px;} #popinLogin h3 { margin-top:5px; color:#0A4799; font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } #popinLogin h3 a { display:block; width:160px; height:35px; text-indent:-5000px; } #popinLogin p.intro { margin-top:1em; } #popinLogin .blocForm label { display:block; height:8px; text-indent:-5000px; } #popinLogin .blocForm input { width:158px; background-color:#FFFFFF; border:1px solid #DFD8D8; color:#707070; font-size:11px; padding:0.1em; } #popinLogin .blocForm input.submit { cursor:pointer; border:0; padding:0; margin-top:1em; margin-left:120px; background:url(../img/bt-ok.png) no-repeat left top; width:43px; height:22px; text-indent:-5000px; } #popinLogin #popin_adherents { margin-top:-10px; padding:8px;display:none; } #popinLogin #popin_adherents h3 a { background:url(../img/labels.gif) no-repeat left top; } #popinLogin #popin_adherents input.submit { background-position:left bottom; } #popinLogin #popin_elus, #popinLogin #popin_visiteurs, #popinLogin #popin_retraites { margin:1px 8px 0; padding-bottom:8px;display:none; } /* elus */ #popinLogin #popin_elus h3 a { background:url(../img/labels.gif) no-repeat left -40px; } /* visiteurs */ #popinLogin #popin_visiteurs h3 a { background:url(../img/labels.gif) no-repeat left -80px; height:33px; } /* retraites */ #popinLogin #popin_retraites { border-bottom:1px solid #DCDCDC; } #popinLogin #popin_retraites h3 a { background:url(../img/labels.gif) no-repeat left -120px; height:34px; } /* contact */ #popinLogin #popin_contact { background:url(../img/bg-contact.png) no-repeat left bottom; width:166px; height:186px; margin-bottom:-202px; padding:8px; } #popinLogin #popin_contact .contactNom { text-transform:uppercase; padding:0.6em 0; } #popinLogin #popin_contact .contactAdresse { padding-bottom:1em; } #popinLogin #popin_contact .contactTelMel a { color:#707070; text-decoration:none; } #popinLogin #popin_contact .contactTelMel a:hover { text-decoration:underline; } /* Modifications 19 avril 2011 */ #generale #content #encart2 { position:absolute; top:200px; right:0; width:200px; padding:20px 0; margin:0 20px; color:#999; font-size:11px; padding-bottom:10px; border-bottom:2px solid #EBEBEA; } #encart2 h3 { background:url(../img/titre-bulle.gif) no-repeat center top; width:194px; height:58px; text-align:center; color:#333333; font-size:16px; padding-top:10px; } .agendate { overflow: hidden; padding-bottom: 10px; zoom: 1; } .agendate h4 a { padding-top: 3px; line-height: 17px; float: left; background: url(../img/fond-date.gif); height: 36px; width: 37px; text-align: center; font-family: Tahoma, Geneva, sans-serif; color: white; font-size: 28px; font-weight: normal; } .agendate h4 span { font-size: 11px; font-weight: bold } .agendate p { float: right; width: 150px; font-size: 11px; } .agendate strong { display: block; font-weight: normal; } .agendate a { text-decoration: none; color: #999; } .agendate strong a { color: #0a4799; }