/**** Target Chrome and Safari ****/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*** Menu ***/
	#mottoWonderBlah {margin: 10% 0 0; font-size: 1.2em;}
	#CTAAvatar {width: 34%; margin: 0.2% 0 -2%; padding: 0.2% 0 0;}
	#boutonCTA1, #boutonCTA2 {margin: 20% auto 0; padding: 0 11px; line-height: 2.2em;}
	#boutonCTA1:active, #boutonCTA2:active {margin: 21% auto 19%;}

	/*** Cab
	#TextareaBubble {font-size: 13px; height: 55px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12px;} ***/
	/**** Check ****/
		#visuelBlah {width: 50%;}
		#closeBlah {margin: 0; width: 15px;}
		#informationBlah {width: 44%; margin-left: 2%;}
		.titrePopUp {font-size: 25px;}

	/*** Liblahry ***/
	.wrapMenuTabsFiles {width: 55%;}

}

/* min 1900px and Chrome and Safari */
@media all and (min-width: 1900px) and (-webkit-min-device-pixel-ratio:0) {
}

/* min 1800px and Chrome and Safari */
@media all and (min-width: 1800px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 15% !important;}
}


/* min 1600px and Chrome and Safari */
@media all and (min-width: 1600px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 17%;}
	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%; margin: -93% 0 0;}
	.overlay-blahactionsLeft {width: 91%; margin: -24px 0 0 !important; border-left: 24px solid transparent !important; border-bottom: 24px solid rgba(0,0,0,0.5) !important;}
  .pictoDelete {width: 26% !important; margin: 9px 37% !important; font-size: 1.7em;}
	.pictoSettings {width: 26% !important; margin: 9px 37% !important; font-size: 1.6em;}
	.pictoPinNone {width: 26% !important; margin: 9px 37% !important; font-size: 2em;}
	.pictoPinChecked {width: 26% !important; margin: 9px 37% 0 !important; font-size: 2em;}
	.overlay-CheckIn::after {font-size: 4.7em;}
	/*** Liblahry ***/
	.tabBlahs:before {margin: 3% 0 0 -45%;}
	.tabFiles:before {margin: 3% 0 0 -46%;}
}

/* max 1500px and Chrome and Safari */
@media all and (max-width: 1500px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 18%;}
	/*** Liblahry ***/
	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 86%; margin: -19px 0 0 !important; border-left: 19px solid transparent !important; border-bottom: 19px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
	.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
	.pictoPinNone {font-size: 2em; margin: 9px 30px 0 0;}
	.pictoPinChecked {font-size: 2em; margin: 9px 27px 0 0px !important;}
	.overlay-CheckIn::after {font-size: 3.8em;}
	/*** Liblahry ***/
	.tabBlahs:before {margin: 3% 0 0 -45%;}
	.tabFiles:before {margin: 3% 0 0 -46%;}
}

/* max 1400px and Chrome and Safari */
@media all and (max-width: 1400px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 20%;}
	/*** Liblahry ***/
	.tabBlahs:before {margin: 3% 0 0 -44%;}
	.tabFiles:before {margin: 3% 0 0 -46%;}
}

/* max 1300px and Chrome and Safari */
@media all and (max-width: 1300px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 20%;}
}

/* max 1200px and Chrome and Safari */
@media all and (max-width: 1200px) and (-webkit-min-device-pixel-ratio:0) {
	#avatar {width: 20%;}
}




#wrapLogoMotto {
    float: none;
    margin-bottom: 5%;
}







/******** GENERAL *********/


/* min 5800 */
@media all and (min-width: 5000px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** sign up 2 ***/
	#closeNotification {margin: 0.5% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 21.5%; margin: 10% 0 0 40%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}

	/*** sign up 3 ***/
	.msgBlahtegoriesSignUp {top: 84.5%; left: 27%;}

	/**** Forget Password ****/
	#forgotMail {left: -39% !important; margin: -33% 0 0 -18% !important;}
	#forgotMail h2 {margin: 5% 0 0% !important; line-height: 3.5em !important;}

	/*** Liblahry ***/
	#wrapSVG {height: 330px;}
	#wrapLogoMotto {float: none;}
	#Motto {margin-bottom: -9%;}
	#wrapVideo {margin: 5% 0 0;}
	#video iframe {height: 1200px;}
}



/* min 3800 max 4999 */
@media all and (min-width: 3800px) and (max-width: 4999px)  {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** sign up 2 ***/
	#closeNotification {margin: 0.5% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 28.5%; margin: 10% 0 0 37%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}

	/*** sign up 3 ***/
	.msgBlahtegoriesSignUp {top: 84.5%; left: 27%;}

	/**** Forget Password ****/
	#forgotMail {left: -40.5% !important; margin: -33% 0 0 -18% !important;}
	#forgotMail h2 {margin: 5% 0 0% !important; line-height: 3em !important;}

	/*** Liblahry ***/
	#wrapSVG {height: 250px;}
	#wrapLogoMotto {float: none;}
	#Motto {margin-bottom: -9%;}
	#wrapVideo {margin: 5% 0 0;}
	#video iframe {height: 800px;}
}



/* min 2500 max 2999 */
@media all and (min-width: 2500px) and (max-width: 2999px)  {
	/*** sign up 2 ***/
	#closeNotification {margin: 1% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 41.5%; margin: 10% 0 0 31%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}


	/*** sign up 3 ***/
	.msgBlahtegoriesSignUp {top: 84.5%; left: 27%;}

	/**** Forget Password ****/
	#forgotMail {left: 56% !important;}
	#forgotMail h2 {margin: 5% 0 0% !important; line-height: 2.7em !important;}

	/*** LandingPage ***/
	#wrapLogoMotto {float: none;}
	#Motto {margin-bottom: -9%;}
	#wrapVideo {margin: 5% 0 0;}
	#video iframe {height: 540px;}
	.caption {width: 130%;}
}



/* min 2048 max 2499 */
@media all and (min-width: 2048px) and (max-width: 2499px)  {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** sign up 2 ***/
	#closeNotification {margin: 1.3% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 52.5%; margin: 10% 0 0 26%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}

	/*** sign up 3 ***/
	.msgBlahtegoriesSignUp {top: 84.5%; left: 27%;}


	/**** Forget Password ****/
	#forgotMail {left: 55% !important;}
	#forgotMail h2 {margin: 5% 0 0% !important; line-height: 2.7em !important;}

	/*** Liblahry ***/
	#wrapLogoMotto {float: none;}
	#Motto {margin-bottom: -9%;}
	#wrapVideo {margin: 5% 0 0;}
	#video iframe {height: 430px;}
}



/* min 1900 max 2047 */
@media all and (min-width: 1900px) and (max-width: 2047px)  {
	/*** Landing page ***/
	.caption {width: 130%;}

	/**** Forget Password ****/
	#forgotMail {left: 53.5% !important;}
	#forgotMail h2 {margin: 5% 0 0% !important; line-height: 2.7em !important;}

	/*** Liblahry ***/
	#wrapLogoMotto {float: none;}
	#Motto {margin-bottom: -9%;}
	#wrapVideo {margin: 5% 0 0;}
	#video iframe {height: 430px;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -12% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -11.5% 0 0;}

	/*** sign up 2 ***/
	#closeNotification {margin: 1.3% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 55.5%; margin: 10% 0 0 24%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 85%; left: 25%;}
}


/* min 1757 max 1899 */
@media all and (min-width: 1757px) and (max-width: 1899px)  {
	/*** LandingPage ***/
	#wrapLogoMotto {float: none;}
	#wrapVideo {margin: 5% 0 0 0;}
	#video iframe {height: 400px;}
	.caption {width: 130%;}

	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 64%; margin: 10% 0 0 20%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 84.8%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 18px; height: 83px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 1.3em;}
}


/* min 1601 max 1756 */
@media all and (min-width: 1601px) and (max-width: 1756px) {
	/**** Forget Password ****/
	#forgotMail {left: 51% !important;}
	#forgotMail h2 {margin: 5% 0 1% !important; line-height: 2.2em !important;}

	/*** Landing Page ***/
	#video iframe {height: 350px;}
	.caption {width: 130%;}

	/*** sign up 2 ***/
	#closeNotification {margin: 1.5% 0 0 0.5%;}
	#wrapSignUpBlahDemo {width: 64%; margin: 10% 0 0 20%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 83%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 18px; height: 83px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 20px;}
}


/* max 1600 */
@media all and (max-width: 1600px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** Liblahry ***/
	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%; margin: -93.4% 0 0;}
	.overlay-blahactionsLeft {width: 91%;margin: -21px 0 0 !important;border-left: 20px solid transparent !important;border-bottom: 21px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {width: 26% !important; margin: 9px 37% !important; font-size: 1.7em;}
	.pictoSettings {width: 26% !important; margin: 9px 37% !important; font-size: 1.6em;}
	.pictoPinNone {width: 26% !important; margin: 9px 37% !important; font-size: 2em;}
	.pictoPinChecked {width: 26% !important; margin: 9px 37% 0 !important; font-size: 2em;}
	.overlay-CheckIn::after {font-size: 4.2em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -14% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -13.5% 0 0;}
	/*** Blahtegories sign up 2 ***/
	.msgBlahtegoriesSignUp {top: 83%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 18px; height: 85px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 18.5px;}
}


/* min 1501 max 1599 */
@media all and (min-width: 1501px) and (max-width: 1599px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/**** Forget Password ****/
	#forgotMail {left: 50% !important;}

	/*** Liblahry ***/
	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 91%;margin: -18px 0 0 !important;border-left: 18px solid transparent !important;border-bottom: 18px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {width: 26% !important; margin: 9px 37% !important; font-size: 1.7em;}
	.pictoSettings {width: 26% !important; margin: 9px 37% !important; font-size: 1.6em;}
	.pictoPinNone {width: 26% !important; margin: 9px 37% !important; font-size: 2em;}
	.pictoPinChecked {width: 26% !important; margin: 9px 37% 0 !important; font-size: 2em;}
	.overlay-CheckIn::after {font-size: 4.1em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -14% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -13.5% 0 0;}
	/*** Cab ***/
	#TextareaBubble {font-size: 17px; height: 80px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 17.7px;}
}


/* max 1500 */
@media all and (max-width: 1500px) {
	/**** Forget Password ****/
	#forgotMail {left: 48.5% !important;}
	#forgotMail h2 {margin: 5% 0 1% !important; line-height: 2.2em !important;}


	/*** Landing page ***/
	.caption {width: 130%;}

	/*** Liblahry ***/
	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 86%; margin: -19px 0 0 !important; border-left: 19px solid transparent !important; border-bottom: 19px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
	.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
	.pictoPinNone {font-size: 2em; margin: 9px 30px 0 0;}
	.pictoPinChecked {font-size: 2em; margin: 9px 27px 0 0px !important;}
	.overlay-CheckIn::after {font-size: 3.8em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -15% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -14.5% 0 0;}

	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 75%; margin: 10% 0 0 15%;}
	#blahDemo {width: 43.5%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 83%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 17px; height: 80px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 17px;}
}

/* max 1400 */
@media all and (max-width: 1400px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/**** Forget Password ****/
	#forgotMail {left: 49% !important;}

	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 86%; margin: -17px 0 0 !important; border-left: 17px solid transparent !important; border-bottom: 17px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
	.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
	.pictoPinNone {font-size: 2em; margin: 9px 30px 0 0;}
	.pictoPinChecked {font-size: 2em; margin: 9px 27px 0 0px !important;}
	.overlay-CheckIn::after {font-size: 3.7em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -16% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -15.5% 0 0;}

	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 80%; margin: 10% 0 0 12%;}
	#blahDemo {width: 45%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 83%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 16px; height: 75px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 16px;}
}

/* max 1300 */
@media all and (max-width: 1300px) {

	/**** Forget Password ****/
	#forgotMail {left: 46.5% !important;}
	#forgotMail h2 {margin: 5% 0 1% !important; line-height: 2.2em !important;}

	/*** Landing page ***/
	.caption {width: 130%;}

	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 86%; margin: -17px 0 0 !important; border-left: 17px solid transparent !important; border-bottom: 17px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
	.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
	.pictoPinNone {font-size: 2em; margin: 9px 30px 0 0;}
	.pictoPinChecked {font-size: 2em; margin: 9px 27px 0 0px !important;}
	.overlay-CheckIn::after {font-size: 3.3em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -18% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -17.5% 0 0;}

	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 80%; margin: 10% 0 0 12%;}
	#blahDemo {width: 45%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 83.3%; left: 25%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 15px; height: 70px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 14px;}
}

/* max 1200 */
@media all and (max-width: 1200px) {

	/*** Forget Password ***/
	#forgotMail {left: 44.5% !important;}
	#forgotMail h2 {margin: 5% 0 2% !important; line-height: 2.2em !important;}

	/*** Landing page ***/
	.caption {width: 130%;}


	/* overlay settings */
	#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%;}
	.overlay-blahactionsLeft {width: 86%; margin: -16px 0 0 !important; border-left: 16px solid transparent !important; border-bottom: 16px solid rgba(0,0,0,0.5) !important;}
	.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
	.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
	.pictoPinNone {font-size: 2em; margin: 9px 30px 0 0;}
	.pictoPinChecked {font-size: 2em; margin: 9px 27px 0 0px !important;}
	.overlay-CheckIn::after {font-size: 3em;}
	/* like and heart */
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -108% -18% 0 0;}
	#ul-myLiblahry-page li .blah-like {margin: -106% -17.5% 0 0;}


	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 86.5%; margin: 11% 0 0 7%;}
	#blahDemo {width: 47%; margin: 0 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 84.3%; left: 24%;}

	/*** Cab ***/
	#TextareaBubble {font-size: 13px; height: 60px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12.2px;}
}


/* min 1200px */
@media all and (min-width: 1200px) {

	/**** Landing Page ****/
	#Logo {margin: 0 0 0 10%;}
	.caption {width: 130%;}

	/**** Forget Password ****/
	#forgotMail {left: 42%;}

	/*** blahvo ***/
	.logo-bg {width: 43%;}
	.txt-bg {width: 57%;}
	ul#ul-master-blahs li {width: 19%;}
}

/* min 1150 max 1160 */
@media all and (min-width: 1150px) and (max-width: 1160px) {
	/*** Forget Password ***/
	#forgotMail {left: 44.5% !important;}
}


/* max 1100 */
@media all and (max-width: 1100px) {

	/**** Forget Password ****/
	#forgotMail {left: 41% !important;}
	#forgotMail h2 {margin: 5% 0 2% !important;line-height: 2.2em !important;}

	/*** sign up 2 ***/
	#wrapSignUpBlahDemo {width: 74.5%; margin: 11% 0 0 24.5%;}
	#blahDemo {width: 63.5%; margin: 23px 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 0 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 85%; left: 23%;}

	/*** Cab ***/
	#TextareaBubble {font-size: 12.5px; height: 60px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12.2px;}
	#ul-inputAddHashBlah .centpercent {width: 100%;}

	/**** Landing Page ****/
	#Logo {margin: 0 0 0 7%;}
	.caption {width: 130%;}

}

/* max 1000 */
@media all and (max-width: 1000px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** Log in ***/
	#forgotMail h2 {margin: 5% 0 2% !important;line-height: 2.2em !important;}

	/*** Blahtegories sign up 2 ***/
	.msgBlahtegoriesSignUp {top: 85.5%; left: 23%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 11.5px; height: 55px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12px;}
}

/* max 900 */
@media all and (max-width: 900px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** Blahtegories sign up 2 ***/
	.msgBlahtegoriesSignUp {top: 86.5%; left: 23%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 10px; height: 51px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12px;}
}


/* max 800 */
@media all and (max-width: 800px) {
	/*** Landing page ***/
	.caption {width: 130%;}

	/*** Log in ***/
	#forgotMail h2 {margin: 5% 0 2% !important;}

	/***  sign up 2  ***/
	#wrapSignUpBlahDemo {margin: 11% 0 0 24%;}
	#blahDemo {width: 65.5%; margin: 23px 0 0 2%;}
	#formulaireEtape2 #contenuDroiteEtape2 .croppie-container {margin: 20px 0 0 -100%;}
	/* Blahtegories */
	.msgBlahtegoriesSignUp {top: 86.5%; left: 23%;}
	/*** Cab ***/
	#TextareaBubble {font-size: 10px; height: 50px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12px;}
	#ul-inputAddHashBlah .centpercent {width: 100%;}
}

/* 769px to 1199px */
@media all and (min-width: 769px) and (max-width: 1199px) {

	/*** LP ***/
	#wrapVideo {float: left; width: 125%; margin: 0 0 0 -12.5%;}
	#imgMotto {width: 93%; margin: 0 0 0 3%;}

	/*** Cab ***/
	#mottoWonderBlah {margin: 20% 0 0; font-size: 1em;}
	#CTAAvatar {width: 34%; margin: 0.2% 0 -2%; padding: 2% 0 0;}
	#boutonCTA1, #boutonCTA2 {margin: 20% auto 0; padding: 0 11px; line-height: 2.2em;}
	#boutonCTA1:active, #boutonCTA2:active {margin: 21% auto 19%;}
	#toolboxGauche, #toolboxDroite {width: 90%;}
	#ul-inputAddHashBlah .centpercent input {width: 80%; font-size: 0.7em;}
		/**** Check ****/
		#visuelBlah {width: 50%;}
		#closeBlah {margin: 0; width: 15px;}
		#informationBlah {width: 44%; margin-left: 2%;}
		.titrePopUp {font-size: 25px;}

  .menuBlahvo #boutonCTA2,
  .menu-ctx #boutonCTA2 {width: 100%;}
  /*** Blahvo ***/
	.titreBlahvo {width: 60%;}
	#video-blahvogame {width: 80%;}
	.logo-bg {width: 40%;}
	.logo-bg img {width: 80%; margin: 33% 0 0;}
	.txt-bg p::before {margin: 0 6px 0 -28px;}
	.txt-bg {width: 60%; font-size: 1.3em;}
	.txtTxt-bg {width: 80%; padding: 18px 10% 4px;}
	ul#ul-master-blahs li {width: 19%;}
	.overlayBlahvo:hover::after {font-size: 2.4em;}

	/*** Submit ***/
	.menuSab #boutonCTA1 {width: 100%; margin: 20% 0 0 -18%;}
	.menuSab #connect {width: 76%;}
	.contentSab #wrapBlah {margin: 0 0 0 9%;}
	.contentSab #wrapToolboxDroite {width: 30%;}
	#err-maxHashBlah {font-size: 0.9em;}
	.accordion input:checked[type="radio"] ~ #ul-inputAddHashBlah li.li-hashblah, .accordion input:checked[type="checkbox"] ~ #ul-inputAddHashBlah li.li-hashblah {display: block;}
	li.li-hashblah {display: none;}
	li.li-hashblah {width: 98% !important; line-height: 1em; font-size: 1.1em !important; padding: 2% 0 0 2% !important;}

	/*** Liblahry ***/
	.menuLiblahry #boutonCTA1 {width: 100%; margin: 20% 0 0 -18%;}
	.wrapMenuTabsFiles {width: 60%;}
	#ul-myLiblahry-page li .iconHeartLiblahry {margin: -109% -10% 0 0; font-size: 315% !important;}
	#ul-myLiblahry-page li .blah-like {margin: -107% -11% 0 0; font-size: 0.8em;}
		/* overlay settings */
		#ul-myLiblahry-page li div:nth-last-of-type(1) {width: 100%; padding-left: 20px;color: #FDC300}
		.overlay-blahactionsLeft {width: 86%; margin: -13px 0 0 !important; border-left: 12px solid transparent !important; border-bottom: 13px solid rgba(0,0,0,0.5) !important;}
		.pictoDelete {font-size: 1.7em; margin: 9px 15px !important;}
		.pictoSettings {font-size: 1.6em; margin: 10px 11px 0 3px !important;}
		.pictoPinNone {font-size: 2em; margin: 0px 30px 0 0 !important; padding-top: 3px}
		.pictoPinChecked {font-size: 2em; margin: 0px 30px 0 -20px !important;}
		.overlay-CheckIn::after {font-size: 2.6em;}
		/* logo blahvo games */
		#ul-myLiblahry-page li .imgLogoWonderGame {height: 43px; margin: -35px -11px -20px 0;}

	/*** Settings ***/
	.menuSettings #boutonCTA1 {width: 100%; margin: 20% 0 0 -18%;}
	.titreSettingsUser {width: 80%;}
	.menuSettings #wondername #wondername {width: 40% !important; margin: 0 0 0 13% !important;}
	.wrapAllSettings {width: 80%; margin: 3% 10%;}
  .contentSettings #settings-form .field:nth-last-of-type(2) {margin: -8% 10% 0 0;}


  .overlayBlahvo:hover::before {
    width: 40%;
    height: 35%;
    margin: 30% 0 0 -15%;
  }
  .overlayBlahvo:hover::after {
    margin: 40% 0 0 -45%;
  }

}

/* 601px to 768px */
@media all and (min-width: 601px) and (max-width: 768px) {
	/*** LP ***/
	#btFB a, #btTwitter a, #btYoutube a, #btPinterest a, #btGoogle a {font-size: 35px;}
	#Motto {margin-top: 12%;}
	#lienIndex {font-size: 15px;}
	#wrapVideo {float: left; width: 150%; margin: 0 0 0 -25%;}

	/*** Cab ***/
	#mottoWonderBlah {margin: 20% 0 0 3%; font-size: 1em;}
	#TextareaBubble {font-size: 13px; height: 55px; padding-top: 0 !important;}
	#TextareaCaption {font-size: 12px;}
}


/* 600px */
@media all and (max-width: 600px) {
	/*** LP ***/
	#btFB a, #btTwitter a, #btYoutube a, #btPinterest a, #btGoogle a {font-size: 35px;}
	#wrapLogoMotto {margin: 4% 0 -3%;}
	#Motto {margin-top: 17%;}
	#lienIndex {font-size: 11px !important; padding: 12px 0 8px 0;}
	.firstLine, .secondLine {font-size: 0.8em; float: left; height: auto; line-height: 100%;}
	#wrapVideo {float: left; width: 200%; margin: 0 0 0 -50%;}
	#video iframe {width: 100%;}
}