/***************************************************/ /* STYLES COMMUNS **********************************/ body { margin: 5px; } a span { display: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } td { vertical-align: top; font: 11px Arial, Helvetica, sans-serif; } img { border: none; } a, td, input, select { color: #505050; } fieldset { border: none; padding: 0; } .txtOrange { color: #fa0; } /* orange */ .borderImg { border: 1px solid #cfcac5; padding: 2px; } .pointillesHor { background: url(../img/bg_pointilles.gif) left 50% repeat-x; } .pointillesVer { background: url(../img/bg_pointilles.gif) 50% top repeat-y; } p.intro { width: 700px; } .txtBleuGras { color: #15518a; font-size: 11px; font-weight: bold; } a.flecheJaune { display: block; margin-bottom: 13px; padding-left: 8px; background: url(../img/puce_fleche_droite_jaune.gif) left 4px no-repeat; font-size: 10px; } /***************************************************/ /* GABARIT PRINCIPAL *******************************/ #gabaritPrincipal { width: 955px; } td#logo { width: 127px; height: 141px; background: url(../img/logo_afe.gif) left top no-repeat; } td#bandeau { height: 112px; background: url(../img/bg_bandeau.gif) left top no-repeat; } a#btRetourAccueil { display: block; width: 275px; height: 70px; margin: 10px 0 0 40px; _margin-left: 20px; float: left; } a#btLogo { display: block; width: 127px; height: 141px; } a#btExtranet { width: 128px; height: 40px; display: block; margin: 10px 0 0 670px; } p#rechAvancee { margin: 40px 8px 0 0; _margin-top: 39px; text-align: right; } p#rechAvancee a { font-size: 9px; color: white; font-weight: bold; } p#rechAvancee input#btRechGo { margin-right: 13px; } form#formRech { margin: 0; } p#rechAvancee input#chpRech { width: 80px; background-color:white; /* pour IE mac */ border: 1px solid #c3c3c3; font-size: 10px; padding-left: 5px; height: 16px; /* pour ie 5.0 */ voice-family: "\"}\""; voice-family:inherit; height: 12px; /* pour les autres browsers */ } .debugIE5 { } /***************************************************/ /* COLONNE DE GAUCHE *******************************/ .margeGauche td#logo { background: url(../img/logo_afe_interieur.gif) left top no-repeat; } .margeGauche #contenuVariable { background: url(../img/marge_gauche_interieure.gif) -127px top no-repeat; } .margeGauche #contenuVariable .td1 { width: 460px; } /* 470px en vrai, mais 460px car padding de 10px */ #colonneGauche { background: url(../img/marge_gauche_interieure.gif) left top repeat-y; } .titreRubrique img { margin-top: 21px; } /* "listePlan" sur la page du plan du site et "menuGauche" ont la même apparence */ #menuGauche, #menuGauche .niv2, .listePlan, .listePlan .niv2 { margin: 4px 0 0 0; padding: 0; list-style: none; } #menuGauche .niv2, .listePlan .niv2 { margin: 0 0 0 6px; } #menuGauche li a, .listePlan li a { font-weight: bold; background: url(../img/puce_fleche_droite_grise.gif) left 5px no-repeat; padding-left: 7px; margin-left: 7px; width: 113px; display: block; } #menuGauche li a:hover, .listePlan li a:hover { color: #fa0;/* orange */ text-decoration: none; background: url(../img/puce_fleche_droite_jaune.gif) left 5px no-repeat; } .select{color: #fa0;} #menuGauche .niv2 li a, .listePlan .niv2 li a { background: url(../img/puce_fleche_classic_grise.gif) left 4px no-repeat; font-weight: normal; font-size: 9px; padding-left: 9px; margin-top: 2px; width: 105px;} #menuGauche .niv2 li a:hover, .listePlan .niv2 li a:hover { background: url(../img/puce_fleche_classic_jaune.gif) left 4px no-repeat; } /***************************************************/ /* NAV HAUT ****************************************/ td#navHaut { width: 638px; height: 29px; } /***************************************************/ /* CHEMIN DE FER ***********************************/ #cheminDeFer { background: url(../img/bg_pointilles.gif) left bottom repeat-x; font-size: 10px; padding: 5px 0; margin: 0 0 5px 0; text-align: right; } #cheminDeFer a { text-decoration: underline; } #cheminDeFer a:hover { text-decoration: none; } /***************************************************/ /* CONTENU VARIABLE ********************************/ #contenuVariable { padding: 0 25px; } #contenuVariable .td1 { padding-right: 10px; width: 587px; } /* 597px en vrai, mais 587px car padding de 10px */ #contenuVariable .td1 p { margin-top: 2px; } #contenuVariable .td2 { width: 118px; } /***************************************************/ /* TITRES PAGE *************************************/ h1 { margin: 0 0 14px 0; padding: 0; color: #15518a; font: normal 19px Verdana, Arial, Helvetica, sans-serif; } h2 { margin: 0; padding: 0 18px; color: #15518a; font-size: 13px; background: url(../img/puce_grosse_bleue.gif) left 2px no-repeat; } /***************************************************/ /* BOUTON HAUT DE PAGE *****************************/ .hautDePage { text-align: right; } .hautDePage a { background: url(../img/puce_fleche_haut_grise.gif) 50% top no-repeat; padding-top: 5px; height: 20px; } /* "height" seulement pris en compte par IE 5.0 */ /***************************************************/ /* BOUTON IMPRIMER *********************************/ #imprimer { background: url(../img/bg_pointilles.gif) left bottom repeat-x; font-size: 10px; padding: 5px 0; margin: 0 0 7px 0; } #imprimer a { background: url(../img/picto_printer.gif) left top no-repeat; padding-left: 18px; display: block; margin: 0 0 0 11px; } /***************************************************/ /* LIEN ORANGE SOUS PHOTO **************************/ .lienSousImg { background-color: #fa0; margin: 0; padding: 4px 0; } .lienSousImg a { color: white; font-weight: bold; background: url(../img/puce_fleche_gauche_blanche.gif) left 5px no-repeat; padding-left: 8px; margin: 0 0 0 7px; display: block; width: 100px; } /***************************************************/ /* COLONNE DE DROITE *******************************/ #colonneDroite td, #colonneDroite a { font-size: 10px; color: white; font-weight: normal; } #colonneDroite ul { list-style: none; margin: 0; padding: 0; } #colonneDroite #blocAlaUne { background-color: #567898; } #colonneDroite #blocLiensUtiles { background: url(../img/bg_liens_utiles.gif) left top no-repeat #87a6c3; font-size: 11px; font-weight: bold; } #colonneDroite #blocLiensUtiles ul li, #colonneDroite #blocAgenda ul li { background: url(../img/puce_fleche_droite_blanche.gif) left 4px no-repeat; padding-left: 8px; padding-bottom: 2px; } #colonneDroite #blocAgenda { background: url(../img/bg_agenda.gif) left bottom no-repeat #aac832; } #colonneDroite #blocAgenda .date { display: block; font-weight: bold; font-size: 11px;} #colonneDroite #blocAlaUne, #colonneDroite #blocLiensUtiles, #colonneDroite #blocAgenda { padding: 7px 0 9px 9px; } #colonneDroite a.enSavoirPlus { background: url(../img/puce_fleche_droite_blanche.gif) left 50% no-repeat; padding-left: 8px; display: block; margin-top: 6px; } #colonneDroite a.toutlAgenda, #colonneDroite a.tousLesLiens { background: url(../img/puce_fleche_droite_carre.gif) left 3px no-repeat; padding-left: 14px; display: block; margin-top: 6px; } #colonneDroite a.toutlAgenda { margin-left: 90px; } #colonneDroite a.tousLesLiens { margin-left: 66px; } /***************************************************/ /* FOOTER ******************************************/ tr#footer td { height: 63px; background: url(../img/bg_footer.gif) left top repeat-x; font-size: 9px; color: #999; } tr#footer td img { margin: 32px 0 0 76px; } tr#footer p { margin: 0 0 0 11px; } tr#footer p#mentions{ margin-top: 32px; } /***************************************************/ /* PAGE HOME ET HOME DE RUBRIQUE *******************/ .puceFlecheJaune { background: url(../img/puce_fleche_jaune.gif) left 1px no-repeat; display: block; padding-left: 19px; font-weight: bold; clear: left; } .vignetteHome { float: left; margin: 0 10px 3px 0; } .balisesPHome p { margin: 6px 0 5px 0; } /***************************************************/ /* PAGES RECHERCHE *********************************/ #votreRech { font-weight: bold; font-size: 12px; color: #15518a; margin: 0 0 5px 0; } #formRechAvancee { margin: 0; } #formRechAvancee legend { display: none; } #formRechAvancee p { margin: 0 0 10px 0; } #formRechAvancee #submitRechAvancee { vertical-align: middle; margin: 0 0 3px 3px; _margin-bottom: 7px; } #formRechAvancee input#chpRechAvancee { width: 136px; background-color:white;/* pour IE mac */ border: 1px solid #c3c3c3; font-size: 10px; padding-left: 3px; height: 17px; /* pour ie 5.0 */ voice-family: "\"}\""; voice-family:inherit; height: 14px; /* pour les autres browsers */ } .debugIE5 { } #formRechAvancee #selectDateParution { font-size: 10px; } .pagination { text-align: right; margin: 0; } .pagination a { text-decoration: underline; } .pagination a, .pagination span { padding: 0 2px; } .pagination a:hover { text-decoration: none; } .pagination .pageActuelle { color: #fa0; font-weight: bold; } .bas { border-top: 1px solid #e7e5e2; padding-top: 3px; } #nbResultats { background-color: #e7e5e2; padding: 3px 10px; margin: 5px 0 11px 0; } #listeResultats h3 { margin: 0 0 0 0; color: #15518a; font-size: 11px; } #listeResultats p { width: 650px; margin: 0; } /***************************************************/ /* PAGE PLAN DU SITE *******************************/ /* "listePlan" sur la page du plan du site et "menuGauche" ont la même apparence */ #tabPlan td { padding-right: 10px; } #tabPlan td.dernier { padding-right: 0; } /***************************************************/ /* PAGE CONTACT ************************************/ #formContact label { display: block; font-weight: bold; padding-bottom: 4px; } #formContact legend { display: none; } #formContact p { margin: 5px 0; } #formContact input { width: 150px; } #formContact select { width: 155px; font-size: 11px; } #formContact textarea { width: 330px; height: 60px; } #formContact #btEnvoyer input { width: auto; } #formContact #btEnvoyer { text-align: right; width: 330px; } /***************************************************/ /* PAGE ANNUAIRE RECHERCHE *************************/ #tabResultAnnu { margin:10px 0 10px 0; } #tabResultAnnu p { font-weight: bold; margin: 5px 0 5px 6px; } .circonscription, .listeElus { color: white; font-weight: bold; padding: 3px 0 3px 6px; } .circonscription { background-color: #a0968c; width: 217px; } .listeElus { background-color: #fa0; } #formRechConseiller, #formRechPays, #formRechCommission, #formRechGroupe { margin: 0 0 20px 0; } #formRechConseiller legend, #formRechPays legend, #formRechCommission legend, #formRechGroupe legend { padding: 0; _margin: 0 0 0 -6px; } #formRechConseiller span, #formRechPays legend span, #formRechCommission legend span, #formRechGroupe legend span { display: none; } #formRechConseiller label, #formRechPays legend label, #formRechCommission legend label, #formRechGroupe legend label { display: block; height: 19px; width: 200px; } #formRechConseiller label { width:auto; } #formRechConseiller legend label { background: url(../img/t_rechercher_conseiller.gif) left top no-repeat; } #formRechPays legend label { background: url(../img/t_rechercher_pays.gif) left top no-repeat; } #formRechCommission legend label { background: url(../img/t_rechercher_commission.gif) left top no-repeat; } #formRechGroupe legend label { background: url(../img/t_rechercher_groupe.gif) left top no-repeat; } #chpRechConseiller, #chpRechPays, #chpRechCommission, #chpRechGroupe { margin-left: 18px; margin-right: 6px; width: 150px; font-size: 11px; } #chpRechCommission, #chpRechGroupe { width: 400px; } .btOk { margin-top: -9px; vertical-align: middle; } /***************************************************/ /* RESULTATS RECH ANNUAIRE *************************/ a.btRetourRech { background: url(../img/bt_retour_rech.gif) left top no-repeat; display:block; width:137px; height:0 !important; height /**/:12px; padding-top:12px; overflow:hidden; margin:10px 0 0 0; } a.btRetourListe { background: url(../img/bt_retour_liste.gif) left top no-repeat; display:block; width:137px; height:0 !important; height /**/:12px; padding-top:12px; overflow:hidden; margin:10px 0 0 0; } ul.vicePresidents { list-style:none; margin:0; padding:0 0 10px 19px; } p.sousH2 { padding:0 0 10px 19px; margin:0; font-weight:bold; } .autresFiltres { padding:0 0 10px 0; } /***************************************************/ /* PAGE ANNUAIRE FICHE 1 ***************************/ #annuaireFiche1 h3 { color: #fa0; font-weight: bold; font-size: 12px; margin: 0 0 3px 0; } #annuaireFiche1 ul { color: #0f508c; font-weight: bold; margin: 0 0 10px 15px; padding: 0; } #annuaireFiche1 li span { color: #505050; font-weight: normal; } /***************************************************/ /* PAGE LIENS UTILES *******************************/ #liensUtiles p, #liensUtiles a.flecheJaune { margin-left: 18px; margin-bottom: 5px; } #liensUtiles a.flecheJaune { margin-bottom: 10px } /***************************************************/ /* PAGE CALENDRIER *********************************/ h2#nextEvent { background: none; padding: 0; } table.smallCalMonth td { padding: 0 1px 0 2px; } table.smallCalMonth a { padding: 1px; } table.smallCalMonth tr.entete a { padding: 0; } table.smallCalMonth span a { color: #fa0; font-weight: bold; text-decoration: underline; } table.smallCalMonth span a:hover { text-decoration: none; } table.smallCalMonth tr.entete td, table.smallCalMonth tr.entete a { background-color: #fa0; text-align:center; color: white; font-weight: bold; } table.smallCalMonth tr.jours td { color: #b4b4b4; font-weight: bold; padding: 3px 1px 3px 2px;} td.smallCalMonth_tdToday { border: 1px solid #505050; background-color:#ffaa00;} td.smallCalMonth_tdToday span a{color:#FFFFFF} td .smallCalMonth_linkActivated{ border: 1px solid #ffaa00; } td .smallCalMonth_tdSelectedDay span {color:red} #formRechAgenda { margin: 0; padding: 0;} p#selectMois, #formRechAgenda p { color: white; background: #a0968c url(../img/bg_cal_select_mois.gif) left top repeat-x; padding: 5px 0 7px 7px; margin-top: 7px; } p#selectMois a { color: white; display: block; background: url(../img/puce_fleche_droite_blanche.gif) left 5px no-repeat; padding-left: 8px; margin-bottom: 3px; } #formRechAgenda input#rechcalendmois { width: 85px; font-size: 10px; padding: 1px 2px; } #calendmois, p#selectMois select { font-size: 10px; } table.evenement h2 { margin-top: 13px; } table.evenement img { margin: 17px 10px 0 0; } table.evenement p { margin: 0 18px 10px 18px; _width: 310px; } #pagesSuivantes td { border-top: 1px solid #e7e5e2; padding-top: 11px; } /***************************************************/ /* FIN DU DOCUMENT !! ******************************/ /**************** PRINT *************/ body { font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0 auto 0 auto; } @media print { #navHaut,#colonneGauche, #colonneDroite,#imprimer,#cheminDeFer,.lienSousImg, #mentions, #copyright, #footer,.td2 {display:none;} #contenuVariable {display: block;width:950px} #contenuVariable td1 h1{font-family:Verdana,Arial,Helvetica,sans-serif;color:#15518A;font-size: 19px} #contenuVariable td {font: 17px Arial, Helvetica, sans-serif; } .td2 img{position: absolute; left:900px; top:100px; width:150px} #annuaireFiche1 h2{ color: #15518a; font-size: 13px; background: url(../img/puce_grosse_bleue.gif) left 2px no-repeat;} #annuaireFiche1 h3 { color: #15518a; font-size: 11px;} #annuaireFiche1 ul {font-size: 11px;} #annuaireFiche1 li span {font-size: 11px;} #annuaireFiche1 {position:absolute;top:100px} }