/**
 * Un thème fixe à 2 colonnes optimisé pour la gestion des langues, basées sur la carte du site (une section par langage).
 *
 * Pour utiliser les fonctionnalités spécifiques à la gestion des langues :
 * - vous devez également utiliser le fichier index.php fourni avec ce thème en lieu et place de l'index.php standard de Yacs.
 * - skin.php a été modifié et contient des règles spécifiques à ce thème
 * - template.php a été modifié et contient des règles spécifiques à ce thème
 * - Pour gérer les langues, vous devez adopter une structure telle que chaque langue doit être une section racine et sera la home page de cette langue.
 *   Voir pour exemple [link]http://www.yacs.pro[/link].
 * - à l'intérieur de chaque section "langue", vous pouvez définir des sous-sections différentes par langue, Elles apparaîtront dans les onglets de menu.
 * - le nombre d'onglets dans la barre d'onglets est définit dans le template.php à 5.
 *
 * This single style sheet takes care of all media (screen, handheld, print, etc.)
 *
 * This style sheet has been checked against Mozilla Firefox version 3.5 and Microsoft Internet Explorer version 8.
 * You may have to split this file into several pieces to avoid side-effects on legacy browsers such as Netscape navigator 4.7, etc.
 *
 * Styles are ordered according to following list:
 * - standard HTML and XHTML tags are refined
 * - unique styles used for page layout
 * - other unique styles
 * - classes
 *
 * Where applicable we have also mentioned the YACS codes related to styles.
 * You can find more information on YACS codes at codes/codes.php and related pages.
 *
 * @author Bernard Paques - the theme "skeleton" [link]http://www.yacs.fr/[/link]
 * @author Erwin Aligam - the template "Envision"  version 1.1 [link]http://www.styleshout.com/[/link]
 * @author Christophe Battarel - adapted  the template "Envision" to yacs, adapted the index.php and the specificities for langages for this theme [link]http://www.altairis.fr[/link]
 * @author Agnès Rambaud - adapted the "Envision" theme for yacs - from the theme "skeleton" [link]http://www.altairis.fr[/link]
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/**
 * import core YACS reference style sheet -- this has to come before any other rule
 */
@import url("../_reference/yacs.css");

/**
 * standard tags - redefine behaviour of reference HTML and XHTML tags
 * to ensure that all browsers will be aligned
 */

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

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

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

a:active,
a:active code,
a:hover,
a:hover code { /* link at the moment it is clicked and below the mouse pointer */
	color: #88ac0b;
	text-decoration: underline;
}

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

body { /* most elements will inherit some of these attributes */
	margin: 0 auto;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #555;
	background: #ccc;
	width: 820px;
	background: #CCC;
	text-align: left;
}

button { /* change button appearance */
	background: #8eb50c url('images/button-bg.jpg') repeat-x scroll 0 0;
	height: 17px;
	vertical-align: top;
	border: none;
	color: #fff;
}

button:hover, a.button:hover {
	cursor: pointer; /* help ie on folded boxes */
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	padding: 10px 0 0 0;
}

h1 { /* appears only once, with the page title */
	margin: 1em 0 0.5em 0;
	color: #006699;
	font-size: 165%;
	font-weight: normal;
	text-align: left;
}

h2 { /* appears in the main content panel, to introduce sections of the page -- [title]...[/title], [question]...[/question] */
	clear: left;
	margin: 1em 0 0.5em 0;
	font-size: 140%;
	text-transform: uppercase;
	color: #88ac0b;
	text-align: left;
	clear: both;

}

h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */
	clear: left;
	margin: 1em 0 0.5em 0;
	font-size: 120%;
	color: #666666; 
	text-align: left;
}

img { /* a standard image */
	margin: 0;
	padding: 5px;
	background: #FAFAFA;
	border: none;
}

input[type="password"],
input[type="text"] { /* change form elements */
	color: #777;
	background-color: #ffffef;
	border: #88ac0b solid 1px;
}

input:focus { /* help to locate the current field */
	color: #777;
	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: #ccc;
}

li { /* avoid justification alignment */
	text-align: left;
	background: transparent url(images/bullet.gif) no-repeat top left ;
	padding-left: 15px;
}

pre { /* a block of sample lines -- [php]...[/php], [snippet]...[/snippet] */
	background-color: #ffc;
	color: #ccc;
	border: 1px solid #999;
}

select {
	color: #555;
	background-color: #ffffef;
}

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

textarea { /* change form elements */
	color: #555;
	background-color: #ffffef;
	border: #88ac0b solid 1px;
}

textarea:focus { /* signal current input area */
	color: #555;
	background-color: #ffffef;
}

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

#footer_panel { /* comes after everything */
	color: #c6ddee;
	background: #ccc url(images/footer.jpg) no-repeat center top;
	clear: both;
	width: 820px;
	height: 65px;
	padding-top: 10px;
	text-align: center;
	font-size: 92%;
}

#footer_panel a {
	color: #FFF;
	text-decoration: none; 
}

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

	#footer_panel {
		display: none;
	}

}

#header_panel { /* comes before everything */
	width: 820px;
	position: relative;
	height: 140px;
	background: #ccc url("images/header.jpg") no-repeat center top;
	padding: 0;
	color: #fff;
}

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

	#header_panel {
		display: none;
	}

}

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

	#main_panel { /* where the actual content is */
		float: left;
		margin: 0 0 0 30px;
		padding: 0;
		width: 540px;
		display: inline;
		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 */
	margin: 0.5em 0 1em 0;
	padding: 0;
	list-style: none;
}

#side_panel { /* complementary information related to this page */
	float:right;
	padding: 0;
	margin: 0 30px 0 0;
	width: 200px;
	color: #68774A;
}

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

	#side_panel {
		display: none;
	}

}

#side_panel a:hover,
#side_panel a:active { /* links in the side panel */
	color: #1773bc;
}

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

#side_panel dl dd { /* body of one side box */
	margin: 0.2em 0 2em 1em;
	padding: 0;
}

#side_panel dt { /* used for titles of various boxes */
	background: transparent url("images/dots.jpg") repeat-x scroll left top;
	margin: 0;
	padding: 0.5em 0;
}

@media screen { /* on large screens */

	#wrapper { /* limit the horizontal size of everything, and decorate the layout */
		clear: both;
		margin: 0 auto;
		padding: 10px 0;
		width: 820px;
		background: #CCC url(images/content.jpg) repeat-y center top;
	}
}

/**
 * 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;
}

#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;
}

/* gadget boxes are generated at index.php and sections/view.php */

#header_slogan { /* appears towards the top of the page -- see template script */
	position: absolute;
	top: 71px;
	left: 58px;
	margin: 0; /* need for IE Mac */
	padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	white-space: nowrap; /* for Opera */
}

#header_panel #header_title a { /* appears towards the top of the page -- see template script */
	position: absolute;
	top: 25px;
	left: 47px;
	margin: 0; /* need for IE Mac */
	padding: 0;
	font: bolder 44px 'trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #fff;
	background: transparent;
	text-decoration: none;
}



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

	#newest { /* the most new article at the home page, in layouts: daily, newspaper, slashdot */
		border: 1px solid #fa0;
	}

}

#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;
}

/* the global navigation bar -- see template script */

div.tabs,
div.tabs a { /* text appearance in tabs */
	font: bold 12px/37px Verdana, Arial, Tahoma, sans-serif;
}

div.tabs {
	margin: 81px 0 0 20px; 
	padding: 0;
	height: 37px;
	width: 780px;
}

div.tabs ul { /* position tabs */
	float: right;
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	z-index: 10;
}

div.tabs ul li { /* tab top right corner */
	display: inline;
}

div.tabs ul li:hover { /* change tab background on hovering */
	/*background-position: 100% -400px;*/
	cursor: pointer; /* else ie 6 is lost */
}

div.tabs ul li a { /* tab top right corner */
	float: left;
	display: block;
	padding: 4px 4px 4px 10px;
	/*background: transparent url("images/navigation_tab.gif") no-repeat 0% -600px;*/
}

div.tabs ul li a,
div.tabs ul li a span{ /* link text */
	color: #fff;
	text-decoration: none;
}

div.tabs ul li:hover a { /* change tab background on hovering */
	background-position: 0% -400px;
}


#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: #CCCCCC url(images/content.jpg) repeat-y scroll center top;
		font-size: 0px; /* for IE */
		margin: 0;
		padding: 00;
		width: 100%;
	}

	#wrapper_suffix { /* bottom decoration */
		background: #CCCCCC url(images/content.jpg) repeat-y scroll center top;
		clear: both;
		font-size: 0px; /* for IE */
		margin: 0;
		padding: 00;
		width: 100%;
	}

}

/**
 * styles by classes
 */

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

a.button {
border: none;
line-height:2.5em;
padding:4px;
text-align:center;
}

a.button, a.button span, a.button:visited, a.button:visited span, a.button:hover, a.button:hover span, a.button:focus, a.button:focus span,
p.menu_bar a.button, p.menu_bar a.button span, p.menu_bar a.button:hover, p.menu_bar a.button:hover span {
background:#8eb50c url(images/button-bg.jpg) repeat-x scroll 0 0;
color:#fff;
text-decoration:none;
}

table {
	border-bottom:1px solid #b6d59a;
	border-collapse:collapse;
	border-right:1px solid #b6d59a;
	border-spacing:0;
	clear:none;
	margin-left:2px;
	width:auto;
}

table.form,
table.grid {
	border:thin #b6d59a solid;
}

td,
th {
	border-left:1px solid #b6d59a;
	border-top:1px solid #b6d59a;
}

th {
	background-color: #edfdce;
}
table.calendar { /* add bottom and right borders to the table*/
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #b6d59a;
	border-right: 1px solid #b6d59a;
	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: #88ac0b;
	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 #b6d59a;
	border-left: 1px solid #b6d59a;
	margin: 0;
	padding: 4px;
	vertical-align: top;
	text-align: left;
}

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

table.grid tbody tr td, table.grid thead tr th {
border:1px solid #b6d59a;
}

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. */
	margin: 0 8px 8px 0;
	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 #b6d59a;
}

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

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

dl.extra_box a { /*style for links in the side panel*/
	color: #666;
}

#footer_panel p {
	padding: 0.5em 2.5em;
	margin-bottom: 2em;
}
dl.gadget_box { /* container of one gadget box -- also see #gadget_1, etc. -- from index.php, sections/view.php */
	padding: 0;
	margin: 0 1em 1em 0;
	float: left;
	width: 45%;
}

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

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

.highlight3 {
	background-color: #FF8080;
}

table.jive tr.even {
	background-color: #edfdce;
}

table.jive tr.odd {
	background-color: transparent;
}

.left_image .large img { /* add a simple border around large images */
	border: 1px solid #a9a9a9;
	padding: 4px;
}

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

.menu a {
	font-weight: normal;
}

@media screen { /* not on printers */

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

}

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

#main_panel td.odd { /* one row out of two, but only in the main panel */
	background-color: #F4F0F4;
}

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;
	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;
	background-color: transparent;
	color: inherit;
	border: none;
	font-size: 1em;
	text-align: inherit;
}

div.sidebar_box div.sidebar_body {
	padding: 0.5em 0 1em 0;
	border: none;
}

.thumbnail_image img { /* add a small border to images */
	border: 1px solid #333;
}

@media screen { /* not on printers */

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

}

table.yabb { /* to introduce threads and comments -- see articles/layout_articles_as_yabb.php */
	border: 1px solid #ccc;
}

table.yabb tr.even {
	background-color: #ffe;
}

table.yabb tr.odd {
	background-color: transparent;
}

#main_panel dl dd .box_header {
	margin-top: 10px;
	font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
	color: #88ac0b;
	padding: 5px 0 5px 25px;
	border-bottom: none;
	background: #FFF url(images/square-green.png) no-repeat 3px 50%;
	text-transform: none;
	clear: both;
	list-style: none;
	line-height: 1.5em;
}
#main_panel dl dd .box_header a {
	background: none;
	color: #88ac0b;
	text-decoration: none;
}

dl.column_1 dd a {
  display: block;
}


#main_panel ul.manual li {
  list-style-type: none;
}

p.date {
	border-bottom:1px solid #b6d59a;
}

div#tabs_bar {
	border-bottom:1px solid #B6D59A;
}

div#tabs_bar ul li a {
	border: 1px solid #b6d59a;
}

div#tabs_bar ul li.tab-foreground a {
	color: #2180bc;
}

dl.manual_comments dt.odd{
border-left:1px solid #ff9834;
border-right:1px solid #ff9834;
border-top:1px solid #ff9834;
}

dl.manual_comments dd.odd {
border-bottom:1px solid #ff9834;
border-left:1px solid #ff9834;
border-right:1px solid #ff9834;
}

dl.manual_comments dt.even{
border-left:1px solid #2180bc;
border-right:1px solid #2180bc;
border-top:1px solid #2180bc;
}

dl.manual_comments dd.even {
border-bottom:1px solid #2180bc;
border-left:1px solid #2180bc;
border-right:1px solid #2180bc;
}

dl.wiki_comments dt.odd {
border-bottom:1px solid #ff9834;
}

dl.wiki_comments dd.odd {
border-left:1px solid #ff9834;
}

dl.wiki_comments dt.even {
border-bottom:1px solid #2180bc;
}

dl.wiki_comments dd.even {
border-left:1px solid #2180bc;
}

dl.extra_box dt span,
dl.navigation_box dt span {
color:#FF9834;
font-weight:bold;
}