html{
height: 100%;
}

body {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 10px;
background-color: #9bbbe7;
border-color: #9bbbe7;
color:#03439b;
height: 80%;
}

a {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 10px;
color:#03439b;
text-decoration: none;
}

a:visited {
color:#000000;
}

a:hover {
color:#000000;
text-decoration:underline;
}

#top_panel {
background-color: #d2dbe7;
min-height: 9em;
border:4px solid #03439b;
width:97%;
margin: 1%;
}


.logo{
margin: 1em;
}

#top_panel td.infos {
text-align : left;
width : 25em;
font-size: 10px;
}

#filters {
float:right;
background-color: #ffffff;
min-height: 9em;
border:3px solid #03439b;
font-size: 10px;
padding: 0.2em;

}

#filters td.intitule {
background-color: #d2dbe7;
border-bottom: 1px solid #9bbbe7;
font-weight: bold;
}

#filters td.selectionne {
background-color: #e6243b;
border-bottom: 1px solid #9bbbe7;
font-weight: bold;
color: #ffffff;
}

#filters td.filtre {
background-color: #e8eae8;
border-bottom: 1px solid #03439b;
text-align: right;
font-size: 8px;
}

#filters td.filtreselectionne {
background-color: #e3bbc0;
border-bottom: 1px solid #03439b;
text-align: right;
font-size: 8px;
}

#filters td.filtrer {
background-color: #e6243b;
text-align: center;
background-image: url(/skill_icons/accept.png);
background-repeat: no-repeat;
background-position: right;
width:100%;
border: 2px solid #03439b;
padding: 0.5em;
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
#filters td.filtrer:hover {
background-color: #e3bbc0;
border: 2px solid #9bbbe7;
}

.icon_skill {
border-width:0;
margin: 1px;
}
.icon_skill:hover { 
margin: 0px;
border: 1px solid #9bbbe7;
}

.filtre {
right:0;
top:0;
}

#avalanches {
float: left;
background-color: #ffffff;
min-height: 9em;
border:3px solid #03439b;
font-size: 10px;
padding: 0.2em;
}

#avalanches td.intitule {
border-bottom: 1px solid #03439b;
background-color: #e8eae8;
font-weight: bold;
text-align: center;
}

#avalanches td.contenu {
border-bottom: 1px solid #9bbbe7;
}

#nbavalanches {
font-size: 12px;
text-align: center;
background-color: #a9e791;
font-weight: bold;
margin: 0.5em;
padding: 1em;
border:2px outset #5a7d4c;
}

#emails {
text-align: right;
}



.titre {
margin: 1em 10% 2em 10%;
padding: 1em;
border: 3px solid #9bbbe7;
text-align:center;
font-weight:bold;
line-height: 2em;
}

.titre_liste {
background-color: #eeeeee;
}

.titre_item {
background-color: none;
}

.sous_titre {
font-weight:normal;
}


#view_html {
border:3px solid #03439b;
font-size: 10px;
margin-left: 1em;
padding: 0.2em;
width: 80%;
background-color: #ffffff;
}

#view_html a {
display: block;
font-style: italic;
color: #03439b;
}

#view_html a:hover {
color: #9bbbe7;
}

#view_html .intitule {
font-weight:bold;
background-color: #e8eae8;
border-bottom: 1px solid #9bbbe7;
}

#view_html .valeur {
background-color: #ffffff;
border-bottom: 1px solid #9bbbe7;
}

td.spec { color: blue ; text-decoration:none ; font-weight: bold ;  background-color:#EEEEEE;}
td.spec:hover { color: blue ; text-decoration:none ; font-weight: bold ;  background-color:#EEEEEE;}

table.normal { border-width:1px; border-style:solid;  cellspacing:0px;  background-color:#ffffff;}
                
tr.header {font-weight: bold ;text-align:center;}
tr.subheader {font-weight: bold ;font-style:italic;text-align:center;background-color:#ffffff;}
tr.ligne-odd {  color: black ; text-decoration:none ; font-weight: normal ;  background-color:#FFFFFF;}
tr.ligne-odd:hover {   font-weight: normal ;  background-color:#5d87ad;}

tr.ligne-even {color: black ; text-decoration:none ; font-weight: normal ;  background-color:#bbccdc;}
tr.ligne-even:hover {font-weight: normal ; background-color:#5d87ad;}

td.cell-odd {color: black ; text-decoration:none ; font-weight: bold ;  background-color:#ffffff; text-align:center}
td.cell-odd:hover {font-weight: bold ;  background-color:#5d87ad;}

td.cell-even {color: black ; text-decoration:none ; font-weight: bold ;  background-color:#bbccdc; text-align:center}
td.cell-even:hover {font-weight: bold ; background-color:#5d87ad;}

p.title-object {color: black ; text-decoration:none ; font-weight: bold; text-align:center}

table.sortable { border-width:1px; border-style:solid;  cellspacing:0px;  background-color:#ffffff}
table.sortable tr.subheader {font-weight: bold ;font-style:italic;text-align:center;background-color:#bbccdc;}
table.sortable tr {background-color:#ffffff;border-top-color : #000000; border-top-style : solid; border-top-width : 1px;}
table.sortable tr.ligne-odd:hover {font-weight: normal ;  background-color:#5d87ad;}

.unauthorized {
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 3em;
}