a:link {
	color:#b443d0;
	text-decoration:none;
}
a:visited {
	color:#b443d0;
	text-decoration:none;
}
a:hover {
	/**color:#ace3b0;**/
	color: #8ee1b9;
	text-decoration:none;
}
a:active {
	color:#e3accb;
	text-decoration:none;
}


.logo{

background-image:url('./images/un-espoir-rouge.gif');
height: 100%;
position: absolute;
top:10px;
left:10px;
z-index:-1;
background-repeat :no-repeat;

}

body{
background-color :#;
/**background-image:url('./images/fond.jpg');**/
height: 100%;
font-family: Arial;
font-size :11px;
}


/**cadre milieu**/

.principal{
background-color :white;
background-image:url('./images/plume2.gif');
background-repeat :no-repeat;
position: absolute; 
top:-2px; 
left:241px;
width:740px;
border : solid;
border-color:#ead7c8;
height: 700px;
overflow: auto;
z-index:0;
}

.ecrire{
position:absolute; 
top: 150px; 
left:100px; 
background-color: white; 
font-size:11px;
overflow: scroll;
}


/**barre haut**/

.orchidee{
background-image:url('../images/orchidee.gif');
background-repeat :no-repeat;
position: absolute; 
top:130px; 
left: 20px; 
background-color: #ead7c8; 
width: 1000px;
height:98px;
z-index:0;
}

.carre{
background-image:url('../images/carre-marron.gif');
background-repeat :no-repeat;
width :400px;
height:700px;
z-index:-3;
}

/**.connexion{
position:absolute; 
top: 100px; 
left:950px; 
background-color: white; 
font-size:11px;
}**/



.menu-droite{
position:absolute; 
background-color :; 
top: 0px;
height :800px;
left: 300px;
width:250px;
}


/** menu horizontal **/
.menu-horizontal{
width:640px; 
padding :10 10 10 0px;
text-align: center; 
padding-top: 10px;
padding-left: 100px;
position: absolute; 
top:200px; 
left: 180px; 
display : block;
z-index: 2;
}

.menu-horizontal-commentaire{
width:640px; 
padding :10 10 10 0px;
text-align: center; 
padding-top: 0px;
padding-left: 80px;
position: absolute; 
top:0px; 
left: 163px; 
display : block;
z-index:2;
}


/*********************Spécifiques à certaines pages ******************************/


/**index**/

.mot-index{
position: absolute; 
top : 20px;
left: 260px; 
width: 680px; 
text-align: justify; 
line-height: 15px; 
border: solid;
border-color:#ead7c8;
background-color :  #fff;
padding: 20px 20 20 20;
}



/** template messages et commentaire**/

.message{
width:600px; 
/**border-color: #454563;**/
margin : 30 30 30 50px;

line-height: 16px;

}


.texte-entete{
font-size : 12px;
font-style: italic;
padding-bottom: 50px;
color: green;
}


.precedent{
position: absolute; 
top : 300;
left :300px; 
width: 100px; 
font-size : 14px;
background-color: #ead7c8;
text-align: center;
}


.suivant{
position: absolute; 
top : 530;
left :500px; 
width: 100px; 
font-size : 14px;
background-color: #ead7c8; 
text-align: center;
}


/** page menu **/

.menu-background{
position:absolute; 
height :660px;
width:200px;
margin: 50 0 0 20px; 
padding: 20 20 20 20px;
/**background-image:url('./images/fleur.gif');**/
border: solid; 
border-color:#ead7c8;
top : 180px; 
background-color: #f1e8ef;

}

.menu{
background-color :#ead7c8 ;
/**background-image:url('./images/point-vert.gif');**/
line-height: 25px;
margin-top: 5px;
text-align:left;
}

.date{

margin-top:20px;
font-style: bold;
}

.menu-general{
font-weight: bold;
}


/** Ecrire message et ecrire commentaire **/

.ecrire-message{
margin-left: 150px; 
margin-top : 60px; 
height: 80%;
}


.ecrire-commentaire{
margin-left: 150px; 
margin-top :60px; 
height: 80%;
}



/**pied de page **/

.footer{
position: absolute; 
top:850px;  
left: 0px;
width:990px; 
background-color: #ead7c8; 
text-align: center; 
height : 100px;
z-index: -1;
}