#genre-messages {
    background: url(/beta/images/template/grille.png) repeat-y;
    width: 167px;
    height: 250px;
    float: left;
}

#type-message {
    background: url(/beta/images/messagerie/titre-message.png);
    text-align: center;
    color: #fff;
    padding-top: 5px;
    width: 167px;
    height: 22px;
}

#genre-messages ul {
    margin-left: -30px;
    margin-top: 2px;
}

#genre-messages ul li {
    display: block;
    height: 17px;
    list-style-image: none;
    width: 150px;
    padding-left: 12px;
    padding-top: 3px;
	font-weight:bold;
}

#genre-messages ul li a {
    color: #00b5ff;
    text-decoration: none;
}

#genre-messages ul li a:hover {
    color: #fff;
}

#genre-messages ul li.a-lire {
    background: url(/beta/images/messagerie/a-lire.png) no-repeat;
}

#genre-messages ul li.a-lire a {
    color: #fff;
    text-decoration: none;
}

#liste-messages {
	position:absolute;
	top:28px;
    left:167px;
    width: 520px;
    height: 223px;
	/*border-bottom:1px solid #c2c1c1;*/
    overflow: auto;
}

#bouton-message {
	position:absolute;
	z-index:100;
    background: url(/beta/images/messagerie/barre-message.png) no-repeat;
	left:167px;
	top:0;
    width: 519px;
    height: 26px;
    color: #000;
    text-transform: uppercase;
}

#bouton-message a {
    color: #000;
}

#bouton-message a:hover {
    color: #000;
}

a.ecrire-message {
    display: block;
	background: url(/beta/images/messagerie/bt_ecrire.png) no-repeat;
    float: left;
    margin-top: 2px;
    margin-left: 120px;
    padding-top: 3px;
    text-align: right;
    width: 90px;
    height: 18px;
    text-decoration: none;
}

a.actu-message {
    display: block;
	background: url(/beta/images/messagerie/bt-actualiser.png) no-repeat;
    float: left;
    margin-top: -22px;
    margin-left: 240px;
    padding-top: 3px;
    text-align: right;
    width: 102px;
    height: 19px;
    text-decoration: none;	
}

a.repondre-message {
    display: block;
	background: url(/beta/images/messagerie/bt_repondre.png) no-repeat;
    float: left;
    margin-top: -16px;
    margin-left: 280px;
    padding-top: 3px;
    text-align: right;
    width: 110px;
    height: 18px;
    text-decoration: none;
	color: #000;
}
a.signaler-message {
	display: block;
	background: url(/beta/images/messagerie/signaler.png) no-repeat;
    float: left;
    margin-top: -16px;
    margin-left: 30px;
	padding-top: 3px;
    text-align: right;
    width: 85px;
    height: 24px;
    color: #000;
	text-decoration: none;
}

input[type = "checkbox"].checkAll {
    background: url(/beta/images/messagerie/check-all.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

input[type="button"].supprimer-message {
    display: block;
	background: url(/beta/images/messagerie/bt_supprimer.png) no-repeat;
    float: left;
    margin-top: 2px;
    margin-left: 30px;
    text-align: right;
    width: 100px;
    height: 24px;
    color: #000;
    border: none;
}
input[type="button"].supprimer-detail-message {
    display: block;
	background: url(/beta/images/messagerie/bt_supprimer.png) no-repeat;
    float: left;
    margin-top: -16px;
    margin-left: 30px;
    text-align: right;
    width: 100px;
    height: 24px;
    color: #000;
    border: none;
}

#liste-messages table {
    width: 490px;
    margin: 5px;
}

#liste-messages a.lire {
    display: block;
    text-decoration: none;
}

/*CSS DES PAGES DE MESSAGERIE*/

#liste-messages table tr {
    border: 0.5px solid #fff;
}

#liste-messages table td {
    padding: 2px;
}

.non-lu {
    background-color: #01262f;
    color: #fff;
}

#bouton-lire-message{
	position:absolute;
    background: transparent url(/beta/images/template/h2.png);
	top:250px;
	left:0;
    width: 666px;
    height: 22px;
    font-family: Arial;
	margin-top:10px;
    padding-left: 20px;
    padding-top:3px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
#bouton-lire-message a:hover {
    color: #000;
}

#message {
	position:absolute;
	top:285px;
	left:0;
    background: transparent url(/beta/images/template/grille.png) repeat;
   	padding: 10px;
    width: 667px;
}