/*----------------------------------------------------------------------------- PRISMA Screen Stylesheet version: 1.0 date: 15/07/2010 author: Carl Servant / SEQUENCE DIGITALE SENC email: info@sequencedigitale.com website: www.sequencedigitale.com/web/ version history: /css/ -----------------------------------------------------------------------------*/ * { margin:0; padding:0; } .clearfix{ clear: both; } a { color:#00457c; outline:none; } a:hover{ text-decoration: underline; } a.notalink:hover, h2 a:hover, h3 a:hover{ text-decoration: none !important; } a.notalink{ color:#0093d0; } html{ background: #F1D689;} body { background-color:#FFF; font:13px/16px arial, verdana, tahoma, sans-serif; color:#0093d0; } h1{display: none;} h2{font-size: 15px; margin-bottom: 1em;} h3, h3 a{color: #00457c; font-size: 13px; text-transform: uppercase;} img {border:0;} p{ margin-bottom: 1em; text-align: justify; } ul{ margin-left: 0em; } li{ background: url(../images/css_li.gif) no-repeat left; list-style: none; padding-left: 10px; } blockquote{ margin-bottom: 1em; } #logoPartage{ display: none; } /************************* STRUCTURE **************************/ /* --------- FRAMES ------------ */ #pageWrap{ height: 780px; } div > #pageWrap{ height: auto; min-height: 780px; } #frameTop{ background: #FFF url(../images/bg/frameTop.jpg) no-repeat top center; } #frameBottom{ background: #f1d485 url(../images/bg/frameBottom.jpg) repeat-x; height: 170px; margin-top: -20px; } /* --------- PAGE ------------ */ #pageWrap, #pageFooter{ margin: 0 auto; width: 984px; } #accueil.fr #pageWrap{ background: url(../images/bg/fr_accueil.jpg) no-repeat top center; } #soins.fr #pageWrap{ background: url(../images/bg/fr_soins.jpg) no-repeat top center; } #mythes.fr #pageWrap{ background: url(../images/bg/fr_mythes.jpg) no-repeat top center; } #equipe.fr #pageWrap{ background: url(../images/bg/fr_equipe.jpg) no-repeat top center; } #nousjoindre.fr #pageWrap{ background: url(../images/bg/fr_nousjoindre.jpg) no-repeat top center; } #accueil.en #pageWrap{ background: url(../images/bg/en_accueil.jpg) no-repeat top center; } #soins.en #pageWrap{ background: url(../images/bg/en_soins.jpg) no-repeat top center; } #mythes.en #pageWrap{ background: url(../images/bg/en_mythes.jpg) no-repeat top center; } #equipe.en #pageWrap{ background: url(../images/bg/en_equipe.jpg) no-repeat top center; } #nousjoindre.en #pageWrap{ background: url(../images/bg/en_nousjoindre.jpg) no-repeat top center; } #pageBody{ margin-left: 80px; padding-bottom: 43px; width: 540px; } #pageHeader{ height: 65px; position: relative; margin-bottom: 43px; } /************************* MENU **************************/ #navigation{ height: 32px; margin: 0; overflow: hidden; position: absolute; bottom: 0; width: 100%; } #navigation li, #navigation a{ background: none; display: block; float: left; list-style: none; } #navigation li{ border-right: 1px solid #a6d9ef; padding: 0; } #navigation a{ color: #FFF; font: 17px arial; padding: 7px 15px; text-decoration: none; } #navigation a:hover{ color: #00457c; } #accueil .accueil a, #soins .soins a, #mythes .mythes a, #equipe .equipe a, #nousjoindre .nousjoindre a{ background: #00457c; color: #FFF; } #navigation .accueil{ border-left: 1px solid #a6d9ef; } #navigation .langue{ position: absolute; right: 0; border: 0; } #navigation .langue a{ font-size: 10px; text-transform: uppercase; padding-top: 13px; } /************************* PIED DE PAGE **************************/ #pageFooter{ color: #105184; position: relative; } #RocklandMD{ position: absolute; top: 34px; left: 0;} #pageFooter address{ line-height: 20px; font-style: normal; position: absolute; top: 20px; left: 125px; } #pageFooter address .tel{ font-size: 20px; font-weight: bold;} #facebook{ position: absolute; top: -15px; right: 0;} #credits{ font-size: 12px; position: absolute; top: 30px; right: 0;} /************************* SECTIONS **************************/ /* Accueil */ #accueil #pageHeader{ margin-bottom: 293px; } #accueil #pageBody{ margin-left: 0; width: 500px; } #accueil #pageBody a{ color:#0093d0;text-decoration: none; } #accueil #pageBody a:hover{ text-decoration: underline; } #accueil .services{ height: 140px; } #accueil .services ul{ float: left;} #accueil .services .cols1{ width: 280px; } #accueil .services .cols2{ width: 200px; } /* Soins */ #soins h2{ font-size: 16px; } dl.accordeon dt{ background: url(../images/accordeon_dt.gif) no-repeat 0 3px; cursor: pointer; margin: 0 0 0.5em 0; padding: 0 0 0 18px; text-transform: uppercase; } dl.accordeon dt.active{ background-position: 0 -47px !important; } dl.accordeon dd{ display: none; margin: 0; padding: 0 0 1.5em 18px; width: 500px; } /* Mythes et Realites */ dl.faq{margin-bottom: 1em;} dl.faq dt{ color: #53a115; font-size: 16px; margin-bottom: 1em; } dl.faq dt a, dl.faq dt a.notalink{ color: #53a115; } dl.faq strong{ text-transform: uppercase; } dl.faq dd{ border-bottom: 1px solid #b2b2b2; font-size: 14px; margin-bottom: 1.8em; padding-bottom: 1.5em; text-align: justify;} dl.faq dd strong{ color: #00457c; font-size: 16px; } dl.faq dd.last{ border: 0; } /* Equipe */ #equipe #pageBody{ width: 904px; } #equipe ul{ margin-left: 0;} #equipe ul li{ background: none; list-style: none; } #equipe h2{ color: #00457c; font-size: 25px; font-weight: normal; } p.tag{font-size: 15px; margin-bottom: 1em;} #equipe h4{ color: #00457c; font-size: 16px; margin-bottom: 0.1em;} #equipe .dentistes li{ position: relative; min-height: 200px; margin-bottom: 40px; padding-left: 190px; width: 340px;} #equipe .dentistes img{ position: absolute; top: 0; left: 0; } #equipe .specialistes{ height: 375px;} #equipe .specialistes li{ float: left; width: 160px; margin-right: 15px; padding: 0;} #equipe .specialistes img{ margin-bottom: 20px; } #equipe .specialistes li p{ text-align: left;} /* Nous joindre */ #nousjoindre #pageBody{ color: #00457c; width: 895px;} #nousjoindre #pageBody h2{ font-size: 20px; margin-bottom: 5px;} #nousjoindre #pageBody address{ font-style: normal; font-size: 16px; margin-bottom: 3px; } #nousjoindre #pageBody .directions{ margin-bottom: 15px;} #nousjoindre #pageBody .tel{ font: bold 25px arial, verdana, tahoma, sans-serif; } #nousjoindre #pageBody .tel2{ font: bold 16px/20px arial, verdana, tahoma, sans-serif; margin-bottom: 30px; } #nousjoindre #pageWrap{ min-height: 680px; height: 680px; } #googleMap{ float: right; height: 275px; width: 300px; } #gallery{ float: left; width: 591px; } #gallery a{ display: block; float: left; margin: 0 7px 6px 0; } #gallery .popup{ display: none; }