/*---------------- DIV mainBox -------------- */
div.mainBox {
	margin-bottom: 0px;
	color: #7B7FB7;
	padding-right:10px;
	height:auto;
}

div#mainBoxcontent {
	height:auto;
}

/* ------------------ class A  --------------------- */
/*div.mainBox a {
	text-decoration: none;
}
div.mainBox a:link {
	text-decoration: none;
}

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

div.mainBox a:hover {
	color: #d41d21;
	text-decoration: underline;
}*/
div.mainBox a img{
       border: 0;
}

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

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

div.mainBox font.subtitle {
	font-style: italic;
	font-weight: normal;
	text-align : center;
	font-size : 14pt;
}

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

div.mainBox font.title {
	font-style: normal;
	font-weight: normal;
	text-align :center;
	color:#7B7FB7;
	font-size :20pt;
}
div.mainBox font.title:first-letter {
	text-transform: uppercase;
}
div.mainBox font.link {
	font-style: normal;
	text-transform: none;
}

div.mainBox font.alert {
	font-style: normal;
	text-transform: lowercase;
	font-weight: bold;
	text-align : left;
	font-size : 100%;
	color: red;
	background-color: #FFFFFF;
}

div.mainBox font.date {
	font-style: italic;
	color: #54d3c0;
	font-size : 6pt;
}

/* ----------- sous article d'une rubrique */
div.mainBox div.articlelist font.title {
	font-style: normal;
	font-weight: normal;
	text-align :center;
	color:#7B7FB7;
	font-size :14pt;
	width:100%;
	border-bottom:1px dotted #7B7FB7 ;
}

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

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

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

div.mainBox textarea {
	border: 1px solid black;
	background-color: #F3F3F3;
	width: 100%;
	height: 120px;
	color: black;
}
div.mainBox textarea.edittoptitle {
	height: 30px;
}
div.mainBox textarea.edittitle {
	height: 30px;
}

div.mainBox textarea.editsubtitle {
	height: 30px;
}

div.mainBox textarea.edittext_html {
	height: 30px;
}


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



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

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


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

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

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

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

div.mainBox p.title {

}

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

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

div.mainBox p.text font.text {
	font-family:Trebuchet MS,  sans-serif;
	font-size:10pt;
	display:block;
/*	clear:both;*/
}

div.mainBox p.imagetext {
	display:block;
	clear:both;
	height:auto;
	margin-bottom:10px;
	font-size:10pt;
}

div.mainBox p.pictures {
	height:auto;
	overflow:hidden;
	display:block;
	float:left;
	margin:0px;
}

/* ------------- Images ----------------------------- */
img.image {
	border: 1px solid #606060;
	margin-left: 15px;
	margin-bottom : 15px;
	margin-top: 15px;
	margin-right: 15px;

}
img.homepage {
	border: 1px solid #606060;
	margin-left: 15px;
	margin-bottom : 15px;
	margin-top: 15px;
	margin-right: 15px;
}

/*---------------- DIV firstArticle -------------- */
div.firstArticle {
	display:block;
	background-color:#ffffff;
	border:1px solid #9abd59;
	cursor:pointer;
	text-align:center;
	margin:10px 0px 0px 0px;
	padding-bottom:10px;
	width:100%;
	color:#9abd59;
}

div.firstArticle:hover {
	background-color:#F3F3F3;
}

div.firstArticle p.title {
	line-height:110%;
	text-align:center;
	color:#9abd59;
	margin:10px 40px 10px 20px;
	
}


div.firstArticle font.subtitle {
	font-style: normal;
	font-weight: bold;
	font-size : 10pt;	
	color:#9abd59;
	text-align:center;
	margin:5px;
	
}

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

div.firstArticle font.title {
	font-style: italic;
	font-weight:normal;
	color:#9abd59;
	text-align:center;
	margin:5px;
	font-size:12pt;
}
div.firstArticle font.title:first-letter {
	text-transform: uppercase;
}
div.firstArticle font.text {
	font-weight:normal;
	color:#9abd59;
	text-align:center;
	margin:5px;
	
}

div.firstArticle a {
	margin-top:-10px;
	display:block;
}

div.firstArticle img.image {
	border:0px;
}



/* ------------------ div COMMENT ------------------- */
div.comment {
	display:block;
	width:100%;
	margin-top:3px;
	background-color:transparent;
	border-top:1px dotted black;
	text-align:left;
}

 div.comment p.text {
	height:auto;
	background-color:#F5F5F5;
	
}

 div.comment p.title {
	height:auto;
	background-color:white;
	
}

 div.comment p.title font {
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	float:left;
}

 div.comment p.title font.date {
	font-style:italic;
	margin-left:4px;
}

 div.comment p.text font {
	font-size:10pt;
	font-weight:normal;
	display:block;
	clear:both;
	text-align:left;
	
}

 div.comment p.text font.title {
	font-weight:bold;
	display:block;
}
div.comment font.title:first-letter {
	text-transform: uppercase;
}

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

 /* -------------- rubriqueSymbol ------------------- */
div.mainBox font.rubriqueSymbol {
	display:block;
	background-color:#7B7FB7;
	color:#ffffff;
	margin:2px;
}

/* ---------------- editPicture ---------------------- */
form.editpicture {
	text-align:left;
}

form.editpicture #comment {
	width:300px;
}


/* ------------ relatedArticles ------------------- */
div.relatedArticles {
	margin:6px;
	background-color:#F3F3F3;
	padding:2px;
	width:300px;
/*	float:right;
*/}

div.relatedArticles font.subtitle {
	font-weight:bold;
	color:#7B7FB7;
}

div.showarticleOfRubrique {
	margin:6px;
	margin-top:30px;
	padding:2px;
	font-size:8pt;
}

div.showarticleOfRubrique font.subtitle {
	font-weight:bold;
	color:#7B7FB7;
	font-size:14pt;
}

#siteMap .title {
	font-size:12px;
	text-align:left;
}

div.mainBox div.actions {
	width:100%;
	border-top:1px dotted #7B7FB7;
	
}

div.page2 div.mainBox .title {
	color:#d52c01;
}
div.page2 div.mainBox .subtitle {
	color:#d52c01;
}
div.page2 div.mainBox .text {
	color:#5C2110;
}
div.page2 div.mainBox a {
	color:#5C2110;
}

div.page3 div.mainBox .title {
	color:#641200;
}
div.page3 div.mainBox .subtitle {
	color:#641200;
}
div.page3 div.mainBox .text {
	color:#5C2110;
}
div.page3 div.mainBox a {
	color:#5C2110;
}

div.page4 div.mainBox .title {
	color:#ef9408;
}
div.page4 div.mainBox .subtitle {
	color:#ef9408;
}
div.page4 div.mainBox .text {
	color:#b44d01;
}
div.page4 div.mainBox a {
	color:#b44d01;
}

div.page5 div.mainBox .title {
	color:#54d3c0;
}
div.page5 div.mainBox .subtitle {
	color:#54d3c0;
}
div.page5 div.mainBox .text {
	color:#123b3e;
}
div.page5 div.mainBox a {
	color:#123b3e;
}

div.page6 div.mainBox .title {
	color:#db7791;
}
div.page6 div.mainBox .subtitle {
	color:#db7791;
}
div.page6 div.mainBox .text {
	color:#e7273c;
}
div.page6 div.mainBox a {
	color:#e7273c;
}


img.imagetext {
	float:left;
	margin:10px;
}

div.mainBox p.text a {
	
}

/* -------- Sommaire ---------------------*/
div.summary {
	float:left;
	background:#FFFFFF url(../pictures/fond_mercis.png) bottom right no-repeat;
	padding:0px 10px 10px 0px;
	width:180px;
	margin-right:10px;
}

div.summary ol {
	margin-left:2px;
}

div.summary li {
	margin:0px;
}