/* FLORIAN */

#CTA-back{float: left; width: 10%;height: 100%; visibility: hidden;}
#boutonCTABack:hover{background-color:#FDC300; }
#boutonCTABack{cursor: pointer; height: 40%; margin: 20% auto; width: 80%;text-align: center; border-radius: 10px; color: white; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; background-color: #82cff0;line-height: 2.5em; font-weight: bold;}


/* FIN FLORIAN */

/* CLOSE */
.lb-data .lb-close {position: absolute !important; top: 3px !important; z-index: 100 !important;}

/* My Blah */
#my-blah {margin: 0;}
#blah-info {width: 23%; float: left; height: 100%; padding: 0 1% 0 2%;}
#my-blah-show {width: 40%; float: left;}
#my-blah-show .liblahry-img {width: 100%; height: 100%;}
#my-blah #blah-wondergame {width: 10%; position: absolute; margin: -3% 0 0 32%;}
#my-blah #blah-wondergame img {width: 100%;}
.blah-likes {width: 23%; float: left; height: 100%; padding: 0 3% 0 0; text-align: center; font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif; font-weight: 500; color: #FDC300;}

/* sous titre */
.sousTitreMyBlahB, .sousTitreMyBlahY {float: left; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.3em; margin: 16px 0 0;}
.sousTitreMyBlahB {width: 100%; margin: 0 !important; color: #82CFF0;}
.sousTitreMyBlahY {width: 100%; color: #FDC300; margin: 6% 0 0;}

/* HashBlahs */
#my-blah #blah-info #blah-hashBlahs span.hashBlah {margin: 0 2% 0 0; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.9em; color: #525252;}
#my-blah #blah-info #blah-hashBlahs span.hashBlah:before {content: '#'; font-family: 'FontAwesome'; color: #FDC300; font-size: 1.3em; font-weight: bold;}
#blah-hashBlahs, #blah-blahtegories, #blah-share {float: left; width: 100%; height: auto; margin: 0 0 6%;}
#blah-hashBlahs span {float: left; margin: 1px 6px 0 0;}

/* Blahtegories */
#my-blah #blah-info #blah-blahtegories span.blahtegory {float: left; white-space: nowrap; margin: 0 2% 0 0; font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.9em; color: #525252;}
#my-blah #blah-info #blah-blahtegories span.blahtegory:before {content: '\f054'; font-family: 'FontAwesome'; color: #FDC300;}


/* ARROWS */
/* arrow left */
#link-arrow-left {width: 60px; height: 170px; float: left; background:rgba(253, 195, 0, 0.15); -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
#link-arrow-left:hover {background: #FDC300; -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
#link-arrow-left:hover .arrows {border: solid #FFFFFF; border-width: 0 3px 3px 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; opacity: 1;}
.arrows {border: solid #FDC300; border-width: 0 3px 3px 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; opacity: 0.5;}
.arrows:hover {opacity: 1;}
.arrow-left {transform: rotate(135deg); -webkit-transform: rotate(135deg); margin: 100% 0 0 20px;}
.arrow-right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin: 100% 0 20px 0;}
/* arrow right */
#link-arrow-right {width: 60px; height: 170px; float: right; background:rgba(253, 195, 0, 0.15); -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px;}
#link-arrow-right:hover {background: #FDC300; -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px;}
#link-arrow-right:hover .arrows {border: solid #FFFFFF; border-width: 0 3px 3px 0; display: inline-block; width: 40px; height: 40px; cursor: pointer; opacity: 1;}

/* SHARE */
/* shared */
#li-shareMyBlahLink {list-style-type: none;}
#myBlahshareFacebook, #myBlahshareGooglePlus, #myBlahshareTwitter, #myBlahshareLinkedin, #myBlahsharePinterest {height: 45px; margin: 0 2%; cursor: pointer; text-decoration: none; font-family: 'wonderblah_elmt', Helvetica, Verdana, sans-serif; font-size: 2.5em; color: #82CFF0; opacity: 0.5;}
#myBlahshareFacebook:hover, #myBlahshareGooglePlus:hover, #myBlahshareTwitter:hover, #myBlahshareLinkedin:hover, #myBlahsharePinterest:hover {opacity: 1;}
/*no shared */
#li-noshareMyBlahLink {list-style-type: none;}
#myBlahnoshareFacebook, #myBlahnoshareGooglePlus, #myBlahnoshareTwitter, #myBlahnoshareLinkedin, #myBlahnosharePinterest {height: 45px; margin: 0 2%; cursor: pointer; text-decoration: none; font-family: 'wonderblah_elmt', Helvetica, Verdana, sans-serif; font-size: 2.5em; color: #FDC300; opacity: 0.5;}
#myBlahnoshareFacebook:hover, #myBlahnoshareGooglePlus:hover, #myBlahnoshareTwitter:hover, #myBlahnoshareLinkedin:hover, #myBlahnosharePinterest:hover {opacity: 1;}

/* Likes */
#iconeHeartMyBlahB {width: 100%; cursor: pointer; color: #82CFF0; font-size: 5em; margin: 11% 0 0; text-align: center; padding: 6% 0 0; height: auto;}
#iconeHeartMyBlahY {width: 100%; cursor: pointer; color: #FDC300; font-size: 5em; margin: 11% 0 0; text-align: center; padding: 6% 0 0; height: auto;}
#span-likes {position: relative; top: -55px; color: white;}

/* Wonder game */
#blahvoGameMyBlah {width: 23%; float: left; height: 100%; margin: 2% 0 0; padding: 0 3% 0 0; text-align: center;}
#blahvoGameMyBlah img {width: 50%;}