/* feuille de style destin�e � l'affichage des �v�nements de fa�on g�n�rique et ordinaire */
/* tonalit� g�n�rale : bleu-vert  */

/* le body*/
body {
	background-color:#ffffff ;
	font-family: Garamond, Georgia, arial, serif; 
}

/* conteneur principal, qui inclut tout*/
#mainConteneur {
	width:100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#conteneurPhoto {
	width:1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	position:fixed;
	top:0px;
	background-color:#000000;
}

/* éléments généraux */

a {
	text-decoration:none;
}

.cliquable {
	color:black;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:grey;
}

.cliquable:hover {
	color: #C4D7ED;
}


/* messager */

#messager {
	position:fixed;
	left:0px;
	top:0px;
	display:none; 
	font-weight:bold;
	width:100%;
	height:30px;
	padding:5px;
}

/* boîte de navigation */

#addItems {
	position:fixed;
	right:2px;
	bottom:2px;
	font-size:large;
	border-style: solid;
	border-width:1px;
	border-color:#046380;
	border-radius:6px;
	background-color: #C4D7ED;
}

#addItems span {
	padding-right: 12px;
	padding:8px;
}

/* éléments du menu */

#mainMenu, #mainMenu nav /* Liste */    
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 25px;  /*on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	padding-top:5px;
	z-index:99;
}
 
#mainMenu /* Ensemble du menu */ {
	height:30px;
	font-size:small;
	vertical-align: baseline;
}

#mainMenu a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	background : #404040; /* couleur de fond */       
	color : #FFFFFF; /* couleur du texte */
	text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
	width : 144px; /* largeur */
	font-size:medium;
}

#mainMenu li nav a /* Contenu des sous-listes */
{
	background : #404040; /* couleur de fond */       
	color : #FFFFFF; /* couleur du texte */
}


#mainMenu a.menuItemGrise {
	color:#B0CC99;
}

#mainMenu a.menuItemGrise :hover{
	background-color:#375D81;
	color:#B0CC99;
}

#mainMenu a:hover /* Lorsque la souris passe sur un des liens */   
{
	background-color:#183152;
	color:#ffffff;
}

#mainMenu li /* éléments des listes */     
{ 
	float : left; 
	/* pour IE qui ne reconna�t pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche � droite de chaque �l�ment */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #mainMenu li
{
	border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
 
#mainMenu li nav /* Sous-listes */
{ 
	position: absolute; /* Position absolue */
	width: 144px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
}

#mainMenu li:hover nav nav, #mainMenu nav.sfhover nav nav /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
	left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}
 
#mainMenu li:hover nav, #mainMenu nav nav:hover nav, #mainMenu li.sfhover nav, #mainMenu nav nav.sfhover nav  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
 
#mainMenu li nav li /* El�ments de sous-listes */
{
	/* pour ie qui ne reconna�t pas "transparent" (comme pr�c�demment) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous-liste */
}
 
/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #mainMenu li nav li                
{
	border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque �l�ment */
}
 
#mainMenu li nav nav 
{
	margin    : -22px 0 0 144px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
	/* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
	border-left     : 1px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */     
}
 
/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #mainMenu li nav nav                
{
	border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}


.choixSelectionne {
	padding-left: 5px;
	padding-right: 5px;
	background-color:#EFECCA;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:red;
}

/* bloc tête */

.mainSection {
	display:none ;
	padding-bottom: 7px ;
}


.section {
	display:none ;
	padding-left:40px ;
	padding-right: 5px ;
	padding-top: 7px ;
	padding-bottom: 7px ;
	font-size:small ;
}


/* bloc de tête (titre de la requête, formulaire de requête...) */

#requeteurComplexe {
	font-size:small ;
	text-align: left;
}

.requeteurComplexeBoutton {
	font-size:small ;
	width:100%;
}

.requeteurComplexeLegende {
	font-size: x-small;
	color:#F6E497;
}

.petitF {
	width:60px ;
}

.normalF {
	width:200px ;
}

/* bloc tête 2 */
#blocTete2 {
	display:block ;
}

#navigation_requetes {
	background-color:#E1E6FA;
}
#navigation_tags {
	background-color:#CCCCCC;
}
#navigation_fonctions {
	background-color:#ABC8E2;
}
#navigation_dynasties {
	background-color:#A2B5BF;
}
#navigation_scripts {
	background-color:#34393E;
	color:#ffffff;
}
#navigation_arbre {
	background-color:#5EB6DD;
	display:none ;
}
#navigation_arbredynastique {
	background-color:#8CC6D7 ;
	display:none ;
}


/* sections */


.titreDeSection {
	font-weight:bold ;
}

.contenuSection {
	font-size:small;
}

#navigation{
	margin-bottom:30px;
}
	
.uneLigne {
	padding-bottom:25px;
	border-spacing:5px 15px;
}

.caseTexte {
	vertical-align: top;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:5px;
}

.caseImage {
	max-width:140px;
	vertical-align: top;
	padding-right:20px;
	padding-bottom:15px;
	padding-left:5px;
}

.uneImage {
	height: 45px;
	max-width:140px;
	vertical-align: top;
}

.caseImagedePersonne {
	height: 120px;
	vertical-align: top;
}

.uneImagedePersonne {
	vertical-align: top;
	max-height: 100px;
	max-width:100px;
}

.uneCaseGras {
	font-weight: bold;
}

.longueCase {
	text-align:justify;
}

.unePetiteInfo {
	font-size: small;
	font-weight: normal;
}

.miniCase {
	font-size: small;
	width:25px;
}

/* recherches */

#requested {
	display:none;
	width:200px;
}


/* styles spécifiques aux événements */

.precisions {
	font-size: small;
}

.evepere { /* indication de l'�v�nement p�re*/
	padding-right: 5px;
	font-size: 10px;
	color: blue;
	background-color:#CCC6AD;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.tagPetiteImage {
	height: 10px;
}

.liensel {
	padding-right: 5px;
	font-size: 10px;
}

.liensep {
	padding-right: 5px;
	font-size: 10px;
}

	
/* scripts */

.unScript {
	position:relative;
	padding-top:15px ;
	height:40px;
	left:40px ;
}

.novalide {
	background-color:red;
}

.executionScript {
	font-size:x-small ;
	text-align:justify;
	background-color:grey;
}

/*carte */

#carte {
	width:100%;
	height:450px;
	display:none;
	text-align:center;
}

/*gestion du contexte*/

#contexte2 {
	display:none ;
}
#contexte3 {
	display:none ;
}

.contexte {
	background-color:#C0BFA9;
}

/* transposition de la version pour JQuery */

.partie1 {
    width: 100%;
    height: 150px;
    line-height: 150px;
    white-space: nowrap;
}

.partie2 {
    text-align: center;
    padding: 15px;
}

.titre {
    text-align: center;
    vertical-align: middle;
    font-size: xx-large;
    padding: 25px;
    color: #ffffff;
}

.couleur1 {
	background-color: #404040;
	color: #FFFFFF;
}

.couleur2 {
	background-color: #808080;
}

.couleur3 {
	background-color: #A7A37E;
}

.couleur4 {
	background-color: #CCCCCC;
}

.partie3 {
    font-size: large;
    padding: 15px;
    text-align: center;
    padding: 20px;
}

.stat {
    font-weight: bold;
    width: 250px;
    display: table-cell;
}

.statresult {
    font-weight: normal;
    width: 100px;
    display: table-cell;
}


/* Tableaux de données */

.dataTable {
	width:100%;
}

thead {
    font-weight: bold;
	padding:5px;
	text-align:center;
}

tr:hover {
	background-color: #808080;
}

.dataTable td {
    border-bottom-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: #808080;
    padding: 10px;
    vertical-align: top;
}

.elementNum {
	font-size: small;
}

.nom {
    font-weight: bold;
}

.descriptionTexte {
    text-align: justify;
    font-size: small;
}

.cellImage {
	text-align: center;
}

/* fonctions */

.nomFeminin2 {
	font-style: italic;
}

/* fonctionnement des menus */

.submenutableau {
	/* cela n'ajoute rien mais permet à la liste de marcher, il lui faut un élément positionné comme parent */
	position: relative;
	left: 0px;
	top: 0px;
}

.submenutableau .submenutableauliste {
	display: none;
	text-align: center;
	font-weight: normal;
	position: absolute;
	left: -20px;
	top: 35px;
	background-color: #E0E0E0;
	width: 200px;
}

.submenutableau:hover .submenutableauliste {
	display: block;
}

.submenutableauelement {
	/* drapeau */
	position: relative;
	text-align: center;
	padding: 5px;
}

.submenutableauelement:hover {
	/*survolée par l'utilisateur */
	background-color: #808080;
}

.menuItemSel {
	/* nature de tag sélectionnée */
	background-color: #B09F91;
}

/* partie 5 - finale */

.partie5 {
    text-align: center;
    padding: 20px;
}

.boutons {
    margin: 20px;
    padding: 20px;
    font-weight: bold;
    line-height: 100px;
	background-color: #404040;
	color: #FFFFFF;
}

#navigateur {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 140px;
}

/* fade */

.fade {
	animation: fadeout 2s;
}

@keyframes fadeout {
    from {
        opacity:1;
		visibility: visible;
    }
    to {
        opacity:0;
		visibility: hidden;
    }
}

/* fin */

#fin {
	clear:both;
	padding-top:25px;
	padding-bottom:5px;
	font-size:xx-small;
	text-align:center;
}