/* ************************ 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;} #print-theme {display:none;} #name_medic {display:none;} /************* 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} .clear {clear:both;} .display_none{ display: none; } /* ******************************************** */ table.marge tr{margin-bottom: 15px; display: block;} table.marge tr td.image-tv {padding-right: 5px;} table.marge {text-align: left;} table.marge a {text-transform: uppercase;} #main_form fieldset{ margin-top:10px; border:0; font-size:11px; text-align:left } .gamme-1 #content, .gamme-2 #content, .gamme-3 #content, .gamme-4 #content {padding-right:5px;} #nav{ height: 100px; } #main_flash{padding: 10px 0 0 0; } #main{ margin: 1px 0 0 0; } #liste{ padding: 10px 0 0 0; } #liste table{ width: 100%; } #liste a{ line-height: 25px; } .gamme-1 #main_flash{ background: url(images/gamme1/bgr_main_gamme_1.2.gif) left top no-repeat #171516;} .gamme-2 #main_flash{ background: url(images/gamme2/bgr_main_2.gif) left top no-repeat #322A27; } .gamme-3 #main_flash{ background: url(images/gamme3/bgr_main.gif) left top no-repeat;} .gamme-4 #main_flash{ background: url(images/gamme4/bgr_main.gif) left top no-repeat;} .gmap { margin: 2em 0 0 0;} #contener{ padding-top:15px;} /* PAGE INTERIEURES */ #content { padding: 15px 0 15px 5px;} #content li {list-style:none} /*-----------------aurelia*/ /* Colone gauche */ #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: 305px; 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 .equipe .perso p.contact{} #content .col-gauche .urgences{margin: 2em 0;} /* Colonne droite */ #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 table.page_int{ margin:0px 0 0 15px; } #content table.page_int tr td{ vertical-align: top; } #content .col-droite #infotvD table img{ border:2px solid #B3C5B9; margin:0 5px 0 0; } #content .col-gauche{ width: 670px; padding: 0 17px 0 0; 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 20px 10px 0; border: 1px solid #d0ccd2; background: #f4f3f2; } #content .col-gauche .image img{ width: 250px; margin: 5px 5px 2px 5px; padding :} #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; }/*----------------------------aurelia*/ #content .col-gauche .lequipe{ } #content .col-gauche .lequipe tr td{ clear: both; } #content .col-gauche .lequipe tr td .box-contact{ background: red; } #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; } #content .col-droite .links{ border-top: 2px solid #fff; 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; width: } #content .col-droite .image img{ margin: 5px 0 3px 0; } #infotvD{ padding:5px 10px 10px 15px;} #infotvG{ padding:0 0 0 15px;} #cadre{ background-color:#d0ccd2; padding:5px;} #paragraphe{padding:5px; font-style: italic;} /* 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; } #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: #fff; } #footer-int{ text-align: center; margin: 20px 0 0 0; padding: 10px 0; } #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: #FFFFFF; font-weight: bold; font-size: 12px;} .gamme-1 #content #plans .col-droite .plan a.accueil {color: #527191;} .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: #FFFFFF; font-weight: bold; font-size: 12px;} .gamme-2 #content #plans .col-droite .plan a.accueil {color: #C26010;} .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: #CE4040;} .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: #FFFFFF; font-weight: bold; font-size: 12px;} .gamme-4 #content #plans .col-droite .plan a.accueil {color: #AF2864;} .gamme-4 #content #plans .col-droite .plan, .gamme-4 #content #plans .col-droite .plan a {color: #ffffff;} .gamme-4 #content #plans .col-droite .plan {margin-top:5px;} .gamme-4 #content #plans .col-droite .plan .chemin {text-align: left;} .gamme-1 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#000000;} .gamme-2 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#FFFFFF;} .gamme-3 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#A2A2A2;} .gamme-4 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#FFFFFF;} #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; color: #FFFFFF;} .gamme-2 #content #plans .col-droite .plan a{color: #FFFFFF;} .gamme-3 #content #plans .col-droite .plan {background: none;} .gamme-4 #content #plans .col-droite .plan {background: none; color: #FFFFFF;} .gamme-1 #bouton-valider {background-color: #8caebb;} .gamme-2 #bouton-valider {background-color: #C26010;} .gamme-3 #bouton-valider {background-color: #CE4040;} .gamme-4 #bouton-valider {background-color: #AF2864;} #content .col-gauche .bas-de-page .titre{font-size:15px;} .auteur{padding-right: 5px;padding-left: 5px; } #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: #756d7d; 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 23px; width: 400px; 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 80px; } #identification .col-right label { display: block; float: left; margin: 0; padding: 0 5px 0 0; width: 75px; text-align: right; } #identification .col-right input { margin: 0 15px 0 0; height: 17px; border: 1px solid #cccccc; background: #fff; } #identification .col-right .submit { padding: 3px 10px; width: auto; height: 19px; border: none; background: #756d7c; color: #fff; font-weight: bold; } /* ----- 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; color: #000;} .gamme-1 .infop:hover { background: #527191; 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: 645px; height: 100%; background: #9D9D9D; 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 #3F342F;} .gamme-2 .infop:hover { background: #3F342F; 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: 645px; height: 100%; background: #3F342F; 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: #000; 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: 645px; height: 100%; background: #EEE; margin-top: 10px; margin-bottom: 10px; padding: 5px;} .gamme-3 .liste-block a { color: #FFF;} .gamme-3 .liste-titre { text-transform: uppercase; font-weight: bold;} .gamme-3 .liste-img{ float:left; display:block; margin-right: 10px; color: #FFF;} .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 #1D1327;} .gamme-4 .infop:hover { background: #1D1327; 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: 645px; height: 100%; background: #1D1327; 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:#527191;} .gamme-2 .newscolor { color:#C26010;} .gamme-3 .newscolor { color:#CE4040;} .gamme-4 .newscolor { color:#AF2864;}