/* ------------------------------ Fondation pour la pédiatrie sociale Feuille de style principale Totalmedia - 2009-11-22 ------------------------------ */ /* ------------------------------ Mise en page ------------------------------ */ body {margin: 0; padding: 0; color: #000; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.76em; line-height: 1;} #mainContainer, .container {width: 984px; margin: 0 auto; clear: both; position: relative;} .spacer { clear: both; padding:0; margin:0; font-size:1px;} /* --- En-tête --- */ #header {height: 159px; background: #fff url(/img/layout/header.gif) top repeat-x;} #header .container {height: 159px; background: url(/img/layout/headerdecoration_fonce.png) 33px top no-repeat;} #logo {margin: 0;} #logo img {position: absolute; left: 131px; top: 3px;} #secondaryMenu, #mainMenu {position: absolute;} #secondaryMenu {right: 170px; top: 41px;} #mainMenu {left: 2px; top: 117px; height: 41px;} #secondaryMenu ul, #mainMenu ul {list-style-type: none; margin: 0; padding: 0;} #secondaryMenu li, #mainMenu li {display: inline; margin: 0; padding: 0;} #mainMenu li {float: left; height: 41px; margin-left: 12px; padding-left: 13px; background: url(/img/layout/mainMenuSeparator.png) no-repeat left top; display:block;} #mainMenu ul li:first-child {margin-left: 0; padding-left: 0; background-image: none;} #mainMenu a {display:block; background: url(/img/layout/mainMenu.png) no-repeat; height: 34px; font-size: 0; text-indent: -9999px; overflow: hidden;} #mainMenu #mmQuiSommesNous a {width: 99px;} #mainMenu #mmPediatrieSociale a {width: 112px; background-position: -99px top;} #mainMenu #mmCentres a {width: 181px; background-position: -211px top;} #mainMenu #mmNosActions a {width: 68px; background-position: -392px top;} #mainMenu #mmImpliquezVous a {width: 85px; background-position: -460px top;} #mainMenu #mmNouvelles a {width: 144px; background-position: -545px top;} #header #mainMenu a:active, #header #mainMenu a:hover, .QuiSommesNous #mainMenu #mmQuiSommesNous a, .PediatrieSociale #mainMenu #mmPediatrieSociale a, .Centres #mainMenu #mmCentres a, .NosActions #mainMenu #mmNosActions a, .ImpliquezVous #mainMenu #mmImpliquezVous a, .Nouvelles #mainMenu #mmNouvelles a {height: 41px;} #secondaryMenu a {color: #7e7a72; font-size: 0.75em; font-weight: bold; text-decoration: none; border-left: 1px solid #fff; margin-left: 5px; padding-left: 9px;} #secondaryMenu ul li:first-child a {margin-left: 0; padding-left: 0; border-left: 0;} #secondaryMenu a:active, #secondaryMenu a:hover, #secondaryMenu a.selected {color: #000;} #backToHome {position: absolute; left: 2px; top: 67px; width: 25px; height: 21px; background: url(/img/layout/home.gif); font-size: 0; text-indent: -9999px; overflow: hidden;} #backToHome:hover, #backToHome:active {background-position: 0 -21px;} #donationButton {position: absolute; top: 0; right: 12px; width: 155px; height: 158px; background: url(/img/layout/photosDonation/) bottom right no-repeat; font-size: 0; text-indent: -9999px;} /* --- Zone centrale --- */ #main {background: #f7f0e0 url(/img/layout/contentBG/accueil.png) top repeat-x; overflow: auto; line-height: 1.9;} #content {width: 712px; background: #fbf8f0; float: right; min-height: 300px;} #main #mainContainer {background: url(/img/layout/contentBackground.png) repeat-y top left;} #contentContainer {margin: 27px 27px 37px 35px;} #side {width: 269px; padding-top: 1px; float: left;} /* Annule le collapsing de la marge en dehors du bloc */ #sectionMenu {height: 300px; width: 269px;} #side #sectionMenu ul {list-style-type:none; padding:0; margin: 0 0 0 4px;} #sectionMenu li {padding: 0; margin: 0; background: url(/img/layout/dottedLine.png) 0px bottom no-repeat; line-height: 2.1;} #sectionMenu a {color: #fff; text-decoration: none; padding: 4px 0 4px 11px;} #sectionMenu a:hover, #sectionMenu a:active {background: url(/img/layout/sectionMenuSelector50.png) no-repeat left center;} #side #sectionMenu a.selected {background: url(/img/layout/sectionMenuSelector.png) no-repeat left center; font-weight: bold;} /* centrer le menu verticalement */ #sectionMenu {overflow: hidden; position: relative; height: 300px; display: table;} #sectionMenuContainer {display: table-cell; vertical-align: middle; position: static;} /* fin - centrer le menu verticalement */ #extras {padding : 18px 18px 18px 15px;} /* --- Pied de page --- */ #footer {background-color: #ffd372; overflow:auto;} #footer .container {padding-top: 50px; position: relative;} #contentFooter {position: absolute; right: 0; top: 0; width: 712px; height: 21px; background: url(/img/layout/white50.png);} #copyright {position: absolute; left: 6px; top: 9px; width: 144px; height: 9px; background: url(/img/layout/copyright/blanc50.png) no-repeat left top; text-indent: -9999px;} #fullMenuMain {list-style-type: none; margin: 0 0 2em 4px; padding: 0px; background: url(/img/layout/bottomFiller.png) no-repeat left top; overflow: hidden; font-size: 0.75em; line-height: 1.2;} #fullMenuMain, #fullMenuMain a {color: #fff; text-decoration: none;} #fullMenuMain #fmAccueil, #fullMenuMain #fmAccueil a {color: #000;} #fullMenuMain a:hover, #fullMenuMain a:active {text-decoration: underline;} #fullMenuMain ul {margin: 8px 0 0 0; padding: 0; list-style-type: none;} #fullMenuMain li {display: inline; float: left; margin: 0 2px 0 0; padding: 0 6px 6px 6px; width: 126px;} #fullMenuMain ul li {display: block; float: none; margin: 0; padding: 5px 0; width: auto;} #fullMenuMain strong {font-weight:bold; text-transform:uppercase; } .PageAccueil #fmAccueil, .Accueil #fmAccueil, .QuiSommesNous #fmQuiSommesNous, .PediatrieSociale #fmPediatrieSociale, .Centres #fmCentres, .NosActions #fmNosActions, .ImpliquezVous #fmImpliquezVous, .Nouvelles #fmNouvelles {background: url(/img/layout/bottomMenuSeparatorWhite50.png) no-repeat left 36px;} /* centrer les titres verticalement */ #fullMenuMain .fmd {overflow: hidden; position: relative; height: 36px; display: table;} #fullMenuMain .fmd .fms {display: table-cell; vertical-align: middle; position: static;} /* fin - centrer les titres verticalement */ /* ------------------------------ Styles génériques ------------------------------ */ a img {border: 0;} #main p, #main ul, #main ol, #main table {margin: 0 0 2em 0;} #main ul ul, #main ol ol {margin-bottom: 0;} #main ul, #main ol {padding-left: 0; margin-left: 2em;} #content h1 {line-height: 1; margin: 0 0 1.5em 0; font-size: 1.2em; font-weight: bold;} #content h2 {line-height: 1; margin: 2em 0 1.5em 0; font-size: 1.2em; font-weight: bold;} #content .floatRight {float: right; margin: 0 0 1em 1.5em;} #content p {text-align: justify;} #main #content a {color: #323230;} #extras {font-size: 0.9em;} #extras h2 {font-size: 1em; margin: 1em 0 0 0;} .spacer { clear: both; padding:0; margin:0; font-size:1px;} .creditPhoto {text-align:right; font-size:9px; font-style:italic; height:12px; padding:0 margin:0; clear:both;} /* ------------------------------ Couleurs par section ------------------------------ */ /* --- Qui sommes-nous --- */ body.QuiSommesNous #main {background-image: url(/img/layout/contentBG/ef9c00.png);} body.QuiSommesNous #footer {background-color: #ef9c00;} /* --- La pédiatrie sociale --- */ body.PediatrieSociale #main {background-image: url(/img/layout/contentBG/e10056.png);} body.PediatrieSociale #footer {background-color: #e10056;} /* --- Les centres de pédiatrie sociale --- */ body.Centres #main {background-image: url(/img/layout/contentBG/91007b.png);} body.Centres #footer {background-color: #91007b;} /* --- Nos actions --- */ body.NosActions #main {background-image: url(/img/layout/contentBG/339cd4.png);} body.NosActions #footer {background-color: #339cd4;} /* --- Impliquez-vous --- */ body.ImpliquezVous #main {background-image: url(/img/layout/contentBG/00a16f.png);} body.ImpliquezVous #footer {background-color: #00a16f;} /* --- Nouvelles et événements--- */ body.Nouvelles #main {background-image: url(/img/layout/contentBG/314396.png);} body.Nouvelles #footer {background-color: #314396;} /* ------------------------------ Section Accueil ------------------------------ */ /* ------------------------------ Spécifique à la page d'accueil ------------------------------ */ .PageAccueil #main #mainContainer {background: none;} .PageAccueil #copyright {background:url(/img/layout/copyright/noir60.png) bottom right no-repeat; left: auto; right: 6px; bottom: 0; height: 100%;} .PageAccueil #fullMenu {padding-bottom: 1px;} .PageAccueil #fullMenu {margin-bottom: 25px;} .PageAccueil #contentFooter {position: absolute; right: auto; left: 0; top: 0; width: 984px; height: 21px; background: url(/img/layout/contentBottomAccueil.png) no-repeat;} /* Headlines */ #headlines {height: 301px; position: relative;} #headlines #mainHeadline {margin:0 24px 0 24px; padding-right: 24px; height: 301px; background:url(/img/layout/contentBG/headline.png) repeat-x;} #headlines #mainHeadline img {float: left;} #headlines #mainHeadline .headlineContent {margin: 0 0 0 514px; padding:26px 38px 0 32px; background:url(/img/layout/headlineSeparator.png) no-repeat center 26px;} #headlines #mainHeadline h2 {margin: 0; padding: 14px 0 16px 0; font-family: "Times New Roman", Times, serif; font-size: 1.7em; line-height: 1.2; font-weight: bold; text-align:center; background:url(/img/layout/headlineSeparator.png) no-repeat center bottom;} #headlines p {padding-top: 22px; text-align: justify; color: #fff; line-height: 1.7em; margin-bottom: 0;} #headlines #mainHeadline a.more {position: absolute; bottom: 1px; right: 204px; display:block; background:url(/img/layout/lireLaSuite.png) no-repeat; width:86px; height: 20px; font-size: 0; text-indent: -9999px;} #headlines #mainHeadline a.more:hover, #headlines #mainHeadline a.more:active {background-position: 0 -20px ;} #headlines span.previous, #headlines span.next {display: block; position:absolute; top:0; left:1px; width:47px; height:300px; background: url(/img/layout/white50.png) top left;} #headlines span.next {left: auto; right: 1px;} #headlines span.previous a, #headlines span.next a {display: block; width:47px; height:300px; background: url(/img/layout/accueilHeadlineLeft.png) left center no-repeat; font-size: 0; text-indent: -9999px;} #headlines span.next a {background-image: url(/img/layout/accueilHeadlineRight.png);} #headlines span.previous a:hover, #headlines span.previous a:active, #headlines span.next a:hover, #headlines span.next a:active {background-position: -47px center;} /* Autres colonnes */ #additionnalContent {margin:32px 0 0 0; background:url(/img/layout/contentBottomAccueil.png) repeat-y left; overflow:auto; font-size:0.8em; line-height: 1.7; color: #323230;} #additionnalContent .column {width: 312px; float: left; margin-right: 24px;} #main #additionnalContent .column h2 {margin: 0; background:#f7f0e0 url(/img/layout/columns/soyezGenereux.png) no-repeat; width: 312px; height: 18px; font-size: 0; text-indent: -9999px;} #main #additionnalContent #secondColumn h2 {background-image:url(/img/layout/columns/centres.png);} #main #additionnalContent #thirdColumn h2 {background-image:url(/img/layout/columns/Nouvelles.png);} #additionnalContent h2 a {width: 312px; height: 18px; display:block;} #main #additionnalContent #firstColumn img, #main #additionnalContent #secondColumn img {margin:0; padding:7px 0 9px 0; display:block; background-color:#f7f0e0;} #additionnalContent .column .innerColumn{padding:13px;} #additionnalContent #thirdColumn {margin-right: 0;} #main #additionnalContent #thirdColumn img {margin:0; padding: 0; display:inline; background-color: transparent;} #additionnalContent #thirdColumn {margin-right: 0;} #additionnalContent #thirdColumn .innerColumn {padding: 7px 0 0 0;} #additionnalContent #thirdColumn .news {overflow: auto; margin-bottom: 19px;} #additionnalContent #thirdColumn h3 {margin: 0; font-size: 1em;} #additionnalContent #thirdColumn {font-size: 1.1em;} #additionnalContent #thirdColumn h3, #additionnalContent #thirdColumn span {display: block; margin-left: 76px;} #main #additionnalContent #thirdColumn .news img {float: left; margin-right: 9px;} #additionnalContent #thirdColumn .news a {text-decoration: none;} #additionnalContent #thirdColumn .news a:hover, #additionnalContent #thirdColumn .news a:active {text-decoration: underline;} #additionnalContent a {color: #323230;} #main #additionnalContent .column h2:hover {background-position: 0 -18px;} #extras .extrasVideo {margin-bottom: 2em;} #extras .gallery a {display:block; float: left; width: 110px; height: 110px; background-color: #fbf8f0; margin: 0 8px 8px 0; text-align: center;} #extras .gallery a img {margin: 5px auto;} /* Boite Où donner - Guignolée*/ .OuDonnerContainer .boxDonner h3{font-size:18px; margin:0px 0 15px 0px; padding:10px 0 10px 0; line-height:20px;text-align:center; height:40px; background-color:#8492c9;} .OuDonnerContainer .boxDonner {float:left; width:208px; margin:0; padding:0 3px 10px 3px; height:730px; border-right:1px solid #8492c9;} .OuDonnerContainer .boxDonner ul{list-style:none;} .OuDonnerContainer .boxDonner ul li{margin-left:-18px; border-bottom:1px dotted #8492c9;} .OuDonnerContainer .box1 {border-left:1px solid #8492c9;} /* Liste des projets */ .projet {overflow: auto; margin-bottom: 1.5em; padding: 1em; background-color: #f7f0e0;} .projet .logo {display: block; width: 100px; height: 100px; margin: 0 1em 0 0; padding: 5px; text-align: center; float:left; background-color: #fff;} #main #content .projet h2 {margin: 0 0 0.5em 0;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */