@import "footix2.css";
@import "print_raisons.css";
body
{
	background:#F2F2F2;
	width:100%;
	margin:0;
}

.brut 
{
	width:100%;
	text-align:center; /* Pour centrer tous les blocs convertis "inline" */
	margin:0 auto;
	height:auto;
	border:0px solid red;
}

#col1
{
	display: inline-block;
	vertical-align: top;
	width:660px;
	border :0px solid red;
	margin-right:10px;
	overflow: hidden;
}

#col2
{
	vertical-align: top;
	display: inline-block;
	width:330px;
	border :0px solid red;
	margin-left:10px;
	overflow: hidden;
}

#sous_col2.fixed
{
	position: fixed;
	top: 0;
	width:inherit; /* Permet de transmettre la taille du conteneur */
	z-index: 1000;
}

li
{
	margin-left: 10px; /* Décale tout l'élément vers la droite */
}

#line0bis, #line0, #line1, #line2
{
	width:100%;
	margin:0 auto;
	border: 0px solid black;
	margin-bottom:5px;
}

/* Bloc Photo */
#bloc01
{
	width:100%;
	border: 0px solid white;
	overflow: hidden;
	margin:0px 0 10px 0;
	max-height:1000px; /* on limite la hauteur du conteneur */
}

/* La photo */
#panoramique
{
	/*box-shadow:4px 4px 9px #636469; */
	margin:auto;
	border-radius:5px;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	width:100%;
	max-width: 100%; /* Tjs 100% du conteneur */
	height: auto; /* Pour conserver les proportions */
}

/* paramètres */
#bloc02
{
	background:white;
	width:95%;
	height:auto;
	border-radius:5px;
	padding:15px;
	border: 0px dotted red ;
	overflow: hidden;
	text-align:left;
	vertical-align: top;
	margin-bottom:10px;
}


/* La description */
#bloc1
{
	background:white;
	border-radius:5px;
	width:95%;
	height:auto;
	padding: 15px 15px;
	vertical-align: middle;
	text-align: left;
	color: #242424;
	margin-bottom:10px;

}

/* Echéance, panier */
#bloc12
{
	background:white;
	border-radius:5px;
	width:95%;
	height:auto;
	padding:20px 10px;
	margin-bottom:10px;
	vertical-align: top;
	text-align: left;
	border: 0px dotted red;
}

.comment
{
	background:white;
	border-radius:5px;
	margin:10px 0 0 0;
	width:95%;
	padding:15px 15px;
}

#comment_desktop
{
	display:block;
}

#comment_mobile
{
	display:none;
}

/* .fb_iframe_widget_fluid span, iframe.fb_ltr { width: 100% !important; } */

/* Montant */
.bloc_montant
{
	background:white;
	width:95%;
	height:auto;
	padding:18px 10px;
	border: 0px dotted red;
	border-radius:5px;
	margin-bottom:10px;
}

.bloc_montant button
{
	font-size:1.1em;
	margin:15px 0 15px 0px;
	padding:20px 20px;
	width:90%;
}

#montant_mobile
{
	display:none;
}

#montant_desktop
{
	display:block;
}

#goodies
{
	margin: 10px auto;
}

#nombre,#remaining
{
	display: inline-block;
	vertical-align: middle;
	padding:12px;
	font-size:14px;
}

/* Les invités */
.bloc3
{
	/* background:linear-gradient(#D2EEF9,#268AB0); */
	background: #f1ebe3;
	width:95%;
	padding:15px;
	border-radius:5px;
	vertical-align: middle;
	text-align: left;
	margin:0;
	border: 0px dotted red;
	height:auto;
	white-space:normal; /* Permet le retour a la ligne d'une bulle */
}

.item
{
	font-size:0.8em;
	line-height:3.2em;
}

.icone
{
	width:16px;
	margin:0 8px 0 0;
	vertical-align: middle;
	padding-bottom:2px;
}

#icone_pig
{
	width:19px;
	margin:0 5px 0 0;
	vertical-align: middle;
	padding-bottom:2px;
}

#bloc1 a {
	color: #030b6b;
	text-decoration: none;
}

/* Pour les photo horizontales et panoramiques */
#sous_bloc1bis
{
	display:block;
	width: 95%; /*Taille indispensable pour Ellipsis */
	text-overflow: ellipsis;  /* A appliquer directement sur le bloc pour IE */
	margin:0 auto 0 auto; /* Centrer le texte */
}

/* Pendant du FB comment */
.bloc8
{
	width:20%;
	margin-left:0;
	height:220px;
}

#bloc02 div
{
	padding-bottom:4%;
}

#bloc02 a
{
	font-size:0.8em;
	line-height:2.3em;
}

#bloc02 a:hover
{
	color:#FF003A;
}

#bloc13
{
	text-align: center;
	background:white;
	border-radius:5px;
	width:95%;
	height:auto;
	padding:10px 10px;
	margin-bottom:10px;
	vertical-align: top;
	text-align: center;
	border: 0px dotted red;
}

.rzo
{
	display:inline-block;
	vertical-align: middle;
	margin:0 8px;
}

/* Nom de la cagnotte */
.titre_cagnotte
{
	width:95%;
	font-size: 1.7em;
	font-family:'open sans';
	font-weight:400;
	color:black;
	background:white;
	border: 0px solid black;
	margin: 0 auto;
	padding:10px 15px 30px 15px;
	text-transform: uppercase;
	width:95%;
	z-index:200 ;
	word-wrap: break-word;
	text-align: center;
}

.orga
{
	font-size: 1.1em;
	margin-bottom:30px;
	overflow: hidden; /* A applicuer directement sur le texte */
	white-space:nowrap; /* Pas de retour a la ligne */
	text-overflow: ellipsis; /* A applicuer directement sur le texte */
}

#courrier
{
	margin:0 0 0 5px;
	width:15px;
}

#lien
{
	position:relative;
	top:-25px;
	font-size: 0.8em;
	color:white;
}

#copy
{
	width:90%;
	margin:10px 0 20px 0;
	font-size:11px;
	text-align:center;
}

/*Le titre obsolete */
#bloc1 #msg
{
	font-size: 0.9em;
	color:black;
}

#bloc1 #pitch
{
	font-size: 0.85em;
	text-align:justify;
	margin-bottom:1%;
	white-space:normal; /* Retour a la ligne */
	width:96%;
	line-height: normal;
}

#bloc1 p
{
	margin-bottom:0;
}


#bloc02 .puce
{
	width:12px;
	height:12px;
	background:white;
	border-radius:50%;
	margin-right:8px;
	display:inline-block;
	vertical-align:middle;
	padding:0; /* Pour éviter les ovales */
}

/* Excel */
#bloc02 .puce img
{
	width:12px;
	height:12px;
	border-radius:50%;
	margin-right:6px;
	margin-bottom:11px;
	display:inline-block;
	vertical-align:middle;
	padding:0; /* Pour éviter les ovales */
}

#bloc02 div
{
	line-height:1.3em;
}

#msg
{
	font-weight: bold;
	white-space:normal;
}

form
{
	width:80%;
	margin: 0 auto;
}

#montant
{
	font-weight: bold;
	margin-top:10px;
	font-size: 1.7em;
}

#collected
{
	font-size: 1.2em;
}

/* Reste à collecter */
#reste
{
	font-size: 1em;
	font-weight:400;
}

/* Le reliquat en montant */
#reliquat
{
	font-size: 1.2em;
	font-weight:800;
	margin:10px 0 20px 0;
}

/* Le bloc des personnages */
.bloc3 .square, .square_plus
{
	font-size: 0.6em;
	font-family:arial; /* parce que c'est plus serre */
	padding-top: 1px; /* Etrange cette sensibilite */
	display:inline-block;
	vertical-align:top;
	margin:4px 1.5%; /* Ecartement entre 2 cercles */
	width:12em; /*Taille du cadre, si trop  : rogne le cercle */
	/* white-space:nowrap; /* On coupe un nom trop long */
	overflow:hidden;
	text-align:center;
}

/* Le cercle des personnages */
.bloc3 #anonyme, .bloc3 .avatar
{
	width:105px; /*Taille du cercle */
	height:105px;
	border:1px dotted grey;
	border-radius:50%; /* Le cercle */
	background: white;
	padding:5px;
	margin:0 auto 7px auto;
}

/* L'anonyme */
.bloc3 #anonyme img
{
	width:100px;
	margin:9px 5px 0 0;
	image-rendering:optimizeQuality;
 	-ms-interpolation-mode:bicubic;
}

/* -----------------Les avatars---------------- */
.bloc3 .avatar img
{
	image-rendering:optimizeQuality;
 	-ms-interpolation-mode:bicubic;
}

#couple
{
	margin-top:-3px;
	margin-left:-5px;
	width: 80px;
}

#couple2
{
	margin-left:0px;
	width: 115px;
}
 
#working
{
	margin-top:-2px;
	width: 80px;
}

#lectrice
{
	width:99px;
}

#body
{
	width:100px;
}

#dark
{
	width: 110px;
}

#bitch
{
	width:70px;
	margin-top:-10px;
}

#swan
{
	width: 96px;
	margin-top: -4px;
}

#rap
{
	width: 72px;
}

#wonder
{
	width:105px;
	margin-left:8px;
}

#geek
{
	width:112px;
	margin-top:8px;
}

#grunge
{
	width:125px;
	margin-top:-8px;
}

#flic
{
	margin-top:3px;
	width:130px;
}

#clodo
{
	width:100px;
	margin-top:2px;
	margin-left:5px;
}

#clubeuse
{
	width:67px;
	margin-top:-2px;
}

#boxeur
{
	margin-top:-2px;
	margin-right:1px;
	width:93px;
}

#karateka
{
	margin-top:-2px;
	margin-right:0px;
	width:91px;
}

#astro
{
	width: 97px;
	margin-top:5px;
}

#nurse
{
	margin-top:-4px;
	margin-right:3px;
	width:76px;
}


#matrix
{
	width:102px;
	margin-top:5px;
}

#mario
{
	width: 72px;
	margin-top:-1px;
}

#confine
{
	width:110px;
	margin-left:-2px;
	margin-top:3px;
}

#chabal
{
	width:110px;
	margin-top:10px;
}

#confinee
{
	width:80px;
}

#greta
{
	width:80px;
	margin-top:-3px;
}

#jackson
{
	width:62px;
	margin-top:-5px;
}

#cat
{
	width:105px;
	margin-top:-5px;
}

#gay
{
	width:80px;
}

#gouds
{
	margin-top:3px;
	width:90px;
}

#hetero
{
	margin-top:0px;
	width:82px;
}

/* Pour centrer les personnages dans leur bulle */
#hippie
{
	width:78px;
}

#avocate
{
	width: 62px;
	margin-top: 0px;
}

#foot
{
	width: 80px;
	margin-top: -3px;
}

#vendetta
{
	width:107px;
	margin-left:-12px;
	margin-top:3px;
}

#voyage
{
	width:97px;
}

#colblanc
{
	width: 65px;
}

#bagnard
{
	margin-left:0px;
	margin-top:-2px;
	width:105px;
}

#doc
{
	margin-top:0px;
	width:100px;
}


#star
{
	width:110px;
}

#super
{
	margin-left:4px;
	margin-top:12px;
	width:99px;
}

#marathon
{
	margin-left:-8px;
	width:105px;
}

#rambo
{
	margin-left:3px;
	width:92px;
}

#yoga
{
	margin-top: 6px;
	margin-left: 2px;
	width: 85px;
}

#ski
{
	margin-top: 6px;
	margin-left: -10px;
	width: 140px;
}

#gilet
{
	margin-top: 0px;
	margin-left: 0px;
	width: 78px;
}

#surf
{
	margin-top: 0px;
	margin-left: -22px;
	width: 130px;
}

#batman {
	margin-top: -2px;
	margin-left: 10px;
	width: 100px;
}

#cuisto
{
	margin-top: 0px;
	margin-left: 3px;
	width: 90px;
}

#jordan
{
	margin-top: 0px;
	margin-left: 4px;
	width: 82px;
}

#elvis
{
	margin-top: 3px;
	margin-left: 0px;
	width: 88px;
}

#neutral,#neutre2
{
	width:100px;
}

#harry
{
	width: 132px;
	margin-left: -10px;
	margin-top: 14px;
}

#leia
{
	width:77px;
}

#indiana
{
	width:95px;
}

#tennis
{
	width:100px;
	margin-top:4px;
}

a
{
	color:black;
}

/* mini titres */
.titre_bloc
{
	font-size: 1em;
	font-weight: bold;
	padding-bottom:2%;
	z-index: 999;
}

 /*---------------------La bulle -----------------------------------*/

.ui-tooltip, .arrow:after
{
    background: white;
    border: 2px solid white;
}

.ui-tooltip
{
	padding: 10px 20px;
	color: black;
	border-radius: 20px;
	font: normal 12px 'Open Sans', Sans-Serif !important;
	box-shadow: 0 0 7px black;
}

.arrow
{
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%; /* Position de la flèche */
	margin-left: -35px;
	bottom: -16px;
	font-size: 10px;
}

.arrow.top {
top: -196px; /* Pas d'effet */
bottom: auto;
}
.arrow.left {
left: 20%; /* Pas d'effet */
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
transform: rotate(45deg);
font-size: 9px;
}

.arrow.top:after {
bottom: -20px;
top: auto;
}

/* Le lien hypertexte permettant de modifier les messages et bulles*/
#editer
{
  color:#FF5D83;
}

#editer:hover
{
	color:#FF3161;
}

#titre_orga
{
	font-size:14px;
	margin-bottom:15px;
}

#msg_orga
{
  width:98%;
  font-size:13px;
  padding:4px;
  margin-bottom:15px;
}

#button_orga
{
  font-size:16px;
}

#nb_guest
{
	font-weight: normal;
	font-size:13px;
	margin-top:30px;
	text-align: right;
}

.fb-share-button
{
	margin:0 auto;
}

#voyez
{
	font-size:10px;
	font-weight: normal;
	margin-top:20px;
	text-align: center;
	color:#ff577e;
}

#ws
{
	display: none;
}

#more_space
{
	font-size: 12px;
	margin:10px 0 0 43%;
	color: green;
}

.square_plus
{
	display: none;
}

#rzo_titre
{
	font-size:14px;
	margin-bottom: 8px;
	transition: transform 0.2s ease-in-out;
}



#signal
{
	margin-top:20px;
	text-align: right;
	color:dimgrey;
	font-size:11px;
	display: block;
}

/* ---------------------------------------------Format mobile--------------------------- */
@media screen and (max-width:767px) {
	.brut
	{
		width: 100%;
	}

	#col1,#col2
	{
		display:block;
		width:100%;
		margin:0 auto;
	}

	#bloc02,#bloc1,#bloc12,.bloc_montant,.bloc3,.bloc7,#bloc13
	{
		margin: 0 auto 10px auto;
		padding:15px 6%;
		width:87%;
	}

	#bloc01
	{
		margin: 3px auto 10px auto;
		width:99%;
		border:0;
		height:auto;
	}

	/* La photo */
	#panoramique
	{
		position:static;
		margin:auto;
		width:100%;
	}


	#montant_mobile
	{
		display:block;
		background:white;
		margin: 0 auto 10px auto;
		padding:30px 10px;
		width:95%;
		height:auto;
		border: 0px dotted red;
		border-radius:5px;
	}

	#montant_desktop
	{
		display:none;
	}

	#comment_desktop
	{
		display:none;
	}

	#comment_mobile
	{
		display:block;
	}

	#lien
	{
		display:none;
	}

	#sous_bloc1, #sous_bloc1bis {
		display: block;
		width: 95%;
		margin-left: 5px; /*On décale un peu pour créer une marge gauche */
	}

	#bloc1 .orga
	{
		white-space:normal; /* Forcer le retour à la ligne, fonctionne mieux que Wordwarp */
		font-size: 0.9em;
		margin-top:20px;
	}

	.titre_cagnotte {
		font-size: 1.3em;
	}

	/* Paramètres */
	.bloc6 div {
		padding-bottom: 1%;
	}

	.item, #bloc02 a
	{
		font-size: 0.9em;
	}

	/* Le bloc des personnages */
	.bloc3 .square, .square_plus
	{
		font-size: 0.6em;
		width: 10.1em; /*Taille du cadre, si trop  : rogne le cercle */
		margin: 4px 1%; /* Ecartement entre 2 cercles */
	}

	/* Le cercle des personnages */
	.bloc3 #anonyme, .bloc3 .avatar
	{
		width: 80px; /*Taille du cercle */
		height: 80px;
	}

	.bloc3 #anonyme img
	{
		width: 50px; /*Taille du personnage */
	}

	.bloc3 .avatar img
	{
		width: 6em; /*Taille du personnage */
	}

	#confine
	{
		width:90px;
	}

	#confinee
	{
		width:7em;
		margin-left:0px;
		margin-top:-5px;
	}

	#chabal
	{
		width:9em;
		margin-left:0px;
		margin-top:5px;
	}

	#bitch
	{
		width: 55px;
		
	}

	#clubeuse 
	{
		width: 55px;
	}

	#couple
	{
		width: 68px;
		margin-left: -8px;
	}

	#couple2
	{
		width: 90px;
	}

	#vendetta {
		width: 85px;
		margin-left: -10px;
	}

	#swan
	{
		width: 73px;
		margin-top: -3px;
	}

	#marathon
	{
		width:86px;
	}

	#matrix
	{
		width: 80px;
		margin-left: -5px;
	}

	#dark
	{
		width: 90px;
		margin-left:-12px;
	}

	#hippie
	{
		width: 62px;
	}
	
	#clodo
	{
		margin-top:0px;
		width: 82px;
	}
	
	#doc
	{
		width: 80px;
	}

	#rambo
	{
		width: 70px;
	}

	#flic
	{
		width:100px;
	}

	#boxeur
	{
		width:72px;
		margin-top:-5px;
	}

	#karateka
	{
		width: 74px;
		margin-top: -5px;
		margin-rigt:-3px;
	}

	#astro
	{
		width: 87px;
		margin:0;
	}

	#nurse
	{
		width: 60px;
		margin-top: -5px;
		margin-rigt:-3px;
	}

	#colblanc
	{
		width: 50px;
	}
	
	#foot
	{
		width: 60px;
	}

	#lectrice
	{
		width: 78px;
		margin-top:4px;
	}

	#avocate
	{
		width: 50px;
		margin-top:-1px;
	}

	#star
	{
		width:85px;
	}

	#leia
	{
		width: 66px;
		margin-left: -8px;
		margin-top:-1px;
	}

	#voyage 
	{
		margin-top:-3px;
		width: 85px;
		margin-left: -5px;
	}

	#rap
	{
		maring-top:-4px;
		width: 62px; 
	}

	#mario
	{
		width: 59px; 
	}

	#bagnard 
	{
		width: 85px;
		margin-right: 0px;
	}

	#wonder 
	{
		width: 88px;
		margin-top: -2px;
	}

	#working {
		width: 70px;
		margin-top: -3px;
	}

	#body
	{
		width: 8.5em;
	}

	#grunge
	{
		width: 100px;
	}

	#super
	{
		margin-top: 6px;
		margin-left:-3px;
	}

	#harry
	{
		width:110px;
		margin-left:-10px;
		margin-top:10px;
	}

	#jackson
	{
		width:52px;
	}

	#yoga
	{
		margin-top: 6px;
		margin-left: 2px;
		width: 75px;
	}

	#ski
	{
		margin-top: 0px;
		margin-left: -10px;
		width: 130px;
	}

	#gilet
	{
		margin-top: 0px;
		margin-left: 0px;
		width: 62px;
	}

	#surf
	{
		margin-top: -5px;
		margin-left: -22px;
		width: 115px;
	}

	#batman {
		margin-top: -2px;
		margin-left: 10px;
		width: 85px;
	}

	#cuisto
	{
		margin-top: -2px;
		margin-left: 3px;
		width: 78px;
	}

	#jordan
	{
		margin-top: 0px;
		margin-left: 4px;
		width: 68px;
	}

	#elvis
	{
		margin-top: 3px;
		margin-left: 0px;
		width: 80px;
	}

	#geek
	{
		margin-top:5px;
		margin-left:-4px;
		width:95px;
	}

	#greta
	{
		width:65px;
	}

	#cat
	{
		width:80px;
	}

	#gay
	{
		width:65px;
	}

	#gouds
	{
		width:72px;
	}

	#hetero
	{
		width:65px;
	}

	#indiana
	{
		width:80px;
		margin-top:-3px;
	}

	#tennis
	{
		width:80px;
	}

	.ui-tooltip
	{
		max-width: 100px; /* Taille réduite de la bulle pour le format mobile */
	}

	#nb_guest
	{
		font-size:11px;
		margin-right:10px;
	}

	.fb-share-button
	{
		margin-left:35%;
	}

	#ws
	{
		 display: none;
		width:20px;
	}


}

/* ---------------------------------------------Petit format--------------------------- */

@media screen and (min-width:768px) and (max-width:979px)
{
		#col1
		{
			width:500px;
		}

		#col2
		{
			 width:250px;
		}

		#bloc01
		{
			height:300px;
		}

		#sous_bloc1
		{
			width:67%;
		}
		
		 .titre_cagnotte
		{
			font-size: 1em;
		}

		#reliquat
		{
			font-size: 1em;
		}

		#reste
		{
			font-size: 0.9em;
		}
		
		 #bloc1 .orga
		{
			font-size: 0.8em;
		}
		
		 #bloc1 .lien
		{
			font-size: 0.7em;
		}
		
		 #bloc1 #msg
		{
			font-size: 0.7em;
		}
		
		#bloc1 #pitch
		{
			font-size: 0.7em;
		}
		
		#montant
		{
			font-size: 1.2em;
		}

	   .bloc_montant button
		{
			font-size:0.8em;
		}

		#nombre,#remaining
		{
			font-size:13px;
		}
		
		/* mini titres */
		.titre_bloc
		{
			font-size: 0.8em;
		}
		
		/* Les 2 derniers blocs de droite */
		.item, .bloc6 a
		{
			font-size:12px;
		}
		
		#photo_hauteur
		{
		width:140px;
		}
	
		#photo_largeur
		{
		width:175px;
		}
		
		.bloc3 .square, .square_plus
		{
		font-size: 0.6em;
		}
}

/*--------------------------------------Moyen format-------------------------------------------*/

@media screen and (min-width:980px) and (max-width:1199px)
{

		 .titre_cagnotte
		{
			font-size: 1.1em;
		}
		
		 #bloc1 .orga
		{
			font-size: 1em;
		}
		
		 #bloc1 .lien
		{
			font-size: 0.8em;
		}
		
		 #bloc1 #msg
		{
			font-size: 0.9em;
		}
		
		#bloc1 #pitch
		{
			font-size: 0.8em;
		}
		
		#montant
		{
			font-size: 1.4em;
		}

		#col1
		{
			width:600px;
		}

		#col2
		{
			width:270px;
		}

    	.bloc_montant button
		{
			font-size:0.8em;
		}

		#nombre,#remaining
		{
			font-size:13px;
		}
		
		/* mini titres */
		.titre_bloc
		{
			font-size: 0.9em;
		}
		
		.item, .bloc6 a
		{
			font-size:0.7em;
		}
		
		#photo_hauteur
		{
		width:150px;
		}
	
		#photo_largeur
		{
		width:190px;
		}
		
		.bloc3 .square, .square_plus
		{
		font-size: 0.6em;
		
		}

		#reliquat
		{
			font-size: 1.1em;
		}

		#reste
		{
			font-size: 1em;
		}
}

/* -----------------------------------Grand format---------------------------------*/
@media screen and (min-width:1600px)
{

	#sous_bloc1
	{
		width:90%;
	}

	.titre_cagnotte
	{
		font-size: 1.5em;
	}
	
	 #bloc1 .orga
	{
		font-size: 1.1em;
	}
	
	 #bloc1 .lien
	{
		font-size: 0.9em;
	}
	
	 #bloc1 #msg
	{
		font-size: 1.1em;
	}
	
	 #montant
	{
		font-size: 2em;
	}

	#reliquat
	{
		font-size: 1.3em;
	}

	#reste
	{
		font-size: 1.1em;
	}

	.bloc_montant button
	{
		font-size:1.1em;
	}
	
	.bloc4 #pitch
	{
		font-size: 0.9em;
	}
	
	/* mini titres */
	.titre_bloc
	{
		font-size: 1.2em;
	}
	
	.item, #bloc02 a
	{
		font-size:0.9em;
	}
		

	.bloc3 .square, .square_plus
	{
		font-size: 0.7em;
		
	}
	
	.bloc3 #anonyme img
	{
		width:100px; /*Taille du personnage */
	}

	.bloc3 .avatar img
	{
		/* width:8.7em; /*Taille du personnage */
	}

	#nombre,#remaining
	{
		font-size:14px;
	}
		
}