.casePersonneInfo2    { font-size: 11px; text-align: center; margin: 0; padding: 0 0 0 0 }

.photoVideFond, .contourPhoto2 { /*commun. oct2011. Arrondi photos pour partie superieure*/
-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }

.photoVideFond  /* normalement width = 96 mais trop large je trouve => 86px */   { font-size: 12px; background-repeat: no-repeat; background-position: center bottom; text-align: center; border-style: solid; border-width: 0 0 1px 0; border-color: #75788A;
/*oct2011:*/ border-width:0; background-color: #ded5e0; }
.photoPasVideFond { /*oct2011: pour mettre bordure au meme niveau (sur td) que si pas de photo. Sinon pb entre FF et Safari (compte ou pas la bordure dans hauteur de l'element) */
border-style: solid; border-width: 0 0 1px 0; border-color: #75788A; border-width:0;
}

.contourPhoto2  { margin-right: 1px; margin-left: 2px; /*oct2011:*/ /*border: solid 1px black;*/ margin-right: 2px;  }

.zonePersonne   { margin-right: 0; margin-bottom: 2px; padding: 1px 0 0 0; float: left; border-top: 2px solid #0095dc; border-bottom: 2px solid #0095dc;
/*oct2011:*/ /*padding-left:7px; padding-right:7px;*/ margin-left:2px; margin-right:2px; XXXbackground-color: #CCC; }
.zonePersonne_IE { margin-top: 1px; margin-right: 0; margin-bottom: 2px; padding: 0 0 0; float: left; border-top: 2px solid #0095dc; border-bottom: 2px solid #0095dc; }
.zonePersonneSansGroupe { /* en + de zonePersonne */
  border: 1px solid transparent;  OFF_border-bottom: 0 solid #0095dc; /*oct2011:*/
  padding-left:10px; padding-right:10px; /*pour espace horizontale (idem casePersonneSurvol2)*/
  padding-top:8px; padding-bottom:4px; /*pour espacer verticalement (idem casePersonneSurvol2 +1)*/
  /*margin-top: 3px;*/ margin-top: 1px;  margin-bottom: 2px; /*margin-left: 1px; padding-top: 0; padding-bottom: 2px; padding-left: 1px;*/ float: left;
  margin-left:3px; /*petite marge toujours au-dessus pour que, si fond avec couleur, ca ne s'arrete pas au ras de la photo.*/
}
.zonePersonneSansGroupe_IE { margin-top: 3px; margin-bottom: 4px; margin-left: 2px; padding-top: 0; padding-bottom: 0; padding-left: 0; float: left; border-top: 0 solid #0095dc; border-bottom: 0 solid #0095dc }

/*mis après zonePersonne et zonePersonneSansGroupe suite à modif code JS : function changerCasePersSurvol - 06/10/2025 */
.casePersonneSurvol2 { cursor: pointer;
  OFF_margin: 0 -2px 2px 1px; OFF_padding: 2px 1px 1px 0; OFF_float: left;
  border-color: #0095dc;  border-radius:3px;
  OFF_margin: 0 -1px 2px 1px; OFF_padding: 2px 0px 1px 0;
  background-color: #E6F1F8;/*#f0f7f9;*/ /*oct2011:*/ /*padding-left:6px; padding-right:7px;*/
  OFF_padding-left:5px; OFF_padding-right:5px; /*pour espace horizontale (idem zonePersonneSansGroupe)*/
  OFF_margin-left:2px; OFF_margin-right:1px; XXXbackground-color: #EEE;
  OFF_padding-bottom:9px; /*pour espacer verticalement (idem zonePersonneSansGroupe -1)*/ }
.casePersonneSurvol2_IE { background-color: #f0f7f9; cursor: pointer; OFF_margin: 2px -1px 3px 1px; OFF_padding: 0 0 0 0; OFF_float: left; border: solid 1px #0095dc; }


.iconeEtatConnaissance  { margin: -1px 0 -2px }
.iconeConnaitre2 /*  icone du visage de connaissance */   { visibility: visible; margin: 1px 0 0 12px; padding: 0 1px 1px 0; position: absolute }
.iconeConnaitre2X /* icoen permettant de supprimer une connaissance (le btn X ) */  { visibility: visible; margin: 1px 0 0 -7px; padding: 0 1px 1px 0; position: absolute }
.iconeConnaitre3 { visibility: visible; margin: 1px 0 0 12px; padding: 0 1px 10px 0; position: absolute }
.bougie  { margin: -1px 0 -2px;
    width: 14px;
    height: auto;
    border-radius: 10px;
}

.texteSousPhotoAccueil { /*oct2011. Prenom,... sous la photo de SA page d'accueil*/
font-size: 12px; text-align: center; white-space: nowrap; }


#photoFantome { /*la photo intermediaire qui est utilise pour simuler le deplacement d'une personne lors de l'ajout a ses connaissances (oct2011: changement de CSS qui etait "contourPhotoFantome" et dans chaque page concernee)*/
	background-color: #f0f7f9; padding: 1px; border: solid 1px #0095dc; position: absolute; z-index: 999; /*placer a 1 couche superieure a celle du menu*/
}
