.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;
}

.casePersonneSurvol2 { background-color: #f0f7f9; cursor: pointer; margin: 0 -2px 2px 1px; padding: 2px 1px 1px 0; float: left; border: solid 1px #0095dc;
 /*oct2011:*/ border-radius:3px; margin: 0 -1px 2px 1px; padding: 2px 0px 1px 0; background-color: #f0f7f9; /*oct2011:*/ /*padding-left:6px; padding-right:7px;*/ padding-left:5px; padding-right:5px; /*pour espace horizontale (idem zonePersonneSansGroupe)*/ margin-left:2px; margin-right:1px; XXXbackground-color: #EEE; /**/ padding-bottom:9px; /*pour espacer verticalement (idem zonePersonneSansGroupe -1)*/ }
.casePersonneSurvol2_IE { background-color: #f0f7f9; cursor: pointer; margin: 2px -1px 3px 1px; padding: 0 0 0 0; float: left; border: solid 1px #0095dc; }

.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   */      { margin-top: 3px; margin-bottom: 2px; margin-left: 1px; padding-top: 0; padding-bottom: 2px; padding-left: 1px; float: left; border-top: 0 solid #0095dc; border-bottom: 0 solid #0095dc; /*oct2011:*/ /*padding-left:8px; margin-left:8px;*/ padding-left:5px; padding-right:5px; /*pour espace horizontale (idem casePersonneSurvol2)*/ margin-left:3px; /*petite marge toujorus au-dessus pour que, si fond avec couleur, ca ne s'arrete pas au ras de la photo.*/ margin-top: 1px; padding-top:2px; /**/ padding-bottom:10px; /*pour espacer verticalement (idem casePersonneSurvol2 +1)*/ }
.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 }

.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 }

.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*/
}