<<<<<<< .mine @charset "utf-8"; /* CSS Document */ body { background-image: url(../imgs/interface/back.gif); background-repeat: repeat-x; background-position: center 0px; background-color:#cdcdcd; } p {margin:10px 0 10px 0; } /* CONTENEUR GENERAL */ #page{ width:1010px; margin:0 auto 0 auto; /*border-left:1px dashed #666666; border-right:1px dashed #666666; */ } #left{ width:590px; float:left; color:#565656; /*border:1px dashed #999999;*/ } #left p{ font-size:0.9em; } #left ul{ font-size:0.9em; margin:0; list-style-type: none; } #left ul li{ padding-left:12px; background-image: url(../imgs/interface/puce-liste.gif); background-repeat: no-repeat; background-position: 0px 4px; line-height:normal; margin:3px; } #left b{ color:#000000;} #left a { color:#000000;} #left-jeux{width:275px; float:left; color:#565656;} .temperees h3, .temperees strong, .temperees a, .temperees .note strong{ color: #6daa02; } #left .temperees li{ background-image: url(../imgs/interface/puce-liste-vert.gif); } #left .temperees a{ color: #6daa02; } .temperees strong{ } #right{ width:282px; float:right; } #right-jeux{ float:right; height:500px; margin:-366px 312px -366px 312px !important; margin:-366px 312px -366px 50px !important!; margin:-366px 312px -366px 30px; position:absolute; width:585px; z-index:100; } h1,h2{ display:none; } h3{ color:#f45408; font-size:1em; margin-top: 25px;} h4{ text-decoration: underline; font-weight: bold; font-size:1em; margin: 15px 0 15px 0; } strong { color:#f45408;} /* NAVIGATION TOP */ #nav{ height:95px; margin:0 auto; width:950px; } #nav .logo{ width:130px; height:95px; background-image: url(../imgs/interface/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; float:left; display:block; } #nav .logo b{ display:none;} /* niveau 1 */ #nav ul{ width:632px; float:left; display:block; margin:0px; padding:0px; list-style:none; } #nav li{ display:block; float:left; width:158px; margin:0; padding:0; height:62px; text-align:center; background-image: url(../imgs/interface/filet-sep-nav.gif); background-repeat: no-repeat; background-position: right center; } #nav li a{ display:block; text-transform:uppercase; text-decoration:none; height:47px; color:#505050; font-size:0.9em; padding-top:15px; font-weight: bolder; } /*#nav li a:hover,*/ #nav li a.on,#nav li a.onforced{ background-color: #282522; background-image: url(../imgs/interface/back-nav-on.gif); background-repeat: repeat-x; background-position: 0px 0px; color:#FFFFFF; } /* niveau 1 */ #nav ul ul{background-color:#666666; position:absolute; background-color:#282522; width:158px; display:none; z-index:100;} #nav li li{ height:auto; background:none; border-bottom:2px solid #151515; } #nav li li a{ height:auto; padding:2px 10px 2px 10px; text-align:left; color:#FFFFFF; text-transform:none; font-weight:normal; } #nav li li a:hover{ background:none; background-color:#f55100; } #nav li li.temperees a:hover{ background-color:#6daa02; } #nav .logo-healthcare{ width:188px; height:62px; background-image: url(../imgs/interface/logo-bayer-healthcare.gif); background-repeat: no-repeat; background-position: 0px 0px; float:left; display:block; } #nav .rub-sec{ margin-top:45px; padding-left:50px; background-position: 0px 0px; float:left; display:block; font-size:9px; } #nav .rub-sec a{ color:#008ac9; text-decoration:none; } #nav .rub-sec a:hover{ color:#008ac9; text-decoration:underline; } /* HEADER */ #header{ width:1010px; height:410px; background-image: url(../imgs/interface/header.gif); background-repeat: no-repeat; background-position: 0px 0px;position: relative; z-index:50; /*border:1px solid #000000;*/ } /* CONTENU */ #contenu{ margin:0 auto; width:910px; background-color:#FFFFFF; padding:0 20px 0 20px; /*border:1px solid #666666;*/ } /*TEASER MALADIES */ #TeaserItem4, #TeaserItem5{ width:272px; float:left; margin-right:23px; min-height:150px; background-image: url(../imgs/interface/back-teaser-a.jpg); background-repeat: no-repeat; background-position: 0px bottom; } #TeaserItem4 a, #TeaserItem5 a{ padding:0px 2px; margin-top:5px; display:inline-block; font-weight:bold; color:#FFFFFF; text-decoration:none;} #TeaserItem4 a:hover, #TeaserItem5 a:hover{ color:#000000;} /* TEASER 3 COLS BAS/DROITE DE PAGE */ #teaser-bas{ width:898px; margin:0 auto; font-size:0.89em; color:#5e5e5e; } #teaser-right{ margin:0 auto; font-size:0.89em; color:#5e5e5e; } #teaser-bas p,#teaser-right p{ margin:0px 5px;} #teaser-bas ul,#teaser-right ul{ margin:0 5px; list-style-type: none; } #teaser-bas ul li,#teaser-right ul li{ padding-left:12px; background-repeat: no-repeat; background-position: 0px 3px; line-height:normal; } #teaser-bas a,#teaser-right a{ padding:0px 2px; margin-top:5px; display:inline-block; font-weight:bold; color:#FFFFFF; text-decoration:none;} #teaser-bas a:hover, #teaser-right a:hover{ color:#000000;} #teaser-bas #TeaserItem1,#teaser-bas #TeaserItem2,#teaser-bas #TeaserItem3{ padding:5px 5px 15px 5px; width:272px; float:left; margin-left:26px; min-height:150px; background-image: url(../imgs/interface/back-teaser-a.jpg); background-repeat: no-repeat; background-position: 0px bottom; } #teaser-right #TeaserItem1,#teaser-right #TeaserItem2,#teaser-right #TeaserItem3{ padding:5px 5px 15px 5px; width:272px; display:block; margin-bottom:20px; background-image: url(../imgs/interface/back-teaser-a.jpg); background-repeat:no-repeat; background-position: 0px bottom; } #teaser-bas #TeaserItem1{ margin:0; } #teaser-bas #TeaserItem2,#teaser-right #TeaserItem2{ background-image: url(../imgs/interface/back-teaser-b.jpg); } /* ACCORDEON */ #Accordeon { margin-top: 20px;} #Accordeon a.sstitre{ padding:0px; margin:0px; color:#FFFFFF; text-decoration:none; } #Accordeon a.titre{ cursor:pointer; display:block; color:#FFFFFF; background-color:#e24502; font-size:0.9em; text-decoration:none; font-weight:bold; padding:3px; margin-bottom:15px; background-image: url(../imgs/interface/titre-accordeon.gif); background-repeat: repeat-x; background-position: 0px 0px; } #Accordeon a.titre:hover{color:#000000; text-decoration:none; } #Accordeon p{ color:#535353; font-size:0.9em; margin-bottom:6px; /*display:none;*/ } #Accordeon a{ padding:1px 2px; text-decoration:none; color:#f45406;} #Accordeon a:hover{color:#f45406; text-decoration:underline;} #Accordeon div{ padding-bottom:15px; } #Accordeon li a.faq{text-decoration:none; color:#f45406;} #Accordeon a.faq:hover{color:#f45406; text-decoration:underline;} #Accordeon a.links{text-decoration:none; color:#000000;} #Accordeon a.links:hover{color:#f45406; text-decoration:underline;} /* FOOTER */ /*#footer{ width:100%; height:130px; bottom:0px; position:fixed; background-image: url(../imgs/interface/back-footer.png); background-repeat: no-repeat; background-position: center 0px; color:#fd5604; }*/ #footer{ width:100%; height:200px; background-image: url(../imgs/interface/back-footer.gif); background-repeat: no-repeat; background-position: center 0px; color:#fd5604; position:absolute; } #footer span{ display:block; width:890px; margin:80px auto; font-size:0.9em; } #footer span a{ font-size:0.85em; color:#FFFFFF; text-decoration:none; } #footer span .mentions-bayer{ font-size:0.85em; color:#FFFFFF; display:inline; margin:0; width:auto; } /* DIVERS */ .clr{ clear:both; } .orange b{ color:#f08406;} .orange a{ background-color:#f08406;} .orange li{ background-image: url(../imgs/interface/puce-liste.gif); } .rose b{ color:#e3295d;} .rose a{ background-color:#fd7293;} .bleu b{ color:#00a3c6;} .bleu a{ background-color:#00a3c6;} .bleu li{ background-image: url(../imgs/interface/puce-liste-bleu.gif); } .vert b{ color:#6daa04;} .vert a{ background-color:#6daa04;} .vert li{ background-image: url(../imgs/interface/puce-liste-vert.gif); } .vertfonce b{ color:#018e04;} .vertfonce a{ background-color:#018e04;} .vertfonce li{ background-image: url(../imgs/interface/puce-liste-vert.gif); } .turquoise b{ color:#00b6b4;} .turquoise a{ background-color:#00b6b4;} .turquoise li{ background-image: url(../imgs/interface/puce-liste-turquoise.gif); } .TitreImage{ display:block;} .PavePrix{ display:inline-block; background-color:#f95402; font-weight:bold; color:#FFFFFF; padding:2px 3px; margin:10px 0; } .legende{ font-size:0.85em; font-style:italic;} .legende a{ font-size:0.85em; font-style:italic; font-weight: bold;} .legende a:hover{ font-size:0.85em; font-style:italic; color:#f95402;} .note{ background-color:#dcdddf; padding:5px; } .note strong{ color:#f45408; } #maladie a{ color: #00A3C6;} #maladie a:hover{ color:black;} #HideNav{ height:90%; width:98%; position:absolute; left:0; top:70px; z-index:90; display:none; background-image: url(../imgs/interface/transparent.gif); background-repeat: repeat; } /* TABLEAU PIQURE */ #tableaupiqure{ margin:auto; text-align:center; width:auto; } .title { background-color:#f95a00; color:#ffffff; font-weight:bold; } .l1 { background-color:#fddec9; color:#ff7433; } .l2 { background-color:#ffe8b2; color:#6e676f; } /*.cross{ font-size:0.9em; color:red; } .pipe{ font-size:0.9em; color:green; }*/ ======= @charset "utf-8"; /* CSS Document */ * html identifiant{} body { background-image: url(../imgs/interface/back.gif); background-repeat: repeat-x; background-position: center 0px; background-color:#cdcdcd; } p {margin:10px 0 10px 0; } /* CONTENEUR GENERAL */ #page{ width:1010px; margin:0 auto 0 auto; /*border-left:1px dashed #666666; border-right:1px dashed #666666; */ } #left{ width:590px; float:left; color:#565656; /*border:1px dashed #999999;*/ } #left p{ font-size:0.9em; } #left ul{ font-size:0.9em; margin:0; list-style-type: none; } #left ul li{ padding-left:12px; background-image: url(../imgs/interface/puce-liste.gif); background-repeat: no-repeat; background-position: 0px 4px; line-height:normal; margin:3px; } #left b{ color:#000000;} #right{ width:282px; float:right; } h1,h2{ display:none; } h3{ color:#f45408; font-size:1em; margin-top: 25px;} h4{ text-decoration: underline; font-weight: bold; font-size:1em; margin: 15px 0 15px 0; } #left li a { color:#f45408; text-decoration:none; } #left li a:hover { color:#f45408; text-decoration:underline; } /* NAVIGATION TOP */ #nav{ height:95px; margin:0 auto; width:950px; } #nav .logo{ width:130px; height:95px; background-image: url(../imgs/interface/logo.gif); background-repeat: no-repeat; background-position: 0px 0px; float:left; display:block; } #nav .logo b{ display:none;} /* niveau 1 */ #nav ul{ width:632px; float:left; display:block; margin:0px; padding:0px; list-style:none; } #nav li{ display:block; float:left; width:158px; margin:0; padding:0; height:62px; background-image: url(../imgs/interface/filet-sep-nav.gif); background-repeat: no-repeat; background-position: right center; } #nav li a{ display:block; text-transform:uppercase; text-decoration:none; text-align:center; height:47px; color:#505050; font-size:0.9em; padding-top:15px; font-weight: bolder; } /*#nav li a:hover,*/ #nav li a.on,#nav li a.onforced{ background-color: #282522; background-image: url(../imgs/interface/back-nav-on.gif); background-repeat: repeat-x; background-position: 0px 0px; color:#FFFFFF; } /* niveau 1 */ #nav ul ul{background-color:#666666; position:absolute; background-color:#282522; width:158px; display:none; z-index:100; } #nav li li{ height:auto; background:none; border-bottom:2px solid #151515; } #nav li li a{ height:auto; padding:2px 10px 2px 10px; text-align:left; color:#FFFFFF; text-transform:none; font-weight:normal; } #nav li li a:hover{ background:none; background-color:#f55100; } #nav .logo-healthcare{ width:185px; height:62px; background-image: url(../imgs/interface/logo-bayer-healthcare.gif); background-repeat: no-repeat; background-position: 0px 0px; float:left; display:block; } /* HEADER */ #header{ width:1010px; height:410px; background-image: url(../imgs/interface/header.gif); background-repeat: no-repeat; background-position: 0px 0px;position: relative; z-index:50; /*border:1px solid #000000;*/ } /* CONTENU */ #contenu{ margin:0 auto; width:910px; background-color:#FFFFFF; padding:0 20px 0 20px; /*border:1px solid #666666;*/ } /* TEASER 3 COLS BAS/DROITE DE PAGE */ #teaser-bas{ width:898px; margin:0 auto; font-size:0.89em; color:#5e5e5e; } #teaser-right{ margin:0 auto; font-size:0.89em; color:#5e5e5e; } #teaser-bas p,#teaser-right p{ margin:0px 5px;} #teaser-bas ul,#teaser-right ul{ margin:0 5px; list-style-type: none; } #teaser-bas ul li,#teaser-right ul li{ padding-left:12px; background-repeat: no-repeat; background-position: 0px 3px; line-height:normal; } #teaser-bas a,#teaser-right a{ padding:0px 2px; margin-top:5px; display:inline-block; font-weight:bold; color:#FFFFFF; text-decoration:none;} #teaser-bas a:hover, #teaser-right a:hover{ color:#000000;} #teaser-bas #TeaserItem1,#teaser-bas #TeaserItem2,#teaser-bas #TeaserItem3{ padding:5px 5px 15px 5px; width:272px; float:left; margin-left:26px; min-height:150px; background-image: url(../imgs/interface/back-teaser-a.jpg); background-repeat: no-repeat; background-position: 0px bottom; } #teaser-right #TeaserItem1,#teaser-right #TeaserItem2,#teaser-right #TeaserItem3{ padding:5px 5px 15px 5px; width:272px; display:block; margin-bottom:20px; background-image: url(../imgs/interface/back-teaser-a.jpg); background-repeat:no-repeat; background-position: 0px bottom; } #teaser-bas #TeaserItem1{ margin:0; } #teaser-bas #TeaserItem2,#teaser-right #TeaserItem2{ background-image: url(../imgs/interface/back-teaser-b.jpg); } /* ACCORDEON */ #Accordeon { margin-top: 20px;} #Accordeon a.titre{ cursor:pointer; display:block; color:#FFFFFF; background-color:#e24502; font-size:0.9em; text-decoration:none; font-weight:bold; padding:2px; margin-bottom:15px; background-image: url(../imgs/interface/titre-accordeon.gif); background-repeat: repeat-x; background-position: 0px 0px; } #Accordeon p{ color:#535353; font-size:0.9em; margin-bottom:6px; /*display:none;*/ } #Accordeon a{ padding:1px 2px; text-decoration:none; color:#f45406;} #Accordeon a:hover{color:#f45406; text-decoration:underline;} #Accordeon div{ padding-bottom:15px; } .temperees #Accordeon a.titre{background-image: url(../imgs/interface/titre-accordeon-vert.gif);} /* FOOTER */ /*#footer{ width:100%; height:130px; bottom:0px; position:fixed; background-image: url(../imgs/interface/back-footer.png); background-repeat: no-repeat; background-position: center 0px; color:#fd5604; }*/ #footer{ width:100%; height:200px; background-image: url(../imgs/interface/back-footer.gif); background-repeat: no-repeat; background-position: center 0px; color:#fd5604; position:absolute; } #footer span{ display:block; width:890px; margin:80px auto; font-size:0.9em; } #footer span a{ font-size:0.85em; color:#FFFFFF; text-decoration:none; } /* DIVERS */ .clr{ clear:both; } .orange b{ color:#f08406;} .orange a{ background-color:#f08406;} .orange li{ background-image: url(../imgs/interface/puce-liste.gif); } .rose b{ color:#e3295d;} .rose a{ background-color:#fd7293;} .bleu b{ color:#00a3c6;} .bleu a{ background-color:#00a3c6;} .bleu li{ background-image: url(../imgs/interface/puce-liste-bleu.gif); } .vert b{ color:#6daa04;} .vert a{ background-color:#6daa04;} .vert li{ background-image: url(../imgs/interface/puce-liste-vert.gif); } .vertfonce b{ color:#018e04;} .vertfonce a{ background-color:#018e04;} .vertfonce li{ background-image: url(../imgs/interface/puce-liste-vert.gif); } .turquoise b{ color:#00b6b4;} .turquoise a{ background-color:#00b6b4;} .turquoise li{ background-image: url(../imgs/interface/puce-liste-turquoise.gif); } .TitreImage{ display:block;} .PavePrix{ display:inline-block; background-color:#f95402; font-weight:bold; color:#FFFFFF; padding:2px 3px; margin:10px 0; } .legende{ font-size:0.85em; font-style:italic;} .legende a{ font-size:0.85em; font-style:italic; font-weight: bold;} .legende a:hover{ font-size:0.85em; font-style:italic; color:#f95402;} .note{ background-color:#dcdddf; padding:5px; } .note strong{ color:#f45408; } .note a { color:#f45408; text-decoration:none; } .note a:hover { color:#f45408; text-decoration:underline; } #maladie a{ color: #00A3C6;} #maladie a:hover{ color:black;} #HideNav{ height:90%; width:98%; position:absolute; left:0; top:70px; z-index:90; background-image: url(../imgs/interface/transparent.gif); background-repeat: repeat; display:none; } * html #HideNav{ height:600px; width:1010px; position:absolute; left:0; top:70px; z-index:90; background-image: url(../imgs/interface/transparent.gif); background-repeat: repeat; display:none; } /* TABLEAU PIQURE */ #tableaupiqure{ margin:auto; text-align:center; width:400px; } .cross{ font-size:0.9em; color:red; } .pipe{ font-size:0.9em; color:green; } >>>>>>> .r18