body{
background-color: #012b2c;
text-align:center;}
.connexion, .connexion a{
font-weight:bold;
color:white;}
.connexion{
margin:20px 0px 20px;}
.titremessages{
background-color: #026568;
margin: 50px;
color:white;
border: 5px solid silver;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 200%;
text-transform: none;}
.tableaumessages{
margin:10px 40px;
border:10px solid #184445;
background:white;
padding:20px 10px;}
.repondre1{
background:#184445;}
.parle2{
display:block;
text-align:left;
font-size:90%;
border:2px solid #222222;
color:white;
font-weight:bold;
padding:5px;
margin:10px ;
margin-top:20px !ie;
margin-bottom:0px !ie;
background-color:#444444;
text-decoration:none;}
.filmessage{
text-align:left;
margin:25px auto;
padding-top:10px;
background-color:#c4bebe;
border:2px solid #222222;
position:relative;
width:90%;}
.fil{
background:#688182;}
.valid{
background:#777777;}
.filvalid{
background:#4a5858;}
.messagetexte{
display:block;
padding:5px;
margin:10px;
border:1px solid #222222;
background-color: #dcdcdc;
text-align:left;
margin:10px 10px 0px !ie;
color:#222222;
width:95%;
width:95% !ie;}
.repondre1{
color:white;
border:3px outset #777777;
background-color:#012b2c;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
margin-bottom:0px !ie;}
.repondre1:hover{
color:white;
border:3px outset #333333;
background-color: #016468}
.repondre1:active{
color:white;
border:3px inset #333333;
background-color: #016468}
form {
margin:10px 0px !ie;}
.messagetitre2{
display:block;
position:absolute;
float:left;
top:-17px;
left:10px;
font-weight:bold;
font-size:100%;
text-align:center;
color:white;
background-color:#184445;
border:2px solid #222222;
margin-bottom:0px;
padding:2px 5px;}