/**
 * ela-asso.ch
 * 
 * Description: Cascading style sheet / CSS
 * Filename: styles.css
 *
 * @author Lucas PRETRE
 * @version 1.0
 * @since 21.08.2008
 **/

/******************/
/*  General tags  */
/******************/
body {
font-size:12px;
color:#000000;
background-color:#FFB846;
}

form {
color:#000000;
background-color:#FFB846;
font-size:12px;
}

body, table, td {
font-family:arial;
}

textarea {
font-size:12px;
}

input, select {
font-size:10px;
}

hr {
background-color:#0000FF;
color:#000000;
width:450px;
height:2px;
}

table {
font-size:12px;
color:#000000;
background-color:#FFB846;
border-style:solid;
border-width:0px;
}

h2 {
font-size:18px;
color:#051670;
}

h3 {
font-size:17px;
color:#000000;
}

/**********/
/*  Menu  */
/**********/
div.menu table {
border-spacing:6px 0px;
background-color:#FFFFFF;
margin-bottom:6px;
}
div.menu table tr td {
padding:0px 0px;
border:0px solid #FFFFFF;
text-align:center;
}
div.menu a {
display:block;
width:255px;
padding:6px 0px;
background-color:#051670;
color:white;
font-weight:bold;
text-decoration:none;
}
div.menu a:hover {
color:white;
background-color:#3D50AF;
text-decoration:underline;
}

/*****************/
/* Homepage Link */
/*****************/
div.homeLink {
margin-top:15px;
text-align:center;
}

div.homeLink a {
display:block;
width:120px;
padding:6px 0px;
background-color:#051670;
color:white;
font-weight:bold;
text-decoration:none;
margin-left:auto;
margin-right:auto;
}

div.homeLink a:hover {
color:white;
background-color:#3D50AF;
text-decoration:underline;
}

/***************************/
/* Language Selector Links */
/***************************/
div.langSelec {
margin-top:12px;
margin-left:18px;
text-align:center;
}
div.langSelec a,
div.langSelec span.sep {
font-size:1.25em;
}
div.langSelec a {
margin-left:6px;
margin-right:6px;
font-weight:bold;
text-decoration:none;
}
div.langSelec a:hover {
text-decoration:underline;
}
div.langSelec a.act {
color:#051670;
}
div.langSelec a.act:hover {
text-decoration:underline;
}

/* Date displayer */
div.dateDisplayer {
margin-top:12px;
margin-left:9px;
text-align:center;
font-size:10px;
}

/* Page's left and right cells */
td.pageBorder {
vertical-align:top;
}

td.pageBorder img {
border-width:1px;
border-color:#051670;
}

td.pageBorder div.logo_ela {
}

td.pageBorder div.floatLeft {
float:left;
margin-top:20px;
margin-left:21px;
}
td.pageBorder div.fileIcon img {
border-width:0px;
}
td.pageBorder div.honcodePrinciples {
margin-top:20px;
margin-left:42px;
margin-right:25px;
text-align:left;
}

td.pageBorder div.honcodeSeal {
margin-top:20px;
margin-left:84px;
text-align:center;
}
td.pageBorder div.pictureBox {
margin-bottom:17px;
}

td.pageBorder div.honcodeSeal a.check:link    {text-decoration:none;color:#FFFFFF; background-color:transparent}
td.pageBorder div.honcodeSeal a.check:visited {text-decoration:none;color:#FFFFFF; background-color:transparent}
td.pageBorder div.honcodeSeal a.check:active  {text-decoration:none;color:#FFFFFF; background-color:transparent}
td.pageBorder div.honcodeSeal a.check:hover   {text-decoration:underline;color:#FFFFFF; background-color:transparent}

td.pageBorder div.fbIcon {
float:left;
margin-top:10px;
margin-left:22px;
}
td.pageBorder div.fbIcon img {
border-width:0;
}
td.pageBorder div.fbText {
margin-top:10px;
margin-left:80px;
text-align:center;
}
/**********************/
/*  Header and logos  */
/**********************/

/* Logos and menus table */
table.logo {
border-width:0px;
border-color:#000000;
}
table.logo tr {
background-color:#FFFFFF;
}

/* Cell containing logos */
td.logoTop {
vertical-align:top;
background-image:url('../gfx/barre_top_new.jpg');
background-repeat:repeat-x;
background-position:top;
}
td.logoTop img {
margin-top:10px;
}
td.logoTopHeader {
vertical-align:top;
background-image:url('../gfx/barre_top_new.jpg');
background-repeat:repeat-x;
background-position:top;
}
td.logoBottom {
background-image:url('../gfx/barre_top_new.jpg');
background-repeat:repeat-x;
background-position:bottom;
font-size:6px;
}

p.timbre_ela {
margin-top:26px;
text-align:center;
font-size:18px;
}
div.timbre_tel {
text-align:center;
font-size:16px;
}
div.timbre_adresse {
text-align:center;
font-size:16px;
}

div.entete_citation {
color:#051670;
text-align:center;
font-size:17px;
font-weight:bold;
margin-bottom:8px;
}
div.entete_signature {
width:741px;
color:#051670;
text-align:right;
font-size:14px;
font-weight:bold;
margin-bottom: 6px;
}

/* Cell containing the content */
td.contientContenu {
vertical-align:top;
}

/* Footer cell */
td.piedDePage {
font-size:10px;
vertical-align:top;
}

td.contientContenu table td {
vertical-align:top;
}

/*********************/
/*  Events - Teaser  */
/*********************/
table.events_t_header {
color: white;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:0px solid #051670;
background-color:#051670;
margin-top:20px;
}
table.events_t_header_f {
color: white;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:0px solid #051670;
background-color:#051670;
}
table.events_t_header_f td.header {
font-size:larger;
font-weight:bold;
font-variant:small-caps;
}

table.events_t_header a:link,    table.events_t_header_f a:link    {text-decoration:none;color:#FFFFFF; background-color:transparent}
table.events_t_header a:visited, table.events_t_header_f a:visited {text-decoration:none;color:#FFFFFF; background-color:transparent}
table.events_t_header a:active,  table.events_t_header_f a:active  {text-decoration:none;color:#FFFFFF; background-color:transparent}
table.events_t_header a:hover,   table.events_t_header_f a:hover   {text-decoration:underline;color:#FFFFFF; background-color:transparent}

table.events_t_header span.evDate,
table.events_t_header_f span.evDate {
color: white;
font-weight:bold;
}

table.events_t_content {
background-color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:left;
border-top:0px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
}

table.events_t_content a:link     {text-decoration:underline;color:#0000FF; background-color:transparent}
table.events_t_content a:visited  {text-decoration:underline;color:#0000FF; background-color:transparent}
table.events_t_content a:active,  {text-decoration:underline;color:#0000FF; background-color:transparent}
table.events_t_content a:hover,   {text-decoration:underline;color:#0000FF; background-color:transparent}


table.season_greetings {
background-color:#FFFFFF;
height:250px;
font-size:14px;
font-weight:bold;
text-align:left;
margin-bottom:20px;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
}
table.season_greetings img {
margin-top:8px;
}
p.season_greetings {
text-align:center;
font-size:20px;
margin-top:16px;
}
p.season_greetings_ccp {
text-align:center;
font-size:24px;
margin-top:2px;
margin-bottom:2px;
}
p.season_greetings_ela {
text-align:center;
font-size:14px;
margin-top:4px;
margin-bottom:4px;
}

table.donate {
background-color:#FFFFFF;
height:252px;
font-size:14px;
font-weight:bold;
text-align:left;
margin-bottom:20px;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
}

p.donate {
text-align:center;
font-size:24px;
}
p.donate_ela {
text-align:center;
font-size:14px;
}

table.wellDone {
background-color:#FFFFFF;
height:252px;
font-size:14px;
font-weight:bold;
text-align:left;
margin-bottom:20px;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
}
table.wellDone table {
background-color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:left;
}
table.wellDone table td {
vertical-align:middle;
}
p.wellDoneTitle {
text-align:center;
font-size:24px;
}
p.Neel24HMansTitle {
text-align:left;
font-size:24px;
}
p.wellDoneText {
text-align:center;
font-size:14px;
}

/**************/
/*  Partners  */
/**************/
div.logo_partners {
text-align:right;
}
div.logo_partners img {
margin-left:10px;
margin-right:10px
}
div.logo_spacing_partners {
margin-top:12px;
margin-bottom:12px;
}
table td.depositaires {
vertical-align:top;
}
table td.depositaires table td {
font-size:15px;
padding-top:2px;
padding-bottom:2px;
}

/**********************/
/*  Association       */
/*  Leucodystrophies  */
/*  Support ELA       */
/*  Sponsors          */
/*  Brunch            */
/**********************/
table.association,
table.leucodystrophies,
table.support_ela,
table.sponsors {
background-color:#FFFFFF;
text-align:left;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
height:460px;
}
table.brunch {
background-color:#FFFFFF;
text-align:left;
border-top:2px solid #051670;
border-left:2px solid #051670;
border-right:2px solid #051670;
border-bottom:2px solid #051670;
height:252px;
}
table.leucodystrophies td {
vertical-align:top;
}
table.support_ela td {
vertical-align:top;
}
table.brunch td {
vertical-align:top;
}

div.association,
div.leucodystrophies,
div.support_ela,
div.sponsors,
div.brunch {
width:100%;
background-color:#FFFFFF;
font-size:14px;
text-align:left;
}
div.association h2,
div.leucodystrophies h2,
div.support_ela h2,
div.sponsors h2,
div.brunch h2{
color:#000000;
text-decoration:underline;
}
div.association h2,
div.association h3,
div.leucodystrophies h2,
div.leucodystrophies h3,
div.support_ela h2,
div.support_ela h3,
div.sponsors h2,
div.sponsors h3,
div.brunch h2,
div.brunch h3 {
margin-top:5px;
margin-left:20px;
}
div.association p,
div.leucodystrophies p,
div.support_ela p,
div.sponsors p,
div.brunch p {
font-size:14px;
color:black;
text-align:left;
margin-left:20px;
margin-right:10px;
margin-bottom:10px;
}
div.association p.condensed,
div.support_ela p.condensed,
div.sponsors p.condensed,
div.brunch p.condensed {
margin-top:10px;
margin-bottom:0px;
}
div.leucodystrophies p.condensed {
margin-top:10px;
margin-bottom:14px;
}
div.support_ela p.highlight {
font-size:16px;
text-align:center;
}
div.support_ela p.breathing {
margin-top:16px;
margin-bottom:0px;
}
div.support_ela p.spacing {
font-size:2px;
margin-top:2px;
margin-bottom:0px;
}
div.leucodystrophies p.external_link {
margin-top:24px;
margin-bottom:18px;
text-align:center;
}
div.brunch p.highlight {
text-align:center;
font-weight:bold;
margin-top:20px;
}
div.association span {
font-size:14px;
}
div.association span.person_name {
font-size:18px;
font-weight:bold;
}
div.association span.bold,
div.leucodystrophies span.bold,
div.support_ela span.bold  {
font-weight:bold;
}
div.association span.bold_var,
div.leucodystrophies span.bold_var,
div.support_ela span.bold_var {
color:#666666;
font-weight:bold;
}
div.association span.highlight,
div.leucodystrophies span.highlight,
div.support_ela span.highlight {
font-weight:bold;
}
div.association span.reduced,
div.leucodystrophies span.reduced {
font-size:13px;
}
div.association p.abstract,
div.association span.person_function {
color:#666666;
font-weight:bold;
}
div.association ul,
div.leucodystrophies ul {
margin-top:10px;
margin-bottom:0px;
}
div.support_ela ul {
margin-top:6px;
}
div.association ul li,
div.leucodystrophies ul li {
}
div.support_ela ul.ela {
list-style-image: url("../gfx/ela_ul_item.png");
}
div.association hr,
div.leucodystrophies hr,
div.support_ela hr {
width:730px;
color:#FF9933;
background-color:#FF9933;
height:2px;
border:none;
text-align:center;
margin-top:0px;
margin-bottom:0px;
}
div.brunch hr {
width:450px;
color:#000000;
background-color:#000000;
height:2px;
border:none;
text-align:center;
margin-top:0px;
margin-bottom:0px;
}
div.association hr.thickbox,
div.leucodystrophies hr.thickbox,
div.support_ela hr.thickbox {
width:960px;
}
div.association table,
div.leucodystrophies table,
div.support_ela table,
div.sponsors table,
div.brunch table {
font-size:14px;
background-color:#FFFFFF;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

div.brunch p.catTitle {
margin-left:0px;
margin-right:0px;
font-weight:bold;
text-align:center;
}

div.association table td.prespicture {
vertical-align:bottom;
}
div.association table td.smallspace {
font-size:4px;
}
div.association table.watch_council {
margin-top:5px;
margin-bottom:5px;
}
div.association table.watch_council td {
font-size:12px;
}
div.association table td.watch_council_title {
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
div.association table.slogan {
margin-top:-10px;
margin-left:20px;
width:470px;
}

div.leucodystrophies table.slogan_fr {
margin-top:-10px;
margin-left:20px;
width:470px;
}

div.leucodystrophies table.slogan_de {
margin-top:-10px;
margin-left:20px;
width:515px;
}

div.support_ela table.slogan {
margin-top:0px;
margin-left:20px;
margin-bottom:0px;
width:900px;
}
div.association table.slogan td,
div.leucodystrophies table.slogan_fr td,
div.leucodystrophies table.slogan_de td {
font-weight:bold;
font-size:19px;
vertical-align:middle;
line-height:1.9;
}
div.support_ela table.slogan td {
vertical-align:middle;
}
div.support_ela table.slogan td.item {
font-weight:bold;
font-size:16px;
font-variant:small-caps;
vertical-align:middle;
}
div.support_ela table.slogan td img {
margin-top:6px;
margin-bottom:6px;
}
div.association a {
font-size:14px;
font-weight:bold;
}
div.leucodystrophies a {
font-size:16px;
font-weight:bold;
}
div.support_ela p.centered {
text-align:center;
}
div.support_ela p.centered img {
display:inline;
margin-top:0px;
margin-bottom:0px;
}
div.leucodystrophies img,
div.support_ela img {
margin-top:16px;
margin-bottom:10px;
display:block;
margin-left:auto;
margin-right:auto
}
div.support_ela div.spaced_pict img {
margin-top:40px;
margin-bottom:10px;
display:block;
margin-left:auto;
margin-right:auto
}
div.support_ela div.less_spaced_pict img {
margin-top:35px;
margin-bottom:35px;
display:block;
margin-left:auto;
margin-right:auto
}
/***********/
/*  Links  */
/***********/

/* Standard links */
a:link    {text-decoration:none;color:#000000; background-color:transparent}
a:visited {text-decoration:none;color:#000000; background-color:transparent}
a:active  {text-decoration:none;color:#000000; background-color:transparent}
a:hover   {text-decoration:underline;color:#000000; background-color:transparent}

/* Table links */
a.table:link    {text-decoration:underline;color:#293E5C;}
a.table:visited {text-decoration:none;color:#293E5C;}
a.table:active  {text-decoration:none;color:#293E5C;}
a.table:hover   {text-decoration:underline;color:#00ADFF;}

/* Text links */
a.texte:link    {text-decoration:underline;color:#293E5C; background-color:transparent}
a.texte:visited {text-decoration:none;color:#293E5C; background-color:transparent}
a.texte:active  {text-decoration:none;color:#293E5C; background-color:transparent}
a.texte:hover   {text-decoration:underline;color:#000000; background-color:transparent}

/* Links Association & Leucodystrophies*/
div.association a:link,    div.leucodystrophies a:link    {text-decoration:underline;color:#666666; background-color:transparent}
div.association a:visited, div.leucodystrophies a:visited {text-decoration:underline;color:#666666; background-color:transparent}
div.association a:active,  div.leucodystrophies a:active  {text-decoration:underline;color:#666666; background-color:transparent}
div.association a:hover,   div.leucodystrophies a:hover   {text-decoration:underline;color:#666666; background-color:transparent}

/* Links Association ELA Suisse */
div.association a.organisation:link    {text-decoration:none;color:#666666; background-color:transparent}
div.association a.organisation:visited {text-decoration:none;color:#666666; background-color:transparent}
div.association a.organisation:active  {text-decoration:none;color:#666666; background-color:transparent}
div.association a.organisation:hover   {text-decoration:underline;color:#666666; background-color:transparent}