/* ######### debut bases #########*/

a{}


html,body {
background-color: #000000;
scrollbar-face-color:#000000;
scrollbar-arrow-color:brown;
scrollbar-track-color:#CCEEFF;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
background-image: url(images/ermcaskullbg.jpg);
background-repeat : no-repeat;
background-attachment: fixed;
background-position: center center;
}


p {
color : #FF0000;
}

ul,li {
color : #FF0000; 
}

p.lettrine:first-letter {
font-family: "Times New Roman", Times, serif;
font-style: italic;
margin-right: 3px;
float: left;
font-size: 3em;
}

p.lettrine{
text-align: justify;
}

.left_list {
text-align: justify;
}


/* ######### fin bases #########*/
/* ######### Liens #########*/

a:link {
color : white;
text-decoration: none;
}

a:visited {
color : white;
text-decoration: line-through;
}

a:hover {
COLOR:#3366ff;
text-decoration: underline;
}

/* ######### Liens - spéciaux #########*/

.link:link
{
color : white;
text-decoration: none;
border-bottom:2px solid #FF6666;
padding-left:2px;
padding-right:2px;
}

.link:visited
{
color : white;
text-decoration: line-through;
border-bottom:2px solid #FF6666;
}

.link:hover
{
COLOR:#3366ff;
text-decoration: blink;
border-top:2px solid #FF6666;
background-color:#66CC66;
}

.link:after {
content:url('images/ext-fleche.png');
}

.bottom a
{
text-decoration: none;
}

.bottom a:hover
{
text-decoration: blink;
}


/* ######### titres #########*/

h1 {
font-size : 200%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : orange; 
text-align: center;
text-decoration: underline;
}

h2 {
font-size : 150%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : orange;
padding-left:15px;
text-decoration: underline;
}

/* ######### divs #########*/

.menu {
width : 200px;
max-height : 100%;
border-top: double red 4px;
border-bottom: groove yellow 4px;
border-left: groove yellow 4px;
border-right: double red 4px;
text-align : center;
background-image: url(images/freebsd-logo-2.gif);
background-repeat : repeat-y;
}

.left
{
width : 202px;
height : 600px;
float: left;
}

.data {
max-width : 100%;
max-height : 100%;
margin-left: 215px;
text-align:center;
}

.right {
width : 200px;
max-height : 100%;
min-height: 200px;
margin-top : 20px;
margin-right : 1px;
border-top: ridge yellow 4px;
border-bottom: double red 4px;
border-left: inset yellow 4px;
border-right: double red 4px;
text-align : left;
background color : black;
background-image: url(images/Emacs.png);
background-repeat : no-repeat;
background-position: center center;
}

.bottom {
text-align : center;
clear:both;
}

/* ######### Images #########*/

.picture1{
border : double red 4px;
border-right: double blue 4px;
border-bottom: double blue 4px;
}

.picture2{
float:left;
margin-right:10px;
}

/* ######### tableaux #########*/

td{
border-top : double green 10px;
border-bottom : double green 10px;
border-left: double red 10px;
border-right: double yellow 10px;
text-align : left;
}

table{
margin-left:auto;
margin-right:auto;
}

.data table{
border-spacing: 2px 100px;
}

/* ######### texte particulier #########*/

.comment{
color : blue;
}

.soul-blanc{
color:white;
text-decoration: underline;
}

/* ########## List Menu vertical #####################*/

#navcontainer ul
{
margin-left: 45px;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 2px;
border: 1px solid #333;
width: 120px;
background-color: #999;
#background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
#background-image: url(images/l1_over.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
#background-image: url(images/l1_over.gif);
color: #333;
}

/* ########### list horizontale ##########*/

#navlist_h
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist_h li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist_h li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist_h li a:link { color: #448; }
#navlist_h li a:visited { color: #667; }

#navlist_h li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}