/** * index : * 10 -> Slider * 20 -> Menu * 30 -> NuméroVert * 100 -> Esm Header * 110 -> P. Clinique * 120 -> Menu resp. */ body{ background: #FEE3B9 } #adminpanel { position: fixed; top: 0; left: 0; z-index: 6000; } #adminpanel a { display: block; padding: 5px 10px; margin: 2px; color: #f5f5f5; background: #333; font-size: 0.8em; } #adminpanel a:hover { color: #FFF; background: #000; } /* ================================== Commun ================================== */ #logo-clinique{ position:absolute; z-index: 110; top: 0; left:50%; margin-left:-450px; } #numerovert{ position: absolute;z-index: 30; left:50%; top:345px; width:230px; margin-left:240px;} #rdv-doctolib{ position: absolute; z-index: 31; left:50%; top:497px; width:260px; margin-left:200px; } #rdv-doctolib a { display: block; padding: 5px 10px; color: #F4D4E1; text-transform: uppercase; background: #B11B55; border-radius: 0 0 3px 3px; /*box-shadow: 0 1px 1px #C34576;*/ } #rdv-doctolib a:hover { color: #fff; box-shadow: 0 -3px 5px #D03674 inset, 0 3px 3px #7A123B; text-shadow: 1px 1px 0 #7A123B; } #onglet{ display: block; margin:0 auto; margin-top:0; padding-top:5px; width:345px; height:32px; background: transparent url('../images/onglet-normal.png') no-repeat 0 -1px; font-weight:bold; font-size:12px; text-align:center; color:#FFF; text-decoration:none; } #onglet:hover{ background: transparent url(../images/onglet-over.png) no-repeat 0 -1px; } /* ================================== Header ================================== */ #header{ padding-top: 100px; } /* Vagues du haut - Front & Back */ #site { background: transparent url('../images/header-back.png') no-repeat top center;} #esm-header{ position:absolute;z-index:100;width:100%;top:0;left:0;height: 322px;background: url('../images/header-front.png') no-repeat top center; } /* Slider */ #slider{ position:absolute; height: 345px; margin-top: -13px; z-index:10; } #slider img{ position: absolute; width: 960px;} /* Bandeau Menu */ #bandehaut{ position:absolute; margin-top: 280px; z-index:20; height:100px !important; padding-top:35px; background: transparent url('../images/header-background.png') no-repeat top left; -moz-box-shadow: 0px 10px 5px -10px #656565; -webkit-box-shadow: 0px 10px 5px -10px #656565; -o-box-shadow: 0px 10px 5px -10px #656565; box-shadow: 0px 10px 5px -10px #656565; } /* Logo */ #bandehaut a.logo{ display:block; float: left; width:283px; height:61px; margin-top: 5px; margin-left: 10px; background:url('../images/header-logo-cds.png'); } #bandehaut a.logo span{ display:none} /* Menu */ #bandehaut div.menu { width: 667px; float: left; height: 80px; } #bandehaut div.menu ul { list-style: none; } #bandehaut div.menu ul li { display:block; float: left; background: url('../images/header-menu-separateur.png') no-repeat top left; } #bandehaut div.menu ul li:first-child { background: transparent; } #bandehaut div.menu ul li a { max-width: 100px; padding: 0 8px 0 15px; height:80px; color:#FFF; text-decoration:none; text-align:center; display:block; padding-top:10px; line-height: 20px; -webkit-transition-property: color; -webkit-transition-timing-function : ease; -webkit-transition-duration: 0.5s; -moz-transition-property: color; -moz-transition-timing-function : ease; -moz-transition-duration: 0.5s; transition-property: color; transition-timing-function : ease; transition-duration: 0.5s; } #bandehaut div.menu ul li a:hover{ color:#EB6CD0 !important; } #bandehaut div.menu ul li a.aactif{ color:#EB6CD0; text-shadow: 1px 1px 0 #000; } #bandehaut div.menu ul li a i{ font-size:25px; display:block !important; margin-top: -10px; margin-bottom:1px; } .arrowmenuactif { position: absolute; top: 112px; color: #2F51A6; } /* Menu Mobile */ #menuresponsive{ display:none; z-index: 120; } #menuresponsive h1 { font-size:16px; padding: 10px; background-color: #EB6CD0; color:#FFF; cursor:pointer;} #menuresponsive h1 i { float:right; } #menuresponsive ul { position: absolute; z-index:9999; display:block; background-color:#EB6CD0; list-style:none; font-size:24px; width:480px; } #menuresponsive a { display: block; text-decoration: none; color:#FFF; padding: 5px 0 5px 50px; } #menuresponsive a i { position: absolute; margin-left: -40px; } #menuresponsive a:hover{background-color:#ac1e8e;} #sousmenu h1 { font-size:10px; padding: 5px; background-color: #f5f5f5; color:#999; cursor:pointer;} #sousmenu h1 i { float:right;} #sousmenu ul { list-style:none; font-size:24px;} #sousmenu > ul { position: absolute; z-index:9999; display:block; background-color:#f5f5f5; width:480px; } #sousmenu a { display: block; text-decoration: none; color:#FFF; padding: 5px; } #sousmenu a i { position: absolute; margin-left: -40px; } #sousmenu a:hover{background-color:#eee; text-decoration:none;} /* ================================== Footer ================================== */ #footer{ margin: -200px auto; background: transparent url(../images/footer-back.png) no-repeat top center; width:100%; height:310px; } #contentfoot{ padding-top: 120px; } #footer .ulfooter { list-style: none; margin: 0 20px; } #footer .ulfooter li{ display:block; border-bottom:1px #ccc solid; line-height:30px; color:#fff; } #footer .ulfooter li:last-child {border: none; } #footer .ulfooter li a { text-decoration:none; color:#fff; font-size: 11px; } #footer .ulfooter li a:hover{ color:#fff; text-decoration: underline; } #footer .logo { text-align: center; margin-top: 20px; } #footer .logo a { color: #fff; text-decoration: none; font-size: 60px; } #footer .colleft{} #footer .colright{text-align: right} #footer .gie { margin-top: 5px;text-align: center; } #footer .gie span { color: #fff; font-size: 10px; letter-spacing: 4px; } #footer .gie a { line-height: 30px; color:#fff; font-size: 10px; } #footer .gie a:hover{ text-decoration: underline; } #footer .gototop { display: none; } /* ================================== Content ================================== */ #content { margin-top: 420px; } #content .page { min-height: 200px; background: transparent url('../images/page-background.jpg') repeat-y top left; border-top: 1px #000 solid; } /*ef9add */ #content .footer { width: 960px; height:309px; margin: -50px 0; background: transparent url('../images/page-footer.png') no-repeat top left; } #content .page .menu { width:958px; border-left: 1px #EB6CD0 solid; border-right: 1px #EB6CD0 solid; } #content .page .menu ul { list-style: none; } #content .page .menu > ul { margin: 0; height: 56px; background: #fff url('../images/menu-background.jpg') repeat-x top left; } #content .page .menu > ul > li { display: block; float: left; border-right: 1px #ddd dashed; margin-top: 2px; } #content .page .menu > ul > li a { display: block; padding: 5px 10px; margin: 5px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } #content .page .menu > ul > li a.aactif { background: #EB6CD0; color: #fff; text-shadow: 0 0 10px #fff;cursor:default; } #content .page .menu > ul li ul { display: none; margin-left: 10px; width: 250px; position: absolute; background: #FEFEFE; border: 1px #ddd solid; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; box-shadow: 1px 1px 4px #ddd; -moz-box-shadow: 1px 1px 4px #ddd; -webkit-box-shadow: 1px 1px 4px #ddd; } #content .page .menu li:hover > ul { display: block; } #editorial-menu { background: #f9f9f9; border: 2px #EC72D2 solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 5px; } #editorial-menu ul { list-style: none !important; margin: 0 !important; } #editorial-menu li { text-align: left; } #editorial-menu h3 { padding-left: 5px; } #editorial-menu a { color: #2F51A6; display: block; text-decoration: none; text-align: left; } #editorial-menu li:hover { } #editorial-menu li p { padding: 2px; font-size: 10px; margin-right: 5px; line-height: 20px; color: #999 !important; font-style: italic; } /*#content .page .menu > ul li > ul:before { content:''; position:absolute; margin-top: -8px; border-bottom:8px #EB6CD0 solid;border-left:8px transparent solid;border-right:8px transparent solid; }*/ #content .ariane { margin: 0 1px; padding: 4px 10px; background: #fafafa; border-bottom: 1px #ddd dashed; font-size: 0.8em; } #content .ariane .goback { float: right; text-decoration: none; } #content .ariane .goback i { color: #aaa; margin-right: 5px; } #content .ariane .goback:hover i { color: inherit; margin-right: 10px; } #content .ariane ul { list-style: none !important; } #content .ariane li { display: inline; } #content .page { background: transparent url(../images/page-background.jpg) repeat-y top left; border-top: 1px #ef9add solid; margin-top: 90px; } #content .page h1 {font-family:verdana; font-weight:lighter; color: #EB6CD0; font-size: 30px; margin: 10px 0 20px 0;} #content .page h2{ margin-bottom:15px; font-family:verdana; font-weight:lighter; font-size:25px; } #content .page h3{ margin:15px 0; font-family:verdana; font-weight:lighter; font-size:16px; } #content .page p{ color:#333; line-height:25px; text-align:justify; } #content .page a { text-decoration: underline; color: #EB6CD0; } #content .page a:hover { color: #c43da7; } #content .page blockquote { font-style:italic;color:#777;} #content .page ul{ margin: 0 0 0 20px; padding:0; list-style-image: url('../images/puce-circle.png'); } #content .page ul li{ text-align: justify; color:#333; line-height:25px; } #content .page .saut30 {height:30px;} #content .page .highlight { color:#EB6CD0; font-weight: bold; } #content .page .encart-gris { padding: 10px; background-color: #eee; } #content .invalid{ display:none; opacity:0.8; padding:10px;width:200px; background:url(../images/b_drop.png) no-repeat 5px 10px #FFFFFF; border:1px solid #333; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:absolute; margin-left:235px; margin-top:-5px; padding-left:25px; z-index:50000} #content .invalid img{ position:absolute; margin-top:-1px; margin-left:-38px}