/*	General layout styles to set up the type, colours and remove unwanted margins and paddings	*/
body {
	margin:	0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/paslesroyal.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	;
}
	img {
		padding: 0;
		margin: 0;
		border:	none;
	}

	a {
		color: #000066;
	}
	a:hover {
	color: #976212;
	}

/* 	The image style is not used in the layout but if you add any images this will allow them to 	*/
/*	float in the content; the margins and border can all be changed as necessary 					*/
.spip_logos {
	float: right;
	margin-right: 25px;
	margin-left: 10px;
	margin-top:	5px;
	margin-bottom: 5px;
	border: 1px solid #955807;
}


/* 	The header styles the header text and image at the top of the layout */
#header {
	background-image: url(../images/background.gif);
}
	#heading {
		font-weight:bold;
		color:#FFFFFF;
		padding-left:5%;
		padding-top:0.5em;
		padding-bottom:2px;
		background-color:#955807;
	}
	.sub_heading {
		color:#333333;
		font-variant:small-caps;
	}
	#header #header_image {
		width:814px;
		height:189px;
		margin: 0 auto;
		background-attachment: scroll;
		background-image: url(../images/fin.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	
/*	The content wrapper holds the faded underground map image and sets the width of the content */
#content_wrapper {
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(../images/content_background_790x233.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 814px;
}

	/* The content div sets up the main content of the page, paragraphs, headings etc... */
	#content {
		float:right;
		clear:right;
		width:602px;
		min-height:300px;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: right top;
	}
		#content p {
			margin-top:10px;
			margin-left:10px;
			margin-right: 25px;
			text-align: justify;
			color: #333333;
			font-size: 12px;
		}
		#content h1, h2, h3 {
			margin-top:1.5em;
		}
		#content ul {
			margin-top:1.5em;
			margin-left: 40px;
			list-style-type: disc;
			list-style-image: url(../images/list_10x10.gif);
		}
		#content ol {
			margin-top:1.5em;
			margin-left: 40px;
		}
		#content li {
			line-height:1em;
		}
		/* 	The blockquote styling is here, this includes a class called readmore, this allows a link to be placed
			at the bottom right of the blockquote */
		#content blockquote {
			float:left;
			width:500px;
			background-color: #CCCCCC;
			border-left-width: 4px;
			border-left-style: solid;
			border-left-color: #1E81B9;
			padding-bottom: 2px;
			padding-top: 2px;
			margin-left:20px;
			margin-top:1em;
			margin-bottom:1em;
		}
			#content blockquote .readmore {
				float:right;
				font-size:.8em;
				text-transform:uppercase;
				padding-top:1em;
				padding-right:10px;
			}
		
		/* 	The clases below controls the 2 column layout within the main content. */
		.column {
	width:280px;
	float:left;
	margin-left: 150px;
		}
		.right {
			margin-left:20px;
			/* Use this space to individually style the right column */
		}
		.left {
			/* Use this space to individually style the left column */
		}


	/* The navigation is styled here */
#navigation {
	float:left;
	clear:left;
	width:197px;
	min-height:300px; /* Minimum height is set to stop the shadow being cut off if not enough content is entered */
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #955807; /* the left shadow image */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
	}
#navigation_right{
	float:right;
	width:197px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #955807; /* the left shadow image */
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 11px;
	}
	
#navigation li
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#navigation ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 8px;
}

#navigation a
{
	display: block;
	padding: 3px;
	width: 90%;
	background-color: #9C6525;
	border-bottom: 1px solid #eee;
	margin-left: 8px;
}

#navigation a:link, #navlist a:visited, #navigation a.on
{
color: #EEE;
text-decoration: none;
}

#navigation a:hover
{
	background-color: #369;
	color: #fff;
}
	
		/* Extra content boxes that can be placed in the navigation column can be styled here */
		#navigation .extra_content {
	border-width: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 8px;
	width: 90%;
}


			#navigation .extra_content h1 {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	margin: 2px 2px 0px 2px;
			}
			#navigation .extra_content p {
				padding:0;
				margin-top:5px;
				margin-left:5px;
				margin-right:5px;
				margin-bottom:0.2em;
				text-align:justify;
			}

#navigation .extra_content img {
	float: center;
	border: 1px solid #955807;
}


	/* The footer is styled here */
	#footer {
	clear:both;
	float:left;
	border-top-style: solid;
	border-top-color: #333333;
	width: 100%;
	}
		#footer p {
	padding:0;
	margin:0;
	text-align:center;
	font-size: 10px;
		}
		#footer a {
			color:#000000;
		}
			#footer a:hover {
				color:#EA581A;
			}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.hierarchie {
	font-size: 11px;
}
.chapo {
	background-color: #FDEEDB;
	border: thin solid #9c6525;
	padding: 3px 3px 3px 3px;
	font-size: 11px;
	margin: 0px 10px 0px 10px;
}
.surtitre {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding-top: 10px;
	margin-left: 10px;
}
.soustitre {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-left: 10px;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid;
	font-size: 0.88em;
	font-weight: bold;
}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
ul ul .forum-message {
	border: 1px solid #A4A4A4;
}
ul ul ul .forum-message {
	border: 1px solid #B8B8B8;
}
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
	border: none;
	border-bottom: 1px dotted #B8B8B8;
	margin: 0;
	padding: 3px 6px 2px 6px;
	font-size: 0.88em;
	background: #BB7009;
}
ul ul .forum-chapo {
	background: #FACC8D;
}
ul ul ul .forum-chapo { background: #FCDCB1; }
ul ul ul ul .forum-chapo { background: #FDEDD7; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #F3971B; }
.cadregauche {
	padding: 5px 3px 1px 3px;
	text-transform: none;
	font-style: normal;
}
h4 {
	padding: 0 0 0 10px;
}

table.spip tr.row_odd {
        background-color: #C0C0C0;
}

table.spip tr.row_even {
        background-color: #F0F0F0;
}
.tagstechnorati {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #009933;
}
#content_wrapper #content .liste-articles .tagstechnorati a {
	color: #009900;
}