body{
	background-color:#f5f6f7;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0px;
	padding:0px;
	font-family: Arimo, Helvetica, sans-serif;
	font-size:14px;
	color:#7c8490;
}

html, body{ 
	height: 100%; 
}

.bck_admin{
	background: url('/_img/back_admin.gif');
}

a, a:visited{
	color:#949aa1;	
}
a:hover{
	color:#656e78;	
}

.main{
	position:relative;
	min-width:770px;
	height:100%;
	background-color:#FFFFFF;
	margin:auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

.bck_admin .main{
	background-color:transparent;
}

.main .menu{
	position:relative;
	width:100%;
	height:50px;
}


.picto_h{
	background: url(/_img/picto_h.png) 0 0px no-repeat;
}

.picto_v{
	background: url(/_img/picto_v.png) 0 0px no-repeat;
}

.picto_calendar{
	background: url(/_img/picto_calendar.png) 0 0px no-repeat;
}

.picto_player{
	background: url(/_img/picto_player.png) 0 0px no-repeat;
}

.picto_picture{
	background: url(/_img/picto_picture.png) 0 0px no-repeat;
}

.picto_video{
	background: url(/_img/picto_video.png) 0 0px no-repeat;
}

.picto_mdyn{
	background: url(/_img/picto_mdyn.png) 0 0px no-repeat;
}

.picto_temp{
	background: url(/_img/picto_temp.png) 0 0px no-repeat;
}

.picto_mcomp{
	background: url(/_img/picto_mcomp.png) 0 0px no-repeat;
}

.picto_comdy{
	background: url(/_img/picto_comdy.png) 0 0px no-repeat;
}

.picto_kaokoa{
	background: url(/_img/picto_kaokoa.png) 0 0px no-repeat;
}


.main .menu .btn{
	transition: 0.4s ease;
}


.main .menu .m_separator{
	float:left;
	width:10px;
	height:44px;
	line-height: 44px;
	text-align: center;
	opacity: 0.3;
	cursor: default;
	font-size:12px;
}

.main .menu .btn.media_sel{
	background: none;
	background-color:#d3dade;
	height:44px;
	border-bottom:solid 4px #d3dade;
}

.main .menu .btn.media_sel:hover{
	background-color:#949aa1;
}


.main .menu .btn.media_sel.print{
	border-bottom:solid 4px #19d26c;
}

.main .menu .btn.media_sel.video{
	border-bottom:solid 4px #763ec7;
}

.main .menu .btn.media_sel.visuel{
	border-bottom:solid 4px #fee123;
}

.main .menu .btn.media_sel.dyna{
	border-bottom:solid 4px #fea120;
}

.main .menu .btn.media_sel.media{
	border-bottom:solid 4px #0689e4;
}

.main .menu .btn.media_sel.image{
	border-bottom:solid 4px #dc0e94;
}

.main .menu .btn.btn_on{
	background-color:#949aa1;
	cursor:default;
}

.main .menu .btn.btn_none{
	cursor:default;
 	background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALklEQVQIW2O8fOvefwYkoKOqyMCILAgSuHL7PkIQJgDSBFaJLAAW/A8EIC3IAABDJB4qMHzPIgAAAABJRU5ErkJggg==  ) repeat;
}

 .main .menu .btn.lock{
	display:none;
	/*
 	cursor:default;
 	background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALklEQVQIW2O8fOvefwYkoKOqyMCILAgSuHL7PkIQJgDSBFaJLAAW/A8EIC3IAABDJB4qMHzPIgAAAABJRU5ErkJggg==  ) repeat;
	*/
 }

.main .menu .btn.btn_none .picto45, .main .menu .btn.lock .picto45{
	/*
	opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
	*/
}

.main .menu .btn{
	width:48px;
	height:48px;
	cursor:pointer;
}


.main .menu .btn_color{
	background: none;
	background-color:#d3dade;
	height:44px;
	border-bottom:solid 4px #9a258e;
}

.main .menu .btn_color:hover{
	background-color:#949aa1;
}


.main .menu .btn_color.btn_on{
	background-color:#949aa1;
	cursor:default;
}

.main .menu .btn_base.btn_off:hover{
	background-color:#949aa1;
}

.main .menu .btn.fdisabled{
	background-color:red;
	cursor:default;
}

.main .menu .btn.fdisabled:hover{
	background-color:red;
}


.main .menu .btn.disabled{
   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMUlEQVQIW2O8dOveTAYkoKum9IwRWRAkcPnWPSm4IEwApAksiCwAFvzPwFAP0oJsLgCMVx4QylwyxQAAAABJRU5ErkJggg==   ) repeat;
}

.main .menu .btn.disabled:hover{
   background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMUlEQVQIW2O8dOveTAYkoKum9IwRWRAkcPnWPSm4IEwApAksiCwAFvzPwFAP0oJsLgCMVx4QylwyxQAAAABJRU5ErkJggg==   ) repeat;
}

.main .menu .btn_base.btn_on{
	/*height:40px;
	border-bottom:solid 8px #9a258e;*/
	background-color:#949aa1;
	cursor:default;
}

.main .menu .btn_field.btn_off:hover{
	background-color:#d94bcc;
}

.main .menu .btn_field.btn_on{
	/*height:40px;
	border-bottom:solid 8px #9a258e;*/
	background-color:#d94bcc;
	cursor:default;
}

.main .menu .btn_bcolor{
	background: none;
	background-color:#d3dade;
	height:44px;
	border-bottom:solid 4px #9a258e;
}

.main .menu .btn_bcolor:hover{
	background-color:#949aa1;
}


.main .menu .btn_bcolor.btn_on{
	background-color:#949aa1;
	cursor:default;
}

.main .menu .picto{
	width:48px;
	height:48px;
	background-color:#b9c1c5;
}

.main .menu .account{
	height:32px;
	width: 90px;
	background-color:#e2e6e8;
	padding-top:13px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px;
}

.main .menu .ctn_picto_account{
	height:45px;
	background-color:#e2e6e8;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px;
	cursor:pointer;
}
.main .menu .ctn_picto_account:hover{
	background-color:#949aa1;
}

.main .menu .log{
	margin-top:0px;
}

.main .menu .btn_account{
	width:45px;
	height:45px;
	cursor:pointer;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px;
}

.main .menu .btn_logout{
	width:45px;
	height:45px;
	cursor:pointer;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px;
}

.main .menu .logout{
	background: url(/_img/btn_logout.png) 0 0px no-repeat;
	cursor: pointer;
	width:45px;
	height:45px;
}

.main .menu .abn_info{
	height: 36px;
	background-color: #f5f6f7;
	text-align: center;
	padding: 7px 7px 0px 7px;
	border-bottom:solid 4px #d70056;
}

.main .ctn{
    display: block;
    position:absolute;
    width:100%;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-top:50px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px;
   /* background-color:#00FF00;*/
}

.main .ctn_data.back_no{
	background-image: url(/_img/back_no_media.jpg);
 	background-attachment: scroll;
 	background-repeat: no-repeat;
 	background-size: contain;
 	-moz-background-size: contain;
 	background-position: center;
}

.box_content{
	width: 860px;
	height:540px;
	margin: auto;
	margin-top: 90px;
}

.titre{
	height:45px;
	font-size: 2.0em;
	font-weight: bold;
}

/* POSITION */

.pos_r{
	float:right;
}

.pos_l{
	float:left;
}

.pos_c{
	margin:auto;
}

.clear{
	clear:both;
}
/*FORMS*/

.search_input{
	width: 200px;
	height: 25px;
	font-size: 1.2em;
	color:#5B636E;
	background: url('/_img/back_fieldicon.png') 8px 8px no-repeat;
	background-color:#fff;
	border: solid 1px #afbabf;
	padding: 6px 6px 6px 40px;
	font-family: Arial, Verdana, sans-serif;
}

.search_input::placeholder{
	color:#d6d6d6;
}

.search_input:focus{
	outline: none;
	border: solid 1px #656e78;
}

.account_input{
	width: 350px;
	height: 25px;
	font-size: 1.2em;
	color: #5B636E;
	background-color: #e2e6e8;
	border: solid 1px #afbabf;
	padding: 6px 6px 6px 6px;
	font-family: Arial, Verdana, sans-serif;
}

.account_input:focus{
	outline: none;
	border: solid 1px #656e78;
	background-color:#e9edef;
}

select{
	font-size: 1.0em;
	font-family: Arial, Verdana, sans-serif;
	color:#000;
}

/* MARGIN */

.top0{
	margin-top:0px;	
}

.top2{
	margin-top:2px;	
}

.topm2{
	margin-top:-2px;	
}


.top4{
	margin-top:4px;	
}

.topm4{
	margin-top:-4px;	
}

.top6{
	margin-top:6px;	
}

.top8{
	margin-top:8px;	
}

.top10{
	margin-top:10px;	
}

.top12{
	margin-top:12px;	
}

.top14{
	margin-top:14px;	
}

.top16{
	margin-top:16px;	
}

.top18{
	margin-top:18px;	
}

.top20{
	margin-top:20px;	
}

.top30{
	margin-top:30px;	
}

.top32{
	margin-top:32px;	
}

.top35{
	margin-top:35px;	
}

.top40{
	margin-top:40px;	
}

.top100{
	margin-top:100px;	
}

.right2{
	margin-right:2px;	
}

.right4{
	margin-right:4px;	
}

.right6{
	margin-right:6px;	
}

.right8{
	margin-right:8px;	
}

.right10{
	margin-right:10px;	
}
.right12{
	margin-right:12px;	
}

.right14{
	margin-right:14px;	
}

.right16{
	margin-right:16px;	
}

.right18{
	margin-right:18px;	
}

.right20{
	margin-right:20px;	
}

.right40{
	margin-right:40px;	
}

.right22{
	margin-right:22px;	
}

.right30{
	margin-right:30px;	
}

.right32{
	margin-right:32px;	
}

.left0{
	margin-left:0px;	
}

.left2{
	margin-left:2px;	
}

.left4{
	margin-left:4px;	
}

.left6{
	margin-left:6px;	
}

.left8{
	margin-left:8px;	
}

.left10{
	margin-left:10px;
}

.left12{
	margin-left:12px;
}

.left14{
	margin-left:14px;
}

.left16{
	margin-left:16px;
}

.left18{
	margin-left:18px;
}

.left20{
	margin-left:20px;
}

.left25{
	margin-left:25px;
}

.left30{
	margin-left:30px;
}

.left40{
	margin-left:40px;
}

.left50{
	margin-left:50px;
}

.left55{
	margin-left:55px;
}

/* COLOR LOOK */

.ctn_logo{
	width:300px;
	height:62px;
	padding-top:40px;
	margin:auto;
}

.main_logo{
	
	background: url(/_img/logo01.png) 0 0px no-repeat;
	width:300px;
	height:62px;
} 




.color_usb{
	background-color:#f78222;
	color:#fff;
}

.border_usb{
	border-color:#f78222;
}

.color_print{
	background-color:#a8d925;
	color:#fff;
}

.border_print{
	border-color:#a8d925;
}

.color_clip{
	color: #009DE0;
	color:#fff;
}

.border_clip{
	border-color:#009DE0;
}

.border_t{
	border-top:solid 1px;
}

.border_l{
	border-left:solid 1px;
}

.border_r{
	border-right:solid 1px;
}

.border_b{
	border-bottom:solid 1px;
}

.border1{
	border:solid 1px #afbabf;	
}

.error{
	color: #d70056;
}
/*
.blue{
	color: #009DE0;
}
*/
.purple{
	color: #9a258e;
}

.gradient{
	background:#e6e8ec;
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d4dbe0), to(#cacaca));
	background: -webkit-linear-gradient(#d4dbe0, #cacaca);
	background: -moz-linear-gradient(#d4dbe0, #cacaca);
	background: -ms-linear-gradient(#d4dbe0, #cacaca);
	background: -o-linear-gradient(#d4dbe0, #cacaca);
	background: linear-gradient(#d4dbe0, #cacaca);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d4dbe0, endColorstr=#cacaca);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d4dbe0, endColorstr=#cacaca)";*/	
}

.noserv{
	background:#ff0000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ff0000));
	background: -webkit-linear-gradient(#ffffff, #ff0000);
	background: -moz-linear-gradient(#ffffff, #ff0000);
	background: -ms-linear-gradient(#ffffff, #ff0000);
	background: -o-linear-gradient(#ffffff, #ff0000);
	background: linear-gradient(#ffffff, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ff0000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ff0000)";	
}


/* Boutons */

.btn_main{
	background-color:#d70056;
}

.btn_main:hover{
	background-color:#EA0361;
}

.btn_base{
	background-color:#d3dade;
}

.btn_base:hover{
	background-color:#a3a3a3;
}

.btn_field{
	background-color:#d70056;
}

.btn_field:hover{
	background-color:#EA0361;
}

.btn_mcopy{
	background: url(/_img/btn_mcopy.png) 0 0px no-repeat;
}

.btn_mcopy:hover{
	background: url(/_img/btn_mcopy.png) 0 -32px no-repeat;
}

.ctn_filtre .btn_field{
	background-color:#fff;
	border:solid 1px #afbabf;
}

.ctn_filtre .btn_field:hover{
	background-color:#d3dade;
	border:solid 1px #656e78;
}

.btn_access{
	background: url(/_img/btn_access.png) 0 0px no-repeat;
}

.btn_trash{
	background: url(/_img/btn_trash.png) 0 0px no-repeat;
}

.btn_trash:hover{
	background: url(/_img/btn_trash.png) 0 -32px no-repeat;
}

.btn_edit{
	background: url(/_img/btn_edit.png) 0 0px no-repeat;
}

.btn_edit:hover{
	background: url(/_img/btn_edit.png) 0 -32px no-repeat;
}

.btn_clock{
	background: url(/_img/btn_clock.png) 0 0px no-repeat;
}

.btn_clock:hover{
	background: url(/_img/btn_clock.png) 0 -32px no-repeat;
}

.picto_clear{
	background: url(/_img/btn_croix.png) 0 0px no-repeat;
}

.btn_add{
	background: url(/_img/tool_addmedia_32_w.png) 0 0px no-repeat;
}

.btn_switch{
	background: url(/_img/tool_swtmedia_32_w.png) 0 0px no-repeat;
}

.picto_filtre{
	background: url(/_img/svg/btn_filtre.svg) 4px 5px no-repeat;
    opacity: 0.7;
    background-size: 68%;
}

.picto_upload{
	background: url(/_theme/_darkness/_img/picto_download.svg) 45% 50% no-repeat;
	background-size: 65%;
}

.picto_reject{
	background: url(/_img/file-reject.svg) 0 0px no-repeat;
}

.btn_move_v{
	background: url(/_img/btn_move_v.png) 0 0px no-repeat;
}

.btn_new{
	background: url(/_img/btn_sc_new_26.png) 0 0px no-repeat;
}

.btn_del{
	background: url(/_img/btn_sc_delete_26.png) 0 0px no-repeat;
}

.btn_prv{
	background: url(/_img/btn_preview_scr.png) 0 0px no-repeat;
}

.btn_scr_play{
	background: url(/_img/btn_scr_play.png) 0 0px no-repeat;
}

.btn_preview{
	background: url(/_img/btn_preview.png) 0 0px no-repeat;
}

.btn_download{
	background: url(/_img/btn_download.png) 0 0px no-repeat;
}

.btn_print{
	background: url(/_img/btn_print.png) 0 0px no-repeat;
}

.btn_rename{
	background: url(/_img/btn_rename.png) 0 0px no-repeat;
}

.btn_date{
	background: url(/_img/btn_date.png) 0 0px no-repeat;
}

.btn_info{
	background: url(/_img/btn_info.svg) 0 0px no-repeat;
}

.picto_upload{
	cursor:pointer;
}

.picto_world_preview{
    background: url(/_img/svg/picto_watch.svg) 0 0px no-repeat;
	background-size: 70%;
	background-position: 45% 60%;
	cursor:pointer;
}


.btn_filtre:hover{
	background-position: 0px -38px;
}

.filtre_on{
	background-position: 0px -76px;
}

.filtre_on:hover{
	background-position: 0px -76px;
}

.btn16{
	cursor: pointer;
	width:16px;
	height:16px;
	transition: all 0.2s ease;
}

.btn16:hover{
	background-position: 0px -16px;
}

.btn26{
	cursor: pointer;
	width:26px;
	height:26px;
	transition: all 0.2s ease;
}

.btn26:hover{
	background-position: 0px -26px;
}

.btn32{
	cursor: pointer;
	width:32px;
	height:32px;
	transition: all 0.2s ease;
}

.btn32:hover{
	background-position: 0px -32px;
}

.btn38{
	cursor: pointer;
	width:38px;
	height:38px;
	transition: all 0.2s ease;
}

.btn_info:hover{
background: url(/_img/btn_info_on.svg) 0 0px no-repeat;
}

.btn_download{
	background: url(/_img/btn_download.png) 0 0px no-repeat;
	cursor: pointer;
}

/* MODELE BOUTON */

.btn_grey{
	background:none;
	background-color : #b4b4b4;
	color:#ffffff;	
}

.btn_grey:hover{
	background:none;
	background-color : #ffffff;
	color:#b4b4b4;	
}

/* PICTO */

.picto_cs{
	background: url(/_img/picto_cs.png) 0 0px no-repeat;
}

.picto_cs75{
	background: url(/_img/picto_cs75.png) 0 0px no-repeat;
}

.picto_account{
	background: url(/_img/picto_account.png) 0 0px no-repeat;
}


.picto_home{
	background: url(/_img/picto_home.png) 0 0px no-repeat;
}

.picto_back{
	background: url(/_img/picto_back.png) 0 0px no-repeat;
}

.picto_print{
	background: url(/_img/picto_print_s.png) 0 0px no-repeat;
}

.picto_usb{
	background: url(/_img/picto_usb_s.png) 0 0px no-repeat;
}

.picto_h{
	background: url(/_img/picto_h.png) 0 0px no-repeat;
}

.picto_v{
	background: url(/_img/picto_v.png) 0 0px no-repeat;
}

.picto_d{
    background: url(/_img/picto_d.png) 0 0px no-repeat;
}

.pic_warning{
	background: url(/_img/picto_warning.png) 0 0px no-repeat;
}

.picto_plus{
	background: url(/_img/picto_plus.png) 0 0px no-repeat;
}

.picto_lock{
	background: url(/_img/picto_lock.png) 0 0px no-repeat;
}

.picto_info{
	background: url(/_img/picto_info_32.png) 0 0px no-repeat;
}

.picto_info_s{
	background: url(/_img/picto_info_16.png) 0 0px no-repeat;
}

.pic_convert{
	background: url(/_img/picto_convert.gif) 0 0px no-repeat;
}


.pic16{
	cursor: default;
	width:16px;
	height:16px;
}

.pic32{
	cursor: default;
	width:32px;
	height:32px;
}

.picto45{
	width:45px;
	height:45px;	
}

.pictoh48{
	height:48px;	
}

.picto75{
	width:75px;
	height:75px;
}

.picto38{
	width:38px;
	height:38px;	
}

.picto28{
	width:28px;
	height:28px;	
}

.picto_service{
	/*padding: 0px 8px 0px 8px;
	width:125px;*/
}

.pic32_center{
	position: absolute;
	margin-left: -50px;
	margin-top: -16px;
	text-align: center;
	padding-top: 30px;
	left: 50%;
	top: 50%;
	width: 100px;
	font-size: 15px;
	background-position-x: 34px;
}

/* Loader */

.infini_loader{
	background: url(/_img/loader.gif) 0 0px no-repeat;
	cursor: default;
	width:32px;
	height:32px;
}

.img_loader{
	background: url(/_img/img_loader.gif) 0 0px no-repeat;
	cursor: default;
	width:16px;
	height:11px;
}

.m_loader{
	background: url(/_img/loader.gif) 0 0px no-repeat;
	cursor: default;
	width:32px;
	height:32px;
}


.b_loader{
	background: url(/_img/loader_b.gif) 0 0px no-repeat;
	cursor: default;
	width:66px;
	height:66px;
}

.iosnot{
	position: absolute;
	top: -5px;
	right: -8px;
	padding: 3px 9px;
	border: 2px solid white;
	border-radius: 100px;
	background: -webkit-linear-gradient(top, #FF6969 0%,#d70056 100%);
	box-shadow: 0 1px 2px rgb(0 0 0 / 50%), 0 1px 4px rgb(0 0 0 / 40%), 0 0 1px rgb(0 0 0 / 70%) inset, 0 10px 0px rgb(255 255 255 / 11%) inset;
	-webkit-background-clip: padding-box;
	font: bold 16px/20px "Helvetica Neue", sans-serif;
	color: white;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 60%);
}

.iosnot.big{
	padding: 8px 14px;
	font: bold 20px/22px "Helvetica Neue", sans-serif;
}

.iosnot.small{
	top: -5px;
	right: -8px;
	padding: 9px 4px;
	border: 1px solid white;
	border-radius: 100px;
	background: -webkit-linear-gradient(top, #FF6969 0%, #d70056 100%);
	box-shadow: 0 1px 2px rgb(0 0 0 / 50%), 0 1px 4px rgb(0 0 0 / 40%), 0 0 1px rgb(0 0 0 / 70%) inset, 0 10px 0px rgb(255 255 255 / 11%) inset;
	font: normal 9px / 10px "Helvetica Neue", sans-serif;
	color: white;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 0%);
}


.ctn_data .elm .canvapack{
	position: absolute;
	top: 0px;
    right: 1px;
    width: 30px;
    height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.ctn_data .elm .canvapack::before{
	content: '';
	width: 29px; /* 1px de moins */
	height: 29px;
	background-image: url(/_img/svg/picto_canva_rounded.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: 50%;
	box-shadow:
  0 1px 2px rgb(0 0 0 / 30%),   /* réduit de 50% → 30% */
  0 1px 4px rgb(0 0 0 / 20%),   /* réduit de 40% → 20% */
  0 0 1px rgb(0 0 0 / 40%) inset, /* réduit de 70% → 40% */
  0 10px 0px rgb(255 255 255 / 8%) inset; /* un peu moins blanc */
}







.ctn_data .elm.canva .tools.color{
	background-color: #56bdc9;
}

.btn_canvapack{
    background: url(/_img/svg/go_canva.svg?0) 0 0px no-repeat;
	opacity: 0.7;
}
.btn_canvapack:hover{
	background: url(/_img/svg/go_canva.svg?0) 0 0px no-repeat;
	opacity: 0.9;
}


/* OVERWRITE JQUERY */

.ui-state-default.btn_cancel, .ui-widget-content .ui-state-default.btn_cancel, .ui-widget-header .ui-state-default.btn_cancel{
	background:none;
	background-color: #b8c1c5;
	border-color: #8b969c;
}

.ui-state-default.btn_copy, .ui-widget-content .ui-state-default.btn_copy, .ui-widget-header .ui-state-default.btn_copy{
	background:none;
	background-color: #949aa1;
	border-color: #8b969c;
}

.ui-widget-content .ui-state-hover.btn_cancel, .ui-widget-header .ui-state-hover.btn_cancel{
	background-color: #bac9cf;
	border-color: #8b969c;
}

.ui-widget-content .ui-state-hover.btn_copy, .ui-widget-header .ui-state-hover.btn_copy{
	background-color: #d70056;
	border-color: #9c023f;
}

.ui-tooltip{  
    font-size: 1.1em;
    border:none;
    margin:0;
    padding:0;
}
  
.ui-tooltip-content{
	border:solid 1px #b4b4b4;
	padding:5px;
}

.ui-widget-shadow{
	opacity:0;
}

.ui-button{
	outline:none;
}

.ui-dialog{
	font-size: 1.15em;
	border-radius: 15px;
	box-shadow: 0 1px 25px rgba(0, 0, 0, 0.4);
	border: none !important;
}

.ui-dialog .ui-dialog-titlebar{
	border-radius: 12px;
}

.ui-dialog .ui-dialog-buttonpane{
	border-width:0px;
}

.ui-icon-alert{
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close{
	z-index:999;
}

.ui-widget-overlay{
	backdrop-filter: blur(2px)  !important;
	-webkit-backdrop-filter: blur(2px) !important; /* pour compatibilité Safari */
	background-color: rgba(0,0,0,0.75);
}

.ctn_picto_account, .ctn_samlNameId, .btn_logout{
	position:absolute;
}
.btn_logout{
	right:0;
}
.ctn_picto_account, .ctn_samlNameId{
	right:50px;
}


.scrollable{
    height: 300px; /* ou la hauteur fixe souhaitée */
    overflow-y: scroll; /* ⚠️ scroll (et non auto) pour forcer la barre visible */
    scrollbar-width: thin; /* Pour Firefox */
    scrollbar-color: #999 transparent; /* Couleur personnalisée pour Firefox */
}

/* Pour Webkit (Chrome, Edge, Safari) */
.scrollable::-webkit-scrollbar{
    width: 6px; /* largeur fine */
}

.scrollable::-webkit-scrollbar-track{
    background: transparent;
}

.scrollable::-webkit-scrollbar-thumb{
    background-color: #999;
    border-radius: 4px;
}

.menu{
	overflow: visible !important;
	/* suppress clear floats */
}

.menu.clearfix:after{
	content: "";
	display: block;
	clear: both;
}




.media-group-toggle{
	background-image: url(/_img/svg/btn_plus_typology_2.svg);
	background-position: center center;
	background-size: 100%;
}

.format-group-toggle{
	background-image: url(/_img/svg/btn_plus_format.svg);
	background-position: center center;
	background-size: 100%;
}





/* Thème personnalisé pour Tippy.js */
.tippy-box[data-theme~='weezago']{
  background-color: #f4f4f4;
  color: #49555f;
  border-radius: 6px;
  font-size: 13px;
  padding: 6px 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}

.tippy-box[data-theme~='weezago'] > .tippy-arrow::before{
  color: #f4f4f4;
}


/* Cache le style natif */
input[type="checkbox"]{
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border: 2px solid #888;
	border-radius: 4px;
	top:-2px;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	transition: border-color 0.2s, background-color 0.2s;
}

/* Coche */
input[type="checkbox"]:checked{
	background-color: #d70056;
	border-color: #d70056;
}

input[type="checkbox"]:checked::after{
	content: '';
	position: absolute;
	top: 0px;
	left: 4px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}





/* START MOBILE */

.touch-device .ui-dialog .ui-dialog-content{
	padding: 0.5em 0.5em !important;
}

.touch-device .media-group{
	position: absolute !important;
	top: 44px !important;
	background-color: rgb(83, 97, 109) !important;
	z-index: 5000 !important;
	width: 45px !important;
	min-height: 50px !important;
	display: none;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.touch-device .media_sel.left8, .media_sel.left2{
	margin: 0 !important;
}

.touch-device .ui-tooltip{
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.touch-device .infini_info{
	background-color: #d70056 !important;
	padding:2px !important;
	
}

.touch-device .infini_info a{
	color:#fff !important;
}

.touch-device .main.trial .menu .trial_div{
	font-size: 10px !important;
	padding: 10px 7px !important;
	margin-left: 8px !important;
	margin-top: 4px !important;
}

.touch-device .menu .btn_go.btn_player{
	margin-left: 0px !important;
}

.touch-device .menu .media_sel:has(.picto_comdy){
	display: none !important;
}

.touch-device .ctn_picto_account, .ctn_samlNameId{
	right: 46px !important;
}

.touch-device .main .menu .m_separator{
	display: none !important;
}

.touch-device .ctn_filtre .bootstrap-tagsinput{
	background-size: 11% !important;

}
/* END MOBILE */