/* ************************ CSS GI-WEB ********************* */ * {margin:0; padding:0;} /* RESET WHITE SPACE */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } /* RESET WHITE SPACE */ html, body {} body {font:11px Arial, Helvetica, sans-serif; text-align:justify; background-color:#fefefe;} /************* OBJETS GLOBALS *********************/ a {text-decoration:none; outline:none; position:relative;} :focus{-moz-outline-style: none;} p { } a:hover { text-decoration:underline} img { border:none; } ul, li { list-style:none; text-align:left} hr {border-color:#FFFFFF; border-style:dotted none none; border-width:1px 0 0; display:block; height:1px; width:100%;} .clear {clear:both;} .bold_black {font-weight:bold; color:#000000; } .display_none{ display: none; } /* ******************************************** */ #print-theme {display:none;} #name_medic {display:none;} table.marge tr{margin-bottom: 15px; display: block;} table.marge tr td.image-tv {padding-right: 5px;} table.marge {text-align: left; margin-top: 10px;} table.marge a {text-transform: uppercase;} #liste a{line-height:25px;} #nav{ float: left; width: 290px; } #main_flash{ float: left; } #main{ margin: 1px 0 0 0; } #dr{ height: 57px; width: 898px; } #dr_fl { margin: 0 0 0 8px; height: 57px; width: 880px; background: #f6edd8; } #content .col-droite .plan h4 { margin: 3em 0 1em 0; } .gamme-1 #dr{ left top no-repeat; } .gamme-1 #nav{ left -57px no-repeat; } .gamme-2 #dr{ left top no-repeat; } .gamme-2 #nav{ left -57px no-repeat; } .gamme-3 #dr{ left top no-repeat; } .gamme-3 #nav{ left -57px no-repeat; } .gamme-4 #dr{ left top no-repeat; } .gamme-4 #nav{ left -57px no-repeat; } /* PAGE INTERIEURES */ #content { width:880px; margin: 0 auto;} #content table.page_int{ margin: 0px 0px 0 5px; } #content table.page_int tr td{ vertical-align: top; } #content li {list-style:none} #content .col-gauche{ width: 630px; float: left; } #content .col-gauche p{ margin: 10px 0; text-align: justify; } #content .col-gauche .chemin{ margin: 0 0 10px 0; font: 10px Arial; } #content .col-gauche .chemin a, #content .col-gauche .chemin a:visited, #content .col-gauche .chemin a:hover, #content .col-gauche .chemin a:visited:hover, #content .col-gauche .chemin a:active{ text-decoration: underline; margin: 0 3px; } #content .col-gauche .titre{ font: 20px Arial; font-weight: bold;} #content .col-gauche .intro{ font-weight: bold; margin: 5px 0; } #content .col-gauche .image{ float: left; margin: 10px 10px 10px 0; border: 1px solid #d0ccd2; background: #f4f3f2; } #content .col-gauche .image img{ width: 250px; margin: 5px 5px 2px 5px; } #content .col-gauche .bas-de-page{padding: 10px 0 0 0; } #content .col-gauche .bas-de-page .titre{ padding: 5px 10px; height: 15px; color: #fff; font: 12px Arial; font-weight: bold;} #content .col-gauche .bas-de-page .extract{ padding: 5px 10px 15px; } #content .col-gauche .lequipe{ } #content .col-gauche .lequipe tr td{ clear: both; } #content .col-gauche .lequipe tr td .box-contact{ background: red; } #content .col-gauche .galerie{ margin: 0 0 1.5em 0;} #content .col-gauche .galerie img { margin: 5px 16px 0 0;} #content .col-gauche .equipe .perso { float: left; width: 300px; margin: 1em 5px 0 0;} #content .col-gauche .equipe .perso img{ float: left; margin: 0 15px 10px 0;} #content .col-gauche .equipe .perso p{ margin:0 0 .8em 0;} #content .col-gauche .equipe .perso p.nom{ font-weight:bold;} #content .col-gauche .urgences{margin: 2em 0;} #content .col-droite{ width: 235px; float: left; } #content .col-droite .video{ text-align: center; padding: 15px 5px 5px 5px; } #content .col-droite .video .en-savoir-plus a, #content .col-droite .video .en-savoir-plus a:visited, #content .col-droite .video .en-savoir-plus a:hover, #content .col-droite .video .en-savoir-plus a:visited:hover, #content .col-droite .video .en-savoir-plus a:active{ font-weight: bold; text-decoration: underline; padding: 0 0 0 15px; background: transparent url("images/tv.gif") top left no-repeat; } #content .col-droite .links{ border-top: 2px solid #fff; width: 100%; padding: 5px; } #content .col-droite .links a, #content .col-droite .links a:visited, #content .col-droite .links a:active{ font-weight: bold; text-decoration: none;} #content .col-droite .links a:hover, #content .col-droite .links a:visited:hover{ text-decoration: underline;} #content .col-droite .links .download{ padding: 0 0 0 20px; margin: 5px 10px 5px 15px; } #content .col-droite .links .send{ width: 170px; padding: 0 0 0 20px; margin: 0 0 0 15px; } #content .col-droite .box-image{ text-align: center; border-top: 2px solid #fff; width: 100%; } #content .col-droite .image{ float: none; margin: 10px; border: 1px solid #d0ccd2; background: #f4f3f2; padding: 0; } #content .col-droite .image img{ margin: 5px 0 3px 0; } #content .col-droite .light {padding: 6px 0; border-bottom: solid 3px #FFFFFF;} #content .col-droite .links { margin: 1em 0; padding: 1em 0 } #content .col-droite .links .download{ margin-bottom: 1em; } #content .col-droite .plan{ padding: 10px 20px; border-bottom: 1px solid #FFFFFF;} #content .col-droite .plan h4 { font-weight: bold; font-size: 13px; margin-top:10px;} #content .col-droite .plan img{ float: left; margin: 0 10px 10px 0;} #content .col-droite a, #content .col-droite a:visited, #content .col-droite a:hover, #content .col-droite a:visited:hover, #content .col-droite a:active{ color: #000; } .footer{ background: transparent url(images/bgr_footer.gif) 1px top no-repeat; height: 30px; padding: 10px 0 0 290px; } /* FORM */ #main_form p { margin-top:4px; margin-bottom:4px; font-size:11px; } #main_form fieldset{ margin-top:10px; border:0; font-size:11px; text-align:left } #main_form p label{ float: left; text-align: right; padding-right: 20px; padding-left: 10px; width: 200px; font-size:11px; } #main_form p.txt{ text-align: left; padding-right: 20px; padding-left: 24px; font-weight:bold; font-size:11px; } .offline{ border:1px solid #FF0000;} #bouton-valider{ height:19px; width:100px; border:0px; font-size:11px; margin-top:0px; _margin-top:10px; margin-left: 237px; padding-bottom:4px; padding-top:2px; text-align:center; font-weight: bold; color: #FFFFFF; background-color: #8caebb; cursor: pointer; } input { height:13px; font-size:9px; border:none; width:200px; border-left:1px solid #ccc; border-top:1px solid #ccc; background:#FAFAFA; text-align:left } select { font-size:11px; border:none; width:200px; border-left:1px solid #ccc; border-top:1px solid #ccc; background: #FAFAFA; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left } textarea { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:none; height:100px; border-left:1px solid #ccc; border-top:1px solid #ccc; background:#FAFAFA; text-align:left } .message{ text-align: left; z-index: 1; font:normal bold 11px Arial, Helvetica, sans-serif; font-size:11px } .message div{ width: 60%; margin: 0 15px 15px; padding: 5px 5px; background-color: #ffffff; border-width: 2px; border-style: solid; -moz-border-radius: 0.4em; } .infoMessage{ background-image: url('images/22/dialog_info.gif'); border-color: #00ba44; } .errorMessage { background-image: url('images/22/dialog_error.gif'); border-color: #ff2200; } .required_text {font-size:11px} #bouton{ width:10px; font-size:10px; margin-left: 10px; } label{ float:right; width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right; } #infotvD{ padding:5px 10px 10px 15px;} #infotvG{ padding:0 0 0 15px;} #paragraphe{padding:5px; font-style: italic;} #content .col-droite #infotvD table img{ border:2px solid #B3C5B9; margin:0 5px 0 0; } .gamme-1 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#7B3D8E;} .gamme-2 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#3DACCF;} .gamme-3 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#ED9100;} .gamme-4 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#70B83A;} #content #plans .col-droite .plan {border-bottom:0px;} .gamme-1 #content #plans .col-droite {background: none;} .gamme-2 #content #plans .col-droite {background: none;} .gamme-3 #content #plans .col-droite {background: none;} .gamme-4 #content #plans .col-droite {background: none;} .gamme-1 #content #plans .col-droite .plan {background: none;} .gamme-2 #content #plans .col-droite .plan {background: none;} .gamme-3 #content #plans .col-droite .plan {background: none;} .gamme-4 #content #plans .col-droite .plan {background: none;} #plans .col-droite {vertical-align: top;} #content #plans .col-droite {width: 259px;} #content #plans .col-gauche {width: 596px;padding-left:20px;} #content #plans .page_int{width: 100%;} .gamme-1 #content #plans .col-droite .plan {margin-top:5px;} .gamme-1 #content #plans .col-droite .plan .chemin {text-align: left;} .gamme-1 #content #plans .col-droite h4 {text-transform: uppercase; color: #000000; font-weight: bold; font-size: 12px;} .gamme-1 #content #plans .col-droite .plan a.accueil {color: #7B3D8E;} .gamme-1 #content #plans .col-droite .plan, .gamme-1 #content #plans .col-droite .plan a {color: #000000;} .gamme-2 #content #plans .col-droite h4 {text-transform: uppercase; color: #000000; font-weight: bold; font-size: 12px;} .gamme-2 #content #plans .col-droite .plan a.accueil {color: #3DACCF;} .gamme-2 #content #plans .col-droite .plan, .gamme-2 #content #plans .col-droite .plan a {color: #000000;} .gamme-2 #content #plans .col-droite .plan {margin-top:5px;} .gamme-2 #content #plans .col-droite .plan .chemin {text-align: left;} .gamme-3 #content #plans .col-droite h4 {text-transform: uppercase; color: #000000; font-weight: bold; font-size: 12px;} .gamme-3 #content #plans .col-droite .plan a.accueil {color: #ED9100;} .gamme-3 #content #plans .col-droite .plan, .gamme-3 #content #plans .col-droite .plan a {color: #000000;} .gamme-3 #content #plans .col-droite .plan {margin-top:5px;} .gamme-3 #content #plans .col-droite .plan .chemin {text-align: left;} .gamme-4 #content #plans .col-droite h4 {text-transform: uppercase; color: #000000; font-weight: bold; font-size: 12px;} .gamme-4 #content #plans .col-droite .plan a.accueil {color: #70B83A;} .gamme-4 #content #plans .col-droite .plan, .gamme-4 #content #plans .col-droite .plan a {color: #000000;} .gamme-4 #content #plans .col-droite .plan {margin-top:5px;} .gamme-4 #content #plans .col-droite .plan .chemin {text-align: left;} .gamme-1 #bouton-valider {background-color: #7B3D8E;} .gamme-2 #bouton-valider {background-color: #3DACCF;} .gamme-3 #bouton-valider {background-color: #ED9100;} .gamme-4 #bouton-valider {background-color: #D9E2D7;} #content .col-gauche .bas-de-page .titre{font-size:15px;} #identification .col-left { float: left; margin: 5px 0 0 0; padding: 40px 25px 0 0; width: 475px; text-align: right; } #identification .col-left a { color: #e48a00; font-weight: bold; font-size: 11px; } #identification .col-left span a { font-weight: normal;} #identification .col-right { float: left; margin: 5px 0 0 0; padding: 0 0 0 3px; width: 380px; border-left: 1px solid #ccc; } #identification .col-right p { padding: 0 0 5px 0; text-align: left; color: #333; } #identification .col-right .title { padding: 0 0 5px 95px; } #identification .col-right label { display: block; float: left; margin: 0; padding: 0 5px 0 0; width: 70px; text-align: right; } #identification .col-right input { margin: 0 15px 0 0; width: 190px; height: 17px; border: 1px solid #cccccc; background: #fff; } #identification .col-right .submit { padding: 3px 10px; width: auto; height: 19px; border: none; background: #e48a00; color: #fff; font-weight: bold; } .gamme-1 #encart3d { background-color: #C8C5C9; width: 281px; height: 100%;} .gamme-2 #encart3d { background-color: #D6DBDD; width: 281px; height: 100%;} .gamme-3 #encart3d { background-color: #E1D8CD; width: 281px; height: 100%;} .gamme-4 #encart3d { background-color: #D9E2D7; width: 281px; height: 100%;} /* ----- MODIFS PAGE INFOS PATIENTS ----- GAMME 1 ----- */ .gamme-1 .image-tv img{ display: block; float: left; margin-right: 5px; width: 43px; height: 43px;} .gamme-1 .image-tv a{ text-transform: uppercase;} .gamme-1 .infop { width: 190px; height: 100%; padding: 5px; border-bottom: 1px solid #DDDDDD;} .gamme-1 .infop:hover { background: #7B3D8E; color: #FFF; cursor: pointer;} .gamme-1 .txt-tv { width: 190px; height: 100%; float: left; } .gamme-1 .txt-tv-titre{ text-transform: uppercase; font-weight: bold; } .gamme-1 .liste-block { width: 605px; height: 100%; background: #C8C5C9; margin-top: 10px; margin-bottom: 10px; padding: 5px;} .gamme-1 .liste-block a { color: #FFF;} .gamme-1 .liste-titre { text-transform: uppercase; font-weight: bold;} .gamme-1 .liste-img{ float:left; display:block; margin-right: 10px; color: #FFF;} .gamme-1 .cadre-img { float: left; display: block; margin-right: 10px; } .gamme-1 #infotvD a {text-decoration: none;} /* ----- MODIFS PAGE INFOS PATIENTS ----- GAMME 2 ----- */ .gamme-2 .image-tv img{ display: block; float: left; margin-right: 5px; width: 43px; height: 43px;} .gamme-2 .image-tv a{ text-transform: uppercase;} .gamme-2 .infop { width: 190px; height: 100%; padding: 5px; border-bottom: 1px solid #DDDDDD;} .gamme-2 .infop:hover { background: #3DACCF; color: #FFF; cursor: pointer;} .gamme-2 .txt-tv { width: 190px; height: 100%; float: left; } .gamme-2 .txt-tv-titre{ text-transform: uppercase; font-weight: bold; } .gamme-2 .liste-block { width: 605px; height: 100%; background: #D6DBDD; margin-top: 10px; margin-bottom: 10px; padding: 5px;} .gamme-2 .liste-block a { color: #FFF;} .gamme-2 .liste-titre { text-transform: uppercase; font-weight: bold;} .gamme-2 .liste-img{ float:left; display:block; margin-right: 10px; color: #FFF;} .gamme-2 .cadre-img { float: left; display: block; margin-right: 10px; } .gamme-2 #infotvD a {text-decoration: none;} /* ----- MODIFS PAGE INFOS PATIENTS ----- GAMME 3 ----- */ .gamme-3 .image-tv img{ display: block; float: left; margin-right: 5px; width: 43px; height: 43px;} .gamme-3 .image-tv a{ text-transform: uppercase;} .gamme-3 .infop { width: 190px; height: 100%; padding: 5px; border-bottom: 1px solid #DDDDDD;} .gamme-3 .infop:hover { background: #ED9100; color: #FFF; cursor: pointer;} .gamme-3 .txt-tv { width: 190px; height: 100%; float: left; } .gamme-3 .txt-tv-titre{ text-transform: uppercase; font-weight: bold;} .gamme-3 .liste-block { width: 605px; height: 100%; background: #E1D8CD; margin-top: 10px; margin-bottom: 10px; padding: 5px;} .gamme-3 .liste-block a { color: #ED9100;} .gamme-3 .liste-titre { text-transform: uppercase; font-weight: bold;} .gamme-3 .liste-img{ float:left; display:block; margin-right: 10px; } .gamme-3 .cadre-img { float: left; display: block; margin-right: 10px; } .gamme-3 #infotvD a {text-decoration: none;} /* ----- MODIFS PAGE INFOS PATIENTS ----- GAMME 4 ----- */ .gamme-4 .image-tv img{ display: block; float: left; margin-right: 5px; width: 43px; height: 43px;} .gamme-4 .image-tv a{ text-transform: uppercase;} .gamme-4 .infop { width: 190px; height: 100%; padding: 5px; border-bottom: 1px solid #DDDDDD;} .gamme-4 .infop:hover { background: #70B83A; color: #FFF; cursor: pointer;} .gamme-4 .txt-tv { width: 190px; height: 100%; float: left; } .gamme-4 .txt-tv-titre{ text-transform: uppercase; font-weight: bold; } .gamme-4 .liste-block { width: 605px; height: 100%; background: #D9E2D7; margin-top: 10px; margin-bottom: 10px; padding: 5px;} .gamme-4 .liste-block a { color: #FFF;} .gamme-4 .liste-titre { text-transform: uppercase; font-weight: bold;} .gamme-4 .liste-img{ float:left; display:block; margin-right: 10px; color: #FFF;} .gamme-4 .cadre-img { float: left; display: block; margin-right: 10px; } .gamme-4 #infotvD a {text-decoration: none;} .gamme-1 .newscolor { color:#7B3D8E;} .gamme-2 .newscolor { color:#3DACCF;} .gamme-3 .newscolor { color:#ED9100;} .gamme-4 .newscolor { color:#70B83A;}