#PFCAN {
margin:auto; width:525px; text-align:left;
line-height:16px; box-shadow:0 0 3px rgba(0,0,0,0.3);
}
.PFCAN {
width:525px; 
background:#ccc;
}
.PFCAN p{
width:260px; height:250px; overflow:auto;
text-align:justify; font-size:11px; 
}
.PFCAN img{
width:200px; height:400px; margin-left:25px; 
border-left:3px solid rgba(250,250,250,0.4); border-right:3px solid rgba(250,250,250,0.4);
}
.naPFCAN {
padding:10px 5px; background:#400C0C; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); color:white;
font-family:Arial; font-size:16px;
}
.bioPFCAN {
position:absolute; margin-left:245px; margin-top:-395px; 
width:280px; height:200px; 
}
.lookPFCAN {
position:absolute; z-index:2; margin-left:28px; margin-top:-400px;  
width:180px; height:380px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); 
font-family:Arial; font-size:11px; opacity:0; 
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.lookPFCAN:hover {
opacity:1;
}
.boxPFCAN {
width:105px; padding:5px 0px; 
background:rgba(250,250,250,0.3); 
text-align:center; font-size:12px; font-family:Arial;
}
.JOB {
margin-left:110px; margin-top:-25px; 
width:150px; overflow:hidden;
}
.grpPFCAN {
margin-top:5px; margin-bottom:5px; 
width:250px; padding:5px; 
color:white; text-align:center; text-transform:uppercase; font-family:Arial; font-size:14px;
}
.adjPFCAN {
margin-top:10px; width:240px; padding:10px; 
text-align:center; font-style:italic; font-size:10px; font-family:Arial; 
background:rgba(250,250,250,0.6); 
}
.lksPFCAN {
background:#400C0C; color:white; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); 
font-family:Arial; padding:5px 0px 5px 35px; font-size:10px;
}
.blocLKS {
position:absolute; z-index:3; margin-top:-421px; margin-left:-7px; 
width:200px; height:0px; overflow:hidden; 
background:#400C0C; 
text-align:center; 
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.blocLKS div{
width:200px; height:85px; 
text-align:center;
}
.blocLKS div div{
position:absolute; z-index:4; margin-left:37px; margin-top:-100px; 
width:115px; height:65px; padding:5px; border-radius:10px; 
color:black; text-align:center; background:rgba(250,250,250,0.7); opacity:0;
}
.blocLKS div div:hover {
opacity:1;
}
.lksPFCAN:hover .blocLKS{
height:400px; overflow:hidden;
}
.lksPFCAN img{
width:75px; height:125px; border-radius:10px; box-shadow:0 0 3px rgba(0,0,0,0.1);
transform:rotate(90deg); -webkit-transform:rotate(90deg); 
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.lksPFCAN img:hover{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
.cdtPFCAN {
position:absolute; z-index:3; margin-left:510px; margin-top:50px;
opacity:0; transition:opacity 0.75s ease-in-out; -webkit-transition:opacity 0.75s ease-in-out;
}
#PFCAN:hover .cdtPFCAN {
opacity:1;
}

/* AVATARS 200*320 */
.PFIICAN {
width:525px; 
background:#ccc;
}
.PFIICAN p{
width:260px; height:170px; overflow:auto;
text-align:justify; font-size:11px; 
}
.PFIICAN img{
width:200px; height:320px; margin-left:25px; 
border-left:3px solid rgba(250,250,250,0.4); border-right:3px solid rgba(250,250,250,0.4);
}
.npPFIICAN {
padding:5px; background:#515c71; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); color:white;
font-family:Arial; font-size:16px;
}
.bioPFIICAN {
position:absolute; margin-left:245px; margin-top:-315px; 
width:280px; 
}
.lookPFIICAN {
position:absolute; z-index:2; margin-left:28px; margin-top:-320px;  
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.7); 
font-family:Arial; font-size:11px; opacity:0; 
transition:all 0.55s ease; -webkit-transition:all 0.55s ease;
}
.lookPFIICAN:hover {
opacity:1;
}
.lksPFIICAN {
background:#515c71; color:white; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); 
font-family:Arial; padding:5px 0px 5px 35px; font-size:10px;
}
.blocIILKS {
position:absolute; z-index:3; margin-top:-341px; margin-left:-7px; 
width:200px; height:0px; overflow:hidden; text-align:center; 
background:#515c71; 
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.blocIILKS div{
width:200px; height:75px; 
text-align:center;
}
.blocIILKS div div{
position:absolute; z-index:4; margin-left:52px; margin-top:-78px; 
width:86px; height:50px; padding:5px; border-radius:10px; 
color:black; text-align:center; background:rgba(250,250,250,0.7); opacity:0;
}
.blocIILKS div div:hover {
opacity:1;
}
.lksPFIICAN:hover .blocIILKS{
height:320px; overflow:hidden;
}
.lksPFIICAN img{
width:60px; height:96px; border-radius:10px; box-shadow:0 0 3px rgba(0,0,0,0.1);
transform:rotate(90deg); -webkit-transform:rotate(90deg); 
filter:grayscale(1); -webkit-filter:grayscale(1);
}
.lksPFIICAN img:hover{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
.cdtPFIICAN {
position:absolute; z-index:3; margin-left:510px; margin-top:50px;
opacity:0; transition:opacity 0.75s ease-in-out; -webkit-transition:opacity 0.75s ease-in-out;
}
#PFCAN:hover .cdtPFIICAN {
opacity:1;
}

/* COMMANDE */
.PZCAN {
width:525px; 
background:#ccc;
}
.PZCAN p{
width:260px; height:170px; overflow:auto;
text-align:justify; font-size:11px; 
}
.PZCAN img{
width:200px; height:320px; margin-left:25px; 
border-left:3px solid rgba(250,250,250,0.4); border-right:3px solid rgba(250,250,250,0.4);
}
.npPZCAN {
padding:5px; background:#515c71; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); color:white;
font-family:Arial; font-size:16px;
}
.adjPZCAN {
margin-top:10px; width:240px; height:30px; padding:10px; overflow:auto;
text-align:center; font-style:italic; font-size:10px; font-family:Arial; 
background:rgba(250,250,250,0.6); 
}
.askCAN {
background:#515c71; color:white; box-shadow:inset 0 0 15px rgba(0,0,0,0.3); 
font-family:Arial; padding:5px 0px 5px 35px; font-size:10px;
}
.blocASCAN {
position:absolute; z-index:3; margin-top:-341px; margin-left:-7px; 
width:200px; height:0px; overflow:hidden; text-align:center; 
background:#515c71; 
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.blocASCAN b {
display:block; padding-right:5px; margin-bottom:2px; text-align:right; text-transform:uppercase;
}
.blocASCAN span{
display:block; background:rgba(250,250,250,0.5); color:black;
}
.askCAN:hover .blocASCAN{
width:190px; height:310px; padding:5px; overflow:auto;
}
.abtuCAN {
margin-top:5px; 
width:260px; height:15px; padding:3px 0; background:#515c71;
color:white; text-align:center; text-transform:uppercase; font-family:Arial; font-size:10px;}
.abtuCAN div {
position:absolute; z-index:5; margin-left:-217px; margin-top:-307px;
 width:200px; height:0; overflow:auto;
background:#515C71; color:black; text-align:justify;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
.abtuCAN:hover div{
width:190px; height:310px; padding:5px;
}
.abtuCAN b{
display:block; text-transform:uppercase;
}