/* --------------- Div Newsletter --------------------- */
div.newsletter {
	display:block;
	width: 480px;
	border:1px solid #E0E0E0;
	padding:10px;
	margin:5px;
	text-align:left;
	font-family:Trebuchet MS,trebuchet,arial,sans-serif;
	background:#FFFFFF;
}

div.newsletter div.title {
	font-size:12pt;
	color:#FFFFFF;
	margin-bottom:10px;
	border-bottom:1px solid #E0E0E0;
	background-color : ;
	background:#a9aaab url(../pictures/bandeau_haut_heno.jpg) top left no-repeat;
	
	padding-left:150px;
	padding-top:12px;
	padding-bottom:12px;
}

div.newsletter div.hello{
	border-top:1px solid #E0E0E0;
	font-size:12pt;
	color:#a9aaab;
	margin-bottom:10px;
}

div.newsletter div.infos{
	font-size:8pt;
	color:#682773;
	margin-bottom:10px;
}

div.newsletter div.content font.title {
	margin-bottom:5px;

}

/* ------------------ class FONT ------------------- */

div.newsletter font.text  {
	margin-top:5px;
	color:#a9aaab;
	font-style:normal;
	text-align : justify;
	position:relative;
  	top:10px;
}

div.newsletter font.text a.repertory {
	color:#a9aaab;
	font-style:normal;
}

div.newsletter font.subtitle {
	color: #A8BD00;
	font-style: italic;
	font-weight: normal;
	text-align : left;
	font-size : 10pt;
	display:block;
	
}

div.newsletter font.subtitle:first-letter {
	text-transform: uppercase;
}

div.newsletter font.title {
	font-style: italic;
	font-weight: normal;
	text-align : left;
	color: #A8BD00;
	font-size : 16pt;
	margin-bottom:5px;
	display:block;
	
}
div.newsletter font.title:first-letter {
	text-transform: uppercase;
}

div.newsletter font.link {
	font-style: normal;
	text-transform: none;
}

div.newsletter font.alert {
	font-style: normal;

	text-align : left;
	font-size : 140%;
	color: red;
	background-color: #FFFFFF;
}

/* -------------------- class SPAN ------------------ */
div.newsletter span.attention {
	color: #682773;
	font-weight: bold;
	background-color: #FFFFFF;
}
div.newsletter span.up {
	text-transform: uppercase;
}
div.newsletter span.link {
	font-style: normal;
	text-transform: none;
}

div.newsletter span.subtitle {
	color: #0e84b6;
	font-style: normal;
	font-weight: normal;
	text-align : left;
	font-size : 14pt;
}

/* ------------- Paragraphes -------------------------- */

div.newsletter p.title {
	border-top:1px solid #E0E0E0;
/*	float:normal;
*/	margin-bottom:5px;
}

div.newsletter p.text {
	border-top:1px solid #E0E0E0;
	line-height:140%;
	margin-bottom:5px;
}

div.newsletter p.textli {
	line-height:140%;
}

div.newsletter p.pictures {
	float:right;
	vertical-align:top;
	width:250px;
	right:2px;
	margin-left:5px;
}

/* ----------- Image ----------------------- */
div.newsletter img {
	border: 1px solid #606060;
	margin-left: 0px;
	margin-bottom : 15px;
	margin-top: 0px;
	margin-right: 0px;
	position : relative;
	right: 0px;
	vertical-align:top;
	display:inline;
}

/* -------- Sommaire ---------------------*/
div.summary {
	float:left;
	border:1px solid #4D3207;
	background:#FFFFFF url(../pictures/summary.gif) top left no-repeat;
	padding-left:20px;
	width:120px;
	color:#FFFFFF;
	margin-right:10px;
}
div.summary a {
	color:#4D3207;
}
div.summary font {
	color:#4D3207;
}