/*---------------- DIV mainBox -------------- */
div.mainBox div.articlelist {

	display:block;

/*	border-top:1px dotted #7B7FB7;
*/	margin-top:10px;
	height:auto;
}

div.mainBox .readMore {
	/*color: #7B7FB7; */
	color: red;
	text-decoration: none;
	font-family:Trebuchet MS, sans-serif;
	text-align:right;
	display:block;
	width:100%;
}


/* ------------------ class A  --------------------- */
div.mainBox div.articlelist a {
	/*color: #7B7FB7; */
	color: red;
	text-decoration: none;
	font-family:Trebuchet MS, sans-serif;
}

div.mainBox div.articlelist a.active {
	/*color: #7B7FB7; */
	color: #57295a;
}
div.mainBox div.articlelist a:link {
	text-decoration: none;
}

div.mainBox div.articlelist a:visited {
	text-decoration: none;
}

div.mainBox div.articlelist a:hover {
	color:#7B7FB7;
	text-decoration: underline;
}
div.mainBox div.articlelist a img{
       border: 0;
}

/* ------------------ class FONT ------------------- */
div.mainBox div.articlelist font.text  {
	color:#7B7FB7;
	font-style:normal;
	text-align : left;
}

div.mainBox div.articlelist font.text a.repertory {
	color:#7B7FB7;
	font-style:normal;
}

div.mainBox div.articlelist font.subtitle {
	color: black;
	font-style: italic;
	font-weight: normal;
	text-align : left;
	font-size : 10pt;
}

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

div.mainBox div.articlelist font.title {
	font-style: italic;
	font-weight: normal;
	text-align : left;
	font-size : 14pt;
}
div.mainBox div.articlelist font.title:first-letter {
	text-transform: uppercase;
}

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

div.mainBox div.articlelist font.alert {
	font-style: normal;

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

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

div.mainBox div.articlelist span.subtitle {
	color: #54d3c0;
	font-style: normal;
	font-weight: normal;
	text-align : left;
	font-size : 12pt;
}

/* ------------------- class INPUT ------------------*/
div.mainBox div.articlelist input {
	border: 0px solid black;
	background-color: #F3F3F3;
	width: 150px;
	height: 15px;
	color: black;
}
div.mainBox div.articlelist input.moytitle {
	border: 0px solid black;
	background-color: #F3F3F3;
	width: 220px;
	height: 15px;
	color: black;
}
div.mainBox div.articlelist input.longtitle {
	border: 0px solid black;
	background-color: #F3F3F3;
	width: 350px;
	height: 15px;
	color: black;
}

div.mainBox div.articlelist textarea {
	border: 1px solid black;
	background-color: #F3F3F3;
	width: 350px;
	height: 80px;
	color: black;
}

div.mainBox div.articlelist input.checkbox {
	border: 0px solid black;
	background-color: #F3F3F3;
	width: 15px;
	height: 15px;
	color: black;
}

/* ------------------- class TABLE ----------------- */

div.mainBox div.articlelist table {
	border: 0px ;
	border-spacing: 0;
	padding : 0;
	margin: 0;
	table-layout: fixed;
	border-collapse:collapse;
	text-align : left;
	color: #2c8847;
}


div.mainBox div.articlelist td {
	vertical-align:top;
}

div.mainBox div.articlelist table.pictureList { 
	border: 1px solid #7B7FB7;
}

/* ------------- Lignes horizontales ----------------- */
div.mainBox div.articlelist .ligne_horiz {
	height : 7px;
	border-top: dashed 1px ;
	border-color: #7B7FB7;
	margin-top: 7px;
}

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

div.mainBox div.articlelist p.title {

}

div.mainBox div.articlelist p.text {
	line-height:140%;
	height:auto;
}

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




/* ------------- Images ----------------------------- */
div.mainBox div.articlelist img.image {
	border: 1px solid #606060;
	margin-left: 0px;
	margin-bottom : 0px;
	margin-top: 0px;
	margin-right: 15px;
	float: left;
	position : relative;
	right: 0px;
}

/* ------------- Icône ---------------------- */

div.articleEditIcon {
	border-top:1px solid #7B7FB7 ;
	margin-bottom:4px;
	width:100%;
	clear:both;
}
div.articleEditIcon div.articleEditIconItem {
	width:70px;
	float:left;
	background-color:#ffffff;
	border: 1px solid #F3F3F3;
	margin-bottom:4px;
	margin-right:4px;
	padding:2px;
	height:160px;
	overflow:hidden;
/*	overflow: auto;
*/}

div.articleEditIcon div.articleEditIconItem:hover {
	background-color:#F3F3F3;
	border: 1px solid #000000;
}

div.articleEditIcon img.image {
	border:1px solid #606060;
	margin:2px;
	position:relative;
	right:0px;
}
div.articleEditIcon div.articleEditIconItem div.tools {
	width:100%;
	background:#ffffff;
	border-bottom:1px solid #F3F3F3;
}

div.articleEditIcon div.articleEditIconItem img.arrow_li {
	width:6px;
	height:18px;
	margin-left:2px;
}
div.articleEditIcon div.articleEditIconItem img.del_li {
	width:18px;
	height:18px;
	margin-left:30px;
}
div.articleEditIcon div.articleEditIconItem img.picto {
	width:60px;
	height:60px;
}
div.articleEditIcon div.articleEditIconItem div.icone {
	height:60px;
}