@import "layout.css";

A, ABBR, ACRONYM, ADDRESS, APPLET, BIG, BLOCKQUOTE, BODY, CAPTION, CITE, CODE, DD, DEL, DFN, DIV, DL, DT, EM, FIELDSET, FONT, FORM, H1, H2, H3, H4, H5, H6, HTML, IFRAME, IMG, INS, KBD, LABEL, LEGEND, LI, OBJECT, OL, P, PRE, Q, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, UL, VAR {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	outline:0;
	vertical-align:baseline;
	margin:0;
	padding:0
}

html, body {	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}
.logo_cfj{
	background-image:url(images/logo_cfj.png);
	background-repeat:no-repeat;
	float:right;
}



/**********************************************************************
	Header et Menu
	*/
#header{	
	
}
#menu {
	margin:auto;
	width: 970px;
	padding-left:70px;
}

#menu ul{
	margin:0px 0px 0px 0px;
	padding:0px;
}

#menu li{
	margin:0px 0px 0px 0px;
	display:inline;
}

#menu a {
		text-transform: uppercase;
		display: block;
		width: auto;
		float: left;
		height: 26px;
		max-height: 26px;
		font-size: 11px;
		color: #929292 !important;
		padding: 10px 10px 0 16px;
		background: transparent url(images/bg_menu.gif) top left no-repeat;
		text-decoration: none;
		font-family: Verdana;
	}
#menu a:hover {
		color: #fff !important;
		background-position: bottom left;
	}
/**********************************************************
	Footer
	*/
#footer1{overflow:auto;color:#919090;}

#footer1 ul{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer1 li{list-style:square; margin:5px 0px;}
#footer1 a{color:#919090; text-decoration:none;}
#footer1 a:hover{color:#f3f3f3; text-decoration:underline;}


#footer1_left, #footer1_right{width:280px;}
#footer1_center{margin: 0px 295px;}
#footer1_left{float:left; }
#footer1_right{float:right;}

#footer1 h3{margin-top:0px; margin-bottom:10px; font-size:16px; color:#CCCCCC;}

#footer2{
	padding-top:50px;
	text-align:center;
	color:#FFFFFF;
}
#footer2 a{color:#cccccc;text-decoration:none;border-bottom:dotted #CCCCCC 1px;}
#footer2 a:hover{color:#ffffff;}

/*****************************************************
	Posts
	*/
.post{
	border-bottom:#707070 solid 1px;	
	padding-bottom:10px;
}	


.post a, #pagination a:link{color:#009EE0; text-decoration:none;}
.post a:visited, #pagination a:visited{color:#009EE0; text-decoration:none;border-bottom:dotted #009EE0 1px;}
.post a:hover, #pagination a:hover{color:#7AD7FF; text-decoration:underline;}

.post h2, .post-special H2{
/*
}
.post a, #pagination a:link{color:#009EE0; text-decoration:none;}
.post a:visited, #pagination a:visited{color:#009EE0; text-decoration:none;border-bottom:dotted #009EE0 1px;}
.post a:hover, #pagination a:hover{color:#7AD7FF; text-decoration:underline;}

.post h2{*/

	font-size:18px;
	color:#E04100;	
	margin:10px auto;
	font-weight:700;
}
.post h2 a:link{color:#E04100;text-decoration:none;}
.post h2 a:visited{color:#E04100;text-decoration:none;border-bottom:dashed #E0B100 1px;}
.post h2 a:hover{color:#009EE0;}

/*.post p, */
.postContent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:20px 0px;
	text-align:justify;
}

.postContent OL, .postContent UL, .post-special UL{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px;
}
.postContent LI , .post-special LI{
	/*list-style:square; */
	margin:10px 0px 10px 30px;	
}

.postContent .quoteheader{display:none; }
.postContent .quote{
	/*background-color:#FFFFCC;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002534;
	font-size:18px;
	font-style:italic;
	line-height:26px;
	padding:2px 30px 5px 30px;
	background-image:url(images/icones/quote1.gif);
	/*background-attachment:fixed;*/
	background-repeat:no-repeat;
}

.postContent .blockFloat{
	font-size:10px;
	width:160px; 
	float:left;
	margin:10px 10px 10px 0px;
	padding:3px;
	border:#999999 dashed 1px;
	background-color:#eeeeee;
	text-align:left;
	
}
.postContent .blockFloat UL{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
}
.postContent .blockFloat LI{
	list-style:square; 
	margin:5px 0px;
}


/*
.postContent 0L, .postContent UL{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px;
}
.postContent LI{
	
	margin:10px 0px 10px 30px;	
}

.postContent .quoteheader{display:none; }
.postContent .quote{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#002534;
	font-size:18px;
	font-style:italic;
	line-height:26px;
	padding:2px 30px 5px 30px;
	background-image:url(images/icones/quote1.gif);
	
	background-repeat:no-repeat;
}

.postContent .blockFloat{
	font-size:10px;
	width:160px; 
	float:left;
	margin:10px 10px 10px 0px;
	padding:3px;
	border:#999999 dashed 1px;
	background-color:#eeeeee;
	text-align:left;
	
}
.postContent .blockFloat UL{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
}
.postContent .blockFloat LI{
	list-style:square; 
	margin:5px 0px;
}

*/

.postContent.preview{
	margin:10px 0px;
}
.postContent h3{
	font-weight:700;
	font-size:14px;
	margin:5px auto;
}

.postFooter{	
	line-height:20px;
	font-size:10px;
}
.postHeader{
	font-size:11px;
}
.postAuthorPresentation{
	height:65px;
	padding:10px;
	overflow:hidden;
	background-color:#f3f3f3;
	font-size:10px;
}
.postAuthorPresentation h3{margin:5px auto; font-size:14px; font-weight:700;}
.postAuthorPresentation h3 a:link{color:#E04100;}
.postAuthorPresentation h3 a:visited{color:#E04100;text-decoration:none;border-bottom:dashed #E0B100 1px;}
.postAuthorPresentation h3 a:hover{text-decoration:underline;}
.postAuthorPresentation p.pretitle{margin:0px auto;}
.postAuthorPresentation p{margin:5px auto;}
.postAuthorPresentation img{float:right;margin-left:10px;}

.postDate{
	background-image:url(images/icones/calendar.png);
	background-position:left;background-repeat:no-repeat;padding-left:20px;	}
.postAuthor{
	background-image:url(images/icones/ooo_writer.png);
	background-position:left;background-repeat:no-repeat;padding-left:20px;	}
.postComments{
	background-image:url(images/icones/comment.png);
	background-position:left;background-repeat:no-repeat;padding-left:20px;	}
.postTags{
	background-image:url(images/icones/tag_green.png);
	background-position:left;background-repeat:no-repeat;padding-left:20px;	}
.postCategories{
	background-image:url(images/icones/chart_organisation.png);
	background-position:left; background-repeat:no-repeat; padding-left:20px;}
.postPermalink{
	background-image:url(images/icones/world_link.png);
	background-position:left; background-repeat:no-repeat; padding-left:20px;}


.post-special{
	border:#FF0000 2px dashed;
	/*background-color:#FFDDDD;*/
	/*background-image:url(images/barack.jpg);
	background-repeat:no-repeat;
	background-position:right;*/
	padding:7px;
	margin-top:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:183px;
	max-height:183px;
	overflow:hidden;
}
.post-special H2{margin-top:0px;}
.post-special A{color:#000000; text-decoration:none;}
.post-special A:hover{color:#009EE0; text-decoration:underline;}




/*****************************************************
	Header colonne gauche
	*/	
.left_header{
	margin: 20px auto 30px auto;
	padding:5px;
	border:1px dashed #4DACCF;
	background-color:#F3FAFC;
/*	text-align:center;*/
}	
.left_header .breadcrumb {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#009EE0;
}
.left_header .breadcrumb A:link{color:#009EE0; text-decoration:none;}
.left_header .breadcrumb A:visited{color:#009EE0;text-decoration:none;border-bottom:dashed #E0B100 1px;}
.left_header .breadcrumb A:hover{color:#009EE0; text-decoration:underline;}

	
/*****************************************************
	Cadres
	*/
.cadre{	width:360px; overflow:auto;}


.cadre ul{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
}
.cadre li{
	list-style:square; 
	margin:5px 0px;
}

.cadre li a, .cadre h3 a{color:#009EE0; text-decoration:none;}
/*.cadre li a:visited{color:#E0B100; text-decoration:none;}*/
.cadre li a:hover, .cadre h3 a:hover{color:#7AD7FF; text-decoration:underline;}

.cadre .cadre_cyan_content A{color:#ffffff;}

.cadre h1{margin-top:0px; font-size:20px; margin-bottom:5px;padding-top:5px; font-weight:700;}
.cadre h3{margin-top:0px; font-size:14px; margin-bottom:5px;font-weight:700;}

.cadre form{margin:0px;}

/*

.cadre ul{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
}
.cadre li{
	list-style:square; 
	margin:5px 0px;
}

.cadre li a, .cadre h3 a{color:#009EE0; text-decoration:none;}

.cadre li a:hover, .cadre h3 a:hover{color:#7AD7FF; text-decoration:underline;}

.cadre h1{margin-top:0px; font-size:20px; margin-bottom:5px;padding-top:5px; font-weight:700;}
.cadre h3{margin-top:0px; font-size:14px; margin-bottom:5px;font-weight:700;}

.cadre form{margin:0px;}

*/
.cadre_small_left{width:180px;float:left;}
.cadre_small_right{width:180px; float:right;}
.cadre_small_left ul, .cadre_small_right ul{
	padding:0px 0px 0px 10px; 
	margin:0px 0px 0px 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cadre_small_left li, .cadre_small_right li{list-style:square; margin:5px 0px;}

/* PAR DEFAUT */
.cadre_x_top{height:15px;overflow:hidden;background-image:url(images/cadre_top.png);}
.cadre_x_content{color:#FFFFFF;background-image:url(images/cadre_content.png);padding: 0px 15px 0px 15px;}
.cadre_x_bottom{height:25px;	overflow:hidden; background-image:url(images/cadre_bottom.png);}
/* CYAN */
.cadre_cyan_top{height:15px;overflow:hidden;background-image:url(images/cyan_cadre_top.png);}
.cadre_cyan_content{color:#FFFFFF;background-image:url(images/cyan_cadre_content.png);padding: 0px 15px 0px 15px;}
.cadre_cyan_bottom{height:25px;	overflow:hidden; background-image:url(images/cyan_cadre_bottom.png);}
/* GRIS */
.cadre_gris_top{height:15px;overflow:hidden;background-image:url(images/gris_cadre_top.png);}
.cadre_gris_content{color:#FFFFFF;background-image:url(images/gris_cadre_content.png);padding: 0px 15px 0px 15px;}
.cadre_gris_bottom{height:25px;	overflow:hidden; background-image:url(images/gris_cadre_bottom.png);}
/* ORANGE */
.cadre_orange_top{height:15px;overflow:hidden;background-image:url(images/orange_cadre_top.png);}
.cadre_orange_content{color:#FFFFFF;background-image:url(images/orange_cadre_content.png);padding: 0px 15px 0px 15px;}
.cadre_orange_bottom{height:25px;	overflow:hidden; background-image:url(images/orange_cadre_bottom.png);}


/* Small CYAN */
.cadre_small_cyan_top{}
.cadre_small_cyan_content{padding: 0px 15px 0px 15px;}
.cadre_small_cyan_content{}


/*********************************************************/

/*****************************************************
	Commentaires dans le détail des pages
	*/
.hide{
	display:none
}
#comments .comment {
	margin-top:15px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.comment .body {
	background-image:url(images/comments/lightgray.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin-left:68px;
	padding-top:10px
}
.comment .body .moderate {
	margin-bottom:10px;
	padding-left:13px;
	padding-right:13px
}
.comment .body .moderate EM {
	color:#ED1616
}
.comment .body .text {
	background-image:url(images/comments/lightgray.gif);
	/*background-color:#99FF33;*/
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:22px;
	padding-left:13px;
	padding-right:13px
	
}
.comment .body .text LI{
	margin-left:20px;
}
.comment .body:hover {
	background-image:url(images/comments/lightblue.gif);
	color:#174E63
}
.comment .body:hover .text {
	background-image:url(images/comments/lightblue.gif)
}
.comment.author .body {
	background-image:url(images/comments/blue.gif);
	color:#174E63
}
.comment.author .body .text {
	background-image:url(images/comments/blue.gif)
}
.comment.author .body:hover {
	background-image:url(images/comments/darkblue.gif);
	color:#174E63
}
.comment.author .body:hover .text {
	background-image:url(images/comments/darkblue.gif)
}
.comment .body P {
	padding:2px
}
.comment .footer H5 {
	display:block;
	margin-left:80px
}
.comment .footer H5 STRONG {
	font-weight:700;
	text-transform:capitalize
}
.comment .footer .number {
	left:0;
	position:absolute;
	top:5px
}
.comment .footer .number A {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:700;
	letter-spacing:-1px;
	text-align:right;
	width:60px;
	
	/*background-color:#000099;*/
}	
#comments .comment .footer .number A {
	color:#DBDBDB
}
#comments .comment .footer .number A:hover {
	color:#4DACCF;
	text-decoration:none
}
#comments OL LI.comment{
	/*display:block;*/
	/*background-color:#00CC33;*/
	/*margin-left:0px;*/
}
#comments OL{
	list-style:none
}

#comments_reply, #pagination{
	margin: 20px auto auto auto;
	padding:5px;
	border:1px dashed #4DACCF;
	background-color:#F3FAFC;
	text-align:center;
}

#comments_reply H3{
	font-weight:bold;
	font-size:16px;
}

/**********************************************/