body{
background:url(image/boussole.gif) #fff no-repeat 0% 100% fixed;
margin:0;
font: 80% 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style:normal;
color:#222; 

}

A:link{ color:#026097; text-decoration:none; }
A:hover{ color:#000; text-decoration:underline; }
A:active{ color:#fefaa5; text-decoration:none; }
A:active:hover{ color:#000; text-decoration:underline; }
A:visited{ color:#026097; text-decoration:none; }
A:visited:hover{ color:#000; text-decoration:underline; }

#page a:link { color:#989440; text-decoration:none;}
#page a:active{ color:red; text-decoration:underline;}
#page a:active:hover{ color:red; text-decoration:underline;}
#page a:visited{ color:#cc9440; text-decoration:none;}

.page {
color:#ff5000;
font: 85%;
}

a.lejour{
color: #fff;
text-decoration: none;
font-weight: bold;
background: #A52900;
}

a:visited .lejour{
color: #fff;
font-weight: bold;
text-decoration: none;
background: #ff9900;
}

a.jour_lien{
color: #6565ba;
text-decoration: none;
font-weight: bold;
}

a.jour_lien_autre{
color: #babaff;
text-decoration: none;
font-weight: normal;
}

#calendrier {
position:relative;
float: right;
top: 7px;
padding-right:7px;
}

#calendrier table {
border-style: solid; 
border-width: 2px; 
border-color: #999;
font-size: 120%;
text-align: center;
font-family: MS Reference Sans Serif;

margin:0px;
padding:0px;
}

#calendrier table th{
font-size: 80%;
border: 1px solid #red;
}

#calendrier table th .days{ 
color: #006000;
border-right: 0px solid #ddd;
font-size: 100%;
}

#calendrier table  th .day{ 
color: #A52900;
border-right: 0px solid #ddd;
font-size: 120%;
}

#calendrier table td { 
border-style: solid; 
border-width: 0px; 
border-color: #995555;
border: 1px solid #eee;
text-align: right;
height: 20px;
padding:1px 1px 1px 1px;
}

.jour_avant{
color: #555;
}

.jour_commun{
color: #fff;
}

a.jour_commun  {
color: #fff;
}

#inscription{ 
background: #fff;
color: #000;
}

#inscription table td{ 
background: #fff;
color: #000;
}

.aff_couleur_j {
color: #A52900;
}

table {
font-size: 100%;
border-collapse:collapse;       
border:0px solid #A52900;
margin:3px;
}
       
td {
color:#555;
border:1px solid #bbb;
background: #fff;
height:40px;
padding:2px 2px 2px 3px;
}

th {
color:#666;
border:1px solid #bbb;
text-align:center;
font-size:90%;
background: #eee;
}

#blog td {
color:#555;
border:0px solid #bbb;
background: #fcfcfc;
height:40px;
padding:2px 2px 2px 3px;
}

#blog th {
color:#666;
border:0px solid #bbb;
background: #fff;
font-size:110%;
text-align:left;
height:25px;
}

#parcours td {
color:#555;
border:1px solid #ddd;

height:40px;
padding:0px 0px 0px 5px;
}

#parcours th {
color:#666;
border:0px solid #bbb;
text-align:center;
font-size:90%;
background: #eee;
padding:0px 0px 0px 5px;
}

#table_nouvelles {
position:relative;
margin-top: 10px;
}

#table_photo {
position:relative;
margin: 5px 0px 10px 0px;
text-align: center;
}

#table_agenda table {
position:relative;
width: 695px;
margin-top: 20px;
}

h1, h3{
color:#77ffc9;
text-align:center;
font-size: 250%;
}

h2 {
color:#00bbbb;
text-align:center;
}

img.picA
{
position: relative;
top: -4px;
background: url('image/a47.gif') no-repeat ;
width: 76px;
height: 74px;
padding: 8px;
}

img.floatleft
{
float: left;
margin: 5px 14px 3px 0px;
}

.ligne
{
background: url('image/a22.gif') bottom repeat-x;
}

#logo {
width: auto;
height: auto;
position:absolute;
left: 10px;
top: 15px;
position:fixed
}

#logo_second {
width: auto;
height: auto;
position:absolute;
left: 10px;
top: 15px;

}

#conteneur_menu {

border-style: solid;
border-color: #989440;
border-width: 0px;
padding: 0px;
background:transparent;
position:relative;
left: 0px;
top: 0px;

}

.conteneur_liens_menu {
width: 280px;
height: auto;
border-style: solid;
border-color: #989440;
border-width: 0px;
padding: 5px;
background:transparent;
position:relative;
left: 5px;
top: 0px;
}

#conteneur_menu_second {
width: 315px;
height: 100%;
border-style: solid;
border-color: #989440;
border-width: 0px;
padding: 0px;
background:transparent;
position:absolute;
left: 0px;
top: 168px;

}

.conteneur_liens_menu A:link{ color:#026097; text-decoration:none; background:#fff;}
.conteneur_liens_menu A:hover{ color:#000; text-decoration:underline; background:#fff;}
.conteneur_liens_menu A:active{ color:#fefaa5; text-decoration:none; background:#fff;}
.conteneur_liens_menu A:active:hover{ color:#000; text-decoration:underline; background:#fff;}
.conteneur_liens_menu A:visited{ color:#026097; text-decoration:none; background:#fff;}
.conteneur_liens_menu A:visited:hover{ color:#000; text-decoration:underline; background:#fff;}

.img_menu {
background-image: url('image/puce.gif'); background-repeat: no-repeat; padding-left:20px; margin-left:0px; height: 30px;
}

.img_menu_actif {
background-image: url('image/puce_actif.gif'); background-repeat: no-repeat; padding-left:25px; margin-left:0px; height: 30px;
}

.menu_choix {
background-image: url('image/actif.gif'); background-repeat: no-repeat; padding-left:15px; margin-left:5px; height: 30px; 
}

.menu_rediger {
background-image: url('image/a62.gif'); background-repeat: no-repeat; padding-left:15px; margin-left:5px; height: 30px; 
}

#conteneur_smiley {
width: 620px;
height: auto;
border-style: solid;
border-color: #989440;
border-width: 0px;
padding: 5px;
background:transparent;
position:relative;
float:left;
font: 70%
}

#conteneur_titre_menu {
width: 210px;
height: auto;
border-style: solid;
border-color: #989440;
border-width: 0px;
padding: 5px;
background:transparent;
position:absolute;
right: 0px;
top: 10px;
}

#conteneur_titre_menu  h1{
color:#78b4fc;
text-align:right;
letter-spacing: -3px;
}

#conteneur_texte {
width: 705px;
height: auto;
border-style: solid;
border-color: #444444;
border-width: 1px;
padding: 5px;
background: transparent;
text-align: left;
overflow: auto;
position: absolute;
left: 320px;
top: 0px;
}

#conteneur_titre {
width: 100%;
height: auto;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
padding: 0px;
background: transparent;
float: left;
margin-top: 0px;
letter-spacing: -2px;
}

#sous_titre {
color: #996600;
font-weight: bold;
}

#conteneur_pseudo {
width: auto;
height: auto;
border-style: solid;
border-color: #000000;
border-width: 0px;
padding-left: 0px;
margin-left: 0px;
background: transparent;
text-align: left;

}

#conteneur_sujet {
width: auto;
height: auto;
border-style: solid;
border-color: 000000;
border-width: 0px;
padding-left: 5px;
margin-left:5px;
text-align:left;
background: #ebebeb;
color: #54500c;
}

.conteneur_sujet  i{
color: #ffffff;
}
.conteneur_derniere_date  {
color:#ffffff;
}


.conteneur_autres {
width: 150px;
height: auto;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
padding-left: 0px;
margin-left:0px;
text-align:left;
color:#ffffff;
float: right;
}

.conteneur_dernier_message {
width: 145px;
height: auto;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
padding-left: 0px;
margin-left:0px;
text-align:left;
color:#ffffff;
float: right;
}



.conteneur_message {
width: auto;
height: auto;
border-style: solid;
border-color: #000000;
border-width: 0px;
padding: 0px;
background: transparent;
margin-top: 2px;
text-align: left;
font: 95%;

}

.st_pseudo {
background:transparent;
color: #dc979f;
font-style:bold;
letter-spacing: 0px;
font: 110%;

}

.date {
font: 70% 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style:normal;
color: #005;
text-align:right;
background:transparent;
}

.role {
font: 70% 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #005;
text-align: left;
background: transparent;
}

#conteneur_formulaire {
width: 635px;
height: auto;
border-style: solid;
border-color: #aaaaaa;
border-width: 2px;
padding: 5px;
background:transparent;
text-align:center;
float: left;
margin-top:20px;
margin-bottom:300px;
}

#compteur {
font: 80%;
font-weight: normal;
font-style:normal;
color:#888;
width: 200px;
height: auto;
border-style: solid;
border-color: #000000;
border-width: 0px;
padding: 0px;
background:transparent;
position:absolute;
left: 5px;
top : 5px;
}

fieldset 
{
margin-bottom:10px;
}

.separation
{
background: url('image/a22.gif') bottom repeat-x;
}

.td_1_nouvelles
{
text-align:left; height:15px; border-bottom:1px solid #ddd; background: #efefef;
}

.td_1_nouvelles b
{
background-image: url('image/a38.gif'); background-repeat: no-repeat; padding-left:20px; margin-left:5px;
}

.a_1_nouvelles
{
background-image: url('image/a66.gif'); background-repeat: no-repeat; padding-left:30px; margin-left:5px;
}

.a_2_nouvelles
{
background-image: url('image/a77.gif'); background-repeat: no-repeat; padding-left:30px; margin-left:5px;
}

.td_1_nouvelles2
{
text-align:left; padding:5px 0px 0px 8px;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border-color: #555555;   
}

.centered {
text-align: center;
}

.floatleft
{
float: left;
margin: 5px 14px 3px 0px;
}

.floatright
{
float: right;
margin: 5px 14px 3px 0px;
}