body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		margin: 0;
		padding: 0;
		background: #eee;
		color: #000;
		text-align: center; /*center layout in ie5 and 5.5. */
	}
	
	/* Formulaires */

	form {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 11px;
		margin: 0;
	}

	select, input, textarea {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 11px;
		/*border : 1px solid #999;*/
	}
	
	input.simple {
		border : 0px;
	}

	label {
		font-size: 11px;
		color:#999;
	}
	
	/* General */
	
	p, h4 {
		text-align: justify;
	}
	
	#index p {
	margin-top: 0 2em 2em 1em;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	color: #424B54;
	
	}
	

	p img {
		margin: 0;
		padding: 0;
		border: 1px solid #000;
	}
	
	h1 {
		margin-top: 0;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 1em;
		color: /*#9c9c9c*/#EC4C0D;
		/*font-variant: small-caps;*/
		text-align: right;
	}
		h1 em {
			font-size: .7em;
			color: #333;
		}
	
	h1 em,  em, h3 em, h4 em {
		font-style: normal;
	}
	
	 {
		font-size: 1.7em;
		color: #666;
		font-weight: normal;
	}
	 strong {
			color: #f00;
		}
	
	h3 {
		color: #333;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0 0 .5em;
	}
	
	h4 {
		color: #333;
		font-size: 1.1em;
		font-weight: normal;
	}
	
	a {
		color:#424B54;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	small {
		font-size: .85em;
		color: #666;
	}
	
	/*#top
	{
	width: 100%;
	margin: auto;*//* centre for compliant browsers*/
	/*padding: 0;
	background: #fff url("pics/elements/bandeau_logo_fr.gif") no-repeat center;
	height: 150px;
	text-align: center;
	}*/

	/*#top a#lienlogo {
		margin: auto;
		display: block;
		width: 750px;
		height: 150px;
	}*/
	
	/*#top img
	{
	border: 0;
	}
	*/
	
	#container
	{
	width: 974px;
	margin: auto;/* centre for compliant browsers*/
	background: #fff;
	color: #333;
	text-align: left;
	}

/*#albums-jeunesse #container {
height: 950px;
}*/
	
	/*#bandeau
	{
	height: 150px;
	background: #fff url("pics/elements/bandeau_visuel_fr.jpg") no-repeat left top;
	}*/
	
	/* Navigation HAUTE */
	
	#navtop {
	height: 115px;
	margin:0;
	}
	
	#navtop ul{
	list-style-type: none;
	}
	
	#navtop li {
	 display: inline; 
	  }
/*
navtop li {
	margin:1em 1em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	
	}
	
*/


.nomrubrique, .nomrubrique2, .nomrubrique3, .nomrubrique4, .nomrubrique5, .nomrubrique6
{
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding-bottom: 0;
color:#fff;

}


.nomrubrique {
height: 35px;
width: 80px;
padding-top: 82px;
margin:0;
}

.nomrubrique2 {
height: 35px;
width: 100px;
padding-top: 82px;
margin:0;
}

.nomrubrique3 {
height: 35px;
width: 100px;
padding-top: 82px;
margin-left: -10px;
}


.nomrubrique4 {
height: 35px;
width: 125px;
padding-top: 82px;
margin-left: -20px;
}

.nomrubrique5 {
height: 35px;
width: 105px;
padding-top: 82px;
margin-left: 15px;
}

.nomrubrique6 {
height: 35px;
width: 105px;
padding-top: 82px;
margin-left: -2px;
}

.nomrubrique:hover, .nomrubrique2:hover, .nomrubrique3:hover, .nomrubrique4:hover, .nomrubrique4:hover, .nomrubrique5:hover, .nomrubrique6:hover, #foot1 .footertxt:hover 
 {
color:#B0B05E;
text-decoration: none; 
}


#rubrique1 
	{
	position:absolute;	
	width:70px; 
	height:80px;
	left: 325px;
	top: 35px;
	background-image : url(pics/elements/jcsarraz.gif)  ;
		}



#rubrique1:hover
	{
	background-image : url(pics/elements/jcsarraz-hover.gif);
			
}

#rubrique2 
	{
	position:absolute;	
	width:85px; 
	height:80px;
	left: 425px;
	top: 35px;
	background-image : url(pics/elements/albums.gif);
}

#rubrique2:hover
	{
	background-image : url(pics/elements/albums-hover.gif);
	}

#rubrique3 
	{
	position:absolute;
	width:75px; 
	height:80px;
	left: 575px;
	top: 35px;
	background-image : url(pics/elements/presse.gif);
}

#rubrique3:hover
	{
	background-image : url(pics/elements/presse-hover.gif);
	}

#rubrique4 
	{
	position:absolute;
	width:56px; 
	height:80px;
	left:700px;
	top:35px;
	background-image : url(pics/elements/ateliers-rencontres.gif);
}

#rubrique4:hover
	{
	background-image : url(pics/elements/ateliers-rencontres-hover.gif);		
}


#rubrique5 
	{
	position:absolute;
	width:45px; 
	height:80px;
	left:815px;
	top:35px;
	background-image : url(pics/elements/voir-plus.gif);
}

#rubrique5:hover
	{
	background-image : url(pics/elements/voir-plus-hover.gif);		
}

#rubrique6 
	{
	position:absolute;
	width:59px; 
	height:80px;
	left:918px;
	top:35px;
	background-image : url(pics/elements/contact.gif);
}

#rubrique6:hover
	{
	background-image : url(pics/elements/contact-hover.gif);		
}




	
	/*
	#navtop a{
	padding-bottom: -25px;
	color: #fff;
	}
	
	#navtop a:hover
	{
	color: #000;
	}
	
	#navtop a#current
	{
	color: #000;

	}*/
	
	
	
	/* Navigation GAUCHE */
	
	#sidenav
	{
	float: left;
	width: 175px;
	margin: 16px 0 0 0;
	padding: 0;
	text-align: left;
	}
	
	#sidenav h2	{
	color: #CACA1D;
	background: transparent;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 4px 1.5em 0;
	border-bottom: 2px solid #FF8E08;
	text-transform: uppercase;
	text-align: right;
	}
	
	#navcontainer {
	margin-left: 0;
	}
	
	/* navlist */

	#navcontainer ul#navlist
	{
	/*margin: 0 4px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul#navlist li
	{
	padding: 0 4px 6px 0;
	}
	
	ul#navlist a
	{
	display: block;
	font-size: .95em;
	color: #322D2D;
	text-decoration: none;
	padding: .1em 0 .1em 1em;
	}
	
	ul#navlist a:hover
	{

	text-decoration: none;
	background:#EEEEE8;
	}
	
	ul#navlist li#current
	{
	font-weight: bold;
	background: #fafafa;
	}
	
	/* sub-navlist */

/*	#navcontainer ul#subnavlist
	{
	margin: 4px 0 0 4px;
	padding: 0;
	list-style-type: none;

	}*/
	
	ul#subnavlist li
	{
	/*padding: 3px 5px 3px 4px;*/
	/*padding: 0 8px 4px 0;*/
	margin: 0;
	line-height: 1em;
	}
	
	ul#subnavlist a
	{
	font-size: 0.9em;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	}
	
	ul#subnavlist li a:hover
	{
	text-decoration: underline;
	}
	
	ul#subnavlist li#subcurrent
	{
	background: #fff;
	}
	
	ul#subnavlist li#subcurrent a
	{
	font-weight: bold;
	}
	
	#logoiso {
		margin: 15em 1em 0 0;
	}
	
	/* DRAPEAUX */
	
	#drapeaux {
		float: right;
		margin: 0 0 1em 1em;
		padding: 2px;
		text-align: right;
	}
	
	#drapfr, #drapen {
		border: 1px solid #fff;
	}
	
	#drapen {
		margin-left: 5px;
	}
	/*
	#drapeaux a img {
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		opacity: 0.4;
	}
	*/
	/* CONTENU */
	
	#content
	{
	font-size: 1.2em;
	margin: 0 0 0 180px;
	padding: 1em 2em 1em 2em;
	
	}
		
	#content ul {
		list-style: square;
		list-style-position: inside;
		margin: 0;
		padding: 0;
	}
	
	#content p {
		text-align: justify;
	}
	
	#telechargements #content ul, #downloads #content ul {
		list-style: none;
		list-style-position: outside;
		margin: 0;
		padding: 0;
	}
	
	#telechargements #content li, #downloads #content li {
		margin: 1em 0;
	}

	div hr {
		clear: both;
		visibility: hidden;
		height: .5em;
	}
	
	#footer {
	clear: both;
	display: block;
	padding: 0 0 1em 0;
	background: transparent;
	height: 90px;
	color: #A18F8F;
	font-size: .9em;
	}
	
	
#foot1
	{
		
	padding: 0 0;
	background: url(pics/elements/accueil.gif);
	height: 80px;
	width: 60px;
	float: right;
	margin: 0 2em 0 0;
}
	
	#foot1:hover
	{
	background: url(pics/elements/accueil-hover.gif)
	}
	
#foot1 .footertxt {
display: block;
height: 35px;
width: 105px;
color: #fff;
padding-top: 82px;
margin-left: -19px;
}




	#footer #legal
	{
	}
	
	/* Paragraphes */
	
	img.floatright, img.floatleft, div.floatright img {
		border: 1px solid #ccc;
	}

	.floatright p, .floatleft p {
	font-size: 0.8em;
	color: #666;
	font-style: normal;
	margin: 3px;
	text-align: center;
	}

	.floatright {
		float: right;
		margin: 0 0 10px 10px;
	}

	.floatleft {
		float: left;
		margin: 0px 10px 10px 0;
	}
	
	.floatcenter {
		float: center;
		margin: 0px 10px 0 10px;
		text-align: center;
	}
	
	.floatcenter img {
		margin: 0px 20px 0 20px;
	}
	
	/* Contact */
	
	#formcontact {
		margin: 20px 0 0;
		padding: 20px;
		margin-bottom: 1em;
		text-align: center;
		background: #eee;
	}
	
	#formcontact table {
		text-align: left;
		font-size: 1em;
		color: #333;
	}
	
	select, input, textarea {
		padding: 2px;
		border : 1px solid #eee;
	}
	
	textarea {
		width: 305px;
	}
	
	/* Plan */
	
	#plan a img {
		border: 1px solid #ccc;
	}
	
	/*tableau */
	table {
	/*border: 1px solid #0e4a80; */
	border-collapse: collapse;
	margin: 1.2em .5em 1.5em 2em;
	width: 550px;
	}
	
	
	th, td {
	text-align: left; 
/*	border:1px solid #0e4a80; */
	border-collapse: collapse;
	background-color: #fff;
	padding: .2em .2em;
	font-size:.9em;
	}
	
	.titre {
	width: 25em;
	}
	
	.annee {
	width: 7em;
	}
	 .niveau {
	 width: 5em;
	}
	
	th {
	/*background-color: #eef3fc;*/
	color: #C1C109;
	font-weight: normal;
	}
	
	 .auteur {
	color: #787373;
	font-size: .9em;
	font-weigth: normal;
	padding: 1em 0 0 0;
}
	 .editeur {
	color: #000;
	text-decoration: underline;
	font-size: .9em;
	font-weigth: normal;
	font-style: italic;
	padding: 1em 0 .5em 0;
}
	
	
	 .statut {
	color: #EC6B1E;
	font-size: 1em;
	font-weigth: normal;
	margin-bottom: 0;
	padding: 1em 0 0 0;
}

	#biblio p {
	font-size: 1em;
	font-weigth: normal;
	margin-bottom: 0;
	padding: 1em 0 0 0;
}

/*galerie*/
		
div#galerie
{
	/*width: 610px;*/
	/*height: auto;*/
	background: /*#eed*/ #F2F2F2;
	border: 1px solid #E1E1E1 ;
	padding: 15px ;
	margin: auto;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	
	padding: 0 ;
	list-style-type: none ;
	
}

#mini {
margin: 1em 0 0 0;

text-align: center;
}

ul#galerie_mini li
{
	display: inline;
	}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	/*padding: 2px;*/
	background-color: #fff;
	border: 0;
}

dl#photo
{

	margin: 0 auto ;
	height: auto;
	width: auto;
	

}

/*dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
	height: auto;
	width: auto;
		
}
*/
dl#photo dd
{
	margin: 0 ;
	height: auto;
	width: auto;
		
}

dl#photo img
{
	/*border: 1px solid #E1E1E1;
	padding: 2px;*/
	background-color: #fff;
	float: center;
	clear: both;
	
	
}

/*fiche*/

#fiche {
margin: 1.5em 0 0 0 ;
border: 1px solid #E1E1E1;
background-color: #eee;
 padding: 1em;
float: left;
text-align: left
}
#fiche h1 {
color: #EC4C0D;
font-size: 1em;
margin: 0 0 .2em 0;
font-variant: normal;
text-align: left

}

#fiche p {
font-size: .8em;
margin: .5em 0 .2em 0;
width: 200px;
}

 #resume {
 font-size: .8em;
float: right;
 width: 400px;
 margin: 2em 0 0 2em;
 border: 1px solid #E1E1E1;
  padding: 1em;
 }
 
#anim {
width: 970 px;
height: 450 px;
align: center;
background: #transparent;
}