/*----- Lilly.com HTML CSS -----*/
/*----- global styles -----*/
/* these styles control appearance of elements included in the entire page */
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
voice-family: "\";}\"";
voice-family: inherit;
background-color: #FFF;
}
table{
border-collapse:separate;
}
img{
padding:0;
margin:0;
}
a {
color: #C00;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size:small;
font-weight: bold;
padding: 0px 5px 0px 5px;
margin: 0;
color: #666666;
}
h2, h3, h4, p, blockquote, ul, ol, td {
color: #000;
font-size: x-small;
margin: 0;
padding: 0;
}
hr {
color:#CCCCCC;
}
/* text styles */
h2, h3, h4 {
margin: 3px 0 0 5px;
font-size:small;
}
h2{
font-size: x-small;
color:#CC0000;
padding-top: 15px;
padding-bottom: 13px;
padding-left:5px;
margin:0;
}
h3{
font-size: x-small;
color:#222222;
padding-top: 10px;
padding-bottom: 10px;
padding-left:30px;
margin:0;
text-decoration:underline;
}
/*----- header styles -----*/
/* these styles control appearance of elements included in the header tables of the page */
#header {
width: 750px;
}
#header .topBar {
color: #FFF;
background-color: #C00;
vertical-align: middle;
}
#header .topBar a {
font-size: 12px;
color: #FFF;
}
#header .topBar a:hover {
text-decoration: underline;
}
#header .topBar img {
float: left;
}
#header .topBar .float {
padding: 7px 3px 0 0;
}
#header select {
color: #C00;
font-size: x-small;
margin: 0 5px 0 10px;
background-color: #FFF;
border: 1px solid #C00;
}
#header .blueBox {
background-color: #DDD;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
#header .globalNav {
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;
padding-bottom: 3px;
}
#header .globalNav_empty {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/*----- content styles -----*/
/* these styles control appearance of elements included in the content table of the page */
/*--- subNav - refer to lilly_navigation.css ---*/
/*--- content area styles ---*/
.contentArea {
background-color: #FFF;
vertical-align: top;
border-right: 1px solid #CCC;
font-size: x-small;
width:600px;
}
.contentArea * td.contentArea{
width:472px;
}
.contentArea label,
.contentArea * label{
display:none;
}
.contentArea td.tout{
width:125px;
vertical-align:text-top;
padding:0;
margin:0;
}
/* breadcrumb styles */
#breadcrumb {
font-size:xx-small;
color: #CCCCCC;
padding: 0 5px 5px 5px;
margin: 5px 0 5px 0;
border-bottom: 1px solid #CCC;
}
#breadcrumb a {
color: #000;
padding: 2px;
margin-right: 3px;
}
#breadcrumb a:hover {
text-decoration: underline;
}
#breadcrumb a.selected {
color: #C00;
}
.contentArea p {
margin: 7px 5px 7px 0px;
}
.contentArea ul, .contentArea ol {
color: #000;
padding: 0;
padding-left: 45px;
list-style-position: outside;
}
.footnote {
color: #666;
font-size: 70%;
padding: 3px;
border: 1px solid #CCC;
}
/*--- tout styles ---*/
/* these styles control appearance of elements included in the tout area of the ".contentArea" applied table cells */
/*----- interstitial page styles -----*/
/* these styles control appearance of elements included in the interstitial pages that launch while trying to leave the site */
#interstitial {
background-color: #EEE;
height: 100%;
padding: 20px;
}
#interstitial .information {
background-color: #FFF;
padding: 10px;
border: 1px solid #666;
height: 75%;
}
#interstitial h1 {
font-size: 120%;
font-weight: bold;
color: #C00;
}
#interstitial p {
font-size: 100%;
}
#interstitial table {
width: 100%;
}
#interstitial input {
font-size: 80%;
cursor: hand;
height: 20px;
width: 75px;
background-color: #EEE;
border: 1px solid #666;
}
/*----- footer styles -----*/
/* these styles control appearance of elements included in the footer table of the page */
#footer {
width: 750px;
}
#footer td {
vertical-align: top;
border-top: 1px solid #000;
}
#footer p {
color: #000;
font-size: xx-small;
padding: 5px 0 0px 150px;
}
#footer a {
color: #C00;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/*----- main footer styles -----*/
/* these styles control appearance of elements included in the footer table of the page */
#mainfooter {
width: 750px;
}
#mainfooter td {
vertical-align: top;
}
#mainfooter p {
color: #000;
font-size: xx-small;
/*padding: 5px 0 20px 150px;*/
padding: 0px 0 20px 150px;
}
#mainfooter a {
color: #C00;
text-decoration: none;
}
#mainfooter a:hover {
text-decoration: underline;
}
/*----- sitemap styles -----*/
/* these styles control some appearances of elements included in the sitemap.html page */
#niveau1{float:left; margin-left:20px; padding:5px; width:200px; border-bottom:#CE0000 solid 1px; background:#F6F6F6; margin-bottom:20px; }
#niveau2{float:left; border-left:#CE0000 solid 1px; padding:5px; padding-left:20px; padding-right:30px; border-bottom:#CE0000 solid 1px; margin-bottom:20px; font-size:12px;}
#niveau2 #sousrub{float:left; padding-right:10px; padding-bottom:3px; border-bottom:#CE0000 solid 1px; padding-left:5px; margin-left:-3px;}
#niveau3{border-left:#666666 solid 1px; padding-top:2px; padding-bottom:5px; padding-right:20px; margin-bottom:5px; padding-left:8px; color:#666666; font-size:10px; float:left; background-color:#F6F6F6;}
#niveau3 a{ color:#666666;}
#clear{clear:both;}
/*----- adding styles used in /patho/ folders */
#bloc_retrait{
margin-right: 15px;
margin-left: 25px;
}
#bloc_qu_il_faut_retenir{
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
background-color:#FFFFAA;
border:1px solid #CC0000;
}
#bloc_mea{
width: 90%;
padding: 5px;
margin-top: 15px;
margin-bottom: 15px;
background-color:#F5EDED;
border:1px solid #CC0000;
text-align: center;
color:#CC0000;
font-size:13px;
}
#bloc_mea_left{
width: 90%;
padding: 5px;
margin-top: 15px;
margin-bottom: 15px;
background-color:#F5EDED;
border:1px solid #CC0000;
text-align: left;
color:#CC0000;
font-size:13px;
}
#bloc_notes{
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
color:#999999;
font-size:10px;
font-style: italic;
}
#bloc_retrait h3{
font-weight:bold;
}
ul{
margin-top: 15px;
margin-bottom: 15px;
}
#bloc_qu_il_faut_retenir h2{
padding-top: 5px;
padding-bottom: 5px;
display:block;
border-bottom: 1px solid #CC0000;
margin-bottom:10px;
}
.tableau_bleu,
#tableau_bleu{
background-color: #BBD1E8;
display:block;
border: 2px solid #336699;
margin-top:5px;
margin-bottom: 5px;
}
#tableau_bleu h2,
.tableau_bleu * th{
border: 2px solid #BBD1E8;
background-color: #336699;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
padding-top: 5px;
padding-bottom: 5px;
font-size:x-small;
}
#tableau_bleu p{
padding:2px 5px 2px 5px;
}
.tableau_bleu * td{
border-bottom:1px solid #999999;
padding:3px;
}
#img_gauche{
float:left;
padding:10px;
}
#img_droite{
float:right;
padding:10px;
}
#img_milieu{
text-align:center;
vertical-align:middle;
display:block;
padding:10px;
}
.petit_texte{
font-size:11px;
}
a img{
border:none;
}
fieldset{
padding:15px;
padding-bottom:10px;
border:1px solid #336699;
text-align:center;
}
legend{
padding:5px;
font-weight:bold;
background-color:#336699;
color:#FFFFFF;
margin:10px;
}
#legende{
color:#999999;
font-size:10px;
font-style: italic;
}
fieldset.temoignage{
padding:10px;
margin:0;
margin-bottom:10px;
font-size:x-small;
text-align:left;
}
fieldset.temoignage legend{
margin:0;
margin-bottom:5px;
}
/* TO DELETE */
/*
#content{
width: 750px;
background-color:#FFFFFF;
}
.breadcrumbArea {
height: 10px;
}
//------ General table style -----
table.zebraTable {
font-size: 70%;
width: 96%;
text-align: center;
border: 1px solid #CCC;
background-color: #EEE;
padding-left: 1em;
margin: 3px;
}
.zebraTable th {
color: #FFF;
border: 0px;
font-weight: bold;
background-color: #666;
}
.zebraTable td {
background-color: #EEE;
border: 0px;
}
.zebraTable tr.alternate td {
background-color: #FFF;
border: 0px;
}
.zebraTable a:hover {
background-color: #EEE;
color: #FFF;
border: 0px;
display: block;
text-decoration: none;
}
//------- Press style table ----------------------
#pressHeader {
width: 98%;
border: 1px solid #CCC;
padding-left: 1em;
margin: 3px;
font-size: 70%;
}
#pressHeader .topBar {
color: #FFF;
text-align: center;
background-color: #C00;
font-weight: bold;
vertical-align: middle;
}
#pressHeader .topBar a {
font-size: 70%;
color: #FFF;
}
#pressHeader .topBar img {
float: left;
}
#pressHeader .topBar .float {
float: right;
padding: 7px 3px 0 0;
}
.pressHeader a:hover {
background-color: #666666;
color: #FFF;
border: 0px;
display: block;
text-decoration: none;
}
//------ Search table style -----
table.SearchTable {
font-size: 70%;
width: 96%;
text-align: center;
border: 1px solid #000;
background-color: #EEE;
padding-left: 1em;
margin: 3px;
}
.SearchTable th {
border: 0px;
font-size: 70%;
background-color: #FFF;
}
.SearchTable td {
font-size: 70%;
}
.SearchTable tr.alternate td {
background-color: #FFF;
border: 0px;
font-size: 70%;
}
//------ Simple table without any color style -----
table.simpleTable {
font-size: 75%;
width: 96%;
border: 0px;
background-color: #FFF;
padding-left: 1em;
margin: 3px;
}
.simpleTable th {
color: #000;
border: 0px;
font-weight: bold;
background-color: #FFF;
}
.simpleTable td {
background-color: #FFF;
border: 0px;
}
//------ Top Link table without any color style -----
table.linkTable {
font-size: 70%;
width: 96%;
border: 0px;
background-color: #FFF;
padding-left: 1em;
margin: 3px;
}
.linkTable th {
color: #000;
border: 0px;
font-weight: bold;
background-color: #FFF;
}
.linkTable td {
background-color: #FFF;
border: 0px;
}
// blue table
table.zebraTableBlue {
font-size: 78%;
width: 98%;
text-align: left;
border: 1px solid #B7C8EB;
background-color: #fff;
}
.zebraTableBlue th {
color: #FFF;
border: 0px;
font-weight: bold;
background-color: #90A3CA;
}
.zebraTableBlue td {
background-color: #C8D3EA;
border: 0px;
padding: 5px 5px;
}
.zebraTableBlue tr.alternate td {
background-color: #FFF;
border: 1px;
}
#content h3, #content h4 {
font-weight: normal;
}
#content p.h3Text, #content h4 p.h4Text {
font-size: 70%;
}
#content h3, p.h3Text {
padding-left: 20pt;
}
#content h4, p.h4Text {
padding-left: 40pt;
}
#content .tout {
background-color: #FCC;
border: 1px solid #CCC;
padding: 10px 2px 10px 2px;
}
#content .tout h1 {
color: #000;
font-weight: bold;
font-size: 70%;
padding-top: 0;
margin-top: 0;
}
#content .tout ul {
list-style-position: outside;
margin-bottom: 10px;
margin-left: -15px;
}
#content .tout a {
font-size: 100%;
margin: 10px 0 0 10px;
}
#content select {
color: #666;
background-color: #EEE;
border: 1px solid #666;
}
#content input {
color: #666;
border: 1px solid #666;
}
#content input.button {
background-color: #EEE;
}
ul.anchorLink {
font-weight: bold;
text-indent: 20px;
list-style-type: none;
}
.anyTable th {
color: #FFF;
font-size: 80%;
background-color: #666;
}
.anyTable td {
font-size: 80%;
background-color: #EEE;
border: 1px solid #666;
}
.anyTable tr.alternate td {
background-color: #DEE;
}
.anyTable a:hover {
background-color: #C00;
color: #FFF;
display: block;
}
.textNormal {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
// imageTable styles padding=2 by default template
table.imageTable {
border: 1px solid #CCC;
background-color: #EEE;
padding: 2px;
margin: 5px;
}
.imageTable p {
color: #666;
font-size: 65%;
}
.caption {
color: #666;
font-size: 65%;
}
*/