/* Style pour la page "Ils en parlent" */

/* Hauteur de cadre pré-définie */
#testimony #inside-content{
	height:41em;
}

/* Fond de page */
#testimony #content-bg{
	background: url(../images/photos/fondcadre.jpg) no-repeat 1px 3.5em;	
}


/* Cadre style polaroid sans actions */
#testimony #picture-wrapper {
	position:absolute;
	top:3.5em;
	left:227px;
	background:transparent url(../images/photos/fond-photos.gif) no-repeat 0pt -26px;
	height:371px;
	width:518px;
	z-index:1;
}

/* Style du conteneur des informations des personnages */
#testimony #picture-wrapper li#man-picture,
#testimony #picture-wrapper li#woman-picture {
	background:none;
	height:371px;
	position:absolute;
	top:0;
	width:299px;
	font-size:1.0em;
}
	#testimony #picture-wrapper li#man-picture {
		left:0;
		z-index:2;
	}

	#testimony #picture-wrapper li#woman-picture {
		left:250px;
		z-index:3;
	}

/* Conteneur des cadre polaroid avec l'effet hover */
#testimony #picture-wrapper li#man-picture span,
#testimony #picture-wrapper li#woman-picture span {
	background-color:transparent;
	background-position:-660pt -31px;
	background-repeat:no-repeat;
	height:371px;
	position:absolute;
	top:0;
	width:299px;
	z-index:5;
	text-indent:-9999px;
}
	#testimony #picture-wrapper li#man-picture span{
		background-position:-414pt -31px;
		left:-2px;
		z-index:4;
	}

	#testimony #picture-wrapper li#woman-picture span {
		background-position:-660pt -31px;
		left:0;
		z-index:5;
	}

/* Bloc contenant le nom des personnages */
#testimony #picture-wrapper li#man-picture strong,
#testimony #picture-wrapper li#woman-picture strong {
	display:block;
	position:absolute;
	text-indent:-9999px;
	height:60px;
	width:112px;
	z-index:7;
}
	#testimony #picture-wrapper li#man-picture strong {
		background:transparent url(../images/photos/name.gif) no-repeat scroll -12px -8px;
		left:59px;
		top:284px;
	}

	#testimony #picture-wrapper li#woman-picture strong {
		left:4px;
		top:250px;
		background:transparent url(../images/photos/name.gif) no-repeat 0 -175px;
	}

/* Bloc contenant les bulles de dialogue */
#testimony #picture-wrapper li#man-picture .bubble-talk,
#testimony #picture-wrapper li#woman-picture .bubble-talk {
	margin:0;
	position:absolute;
	width:300px;
	z-index:6;
}
	#testimony #picture-wrapper li#man-picture .bubble-talk {
        background:transparent url(../images/photos/bottom-bulle2.gif) no-repeat bottom left;
        left:-204px;
        top:49px;
        padding:0;
	}

	#testimony #picture-wrapper li#woman-picture .bubble-talk {
        background:transparent url(../images/photos/top-bulle.gif) no-repeat 0pt 0px;
        left:174px;
        padding:58px 0 0 0;
        top:156px;
	}

#testimony #picture-wrapper #man-picture blockquote strong, #testimony #picture-wrapper #woman-picture blockquote strong{
	display: inline;
	text-indent: 0;
	position: relative;
	background: none;
	top: 0;
	left: 0;
	height: auto; width: auto;
	background-color: #ffffff;
	clear: none;
	padding:0;
	margin: 0;
}

/* Style des dialogue des personnages */
#testimony #picture-wrapper li#woman-picture .bubble-talk blockquote {
	background:transparent url(../images/photos/bottom-bulle.gif) no-repeat left bottom;
}

#testimony #picture-wrapper li#man-picture .bubble-talk blockquote {
	background:transparent url(../images/photos/top-bulle2.gif) no-repeat 0pt 0px;
}

#testimony #picture-wrapper li#woman-picture .bubble-talk blockquote p{
	padding: 0px 40px 20px 20px;
}

#testimony #picture-wrapper li#man-picture .bubble-talk blockquote p{
	padding: 20px 40px 20px 20px;
}