/* CSS Document */

/* *************************************************************************
	site : ecole-erudition.org 
	
	type : print
	
	auteur : Thierry Buquet (CNRS - IRHT)  
	
	version du 5 août 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: 12pt;
	font-family: "Times New Roman", Times, serif;
}


/* =page
conteneur global */
#page {
	}

/* =bandeau
bandeau supérieur : identité du site et logos */
#bandeau {}
div.logo, div#logoeer {display:none;}
#titresite {font-size: 20pt; text-align:center; border: 1pt solid black; margin-bottom: 10mm;}
.soustitresite {font-size: 14pt;}


/* =navrub
barre de navigation rubriques et moteur de recherche */
#nav, #search  {display:none;}


/* menu des rubriques -- voir plus loin pour la gestion des menus deroulants*/
#rubriques {display:none;}

/* sous rubriques s'affichant à gauche */



#menurubrique, #info {display:none;}
#info p {display:none;}


/* =nav
navigation autour du document : chemin contextuel et feuilletage */
#navigation {
	font-size:9pt; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10mm;
	font-style:italic;
	}
	#chemin{}
	#feuilletage{display:none;}
	

/* =annexes
bloc de droite des liens annexes vers les index */
#annexes{display:none;}


/* =docs
document : contenu des annonces */ 
#document {}
		/* 
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 {display:none; }



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

/* =titres */
/*=h1*/
h1 {
	font-weight:bold;
	margin-bottom: 10pt;
	margin-top: 20pt;
	text-align:center;
	font-size: 16pt;
		}

h1 span.soustitre {font-size: 14pt;}

h1#titre {
	font-size: 18pt; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	letter-spacing:1pt; 
	}



/*=h2*/
h2 {font-size: 14pt; margin-top:0; margin-bottom:10pt;}

/*=h3*/
h3 {font-size: 12pt; margin-top: 6pt; border-bottom: 1pt solid black;}

/*=h4*/
h4 {font-size: 12pt; margin-top: 22pt; margin-bottom: 2pt; text-align:justify;}

#dateconf h3#date {
	margin-top:0; border-bottom:0;
}
	
/*=p*/
p {font-size: 12pt; line-height: 16pt; margin-top:0; margin-bottom: 10pt; text-align: justify;}

blockquote {}

acronym {border-bottom:1pt dotted #ccc;}


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

a {text-decoration: none; color: #000;}
a:hover{text-decoration:underline; color:#000;}
a.externe {}
a.plus {}
a.index {padding-left: 0.8em;}



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

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

.legende {font-size: 10pt; text-align: center; font-family:Arial, Helvetica, sans-serif;}

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

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

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


/* ------------------------------------------------------------------------------------------------
	==listes
	listes  puces, liste numeros*/
#document ul { list-style-type:circle; list-style-position:outside;}
#document ul li {text-align:justify; margin-right:1em;
	margin-top:0.6em;
}
	/* changement puce pour listes imbriquées */
#document ul li ul li {list-style-type: square;}
#document ul li ul ul li {list-style-type:disc;}
	
	

ol {}

li {}
	


/* ----------------------------------------------------------------------------------------------
	==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 */

.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 Gray;
		padding: 0.6em;
		background-color: #F8F8F8;
		font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;
		margin-left:1em;
		margin-top: -1em;
	}

/* ---------------------------------------------------------------------------------------------
	==div
	styles de blocs DIV */
#zoneactus {
	margin-bottom: 8%;
}
.actu {border: 0.3em solid #E0E0E0;
		padding: 0;
		padding-bottom:1em;
		background-color: #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;   
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic; 
	margin-bottom: 2em;
}

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


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-color: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-color: #E0E0E0; float:right;margin-top: 2em;
}

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


/* --------------------------------------------------------------------------
	=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;

}
#visites {visibility:hidden;}
/* ---------------------------------------------------------------------------
	==car
	styles de caracteres particuliers */

.siecle, .nomauteur {font-variant:small-caps;}

span.indices {font-size:0.8em;}
span.envaleur {font-weight:bold; text-transform:uppercase;}
span.date {font-weight: bold;}

.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:#fff ; color:black; padding:1em; margin-bottom:2em;}
span.jour {font-size:1.4em; display:block;}