/* CSS Document */

/* *************************************************************************
	site : ecole-erudition.org 
	
	type : screen
	
	auteur : Thierry Buquet (CNRS - IRHT)  
	
	version du 24 juin 2005

*/

/* 	pour retrouver un chapitre de la css ctr + F : "==nom du chapitre"
	(chapitres : blocs, menu, balises, liens, images, listes, sup, div, form, par, car)

	pour retrouver un souschapitre de la css ctr + F : "=nom du sous-chapitre"
	(souschapitres importants : page, bandeau, navrub, sousmenu, nav, annexes, docs, pied, titres, 
	liennav, lientitres, ulannexe, h1, h2, h3, p
	
	origine du css tip : Stopdesign (Douglas Bowman - stopdesign.com)
	explication : http://stopdesign.com/log/2005/05/03/css-tip-flags.html
*/


/* -------------------------------------------------------------------------------------
==blocs
grands elements de mise en page */

body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	padding:0; 
	margin:0;
	background:#FFF3E1;
	color: black;
}


/* =page
conteneur global */
#page {
	margin:0; 
	padding:0; 
	background:#FFF3E1;
	
	}

/* =bandeau
bandeau suprieur : identit du site et logos */
#bandeau {height:100px; background:#FFFFFF;}
div.logo {float:right; padding-top:0;}
#titresite {display:none;}

/* =navrub
barre de navigation rubriques et moteur de recherche */
#nav {height: 2em; background:#E4DBD3;}

#search {float:right; right:0; position:relative;}

/* menu des rubriques -- voir plus loin pour la gestion des menus deroulants*/
#rubriques {text-align:center; z-index:10; position:absolute; top:105px; left:25%;}

/* sous rubriques s'affichant  gauche */



#menurubrique, #info {
	width: 22%; 
	left:1%; 
	position:absolute; 
	z-index: 0; 
	border: 1px solid #336699; 
	top: 160px; 
	padding-top:0; 
	background:#FFFFF9;
	margin-bottom:5%;
	}
#info p {
	font-size: 0.92em; line-height: 1.4em; text-align:left; margin-left:1em; margin-right:1em;
}

#menurubrique li.active {font-weight:bold; color:black;} /*met en valeur la rubrique dans laquelle on se trouve */

/* =nav
navigation autour du document : chemin contextuel et feuilletage */
#navigation {
	font-size:0.8em; 
	margin: 2em 25% 0 25%;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #3d3d3d; 
	 
	 }
	#chemin{color:white; padding:0.4em; }
	#feuilletage{
		float:right;  
		padding-top:0.4em;
		padding-bottom:0.4em;
		margin-left:1.5em;
		}
	
	#prev{background: url(../images/prev.png) left no-repeat; padding-left: 17px;}
	#next{background: url(../images/next.png) right no-repeat; padding-right:17px; }
	

/* =annexes
bloc de droite des liens annexes vers les index */
#annexes{
	width:22%; 
	right: 1%; 
	position:absolute; 
	border: 1px solid #336699; 
	top: 160px; 
	/*padding-top:0;*/ 
	background:#FFFFF9;
	margin-bottom: 5%;
	}
#annexes p {margin-left: 1em; text-align:left; margin-right:1em;}
#annexes p.acces {font-weight:bold; margin-left:2em; }

/* =docs
document : contenu des annonces */ 
#document {
	margin: 0 25% 0 25%;
	border: 0.1em solid Black; 
	/*border-left: 0.1em solid Black;
	border-right: 0.1em solid Black;*/
	/*height: 70%; /*overflow: auto; */ 
	padding: 0.5em 1.5em 1.5em 1.5em; 
	background:#FFFFFF;
	min-height:85%;
	height:85%;
	/*height: 35em;
	overflow: visible;*/
	}
/* hack min-heigth d'apres : http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer
instruction suivante non interpretee par IE. Firefox ne supporte pas la hauteur en pourcentage
 */
html>body #document {
height: auto;
min-height: 300px;;
} 
/* 
types de documents pour personnaliser cartains aspects de la mise en page en fonction du contenu : titres, etc.
a voir avec Got en fonction de Lodel et du Lodelscript : pourra-t-on rajouter ce style en focntion du type ?
<div id="document" class="[#TYPE]" 
*/
#document.annonce {}
#document.institut {}
#document.pratique {}
#document.sommaire {}
#document.index {}
#document.ressource {}

/* pied de page 
=pied */

#piedepage {
	margin: 0 25% 0 25%; 
	background: #3D3D3D; 
	color:white; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background: #3d3d3d; 
	padding:0.2em; 
	color:white; 
	font-size:0.8em; }

#piedepage ul {list-style: none; margin:0; padding:0;}

#piedepage li {float: left; margin-right: 0.1em;}

#piedepage li.hautdepage {}






/* -----------------------------------------------------------------------------------
==menu
menu droulant des rubriques, d'aprs http://pompage.net/pompe/deroulants  */

#rubriques ul {
	font-size:1em; 
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	float:left;
}
#rubriques a {
	display: block; /*width: 8.5em;*/ 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	}
#rubriques a:visited {text-decoration:none; /*color: #993300;*/} 

#rubriques a.pere, #rubriques a.accueil 
	{
	font-weight:bold; 
	font-size:1em; margin-right: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#rubriques a:hover {color: #FF8000; color:#FF8000; font-weight: bold; text-decoration:none; }
#rubriques a.pere:hover {color:#000000; background: transparent; text-decoration:none;}
#rubriques a.accueil:hover {color:#000000; background: transparent; text-decoration:none;}

#rubriques li {float: left;}
#rubriques li a {padding: 0.5em 0 0.5em 0;}
#rubriques li a:hover {color: #FF8000; font-weight: bold; text-decoration:underline;}

/* =sousmenu*/
#rubriques li ul {
	position: absolute;
	padding-left:0.3em;
	width: 13em;
	left: -999em; 
	border: 1px solid #336699; 
	background: #E4DBD3;
	}
#rubriques li ul a{width:13em; }
#rubriques li ul a:hover{width:13em; }
#rubriques li:hover ul {left: auto;}
#rubriques li:hover ul, #rubriques li.sfhover ul {left: auto; background: #E4DBD3;}


/* fin du menu deroulant rubriques */



/* ----------------------------------------------------------------------------------------------
	==balises
	balises html : styles generiques */

/* =titres */
/*=h1*/
h1 {
	font-weight:bold;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	margin-left: 0;
	font-size:1.3em;
		}

h1 span.soustitre {font-size: 0.7em;}

h1#titre {
	font-size: 1.6em; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	letter-spacing:0.1em; 
	margin-bottom: 1.5em;
	margin-left: 0;
	margin-top: 0.5em;
	line-height: 1.2em;
	color: #003366;
}

h1#titre.event {
	margin-left:2em;
}


/*=h2*/
h2 {font-size: 1.1em; margin-top:0; margin-bottom:0.4em;}

h2.infosprof {padding-top: 2em;}

	#document.annonce h2 {margin-bottom: 0.5em; margin-top: 1em; font-size: 1.2em; letter-spacing:0.1em;}

	#menurubrique h2, #info h2 {margin-top:0; margin-bottom:0.7em; font-size: 1.2em; letter-spacing:0.1em; color: #993300; background: #E4DBD3; padding: 0 0 0 1em; font-family:Georgia, "Times New Roman", Times, serif;}

	#annexes h2 {margin-bottom:0.7em; color: white; font-size: 1em; background: #336699; padding: 0 0 0 1em; letter-spacing:0.2em; margin-top:0;}

/*=h3*/
h3 {font-size: 1em; color: #336699; margin-top: 2em;}

h4 {font-size: 1em; margin-top: 2em; color:#000; margin-bottom: 0.5em; text-align: justify;}
	
#document.annonce h3 {
	border-bottom: 0.1em solid #336699;
	margin-bottom: 0.2em;
	margin-top:1.5em;
	}

#document.annonce h3.index {text-align:center; font-size: 1.2em; }

#dateconf h3#date {
	margin-top:0; border-bottom:0; padding:0;
}


	
/*=p*/
p {font-size: 1em; line-height: 1.5em; margin-top:0; margin-bottom: 0.8em; text-align: justify;}

blockquote {}

acronym {cursor:help; border-bottom:1px dotted #ccc;}


/* ----------------------------------------------------------------------------------------------
	==liens
	liens hypertextes */

a {text-decoration: none; color: #993300;}

a:hover{text-decoration: underline; color: #ff8000;}

a.externe {background-image:url(../images/out.png); background-repeat:no-repeat; background-position:right; padding-right: 2.2em;}

a.plus {background-image:url(../images/plus.png); background-repeat:no-repeat; background-position:right; padding-right: 1.2em;}

a.index {background-image:url(../images/in.png); background-repeat:no-repeat; background-position:left; padding-left: 0.8em;}

a.rss {background-image:url(../images/feed.png); background-repeat:no-repeat; background-position:right; padding-right:20px;}



a.retourpere {
	background-image:url(../images/back.png); background-repeat:no-repeat; background-position:left; padding-left: 1.5em; line-height:0.7em;
}
h1 a.retourpere {
	font-size:0.7em; color: #993300; letter-spacing: normal; font-weight:normal; margin-left: -3em; /*border:0.1em solid Gray; border-width: 0.1em 0.1em 0.1em 0;padding:0.2em 0.2em 0.2em 0.8em;*/
}
/* lien pour les images  l'interieur d'un div  */ 

a img {border: 1px solid white;} /* on ajoute une bordure invisible pour eviter les decalages au survol */ 
a:hover img {border: 1px dashed #ff8000;} /* on met la valeur de la bordure en pixels - petis soucis avec moz firefox en em */

a img#edition {border: 0px;} /* on ajoute une bordure invisible pour eviter les decalages au survol */ 
a:hover img#edition {border: 0px;} /* on met la valeur de la bordure en pixels - petis soucis avec moz firefox en em */


a.actif {
	color: black;
}

a.collection, a.annuaire {
	font-weight:bold;
}


/* =liennav
liens particuliers pour barres de navigation, fil d'ariane, article et pied de page */
#navigation a, #piedepage a{color: white;}
#piedepage a {padding:0 0.2em 0.2em 0; color:white;}
#navigation a:hover, #piedepage a:hover {color:#ff8000;}
#feuilletage a{color:#FFA54A;}
#feuilletage a:hover {color:#FFA54A; text-decoration:none;}

/* =lientitres
liens sur titres pour sommaires, page d'index et tables des matieres*/
h2 a{}
h2 a:hover{}

h3 a{}
h3 a:hover{}



/*----------------------------------------------------------------------------------------------
	==images
	images, bloc illustration et legendes
*/
	
img {border:0;}

	/* bordure si necessaire pour images transparentes ou schemas*/
	img.bordure {border: 0.1em solid black;}
	
	img.middle {margin-bottom: -1em; } 

.legende {font-size: 0.8em; text-align: center; color: #003366; width:220px;}

/* div pour gestion des blocs illustrations (image + legende) */
div.centre {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0;}
div.centre div.legende {text-align:center; width: 100%;}

div.gauche {float:left; margin-right: 1em; margin-bottom: 1em;}

div.droite {float:right; margin-left: 1em; margin-bottom: 1em;}


/* ------------------------------------------------------------------------------------------------
	==listes
	listes  puces, liste numeros*/
#document ul {list-style:url(../images/puce.png) outside; margin-top:1em;}
#document ul li {text-align:justify; margin-right:1em;
	margin-top:0.4em;
}
	/* changement puce pour listes imbriques */
#document ul li ul li {list-style-type: square;}
#document ul li ul ul li {list-style-type:disc;}
	
#document ul li ul {
	margin-top:0; margin-bottom:1.5em;
}

#document ul li ul li {
	margin-top:0.4em; 
}

#document ol li ul  {margin-bottom: 1em; margin-top:0;}

#document ol li  {margin-bottom: 1em; margin-top:0.2em;}

#document ol li ul li {margin-bottom: 0; margin-top: 0;}



#document dt {
	margin-top: 2em; 
	font-weight:bold; color: #666666;
	border-bottom: 1px solid #666666; 
	margin-bottom: 0.6e;}

#document dd {margin-top: 1em; }

ol {}

li {}
	
	/*	=ulannexe
	 listes pour menus d'index */
#annexes ul, #menurubrique ul, #info ul {list-style: url(../images/in.png) outside; /*margin-top:0; padding-top:0;*/}
#annexes ul li, #menurubrique li, #info li {margin-bottom: 0.5em; margin-left:0; margin-right:1em; }



/* ----------------------------------------------------------------------------------------------
	==sup
	gestions des exposants :  */

sup {vertical-align: super; line-height: 0.1em;}

	/* taille de l'exposant en fonction du contexte - mauvaise gestion par Firefox et mozilla */
	h1 sup {font-size: 0.6em;}
	p sup {font-size: 0.8em;}


/* ---------------------------------------------------------------------------------------------
	==div
	styles de blocs DIV */
#zoneactus {
	margin-bottom: 8%;
}
.actu {border: 0.3em solid #E0E0E0;
		padding: 0;
		padding-bottom:1em;
		background: #F8F8F8;
		margin-bottom:1em;}
		
		div.actu p {
			margin: 0 0.6em 0.6em 0.6em;
		}
		h2.titreactu {
			margin: 0 0.6em 0 0.6em; padding:0; color: #993300; font-family: Georgia, Times, serif; 
			position:relative; top: -0.5em;	}

div.actu a.plus {text-align:right;}

div.actualites p.chapeau {
	padding-left: 100px; 
	background: url(../images/enbref.png) no-repeat top left;  
	color: #993300; 
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic; 
	margin-bottom: 2em;
}

div.actualites h3 {
	border-bottom: 0.1em solid #336699;
}


p.infosactu {
	border: 0.1em solid #E0E0E0; 
	font-size: 0.8em; 
	width: 12em; 
	text-align: center; 
	position:relative; top: -0.5em; right:-0.6em;
	float: right;
	padding: 0.6em;
	background:white;
}
div.actualites h1 span.soustitre {
	font-size: 0.7em; font-weight: normal; line-height:0.8em; letter-spacing: normal;
}

div.annonce h2 span.soustitre {
	font-size: 0.8em; font-weight: normal; line-height:0.8em; letter-spacing: normal;
}

div.actualites p.infosactu {
	border: 0.1em solid #E0E0E0; background: #E0E0E0; float:right;margin-top: 2em;
}

span.dateactu {
	font-size:1.1em; font-weight:bold;
}

#coordonnees {
	border: 0.1em solid black; padding: 0.5em; margin:0 0 1em 2em; background:#F8F8F8; padding-top:0; font-size:0.9em; width: 35%; float:right;
}
	#coordonnees h2 {
		margin-top:0; text-align:right;
	}
	
	#coordonnees p{
		text-align:right;
	}

#microresume p{font-size: 1em; line-height: 1.3em; }


.centre {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;}

	#dateconf {
		float:right;
		border: 0.3em solid #E0E0E0;
		padding: 0.6em;
		background: #F8F8F8;
		font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;
		margin-left:1em;
		margin-top: -1em;
	}
#visites {visibility:hidden;}
	
/* ---------------------------------------------------------------------------
	==form
	styles de formulaires */

form {margin:0; padding:0;} /*on force la marge et le padding  zero pour IE */
form.searchsimple {margin-right:0.2em;}
input.bouton {margin-bottom: 0.2em;}

form p {margin:0; padding: 0;}

/* formulaire de recherche */
form.recherche {}




/* --------------------------------------------------------------------------
	=para
	styles de paragraphes pour texte */
.biblio {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 2em;
	margin-right: 1.5em;
	margin-top: 1em;
	text-indent: -2em;

}

p.note {line-height: 1.2em;
	margin-bottom: 1.5em;
	margin-left: 1.6em;
	margin-right: 1.5em;
	margin-top: 2em;
	text-indent: -1.6em;
	font-size: 0.9em;
	}

p.droite {text-align:right;}
p.centre {text-align:center}
p.gauche{text-align:left;}

.intervenant {color: #003366; /*letter-spacing:0.1em;*/ font-size:1.1em;}

/* ---------------------------------------------------------------------------
	==car
	styles de caracteres particuliers */

.siecle, .nomauteur {font-variant:small-caps; letter-spacing:0.1em; font-size:110%; font-weight:inherit;}

h2 .siecle, h3 .siecle, h4 .siecle, strong .siecle {font-weight: bold;}

h2 .nomauteur, h3 .nomauteur, h4 .nomauteur, strong .nomauteur {font-weight: bold;}


span.indices {font-size:0.8em;}
span.envaleur {font-weight:bold; text-transform:uppercase; color:#336699;}
span.date {font-weight: bold; color:#336699;}
.orga { font-weight:bold; letter-spacing:0.1em;}

.hour {float: left; margin:0; display:block; font-weight:bold; position:relative; bottom:-0.1em;}

.cont {margin-left: 17%;}

h4.session {margin-bottom:2em; margin-top:3em; text-align:center; font-size:1.2em;}

h4.session em {font-weight:normal; font-size:90%;}

h3.jourlieu {background-color:#336699 ; color:white; padding:1em; margin-bottom:2em;}
span.jour {font-size:1.4em; display:block;}