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

a{}


html,body {
background-color: #FFA0FA;
/*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();
background-repeat : no-repeat;
background-attachment: fixed;
background-position: center center;
}

p {
color : black;
text-align: justify;
}

ul, li {
color : black; 
list-style-type: circle;
}

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

/* ######### 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 : navy; 
text-align: center;
}

h2 {
font-size : 150%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : red;
padding-left:25px;
background-image: url(images/jabber-logo.png);
background-repeat: no-repeat;
background-position: left;
}

h3 {
font-size : 100%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : black;
padding-left:5px;
text-decoration: underline;
}

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

.menu {
width : 200px;
height : 250px;
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();
background-repeat : repeat-y;
}

.left
{
width : 200px;
height : 400px;
float: left;
}

.data {
top:50px;
max-width : 100%;
max-height : 100%;
margin-left: 215px;
border-top: double green 4px;
border-bottom: double green 4px;
border-left: double red 4px;
border-right: double yellow 4px; 
text-align:left;
background-image: url(images/freebsd-logo-2.gif);
background-repeat : no-repeat;
background-position: bottom right;
}

.right {
width : 200px;
height : 250px;
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;*/
}

.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;
}

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

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

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

.comment{
color : blue;
border-bottom:2px solid #FF6666;
}

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

.italic{
font-style:italic;
}

.small_italic{
font-style:italic;
text-size:40%;
}

/* ######### menu-list #########*/
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

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

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

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