/**
 * A nice centered 2-column layout inspired by Joi Ito's web site
 *
 * @link http://joi.ito.com/
 * @link http://www.webmasterworld.com/forum83/6950.htm Make input have different width for submit buttons and text fields
 *
 * This single style sheet takes care of all media (screen, handheld, print, etc.)
 *
 * This style sheet has been checked against Mozilla Firefox version 1 and Microsoft Internet Explorer version 6.
 * 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
 * @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");


@font-face { 
	font-family: lapaqui; 
	src: url('fonts/lapaqui.eot'); 
	src: local('lapaqui') , url('fonts/lapaqui.ttf') format("truetype") ; 
}


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

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

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

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

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

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

th a:hover {
	color : red;
}

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

body { /* most elements will inherit some of these attributes */
	color: #222;
	background-color: #fff;
	font-family: Verdana, sans-serif;
	font-size: small;
}

@media screen { /* on large screen */

	body { /* limit the horizontal size of everything, and center it in the page */
		margin: 0 auto;
		padding: 0;
		width: 930px; /* equals width of wrapper */
		background: url('images/accueil_brick_red.jpg');
	}

}

h1 { /* appears only once, with the page title */
	color: #000;
	font-size: x-large;
	font-family : lapaqui, Arial, sans-serif;
	margin: 20px 0 4px 0;
	padding: 0;
}

h2 { /* appears in the main content panel, to introduce sections of the page -- [title]...[/title], [question]...[/question] */
	clear: left;
	color: #333;
	font-weight: bold;
	font-size: small;
	font-style: normal;
	margin: 20px 0 2px 0;
	border: none;
	padding: 0;
}

h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */
	clear: left;
	color: #333;
	font-weight: bold;
	font-size: x-small;
	font-style: normal;
	margin: 20px 0 2px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #ccc;
}

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

input[type="password"],
input[type="text"] { /* ensure form fields fit in the layout */
	color: black;
	background-color: white;
	max-width: 300px;
}

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

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


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

#footer_panel p { /* in the footer, make top and bottom spaces look equal */
	margin: 0 0 0.25em 0;
}



pre { /* a block of sample lines -- [php]...[/php], [snippet]...[/snippet] */
	background-color: #f7f7f7;
	width: 400px;
}

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

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

table, table td { /* an ordinary table -- [table]...[/table] */
	border : none;
	max-width : none;
}
 

textarea { /* ensure form fields fit in the layout */
	color: black;
	background-color: white;
	max-width: 400px;
}

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

ul { /* an ordinary list -- [list]...[/list] */
	margin: 0.5em 0 1em 1em;
	padding: 0 0 0 1em;
	list-style: square;
}

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

#footer_panel { /* comes after everything */
	clear: both;
	margin: 60px 0 0 0;
	padding: 6px;
	color: #036;
	font-weight: normal;
	font-size: x-small;
	text-align: center;
}

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

	#footer_panel {
		display: none;
	}

}

#header_panel { /* comes before everything */
	background-image: url("images/accueil_menu_haut.gif");
	text-align: left;
	padding: 0;
	margin: 0 ;
	height: 170px;
}

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

	#header_panel {
		display: none;
	}

}

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

	#main_panel { /* where the actual content is */
		margin: 0 15px;
		padding: 1px 0 0 4px;
	}

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

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

}

#side_panel { /* complementary information related to this page */
	overflow: hidden;
	font-family: sans-serif;
	font-size: 8pt;
	background-color : #333;
	border-left : 1px solid;
	border-right : 1px solid;
}

#side_panel dl {
	float : left;
	width : 150px;
}

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

	#side_panel {
		display: none;
	}

}

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

#side_panel dl dd { /* body of one side box */
	color: #666666;
	font-weight: normal;
	font-size: 8pt;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 6px;
}

#side_panel dl dd ul { /* a list in a side box */
	margin: 0 0 0 0.5em;
	padding: 0 0 0 1em; /* ok under IE, too much under firefox... */
	list-style-type: disc;
}

#side_panel dl dd ul li { /* space between links in a side box */
	margin: 0 0 3px 0;
	padding: 0;
}

#side_panel dl dt { /* used for titles of various boxes */
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 2px 0px 2px 4px;
}

#wrapper { /* contains everything */
	text-align: left;
}

@media screen { /* on large screen */

	#wrapper { /* limit the horizontal size of everything, and center it in the page */
		margin: 0;
		padding: 0;
		width: 930px;
		background: #B7B39B ;
		margin-bottom : 50px;
	}

	#shadowin {
		background: url('images/accueil_fond_centrexl.gif') repeat-y;
	}


}

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

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

dl#categories dd 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 hr { /* simple rule between items */
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dotted #447;
	height: 0px;
}

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

/* two gadget boxes per row -- look at index.php and sections/view.php  */

dl.gadget_box  {
	background : url(images/cartouche_bas.jpg) bottom left no-repeat;
	width: 416px;
	padding-bottom : 20px;
	margin : 0 12px;
}

dl.gadget_box dt {
	background: url(images/cartouche_top.jpg) top left no-repeat;
	height : 33px;
	padding : 22px 0 0 30px;
	text-align : left;
	border : none;
}

dl.gadget_box dt span {
	font-size : 2em;
	color : #FEFDFF;
	font-family: lapaqui, Arial, sans-serif;
	text-shadow: 2px 2px 4px #333;

}

dl.gadget_box dd {
	background: url(images/cartouche_V.jpg) top left repeat-y;
	padding :  1px 30px;
}

dl.gadget_box a {
	color : #A7A38B;
	font-weight : bold;
}

dl.gadget_box a:hover {
	color : #AC0;
}

dl.gadget_box .center {
	color : #FE6600;
}


dl#gadget_2.gadget_box dd { /* content of gadget box #2 */

}

dl#gadget_2.gadget_box dt { /* header of gadget box #2 */

}

dl#gadget_3.gadget_box { /* new line for gadget box #3 */
	clear: left;
}

dl#gadget_3.gadget_box dd { /* content of gadget box #3 */

}

dl#gadget_3.gadget_box dt { /* header of gadget box #3 */

}

dl#gadget_4.gadget_box dd { /* content of gadget box #4 */

}

dl#gadget_4.gadget_box dt { /* header of gadget box #4 */

}

dl#gadget_5.gadget_box { /* new line for gadget box #5 */
	clear: left;
}

dl#gadget_5.gadget_box dd { /* content of gadget box #5 */
}

dl#gadget_5.gadget_box dt { /* header of gadget box #5 */

}

dl#gadget_6.gadget_box dd { /* content of gadget box #6 */
	
}

dl#gadget_6.gadget_box dt { /* header of gadget box #6 */
	
}

#header_slogan { /* appears towards the top of the page -- see template script */
	float: left;
	clear: left;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 8pt; /* we don't care to be not resized by IE */
	text-align: left;
	display : none;
}

#header_title { /* appears towards the top of the page -- see template script */
	color: #800;
	font-size: 12pt; /* we don't care to be not resized by IE */
	font-weight: bold;
	margin: 20px 0 4px 15px;
	padding: 0;
	display : none;
}

#header_title a { /* adapt the color to the backdrop image */
	color: #800;
}

@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;
	    width: 530px;
	}

}

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

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

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

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

/**
 * styles by classes
 */

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

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

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

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

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

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

.highlight3 {
	background-color: #FF8080;
}

table.jive {
	max-width: 550px;
	width: 550px;
}

.menu { /* a small inline menu, almost anywhere */
    text-align: left;
	font-family: sans-serif;
	font-size: 7pt; /* not rezisable by IE PC */
}

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

div.sidebar_box { /* somewhere in the main panel -- [sidebar]...[/sidebar] */
	float: right;
	margin: 0.5em 1em 0.3em 4.5em;
	max-width : 30em;
	width : auto;
}

div.sidebar_box div { /* body of one sidebar box */
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
	padding: 2px;
}

div .sidebar_box div.center {
	text-align : center;
} 

div.sidebar_box h3 { /* header of one sidebar box -- the 'foo bar' of [sidebar=foo bar]...[/sidebar] */
	background-color: #ccc;
	color: #666;
	font-weight: normal;
	font-size: 8pt;
	text-align: center;
	margin: 0;
	padding: 2px 2px 0px 2px;
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}

p.menu_bar a span, p.menu_bar a, p.menu_bar a:hover {
	background : #444;
}

p.menu_bar a:hover {
	color:#E9E524;
}

.layout_articles_as_full .box {
   width : 900px;
   background : url(images/cartouche_bas_XL.jpg) bottom left no-repeat;
   padding-bottom : 20px;					
}

.layout_articles_as_full .box h2{
	background : url(images/cartouche_top_XL.jpg) top left no-repeat;
	height : 41px;
	margin-bottom : 0;
	padding : 25px 0 0 30px ; 
	font-size : 2em;
	color : #FEFDFF; 
	font-family : lapaqui, sans-serif;
	text-shadow: 2px 2px 4px #333;  
}

.layout_articles_as_full .box .content {
	background : url(images/cartouche_V_XL.jpg) top left repeat-y;
	padding : 0 30px;
}

.layout_articles_as_full .box .content .introduction {
	margin : 0;
}

.layout_articles_as_full .box .content .description, .layout_articles_as_full .box .content .description p {
	margin : 0 6px;
}

.layout_articles_as_full .box .content .description h3 {
	border : none;
	margin : 0;
	color:#5DAEE3;
	font-size:medium;
	font-weight:bold;
}

.layout_articles_as_full a, .gadget_box a {
	color : #EA3F22;
	font-weight : bold;
}

.layout_articles_as_full a:hover {
	color : #AC0;
}

div.tabs {
	position : absolute;
	bottom : 31px;
	left : 0;
}

div.tabs ul {
    padding-left : 9px;
}

div.tabs ul li a span {
	font-weight : bold;
	color : #FFF;
}

.center_image .large .image_caption, .right_image .large .image_caption  {
        display : none;
}

.center_image {
	margin : 0;
}

.thumbnail_image {
        width : 170px;
        height : 165px;
}

.thumbnail_image a span img{
        border : 3px solid #EEE;
        -moz-box-shadow : 1px 1px 12px #555;
	-webkit-box-shadow : 1px 1px 12px #555; 
}

p.details, span.details, p.details a, span.details a  {
   color:#555;
}

div.sidecolumn {
	background-color:#AAA;
}

div.sliding_box div.panel, div.toc_box div.panel {
background-color:#777;
right:0;
}

table.decorated td.image {
	width : 137px;
	text-align : center;
}

#main_panel a.section, #main_panel a.category {
	background : none;	
}

div#cover_article {
    margin-top:0;
}

#main_panel a.file {
	background : none;
	padding-right : 0px;
}

#home .nohome {
	display : none;
}

table.decorated tr td.image img {

	max-height:100px;
	max-width:100px;
}