@import url("../_reference/yacs.css");
/* Ferme Fagot - Theme générale */
* {
margin: 0;
padding: 0;
}

a,
a code { /* basic link */
	color: #039;
	text-decoration: none;
	cursor: pointer; /* help ie on folded boxes */
}

a:link,
a:link code { /* link displayed for the first time */
	color: #039;
}

a:visited,
a:visited code { /* link that has been used at least once */
	color: #039;
}

a:active,
a:active code { /* link at the moment it is clicked */
	background-color: #ede;
}

a:hover,
a:hover code { /* link below the mouse pointer */
	color: green;
}

a img { /* avoid borders around images used as links */
	border: none;
}

acronym { /* help in a popup -- [hint]...[/hint] */
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

address { /* a author profile towards the end of the main panel -- from articles/view.php */
	padding-top: 1em;
	padding-bottom: 1em;
}

b { /* bold -- [b]...[/b] */
}

body { /* most elements will inherit some of these attributes */
	
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333;
	background-color: #29a9e0;
}

blockquote { /* someone has been cited -- [quote]...[/quote] */
	border-left: 2px solid #bfbfbf;
	margin: 0;
	padding: 0 0 0 3px;
}

@media screen { /* not on printers */

	blockquote { /* prefix quotes with a nice image */
		padding-left: 25px;
		background: url("images/quote_left.gif") top left no-repeat;
		border: none;
	}

	blockquote .quote_prefix span { /* instead of the bare quote char */
		display: none;
	}
}

br { /* new line -- [nl] */
}

button { /* change button appearance */
}

button:hover {
}

center { /* is this one deprecated? -- [center]...[/center] */
}

code { /* some code sample -- [code]...[/code] */
	color: #000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-weight: normal;
}

del { /* deleted -- [deleted]...[/deleted] */
}

form { /* inline rendering for all browsers */
	margin: 0;
	padding: 0;
}

.description { color: #2F4F4F;}

h1 { /* appears only once, with the page title */
	margin: 0;
	color: blue;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
}

h2 { /* appears in the main content panel, to introduce sections of the page -- [title]...[/title], [question]...[/question] */
	clear: left;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	clear: both;

}

h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */
	clear: left;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

hr.presn {
	border: 4px #09b11f;
	border-style: ridge none none none;
	margin: 4px 0 4px 0;
	padding: 2px 0 2px 0;
}

hr.prod {
	border: 4px #f5f50c;
	border-style: ridge none none none;
	margin: 2px 0 2px 0;
	max-width: 420px;
	margin-right: auto;
	margin-left: auto;
}

hr { /* an ordinary horizontal rule --- [---], [___] */
	height: 0px;
	border-width: 1px;
	border-color: #888;
	border-style: none none dotted none;
}

i { /* italic -- [i]...[/i] */
}

img { /* a standard image */
	margin: 0;
	padding: 0;
}

input[type="password"],
input[type="text"] { /* change form elements */
	color: black;
	background-color: white;
	border: #26a solid 1px;
}

input:focus { /* help to locate the current field */
	color: black;
	background-color:#dedede;
}

input[type="submit"] { /* change button appearance */
	background-color: #aaa;
	border-color: #dcdcdc #696969 #696969 #dcdcdc;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	padding: 1px;
	font-size: 10px;
}

input[type="submit"]:focus,
input[type="submit"]:hover {
	background-color: #caa;
}

ins { /* inserted -- [inserted]...[/inserted] */
}

li { /* avoid justification alignment */
	text-align: left;
}

marquee { /* horizontal scroller -- [scroller]...[/scroller] */
}

ol { /* a numbered list -- [list=1]...[/list], [list=a]...[/list], [list=A]...[/list], [list=i]...[/list], [list=I]...[/list] */
}

p { /* add a space after each paragraph */
	margin: 0;
	padding: 3px 0 2em 0;
}

pre { /* a block of sample lines -- [php]...[/php], [snippet]...[/snippet] */
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	margin: 1em;
	padding: 1em;
	background-color: #ffc;
	color: #000;
	border: 1px solid #999;
	white-space: pre;
}

select {
	color: black;
	background-color: white;
}

select:focus { /* help to locate the current field */
	color: black;
	background-color: #dedede;
}

sub { /* shifted down -- [subscript]...[/subscript] */
}

sup { /* shifted up -- [superscript]...[/superscript] */
}

table { /* an ordinary table -- [table]...[/table] */
	border-collapse: collapse;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	margin-left: 2px; /* because rendering glitch in control panel */
}

td { /* an ordinary cell */
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	text-align: left;
}

textarea { /* change form elements */
	color: black;
	background-color: white;
	border: #26a solid 1px;
}

textarea:focus { /* signal current input area */
	color: black;
	background-color: #dedede;
}
table {
	position: relative;
	clear: both;
}

th { /* an ordinary table header -- headers in [table]headers[body]content[/table] */
	border-left: 1px solid #bfbfbf;
	font-weight: normal;
	background-color: #dedede;
	text-align: left;
}

u { /* underlined -- [u]...[/u] */
}

ul { /* an ordinary list -- [list]...[/list] */
}

/**
 * layout elements - also add behaviour for related sub-elements where applicable
 */

#footer_panel { /* comes after everything */
	
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
}

#footer_panel a {
	font-weight: bold;
}

@media print { /* do not print footer information */

	#footer_panel {
		display: none;
	}

}

#arbre_d { /* div arbre droite */
	position: fixed;
	z-index: 0;
	float: right;
	right: 0px;
	background-image: url("images/nature_arbre_d.png");
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 25%;
	height: 100%;
}

#arbre_g { /* div arbre gauche */
	position: fixed;
	z-index: 0;
	float: left;
	left: 0px;
	background-image: url("images/nature_arbre_g.gif");
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 28%;
	height: 100%;
}

#arbre_p {
	z-index: 120;
	position:fixed;
	bottom:185px;
	background-image: url("images/arbre_p.gif");
	background-repeat: no-repeat;
	width:300px;
	height:272px;
	right:12%;
	bottom:0;
	margin: 0;
 }

#header_panel { /* comes before everything */
	position: relative;
	background-image: url("images/ferme-fagot.gif");
	background-repeat: no-repeat;
	background-position:center;
	text-align: center;
	min-height: 230px;
	height: 220px;
	border-width: /*1px*/0px;
	/*border-color: #000;*/
}

@media print { /* do not print heading information, including #tabs */

	#header_panel {
		display: none;
	}
	#arbre_d {
		display: none;
	}
	#arbre_g {
		display: none;
	}
	#arbre_p {
		display: none;
	}

}

@media screen { /* only on a wide screen */

	#main_panel { /* where the actual content is */
		margin: 0;
		padding: 0;
		text-align: justify;
	}

	#main_panel a code { /* next rule do not impact links (eg, <code> in [toc]) */
		background-color: transparent;
	}

	#main_panel code { /* make code more visual */
		background-color: #F5F5F5;
		margin: 0;
		padding: 0 4px 0 4px;
	}

	#main_panel pre code { /* use block attributes instead of in-line attributes */
		background-color: transparent;
		margin: 0;
		padding: 0;
	}

}

#main_panel ul { /* change lists in the main panel */
	padding: 0;
	margin: 0.5em 0 1em 0;
	list-style: none;
}

#main_panel ul li {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	/*background: url("images/bullet.gif") no-repeat 0px 0px;*/
  }

@media print { /* do not print complementary information */

	#side_panel,
	#extra_panel	{
		display: none;
	}

}

#side_panel,
#extra_panel { /* information related to this page */
	top: 25px;
	font-size: 0.8em;
	font-weight: normal;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
/*div#side_panel#extra_panel {
	visibility: hidden;
	display: none;
}*/

#extra_panel a:link,
#extra_panel a:visited { /* links in the extra panel */
	color: #095ba5;
	background: transparent;
}

#extra_panel a:active,
#extra_panel a:hover { /* links in the extra panel */
	color: #095ba5;
	background: #ccc;
}

#side_panel dl,
#extra_panel dl { /* actually, a box on the side y extra panel */
	margin: 0;
	padding: 3px 0 3px 0;
}

#side_panel dl dd,
#extra_panel dl dd { /* body of one side y extra box */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#extra_panel dl ul { /* a list in an extra box */
	margin: 0;
	padding: 0 0 0 15px;
}

#side_panel dt,
#extra_panel dt { /* titles of extra boxes */
	font-size: 1.2em;
	margin: 3px 0 4px 0;
	padding: 3px 0 4px 3px;
	text-align: center;
	color: #FFF;
	font-weight: bold; 
	background-color: #6ac3e9;
}

#side_panel dl dt a,
#extra_panel dl dt a { /* link in a box title */
	color: #fff;
	font-weight: normal;
}


#side_panel a:hover { /* links in the side panel */
	background-color: #ccc;
}

#side_panel a:hover span { background-color: #6AC3E9;}

/**
 * unique elements - may appear in one or several pages
 */

dl#categories ul { /* categories related to an article, on page side -- articles/view.php */
	margin: 0;
	padding: 0;
	list-style: none;
}

dl#categories ul li { /* space between links */
	margin: 0 0 4px 0;
	padding: 0;
}

p#crumbs { /* path to this page -- see template script */
	width:100%;
	text-align: left;
	font-size: 0.8em;
	float: left;
	font-weight: normal;
	padding: 0;
	margin: 20px 0 20px 0;
	/*margin: 6em 0 0 40%;*/
	/*color: red;*/
}

p#crumbs a {
	font-size: 0.8em;
	font-weight: normal;
	/*color: green;*/
}


@media print { /* do not print context information */
	p#crumbs {
		display: none;
	}
}

/*#navigation_21.navigation_box dd {
	background-image: url("images/point-de-vente.gif");
	background-repeat: no-repeat;
}*/

#featured { /* the navigation box for statically featured pages -- index.php, sections/view.php */
}

#featured ul { /* the list of featured pages */
	margin: 0;
	padding: 0;
	list-style: none;
}

#featured hr { /* simple rule between items */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #447;
	height: 0px;
}


#gadgets_prefix { /* comes before gadget boxes */
	clear: both;
	margin-top: 1em;
	font-size: 0.8em;
	padding: 0 0 2em 0; /* make some room after gadget boxes */
}

#gadgets_suffix { /* comes after gadget boxes */
	clear: both; /* compensate for left-floated boxes */
	margin-bottom: 1em;
	padding: 0 0 2em 0; /* make some room after gadget boxes */
}

#header_slogan a span,
#header_slogan { /* appears towards the top of the page -- see template script */
	z-index:10;
	width: 100%;
	position: relative;
	top: -48px;
	margin: 0;
	padding: 0;
	font-size: /*0.7em*/0.9em;
	font-weight: bold;
	text-align: center; /* need for IE Mac */
	white-space: nowrap; /* for Opera */
	color: #FFF;
}

#header_title a span,
#header_title { /* appears towards the top of the page -- see template script */
	line-height: 240px;
	margin: 0; /* need for IE Mac */
	padding: 0;
	text-align: center;
	font-size: 2.1em;
	font-weight: bold;
	color: #FFF;
}

@media screen { /* for the home page, only on large screens -- index.php */

	#home_center { /* a centered article at the home page, in layout: newspaper */
		border-left: 1px dotted #bfbfbf;
		margin: 0 0 0 0.5em;
		padding: 0 0 1em 0.5em;
		float: left;
		width: 31%; /* 31% is the maximum accepted by Firefox to have three boxes in a row at 800x600 */
	}

	#home_east { /* the rightmost article at the home page, in layouts: boxesandarrows, newspaper */
		border-left: 1px dotted #bfbfbf;
		margin: 0 0 0 0.5em;
		padding: 0 0 1em 0.5em;
		float: left;
		width: 31%; /* for newspaper */
/*		width: 48%; /* for boxesandarrows */
	}

	#home_north { /* the most new article at the home page, in layouts: daily, newspaper, slashdot */
		clear: left;
		border: 1px solid #fa0;
		margin: 0;
		padding: 0.5em 0.5em 0.5em 0;
	}

	#home_north h2 { /* space above title to be partly delegated to the containing div */
		padding-top: 0.5em;
	}

	#home_north .date { /* space above date to be partly delegated to the containing div */
		padding-top: 0.5em;
	}

	#home_west { /* the leftmost article at the home page, in layouts: boxesandarrows, newspaper */
		margin: 00;
		padding: 0 0 1em 0;
		float: left;
		width: 31%; /* for newspaper */
/*		width: 48%; /* for boxesandarrows */
	}

	#home_south h3 { /* titles within home_east, home_center and home_west, for layout: newspaper */
		margin-top: 0;
	}

}

#neighbours ul { /* navigation commands on page side -- articles/view.php */
	margin: 0;
	padding: 0;
	list-style: none;
}

#neighbours ul li { /* space between links */
	margin: 0 0 4px 0;
	padding: 0;
}

#news { /* the navigation box for static news -- index.php, sections/view.php */
}

#news ul { /* the list of news */
	margin: 0;
	padding: 0;
	list-style: none;
}

#news hr { /* simple rule between items */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #447;
	height: 0px;
}

p#page_menu { /* an horizontal menu of commands */
	padding: 0 0 8px 0;
	margin: 0;
	font-weight: normal;
	font-size: 0.8em;
}

p#page_menu a {
	font-weight: normal;
}

@media print { /* do not print the page menu */
	p#page_menu {
		display: none;
	}
}

dl#rotating_featured dd ,
dl#rotating_news dd { /* the navigation box for rotating news -- index.php, sections/view.php */
	height: 12em; /* should be taller than longer element */
	/*overflow: hidden;  strip the tail, if any */
	width: 100%;
}

dl#rotating_featured dd hr,
dl#rotating_news dd hr { /* items are displayed one at a time, and the separator is useless */
	display: none;
}

dl#rotating_featured dd ul,
dl#rotating_news dd ul { /* the actual list of news */
	margin: 0;
	padding: 0;
	list-style: none;
}

#scrolling_featured div.scroller_outside,
#scrolling_news div.scroller_outside { /* the navigation box for scrolling news -- index.php, sections/view.php */
	height: 200px; /* the height of the scrolling area */
}

#scrolling_featured hr,
#scrolling_news hr { /* separate items */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #447;
	height: 0px;
}

#scrolling_featured ul,
#scrolling_news ul { /* a list with no bullet */
	margin: 0;
	padding: 0;
	list-style: none;
}

#sections a.section { /* a link to a section, in some site map -- index.php, sections/index.php, sections/view.php */
	font-weight: bold;
}

body#slideshow { /* background for slideshows */
	background: #6ac3e9;
}

body#slideshow h1 { /* title for slideshows */
	text-align: center;
	background: none;
	padding: 0;
}

#tools img { /* towards bottom of the page -- see articles/view.php */
	margin-right: 4px; /* space between icons and labels */
}

#user_menu ul { /* commands that apply to this user -- see template script */
	margin: 0;
	padding: 0;
	list-style: none;
}

@media screen { /* on large screens */

	#wrapper_prefix { /* top decoration */
		/*background: url("images/yacs_top.png") 25% 0px no-repeat;
		font-size: 3px; *//* for IE */
		/*margin: 0;
		padding: 0 0 5px 0;
		width: 100%;*/
	}

	#wrapper_suffix { /* bottom decoration */
		/*background: url("images/yacs_bottom.png") 25% 100% no-repeat;
		clear: both;
		font-size: 3px; *//* for IE */
		/*margin: 0;
		padding: 5px 0 0 0;
		width: 100%;*/
	}

}

/**
 * styles by classes
 */

@media screen { /* not on printers */

	#main_panel a.article { /* the image near a link to an article -- [article=id], [article=id, label] */
		padding-right: 13px;
		background: url("icons/document.png") right no-repeat;
	}

	* html #main_panel a.article { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

td.author { /* in jive and yabb layouts */
	border-right: 1px solid #bfbfbf;
}

img.avatar { /* an image representing a member -- do not float it! */
	margin: 3px; /* some space around the image */
}

p.away { /* not visible for ordinary browsers -- accessibility tweak */
	position: absolute;
	left: -999px;
	width: 990px;
}

.big { /* bigger than default, but smaller than .huge -- [big]...[/big] */
	font-size: 2em;
	line-height: 1.1em;
}

#main_panel a.button { /* a link that mimic a form button -- [button]url[/button], [button=label]url[/button] */
	/*display: -moz-inline-box;*/ /* mandatory for firefox 2 */
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	font-style: normal;
	text-decoration: none;
	color: #2e523b;
	line-height: 0;
	background: transparent url('images/button_drop.png') 0 0 no-repeat;
	height: 30px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#main_panel a.button span {
	display: inline-block;
	cursor: pointer;
	border: none;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	white-space: nowrap;
	letter-spacing: 0 !important;
	color: #222;
	line-height: 16px;
	background: transparent url('images/button_drop.png') 100% 0 no-repeat;
	height: 30px;
	margin: 0 -16px 0 10px;
	padding: 8px 20px 0 10px;
	vertical-align: middle;
}


#main_panel span.button { /* a button in a form */
	/*display: -moz-inline-box;*/ /* mandatory for firefox 2 */
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	font-style: normal;
	text-decoration: none;
	color: #2e523b;
	line-height: 0;
	background: transparent url('images/button_drop.png') 0 0 no-repeat;
	height: 30px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#main_panel span.button button {
	/*display: -moz-inline-box;*/
	display: inline-block;
	cursor: pointer;
	border: none;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	white-space: nowrap;
	letter-spacing: 0 !important;
	color: #222;
	line-height: 1;
	background: transparent url('images/button_drop.png') 100% 0 no-repeat;
	height: 30px;
	margin: 0 -16px 0 10px;
	padding: 0 20px 0 10px;
}

#main_panel a.button:hover,
#main_panel span.button:hover {
	background-position:0 -60px;
	text-decoration:none;
}

#main_panel a.button:hover span,
#main_panel span.button:hover button {
	background-position:100% -60px;
}

#main_panel a.button:active span,
#main_panel span.button:focus button {
	color:#444;
}

table.calendar { /* add bottom and right borders to the table*/
	border-spacing: 0;
	border-collapse: separate;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	margin-bottom: 1em;
}

table.calendar caption,
table.calendar caption a { /* calendar caption */
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	color: #fff8ff;
	background-color: #8D90AB;
	text-align: left;
	padding: 0 2px 0 2px;
}

table.calendar td,
table.calendar th { /* add top and left borders to each cell */
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	text-align: left;
}

table.calendar td.spot {
	/*background-color: #eee;*/
	font-weight: bold;
}

@media screen { /* not on printers */

	#main_panel a.category { /* the image near a link to a category -- [category=id], [category=id, label] */
		padding-right: 16px;
		background: url("icons/section.png") right no-repeat;
	}

	* html #main_panel a.category { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

p.caution { /* a warning paragraph -- [caution]...[/caution] -- see also CAUTION_FLAG in skins/skin_skeleton.php */
}

.image_caption {
	display: none;
	visibility: hidden;
}

.center_image { /* an image in the middle of the page [image=xx, center] */
	display: block;
	position: relative;
	clear: left;
	text-align: center;
	margin: 8px 0 8px 0;
}

.center_image .large img { /* add a simple border around large images */
}

.center_image .image_caption { /* image caption */
	display: block;
	text-align: center;
	font-size: smaller;
	padding-top: 0;
	margin-top: 0;
}

table.collections { /* a list of downloadable files -- see collections/browse.php */
	border-spacing: 0;
	border: none;
}

table.collections a img {
	border: none;
}

table.collections td {
	border: none;
	margin: 0;
	padding: 0.3em 8px 0.3em 8px;
}

table.collections th {
	border: none;
	margin: 0;
	padding: 0.3em 8px 0.3em 8px;
}

dl.column { /* one single column -- index.php */
	position: relative;
	clear: both;
	margin: 1em 8px 8px 0;
	padding: 0;
	overflow: hidden;
}

dl.column dd { /* column actual content */
	margin: 0 0 1em 2em;
	padding: 0 0 0 4px;
	border-left: dotted 1px #D6CCBD;
	overflow: hidden; /* kill oversized links */
}

dl.column dd,
dl.column dd a.category,
dl.column dd .details,
dl.column dd a.section { /* make content look larger in single column */
	font-size: 107%;
}

dl.column dd p,
dl.column dd ul { /* vertical margins within a box */
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

dl.column dt { /* the image aside the column */
	clear: left;
	border: 0;
	margin: 0;
	padding: 2px 0 2px 0;
}

dl.column dt img { /* align the image */
	margin: 0;
	padding: 0;
}

dl.column_1,
dl.column_2 { /* left or right column out of two -- index.php, sections/index.php, sections/view.php, categories/index.php, etc. */
	overflow: hidden ;
	margin: 0 8px 8px 0;
	padding: 0;
	float: left;
	width: 45%;
}

dl.column_1 dd,
dl.column_2 dd { /* column actual content */
	margin: 0 0 1em 30px;
	padding: 0 0 0.4em 0.7em;
	border-left: solid 1px #D6CCBD;
	text-align: left;
	overflow: hidden; /* kill oversized links */
}

dl.column_1 dd p,
dl.column_1 dd ul,
dl.column_2 dd p,
dl.column_2 dd ul { /* space around content elements */
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

dl.column_1 dt,
dl.column_2 dt { /* the image aside the column */
	clear: left;
	text-align: left;
	border: 0;
	margin: 0;
	padding: 2px 0 0 0;
}

dl.column_1 dt img,
dl.column_2 dt img { /* align the image */
	margin: 0;
	padding: 0;
}

.comic { /* use a special font -- [style=comic]...[/style] */
	font-family: "Comic Sans MS", cursive;
}

@media screen { /* not on printers */

	#main_panel a.comment { /* the image near a link to a comment -- [comment=id], [comment=id, label] */
		padding-right: 17px;
		background: url("icons/news.png") right no-repeat;
	}

	* html #main_panel a.comment { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

@media screen { /* not on printers */

	div.comment div {	/* some blog comment -- comments/layout_comments_as_daily.php */
		margin-left: 1em;
	}

}

ul.compact,
#main_panel ul.compact,
#side_panel ul.compact { /* we use our own item prefix -- see the skin script */
	margin: 0;
	padding: 0;
	list-style: none;
}

#main_panel ul.compact li,
#side_panel ul.compact li { /* remove default bullet */
	margin: auto;
	padding: 0;
}

.cursive { /* use a cursive font -- [style=cursive]...[/style] */
	font-family: cursive;
}

p.date { /* date of a post, above its title -- articles/layout_articles_as_daily.php & skins/layout_home_articles_as_daily.php */
	color: #888;
	font-size: 0.8em;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 4px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	text-align: right;
}

table.decorated { /* a 2-column table, with images on the left -- [decorated]...[/decorated] */
	border-spacing: 0;
	border: none;
}

table.decorated td {
	border: none;
	margin: 0;
	padding: 6px;
}

table.decorated td img { /* align the decorating image with decorated text */
	margin-top: 6px;
}

.details,
.details a { /* a set of details */
	font-family: sans-serif;
	font-weight: normal;
}

#main_panel .details { /* less contrasted than regular text */
	color: #888;
	font-size: 0.7em;
}

#main_panel .details a { /* faded into text */
	color: #666;
	font-size: 1em;
}

#side_panel .details { /* less contrasted than regular text */
	color: #447;
	font-size: 1em; /* all text is small on side panel */
}

p.details { /* stick to previous and next elements */
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

dl.download dd { /* the description below a download link -- see files/view.php */
	margin-left: 0;
}

dl.download dt { /* the link to download a file -- see files/view.php */
	margin-bottom: 1em;
	font-weight: bold;
}

@media screen { /* not on printers */

	.draft { /* signal draft pages with a neat image */
		padding-right: 10px;
		margin-right: 2px;
		background: url("icons/to_publish.gif") right no-repeat;
	}

	.draft span { /* mask default text */
		display: none;
	}
}

@media screen { /* not on printers */

	#main_panel a.email { /* the image near a link to an email address -- [email]address[/email], [email=label]address[/email] */
		padding-right: 18px;
		background: url("icons/mailto.png") right no-repeat;
	}

	* html #main_panel a.email { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

div.error { /* report on abnormal conditions */
	color: red;
}

div.even { /* stacked with div.odd */
	padding: 0.5em 0;
}

@media screen { /* not on printers */

	.expired { /* display a neat image to flag expired pages */
		padding-right: 16px;
		margin-right: 2px;
		background: url("icons/expired.gif") right no-repeat;
	}

	.expired span { /* mask default text */
		display: none;
	}
}

@media screen { /* not on printers */

	#main_panel a.external { /* the image near an external link -- [link]href[/link], [link=label]href[/link] */
		padding-right: 15px;
		background: url("icons/link.png") right no-repeat;
	}

	* html #main_panel a.external { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

div.external_image { /* display an image hosted elsewhere -- [img]url[/img] */
	max-width: 400px; /* clip the image to preserve comments layout */
	width: 400px;
	overflow: hidden;
}

.extra_box ul { /* a list in the side panel */
	margin: 0.5em 0 1em 0;
	padding: 0 0 0 1.5em;
	list-style: disc;
}

.extra_box dd {
text-align:center;
}

.fantasy { /* various rendering, you have been warned -- [style=fantasy]...[/style] */
	font-family: fantasy;
}

@media screen { /* not on printers */

	#main_panel a.file { /* the image near a link to view file details -- [file=id], [file=id, label] */
		padding-right: 15px;
		background: url("icons/download.png") right no-repeat;
	}

	* html #main_panel a.file { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

.flag { /* compact meta-information -- [flag]foo bar[/flag], but also [new], [popular], [updated] -- see also .new, .popular, .updated */
	color: red;
	font-size: 0.8em;
}

span#family { /* within section title -- see sections/view.php */
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	color: #66a;
}

.family,
.family a { /* to introduce several successive sections in a forum -- see sections/layout_sections_as_yabb.php */
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	color: #fff8ff;
	background-color: #8D90AB;
	text-align: left;
	padding: 0 2px 0 2px;
}

dl.floating_box { /* float to the left */
	float: left;
	display: table-cell;
	margin-right: 2em;
	text-align: center;
	padding: 6px;
	border: 1px solid transparent;
}

dl.floating_box:hover {
	background-color: #fee;
	border: 1px solid #ddd;
}

dl.floating_box a {
	text-decoration: none;
}

dl.floating_box dd { /* center box content */
	text-align: center;
	border: none;
	padding: 0;
	margin: 0;
}

dl.floating_box dt { /* center box title */
	text-align: center;
	border: none;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}


div.folder_body { /* the body of an unfolded box -- [folder]...[/folder] */
	background-color: #F5F5F5;
	border-style: none none dotted dotted;
	border-width: 1px;
	padding: 3px 1em 1em 1em;
	margin-left: 5px;
}

a.folder_header { /* not an ordinary link */
	font-weight: bold;
}

table.invisible {
	border: none;
}

table.form { /* a table used to present form fields */
	border: none;
}

table.form td {
	border: none;
	margin: 0;
	padding: 0.3em 0.5em 0.5em 0;
}

.frame_image { /* a framed image -- [image=123,frame] */
	display: block;
}

.frame_image img {
	border: 1px solid #a9a9a9;
	padding: 4px;
}

.frame_image .image_caption { /* a nice panel with the title below the image */
	display: block;
	text-align: left;
	margin: 0;
	padding: 6px;
	font-size: small;
}

.frame_image span.suffix { /* ensure following text flows below the image */
	display: block;
	clear: left;
}


dl.gadget_box { /* container of one gadget box -- also see #gadget_1, etc. -- from index.php, sections/view.php */
	background: transparent url(images/epis2.gif) no-repeat scroll left top;
	padding: 0;
	margin: 0 2em 2em 0;
	float: right;
	width: 42%;
	left: 1em;
}

dl.gadget_box dd { /* content of one gadget box */
	background:transparent url(images/epis.gif) no-repeat scroll right bottom;
	font-size: 0.9em;
	margin: 17px -18px 0px 30px;
	padding: 11px 34px 34px 1px;
}

dl.gadget_box dt { /* header of one gadget box */
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding: 0px 4px 0px 3px;
	text-align:right;
}

.hide { /* text readers will show it */
	display: none;
}

.highlight1 { /* to locate words looked for, following a search request */
	background-color: #80FF80;
}

.highlight2 {
	background-color: #8080FF;
}

.highlight3 {
	background-color: #FF8080;
}

.huge { /* bigger than .big -- [huge]...[/huge] */
	font-size: 3em;
	line-height: 1.1em;
}

img.icon { /* main image of an article, or of some section -- $context[page_image'], handled in template script */
/*	border: 3px solid #003399; /* add a border */
	display: block;
	float: right;
	margin: 6px 6px 10px 10px;
	padding: 0;
}

br.images_prefix { /* before a set of thumbnails, to align them correctly -- [images] */
	clear: left;
}

br.images_suffix { /* after a set of thumbnails, to align following text properly -- [/images] */
	clear: left;
}

.indent { /* shift to the right -- [indent]...[/indent] */
	margin: 0.3em 0 0.5em 3em;
}

.inline_image { /* an embedded image (not the thumbnail, which is .thumbnail_image) */
}

.inline_image .large img { /* a simple border forlarge images */
}

.inline_image .large .image_caption {	 /* a nice panel with the title below the image */
	text-align: left;
	margin: 0;
	padding: 6px;
	font-size: small;
}

.inline_image span.suffix { /* ensure following text flows below the image */
	display: block;
	clear: left;
}

.introduction { /* before the main content of an article -- articles/view.php, sections/view.php, categories/view.php */
	font-weight: bold;
	text-align: left;
	margin: 0 2em 3em 0;
	padding: 0;
}

.left_image { /* an image floated to the left -- [image=xx, left] */
	display: block;
	float: left;
	margin: -6px 5px 0 0;
	padding: 0;
	text-align: center;
}

.left_image .large img { /* add a simple border around large images */
}

.left_image .large .image_caption { /* a nice panel with the title below the image */
	display: block;
	text-align: center;
	margin: 0;
	padding: 6px;
	font-size: small;
}

.left_image .image_caption {	/* when the image is not so large */
	display: block;
	text-align: center;
	font-size: smaller;
	padding-top: 0;
	margin-top: 0;
}

.menu { /* a small inline menu, almost anywhere */
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.menu a {
	font-weight: normal;
}

.menu_bar { /* an horizontal menu of commands, below a section title */
	clear: left;
	font-size: 1em;
	padding: 8px 0 8px 0;
	margin: 0;
}

.menu_bar a {
	font-weight: normal;
}

table.neighbours { /* previous and next links -- images/view.php */
	clear: left;
	border: none;
	margin: 0;
}

table.neighbours tr td {
	border: none;
}

table.neighbours tr td.next {
	border: none;
	padding: 1em 0 1em 3em;
}

table.neighbours tr td.option {
	border: none;
	padding: 1em 2em 1em 2em;
}

table.neighbours tr td.previous {
	border: none;
	padding: 1em 3em 1em 0;
}

@media screen { /* not on printers */

	.new { /* display a neat image as a flag -- [new] -- see also .flag */
		padding-right: 31px;
		margin-right: 2px;
		background: url("icons/new.gif") right no-repeat;
	}

	.new span { /* mask default text */
		display: none;
	}
}

@media screen { /* not on printers */
	#main_panel a.next { /* shortcut to next page -- [next=id], [next=id, label] */
	}
}

p.note { /* a noticeable paragraph -- [note]...[/note] -- see also NOTICE_FLAG in skins/skin_skeleton.php */
}

div.overlay { /* in lists, and before the main content of an article -- articles/view.php */
	padding: 0;
	margin: 0;
}

div.overlay p { /* one component of some overlay content */
	padding: 0;
	margin: 0;
}

@media screen { /* not on printers */

	.popular { /* display a neat image as a flag -- [popular] -- see also .flag */
		padding-right: 24px;
		margin-right: 2px;
		background: url("icons/popular.gif") right no-repeat;
	}

	.popular span { /* mask default text */
		display: none;
	}
}

@media screen { /* not on printers */
	#main_panel a.previous { /* shortcut to previous page -- [previous=id], [previous=id, label] */
	}
}

@media screen { /* not on printers */

	.private { /* display a neat image to flag private items */
		padding-right: 13px;
		background: url("icons/private.png") right no-repeat;
	}

	.private span { /* mask text */
		display: none;
	}
}

@media screen { /* not on printers */

	.restricted { /* display a neat image to flag restricted items */
		padding-right: 13px;
		background: url("icons/restricted.png") right no-repeat;
	}

	.restricted span { /* mask text */
		display: none;
	}
}

.right { /* flushed to the right -- [right] */
	text-align: right;
}

.right_image { /* an image floated to the rift -- [image=xx, right] */
	display: block;
	float: right;
	margin: -6px 5px 2px 1px;
	text-align: center;
}

.right_image .large img { /* add a simple border around large images */
}

.right_image .large .image_caption {	 /* a nice panel with the title below the image */
	display: block;
	text-align: center;
	margin: 0;
	padding: 8px;
	font-size: small;
}

.right_image .image_caption { /* image caption */
	display: block;
	text-align: center;
	font-size: smaller;
	padding-top: 0;
	margin-top: 0;
}

.sans-serif { /* use a sans-serif font -- [style=sans-serif]...[/style] */
	font-family: sans-serif;
}

@media screen { /* not on printers */

	#main_panel a.script { /* the image near a link to a phpDoc page -- [script]path/script.php[/script] */
		padding-right: 14px;
		background: url("icons/server.png") right no-repeat;
	}

	* html #main_panel a.script { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

.scroller_inside { /* the internal div of a scroller */
	position: relative;
}

.scroller_outside { /* the external div of a scroller */
	overflow: hidden; /* strip the tail, if any */
	position: relative; /* let the inside scroller work correctly */
}

@media screen { /* not on printers */

	#main_panel a.section { /* the image near a link to a section -- [section=id], [section=id, label] */
		padding-right: 16px;
		background: url("icons/section.png") right no-repeat;
	}

	* html #main_panel a.section { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

div.section_box { /* components of the main content */
	clear: left;
	margin-top: 10px;
}

.serif { /* use a serif font -- [style=serif]...[/style] */
	font-family: serif;
}

@media screen { /* not on printers */

	#main_panel a.server { /* the image near a link to a server profile -- [server=id], [server=id, label] */
		padding-right: 14px;
		background: url("icons/server.png") right no-repeat;
	}

	* html #main_panel a.server { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

@media screen { /* not on printers */

	#main_panel a.shortcut { /* the image near a local link */
		padding-right: 15px;
		background: url("icons/shortcut.png") right no-repeat;
	}

	* html #main_panel a.shortcut { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

div.sidebar_box { /* somewhere in the main panel -- [sidebar]...[/sidebar] */
	background-color: #ffc;
	border-style: none none none dotted;
	border-width: 1px;
	border-color: #696;
	float: right;
	width: 40%;
	padding: 1em;
	font-size: smaller;
	margin: 0 0 4px 4px;
}

div.sidebar_box h3 { /* header of one sidebar box -- the 'foo bar' of [sidebar=foo bar]...[/sidebar] */
	margin: 0;
	padding: 0;
}

.small, /* smaller than default, but larger than .tiny -- [small]...[/small] */
table.small tr td { /* [table=small]...[/table] */
	font-size: 0.8em;
}

.thumbnail_image { /* float thumbnails to align them */
	margin-right: 5px;
	text-align: center;
	height: 241px;	/* to align with actual thumbnail height set in configuration panel for skins */
	width: 241px;	/* to align with actual thumbnail width set in configuration panel for skins */
}

/*.thumbnail_image .image_caption { /* caption 
	display: block;
	text-align: center;
	font-size: 7pt;
	padding-top: 0;
	margin: 0;
}*/

#contextual_menu ul.tree { /* shape a tree of links -- see build_tree() in skins/skin_skeleton.php */
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

#contextual_menu ul.tree ul { /* indent all levels, except level 1 */
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	background-image: url("icons/tree/vertical.gif");
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

#contextual_menu ul.tree li { /* every branch of the tree */
	margin: 0;
	padding-top: 0;
}

#contextual_menu ul.tree_level_1 li { /* top-level branch of the tree is left-aligned */
	padding-left: 0;
}

#contextual_menu ul.tree_level_2 li,
#contextual_menu ul.tree_level_3 li,
#contextual_menu ul.tree_level_4 li,
#contextual_menu ul.tree_level_5 li { /* other levels are indented */
	padding-left: 14px;
	background-image: url("icons/tree/node.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contextual_menu ul.tree_level_2 li.last,
#contextual_menu ul.tree_level_3 li.last,
#contextual_menu ul.tree_level_4 li.last,
#contextual_menu ul.tree_level_5 li.last { /* last item of a branch */
	background-image: url("icons/tree/last.gif");
	background-color: #8483AF; /* mask the default ul background --use the exact underlying background color */
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contextual_menu ul.tree li a.below,
#contextual_menu ul.tree li a.close { /* focus is not here */
	padding-left: 16px;
	background: url("icons/tree/close.gif") top left no-repeat;
}

#contextual_menu ul.tree li a.current,
#contextual_menu ul.tree li a.open { /* item has the current focus */
	color: #444;
	padding-left: 16px;
	background: url("icons/tree/open.gif") top left no-repeat;
}

@media screen { /* not on printers */

	.updated { /* flag modified pages -- [updated] -- see also .flag */
		padding-right: 60px;
		margin-right: 2px;
		background: url("icons/updated.gif") right no-repeat;
	}

	.updated span { /* mask default text */
		display: none;
	}
}

@media screen { /* not on printers */

	#main_panel a.user { /* the image near a link to a user profile -- [user=id], [user=id, label] */
		padding-right: 15px;
		background: url("icons/zoom.png") right no-repeat;
	}

	* html #main_panel a.user { /* ie kills trailing rendering on long links */
		padding-right: 0px;
		background: none;
	}

}

/* our custom basic styles */

body {
		z-index:0;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#fff;
		text-decoration:none;
	}
	/*a:hover {
		color:green;
		background-color: #ccc;
		text-decoration:none;
	}*/
	
	h1 {
		margin: 0;
		padding: 1em;
	}
		h2, h3 {
		margin: 0;
		padding: 0.5em;
	}
	p {
		margin:0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header panel styles */
	#header_panel {
		clear:both;
		float:left;
		width:100%;
	}
	
	
	/* global navigation bar  -- TABS */
	#tabs {
		display: inline;
		font-weight: bold;
		padding: 1px;
		margin: 0 auto 0 auto;
		font-size: 1.2em;
	}
	#tabs ul li {
		display:inline;
		list-style:none;
		padding: 0;
	}
	#tabs ul li a {
		margin:2px 8px;
		text-align:center;
		text-decoration: none;
		/*background:#6ac3e9;*/
		color:#FFDF48;
		/*line-height:1.7em;*/
	}
	#tabs ul li a:hover {
		background:#369;
		color:#FF9E48;
	}
	#tabs ul li a.active,
	#tabs ul li a.active:hover {
		color:#FF9E48;
		background:#000;
		font-weight:bold;
	}
	#tabs ul li a span {
		color:#FFF;
	}
	
	.hrtabs {
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;
	}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		/*z-index: 100;*/
		float:left;
		margin-top: 1px;
		width:100%;		/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	
	/* Decoration div */

.bb {
 position: relative;
 text-align:center;
 background:url(images/viande.png) repeat;
 padding: 0 15px 0 15px;
 margin: 0;
}

.tbf {
 background:url(images/viande.png) repeat;
 height: 9px;
 margin: 0 11px 0 11px; 
 padding: 0;
 }
 
.hg { background:url(images/ferme_hg.png) no-repeat top left;}
.hd { background:url(images/ferme_hd.png) no-repeat top right;}
.bd { background:url(images/ferme_bd.png) no-repeat bottom right;}
.bg { background:url(images/ferme_bg.png) no-repeat bottom left;}

.hg,
.hd,
.bd,
.bg {
 position: relative;
 padding: 0;
 margin: 0;
 overflow:hidden;
 }

/* common column settings */
	.colleft,
	.colright,
	.colmid {
		float:left;
		width:100%;		/* width of page */
		height:100%;
		position:relative;
	}
	
	#main_panel {z-index: 150;}
	#side_panel,
	#extra_panel {z-index: 100;}
	
	#main_panel,
	#side_panel,
	#extra_panel {
		float:left;
		position:relative;
		padding:0;
		margin: 0 0 25px 0;
		}

	/* 3 Column settings */
	.threecol {
		/*background:#eee;*/		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		/*background:#fff;*/		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		/*background:#eee;*/	/* left column background colour */
	}
	.threecol #main_panel {
		width:58%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
		text-align: justify;
	}
	.threecol .side_panel {}
	.threecol #side_panel {
		width:18%;			/* Width of left column content (column width minus padding on either side) */
		left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol #extra_panel {
		width:18%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer panel styles */
	#footer_panel {
		clear:both;
		float:left;
		width:100%;
		margin-top: 25px;
		border-top:1px solid #fff;
		background-color: #6ac3e9;
	}
	#footer_panel p {
		position: relative;
		padding:10px;
		margin-left: -20px;
		margin:0;
		z-index: 200;
	}

/* first of all, deactivate all margins and paddings ++ dl#main_menu*/
#side_panel ul, #side_panel ol, 
#side_panel ul ul, #side_panel ol ol, 
#side_panel dl dd ul, #side_panel dl ul,
#side_panel dl ol, #extra_panel ul,
#extra_panel ol, #extra_panel ul ul,
#extra_panel ol ol, #extra_panel dl dd ul, 
#extra_panel dl ul, #extra_panel dl ol {
	margin: 0em;
	padding: 5px;
}

/* give appropriated paddings and margins */
#side_panel dl dd, 
#extra_panel dl dd {
	padding: 4px 0 0 0;
	margin: 6px 0 0 0;
}