/* COMMON */
body{
    width: 879px;
    margin: 0 auto;
	border: solid 1px #c8c9cd;
	margin-top: 5px;
	margin-bottom: 5px;
}

body, TD, DIV { 
	font-family : Verdana Regular, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #121212;
}

/*body { direction: rtl; unicode-bidi: embed; }
TD   { direction: rtl; unicode-bidi: embed; }
DIV  { direction: rtl; unicode-bidi: embed; }*/

/* COMMON LINKS */
a:link     { background-color: transparent; color : #128bed;}
a:visited  { background-color: transparent; color : #128bed;}
a:active   { background-color: transparent; color : #128bed;}
a:hover    { background-color: transparent; color : #128;}
a.noformat { text-decoration: none; color : #128bed;  }


/* CATEGORY */
.catLink        { font-weight : bold; }
.catDescription { color : #121212;  }


/* ARTICLE */
H1.articleTitle    { font-size : 1.0em; margin: 0px; }
a.articleLink      { font-weight : bold; }
a.articleLinkOther {  }  /* for other in category and related */
.articleDecription { color : #121212; }
.articleStaff      { color : #505050; 	font-size : 0.8em; }
.glossaryItem      { background-color : #F0F0F0; cursor : help; color : #CC3333; }


/* HEADER & CONTENT */	
div.content {
	background-color: #ffffff;
	padding: 10px 20px;
	
}

/* LOGIN LINK */
div.login { font-size : 0.8em; font-weight: bold; text-align: right; white-space : nowrap;
			padding-right: 15px; padding-bottom: 8px;}		
a.login { }


/* NAVIGATION  CLEM : chemin du home jusqu'a l'article*/ 
div.navigation  { color : #121212; 	background-color: #ffffff; font-size : 0.9em; }
a.navigation    { color : #121212; }


/* ARTICLE BLOCK */
a.abLink     {  }
.abBorder    { background-color : #E4E4E4;  }
.abBgr       { background-color : #FFFFFF;  font-size : 0.9em; }
.abBgrDarker { background-color : #FAFAFA;  color : #606060;  font-size : 0.9em; }


/* ATTACHMENT */
.atTitle      { font-weight : bold;  }
.atEntry      { /* font-size: 0.8;*/ }


/* FILES */
.fName        { font-size : 0.8em; }


/* TABLES */

.tdBorder     { background-color : #E4E4E4;  }
.tdTitle      { background-color : #404247; padding : 4px 4px;  border : 1px solid #A0A2AB; }
.tdTitle b { color : white; font-style: bold }
.tdSubTitle   { background-color : #404247; padding : 4px 4px;  border : 1px solid #A0A2AB;}
.tdSubTitle b { color : white; font-style: bold }
.articleTitle { color : white; font-style: normal}

.trLighter    { background-color : transparent; }
.trDarker     { background-color : #F4F4F4; }
.trMoreDarker { background-color : #DADADA; }



/*  FORMS  */
.trForm         { background-color : #FAFAFA; }
.tdFormCaption  { background-color : #F4F4F4;  text-align: right; width: 150px; }

input, select   { font-size : 12px;  margin : 0px;  padding: 0px; }
input.text      { width : 110px; }
input.shortText { width : 80px; }
input.longText  {  width : 250px;   }

.button         { width : 150px; }
.colorInput     { background-color : #F5F4ED; }
.requiredSign   { color : #C40000; font-weight : bold; }
.formComment    { font-size : 0.9em; }


/*  OTHER  */
.copyright      { font-size : 0.8em; }
.pageByPage     { font-size : 0.9em; color: white; }
.smallerText    { font-size : 0.9em; }
.nowrap         { white-space: nowrap; }
.space          { padding-bottom: 5px; }
.less_space     { padding-bottom: 2px; }
.info           { background-color : #FFFFE1; border : 1px solid #8592A2; padding: 10px;}

.fright         { float: right; }
.fleft          { float: left; }


/*  CONTENT STYLES (could be applied in FCK editor)  */
DIV.box {
	background-color : #FFFFE1;
	border : 1px solid #959595;
	padding: 10px;
    overflow:hidden;
	zoom: 1;
}















/* contenu de l'article */
#clem_article
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
}

/* liste des fichers attachés */
#clem_article_list_attachment
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
}

/* "autres questions de cette categorie */
#clem_article_list_category
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;

}

/* "see also" */
#clem_article_list_related
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
	
}

/* Ajouter un commentaire */
#clem_comment_form
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;

}

/* liste des commentaires */
#clem_comment_list
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
}

/* affichage de la liste des catégories   */
#clem_category_list
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
}

/* affichage de la liste des questions d'une catégorie/sous categorie  */
#clem_article_list
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
}


/* "Articles les plus consultés" + "articles recents"  */
#clem_top_article_format
{

	margin-bottom: 10px;
	width: 195px;	/* largeur fixée à 200px */
	font-size : 10px;
	float: right;
	
	
}





/* messages apparaissant à l'ecran lorsqu'aucun article n'a été trouvé */
#clem_messagebox
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;
	margin-bottom: 10px;
}

#clem_ie
{
	width: 630px;
	float: left;	/* se positionne dans la partie gauche de la balise div "content_div" */
	margin-right: 10px;

}

/* permet que l'affichage se réalise bien, sans ça il arrive que le menu de gauche "sorte" du flux courant 
si le contenu de toute la partie de droite est trop petite 
propriété "both" : la boîte générée va se déplacer sous chacune des boîtes flottantes qui précèdent dans le code source" */
.spacer {
  clear: both;
}