/*-------------------------------------------------------------------------------------------------- Regroupement des Magasins-partage de l'Île de Montréal Feuille de style principale Par Jonathan Boivin, designer Web - http://www.jonathanboivin.com © Tous droits réservés 2009 --------------------------------------------------------------------------------------------------*/ html {background: #e9f1f5 url(/img/bg_gradient.jpg) repeat-x;} body {color: #707070; background: url(/img/bg_bubbles.jpg) no-repeat center top; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em;} /* Mise en forme générale */ #tupperware {width:950px; margin:0 auto;} #mainNav {height: 85px;} #mainContent {background: url(/img/bg_mc.jpg) repeat-y; clear:both; padding-bottom: 60px; position: relative;} #mcTopBg {background: url(/img/bg_mcTop.jpg) no-repeat top left; padding: 15px;} #gauche {float: left;} #droite {margin-left: 350px; padding-top:25px; width: 530px;} #adrRMPIM {margin:30px 20px 0px 45px; font-size: 14px; line-height: 1.3em;} #footer {clear:both; background: url(/img/bg_footer-tile.jpg) repeat-y top left;} #footerBottom {background: url(/img/bg_footer-bottom.jpg) no-repeat bottom; padding: 35px 0 40px 0;} #footer #presseFooter {float:left; margin: -15px 0 40px 40px;} /* Navigation générale */ #mainNav li {margin:0; list-style: none;} #mainMenu a {height: 75px; display: block; text-indent: -9999px; margin-top: 13px; margin-bottom: -13px;} #mainMenu li {float: left;} #btnRegroupement {background: url(/img/btn_regroupement.png) no-repeat top left; width:173px;} #btnPartenaires {background: url(/img/btn_partenaires.png) no-repeat top left; width:147px;} #btnActivites {background: url(/img/btn_activites.png) no-repeat top left; width:222px;} #btnBenevole {background: url(/img/btn_benevole.png) no-repeat top left; width:172px;} #btnRegroupement:hover, #btnPartenaires:hover, #btnActivites:hover, #btnBenevole:hover {background-position: left -75px;} #btnDon {display:block; width: 200px; height: 70px; background: url(/img/btn_don.png) no-repeat top left; text-indent: -9999px; float: right; margin-right: 5px; margin-top: 15px;} #btnDon:hover {background-position: 0 -70px;} /* Liens */ a:link {color: #f7941d;} a:visited {color: #a0410d;} a:hover {color: #990134;} a:active {color: #000;} /* Formattage du texte */ h1 {font-size: 24px; font-weight: bold; margin: 70px 0 70px 0; color: #990134; line-height: 1em;} h2 {font-size: 14px; font-weight: bold; margin: 40px 0 15px 0; line-height: 1.3em;} h3 {font-weight: bold; font-size: 14px; margin: 20px 0 0 0; line-height: 1.3em;} p {margin: 0 0 20px 0; text-align: justify;} li {margin:0 20px 0 30px; list-style: disc;} hr {height: 1px; color: #707070; border: none;} #droite ul {margin-bottom: 20px;} address {font-style: normal; padding-bottom: 30px;} .footnote {font-size: 9px;} .cleared {clear: both;} p.bdrTopBot {padding:15px 0; margin: 30px 15px 0 45px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .left {text-align: left;} #btnListe {display:block; width: 185px; height: 26px; margin:0; padding:0; background: url(../img/btn_liste_magasins.gif) no-repeat top left; text-indent: -9999px;} #btnListe:hover {background-position: left -26px;} #btnAccueil {display:block; width: 185px; height: 14px; margin:15px 45px 0 45px; background: url(../img/btn_accueil.gif) no-repeat top left; text-indent: -9999px;} #btnAccueil:hover {background-position: left -14px;} #presseFooter h2 {color:#ffffff; font-size:12px; margin:0;} #footer a:link {color: #0072bc;} #footer a:hover {color: #fff;} #footer a:visited {color: #666;} #footer #copyright {margin: 0 40px 10px 40px; text-align: right;} .encart {margin: 50px 30px; padding: 20px 40px; background: #e9f1f5;} .encart h2 {margin-top:20px; margin-bottom: 0; font-size: 12px; color:#0072bc;} /* Images et bannières */ #logo {background: url(/img/logo_rmpim.jpg) no-repeat top left; width:290px; height:331px; margin:35px 0 0 30px; text-indent: -9999px; visibility: visible; display: block;} /* Formulaires */ .formulaire label {width: 200px; padding-top:3px; float: left; /* font-weight: bold; */} .formulaire .row {clear:both; display: block;} .formulaire input.champ {padding:5px; width: 300px; border: 1px solid #999; font-family: Courier, 'Courier New', monospace;} .formulaire textarea.champ {width: 300px; border: 1px solid #999; padding:5px; font-family: Courier, 'Courier New', monospace;} .formulaire input.champ:hover,.formulaire input.champ:focus {background: #e9f1f5; border: 1px solid #6699ba;} .formulaire textarea.champ:hover,.formulaire textarea.champ:focus {background: #e9f1f5; border: 1px solid #6699ba;} .formulaire input.check {margin-left: 100px;} .formulaire input.check:focus {border-left: 10px solid #eee;} /* Styles pour SIFR voir http://wiki.novemberborn.net/sifr/ */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #droite h1 { visibility: hidden; font-size:36px; letter-spacing: -10px; } /* .sIFR-hasFlash #regroupement h1 { visibility: hidden; font-size:120px; letter-spacing: 10px; } .sIFR-hasFlash #historique h1 { visibility: hidden; font-size:120px; letter-spacing: 2px; } .sIFR-hasFlash #organisation h1 { visibility: hidden; font-size:120px; letter-spacing: 2px; } .sIFR-hasFlash #au-dela h1 { visibility: hidden; font-size:60px; letter-spacing: 45px; } .sIFR-hasFlash #benevoles h1 { visibility: hidden; font-size:37px; letter-spacing: 10px; } .sIFR-hasFlash #reconnaissances h1 { visibility: hidden; font-size:100px; letter-spacing: 10px; } .sIFR-hasFlash #golf2009 h1 { visibility: hidden; font-size:36px; } */ .sIFR-hasFlash h2 { visibility: hidden; /* font-size: 20px; */ letter-spacing: 5px; } .sIFR-hasFlash #presseFooter h2 { visibility: hidden; /* font-size: 20px; */ letter-spacing: 1px; } /* .sIFR-hasFlash h3 { visibility: hidden; letter-spacing: -6px; font-size: 25px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; } */ /* Styles spécifiques aux pages */ /* Page d'accueil */ #accueil h2,#accueil h3,#accueil p {margin: 0;} #accueil p.bdrTopBot {margin-left:45px; margin-bottom: 30px;} #accueil #droite {padding-top:0;} #panier {text-align: right; border-bottom: 1px solid #990134; height: 139px; background: url(../img/panier.png) no-repeat bottom right; margin: 20px 0 0 0;} #slogan {background: url(/img/slogan.gif) no-repeat top left; width: 519px; height: 168px; text-indent: -9999px; margin-top: 20px;} #accueil #nouvelles {width:260px; float: left; margin-top: 50px;} #accueil #nouvelles h2 {margin: 0 0 20px 0; font-size: 16px;} #accueil #nouvelles h3 {margin-top: 20px;} #accueil #activites {width: 250px; margin-left: 280px; margin-top: 50px;} #accueil #activites h2 {margin: 20px 0; font-size: 16px;} #accueil #mainContent {padding-bottom: 100px;} /* Page Partenaires */ #partenaires #btnPartenaires {height: 75px; display: block; text-indent: -9999px; margin-top: 13px; margin-bottom: -13px; background-position: left -75px;} #partenaires ul {margin-top: 0px;} #partenaires h2 {margin-bottom: 0px;} .logoParten {display:block; width:150px; height:100px; float:left; margin:5px; text-indent: -9999px;} #centraide {background: url(/img/partenaires/centraide.gif) no-repeat center center;} #montreal {background: url(/img/partenaires/montreal.gif) no-repeat center center;} #emploiqc {background: url(/img/partenaires/emploiqc.gif) no-repeat center center;} #leger {background: url(/img/partenaires/leger.gif) no-repeat center center;} #moisson {background: url(/img/partenaires/moisson.gif) no-repeat center center;} #csdm {background: url(/img/partenaires/csdm.gif) no-repeat center center;} #saputo {background: url(/img/partenaires/saputo.gif) no-repeat center center;} #meteomedia {background: url(/img/partenaires/meteomedia.gif) no-repeat center center;} #staples {background: url(/img/partenaires/staples.gif) no-repeat center center;} #fpptq {background: url(/img/partenaires/fpptq.gif) no-repeat center center;} #mayrand {background: url(/img/partenaires/mayrand.gif) no-repeat center center;} #coutu {background: url(/img/partenaires/coutu.gif) no-repeat center center;} #impact {background: url(/img/partenaires/impact.gif) no-repeat center center;} #fondsftq {background: url(/img/partenaires/fondsftq.gif) no-repeat center center;} #vinsglobal {background: url(/img/partenaires/vinsglobal.gif) no-repeat center center;} #ftq {background: url(/img/partenaires/ftq.gif) no-repeat center center;} #flammarion {background: url(/img/partenaires/flammarion.gif) no-repeat center center;} #pg {background: url(/img/partenaires/pg.gif) no-repeat center center;} #transcontinental {background: url(/img/partenaires/transcontinental.gif) no-repeat center center;} /* Page Activités de financement */ .activites #btnActivites {height: 75px; display: block; text-indent: -9999px; margin-top: 13px; margin-bottom: -13px; background-position: left -75px;} #soiree2008 #galerie.encart {padding:20px 0 20px 40px; margin:40px 0; width:480px;} #soiree2008 #galerie.encart h2 {width: 350px;} #soiree2008 #galerie img {border:none; margin:10px 10px 0 0;} #soiree2008 #galerie .footnote {width:350px;} /* Pages Bénévoles */ #benevoles #btnBenevole {height: 75px; display: block; text-indent: -9999px; margin-top: 13px; margin-bottom: -13px; background-position: left -75px;} #benevoles #btnDemande {display:block; text-indent: -9999px; background: url(../img/btn_offre_benevole.gif) no-repeat top left; height: 14px; width:258px;} #benevoles #btnDemande:hover {background-position: left -14px;} #benevoles.formulaire fieldset {margin:40px 0;} #benevoles.formulaire h3 {margin-bottom: 20px; border-bottom: 1px solid #ccc;} #benevoles.formulaire th, #benevoles.formulaire td {border: 1px solid #888; width:20%;} #benevoles.formulaire fieldset table {width:100%;} #benevoles.formulaire thead th {padding: 5px; background: #e9f1f5; border-bottom-width: 3px; color: #0072bc;} #benevoles.formulaire tbody th {text-align: left; width: 40%; padding: 5px; /* background: #fafafa; */} #benevoles.formulaire tbody td {text-align: center;} #benevoles.formulaire tbody tr:hover {background: #fafafa;} #benevoles.formulaire tbody td:hover {background: #e9f1f5;} #benevoles.formulaire #commentaires {width: 530px;} /* Page Liste des Magasins-partage */ #magasins th, #magasins td {border: 1px solid #888; width:20%;} #magasins fieldset table {width:100%;} #magasins thead th {padding: 10px; background: #e9f1f5; border-bottom-width: 3px; color: #0072bc; font-size: 14px; text-transform: uppercase;} #magasins tbody th {text-align: left; width: 40%; padding: 5px; /* background: #fafafa; */} #magasins tbody td {text-align: center; padding: 5px;} #magasins tbody td.gauche {text-align: left; width:75%;} #magasins td>td {color:red;} #magasins tbody tr:hover {background: #fafafa; font-weight: bold;} /* Section Regroupement */ #regroupement #btnRegroupement, #historique #btnRegroupement, #organisation #btnRegroupement, #au-dela #btnRegroupement, #reconnaissances #btnRegroupement {height: 75px; display: block; text-indent: -9999px; margin-top: 13px; margin-bottom: -13px; background-position: left -75px;} #navRegroupement {margin: 22px -15px 0 -5px; width: 539px;} #navRegroupement li {margin:0; list-style: none;} #navRegroupement a {height: 49px; display: block; text-indent: -9999px;} #navRegroupement li {float: left;} #navRegroupement #btnPresentation {background: url(../img/btn_presentation.png) no-repeat top left; width: 97px;} #navRegroupement #btnHistorique {background: url(../img/btn_historique.png) no-repeat top left; width: 77px;} #navRegroupement #btnOrganisation {background: url(../img/btn_organisation.png) no-repeat top left; width: 104px;} #navRegroupement #btnAudela {background: url(../img/btn_audela.png) no-repeat top left; width: 146px;} #navRegroupement #btnReconnaissances {background: url(../img/btn_reconnaissances.png) no-repeat top left; width: 115px;} #navRegroupement #btnPresentation:hover, #navRegroupement #btnHistorique:hover, #navRegroupement #btnOrganisation:hover, #navRegroupement #btnAudela:hover, #navRegroupement #btnReconnaissances:hover {background-position: 0 -49px;} #regroupement #btnPresentation {height: 49px; display: block; text-indent: -9999px; background-position: left -49px;} #historique #btnHistorique {height: 49px; display: block; text-indent: -9999px; background-position: left -49px;} #organisation #btnOrganisation {height: 49px; display: block; text-indent: -9999px; background-position: left -49px;} #au-dela #btnAudela {height: 49px; display: block; text-indent: -9999px; background-position: left -49px;} #reconnaissances #btnReconnaissances {height: 49px; display: block; text-indent: -9999px; background-position: left -49px;} #regroupement h1, #historique h1, #organisation h1, #au-dela h1, #reconnaissances h1 {margin-top: 130px;} #regroupement #dixans li {font-size: 14px; line-height: 1.5em; margin-bottom:15px;} #regroupement #video {width: 480px; margin:20px auto;} #reconnaissances #droite {padding-bottom:150px;} /* #organisation #membresCA li {clear: both;} */ #organisation #membresCA .floatRight {float: right; width:100px; text-align: left; color: #990134;} /* Pages avec beaucoup de texte (comme Tournoi de golf 2009) */ #golf2009 h1 {margin-bottom: 0;} #golf2009 p {margin-top: 0;} #golf2009 #balle {display:block; margin-top: 20px;} #golf2009 #galerie.encart {padding:20px 0 20px 40px; margin:40px 0; width:480px;} #golf2009 #galerie.encart h2 {width: 350px;} #golf2009 #galerie img {border:none; margin:10px 10px 0 0;} #golf2009 #galerie .footnote {width:350px;} #sacados2009 th, #sacados2009 td {border: 1px solid #888; width:20%;} #sacados2009 fieldset table {width:100%;} #sacados2009 thead th {padding: 10px; background: #e9f1f5; border-bottom-width: 3px; color: #0072bc; font-size: 14px; text-transform: uppercase;} #sacados2009 tbody th {text-align: left; width: 40%; padding: 5px; /* background: #fafafa; */} #sacados2009 tbody td {text-align: center; padding: 5px;} #sacados2009 tbody td.gauche {text-align: left; width:75%;} #sacados2009 td>td {color:red;} #sacados2009 tbody tr:hover {background: #fafafa; font-weight: bold;} #sacados2009 td.left {text-align: left;} #soiree2009 #billets strong {float:right;} #soiree2009 #galerie.encart {padding:20px 0 20px 40px; margin:40px 0; width:480px;} #soiree2009 #galerie.encart h2 {width: 350px;} #soiree2009 #galerie img {border:none; margin:10px 10px 0 0;} #soiree2009 #galerie .footnote {width:350px;} /* #soiree2009 #billets li {clear:both;} #soiree2009 #billets {clear:both;} #soiree2009 #droite p {clear:both;} #soiree2009 #droite {clear:both;} */ #communiques.sacados2009 #galerie.encart {padding:20px 0 20px 40px; margin:40px 0; width:480px;} #communiques.sacados2009 #galerie.encart h2 {width: 350px;} #communiques.sacados2009 #galerie img {border:none; margin:10px 10px 0 0;} #communiques.sacados2009 #galerie .footnote {width:350px;}