/*
Theme Name: 8eme Demi Brigade
Theme URI: http://www.copycut.be/
Description: Thème de <a href="http://www.copycut.be">Didier Chartrain</a>
Version: 1.0
Author: Didier Chartrain
Author URI: http://www.copycut.be/
*/

/**
* CSS
* 
* @version beta 1.0
* @author Didier Chartrain copycut.design@gmail.com
*/

/*ACCUEIL :*/
@import url(accueil.css);

/*
	beige nouveau fonds		#8F8476
	brun					#480000
	bleu_nuit BG			#21214E
	orange-rouge			#C24822
	orange-clair			#FCA769
	gris du fond contenu	#CFCFCF
	couleur du bodytext		#666
	liens discrets			#AAA
	bleu-gris clair			#A5B5CC;
	bleu-gris très clair	#F3F5FA
	
	banner: 116px h / 936xp w
*/

/* BASIC ELEMENTS
*/

body {
	
	background: #8F8476 url(images/bg.jpg) center top no-repeat;
	margin: 0;
	padding: 0 0 10px 0;
	font-family: 'Verdana','Trebuchet MS','Arial',sans-serif;
	font-size: 12px;
	color: #666;
}

h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; font-weight: normal; }


h3 {
	border-bottom:1px solid #CCCCCC;
	color:#480000;
	display:block;
	font-family:Georgia,serif;
	font-size:16pt;
	font-weight:bold;
	line-height:12pt;
	margin:0;
	padding:15px 0 2px;
}


.clear { clear:both; display: block; }

.alignleft { float: left; }

a { color: #C24822; }

a:hover { color: #000000; }

.alignright { float: right; }

.wrap {
	width: 900px;
	margin: 0 auto;
}

.content {
	background: #FFF;
	border: 6px solid #FFF;
	width: 928px;
	margin: auto;
	padding: 3px;
}

.content .container {
	background: #CFCFCF;
	border: 1px solid #9B9B9B;
	overflow: hidden;
	padding: 3px;
}

.leftcontent table {
	width: 100%;
	padding: 5px;
	margin: 0;
	background-color: #F5F5F5;
	font: normal 9pt/12pt Trebuchet Ms, sans-serif;
}

.leftcontent table th {
	width: 20%;
	border-bottom: 1px solid #FFFFFF;
	text-align: right;
}

.leftcontent table td {
	width: 50%;
	padding-left: 10px;
	border-bottom: 1px solid #FFFFFF;
}

.leftcontent table caption {
	padding: 5px;
	margin: 0;
	color: #480000;
	font: normal 12pt/12pt Trebuchet Ms, sans-serif;
	text-align: center;
}

.leftcontent ul {
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #F5F5F5 url(images/ul_bg.gif) bottom no-repeat;
	
	color: #666;
	font: bold 9pt/12pt Trebuchet Ms, sans-serif;
}

.leftcontent ul li {list-style: none;}
.leftcontent ul li ul { background: none; padding: 0; margin: 0;}
.leftcontent ul li ul li {
	padding: 1px;
	margin-left: 15px;
	
	color: #444;
	font: normal 9pt/12pt Trebuchet Ms, sans-serif;
	list-style: outside disc;
}

.leftcontent li a, .content ul a {
	text-decoration: underline;
	color: #C24822;
}

.leftcontent li a:hover, .content ul a:hover {
	color: #FCA769;
}

.leftcontent li em {
	color: #777;
	font: italic 8pt Trebuchet Ms, sans-serif;
}


/***** HEADER *****/

.header {
	background: #FFF url(images/menu_bg.gif) bottom center no-repeat;
	width: 934px;
	height: 158px;
	padding: 3px 3px 0 3px;
	margin: auto;
	border: 3px solid #FFF;
	position: relative;
}

.header .banner {
	height: 116px;
	background: #FFF url(images/banner.jpg) center top no-repeat;
}

.header h1 { float:left; }

.header h1 a {
	margin-left: -30px;
	display: block;
	background: url(images/logo.png) no-repeat;
	height: 118px;
	width: 360px;
}

.header h1 span { display: none; }

.header_search {
	float: right;
	margin: 6px;
}

.header .textinput {
	padding: 3px;
	border: solid 1px #FFF;
	background: url(images/50blank.png);
	width: 150px;
	color: #FFF;
}

.header .submitinput { background: #EEE; border: solid 1px #FFF; color: #AAA; padding: 2px;}
.header .submitinput:hover { background: #C24822; color: #FFF; }

/*****  MENU ZONE  *****/

#head_navigation {
	height: 38px;
	padding: 5px 0 0 30px;
	text-align: center;
	position: absolute;
	z-index: 99;
}

.header ul {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

.header ul li {
	display: block;
	float: left;
}

.header ul li a {
	display: block;
	padding: 11px 14px;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	font: bold 13px/1pt Georgia, serif;
}

.header ul li.current_page_item a,
.header ul li.current_page_parent a,
.header ul li.current_page_item a:hover {
	font-weight: bold;
	background: url(images/menu_hoverbg.png) repeat-x;
}

.header ul li.current_page_item ul li a,
.header ul li.current_page_parent ul li a,
.header ul li ul li.current_page_item a { background: #EFEFEF; }

.header ul li.current_page_item ul li a:hover,
.header ul li.current_page_parent ul li a:hover,
.header ul li ul li.current_page_item a:hover,
.header ul li ul li a:hover {
	background: #FFF;
	border: none;
	text-decoration: none;
	color: #C24822;
}

.header ul li a:hover { background: url(images/menu_hoverbg.png) repeat-x; }

.header ul li ul {
	display: none;
}

.header ul li:hover ul {
	position: absolute;
	left 1px;
	top: 42px;
	display: block;
	background: #EFEFEF;
	border-top: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: none;
	margin-top: -5px;
}

.header ul li ul li {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	overflow: hidden;
}

.header ul li ul li a {
	padding: 11px;
	color: #480000;
	background: none;
	font-size: 11px;

}

.header ul li ul li:hover a { background: white; }

/***** CONTENT TAGS ****/

.leftcontent {
	width: 683px;
	float: right;
	background: #FFF;
	border: 1px solid #9B9B9B;
}

.rightcontent {
	width: 230px;
	float: left;
}

/**** ARTICLE ****/

.post {
	margin-bottom: 15px;
	padding: 20px;
}

.post a.retourenhaut { font-size: 10px; }

.posthead {	overflow: hidden; }

.post h2, .rightcontent h3, .comments h2 {
	font-size: 24px;
	font-family: 'Georgia','Times New Roman';
}

.post h2 a {
	float: left;
	color: #480000;
	text-decoration: none;
	z-index: 1;
}

.posthead h2 { font-weight: bold; }

.posthead h2 a:hover { color: #CC5050; }

.postmeta {
	float: right;
	padding-top: 10px;
	color: #AAA;
	display: block;
	font-style: italic;
	font-size: 10px;
}

.posthead {
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
}

.postcontent {
	line-height: 18px;
	font-size: 12px;
	letter-spacing: 0.1px;
	border-bottom: solid 1px #E0E0E0;
	margin-top: 10px;
	margin-bottom: 5px;
}

.postcontent a { color: #DE5F27; }
.postcontent a:hover, .postcontent blockquote a { color: #C24822; }
.postcontent blockquote { background: #F1FBFF; margin: 0px; padding: 10px 20px 10px 20px; color: #7C9AA9; }

.postcontent a.acronym { border-bottom: 1px dotted #DE5F27; }

.postcontent img {
	float: right;
	margin: 0 0 5px 5px;
}


.comments { padding: 10px; }

#Categories {
	background: url(images/category.png) no-repeat center left;
	padding-left: 20px; display: block;
	margin-bottom: 5px;
	min-height: 16px;
}

#Comments {
	text-align: right;
	display: block;
	min-height: 16px;
}

#Comments a {
	padding-left: 20px;
	background: url(images/comments.png) no-repeat center left;
}

#Categories, #Comments {
	color: #97A778;
	font-size: 10px;
}

p.date {
	color: #A5B5CC;
	display: block;
	float: right;
	font-family: Arial,sans-serif;
	font-size: 8pt;
	font-style: italic;
	line-height: 8pt;
	padding: 5px 5px 5px 18px;
	background: #F3F5FA url(images/update_icon.gif) center left no-repeat;
}

p.intro {
	color: #480000;
	font: normal 12pt/14pt Trebuchet Ms, sans-serif;
	margin: 10px 0 10px 0;
}


/*** SIDEBAR ***/

.sidebar {}
.sidebar h3 { font-size: 20px;}
.sidebar ul { list-style: none; padding: 0px; margin: 5px 0px 0px 0px; }
.sidebar ul li { padding-bottom: 7px; margin-bottom: 7px; }
.sidebar ul.half li { width: 150px; padding-bottom: 7px; margin-bottom: 7px; float: left; }
.sidebar .alignleft { width: 160px; }
.sidebar .alignright { width: 130px; text-align: right;}
.sidebar .alignright a { text-decoration: none; }
.sidebar p { margin: 0px; line-height: 14px; font-size: 11px; }

span.sidebar_spacer {
	height: 5px;
	display: block;
}

/* TABLEAU DE BRIGADE */

.rightcontent #tableaudebrigade {
	background: url(images/tableau_center.gif) repeat-y;
	padding: 0 5px 0 5px;
}

.rightcontent #tableaudebrigade span#tableaudebrigade_head {
	display: block;
	background: url(images/tableau_head.gif) no-repeat;
	height: 34px;
	margin: 0 -5px 0 -5px;
}

.rightcontent #tableaudebrigade span#tableaudebrigade_footer {
	display: block;
	background: url(images/tableau_bottom.gif) no-repeat;
	height: 6px;
	margin: 0 -5px 0 -5px;
}

/* BOUTONS DIRECTS */

a#plancenoit {
	display: block;
	background: url(images/pub_3.jpg);
	height: 73px;
	width: 220px;
	margin-bottom: 2px;
	text-decoration: none;
}

a#plancenoit span,
a#pub_1 span,
a#pub_2 span,
a#pub_3 span {
	display:block;
	padding:20px 10px 20px 90px;
	font: normal 9pt/11pt Georgia, "Times New Roman", Times, serif;
	color: #3f3430;
	text-decoration: none;
}

a#plancenoit strong {
	font: bold 10pt/11pt Georgia, "Times New Roman", Times, serif;
	color: #3f3430;
	text-decoration: none;
}

a#plancenoit:hover { background: url(images/pub_3.jpg) 0 -73px; }


a#pub_1 {
	display: block;
	background: url(images/pub_1.jpg);
	height: 73px;
	width: 220px;
	margin-bottom: 2px;
	text-decoration: none;
}

a#pub_1:hover { background: url(images/pub_1.jpg) 0 -73px; }


a#pub_2{
	display: block;
	background: url(images/pub_4.jpg);
	height: 73px;
	width: 220px;
	margin-bottom: 2px;
	text-decoration: none;
}

a#pub_2:hover { background: url(images/pub_4.jpg) 0 -73px; }

a#pub_3{
	display: block;
	background: url(images/pub_2.jpg);
	height: 73px;
	width: 220px;
	margin-bottom: 2px;
	text-decoration: none;
}

a#pub_3:hover { background: url(images/pub_2.jpg) 0 -73px; }


/* SOUS NIVEAU */

.sidebar#sousniveau { /*margin: 0 0 5px 0;*/ }

.sidebar#sousniveau ul {
	background-color:#FFF;
	border:1px solid #9B9B9B;
	color:#480000;
	display:block;
	font-family:Arial,sans-serif;
	font-size:12pt;
	font-weight:bold;
	padding: 5px;
	margin: 0;
}

.sidebar#sousniveau li a {
	margin:0 5px 5px 0;
	padding:5px;
}
	
.sidebar#sousniveau li a {
	border-bottom:1px solid #FFFFFF;
	color:#480000;
	display:block;
	font-family:Arial,sans-serif;
	font-size:12pt;
	font-weight:bold;
	height:16px;
	padding:5px;
	text-decoration:none;
}

.sidebar#sousniveau ul ul {	border: 0; }

.sidebar#sousniveau li a:hover { text-decoration: underline; }

.sidebar#sousniveau ul li {
	padding: 0;
	margin: 0;
}

.sidebar#sousniveau li li {
	padding: 0;
	margin: -5px;
}

.sidebar#sousniveau li li a {
	background: url(images/bg_nav_left.gif) no-repeat scroll 0 0;
	font-family:Arial,sans-serif;
	font-size:9pt;
}

.sidebar#sousniveau li li a:hover {
	background: url(images/bg_nav_left.gif) no-repeat scroll 0 -52px;
	text-decoration: underline;
	color: #FFF;
}

.sidebar#sousniveau li li a:active {
	background: url(images/bg_nav_left.gif) no-repeat scroll 0 -78px;
	text-decoration: underline;
	color: #FFF;
}

/* BLUE = LASTEST NEWS */
#Blue {
	background: url(images/frontnews_center.jpg) bottom repeat-y;
	color: #48000;
	margin-bottom: 5px;
}

#Blue span.side_end {
	display:block;
	height:20px;
	width: 220px;
	background: url(images/frontnews_bottom.gif) bottom no-repeat;
}

#Blue h4#lastes_head {
	background: url(images/frontnews_head.png) no-repeat;
	height: 38px;
}

#Blue h4#lastes_head span { display: none; }

#Blue ul li {
	padding: 0 10px;
}

#Blue li a {
	color:#480000;
	border-bottom:1px solid #5F362E;
	display:block;
	text-decoration:none;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:9pt;
	line-height:11pt;
	width:200px;
}

#Blue li a em {
	font-family:Arial,sans-serif;
	font-size:7pt;
}

#Blue ul li a p, #Blue .alignright p { color: #480000; text-decoration: none; font-style: italic; font-size: 11px; margin: 5px 0 0 0; }

/* ORANGE = ABOUT */

#Orange {
	background: url(images/tableau_center.gif) repeat-y;
	margin-bottom: 5px;
}

#Orange span.side_start {
	display: block;
	height: 32px;
	width: 220px;
	background: url(images/tableau_head.gif) no-repeat;
}

#Orange span.side_end {
	display: block;
	height: 6px;
	width: 220px;
	background: url(images/tableau_bottom.gif) no-repeat;
}

#Orange h3 {
	color: #764700;
	border-bottom: solid 1px #764700;
	margin: 10px;
}

#Orange p {
	margin: 0 10px;
	color: #764700;
}

#Orange a { color: #C87800; }

#Orange ul li {
	border-bottom: solid 1px #F1DAB8;
	color: #DDC49F;
}

#Green { background: #F4FDDE; color: #5F6454; }
#Green h3 { color: #466200; border-bottom: solid 1px #CBD6B1; }
#Green ul li { color: #CBD6B1; border-bottom: solid 1px #D9E5BC; }

/*** FOOTER ***/

.box1 { margin: 15px 35px 15px 0px; width: 270px; float: left; }
.box2 { margin: 15px 15px 15px 0px; width: 270px; float: left; }
.box3 {  width: 270px; background: url(images/rightfoot.jpg) no-repeat left top; float: right; margin: 15px 0 15px 0; }
.box1 p, .box2 p, .box3 p { width: 270px;  line-height: 16px; font-size: 13px; color: #25819D; background: #93CBDC; padding: 5px;}
.box1 a, .box2 a, .box3 a { color: #FF3C00; background: #ffffff;}
.footer2 { width: 885px; margin: 0 auto 0 auto; padding: 0 0 20px 0; color: #25819D; }
.header h4 { background: #ffffff; padding: 2px; font-size: 16px; color: #FF3C00; font-weight: bold; }
.footer2 a { color: #FF3C00; background: #ffffff; text-decoration: none; padding: 2px; }

/*** COMMENTS ***/

.comentariu, .commentform { padding: 10px; }
.alt, .commentform { background: #F1F9FB url(images/postheadbg.jpg) no-repeat right bottom; }
.comment-meta { font-weight: bold; color: #6E999D; border-bottom: solid 1px #B4D3D8; padding-bottom: 5px; }
.comment-meta span { font-size: 14px; }
.comment-meta span a, .comment-meta a { color: #27909A; text-decoration: none; }
.comments h2 { margin-bottom: 10px; }
.commentform span { display: block; margin: 6px 0 6px 0; font-size: 14px; }
.commentform input, .commentform textarea { border: solid 1px #B4D3D8; background: #ffffff; padding: 5px; width: 98%;}
.commentform input.subscribe_button { width: 150px; margin-top: 10px; }

/**** OTHERS ***/

.rssfeed {
	padding-left: 22px;
	background: url(images/rss.jpg) no-repeat left center;
}

.footer {
	width: 926px;
	margin: auto;
	background: #FFF url(images/footer_bottom.gif) bottom center no-repeat;
	padding: 10px;
	overflow: hidden;
}
.footer p {
	font-size: 11px;
	font-style: italic;
	width: 900px;
	margin: 0 auto;
	color: #666;
}

.footer p strong {
	font-weight: normal;
	color: #444;
	margin-right: 8px;
}


/*****  FOOTER MENU ZONE  *****/

.footer ul {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	display: inline;
}

.footer ul li {
	width: 105px;
	float: left;
	display:block;
	padding: 5px;
	text-align: center;
}

.footer ul li a {
	display: block;
	width: 100px;
	text-decoration: none;
	font: bold 11px Arial, sans-serif;
	color: #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #EEE;
	min-height: 25px;
}

.footer ul li a:hover {
	color: #666;
	text-decoration: underline;
}

.footer ul li ul {
	float: none;
}

.footer ul li ul li {
	text-align: left;
	padding: 0;
	list-style: none;
}

.footer li ul li a {
	color: #888;
	text-decoration: none;
	font: normal 10px/10px Arial, sans-serif;
	margin: 0 0 5px 0;
	min-height: 0;
	padding: 0;
	border: none;

}

.footer li ul li a:hover {
	text-decoration: underline;
}


/*SIGNATURE*/

.signature {
	color: #736A5E;
	width: 926px;
	margin: auto;
	padding: 10px;
	font-size: 11px;
	font-style: italic;
}
.signature span { font-size: 9px; }

.signature span a { color: #736A5E; }