/* CSS Front Clinique la francilienne */ * { margin:0; padding:0; border: none; text-decoration: none } body { margin:0 0 15px 0; padding: 0; font-family: "Trebuchet MS", Helvetica, Verdana, arial, Lucida, Tahoma, Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #405d95 url(../images/fond/spread-body.gif) center top no-repeat; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 250px; height: 150px; display:block; text-indent: -999em } h2 { min-height: 35px; margin: 5px 0 20px 0px; padding: 0 0 0 55px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2.gif) left 3px no-repeat; position:relative; top: 0px; left: -57px; } h2 span { position:relative; top: 15px; left: 0px; z-index: 10; } h2#reaH2 { margin-bottom: 36px } h3 { margin: 15px 0 10px 20px; font: normal 18px "Trebuchet MS"; color: #405d95} h4 { margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #405d95} h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #405d95 } p { font: normal 11px/15px "Trebuchet MS"; margin: 0 0 5px 0; text-align: justify } p.puced span { margin: 10px 15px 10px 24px; font: normal 11px/15px "Trebuchet MS"; padding: 0 25px 0 19px; background: url(../images/puce/puce.gif) left 2px no-repeat; } ul.puced li.bold { font-weight: bold; } ul.puced li.hautdepage { background: none; } /* Hau tde page */ .hautdepage { float: right; } .hautdepage span { background: url(../images/puce/up.gif) left 3px no-repeat; padding: 0 0 0 15px; } .hautdepage span span { background: url(../images/puce/up.gif) right 3px no-repeat; padding: 0 15px 0 0; } .hautdepage a { text-decoration: none; } .hautdepage a:hover { text-decoration: underline } /* Visuels floattants page Dupuytren */ .dupuytren1 { position:relative; top: 20px; left: 0px; } .dupuytren2 { position:relative; top: 36px; left: 0px; } .dupuytren3 { position:relative; top: 0px; left: 0px; } .arthrose1 { position:relative; top: -5px; left: 0px; } .chambre { display: block; margin: 10px 0 0 0px; } .floatUrgence { float: right; position:relative; top: 0px; left: -60px; } /* */ .hospi { position:relative; top: 0px; left: 1px; margin: 13px 0 0 0px; } .accueil { position:relative; top: 0px; left: 1px; } .med { padding: 10px 0; position:relative; top: 0px; left: -4px; } /* //////////////////////////////////////////// Page Horaires */ table.horairesTable { margin: 15px auto 12px auto; } table.horairesTable td { vertical-align: middle; padding: 3px 5px; width: 120px; text-align: center; } table.horairesTable thead { background-color: #8b9bbb } table.horairesTable thead td { text-align: center; color: #ffffff; font-weight: bold; } table.horairesTable tr.white td { background-color: #e4eef6 } table.horairesTable tr.gray td { background-color: #fff } table.horairesTable tr.white td.jour { width: 190px; background-color: #8b9bbb ; text-align :right; color: #ffffff; font-weight: bold; vertical-align: middle; padding: 3px 10px 3px 0; } table.horairesTable tr.gray td.jour { width: 190px; background-color: #8b9bbb ; text-align :right; color: #ffffff; font-weight: bold; vertical-align: middle; padding: 3px 10px 3px 0; } /* */ input { padding: 0 0 0 3px; font: normal 11px/15px "Trebuchet MS" } textarea { padding: 4px; font: normal 11px/15px "Trebuchet MS"; } ul li { list-style: none; margin: 10px 15px 10px 24px; text-align: justify } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; font: normal 11px/15px "Trebuchet MS"; padding: 0 0 0 19px; background: url(../images/puce/puce.gif) left 2px no-repeat; } ul.puced3 li { float: left; list-style: none; margin: 10px 10px 20px 0px; font: normal 11px/15px "Trebuchet MS"; padding: 0 0 0 19px; background: url(../images/puce/puce.gif) left 2px no-repeat; } ul.puced2 li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 0px; } ul.puced2 li span { font: italic bold 16px/15px Georgia; color: #3a6abc } .urgenceCase h3 span { color: #3a6abc } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } ul#cases { margin: 0 0 20px 0px; } ul#cases ul { margin: 25px 0 0 0px; } ul#cases li { background: none; } ul#cases ul li { list-style: none; margin: 10px 15px 10px 0px; font: normal 11px/15px "Trebuchet MS"; padding: 0 0 0 19px; background: url(../images/puce/puce.gif) left 2px no-repeat;} a img { border: none; text-decoration: none } a { color: #3a3c3f; text-decoration: none } a:hover { color: #3a3c3f; text-decoration: underline } abbr { cursor: help; } strong { color: #393c40 } .format { padding: 15px 140px 20px 150px; } .format2 { padding: 15px 0px 0px 150px; } .format3 { padding: 0px 30px 20px 150px; } .floatVisuLeft { float: left; margin: 10px 15px 15px 0px; } .floatVisuLeft2 { float: left; margin: 0px 15px 15px 0px; } .floatVisuRight { float: right; margin: 0 5px 15px 15px; } .floatVisuRight9 { float: right; margin: 0 5px 0px 15px; } .floatVisuRight10 { float: right; margin: 15px 5px 0px 15px; } .floatVisuRight1 { float: right; margin: 0 5px -20px 15px; position:relative; top: -35px; left: 0px; } .floatVisuRight3 { float: right; margin: 0 5px -20px 15px; position:relative; top: -5px; left: 0px; } .floatVisuRight4 { float: right; margin: 0 5px 40px 15px; position:relative; top: 25px; left: 0px; } .floatVisuRight5 { float: right; margin: 20px 5px 40px 15px; position:relative; top: 15px; left: 0px; } .floatVisuRight6 { float: right; margin: 20px 5px 40px 15px; position:relative; top: 27px; left: 0px; } .floatVisuRight7 { float: right; margin: 20px 5px 60px 15px; position:relative; top: 50px; left: 0px; } .floatVisuRight8 { float: right; margin: 0 5px 65px 15px; } .visuServiceUrgence { position:relative; top: 5px; left: -16px; } .formatColLeftInside { float: left; width: 417px; padding: 15px 0px 20px 150px; } .formatColRightInside { float: right; width: 393px; } p.visuPoly { text-align: center; } p.visuPoly img { } p.adrr { position:relative; top: 0px; left: 45px; } /* - - - - - - Haut de page - - - - - - */ .hautdepage { float: right; /*margin-right: 60px;*/ padding: 0 0 0 20px; background: url(../images/puce/fl.gif) left top no-repeat; } .hautdepage a { text-decoration: none; } .hautdepage a:hover { text-decoration: underline } /* Page qui sommes nous */ #qui table { } #qui table thead { font-weight: bold; } #qui table td.thead { font-weight: bold; } #qui table td.border {border-bottom: 1px solid #fff } /* - - - - - - Page encadrement - - - - - - */ div.table-s { width: 572px; margin: 0px auto 15px auto; background: url(../images/fond/table-s.gif) left top repeat-y; } div.table-bot { background: url(../images/fond/table-bot.gif) left bottom no-repeat; } div.table-top { padding: 14px 0px 15px 0px; min-height: 65px; background: url(../images/fond/table-top.gif) left top no-repeat; } div.table-top2 { padding: 14px 0px 15px 0px; min-height: 65px; background: url(../images/fond/table-top2.gif) left top no-repeat; } h3.captionH3 { margin: 25px 0 5px 58px; font: normal 18px "Trebuchet MS"; color: #405d95; text-align: left; } h3.captionH3 span { float: right; margin: 0; padding: 0; } h3.captionH3 span a { text-decoration: underline; font: bold 12px/15px "Trebuchet MS"; position:relative; top: 3px; left: -65px; } table.presentNumero { width: 515px; margin: 0 auto; } table.presentNumero td { vertical-align: middle; padding: 5px 7px; line-height: 23px } table.presentNumero td.num { width: 160px; text-align: right; padding-right: 15px; color: #036268 } /*table.presentNumero td.num span { background: url(../images/puce/phone.gif) left top no-repeat; padding: 0 0 0 18px; }*/ table.presentNumero caption { margin: 20px 0 5px 58px; font: normal 18px "Trebuchet MS"; color: #405d95; text-align: left; } span.puceMe { padding: 0 0 0 20px; background: url(../images/puce/puce2.gif) left 4px no-repeat; } span.puceMe span { position:relative; top: 0px; left: 20px; zoom:1; } /* Page docteurs */ #docteurs { position:relative; top: 0px; left: 0px; float: left; padding: 15px 0px 20px 150px; width: 454px; } ul#chirListe li.antonio { position:relative; top: 7px; left: 1px; margin: 0 0 23px 0px; } ul#chirListe li.thierry { position:relative; top: 7px; left: 5px; margin: 0 0 23px 0px; } ul#chirListe li.jean { position:relative; top: 38px; left: -16px; margin: 0 0 59px 0px; } ul#chirListe li.nicolas { position:relative; top: 39px; left: -15px; margin: 0 0 59px 0px; } ul#chirListe li.frederic { position:relative; top: 39px; left: -15px; margin: 0 0 59px 0px; } ul#chirListe li.marco { position:relative; top: 39px; left: -15px; margin: 0 0 59px 0px; } .colLeft-bot { width: 338px; margin: 0 ; background: url(../images/fond/colLeft-bot.gif) left bottom no-repeat; position:relative; top: 30px; left: -1px; margin: 0 22px 30px 15px; } .colLeft-top { padding: 20px 30px 26px 30px; background: url(../images/fond/colLeft-top.gif) left top no-repeat; } .colLeft-top h3 { margin: 7px 0 10px 0px; } div#chirListeCont { float: right; margin: 20px 59px 0 0; padding: 0 } ul#chirListe { } ul#chirListe li { margin: 0 0 7px 0px; padding: 0 0 0 0; } ul#chirListe li a { position:relative; top: 0px; left: 48px; } /* Page arthrose du pouce */ .paraWidth { width: 440px; } /* Page Lesions2 */ #legendes { } #legendes ul.puced2 li { margin-left: 3px } /* - - - - - - - Conteneurs generaux - - - - - - - */ #main { position: relative; width: 965px; margin: 0 auto; text-align:left; background: url(../images/fond/spread-content.gif) left top repeat-y } #intro { width: 965px; height: 210px; background: url(../images/fond/header2.jpg) left top no-repeat } #menu-top { position: absolute; top: 188px; left: 26px; z-index: 29 } #content { min-height: 449px; margin: 0; padding: 0; background: url(../images/fond/f-content.gif) left top no-repeat; z-index: 4000; } #home { width: 965px; height: 464px; background: url(../images/fond/f-home2.jpg) left top no-repeat; z-index: 28; } /* Footer */ #outro { width: 965px; height: 30px; background: url(../images/fond/footer.gif) no-repeat; clear: both } #outro p { color: white; text-align: left; padding: 16px 0 0 20px } #outro p a { color: white; text-decoration: none ; font: normal 11px/13px "Trebuchet MS" } #outro p a:hover { text-decoration: underline } /* Formulaires */ form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #e6ebf3; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d; } form.formatform input { border: 1px solid #7cc8db; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #0b6f71 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .shiftMeRiht { position:relative; top: 0px; left: 20px; } .shiftMeRight2 { position:relative; top: 0px; left: 20px; } /* Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } /* Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ div.mention-bot h3, div.mention-bot2 h3 { margin: 12px 0 10px 0; padding: 0; color: #fff; text-align: left; font: bold 14px arial; } .conformement { font: normal 10px arial } div.mention-bot { float: left; width: 250px; margin: 0 65px 0 37px; background: url(../images/fond/f-mentions.gif) right bottom no-repeat; } div.mention-bot2 { float: left; width: 250px; background: url(../images/fond/f-mentions2.gif) right bottom no-repeat; } div.mention-top { height: 199px; padding: 23px 15px 0px 15px; } /* Formulaires */ form.formatform { width: 650px; margin: 30px auto 15px auto; padding: 15px; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 120px; font: bold 11px arial; color: #0b6f71 } form.formatform input { width: 143px; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* --------- Page contact ------------- */ form#contactForm { margin: 0px auto 30px auto; width: 684px; height: 291px; background: url(../images/fond/f-contact.gif) left top no-repeat; border: none ; position:relative; top: 0px; left: 0px; } form#contactForm p.centerbut { position:relative; top: -8px; left: 0px; } form#contactForm div.zone1 { float: left; margin: 16px 0 10px 12px; padding: 18px 0 0 0; } form#contactForm div.zone1 p { margin: 0 0 17px 0px; } form#contactForm div.zone2 { float: left; margin: 16px 0 22px 0px; padding: 0 0 0 25px; } form#contactForm div.zone2 textarea.comment { height: 120px; border: 1px solid #7cc8db; } form#contactForm p.bita { margin: 0 0 0 0px; color: #7cc8db } p.conformement { margin: 0 27px 0 15px; } .contentContactBloc { position:relative; top: 0px; left: 49px; margin: 15px 0; } .blocContact { float: left; width: 200px; padding: 10px 0 0 0; border-bottom: 1px solid #303030 } .blocContact h3 { margin: 0 0 4px 0; padding: 0; font: bold 15px arial; } .blocContact h4 { margin: 0 0 4px 0; padding: 0; font-weight: bold; } .blocContact p { } fieldset {float:left;margin:5px; border: 1px solid #7cc8db;} legend {height:22px; font: bold 11px arial; color: #0b6f71;padding-left:7px;}