body {
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
}

a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #142A88;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 color: #9CA8D7;
}

.ACTIONS {
 position: relative;
 float: right;
 top: 20px;
}

.ACTIONS a {
 color: red;
 border: solid 1px #8EA2C6;
 background-color: #DADEE9;
}

.Brouillon,
.Message {
 width: 530px;
 background-color: white;
 margin-left: auto;
 margin-right: auto;
}

.LETTRE {
 width: 100%;
 background-color: white;
 border: solid 2px #8EA2C6;
}

.MESSAGE .TITRE {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9CA8D7;
 text-align : left;
 padding: 16px 0px 0px 46px;
 background-image: url("http://www.de-efficience.com/styles/default/images/PetitRond.jpg");
 background-repeat: no-repeat;
 background-position: left;
 border-bottom: dotted 6px #BBBBBB;
 margin-bottom: 20px;
 width: 100%;
 height: 65px;
}

.LETTRE .TITRE {
 font-size: 14px;
 border: none;
 background-image: none;
 background-color: white;
 margin: 0px;
 color: #9CA8D7;
 padding-bottom: 2px;
 padding-left: 0px;
 margin-top: 10px;
 border-bottom: solid 1px #9CA8D7;
 font-weight: bold;
 height: 25px;
 text-align: center;
}

.MESSAGE .TITRE:first-letter {
 font-size: 40px;
 color: #DADEE9;
 padding-right: 8px;
}

.LETTRE .TITRE:first-letter {
 font-size: 14px;
 color: #9CA8D7;
 padding: 0px;
}

.BREVE {
 margin: 10px;
 border-bottom: solid 2px #8EA2C6;
 /*padding: 10px;*/
}

.LOGO {
border: none;
margin-bottom: 10px;
}

img.LOGO {
	border: none;
}

.CATEGORIE {
 background-color: #9CA8D7;
 color: white;
 font-family: Verdena, Arial, Helvetica, sans-serif;
 font-weight: bold;
 margin-top: 1px;
}

.BREVE .IMAGE-DIV {
 margin: 22px;
 margin-right: 0px;
 float: right;
 border: solid 1px #8EA2C6;
}

.BREVE .TEXTE {
 width: 100%;
 text-align : justify;
 vertical-align: top;
 font-size: 14px;
 color: #555555;
 padding-bottom: 5px;
 font-weight: normal;
}

.BREVE .TITRE {
 font-weight: bold;
}

.BREVE .LIEN {
padding: 1px;
height: 12px;
font-size: 12px;
text-align: right;
 border: solid 1px #8EA2C6;
 /*float: none;*/
}

.BREVE .LIEN a.ON {
 color: #3E51B7;
}

.PUCE-LISTE {
 padding-left: 45px;
 text-align: left;
 font-size: 12px;
}

.PUCE-LISTE li {
 text-align: justify;
 display: list-item;
 list-style-type: square;
 list-style-image: url("http://www.de-efficience.com/styles/default/images/puce.gif");
 }
 
.PUCE-TITRE {
 display: inline;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #555555;
 padding-left: 4px;
}

.PUCE-TEXTE {
 display: inline;
 color: #555555;
}

.GRASPETITBLEU {
 font-weight: bold;
 font-size: 75%;
 color: #3E51B7;
}

.GRASBLEU {
 font-weight: bold;
 color: #3E51B7;
}

.AGAUCHE {
 text-align: left;
}

.FONDBLEU {
 background-color: #DADEE9;
 padding: 5px;
 text-align: left;
 font-size: 12px;
}

.BREVE .TEXTE {
 font-size: 12px;
}