@charset "utf-8";
/* CSS Document */
body {
	font-family: Calibri, Arial, Helvetica, "DejaVu sans", sans-serif;
	font-size: 100%;
	/*margin: 0 auto;
	width: 1024px;*/
	padding: 0;

}

* {
	margin: 0;
	padding: 0;
}

#page {
	background: white;
	margin: 0 auto;
	width: 1024px;
	padding: 0;
}

#aedilis {
	float: right;
	margin-top: 0.4em;
	margin-right: 0.4em;
}

#aedilis span {
	position: absolute;
	margin-left: -999em;
}

#cnrs {
	position: absolute;
	top: 80px;
	left: 1%;
	z-index: 50;
}

#contenu { /*	position: relative;*/
	padding-top: 20px;
}

div#ariane {
	font-size: 85%;
	margin: 0 0 1em 17%;
	padding-top: 1em;
}

#annexes {
	position: absolute;
	top: 250px;
	right: 60px;
	width: 23%;
	border-left: 1px solid #003366;
	background: #fffff6;
	padding-bottom: 1em;
}

#annexes h3,#news h3 {
	border-bottom: 1px solid #003366;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 1em;
	font-size: 88%;
	color: #BF2B1E;
}

#annexes p,#news p {
	margin-left: 0.5em;
	text-align: left;
	font-size: 71%;
}

#annexes ul,#annexes ol {
	margin-left: 2em;
}

/* *************************************************** */
/* ELEMENTS DE NAVIGATION */
/* *************************************************** */
#navigation-sites {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: url(../images/bg-sites-bleu.jpg) repeat-x top left;
	font-size: 70%;
}

#navigation-sites ul {
	margin-left: 20px;
	width: 100%;
}

#navigation-sites ul li {
	display: inline;
	list-style: none;
	float: left;
}

#navigation-sites form,#navigation-sites select {
	display: inline;
	font-size: 91%;
	margin: 0 0 0 0.3em;
	border: none;
	float: left;
	padding-top: 2px;
}

#navigation-sites select {
	vertical-align: middle;
	border: 1px solid #666;
}

#navigation-sites a {
	display: block;
	padding-left: 0.7em;
	text-decoration: none;
	color: #003366;
	padding-right: 1em;
	background: url(../images/separateur.png) right no-repeat;
}

#navigation-sites a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: none;
	background: url(../images/bg-sites-bleu-over.jpg) repeat-x top left;
}

#navigation-sites a:visited {
	border-bottom: none;
	text-decoration: none;
}

#navigation-sites fieldset {
	border: none;
}

/* ************************************************ * /
/* LIGNE DE TITRE ET LOGOS */

#bandeau {
	position: relative;
	background-color: #FFFFFF;
	/*padding-top: 20px;*/
	/*padding-bottom: 20px;*/
	/*background: #EEEEEE;*/
	/*background-image: -moz-linear-gradient(top, #EEEEEE, #FFFFFF);*/
	/* Firefox */ /* + foncé : #B5D2DF  | + clair :  #E5EFF4 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE),
		color-stop(1, #FFFFFF) );*/ /* Chrome et Safari */ /* haut, bas */
}

#bandeau p {
	text-align: left;
}

#bandeau_jonas {
	position: relative;
	height: 120px;
	background: center url(../images/bandeau_jonas_opt.png) repeat-x;
}

a img{
	border: none;
}

#bloc_logo_col_g {
	margin-top: 15px;
	margin-left: 40px;
	float: left;

	text-align: right;
	height: 120px;
}

#bloc_logo_col_g img#logo_irht {
	height: 40px;
}

#bloc_logo_col_d {
	float: left;
	height: 120px;
	margin-top: 10px;
	margin-left: 10px;

}

#bloc_logo_col_d img {
	height: 45px;
}

#bloc_logo_col_d p {
	width: 156px;
	font-size: 14px;
	color: #E40A0A;
	margin: 0;
}

#frise_jonas {
	background: url(../images/frise_jonas.png) center;
	height: 120px;
}

.bloc_langue {
	position: absolute;
	right: 5px;
	top: 5px;
}
/*#identite-jonas {*/
/*	margin-top: 0em;*/
/*	margin-left: 120px;*/
/*	margin-right: 120px;*/
/*	text-align: center;*/
/*}*/
/**/
/*#logo-jonas-pt {*/
/*	vertical-align: middle;*/
/*}*/

/* ************************************************ * /
/* MENU RUBRIQUES */
#onglets_a_gauche {
	margin-left: 40px;
}

#onglets_a_droite {
	float: right;
	margin-right: 50px;
}

#rubriques {
	/*padding-top: 90px;*/
	color: black;
	position: absolute;
	bottom: 0;
	right: 100px;
	/*display: none;*/
	/*font-size: 95%;*/
	/* le background du menu */
	/*background-color: #CDE0E9;*/
	/* Internet Explorer : pas de dégradé, couleur unie */
	/*background-image: -moz-linear-gradient(top, #B5D2DF, #E5EFF4);*/
	/* Firefox */ /* + foncé : #B5D2DF  | + clair :  #E5EFF4 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E5EFF4),
		color-stop(1, #B5D2DF) );*/ /* Chrome et Safari */ /* haut, bas */
	/*border-top: 1px solid #65A1BC;*/
	/* peut etre a enlever pour ressembler au site actuel */
}

#rubriques ul {
	/*display: table;*/
	list-style-type: disc;
}

#rubriques table {
	width: 100%;
}

#rubriques ul li {
	float: left;
	list-style-type: disc;
	list-style-position: outside;
	color: #E40A0A;
	margin: 0 0.5em;
	padding: 5px;
}
#rubriques ul li:hover { color: #E40A0A; }

#rubriques ul li a { display: block;  }

#rubriques ul li p { display: inline; }

#rubriques ul li a:hover {
	color: #E40A0A;
	font-weight: bold;
}

#rubriques ul li a:active {
	color: #E40A0A;
	font-weight: bold;
}

#sous_menu_consulter,#sous_menu_administration,#sous_menu_connexion,#sous_menu_aide,#sous_menu_a_propos {
	/*font-size: 85%;*/
	/*border: 1px solid black;*/
	background: white;
	padding: 0;
	margin: 0;
}

#menu_deroulant_consulter a,#menu_deroulant_administration a,#menu_deroulant_connexion a,#menu_deroulant_aide a,#menu_deroulant_a_propos a {
	transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;

}

/*     ,#rubriques ul li ul li a   */
#rubriques ul li a,#rubriques ul li.encours  ul li a,#rubriques ul li p,#rubriques ul li.encours  ul li p {
	color: black;
}
/* Si c'est le dernier onglet choisis : */
#rubriques ul li.encours {
	color: black;
}

/* Au survol d'une case de la liste : on change le fond */
.bouton_survolable:hover {
	background-color: #A9CCDC;
}

/* Si on survole le menu deroulant alors modifie un attribut qui appartient au sous_menu */
/* Ces parametres sont appliqués grace a la "transition" */
#menu_deroulant_consulter:hover>#sous_menu_consulter {
	z-index: 999;
}

#menu_deroulant_administration:hover>#sous_menu_administration {
	z-index: 999;
}

#sous_menu_connexion {
	visibility: hidden;
}

#menu_deroulant_connexion:hover>#sous_menu_connexion {
	visibility: visible;
	z-index: 999;

}

#menu_deroulant_aide:hover>#sous_menu_aide {
	z-index: 999;
}

#menu_deroulant_a_propos:hover>#sous_menu_a_propos {
	z-index: 999;
}

/* Si on survole le menu deroulant alors modifie un attribut qui appartient au sous_menu */
/* Ces parametres sont appliqués grace a la "transition" */
#menu_deroulant_consulter:hover>#sous_menu_consulter li  a {
	height: 15px;
	line-height: 15px;

}

#menu_deroulant_administration:hover>#sous_menu_administration  li  a {
	height: 15px;
	line-height: 15px;
}

#menu_deroulant_connexion:hover>#sous_menu_connexion  li  a {
	height: 15px;
	line-height: 15px;
}

#menu_deroulant_aide:hover>#sous_menu_aide  li  a {
	height: 15px;
	line-height: 15px;
}

#menu_deroulant_a_propos:hover>#sous_menu_a_propos  li  a {
	height: 15px;
	line-height: 15px;
}
/******************* SOUS MENU ********************/
ul#sous_menu_consulter,ul#sous_menu_administration,ul#sous_menu_connexion,ul#sous_menu_aide,ul#sous_menu_a_propos
	{
	position: absolute;
	z-index: -999; /* La position par défaut du sous menu */

	/* le background du sous menu */
	background-color: white;

}

#sous_menu_consulter {
	-moz-transform: translate(-24px, 4px);
	-webkit-transform: translate(-24px, 4px);
	-ms-transform: translate(-24px, 4px);
}

#sous_menu_aide {
	-moz-transform: translate(-70px, 4px);
	-webkit-transform: translate(-70px, 4px);
	-ms-transform: translate(-70px, 4px);
}

#sous_menu_administration {
	-moz-transform: translate(-40px, 4px);
	-webkit-transform: translate(-40px, 4px);
	-ms-transform: translate(-40px, 4px);
}

#sous_menu_connexion {
	-moz-transform: translate(-40px, 4px);
	-webkit-transform: translate(-40px, 4px);
	-ms-transform: translate(-40px, 4px);
}

#sous_menu_a_propos {
	-moz-transform: translate(-60px, 4px);
	-webkit-transform: translate(-60px, 4px);
	-ms-transform: translate(-60px, 4px);
}

ul#sous_menu_consulter li,ul#sous_menu_administration li,ul#sous_menu_connexion li,ul#sous_menu_aide li,ul#sous_menu_a_propos li
{
	clear: left;
	border: none;
	display: block;
	margin: 0px;
	padding: 0;
	/* supprime l'espace mis entre chaque onglets du menu */
	width: 100%;
	border-bottom: 1px grey solid;

}

#rubriques ul li #sous_menu_consulter li {
	/*width: 8.5em;*/
	text-align: center;
}

#rubriques ul li  #sous_menu_administration li {
	width: 12em;
	height: 20px;
}

#rubriques ul li  #sous_menu_connexion li {
	width: 10em;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}

#rubriques ul li  #sous_menu_connexion li a { line-height: 14px; }

#rubriques ul li  #sous_menu_aide li {
	/*width: 18em;*/
}

#rubriques ul li  #sous_menu_a_propos li {
	/*width: 13em;*/
}

#rubriques #sous_menu_consulter li a,#sous_menu_administration li a,#sous_menu_connexion li a,#sous_menu_aide li a,#sous_menu_a_propos li a
{
	text-align: center;
	display: block;
	margin: 5px 10px;
	/* même largeur que celle spécifiée pour la balise li */
	/*height: 10px; *//*valeur avant le survol*/ /* Internet Explorer */
	/*line-height: 10px; *//*valeur avant le survol*/ /* FireFox, Chrome */
}

.sous_menu li {
	line-height: 10px;
}

/* ************************************************* */
/* fin des elements de navigation */
/* *************************************************/
#info_user {
	border: 1px solid #8AC;
	margin: 1em 0 1em 0;
	width: 300px;
	padding: .2em;
}

/* FOOTER: pied de page */
#footer {
	background: #DFDFDF;
	height: 100px;
	color: black;
	font-family: "Myriad Pro", calibri, inherit;
	font-size: 14px;
	clear: both;
	text-align: center;
	margin-top: 40px;
	margin: 40px auto 0;
	width: 1024px;
}

#footer p {
	text-align: center;
	color: black;
}

#footer ul {
	text-align: center;
	list-style: none;
	font-style: normal;
	padding: 0;
	margin: 0 auto;
}

#footer li {
	list-style: none;
	padding: 0;
	margin-left: 160px;
	margin-top: 10px;
	float: left;
}

#footer li a {
	color: black;
	display: block;
	line-height: 32px;
	font-size: 16px;
}

#footer a,#footer a:visited {
}

#footer a:visited {
	text-decoration: underline;
}

#footer a:hover {
}

#footer li a#back {
	background: url(../images/retour-precedent.png) no-repeat 0 -32px;
	padding-left: 32px;
}

#footer li a#back:hover {
	background: url(../images/retour-precedent.png) no-repeat 0 0;
}

#footer li a#top {
	background: url(../images/retour-haut.png) no-repeat right -32px;
	padding-right: 32px;
}

#footer li a#top:hover {
	background: url(../images/retour-haut.png) no-repeat right 0;
}

#footer li a#colophon {
	border: none;
}

#footer li a#filrss {
	background: url(../images/rss-24x24.png) no-repeat 5px center;
	padding-left: 33px;
}

#footer li a#filrss:hover {
	background: url(../images/rss-24x24-over.png) no-repeat 5px center;
}

#footer p {
	clear: left;
}

div.centre {
	margin-left: auto;
	margin-right: auto;
	width: 630px;
	text-align: center;
}
/* ********************************************** */
/* ********* TYPOGRAPHIE **********************/
/* Titraille */
h1 {
	margin: 0 15px 15px 15px;
	font-family: Calibri, Georgia, "Century Schoolbook", "Times New Roman", Times,
		serif;
	font-size: 24px;
	color: #565654;
}

h2 {
	width: 500px;
	margin: 15px 0 15px;
	font-family: Calibri, Georgia, "Century Schoolbook", "Times New Roman";
	font-size: 22px;
	font-weight: bold;
	color: #565654;
}

/* paragraphes particuliers */
p.grec-ancien {
	margin-top: 3em;
	font-family: Calibri, "Arial Unicode MS", "Palatino Linotype", Junicode,
		"Athena Unicode", "Gentium", "Porson", "Cardo",
		Galatia SIL ",  " Galilee Unicode Gk ", " Vusillus Old Face ", Caslon",
		"Monospace", "jGaramond", "MgOldTimes UC Pol", "Alphabetum",
		"Vusillus Old Face", "Code2000", "Titus Cyberbit Basic", Vemana2000,
		"OpenSymbol", DejaVu, "Century Schoolbook", Helvetica, "Lucida Grande",
		Times;
}
/* styles de caractères */
.siecle,.petitescaps,.smallcaps {
	font-variant: small-caps;
}

.nomauteur {
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

.siecle {
	font-family: Calibri, "Arial Unicode MS", Helvetica, "Lucida Grande", Times,
		DejaVu, "Century Schoolbook";
	font-size: 115%;
}

acronym {
	letter-spacing: 0.1em;
}

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 {
	margin: 10px 0;
	color: #1D1D1B;
	line-height: 20px;
	text-align: justify;
}

p sup {
	font-size: 0.8em;
}

cite {
	font-style: italic;
}

q {
	border-bottom: 1px dotted gray;
}

blockquote {
	border: 1px dotted gray;
	padding: 0.2em;
}

blockquote span.ajout-bobichon {
	font-style: italic;
}

blockquote span.ajout-bobichon:after {
	content: "]";
}

blockquote span.ajout-bobichon:before {
	content: "[";
}

q:before {
	content: no-open-quote;
}

q:after {
	content: no-close-quote;
}
/* LIENS - LINKS */
a {
	text-decoration: none;
	color: #E40A0A;
	border: none;
}


a:hover {
	color: #C18481;
}
/*  ************************* */
/*     fin de la typographie generale
/* **************************** */
/* ***************************************** */
/* tableaux */
table,tr,td,th,thead,tfoot,tbody {
	border-collapse: collapse;
}

caption {
	background: #6699cc;
	color: white;
	font-family: Calibri, Georgia, Times, "Times New Roman", "Century Schoolbook",
		serif;
}

ul,ol {
	padding-left: 30px;
}

fieldset {
	border: none;
}

.clear {
	clear: both;
}

.center {
	display: block;
	text-align: center;
}

.left { float: left; }
.right { float: right;}

li.noStyle { list-style-type: none; }

.small { font-size: 75%; }