BODY
{
/* behavior: url("styles/default/csshover.htc"); */
background-color:#AAC9E7;
margin-bottom : 0 ;
margin-left : 0 ;
margin-right : 0 ;
margin-top : 0 ;
font-family : Arial, sans-serif ;
color : black;
line-height:140%;
text-align:center;

}

DIV.info_bulle {
    background-color : #FFBE8D;
    border : 2px ridge Gray;
    font-size : x-small;
    text-align:right;
    line-height:1em;
}

h1
{
  font-size:1.8em;
  font-weight: 700;
  color:#00008b;
  letter-spacing : 2px;
  border:2px ridge blue;
  text-align: center;
  padding-top:25px;
  padding-bottom:25px;
  margin-right:-160px;
  background-color:#EFEFEF;
}

h1 span 
{
}



H2
{
  font-size:1.2em;
  font-weight:500;
  color:maroon;
  text-align:right;
  text-indent:1em;
  margin-top:1em;
  margin-bottom:1em;
  padding:2px;
}

H3
{
  font-size:1em;
  font-weight:900;
  color:black;
  text-align:right;
  text-indent:1em;
  margin-top:1em;
  margin-bottom:0.2em;
  padding:2px;
}

INPUT
{
    text-align:inherit;
    font-size:0.8em;
    background-color: #DDDDEE;
    vertical-align:baseline;
    font-weight:500;
    border : 2px ridge blue;
}

INPUT.coche
{
  border:none;
  background-color:transparent;
  vertical-align:middle;
}

SELECT
{
    text-align:right;
    font-size:0.8em;
    background-color: #DDDDEE;
    vertical-align:middle;
    font-weight:500;
    border-color:black;
    border-style:inset;
    border-width:1px;
    width:160px;
}

TEXTAREA
{
  font-size:0.8em;
  text-align:right;
  background-color:#DDDDEE;
  border-color:green;
  font-family:arial, sans-serif;
}

IMG
{
  border:none;
  vertical-align:bottom;
}

P
{
    text-indent:0;
    padding-left:15px;
}



/* contenu a proprement dis */
div.tout
{

  padding-bottom:50px;
  padding-top:10px;
  padding-right:160px;
  padding-left:5px;
  margin:5px;
  text-align:center;
  width:auto;
}

/* liens */
a:link
{
  padding:1px;
  color : black;
  border:none;
  text-decoration:none;

}
a:visited
{
  padding:1px;
  color : #606060;
  text-decoration:none;

}
a:hover
{
  color : Black;
  background-color: #DDEEEE;
  padding:1px;
  border: none;

}

/* formualires */
.formulaire
{
  text-align:right;
}

/* Styles pour la liste des patronymes et des personnes */
DIV.colonne {
    float : left;
    text-align : center;
    width : 49.5%;
    margin-left : auto;
    margin-right : auto;
    background-color:transparent;
}

div.conteneur_colonnes
{
  margin-left:auto;
  margin-right:auto;
  width:75%;
  border:2px blue ridge;
  padding:5px;
  background-color:#AAC9E7;
}

div.lettre
{
  font-size:small;
  text-align:center;
  border-bottom:3px dashed darkblue;
}

DIV.page_prenom
{
    text-align:center;
    border: 2px ridge blue;
    padding:10px;
    margin-top:20px;
    margin-left:3%;
    margin-right:3%;
    margin-bottom:10px;
    background-color:#EFEFEF;
    width:auto;
}

DIV.liste_prenoms
{
    margin-left:10%;
    margin-right:10%;
    margin-top:20px;
    background-color:#EFEFEF;
    border: 2px ridge blue;
    padding-left:10%;
    width:auto;
    text-align:right;
}

/* copyright tout en bas */
DIV#copyright
{
  clear:both;
  margin-top:20px;
  font-size:0.7em;
  padding:5px;
  text-align:center;
  line-height:110%;
  margin-left:auto;
  margin-right:auto;
  width:350px;
  background-color:#EFEFEF;
  border:2px ridge blue;
}

/* messages, erreurs et alertes lors d'ajouts, modifications, suppression, connexion */
DIV#message
{
    padding:5px;
    font-size:1em;
    line-height:100%;
    color: black;
    font-weight:bold;
    border: 2px maroon groove;
    position:absolute;
    top:2px;
    right:2px;
    z-index:5;
    background-color:#EFEFEF;
    text-align:right;
}

/* style pour l'affichage de la fiche de la personne */

DIV.etat_civil
{
  padding-top:0.5em;
  padding-bottom:1em;
}

/* styles pour les évènements */

DIV.evenements
{
    text-align:right;
    padding:0.5em;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:3%;
    margin-right:3%;
    
    border:dashed 1px blue;
}

/* style pour l'affichage de la famille */
DIV.famille
{
    text-align:right;
    border:2px groove blue;
    background-color:#AAC9E7;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    width:80%;
}

/* style pour l'affichage de la liste des enfants */
DIV.enfants
{
    text-align:right;
    padding-left:1em;
    margin-top:1em;
    margin-bottom:1em;
    
}

DIV#accueil, DIV.page
{
    text-align:right;
    border: 2px ridge gray;
    padding:10px;
    margin-top:20px;
    margin-left:3%;
    margin-right:3%;
    margin-bottom:10px;
    width:auto;
}

/* les parents */
DIV.parents, DIV.oncles, DIV.cousins, DIV.freres
{
    text-align:right;
    padding:0.5em;
    margin-top:1em;
    margin-bottom:1em;
    
}

/* */


DIV.cadre
{
    text-align:right;
    border: 2px ridge blue;
    padding:10px;
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#EFEFEF;
}

/* */
DIV.notes, DIV.sources, DIV.multimedias
{
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding:0.5em;
  border:silver dashed 1px;
}

DIV.a_note, DIV.a_source, DIV.a_multimedia
{
    text-align:right;
    border:1px dotted black;
    padding:0.5em;
    margin-top:0;
    margin-bottom:0.1em;
    margin-left:3%;
    margin-right:3%;
    text-indent : 15px;
    font-size : small;
    background-color:#AAC9E7;
}


/* les relations */
DIV.assos
{
    text-align:right;
    padding:0.5em;
    margin-top:1em;
    margin-bottom:1em;
    
}

DIV.a_asso
{
    padding:0.5em;
    margin-top:0;
    margin-bottom:0.1em;
    margin-left:1%;
}


/* affichage de la date entre-parenthèse*/
SPAN.petit
{
    direction:rtl;
    unicode-bidi:embed;
    font-size: small;
    font-family: Arial, sans-serif;
    font-style : italic;
}
/* force l'affichage de la date dans le bon sens pour l'hébreu ou autre */
span.date
{
  direction:rtl;
  unicode-bidi:embed;
}

EM
{
    color:#00008b;
    text-indent : 0px;
    font-weight:bold;
}

/* affichage de l'arbre ascendant */
DIV.arbre
{
    text-align:center;
    border: 2px ridge gray;
    padding:4px;
    margin-top:20px;
    margin-left:0;
    margin-right:0;
    margin-bottom:10px;
    background-color:#EFEFEF;
    width:auto;
}

TABLE.arbre IMG
{
  border:none;
  padding:0;
  margin:0;
}

TABLE.arbre
{
  table-layout:fixed;
  border:none;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
  border-collapse: collapse;
}

TABLE.arbre TD
{
  padding-left:2px;
  padding-right:2px;
  padding-top:0px;
  padding-bottom:0px;
  margin:0px;
  line-height:110%;
}
TABLE.arbre TD A,TABLE.arbre TD A:hover,TABLE.arbre TD A:link, TABLE.arbre TD A:visited
{
  color:black;
  background-color:transparent;
  border:none;
}

TABLE.arbre TR
{
  padding:0px;
  margin:0px;
}

.cellule_M
{
  border:solid 1px black;
  font-family:arial, sans-serif;
  font-size:8pt;
  padding:2px;
  background-color:#cee7ff;
}
.cellule_F
{
  border:solid 1px black;
  font-family:arial, sans-serif;
  font-size:8pt;
  padding:2px;
  background-color:#ffcee7;
}
.cellule_I
{
  border:solid 1px black;
  font-family:arial, sans-serif;
  font-size:8pt;
  padding:2px;
  background-color:#ffffb9;
}
/* fin affichage arbre */

DIV.spacer
{
  clear:both;
}

/* affichage des permission sur la page d'admin concernée */
TABLE#permission
{
  text-align:center;
  border-collapse:collapse;
  padding:0;
}

TABLE#permission TD
{
  border-width: 1px;
  border-color: black ;
  border-style: solid;
  padding:4px;
}

TABLE#permission TR
{
  margin:0;
  padding:50px;
}

TABLE#permission THEAD
{
  font-weight:bold;
}

/* affichage pour la page famille proche */
div.bloc_gauche
{
  position:relative;
  float:left;
  width:40%;
  border:none;
  text-align:center;
}

div.bloc_droit
{
  position:relative;
  float:right;
  width:40%;
  border:none;
  text-align:center;
}

div.ar_gp_1
{
  width:45%;
  position:relative;
  border:solid black 1px;
  float:left;
  margin:1%;
  background-color:#cee7ff;
}

div.ar_gp_2
{
  width:45%;
  position:relative;
  border:solid black 1px;
  float:right;
  margin:1%;
  background-color:#cee7ff;
}

a.fleche_gp_1
{
  width:100%;
  border:none;
  position:relative;
  margin:1%;
}

div.gp_1
{
  width:98%;
  border:solid black 1px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  background-color:#cee7ff;
}

div.fiche_centrale
{
  width:60%;
  border:solid black 1px;
  clear:both;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:2%;
  background-color:#cee7ff;
  text-align:right;
}

TABLE.famille_proche
{
  font-size:small;
  border-collapse:separate;
  border:none;
  margin:0px;
  padding:0;
  width:auto;
  border-spacing:15px;
}

TABLE.famille_proche TD
{
  padding:10px;
  text-align:center;
  margin:15px;
}

DIV.famille_proche
{
  position:relative;
  clear:both;
  padding:5px;
  border:2px solid black;
  text-align:center;
  margin-top:20px;
  margin-left:3%;
  margin-right:3%;
  margin-bottom:10px;
  background-color:#EFEFEF;
  width:auto;
}

TABLE.taggedcom {
    border: 2px ridge gray;
    padding:0px;
    margin-top:0px;
    margin-left:3%;
    margin-right:3%;
    background-color:#bfdfc5;
    width:auto;
    font-size:smaller;
    border-collapse: collapse;
}
TABLE.taggedcom TR{
  padding:0;
  margin:0;
  background :#AAC9E7;
  text-align: center;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}

TABLE.taggedcom TD{
  padding:3px;
  margin:0;
  width:auto;
  border: 2px ridge gray;
  border-color:green;
  border-collapse: collapse;
  margin-bottom:0;
}
/* fin famille proche */


/* style pous le menu */

li.ssmenu, li.ssmenu a
{
  display:block;
  font-size:0.9em;
  margin:0;
  padding:1px;
	border:0;
  z-index:5;
  background-color:#AAC9E7;  
  width:auto;
}


ul.menu {
  position:absolute;
  float:left;
  margin:5px;
  right:0;
  top:125px;
  background-color:#EDECEC;
  list-style-type:none;
  padding:2px;
  border:2px ridge blue;
  width:150px;
}

ul.ssmenu {
  margin:0px;
  padding:0px;
  border-top:2px dashed black;
  width:auto;
  list-style-type:none;
  background-color:transparent;
}

li.menu {
  font-size:0.9em;
  display:block;
  background-color:#AAC9E7;
  list-style-type:none;
  margin:2px;
  margin-bottom:5px;
  padding:2px;
  text-align:right;
  width:auto;
}

/* hovers with specificity */
li.ssmenu:hover, li.ssmenu:hover a
{
  background-color: #DDEEEE;
}
	
li.menu:hover 
{ 
	z-index:5; 
}		
		
ul.menu ul.ssmenu
{
	display:block;
}

li.menu:hover ul.ssmenu
{
	display:block;
}		

/* bande en bois en haut*/
div.bois
{
  display:none;
}

/* liste de descendance */
ul.descendance
{
  border-left:1px solid black;
  padding-left:22px;
  list-style-type:none;
  margin:0;
  
}

li.descendance
{
  list-style-image:url(images/trait-hor.png);
  padding-left:0px;
  margin:0
  
}

/* menu admin pour l'edition des fiches, familles, notes ... */
DIV.menu_interne
{
  border:none;
  margin:0;
  padding-bottom:0.1em;
  padding-top:0.1em;
  background:none;
  text-align:center;
}

a.admin:link
{
  margin-bottom:1px;
  color:red;
  background-color:#FFC6C3;
  padding:1px;
  border:black 1px solid;
  font-size:x-small;
  vertical-align:middle;
}
a.admin:visited
{
  margin-bottom:0;
  color:red;
  background-color:#FFC6C3;
  padding:1px;
  border:black 1px solid;
    font-size:x-small;
  vertical-align:middle;
}
a.admin:hover
{
  margin-bottom:0;
  color:red;
  background-color:#d2eacc;
  padding:1px;
  border:black 1px solid;
    font-size:x-small;
  vertical-align:middle;
}
/* fin menu interne */