html { }
body { }
* { margin:0; padding:0; box-sizing:border-box; }
div { }
h1 { font-size:1.3em; line-height:1.5em; background-color:#FFFFFF; }
h2 { font-size:1.2em; line-height:1.4em; }
h3 { font-size:1.1em; line-height:1.3em; }
h4 { font-size:1.0em; line-height:1.2em; }
h5 { font-size:0.8em; line-height:1.0em; }
h6 { font-size:0.6em; line-height:0.8em; }
a { font-size:1em; color:#585858; }
span { font-family:'Roboto-Regular'; font-size:1em; }
label { font-family:'Roboto-Regular'; font-size:1em; color:#757575; line-height:normal;  }
fieldset { text-align:left; color:black; }

input[type=text] { padding:1px; font-family:'Roboto-Regular'; border:none; color:#333; }
input[type=text]:focus { background-color:#ffffff; }

input[type=password] { font-family:'Roboto-Regular'; font-size:1em; border:none; color:#333; background-color:rgb(232, 240, 254); }
input[type=checkbox] { width:1em; height:1em; line-height:1em; cursor:pointer; }

input[type=button] { font-size:1em; border:none; color:black; }

html { } 
body { width:100%; background-color:#ffffff; }
	.div-mask { position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#0b0b0b; opacity:0.6; }
	.index-mask	{ z-index:70; }
	.index-0	{ z-index:90; }
	.index-1	{ z-index:91; }
	.index-2	{ z-index:92; }
	.index-3	{ z-index:93; }
	
	.grecaptcha-badge { visibility:hidden; }
	.grecaptcha-badge-visible { visibility:visible; }
	
	.div-display-alert { position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:93; }
		.div-display-alert-content { position:relative; height:100%; width:100%; max-width:400px; margin:0px auto 0px auto; background-color:#ffffff; color:#000000; border-radius:5px; border:2px solid #CECECE; }
			.div-display-alert-header { position:absolute; top:0px; height:40px; width:100%; padding:5px 5px 5px 5px; background-color:#ffffff; color:#000000; }
				.class-button-close-alert { width:100%; height:34px; margin-top:3px; padding-right:36px; cursor:pointer; font-family:Arial, sans-serif; background-repeat:no-repeat; background-color:#c7c7c7; border-color:#c7c7c7; border-radius:5px; background-image:url(/img/close_transparent_30_30.png); }
			.div-display-alert-main { position:absolute; top:40px; bottom:0px; width:100%; padding:5px 5px 5px 5px; background-color:#4e4e4e; color:#ffffff;}
	
				.div-menu-alert { width:100%; padding:5px 5px 5px 5px; background-color:#0b0b0b; }
					.div-menu-alert span { width:100%; margin:10px 0px 0px 0px; display:inline-block; text-align:center; line-height:1.4em; font-size:1.1em; color:black; background-color:#adc9c5; border:solid 2px #4e4e4e; }
					.div-menu-alert input[type=button] { width:100%; margin:10px 0px 5px 0px; cursor:pointer; }
					.div-menu-alert input[type=button]:hover { background-color:#E4E3E2; font-weight:bold; }
					.div-menu-alert input[type=text] { width:100%; margin:10px 0px 0px 0px; padding:5px; color:black; text-align:left; overflow:hidden; cursor:pointer; border:solid 1px black; }
					.div-menu-alert input[type=radio] { margin:10px 4px 0px 0px; }
					.div-menu-alert label { margin:10px 8px 0px 0px; color:white; }
				/* MENU PROFIL */
				/* MESSAGE PRIVE */
				/* MENU MODERATEUR */
				/*	SIGNALER */
				.div-photo-signaler { float:left; width:100%; height:120px; margin:5px 0px 0px 0px; text-align:center; }
					.img-photo-signaler { width:auto; max-height:100%; margin:0 auto 0 auto; border:solid 1px black; }
				.div-message-signaler { float:left; width:100%; }
					.textarea-signaler { width:100%; height:210px; margin:5px 0px 0px 0px; padding:2px; border:3px solid #cccccc; }
				.div-button-signaler { float:left; width:100%;  }
					.button-signaler { width:100%; margin:5px 0px 0px 0px; cursor:pointer; }
					.button-signaler:hover { background-color:white; }

	.div-display-menu-infos { position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:85; }
		.div-display-menu-infos-content { position:relative; height:100%; width:300px; margin:0px auto 0px auto; background-color:#ffffff; color:#000000; border-radius:5px; border:2px solid #CECECE; overflow-x: hidden; overflow-y: auto; }
			.div-display-menu-infos-header { position:absolute; top:0px; height:47px; width:100%; padding:5px 5px 5px 5px; background-color:#ffffff; color:#000000; }
				.class-button-close-menu-infos { width:100%; height:34px; margin-top:3px; padding-right:36px; cursor:pointer; font-family:Arial, sans-serif; background-repeat:no-repeat; background-color:#c7c7c7; border-color:#c7c7c7; border-radius:5px; background-image:url(/img/close_transparent_30_30.png); }
			.div-display-menu-infos-main { position:absolute; top:47px; bottom:0px; width:100%; padding:5px 5px 5px 5px; background-color:#c7c7c7; color:#000000;}
				.div-display-menu-infos-main-comment { display:flex; flex-direction:column; align-items:center; }
					.div-display-menu-infos-main-comment span { margin:10px 0px 0px 0px; width:100%; display:inline-block; text-align:center; line-height:1.4em; font-size:1.1em; color:black; background-color:#adc9c5; border:solid 2px #4e4e4e; }
				.div-display-menu-infos-main-button { display:flex; flex-direction:column; align-items:center; }
					.div-display-menu-infos-main-button button { margin:20px 0px 0px 0px; }
				/* LIST DUO */
				.div-list-duo { z-index:2; position:absolute; text-align:center; background:#ADC9C5; border-style:solid; border-width:1px 1px 1px 1px; border-color:black; }
					.div-comment-list-duo { width:100%; margin:5px 0px 5px 0px; text-align:left; }
					.div-list-list-duo { width:100%; margin:5px 0px 5px 0px; }
						.div-list-one-duo{ width:100%; }
							.div-list-one-duo-username { width:100%; margin:5px 0px 0px 0px; text-align:center; white-space:nowrap; overflow:hidden; border-style:solid; border-width:1px 1px 1px 1px; border-color:black; }
							.div-list-one-duo-button { width:100%; margin:5px 0px 0px 0px; text-align:center; }
				/* LIST ROOM */
				.div-rooms-list { height:100%; width:100%; text-align:left; overflow-x:hidden; overflow-y:scroll; border:solid 1px black; }
					.div-title-room { float:left; width:100%; margin:5px 0px 5px 0px; text-align:center; }
					.div-rooms-public { float:left; width:100%; margin:5px 0px 5px 0px; }
					.div-rooms-prive { float:left; width:100%; margin:5px 0px 5px 0px; }
						.div-elem-list-room { float:left; width:100%; margin:2px 2px 2px 2px;}
							.div-a-elem-list-room { float:left; width:100%; cursor:pointer; }
							.div-a-elem-list-room:hover { background-color:#ffffff; }
							.div-a-elem-list-room-selected { float:left; width:100%; cursor:pointer; background-color:#ffffff; }
								.div-name-a-elem-list-room { float:left; }
								.div-nombre-a-elem-list-room { float:right; margin-right:5px; }
						
	.div-display-menu { position:fixed; top:0px; bottom:0px; left:0px; width:250px; background-color:#ffffff; color:#000000; z-index:80; overflow-x: hidden; overflow-y: auto; }
		.div-display-menu nav { }
			.div-display-menu nav ul { list-style:none; }
				.div-display-menu nav ul li { display:block; line-height:30px; height:30px; margin:5px 0px 5px 10px; cursor:pointer; }
				.div-display-menu nav ul li:hover { background-color:#E5E8E8; }
				.div-display-menu nav ul li img { height:90%; width:auto; vertical-align:middle; }
				.div-display-menu nav ul li div { display:flex; flex-direction:row; align-items:center; height:100%; text-align:left; cursor:pointer; }
				.div-display-menu nav ul li div span { padding:0px 5px 0px 5px; font-size:1.5em; }
		
	.div-header-layout { float:left; width:100%; height:48px; }
		.header { position:fixed; top:0px; width:100%; height:48px; z-index:50; }
			.div-header { height:100%; width:100%; background-color:#535a6c; }
				.div-logo { position:absolute; top:3px; left:3px; height:100%; width:40px; cursor:pointer; }
					.div-logo div { height:100%; }
					.div-logo a { height:100%; }
					.div-logo a img { height:40px; }
				.div-user { position:absolute; top:3px; left:3px; height:100%; }
					.div-user div { height:100%; cursor:pointer; }
					.div-user img { max-height:40px; width:auto; }
				.div-users { position:absolute; top:3px; right:33px; left:0px; height:100%; overflow:hidden; }
					.div-users nav { height:100%;}
						.div-users nav ul { height:100%; list-style:none; }
						.div-users nav ul li { float:right; padding:5px 5px 5px 5px; line-height:40px; height:40px; width:40px; cursor:pointer; }
						.div-users nav ul li:hover { background-color:#151515; }
							.li-active { display:inline-block; background-color:#000000; }
							.li-not-active { display:inline-block; background-color:transparent; }
						.div-users nav ul li div { position:relative; }
						.div-users nav ul li div img { max-width:100%; height:auto; }
						.div-users nav ul li div .div-alert-notifications	{ position:absolute; top:0px; right:-10px; height:1.5em; line-height:1.5em; width:1.5em; text-align:center; border-radius:50%; background-color:#cc5500; font-size:0.8em; color:white; }
						.div-users nav ul li div .div-messages-non-lus		{ position:absolute; top:0px; right:-10px; height:1.5em; line-height:1.5em; width:1.5em; text-align:center; border-radius:50%; background-color:#cc5500; font-size:0.8em; color:white; }
						.div-users nav ul li div .div-users-online			{ position:absolute; top:0px; right:-25px; height:1.5em; line-height:1.5em; width:3em; text-align:center; border-radius:50%; background-color:#cc5500; font-size:0.8em; color:white; }
							
				.div-menu { position:absolute; top:3px; right:3px; height:100%; width:25px; cursor:pointer; }
						.div-menu span { position:relative; display:inline-block; margin-top:10px; width:100%; height:20px; border-top:4px solid #fff; border-bottom:4px solid #fff; }
						.div-menu span:before { content:""; position:absolute; top:4px; left:0px; width:100%; border-top:4px solid #fff; }
			.div-loader	{ 	width:100%; height:20px; border:1px solid #CECECE; border-radius:3px; 
							background-image:repeating-linear-gradient(-45deg, #CECECE, #CECECE 11px, #eee 10px, 
							#eee 20px /* determines size */ );
							background-size: 28px 28px; animation: move .5s linear infinite;
							display:none;
						}
				@keyframes move { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } }
			
	.div-footer-layout { float:left; width:100%; height:42px; }
		.footer { position:fixed; bottom:0px; width:100%; height:42px; z-index:50; }
			.div-footer { height:100%; width:100%; background-color:#404654; }
					.footer section { height:100%; display:flex; align-items:center; justify-content:space-around; }
					.fieldset_center { text-align:center; }
						.class-button-fieldset-icon				{ width:34px; height:34px; margin-top:3px; cursor:pointer; font-family:Arial, sans-serif; font-size:14px; background-repeat:no-repeat; background-color:#c7c7c7; border-color:#c7c7c7; }
							.class-button-fieldset-icon:hover 	{ background-color:white;}
							.class-button-duo-fiche				{ background-image:url(/img/user-duo-32-32.png); }
							.class-button-localiser-fiche 		{ background-image:url(/img/globe_transparent_30_30.png); }
							.class-button-message-text-fiche	{ background-image:url(/img/composing_mail_transparent_30_30.png); }
							.class-button-message-video-fiche	{ background-image:url(/img/webcam_transparent_30_30.png); }
							.class-button-add-amis-fiche		 	{ background-image:url(/img/add_user_whitelist_transparent_30_30.png); }
							.class-button-add-ennemis-fiche		 	{ background-image:url(/img/add_user_blacklist_transparent_30_30.png); }
							.class-button-del-amis-fiche		 	{ background-image:url(/img/del_user_whitelist_transparent_30_30.png); }
							.class-button-del-ennemis-fiche		 	{ background-image:url(/img/del_user_blacklist_transparent_30_30.png); }
					.footer section span label { color:#ffffff; }

				.div-w3c-footer { float:right; }
					.img-w3c { height:26px; margin-left:20px; }
				
				.class-button-fieldset				{ margin:4px 0px 2px 5px; padding:0px 0px 0px 30px; cursor:pointer; font-family:Arial, sans-serif; background-repeat:no-repeat; background-color:#c7c7c7; border-color:#c7c7c7; }
					.class-button-fieldset:hover 	{ background-color:white;}
					.class-button-close-off 		{ display:none; }
					.class-button-close-on			{ background-image:url(/img/close_transparent_30_30.png); background-size:contain; }

				.class-div-section	{ display:flex; align-items:center; }
					.class-div-section div { margin-left:5px; color:white; }
				
				.class-button-section			{ padding:5px 5px 5px 15px; line-height:36px; height:36px; width:36px; align-items: normal; border-style:none; background-size:contain; background-color:#ADC9C5; cursor:pointer; }
					.class-button-section:hover	{ background-color:white;}
				.class-button-section-white			{ padding:5px 5px 5px 15px; line-height:36px; height:36px; width:36px; align-items: normal; border-style:none; background-size:contain; background-color:transparent; cursor:pointer; }
					.class-button-section-white:hover	{ background-color:black;}
					
					.class-input-webcam-on	{ background-image:url(/img/webcam_on_32.png); }
					.class-input-webcam-off	{ background-image:url(/img/webcam_off_32.png); }
					.class-input-micro-on 	{ background-image:url(/img/micro_on_32.png); }
					.class-input-micro-off	{ background-image:url(/img/micro_off_32.png); }
					.class-button-list-rooms{ background-image:url(/img/chat-icon-black-256.png); }
					.class-button-list-users-off{ background-image:url(/img/list-users-off-256.png); }
					.class-button-list-users-on { background-image:url(/img/list-users-on-256.png); }
					.class-button-list-cams-off { background-image:url(/img/webcam_4_off_914.png); }
					.class-button-list-cams-on	{ background-image:url(/img/webcam_4_on_914.png); }
					.class-button-list-users-cams-off { background-image:url(/img/webcam_4_off_914.png); }
					.class-button-list-users-cams-on { background-image:url(/img/webcam_4_on_914.png); }
					
					.class-button-photo-rotate-left	{ background-image:url(/img/rotate-left-white-256.png); }
					.class-button-photo-rotate-right{ background-image:url(/img/rotate-right-white-256.png); }
					.class-button-photo-delete		{ background-image:url(/img/corbeille-white-474.png); }
					.class-button-photo-principale	{ background-image:url(/img/selection-white-512.png); }
					
					.class-button-recherche	{ background-image:url(/img/recherche.png); }
				
					.class-button-guide	{ background-image:url(/img/guide_white_181_204.png); }
				
				.input-hp-on 		{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/hpon_32.png); background-repeat:no-repeat; cursor:pointer; }
				.input-hp-off 		{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/hpoff_32.png); background-repeat:no-repeat; cursor:pointer; }
				.input-webcam-on	{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/webcam_on_32.png); background-repeat:no-repeat; cursor:pointer; }
				.input-webcam-off	{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/webcam_off_32.png); background-repeat:no-repeat; cursor:pointer; }
				.input-micro-on 	{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/micro_on_32.png); background-repeat:no-repeat; cursor:pointer; }
				.input-micro-off	{ float:right; width:36px; height:36px; margin:0px 3px 0px 3px; background-color:#ADC9C5; background-image:url(/img/micro_off_32.png); background-repeat:no-repeat; cursor:pointer; }

	.div-main-layout { float:left; width:100%; }
		.main { position:relative; width:100%; top:0px; bottom:0px; text-align:center; }
			.image-fond { height:auto; max-width:100%; }
			.title-site { position:absolute; top:0px; left:0px; right:0px; text-align:center; font-size:1.3em; font-family:Arial, sans-serif; }
			.comment-site { position:absolute; top:320px; left:0px; right:0px; text-align:center; color:red; }
			.buttons-site { position:fixed; top:170px; left:0px; right:0px; }
				.button-site-connexion { position:relative; top:0px; }
				.button-site-inscription { position:relative; top:50px; }
				.button-site-geolocalisation { position:relative; top:100px; }
			.promo-site { position:fixed; top:350px; left:0px; right:0px; }
				.promo { width:100%; }
					.div-promos { display:flex; flex-direction:column; align-items:center; }
						.div-promo { display:flex; flex-direction:row; align-items:center; height:1.8em; padding:5px; background-color:white; }
							.div-promo img { height:100%; width:auto; }
							.div-promo a { margin-left:20px; }
							.div-promo span { margin-left:20px; }

			.warning_site { position:absolute; top:50px; left:10px; right:10px; text-align:left; }
	
			.class-account{ display:none; }
				.class-account-menu {}
					.div-menu-account { width:100%; max-width:400px; margin:auto; padding:5px 5px 5px 5px; background-color:#0b0b0b; }
					.div-menu-account span { width:100%; margin:10px 0px 10px 0px; display:inline-block; text-align:center; line-height:1.4em; font-size:1.1em; color:black; background-color:#adc9c5; border:solid 2px #4e4e4e; }
					.div-menu-account input[type=button] { width:100%; margin:10px 0px 10px 0px; line-height:1.4em; font-size:1em; cursor:pointer; }
					.div-menu-account input[type=button]:hover { background-color:#E4E3E2; font-weight:bold; }
			
				
				
				.class-account-room-private {}
					.class-account-room-private form { display:flex; flex-direction:column; align-items:center; }
				
				.class-account-vip {}
					.class-account-vip form { display:flex; flex-direction:column; align-items:center; }
				
				.class-account-delete {}
					.class-account-delete form { display:flex; flex-direction:column; align-items:center; }
				
				.class-account-params {}
					.class-account-params form { display:flex; flex-direction:column; align-items:center; }
				
				.class-account-datas {}
					.class-account-datas form { display:flex; flex-direction:column; align-items:center; }
						.class-account-div1			{ width:100%; max-width:400px; margin:20px 0px 0px 0px; padding:5px 5px 5px 5px; display:flex; flex-direction:row; justify-content:space-between; background:#f9f9f9; border:solid 1px #DEDEDE; }
						.class-account-div1-center	{ width:100%; max-width:400px; margin:20px 0px 0px 0px; padding:5px 5px 5px 5px; display:flex; flex-direction:column; justify-content:center; background:#f9f9f9; border:solid 1px #DEDEDE; }
						.class-account-div1-center p { text-align:left; }
							.class-account-div2 { display:flex; flex-direction:column; justify-content:center; text-align:left; }
								.class-account-div2 label { display:inline-block; margin:0px 20px 5px 5px; font-weight:600; }
								.class-account-div2 input { display:none; }
								.class-account-div2 textarea { display:none; }
								.class-account-span 		{ min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; }
								.class-account-span-error 	{ min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; color:#ff0000; }
							.class-account-div3 { display:flex; flex-direction:column; justify-content:center; text-align:left; }
								.class-account-div3 label { display:inline-block; margin:0px 20px 5px 5px; font-weight:600; }
								.class-account-div3 input { }
								
				.class-account-albums {}
					.class-list-albums { width:100%; }
						.class-list-album { position:relative; float:left; }
							.class-list-album::after { content:''; display:block; padding-bottom:100%; }
							.class-list-album .class-list-album-content { position:absolute; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f9f9f9; cursor:pointer; }
							.class-list-album .class-list-album-content img { height:50%; width:50%; object-fit:contain; object-position:center center; }
								
				.class-account-photos {}
					
					.class-account-photos-div1	{ width:100%; max-width:100%; margin:20px 0px 0px 0px; padding:5px 5px 5px 5px; display:flex; flex-direction:row; justify-content:space-between; background:#f9f9f9; border:solid 1px #DEDEDE; }
							.class-account-photos-div2 { display:flex; flex-direction:column; justify-content:center; text-align:left; }
								.class-account-photos-div2 label { display:inline-block; margin:0px 20px 5px 5px; font-weight:600; }
								.class-account-photos-div2 input { display:none; }
								.class-account-photos-div2 textarea { display:none; }
								.class-account-photos-span 		{ min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; }
								.class-account-photos-span-error 	{ min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; color:#ff0000; }
						
					.class-list-photos { width:100%; }
						.class-photos-privees-title { height:30px; text-align:center; background:#f9f9f9; cursor:pointer; }
						.class-list-photo { position:relative; float:left; }
							.class-list-photo::after { content:''; display:block; padding-bottom:100%; }
							.class-list-photo .class-list-photo-content { position:absolute; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#f9f9f9; cursor:pointer; }
							.class-list-photo .class-list-photo-noselect { padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
							.class-list-photo .class-list-photo-select { padding:3px 3px 3px 3px; border:solid 3px #666666; }
							.class-list-photo .class-list-photo-content span { display:block; font-size:2em; }
							.class-list-photo .class-list-photo-content img	{ height:100%; width:100%; object-fit:contain; object-position:center center; }
			
				.class-account-photo {}
					.class-photo-update-img { position:absolute; width:100%; height:100%; }
						.img-photo-update { max-height:100%; max-width:100%; width:auto; }
						
					.class-photo-add {}
						.class-photo-add progress { width:300px; margin-top:20px; }
						.class-mask-input-file { display:inline-block; position:relative; margin-top:20px; overflow:hidden; }
						.class-mask-input-file input[type=file] { position:absolute; left:0; top:0; opacity:0; }
						
					.class-photo-webcam { margin:auto; text-align:center; background:#b7acaa; border-width:1px 1px 1px 1px; border-style:solid; border-color:black; }
						.canvas-get-photo-webcam { margin:10px auto 0px auto; }

			.class-rooms{ position:fixed; top:48px; right:0px; bottom:42px; left:0px; display:none; }
				.class-rooms-messages	{ float:left; height:100%; background-color:green; }
				.class-rooms-users		{ float:left; height:100%; background-color:blue; }
				.class-rooms-cams		{ float:left; height:100%; background-color:yellow; }
					.div-box-chat-rooms	{ height:100%; }
					.div-box-chat		{ position:relative; float:left; height:100%; width:100%; }
						.div-chat-box	{ position:absolute; top:3px; left:3px; right:3px; bottom:3px; text-align:center; background-color:white; border-width:1px; border-color:black; border-style:solid solid solid solid; }
							/* MESSAGES */
							.chat-names			{ position:absolute; top:0px; left:0px; right:0px; height:1.5em; text-align:left; font-size:1.2em; background-color: #ADC9C5; }	
							.messages-rooms		{ position:absolute; top:1.5em; left:0px; right:0px; bottom:52px; text-align:left; overflow-x:hidden; overflow-y:scroll; }	
							.button-input-chats	{ position:absolute; height:1.7em; bottom:1.7em; right:0px; width:98px; }
							.input-chats		{ position:absolute; height:1.7em; bottom:1.7em; left:0px; right:98px; border-width:1px; border-color:#535a6c; border-style:solid solid solid solid; }
								.input-message-rooms { width:100%; height:100%; font-size:1.4em; }	
							.button-chats		{ position:absolute; height:1.7em; bottom:0px; left:0px; right:0px; display:flex; align-items:center; justify-content:space-around; }
								.button-chats input[type=button] { height:24px; width:24px; background-size:contain; background-color:#ADC9C5; cursor:pointer; }
								.button-chats input[type=button]:hover	{ background-color:white;}
								.class-button-attachment{ background-image:url(/images/attachment-24-24.png); }
								.class-button-history{ background-image:url(/images/history-24-24.png); }
								.class-button-emoticon{ background-image:url(/images/emoticon-24-24.png); }
					
				
							/* USERS */
							.users-rooms{	position:absolute; top:0px; left:0px; right:0px; bottom:30px; text-align:left; overflow-x:hidden; overflow-y:scroll; }	
							.users-buttons{ position:absolute; height:30px; bottom:0px; left:0px; right:0px; display:flex; align-items:center; justify-content:space-around; }
								.users-buttons input[type=button] { height:24px; width:24px; background-size:contain; cursor:pointer; }
									.users-buttons input[type=button]:hover	{ background-color:white;}
								
								.users-buttons-selected{ background-color:white; }
								.users-buttons-deselected{ background-color:#ADC9C5; }
								
								.class-button-alpha-croissant{ background-image:url(/images/tri_alpha_az_128.png); }
								.class-button-alpha-decroissant{ background-image:url(/images/tri_alpha_za_128.png); }
								.class-button-sexe-homme{ background-image:url(/images/tri_sexe_homme_128.png); }
								.class-button-sexe-femme{ background-image:url(/images/tri_sexe_femme_128.png); }
								.class-button-date-croissant{ background-image:url(/images/heure-croissante-265.png); }
								.class-button-date-decroissant{ background-image:url(/images/heure-decroissante-265.png); }
								
							/* CAMS */
							.cams-rooms	{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; text-align:left; overflow-x:hidden; overflow-y:scroll; }	
								.div-box-chat-room-vid	{ float:left; }
									.div-box-name-video	{ width:100%; height:1.2em; text-align:center; color:black; background-color:#ADC9C5; border-width:1px; border-color:black; border-style:solid solid solid solid; }
									.div-box-video		{ position:relative; width:100%; display:flex; justify-content:center; align-items:center; text-align:center; background-color:white; border-width:1px; border-color:black; border-style:none solid solid solid; }
										.video-box			{ height:100%; width:100%; object-fit:contain; object-position:center center; }
										.img-box 			{ height:100%; width:100%; object-fit:contain; object-position:center center; }
										.span-box 			{ height:100%; width:100%; overflow:hidden; }
										.button-box-zoom 	{ position:absolute; top:0px; left:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/agrandir_16.png); background-repeat:no-repeat; }
										.button-box-micro-on{ position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/micro_on_16.png); background-repeat:no-repeat; }
										.button-box-son-on 	{ position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/hpon_16.png); background-repeat:no-repeat; }
										.button-box-son-off { position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/hpoff_16.png); background-repeat:no-repeat; }
				.class-rooms-histo { float:left; height:100%; background-color:red; display:none; }
				
			.class-duos	{ position:fixed; top:48px; right:0px; bottom:42px; left:0px; display:none; }
				.div-box-duos-cam	{ position:relative; width:20%; float:right; }
				.div-box-duos-vid	{ position:relative; width:80%; float:left; }
					.div-box-name-video-duos	{ position:absolute; top:3px; left:3px; right:3px; height:1.5em; text-align:center; color:black; background-color:#ADC9C5; border-width:1px; border-color:black; border-style:solid solid solid solid; }
					.div-box-video-duos			{ position:absolute; top:1.5em; left:3px; right:3px; bottom:3px; display:flex; justify-content:center; align-items:start; text-align:center; background-color:white; border-width:1px; border-color:black; border-style:none solid solid solid; }
						.camera-box-duos			{ height:100%; width:100%; object-fit:contain; object-position:center top; } /* object-position: right top; */
						.video-box-duos				{ height:100%; width:100%; object-fit:contain; object-position:center top; } /* object-position: right top; */
						.img-box-duos				{ width:auto; max-width:100%; max-height:100%; }
						.span-box-duos				{ height:100%; width:100%; }
						.button-box-zoom-duos 		{ position:absolute; top:0px; left:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/agrandir_16.png); background-repeat:no-repeat; }
						.button-box-micro-on-duos	{ position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/micro_on_16.png); background-repeat:no-repeat; }
						.button-box-son-on-duos		{ position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/hpon_16.png); background-repeat:no-repeat; }
						.button-box-son-off-duos 	{ position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer; border-style:none; background-color:transparent; background-image:url(/images/hpoff_16.png); background-repeat:no-repeat; }
				.div-box-duos-chats { position:relative; width:100%; float:left; }
				
			.class-users { display:none; }
					.class-div-lien-noselect{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
					.class-div-lien-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
						.class-div-photo-lien{ position:relative; width:100%; height:240px; margin:0px auto 0px auto; }
							.class-div-photo-lien a { }
								.class-div-photo-lien img { max-width:100%; width:auto; max-height:100%; border:solid 1px #DEDEDE; }
							.class-state-connexion					{ position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#4cff36; border-radius:50%; border:none; }
							.class-state-connexion-24h				{ position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#FAA401; border-radius:50%; border:none; }
							.class-state-connexion-miniature		{ position:absolute; top:1px; left:1px; height:0.4em!important; width:0.4em!important; background-color:#4cff36; border-radius:50%; border:none; }
							.class-state-connexion-24h-miniature	{ position:absolute; top:1px; left:1px; height:0.4em!important; width:0.4em!important; background-color:#FAA401; border-radius:50%; border:none; }
						.class-div-pseudo-lien		{ width:100%; overflow:hidden; }
							.class-div-pseudo-lien span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; }
						.class-div-ville-lien		{ width:100%; text-align:left; font-size:0.8em; white-space: nowrap; overflow:hidden; }
						.class-div-date-lien		{ width:100%; text-align:left; font-size:0.8em; overflow:hidden; }
						.class-div-description-lien	{ width:100%; height:10px; font-size:0.9em; word-break:break-all; overflow:hidden; }

				.div-pagination-global { float:left; width:100%; height:30px; overflow:hidden; }
					.div-pagination { position:fixed; width:100%; height:30px; overflow:hidden; z-index:50; background-color:white; }
						.div-pagination-gauche { position:absolute; top:0px; left:0px; width:60px; }
						.div-pagination-centre { position:absolute; top:0px; left:60px; right:60px; text-align:center; }
							.a-page-select { width:30px; height:30px; margin-left:10px; padding-top:3px; display:inline-block; text-align:center; font-size:1em; font-family:'Open Sans',sans-serif; border-radius:6px; text-decoration:none; color:black; border:solid 1px red; }
								.a-page-select:hover { font-weight:bold; background-color:#e8ddda; }
							.a-page-other  { width:30px; height:30px; margin-left:10px; padding-top:3px; display:inline-block; text-align:center; font-size:1em; font-family:'Open Sans',sans-serif; border-radius:6px; text-decoration:none; color:black; border:solid 1px #d7d7d7; }
								.a-page-other:hover { font-weight:bold; background-color:#e8ddda; }
						.div-pagination-droite { position:absolute; top:0px; right:0px; width:60px; }
				
			.class-criteres-recherche { display:none; max-width:600px; margin:auto; }
				.form-recherche { }
					.form-recherche-group { margin:20px 0px 0px 10px; text-align:left; }
					.form-recherche-group label { display:inline-block; margin:0px 20px 5px 5px; font-weight:600; }
						.form-recherche-group-age { margin-top:5px; }
						.form-recherche-group-age span { padding:0px 5px 0px 5px; }
							.select-age { display:inline-block; padding:5px 5px; height:2em; width:auto; border:1px solid #cccccc; border-radius:2px; }
								.select-age:hover { border-color:#000000; }
								.select-age:focus { outline:thick double #cccccc; }
								.select-age option { text-align:center; font-weight:normal; color:#000; border:0; }
						.form-recherche-group-ville { margin-top:5px; display:none; }
							.form-recherche-group-ville input[type=text] { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px;  }
						.form-recherche-pseudo {}
							.form-recherche-pseudo input[type=text] { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px;  }
			
			.class-blacklist { display:none; }
						.class-div-comment-blacklist { float:left; height:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-blacklist span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
								
			.class-whitelist { display:none; }
						.class-div-comment-whitelist { float:left; height:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-whitelist span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
								
			.class-fiche-vue { display:none; }
						.class-div-nb-fiche-vue { float:right; width:60px; height:100%; display:flex; font-size:0.8em; color:#a1a1a1; }
							.class-div-nb-fiche-vue div { margin: auto; }
							.class-div-nb-fiche-vue div span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
						.class-div-comment-fiche-vue { float:left; height:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-fiche-vue span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
								
			.class-fiche-vue { display:none; }
						.class-div-nb-fiche-vue { float:right; width:60px; height:100%; display:flex; font-size:0.8em; color:#a1a1a1; }
							.class-div-nb-fiche-vue div { margin: auto; }
							.class-div-nb-fiche-vue div span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
						.class-div-comment-fiche-vue { float:left; height:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-fiche-vue span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
								
			.class-notifications { display:none; }
						.class-div-comment-notifications {}
							.class-div-comment-notification { margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
								.class-div-comment-notification span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
							.class-div-buttons-notification { margin:5px 0px 0px 5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
								.class-div-buttons-notification-left { float:left; margin:0px 10px 0px 0px; }
								.class-div-buttons-notification-right { float:left; margin:0px 0px 0px 0px; }
					
			.class-mes-messages { display:none; }
						.class-div-comment-mes-messages { float:left; height:100%; width:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-mes-messages span { padding:0px 5px 0px 5px; line-height:1.5em; font-size:1.2em; background-color:#E8E8E8; color:#000; }
							.class-div-comment-mes-messages h4 { color:#000; font-weight:bold; }
			
			/*	Commun */
							.class-div-photo-article a { height:100%; }
								.class-div-photo-article a img { max-width:100%; height:auto; max-height:100%; border:solid 1px #DEDEDE; }
			
			.div-guides-popup { position:relative; min-width:300px; padding:10px; margin:50px auto 0px auto; text-align:left; background-color:#FFFFFF; border-radius:4px; }
				.div-guides-popup p { padding:20px 0px 10px 0px}
				.div-guides-popup section { margin-top:20px;  border-top:1px solid #000; }
				.div-guides-popup section h4 { margin:10px 0px; }
				.div-guides-popup section p { padding:0px 0px 0px 10px; }
				
			.class-mon-message { display:none; text-align:left; }
				.class-mon-message-display { margin-top:20px; }
					.class-mon-message-header { }
					.class-mon-message-body { padding:0px 0px 0px 10px;}
					.class-mon-message-notations { margin-top:20px; padding:0px 5px 0px 5px; border:solid 1px #DEDEDE; }
						.class-mon-message-notations div { display:flex; flex-direction:row; }
						.class-mon-message-notations div img { max-width:10%; height:auto; max-height:2em; }
				
				.class-title-rubrique { height:30px; text-align:left; cursor:pointer; }
					.class-title-rubrique div { float:left; height:100%; display:flex; flex-direction:row; align-items:center; }
						.class-title-rubrique div span { padding:0px 5px 0px 5px; font-size:1.5em; }
					
						.class-div-photo-lien-elements-miniature { position:relative; width:30px; margin-left:5px; }
							.class-div-photo-lien-elements-miniature a { height:100%; }
							.class-div-photo-lien-elements-miniature a img { max-width:100%; height:auto; max-height:100%; border:solid 1px #DEDEDE; }
						.class-div-comment-mes-messages-miniature { margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
							.class-div-comment-mes-messages-miniature span { padding:0px 5px 0px 5px; line-height:100%; font-size:0.8em; background-color:#E8E8E8; color:#000; }
							.class-div-comment-mes-messages-miniature h4 { color:#000; font-weight:bold; }
				
				.class-select-rubrique { height:40px; display:flex; flex-direction:row; justify-content:space-around; cursor:pointer; }
					.class-select-rubrique div { display:flex; justify-content:center; align-items:center; padding-left:5px; padding-right:5px; }
					.class-select-rubrique div:hover { background-color:#e3e3e3; }
					.class-rubrique-selected { color:red; background-color:#c8c8c8; }
				
			.class-verif-age { display:none; }
				.class-verif-age form { display:flex; flex-direction:column; align-items:center; }
					.class-verif-age-div1-center	{ width:100%; max-width:400px; margin:20px 0px 0px 0px; padding:5px 5px 5px 5px; display:flex; flex-direction:column; justify-content:center; background:#f9f9f9; border:solid 1px #DEDEDE; }
					.class-verif-age-div1-center p { text-align:left; }
						.class-verif-age-div2 { display:flex; flex-direction:column; justify-content:center; text-align:left; }
							.class-verif-age-div2 label { display:inline-block; margin:0px 20px 5px 5px; font-weight:600; }
							.class-verif-age-div2 input { display:none; }
							.class-verif-age-div2 textarea { display:none; }
							.class-verif-age-span 		{ min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; }
							.class-verif-age-span-error { min-width:150px; text-align:left; border-bottom:1px solid #9e9e9e; padding:0px 25px 5px 0px; color:#ff0000; }

		@media screen and (max-width: 330px)
		{	.li-header { margin-right:10px; } .li-header-recherche { margin-right:0px; } .li-header-rooms { margin-right:0px; }
			.class-article 				{ float:left; width:100%; padding:5px 5px 5px 5px; height:80px; }
			.class-article-mes-messages { float:left; width:100%; padding:5px 5px 5px 5px; height:80px; }
			.class-article-users 		{ float:left; width:100%;  padding:5px 5px 5px 5px; }
	
				.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px;  bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px; bottom:0px; width:80px; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:100px; bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px; bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }

			.div-box-duos-camera-video	{ height:30%; }
			.div-box-duos-chat { height:70%; }
			
			.video-get-photo-webcam { width:160px; height:120px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:flex; }
				.class-button-option-users 		{ display:block; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:flex; }
				.class-button-option-cams 		{ display:block; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:none; }
				.class-button-option-users-cams	{ display:none; }
				.class-div-list-users-cams div	{ display:none; }
			
			.class-room-messages	{ width:100%; }
			.class-room-users		{ width:100%; }
			.class-room-cams		{ width:100%; }
			.class-option-room-users 	{ display:none; }
			.class-option-room-cams 	{ display:none; }	
				.div-box-chat-room-video{ width:100%; }
					.div-box-chat-room-video .div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:100%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:110px; }

			.class-button-fieldset-icon-media { margin:0px 3px 0px 3px; }

			.class-list-photo-size { width:50%; }


			.warning-popup { position:relative; width:100%; max-width:100%; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		@media screen and (min-width: 331px) and (max-width: 600px)
		{	.li-header { margin-right:20px; } .li-header-recherche { margin-right:5px; } .li-header-rooms { margin-right:5px; }
			.class-article 				{ float:left; width:100%; padding:5px 5px 5px 5px; height:80px; }
			.class-article-mes-messages	{ float:left; width:100%; padding:5px 5px 5px 5px; height:80px; }
			.class-article-users 		{ float:left; width:50%;  padding:5px 5px 5px 5px; }
			
			.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px; 	bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px;	bottom:0px; width:80px; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:100px;	bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px; 	bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
			.div-box-duos-camera-video	{ height:30%; }
			.div-box-duos-chat { height:70%; }
			
			.video-get-photo-webcam { width:320px; height:240px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:none; }
				.class-button-option-users 		{ display:none; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:none; }
				.class-button-option-cams 		{ display:none; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:flex; }
				.class-button-option-users-cams	{ display:block; }
				.class-div-list-users-cams div	{ display:block; }
			

			.class-room-messages	{ width:100%; }
			.class-room-users		{ width:50%; }
			.class-room-cams		{ width:50%; }
			.class-option-room-users 	{ display:none; }
			.class-option-room-cams 	{ display:none; }
				.div-box-chat-room-video{ width:100%; }
					.div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:100%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:110px; }

			.class-button-fieldset-icon-media { margin:0px 5px 0px 5px; }
				
			.class-list-photo-size { width:33%; }

			.warning-popup { position:relative; width:100%; max-width:100%; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		@media only screen and (min-width: 601px) and (max-width: 1050px)
		{	.li-header { margin-right:50px; } .li-header-recherche { margin-right:40px; } .li-header-rooms { margin-right:40px; }
			.class-article 				{ float:left; width:50%; padding:5px 5px 5px 5px; height:90px; }
			.class-article-mes-messages { float:left; width:50%; padding:5px 5px 5px 5px; height:90px; }
			.class-article-users 		{ float:left; width:33%;  padding:5px 5px 5px 5px; }
			
			.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px;		bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px;	bottom:0px; width:90px; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:110px;	bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px;	bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
			.div-box-duos-camera-video	{ height:40%; }
			.div-box-duos-chat { height:60%; }
			
			.video-get-photo-webcam { width:320px; height:240px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:none; }
				.class-button-option-users 		{ display:none; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:none; }
				.class-button-option-cams 		{ display:none; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:none; }
				.class-button-option-users-cams	{ display:none; }
				.class-div-list-users-cams div	{ display:none; }
			
			.class-room-messages	{ width:60%; }
			.class-room-users		{ width:20%; }
			.class-room-cams		{ width:20%; }
			.class-option-room-users 	{ display:block; }
			.class-option-room-cams 	{ display:block; }
				.div-box-chat-room-video{ width:100%; }
					.div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:100%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:110px; }

			.class-button-fieldset-icon-media { margin:0px 10px 0px 10px; }
			
			.class-list-photo-size { width:25%; }

			.warning-popup { position:relative; width:100%; max-width:90%; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		@media only screen and (min-width: 1051px) and (max-width: 1500px)
		{	.li-header { margin-right:50px; } .li-header-recherche { margin-right:50px; } .li-header-rooms { margin-right:50px; }
			.class-article 				{ float:left; width:33%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-mes-messages	{ float:left; width:33%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-users 		{ float:left; width:25%;  padding:5px 5px 5px 5px; }
			
				.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px;		bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px;	bottom:0px; width:100px; height:100%; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:120px;	bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px; 	bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
			.div-box-duos-camera-video	{ height:40%; }
			.div-box-duos-chat { height:60%; }
			
			.video-get-photo-webcam { width:320px; height:240px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:none; }
				.class-button-option-users 		{ display:none; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:none; }
				.class-button-option-cams 		{ display:none; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:none; }
				.class-button-option-users-cams	{ display:none; }
				.class-div-list-users-cams div		{ display:none; }
			
			.class-room-messages	{ width:50%; }
			.class-room-users		{ width:20%; }
			.class-room-cams		{ width:30%; }
			.class-option-room-users 	{ display:block; }
			.class-option-room-cams 	{ display:block; }
				.div-box-chat-room-video{ width:50%; }
					.div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:100%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:220px; }

			.class-button-fieldset-icon-media { margin:0px 10px 0px 10px; }

			.class-list-photo-size { width:20%; }

			.warning-popup { position:relative; width:900px; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		@media only screen and (min-width: 1501px) and (max-width: 2000px)
		{	.li-header { margin-right:50px; } .li-header-recherche { margin-right:50px; } .li-header-rooms { margin-right:50px; }
			.class-article 				{ float:left; width:20%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-mes-messages	{ float:left; width:25%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-users 		{ float:left; width:20%;  padding:5px 5px 5px 5px; }
			
				.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px;		bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px;	bottom:0px; width:100px; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:120px;	bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px;	bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
			.div-box-duos-camera-video	{ height:50%; }
			.div-box-duos-chat { height:50%; }
			
			.video-get-photo-webcam { width:320px; height:240px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:none; }
				.class-button-option-users 		{ display:none; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:none; }
				.class-button-option-cams 		{ display:none; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:none; }
				.class-button-option-users-cams	{ display:none; }
				.class-div-list-users-cams div	{ display:none; }
			
			.class-room-messages	{ width:47%; }
			.class-room-users		{ width:18%; }
			.class-room-cams		{ width:35%; }
			.class-option-room-users 	{ display:block; }
			.class-option-room-cams 	{ display:block; }
				.div-box-chat-room-video{ width:33%; }
					.div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:66%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:220px; }

			.class-button-fieldset-icon-media { margin:0px 10px 0px 10px; }

			.class-list-photo-size { width:15%; }

			.warning-popup { position:relative; width:900px; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		@media only screen and (min-width: 2001px)
		{	.li-header { margin-right:50px; } .li-header-recherche { margin-right:50px; } .li-header-rooms { margin-right:50px; }
			.class-article 				{ float:left; width:20%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-mes-messages { float:left; width:20%; padding:5px 5px 5px 5px; height:100px; }
			.class-article-users 		{ float:left; width:20%;  padding:5px 5px 5px 5px; }
			
				.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
				.class-article-div-noselect	{ padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
				.class-article-div-select	{ padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
					.class-div-checkbox-article		{ position:absolute; top:0px; left:0px;		bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
					.class-div-photo-article		{ position:absolute; top:0px; left:20px;	bottom:0px; width:100px; }
					.class-div-comment-article-left	{ position:absolute; top:0px; left:120px;	bottom:0px; right:60px; }
					.class-div-comment-article-right{ position:absolute; top:0px; right:0px;	bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
						.class-div-comment-article-right div { margin: auto; }
						.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
			
			.div-box-duos-camera-video	{ height:50%; }
			.div-box-duos-chat { height:50%; }
	
			.video-get-photo-webcam { width:640px; height:480px; margin:10px auto 0px auto; }
			
			.class-div-list-users				{ display:none; }
				.class-button-option-users 		{ display:none; }
				.class-div-list-users div		{ display:none; }
			.class-div-list-cams				{ display:none; }
				.class-button-option-cams 		{ display:none; }
				.class-div-list-cams div		{ display:none; }
			.class-div-list-users-cams			{ display:none; }
				.class-button-option-users-cams	{ display:none; }
				.class-div-list-users-cams div	{ display:none; }
			
			.class-room-messages	{ width:47%; }
			.class-room-users		{ width:18%; }
			.class-room-cams		{ width:35%; }
			.class-option-room-users 	{ display:block; }
			.class-option-room-cams 	{ display:block; }
				.div-box-chat-room-video{ width:33%; }
					.div-box-vid { height:110px; }
				.div-box-chat-room-video-zoom{ width:66%; }
					.div-box-chat-room-video-zoom .div-box-vid { height:220px; }

			.class-button-fieldset-icon-media { margin:0px 10px 0px 10px; }

			.class-list-photo-size { width:10%; }

			.warning-popup { position:relative; width:900px; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
		}
		
			.div-popup { position:fixed; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
			.div-popup-main { position:fixed; top:48px; left:0; bottom:42px; width:100%; overflow-x:hidden; overflow-y:auto; }
			
					.warning-content { width:100%; margin-bottom:40px; text-align:left; }
						.div-admin-salon		{ width:100%; margin-top:10px; padding:5px; border:1px solid #333; border-radius:4px; }
						.div-admin-salon input[type=text] { width:40px; border:1px solid #989898; }
						.div-admin-salon input[type=radio] { }
						.div-select-trace-salon { width:100%; margin-top:10px; padding:5px; border:1px solid #333; border-radius:4px; text-align:center; }
							.select-trace-salon { width:100%; max-width:300px; }
						.div-trace-salon 		{ width:100%; margin-top:10px; padding:5px; border:1px solid #333; border-radius:4px; text-align:left; }
						
						.class-room-send-file		{ width:100%; margin-top:10px; padding:5px; border:1px solid #333; border-radius:4px; }
						.class-room-send-emoticone	{ width:100%; margin-top:10px; padding:5px; border:1px solid #333; border-radius:4px; }
							.class-room-send-emoticone img { width:30px; height:30px; padding:6px; }
							.class-room-send-emoticone span { width:30px; height:30px; padding:6px; }

					.popup-content { position:absolute; top:40px; right:10px; left:10px; background-color:#FCFCFC; }
					.popup-footer { position:absolute; right:10px; bottom:10px; left:10px; height:30px; background-color:#FCFCFC; }
			
				.mdp-room-private-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.mdp-room-private-popup form { margin-top:20px; background-color:#FFFFFF; }
						.mdp-room-private-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.mdp-room-private-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.mdp-room-private-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
							.mdp-room-private-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.mdp-room-private-popup .text-error { color:#ff0000; }
						
				.contact-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.contact-popup form { margin-top:20px; background-color:#FFFFFF; }
						.contact-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.contact-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.contact-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
							.contact-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.contact-popup .text-error { color:#ff0000; }
							
							.contact-popup .form-captcha { float:left; width:50%; }
							.contact-popup .form-captcha img { max-width:100%; }
						
						.contact-popup .g-recaptcha {}
			
				.cookies-consent-popup { width:100%; max-width:900px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.cookies-consent-popup form { margin-top:20px; background-color:#FFFFFF; }
						.cookies-consent-popup fieldset { position:relative; margin-bottom:20px; text-align:center; border:0px; }
							
				.connexion-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.connexion-popup form { margin-top:20px; background-color:#FFFFFF; }
						.connexion-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.connexion-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.connexion-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
							.connexion-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.connexion-popup .text-error { color:#ff0000; }
					.link-mdp-oublie { padding:5px 0px 5px 0px; font-size:0.8em; cursor:pointer; }
				
				.mdp-oublie-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.mdp-oublie-popup form { margin-top:20px; background-color:#FFFFFF; }
						.mdp-oublie-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.mdp-oublie-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.mdp-oublie-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
							.mdp-oublie-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.mdp-oublie-popup .text-error { color:#ff0000; }
			
				.email-invalid-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
					.email-invalid-popup form { margin-top:20px; background-color:#FFFFFF; }
						.email-invalid-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.email-invalid-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.email-invalid-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
							.email-invalid-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.email-invalid-popup .text-error { color:#ff0000; }

				.inscription-popup { width:325px; margin:40px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
					.inscription-popup form { margin-top:20px; text-align:center; background-color:#FFFFFF; }
						.inscription-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
							.inscription-popup .label-fieldset { float:left; width:100%; }
								.inscription-popup label { text-align:left; padding:5px 0px; cursor:text; }
							.inscription-popup .input-fieldset { float:left; width:100%; }
								.inscription-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
								.inscription-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
							.inscription-popup .radio-fieldset { float:left; width:50%; margin-top:5px; }
								.inscription-popup .class-radio-input { margin-right:5px; text-align:left; border-bottom:1px solid #9e9e9e; }
								.inscription-popup .class-radio-input-error { margin-right:5px; text-align:left; border-bottom:1px solid #ff0000; }
							.inscription-popup .text-error { color:#ff0000; }
							
							.inscription-popup .class-trait { float:left; width:100%; border-bottom:1px solid #9e9e9e; padding:5px 0px 0px 0px; }
		
				.birth-popup { position:relative; min-height:300px; width:300px; margin:200px auto 0px auto; background-color:#FFFFFF; border-radius:4px; }
						.birth-day { float:left; height:150px; width:30%; }
						.birth-month { float:left; height:150px; width:40%; }
						.birth-year { float:left; height:150px; width:30%; }
							.select-birth { display:block; color:#fff; padding:5px 5px; width:100%; max-width:100%; border:0px; -moz-appearance:none; -webkit-appearance:menulist-textfield; appearance:none; }
							.select-birth1 { display:block; color:#fff; padding:5px 5px; width:100%; max-width:100%; border:0px; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
							
							.select-birth::-ms-expand { display:none; }
							.select-birth:hover { border-color:#fff; 	}
							.select-birth:focus { outline:none; }
							.select-birth option { text-align:center; font-weight:normal; background:#fff; color:#000; border:0; }
							.select-birth option.selected { color:white; background-color:#767676; } 
							
						.birth-popup .text-error { float:left; color:#ff0000; }

				.residence-popup { position:relative; min-height:530px; width:300px; margin:60px auto 0px auto; background-color:#FFFFFF; border-radius:4px; }
						.residence-country { float:left; height:120px; width:100%; margin-top:20px; }
						.residence-department { float:left; height:120px; width:100%; margin-top:20px; }
						.residence-city { float:left; height:120px; width:100%; margin-top:20px; }
							.select-residence { display:block; color:#fff; padding:5px 5px; width:100%; max-width:100%; border:0px; -moz-appearance:none; -webkit-appearance:menulist-textfield; appearance:none; }
							.select-residence::-ms-expand { display:none; }
							.select-residence:hover { border-color:#fff; 	}
							.select-residence:focus { outline:none; }
							.select-residence option { text-align:center; font-weight:normal; background:#fff; color:#000; border:0; }
							.select-residence option.selected { color:white; background-color:#767676; } 
						.residence-popup .text-error { float:left; color:#ff0000; }

				.param-account-form-popup { position:relative; width:300px; padding:10px; margin:50px auto 0px auto; background-color:#FFFFFF; border-radius:4px; }
				.param-account-form-popup form { margin-top:20px; background-color:#FFFFFF; }
					.param-account-form-popup fieldset { margin-bottom:20px; text-align:left; border:0px; }
						.param-account-form-popup .label-fieldset { float:left; width:100%; }
							.param-account-form-popup label { text-align:left; padding:5px 0px; cursor:text; }
						.param-account-form-popup .input-fieldset { float:left; width:100%; }
							
							.param-account-form-popup .input-fieldset .tel { height:34px; display:flex; flex-direction:row; }
							.param-account-form-popup .input-fieldset .tel1 { justify-content:space-between; }
							.param-account-form-popup .input-fieldset .tel2 { justify-content:space-around; }
								.param-account-form-popup .input-fieldset .tel input { width: 200px; text-align: left; padding: 5px 0px 5px 0px; }
								.param-account-form-popup .input-fieldset .tel span { color: #C6C6C6; font-size: 1.4em; }
								.param-account-form-popup .input-fieldset .tel img { cursor:pointer; }
							

							.param-account-form-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 0px 5px 0px; }
							.param-account-form-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
						.param-account-form-popup .radio-fieldset { float:left; width:50%; margin-top:5px; }
						.param-account-form-popup .radio-fieldset-100 { float:left; width:100%; margin-top:5px; }
							.param-account-form-popup .radio-fieldset label { text-align:left; padding:5px 0px; cursor:pointer; }
							.param-account-form-popup .radio-fieldset-100 label { text-align:left; padding:5px 0px; cursor:pointer; }
							.param-account-form-popup .radio-fieldset input { margin-right:5px; text-align:left; cursor:pointer; }
							.param-account-form-popup .radio-fieldset-100 input { margin-right:5px; text-align:left; cursor:pointer; }
							.param-account-form-popup .class-radio-input { border-bottom:1px solid #9e9e9e; }
							.param-account-form-popup .class-radio-input-error { border-bottom:1px solid #ff0000; }
						.param-account-form-popup textarea { width:100%; height:auto; min-height:100px; margin-bottom:20px; text-align:left; border:1px solid #cccccc; resize:none; }
						.param-account-form-popup .text-error { color:#ff0000; margin-bottom:10px; }
						
						.select-account { display:block; color:#fff; padding:5px 5px; width:100%; max-width:100%; border:0px; -moz-appearance:none; -webkit-appearance:menulist-textfield; appearance:none; }
							.select-account::-ms-expand { display:none; }
							.select-account:hover { border-color:#fff; 	}
							.select-account:focus { outline:none; }
							.select-account option { text-align:center; font-weight:normal; background:#fff; color:#000; border:0; }
					
					.param-account-form-popup p { margin-top:20px; margin-bottom:20px; text-align:left; border:0px; }

			.div-online { position:absolute; top:0; left:0; width:100%; height:100%; }
				.online {}
			
	/*	MESSAGES LIST	*/
	.div-elem-list-message { width: 100%; }
		.a-messagelist { display:inline; text-decoration:none; }
		.a-messagelist:hover { }
			
			.SpandateTime { color:black; font-size:0.8em; font-family:Arial, sans-serif; }
			.SpanMessageName  { color: black; font-size:1em; font-weight: bold; font-family:Arial, sans-serif; }
			.SpanMessageNameOperateur  { color: red; font-size:1em; font-weight: bold; font-family:Arial, sans-serif; }
			.SpanMessageTextPerso { word-wrap: break-word; font-family:Arial, sans-serif; }
			.SpanMessageTextH { color: #0000FF; font-size:1em; word-wrap: break-word; font-family:Arial, sans-serif; }
			.SpanMessageTextF { color: #FF00E0; font-size:1em; word-wrap: break-word; font-family:Arial, sans-serif; }
			.SpanMessageTextM { color: #4B3407; font-size:1em; word-wrap: break-word; font-family:Arial, sans-serif; }
			.SpanMessageTextD { color: #FFFFFF; font-size:1em; word-wrap: break-word; font-family:Arial, sans-serif; }
			
			.FontSizeText8px { font-size:0.2em; }
			.FontSizeText9px { font-size:0.3em; }
			.FontSizeText10px { font-size:0.4em; }
			.FontSizeText11px { font-size:0.5em; }
			.FontSizeText12px { font-size:0.6em; }
			.FontSizeText13px { font-size:0.7em; }
			.FontSizeText14px { font-size:0.8em; }
			.FontSizeText15px { font-size:0.9em; }
			.FontSizeText16px { font-size:1.0em; }	/*	Valeur par defaut du navigateur	*/
			.FontSizeText17px { font-size:1.1em; }
			.FontSizeText18px { font-size:1.1em; }
			.FontSizeText19px { font-size:1.3em; }
			.FontSizeText20px { font-size:1.4em; }
			.FontSizeText21px { font-size:1.5em; }
			.FontSizeText22px { font-size:1.6em; }
			.FontSizeText23px { font-size:1.7em; }
			.FontSizeText24px { font-size:1.8em; }
			.FontSizeText25px { font-size:1.9em; }
			.FontSizeText26px { font-size:2.0em; }
			.FontSizeText27px { font-size:2.1em; }
			.FontSizeText28px { font-size:2.2em; }
			.class-a-file { }
			.class-img-file { vertical-align: middle; }

	/*	USERS LIST	*/
	.div-elem-list-user { position:relative; width:100%; height:24px; margin-top:4px; cursor:pointer; }
		.div-elem-img-list-user { position:absolute; top:0px; bottom:0px; left:0px; width:24px; }
			.img-elem-list-user { vertical-align:middle; }
		.div-elem-name-list-user { position:absolute; top:0px; right:0px; bottom:0px; left:26px; white-space:nowrap; }
			.span-elem-name-list-user { vertical-align:middle; color:black; font-weight:bold; }
		.div-elem-img-list-user-right { position:absolute; top:0px; bottom:0px; right:0px; width:24px; }
			.img-elem-list-user-right { vertical-align:middle; }
		
	/*	MESSAGES / ROOMS / USERS LIST	*/
	.div-elem-list-message-rowEven-0,
	.div-elem-list-user-rowEven-0,
	.div-elem-list-room-rowEven-0 { background-color: #FFFFF0; }
	.div-elem-list-message-rowOdd-0,
	.div-elem-list-user-rowOdd-0,
	.div-elem-list-room-rowOdd-0 { background-color: #E4E3E2; }
	.div-elem-list-message-rowEven-1,
	.div-elem-list-user-rowEven-1,
	.div-elem-list-room-rowEven-1 { background-color: #DBF5EC; }
	.div-elem-list-message-rowOdd-1,
	.div-elem-list-user-rowOdd-1,
	.div-elem-list-room-rowOdd-1 { background-color: #E4E3E2; }
	.div-elem-list-message-rowEven-2,
	.div-elem-list-user-rowEven-2,
	.div-elem-list-room-rowEven-2 { background-color: #FBDEDE; }
	.div-elem-list-message-rowOdd-2,
	.div-elem-list-user-rowOdd-2,
	.div-elem-list-room-rowOdd-2 { background-color: #E4E3E2; }
	.div-elem-list-message-rowEven:hover,
	.div-elem-list-user-rowEven:hover,
	.div-elem-list-message-rowOdd:hover,
	.div-elem-list-user-rowOdd:hover,
	
	.AUser-H { background-color: #00FFFF; }
	.AUserH { background-color: #C7F4FF; }
	.AUser-F { background-color: #FF00FF; }
	.AUserF { background-color: #EEBAFF; }
	.AUser-M { background-color: #FFFF00; }
	.AUserM { background-color: #FFF7B8; }
	.AUser-D { background-color: #FFFFFF; }
	.AUserD { background-color: #FFFFFF; }

.display-none { display:none; }
.display-none-only { display:none; }
.display-inline-block-only { display:inline-block; }
.display-inline-only { display:inline; }

.button-site { margin:3px 0px 0px 0px; border:0; background:transparent; cursor:pointer; }
	.button-site::-moz-focus-inner { border:0; }
		.button-site span { display: block; }
		/* Button borders */
		.button-site span { border:1px solid rgb(128,128,128); border-radius:4px; }
		.button-site span span { border:1px solid rgb(192,192,192); border-radius:3px; }
		/* Button backgrounds */
		.button-site span { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#B6C6ED);
			background-image :     -ms-linear-gradient(#535a6c,#B6C6ED);
			background-image :      -o-linear-gradient(#535a6c,#B6C6ED);
			background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
			background-image :         linear-gradient(#535a6c,#B6C6ED);
			}
		.button-site span:hover { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#AAB9DE);
			background-image :     -ms-linear-gradient(#535a6c,#AAB9DE);
			background-image :      -o-linear-gradient(#535a6c,#AAB9DE);
			background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
			background-image :         linear-gradient(#535a6c,#AAB9DE);
			}
		/* Button text */
		.button-site span { padding:0 7px; line-height:1.2em; font:400 1.0em Arial; color:black; }
		.button-site span:hover { font-weight:bold; }

.button-submit-site { border:0; background:transparent; cursor:pointer; }
	.button-submit-site::-moz-focus-inner { border:0; }
		.button-submit-site span { display: block; }
		/* Button borders */
		.button-submit-site span { border:1px solid rgb(128,128,128); border-radius:4px; }
		.button-submit-site span span { border:1px solid rgb(192,192,192); border-radius:3px; }
		/* Button backgrounds */
		.button-submit-site span { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#B6C6ED);
			background-image :     -ms-linear-gradient(#535a6c,#B6C6ED);
			background-image :      -o-linear-gradient(#535a6c,#B6C6ED);
			background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
			background-image :         linear-gradient(#535a6c,#B6C6ED);
			}
		.button-submit-site span:hover { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#AAB9DE);
			background-image :     -ms-linear-gradient(#535a6c,#AAB9DE);
			background-image :      -o-linear-gradient(#535a6c,#AAB9DE);
			background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
			background-image :         linear-gradient(#535a6c,#AAB9DE);
			}
		/* Button text */
		.button-submit-site span { padding:0 7px; line-height:1.3em; font:400 1.1em Arial; color:white; }
		.button-submit-site span:hover { font-weight:bold; }

.button-title-site { margin:6px 0px 0px 0px; border:0; background:transparent; cursor:pointer; }
	.button-title-site::-moz-focus-inner { border:0; }
		.button-title-site span { display: block; }
		/* Button borders */
		.button-title-site span { border:1px solid rgb(128,128,128); border-radius:8px; }
		.button-title-site span span { border:1px solid rgb(192,192,192); border-radius:6px; }
		/* Button backgrounds */
		.button-title-site span { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#B6C6ED);
			background-image :     -ms-linear-gradient(#535a6c,#B6C6ED);
			background-image :      -o-linear-gradient(#535a6c,#B6C6ED);
			background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
			background-image :         linear-gradient(#535a6c,#B6C6ED);
			}
		.button-title-site span:hover { 
			background:#535a6c;
			background-image :    -moz-linear-gradient(#535a6c,#AAB9DE);
			background-image :     -ms-linear-gradient(#535a6c,#AAB9DE);
			background-image :      -o-linear-gradient(#535a6c,#AAB9DE);
			background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
			background-image :         linear-gradient(#535a6c,#AAB9DE);
			}
		/* Button text */
		.button-title-site span { padding:0 10px; line-height:1.5em; font:400 1.2em Arial; color:white; }
		.button-title-site span:hover { font-weight:bold; }