.item, .item:active, .item:hover, .tblItem, .tblItem:active {color: #00FF00; text-decoration: none}
.tblItem:hover {color: #FF0000; text-decoration: underline}
a.contentRef       {color: #004080; FONT-size: 11px; text-decoration: underline; }
a.contentRef:hover {color: blue; FONT-size: 11px; text-decoration:  none;}

a.forumTheme, a.forumTheme:visited, a.forumTheme:active {color: #408080; FONT-size: 12px; FONT-WEIGHT: normal; }
a.forumTheme:hover {color: #1BC23C; FONT-size: 12px; FONT-WEIGHT: normal; }

td.rechercheQq, a.rechercheQq, a.rechercheQq:visited, a.rechercheQq:active {color: #808080; FONT-size: 12px; FONT-WEIGHT: bold; }
a.rechercheQq:hover {color: blue; FONT-size: 12px; text-decoration: none; FONT-WEIGHT: bold; }

a.accueilLink, a.accueilLink:visited, a.accueilLink:active { text-decoration:underline; font-weight: normal;}
#a.accueilLink:hover {color: #FFFF80; FONT-size: 12px; text-decoration: overline; }
#accueil_div {font-weight:normal; FONT-STYLE: normal; }
#accueil_div li {font-weight:bold; color:#004080; FONT-STYLE: normal; }

Table.header {background:url(images/logoLubmarine.jpg) no-repeat}
.loginInfo  {  font-family: Verdana, arial, Helvetica, sans-serif; font-size: 11px; color: black; FONT-WEIGHT: normal; text-align : justify}
.loginshort  {  font-family: Verdana, arial, Helvetica, sans-serif; font-size: 9px; color: white; FONT-STYLE: italic; FONT-WEIGHT: none; text-align : justify}
.accueil{  
	font-family: Verdana, arial, Helvetica, sans-serif; 
	font-size: 11px; 
	FONT-STYLE: none; 
	FONT-WEIGHT: none; 
	background-color:#939393; 
	color: #ffffff; 
	text-align : justify;
}
.accueilCadre {  padding: 15px 15px 15px 15px;}
.accueilTitre {  font-family: Comic Sans MS, Verdana, arial, Helvetica, sans-serif; color:#004080 ; font-size:17px ;  }
.concepteurTitre{font-family: Comic Sans MS, Verdana, arial, Helvetica, sans-serif; color:#004080 ; font-size:15px ;  width:300px; height:340px; border:1px blue dotted; text-align:center; color:blue; background:white;}
.accueilDroite{  font-family: Comic Sans MS, Verdana, arial, Helvetica, sans-serif; color:#004080 ; font-size:30px ; FONT-STYLE: italic; text-decoration:  none}


.structure,.structure:visited  {  font-family: Verdana, arial, Helvetica, sans-serif; background-color:#F1F5F8; color:#5353FF; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : justify;}
.structure:hover  {  color:black;}
.titlebord    {  width:30px; background-color:#F1F5F8; }
.fam    {  font-family: Verdana, arial, Helvetica, sans-serif; background-color:#F1F5F8; font-size: 11px; color: black; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : justify; }
.fam1   {  font-family: Verdana, Arial, Helvetica, sans-serif; background-color:white  ; font-size: 11px; color: black; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : justify;}
.lstat1 {  font-family: Verdana, arial,sans-serif; background-color:#F1F5F8; font-size: 11px; color: black; FONT-STYLE: none;   FONT-WEIGHT: bold; text-align : justify;}
.lstat2 {  font-family: Verdana, arial,sans-serif; background-color:white;   font-size: 11px; color: black; FONT-STYLE: none;   FONT-WEIGHT: bold; text-align : justify;}
.lcont1 {  font-family: Verdana, arial,sans-serif; background-color:#F1F5F8; font-size: 11px; color: black; FONT-STYLE: italic; FONT-WEIGHT: bold; text-align : justify; padding-left:15px; list-style-type: circle;}
.lcont2 {  font-family: Verdana, arial,sans-serif; background-color:#C0C0C0; font-size: 11px; color: black; FONT-STYLE: italic; FONT-WEIGHT: bold; text-align : justify; height:25;}
.titreAstro{  background-color:#808080; color: white; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : center;}

.todotitle  {  font-family: arial,sans-serif; font-size: 11px; color: white; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#C0C0C0; text-align : center}
.todocontent{  font-family: arial,sans-serif; font-size: 11px; color: black; FONT-STYLE: none; FONT-WEIGHT: none; text-align : center}
a.todolink,  a.todolink:visited{color: #0080FF;}
a.todolink:active, a.todolink:hover {color: #FFFF00;}
.inputDisabled  {  background-color:#C0C0C0;  FONT-WEIGHT: bold;}
.ephetitle  {  font-family: arial,sans-serif; font-size: 11px; color: white; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#C0C0C0; text-align : right}
.ephecontent{  font-family: arial,sans-serif; font-size: 11px; color: black; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : left}

.newstitle  {  font-family: arial,sans-serif; font-size: 11px; color: white; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#C0C0C0; text-align : center;}
.newsdate   {  font-family: arial,sans-serif; font-size: 10px; color: black; FONT-STYLE: italic; FONT-WEIGHT: none; text-align : center;background-color:#F1F5F8; }
.newscontent{  font-family: arial,sans-serif; font-size: 11px; color: black; FONT-STYLE: none; FONT-WEIGHT: none; text-align : center;background-color:#F1F5F8; }
.ex  {  font-family: arial,sans-serif; color: #808080; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#F1F5F8; text-align : center;}
.exn {  font-family: arial,sans-serif; color: darkolivegreen; font-size: 16px; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#F1F5F8; text-align : left; padding:0 0 0 10px;}
.exg {  font-family: arial,sans-serif; color: #808080; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: none; background-color:#F1F5F8; text-align : left; padding:0 0 0 10px;}
.exc {  font-family: arial,sans-serif; color: #808080; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: none; background-color:#F1F5F8; text-align : center;}
.errMsg       {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: red; background-color:#F1F5F8; FONT-WEIGHT: bold; text-align:center;}
.infoMsg       {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: blue; background-color:#F1F5F8; FONT-WEIGHT: bold; text-align:center;}
.errMsgFondNul{  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: red; FONT-WEIGHT: bold;}
.message {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; FONT-WEIGHT: normal;}
.session {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: blue; FONT-STYLE: italic; FONT-WEIGHT: bold; vertical-align:text-top;}
.bd_chg  {  font-family: arial,sans-serif; color: #808080; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#F1F5F8; text-align : right; border:solid black; border-width:1px 0 1px 1px ;}
.bd_cbd  {  font-family: arial,sans-serif; color: #808080; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: bold; background-color:#F1F5F8; text-align : left; border:solid black; border-width:1px 1px 1px 0 ;}

## connexion/déconnexion
a.connect, .connect:active, .connect:visited {  font-family: Comic Sans MS,Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : center}
a.connect:hover{  font-size: 12px; ; text-decoration: underline overline;}


a.personne, .personne:active, .personne:visited , .personne:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; FONT-STYLE: none; FONT-WEIGHT: bold; text-align: center;}
a.personne:hover{  color: #004000;}
.arbreHom, .arbre:active, .arbreHom:visited {  font-family: Arial, Helvetica, sans-serif; color: #0000FF; text-decoration: none; FONT-STYLE: none; FONT-WEIGHT: normal; text-align : center}
.arbreHom:hover{  color: #0080FF;}
.arbreFem, .arbre:active, .arbreFem:visited {  font-family: Arial, Helvetica, sans-serif; color: #FF0080; text-decoration: none; FONT-STYLE: none; FONT-WEIGHT: normal; text-align : center}
.arbreFem:hover{  color: #0080FF;}
/* .arbreCjt, .arbreCjt:active, .arbreCjt:visited, .arbreCjt:hover{  FONT-STYLE: italic; } */
#fiche {border:3px lightgray solid; width:100px; overflow:hidden; font-size:10pt; background:#F1F5F8; text-align:center; position:float; border-radius: 10px;}
#ficheH{border:lightgray solid; border-width: 0 0 0 10px; width:150px; overflow:hidden; font-size:10pt; background:#F1F5F8; text-align:center; position:float;}
#bloc_centre {width:140px; overflow:hidden; font-size:10pt; text-align:center; align:center;}
#bloc_parent {width:200px; height:100px; overflow:hidden; font-size:12pt; text-align:center; vertical-align:center;}


.titreCol {    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #804040; FONT-STYLE: italic; FONT-WEIGHT: none; text-align : center;}
.choixArbre {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #804040; FONT-STYLE: italic; text-align : left;}
.titreColStat {  
  font-family: Helvetica, Verdana, sans-serif, Arial ; 
  font-size: 12px; 
  color: white; 
  background-color:#333399; 
  FONT-STYLE: none; 
  FONT-WEIGHT: bold; 
  text-align : center; 
}
.titreColCont {  
  font-family: Helvetica, Verdana, sans-serif, Arial ; 
  font-size: 12px; 
  color: white; 
  background-color:#0080FF; 
  FONT-STYLE: italic; 
  FONT-WEIGHT: bold; 
  text-align : left; 
}
.titre {  font-family: Verdana, sans-serif, Helvetica, Arial ; 
          font-size: 14px; 
          color: white; 
          FONT-STYLE: italic; 
          FONT-WEIGHT: bold; 
          xbackground-color: #333399;
          background-color: #73A05C;
          text-align : center; 
          border: solid #c00; 
          border-width: 0 0 1px 0;
          height:30px ;
          }
.titreDemo {  font-family: Verdana, sans-serif, Helvetica, Arial ; 
          font-size: 14px; 
          FONT-STYLE: italic; 
          FONT-WEIGHT: bold; 
          color: #73A05C;
          text-align : center; 
          height:30px ;
          }
.menuHaut, .menuHaut:active, .menuHaut:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: blue; FONT-STYLE: italic; FONT-WEIGHT: bold;}
.menuHaut:hover {  color: brown; }
.list_personnes_over {color:white; background-color:#C0C0C0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : justify}
.alphabet, .alphabet:active, .alphabet:visited {  font-family: sans-serif; font-size: 14px; color: blue; FONT-WEIGHT: bold;}
.alphabet:hover {  color: red; }
.item, .item:active, .item:hover, {color: #333399; text-decoration: none;}

.cadre        {border: solid white  ; padding:  5px  5px  5px  5px; border-width: 1 1 1 1 ;  margin: 3;  }
.cadre1{padding: 10px 0px 15px 0px; }
.cadregweb    {border: solid #808080; padding: 1px; border-width: 1 1 1 1; }
.cadreRouge   {border: solid red    ; padding: 10px 10px 15px 10px; border-width: 1 1 1 1; }
.cadreBlanc   {border: solid white  ; padding: 10px 10px 15px 10px; border-width: 1 1 1 1; }
.cadreBleu    {border: solid blue   ; padding: 10px 10px 15px 10px; border-width: 1 1 1 1; }
.cadrePhoto   {border: solid white  ; padding:  0px  0px  0px  0px; border-width: 1 1 1 1; }
.cadreArbre   {border: solid #804040; padding:  3px  3px  3px  3px; border-width: 0 0 1 1; }
.cadreArbreH  {border: solid #804040; padding:  3px  3px  3px  3px; border-width: 1 0 1 1; border-radius: 30px; border-style: dotted none dotted dashed; }
.cadreArbreC_A{border: solid #804040; padding:  3px  3px  3px  3px; border-width: 1 1 1 1; border-radius: 30px;}	/* ascendants */
.cadreArbreC_D{border: solid #8080FF; padding:  3px  3px  3px  3px; border-width: 1 1 1 1; border-radius: 30px; }	/* descendants */
.cadreArbreC_T{border: solid #8080FF; padding:  3px  3px  3px  3px; border-width: 1 1 0 1; font-size: 11px; color:red;}	/* titres */
.cadreArbreC_C{border: solid red    ; padding:  3px  3px  3px  3px; border-width: 1 0 1 1; font-size: 11px; color:#8080FF; }	/* collateraux */
.cadreArbreC_Genre{color:white; background-color:#808080; a.color=white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; FONT-STYLE: none; FONT-WEIGHT: bold; text-align : justify}	/* type de lien */
.cadreNoir{border: solid black; padding: 10px 10px 15px 4px; border-width: 1px; }
.cadreNoirFin{border: solid black; border-width: 1px; }
td.diagh(background-image: url('image/pictos/diagh.gif'); width:30px; height:23px; )
td.diagb(background-image: url('image/pictos/diagb.gif'); width:30px; height:100px;)

#login_haut a{  font-size:10px; color:white;}
#login_haut input{  width:60px; font-size:11px;}
#login_haut bouton{   width:20px;}
input.active    {  background-color: #F4EB77;}
input.desactive {  background-color: white;}

input.bouton {
     background-color: blue;
     color: #FFFFFF;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 11px;
     font-weight : none;
     font-style : italic;
     border-width: 2px;
     border-style: dashed;
     border-color: #F1F5F8;

}
input.boutonContenu {
     background-color: #FFFFFF;
     color: green;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
     border-width: 2px;
     height: 30px;
     width: 150px;
     border-color: #F1F5F8;

}
select.parent {
     background-color: #F1F5F8;
     color: #0000FF;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : 100;
     width:150;
}
select.enfant {
     background-color: #F1F5F8;
     color: green;
     font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size : 12px;
     font-weight : bold;
     width:150;
}

.bodybas{  font-family: Arial, Helvetica, sans-serif; font-size : 11px; color: blue;
					FONT-WEIGHT: bold; text-align : left; FONT-STYLE: italic; 
          scrollbar-face-color: #385AE0;
          scrollbar-shadow-color: #C0C0C0;
          scrollbar-highlight-color: #FFE683;
          scrollbar-3dlight-color: #FFF0B7;
          scrollbar-darkshadow-color: #5E4B00;
          scrollbar-track-color: #C0C0C0;
          scrollbar-arrow-color: #C0C0C0) ;
         }
body {    font-family: Verdana, Arial, Helvetica, sans-serif; 
          color: #000000;
          scrollbar-face-color: #385AE0;
          scrollbar-shadow-color: #C0C0C0;
          scrollbar-highlight-color: #FFE683;
          scrollbar-3dlight-color: #FFF0B7;
          scrollbar-darkshadow-color: #5E4B00;
          scrollbar-track-color: #C0C0C0;
          scrollbar-arrow-color: #C0C0C0;
          background-color:#F1F5F8;
          xbackground:url(image/fonds/fond_gw_5.JPG);
					background-position:0px -85px; 
					xbackground-position: 0%;
					background-attachment: fixed;
         }
fond {background-color:#F1F5F8;}

.inputButton {
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:9pt;
	color:#fff;
	border: 1px solid #D9DFEA;
	padding:2px 12px 3px 12px;
	text-align:center;
	background-color:#73A05C;
	position:relative;
	vertical-align:baseline;
	cursor: pointer;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

.inputButton:hover{
	border-color: #61864F;
}
.inputButton:disabled {
color:grey;
}

a.menu_liste, a.menu_liste.visited, a.menu_liste.active {color:black; font:bold verdana,sans-serif; FONT-WEIGHT: bold; text-decoration: none;}
a.menu_liste:hover {color:red; background-color:white;}

a.img         { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-align : justify;}
a.img:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-align : justify;}
a.img:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-align : justify;}

a, div#web a.rt {color: #00f; text-decoration: underline;}

/*
## A { cue-before: uri(bell.aiff); cue-after: uri(dong.wav)}
## a:Active, a:Active {color: #f00;}
## a:Visited, a:Visited {color: #639;}
## a:Hover, a:Hover {color: #639;}
*/
.shadowbox {
  width: 40em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
  FONT-WEIGHT: normal;
  color: black;
  text-align: left;
}