@charset "utf-8";
/* CSS Document */

@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0*/
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*---------------- ANIMATION LOADER --------------------*/
.watcheezyCanvasLoader{
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*background-color: rgba(0,0,0,0.5);*/
	position: absolute;
	z-index: 1002;
	width: calc(100% - 310px);
	height: 91%;
}

.watcheezyCanvasLoader2{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(245,245,245,0.8);
	position: absolute;
	top: 40%;
	left: calc(58% - 310px);
	z-index: 1002;
	width: 150px;
	height: 150px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ddd;
}
.watcheezyCanvasLoader3{
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgba(245,245,245,0.8);
	position: fixed;
	top: calc(50% - 75px);
	left: calc(50% - 75px);
	z-index: 1110;
	width: 150px;
	height: 150px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ddd;
}
.watcheezyCanvasLoaderFicheVisitor{
	margin: 0;
	padding: 0;
	position: relative;
	top: calc(50% - 75px);
	left: calc(50% - 75px);
	z-index: 10;
	width: 150px;
	height: 150px;
}
.watcheezyCanvasLoaderStats{
	margin: 0;
	padding: 0;
	top: calc(50% - 75px);
	z-index: 10;
	width: 150px;
	height: 150px;
	position: absolute;
    left: calc(50% - 75px);
	background-color: rgba(255,255,255,0.6);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ddd;
}
.watcheezyCanvasLoaderChat {
    padding: 0;
    z-index: 10;
    width: 150px;
    height: 150px;
    position: relative;
    left: calc(50% - 75px);
    background-color: rgba(255,255,255,0.6);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0px solid #ddd;
    margin-top: calc(50% - 1px);
}

.watcheezyCanvasLoaderSatis{float: left; margin-top:14px}

.hideCanvasLoader, .hide{
	display:none!important;
}
.showCanvasLoader, .show {
	display:block;
}
.watcheezyCanvasLoaderSatis #canvasLoader {position:relative;top:0px;left:0px;}
#canvasLoader {
	position:absolute;
	top:34px;
	left:34px;
}
#WatchBox_pourcent{
    position: relative;
    text-align: center;
    top: 125px;
    font-weight: bold;
	font-size:14px;
}


/*---------------- CHARGEMENT DES ICONES DE L'INTERACE BACKOFFICE --------------------*/
.bo-icons{
	background-image: url(../img/icones/icones_backoffice.png);
	background-repeat: no-repeat;
}
/* for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .bo-icons{
        background-image: url(../img/icones/icones_backoffice.svg);
        background-repeat: no-repeat;
    }
}
/*---------------- CHARGEMENT DES ICONES DES LISTES ET DU CHAT --------------------*/
.ui-icones{
	background-image: url(../img/icones/icones_interface.png);
	background-repeat: no-repeat;
}
/* for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .ui-icones{
        background-image: url(../img/icones/icones_interface.svg);
        background-repeat: no-repeat;
    }
}
/*---------------- CHARGEMENT DES ICONES RESEAUX SOCIAUX --------------------*/
.socialNetwork-icones{
	background-image: url(../img/icones/icone_social_network.svg);
	background-repeat: no-repeat;
}
/* for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .socialNetwork-icones{
        background-image: url(../img/icones/icone_social_network.svg);
        background-repeat: no-repeat;
    }
}

@font-face {
    font-family: 'GeoRegular';
    src: url('../fonts/geo/geosanslight-webfont.eot');
    src: url('../fonts/geo/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo/geosanslight-webfont.woff') format('woff'),
         url('../fonts/geo/geosanslight-webfont.ttf') format('truetype'),
         url('../fonts/geo/geosanslight-webfont.svg#GeoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GeoOblique';
    src: url('../fonts/geo/geosanslight-oblique-webfont.eot');
    src: url('../fonts/geo/geosanslight-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geo/geosanslight-oblique-webfont.woff') format('woff'),
         url('../fonts/geo/geosanslight-oblique-webfont.ttf') format('truetype'),
         url('../fonts/geo/geosanslight-oblique-webfont.svg#GeoOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ------- HTML ------- */
html,body{height:100% !important;}
/* ------- Body ------- */
body {
	font-family:"GeoRegular",Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	font-size:15px;
	line-height:1.5em;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
	background-attachment:fixed !important;
}
.group:after{clear:both;content:'';display:table}
.hide{display:none!important}
.justify{text-align:justify}
.justify:after{content:'';display:inline-block;width:100%;height:0}
.center{text-align:center}
.left{float:left}
.right{float:right}
.bigFont{font-size:2.75em !important;}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*,*:after,*:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
}
a{color:#222222;font-family:"GeoRegular",Helvetica,Arial,sans-serif;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%}

h1,h2,h3,h4,h5,h6{
	font-family:"GeoRegular",Helvetica,Arial,sans-serif;
	font-weight:normal;
	text-rendering:optimizelegibility;
}
h1{font-size:4.5em;line-height:1;margin:0 0 .5em}
	@media screen and (max-width:767px){
		h1{font-size:2.25em}
	}
	@media screen and (max-width:991px){
		h1{font-size:4em}
	}
	@media screen and (max-width:1200px){
		h1{font-size:4em}
	}
h2{font-size:1em !important;line-height:1.25;margin-bottom:1em}
	
	@media(min-width:768px){
		h2{font-size:1.0em !important;}
	}
	@media(min-width:992px){
		h2{ font-size:1.1em !important;}
	}
	@media(min-width:1200px){
		h2{ font-size:1.1em!important;}
	}
p small{font-size:.75em}
strong{font-weight:bold}
em{font-style:italic}
small{font-size:.75em}
.button
{
	background-color: silver;
	border : 1px solid black;
	color:yellow;
	text-decoration: none;
	cursor: pointer;
}
.presence_backoffice
{
	margin:10px;
	font-size:80%;
	border-collapse:collapse;
	text-align:center;
	border: 1px solid black;
	padding:5px;
	color:green;
}
.presence_backoffice td, .presence_backoffice th
{
	width:100px;
	padding:5px;
	border: 1px solid black;
	vertical-align: middle;
}
.messagecontent
{
	display:inline-block;
	width:320px;
	overflow:hidden;
	text-align:left;
	padding:3px;
	margin:3px;
}
.messagedate
{
	display:inline-block;
	width:320px;
	overflow:hidden;
	text-align:left;
}
.messageaction
{
	display:inline-block;
	text-align:left;
	padding:3px;
	margin:3px;
}
.even
{
	background:silver;
	border:1px solid black;
}
.odd
{
	background:beige;
	border:1px solid black;
}
.messagelist
{
	margin:auto;
	text-align:center;
	margin-top:40px;
	max-height:300px;
}
.bottomarea
{
	margin:auto;
	width:90%;
	text-align:center;
	margin-top:10px;
	max-height:200px;
	position: absolute;
	bottom: 0;
	border:1px solid black;
	display:none;
}
.closeX
{
	position:absolute;
	top:0;
	right:0;
}
.home {
	width: 70px;
	height: 73px;
	float: left;
	margin-top: 122px;
	margin-left: 21px;
	font-size: 20px;
	padding: 25px 0 0 15px;
}
.home:hover, .home:focus {
	background: url(../img/icones/go-hover.png) top left no-repeat;
}
.home a, .home a:hover, .home a:focus {
	color: #ffffff;
	text-decoration: none;
}
#footer {
	margin: auto;
	margin-top: 50px;
	width: 500px;
	height: 30px;
	background: url(../img/icones/footer-bg.png) bottom center no-repeat;
	text-align: center;
	font-family: "Times New Roman", Times, Georgia;
	font-weight: normal;
	font-size: 16px;
	color: #8d8d8d;
}
#footer a {
	text-decoration: none;
	color: #8d8d8d;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
	color: #2d2d2d;
}
.bottomwindow{
	position:absolute;
	bottom:10px;
}

/*--------------------------------------*/
/*--- conteneur du contenu des pages ---*/
/*--------------------------------------*/
.page-homepage #contenu{top:64px !important;}
.PageProfil #contenu{top:70px !important;}
#contenu{
	border:0px solid #00f !important;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	width:100%;
	position:absolute;
	left:0px;
	top:64px;
}
	@media(min-width:768px){
		#contenu{
			left:70px;
			width:91% !important;
			padding: 10px 0px 0px 20px;
			top:140px;
		}
	}
	@media(min-width:992px){
		#contenu{
			width:92% !important;
		}
	}
	@media(min-width:1200px){
		#contenu{
			width:93% !important;
		}
	}

/*-----------------MENU AIDE-------------------*/
.helpOption{
	margin:0px 0px 0px 0px;
	padding:140px 0px 0px 0px;
	position:fixed;
	display:none;
	width:520px;
	height:100%;
	right:0px;
	top:0px;
	background-color:#404040;
	background-color:rgba(64,64,64,1);
	-webkit-box-shadow: -3px 0px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: -3px 0px 7px rgba(0,0,0,0.3);
	box-shadow: -3px 0px 7px rgba(0,0,0,0.3);
}
/*-----------------------------------------------------*/
/*  SCROLL IFRAME SUR IPHONE */
/*-----------------------------------------------------*/
.scroll-container{
	z-index:2;
}
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
		.scroll-container{
			position:absolute;
			top:0px;
			left:0px;
			overflow:scroll;
			height:400px;
		}
	}
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape){
		.scroll-container{
			position:absolute;
			top:0px;
			left:0px;
			overflow:scroll;
			height:270px;
		}
	}
.scroll-ios{
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
/*-----------------------------------------*/
/*  POSITIONS FORMULAIRE   */
/*-----------------------------------------*/	
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(150,212,67,0), rgba(150,212,67,0.75), rgba(150,212,67,0)); 
    background-image:    -moz-linear-gradient(left, rgba(150,212,67,0), rgba(150,212,67,0.75), rgba(150,212,67,0)); 
    background-image:     -ms-linear-gradient(left, rgba(150,212,67,0), rgba(150,212,67,0.75), rgba(150,212,67,0)); 
    background-image:      -o-linear-gradient(left, rgba(150,212,67,0), rgba(150,212,67,0.75), rgba(150,212,67,0)); 
}
.titreFormulaire{
	margin: 10px 0 20px 0 !important;
	font-size:2.0em !important;
}
label {
	display: inline-block;
}
.labelFilter { 
	width:78% !important; 
}
p.noir { 
	width:100% !important;
}
.bt_modifier{
	width:100px !important;
}
.valeur, .actif  {
	border:0px solid !important;
}
/*----FORMULAIRE PROFIL VISITEUR ----*/
.formProfil{
	border:0px solid #00f;
}
.formProfil label{
	border:0px solid #0ff;
	margin:0px 0px 0px 0px;
}
.formProfil input, .formProfil .textRadio{
	border:1px solid #dddddd;
	margin:2px 0px 4px 10px;
}

.formProfil dt{
	margin:0px !important;
}
/*-------MENU DE GAUCHE-------*/
.icone_size_menu_gauche{
	width:70px;
	height:70px;
}
.icone_push{
	background-position: -304px -4px;
}
.icone_messages{
	background-position: -304px -4px;
}
.icone_trafic{
	background-position: -10px -4px;
}
.icone_profil{
	background-position: -230px -4px;
}
.icone_preset{
	background-position: -448px -4px;
}
.icone_panier{
	background-position: -590px -4px;
}
.icone_stats{
	background-position: -80px -2px;
}
.icone_agents{
	background-position: -522px -4px;
}
.icone_settings{
	background-position: -152px -2px;
}
.icone_filters{
	background-position: -378px -2px;
}
.icone_home{
	background-position: -102px -130px;
}
.icone_homeWatch{
	background-position: -530px -137px;
}
.icone_aide{
	background-position: -58px -74px;
}
.icone_statChat{
	background-position: -56px -181px;
}
.icone_statPage{
	background-position: -129px -181px;
}
.icone_supp{
	background-position: -372px -146px;
}
.icone_fermePopUp{
	background-position: -376px -151px;
}
.icone_agrandiPopUp{
	background-position: -491px -150px;
}
.icone_transfer{
	background-position: -257px -146px;
}
.icone_suppGarbage{
	background-position: -304px -148px;
}
.icone_sonOn{
	background-position: -115px -74px;
}
.icone_sonOff{
	background-position: -182px -74px;
}
.icone_sonNotificationOn{
	background-position: -451px -194px;
}
.icone_sonNotificationOff{
	background-position: -521px -194px;
}
.icone_restaure{
	background-position: -414px -150px;
}
.icone_repondre{
	background-position: -338px -146px;
}
.icone_garbadgegris{
	background-position: -460px -154px;
}
.icone_addAgent{
	background-position: -6px -74px;
}
.icone_option{
	background-position: -355px -74px;
}
.icone_refresh{
	background-position: -262px -181px;
}
.icone_pause{
	background-position: -395px -180px;
}
.icone_play{
	background-position: -330px -180px;
}
.icone_histo_chat{
	background-position: -131px -181px;
}

.icone_option_filters{
	background-position: -352px -70px;
}
.icone_option_profil{
	background-size: 500px;
	background-position: -362px -61px;
}
.icone_option_settings{
	background-position: -450px -70px;
}
.icone_option_blanc{
	background-size: 500px;
	background-position: -276px -62px;
}
.icone_deconnexion{
	  background-position: -11px -137px;
}
.icone_raise{
	background-position: -200px -194px;
}
.icone_decrease{
	background-position: -230px -194px;
}
/*----ICONES INTERFACE CHAT ---*/
.icone_histovisits{
	background-position: -288px -137px;
}
.icone_chat{
	background-position: 4px 2px;
}
.icone_chat_off{
	background-position: -252px -34px;
}
.icone_autochat{
	background-position: -40px 1px;
}
.icone_autochat_off{
	background-position: -298px -35px;
}
.icone_detail{
	background-position: -106px -1px;
}
.icone_detailapi{
	background-position: -66px -31px;
}

.icone_comment{
	background-position: -76px 1px;
}
.icone_alertMessage{
	background-position: -1px 2px;
	width:41px;
	height:32px;
	float:left;
}
.icone_alertInvitAuto{
	background-position: -42px 1px;
	width:41px;
	height:32px;
	float:left;
}
.icone_alertPush{
	background-position: -2px -34px;
	width:35px;
	height:32px;
	float:left;
}
.icone_coche_verte{
	background-position: -371px -135px;
	width: 17px;
	height: 17px;
	position: relative;
	top: 11px;
	left: 20px;
}
.icone_coche_verte.actif{
	display:block;
}
.icone_coche_verte.inactif{
	display:none;
}

.icon-menuAgent{
	  background-position: -213px -147px;
  width: 40px;
  height: 40px;
  margin-top: 16px;
}
.icone_abonnement{
	background-position: -396px -62px;
	width: 40px;
	height: 34px;
	margin-top: 16px;
}

.icone_closeInfo {
  background-position: -98px -102px;
}

/*-----ICONES TUTO-------*/
.icone_close_tuto{
	background-position: -307px -92px;
}

/*-----ONGLETS CHAT ACTIF-------*/
.tab_actif .icone_chat0Actif{
	background-position: -109px -131px;
}
.tab_actif .icone_chat1Actif{
	background-position: -5px -66px;
}
.tab_actif .icone_chat2Actif{
	background-position: -65px -66px;
}
.tab_actif .icone_chat3Actif{
	background-position: -35px -66px;
}
/* Pas de chat */
.IconeChatNone{
	background-position: 100px 100px;
}
/* arrivé d'un chat */
.IconeChatIncoming{
	background-position: -33px -65px;
}
/* chat en attente de réponse */
.IconeChatWait{
	/*background-position: -93px -65px;*/ /*modif a la demande de Erwan*/
	background-position: -33px -65px;
}
/* chat en cours */
.IconeChatNow{
	background-position: 0px -65px;
}
.icone_closeChatFacebook{
	background-position: -91px -97px;
}
.icone_closeOnglet{
	background-position: -128px -72px;
}
/*-----ONGLETS CHAT INACTIF-------*/
.tab_inactif .icone_chat1Actif, .tab_inactif .icone_chat2Actif, .tab_inactif .icone_chat3Actif{
	background-position: -95px -66px;
}
/*-----ONGLETS CHAT ENTRE AGENT INACTIF -------*/
.tab_inactif .icone_chat0Actif{
	background-position: -139px -131px;
}
/*-----MENU HAUT VISITEUR-------*/
.icone_detailVisitor{
	background-position: -34px -29px;
}
.icone_detailVisitorAPI{
	background-position: -327px -126px;
}
.icone_commentVisitor{
	background-position: -93px -29px;
}
.icone_histoChatVisitor{
	background-position: -128px -30px;
}
.icone_satisfaction{
	background-position: -399px -94px;
}
.icone_sentences{
	background-position: -432px -94px;
}
.icone_transfert{
	background-position: -430px -127px;
}
.icone_export{
	background-position: -368px -94px;
}
.icone_filetransfert{
	background-position: -335px -94px;
}
.icone_sendlead{
	background-position: -393px -127px;
}
.endDiscuss{
	background-position: -399px -94px;
}
.icone_plus{
	background-position: -37px -126px;
}
.icone_moins{
	background-position: -69px -126px;
}
/*-----ICONES PAGE FILTER-------*/
.icone_calendarFilter{
	background-position: -397px -90px;
}
.icone_modifFilter{
	background-position: -92px -27px;
}
.icone_modifFilterSmall{
	background-position: -36px -242px;
}
.icone_copyFilter{
	background-position: -333px -91px;
}
.icone_supFilter{
	background-position: -276px -92px;
}
.icone_supFilterSmall{
	background-position: -6px -242px;
}
.icone_addNewFilter{
	background-position: -34px -123px;
}
.icone_plusFilter{
	background-position: -39px -128px;
}
.icone_moinsFilter{
	background-position: -71px -128px;
}
.icone_getplus{
	background-position: -392px -166px;
}
.icone_bannir{
	background-position: -91px -63px;
}
/*-- ICONES STATUS AGENT --*/
.icone_online{
	background-position: -160px -126px;
	height: 40px;
	width: 40px;
	margin-top: 15px;
}
.icone_offline{
	background-position: -191px -126px;
	height: 40px;
	width: 40px;
	margin-top: 15px;
}
.icone_busy{
	background-position: -100px -126px;
	height: 40px;
	width: 40px;
	margin-top: 15px;
}

/*-- ICONES SUPERVISION AGENT --*/
.icone_listAgent{
	background-position: -362px -166px;
}

.icone_settingAgent{
	background-position: -332px -166px;
}


/*-- ICONES SETTINGS --*/
.icone_setting1{
	background-position: -6px -164px;
}
.icone_setting2{
	background-position: -266px -164px;
}
.icone_setting3{
	background-position: -136px -164px;
}
.icone_setting4{
	background-position: -201px -164px;
}
.icone_setting5{
	background-position: -71px -164px;
}

/*-- ICONES STATS --*/
.icone_chatview{
	background-position: -255px -29px;
}
.icone_alert{
	background-position: -438px -4px;
}
.icone_coche_verte_rapport{
	background-position: -371px -135px;
}
.icone_exportMail{
	background-position: -392px -125px;
}
.icone_exportSF{
	background-position: 4px 3px;
	background-image: url(../img/logo/iconsf32.png);
	background-repeat: no-repeat;
}
.icone_exportZD{
	background-position: 4px 3px;
	background-image: url(../img/logo/iconzd32.png);
	background-repeat: no-repeat;
}
.zd_greyscale{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.icone_exportGA{
	background-position: 4px 3px;
	background-image: url(../img/logo/iconga32.png);
	background-repeat: no-repeat;
}
.icone_exportSlack{
	background-position: 4px 3px;
	background-image: url(../img/logo/iconslack32.png);
	background-repeat: no-repeat;
}
.icone_detailLead{
	background-position: -34px -29px;
}
.icone_removeLead{
    background-position: -457px -148px;
    background-image: url(../img/icones/icones_backoffice.png);
    background-repeat: no-repeat;
}



/*-- ICONES SETTINGS --*/
.icone_customModule{
	background-position: -328px -238px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixCustom.inactif .icone_customModule{background-color:rgba(255,255,255,1);}
#choixCustom.actifTitre .icone_customModule{background-color:rgba(255,255,255,0.95);}
#choixCustom.actif .icone_customModule{background-color:rgba(255,255,255,0.95);}

.icone_sizeModule{
	background-position: -2px -203px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixSize.inactif .icone_sizeModule{background-color:rgba(255,255,255,1);}
#choixSize.actifTitre .icone_sizeModule{background-color:rgba(255,255,255,0.95);}
#choixSize.actif .icone_sizeModule{background-color:rgba(255,255,255,0.95);}

.icone_colorsModule{
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixCouleurs.inactif .icone_colorsModule{background-color:rgba(255,255,255,1);}
#choixCouleurs.actifTitre .icone_colorsModule{background-color:rgba(255,255,255,0.95);}
#choixCouleurs.actif .icone_colorsModule{background-color:rgba(255,255,255,0.95);}

.icone_positionModule{
	background-position: -43px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixPosition.inactif .icone_positionModule{background-color:rgba(255,255,255,1);}
#choixPosition.actifTitre .icone_positionModule{background-color:rgba(255,255,255,0.95);}
#choixPosition.actif .icone_positionModule{background-color:rgba(255,255,255,0.95);}

.icone_apparenceModule{
	background-position: -131px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixApparence.inactif .icone_apparenceModule{background-color:rgba(255,255,255,1);}
#choixApparence.actifTitre .icone_apparenceModule{background-color:rgba(255,255,255,0.95);}
#choixApparence.actif .icone_apparenceModule{background-color:rgba(255,255,255,0.95);}

.icone_listeAgentsModule{
	background-position: -88px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixListeAgents.inactif .icone_listeAgentsModule{background-color:rgba(255,255,255,1);}
#choixListeAgents.actifTitre .icone_listeAgentsModule{background-color:rgba(255,255,255,0.95);}
#choixListeAgents.actif .icone_listeAgentsModule{background-color:rgba(255,255,255,0.95);}

.icone_DemandeGeolocModule{
	background-position: -285px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixDemandeGeoloc.inactif .icone_DemandeGeolocModule{background-color:rgba(255,255,255,1);}
#choixDemandeGeoloc.actifTitre .icone_DemandeGeolocModule{background-color:rgba(255,255,255,0.95);}
#choixDemandeGeoloc.actif .icone_DemandeGeolocModule{background-color:rgba(255,255,255,0.95);}

.icone_GetelangModule{
	background-position: -240px -203px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixGetelang.inactif .icone_GetelangModule{background-color:rgba(255,255,255,1);}
#choixGetelang.actifTitre .icone_GetelangModule{background-color:rgba(255,255,255,0.95);}
#choixGetelang.actif .icone_GetelangModule{background-color:rgba(255,255,255,0.95);}

.icone_messageModule{
	background-position: -164px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixMessage.inactif .icone_messageModule{background-color:rgba(255,255,255,1);}
#choixMessage.actifTitre .icone_messageModule{background-color:rgba(255,255,255,0.95);}
#choixMessage.actif .icone_messageModule{background-color:rgba(255,255,255,0.95);}

.icone_absence{
	background-position: -164px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixAbsence.inactif .icone_absence{background-color:rgba(255,255,255,1);}
#choixAbsence.actifTitre .icone_absence{background-color:rgba(255,255,255,0.95);}
#choixAbsence.actif .icone_absence{background-color:rgba(255,255,255,0.95);}

.icone_sizeOnglet{
	background-position: -200px -204px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixSizeOnglet.inactif .icone_sizeOnglet{background-color:rgba(255,255,255,1);}
#choixSizeOnglet.actifTitre .icone_sizeOnglet{background-color:rgba(255,255,255,0.95);}
#choixSizeOnglet.actif .icone_sizeOnglet{background-color:rgba(255,255,255,0.95);}

.icone_apparenceModuleSVG{
	background-position: -328px -203px;
	width:40px;
	height:40px;
	float:left;
	margin:0px 6px 0px 0px;
	cursor:pointer;
}
#choixSVG.inactif .icone_apparenceModuleSVG{background-color:rgba(255,255,255,1);}
#choixSVG.actifTitre .icone_apparenceModuleSVG{background-color:rgba(255,255,255,0.95);}
#choixSVG.actif .icone_apparenceModuleSVG{background-color:rgba(255,255,255,0.95);}

/*-----MENU HAUT CHAT-------*/
.icone_racroche{
}
.txt_menu {
	display:block;
	padding:24px 0px 0px 100px;
	font-size:1.4em !important;
	width:360px !important;
	color:#FFFFFF;
}
.preset .txt_menu {
/*padding: 14px 0px 0px 100px;*/
}
.unread_msg{
	float:right;
	color:white;
	background:red;
    overflow:hidden;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    width:15px;
    height:15px;
	text-align: center;
	padding-bottom: 17px;
}
/* ______________________ex reset-min.css________________________ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

legend{color:#000;}


/* ______________________ex backoffice_menu.css________________________ */
.inverted-text{-webkit-font-smoothing:antialiased}
.container{margin-right:auto; margin-left:auto; padding:0px; }
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}

	@media(min-width:768px){
		.container{}
	}
	@media(min-width:992px){
		.container{border:0px solid #00f;}
	}
	@media(min-width:1200px){
		.container{border:0px solid #00f;}
	}
.header-main{
	background-color:#404041;
	background-color:rgba(64,64,65,1);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	left:0;
	padding:0px;
	margin:0px;
	position:fixed;
	text-align:right;
	top:0;
	width:100%;
	z-index:1100;
}
.header-main:after{clear:both;content:'';display:table}
.header-main .container{padding-top:0px}
.nav-header .trafic_h{display:none;}
.nav-header .profil_h{display:none;}
.nav-header .cloud_h{display:none;}
.nav-header .stats_h{display:none;}
.nav-header .push_h{display:none;}
.nav-header .preset_h{display:none;}
.nav-header .agents_h{display:none;}
.nav-header .settings_h{display:none;}
.nav-header .filters_h{display:none;}
.header-main .logo{float:left;padding:0px; background:#323233; width:70px;}
	@media screen and (max-width:991px){
		.header-main .logo{padding:0px;}
	}
	
	@media screen and (max-width:767px){
		.reboot .header-main{padding:0;position:absolute;text-align:left}
		.reboot .header-main .logo{display:none}
		.reboot .header-main .container{padding:0px;}
	}
.footer-main{
	background-color:#404041;
	background-color:rgba(64,64,65,1);
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	left:0;
	padding:0px;
	margin:0px;
	position:fixed;
	text-align:right;
	bottom:0;
	width:100%;
	z-index:1100;
}
.reboot .button{
	border:1px solid rgba(0,0,0,0.4);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.6);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,0.6);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.6);
	color:#333;
	display:inline-block;
	font-family:"GeoRegular",Helvetica,Arial,sans-serif;
	font-size:1.2em;
	background-color:#333;
	background-image:-webkit-gradient(linear,left #c8c8c8,left 100%,from(#efefef),to(#333));
	background-image:-webkit-linear-gradient(top,#efefef,#c8c8c8,#333,100%);
	background-image:-moz-linear-gradient(top,#efefef #c8c8c8,#333 100%);
	background-image:linear-gradient(to bottom,#efefef #c8c8c8,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef',endColorstr='#ff333333',GradientType=0);
	background-color:#dfdfdf;
	background-image:-moz-linear-gradient(top,#efefef,#c8c8c8);
	background-image:-ms-linear-gradient(top,#efefef,#c8c8c8);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#c8c8c8));
	background-image:-webkit-linear-gradient(top,#efefef,#c8c8c8);
	background-image:-o-linear-gradient(top,#efefef,#c8c8c8);
	background-image:linear-gradient(top,#efefef,#c8c8c8);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffefefef, endColorstr=#ffc8c8c8, GradientType=0 )";
	margin:0.5em 0 0.5em 0;
	padding:0.4em 0.8em 0.4em 0.8em;
	text-align:center;
	text-shadow:0 1px 0 rgba(255,255,255,0.4);
	filter:none!important;
	-pie-background: linear-gradient(#efefef, #c8c8c8 );
	behavior: url(htc/PIE.htc);
}
.reboot .button:hover{
	background-color:#333;
	background-image:-webkit-gradient(linear,left #ccc,left 100%,from(#f5f5f5),to(#333));
	background-image:-webkit-linear-gradient(top,#f5f5f5,#ccc,#333,100%);
	background-image:-moz-linear-gradient(top,#f5f5f5 #ccc,#333 100%);
	background-image:linear-gradient(to bottom,#f5f5f5 #ccc,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ff333333',GradientType=0);
	background-color:#e5e5e5;
	background-image:-moz-linear-gradient(top,#f5f5f5,#ccc);
	background-image:-ms-linear-gradient(top,#f5f5f5,#ccc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#ccc));
	background-image:-webkit-linear-gradient(top,#f5f5f5,#ccc);
	background-image:-o-linear-gradient(top,#f5f5f5,#ccc);
	background-image:linear-gradient(top,#f5f5f5,#ccc);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#fff5f5f5, endColorstr=#ffcccccc, GradientType=0 )";
	cursor:pointer;text-decoration:none;
	-pie-background: linear-gradient(#f5f5f5, #cccccc );
	behavior: url(htc/PIE.htc);
}
.reboot .button:active{
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	background-color:#333;
	background-image:-webkit-gradient(linear,left #ccc,left 100%,from(#eee),to(#333));
	background-image:-webkit-linear-gradient(top,#eee,#ccc,#333,100%);
	background-image:-moz-linear-gradient(top,#eee #ccc,#333 100%);
	background-image:linear-gradient(to bottom,#eee #ccc,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee',endColorstr='#ff333333',GradientType=0);
	background-color:#e0e0e0;
	background-image:-moz-linear-gradient(top,#eee,#ccc);
	background-image:-ms-linear-gradient(top,#eee,#ccc);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ccc));
	background-image:-webkit-linear-gradient(top,#eee,#ccc);
	background-image:-o-linear-gradient(top,#eee,#ccc);
	background-image:linear-gradient(top,#eee,#ccc);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffeeeeee, endColorstr=#ffcccccc, GradientType=0 )";
	-pie-background: linear-gradient(#eeeeee, #cccccc );
	behavior: url(htc/PIE.htc);
}
.reboot .button-highlight{
	border:1px solid #7ea613;
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	color:#FFF;
	-webkit-font-smoothing:antialiased;
	background-color:#333;
	background-image:-webkit-gradient(linear,left #88bd32,left 100%,from(#acd341),to(#333));
	background-image:-webkit-linear-gradient(top,#acd341,#88bd32,#333,100%);
	background-image:-moz-linear-gradient(top,#acd341 #88bd32,#333 100%);
	background-image:linear-gradient(to bottom,#acd341 #88bd32,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacd341',endColorstr='#ff333333',GradientType=0);
	background-color:#9eca3b;
	background-image:-moz-linear-gradient(top,#acd341,#88bd32);
	background-image:-ms-linear-gradient(top,#acd341,#88bd32);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#acd341),to(#88bd32));
	background-image:-webkit-linear-gradient(top,#acd341,#88bd32);
	background-image:-o-linear-gradient(top,#acd341,#88bd32);
	background-image:linear-gradient(top,#acd341,#88bd32);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffacd341, endColorstr=#ff88bd32, GradientType=0 )";
	text-shadow:0 -1px 0 #72942a;
	-pie-background: linear-gradient(#acd341, #88bd32 );
	behavior: url(htc/PIE.htc);
}
.reboot .button-highlight:hover{
	background-color:#333;
	background-image:-webkit-gradient(linear,left #88bd32,left 100%,from(#b2db42),to(#333));
	background-image:-webkit-linear-gradient(top,#b2db42,#88bd32,#333,100%);
	background-image:-moz-linear-gradient(top,#b2db42 #88bd32,#333 100%);
	background-image:linear-gradient(to bottom,#b2db42 #88bd32,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2db42',endColorstr='#ff333333',GradientType=0);
	background-color:#a1cf3c;
	background-image:-moz-linear-gradient(top,#b2db42,#88bd32);
	background-image:-ms-linear-gradient(top,#b2db42,#88bd32);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#b2db42),to(#88bd32));
	background-image:-webkit-linear-gradient(top,#b2db42,#88bd32);
	background-image:-o-linear-gradient(top,#b2db42,#88bd32);
	background-image:linear-gradient(top,#b2db42,#88bd32);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb2db42, endColorstr=#ff88bd32, GradientType=0 )";
	-pie-background: linear-gradient(#b2db42, #88bd32 );
	behavior: url(htc/PIE.htc);
}
.reboot .button-highlight:active{
	background:#88bd32;
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	behavior: url(htc/PIE.htc);
}
.reboot .button-light{
	border:1px solid rgba(0,0,0,0.2);
	color:#5d8c00;background-color:#333;
	background-image:-webkit-gradient(linear,left #f5f5f5,left 100%,from(#FFF),to(#333));
	background-image:-webkit-linear-gradient(top,#FFF,#f5f5f5,#333,100%);
	background-image:-moz-linear-gradient(top,#FFF #f5f5f5,#333 100%);
	background-image:linear-gradient(to bottom,#FFF #f5f5f5,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ff333333',GradientType=0);
	background-color:#fbfbfb;
	background-image:-moz-linear-gradient(top,#FFF,#f5f5f5);
	background-image:-ms-linear-gradient(top,#FFF,#f5f5f5);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#f5f5f5));
	background-image:-webkit-linear-gradient(top,#FFF,#f5f5f5);
	background-image:-o-linear-gradient(top,#FFF,#f5f5f5);
	background-image:linear-gradient(top,#FFF,#f5f5f5);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffffff, endColorstr=#fff5f5f5, GradientType=0 )";
	text-shadow:0 1px 0 rgba(255,255,255,0.2);
	-pie-background: linear-gradient(#ffffff, #f5f5f5 );
	behavior: url(htc/PIE.htc);
}
.reboot .button-light:hover{background:#FFF}
.reboot .button-light:active{
	background:#f5f5f5;
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	behavior: url(htc/PIE.htc);
}
.reboot .button-flat{border:0;background:#333;color:inherit;text-shadow:none;box-shadow:none}
.reboot .button-flat:hover{background:#333}
.reboot .button-cloud{
	font-family:"GeoRegular",Helvetica,Arial,sans-serif;
	margin:0px;
	padding:0px;
	width:70px;
	height:30px;
	font-size:0.9em; 
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:1px solid #333333;
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	-moz-box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	box-shadow:inset 0 1px 1px rgba(255,255,255,0.8);
	color:#FFF;
	-webkit-font-smoothing:antialiased;
	background-color:#333;
	background-image:-webkit-gradient(linear,left #767677,left 100%,from(#999999),to(#333));
	background-image:-webkit-linear-gradient(top,#999999,#767677,#333,100%);
	background-image:-moz-linear-gradient(top,#999999 #767677,#333 100%);
	background-image:linear-gradient(to bottom,#999999 #767677,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacd341',endColorstr='#ff333333',GradientType=0);
	background-color:#666666;
	background-image:-moz-linear-gradient(top,#999999,#767677);
	background-image:-ms-linear-gradient(top,#999999,#767677);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#999999),to(#767677));
	background-image:-webkit-linear-gradient(top,#999999,#767677);
	background-image:-o-linear-gradient(top,#999999,#767677);
	background-image:linear-gradient(top,#999999,#767677);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffacd341, endColorstr=#ff88bd32, GradientType=0 )";
	text-shadow:0 -1px 0 #333333;
	-pie-background: linear-gradient(#999999, #767677 );
	behavior: url(htc/PIE.htc);
}
.bc-large{
    float: right !important;
    width: 100px !important;
    cursor: pointer;
}
.reboot .button-cloud:hover{
	background-color:#333;
	background-image:-webkit-gradient(linear,left #767677,left 100%,from(#BBBBBB),to(#333));
	background-image:-webkit-linear-gradient(top,#BBBBBB,#767677,#333,100%);
	background-image:-moz-linear-gradient(top,#BBBBBB #767677,#333 100%);
	background-image:linear-gradient(to bottom,#BBBBBB #767677,#333 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2db42',endColorstr='#ff333333',GradientType=0);
	background-color:#BBBBBB;
	background-image:-moz-linear-gradient(top,#BBBBBB,#767677);
	background-image:-ms-linear-gradient(top,#BBBBBB,#767677);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#BBBBBB),to(#767677));
	background-image:-webkit-linear-gradient(top,#BBBBBB,#767677);
	background-image:-o-linear-gradient(top,#BBBBBB,#767677);
	background-image:linear-gradient(top,#BBBBBB,#767677);
	background-repeat:repeat-x;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffb2db42, endColorstr=#ff88bd32, GradientType=0 )";
	-pie-background: linear-gradient(#bbbbbb, #767677 );
	behavior: url(htc/PIE.htc);
}
.reboot .button-cloud:active{
	background:#767677;
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	behavior: url(htc/PIE.htc);
}
nav .nav-item{display:inline-block}
.toggle-nav{display:none}
.nav-header {width:200px; float:right; margin:0px; padding:0px; background:none}
	@media(min-width:768px){
		.nav-header {
			width:220px;
		}
	}
	@media(min-width:992px){
		.nav-header {
			width:220px;
		}
	}
	@media(min-width:1200px){
		.nav-header {
			width:220px;
		}
	}
.deconnexion .presence {
	width:100%;
}
.listeOptionAgent .agentAbonnement,
.listeOptionAgent .agentDeco {
	line-height: 1em;
	text-align: left;
	width:170px;
	color:#ffffff;
	font-size:1.2em;
	/*vertical-align: middle;
	display: inline-block;*/
	text-align: right;
	line-height: 70px;
}

.NomAgentMenu{
	line-height: 1em;
	vertical-align: middle;
	display: inline-block;
}
.listeOptionAgent .nomAgent{
	line-height: 1em;
	text-align: left;
	width:auto;
	color:#ffffff;
	font-size:1.2em;
	/*vertical-align: middle;
	display: inline-block;*/
	text-align: right;
	line-height: 70px;
}
.contentIconesAgent, .contentIconesAbonnement  {
  width: 40px;
  height: 70px;
}
/* liste options agent */
.listeOptionsAgent{cursor:pointer;}
.listeOptionsAgent .inactif{display:none;}
.listeOptionsAgent .actif{
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
}
.listeOptionAgent{
	margin: 0 auto;
	/*width: 100%;*/
	padding-left:15px;
	text-align: right;
	background-color: #4f4f50;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.listeOptionAgent.open:hover,
.listeOptionAgent.actif:hover{
	background-color: #606061;
}
.listeOptionAgent.close:hover{
	background-color: #4f4f50;
}
.listeOptionAgent.close{
	background-color: #404041;
}
.listeOptionAgent.open{
	background-color: #4f4f50;
}
.listeOptionAgent .agentOnline, .listeOptionAgent .agentOffline, .listeOptionAgent .agentBusy{
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color:#ffffff;
	width:75%;
	font-size:1.2em;
  line-height: normal;
}
	@media(max-width:991px){
		.listeOptionAgent .nomAgent, .listeOptionAgent .agentOnline, .listeOptionAgent .agentOffline, .listeOptionAgent .agentBusy, .listeOptionAgent .agentDeco{
			/*width:65%;*/
			font-size:1.1em;
		}
	}
.is-collapsed .listeOptionAgent .nomAgent{	
	font-size:1.2em;
}
	

.is-collapsed .contentIconesStatut{
	height:70px;
	width:60px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}

.listeOptionAgent .icone_online, .listeOptionAgent .icone_offline, .listeOptionAgent .icone_busy{
	height:40px;
	width:40px;
	margin: 15px 4px 0px 0px;
	padding: 0px;
}
.listeOptionAgent .icone_deconnexion{
	  height: 50px;
  width: 40px;
  margin-top: 7px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  float: right;
}
.is-collapsed .listeOptionAgent .icone_deconnexion{
	height:70px;
	width:50px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}


/* liste presence agent */
.listePresenceAgent{cursor:pointer;}
.listePresenceAgent .inactif{display:none;}
.listePresenceAgent .actif{
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
}
.listeStatusAgent{
	margin: 0 auto;
	width: 100%;
	text-align: right;
	background-color: #4f4f50;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.listeStatusAgent.open:hover,
.listeStatusAgent.actif:hover{
	background-color: #606061;
}
.listeStatusAgent.close:hover{
	background-color: #4f4f50;
}
.listeStatusAgent.close{
	background-color: #404041;
}
.listeStatusAgent.open{
	background-color: #4f4f50;
}


.listePresenceAgent .agentOnline,
.listePresenceAgent .agentBusy,
.listePresenceAgent .agentOffline {
	line-height: 70px;
	text-align: left;
	width:165px;
	color:#ffffff;
	font-size:1.2em;
	vertical-align: middle;
	display: inline-block;
	text-align: right;
}

.contentIconesStatut{
	height:70px;
	width:40px;
}
.statutActif{
  position: absolute;
  right: 16px;
}


/*--- MESSAGE ALERT VERSI0ON WATCHEEZY ---*/
.textVersion{
	color:white;
	margin:0px auto;
	padding:2px 8px 2px 8px;
	position: absolute;
	top: 0px;
	left: calc(50% - 20%);
	text-align:center;
	background:#93d643;
	background:rgba(147,214,67,1);
	-webkit-border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	border-radius:0px 0px 8px 8px;
	font-size:0.8em;
	height:24px;
}
	@media(min-width:768px){
		.textVersion {
			font-size:0.9em;
			width:40%;
		}
	}
	@media(min-width:992px){
		.textVersion {
			font-size:1em;
			width:40%;
		}
	}

.tileWelcome{
	position: absolute;
	bottom: 2px;
	/*left: calc(50% - 100px);*/
	width:94%;
}
#infoWindow{
	-webkit-transition: all 500ms cubic-bezier(0.555, 0.000, 1.000, 1.000); 
	-moz-transition: all 500ms cubic-bezier(0.555, 0.000, 1.000, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.555, 0.000, 1.000, 1.000); 
    transition: all 500ms cubic-bezier(0.555, 0.000, 1.000, 1.000); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.555, 0.000, 1.000, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.555, 0.000, 1.000, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.555, 0.000, 1.000, 1.000); 
    transition-timing-function: cubic-bezier(0.555, 0.000, 1.000, 1.000); /* custom */
	z-index:2;
}
#infoWindow.open{
	height:130px;
}	
#infoWindow.close{
	height:24px;
}	
#bt_infoWindow{
	width:16px; 
	height:16px;
	position: absolute;
	bottom: 2px;
	right: 2px;
	cursor:pointer;
}
#messagesInfos{
	font-size:1.3em;

}
#messagesInfos .alertMessageTitle{margin:4px 2px 8px 2px; display: block; font-weight: bold;}
#messagesInfos .alertMessage{margin:0px 2px 8px 2px; display: block;}
#messagesInfos.inactif{
	display:none;
}
#messagesInfos.actif{
	display:block;
}

.listWebsite {
	background-color: rgb(199, 199, 199);
    padding:2px 0px 3px 3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#666666;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	max-width:280px;
}
	@media(min-width:768px){
		.listWebsite {
			max-width:300px;
		}
	}
	@media(min-width:992px){
		.listWebsite {
			max-width:340px;
		}
	}
	@media(min-width:1200px){
		.listWebsite {
			max-width:500px;
		}
	}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .listWebsite {padding-right:18px}
}
.selectWeb{
	margin:0px auto;
	padding:5px 8px 2px 8px;
	position:relative;
	top:29px;
	width:50%;
	text-align:center;
	z-index:1;
}
	@media(min-width:768px){
		.selectWeb {
			width:40%;
		}
	}
	@media(min-width:992px){
		.selectWeb {
			width:40%;
		}
	}
	@media(min-width:1200px){
		.selectWeb {
			width:50%;
		}
	}
.labelListWeb {position:relative; font-size:1.3em !important;}
	@media(max-width:768px){
		.labelListWeb {
			font-size:1em !important;
		}
	}
.nav-header .nav-list{ margin:0px; padding:0px; text-align:right; height:70px}
/*.nav-header .nav-list:hover{background:#505051;}*/
.nav-list a{ margin:0px; padding:0px; border:0px solid #f00;}
.nav-list p{height:54px;border:0px solid #00f; font-size:1.4em;  margin:0px 0px 0px 0px; padding:0.7em 50px 0px 0px; }
.nav-header .nav-item{ margin:0px 0px 0px 0px; padding:0px; }
.nav-header .btsuppport{
	width: 100px;
	position: absolute;
	top: 0px;
	right: 340px;
	z-index:3;
	text-align:center;
	color:#FFF; 
	height:70px;
	line-height:70px;
}
.nav-header .btsuppport a{ 
	color:#FFF;
}
.nav-header .btsuppport .icon{ 
	width:40px;
	height:40px;
	background-image: url(../img/icones/icones_interface.png);
	background-repeat:no-repeat;
    display: inline-block;
	margin-top:12px;
	background-position:-390px -200px;
}

.nav-header .btsuppport:hover{ 
	background-color: #4f4f50;
}
.nav-header .btsuppport .t_aide{ 
	line-height: 1em;
    vertical-align: middle;
    display: inline-block;
	height:40px;
}
/*FLAG*/
.nav-header .btflags{
	width: 40px;
	position: absolute;
	top: 0px;
	right: 300px;
	z-index:3;
	text-align:center;
	color:#FFF; 
	height:70px;
	line-height:70px;
}
.nav-header .btflags .iconFR{ 
	width:40px;
	height:40px;
	background-image: url(../img/flags/FR.png)!important;
	background-repeat:no-repeat;
	display: inline-block;
	margin-top:12px;
	background-position: 6px 10px;
}
.nav-header .btflags .iconEN{ 
	width:40px;
	height:40px;
	background-image: url(../img/flags/EN.png)!important;
	background-repeat:no-repeat;
	display: inline-block;
	margin-top:12px;
	background-position: 6px 10px;
}
.nav-header .btflags .iconES{ 
	width:40px;
	height:40px;
	background-image: url(../img/flags/ES.png)!important;
	background-repeat:no-repeat;
	display: inline-block;
	margin-top:12px;
	background-position: 6px 10px;
}
.nav-header .btflags:hover{ 
	background-color: #4f4f50;
}
.nav-header .btflags .t_aide{ 
	line-height: 1em;
    vertical-align: middle;
    display: inline-block;
	height:40px;
}

.listeFlagAgent{cursor:pointer;}
.listeFlagAgent .inactif{display:none;}
.listeFlagAgent .actif{
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: inline-box;
}
.listeFlagAgent{
	margin: 0 auto;
	width: 100%;
	text-align: right;
	background-color: #4f4f50;
	height: 70px;
	line-height: 1px; /* ? */
	text-align: center;
}
.listeFlagAgent.open:hover,
.listeFlagAgent.actif:hover{
	background-color: #606061;
}
.listeFlagAgent.close:hover{
	background-color: #4f4f50;
}
.listeFlagAgent.close{
	background-color: #404041;
}
.listeFlagAgent.open{
	background-color: #4f4f50;
}


/*AGNET DECONNEXION */
.nav-header .nav-item.deconnexion{ width: 220px;
  position: absolute;
  top: 0px;
  right: 70px;
  z-index:2;
}
.nav-header .nav-item.presence{ width: 220px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index:1;
}
.nav-header .nav-item .display-name{color:#FFF;-webkit-font-smoothing:antialiased;display:inline-block;font-family:"GeoRegular",Helvetica,Arial,sans-serif;outline:0;padding-left:.5em}
.nav-header .nav-item .display-name:hover{text-decoration:none}
.nav-header .nav-item .button{font-size:inherit;margin:0;padding:.5em 1em .375em}
	@media screen and (max-width:991px){
		.nav-header .nav-item{}
		.nomAgent{display:none}
		#optionsAgent{width:40px}
		.nav-header .btsuppport{right: 110px;width:40px}
		.nav-header .btsuppport .t_aide{display:none}
		.nav-header .btsuppport .t_aide{display:none}
		.listeOptionAgent {padding-left:0}
		.nav-header .btflags{right: 150px;}
	}
	@media screen and (max-width:767px){
		
		.reboot .nav-list{ margin:0px; padding:0px; text-align:center;}
		.reboot .nav-list a{ margin:0px; padding:0px;}
		.reboot .nav-list p{ font-size:1.2em;  margin:0px 0px 0px 0px; padding:0.9em 0px 0.5em 0px; }
		.reboot .nav-wrap{position:relative; height:56px;}
		.reboot .nav-wrap.is-collapsed{/*background-color:#2c2c2d*/}
		.reboot .nav-wrap.is-collapsed .toggle-nav,.reboot .nav-wrap.is-collapsed .nav-header{background-color:#2c2c2d}
		.reboot .nav-wrap.is-expanded{background-color:#252525}
		.reboot .nav-wrap.is-expanded .toggle-nav,.reboot .nav-wrap.is-expanded .nav-header{background-color:#252525}
		.reboot .nav-header{left:0; top:-32%; position:absolute; width:100%;z-index:1000}
		.reboot .nav-header:after{clear:both;content:'';display:table}
		.reboot .presence{z-index:1;display:block; height:58px; width:inherit !important; position:inherit !important; background-color:#404041; margin:-4px 0px 0px 0px;}
		.reboot .presence:hover{background-color:#505051;}
		.reboot .presence .listeStatusAgent{height:58px !important; line-height:60px !important; }
		.reboot .deconnexion{z-index:2;display:block; height:58px; width:inherit !important; position:inherit !important; background-color:#404041; margin:-4px 0px 0px 0px;}
		.reboot .deconnexion:hover{background-color:#505051;}
		.reboot .deconnexion .listeOptionAgent{height:50px !important; line-height:60px !important;background-color:none;}
		.reboot .deconnexion .listeOptionAgent.close:hover{height:58px !important; line-height:60px !important;background-color:none;}
		.reboot .deconnexion .icon-menuAgent{margin-top:10px !important;}
		.reboot .btsuppport{    display: block; height: 50px; width: inherit !important; position: inherit !important; background-color: #404041;margin: -4px 0px 0px 0px;}
		.reboot .btsuppport .icon{    margin-top: 2px;}
		.reboot .btsuppport .t_aide{display:inline-block;}
		.reboot .listeOptionAgent .nomAgent, .reboot .listeOptionAgent .agentAbonnement, .reboot .listeOptionAgent .agentDeco{ line-height:1em !important;}
		.reboot .toggle-nav{display:block;position:relative;-webkit-transition:background-color .5s ease-in 0s;-moz-transition:background-color .5s ease-in 0s;-o-transition:background-color .5s ease-in 0s;transition:background-color .5s ease-in 0s;-webkit-transition:background-color .5s ease-in 0s;-moz-transition:background-color .5s ease-in 0s;-ms-transition:background-color .5s ease-in 0s;-o-transition:background-color .5s ease-in 0s;transition:background-color .5s ease-in 0s;z-index:1001}
		.reboot .toggle-nav:after{clear:both;content:'';display:table}
		.reboot .toggle-nav .icon-toggle-nav{clear:both;float:right;margin:1.0em}
		.reboot .toggle-nav .icon-toggle-nav:hover{cursor:pointer}
		.reboot .toggle-nav .icon-toggle{display:block;height:26px;width:26px}
		.reboot .is-collapsed .icon-toggle{background-position: -220px -154px; height:26px;width:26px;clear:both;}
		.reboot .is-expanded .icon-toggle{background-position: -174px -154px;height:26px;width:26px;clear:both;}
		.no-csstransforms .reboot .nav-header,.no-csstransitions .reboot .nav-header{bottom:auto;display:none;left:auto;position:relative}
		.reboot .nav-header .trafic_h,
		.reboot .nav-header .profil_h,
		.reboot .nav-header .cloud_h,
		.reboot .nav-header .stats_h,
		.reboot .nav-header .push_h,
		.reboot .nav-header .agents_h,
		.reboot .nav-header .settings_h,
		.reboot .nav-header .filters_h,
		.reboot .nav-header .deconnxion,
		.reboot .nav-header .btsuppport,
		.reboot .nav-header .presence{display:block; width:100%;}
		.reboot .nav-header .preset_h{display:block; width:100%; height:60px;}
		.reboot .nav-header .nomAgent{display:inline-block;  width:100%; height:50px; line-height:60px !important;line-height: 1em !important; width: 170px;}
		#optionsAgent {width:auto;background-color:none}
		/*--- titre de la page ---*/
		.reboot .navTitre{position:relative; border:0px solid #00f; height:56px; width:264px;  top:0px; background-color:transparent !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
		.reboot .navTitre p{ font-size:1.2em; margin:17px 0px 0px 10px; width:200px; text-align:left; line-height:1em;}
		.reboot .navTitre img{ width:44px; height:44px;  padding:0px 0px 0px 0px; margin:6px 0px 0px 4px; }
		.reboot .iconeTitre{ height:56px !important; width:50px !important;  float:left; cursor: pointer;  }
		.reboot .textTitre{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:56px !important;  line-height:55px; text-align:center;}
		.reboot .bt_Titre{width:70px; height:70px; float:left; display:none; margin:0px; padding:0px;}
		/*-----ICONES TITRE PAGE ----*/
		.reboot .icone_iphone_filter{background-position: -305px -2px; background-size:480px;}
		.reboot .icone_iphone_profil{background-position: -186px -2px; background-size:480px;}
		.reboot .icone_iphone_push{background-position: -246px -2px; background-size:480px;}
		.reboot .icone_iphone_settings{background-position: -126px -2px; background-size:480px;}
		.reboot .icone_iphone_agents{background-position: -420px -4px; background-size:480px;}
		.reboot .icone_iphone_cloud{background-position: -360px -4px; background-size:480px;}
		.reboot .icone_iphone_stats{background-position: -67px 0px; background-size:480px;}
		.reboot .icone_iphone_trafic{background-position: -11px -3px; background-size:480px;}
		.reboot .icone_iphone_preset{background-position: -305px -2px; background-size:480px;}
		/*.reboot .deconnexion .nomAgent { display:block; float:left; font-size:1.4em; margin:13px 0px 0px 0px; text-align:right; width:86%;}*/
		.reboot .icone_deconnexion{background-position: 3px -135px;}
		.reboot .icone_offline{background-position: -191px -126px; margin-top: 7px;}
		.reboot .icone_online{background-position: -160px -126px; margin-top: 7px;}
		.reboot .icone_busy{background-position: -104px -133px;}
		/*----BOUTON POUR LA FREEMIUM ----*/
		.reboot .textVersion{display:none;}
		.reboot .selectWeb{
			margin: 0px auto;
			padding: 2px 8px 2px 8px;
			position: relative;
			top: 0px;
			width: 100%;
			text-align: center;
		}
		.reboot #contenu{top:70px;}
	}
	
.reboot .is-collapsed .contentIconesStatut,
/*.reboot .listeOptionAgent .icone_deconnexion,*/
.reboot .is-collapsed .listeOptionAgent .icone_deconnexion{
	height:50px;
}

.page-homepage{background-color:#FFF;color:#333}
/*--- Titre navigation droite ---*/
.navTitre {
	width:100%;
	left:0;
	padding:0px;
	margin:0px;
	position:fixed;
	top:70px;
	z-index:1001;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 14px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 14px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 14px rgba(0,0,0,0.3);
	behavior: url(htc/PIE.htc);
}
.navTitre .iconeTitre{width:70px; height:70px; float:left; display:block;}
.navTitre .textTitre{height:70px; float:left; display:block;}
.navTitre ul{
	height:70px;
	padding:0px;
	margin:0px;
}
.navTitre p{
	font-size:1.4em;
	color:#ffffff;
	padding:0px;
	margin:1.1em 0px 0px 30px;
	float:left;
}
	@media(min-width:768px){
		.navTitre p{font-size:1.5em;margin:1em 0px 0px 30px;}
	}
	@media(min-width:992px){
		.navTitre p{font-size:1.8em;margin:0.8em 0px 0px 30px;}
	}
	@media(min-width:1200px){
		.navTitre p{font-size:1.8em;margin:0.8em 0px 0px 30px;}
	}
.navTitre img{
	padding:0px;
	margin:0px;
	float:left;
}
.navTitre li{
	padding:0px; margin:0px;
}
.navTitre ul .close{}
/*--- navigation droite ---*/
/*--- sur la home page ---*/
.page-homepage .navRight{
	width:70px;
	left:0;
	padding:0px;
	margin:0px;
	position:fixed;
	top:70px;
	z-index:900;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5);
}
/*--- sur les autres pages ---*/
.PageTrafic .navRight, .PageProfil .navRight, .PageStat .navRight, .PageCloud .navRight, .PagePush .navRight, .PageAgents .navRight, .PageStats .navRight, .PageSettings .navRight, .PageFilters .navRight, .PagePreset .navRight{
	width:70px;
	left:0;
	padding:0px;
	margin:0px;
	position:fixed;
	top:140px;
	z-index:900;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5);
}
.sansTitre{top:70px !important;}/*menu plus haut car pas de titre*/
.navRight li{overflow:hidden;}
.navRight nav .nav-item{display:block;}
.navRight .trafic, .navRight .profil, .navRight .cloud, .navRight .stats, .navRight .push, .navRight .agents, .navRight .settings, .navRight .filters, .navRight .preset{
	height:70px;
	width:70px;
	padding:0px;
	margin:0px;
	text-align:left;
}
.fushia{
	background-color:#ed1f79 !important;
	background-color:rgba(237,31,121,1) !important;
}
.txtfushia{
	color:#ed1f79 !important;
	color:rgba(237,31,121,1) !important;
}
.violet{
	background-color:#7e3f98 !important;
	background-color:rgba(126,53,152,1) !important;
}
.txtviolet{
	color:#7e3f98 !important;
	color:rgba(126,53,152,1) !important;
}
.gris{
	background-color:#767677 !important;
	background-color:rgba(118,118,118,1) !important;
}
.txtgris{
	color:#767677 !important;
	color:rgba(118,118,118,1) !important;
}
.cyan{
	background-color:#65c8cf !important;
	background-color:rgba(101,200,207,1) !important;
}
.txtcyan{
	color:#65c8cf !important;
	color:rgba(101,200,207,1) !important;
}
.vert{
	background-color:#93d643 !important;
	background-color:rgba(147,214,67,1) !important;
}
.txtvert{
	color:#93d643 !important;
	color:rgba(147,214,67,1) !important;
}
.orange{
	background-color:#ff9c00 !important;
	background-color:rgba(255,156,0,1) !important;
}
.txtorange{
	color:#ff9c00 !important;
	color:rgba(255,156,0,1) !important;
}
.nightblue{
	background-color:#3e53a4 !important;
	background-color:rgba(62,83,164,1) !important;
}
.txtnightblue{
	color:#3e53a4 !important;
	color:rgba(62,83,164,1) !important;
}
.red{
	background-color:#e11111 !important;
	background-color:rgba(225,17,17,1) !important;
}
.txtred{
	color:#e11111 !important;
	color:rgba(225,17,17,1) !important;
}
.turquoise{
	background-color:#2cd392 !important;
	background-color:rgba(44,211,146,1) !important;
}
.txtturquoise{
	color:#2cd392 !important;
	color:rgba(44,211,146,1) !important;
} 
.rose{
	background-color:#D18FFF !important;
	background-color:rgba(209,143,255,1) !important;
}
.txtrose{
	color:#D18FFF !important;
	color:rgba(209,143,255,1) !important;
}
	@media screen and (max-width:767px){
		.reboot .navRight{display:none;}
	}
.fermeMessage{
	cursor:  pointer;
	float:right;
	margin:12px 14px 16px 0px;
	height:32px;
	width:32px;
}
.fermeMessage:hover{
	background-color:#a9e75e !important;
	background-color:rgba(169,231,94,1) !important;
}
.fermeTrafic{
	cursor:  pointer;
	float:right;
	margin:16px 16px 16px 0px;
	background:url(../img/icones/icone_fermer.png) transparent no-repeat;
	background-position: 0px 0px;
	height:32px;
	width:32px;
}
.fermeFenetre{
	cursor:  pointer;
	float:right;
	margin:0px;
	height:32px;
	width:32px;
}
.titreFenetre{
	color:#ffffff !important;
	font-size:1.3em; 
}
.agrandiTrafic{
	cursor:  pointer;
	float:right;
	margin:4px 10px 4px 0px;
	height:32px;
	width:32px;
	background-color:transparent;
}
.agrandiTrafic:hover{
	background-color:#f2418f !important;
	background-color:rgba(242,65,143,1) !important;
}
.fermeStats{
	cursor:  pointer;
	float:right;
	margin:0px 0px 4px 0px;
	height:32px;
	width:32px;
	background-color:transparent;
}
.fermeStats:hover{
	background-color:#65b6b3 !important;
	background-color:rgba(101,182,179,1) !important;
}
.ouvreStats{
	cursor:  pointer;
	float:right;
	margin:0px 0px 4px 0px;
	height:32px;
	width:32px;
	background-color:transparent;
}
.ouvreStats:hover{
	background-color:#65b6b3 !important;
	background-color:rgba(101,182,179,1) !important;
}
#nbvisitor{
	color:#ffffff !important;
	display:inline-block;
	text-shadow:1px 1px 10px rgba(0,0,0,0.5) !important;
	padding:4px 0px 8px 6px;
}
#btMute{
	margin:0px 0px 0px 0px;
	width:70px;
	height:70px;
	cursor:  pointer;
	float:right;
}
#btMuteNotification{
	margin:0px 0px 0px 0px;
	width:70px;
	height:70px;
	cursor:  pointer;
	float:right;
}
.On{
	margin:0px 0px 0px 0px;
}
.Off{
	margin:0px 0px 0px 0px;
}
/*------- aide  ----*/
#aideCloud, #helpTrafic, #helpProfile, #helpPush, #helpStats, #helpAgents, #helpSettings, #helpFilters, #helpPreset, #statChat, #statPage, #refreshTrafic{
	cursor:  pointer;
	float:right;
	margin:0px 0px 0px 0px;
	height:70px;
	width:70px;
}
#aideCloud p , #helpTrafic p, #helpPush p, #helpProfile p, #helpStats p, #helpAgents p, #helpSettings p, #helpFilters p, #helpPreset p, #statChat p, #statPage p, #refreshTrafic p{
	margin:0px 0px 0px 0px;
	width:70px;
	height:70px;
}
#connecttime_newvalue{
}
#connecttime_valid, #recurrenceday_valid, #recurrenceweek_valid, #recurrencemonth_valid, #nbvisit_valid, #nburl_valid, #urllist_valid{
	width:100% !important;
}

/* ______________________ex icones_backoffice.cs________________________ */
img {border:none;}
/*  effect bouton glossy  */
button {
	cursor:pointer; 
	border: solid 0px #000; 
	float:left;  
	background:none; 
	padding:0px 0px 0px 0px; 
	margin:0px 4px 0px 0px; 
	width:auto; 
	overflow:visible; 
	text-align:center; 
	white-space:nowrap;	
	height:24px;	
}
button span, button em { display:block; height:24px; margin:0px; }
button em {
	font-style:normal; 
	color:white; 
	padding:1px 2px 0px 2px; 

	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior: url(htc/PIE.htc);
}
.invisible{display:none;}
.visible{display:block;}
#icones li {float:left; display:inline; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px; }
#bt_standard em {
	background: #ea6713; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #fce8da 4%, #ea6713 45%, #f09255 95%, #e75a00 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#fce8da), color-stop(45%,#ea6713), color-stop(95%,#f09255), color-stop(100%,#e75a00)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6713', endColorstr='#e75a00',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#ea6713, #e75a00 );
	behavior: url(htc/PIE.htc);
}
#bt_standard em:hover {
	background: #d42508; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #fce8da 4%, #d42508 45%, #ee7c31 95%, #ce5101 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#fce8da), color-stop(45%,#d42508), color-stop(95%,#ee7c31), color-stop(100%,#ce5101)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42508', endColorstr='#ce5101',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#d42508, #ce5101 );
	behavior: url(htc/PIE.htc);
}
/*------------------- Status user Chat------------------------------*/
.bt_user_dispo em {
	background: #05c23f; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #d6eadc 4%, #05c23f 45%, #abf7c3 95%, #086f27 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#d6eadc), color-stop(45%,#05c23f), color-stop(95%,#abf7c3), color-stop(100%,#086f27)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05c23f', endColorstr='#086f27',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#05c23f, #086f27 );
	behavior: url(htc/PIE.htc);
}
.bt_user_dispo em:hover {
	background: #07981c; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #ccefd1 4%, #07981c 45%, #dff3e2 95%, #03561c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#ccefd1), color-stop(45%,#07981c), color-stop(95%,#dff3e2), color-stop(100%,#03561c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07981c', endColorstr='#03561c',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#07981c, #03561c );
	behavior: url(htc/PIE.htc);
}
.bt_user_occupe em {
	background: #f4cb0e; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #f1ebd1 4%, #f4cb0e 45%, #f8ebb0 95%, #977e0b 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#f1ebd1), color-stop(45%,#f4cb0e), color-stop(95%,#f8ebb0), color-stop(100%,#977e0b)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cb0e', endColorstr='#977e0b',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#f4cb0e, #977e0b );
	behavior: url(htc/PIE.htc);
}
.bt_user_occupe em:hover {
	background: #f2ae0c; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #f1ebd1 4%, #f2ae0c 45%, #fde19d 95%, #03561c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#f1ebd1), color-stop(45%,#f2ae0c), color-stop(95%,#fde19d), color-stop(100%,#03561c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ae0c', endColorstr='#03561c',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#f2ae0c, #03561c );
	behavior: url(htc/PIE.htc);
}
.bt_user_absent em {
	background: #f12e0e; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #f4dbd7 4%, #f12e0e 45%, #f5b8ae 95%, #a42510 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#f4dbd7), color-stop(45%,#f12e0e), color-stop(95%,#f5b8ae), color-stop(100%,#977e0b)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f12e0e', endColorstr='#a42510',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#f12e0e, #a42510 );
	behavior: url(htc/PIE.htc);
}
.bt_user_absent em:hover {
	background: #b1230c; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #f2d7d3 4%, #b1230c 45%, #eeb5ac 95%, #03561c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#f2d7d3), color-stop(45%,#b1230c), color-stop(95%,#eeb5ac), color-stop(100%,#03561c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1230c', endColorstr='#03561c',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#b1230c, #03561c );
	behavior: url(htc/PIE.htc);
}
.bt_user_invisible em {
	background: #b7b7b7; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #e6e6e6 4%, #b7b7b7 45%, #d3d3d3 95%, #787878 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#e6e6e6), color-stop(45%,#b7b7b7), color-stop(95%,#d3d3d3), color-stop(100%,#977e0b)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#787878',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#b7b7b7, #787878 );
	behavior: url(htc/PIE.htc);
}
.bt_user_invisible em:hover {
	background: #8a8a8a; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #e6e6e6 4%, #8a8a8a 45%, #d3d3d3 95%, #6a6a6a 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#e6e6e6), color-stop(45%,#8a8a8a), color-stop(95%,#d3d3d3), color-stop(100%,#6a6a6a)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#6a6a6a',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#8a8a8a, #6a6a6a );
	behavior: url(htc/PIE.htc);
}
.bt_call
{
	width: 40px;
	height: 40px;
}
.bt_call em {
	height:40px;
	width: 40px;
	background: #05c23f; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #d6eadc 4%, #05c23f 45%, #abf7c3 95%, #086f27 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#d6eadc), color-stop(45%,#05c23f), color-stop(95%,#abf7c3), color-stop(100%,#086f27)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05c23f', endColorstr='#086f27',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#05c23f, #086f27 );
	behavior: url(htc/PIE.htc);
}
.bt_call em:hover {
	background: #07981c; /* vieux navigateurs */
	background: -moz-linear-gradient(top, #ccefd1 4%, #07981c 45%, #dff3e2 95%, #03561c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#ccefd1), color-stop(45%,#07981c), color-stop(95%,#dff3e2), color-stop(100%,#03561c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07981c', endColorstr='#03561c',GradientType=0 ); /* ie */
	-pie-background: linear-gradient(#07981c, #03561c );
	behavior: url(htc/PIE.htc);
}
.bt_uncall
{
	width: 40px;
	height: 40px;
}
.bt_uncall em {
	height:40px;
	width: 40px;
	background: #9b9b9b; /* vieux navigateurs */
}
.bt_uncall em:hover {
	background: #b3b3b3; /* vieux navigateurs */
}
#iconeOnOff em {
	height:18px;
	width:18px;
	padding:2px 3px 2px 3px;
	margin:0px 0px 0px 8px;
	border-radius: 16px; 
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px;
	border:1px solid #627067;
	background-image: linear-gradient(bottom, #1E972C 62%, #00DB12 50%);
	background-image: -o-linear-gradient(bottom, #1E972C 62%, #00DB12 50%);
	background-image: -moz-linear-gradient(bottom, #1E972C 62%, #00DB12 50%);
	background-image: -webkit-linear-gradient(bottom, #1E972C 62%, #00DB12 50%);
	background-image: -ms-linear-gradient(bottom, #1E972C 62%, #00DB12 50%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.62, #1E972C),
		color-stop(0.5, #00DB12)
	);
	-pie-background: linear-gradient(#1E972C, #00DB12 );
	behavior: url(htc/PIE.htc);
}
#iconeOnOff em:hover {
	background-image: linear-gradient(bottom, #cadbd0 62%, #869c8d 30%);
	background-image: -o-linear-gradient(bottom, #cadbd0 62%, #869c8d 30%);
	background-image: -moz-linear-gradient(bottom, #cadbd0 62%, #869c8d 30%);
	background-image: -webkit-linear-gradient(bottom, #cadbd0 62%, #869c8d 30%);
	background-image: -ms-linear-gradient(bottom, #cadbd0 62%, #869c8d 30%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.62, #cadbd0),
		color-stop(0.3, #869c8d)
	);
	-pie-background: linear-gradient(#cadbd0, #869c8d );
	behavior: url(htc/PIE.htc);
}
#iconeUsers span {
	border:0px solid red;
	margin:2px 0px 0px 2px;
	padding:0px 0px 10px 0px;
	display:block; 
	border-radius: 23px 0px 0px 0px; 
	-moz-border-radius: 23px 0px 0px 0px;  
	-webkit-border-radius: 23px 0px 0px 0px; 
	behavior: url(htc/PIE.htc);
}
#iconeUsers  span {width:44px; height:60px;
	background:url(../img/icones/fond_user.png) transparent repeat-x 0 0;
}
#iconeUsers em img {
	border:0px solid red;
	margin:8px 0px 0px 12px;
}
#VWnumber{
	margin:-5px auto;
	padding:0px 0px 0px 4px;
	color:#ffffff;
	border:2px solid #fff;
	background: #AEAEAE;
	/*background: #029c47;*/ /* vieux navigateurs */
	width : 24px;
	height:18px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	behavior: url(htc/PIE.htc);
	text-align:center;
}
/*--- images des icones ---*/
.iconeChat{
	width:24px;
	height:22px;
	background:url(../img/icones/icone_chat_rond.png) transparent no-repeat 0 0;
	border:0px solid #0ff;
}
.iconeMessage{
	width:24px;
	height:22px;
	background:url(../img/icones/icone_message.png) transparent no-repeat 0 0;
	border:0px solid #0ff;
}
.iconeVideoCall{
	width:30px;
	height:22px;
	background:url(../img/icones/icone_video2.png) transparent no-repeat 0 0;
	border:0px solid #0ff;
}
.iconeAudioCall{
	width:30px;
	height:22px;
	background:url(../img/icones/icone_micro.png) transparent no-repeat 1px 0px;
	border:0px solid #0ff;
}
.iconeWebCam{
	width:24px;
	height:22px;
	background:url(../img/icones/icone_webcam.png) transparent no-repeat 0 0;
	border:0px solid #0ff;
}
.dispoAgent{
	display:inline_block;
	background-color: rgb(199, 199, 199);
    padding:2px 0px 3px 3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    color:#666666;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	max-width:280px;
}
.agentDispo{
	/*color:green;*/
}
.agentIndispo{
	/*color:red;*/
}

table.schedules td {
	padding: 0.2em;
}


#listesFilter .mydesk-title-push {width: 100%;}

/*---------------*/
/*   scrollbar   */
/*---------------*/
.box, .antiscroll-inner {
    height: 100%;
}

.antiscroll-wrap {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  z-index:2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity;
  -moz-transition: linear 300ms opacity;
  -o-transition: linear 300ms opacity;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
  display:none;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0;
}
.antiscroll-scrollbar-vertical:hover {
	 width: 12px;
	 background: rgba(0, 0, 0, 0.6);
	 -webkit-transition: linear 300ms width;
	 -moz-transition: linear 300ms width;
	 -o-transition: linear 300ms width;
}

.antiscroll-inner {
  /*overflow: scroll;*/
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:
    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}
    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}

/*--- effacer temporairement ---*/
/*
.comBoxWhiteboard{display:none !important}
.comBoxCoBrowseRemoteOn{display:none !important}
*/
.comBoxScreensharingRemote{display:none !important}
.comBoxDirectory{display:none !important}

/******* istyping ********/
#circleG{
	width:28px;
	margin:12px 0px 0px 6px;
}

.chatOpened .circleGMain{
	width:28px;
	margin:13px 0px 0px 13px;
}
.chatOpened .circleG{
	margin-left:1px;
}

.circleGMain{
	width:28px;
	margin:12px 0px 0px 6px;
}

.circleGActive{
	display:inline-block;
}

.circleGInactive{
	display:none;
}
.circleG{
	background-color:rgba(255,255,255,0);
	float:left;
	height:4px;
	margin-left:2px;
	width:4px;
	-moz-animation-name:bounce_circleG;
	-moz-animation-duration:1.35s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-border-radius:2px;
	-webkit-animation-name:bounce_circleG;
	-webkit-animation-duration:1.35s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:2px;
	-ms-animation-name:bounce_circleG;
	-ms-animation-duration:1.35s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-border-radius:2px;
	-o-animation-name:bounce_circleG;
	-o-animation-duration:1.35s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-border-radius:2px;
	animation-name:bounce_circleG;
	animation-duration:1.35s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:2px;
}

#circleG_1{
	-moz-animation-delay:0.27s;
	-webkit-animation-delay:0.27s;
	-ms-animation-delay:0.27s;
	-o-animation-delay:0.27s;
	animation-delay:0.27s;
}

#circleG_2{
	-moz-animation-delay:0.63s;
	-webkit-animation-delay:0.63s;
	-ms-animation-delay:0.63s;
	-o-animation-delay:0.63s;
	animation-delay:0.63s;
}

#circleG_3{
	-moz-animation-delay:0.8099999999999999s;
	-webkit-animation-delay:0.8099999999999999s;
	-ms-animation-delay:0.8099999999999999s;
	-o-animation-delay:0.8099999999999999s;
	animation-delay:0.8099999999999999s;
}

@-moz-keyframes bounce_circleG{
	0%{}
	50%{background-color:#0052af}
	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}
	50%{background-color:#0052af}
	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}
	50%{background-color:#0052af}
	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}
	50%{background-color:#0052af}
	100%{}
}

@keyframes bounce_circleG{
	0%{}
	50%{background-color:#0052af}
	100%{}
}


.explanation{
	background:#bfd70e;
	border-radius:90%;
	border:1px solid #679403; 
	font-weight:bold;
	padding: 1px 5px;
	font-size:16px;
	vertical-align:super;
    top: 8px;
    position: relative;
}

/* ICONE BANNIR
------------------------------------------------------------------------------------------------------------------------------- */

.icone-forbidden{
	position: relative;
    width: 31px;
    height: 31px;
    margin: 1px 2px 2px 3px;
    border-radius: 50%;
    border: solid 3px rgba(255,0,0,0.4);
    font-size: 16px;
}

.icone-forbidden:before{
	display:block;
	content:"";
	position:absolute;
	top:0.6em;;
	width:1.6em;
	height:0.3em;
	background: rgba(255,0,0,0.4);
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
	-o-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}