/* CSS Document */

html, body{width:100%}
body{
	font-size:12px;
	font-family:Arial, Verdana, sans;
	color:#7b7b7b;
	background:#2b2b2b url(images/body_bg.gif) repeat-x left top;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#page{
	position:relative;
	width:980px;
	margin:0 auto;
}

#tetiere{
	z-index:1;
	position:absolute;
	width:980px;
	height:145px;
	background:#1d1d1d;
	border-bottom:4px solid #3875be;
}

#globalMenu{
	z-index:2;
	position:absolute;
	left:5px;bottom:8px;
	list-style-type:none;
}
#globalMenu li{
	float:left;
	border-right:1px solid #000000;
}
#globalMenu li.lastChild{border:none;}
#globalMenu li img, #globalMenu li a{
	display:block;
	float:left;
}
#globalMenu li a{
	padding:0 5px;
}

#mainAndSidebar{
	z-index:1;
	position:absolute;
	left:0;top:149px;
	width:980px;
	min-height:34px;
	background:#1d1d1d url(images/main_and_sidebar_bg.gif) repeat-x left top;
}

#categories{
	z-index:2;
	position:absolute;
	left:0;top:149px;
	width:685px;
}
#menuTitle{
	height:32px;
	cursor:pointer;
	background:url(images/fr/choisissez-categorie.gif) no-repeat left top;
}
#menuTitle span{display:none;}
#mainMenu{
	display:none;
	width:459px;
	padding:0 0 0 6px;
}
#categories .bgTop{
	width:459px;
	height:7px;
	font-size:0;
	background:url(images/menu_bg_top.png) no-repeat left top;
}
#categories ul{
	width:437px;
	padding:0 12px 7px 10px;
	list-style-type:none;
	background:url(images/menu_bg_main.png) repeat-y left top;
}
#categories ul li{
	width:437px;
	border-top:1px solid #1f1f1f;
	border-bottom:1px solid #000000;
	background:url(images/menu_puce_li.gif) no-repeat 9px 8px;
}
#categories ul li.firstChild{border-top:none;}
#categories ul li.lastChild{border-bottom:none;}
#categories ul li a{
	display:block;
	width:415px;
	color:#959595;
	text-decoration:none;
	padding:3px 0 4px 22px;
	font:normal normal 12px/normal Georgia, Times, serif;
}
#categories ul a:hover{
	color:#ffffff;
	font-weight:bold;
	background:url(images/menu_bg_a.gif) no-repeat left top;
}
#categories .bgBottom{
	width:459px;
	height:7px;
	font-size:0;
	background:url(images/menu_bg_bottom.png) no-repeat left top;
}

#main{
	float:left;
	width:665px;
	margin:34px 0 0 0;
	padding:30px 0 0 0;
	background:#1d1d1d;
}

.post{
	float:left;
	width:665px;
	padding:0 0 70px 0;
}
.post-title{
	border-left:45px solid #000000;
	color:#ffffff;
	padding:0 0 0 8px;
	font:normal bold 21px/21px Georgia, Times, serif;
}
.post-title a{color:#ffffff;text-decoration:none;}
.post-title a:hover{color:#1e66bc;}
.post p{
	text-align:justify;
	padding:5px 22px 5px 54px;
}
.post p a{color:#bababa;font-weight:bold;}
.post p a:hover{color:#dddddd;}
.post .post-info{
	padding:5px 0 15px 62px;
	color:#4d492b;
	font:normal normal 12px/normal Georgia, Times, serif;
	background:url(images/post-author_bg.gif) no-repeat 34px top;
}
.post .post-info strong{color:#998b0f;}
.post .post-info span{color:#0c0c0c;}
.post .post-info a{font-weight:normal;color:#998b0f;text-decoration:none;}
.post .post-info a:hover{color:#1e66bc;}
.post .post-info a:hover strong{color:#1e66bc;}
.post .post-info a.siteLink{color:#1e66bc;text-decoration:none;}
.post .post-info a.siteLink:hover{text-decoration:underline;}

.post p.post-link{
	padding-top:30px;
	font-family:Georgia, Times, serif;
}
.post p.post-link a{
	color:#1e66bc;
	text-decoration:none;
	padding:1px 0;
}
.post p.post-link a:hover{text-decoration:underline;}
.post p.post-link span{color:#000000;}

.post p.post-link a.linkSuite{background:url(images/icon_suite.gif) no-repeat left 3px;padding-left:18px;}
.post p.post-link a.linkComments{background:url(images/icon_comments.gif) no-repeat left 3px;padding-left:21px;}

#sidebar{
	float:left;
	width:284px;
	background:url(images/sidebar_bg.png) repeat-y left top;
	padding:0 10px 0 21px;
	font-size:11px;
}
#sidebar h5{
	border-top:1px solid #131313;
	padding:12px 0 8px 0;
}
#sidebar div{
	float:left;
	width:284px;
	background:url(images/sidebar_item_bg.gif) repeat-x left bottom;
	padding:0 0 8px 0;
	border-bottom:1px solid #000000;
}
#sidebar div ul{padding:0 15px;list-style-type:none;}
#sidebar div form{padding:2px 15px;}
#sidebar div form input{
	width:187px;
	height:13px;
	padding:10px;
	color:#6c6c6c;
	font-size:11px;
	border:none;
	background:url(images/search_bg.gif) no-repeat left top;
}
#sidebar div form input.submit{
	width:33px;
	height:33px;
	background:url(images/search_ok_bg.gif) no-repeat left top;
	cursor:pointer;
}
#sidebar div a{
	color:#6c6c6c;
	text-decoration:none;
}
#sidebar div a:hover{color:#dddddd;font-weight:bold;}

#syndicate ul li{padding:5px 0;}
#syndicate ul li a{
	padding:1px 0 1px 25px;
	background:url(images/icon_rss.gif) no-repeat left top;
}
#syndicate ul li a.exergue{background-image:url(images/icon_rss_2.gif);}
#syndicate ul li a:hover{background-position:left -16px;}
#newsletter h5{border-top:none;}
#archives ul li, #links ul li{padding:1px 0;}
#a-propos .content{
	padding:6px 15px;
	font:normal normal 11px/normal Arial, Verdana, sans;
	text-align:justify;
}
#a-propos .content strong{color:#dddddd;}
#rencontres .imgRecontre{
	float:left;
	position:relative;
	left:-3px;top:0;
	margin:0 5px 5px 0;
}
#rencontres h3{
	font-size:11px;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
	background:url(images/rencontres_title_bg.gif) no-repeat right bottom;
}
#rencontres p{text-align:justify;}
#rencontres ul li{
	float:left;
	width:254px;
	padding:2px 0;
}

#comments{
	float:left;
	width:588px;
	background:url(images/comments_bg_top.gif) no-repeat left top;
	padding:25px 0 0 55px;
}


.commentsNumer{
	padding:2px 0 18px 14px;
	color:#998b0f;
}

.comment-info{
	float:left;
	width:588px;
	padding:0 0 18px 0;
}
.comment-info a{color:#bababa;font-weight:bold;}
.comment-info a:hover{color:#dddddd;}
.comment-info p.comment-info-p{
	float:left;
	background:#0e0e0e url(images/comment-info_bg_right.gif) no-repeat right top;
	padding:4px 28px 5px 10px;
	color:#494949;
}
.comment-info p.comment-info-p strong{color:#1e66bc;}
.comment-info p.comment-info-p span.postAuthorDate{color:#1e66bc;}
.comment-info p.comment-info-p span.comment-number{padding:0 10px 0 0;}
.comment-info p.comment-info-p span.comment-number a{
	font-size:14px;
	color:#998b0f;
	text-decoration:none;
}
.comment-info p.comment-info-p span.comment-number a:hover{color:#1e66bc;}
.comment-info div.comment-content{
	float:left;
	width:588px;
	background:#302f2f url(images/quote_1.gif) no-repeat left top;
	color:#737373;
}
.comment-info div.comment-content_bgBottom{
	float:left;
	width:532px;
	background:url(images/quote_2.gif) no-repeat right bottom;
	padding:12px 28px;
}
.comment-info div.comment-content p{text-align:justify;}

h3.writeComment{
	clear:both;
	width:533px;
	position:relative;
	left:-55px;
	padding:70px 0 34px 55px;
	background:url(images/write_bg_top.gif) no-repeat left 42px;
}


#comment-form{
	color:#998b0f;
	font:normal bold 12px/normal Georgia, Times, serif;
	padding:0 0 70px 0;
}
#comment-form fieldset{border:none;}
#comment-form p.field{
	float:left;
	width:588px;
	padding:0 0 6px 0;
}
#comment-form label{
	display:block;
	float:left;
	width:125px;
	padding:0 20px 0 0;
	text-align:right;
	line-height:33px;
}

#comment-form p.field #c_nom, #comment-form p.field #c_mail{
	width:187px;
	height:13px;
	padding:9px 10px 11px 10px;
	background:url(images/form_bg_text.gif) no-repeat left top;
	border:none;
	color:#494949;
}

#comment-form p.field #c_content{
	width:407px;
	height:212px;
	padding:10px;
	background:url(images/form_bg_textarea.gif) no-repeat left top;
	border:none;
	font:normal normal 12px/normal Arial, Vedana, sans;
	color:#494949;
	overflow:hidden;
}

.form-help{
	clear:both;
	text-align:right;
	padding:10px 15px 10px 0;
	font-weight:normal;
}

.form-buttons{
	text-align:right;
	padding:10px 15px 0 0;
}
.form-buttons input{
	background:#131313;
	color:#998b0f;
	font:normal bold 12px/normal Georgia, Times, sans;
	border:1px solid #000000;
	cursor:pointer;
	padding:9px 11px;
}
.form-buttons input:hover{color:#1e66bc;border-color:#212121;}

.tagList{
	font-size:9px;
	font-weight:normal;
	padding:0 22px 15px 54px;
}
.tagList a{
	text-decoration:none;
	background:url(images/icon_tag.gif) no-repeat left 2px;
	padding:0 0 0 12px;
	color:#bababa;
}
.tagList a:hover{color:#ffffff;text-decoration:underline;}

#footer{
	float:left;
	width:980px;
	background:#000000;
}
#footer p{
	text-align:center;
	padding:6px 20px;
}
#footer p a{
	font:normal bold 12px/normal Arial, Verdana, sans;
	color:#7b7b7b;
}
#footer p a:hover{color:#2e6ab2;}

#tag-cloud{font-size:12px;padding:6px 15px;}
#tag-cloud div { margin:0; padding:0; display: block; text-align: center;	float:left;
	width:254px;
	background:none;
	padding:6px 15px 8px 15px;
	border-bottom:none;
}

#tag-cloud a { display:inline; margin:0;padding:0;background-image:none;font-size:10px; padding:0 2px; }

/* niveaux des tags */
#tag-cloud a.level-1 {font-size:11px;}
#tag-cloud a.level-2 {font-size:12px;}
#tag-cloud a.level-3 {font-size:14px;}
#tag-cloud a.level-4 {font-size:16px;}
#tag-cloud a.level-5 {font-size:18px;}

/* couleur des liens des tags */
#tag-cloud a.level-1 a, #tag-cloud a.level-2 a, #tag-cloud a.level-3 a, #tag-cloud a.level-4 a, #tag-cloud a.level-5 a { color:#7b7b7b; }

.searchResult, .toc-title{
	text-align:center;
	padding:0 22px 30px 54px;
	font:normal bold 18px/normal Georgia, Times, serif;
	color:#1e66bc;
	border:none;
}
#toc ul{
	list-style-type:none;
	padding:5px 22px 5px 54px;
}
#toc ul li{
	padding:2px 0;
	border-bottom:1px dotted #424242;
}
#toc ul li a{color:#737373;text-decoration:none;}
#toc ul li a:hover{color:#998b0f;}

/* Disclaimer */

div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:black; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:14px; border:#ddd 1px solid; background:#cccccc; color:#555; }
   div#disclaimer-cadre span.gros{ font-size:22px; color:black; font-weight:bold;}
   div#disclaimer-cadre div#lien{font-size:22px; background-color:rgb(0,29,162); font-weight:bold; width:300px; margin:0 auto 0 auto; height:70px; padding-top:5px;}
   div#disclaimer-cadre div#lien a{color:white;}
   div#disclaimer-cadre span#non a{color:#555; font-size:12px;}
   div#disclaimer-cadre a:hover{ text-decoration:underline; }
   
   div#disclaimer-cadre #question{font-size:12px;}
	div#disclaimer-cadre #decouvrir a{ color:white; background-color:rgb(0,29,162); padding:5px 10px 5px 10px;}
   div#disclaimer-cadre #decouvrir a:hover{ color:white; }