/* DATE DE MODIFICATION Auteur : ATHANASE Jean-René Date : 2010/02/03 ------------------------------------------------------------------------------------------------- */ /* HANDIPOLE SITE WEB ACCESSIBLE POUR LES HANDICAPES CHARTE GRAPHIQUE : titre et texte #1075B9 vert titre//rollover #69B225, gris #7c7c7c titre date : #999 rouge : , tableau de donnees :#F1FDEF REMARQUES : POUR LE BON FONCTIONNEMENT DE L'AFFICHAGE TOUS LES NOMS DES CLASSES ET IDENTIFIANTS DOIVENT COMMENCER PAR "pths" EXEMPLE : #pratchisNomPrenom{.....}, tous les mots composant le nom, leur première lettre est en majuscule /* ----------------------------------------------------------------------------------------------- */ .sousTitreLegis{ text-align:center; margin-bottom:18px; font: 13px Arial, Helvetica, sans-serif ; font-weight:bold; color:#1075B9;} .sousTitreLegis2{margin:15px 0 30px 30px; font-size:10px; text-transform:capitalize; color:#7C7C7C; font-family:Arial, Helvetica, sans-serif ;} /* ------------------------------------------------------------------------------------------------ /* TABLEAUX DE DONNEES /* ------------------------------------------------------------------------------------------------ */ table.pthsDonnee{ text-align:left; border-collapse:collapse; vertical-align:top;margin:10px 0 10px 0; width:550px; border:1px solid #1075B9; padding:0;} table.pthsDonnee td{vertical-align:top; padding:2px; border:1px solid #1075B9;} tr.pthsLigneVert{} /* Listes à puces non ordonnées */ .pthsRrond { list-style-type: disc; } .pthsCercle { list-style-type: circle; } .pthsCarre { list-style-type: square; } .pthsRien { list-style-type: none; } /* Listes à puces ordonnées */ .pthsCommenceAZero { list-style-type: decimal-leading-zero; } .pthsLettresMinuscules { list-style-type: lower-alpha; } .pthsChiffresRomains { list-style-type: upper-roman; } .pthsLettresGrecques { list-style-type: lower-greek; } /* Liste avec ou sans retrait du texte */ .pthsPasDeRetrait { list-style-position: inside; } .pthsRetrait { list-style-position: outside; } /* Liste avec une puce personnalisée */ .pthsMaPuce { list-style-image: url("images/puceFb.gif"); } /* Liste à la puce personnalisée avec un peu de décoration */ .pthsMaPuce a { color: blue; text-decoration: none; } .pthsMaPuce a:hover { text-decoration: underline; } /* * Couleur des titres bloc *------------------------ */ .pthsBlocTitre{color:#fefefe;} /* * Rubrique Topo Guide */ #pthsEntreeRub{position:relative; left:-11px; top:0; font-weight:bold; background:url(../images/fondEntreeRub.gif) no-repeat 100% 69%; width:615px; height:300px;} #pthsPersHand{position:absolute; top:118px; left:62px;} #pthsEntreprise{position:absolute; top:118px; left:248px;} #pthsProfessionnels{position:absolute; top:112px; left:447px;} #pthsTGLibre{position:absolute; top:112px; left:447px;} /* * Rubrique Insertion Formation */ #pthsInsertionFormation{position:relative; left:0px; top:0; background:url(../images/fondEntreeRub2.png) no-repeat 37% 69%; width:600px; height:465px;} #pthsInfo, #pthsOffre, #pthsPolitique, #pthsDispo{font-size:17px;} #pthsInfo a, #pthsOffre a, #pthsPolitique a, #pthsDispo a{color:#000;position:relative;} #pthsInfo{position:absolute; top:175px; left:43px;height:110px; width:110px;} #pthsInfo a{display:block; margin:0 0 0 10px; padding-top:50px;width:80px;} #pthsOffre{position:absolute; top:335px; left:120px;height:110px; width:110px;} #pthsOffre a{display:block; margin:15px 0 0 12px; text-align:right;width:80px;} #pthsPolitique{position:absolute; top:345px; left:310px;height:110px; width:110px;} #pthsPolitique a{display:block; margin:15px 0 0 12px;width:80px;} #pthsDispo{position:absolute; top:245px; left:420px;height:110px; width:110px; } #pthsDispo a{display:block; margin:0 0 0 12px; padding-top:12px;width:80px;} /* * rubrique Travail et Emploi */ #pthsTravailEmploi{background:url(../images/fondRond.jpg) no-repeat scroll 10px 0; width:630px; height:230px; font-weight:bold; position:relative; left:0; top:0; font-size:14px; text-align:center; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; } #pthsMaintienDansEmploi{position:absolute; top:124px; left:458px; height:28px; width:100px; } #pthsCapEmploi{position:absolute; top:63px; left:147px; height:37px; width:60px; } #pthsInfosEmploi{position:absolute; top:132px; left:71px; height:50px; width:84px; } #pthsMaisonEmploi{position:absolute; top:85px; left:330px; height:50px; width:94px; } #pthsOffreEmploiHandicap{position:absolute; top:124px; left:190px; height:67px; width:96px; } #pthsTravailEmploi a { color: black;} /* * rubrique Acteurs Spécialisés */ #pthsActeursSpecialises{background: url(../images/imageSpirale.gif) no-repeat 0 0; height:500px; width:600px; font-weight:bold; position:relative; left:0; top:-50px; font-size:14px; text-align:right; font-family:'Trebuchet MS', Verdana, Arial, sans-serif;} #pthsASRubLibre1{ position:absolute; top:61px; left:116px; height:95px; width:126px; } #pthsDispositifAppuisSpecifiques{ position:absolute; top:15px; left:118px; height:51px; width:153px; } #pthsOffrePrestationsSpecifiques{ position:absolute; top:177px; left:438px; height:57px; width:156px; text-align:left;} #pthsASRubLibre4{ position:absolute; top:197px; left:312px; height:110px; width:100px;} #pthsMDPH{ position:absolute; top:257px; left:110px; height:32px; width:75px;} /* * Rubrique Kiosque */ #pthsKiosque{position:relative; left:10px; top:0; font-size:14px; text-align:right; font-weight:bold; background: url(../images/imageLigne.gif) no-repeat 0% 0%; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; width:600px; height:500px; } #pthsLaRevue{ position:absolute; top:46px; left:69px; height:23px; width:64px; } #pthsAgenda{ position:absolute; top:82px; left:119px; height:32px; width:90px; } #pthsAlireSurInternet{ position:absolute; top:11px; left:195px; height:26px; width:135px; } #pthsKRubLibre4{ position:absolute; top:36px; left:417px; height:21px; width:120px; text-align:right;} #pthsNouveautes{ position:absolute; top:187px; left:130px; height:30px; width:134px; text-align:left;} #pthsASuivre{ position:absolute; top:118px; left:337px; height:22px; width:82px; } /* * Rubrique Observatoire */ #pthsObservatoire{background: url(../images/imageShema.gif) no-repeat 25px 0%; height:500px; position: relative; width:600px; font-size:12px; font-family:'Trebuchet MS', Verdana, Arial, sans-serif;} #pthsObservatoire a{color: black; } #pthsObservatoirePresentation{ position:absolute; top:12px; left:257px; height:44px; width:103px; text-align:left; } #pthsDonneesCles{ position:absolute; top:106px; left:128px; height:32px; width:90px; text-align:left;} #pthsBilanRegional{ position:absolute; top:187px; left:46px; height:43px; width:90px; text-align:left; } #pthsTableauxDeBord{ position:absolute; top:295px; left:156px; height:47px; width:60px; text-align:left; } #pthsBilansDepartementaux{ position:absolute; top:185px; left:203px; height:43px; width:96px;text-align:left; } #pthsStatistiquesANPE{ position:absolute; top:296px; left:283px; height:44px; width:82px;text-align:left; } #pthsEtudesThematiques{ position:absolute; top:98px; left:392px; height:48px; width:99px; text-align:left;} #pthsObservatoiresRegionaux{ position:absolute; top:226px; left:472px; height:41px; width:82px;text-align:center; } /* * Rubrique PDITH */ #pthsCartePdith{ position:relative; background:url(../images/cartePdith.gif) no-repeat 0% 0%; height:400px; width:620px; margin:-2px 0 0 0px ;} #pthsQuart201{ display:block; position: absolute; top:43px; left:183px; width:212px; height:278px; z-index:2; } #pthsQuart202{ display:block; position: absolute; top:143px; left:98px; width:126px; height:138px; z-index:3; } #pthsQuart203{ display:block; position: absolute; top:53px; left:16px; width:145px; height:181px; z-index:2;} #pthsQuart204{ display:block; position: absolute; top:11px; left:53px; width:178px; height:94px; z-index:4;} #pthsQuart205{ display:block; position: absolute; top:89px; left:136px; width:48px; height:75px; z-index:5;} html:first-child #pthsQuart205{ top:83px; left:301px; } #pthsQuart206{ display:block; position: absolute; top:83px; left:175px; width:60px; height:57px; z-index:6;} #pthsQuart207{ display:block; position: absolute; top:117px; left:174px; width:52px; height:46px; z-index:6;} #pthsQuart208{ display:block; position: absolute; top:108px; left:162px; width:34px; height:25px; z-index:7;} a#pthsQuart201:hover{ background:url(../images/77_pdith.png) no-repeat 0% 75%; } a#pthsQuart202:hover{ background:url(../images/91_pdith.png) no-repeat 0% 0%;} a#pthsQuart203:hover{ background:url(../images/78_pdith.png) no-repeat 0% 0%;} a#pthsQuart204:hover{ background:url(../images/95_pdith.png) no-repeat 0% 0%;} a#pthsQuart205:hover{ background:url(../images/92_pdith.png) no-repeat 50% 80%;} a#pthsQuart206:hover{ background:url(../images/93_pdith.png) no-repeat 0% 0%;} a#pthsQuart207:hover{ background:url(../images/94_pdith.png) no-repeat 50% 80%;} a#pthsQuart208:hover{ background:url(../images/75_pdith.png) no-repeat 0% 80%;} #pthsCartePdith #pthsDepartement3{position: absolute;top:3px;left:445px;width:176px;height: 346px;} #pthsCartePdith #pthsDepartement3 h2{font-size: 14px; font-weight:bold; margin: 0 0 10px 10px; color: #1075b9;} #pthsCartePdith #pthsDepartement3 .pthsLogoDepartement{height:40px; position:relative; } #pthsCartePdith #pthsDepartement3 .pthsLogoDepartement img{ display:block; position:absolute; top:50%; height:33px; margin-top:-14px;} #pthsCartePdith #pthsDepartement3 .pthsLogoDepartement h3{font-size: 12px; font-weight:100; line-height:40px; margin-left:45px; height: 40px;} /* * Rubrique Maintien dans l'emploi */ #pthsMaintienDansLEmploi{position:relative; left:10px; top:0; font-size:14px; text-align:center; font-weight:bold; background: url(../images/Practhis_maintienEmploi.png) no-repeat 0% 0%; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; width:600px; height:430px; } #pthsMDEDemarche{ position:absolute; top:153px; left:10px; height:23px; width:64px; } #pthsMDEOutils{ position:absolute; top:87px; left:134px; height:32px; width:90px; } #pthsMDEMaintien{ position:absolute; top:31px; left:248px; height:26px; width:135px; } #pthsMDEPolitiqueRegionale{ position:absolute; top:210px; left:352px; height:21px; width:85px; } #pthsMDEActeurs{ position:absolute; top:165px; left:227px; height:30px; width:124px; } #pthsMDEInfos{ position:absolute; top:220px; left:98px; height:22px; width:60px; } #pthsMDEDiagnostic{ position:absolute; top:382px; left:222px; height:22px; width:82px; text-align:right; } #pthsMDESituationsFrequentes{ position:absolute; top:382px; left:422px; height:22px; width:82px; text-align:right; } /* * Rubrique FSE */ #pthsFSE{position:relative; left:0; top:0; font-size:14px; font-weight:bold; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; background: url(../images/imageEtoiles.gif) no-repeat 0% 0%; height:500px; width:600px;} #pthsFSEObjectifs{ position:absolute; top:211px; left:459px; height:26px; width:103px; text-align:left; } #pthsFSEEnSavoirPlus{ position:absolute; top:29px; left:42px; height:41px; width:65px; text-align:right;} /* * Rubrique Ailleurs sur le web */ #pthsAilleursSurLeWeb{position:relative; left:10px; top:0; font-weight:bold; font-size:14px; text-align:center; font-weight:bold; background: url(../images/Practhis_maintienEmploi.png) no-repeat 0% 0%; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; width:600px; height:430px; background: url(../images/fondCollier.jpg) no-repeat 100% 0%; height:490px; width:630px;} #pthsASLWPdith{ position:absolute; top:35px; left:450px; height:21px; width:56px;} #pthsASLWEmploi{ position:absolute; top:37px; left:8px; height:22px; width:234px;} #pthsASLWDocuments{ position:absolute; top:89px; left:122px; height:20px; width:226px;} #pthsASLWObservatoires{ position:absolute; top:123px; left:512px; height:21px; width:100px;} #pthsASLWInstitutions{ position:absolute; top:150px; left:181px; height:63px; width:100px;} #pthsASLWAssociations{ position:absolute; top:207px; left:2px; height:51px; width:91px; } #pthsASLWAutresLiens{ position:absolute; top:249px; left:388px; height:28px; width:100px;} #pthsASLWTousLesLiens{ position:absolute; top:352px; left:408px; height:28px; width:100px;} /* * Rubrique Contacts */ #pthsContacts{ font-weight:bold; position:relative; left:0; top:0; font-size:14px; text-align:left; font-family:'Trebuchet MS', Verdana, Arial, sans-serif; background: url(../images/fondCarre.jpg) no-repeat 100% 0%; height:400px; width:630px;} #pthsContacts span{ font-weight:bold; line-height:11px; font-size:10px; color: black;} #pthsContacts a{ font-weight:bold; line-height:14px; font-size:13px; color: black;display:block;} #pthsCTSMaisonDeLEmploi{ position:absolute; top:45px; left:332px; height:56px; width:63px;} #pthsCTSDirectionDepartementale{ position:absolute; top:46px; left:446px; height:36px; width:91px;} #pthsCTSActeursDpécialises{ position:absolute; top:165px; left:95px; height:55px; width:74px;} #pthsCTSCapEmploi{ position:absolute; top:162px; left:215px; height:63px; width:68px;} #pthsCTSMDPH{ position:absolute; top:157px; left:446px; height:105px; width:80px;} #pthsCTSPDITHCoordination{ position:absolute; top:280px; left:86px; height:51px; width:91px;} #pthsCTSPDITHJeunes{ position:absolute; top:278px; left:214px; height:28px; width:88px;} #pthsCTSSameth{ position:absolute; top:278px; left:332px; height:95px; width:79px;} #pthsCTSPDITHEntreprise{ position:absolute; top:277px; left:447px; height:86px; width:73px;} /* * Rubrique Législation */ #pthsLegislation {position:relative; left:0px; top:0px; background: url(../images/imgLegislationRond.gif) no-repeat 15px 0%; width:400px; height:400px; overflow:hidden;} #pthsLegislation1 { position:absolute; top:32px; left:170px; height:56px; width:63px; } #pthsLegislation2 { position:absolute; top:63px; left:268px; height:57px; width:69px; } #pthsLegislation3 { position:absolute; top:172px; left:301px; height:61px; width:86px; } #pthsLegislation4 { position:absolute; top:282px; left:264px; height:41px; width:79px; } #pthsLegislation5 { position:absolute; top:313px; left:165px; height:56px; width:76px; } #pthsLegislation6 { position:absolute; top:272px; left:67px; height:61px; width:70px; } #pthsLegislation7 { position:absolute; top:176px; left:21px; height:61px; width:79px; } #pthsLegislation8 { position:absolute; top:76px; left:64px; height:71px; width:79px; } #pthsLegislation9 { position:absolute; top:267px; left:417px; height:86px; width:73px; } #pthsLegislation10{ position:absolute; top:188px; left:166px; height:28px; width:73px; } #pthsLegislation1, #pthsLegislation2, #pthsLegislation3, #pthsLegislation4, #pthsLegislation5, #pthsLegislation6, #pthsLegislation7, #pthsLegislation8, #pthsLegislation9, #pthsLegislation10{color:black; font-weight:bold; text-align:center; font: 11px/13px 'Trebuchet MS', Verdana, Arial, sans-serif; } #pthsLegislation10{ font-size:14px;} #pthsLegislation a { font-weight:bold; color: black} #pthsLegislation a:link { font-weight:bold; color: black} /* * Frise des guides PDITH */ #pthsBonhomme { position: relative; width: 549px; height: 144px; } #pthsBonhomme a.etape_1 { display: block; position: absolute; top: 26px; left: 29px; } #pthsBonhomme a.etape_2 { display: block; position: absolute; top: 104px; left: 100px; width: 120px; } #pthsBonhomme a.etape_3 { display: block; position: absolute; top: 26px; left: 230px; width: 90px; } #pthsBonhomme a.etape_4 { display: block; position: absolute; top: 104px; left: 325px; width: 120px; } #pthsBonhomme a.etape_5 { display: block; position: absolute; top: 15px; left: 436px; } #pthsBonhomme a, #pthsBonhomme a:link, #pthsBonhomme a:visited { text-align: left; color: #000; text-decoration: none; } #pthsBonhomme a:hover { color: #000; text-decoration: underline; } /* * Frise de la rubrique Outils de maintien */ #pthsMDEOutilsFrise { position: relative; top:0; left:0; width: 549px; height: 200px; text-align:center; } #pthsMDEOutilsFrise a.etape_1 { display: block; position: absolute; top:0px; left:13px; width:95px; } #pthsMDEOutilsFrise a.etape_2 { display: block; position: absolute; top:99px; left:87px; width:140px; } #pthsMDEOutilsFrise a.etape_3 { display: block; position: absolute; top:0px; left:199px; width:140px; } #pthsMDEOutilsFrise a.etape_4 { display: block; position: absolute; top:99px; left:296px; width:180px; } #pthsMDEOutilsFrise a.etape_5 { display: block; position: absolute; top:0px; left:427px; width:100px; } /* * Tableau des articles du site handipole * ====================================== * Décoration */ .pthsMDEViolet {color:#5F226A;} .pthsMDEVioletClair {color:#CDA8CC;} .pthsMDERose{color:#E95D94;} .pthsMDERoseClair{color:#FFD0E3;} .pthsMDETurquoise{color:#00ABE0;} .pthsMDETurquoiseClair{color:#A2D5F0;} .pthsMDEVert{color:#6AB023;} .pthsMDEVertClair{color:#BCCF42;} .pthsMDEJaune{color:#FDC600;} .pthsMDEJauneClair{color:#FEDA55;} .pthsMDEHDViolet { border-top:#CDA8CC 1px solid; border-left:#5F226A 1px solid; border-right:#5F226A 1px solid; border-bottom:#5F226A 1px solid; border-collapse:collapse; } .pthsMDEHDRose { border-top:#FFD0E3 1px solid; border-left:#E95D94 1px solid; border-right:#E95D94 1px solid; border-bottom:#E95D94 1px solid; border-collapse:collapse; } .pthsMDEHDTurquoise { border-top:#A2D5F0 1px solid; border-left:#00ABE0 1px solid; border-right:#00ABE0 1px solid; border-bottom:#00ABE0 1px solid; border-collapse:collapse; } .pthsMDEHDVert { border-top:#BCCF42 1px solid; border-left:#6AB023 1px solid; border-right:#6AB023 1px solid; border-bottom:#6AB023 1px solid; border-collapse:collapse; } .pthsMDEHDJaune { border-top:#FEDA55 1px solid; border-left:#FDC600 1px solid; border-right:#FDC600 1px solid; border-bottom:#FDC600 1px solid; border-collapse:collapse; } .pthsMDETBViolet {border:#5F226A 1px solid; border-collapse:collapse;} .pthsMDETBVioletClair {border:#CDA8CC 1px solid; border-collapse:collapse;} .pthsMDETBRose{border:#E95D94 1px solid; border-collapse:collapse;} .pthsMDETBRoseClair{border:#FFD0E3 1px solid; border-collapse:collapse;} .pthsMDETBTurquoise{border:#00ABE0 1px solid; border-collapse:collapse;} .pthsMDETBTurquoiseClair{border:#A2D5F0 1px solid; border-collapse:collapse;} .pthsMDETBVert{border:#6AB023 1px solid; border-collapse:collapse;} .pthsMDETBVertClair{border:#BCCF42 1px solid; border-collapse:collapse;} .pthsMDETBJaune{border:#FDC600 1px solid; border-collapse:collapse;} .pthsMDETBJauneClair{border:#FEDA55 1px solid; border-collapse:collapse;} .pthsMDEFondViolet {background-color:#5F226A;} .pthsMDEFondVioletClair {background-color:#CDA8CC;} .pthsMDEFondRose{background-color:#E95D94;} .pthsMDEFondRoseClair{background-color:#FFD0E3;} .pthsMDEFondTurquoise{background-color:#00ABE0;} .pthsMDEFondTurquoiseClair{background-color:#A2D5F0;} .pthsMDEFondVert{background-color:#6AB023;} .pthsMDEFondVertClair{background-color:#BCCF42;} .pthsMDEFondJaune{background-color:#FDC600;} .pthsMDEFondJauneClair{background-color:#FEDA55;} .pthsTransparent{background-color:transparent;} .pthsMDEArrondiViolet { background:url(../../IMG/png/arrondiMaintienViolet.png) no-repeat top left;} .pthsMDEArrondiRose { background:url(../../IMG/png/arrondiMaintienRose.png) no-repeat top left;} .pthsMDEArrondiTurquoise { background:url(../../IMG/png/arrondiMaintienTurquoise.png) no-repeat top left;} .pthsMDEArrondiVert { background:url(../../IMG/png/arrondiMaintienVert.png) no-repeat top left;} .pthsMDEArrondiJaune { background:url(../../IMG/png/arrondiMaintienJaune.png) no-repeat top left;} .pthsMDEArrondiJauneV2 { border-top:#FDC600 1px solid; border-left:#FDC600 1px solid; border-right:#FDC600 1px solid; border-bottom:#FEDA55 1px solid; border-collapse:collapse; background-color:#FEDA55; } /* .pthsMDEArrondiJaune { background:url(../../IMG/png/arrondiMaintienJaune.png) no-repeat top left; width:557px;height:26px;} * Definition des éléments de table */ .pthsArrondi { display:table-row; width:100%; margin-top:1px; } .pthsTable { margin-top:10px; margin-left:1px; display:table; width:556px; border-collapse:collapse; text-align:left; } .pthsTable .pthsEntete { display:table-row; width:300%; } .pthsTable .ligne { display:table-row; width:100%; } .pthsTable .pthsEntete hr, .pthsTable .ligne hr { clear: both; visibility: hidden; } .pthsTable .pthsEntete .col1, .pthsTable .ligne .col1 { display:table-cell; width:98%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col2, .pthsTable .ligne .col2 { display:table-cell; width:48%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col3 { display:table-cell; width:31.97%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col3End { display:table-cell; width:31.97%; padding:5px 11px 5px 11px; } .pthsTable .ligne .col3 { display:table-cell; width:31.97%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col4, .pthsTable .ligne .col4 { float:left; width:23%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col5, .pthsTable .ligne .col5 { float:left; width:73%; padding:5px 11px 5px 11px; } .pthsTable .pthsEntete .col6, .pthsTable .ligne .col6 { float:left; width:64%; padding:5px 11px 5px 11px; } /* * Nouvelle version de la gestion de tableau * ========================================= */ .pthsMDEtable { display:table; /* Joindre les bords des cellules */ border-collapse:collapse; /* Forcer le tableau à prendre la largeur écran */ width:100%; /* border:2px solid red; */ } .pthsMDEcaption { /* Ffox n'affiche pas le caption dans la table il faut le déclarer bloc */ display:block; /* Si déclaré bloc, lui donner la largeur des td cumulés */ width:300%; /* 100 % x 4 colonnes */ /* Aligner le titre au centre */ text-align:center; } /* tbody optionnel */ .pthsMDEtbody { display:table-row-group; } .pthsMDEtr, .pthsMDEth { display:table-row; } .pthsMDEtd1 { display:table-cell; padding:5px; width:99.5%; } .pthsMDEtd2 { display:table-cell; padding:5px; width:49.5%; } .pthsMDEtd3 { display:table-cell; padding:5px; width:33%; } .pthsMDEtd4 { display:table-cell; padding:5px; width:24.5%; } .pthsMDEend { width:auto; } /* * Carte réactive avec la liste des départements * ============================================= */ #pthsCarteBleu{ background:url(../images/carteD.png) no-repeat 100% 0%;} a#pthsDep77Bleu:hover{display:block; position: absolute; top:43px; left:330px;background:url(../images/77_bClair.png) no-repeat 0 0;} a#pthsDep91Bleu:hover{display:block; position: absolute; top:138px; left:242px;background:url(../images/91_bClair.png) no-repeat 0 0;} a#pthsDep78Bleu:hover{display:block; position: absolute; top:45px; left:156px;background:url(../images/78_bClair.png) no-repeat 0 0;} a#pthsDep95Bleu:hover{display:block; position: absolute; top:-1px; left:191px;background:url(../images/95_bClair.png) no-repeat 0 0;} a#pthsDep92Bleu:hover{display:block; position: absolute; top:85px; left:285px;background:url(../images/92_bClair.png) no-repeat 0 0;} a#pthsDep93Bleu:hover{display:block; position: absolute; top:74px; left:315px;background:url(../images/93_bClair.png) no-repeat 0 0;} a#pthsDep94Bleu:hover{display:block; position: absolute; top:113px; left:322px;background:url(../images/94_bClair.png) no-repeat 0 0;} a#pthsDep75Bleu:hover{display:block; position: absolute; top:104px; left:308px;background:url(../images/75_bClair.png) no-repeat 0 0;} #pthsCarteVert{ background:url(../images/carteD2.gif) no-repeat 100% 100%;} a#pthsDep77Vert:hover{display:block; position: absolute; top:39px; left:334px;background:url(../images/77_vClair.png) no-repeat -4px 3px;} a#pthsDep91Vert:hover{display:block; position: absolute; top:137px; left:246px;background:url(../images/91_vClair.png) no-repeat -4px 2px;} a#pthsDep78Vert:hover{display:block; position: absolute; top:44px; left:157px;background:url(../images/78_vClair.png) no-repeat -0px -1px;} a#pthsDep95Vert:hover{display:block; position: absolute; top:-1px; left:195px;background:url(../images/95_vClair.png) no-repeat -4px 0px;} a#pthsDep92Vert:hover{display:block; position: absolute; top:83px; left:287px;background:url(../images/92_vClair.png) no-repeat -1px 1px;} a#pthsDep93Vert:hover{display:block; position: absolute; top:72px; left:318px;background:url(../images/93_vClair.png) no-repeat -3px 0px;} a#pthsDep94Vert:hover{display:block; position: absolute; top:110px; left:323px;background:url(../images/94_vClair.png) no-repeat 1px 0px;} a#pthsDep75Vert:hover{display:block; position: absolute; top:102px; left:313px;background:url(../images/75_vClair.png) no-repeat -4px 1px;} #pthsCarteRose{ background:url(../images/carteD3.gif) no-repeat 100% 0px;} a#pthsDep77Rose:hover{display:block; position: absolute; top:39px; left:334px;background:url(../images/77_jClair.png) no-repeat 3px 2px;} a#pthsDep91Rose:hover{display:block; position: absolute; top:138px; left:246px;background:url(../images/91_jClair.png) no-repeat 4px 0px;} a#pthsDep78Rose:hover{display:block; position: absolute; top:44px; left:157px;background:url(../images/78_jClair.png) no-repeat 10px -3px;} a#pthsDep95Rose:hover{display:block; position: absolute; top:-1px; left:195px;background:url(../images/95_jClair.png) no-repeat 7px 2px;} a#pthsDep92Rose:hover{display:block; position: absolute; top:84px; left:287px;background:url(../images/92_jClair.png) no-repeat 7px 1px;} a#pthsDep93Rose:hover{display:block; position: absolute; top:72px; left:318px;background:url(../images/93_jClair.png) no-repeat 5px 1px;} a#pthsDep94Rose:hover{display:block; position: absolute; top:110px; left:324px;background:url(../images/94_jClair.png) no-repeat 7px 0px;} a#pthsDep75Rose:hover{display:block; position: absolute; top:102px; left:314px;background:url(../images/75_jClair.png) no-repeat 3px 1px;} #pthsCarteD4{ position:relative; background:url(../images/carteFrance.gif) no-repeat 85% 0%; height:360px; width:570px; margin:0px 0 0px 27px ;} #pthsQuart101{ display:block; position: absolute; top:61px; left:343px; width:55px; height:52px; z-index:2; } #pthsQuart102{ display:block; position: absolute; top:25px; left:332px; width:81px; height:60px; z-index:3; } #pthsQuart103{ display:block; position: absolute; top:65px; left:484px; width:39px; height:73px; z-index:2;} #pthsQuart104{ display:block; position: absolute; top:111px; left:444px; width:48px; height:70px; z-index:4;} #pthsQuart105{ display:block; position: absolute; top:103px; left:384px; width:67px; height:82px; z-index:5;} #pthsQuart106{ display:block; position: absolute; top:223px; left:423px; width:94px; height:91px; z-index:7;} #pthsQuart107{ display:block; position: absolute; top:172px; left:405px; width:99px; height:97px; z-index:6;} #pthsQuart108{ display:block; position: absolute; top:232px; left:293px; width:106px; height:102px; z-index:6;} #pthsQuart109{ display:block; position: absolute; top:205px; left:257px; width:89px; height:116px; z-index:6;} #pthsQuart110{ display:block; position: absolute; top:147px; left:272px; width:68px; height:81px; z-index:7;} #pthsQuart111{ display:block; position: absolute; top:77px; left:191px; width:95px; height:60px; z-index:7;} #pthsQuart112{ display:block; position: absolute; top:41px; left:259px; width:76px; height:69px; z-index:7;} a#pthsQuart101:hover{ background:url(../images/ile-de-france.png) no-repeat 100% 100%; } a#pthsQuart102:hover{ background:url(../images/picardie.png) no-repeat 100% 96%;} a#pthsQuart103:hover{ background:url(../images/alsace.png) no-repeat 0% 100%;} a#pthsQuart104:hover{ background:url(../images/franche-conte.png) no-repeat 0% 100%;} a#pthsQuart105:hover{background:url(../images/bourgogne.png) no-repeat 100% 100%;} a#pthsQuart106:hover{ background:url(../images/paca.png) no-repeat 100% 100%;} a#pthsQuart107:hover{ background:url(../images/rhone-alpes.png) no-repeat 0% 0%;} a#pthsQuart108:hover{ background:url(../images/midi-pyrinees.png) no-repeat 0% 0%;} a#pthsQuart109:hover{ background:url(../images/aquitaine.png) no-repeat 50% 80%;} a#pthsQuart110:hover{ background:url(../images/poitou-charentes.png) no-repeat 100% 100%;} a#pthsQuart111:hover{ background:url(../images/bretagne.png) no-repeat 100% 100%;} a#pthsQuart112:hover{ background:url(../images/basse-normandie.png) no-repeat 100% 100%;} #pthsAtlasN{position: absolute;top:238px;left:2px;width:238px;height: 91px;} .pthsFleche{float:left;width:12px;margin-top:3%;} .pthsFlecheTexte{float:left;width:96%;text-align:justify;font-size:12px;font-weight:100;color:#69B225;margin:3% 0 3% 0;} .pthsNormal{clear:both} .pthsTabDonnee{ vertical-align:top; width:550px; background:url(../images/puceBWhite.gif) repeat-y 460px 0;} .pthsTabDonnee tr{ padding:20px 0 20px 5px; font-weight:100;font-size:12px;} .pthsCellG{ width:400px;margin-top:2%;margin-bottom:1%} .pthsTabDonnee tr { text-align:left;} .pthsTabDonnee tr td { text-align:left;} .pthsTabDonnee tr td.centrer { text-align:center;} .pthsLArrondi { width:556px; height:10px; margin:15px 0 0 7px; } table.pthsLaTable { margin-left:7px; display:table; width:97.6%; border-collapse:collapse; text-align:left; } .pthsLaTable thead, .pthsLaTable tfoot { } .pthsLaTable tbody { } .pthsLaTable tr.pthsEntete, .pthsLaTable tr.ligne { } .pthsLaTable th.col3, .pthsLaTable th.col3End { font-weight:100; width:31.97%; padding:5px 11px 5px 11px; } .pthsLaTable td.col3, .pthsLaTable td.col3End { width:31.97%; padding:5px 11px 5px 11px; } .pthsLaTable caption { font-family:sans-serif; } .pthsdocumentairerub { margin-bottom:2%; } .pthsdocumentairerub .pthsdocumentairerubTitre { clear:both; width:83%; padding-top:1%; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif ; text-align:left; } .pthsdocumentairerub .pthsdocumentairerubLogo { float:left; width:90px; height:25px; } .pthsdocumentairerub .pthsdocumentairerubDescriptif { clear:both; margin:2% 0 0% 1%; } .pthsdocumentairerub .pthsdocumentairerubTexte { clear:both; margin:2% 0 0% 0%; } .pthsdocumentaireArticle { width:75%; float:left; } .pthsdocumentaireart { width:100%; } .pthsdocumentaireart .pthsdocumentaireartTitre { width:100%; padding-left:5%; padding-top:1%; font-size:12px; font-family:Arial, Helvetica, sans-serif ; text-align:left; } .pthsdocumentaireart .pthsdocumentaireartLogo { } .pthsdocumentaireart .pthsdocumentaireartDescriptif { }