@charset "UTF-8";
/* CSS Document 
Feuille de style pour http://www.espritsnomades.com/ design par Alem Alquier http://codexsigna.wordpress.com/  */




/*	BALISES STANDARD	*/

* { margin: 0; padding: 0; }

h1, h3		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #cc4646; text-align: left; }

h2			{ color: #555; font-style: oblique; text-align: left; }

h4, h5		{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #555; text-align: left; }

h5			{ font-size: 0.9em; }

p			{ font: 0.85em Verdana, Arial, Helvetica, sans-serif; text-align: left; }

table, td 	{ border: 0; }

body 		{ background: url(../images/fond_espritsnomades1.jpg) repeat; font: 62,5% Verdana, Arial, Helvetica, sans-serif; text-align: center; }

img, a img	{ border: none; }

a, a:active, a:visited	{ 
	text-decoration: none; 
	color: #603; 
	}
	a:focus, a:hover {
		color: #900;
	}

/*	FIN BALISES STANDARD	*/


/*----------------------------------------------------------------------------------------------------------*/


/*	BOITE A OUTILS 	*/


/*----------------------------------------------------------------------------------------------------------*/


/*	CLASSES SPECIALES	*/

.imageflottantegauche 	{ float: left; margin: 10px 20px 10px 0; }

.imageflottantedroite 	{ float: right; margin: 10px 0 10px 20px; }

.nofloat				{ margin: 10px 0; border: } /* cette classe sert aux images seules (non habillees de texte) : elles seront positionnees a gauche par defaut */

.imagecentree			{ display: block; margin: 20px auto; }

.clearfloat 			{ clear: both; } /* cette classe sert aux images seules (non habillees de texte, mais venant juste apres une image flottante), ou a tout element qu on veut detacher de la propriete flottante (ex: <p>) */

.feradroite				{ text-align: right; }

.textecentre			{ text-align: center; }

.caption1, .caption2, .caption1_5 	{ text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.caption1							{ font-size: 0.6em }
.caption2 							{ font-size: 0.7em }
.caption1_5							{ font-size: 0.7em !important; font-size: 0.5em; }

.list-indent			{ text-indent: 1em; }

.champ 					{ background-color:#C8DDD4; }




/*	hack pour le rappel de haut de page pour IE6	*/	

	/* pour le menu generique a gauche */
.masquehaut				{ visibility: visible !important; visibility: hidden; }

	/* pour les ancres - intertitres dans le texte */
.rappelhaut				{ visibility: hidden !important; visibility: visible; }
/*	fin hack	*/

/*	FIN CLASSES SPECIALES	*/


/*----------------------------------------------------------------------------------------------------------*/


/*	DIV SPECIALES	*/

/*	FIN DIV SPECIALES	*/


/*	FIN BOITE A OUTILS	*/


/*----------------------------------------------------------------------------------------------------------*/









/* -------------------------------------------------------------------------------------------------------------------
ARCHITECTURE
------------------------------------------------------------------------------------------------------------------- */




/*	NIVEAU 0	*/
/*------------------------------------------*/
/*	PAGE DE GARDE (= INDEX.HTML)	*/

body { }

#container0 {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 582px;
	background-repeat: no-repeat;
	background-image: url(../images/pradalbohemiens1.jpg);
	top: 75px;
	}
	#container0 #entree {
		position: absolute;
		width: 800px;
		height: 582px;
		left: 0;
		top: 0;
	}
	#container0 #petiteentree {
		position: absolute;
		width: 250px;
		height: 36px;
		right: 0;
		top: -44px;
		background: url(../images/titre_espritsnomades-.png) no-repeat;
	}
	#container0 #etiquettedroite {
		position: absolute;
		width: 250px;
		height: 36px;
		right: 0;
		bottom: -44px;
		}
		#container0 #etiquettedroite p {
			font-size: 0.7em;
			color: #666;
			text-align: right;
		}

/*	FIN PAGE DE GARDE (= INDEX.HTML)	*/
/*--------------------------------------*/
/*	FIN NIVEAU 0	*/




/*	MENU RUBRIQUES ET CATEGORIES	(apparaissant sur les niveaux 1 et 2)	*/

	#menurubriques_categories {
		position: absolute;
		left: 40px;
		width: 300px;
		z-index: 5; 
		top: 100px;
		}
		#menurubriques_categories ul {
			text-align: left;
			list-style: none;	
			}
			#menurubriques_categories li {
				font: 0.85em Verdana, Arial, Helvetica, sans-serif;
				color: #303;
				padding: 0.1em 0 0.2em -1em;
			}
			#menurubriques_categories .sousmenu { 
				text-indent: 1.2em;
				}
				#menurubriques_categories .sousmenu li {
					list-style: none;
					font-size: 0.8em;
					}
					#menurubriques_categories .sousmenu li a, #menurubriques_categories .sousmenu li a:active, #menurubriques_categories .sousmenu li a:visited {
						color: #336;
						}
						#menurubriques_categories .sousmenu li a:focus, #menurubriques_categories .sousmenu li a:hover {
							color: #900;
						}
			
/*	FIN MENU RUBRIQUES ET CATEGORIES	*/





/*	NIVEAU 1	*/
/*----------------------------------------------*/
/*	PAGE D_ACCUEIL = ACCUEIL.HTML	*/

#container1 {
	position: relative;
	margin: 0 auto 0 auto;
	width: 700px;
	}

	#container1 #banniere {
		position: relative;
		top: 0;
		width: 700px;
		height: 201px;
		background: url(../images/bannierepradalbohemiens.gif);
	}
	
	#container1 #entete {
		position: relative;
		width: 700px;
		height: 75px;
		top: 14px;
		background: url(../images/titre_espritsnomades.png) top left no-repeat;
	}
	
	#container1 #texteaccueil {
		position: relative;
		width: 386px;
		height: 196px;
		left: 300px;
		margin: 45px 0 20px 0;
		background: url(../images/citationrenechar.png) no-repeat;
		}
		#container1 #texteaccueil p {
			font: 1.1em Georgia, Times New Roman, Times, serif;
			color: #336;
			text-align: left; 
			display: none;
			}
	
	#container1 #appel {
				width: 170px;
				height: 34px;
				background: url(../images/bonvoyage.png) no-repeat;
			}
	
	#container1 #pieddepage {
		background: url(../images/fondpieddepage.gif) center center no-repeat;
		position: relative;
		width: 700px;
		height: 112px;
		margin: 30px 0 0 0;
		}
		#container1 #pieddepage #recherchegoogle ul {
			position: absolute;
			left: 5px;
			list-style-type: none;
			padding-top: 13px;
			}
			#container1 #pieddepage #recherchegoogle li {
				display: inline;
				padding: 0;
			}
		#container1 #pieddepage #partenaires {
			position: absolute;
			bottom: 25px !important; /* hack pour IE6 */
			bottom: 5px;
			left: 10px;
			width: 700px;
			text-align: center;
			height: 44px;
			}
			#container1 #pieddepage #partenaires ul {
				list-style-type: none;
				}
				#container1 #pieddepage #partenaires li {
					display: inline;
					padding: 0 0.8em 0 0.8em;
				}


/*	FIN PAGE D_ACCUEIL (= ACCUEIL.HTML)	*/
/*--------------------------------------------------*/
/*	FIN NIVEAU 1	*/







/*	FOND DE PAGE ET EN TETE SUR TOUTES LES PAGES SAUF INDEX ET ACCUEIL 	*/

#entete_pages {
	position: absolute;
	left: 40px;
	top: 18px;
	width: 950px;
	height: 46px;
	z-index: 10;
	background: url(../images/identite_tete2.png) left top no-repeat;	
}
		
#identitecouleur {
/*      proprietes et valeurs initiales : position: absolute; left: 273px; top: 63px; width: 18px; height: 18px; z-index: 10;      */
	position: absolute;
	left: 171px;
	top: 63px;
	width: 120px;
	height: 18px;
	z-index: 10;
	}

body.litterature {
	background: url(../images/fond_espritsnomadeslitt.jpg) repeat;
	}
	body.litterature #identitecouleur {
	/*      proprietes et valeurs initiales : background-color: #FFF;         */	
	background: url(../images/retourpage_litterature_horiz.png) no-repeat;
		}
body.artsplastiques {
	background: url(../images/fond_espritsnomadesartsplast.jpg) repeat;
	}
	body.artsplastiques #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #999;         */	
	background: url(../images/retourpage_artsplast_horiz.png) no-repeat;
		}
body.musiques {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.musiques #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #000;         */	
	background: url(../images/retourpage_musiques_horiz.png) no-repeat;
		}
body.musiqueclassique {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.musiqueclassique #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #606;         */	
	background: url(../images/retourpage_musclass_horiz.png) no-repeat;
		}
body.jazz {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.jazz #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #00F;         */	
	background: url(../images/retourpage_jazz_horiz.png) no-repeat;
		}
body.chanson {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.chanson #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #0F0;         */	
	background: url(../images/retourpage_chansons_horiz.png) no-repeat;
		}
body#artsdurire {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body#artsdurire #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #FF6;         */	
	background: url(../images/retourpage_artsdurire_horiz.png) no-repeat;
		}
body.musiquesdumonde {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.musiquesdumonde #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #F93;         */	
	background: url(../images/retourpage_musmonde_horiz.png) no-repeat;
		}
body.musiquesactuelles {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.musiquesactuelles #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #F00;         */	
	background: url(../images/retourpage_musact_horiz.png) no-repeat;
		}
body.hommagenougaro {
	background: url(../images/fond_espritsnomadesmusiques.jpg) repeat;
	}
	body.hommagenougaro #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #000;         */	
	background: url(../images/retourpage_hommagenougaro_horiz.png) no-repeat;
		}
body.cinema {
	background: url(../images/fond_espritsnomadescinema.jpg) repeat;
	}
	body.cinema #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #036;         */	
	background: url(../images/retourpage_cinema_horiz.png) no-repeat;
		}
body.autres {
	background: url(../images/fond_espritsnomadesautres.jpg) repeat;
	}
	body.autres #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #660;         */	
	background: url(../images/retourpage_autres_horiz.png) no-repeat;
		}
body.culturescientifique {
	background: url(../images/fond_espritsnomadessciences.jpg) repeat;
	}
	body.culturescientifique #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #600;         */	
	background: url(../images/retourpage_sciences_horiz.png) no-repeat;
		}
body.humeurs {
	background: url(../images/fond_espritsnomadesautres.jpg) repeat;
	}
	body.humeurs #identitecouleur {
/*      proprietes et valeurs initiales : background-color: #60C;         */	
	background: url(../images/retourpage_humeurs_horiz.png) no-repeat;
	}
	
	

/*	FIN FOND DE PAGE ET EN TETE SUR TOUTES LES PAGES SAUF INDEX ET ACCUEIL	*/


/*-------------------------------------------------------------------------------------------------------*/


/*	PIED SUR LES SOMMAIRES (niveau 2), PAGES-LISTES par CATEGORIES (niveau 3), PAGES-RECUEIL (niveau 04) ET PAGES COURANTES (niveau 4) 	*/

#pied {
	position: relative;
	width: 634px;
	height: auto;
	padding: 40px 0 20px 0;
	background: bottom right url(../images/identite_pied.png) no-repeat;
	}
	#pied p {
		font: 0.75em Verdana, Arial, Helvetica, sans-serif;
		color: #cc4646;
		}
		#pied p.date {
			font: 0.60em Verdana, Arial, Helvetica, sans-serif;
			color: #000;
			text-align: left;
			padding-bottom: 5px;
		}
		
/*	FIN PIED SUR LES SOMMAIRES, PAGES-LISTES, PAGES-RECUEIL ET PAGES COURANTES 	*/


/*	PIED DE TEXTE accueillant le pdf du texte correspondant, le cas echeant	*/

#pieddetexte {
	position: relative;
	width: 634px;
	height: auto;
	padding: 30px 0;
	margin-bottom: 20px;
	}
	#pieddetexte p {
		font: 0.75em Verdana, Arial, Helvetica, sans-serif;
		color: #cc4646;
	}

/*	FIN PIED DE TEXTE	*/


/*-------------------------------------------------------------------------------------------------------*/


/*	MENU SUR LES PAGES SOMMAIRES-CATEGORIES (niveau 3), PAGES RECUEIL (OU DOSSIER) (niveau 04) ET PAGES COURANTES (niveau 4)	*/


body > #menurubriques {
	position: fixed !important;
	}
	#menurubriques {
		left: 40px;
		width: 300px;
		z-index: 10;
		top: 85px;
		}
		#menurubriques ul {
			text-align: left;
			list-style: none;	
			}
			#menurubriques li {
				font: 0.85em Verdana, Arial, Helvetica, sans-serif;
				color: #303;
				padding: 2px 0 2px -1em;
			}
			
/*	hack pour IE6 qui ignore la position: fixed; */
#menurubriques {
		position: absolute;
		}
/*	FIN hack pour IE6  */


			
/*	FIN MENU SUR LES PAGES SOMMAIRES-CATEGORIES, PAGES RECUEIL  ET PAGES COURANTES	*/


/*----------------------------------------------------------------------------------------------------------*/


/*	FOND FILIGRANES SUR LES PAGES SOMMAIRES (niveau 2) ET PAGES SOMMAIRES-CATEGORIES (niveau 3)		*/

#fondgauche {
	position: absolute;
	background: url(../images/pradalbohemiens-gauche.png) no-repeat;
	width: 388px;
	height: 600px;
	top: 100px;
	left: 0;
}

#fonddroite {
	background: url(../images/pradalbohemiens-droite.png) no-repeat;
	width: 388px;
	height: 600px;
	position: absolute;
	top: 100px;
	right: 0px;
	z-index: 0;
}

/*	FIN FOND FILIGRANES SUR LES PAGES SOMMAIRES ET PAGES SOMMAIRES-CATEGORIES	*/






/*	NIVEAU 2	*/
/*--------------------------------------------------*/
/*	PAGE SOMMAIRE RUBRIQUES ET CATEGORIES	*/

#container2_1 {
	position: absolute;
	width: 634px;
	height: auto;
	left: 327px;
	top: 65px;
	padding: 0 80px 30px 80px;
	z-index: 10;
	}
	#container2_1 ul#ordrealpha  {
		list-style: none;
		text-align: left;
		padding: 16px 0;
		}
		#container2_1 ul#ordrealpha li {
			display: inline;
			padding: 0.15em;
			border-right: 0.1em solid #cc4646;			
			font: bold 1em Georgia, Times New Roman, Times, serif;
			font-variant: small-caps;
			color: #c1c2c3;
			}
			#container2_1 ul#ordrealpha li a {
				color: #cc4646; 
				}
				#container2_1 ul#ordrealpha li a:hover, #container2_1 ul#ordrealpha li a:focus {
					color: #FFF;
					background-color: #cc4646;
				}
				
	/* liste vide */
	#container2_1 ul#ordrealphavide {
		list-style: none;
		text-align: left;
		padding: 16px 0;
		}
		#container2_1 ul#ordrealphavide li {
			display: inline;
			padding: 0.15em;
			}
	/* fin liste vide */
	
	#col_I, #col_II, #col_III {
		position: absolute;
		width: 270px;
		height: auto;
		z-index: 100;
		}
	#col_I 		{ left: 0; }
	#col_II		{ left: 300px; }
	#col_III	{ left: 600px; }
		
		ul.menuarticles {
			list-style: none;
			text-align: left;
			padding: 20px 0;
			}
			ul.menuarticles li {
				font: 0.8em Verdana, Arial, Helvetica, sans-serif; 
				}
				ul.menuarticles li a {
					color: #336;
				}
				ul.menuarticles li a:hover {
					color: #8787b7;
				}

/*	FIN PAGE SOMMAIRE RUBRIQUES ET CATEGORIES	*/
/*------------------------------------------------------*/
/*	FIN NIVEAU 2	*/







/*	NIVEAU 3	*/
/*--------------------------------------*/
/*	PAGE SOMMAIRE CATEGORIES	

utilisation du container2_1 et des col_I, col_II et col_III	 */

		ul.menuarticles2 {
			list-style: none;
			text-align: left;
			text-indent: 10px;
			padding: 20px 0;
			}
			ul.menuarticles2 li {
				font: 0.7em Verdana, Arial, Helvetica, sans-serif;
				}
				ul.menuarticles2 li a {
					color: #336;
					}
					ul.menuarticles2 li a:hover {
						color: #FFF
					}


/*	FIN PAGE SOMMAIRE CATEGORIES	*/
/*------------------------------------------*/
/*	FIN NIVEAU 3	*/








/*	NIVEAU 04	*/
/*-------------------------------------------------------------------*/
/*	PAGE RECUEIL OU DOSSIER (ensemble d oeuvres et page conferences) */	

body#niveau04 li {
	color: #336;
}

/* (utilisation du container2_1) */

/*	utilisation de colonnes speciales pour les conferences	*/

#col_a, #col_b {
		position: absolute;
		width: 300px;
		height: auto;
		z-index: 10;
		}
	#col_a 		{
	left: 80px;
}
	#col_b		{
	right: 0;
}
	
	ul.conferences {
		list-style: none;
		font-size: 0.8em !important;
		font-size: 0.6em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		}
		ul.conferences li {
		padding: 8px 0;
		}
		
	#pieddeconferences {
		position: relative;
		width: 634px;
		height: 500px;
		}
		
	#piedassociation {
		position: relative;
		width: 634px;
		height: 650px;
		}

/*	FIN PAGE RECUEIL OU DOSSIER (ensemble d oeuvres et page conference)	*/
/*----------------------------------------------------------------------*/
/*	FIN NIVEAU 04	*/








/*	NIVEAU 4	*/
/*--------------------------*/
/*	PAGE COURANTE	*/

#container4 {
	position: absolute;
	width: 634px;
	height: auto;
	left: 327px;
	top: 60px;
	padding: 30px 80px;
	}
	#container4 #conteneurtexte {
			position: relative;
			}
			#container4 #conteneurtexte .sommairearticle {
				position: relative;
				}
				#container4 #conteneurtexte div.sommairearticle ul {
					list-style: none;
					padding: 20px 0;
				}
				#container4 #conteneurtexte div.sommairearticle li {
					font: 0.8em Verdana, Arial, Helvetica, sans-serif;
					text-align: right;
					}
					#container4 #conteneurtexte div.sommairearticle li a {
						color: #336;
						}
						#container4 #conteneurtexte div.sommairearticle li a:hover {
							color: #FFF;
							}
			#container4 #conteneurtexte p {
				text-align: justify;
				}
			#container4 #conteneurtexte p img {
				border: solid #222 1px; border: solid #222 1px;
				}
				/* Pour ne pas mettre de cadre (=bordure) a une image il suffit de la mettre hors <p> et </p> */


/*	FIN PAGE COURANTE	*/
/*------------------------------*/
/*	FIN NIVEAU 4	*/



/* -------------------------------------------------------------------------------------------------------------------
FIN ARCHITECTURE
------------------------------------------------------------------------------------------------------------------- */