body {
	background-color:#F7F8F9;
	#font-family: 'Raleway', 'Arial' sans-serif;
	font-family: 'Arial' sans-serif;
	margin:0px;
	font-size: 14px;
	color:#404142;
}

.mc_header {
	#background-color:#00AFF3;
	background:linear-gradient(to right, #00AFF3, #00AFF3, #F70253);
	background:-webkit-linear-gradient(left, #00AFF3, #00AFF3, #F70253);
	border-width:0px;
	border-radius:0px;
	margin-bottom:10px; # pour espacer le header (le carousel de la première page est remonté de la même valeur dans index.php)
}

#logo_menu {
	margin:9px 0px 10px 30px;
}
  
ul {
	padding:0px;
}

.after_content {
	margin:auto;
	width:80%;
}

.btn-mc {
	#margin-top: 10px;
	padding: 2px 6px 2px 6px;
	/* padding-top: 0px; */
	border-radius: 13px;
	height: 26px;
	background-color: #FFFFFF;
	color: #32ACE2;
	font-size: 14px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(235,235,235);
}
.drop-lang {
	min-width:74px;
}
.editlib_pencil {
	display: inline-block;
}
.editlib, .editlib_off {
	display: inline-block;
}
.editfield{
	display: none;
	z-index:100;      
}
.editlib .editfield{
	#font-size:12px;
	position:absolute;
	margin-top:-5px;
	margin-left:-2px;
	color:#414243;
}
#intro {
	z-index:10;
	position:absolute;
	left:50%;
	top:150px;
	margin-left:-150px;
	#margin-right:auto;
	width:331px;
	height:330px;
	background-image:url('bulle_bleue_03.png');
	background-position:center;
	text-align:center;
	color:rgba(255,255,255,0.95);
}
#intro1 {
	font-size:17px;
	padding-top:97px;
}
#intro2 {
	font-size:30px;
	font-weight:bold;
	font-variant:small-caps;
	padding-top:4px;
}
.frise {
	padding-top:4px;
	padding-bottom:15px;
	width:100%;
	height:35px;
	background-image:url('frise.png');
	background-position:center;
	background-repeat:repeat-x;
	text-align:center;
}
.frise_with_title {
	width: 70%;
	margin:20 auto;
}
.titrefrise {
	font-size:30px;
	position:relative;
	top:-10px;
	background-color:#F7F8F9;
	padding-left: 15px;
	padding-right: 15px;
}

#intro4 {
	font-size:14px;
	padding-top:4px;
}
#home_content {
	position:absolute;
	top:470px;
	width:100%;
	margin-top:50px;
	#text-align:center;
}
#actions {
	width:100%;
	text-align:center;
	display:block;
}

.site_thumbnail
{
	width:185px;
	height:139px;
}

.createjoin {
	/* color:#404142; */
	font-size:20px;
	text-align:left;
	display: inline-block;
}

.createjoin span{
	font-weight:bolder;
	#font-variant:small-caps;
}

.createjoin input {
	font-size:14px; /* a cause de bootstrap */
	font-weight:bold;
	border:  #bfc2c5 1px solid;
	border-radius:22px;
	padding:2px 50px 2px 10px;
	height:44px;
	width:360px;
	margin-top:10px;
}

.createjoin input:focus {
	outline:none;
}

#div_or {
	font-weight: bolder;
	font-size:24px;
	width:100px;
	display:inline-block;
	position:relative;
	top:-20px;
}

.searchtool {
	/* color:#404142; */
	font-size:16px;
	text-align:left;
	width:70%;
	margin: 10px auto;
	display: block;
}

.searchtool_deco {
	width:100px;
	display:inline-block;
	vertical-align:middle
}

.searchdiv {
	font-weight:bolder;
	display:block;
	width:70%;
	margin:0px auto;
	text-align:left;
}
#search_input {
	width:360px;
	/* padding-right:200px; */
}
#searchdiv_buttons {
	display:inline-block;
	/* 
	position:absolute;
	left:300px;
	*/
	padding-top:18px;
}

#chat_tab_notif {
	display:none;
	position:relative;
	left:-4px;
	top:-8px;
	font-size:10px;
	color:red;
}

.ssrc, .ssrc_cur {
	font-size: 22px; /* a cause de bootstrap qui le font-size à inherit pour les input */
	border-radius:10px;
}

.ssrc_cur {
	background-color:#CCCCCC;
}

.searchydv{
	font-size: 22px; /* a cause de bootstrap qui le font-size à inherit pour les input */
	/*
	position:relative;
	left:-200px;
	height:26px;
	border:  #FFFFFF 0px solid;
	cursor:pointer;
	background-color:#FFFFFF;
	*/
}
.searchydv:hover{
	background-color:#CCCCCC;
}

.itemfooter {
	padding-right:15px;
	padding-left:15px;
	text-decoration:none;
}
.itemfooter a {
	text-decoration:none;
	color:#404142;
	font-size: 12px;
}
.itemfooter a:hover {
	font-weight:bolder;
	font-size: 14px;
}
.conn_widget {
	position:absolute;
	top:50px;
	right:100px;
	z-index:100;
	display:none;
	padding: 3px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: 0px;
	text-align:center;
}
#div_logon, #div_logoff {
	cursor:pointer;
	#position:relative;
	#top:15px;
	padding-right:10px;
	padding-top:10px;
	color:#FFFFFF;
	#font-weight:bold;
	font-size: 14px;
	display:none;
}
.err_input {
	color:orange;
	font-size:12px;
}
.err_input1 {
	position:relative;
	top:-16px;
	left:50px;
	color:orange;
	font-size:12px;
	width:230px;
}

/************************ deb reprise rech1 ********************/
/************************ deb reprise rech1 ********************/
/************************ deb reprise rech1 ********************/
/************************ deb reprise rech1 ********************/
/************************ deb reprise rech1 ********************/

.db_lib {
	display:inline-block;
	font-size:12px;
	color:#000000;
	position: relative;
	top: 1px;
}
#dashboard {
	padding:0px;
	background-image: url(frise.png);
	background-repeat:repeat-x;
	background-position:center center; 
}
#div_dashboard1 {
	margin:auto;
}
#video_title {
	padding-left: 25px;
	padding-top: 10px;
}

#div_right {
	display: inline-block;
}
#div_left {
	display: inline-block;
	padding-left:25px;
}

#onglets {
	display:inline-block;
	margin:auto;
	min-width:300px;
	vertical-align: top;
}

#rs_tab_histo, #rs_tab_search, #rs_tab_chat, #rs_tab_playlist, #rs_tab_clouds, #rs_tab_users {
	height:100%;
}

#tricktips {
	margin:auto;
	margin-top:10px;
	width:80%;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:rgb(221,221,221);
	background-color:#FFFFFF;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.tricktips {
  height: 130px;
  margin-bottom: 0px;
  font-size:14px;
}
/* Since positioning the image, we need to help out the caption */
.tricktips-caption {
  text-shadow: none;
  color:#676869;
  z-index: 10;
  /* bottom: 0px; */
  left:10%;
  right:10%;
  padding-bottom:10px;
}

/* Declare heights because of positioning of img element */
.tricktips .item {
  padding-top:10px;
  height: 130px;
  background-color: #FFFFFF;
}

.tricktips-control.left, .tricktips-control.right {
	background-image: none;
	width:10%;
	padding-top:40px;
}

#tricktips-tdimg {
	vertical-align:middle;
	text-align:center;
	width:170px;
}

.dashb1 {
	display:inline-block;
	padding:2px 5px 2px 5px;
	background-color:#F7F8F9;
}
#div_break {
	display:none;
}

.togglefond {
	#font-weight:bold;
	font-size:8px;
	display:inline-block;
	padding:2px 3px 2px 3px; 
	border-radius:12px;
	#border-style:inset;
	#border-color:#BBBBAA;
	border-width:0px;
	background-color:#FFF662;
	cursor:pointer;
}
.togglefond1 {
	#font-weight:bold;
	font-size:8px;
	display:inline-block;
	padding:2px 3px 2px 3px; 
	border-radius:12px;
	#border-style:inset;
	#border-color:#BBBBAA;
	border-width:0px;
	background-color:#CCCCCC; 
}
.toggleon {
	display:inline-block;
	padding:1px 5px 1px 5px;
	color:#080808;
	
	border-radius:8px;
	border-style:outset;
	border-color:#BBBBAA;
	border-width:1px;
	background-color:#FFFFFF; 
}
.toggleoff {
	display:inline-block;
	padding:1px 5px 1px 5px;
	color:#080808;
}
.withinfos .dbinfos, .withinfos .dbinfosleft, .withinfos .dbinfosright{
	display:inline-block;
	font-size:12px;
	position:absolute;
	margin-top:30px;
	margin-left:-43px;
	width:140px;
	color:#414243;
	/* text-align:justify; */
	background:rgba(255,255,255,1);
	padding:10px;
	border-style:solid;
	border-width:2px;
	border-color:#DDE1E4;
	/*transform*/
	-webkit-transform:scale(0);
	   -moz-transform:scale(0);
	    -ms-transform:scale(0);
	     -o-transform:scale(0);
	        transform:scale(0);
			
	/*transition
	-webkit-transition:all .50s;
	   -moz-transition:all .50s;
	    -ms-transition:all .50s;
	     -o-transition:all .50s;
	        transition:all .50s;
	*/		
	/*border-radius*/
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;

	opacity:0;
}
.db_icon_on, .db_icon_off {
	padding:0px 5px;
}
.db_icon_on {
	color: #00AFF3;
}
.db_icon_off {
	color: #CCCCCC;
}

.db_ctrlLevel3 {
	color: #00AFF3;
}

.db_ctrlLevel2 {
	color: #CCCCCC;
}

.withinfos .dbinfos::before{
	position:absolute;
	background-image:url('bulletop.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center; 
	content:'';
	left:50px;
	top:-12px;
	height:12px;
	width:46px;
	z-index:100;
}
.withinfos .dbinfosleft::before{
	position:absolute;
	background-image:url('bulletopleft.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center; 
	content:'';
	left:8px;
	top:-12px;
	height:12px;
	width:46px;
	z-index:100;
}
.withinfos .dbinfosright::before{
	position:absolute;
	background-image:url('bulletopright.png');
	background-repeat:no-repeat;
	background-size:auto;
	background-position:center; 
	content:'';
	left:85px;
	top:-12px;
	height:12px;
	width:46px;
	z-index:100;
}
.div_popup {
	position:absolute;
	padding: 3px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #676869;
	#display:none;
	z-index:1000;
}

#div_share {
	position:fixed;
	top:50px;
	#left:500px;
	margin:auto;
	background-color:#FFFFFF;
	width:500px;
	height:250px;
	padding:10px;
	text-align:center;
	overflow:auto;
}

#div_avatar {
	position:fixed;
	top:50px;
	#left:500px;
	margin:auto;
	background-color:#FFFFFF;
	width:300px;
	height:180px;
	padding:10px;
	text-align:center;
	overflow:auto;
}
#div_avatar_inner {
	background-image:url('avatar.png');
	background-size:  70px 70px;
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 10px 10px 30px;
}

.ul_vlist {
list-style-type:none;
}
.ul_vlist>li {
	padding: 3px 0px;
	border-bottom: 1px solid #E5E9EC;
}
.td_vignette {
	padding: 5px;
	width:106px;
}
.vignette {
width: 96px;
height: 72px;
cursor: pointer;
}
.vtitle {
font-size : 12px;
font-weight:bold;
}

.vduration {
position:absolute;
/* z-index:2; */
bottom: 2px;
right:2px;
padding: 0px 3px;
font-size : 10px;
font-weight: normal;
background-color: #FFF;
}

/*
	Liste de videos pages site
*/
.video_div, .hist_entry {
	background-color:#FFFFFF;
	width:185px;
	padding: 15px 15px 0px 15px;
	position:relative;
}

.video_div:hover {
	background-color:#CCCCCC;
}

.incit {
	visibility:hidden;
	padding-bottom:5px;
	cursor: pointer;
	position:absolute;
	bottom:5px;
	right:5px;
}

.video_div:hover .incit {
	visibility:visible;
}

.vduration2 {
position:absolute;
z-index:2;
bottom: 10px;
right:2px;
padding: 0px 3px;
font-size : 12px;
font-weight: normal;
background-color: #FFF;
}

.vsrc {
	font-size: 10px;
	color:#429ED6;
}

.vsrc2 {
	font-size: 12px;
	color:#429ED6;
}

.pubrooms_infos {
	font-size: 12px;
}

.vtitle2 {
	font-weight: bold;
}

.addedBy {
font-size: 10px;
font-weight: normal;
color: #C2C2C2;
font-style: italic;
}
#playlist_size {
	margin-left:-10px;
	padding:0px 2px;
	font-size:11px;
	color:#FFF;
	background-color: #32ACE2;
	border-radius: 10px;
}
#users_online {
	margin-left:-10px;
	padding:0px 2px;
	font-size:11px;
	color:#FFF;
	background-color: #32ACE2;
	border-radius: 10px;
}
#smileys_list {
background-color:#FFFFFF;
display:none;
position:absolute;
z-index:1000;
height:90px;
width:150px;
bottom:120px; 
right:40px; 
border:1px solid #4F4F4F;
overflow:auto;
}

#chat_footer {
	padding-top: 5px;
	padding-bottom: 5px;
	#height: 25px;
}

#currentmsg {
	height: 24px;
	width: 85%;
	border-radius: 5px;
	resize: none;
}

.closetab {
	display:none;
}

.tab_header {
	background-color: #CCCCCC;
}

#div_status {
	top:200px;
	left:200px;
	width:500px;
}
#div_status_content ul{
	list-style-type: circle;
	padding-left:15px;
}
#div_status_content ul li{
	padding-top:5px;
}
.progressbar {
  background-color: #CCCCCC;
  border-radius: 3px; 
  height:3px;
  position:relative;
}
.progressbar .pbloaded {
   background-color: #32ACE2;
   border-radius: 3px; /* (height of inner div) / 2 + padding */
   height: 3px;
   position:absolute;
}
.progressbar .pbtime {
   background-color: red;
   border-radius: 3px;
   height: 3px;
   position:absolute;
}

.main {
	padding-left:20px;
	min-height:600px;
}

.nodisplay {
	display:none;
}

.menu_account {
font-size: 20px;
font-weight:bold;
color:#32ACE2;
}

.menu_account .tab {
padding: 5px;
}

.menu_account .sel_tab {
color: #fff;
background-color: #32ACE2;
border-radius:20px;
padding: 5px;
}

.menu_account .sel_tab a {
color: #fff;
text-decoration: none;
}

.menu_account .tab a {
text-decoration: none;
}
.menu_account .tab a:visited {
color: #32ACE2;
}
.sections {
	list-style-type:none;
}
.sections li {
	padding:5px  3px 5px 10px;
}
#left-menu {
list-style-type:none;
}

#left-menu li {
	padding:5px  3px 5px 10px;
}

#left-menu li a {
	color: #888;
	font-size: 0.9em;
	text-decoration: none;
}

#left-menu li a.current, #left-menu li a:hover {
	font-weight: bold;
	color: #32ACE2;
	padding:5px  3px 5px 5px;
}

.div_feature {
	display : none;
	margin: 15px auto;
	width : 80%;
}

.div_feature div {
	display:inline-block;
	#width:70%;
}

.div_feature img {
	display:inline-block;
}

.div_feature div h2 {
font-size: 1em;
font-weight: normal;
color: #32ACE2;
width: 24em;
margin-top: 1em;
text-align: left;
}

.lkfeature_off, .lkfeature_on  {
font-size: 20px;
font-weight:bold;
padding: 5px 10px;
cursor:pointer;
}

.lkfeature_off  {
color:#32ACE2;
}

.lkfeature_on {
color:#FFFFFF;
background-color: #32ACE2;
border-radius:20px;
}

.submit_button {
#font-size: 1em;
font-weight: bold;
background-color: #00AFF3;
color: #fff;
padding: 5px 15px;
border:none;
border-radius: 20px;
margin-bottom:5px;
cursor: pointer;
text-decoration:none;
-webkit-appearance: none;
}

.hist_ul {
list-style-type:none;
}

.fbbutton {
background-color:#32ACE2;
font-size:1em;
font-weight:400;
color:#fff;
#border: 1px solid #3B5998;
cursor: pointer;
letter-spacing: 0.01em;
height: 1.6em;
text-align: center;
padding-top: 0.4em;
width: 20em;
}

.fbbuton img {
	text-align:middle;
}

.hidden-options  {
list-style-type:none;
text-align:left;
adding: 0 1em;
}

.hidden-options li {
padding-top: 0.5em;
color: #424242;
font-size: 0.8em;
cursor: pointer;
}

.hidden-options li:hover {
	color: #E3E3E3;
}


#room_title {
	font-size: 24px;
	font-weight:bold;
	color:#FFFFFF;
}

#room_title_lib {
	display:inline-block;
	max-width:500px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}

.div_nickname, #db_nickname_lib {
	display:inline-block;
	max-width:250px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}

.contact, #db_nickname_lib {
	font-weight:bold;
}

#hroom_infos {
	display:inline-block;
	vertical-align:middle;
	line-height:22px;
	margin-left:20px;
}

.hroom_infos_lib  {
	font-size:11px;
	color:#CCCCFF;
}

.hroom_open_link {
	max-width:500px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}

.sharing_link, #sh_ext_id {
	border: 1px solid #aaa;
	height: 2em;
	font-size: 1em;
	padding: 0.1em;
	color: #000000;
	font-weight:bold;
}

.sharing_link, #sh_ext_id {
	width: 90%;
}

#sh_ext_id {
	width: 100px;
}

.sharing_options {
	margin:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}

.sharing_option {
	display:inline-block;
	text-align:center;
	width:70px;
}

.sharing_option_sep {
	display:inline-block;
	background-color:#E5E9EC;
	width:2px;
	height:50px;
}

.sharing_option_lib {
	font-size:11px;
	color:#676869;
}

#search_header {
	text-align:center;
}

#tab_search_input {
	padding-left:5px;
	width:90%;
	border:  #bfc2c5 1px solid;
	border-radius:10px;
}
#tab_search_input:focus {
	outline:none;
}


#videos_tree {
padding:5px; text-align:left; overflow:auto;
}

#search_res {
	padding-bottom:5px;
}
.tab_search_sep {
	width:50px;
	height:3px;
	border-radius:1.5px;
	background-color:#E5E9EC;
	margin:5px auto;
}

#histo_room_params_form {
	#max-width:540px;
	border-collapse:separate;
	border-spacing:10px;
}

#roomParamsLib {
	width:400px;
}

.room_title_histo {
	display:inline-block;
	font-weight: bold;
	max-width: 185px;
	#height: 35px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}

#div-help {
	position:absolute;
	top:0px;
	right:20px;
	background-color: #00AFF3;
	color:#FFFFFF;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	border: 1px solid #00AFF3;
	width:400px;
	padding:10px;
	display: none;
	opacity: 0.9;
	z-index:20;
}
#div-help a {
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF;
}
#div-show-help {
	position:absolute;
	top:0px;
	right:40px;
	color:#00AFF3;
	display: none;
	cursor:pointer;
	background-image: url("bgblang7x10.png");
	background-position: center;
	background-repeat: no-repeat;
}

.mc_infos {
	font-size: 12px;
}

.chat-notif-div {
position: absolute; 
bottom:29px; 
right: 0; 
width: 298px; 
font-size: 12px;
padding: 20px;
display: none; 
z-index: 5;
color: #C2C2C2;
background-color: #4F4F4F;
border: 1px solid #C2C2C2;
cursor:pointer;
}

.div_upload_progress
{
	display: inline-block;
	width: 500px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	position: relative;
	background-color: #FFFFFF;
	#background: #eee url("progress.png") 100% 0 repeat-y repeat-x;
}

.upld_progress {
	background: #eee;
}

.upld_pc1 {
	background-color:#75D975;
}

.upld_pc2 {
	background-color:#4896B7;
}

.md5_pc {
	background-color:#FFFF00;
}

.upld_infos {
	position:absolute;
	top:22px;
	left:5px;
	color:#000000;	
}

.pp_fname {
	display:inline-block;
	max-width:480px;
	overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}


.div_upload_progress .pp_fname {
	font-weight : bold;
	color: #000000;
}
.upload_success .pp_fname {
	color: #0c0;
}
.upload_failed .pp_fname {
	color: #e00;
}

.upload_canceled .pp_fname {
	color: #FF8000;
}

.upload_success
{
	#background: #0c0 none 0 0 no-repeat;
}

.upload_failed
{
	#background: #e00 none 0 0 no-repeat;
}

.bulle {
	color:#707070;
	font-size:12px;
	text-align:left;
	word-wrap:break-word;
	font-weight: bold;
	width:75%;

	border-left:2px solid #B5BBC0;
	border-top:2px solid #B5BBC0;
	border-right:2px solid #3C3F42;
	border-bottom:2px solid #3C3F42;

	padding:5px;
	border-radius:5px;
	list-style-type:none;
	margin-left:5px;
	margin-right:5px;
	margin-top: 5px;
}

.chatnickname {
	position: relative;
	top: -3px;
	left: -3px;
	background-color: #726E6E;
	text-decoration: none;
	font-style: italic;
	padding-right: 10px;
	padding-left: 5px;
	color: #FFFFFF;
	border-radius: 5px;
}

.chatnickname2 {
	background-color: #eee;
    text-decoration: none;
	font-style: italic;
    padding-right: 10px;
    padding-left: 5px;
    color: #080808;
    border-radius: 5px;
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

.bulleme .chatnickname {
	float:right;
}

.bulle div {
	font-weight: normal;
	padding-top: 5px;
}
.bullesep {
	width:100%;
	margin-top:5px;
	list-style-type:none;
	float:left;
}
.bulleme {
	float:right;
	background-color:#DDDDFF;
}

/* 10 versions de couleur différentes pour not me, on prend un modulo 10 sur le Num du join */
.bullenotme-1 {
	float:left;
	background-color:#8BC9F0;
}

.bulledashed {
	border-style: dashed;
	border-radius: 10px;
}

.bullepm {
	border-radius: 18px;
	padding:10px;
}

.bullenotme0 {
	float:left;
	background-color:#BBBBBB;
}

.bullenotme1 {
	float:left;
	background-color:#FFFFE0;
}

.bullenotme2 {
	float:left;
	background-color:#FFE0FF;
}

.bullenotme3 {
	float:left;
	background-color:#E0FFFF;
}

.bullenotme4 {
	float:left;
	background-color:#DDDDDD;
}

.bullenotme5 {
	float:left;
	background-color:#DDDDC0;
}

.bullenotme6 {
	float:left;
	background-color:#DDC0DD;
}

.bullenotme7 {
	float:left;
	background-color:#C0DDDD;
}

.bullenotme8 {
	float:left;
	background-color:#CCCCCC;
}

.bullenotme9 {
	float:left;
	background-color:#D4D46F;
}

.bullenotme0:hover, .bullenotme1:hover, .bullenotme2:hover, .bullenotme3:hover, .bullenotme4:hover, .bullenotme5:hover, .bullenotme6:hover, .bullenotme7:hover, .bullenotme8:hover, .bullenotme9:hover {
	float:left;
	background-color:#F9FA06;
	/* font-size:14px; */
}
.mCSB_inside > .mCSB_container {
	margin-right:15px;
}

#div_exit_room_sep {
	display: inline-block;
	background-color: #FFFFFF;
	height:33px;
	width: 1px;
	position: relative;
	top: 5px; 
	opacity: .15;
	margin-right: 10px;
}

.dirEntry {
text-decoration: none;
cursor:pointer;
font-size: 12px;
font-weight: bold;
}

.dirContent {
padding:0px 0px 0px 20px;
}

.dirVoid {
padding:0px 0px 0px 5px;
font-size: 12px;
}

.fld_ln {
	cursor:pointer;
	font-size: 12px;
	padding-top: 3px;
}

.fld_ln table {
	border-collapse : collapse;
	border-spacing: 0px;
}

.fld_ln table > td {
	padding: 5px;
}
#div_audiochat {
	padding:5px;
	top:-500px;
	left:-500px;
}
#audiochat_container {
	margin-top: 5px;
}
#roomParams_widget {
	display:none;
	top:300px;
	left:500px;
	width:750px;
	text-align:center;
}

#histo_paging {
	padding-left: 15px;
	padding-right: 15px;
	position:relative;
	top:-8px;
	background-color:#F7F8F9;
	font-size: 18px;
	font-weight: bold;
}

#div_pvisu {
	border-style:solid;
	border-width:1px;
	border-color:#444444;
	background-color:#CCCCCC;
	position:fixed;
	top:20px;
	left:20px;
	width:400px;
	height:300px;
	cursor:pointer;
	text-align:center;
	/* padding:0px 10px 10px 10px; */
	z-index:80;
	min-width:340px;
	min-height:275px;

}
#div_pvisu2 {
	width:95%;
	height:90%;
	margin:auto;
	/* min-width:330px;
	min-height:245px; */
}

#frame_pvisu {
	width:100%;
	height:100%;
}

#upload_mgmt, #upload_warn {
	display:block;
	width:300px;
	height:120px;
	padding:15px;
	margin: 15px 0px;
}

#upload_warn {
	z-index: 10;
	position:absolute;
	display:none;
	background-color: #FFFFFF;
	color:red;
	font-weight:bold;
	padding-top:30px;
	text-align:center;
	border-style:solid;
	border-width:2px;
	border-color:red;
	border-radius:5px;
}

#div_alert {
	/* position:absolute; sinon la div scroll et peut �tre hors de la femetre*/ 
	top:0px;
	margin:auto;
	text-align:center;
	overflow:auto;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 400px;
	height: 150px;
	padding: 20px;
}

#div_qualif {
	top:0px;
	margin:auto;
	text-align:center;
	overflow:auto;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	color: #000000;
	width: 400px;
	height: 350px;
	padding: 20px;
}

#div_qualif_header
{
	font-size: 16px;
	font-weight: bold;
}

#div_qualif_title
{
	font-size: 14px;
	font-weight: bold;
}

#div_qualif_msg
{
	font-size: 14px;
	color: red;
}

#div_qualif_thumbnail
{
	width:96px;
	height:72px;
}
	
#div_qualif_table
{
	border-collapse: separate;
	border-spacing: 10px;
}


#div_check_restricted {
	position:absolute; 
	top:0px;
	left:0px;
	color : #EEEEEE;
	background-color : #000000;
	text-align:center;
	overflow:auto;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 400px;
	height: 150px;
	padding: 20px;
}

#div_bt_alert {
	position:absolute;
	bottom:20px;
	text-align:center;
	width:360px;
}
.cloud_bt {
	display: inline-block;
	width:100px;
	text-align:center;
	padding: 5px;
}
.cloud_bt:hover, .curr_cloud_bt {
	background-color: #CCCCCC;
}
#div_cloud_logout {
	display:inline-block;
	padding-left: 10px;
}

#mycloud2 {
	position:fixed;
	top:100px;
	width: 680px;
	height: 635px;
	margin:auto;
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	padding: 20px 20px 0px 20px;
	overflow:auto;
}
/***PRICING***/

.pricing table {
margin-top: 20px;
}

.pricing table th {
color: #FFF;
padding: 14px;
font-size: 18px;
font-weight: bold;
text-align: center;
}

.pricing table td {
border-bottom: 1px solid #32ACE2;
width: 200px;
padding: 10px 5px;
font-size: 12px;
}

.pricing tr:last-child td {
border: none;
}

.pricing tr>td:first-child {
text-align: left;
/*border-left: 1px solid #32ACE2;*/
padding-left: 20px;
}

.pricing .cat {
background-color: #32ACE2;
color: #fff;
}

.pricing .cat td {
font-weight: bold;
padding-left: 5px;
}


.pricing tr > td {
text-align: center;
}

.pricing ul {
font-size: 12px;
list-style-type: none;
padding: 10px 10px 0 10px;
}

.bg_green {
background-color: #7FC242;
}

.bg_blue {
background-color: #32ACE2;
}
/** FIN PRICING **/

.question {
	font-weight:bold;
	padding-top: 30px;
}

.answer {
	padding-right: 100px;
	padding-left: 50px;
}

.nav-tabs>li>a{
	padding:2px;
}

.nav-tabs>li.active>a {
	background-color:#FFFFFF;
}
.tab_header {
	background-color:#E5E9EC;
}

.tab_header_link {
	text-align:center;
	font-size:18px;
	color:#979899;
	width:47px;
}
.tab_header_link_wide {
	width:53px;
}

#tab-onglets {
	border-style:none solid solid solid;
	border-width:1px;
	background-color:#FFFFFF;
	border-color:#DDDDDD;
	height:100%;
	min-height:300px;
	padding:5px;
}
#div_log  {
	width:800px;
	height: 400px;
	overflow:auto;
	border: 1px solid #000000;
}
#div_alert_content {
	background-image:url('alert1.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding:10px 10px 10px 110px;
}
.alert_fatal {
	color:red;
	font-size:14px;
}
.alert_action {
	color:orange;
}
#notif_new {
	display:block;
	position:absolute;
	z-index:100;
	top: 50px;
	padding:1em;
	font-size: 1em;
	left: 20%;
	width: 60%;
	background-color:#7FC242;
	color: #FFFFFF;
	border: solid 1px #383838;
	border-radius: 6px;
}
#notif_new a{
	color: #FFFFFF;
}
.fileEntry {
	font-size: 12px;
	font-weight: bold;
}
/********** ajout pour pub *********/
#pub1, #pub3, #pub22 {
	display:none;
}
#pub21 {
	display:block;
	width:468px;
	height:60px;
	margin:auto;
	/* background-color:grey; */
}
/***RESPONSIVE***/
/***********************************************/
/***********************************************/
@media only screen and (orientation :portrait) {
/***********************************************/
/***********************************************/
	#pub1, #pub3, #pub22 {
		display:none;
	}
}
/*************************************************************************/
/*************************************************************************/
@media only screen and (orientation :landscape) and (min-width:800px) {
/*************************************************************************/
/*************************************************************************/
	#pub21 {
		display:none;
	}
	#pub22 {
		display:block;
		width:728px;
		height:90px;
		margin:auto;
		/* background-color:grey; */
	}
}
/*************************************************************************/
/*************************************************************************/
@media only screen and (orientation :landscape) and (min-width:1024px) {
/*************************************************************************/
/*************************************************************************/

	#pub3 {
		display:inline-block;
		width:160px;
		height:600px;
		/* background-color:grey; */
		float:right;
	}
}
/*************************************************************************/
/*************************************************************************/
@media only screen and (orientation :landscape) and (min-width:1367px) {
/*************************************************************************/
/*************************************************************************/
	#pub1 {
		display:inline-block;
		width:160px;
		height:600px;
		/* background-color:grey; */
		float:left;
	}
}