/*************************************
POSITIONNING COLUMNS LEFT
**************************************/
.pos_0, .pos_1, .pos_5, .pos_10, .pos_15, .pos_20, .pos_25, .pos_30, .pos_35, 
.pos_40, .pos_45, .pos_50, .pos_55, .pos_60, .pos_65, .pos_70,
 .pos_75, .pos_80, .pos_85, .pos_90, .pos_95 {
	top: 0px;
	left: 0px;
	text-align: left;
}
.pos_0 { margin-left:0%; }
.pos_1 { margin-left:1%; }
.pos_5 { margin-left:5%; }
.pos_10 { margin-left:10%; }
.pos_15 { margin-left:15%; }
.pos_20 { margin-left:20%; }
.pos_25 { margin-left:25%; }
.pos_30 { margin-left:30%; }
.pos_35 { margin-left:35%; }
.pos_40 { margin-left:40%; }
.pos_45 { margin-left:45%; }
.pos_50 { margin-left:50%; }
.pos_55 { margin-left:55%; }
.pos_60 { margin-left:60%; }
.pos_65 { margin-left:65%; }
.pos_70 { margin-left:70%; }
.pos_75 { margin-left:75%; }
.pos_80 { margin-left:80%; }
.pos_85 { margin-left:85%; }
.pos_90 { margin-left:90%; }
.pos_95 { margin-left:95%; }
/*************************************
POSITIONNING COLUMNS RIGHT
**************************************/
.posr_0, .posr_1, .posr_5, .posr_10, .posr_15, .posr_20, .posr_25, .posr_30, .posr_35, 
.posr_40, .posr_45, .posr_50, .posr_55, .posr_60, .posr_65, .posr_70,
 .posr_75, .posr_80, .posr_85, .posr_90, .posr_95 {
	top: 0px;
	right: 0px;
	text-align: right;
}
.posr_0 { margin-right:0%; }
.posr_1 { margin-right:1%; }
.posr_5 { margin-right:5%; }
.posr_10 { margin-right:10%; }
.posr_15 { margin-right:15%; }
.posr_20 { margin-right:20%; }
.posr_25 { margin-right:25%; }
.posr_30 { margin-right:30%; }
.posr_35 { margin-right:35%; }
.posr_40 { margin-right:40%; }
.posr_45 { margin-right:45%; }
.posr_50 { margin-right:50%; }
.posr_55 { margin-right:55%; }
.posr_60 { margin-right:60%; }
.posr_65 { margin-right:65%; }
.posr_70 { margin-right:70%; }
.posr_75 { margin-right:75%; }
.posr_80 { margin-right:80%; }
.posr_85 { margin-right:85%; }
.posr_90 { margin-right:90%; }
.posr_95 { margin-right:95%; }
/*************************************
LAYOUT COLUMNS
**************************************/
.column_5 { width:5%; }
.column_10 { width:10%; }
.column_15 { width:15%; }
.column_20 { width:20%; }
.column_25 { width:25%; }
.column_30 { width:30%; }
.column_35 { width:35%; }
.column_40 { width:40%; }
.column_45 { width:45%; }
.column_50 { width:50%; }
.column_55 { width:55%; }
.column_60 { width:60%; }
.column_65 { width:65%; }
.column_70 { width:70%; }
.column_75 { width:75%; }
.column_80 { width:80%; }
.column_85 { width:85%; }
.column_90 { width:90%; }
.column_95 { width:95%; }
.column_100 { width:100%; }

.column_5, .column_10, .column_15, .column_20, .column_25, .column_30, .column_35, 
.column_40, .column_45, .column_50, .column_55, .column_60, .column_65, .column_70,
 .column_75, .column_80, .column_85, .column_90, .column_95, .column_100 {
	position: absolute;
}
/*************************************
GENERAL
**************************************/
.admin_msg {color: red; }
.error {color: red; display:none; }
.label {text-transform: capitalize;padding-right: 5px;font-weight: bold;}/*text-decoration: underline;*/
.value {}
.hidden {display:none;}
.visible {display:block;}
.align_left {float:left;}
.align_right {float:right;}
.align_center {margin:0 auto;text-align: center;vertical-align: center;}
.img_left {float:left;margin-top: 0px;margin-left: 0px;padding-right: 10px;padding-bottom: 5px;}
.img_right {float: right;margin-top: 0px;margin-left: 0px;padding-left: 10px;padding-bottom: 5px;}
/*************************************
COMMON
**************************************/
.article, .no_article, .book, .box, .contact {
	margin-bottom: 5px;
	border: 1pt solid;
}	

.article, .no_article {
	padding: 4px;
	background-color: lightsteelblue;
	background-color: white;
}

/*************************************
ARTICLES
**************************************/
.no_liststyle b {
	text-transform: capitalize;
}
.no_liststyle {
	list-style-type : none;
	margin:0px;
	padding: 0px;
}
.no_liststyle  li {
	text-align: left;
}
/*************************************
ARTICLES
**************************************/
.article, .no_article {
	border : 0px;
	text-align: left;
	width: 98%;
	padding-top : 0px;
}
.article h1, .no_article h1 {
	color: white;
	background-image: url(../images/bgd_centre.png);
	text-transform: capitalize;
	font-size: 1.5em;
	font-weight:bold;
	text-align: left;
	border-bottom : 1pt solid gray;
	margin-bottom : 15px;
	padding-left : 5px;
	letter-spacing: 2px ;
	font-family: "Agency FB";
}
.article h2,.article h3, .article h4  {
	color: #990000;
	text-decoration: underline;
	text-transform: capitalize;
}
.article  b {
	color: #363B29;
	text-decoration: underline;
}
.article  ul {
	text-align: left;
}
.article span {
	text-decoration: underline;
	padding-right: 5px;
	font-style: italic;
}
.article  hr {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}
/*************************************
ANONYMOUS BOX
**************************************/
.box { border: 1px solid #9b9e9f; }
.no_box { border: 0px solid }

.box h3, .no_box h3 {
	font-weight:bold;
	text-align: left;
	border-bottom : 1pt solid gray;
	margin-bottom : 15px;
	padding-left : 5px;
	letter-spacing: 2px ;
	color: orange;
	/*background-color: orange;*/
}
/*************************************
CONTACT
**************************************/
.contact {
	width: 350px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 100px;
}
.contact h3 {
	color: #990000;
	text-transform: capitalize;
	text-decoration: underline;
	border-bottom: 1px solid gray;/*#9b9e9f*/
}
.contact p {
	background-color: red;
}
.contact ul {
	list-style-type : none;
	margin:0px;
	padding: 0px;
}
.contact  li {
	text-align: left;
}
/*************************************
BOOK
**************************************/
.book {
	border: 1px solid gray;
	border: 1pt solid #336699;
	margin-bottom:15px;
	/*
	background-color: #6699CC;
	background-color: #336699;
	*/
}
.book h4 {
	color: #363B29;
	padding-left: 2px;
	padding-right: 2px;
	/*
	background-color: orange;
	background-color: #6699CC;
	background-color: #336699;
	background-image: url(../images/bg_red.jpg);
	*/
}
.book p {
	padding-left: 2px;
	padding-right: 2px;
	border-bottom: 1pt solid orange;
	border-top: 1pt solid orange;
	background-color: white;
}
.book div {
	/*background-color: #003366;*/
	width: 100%;
	font-size: 0.85em;
	height: 15px;
	position: relative;
}
.book p b {
	color: #363B29;
	text-decoration: underline;
}
.book p ul {
	text-align: left;
}
.book p span {
	text-decoration: underline;
	padding-right: 5px;
	font-style: italic;
}
/*************************************
FORM DESIGN
**************************************/
form.grid_form legend span,
form.grid_form td span {
	color: red;
	padding-left: 5px;
}
form.grid_form col.form_label {
	width: 200px;
}
form.grid_form col.form_item {
	/* width: 600px;*/
}
/*************************************
MINI
**************************************/
.mini {
	margin-top : 5px;
	border: #9b9e9f 1px solid/*dashed*/;
	background-color:greenyellow;
}
.titre_mini {
	background-color: #77BFC6;
	font-weight: bold;
	text-align: center;
	padding-left : 0cm;
}
.soustitre_mini {
	background-color: #003366;
    font-weight: bold;
	color:white;
	text-align: center;
	text-transform: capitalize;
}
.corps_mini	{
	/*background-color: #FFFFFF*/;
}
/*************************************
RICHTEXT EDITOR
**************************************/
.richtext {
	border : 1pt solid;
	margin-bottom: 10px;
	width:500px;
}
.titre_richtext	{
	background-color: #E6E6FA;
	text-align : left;
	padding-left : 0.5cm;
	color:#A9A9A9;
}
.corps_richtext	{
	background-color: #F8F8FF ;
	border: #9b9e9f 1px solid;
}
.comment_richtext {
	text-align : right;
	background-color: #778899 ;
	color:white;
}
/*************************************
INTRO
**************************************/
.intro {
	width: 330px;
	padding: 0px;
	padding-bottom : 2px;
	border: 1pt solid;
	padding-left: 2px;
	margin-bottom : 10px;
}
.titre_intro {
	background: none;
	color: #003366;
}
.intro_pic { width: 50px; height: 50px; float:left; margin-right: 0cm; }
.intro_link { text-align: right;  margin: 0px; }
.titre_intro a:link, .titre_intro a:visited, .titre_intro a:active, .titre_intro a:hover {
	color: #003366;
}

.table_default {
	text-align : left;
}
/*************************************
TABLEAU
**************************************/
.head_tableau {
	width: 570px;
	background-color: #77BFC6;
	text-align: center;
	vertical-align: middle;
	border: 1pt solid;
	font-weight: bold;
	text-transform: capitalize;
}
.titre_tableau 	{
	background-color: #003366;
	border : 0;
	padding-right: 0cm;
	padding-left: 0cm;
    font-weight: bold;
	color:white;
	text-transform: capitalize;
}
.corps_tableau 	{
	background-color: #FFFFFF;
}
.comment_tableau {
	width: 570px;
	text-align:left;
	background-color: #ccffcc;
	font-weight: bold;
}
/*************************************
SUBJECT
**************************************/
.sujet {
	margin-top : 0px;
	margin-bottom : 5px;
	border: #9b9e9f 1px solid/*dashed*/;
}
.titre_sujet {
	background-color: #003366;
	color : white;
	PADDING-LEFT: 0.5cm;
	BORDER-BOTTOM: #9b9e9f 1px /*dashed*/;
	BORDER-TOP: #9b9e9f 1px /*dashed*/;
	width : 100%;
	text-align: left;
}
.corps_sujet {
	list-style-type : none;
	PADDING-LEFT: 5px;
	margin-top : 2px;
	margin-bottom : 2px;
	padding-top : 5px;
	padding-bottom : 5px;
	text-align: left;
}
.item_sujet	{
	PADDING-LEFT: 0px;
	margin-top : 2px;
	margin-bottom : 2px;
	padding-top : 5px;
	padding-bottom : 5px;
	width : 100%;
}
/*
.box { padding-bottom : 2px;  border: 0px; }
.box_link { clear:both; text-align: right; background-color: #003273; }
.box_comment { height:100%; background-color:#F8F8FF ; font-size:11px; }
*/