/* ************************ 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: #eee;} /************* 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; } /* ******************************************** */ #print-theme {display:none;} #name_medic {display:none;} #liste a{line-height:25px;} hr {border-color:#FFFFFF; border-style:dotted none none; border-width:1px 0 0; display:block; height:1px; width:100%;} 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;} #nav{ height: 100px;} #main_flash{ text-align: center;/*padding:0 0 0 65px;*/ } #main{ } .gamme-1 #nav{ background: url(images/gamme-1/bg_bandeau_960.gif) left top no-repeat; } .gamme-2 #nav{ background: url(images/gamme-2/bg_bandeau_960.gif) left top no-repeat; } .gamme-3 #nav{ background: url(images/gamme-3/bg_bandeau_960.gif) left top no-repeat; } .gamme-4 #nav{ background: url(images/gamme-4/bg_bandeau_960.gif) left top no-repeat; color: #fff; } .gamme-1 #main_flash{ background: url(images/gamme-1/bg_bandeau_960.gif) left -100px no-repeat; background-color: #FFFFFF; } .gamme-2 #main_flash{ background: url(images/gamme-2/bg_bandeau_960.gif) left -100px no-repeat; background-color: #FFFFFF; } .gamme-3 #main_flash{ background: url(images/gamme-3/bg_bandeau_960.gif) left -100px no-repeat; background-color: #FFFFFF; } .gamme-4 #main_flash{ background: url(images/gamme-4/bg_bandeau_960.gif) left -100px no-repeat; background-color: #FFFFFF; } #global{ width: 960px; margin: 0 auto; } #header{ height: 339px; width: 960px; } #content{ border: 0px solid #000; } #footer{ position: relative; bottom: 40px; } #footer a, #footer a:visited, #footer a:hover, #footer a:visited:hover, #footer a:active{ color: #000; } .titre{ font-weight: bold; } .titre:first-letter{ text-transform: uppercase; } .extract{ font-weight: normal; } .image{ float: left; margin: 0 5px 0 0; } .savoir-plus{} table.col{ /*position: absolute; top: 275px; */width: 1024px; } td.col-1{ width: 290px; border: 0px solid red; vertical-align: top; } td.col-2{ width: 734px; border: 0px solid red; vertical-align: top; } /* IDENTIFICATION */ #identification{ width:960px; height:82px; } #identification .contener{ /*margin: 17px 0 0 640px;*/ } #identification .contener label{ float:left; width:80px; margin-right:7px; text-align:right; padding-top:3px; } #identification .contener input.input{ float:left; width:140px; font-size:12px; height:20px; } #identification .contener a.submit{ width:67px; height:21px; margin-left:10px; font-weight:bold; font-size:11px; display:block; float:left; padding:3px 0; text-align:center;} #identification .contener a.submit:hover{ text-decoration:none; } #identification .contener .espacement{ height:8px; } /* BANDE LIENS */ .bande-liens{ height: 15px; text-align: right; } .bande-liens a, .bande-liens a:visited, .bande-liens a:visited:hover, .bande-liens a:active, .bande-liens a:hover{ margin: 0 5px; text-transform: uppercase; font: 10px Arial;} .bande-liens a.espace, .bande-liens a.espace:visited, .bande-liens a.espace:hover, .bande-liens a.espace:visited:hover, .bande-liens a.espace:active{ padding: 0 65px 0 10px; } /* FICHE */ #col-fiche{ border: 0px solid red; margin: 0 0 0 90px; width: 290px;} #col-fiche .fiche{ padding: 0px 35px 0 25px; background-position: left top; background-repeat: repeat-y; background-image:url("images/bg_fiche_middle.png"); } *html #col-fiche .fiche{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rhum:81/gi-web/site/web/_integration/new_version/fun/css/images/bg_fiche_middle.png', sizingMethod='scale'); width: 226px; margin:0 0 0 0px;} *html #col-fiche .fiche {background-image:none;} #col-fiche .fiche-top{ z-index: 10; background-position: left top; background-repeat: no-repeat; background-image:url("images/bg_fiche.png"); height: 50px; } *html #col-fiche .fiche-top{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rhum:81/gi-web/site/web/_integration/new_version/fun/css/images/bg_fiche_top.png', sizingMethod='scale'); height: 50px; width:286px; margin:0 0 0 0px;} #col-fiche .fiche-bottom{ background: transparent url("images/bg_fiche.png") left bottom no-repeat; height: 15px; border: 0px solid red; !margin-left: 25px; } *html #col-fiche .fiche-bottom { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rhum:81/gi-web/site/web/_integration/new_version/fun/css/images/bg_fiche_bottom.png', sizingMethod='scale'); height: 15px; width:286px;margin:0 0 0 0px; } #col-fiche .news a, #col-fiche .news a:visited, #col-fiche .news a:visited:hover, #col-fiche .news a:hover, #col-fiche .news a:active{ color: #90909F; } /* NEWS */ #col-fiche .news{} #col-fiche .news .titre{ font-size: 20px; margin: 0 0 10px 0; } #col-fiche .news .extract{ color: #909090; font-weight: bold; } /* PLAN D ACCES */ #col-fiche .plan-dacces{ /*margin: 10px 0; */} #col-fiche .plan-dacces .titre{ font-size: 20px; margin: 0 0 10px 0; } #col-fiche .plan-dacces .content{ clear: both; } #col-fiche .plan-dacces .content .image img{ width: 72px; margin: 3px; } #col-fiche .plan-dacces .content .titre{ font-size: 11px; margin: 0; color: #000; } /* CONTACT */ #col-fiche .contact{ margin: 20px 0 0 0; } #col-fiche .contact .titre{ font-size: 20px; margin: 0 0 10px 0; } #col-fiche .contact .un-contact{ margin: 0px 0; } #col-fiche .contact .un-contact .image{ margin: 0 10px 15px 0;} #col-fiche .contact .un-contact .image img{ width: 42px; margin: 3px; } #col-fiche .contact .un-contact .titre{ font-size: 11px; padding: 5px 0 0 0; margin: 0; color: #000; } #col-fiche .contact .un-contact .extract{ color: #474647; } #col-fiche .contact .un-contact .savoir-plus{ font-size: 11px; padding: 5px 0 0 0; } /* CONTENT */ #col-content{ border: 0px solid green; margin: 0 0 40px; } #col-content .titre{ font-size: 20px; margin: 0 0 10px 0; } #col-content .infos{ margin: 110px 150px 0 0px; } #col-content .infos .titre{ margin: 5px 0; } #col-content .infos .une-info{ margin: 15px 0 0 0; padding: 0 0 15px 0; } #col-content .infos .une-info .image img{ width: 62px; margin: 3px; } #col-content .infos .savoir-plus{ text-align: right; margin: 10px 0 0 0;} #col-content .infos .savoir-plus:first-letter{ text-transform: uppercase; } #col-content .infos .savoir-plus a, #col-content .infos .savoir-plus a:visited, #col-content .infos .savoir-plus a:hover, #col-content .infos .savoir-plus a:visited:hover, #col-content .infos .savoir-plus a:active{ font-size: 14px; text-align: right; font-weight: bold; } /* PAGE INTERIEURES */ #content table.page_int{ margin: 0 } #content table.page_int tr td{ vertical-align: top; } #content { padding: 0px 0 0px 76px;} #content li {list-style:none} #content .chemin {padding: 10px 0 0 0;} #content form {padding: 0 0 10px 0;} /* ------------------------------------------------- */ #content .col-gauche{ width: 620px; padding: 0 17px 0 10px; 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; } #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 .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; } #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 tr td.col-droite {vertical-align: top;} #content .col-droite{ width: 235px; float: left; margin-right: -100px; } #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; 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; } #footer-int{ text-align: center; margin: 0px 0 0 0; padding: 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: #000000; } #infotvD{ padding:5px 10px 10px 15px;} #infotvG{ padding:0 0 0 15px; margin-left: 100px;} #paragraphe{padding:5px; font-style: italic;} #content .col-droite #infotvD table img{ border:2px solid #B3C5B9; } /* 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; font-weight:bold; font-size:11px; } .offline{ border:1px solid #FF0000;} #bouton-valider{ height:19px; width:100px; background-color: #6BA1BD; color: #FFFFFF; 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; 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; } /* PLAN */ #plans .col-droite {vertical-align: top;} #content #plans .col-droite {width: 259px;} #content #plans .col-gauche {width: 596px;} #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: #86A934;} .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: #FF4E00;} .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: #FFFFFF; font-weight: bold; font-size: 12px;} .gamme-3 #content #plans .col-droite .plan a.accueil {color: #86A934;} .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: #FF5400;} .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;} #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;} .gamme-1 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#67D8FF;} .gamme-2 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#E71C85;} .gamme-3 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#67D8FF;} .gamme-4 #content #plans .col-droite .plan h4{font-weight:bold;font-size:16px;color:#9AE200;} #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;} .gamme-1 #bouton-valider {background-color: #0298D8;} .gamme-2 #bouton-valider {background-color: #E71C85;} .gamme-3 #bouton-valider {background-color: #A5CC4A;} .gamme-4 #bouton-valider {background-color: #BFD479;} .homepage #slidesss {background-image: url("images/bggr.gif"); background-repeat:no-repeat;} .homepage .gamme-1 table.col {width: 960px;} .homepage .gamme-2 table.col {width: 960px;} .homepage .gamme-3 table.col {width: 960px;} .homepage .gamme-4 table.col {width: 960px;} #content .col-gauche .bas-de-page .titre{font-size:15px;} #global #content .slidesss {position: absolute; top:358px; width:960px;} .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: #e15223; 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; color: #333 !important; } #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: #e15223; 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;} .gamme-1 .infop:hover { background: #072D40; 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: 545px; height: 100%; background: #6BA1BD; 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: #E391A7; 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: 545px; height: 100%; background: #E391A7; 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: #A5CC4A; 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: 545px; height: 100%; background: #ADABA7; 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 #DDDDDD;} .gamme-4 .infop:hover { background: #273D0E; 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: 545px; height: 100%; background: #BFD479; 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:#6EC621;} .gamme-2 .newscolor { color:#FF4E00;} .gamme-3 .newscolor { color:#67D8FF;} .gamme-4 .newscolor { color:#9AE200;}