/***** PORTRAITS VILAINS *****/

#conteneurPortraitsVilains{
	/*size*/
	position:absolute;
	top:0px;
	left:0px;
	width:940px;
	height:600px;
	overflow:hidden;
	
	/*colors*/
	background-color:#FFFFFF;
	
	-webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#imagePortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:95px;
	padding:0px;
	width:750px;
	height:500px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-image:url(../images/groupes/vilains/groupeVilains.JPG);
	background-position:center center;
	background-repeat:no-repeat;
}

#cachePortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:95px;
	margin-top:-500px;
	padding:0px;
	padding-top:140px;
	width:750px;
	height:360px;
	overflow:hidden;
	float:left;
	
	/*colors*/
	background-color:rgba(255,255,255,0.9);
}

#texteCachePortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	padding:0px;
	padding-left:100px;
	padding-right:100px;
	width:550px;
	height:40px;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	text-align:center;
}

#sousBoutonContinuerPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:265px;
	margin-top:145px;
	padding:0px;
	width:220px;
	height:35px;
	float:left;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#0066B0;
	border-radius:5px;
}

#boutonContinuerPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:265px;
	margin-top:-40px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	width:220px;
	height:15px;
	float:left;
	
	cursor:pointer;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#0099E0;
	border-radius:5px;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	text-align:center;
}

#fermeturePortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:360px;
	margin-top:-40px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	width:220px;
	height:15px;
	float:left;
	
	cursor:pointer;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#e74c3c;
	border-radius:5px;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	text-align:center;
}

#sousFermeturePortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:360px;
	margin-top:65px;
	padding:0px;
	width:220px;
	height:35px;
	float:left;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#c0392b;
	border-radius:5px;
}

#conteneurPortraitPortraitsVilains{
	/*size*/
	position:absolute;
	top:500px;
	left:20px;
	width:710px;
	height:460px;
	overflow:hidden;
	
	/*colors*/
	background-color:#FFFFFF;
	border-radius:5px;
	
	-webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#imagePortraitPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:20px;
	margin-left:255px;
	padding:0px;
	width:200px;
	height:200px;
	float:left;
	overflow:hidden;
	
	/*colors*/
	background-color:#c0392b;
	border-radius:100px;
}

#titrePortraitPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:20px;
	padding:0px;
	width:710px;
	height:20px;
	float:left;
	overflow:hidden;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	font-family:Avenir-Book, Helvetica, sans-serif;
	text-align:center;
}

#descriptionPortraitPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-top:20px;
	padding:0px;
	padding-left:50px;
	padding-right:50px;
	width:610px;
	height:90px;
	float:left;
	overflow:hidden;
	
	/*colors*/
	color:#000000;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:Avenir-Book, Helvetica, sans-serif;
	text-align:center;
}

#sousFermeturePortraitPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:245px;
	margin-top:35px;
	padding:0px;
	width:220px;
	height:35px;
	float:left;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#c0392b;
	border-radius:5px;
}

#fermeturePortraitPortraitsVilains{
	/*size*/
	position:relative;
	margin:0px;
	margin-left:245px;
	margin-top:-40px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	width:220px;
	height:15px;
	float:left;
	
	cursor:pointer;
	
	/*colors*/
	color:#FFFFFF;
	background-color:#e74c3c;
	border-radius:5px;
	
	/*text*/
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	text-align:center;
}

/***** POSITIONS DES PORTRAITS *****/

#portraitVilain1{
	/*size*/
	position:absolute;
	left:587px;
	top:60px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain2{
	/*size*/
	position:absolute;
	left:505px;
	top:220px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain3{
	/*size*/
	position:absolute;
	left:110px;
	top:77px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain4{
	/*size*/
	position:absolute;
	left:92px;
	top:137px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain5{
	/*size*/
	position:absolute;
	left:96px;
	top:236px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain6{
	/*size*/
	position:absolute;
	left:276px;
	top:142px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain7{
	/*size*/
	position:absolute;
	left:432px;
	top:238px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain8{
	/*size*/
	position:absolute;
	left:419px;
	top:130px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain10{
	/*size*/
	position:absolute;
	left:427px;
	top:70px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain11{
	/*size*/
	position:absolute;
	left:183px;
	top:127px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain12{
	/*size*/
	position:absolute;
	left:348px;
	top:244px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain13{
	/*size*/
	position:absolute;
	left:276px;
	top:40px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain14{
	/*size*/
	position:absolute;
	left:508px;
	top:62px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain15{
	/*size*/
	position:absolute;
	left:255px;
	top:234px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain16{
	/*size*/
	position:absolute;
	left:489px;
	top:131px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain17{
	/*size*/
	position:absolute;
	left:610px;
	top:237px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain18{
	/*size*/
	position:absolute;
	left:558px;
	top:137px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain19{
	/*size*/
	position:absolute;
	left:195px;
	top:35px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain20{
	/*size*/
	position:absolute;
	left:165px;
	top:240px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain21{
	/*size*/
	position:absolute;
	left:355px;
	top:147px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}

#portraitVilain22{
	/*size*/
	position:absolute;
	left:363px;
	top:63px;
	width:60px;
	height:60px;
	overflow:hidden;
	
	/*colors*/
	background-color:rgba(255,255,255,0);
}