.btn-instagram
{
	border: 0;
    height: 24px;
    width: 24px;
    cursor: pointer;
	background:url(/img/logo-instagram-24.png) no-repeat;
	display: inline-block;
	background-size: cover;
	vertical-align: bottom;
}
#divBack
{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    overflow: auto;
    height: 470px;
    min-width: 540px;
    
}
#divBackContainer {
    display: none;
    position: absolute;
	z-index: 1;
	left: 0;
	top: 2px;
	right: 0;
	bottom: 2px;
    background-color: #F9F9F9;
    
    flex-wrap: wrap;
    justify-content: flex-end;
}
#divBackPreviousPage {
    opacity: 0.5;
    
}
#divBackClose {
    height: 22px;
    color: grey;
    background-color: transparent;
    border: none;
    font-weight: bolder;
    margin-right: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
    transform: rotate(-45deg);
    font-size: 1.2em;
}
#divBackClose:hover {
    color: black;
    cursor: pointer;
}
.backcanvasdiv
{
	width: 240px;
	cursor: pointer;
    display: flex;
    align-items: center;
    
    border: 4px solid #DDD;
    background-color: #DDD;
    border-radius: 12px;
    overflow: hidden;
    margin: 5px;
}
.backcanvasdisconnected
{
	pointer-events: none;

  /* for "disabled" effect */
  opacity: 0.5;
  /*background: #CCC;*/
}
.coLight {
    
    color: green;
    font-size: 6em;
    position: relative;
    width: 30px;
    height: 30px;
    z-index: 99;
    right: 25px;
    bottom: 160px;
     -webkit-touch-callout: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
.divFeatureCanvasBack {
    width: 0px;
    height: 0px;
}
.greenTick {
    display: none;
    right: 190px;
    bottom: 150px;
    height: 100px;
    width: 100px;
    color: green;
    font-size: 12em;
    position: relative;
    z-index: 99;
     -webkit-touch-callout: none;
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
.backcanvasdisconnected .coLight {
    color: red;
}

.backcanvas
{
    height: 180px;
    position: relative;
    z-index: 10;
    margin: auto;
}

.divCanvasWrapper {
    height: 180px;
    width: 240px;
    text-align:center;
}

.selectedback .greenTick
{
	display: block;
}


input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 13.8px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3961A5;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3961A5;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3961A5;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3961A5;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}


body { margin: 0px;  background-color : #ffffff; }

p {
font:11px "Verdana",sans-serif;
padding-left:0px;
padding-top:10px;
padding-bottom:0px;
margin-top:5px;
margin-bottom:0px;

}

h1 {
padding-left:35px;
padding-bottom:3px;
font-size:11px;
font:12px "Verdana",sans-serif;
margin-top:10px;
margin-bottom:0px;
background-image:url("//bazoocam.org/img/fleche.png");
background-repeat:no-repeat;
}

h2 {
padding-left:35px;
padding-bottom:3px;
font-size:11px;
font:12px "Verdana",sans-serif;
margin-top:15px;
margin-bottom:0px;
background-image:url("//bazoocam.org/img/fleche.png");
background-repeat:no-repeat;
}

#banniere_centre2{
width: 875px;
position: relative;
display: inline-block;
}

#font_banniere_haut {
width:100%;
height:90px;
background-size: 1280px 90px;
background-image:url('//bazoocam.org/img/font-banniere-haut.png');
text-align: center;
background-repeat: repeat-x;
min-width: 1182px;
}

.divgauche
{
	width: 140px;
	float:left;
	margin-right:10px;
	margin-top:24px;
}

#rndmapub
{
	background-color:white;
	text-align:right;
	overflow: hidden;
	width: 140px;
	display: block!important;
	z-index:2;
	float:left;
}
#rndmapub3
{
margin: 10px auto 0;
text-align: center;
border:none;
overflow:hidden;
height:90px;
width: 1182px;
}
#ilikeframe
{
	background-color:#f9f9f9;
	display: none;
	position:relative;
	top:-98px;
	left:50%;
	border:none;
	margin-left:-90px;
	overflow:hidden;
	width:510px;
	height:25px;
}
#banniere_centre {
width:100%;
height:90px;
margin: 0pt auto;
text-align: center;
position: relative;
}

#btn_inscription {
float:right;
width:144px;
height:30px;
padding:0;
margin:0;
background-image: url("//bazoocam.org/img/sprite3.png") ;
background-position:-221px -30px;
cursor:pointer;
}
#btn_inscription:hover {
	background-position:-221px 0px;
}
#btn_connexion {
float:right;
width:144px;
height:30px;
padding:0;
margin:0;
background-image: url("//bazoocam.org/img/sprite3.png") ;
background-position:-365px -30px;
cursor:pointer;
}
#btn_connexion:hover {
background-position:-365px 0px;
}


#btn_logout {
font:12px "Verdana",sans-serif;
float:right;
width:300px;
height:30px;
padding:0;
margin:0;
text-align:right;
}

#zone_btn{
position:absolute;
top:50px;
height:30px;
width:288px;
padding:0;
margin:0;
right: 38px;
}
#zone_btn2{
position:absolute;
top:40px;
margin:0;
padding:0;
text-align:left;
left: 420px;
}
.twitter-share-button{
width:120px !important;
}
#zone_language{
	position: absolute;
	top: 1px;
	text-align: left;
	width: 21px;
	right: 41px;
}
#zone_language a.link-to-nl{
	display: block;
}
#zone_language a img{
	display: block;
	border: 0;
}



#friends_div
{
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	background-clip: padding-box;
	background-color: #F9F9F9;
	border-color: rgba(0, 0, 0, 0.5);
	border-style: solid;
	border-width: 1px;

	box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
	color: rgb(51, 51, 51);
	direction: ltr;
	display: none;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	height: 553px;
	line-height: 14.079999923706055px;
	/*position: absolute;
	margin-left: 50%;
	left: 450px;
	*/

	text-align: left;
	top: 200px;
	width: 140px;
	overflow:hidden;
	float:right;
	box-sizing: border-box;
	
}
.askbenotified {
	padding: 3px 0px 0px 3px;
}

#friends_div_asknotification
{
background-color: #FFFF66;
cursor:pointer;
	overflow: hidden;
}
#friends_div_asknotification:hover
{
/*background-color: rgb(230, 230, 111);*/
cursor:pointer;
}
#friends_div_asknotification:hover .cancelbtninvi
{
background-position: -123px -0px;
}
#friendslist_div_container0
{
overflow-y:auto;
height:493px;
}
#friends_div.block
{
		display: block;
}
#friends_ul
{
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	text-align: left;
	width: 100%;
	
	overflow: hidden;
}

#friendsw_ul
{
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  border-top-width: 1px;
  border-top-style: solid;
	text-align: left;
	width: 100%;
	overflow: hidden;
}
#friendslist_div
{

}
#friends_add_infobox
{ 	z-index:10;
		padding:3px 0 3px 5px;
		bottom: 25px;
		right: 3px;
    width:100px;
    line-height:16px;
	  display:inline;
	  position:absolute;
	  color:#111;
    border:1px solid #DCA;
    background:#fffAF0;
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.overload_btn_notif_jaune {
	margin: 0 auto !important;
	float:none  !important;
}

.friends_add_btn_cadre {
	margin: 0 auto 3px auto;
	width: 50px;
	border: 1px solid #DDD;
	margin-top: 3px;
	
	padding-top: 3px;
	border-radius: 5px;

}

.friends_add_btn_cadre:hover
{
background-color: rgb(230, 230, 111);
}

.friends_add_btn
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position: -160px -2px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#friends_add_btn
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-196px -39px; 
	cursor: pointer;
	width: 18px;
	height: 18px;
	float:right;
}

#friends_add_btn:hover
{
	background-position:-177px -39px;
}
#friends_add_input
{
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	width:108px;
	padding-left:0px;
	font-size: 11px;
	float:left;
}

#friends_add_div
{
	margin: 0 0 0 5px;
	
	overflow:hidden;
}
#friends_div.fixed {
  position: fixed;
  top: 0;
}
.friends_il
{

	display: list-item;
	list-style-type: none;
	width: 100%;
	cursor: pointer; 
	height: 32px;
}
.friends_iw
{

	display: list-item;
	list-style-type: none;
	width: 100%;
	cursor: default; 
	height: 25px;
}
.friends_right
{
	float:right;

}
.friends_text
{
	
	text-align: left;
	line-height: 23px;
	padding-left: 2px;
	text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;
}
.friends_online
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:0px 0px;
	float:right;
	height:7px;
	width:7px;
	margin-top:5px;
}
 .friends_il:hover .cancelbtninvi
 {
 	background-position: -123px -0px;
 }
  .friends_iw:hover .cancelbtninvi
 {
 	background-position: -123px -0px;
 }
 .cancelbtninvi:hover
{
	background-position: -107px -0px !important;
}
.likealink{ color: blue; cursor: pointer;display: inline-block; }
.likealink:hover{text-decoration:underline;}
.likealinktitre:hover{text-decoration:underline;}
.likealinktitre{ 
	float:left;
	color: blue;
	 cursor: pointer;
	 display: inline-block;
	 	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 14px;
text-align:left;
line-height: 23px;
padding-left:9px;
font-weight:normal;
width:125px;
text-decoration: underline;
	  }
.forminscription
{
	padding-top: 10px;
}
.cancelbtninvi
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -83px -0px;
width: 18px;
height: 18px;
cursor:pointer;
float:right;
}

  .friends_iw:hover 
{
		-webkit-box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
		background-color: rgb(224, 228, 238);
		box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;

}
 .friends_il:hover 
{
		-webkit-box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
		background-color: rgb(224, 228, 238);
		box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;

}

.chatbox_mini
{
	height: 23px !important;
	width: 150px !important;
}
.chatbox
{
	 	height:285px;
	 	width:260px;
	 	margin-top:-285px;
	 	position: fixed;
		bottom: 0px;
		background-color: rgb(237, 239, 244);
		color: rgb(51, 51, 51);
  		overflow: hidden;
		z-index:2;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		/* https://codepen.io/anon/pen/LKqLLR */
		display: flex;
	    flex-direction: column;
	    align-items: stretch;		
}

.btnSendChatBox {
	background-image: url(//bazoocam.org/img/sprite3.png);
    background-position: -320px -40px;
    background-size: 342px;
    width: 24px;
    height: 24px;
    background-color: transparent;
	border: none;
	cursor : pointer;
	outline: none;
}

.buttonUploadImg {
	background-image: url(//bazoocam.org/img/sprite3.png);
    background-position: -295px -40px;
    background-size: 342px;
    width: 24px;
    height: 24px;
    background-color: transparent;
	border: none;
	cursor : pointer;
	outline: none;
}

.chatbox_focus
{
	background-color: #3961A5 !important;
}
.chatbox_blink
{
	background-color: #AF4343 !important;
	border-top-color: #AF4343  !important;
	border-left-color: #AF4343  !important;
	border-right-color: #AF4343  !important;
}

.chatbox_top
{
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #436BAF;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
color: rgb(51, 51, 51);
height: 25px;
text-align: left;
width: 100%;
margin-left: -1px;
border-left: 1px solid #3961A5;
border-right: 1px solid #3961A5;
border-top: 1px solid #3961A5;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
cursor : pointer;
}
.chatbox_mini .chatbox_top .chatbox_pseudo
{
	max-width:120px !important;
}

.chatbox_mini .chatbox_top .chatbox_right .chatbox_video_online
{
	display:none !important;
}
.chatbox_mini .chatbox_top .chatbox_right .chatbox_video_offline
{
	display:none !important;
}
.chatbox_pseudo
{
	max-width:205px;
color: rgb(255, 255, 255);
direction: ltr;
display: inline;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 21px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 0px;
margin-top: 0px;
text-align: left;
text-decoration: none solid rgb(255, 255, 255);
white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
float:left;
}

.chatbox_pseudo_online::before
{
background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:0px 0px;
	margin:0 5px 0 0px;
	content: "";
	display: inline-block;
	height:7px;
	width:7px;
}

.chatbox_right
{
	float:right;
}

.chatbox_video_offline_fr
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-193px 0px;
	height:25px;
	width:25px;
	float:left;
}
.chatbox_video_online_fr
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-174px 0px;
	cursor: pointer;
	height:25px;
	width:25px;
	float:left;
}

.chatbox_video_offline
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-27px 0px;
	height:25px;
	width:25px;
	float:left;
}
.chatbox_video_online
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-8px 0px;
	cursor: pointer;
	height:25px;
	width:25px;
	float:left;
}

.chatbox_video_online:hover
{
	background-position:-193px -17px;
}
.chatbox_video_online_fr:hover
{
	background-position:-174px -17px;
}

.chatbox_close
{
	background-image: url("//bazoocam.org/img/sprite3.png") ;
	background-position:-64px 0px;
	height:25px;
	width:25px;
	float:right;
	cursor: pointer;
}
.chatbox_close:hover
{
	background-position:-46px 0px;
}
.chatbox_text
{
	background-color: #F9F9F9;
}
.chatbox_mini .chatbox_text_container
{
	display:none !important;
}
.chatbox_mini .chatbox_input
{
	display:none !important;
}
.chatbox_text_container
{
	height:228px;
	background-color: #F9F9F9;
	
	border-left-color: rgba(0, 0, 0, 0.298039); 
	border-left-style: solid; 
	border-left-width: 1px; 
	border-right-color: rgba(0, 0, 0, 0.298039); 
	border-right-style: solid; 
	border-right-width: 1px;
	overflow-y: auto;
	overflow-x: hidden;

	display: flex;
	width: 100%;
	height: auto;
	flex: 1;
	overflow-y:auto;
	flex-direction: column-reverse;
}
.column_non_reverse
{
	flex-direction: column !important;
}
.flex-direction-column
{
	flex-direction: column !important;
}
.chatbox_input
{
	background-color: rgba(240, 240, 240, 1);
    border-top-width: 1px;
    cursor: text;
    direction: ltr;
    display: block;
    position: relative;
    text-align: left;
    /* width: 100%; */
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;

    /* https://codepen.io/anon/pen/LKqLLR */
    width: 100%;
	max-height: 120px;
	margin: auto;
	overflow-y:auto;
	overflow-x:hidden;
}

.chatbox_textarea
{
	-webkit-appearance: none; 
    -webkit-user-select: text;
    background-color: rgb(255, 255, 255);
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
   /* outline-style: none;*/
   outline-width: 0px;
    word-wrap: break-all;
    width: 180px;
    padding: 3px 10px 3px 10px;
    border-radius: 10px;
    max-height: 75px;
    overflow-y: auto;
    margin: 5px 0 5px 0;
    min-height: 17px;
}

.chatbox_textarea:after {
    content: '\200B';
}
.chatbox_msgin:before
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-color: rgb(247, 247, 247);
background-position: -0px -27px;
background-repeat: no-repeat;
background-size: auto;
display: block;
height: 13px;

position: absolute;
top: 5px;
width: 8px;
	content: "";
	left:-8px;
}
.chatbox_msgin
{
	-webkit-box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
background-color: rgb(247, 247, 247);
background-image: -webkit-linear-gradient(bottom, rgb(242, 242, 242), rgb(255, 255, 255));
border-bottom-color: rgba(0, 0, 0, 0.290196);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0.180392);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0.180392);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0.180392);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
clear: none;
color: rgb(62, 69, 76);
direction: ltr;
display: block;
float: left;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
/*line-height: 14.079999923706055px;*/
margin-bottom: 5px;
margin-left: 10px;
margin-right: 0px;
margin-top: 5px;
max-width: 70%;
min-height: 14px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 6px;
padding-top: 4px;
position: relative;
text-align: left;
text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px;
white-space: pre-wrap;
word-wrap: break-all;
}

.chatbox_msgout::after
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-color: rgb(219, 237, 254);
background-position: -9px -27px;
background-repeat: no-repeat;
background-size: auto;
display: block;
position: absolute;
top: 5px;
width: 8px;
height: 13px;
right:-8px;
	content: "";
}

.chatbox_msgin, .chatbox_textarea, .chatbox_msgout {
	font-size: 12px !important;
}
.msg_img
{

}
.chatbox_msg_img
{
	max-width: 100% !important;
    max-width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    max-width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
    max-width: fill-available  !important;
}
.chatbox_msgout
{
	-webkit-box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
background-color: rgb(219, 237, 254);
background-image: -webkit-linear-gradient(bottom, rgb(199, 222, 254), rgb(231, 241, 254));
border-bottom-color: rgba(0, 0, 0, 0.290196);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0.180392);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0.180392);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0.180392);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
clear: none;
color: rgb(62, 69, 76);
direction: ltr;
display: block;
float: right;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
/*line-height: 14.079999923706055px;*/
margin-bottom: 5px;
margin-left: 0px;
margin-right: 10px;
margin-top: 5px;
max-width: 70%;
min-height: 14px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 5px;
padding-top: 4px;
position: relative;
text-align: left;
text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px;
white-space: pre-wrap;
word-wrap: break-all;
}
.clearboth { 
    clear:both;
}
.timestamp 
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-position: 0px -98px;
background-repeat: no-repeat;
background-size: auto;
border-collapse: collapse;
color: rgb(51, 51, 51);
direction: ltr;
display: block;
height: 2px;
margin-bottom: 6px;
margin-left: 0px;
margin-right: 0px;
margin-top: 6px;
text-align: center;
width: 100%;
}
.qtip-baz
{
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}
.timestamp_txt
{
		background-color: #f9f9f9;
border-collapse: collapse;
color: rgb(153, 156, 165);
direction: ltr;
display: inline-block;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
height: 12px;
line-height: 12.800000190734863px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
position: relative;
text-align: center;
top: -11px;
}

.timestamp_txt_friend
{
border-collapse: collapse;
color: rgb(153, 156, 165);
direction: ltr;
display: inline-block;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
height: 12px;
line-height: 12.800000190734863px;
padding: 0px 0px 0px 8px;
position: relative;
text-align: center;
top: -7px;
text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;
}
.typing
{
background-image: url(//bazoocam.org/img/sprite3.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -25px -25px;
height: 31px;
line-height: 32px;
margin-left: 5px;
width: 39px;
}

.videoasking
{
		-webkit-box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
background-color: rgb(219, 237, 254);
background-image: -webkit-linear-gradient(bottom, rgb(199, 222, 254), rgb(231, 241, 254));
border-bottom-color: rgba(0, 0, 0, 0.290196);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0.180392);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0.180392);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0.180392);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
clear: none;
color: rgb(62, 69, 76);
direction: ltr;
display: block;
float: right;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
line-height: 14.079999923706055px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 10px;
margin-top: 5px;
max-width: 173px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 0px;
padding-top: 4px;
position: relative;
text-align: left;
text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px;
white-space: pre-wrap;
word-wrap: break-word;
align-self: flex-end;
}

.videoasking::after
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-color: rgb(219, 237, 254);
background-position: -9px -27px;
background-repeat: no-repeat;
background-size: auto;
display: block;
position: absolute;
top: 5px;
width: 8px;
height: 13px;
right:-8px;
	content: "";
}
#cam-box
{
	margin: 0 auto;
	margin-top:10px;
	width: 1182px;
}
#rChatIE
{
	display:flex;
	height:560px;
	width: 880px;
	margin-right:10px;
	float:left;
}

.cancelbtn
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -123px -0px;
width: 18px;
height: 18px;
cursor:pointer;
display:inline-block;
position: relative;
top: 5px;
}

.logoutbtn
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -138px -16px;
width: 18px;
height: 18px;
cursor:pointer;
display:inline-block;
position: relative;
float:left;
}
.logoutbtn:hover
{
background-position: -156px -16px;
}

.nonbtn:hover .cancelbtn
{
	background-position: -107px -0px;
}
.cancelbtn:hover
{
background-position: -107px -0px;

}


.videorequest:before
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-color: rgb(247, 247, 247);
background-position: -0px -27px;
background-repeat: no-repeat;
background-size: auto;
display: block;
height: 13px;

position: absolute;
top: 5px;
width: 8px;
	content: "";
	left:-8px;
}
.videorequest
{
	-webkit-box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
background-color: rgb(247, 247, 247);
background-image: -webkit-linear-gradient(bottom, rgb(242, 242, 242), rgb(255, 255, 255));
border-bottom-color: rgba(0, 0, 0, 0.290196);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: collapse;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgba(0, 0, 0, 0.180392);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgba(0, 0, 0, 0.180392);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgba(0, 0, 0, 0.180392);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(220, 224, 230) 0px 1px 0px 0px;
clear: none;
color: rgb(62, 69, 76);
direction: ltr;
display: block;
float: left;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
line-height: 14.079999923706055px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 10px;
margin-right: 0px;
margin-top: 5px;
max-width: 173px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 6px;
padding-top: 4px;
position: relative;
text-align: left;
text-shadow: rgba(255, 255, 255, 0.498039) 0px 1px 0px;
white-space: pre-wrap;
word-wrap: break-word;
align-self: flex-start;
}
.ouibtn:hover
{
color: #20272E !important;
}
.nonbtn:hover
{
color: #20272E !important;
}
.ouibtn
{
	margin-right: 6px;
	float: left;
	cursor:pointer;

}
.nonbtn
{
	float: left;
	cursor:pointer;

}

.acceptbtn
{
	-webkit-background-size: auto;
background-image: url(//bazoocam.org/img/sprite3.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -155px -0px;
width: 18px;
height: 18px;
margin-right: 1px;
cursor:pointer;
display:inline-block;
position: relative;
top: 5px;
}
.ouibtn:hover .acceptbtn
{
	background-position: -137px -0px;
}
.acceptbtn:hover
{
background-position: -137px -0px;

}
.pseudo_text {
float: left;
text-align:left;
line-height: 23px;
padding-left:5px;
text-overflow: ellipsis;
width: 113px;
overflow: hidden;
white-space: nowrap;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 13px;
font-weight:bold;
	text-overflow: ellipsis;
}
.pseudo_line
{
		margin: 0 0 0 0;
	padding: 8px 0px 6px 0px;
border-bottom-style: solid;
border-bottom-width: 2px;
	width:140px;
overflow:hidden;
}

.line
{
	margin: 0 0 0 0;
	padding: 8px 0px 0 8px;
	text-align: left;
	width: 125px;
	
	/*overflow:hidden;*/
}
.titre_line
{
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 13px;
font-weight:bold;
}
.txt_line
{
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
}
.input_line
{
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	width:120px;
	font-size: 11px;
	border: 1px solid gray;
	cursor: pointer;
}

.txt_error
{
	color:red;
}
.input_error
{
	border-color:red;
}

.ui-dialog{
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 15px;
  overflow: hidden;
 	position: absolute;

}

.ui-dialog-title{
    font-size: 11px;
}
#zone_chatroulette {
text-align: center;
width:100%;
min-width: 1182px;
}

#zone_chatroulette2 {
margin: 0 auto; 
width:880px;
text-align: right;
}


#img_fond_chatroulette {

text-align: left;
float: right;
right: 0px;
-webkit-background-clip: padding-box;
-webkit-box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
background-color: #F9F9F9;
border-color: rgba(0, 0, 0, 0.5);
border-style: solid;
border-width: 1px;
box-shadow: rgb(178, 185, 201) 2px 0px 2px -2px inset;
}

#text_chatroulette {
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
}

#video_overlays {
	position:absolute;
	float:left;
	background-color: transparent;
	text-align: center;
	z-index: 1;
	opacity: 1;
	width:320px;
	height: 240px;
}
#video_overlays_haut {/*NEW*/
	position:absolute;
	float:left;
	background-color: transparent;
	text-align: center;
	z-index: 1;
	opacity: 1;
	width:320px;
	height: 240px;
	opacity:0;
}
#volumePartner{
margin-top: 210px;
}
#video_overlays_haut:hover {
	opacity: 1 !important ;
}

.imgdesactive{
	width:320px;
}
#webcamdesactive{

}
#selectcammic{
	position:absolute;
	bottom: 10px;
	left:00px;
	width:300px;
	height: 50px;
	opacity: 0;
}
#webcamdesactive a{
	margin-top: 100px;
	color:white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
#video_overlays:hover {
	opacity: 1 !important ;
}
#audioSource,#videoSource {
	width:230px;
}
.select_input
{
	color: #F9F9F9;
	height: 25px;
	font-family: arial;
	font-size:12px;
	padding-left: 10px;
}
.baz_video
{
	float:left;
	width:320px;
	height:240px;
}
.background_video
{
	color: black;
	background-color: black;
	margin:0px 3px 3px 3px;
	/*background:url(/img/loading-icon-transparent-background-12.jpg);
		background-size:30%;
	background-repeat: no-repeat;
  background-position: center; 
	*/
	display:flex;
}
.colonne_video
{
	display: inline-block;
	width:328px;
	position: relative;

}
.container_video
{
	border: 1px solid gray;
	border-radius: 5px;
	background: linear-gradient(#F9F9F9, black);
}
.container_video_bas
{
	position: absolute;
  bottom: 0;
  left: 0;
}
.containter_status
{

	width:100%;
	height:22px;

}
#partnerStatus{
	height: 17px;
	width: 315px;
	margin-left: 5px;
	padding-top: 4px;
	overflow: hidden;
	font-family: arial;
	font-size: 13.333333px;

}
.colonne_chat
{	
	position: relative;
	width:100%;
	margin:0 0 0 10px;
}
.container_chat
{	
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:5px;

}
#connexion_en_cours
{
	font-weight: bold;
	font-family: arial;
	font-size: 18px;
	height: 100px;
	margin-top: 30px;
}

#connexion_en_cours:not([data-state="disconnect"])
{
	display: none;
}
#nextButton_first
{

	border:0;
	height: 100px;
	width: 342px;
	margin-top: 30px;
	display: none;
	cursor: pointer;
}
#nextButton_first:hover
{
	background-position:0px -100px; 
}
#nextButton_first:not([data-state="disconnect"])
{
	display: inline;
}
.titre_bienvenue
{
	font-weight: bold;
	font-family: arial;
	font-size: 18px;
	margin-top: 10px;
}
.container_chkgeo
{
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	padding-left: 15px;
	text-align: left;
	padding-top: 60px;
}
.container_plus18
{
	display: inline-block;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
	font-size: 11px;
	font-family: arial;
}
.container_plus18 a
{
	color:black;
}
.container_img
{
	display: inline-block;
}
.container_img_1
{
	float: left;
	height: 200px;
	width: 160px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	color: #4568A3;
	font-style: italic;
	font-size: 14px;
	font-family: arial;
}
p { font: inherit }
#container_chat_first
{
	border: 1px solid gray;
	border-radius: 5px;
	text-align:center;
	background-color:#F9F9F9;
}
#container_chat_not_first
{
	display: none;
}
.boutonskin:lang(tr) {background:url(/img/skins/skintr.png) no-repeat;}
.boutonskin:lang(ru) {background:url(/img/skins/skinru.png) no-repeat;}
.boutonskin:lang(nl) {background:url(/img/skins/skinnl.png) no-repeat;}
.boutonskin:lang(ja) {background:url(/img/skins/skinja.png) no-repeat;}
.boutonskin:lang(it) {background:url(/img/skins/skinit.png) no-repeat;}
.boutonskin:lang(in) {background:url(/img/skins/skinin.png) no-repeat;}
.boutonskin:lang(fr) {background:url(/img/skins/skinfr.png) no-repeat;}
.boutonskin:lang(es) {background:url(/img/skins/skines.png) no-repeat;}
.boutonskin:lang(en) {background:url(/img/skins/skinen.png) no-repeat;}
.boutonskin:lang(de) {background:url(/img/skins/skinde.png) no-repeat;}
.boutonskin:lang(pt) {background:url(/img/skins/skinpt.png) no-repeat;}
.boutonskin_jeu {background:url(/img/skins/skinjeu.png) no-repeat;}
.baz_bouton
{	
	border:0;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 13px;
  border-radius: 5px;
	height: 34px;
	width: 114px;
	cursor: pointer;
}
.baz_bouton_jeu
{	
	border:0;
	margin-top: 10px;
	margin-left: 10px;
  border-radius: 5px;
	height: 34px;
	width: 72px;
	cursor: pointer;
}
.baz_bouton_jeu[data-jeu="1"]
{
	background-position: 0px 0px; 
}
.baz_bouton_jeu[data-jeu="1"]:hover:enabled
{	
	background-position: -72px 0px;
}
.baz_bouton_jeu[data-jeu="4"]
{
	background-position: 0px -34px; 
}
.baz_bouton_jeu[data-jeu="4"]:hover:enabled
{	
	background-position: -72px -34px;
}
.baz_bouton_jeu[data-jeu="2"]
{
	background-position: 0px -68px; 
}
.baz_bouton_jeu[data-jeu="2"]:hover:enabled
{	
	background-position: -72px -68px;
}
button:focus {outline:none;}
#container_boutons
{	
	border: 1px solid gray;
	border-radius: 5px;
	height: 45px;
	background-color:#F9F9F9;
}
#container_chat_bas
{	
	position: absolute;
	top:55px;
	bottom:0px;
	left:0;
	right:0;
	border: 1px solid gray;
	border-radius: 5px;
	background-color:#F9F9F9;
}
#typing
{
	font-family: arial;
	font-size: 10px;
	margin-right: 10px;
	text-align: right;
	opacity:0;
	clear: right;
	position: absolute;
	right: 0;
	bottom: 40px;
}
.container_text
{
	padding: 10px 10px 0px 10px;
	overflow-y: auto;
	overflow-x: hidden;
	height: 386px;/*430*/
	word-break: break-all;
	font-family: arial;
	font-size: 14px;
	float: left;
	width: 520px;
}
.container_text_input
{	
	position: absolute;
	height:30px;
	bottom:5px;
	left:5px;
	right:5px;
	width:487px;
	border: 1px solid gray;
	border-radius: 5px;
	background: url(/img/bulle.png) no-repeat scroll 9px 9px;
	padding-left:40px;
}

.container_text_input:disabled
{	
	background: #CCC; 
}

#nextButton:disabled,#reportButton:disabled
{
	cursor: auto;
}

#nextButton
{
	background-position: 0px -200px; 
}
#nextButton:disabled
{	
	background-position: 0px -234px;
}

#nextButton:hover:enabled
{	
	background-position: 0px -268px;
}

#reportButton
{
	background-position: -114px -200px; 
}
#reportButton:disabled
{	
	background-position: -114px -234px;
}

#reportButton:hover:enabled
{	
	background-position: -114px -268px;
}

#filleButton[data-skin='7']
{
	background-position: -228px -200px; 
}
#filleButton:disabled[data-skin='7']
{	
	background-position: -228px -234px;
}

#filleButton:hover[data-skin='7']
{	
	background-position: -228px -268px !important;
	animation :0;
}

#filleButton[data-skin='3']
{
	background-position: -0px -302px; 
}
#filleButton:disabled[data-skin='3']
{	
	background-position: -114px -302px;
}

#filleButton:hover[data-skin='3']
{	
	background-position: -228px -302px !important;
}



#filleButton[data-skin='8']
{
	background:url(/img/skins/skinfrhi.png) no-repeat;
	background-position: 0px 0px; 
}
#filleButton:disabled[data-skin='8']
{	
	background-position: 0px -34px;
}

#filleButton:hover[data-skin='8']
{	
	background-position: 0px -68px !important;
	animation :0;
}

#filleButton[data-skin='9']
{
	background:url(/img/skins/skinenhi.png) no-repeat;
	background-position: 0px 0px; 
}
#filleButton:disabled[data-skin='9']
{	
	background-position: 0px -34px;
}

#filleButton:hover[data-skin='9']
{	
	background-position: 0px -68px !important;
	animation :0;
}

.boutonskin:lang(pt) {background:url(/img/skins/skinpt.png) no-repeat;}

.container_text_input_status
{	
	height:20px;
	width:315px;
	margin-left: 5px;
	border:0;
	background: transparent;
	outline: none;
}

.container_text_input_status::-webkit-input-placeholder{color:red;}
.container_text_input_status::-moz-placeholder{color:red;}
.container_text_input_status::-ms-input-placeholder {color:red;}
.container_text_input_status::-moz-placeholder{color:red;}

.shadow_absolute
{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:5px;
	display: flex;
  margin:0 5px 0 5px;
}

.shadow
{
	height:5px;
	display: flex;
  margin:0 5px 0 5px;
}
.shadow_left
{
	width:50%;
	display: inline-block;
	background: linear-gradient(181deg,#8B8B8B, white 66%,white);
}
.shadow_right
{
	width:50%;
	display: inline-block;
	background: linear-gradient(179deg,#8B8B8B, white 66%,white);
}
.container_link
{
  display: flex;
  justify-content: space-between;
  list-style-type: none;
	padding-left: 160px;
	padding-right: 160px;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	margin-top: 3px;
	clear: left;

}
.container_link a
{
	color: black;
}

.ui-dialog .ui-dialog-buttonpane { text-align: center; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none!important; }
.ui-corner-all {
	border-radius: 5px;
}
.lienchat
{
	color: black;
	font-weight: bold;
}
.blink {
  animation: blink-animation 0.5s linear 7;
}
@keyframes blink-animation {
  to {

		background-color: aquamarine;
  }
}


.blinkbtn {
	animation: blink-btn-animation 1.5s step-end infinite;
}
@keyframes blink-btn-animation {
	0%
	{
		background-position : -228px -200px;
	}
	50% {
		background-position : 0px -336px;
	}
}
.tetris_fond
{
	background-image: url(/img/jeux/fond2_tetris.png);
	position: absolute;
	top: -5px;
	left: -1px;
	height: 511px;
	z-index: 1;
	width: 540px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.tetris_next1
{
	position: absolute;
	top: 46px;
	left: 9px;
	height: 34px;
	width: 58px;
}
.tetris_next2
{
	position: absolute;
	top: 46px;
	left: 472px;
	height: 34px;
	width: 58px;
}
.tetris_score
{
	position: absolute;
	top: 9px;
	left: 223px;
	height: 24px;
	width: 91px;
}

.tetris_jeu1
{
	position: absolute;
	top: 46px;
	left: 80px;
	height: 360px;
	width: 180px;
}
.tetris_jeu2
{
	position: absolute;
	top: 46px;
	left: 279px;
	height: 360px;
	width: 180px;
}
.tetris_txti
{
	position: absolute;
	top: 474px;
	left: 56px;
	height: 30px;
	width: 394px;
	border-width: 0px;
	background: transparent;
	outline: none;
	padding-left: 35px;

}
.tetris_txto
{
	position: absolute;
	top: 415px;
	left: 56px;
	height: 53px;
	width: 430px;
	overflow-y: hidden;
	overflow-x: hidden;
	word-break: break-all;
	padding: 0 10px 0 5px;
	font-family: arial;
	font-size: 14px;
}
.tetris_getrdy
{
	background-image: url(/img/jeux/getready_tetris.png);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 352px;
	z-index: 1;
	width: 440px;
	border-left: 50px solid black;
	border-right: 50px solid black;
	border-top: 79px solid black;
	border-bottom: 80px solid black;
	display: none;
}

.tetris_lose
{
	background-image: url(/img/jeux/defaite_tetris.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 352px;
	z-index: 1;
	width: 440px;
	border-left: 50px solid black;
	border-right: 50px solid black;
	border-top: 79px solid black;
	border-bottom: 80px solid black;
	display: none;
}
.tetris_win
{
	background-image: url(/img/jeux/victoire_tetris.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 352px;
	z-index: 1;
	width: 440px;
	border-left: 50px solid black;
	border-right: 50px solid black;
	border-top: 79px solid black;
	border-bottom: 80px solid black;
	display: none;

}
.font_classement{
font-size: 11px;
font-weight: normal;
vertical-align: super;
}

#outText {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    line-height: 18px;
}

#addfriendbtn:hover
{
	background-position: -24px 0px;
}

#addfriendbtn
{
	background-image: url(/img/addfriend.png);
	width: 24px;
	height: 39px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
	display: none;
}
.morpion_div
{
	width: 255px;
	height: 386px;
	float: right;
}
.morpion_case_div
{

	background-image: url(/img/jeux/fond_morpion.png);
	width: 255px;
	height: 255px;
}
.morpion_score
{
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 30px;
	height: 30px;
}
.morpion_score1
{
	float: left;
	height: 45px;
	font-size: 32px;
	font-family: arial;
	font-weight: bold;
	color: #3961A6;
}
.morpion_score2
{
	float: right;

	height: 45px;
	font-size: 32px;
	font-family: arial;
	font-weight: bold;
	color: #AF4343;
}
.p4_div
{
	width: 255px;
	height: 386px;
	float: right;
}
.p4_case_div
{

	background-image: url(/img/jeux/fond_puissance4.png);
	width: 255px;
	height: 219px;
}
#volumePartner
{
	width: 250px;
}
#container_video_haut > .background_video[data-state="suivant"] {

	background-image:url(/img/loading_baz.gif);
	background-size:30%;
	background-repeat: no-repeat;
	background-position: center;  
	background-color: 0;
}

#container_video_haut > .background_video[data-state="stream"][etat-stream="connecting"] {
	background-image:url(/img/loading2.gif);
	background-size:10%;
	background-repeat: no-repeat;
	background-position: center;  
	background-color: 0;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#foregrounddiv
{
	opacity: 0;
	display:none;
}
.hideforeground {
	animation: hideforeground-animation 3s linear 1 normal forwards;
}
@keyframes hideforeground-animation {
	from { opacity: 1; }
	to { opacity: 0; }
}

/* LAURENT MOBILE CSS*/
@media (pointer:none), (pointer:coarse) {
	.msg_img
	{
		height: 200px;
	}
	body{
		width:100vw;
		height: 100vh;
	}

	.chatbox_msgin, .chatbox_textarea, .chatbox_msgout {
		font-size: 14px !important;
		}	
	.chatbox_textarea
	{
		width: calc(100vw - 80px);
	}
	#foregrounddiv
	{
    display: flex;
    /*justify-content: flex-end;*/
    flex-direction: column;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;   
    margin-top: 79px;
    padding-bottom: 25px;
    padding-left: 5px;
	overflow: hidden;
	color:white;
	}

	#mob-status-display {
		color: white;
	    z-index: 11;
	    position: fixed;
	    top: 5px;
	    left: 5px;	   
	}

	#mob-status-display, #foregrounddiv {
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		/*font-family: arial;*/
		text-shadow: black 0px 0px 10px;
	}

    
    .cancelbtninvi
     {
        background-position: -123px -0px;
     }
    
    #container_video_bas .container_video {
        position: fixed;
        bottom: 0;
        right: 0;
    }
    
    
    body{ background-color: black;}
    
    .popMobile {
        position: fixed;
        
        top: 160px;
        font-family: "Verdana",sans-serif;
        color: white;
        font-size: 22px;  
        background-color: rgba(67, 107, 175, 0.6);
        padding: 8px;
        width:80%;
        margin: 0 0 0 -40%;
        left:50%;
        pointer-events: none;
        display: none;
        z-index: 59;
        border-radius: 16px;
	}
	
	#tutoFleche, #tutoFleche2, #tutoFlecheInsta {
        background-color: transparent;
        border: none;  
        background-image:url(/img/mobicons20.png);
    }

    #tutoFleche, #tutoFlecheInsta {
        background-position: -600px;
        float: right;    
    }

    #tutoFleche2 {
        background-position: -780px;
        float: left;    
    }

    #tutoFlecheInsta, #tutoFleche2 {
        width: 60px;
    	height: 60px;
    }

    #tutoInsta {
    	left: 44%;
	    top: 275px;
	    width: calc(100% - 120px);
    }

	
	
    #tutoAddFriend {
        position: relative;
        width: calc(100vw - 125px);
        right: calc(100vw - 125px);
        left: unset;
        top: unset;
    }
    
    #tutoNext {
        display: block;
    }
    
    #top-bleu {
        height: 60px;
        background-color: #436BAF;
        color: #FFFFFF;
    }
    
    #top-bleu-friends_div {
        height: 60px;
        background-color: #436BAF;
        color: #FFFFFF;
    }
    
    #top-bleu-friends_div {
        height: 60;
        background-color: #436BAF;
        color: #FFFFFF;
        font-size: 30px;
        font-family: "Verdana",sans-serif;
        text-align: center;
        line-height: 60px;
    }
    
    .line {
        text-align: center;
        margin: auto;
        width: 100%;
        padding: 0 0 0 0;
        margin-top: 5px;
    }
    
    .friends_text
    {

        line-height:30px;
    }
    .chatbox_input {
        width:  100%;
    }
    
    .chatbox_top {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 80;
    }
    
    .titre_line {
        font-size: 2em;
        line-height: 2em;
        
    }
    
    .pseudo_line {
        display:none;
    }
    
    .friends_iw {
        height: auto;
        font-size: 22px;
        line-height: 30px;
        margin-left: 15px;
        width: calc(100vw - 15px);
        margin: 0px 10px 0 0;
    }
    
    .friends_right {
        margin-top: 8px
    }
    
    #friends_add_div {
        position: fixed;
        width: 100%;    
        top: 120px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    
    
    
    #friends_add_input {
        font-size: 1.6em;
        width: 80%;
        border: none;
        margin: unset !important;
    }
    
    #friends_add_infobox {
        position: fixed;
        bottom: 70px;
        width: 100%; 
        padding:3px 5px 3px 5px;
    }
    
    
    .input_line[type=submit] {
        margin-top: 20px;
    } 
    
    .input_line {
        font-size: 1.6em;
        width: 80%;
        display: block;
        margin: 0 auto 0 auto;
    }
    
    #friends_add_btn {
        
        background-image: url(//bazoocam.org/img/sprite3.png);
	    background-position: -320px -40px;
	    background-size: 342px;
	    width: 24px;
	    height: 24px;
	    background-color: transparent;
	    border: none;
	    cursor: pointer;
    }

    #friends_add_btn:hover
	{
		background-position: -320px -40px;
	}
    
    #mob-menu-items 
    {
        line-height: 60px;
        
        background-color: #FFFFFF;
        position: fixed;
        
        font-family: "Verdana",sans-serif;
        color: #436BAF;
        text-align: center;
        font-size: 30px;  
        display: none;
        width: 100%;
        height: 100%;
        z-index: 60;
    }
    
    
    
    #div-input-SetStatus 
    {
        top: 100px;
        position: absolute;
        
        width: 80%;
        left: 10%;
        background-color: #436BAF;
        
        border-radius: 8px;
        display: none;
        z-index: 51;
        text-align:center;
        display: none;
    }
        
	#mob-btn-menu, #mob-btn-friends-liste, #mob-btn-friends-request, #addfriendbtn, #mob-btn-insta, #mob-btn-mute, #mob-btn-play, #mob-menu-items-close, #mob-friends_div-items-close, .chatbox_close {
		background-color: transparent;
		border: none;  
		background-image:url(/img/mobicons20.png);
		width: 60px;
		height: 60px;
		position: fixed;
		display: block;
		z-index: 50;
    }

    #mob-btn-menu  {
        top:15px;
        right: 15px;
    }

    #mob-menu-items-close {
        background-position: -180px;
        position: static;
        float: right;
    }

    #mob-friends_div-items-close {
        background-position: -180px;
        position: static;
        float: right;
    }

    .chatbox_close {
        position: static;
        background-position: -180px;
    }

    #mob-btn-friends-request {
        top:145px;
        right: 15px;
		background-position: -240px;
		display: none;
    }

    #addfriendbtn {
        background-position: -420px;
        margin: auto;
        top: 210px;
        right: 15px;
    }

    #mob-btn-friends-liste {
        top:80px;
        right: 15px;
        background-position: -840px;
    }

    #mob-btn-insta {
    	top:275px;
        right: 15px;
        background-position: -960px;
    }
    
    #mob-btn-mute {
        bottom: 90px;
        left: 80px;
        background-position: -480px;
    }
    
    #mob-btn-play {
        bottom: 90px;
        left: 15px;
        background-position: -660px;
	}
	
    .friends_il {
        height: auto;
        font-size: 22px;
        line-height: 30px;
        margin-left: 15px;    
    }
    
    .chatbox {
        margin: 0;
        right: 0 !important;
        top:0;
        width: 100%;
        height: 100vh; /* Fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 100);
        z-index: 60;
        
    }
    
    #friendslist_div_container0 {
        -webkit-overflow-scrolling: touch;
    }
    
    .chatbox_text_container {
        height: 100vh !important; /* Fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 100 - 102px) !important;
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .timestamp_txt_friend {
        margin-left: 20px;
    }
	
	

        #friends_div {
        z-index: 60;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        border: none;
		border-radius: 0;
    }
		
	

    .chatbox_top {
        height: 60px;
    }
    
    .chatbox_pseudo {
        font-size: 1.3em;
        line-height: 2.5em !important;    
    }
    


    .chatbox_video_offline, .chatbox_video_online, .chatbox_video_online:hover {
    	background-image: url(/img/mobicons20.png);
        height: 60px;
        width: 60px;
    }

	.chatbox_video_offline {
        background-position: -360px;
    }

    .chatbox_video_online, .chatbox_video_online:hover {
        background-position: -300px;
    }
    
    .unreadmessagebluedot {
        float: right;
        color: #436BAF;
        font-size: 3em;
        font-family: Impact, Charcoal, sans-serif;
        margin-right: 10px;
    }
    
 
    
    #addfriendbtn:hover
    {
        background-position: -420px;
    }
    
  
    
    #div-btn-SetStatus
    {
        position: relative;
        width: 60%;
        left: 20%;
        background-color: #FFFFFF;
        
        border-radius: 8px;
        margin-bottom: 8px;
        
        
        font-family: "Verdana",sans-serif;
        color: #436BAF;
        text-align: center;
        font-size: 24px; 
        line-height: 36px;
    }
    
    
    
    .mob-dialog-label {
        font-family: "Verdana",sans-serif;
        color: white;
        font-size: 18px;
        margin-top: 10px;
    }
    
    #mob-input-SetStatus {
        margin: 10px;
        width: 80%;
        font-size: 18px;
        font-family: "Verdana",sans-serif;
    }

    #tutoStatus {
    	top: 30px;
    }
    
    #mob-menu-ul 
    {
        margin: 0;
        list-style-type: none;
        padding-inline-start: 0;
    }
    
    
    
	#cam-box
	{
		display: inline-block;
		width:auto;
		height: auto;
		margin-top: 0px;
	}
    
    .container_video 
    {
        border-radius: 0px;   
    }
    
	#rChatIE
	{
        display: block;
		margin:0;
		width:auto;
	    height: auto;
	}
    
    #container_chat_not_first {
        display: block;
    }
    
    #nextButton {
        display: none;
    }

.colonne_video
{
	width: auto;
}
#local_video
{
	width:135px;
	height: 180px;
}
#container_video_haut
{
	width: calc(100vw - 2px);
	height: calc((100vw - 2px) * 0.75);
	/*padding-bottom: 22px;*/
	position: relative;
}
#container_video_bas2 {
	position: relative;
	height: 180px;
}
#container_video_bas {
	position: absolute;
	left: 0;
	
    top: calc((100vw - 2px) * 0.75 + 70px);
    
	right:auto;
	z-index: 1;
}
.colonne_chat {
    /*position: static;
    left:145px;
	top: calc(100vh - 200px);
	width:124px;
	height: 90px;
    */
    margin: 0;
}
.background_video
{
	margin: 0;
}
    
.baz_bouton boutonskin {
    margin: 0;
}
    
#reportButton, #filleButton {
    display: block;
    margin-left: 15px;
    }
    
    
#zone_chatroulette
{
	margin-top:calc(100vh - calc((100vw - 2px) * 0.75));
	min-width: 0px;
}
#zone_chatroulette2
{
	width:100vw;
	margin:0;
}
#remote_video{
	width: 100%;
    height: auto;
	position: absolute;
}
#container_boutons{
	border:0;
	background-color: transparent;
	height: 90px;
    position: fixed;
    bottom: 0;
}
    .container_video {
        border: none;
    }    
    
#container_video_haut>.background_video {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	/*margin-top: 22px;*/
}

#container_video_bas .background_video {
	background-image:url(/img/loading2.gif);
	background-repeat: no-repeat;
	background-position: center;  
}

#container_video_haut>.containter_status {
	width: 100%;
	height: 22px;
	position: absolute;
	top: 0;
}

#video_overlays_haut,#banniere_centre,.shadow,#video_overlays,#containter_status_bas, .container_link,#rndmapub3, #zone_btn, #zone_btn2,	#friends_div,.divgauche,	.container_plus18,	.shadow_absolute,	#container_chat_first, #inputText, #typing, #outText, #jeu1Button, #jeu2Button, #jeu3Button
{
	display: none !important;
}
	
#container_chat_bas {
        display: block !important;
        border: none;
    }    
    
#font_banniere_haut 
{
    display: none !important;
}


    
    #friendslist_div {
        height: calc(100vh - 150px);
    }
    
    .chatbox_text_container {
        
        width: 100vw;
        border: none;
        
    }   
    .chatbox_input {
       /* position: fixed;
        bottom: 0px;*/
    }
    
    
    
    .chatbox {
        background-color: #F9F9F9;
    }
    
    #tableCellWrap {
        vertical-align: bottom;
        height: 100%;
    }
    
    #tableRawWrap {
        height: 100%;
    }
    
    .chatbox_text_container {
        height: 100%;
        /*flex-wrap: wrap;*/
    }
    /*
    .chatbox_text {
        width: 100vw;
        
        position: fixed;
        top: 65px;
        height: calc(var(--vh, 1vh) * 100 - 102px) !important;
    }*/
    
    
    .chatbox_pseudo {
        max-width: 195px;
	}
	
	#instaPromo img {
    	width: 100%;
    	margin-top: 12px;
    }

    #instaPromo {
    	margin-top: -80px;
    	text-decoration: none;
    	pointer-events: all;
    }

	
	

	
	/* LAURENT MOBILE landscape*/
	@media (orientation: landscape) {
        
        #remote_video {
            height: calc(80vh);
            top:0px;
        }
        
        #topMob 
        {
            /*
            height:36px;
            line-height: 36px;
            font-size: 22px;  */      
        }
        
        
        
		#foregrounddiv
		{
			margin-top: 79px;
		}
		
		#zone_chatroulette
		{
		margin-top:0;
		}
		#local_video
		{
			width:180px;
			height: 135px;
		}
		#font_banniere_haut
		{
			display: none !important;
		}
		.colonne_chat
		{
			left:133vh;
			top:25px;
			right:unset;
			bottom: unset;
            width: calc(100vw - ((100vh - 36px)*1.33));
		}
		
        
        #foregrounddiv {
            width: calc((100vh - 36px)*1.33);
            margin-top: 42px;
        }
        
        .popMobile 
        {
            top: 90px;
            
        }
        
        #mob-btn-mute, #mob-btn-play {
        	bottom: 170px;
        }
        
        #container_chat_not_first 
        {
            display: block;
        }
        
        .colonne_chat {
            position: absolute;
            left: calc((100vh - 36px)*1.33);
            top: 36px;
        }
        
        #container_boutons {
                width: calc(100vw - (100vh - 36px)*1.33);
            margin:0;
        }
        
        #reportButton {
            left: 15px;
            position: fixed;
            display: block;
            bottom: calc(15vh + 70px);
        }
        
        #filleButton {
            left: 15px;
            position: fixed;
            display: block;
            bottom: calc(15vh + 30px);
        }
        
        #container_video_bas .container_video {
            bottom: calc(20vh);
        }
        
        #container_chat_not_first {
            width: 0;
        }
	}
}