/* Version : 1.100		du 02/05/2015	*/

/*styles pour arbre*/


/*COLONNE DE GAUCHE*/
/*la colonne de gauche est un element de type bloc avec l'ID "colonneGauche" */
#colonneGauche_and { width:95%; }
/*pour afficher le nom de l'individu dans colonne de gauche mettre l'ID "nomIndividu" */
#colonneGauche_and #nomIndividu_and12 {
	font-size:40px;
	font-weight:bold;
}
#colonneGauche_and #nomIndividu_and11 {
	font-size:38px;
	font-weight:bold;
}
#colonneGauche_and #nomIndividu_and10 {
	font-size:36px;
	font-weight:bold;
}
#colonneGauche_and #nomIndividu_and9 {
	font-size:28px;
	font-weight:bold;
}


/*ONGLETS*/
#colonneGauche_and #onglets {
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
#colonneGauche_and #onglets li {
	float:left;
	margin:0px;
	padding-top:4px;
	padding-bottom:4px;
}
#colonneGauche_and #onglets li a {
    color:#000000;
    display:block;
    font-family:Arial;
    font-size:20px;
    height:40px;
    margin:0;
    padding-top:2px;
    text-align:center;
    text-decoration:none;
}
/*styles pour l'onglet evenements mettre l'ID "A" sur la balise a */
#colonneGauche_and #onglets li a#Onglet { background-image: 
               url('../image/onglet-li-off.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 10px; 
               background-position: top }
#colonneGauche_and #onglets li a#Onglet:hover { background-image: 
               url('../image/onglet-li-over.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 10px; 
               background-position: top }
#colonneGauche_and #onglets li a#Onglet:active, #colonneGauche_and #onglets li a#Onglet:focus { background-image: 
               url('../image/onglet-li-on.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 10px; font-weight: bold; 
               color: #76633A; background-position: top }
							 
/*styles pour l'onglet evenements mettre l'ID "stat" sur la balise a */
#colonneGauche_and #onglets li a#statOnglet { background-image: 
               url('../image/onglet-pr-off-lg.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 100px; 
               background-position: top }
#colonneGauche_and #onglets li a#statOnglet:hover { background-image: 
               url('../image/onglet-pr-over-lg.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 100px; 
               background-position: top }
#colonneGauche_and #onglets li a#statOnglet:active, #colonneGauche_and #onglets li a#statOnglet:focus { background-image: 
               url('../image/onglet-pr-on-lg.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 100px; font-weight: bold; 
               color: #76633A; background-position: top }
							 
							 
/*styles pour l'onglet evenements mettre l'ID "evenement" sur la balise a */
#colonneGauche_and #onglets li a#evenementsOnglet { 
							 background-image:  url('../image/onglet-ev-off.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#evenementsOnglet:hover { background-image: 
               url('../image/onglet-ev-over.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#evenementsOnglet:active, #colonneGauche_and #onglets li a#evenementsOnglet:focus { 
							background-image: url('../image/onglet-ev-on.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; font-weight: bold; 
              color: #76633A; background-position: top }
/*styles pour l'onglet proches mettre l'ID "proches" sur la balise a */
#colonneGauche_and #onglets li a#prochesOnglet { background-image: 
               url('../image/onglet-pr-off.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#prochesOnglet:hover { background-image: 
               url('../image/onglet-pr-over.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#prochesOnglet:active, #colonneGauche_and #onglets li a#prochesOnglet:focus { 
							 background-image: url('../image/onglet-pr-on.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; font-weight: bold; 
               color: #76633A; background-position: top }
/*styles pour l'onglet bibliotheque mettre l'ID "bibliot" sur la balise a */
#colonneGauche_and #onglets li a#bibliothequeOnglet { background-image: 
               url('../image/onglet-bi-off.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#bibliothequeOnglet:hover { background-image: 
               url('../image/onglet-bi-over.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; 
               background-position: top }
#colonneGauche_and #onglets li a#bibliothequeOnglet:active, #colonneGauche_and #onglets li a#bibliothequeOnglet:focus { background-image: 
               url('../image/onglet-bi-on.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 180px; font-weight: bold; 
               color: #76633A; background-position: top }
/*Styles pour le contenu des onglets*/
div#AContenu ,div#BContenu ,div#prochesContenu , div#bibliothequeContenu, div#evenementsContenu {
	padding:4px;
}

p.--and{
	margin:4px 0px 4px 0px;
	padding:4px;
	font-weight:bold;
	text-align:center;
	background:#F9F4E7;
	font-size:20px;
  margin-top:30px;
}


p.ageEvt_and{
	font-weight:bold;
	font-size:20px;
	margin:0px;
}
p.dateEvt_and {
	font-size:20px;
	margin:0px;
}
/*lista activa pentru click */
#colonneGauche_and #onglets li.clasaActiva { background-image: 
               url('../image/onglet-ev-on.png'); 
               background-color: transparent; background-repeat: no-repeat; 
               background-attachment: scroll; width: 91px; font-weight: bold; 
               color: #76633A; background-position: top }