/************************************************
*
*				CLUB JULES FERRY
*							diapo.css
************************************************/

/************************************************
		La photo
************************************************/
img{
	display: block;
	margin: 0px auto;
	max-width : 75%;
	height : auto;
}
.container {

}
	
/************************************************
    Les infobulles
************************************************/
.infobulle {
	position: relative;  			/* les .infobulle deviennent référents */
	cursor: help;
}

/* on génère un élément :after lors du survol et du focus */

.infobulle:hover::after,
.infobulle:focus::after {
	content: attr(aria-label);  /* on affiche aria-label */
	position: absolute;
	top: - 15px;
	transform: translateX(-50%); /* on centre horizontalement  */
	z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
	white-space: nowrap;  /* on interdit le retour à la ligne */
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 1px solid #6B8E23; /* Vert kaki */
	border-radius: 15px;
}