/*---------------- DIV mainBox -------------- */
div.mainBox {
	margin-bottom: 0px;
	color: black;
	/*overflow: auto;*/
	width:100%;
	border-right:1px #d6d6e7 solid;
	padding-right:10px;
	height:auto;

}

div#mainBoxcontent {
	height:auto;
}

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

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

div.mainBox a:hover {
	color: #bb0010;
	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: normal;
	font-weight: normal;
	text-align : left;
	font-size : 10pt;
	font-family:trebuchet MS,arial, helvetica, sans-serif;
	
}

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

div.mainBox font.title {
	font-style: normal;
	font-weight: normal;
	text-align : left;
	color: black;
	font-size : 20pt;
	font-family:trebuchet MS,arial, helvetica, sans-serif;
	
}
div.mainBox font.title:first-letter {
	text-transform: uppercase;
}

div.mainBox font.toptitle {
	font-style: normal;
	font-weight: normal;
	text-align : left;
	font-size : 12pt;
	font-family:trebuchet MS,arial, helvetica, sans-serif;
	
}

div.mainBox font.toptitle: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: #4c5e71;
	font-size : 6pt;
}

/* -------------------- class SPAN ------------------ */
div.mainBox span.attention {
	color: #8e5b81;
	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: #0e84b6;
	font-style: normal;
	font-weight: normal;
	text-align : left;
	font-size : 14pt;
}

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

div.mainBox textarea {
	border: 1px solid black;
	background-color: #F5F5F5;
	width: 600px;
	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: #F5F5F5;
	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: #8e5b81;
}


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

div.mainBox table.pictureList { 
	border: 1px solid #5C514C;
}

/* ------------- Lignes horizontales ----------------- */
div.mainBox .ligne_horiz {
	height : 7px;
	border-top: dashed 1px ;
	border-color: #5C514C;
	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:arial, helvetica, sans-serif;
	font-size:10pt;
}


/* ------------- 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-bottom:1px dotted #b9babb;
	cursor:pointer;
	text-align:right;
	margin-top:10px;

}

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

div.firstArticle p.title {
	line-height:150%;
	text-align:right;
	margin-bottom:5px;
	padding-left:100px;

}


div.firstArticle font.subtitle {
	font-style: normal;
	font-weight: bold;
	text-align : left;
	font-size : 10pt;
	text-align:right;
	
	
}

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

div.firstArticle font.title {
	font-style: italic;
	font-weight:normal;
	text-align : left;
	margin-bottom:11px;
	text-align:right;
}

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


/* ------------------ div COMMENT ------------------- */
div.comment {
	display:block;
	width:100%;
	margin-top:3px;
	background-color:#f5e2ed;
}

div.comment button {
	margin:4px;
	border:1px solid #a9aaab;;
}

div.info {
	display:block;
	width:100%;
	margin:3px;
	background-color:#f5e2ed;
	text-align:center;
	text-decoration:blink;
}

div.comment textarea {
	width:80%;
}
div.comment font.text  {
	color:#303739;
	font-style:normal;
	text-align : justify;
	font-size:8pt;
	margin:2px;
	padding:0px;
}

div.comment p {
	margin:2px;
	padding:2px;
}
div.comment font.subtitle {
	font-style: italic;
	font-weight: bold;
	text-align : center;
	color: #303739;
	font-size : 12pt;
	margin:2px;
		padding:2px;
}

div.comment  p.title font.subtitle {
	font-style: normal;
	font-weight:normal;
	text-align : left;
	color: black;
	font-size : 8pt;
	margin:2px;
		padding:2px;
		display:inline;
}

div.comment  p.title font.date {
	display:inline;
	font-size : 8pt;
	
}

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

div.comment font.title {
	font-style: italic;
	font-weight: normal;
	text-align : left;
	color: #303739;
	font-size : 10pt;
	margin:2px;
		padding:2px;
}
div.comment font.title:first-letter {
	text-transform: uppercase;
}

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

div.comment font.alert {
	display:inline;
}

 /* -------------- rubriqueSymbol ------------------- */
div.mainBox font.rubriqueSymbol {
	display:block;
	background-color:#A4A4A4;
	color:#000000;
}

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

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


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

div.relatedArticles font.subtitle {
	font-weight:bold;
	color:#5C514C;
}

div.showarticleOfRubrique {
	margin:6px;
	margin-top:30px;
	padding:2px;
	width:600px;
	border-top:1px dotted black;
	font-size:8pt;
}

div.showarticleOfRubrique font.subtitle {
	font-weight:bold;
	color:#5C514C;
}

div.mainBox h1 {
	font-size:16pt;
	margin-top:4px;
	margin-bottom:2px;
	display:inline;
}

div.mainBox h2 {
	font-size:14pt;
	margin-top:4px;
	margin-bottom:2px;
	display:inline;
	
}

div.mainBox h3 {
	font-size:12pt;
	margin-top:4px;
	margin-bottom:2px;
	display:inline;
	
}

/* ------------------- Popup ------------------------*/

div#popup {
	margin:2px;
}

div#popup font.title {
	font-style: normal;
	font-weight: bold;
	text-align : center;
	color: black;
	font-size : 12pt;
	display:block;
	
}

div#popup font.info {
	font-style: normal;
	font-weight: normal;
	text-align : center;
	color:black;
	font-size : 10pt;
	display:block;
	
}

div#popup a {
	font-style: normal;
	font-weight:normal;
	text-align : center;
	color:red;
	font-size : 10pt;
	display:block;
}

div#popup div.content a { 
	background-color:#A0A0A0;
}