/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:
"Times New Roman", Times, serif;
font-size: 1.2em;
margin: 0;
padding: 0;
}

p {
margin:5px;
padding:10px;
list-style-position:inside;
}

a {
	text-decoration:none;
	color: #0099FF;
}

a.spip_out {
    color: #0099FF;
}
a:link {color:#0099FF;
}

a:hover {color:#33CCFF;
}

h1 {
	text-align:center;
	margin:5px;
	padding:10px;
	}

h2 {
	text-align:center;
	margin:5px;
	padding:10px;
	}
	
h3 {
	text-align:center;
	margin:5px;
	padding:10px;
	}
		
h4 {
	text-align:center;
	margin:5px;
	padding:10px;
	}
	
	
li {
list-style-type:none;
padding-bottom:20px;
padding-top: 20px;
margin:10px;
}

img, .spip_logos {
	margin: 0;
	padding: 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	overflow:auto;
}

element.style {
width:inherit }

.spip_documents_center { display: block; clear:none; z-index: 1; margin: 1em auto; }
.spip_doc_titre { display: inline; margin-right: inherit; margin-left: inherit; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { display: inline-table; margin-right: inherit; margin-left: inherit; font-size: 0.90em; }

table.spip {
	margin: 15px;
	position: relative;
	visibility: visible;
	vertical-align: middle;
}
table.spip th, table.spip td {
	text-align: center;
	color: #000000;
	height:auto;
	border: 1px solid;
	width: 300px;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
}

.texte { 
line-height: 20px;
}
			
#header {
height: 145px;
background-color: #080E0E;
min-width:1000px;	
}
		
	#header #vignettes {
	float: left;
	height: inherit;
	}
	
	#header #espace {
	float: left;
	height: inherit;
	}
	
	#haut {
	height: 40px;
	background-color:#FFCE71;
	text-align: center;
	color: #003366;
	text-decoration: none;
	vertical-align: text-bottom;
	margin-top: 3px;
	}
	
	#conteneur { 
	background-color:#F4E6C1;
	position: absolute;
	width: 100%;
	height:auto;
	}
	
	#centre_haut {
	position:relative;
	background:center;
	margin:3px;
	text-align:center;
	}	
	
	#nosimages {
	background-position:center top;
	padding-left:160px;
	}
	
	#imcentre {
	background-position:center top;
	background-color:#F4E6C1;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:160px;
	text-align:center;
	background-repeat: no-repeat;
	}
	
	#centre {
	position:relative;
	height:auto;
	clear:none;
	z-index:1;
	text-indent: 15px;
	}
	
	#gauche {
	position: relative;
	float: left; 
	width: 150px;
	margin-top: 5px;
	margin-bottom:10px;
	margin-right:5px;
	padding-bottom:10px;
	padding-right:5px;
	background-color:#FFFFFF;
	list-style:none;
	z-index:2;
	}
	
		#nav-container{
			font-size:86%;
			margin-bottom: 20px;
			}
	
		#nav, #nav ul {
			float: left;
			background-color: #FFFF99;
			width: 100%;
			list-style-type:none;
			font-weight: bold;
			padding: 0;
			margin: 0;
			border-width: 1px;
			}
		
		#nav a {
			display: block;
			width: 6em;
			w\idth: 6em;
			color: #7C6240;
			text-decoration: none;
			float: left;
			padding-top: 0.25em;
			padding-right: 2em;
			padding-bottom: 0.25em;
			padding-left: 2em;
			}
		
		#nav li {
			float: left;
			padding: 0;
			width: 10em;
			list-style-type:none;			
			}
		
		#nav li ul {
			position: absolute;
			left:-999em;
			height: auto;
			width: 14.4em;
			w\idth:13,9em;
			font-weight: normal;
			border-width: 0.25em;
			padding:0;
			margin:0;
			margin-left: 6em;
			margin-top: 1em;
			line-height:normal;
			}
		
		#nav li li {
			padding-right: 1em;
			}
		
		#nav li ul a {
			background-color:#CC3399;
			color:#FFCC00;
			w\idth: 9em;	
			}
		
		#nav li ul ul {
			margin-top: -1.75em;
			margin-right: 0;
			margin-bottom: 0;
			margin-left: 14em;
			}
		
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
		#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
		{
			left: -999em;
			}
		
		
		#nav li:hover ul, 
		#nav li li:hover ul, 
		#nav li li li:hover ul,
		#nav li li li li:hover ul
		{
			left: auto;
		}
		
		#nav li.sfhover ul{
			left:auto;
		}
		#nav li li.sfhover ul,
		#nav li li li.sfhover ul,
		#nav li li li li.sfhover ul,
		{
			left: auto;
		}
		
		#nav li:hover, #nav li.sfhover {
			background: #FFFFFF;
		}
	
	#pubgoogle1 {
	position: relative;
	float: left; 
	text-align: center;
	width: 150px;
	padding-top: 15px;
	background-color:#F4E6C1;
	z-index:2;
	}
	
	#droite {
	position: relative;
	float:right;
	width: 210px;
	background-color: inherit;
	text-align:center;
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-left:5px;
	z-index:2;
	}
	
		#jaime {
		background-color:#F4E6C1;
		text-align:right;
		width:145px;
		}				

		#console {
		margin-left: 300px;
		margin-top:15px;
		padding:15px;
		}
		
		#consolune {	
	padding-top: 15px;
	padding-bottom: 5px;
	}
	
		#contenu .encart {
		float: right;
		width: 11em;
		margin: 0;
		margin-bottom: 1em;
		}
		
		#logo_rubrique {
		padding-top: 5px;
		width: 220px;
		float:left;
		}
		
		.cartouche {
		padding-top: 5px;
		}
				
		#descriptif_rubrique {
		clear:none ;
		text-align: center;
		font: bold;	
		}
				
		
		.chapo {
		padding-left:160px;
		padding-right:160px;
		font-size:medium;
		font-style: oblique;
		}
		
		#centre #formulaire {
		clear: left;
		margin-bottom:20px;
		}
		
		#centre #bandannonce {
		clear: left;
		}
		
		.rubriques {
	width: 99%;
	display: list-item;
	text-align: left;
	}
	
		.breves {
		clear:both;
		position:relative;
		padding:5px;
		margin-left: 155px;
		margin-top: 15px;
		background-color:#FFFFCC;
		float: left;
		width: 375px;
		background-color:#FFFFCC;
		color: #000000;
		}
		
		.breves .ul .li .h3 {
		clear: both;
		}
		
		.liste-articles {
		clear:none;
		position:relative;
		background-color:#CCFFCC;
		padding:5px;
		margin-left: 15px;
		margin-top: 15px;
		float: left;
		width: 375px;
		color: #000000;
		}
				
		#centre #texte {
		padding-top:10px;
		text-align: left;
		font-style:normal;
		clear: inherit;
		}
		
		#documents_joints {
		clear:both;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		}
		
		#navigation {
		clear:both;
		margin:3px;
		}
		
		#hierarchie {
		clear:both;
		}
		
		/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.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; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 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: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


		
	#pied {
	clear:both;
	margin-top:20px;
	height: 30px;
	background-color: #99CC99;
	}