/* ---------- POLICE --------------------- 
/*
latothin => NotoSans-Light
latolight => NotoSans-Light
latoregular => NotoSans-Regular
latobold => NotoSans-Medium
latoblack => NotoSans-Bold
archivoblack => NotoSans-Bold
daysoneregular => NotoSans-ExtraBold
*/

@font-face {font-family: 'NotoSans-Light';src: url('/libs/js/fonts/subset-FontForge-NotoSans-Light.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSans-Regular';src: url('/libs/js/fonts/subset-FontForge-NotoSans-Regular.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSans-Medium';src: url('/libs/js/fonts/subset-FontForge-NotoSans-Medium.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSans-SemiBold';src: url('/libs/js/fonts/subset-FontForge-NotoSans-SemiBold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSans-Bold';src: url('/libs/js/fonts/subset-FontForge-NotoSans-Bold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSans-ExtraBold';src: url('/libs/js/fonts/subset-FontForge-NotoSans-ExtraBold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-Light';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-Light.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-Regular';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-Regular.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-Medium';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-Medium.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-SemiBold';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-SemiBold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-Bold';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-Bold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansExtraCondensed-ExtraBold';src: url('/libs/js/fonts/subset-FontForge-NotoSansExtraCondensed-ExtraBold.woff?v=2.015') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'NotoSansMonoExtraCondensed-Regular';src: url('/libs/js/fonts/subset-FontForge-NotoSansMonoExtraCondensed-Regular.woff?v=2.014') format('woff');font-weight: normal;font-style: normal;}

/* --------------------------------------------- */

/* ############     MOBILE FIRST     ########### */
/* ---------- GLOBAL ---------- */

body
{
	background: #ffffff;
	text-align: center;
	font-size: 0.8rem;
	font-family: NotoSans-Regular;
	line-height: 1.0rem;
	color: #000000;
}

small 
{
	font-size: 0.75rem;
}

table.small td:not([class*='titem'])
{
	font-size: 0.7rem;
	font-family: NotoSans-Medium;
	vertical-align: top;
}

.separator 
{
	margin: 40px 0px 20px 0px !important;
	border-top: 1px dashed #cccccc;
}

.separator2
{
	margin: 40px 0px 20px 0px !important;
	border-top: 1px dotted #cccccc;
}

.separator3
{
	border-top: 1px dashed #238aff;
}

hr
{
	margin : 5px 0px 5px 0px;
}

li
{
	margin: 0px 0px 0px 10px;
}

ul
{
	margin-bottom: 20px;
}

td ul
{
	margin: 0px;
}


p
{
	background-color: #ffffff;
	line-height: 1.2rem;
	margin: 6px;
}

img
{
	width: 100%;
}

table
{
	margin-bottom: unset;
	margin: 0px;
	display: table;
	width: 100%;
}

td
{
	padding: 2px;
	vertical-align: middle;
}

.thead0,
.thead1,
.thead2,
.thead3,
.thead4
{
	position: sticky;
}

.thead0
{
	z-index: 5;
}

.thead1
{
	z-index: 4;
}

.thead2 
{
	z-index: 3;
}

.thead3 
{
	z-index: 2;
}
.thead4
{
	z-index: 1;
}

form
{
	margin: 0px 0px 0px 0px;
}

textarea
{
	width: 80%;
	min-height: unset;
}

select,
select:not([size]),
input[type=text],
input[type=password],
input[type=file]
{
	background: #ffffff;
	margin: 1px 0px 0px 0px !important;	
	padding: 2px;
	width: 99%;
	height: auto;
	border: 1px solid #d1d1d1;
	border-radius: 4px;	
	-webkit-transition: unset !important;
	-ms-transition: unset !important;
	transition: unset !important;
}

select:hover,
select:focus
{
	border-color: #238aff;
	-webkit-transition: unset !important;
	-ms-transition: unset !important;
	transition: unset !important;
}

input[type=checkbox]:checked,
input[type=radio]:checked
{
	accent-color: #238aff;
}
input[type=checkbox]
{
	background: #ffffff;
	width: 99%;
	height: auto;
	margin: 1px 2px 1px 0px;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
}


textarea
{
	background: #ffffff;
	width: 99%;
	height: auto;
	padding: 6px 7px 5px 7px;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
}

input[type=checkbox]
{
	width: unset;
	cursor: pointer;
}

input[type=checkbox][disabled]
{
	cursor: default;
}

input
{
	margin: 0rem;	
	height: auto;
}

fieldset,
textarea
{
	margin: 4px;
}


h1
{
	font-family: NotoSans-Bold;
	font-size: 1.45rem;
	font-weight: normal;
	letter-spacing: -0.05rem;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

h2
{
	font-family: NotoSans-Medium;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 0rem;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

h3
{
	font-family: NotoSans-Medium;
	font-size: 1.0rem;
	font-weight: normal;
	letter-spacing: 0rem;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

h4
{
	font-family: NotoSans-Light;
	font-size: 1.1rem;
	font-weight: normal;
	letter-spacing: 0rem;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

h5
{
	font-family: NotoSans-Light;
	font-size: 0.9rem;
	font-weight: normal;
	letter-spacing: 0rem;
	margin: 0px;
	padding: 4px 6px 4px 6px;
}

td select,
td input[type="text"],
td input[type=password],
td input[type=file],
td input[type=checkbox],
td input[type=radio],
td textarea
{
	margin: 1px 0px 0px 0px !important;	
}

select,
select:not([size])
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	min-width: 45px;
}

option[disabled]:not(.disabled2)
{
	color: #ffffff;
	background-color: #888888;
}

option.dossier[disabled]
{
	color: #ffffff;
	background-color: #155297;
}

option.disabled3[disabled]
{
	color: #888888;
	font-size: 0.75rem;
	background-color: #ffffff;
}

pre 
{
	font-size: 0.8rem;
	font-family: NotoSans-Regular;
	margin: 0px;
	padding: 0px;
}

.logs
{
	font-family : NotoSansMonoExtraCondensed-Regular;
}

/* --------------------------------------------- */

/* ------------ COMMON  -------------- */
.container	
{
	max-width: 98%;
}

.fixed-container
{
	height: 80vh;
	text-align: center;
}

.fixed-img {
  background:#072b5b;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
 /* background-repeat: no-repeat;
  background-size: cover;*/
  z-index: -1;
}

.nopadding, 
.nopadding .column,
.nopadding .columns
{
    padding: 0px;
}

.surligne
{
	background: #ffff99;
}

.b 
{
	font-family: NotoSans-Medium;
}

/***** buttons *******/

/* surcharge skeleton start */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button]
{
	letter-spacing: unset;
	line-height: unset;
	text-transform: unset;
	height: unset;
	font-size: unset;
	font-weight: unset;
	/*---*/
	margin: 0px;
	border: 2px solid #888888;
	color: #000000;
	background: #ffffff;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover
{
	letter-spacing: unset;
	line-height: unset;
	text-transform: unset;
	height: unset;
	font-size: unset;
	font-weight: unset;
	/*---*/
	color: #ececec;
	border-color: #ececec;
}

/* surcharge skeleton end */

.pointer 
{
	cursor: pointer !important;
}

/****** mdi ***********/
.icon
{
	font-size: 1.2rem;
	color: #8a58e2;
}

.bblack .icon
{
	color: #ffffff;
}

.mdi 
{
	font-family: arial;
}

button .mdi
{
	font-size: 1.3rem;
}

/*--- padding + couleur par defaut ---*/
.btnlink
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.btnlink, 
.btnlink:focus,
.btnlink a, 
.btnlink:focus a
{
	margin: 1px 2px 1px 2px;	
	padding: 3px;
	border-radius: 6px;
	border: 1px solid;
	color: #238aff;
	background: #ffffff;
	border-color: #238aff;
	font-size: 1.0rem;
}

.btnlink.selected.btndisabled,
.btnlink.selected.btndisabled:hover
{
	opacity : 0.5 !important;
}

.btnlink:active,  
.btnlink.selected,
.btnlink:hover a, 
.btnlink:active a,  
.btnlink.selected a
{
	color: #ffffff;
	background: #238aff;
	border-color: #ffffff;
	font-size: 1.0rem;
}

.btnlink:hover,
.btnlink.selected:hover
{
	color: #ffffff;
	background: #238aff;
	border-color: #ff0000;
	font-size: 1.0rem;
}



.btnlink[disabled]
{
	cursor: not-allowed !important;
	color: #808080 !important;
	background: #ffffff !important;
	border: 1px solid #808080 !important;	
}

.btnlink .mdi
{
	font-size: 1.2rem;
}

.btnlink .mdi.errorparams
{
	border: unset !important;
	color: #ff4f11 !important;
}
.btnlink .mdi.notsame
{
	border: unset !important;
	color: #c3a0ff !important;
}

.btnlink.small,
.btnlink.small .mdi
{	
	padding: 1px 2px 1px 1px !important;
	font-size: 0.9rem !important;
}

.btnlink.aBtn,
.btnlink.aBtn:hover
{
	margin : 0px !important;
	padding: 0px !important;
	color: #238aff;
	border: unset;
	text-decoration: underline;
	background: transparent;
	font-size: 0.8rem !important;
}

.nav.colorline1 .btnlink, 
.nav.colorline1 .btnlink:focus,
.nav.colorline1 .btnlink a, 
.nav.colorline1 .btnlink:focus a
{
	margin: 1px 3px 1px 3px;	
	padding: 6px 3px 3px 3px;
	font-size: 1.0rem;
}

.nav .btnlink .mdi
{
	font-size: 1.3rem;
}
/*--- padding + couleur pour mdi ---*/
.btnaction
{
	margin-top: 1px !important;
	width: 100%;	
	max-width: 350px;
}


.btnlinkmdi, 
.btnlinkmdi:focus
{
	margin: 1px;	
	padding: 3px;
}


.nav.colorline1 .btnlinkmdi, 
.nav.colorline1 .btnlinkmdi:focus
{
	margin: 1px 3px 1px 3px;	
	padding: 6px 3px 3px 3px;
}

/*
.btnlinkmdi:hover, 
.btnlinkmdi:active,  
.btnlinkmdi.selected
{
    color: #ffffff;
	background: #238aff;
	border-color: #ffffff;
}
*/
/*--- couleur ---*/

.btnlinkoption, 
.btnlinkoption:focus 
{
	color: #082b59;
	background: #ffffff;
	border-color: #082b59;
}


.btnlinkoption:hover, 
.btnlinkoption:active, 
.btnlinkoption.selected 
{
	color: #ffffff;
	background: #082b59;
	border-color: #ffffff;
}

.btnreinit, 
.btnreinit:focus
{
    color: #4cbf63;
	background: #ffffff;
	border-color: #4cbf63;
}

.btnreinit:hover, 
.btnreinit:active 
{
    color: #ffffff;
    background: #4cbf63;
	border-color: #4cbf63;
}

.btnday, 
.btnday:focus
{
    color: #000000;
	background: #ffffff;
	border-color: #000000;
}

.btnday:hover, 
.btnday:active 
{
    color: #ffffff;
    background: #000000;
	border-color: #000000;
}

.btnnight, 
.btnnight:focus
{
    color: #ffffff;
    background: #000000;
	border-color: #000000;
}

.btnnight:hover, 
.btnnight:active 
{
    color: #000000;
	background: #ffffff;
	border-color: #000000;
}

.btnswitch, 
.btnswitch:focus
{
    color: #a84cbf;
	background: #ffffff;
	border-color: #a84cbf;	
}

.btnswitch:hover, 
.btnswitch:active 
{
    color: #ffffff;
    background: #a84cbf;
	border-color: #a84cbf;	
}

.btndelete, 
.btndelete:focus
{
    color: #e5000c;
	background: #ffffff;
	border: 1px solid #e5000c;	
}

.btndelete:hover, 
.btndelete:active 
{
    color: #ffffff;
    background: #e5000c;
	border-color: #e5000c;	
}


.btnvalidate, 
.btnvalidate:focus
{
    color: #008b00 !important;
	background: #ffffff !important;
	border: 1px solid #008b00 !important;	
}

.btnvalidate:hover, 
.btnvalidate:active 
{
    color: #ffffff;
    background: #008b00;
	border-color: #008b00;	
}


.btndisabled, 
.btndisabled:focus, 
.btndisabled:hover, 
.btndisabled:active,  
.btndisabled.selected
{
	cursor: not-allowed !important;
    color: #808080 !important;
	background: #ffffff !important;
	border-color: #E3E3E3 !important;
}

.btndeconnexion, 
.btndeconnexion:focus
{
    color: #fc656f;
	background: #ffffff;
	border-color: #fc656f;
}

.btndeconnexion:hover, 
.btndeconnexion:active 
{
    color: #ffffff;
    background: #fc656f;
	border-color: #fc656f;	
}

/*******************/

/**** menu ******/
#fixed-nav-bar
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	background-color: #ffffff;
}


.divscrollx
{
    margin: 0;
    padding: 0;
    overflow-x: auto;
	overflow-y: hidden;
}

.scroll
{
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll::-webkit-scrollbar {
	display: none;
}

.scroll .nav-item
{
	font-family: NotoSans-Medium; 
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.0rem;
	letter-spacing: 0rem;
}

.nav .valign
{
	height: 36px;
	display: table-cell;
	vertical-align: middle;
}

.nav .logo
{
	padding: 0px 8px 0px 8px;
}

.nav .texte
{
	padding: 0px 12px 0px 12px;
}

.submenu 
{
	height: 0px;
	opacity: 0;	
	border-bottom-width: 0px !important;
}

.submenu.nav-open 
{
	height: auto;
	opacity: 1;
	border-bottom-width: 1px !important;
}

.submenu .valign
{
	height: 28px;
	display: table-cell;
	vertical-align: middle;
}

.submenu .texte
{
	padding: 0px 12px 0px 12px;
}

/* menu couleur */
.divsep	
{
	color: #aaaaaa;
	padding: 0px 3px 0px 3px;
}

#fixed-nav-bar
{
	border-bottom: 1px solid #155297;
}

.colorline1
{
	background-color: #ffffff;	
	border-bottom: 1px solid #155297;
}

.colorline1 a.texte
{
	color: #155297;
	text-decoration: none;
}


.colorline1 a.texte:hover,
.colorline1 a.texte.nav-open,
.colorline1 a.texte.nav-active
{
	background-color: #155297;
	color: #ffffff;
}

.colorline1 a.texte.nav-active:not(.nav-open)
{
	background-color: #ffffff;
	color: #155297;
}

.colorline2

{
	background-color: #155297;	
	border-bottom: 1px solid #155297;
}

.colorline2 a.texte
{
	color: #ffffff;
	text-decoration: none;
}

.colorline2 a.texte:hover,
.colorline2 a.texte.nav-open,
.colorline2 a.texte.nav-active
{
	background-color: #238aff;
	color: #ffffff;
}

.colorline3
{
	background-color: #fff7e8;	
	border-bottom: 1px solid #155297;
}

.colorline3 a.texte
{
	color: #856526;
	text-decoration: none;
}

.colorline3 a.texte:hover,
.colorline3 a.texte.nav-open,
.colorline3 a.texte.nav-active
{	
	background: #856526;
	color: #ffffff;
}

/*********************/

/*** filtres reglages sous menu *****/
.reglages
{
	background-color: #ebf4ff;
}

.reglages .valign
{
	height: 32px;
}

.reglages .mdi
{
	display: table-cell;
}

.reglages select, 
.reglages input[type="text"]
{
	margin: 0px 2px 0px 2px !important;
	height: 23px;
	padding: 2px;
}

.reglages select
{
	max-width: 250px;
}

.reglages td
{
	padding :0px;
}


.reglages .mdi-minus-circle-outline,
.reglages .mdi-plus-circle-outline,
.reglages .mdi-folder-open,
.reglages .mdi-folder
{
	font-size: 1.35rem;
}

.btnreglage
{
	padding: 2px;
}
.btnreglage .mdi
{
	font-size: 1.0rem !important;
}

.btnlibelle .mdi
{
	font-size: 1.1rem !important;
}

.btnlibelle,
.btnlibelle:hover,
.btnlibelle:active
{
	background-color: transparent !important;
	border: unset !important;
	color: #000000 !important;
	font-size: 0.9rem;
}

.btnlibelle:hover,
.btnlibelle:active
{
	color: #238aff !important;	
}
.btnlibelle.fclose:hover,
.btnlibelle.fclose:active
{
	color: #808080 !important;	
}


.btnlink.btnpdm div
{
   font-size: 0.9rem !important;
   margin-left: 1px !important;
}


.btnlink.btnpdm div .mdi,
.btnlink.btnstep div .mdi
{  
   font-size: 1.0rem !important;
   color: #238aff !important;
}
.btnlink.btnpdm,
.btnlink.btnstep
{
    background-color: #ffffff !important;
	color: #238aff !important;
	border-color: #238aff !important;
}

.btnreglage:active,
.btnreglage.selected,
.btnlink.btnpdm:active,
.btnlink.btnpdm.selected,
.btnlink.btnstep:active,
.btnlink.btnstep.selected
{
	background-color: #238aff !important;
	color: #ffffff !important;
	border-color: #238aff !important;
}

.btnreglage:hover,
.btnreglage.selected:hover,
.btnlink.btnpdm:hover,
.btnlink.btnpdm.selected:hover,
.btnlink.btnstep:hover,
.btnlink.btnstep.selected:hover
{
	background-color: #238aff !important;
	color: #ffffff !important;
	border-color: #ff0000 !important;
}


.btnlink.btnpdm:hover div .mdi,
.btnlink.btnstep:hover div .mdi,
.btnlink.btnpdm:active div .mdi,
.btnlink.btnstep:active div .mdi,
.btnlink.btnpdm.selected div .mdi,
.btnlink.btnstep.selected div .mdi
{
   
   color: #ffffff !important;
}

.row 
{
	background: #ffffff;
}

.login .row,
.footer .row
{
	background: unset;
}

.thead0 .catdisplay
{
	margin: 0px;
	display: block;

}

.row.thead0,
.row.thead1
{
	margin-bottom: 0px;
}

.thead0 .tcat,
.thead1 .tcat
{
	margin: 0px;
}

.row .row
{
	/*margin-left: 0px;
	margin-right: 0px;*/
	margin : 0px;
}

.columns .columns
{
	padding-left: 0px;
	padding-right: 0px;
}


.btnreglage.btnpdm:hover,
.btnreglage.btnstep:hover,
.btnreglage:hover div,
.btnreglage:hover .icon,
.btnreglage.btnpdm:active,
.btnreglage.btnstep:active,
.btnreglage:active div,
.btnreglage:active .icon,
.btnreglage.fopen.btnpdm:active,
.btnreglage.fopen.btnstep:active,
.btnreglage.fopen div,
.btnreglage.fopen .icon,
.btnreglage.selected.btnpdm,
.btnreglage.selected.btnstep,
.btnreglage.selected div,
.btnreglage.selected .icon
{
   background-color: #238aff !important;
	color: #ffffff !important;
	border-color: #238aff !important;
}
div.btnreglage,
.btnreglage.btnlinkmdi,
.btnreglage .icon
{
    background-color: transparent;
}

button.btnreglage.btnstep 
{
	font-size: 0.9rem;
	margin: 1px;
	width: 25%;
	max-width: 150px;
}

button.btnreglage.btnstep:hover
{
	font-size: 0.9rem;
}

.pdmoverlib .icon
{
	vertical-align: middle;
}
.pdmoverlib .icon
{
	color: #000000;
	font-size: 1.1rem;
}


.btnreglage .mdi
{
	font-size: 1.0rem;
}

.suggestions
{
	border-top: 1px solid #155297;
}

.divfchkreglage
{
	display: inline-table;
	margin: 0px 2px 0px 2px;
}
/***** Overlib *****/
#overDiv .overlib_fg 
{
	background-color: #ffffff;
	border: 1px solid #155297;	
}

#overDiv .overlib_fg td	{padding: 2px;}

#overDiv table 
{
	display: table;
	text-align: left;
	margin: 0px;
}

#overDiv .overlib_bg
{
	background: #238aff;
}

#overDiv .overlib_bg,
#overDiv .overlib_bg a
{
	color: #ffffff;
}

#overDiv .overlib_bg td
{
	padding: 0px;
}

#overDiv .overlib_fg td[valign='TOP']:first-child
{
	padding: 1px;
}

#overDiv .overlib_bg table td
{
	font-size: 0.8rem;
	padding: 5px 2px 5px 2px;
}

#overDiv .overlib_bg table td b
{
	font-family: NotoSans-Medium;
	font-weight: normal;
	font-size: 0.8rem;
}

#overDiv .overlib_fg 
{
	color: #000000;
}
#overDiv .overlib_fg table td
{
	font-size: 0.7rem;
	padding: 2px;
}


#overDiv .overlib_fg td.titem1
{
	background-color: #c9c9c9;
	font-size: 0.9rem !important;
	font-variant: small-caps;
	padding: 3px 2px 3px 2px;
}

#overDiv .overlib_fg  td.titem2
{
	background-color: #e9e9e9;
	font-size: 0.8rem !important;
	font-variant: small-caps;
	padding: 2px 1px 2px 1px;
	
}

#overDiv .overlib_fg  td.titem3
{
	font-size: 0.7rem !important;
	font-variant: small-caps;
	white-space: nowrap;
	padding: 2px 1px 2px 1px;
	width: 20%;
}
/******************/

/**** Calendar *****/

table.DynarchCalendar-topCont
{
	margin: 25px 0px 0px -30px;
}
div.DynarchCalendar table 
{
	margin: 0px;
}

table.DynarchCalendar-topCont,
div.DynarchCalendar table 
{
	display: inline-table;
	width: unset;
	
}


div.DynarchCalendar td 
{
	font-size: 0.9rem;
	padding: 4px;
}

div.DynarchCalendar .DynarchCalendar-body td	{padding: 0px;}

div.DynarchCalendar .DynarchCalendar-day 
{
	margin: 1px;
	padding: 10px 30px 10px 10px;
}

table.detect-flickity-slider .btnlink
{
	padding: 2px !important;
}

table.detect-flickity-slider .mdi
{
	font-size: 1.0rem !important;
}
/******************/

/***** CanvasJS *****/
.canvasjs-chart-tooltip
{
	top: 100px !important;
	bottom: auto !important;
	box-shadow: unset !important;
	z-index: 800 !important;
}

.divsurvgraph .canvasjs-chart-tooltip
{
	top: 300px !important;
	bottom: auto !important;
}

.list .canvasjs-chart-tooltip
{
	top: 205px !important;
	bottom: auto !important;
}

.list.compact .canvasjs-chart-tooltip
{
	top: 45px !important;
	bottom: auto !important;
}

.divsurvgraph.graphmultiple .canvasjs-chart-tooltip 
{
	top: 195px !important;
}

.list.compact .canvasjs-chart-toolbar button
{
	width: 20px !important;
	height: 12px !important;
	padding: 2px 6px !important;
}

.canvasjs-chart-tooltip br {display: none;}

.canvasjs-chart-tooltip .tblgraphevent
{
	padding: 2px 3px 2px 3px;
	white-space: normal;
}

.canvasjs-chart-tooltip .tblgraphevent br	{display: block;}

/***************************/


/***** HarViewer *****/

.harBody
{
	line-height: 13px;
	box-sizing: unset;
	text-align: left;
}

.harBody table
{
	border-collapse: unset;
}

.harBody img
{
	width: unset;
}

.harBody .netInfoParamValue
{
	padding: 0px;
}

.harBody .netInfoHeadersTable tr,
.harBody .netInfoHeadersTable td
{
	line-height: 12px;
}

.harBody table.pagePieTable {
    width: unset;
}

.infoTip {
	text-align: left;
}

/***************************/

/*** Menu par columns ***/
.msg 
{
	padding: 10px;
	margin-top: 10px;
	display: inline-table;
	font-size: 1.2rem;
	line-height : 1.4rem;

}

.msgok
{
	color: #008b00;
	background: #cdffd7;
	border: 1px solid #008b00;
}

.msgwarn
{
	color: #ff6600;
	background: #ffeebb;
	border: 1px solid #ff6600;
}

.msgerr
{
	color: #e5000c;
	background: #ffcdcd;
	border: 1px solid #e5000c;
	
}

.btndivcolumn1
{
   padding: 2px;
}

.btndivcolumn1 .btnlink,
.btndivcolumn1:focus .btnlink,
.btndivcolumn1:focus .btnlink:focus 
{
	margin: 0px;
	padding: 5px;
	color: #155297;
	background: #ffffff;
	border: 1px solid #155297;
	width: 100%;
	height: 100%;
	
}

.btndivcolumn1 .btnlink.selected, 
.btndivcolumn1:hover .btnlink:hover, 
.btndivcolumn1:active .btnlink:active,
.btndivcolumn1:hover .btnlink.selected, 
.btndivcolumn1:active .btnlink.selected
{
	margin: 0px;
	padding: 5px;
	color: #ffffff;
	background: #155297;
	border: 1px solid #155297;
	width: 100%;
	height: 100%;
}


.btndivcolumn2
{
   padding: 2px;
}

.btndivcolumn2 .btnlink,
.btndivcolumn2:focus .btnlink,
.btndivcolumn2:focus .btnlink:focus 
{
	margin: 0px;
	padding: 5px;
	color: #ffffff;
	background: #155297;
	border: 1px solid #ffffff;
	width: 100%;
	height: 100%;
	
}

.btndivcolumn2 .btnlink.selected, 
.btndivcolumn2:hover .btnlink:hover, 
.btndivcolumn2:active .btnlink:active,
.btndivcolumn2:hover .btnlink.selected, 
.btndivcolumn2:active .btnlink.selected
{
	margin: 0px;
	padding: 5px;
	color: #ffffff;
	background: #238aff;
	border: 1px solid #ffffff;
	width: 100%;
	height: 100%;
}


.row
{
	margin-bottom: 5px;
}

.row.titem1 .msgedittitle
{
	background: unset;
	color: #000000;
	margin: 0px;
	font-size: 0.9rem;
	font-family: NotoSans-Regular;
	font-variant: normal;
	padding: 2px;
	display: inline-table;
}

.row.titem1 .btnlink,
.row.titem1:focus .btnlink,
.row.titem1:focus .btnlink:focus 
{
	margin: 2px;
	padding: 2px;
	font-size: 0.9rem;
	color: #8a58e2;
	background: #ffffff;
	border: 1px solid #8a58e2;	
}

.row.titem1 .btnlink.selected, 
.row.titem1:hover .btnlink:hover, 
.row.titem1:active .btnlink:active,
.row.titem1:hover .btnlink.selected, 
.row.titem1:active .btnlink.selected
{
	margin: 2px;
	padding: 2px;
	font-size: 0.9rem;
	color: #ffffff;
	background: #8a58e2;
	border: 1px solid #ffffff;
}

.row.titem1 .btnlink .mdi
{
	font-size: 1.0rem;
}

.notsame
{
	border: 2px solid #8a58e2 !important;
}

.warnparams
{
	border: 1px solid #ff5a00 !important;
	background: #ffaa7b;
}

.errorparams
{
	border: 2px solid #ff4f11 !important;
}

/*** Couleurs font et background ***/
.fblack		{color:#000000 !important;}
.bblack		{background-color:#000000 !important;}

.fblue		{color:#0000d5 !important;}
.bblue		{background-color:#bbc1ed !important;}

.fgreen		{color:#008b00 !important;}
.bgreen		{background-color:#cdffd7 !important;}

.fgrey		{color:#808080 !important;}
.bgrey		{background-color:#c9c9c9 !important;}

.fdarkblue	{color:#00008a !important;}
.bdarkblue	{background-color:#71748f !important;}

.fdarkgrey	{color:#2d2d2d !important;}
.bdarkgrey	{background-color:#7a7a7a !important;}

.fdarkred	{color:#990008 !important;}
.bdarkred	{background-color:#9e7073 !important;}

.forange	{color:#ff6600 !important;}
.borange	{background-color:#ffeebb !important;}

.fred		{color:#e5000c !important;}
.bred		{background-color:#ffcdcd !important;}

.fpurple	{color:#a84cbf !important;}
.bpurple	{background-color:#c9bcd6 !important;}

.fwhite		{color:#eeeeee !important;}
.bwhite		{background-color:#ffffff !important;}

.bfuchsia	{background-color:#d6bcc9 !important;}
.bpink		{background-color:#d6bcd6 !important;}

.fok		{color:#2eff2e !important;}
.fwarn		{color:#ffa42e !important;}
.ferr		{color:#ff4f11 !important;}

.bopen		{background-color: #155297 !important;}

.fopen		{color: #238aff !important;}

.bclose		{background-color: #808080 !important;}
.fclose		{color: #808080 !important;}
/***********************/

/**** Editeur & Manageur *********/
.head 
{
	background: #ffffff;
	color: #155297;
	border: 2px solid #155297;
	text-align: left;
	border-radius: 4px;
	margin: 3px 0px 3px 0px;
}

h1.head 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}

.tcat
{
	border-radius: 6px;
	margin: 3px 0px 3px 0px;
	text-align: left;
	color: #ffffff;
}

.tcat h2
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow : ellipsis;
}

.tcat h3	{white-space: nowrap;}

.tcat.open	{background-color: #155297;}

.tcat td	{vertical-align: middle !important;}

.tcat.close	{background-color: #808080;}

.tcatvide	{color: #000000; 
background: #ffffff;}

.tcatvide h3	{white-space: nowrap;}

.tcatvide.close	{border-bottom: 2px solid #d1d1d1;}

.catdisplay,
.catdisplay2
{
	display: inline-block;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	background: #ffffff;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	width: 100%;
	text-align: left;	
}

.catdisplay2
{
	width: unset;
}

.catdisplay .catdisplay
{
	border: 0px;
	padding: 0px !important;
	margin: 0px;
	
}

.catdisplay td 
{
	vertical-align: top;
}

.cathide	{display: none;}

.tblwidth_unset	{width: unset !important;}

.titem1,
.titem2,
.titem3,
.titem4,
.titem5
{	
	font-variant: small-caps;
	padding: 3px 2px 3px 2px;	
}

.titem1
{
	background-color: #c9c9c9;
	font-size: 1.0rem;
	padding: 5px 2px 5px 2px;
	vertical-align: middle !important;
}

.titem2
{
	background-color: #e9e9e9;
	font-size: 0.9rem;	
	vertical-align: middle !important;
}

.titem3
{
	font-size: 0.85rem;
	width: 40%;
}

.titem4
{
	font-size: 0.75rem;
	width: 30%; 
}

.titem5
{
	font-size: 0.7rem;	
	background-color: #f9f9f9;
}

.titem3 small
{
	font-variant: normal;
}

.talt1
{
	background-color: #ececf2 !important;
}

.tblmessage
{

	font-size: 1.1rem;
	margin: 5px 0px 5px 0px;
	line-height: 1.4rem;
	position: fixed;
	padding: 5px;
	top: 7%;
	left: 20%;
	width: 60%;
	z-index: 1000;
	-webkit-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition:all linear .2s;
}

.tblmessage .icon
{
	font-size: 1.4rem;
}

.tblmessage .fgreen
{
	color:#008b00;
	background-color:#cdffd7;
	border: 1px solid #008b00;
	box-shadow: 0px 0px 10px #008b00;
}
.tblmessage span.fgreen
{
	color:#008b00;
	border-width: 0px;
	background-color:unset;
	box-shadow: unset;
}

.tblmessage .forange
{
	color:#ff6600;
	background-color:#ffeebb;
	border: 1px solid #ff6600;
	box-shadow: 0px 0px 10px #ff6600;
}
.tblmessage span.forange
{
	color:#ff6600;
	border-width: 0px;	
	background-color:unset;
	box-shadow: unset;
}

.tblmessage .fred
{
	color:#e5000c;
	background-color:#ffcdcd;
	border: 1px solid #e5000c;
	box-shadow: 0px 0px 10px #e5000c;
}
.tblmessage span.fred
{
	color:#e5000c;
	border-width: 0px;
	background-color:unset;
	box-shadow: unset;
}

.tblbtn 
{
	display: table;
	width: unset;
	background: transparent;
}

.tblbtn td, 
.tblbtn td:first-child, 
.tblbtn td:last-child 
{
	padding:0px;
}

.tblfiltre td
{
	vertical-align: middle;
}

.tblfiltre .btnlink 
{
	padding: 2px;
	margin: 0px 1px 0px 1px;
}

.tblfiltre .mdi
{
	font-size: 1.0rem;
}

.tbleditor
{
	width: 100%;
	display: inline-table;
}


.tbleditor .catdisplay .columns
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}


.tbleditor .catdisplay
{
	padding: 5px 2px 5px 2px;
}

.tbllisting .catdisplay
{
	padding: 5px;
}


.tbllisting 
{
	width: 100%;
	display: inline-table;
}

.tbllisting h3
{
	margin: 2px 0px 2px 0px; 
}

.tbllisting select
{
	margin: 2px 0px 2px 0px !important; 
	display: inline-table;
	height: auto;
}

.tbllisting  .navpage
{
	margin : 0px 3px 0px 3px;
}
                            


div.overshow:hover,
tr.overshow:hover,
tr.overshow:hover table:not(.tblresumesearch) td:not(.bgreen):not(.borange):not(.bred):not(.bblue):not(.bgrey)
{
	background-color: #e4f7e6 !important;
	color: #000000 !important;
}

.tbllisting .titem3
{
	width: 15%;
}

.tbllisting .columns
{
	padding: 0px;
}

.compare
{
	background: #fffbe8 !important;
}

.webadmin
{
	color: #852656 !important;
	background: #ffe8f3 !important;
}

.bddadmin
{
	display: inline-table;
	color: #856526;
	text-align: left;
}

.titem1.bddadmin,
.columns.titem1.bddadmin
{
	background: #f6ddad !important;
}

.titem2.bddadmin,
.columns.titem2.bddadmin
{
	background: #ffeac2 !important;
}

table.bddadmin,
tr.bddadmin,
td.bddadmin,
td div.bddadmin,
option.bddadmin,
.columns.bddadmin,
span.bddadmin
{
	color: #856526 !important;
	background: #fff7e8 !important;
}

tr.bddadmin
{
	display: table-row;
}

td.bddadmin
{
	display: table-cell;
}

.btnlink.fgreen, 
.btnlink.fgreen:focus
{
	color: #008b00;
	background: #ffffff;
	border-color: #008b00;
}

.btnlink.fgreen:hover, 
.btnlink.fgreen:active,  
.btnlink.fgreen.selected
{
	color: #ffffff !important;
	background: #008b00;
	border-color: #008b00;
}

.btnlink.forange, 
.btnlink.forange:focus
{
	color: #ff6600;
	background: #ffffff;
	border-color: #ff6600;
}

.btnlink.forange:hover, 
.btnlink.forange:active,  
.btnlink.forange.selected
{
	color: #ffffff !important;
	background: #ff6600;
	border-color: #ff6600;
}


.btnlink.bddadmin
{
	text-align: center;
	
}

.btnlink.bddadmin, 
.btnlink.bddadmin:focus,
.btnlink.bddadmin a, 
.btnlink.bddadmin:focus a
{
	color: #856526 !important;
	background: #fff7e8 !important;
	border-color: #856526 !important;
	
}

.btnlink.bddadmin:hover, 
.btnlink.bddadmin:active,  
.btnlink.bddadmin.selected,
.btnlink.bddadmin:hover a, 
.btnlink.bddadmin:active a,  
.btnlink.bddadmin.selected a
{
	color: #ffffff !important;
	background: #856526 !important;
	border-color: #ffffff !important;
	
}

.btnlink.webadmin, 
.btnlink.webadmin:focus,
.btnlink.webadmin a, 
.btnlink.webadmin:focus a
{
	color: #852656 !important;
	background: #ffe8f3 !important;
	border-color: #852656 !important;
	
}

.btnlink.webadmin:hover, 
.btnlink.webadmin:active,  
.btnlink.webadmin.selected,
.btnlink.webadmin:hover a, 
.btnlink.webadmin:active a,  
.btnlink.webadmin.selected a
{
	color: #ffe8f3 !important;
	background: #852656 !important;
	border-color: #ffe8f3 !important;
	
}

.btnlink.btnsamesize
{
	width: 90%;
	max-width: 250px;
	margin: 6px;	
}

div.onglet_btn
{
	border-bottom: 8px solid #238aff !important;
	padding: 5px 2px 0px 2px;
}


td.onglet_btn
{
	border-bottom: 8px solid #238aff !important;
	padding: 20px 2px 0px 2px;
	
}

td.onglet_btn.notsame
{
	border: 0px !important;
	border-bottom: 8px solid #8a58e2 !important;
	
}


td.onglet_btn.errorparams
{
	border: 0px !important;
	border-bottom: 8px solid #ff4f11 !important;
	
}
td.onglet_tbl
{
	padding : 2px 0px 0px 0px;
}

.btnlink.onglet
{
	margin: 0px 2px 0px 2px !important;
	padding-top: 8px !important;
	/*background-color: #ffffff;*/
	border: 1px solid #238aff;
	border-bottom: 0px !important;
	font-size: 1.0rem !important;
	font-variant: small-caps;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}



div.onglet_btn .btnlink.onglet
{
	font-size: 1.2rem !important;
}

.btnlink.notsame.onglet
{	
	color: #8a58e2;
	border: 1px solid #8a58e2 !important;
	border-bottom: 0px !important;
	
}

.btnlink.notsame.onglet:hover, 
.btnlink.notsame.onglet:active,  
.btnlink.notsame.onglet.selected
{
	
	color: #ffffff;
	background-color: #8a58e2;
	border: 1px solid #8a58e2 !important;
	border-bottom: 0px !important;
	
}

.btnlink.errorparams.onglet
{	
	color: #ff4f11;
	border: 1px solid #ff4f11 !important;
	border-bottom: 0px !important;
	
}

.btnlink.errorparams.onglet:hover, 
.btnlink.errorparams.onglet:active,  
.btnlink.errorparams.onglet.selected
{
	
	color: #ffffff;
	background-color: #ff4f11;
	border: 1px solid #ff4f11 !important;
	border-bottom: 0px !important;
	
}

.btnlink.btnlink.h3,
.btnlink.btnlink.h3:hover, 
.btnlink.h3:active,  
.btnlink.h3.selected
{	
	color: #00000;
	border: 0px !important;
	background: unset;
	padding: 0px;
	margin: 0px;
	
}

.btnsamesize br
{
	margin-bottom: 3px;	
}



.divcontrol.clickable
{
	border: 1px solid #238aff;
	border-radius: 4px;
	font-size: 0.75rem;
	padding: 2px;
	margin: 0px 1px 0px 1px;
}

tr.clickable,
td.clickable,
.divcontrol.clickable
{
	cursor: pointer;
}

tr.clickable:hover,
td.clickable:hover,
.divcontrol.clickable:hover
{
	background: #ebf4ff;	
}

tr.selected:not(.trcondfin) td:not(.bddadmin),
tr.selected:not(.trcondfin) div.divcontrol,
.divcontrol.clickable.selected,
.divcontrol.clickable.selected.disabled
{
	color: #ffffff !important;
	background: #238aff !important
}

tr.selected:not(.trcondfin) td.notclickable
{
	cursor: default;
	color: unset !important;
}

tr.selected:not(.trcondfin) td.notclickable td:not(.bddadmin),
tr.selected:not(.trcondfin) td.notclickable:not(.bddadmin) div.divcontrol
{
	color: unset !important;
	cursor: default;
	background: #ffffff !important
}

tr.selected:not(.trcondfin) td.notclickable td.titem4
{
	color: #555599 !important;
}


tr.selected:not(.trcondfin) td.notclickable tr.bddadmin,
tr.selected:not(.trcondfin) td.notclickable tr.bddadmin td,
tr.selected:not(.trcondfin) td.notclickable tr.bddadmin div.divcontrol,
tr.selected:not(.trcondfin) td.notclickable td.bddadmin div.divcontrol
{
	color: #856526 !important;
	background: #fff7e8 !important;
	
}

.divcontrol.clickable.ok
{
	border-color: #008b00 !important;
	color: #008b00 !important;
}

.divcontrol.clickable.ok:hover,
.divcontrol.clickable.selected.ok
{
	background: #cdffd7 !important;
}

.divcontrol.clickable.err
{
	border-color: #e5000c !important;
	color: #e5000c !important;
}

.divcontrol.clickable.err:hover,
.divcontrol.clickable.selected.err
{
	background: #ffcdcd !important;
}

.divcontrol.clickable.disabled
{
	cursor: unset;
	background: unset;
}

/* tblcondfin */
tr.trcondfin td.tdaction
{
	text-align: right;
	vertical-align: top;
	cursor: pointer;
}

tr.selected.trcondfin td.tdordre,
tr.selected.trcondfin tr.edit td.tdaction
{
	color: #ffffff !important;
	background: #238aff !important
}
 
tr.trcondfin.selected tr.edit
{
	background : #ffffff !important;
	border-top: 10px solid #238aff;
	border-bottom: 10px solid #238aff;
}

td.tdcondfincontent
{
	background : #ffffff !important;
	padding: 0px 2px 0px 2px;
}

tr.clickable:hover td.tdcondfincontent
{
	background: #ebf4ff !important;	
}

tr.trcondfin.selected tr.edit td.tdcondfincontent
{
	border-top: 2px solid #238aff;
	border-bottom: 2px solid #238aff;
}

td.condfin,
td.condfin div.divcontrol,
td.condfinsub,
td.condfinsub div.divcontrol
{
	padding: 0px 2px 0px 2px;
	background: #f9f9f9 !important;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}
td.condfin,
td.condfin div.divcontrol
{
	padding: 0px 2px 0px 2px;
	
}

td.condfinsub,
td.condfinsub div.divcontrol
{
	padding: 0px;	
}

tr.ou,
tr.et
{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #f9f9f9 !important;	
}

tr.ou td,
tr.et td
{
	text-align: left;	
	padding: 0px 2px 0px 2px;
}


/**************/

.divcontrol,
.divcontroldel
{
	display: inline-table;
	white-space: nowrap;
}

.divcontrol select,
.divcontrol input[type="text"],
.divcontrol input[type=password],
.divcontrol input[type=file]
{
	margin: 0px !important;	
	padding: 2px;
	width: auto;
}


.divcontrol table
{
	width: auto;
}

.divcontrol .btnlink
{
	margin: 1px 2px 1px 2px;	
	padding: 3px;
	font-size: 1.1rem;
}
.divcontrol .btnlink:hover,
.divcontrol .btnlink.selected:hover
{
	font-size: 1.1rem;
}

.divcontrol.divcontrolaction
{
	display: inline-grid;
	width: 100%;
}

.divcontrolaction select 
{
	width: 99%;
}


.divcontrol.divcontrolaction button,
.divcontrol.divcontrolaction div.btnlink
{
	display: table;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 350px;
}

.divcontrol.divcontrolaction.big button
{
	
}
.divcontrol.divcontrolaction.center
{
	display: inline-block;
	white-space: nowrap;
}
.divcontrol.divcontrolaction.center button
{
	
}

.divcontrol .btnlink .mdi
{
	font-size: 1.2rem;
}

.divcontrolbutton
{
	cursor: default;
	margin: 0px;
	white-space : nowrap;
}

.divcontroldel
{
	/*border: 1px solid #000000;*/
	vertical-align: top;
	margin-bottom: 1px;
}

.divcontroldel .btnlinkmdi
{
	border: unset !important;
	margin: 3px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
	background: unset;
}

.divcontroldel .btnlinkmdi:hover, 
.divcontroldel .btnlinkmdi:active,  
.divcontroldel .btnlinkmdi.selected
{
    color: #ff6600;
	
	border-color: unset;
}

.divcontroldel div:not([style])
{
	font-size: 0.9rem;
	margin: 1px;
	padding: 1px;
}


.divcontroldel .btnlinkmdi .mdi
{
	font-size: 1.0rem;
}

.divcontroldel .mdi-close
{
	color:#e5000c !important;
}

.longtxtafter
{
	width: 65%;
}

.evthide{display: none;}
.evtshow{display: table-row;}

/******************/

/***** FOOTER *****/
.footer 
{
	margin-top: 10px;
	background-color: #ebf4ff;
	text-align: center;
	
}
/******************/
/* ------------------------------------------- */

/* --------------- EVERTEST ------------------ */

.titem2,
.titem5
{
	color: #333333;
}

.titem3, 
.titem4
{
	color: #555599;
	padding: 3px 2px 3px 0px;
}


/***** Accueil *****/
.divsurv
{
	padding: 5px;
	margin: 12px;
	border-style : solid;
	border-width: 1px;
	border-radius: 8px;
	display: inline-grid;
	width: 310px;
	text-align: left;
}

.divsurvslo
{
	padding: 2px;
	margin: 3px;
	border-style : solid;
	border-width: 1px;
	display: inline-table;
	white-space: nowrap;
}

.divsurslo .mdi
{
	font-size: 1.0rem;
}	

.divsurv.masked
{
	opacity: 33%;
}
.divsurv td
{
	vertical-align: middle;
}

.list
{
	width: 100%;
	margin: 0px 0px 12px 0px;
}


.list.compact
{
	margin: 0px 0px 1px 0px;
}

.divsurv.list.compact:not(.tnr)
{
	padding: 0px;
	/*min-height: 60px;*/
}
.divsurv h3
{
	overflow: hidden;
	white-space: nowrap;	
	text-overflow: ellipsis;
}

.list h3
{
	padding: 2px 3px 2px 3px;
}

.divsurv h4
{
	font: 1.04rem NotoSans-Medium;
	color: #000000;
	text-align: center;
}

.divsurv h5
{
	font: 0.9rem NotoSans-Regular;
	color: #000000;
}

.survdata
{
	text-align: center;
	background-color: #ffffff;
	border-radius: 4px;
	color: #000000;
	width: 100%;
	
}

.survdata table
{
	font-size: 0.75rem;
}

.accueil_lib 
{
	font-variant: small-caps;
	font-size: 0.9rem;
	width: 50%;
	padding: 1px 0px 0px 0px; 
}

.accueil_data
{
	white-space: nowrap;
	font: 1.0rem NotoSans-Medium;
	padding: 0px;
}

.survinactive
{
	background: #f7e9ff; 
	color: #652685;
}

.btnsurvinactive
{
	background: #f7e9ff; 
	color: #652685;
	border-color : #652685;
}

.btnsurvinactive:hover, 
.btnsurvinactive:active, 
.btnsurvinactive.selected 
{
	background: #652685; 
	
}

.accueil_overlibdata_tbl
{
	max-width: 350px;
}

.accueil_overlibdata_title
{	
	font: 0.813rem NotoSans-Medium; /*13px*/
	text-align: center;	
}

.accueil_overlibdata_subtitle
{
	font: 0.75rem NotoSans-Regular; /*12px*/
	text-align: center;	
	border-bottom: 1px solid #999999;
}

.accueil_overlibdata_header
{
	font-size: 0.688rem !important; /*11px*/
	font-family: NotoSans-Regular; 
	font-variant: small-caps;
	text-align: right;
}

.accueil_overlibdata_text
{
	white-space: nowrap;
	font-size: 0.688rem !important; /*11px*/
	font-family: NotoSans-Regular !important; 
}

.accueil_overlibdata_text td
{
	vertical-align: top;
}

.accueil_overlibdata_textbold
{
	font-size: 0.700rem !important; 
	font-family: NotoSans-Medium !important; 	
}

.accueil_overlibdata_boulestep
{
	margin-top: 1px;
	width: 10px; 
	height: 10px; 
	border: 1px solid #666666; 
	border-radius: 5px;
}

.accueil_overlibdata_value
{
	text-align: right;
}

.survactive
{
	background: #f1ffe9;
	color: #488527;
}

.italic
{
	font-style: italic !important;
}

.survsuspendue
{
	background: #f4f4f4 !important;
	color:#858585 !important;
	font-style: italic !important;
}

.survsuspenduetxt
{
	background: transparent !important;
}

.survterminee
{
	background: #ffe9e9;
	color: #852727;
}

.survremoved
{
	background: #000000 !important;
	color: #ffffff !important;
}

.divbtnexpand	{margin-top: 5px;}

.divbtnexpand .mdi
{
	font-size: 1.4rem;	
	margin: 0px 5px 0px 5px;
}

.divbtnexpand a .mdi:hover,
.divbtnexpand span.mdi[onclick]:hover
{
	color: #238aff;
}

.divbtncompact
{
	white-space: nowrap;
	font-size: 1.4rem;
}

.divbtncompact .mdi
{
	margin: 0px 2px 0px 2px;
}

.divbtncompact a .mdi:hover,
.divbtncompact span.mdi[onclick]:hover
{
	color: #238aff !important;
}


.survdatagraph
{
	height: 100px;
	padding-top: 40px;
}

.list .survdatagraph
{
	height: 200px;
	padding-top: 90px;
}

.list.compact .survdatagraph
{
	height: 40px !important;
	padding-top: 10px !important;
	min-width: 80px;
}

.list.compact .survdatagraph.graph
{
	padding-top: unset !important;
}

.graphoverlib
{
	background: #ffffff;
	width: 320px;
	height: 137px;
}

.acceuilstatut
{
	cursor: pointer;
	border-radius: 16px;
	width: 80%;
	min-width: 130px;
	max-width: 200px;
	display: inline-table;
	margin-bottom: 5px;
}

.acceuilstatut h4
{
	padding-bottom: 0px;
	font-size: 1.1rem;
}

.acceuilstatut h3
{
	padding-top: 0px;
}
.acceuilstatut.ok
{
	background : #cdffd7;
	border: 1px solid #008b00;
}

.acceuilstatut.notification
{
	background : #bbc1ed;
	border: 1px solid #0000d5;
}

.acceuilstatut.warning
{
	background : #ffeebb;
	border: 1px solid #ffa42e;
}


.acceuilstatut.error
{
	background : #ffcdcd;
	border: 1px solid #e5000c;
}


.acceuilstatut.selected
{
	border-width: 3px;
}

/***********************/


/***** Config *****/

.catdisplay.config
{
	padding: 5px 0px 5px 0px;
}
.config .columns
{
	padding-left: 4px;
	padding-right: 4px;
}

.tblpdmcout td
{
	text-align : left;
}
/***********************/

/***** Dashboard *****/

.dashboard .row
{
	margin-bottom: 0px;
}

.divnavsurv
{
	display: inline-table;
	white-space: nowrap;
}

.divnavsurv select 
{
	width: 60%;
	margin: 0px 5px 0px 5px;
	padding: 2px;
}

.divsurvtitle
{
	padding: 5px;
	/*margin: 5px 0px 5px 0px;*/
	border-style : solid;
	border-width: 1px;
	border-radius: 8px;
	width: 100%;
	display: inline-table;
	color : #ffffff;
	background: #155297; 
	white-space: nowrap;
}

.divsurvtitle div 
{
	display: inline-table;
	white-space: nowrap;
}

.divsurvlibelle h1
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.divsurvlibelle
{
	width: 40%;
	text-align: left;
}
.divsurvbtn
{
	width: 60%;
	text-align: right;
}
.divsurvbtn .btnlinktxt 
{
	width: 28px;
	text-overflow: unset;
}	

.divsepcat
{
	/*margin: 4px 0px 0px 0px;	*/
	padding: 4px 5px 5px 5px;
	border-top: 1px solid #155297;
	border-bottom: 1px solid #155297;
	
}

.divgraphtype
{
	padding: 4px 5px 5px 5px;
	font-size: 1.0rem;
	background-color: #ebf4ff;
}

.divsepgraphtype
{
	padding: 4px 5px 5px 5px;
	font-size: 1.0rem;
	border-bottom: 1px dashed #155297;
	background-color: #ebf4ff;
}

.divsurvgraph
{
	text-align: center;
	width: 100%;
}

.divsurvgraphcontent
{
	width: 99%;
	/*height: 1px;*/
	display: none;
}

.divsurvdata
{
	margin: 5px 0px 5px 0px;
	width: 99%;
	min-height: 30px;
	display: inline-table;
}

.divnavline
{
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background: white;
	display: inline-flex;
}

.divnavline, .divnavline div
{
	white-space: nowrap;
	vertical-align: top;
	margin-top: 2px;
}

.divnavline div
{
	display: inline-block;
}

.divnavline .divselect
{
	width: 12%;
}

.divnavline .divbtn
{
	width: 16%;
}

.divnavline .ldivnavpage
{
	width: 22%;
	direction: rtl;
	text-align: right;
	margin-top: 3px;
	display: inline-flex;
}

.divnavline .ldivnavpage button
{
	direction: ltr;
	
}
.divnavline .cdivnavpage
{
	width: 12%;
	font-size: 1.1rem;
	margin: 5px 2px 0px 2px;
	
}
.divnavline .rdivnavpage
{
	width: 22%;
	text-align: left;
	margin-top: 3px;
	display: inline-flex;
}

.divnavline .enumpage
{	
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.divnavline .btnlink,
.tblresdet .divnavline .btnlink
{
	padding: 2px 4px 2px 4px !important;	
}

.divnavline .divbtn .btnlink
{
	margin: 0px 2px 0px 2px !important;	
	padding: 2px 2px 2px 2px !important;
}

.divnavline .rdivnavpage .btnlink,
.divnavline .ldivnavpage .btnlink
{
	margin: 0px !important;	
	padding: 2px 4px 2px 4px !important;	
}


.divnavline .btnlink .mdi
{
	font-size: 1.2rem;
}

.ldivnavpage .btnlink, 
.ldivnavpage .btnlink:focus
.ldivnavpage .btnlink:hover, 
.ldivnavpage .btnlink:active,  
.ldivnavpage .btnlink.selected,
.rdivnavpage .btnlink, 
.rdivnavpage .btnlink:focus
.rdivnavpage .btnlink:hover, 
.rdivnavpage .btnlink:active,  
.rdivnavpage .btnlink.selected
{
	border: unset;
	text-decoration: underline;
	background: transparent;
	font-size: 1.1rem !important;
	
}

.ldivnavpage .btnlink:hover, 
.ldivnavpage .btnlink:active,  
.ldivnavpage .btnlink.selected,
.rdivnavpage .btnlink:hover, 
.rdivnavpage .btnlink:active,  
.rdivnavpage .btnlink.selected
{
	color: #ff6600;	
	font-size: 1.1rem !important;
}

.divdashboardres
{
	width : 100%;
	padding: 0px;
	text-align: left;
}

.divdashboardres tr:not(.clickable):hover
{
	background-color: #e4f7e6;
}

.divdashboardres td .btnlink
{
	/*border: unset;*/
	margin: 0px 0px 0px 4px;
	padding: 2px 2px 2px 2px;	
}

.divdashboardres td .btnlink .mdi
{
	font-size: 1.1rem;
}

.tblmob
{
	display: inline-table;
}
.tbldesk
{
	display: none;
}
/***********************/


/***** Surveillances Manager *****/

.survmanager .catdisplay,
.survmanager.catdisplay
{
	padding: 2px 1px 2px 1px;
}

.survmanager .row
{
	margin-bottom: 0px;
}

.survmanager .icon
{
	font-size: 1.0rem;
}

.survmanager .thead1 .columns/* td,
.survmanager .thead0 .titem1,
.survmanager .thead0 .titem2,
.survmanager .thead0 .titem3,
.survmanager .thead0 .titem4,
.survmanager .thead0 .titem5*/
{
	text-align: left;
}

.survmanager .thead1 select
{
	width: 49%;
	margin: 2px 1px 2px 1px !important;
}

.survmanager .thead1 .btnlinkmdi
{
	padding: 2px;
}

.survmanager .thead1 .mdi
{
	font-size: 1.0rem;
}

.survmanager .icondel
{
	color: #e5000c;
	cursor: pointer;
	
}

.divsurvmanager
{
	width : 100%;
	padding: 0px;
	text-align: left;
}
/
.divsurvmanager td .btnlink
{
	/*border: unset;*/
	margin: 0px 0px 0px 4px;
	padding: 2px 2px 2px 2px;	
}

.divsurvmanager td .btnlink .mdi
{
	font-size: 1.1rem;
}


.divsurvmanager .catdisplay
{
	padding: 5px;
}

.statutlib
{
	margin-right: 5px;
	padding: 2px;
	font-size: 0.85rem;
}

.tblresumesearch .titem0
{
	font-size: 0.85rem;
	padding: 2px;
	background-color: #b1bddd;
	font-variant: small-caps;
	vertical-align: middle !important;
	
}


.tblresumesearch .titem1
{
	font-size: 0.85rem;
	padding: 2px;
}


.tblresumesearch .titem2
{
	font-size: 0.85rem;
	padding: 2px;
}


.tblresumesearch .titem3
{
	width: 30%;
}
/*
.tblresumesearch .titem5
{
	font-size: 0.85rem;
	padding: 2px;
	background-color: unset;
}
*/
/***** Resdet *****/

.tblresdet,
.tblresdet .titem1
{
	/*font-size: 0.7rem;*/
	white-space: nowrap;
}

.tblresdet .icon
{
	font-size: 0.9rem;
}

.tblresdet .btnlink
{
	padding: 1px !important;
	margin: 0px !important;
	font-size: 0.9rem;
}


.resdet .row
{
	margin : 0px;
}

.resdet .columns
{
	padding : 1px 3px 1px 3px;
}


.resdet img
{
	border: 1px solid #bcbcbc;
}

.resdet button img
{
	border: 0px;
}
.resdetfiltre
{
	display: inline-table;
	margin: 0px 2px 0px 2px;
	vertical-align: middle;
}
.resdetfiltre select
{
	width: 65%;
}

.resdetfiltre input[type="text"],
.resdetfiltre button,
.resdetfiltre.btnlinkmdi  
{
	padding: 2px;
}


.resdetfiltre .mdi
{
	font-size: 0.9rem;
}
.resdetfiltre td
{
	padding :0px;
}

.resdetfiltre button.btnpdm,
.resdetfiltre button.btnstep,
.resdetfiltre button.btnpart,
.resdetfiltre.btnlinkmdi,
.resdetfiltre .icon
{
    background-color: #ffffff;
	color: #238aff;
	border-color: #238aff;

}

.resdetfiltre button:hover,
.resdetfiltre button:active,
.resdetfiltre button.selected
{
   background-color: #238aff !important;
	color: #ffffff !important;
	border-color: #238aff !important;
}

div.resdetfiltre,
.resdetfiltre .icon
{
    background-color: transparent;
}

.resdetfiltre.btnpdm:hover,
.resdetfiltre.btnpart:not(.btndisabled):hover,
.resdetfiltre:hover div,
.resdetfiltre:hover .icon,
.resdetfiltre.btnpdm:active,
.resdetfiltre.btnpart:not(.btndisabled):active,
.resdetfiltre:active div,
.resdetfiltre:active .icon,
.resdetfiltre.selected.btnpdm,
.resdetfiltre.selected.btnpart,
.resdetfiltre.selected div,
.resdetfiltre.selected .icon
{
   background-color: #238aff !important;
	color: #ffffff !important;
	border-color: #238aff !important;
}

button.resdetfiltre.btnpdm,
button.resdetfiltre.btnstep,
button.resdetfiltre.btndate
{
	margin-top: 2px;
}


button.resdetfiltre.btnstep,
button.resdetfiltre.btndate,
button.resdetfiltre.btnstep:hover,
button.resdetfiltre.btndate:hover
{
	font-size: 0.75rem;

}

button.resdetfiltre.btnpart,
button.resdetfiltre.btnpart:hover
{
	margin-top: 2px;
	font-size: 0.9rem;
}

button.resdetfiltre.btnstep
{
	width: 10%;
	min-width: 50px;
}

button.resdetfiltre.btndate
{
	width: 10%;
	min-width: 100px;
}
button.resdetfiltre.btnstep.ok,
button.resdetfiltre.btnstep.ok div,
button.resdetfiltre.btndate.ok,
button.resdetfiltre.btndate.ok div
{
	background: #ffffff !important;
	border-color: #008b00 !important;
	color: #008b00 !important;
}


button.resdetfiltre.btnstep.ok:hover,
button.resdetfiltre.btnstep.selected.ok,
button.resdetfiltre.btnstep.ok:hover div,
button.resdetfiltre.btnstep.selected.ok div,
button.resdetfiltre.btndate.ok:hover,
button.resdetfiltre.btndate.selected.ok,
button.resdetfiltre.btndate.ok:hover div,
button.resdetfiltre.btndate.selected.ok div,
.mainresdet.ok
{
	background: #cdffd7 !important;
	font-size: 0.75rem;
}

button.resdetfiltre.btnstep.err,
button.resdetfiltre.btnstep.err div,
button.resdetfiltre.btndate.err,
button.resdetfiltre.btndate.err div
{
	background: #ffffff !important;
	border-color: #e5000c !important;
	color: #e5000c !important;
}

button.resdetfiltre.btnstep.err:hover,
button.resdetfiltre.btnstep.selected.err,
button.resdetfiltre.btnstep.err:hover div,
button.resdetfiltre.btnstep.err:hover div:hover,
button.resdetfiltre.btnstep.selected.err div,
button.resdetfiltre.btndate.err:hover,
button.resdetfiltre.btndate.selected.err,
button.resdetfiltre.btndate.err:hover div,
button.resdetfiltre.btndate.err:hover div:hover,
button.resdetfiltre.btndate.selected.err div,
.mainresdet.err
{
	background: #ffcdcd !important;
	font-size: 0.75rem;
}

button.resdetfiltre.btndate.ref,
button.resdetfiltre.btndate.ref div
{
	background: #ffffff !important;
	border-color: #0000d5 !important;
	color: #0000d5 !important;
}


button.resdetfiltre.btndate.ref:hover,
button.resdetfiltre.btndate.selected.ref,
button.resdetfiltre.btndate.ref:hover div,
button.resdetfiltre.btndate.selected.ref div

{
	background: #c2ddff !important;
	color: #0000d5 !important;	
	font-size: 0.75rem;
}

button.resdetfiltre.btnpart
{
	width: 18%;
	min-width: 45px;
}


.mainresdet
{
	display: inline-table;
	/*min-height: 60px;*/
}

.mainresdet h1
{
	font-size: 1.0rem;
	font-family: NotoSans-Regular;
	font-variant: small-caps;
	padding: 2px 0px 1px 0px;
	text-align: center;
}

.mainresdet h2
{
	font-size: 1.1rem;
	font-family: NotoSans-Medium;
	color: #0000d5;
	white-space: nowrap;
	padding: 1px 0px 2px 0px;
	text-align: center;
}

.mainresdet h2 .icon
{
	font-family: NotoSans-Regular;
	font-size: 1.0rem;
}

.subresdetlib
{
	font-size: 0.9rem;
	font-family: NotoSans-Regular;
	font-variant: small-caps;
	padding: 2px 4px 2px 4px;
	text-align : left;
	width: 35%;
}

.subresdetvalue
{
	font-size: 0.9rem;
	font-family: NotoSans-Regular;
	color: #0000d5;
	white-space: nowrap;
	padding: 2px 4px 2px 4px;
	text-align : left;
	width: 15%;
}

.btnlog
{
	border: unset !important;
	margin: 3px 0px 0px 0px;
	padding: 0px 1px 0px 1px;
	background: unset;
	font-size: 1.0rem;
}

.btnlog:hover, 
.btnlog:active,  
.btnlog.selected
{
    color: #ff6600;
	border-color: unset;
}

.speedindexvisu
{
	overflow-x: auto;
	white-space: nowrap; 
	width: 100%;
	display: inline-block;
}

.speedindexvignette
{
	display: inline-table;
	text-align: left;	
	margin : 0px 2px 0px 2px;
	width: 80px;
}


.speedindexvignette h1
{
	font-size: 0.7rem;
	font-family: NotoSans-Medium;
	text-align : center;
}

.speedindexvignette h2
{
	font-size: 0.7rem;
	font-family: NotoSans-Regular;
	text-align : center;
}

/***********************/

/***** Drtoit d'accès *****/
.colaccessuser
{
	height: 100px;
	font-variant: normal;
	writing-mode: vertical-rl;
	transform : scale(-1, -1);
	font-size: 0.9rem;
}

/***** Rapport automatiques *****/
.selectrapportsend
{
	width: 45% !important;
}

.selectrapportsend select
{
	width: 100%;
}

/***** Renouvellement *****/
.tbxrenewmonth
{
	width : 90% !important;
}

.tblcoutactionrenew,
.tblcoutactionrenew .titem3
{
	width: unset;
	font-size: 0.9rem !important;
}

.tblcoutactionrenew td
{
	padding: 1px;
}


.detcout
{
	display: none;
}

/***** Suivi temps réel *****/

.divfiltersuivitpsreel
{
	display: inline-table;
}
.divfiltersuivitpsreel input[type=text]
{
	width: 48px !important;
}

.divfiltersuivitpsreel select
{
	margin-left: 2px !important;
	max-width: 180px;
}


.divfiltersuivitpsreel a.btnlink 
{
	display: inline-table;
	text-decoration: unset;
}

.divfiltersuivitpsreel .btnlink
{
	padding: 2px;
	margin: 0px 1px 0px 1px;
}

.divfiltersuivitpsreel .btnlink.h3
{
	font-size: 0.8rem;
}

.divfiltersuivitpsreel .mdi
{
	font-size: 1.0rem;
}

.tblsuivitpsreel tr td
{
	padding: 2px 0px 0px 2px;
	text-align: left;
}

.tblsuivitpsreel tr.thead1 td,
.tblsuivitpsreel tr.thead2 td,
.tblsuivitpsreel tr.thead3 td
{
	vertical-align: top !important;
}

.tblsuivitpsreel tr.titem1 td,
.tblsuivitpsreel tr.titem1 div,
.tblsuivitpsreel tr.titem2 td,
.tblsuivitpsreel tr.titem2 td div
{
	font-size: 0.85rem;
}


.tblsuivitpsreel tr:not(.tdos):not(.talt1):not(.titem1):not(.titem2) td:not(.titem1):not(.titem2):not(.tdos)
{
	/*background-color: #ffffff;*/
}

.tblsuivitpsreel tr.overshow td:not(.titem1):not(.titem2)
{
	vertical-align: middle !important;
}

.tblsuivitpsreel tr:not(.tdos ) td
{
	border: 1px solid #c9c9c9;
	font-size: 0.85rem;
	
}

.tblsuivitpsreel tr:not(.tdos ) td.titem1
{
	font-size: 0.9rem;
	border: 0px;
}

.tblsuivitpsreel .mdi
{
	font-size: 1.2rem;
}

.tblsuivitpsreel .fgreen
{
	color: #25cc25 !important;
}

.tblsuivitpsreel .bgreen
{
	background-color: #aaf2b7 !important;
}

.tblsuivitpsreel .borange
{
	background-color: #f2d479 !important;
}

.tblsuivitpsreel .bred
{
	background-color: #f2aaaa !important;
}

.tblsuivitpsreel .bgrey
{
	background-color: #d9d9d9 !important;
}

.tblsuivitpsreel.resume tr td
{
	padding: 1px 0px 0px 1px !important;
	line-height: 1;
}

tr.tdos td
{
	color: #ffffff;
	/*border-left: 1px solid #c9c9c9;*/
	background-color: #155297;
	text-align: left;
}

tr.tdos td:last-child
{
	border-right: 1px solid #c9c9c9;
}

tr.tdos table td
{
	border: 0px !important;
}

/***** Nouvelle commande *****/
.order a.btnlink 
{
	text-decoration-line : none;
}

.order tr.tdos td
{
	border: 0px;
}

.order .btndivcolumn1 button
{
	max-width: 350px;
}

.order select
{
	width: 100%;
}

.order .chkoption
{
	display: inline-table;
	width: 90%;
}

.order .trsurv
{
	border-top: 1px dashed #155297;
}


.order .trsurv td
{
	padding: 10px 2px 10px 2px;
}

.order .trsurv .btnlink,
.order .trpropageparams .btnlink,
.order .trpresta .btnlink
{
	font-size: 0.9rem !important;
}

.order .trsurv .btnlink .mdi,
.order .trpropageparams .btnlink .mdi,
.order .trpresta .btnlink .mdi
{
	font-size: 1.0rem;
}

.trpropageparams
{
	background-color:#d6bcd6 !important;
}

.trpropageparams td
{
	padding: 10px 2px 10px 2px;
}

.trpropageparams .btnpdm,
.trsurv .btnpdm
{
	width : 170px;
	overflow: unset;
	text-align: left;
}

.trpropageparams .btnpdm,
.trpropageparams .btnpdm div,
.trsurv .btnpdm,
.trsurv .btnpdm div
{
	
	font-size: 0.8rem !important;
}

.btnpdm.btnbest, 
.btnpdm.btnbest:focus
{
    color: #008b00 !important;
	background: #ffffff !important;
	border: 1px solid #008b00 !important;	
}

.btnpdm.btnbest:active,
.btnpdm.btnbest.selected
{
    color: #ffffff !important;
    background: #008b00 !important;
	border-color: #008b00 !important;	
}

.btnpdm.btnbest:hover,
.btnpdm.btnbest.selected:hover
{
    color: #ffffff !important;
    background: #008b00 !important;
	border-color: #ff0000 !important;	
}

.order .btnlinkmdi
{
	padding: 2px;
}

.order .catdisplay2
{
	width: 100%
}

.trpdm,
.trpdm td
{
	border-top : 0px !important;
}

.trpdm td
{
	padding-top: 2px !important;
}

.pbottomnormal td
{
	padding-bottom: 2px !important;
}

.tblcoutttot
{
	display: inline-table;
	margin-top: 20px;
	width: 100%;
	max-width: 600px;
}

.tblcoutttot .titem3
{
	width: 33%;
	text-align: left !important;
}

.tblcoutttot td
{
	text-align: left;
	padding-left: 5px;
}

.tblcoutttot.nowidth,
.tblcoutttot.nowidth .titem3
{
	width: unset;
}

.tblrecapvalid
{
	display: inline-table;
	width: 100%;
}

.tblrecapvalid .titem3
{
	width: 45%;
	text-align: left !important;
}

.tblrecapvalid td
{
	text-align: left;
	padding-left: 5px;
}

/***** Login *****/
.mp_contenu.login
{
	display: inline-block;
	padding: 5px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;	
	width: 440px;
}

.login .catdisplay
{
	border-radius: 8px;
	padding: 20px;
	text-align: center;
}

.login h2
{
	text-align: center;
	
}
.login .titem3
{
	width: unset;
	
}


/***** Module de recherche d'adresseevertes *****/
.adressesearch .btnlink
{
	padding: 2px;
}

.adressesearch .btnlink .mdi
{
	font-size: 1.1rem;
}
/***** Perf test et compte demo *****/

.comptedemo
{
	text-align: left;
}


.iframecomptedemo
{
	width: 100%;
	border: 0px;
}

/***** BDD > Bdd taille *****/
.tblbddsize td 
{
	vertical-align: middle;
}

.tblbddsize .btnlink 
{
	padding: 2px;
	margin: 0px 1px 0px 1px;
}

.tblbddsize .mdi
{
	font-size: 1.0rem;
}

/***** Config test *****/

.config .icon
{
	font-size: 1.0rem;
}

.config .divcontrol.chk
{
	padding-top : 0px;
}

/***** PDM > Configuration *****/
.tblpdmconf td
{
	vertical-align : middle !important;
}


.pdmeditor .titem3
{
	padding: 0px;
}

.pdmeditor td.titem3
{
	width: 33%;
}

.pdmeditor .btnlink
{
	padding: 2px;
}
.pdmeditor .mdi
{
	font-size: 1.0rem !important;
}

/***********************/
/***** PDM > Configuration *****/

/***********************/

.surverr .row,
.surverr .columns
{
	padding: 0px;
	margin: 0px;
}
.surverr h1
{
	font-size: 2.0rem;
	padding: 0px;
}
.surverr h2
{
	font-size: 1.8rem;
	padding: 0px;
	color: blue;
}

.surverr .rowsociete
{
	margin-top: 5px;
	color: #ffffff;
	border-style : solid;
	border-width: 1px;
	border-radius: 8px;
	cursor: pointer;
}
.surverr .rowsociete.show
{
	background: #155297;
}

.surverr .rowsociete.hide
{
	background: #808080;
}

.surverr .rowsociete .columns
{
	text-align: left;
	white-space: nowrap;
}
.surverr a
{
	text-decoration: none;
	color: blue;
}

.surverr h3.ldivsociete
{
	text-align : left;
	font-size: 1.6rem;	
	white-space: nowrap;
	display: inline-table;
	width: 70%;
}

.surverr h3.rdivsociete
{
	text-align : right;
	font-size: 1.2rem;
	white-space: nowrap;
	display: inline-table;
	width: 30%;
}

.surverr div.bhide
{
	padding: 5px 5px 5px 0px;
	cursor: pointer;
	color: #808080;
	font-size: 1.4rem;
}

.surverr div.bshow
{
	padding: 5px 5px 5px 0px;
	cursor: pointer;
	color: #155297;
	font-size: 1.4rem;
}

.surverr .btnshowhide
{
	text-align : right;
	white-space: nowrap;
	display: inline-table;
	width: 5%;
}

.surverr h4
{
	font-size: 1.4rem;
	color: blue;
	text-align : left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.surverr .divsurverr
{
	width: 100%;
	padding: 2px;
	margin: 2px 0px 2px 0px;
	border-style : solid;
	border-width: 1px;
	border-radius: 8px;
}
.surverr .divsurverr.err,
.surverr .divsurverr.err .row
{
	background-color: #ffcdcd;
	color: #e5000c;
}

.surverr .divsurverr.notplayed,
.surverr .divsurverr.notplayed .row
{
	background: #c9c9c9;
	color: #808080;
}
/* FLECHE - BACK TO TOP
------------------------- */
a#cRetour {
	border-radius: 3px;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.30);
	position: fixed;
	right: 20px;
	opacity: 1;
	z-index: 700;
	-webkit-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition: all linear .2s;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	text-decoration: none;
	box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.50);
}
a#cRetour:before {
	content: "\25b2";
}

a#cRetour.cInvisible {
	bottom:-35px;
	opacity:0;
	-webkit-transition: all linear .5s;
	-ms-transition: all linear .5s;
	transition:all linear .5s;
}

a#cRetour.cVisible {
	bottom:20px;
	opacity:1;
	-webkit-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition:all linear .2s;
}

/* ------------------------------------------- */
/* ############################################### */

/* ##################################################
									MOBILE LANDSCAPE
################################################## */
@media (min-width: 560px) {
	
	.divsurv
	{
		width: 350px;
	}
	
	.list
	{
		width: 100%;
	}
	
	.divnavsurv select 
	{
		width: 55%;
	}
	
	.divnavline .divselect
	{
		width: 12%;
	}

	.divnavline .divbtn
	{
		width: 11%;
	}


	.divnavline .ldivnavpage
	{
		width: 28%;
	}


	.divnavline .cdivnavpage
	{
		width: 10%;
	}

	.divnavline .rdivnavpage
	{
		width: 28%;	
	}

	.tblmob
	{
		display: none;
	}
	
	.tbldesk
	{
		display: inline-table;
	}
		
	.resdetfiltre select
	{
		width: 64%;
	}
	.resdetfiltre select.notcompare
	{
		width: 55%;
	}
	
	button.resdetfiltre.btnstep
	{
		min-width: 80px;
	}

	.subresdet h1
	{
		width: 30%;		
	}

	.subresdet h2
	{
		width: 70%;
	}
	.tbxrenewmonth
	{
		width : 70% !important;
	}
	
	.divfiltersuivitpsreel input[type=text]
	{
		width: 99px !important;
	}

	.order .chkoption
	{
		width: 50%;
	}
	
	.order .catdisplay2
	{
		width: 90%;
		max-width: 600px;
	}
	.config .divcontrol.chk
	{
		padding-top : 3px;
	}
	
	.acceuilstatut
	{
		margin-bottom: 0px;
		width: 90%;
	}
	
	.graphoverlib
	{
		width: 530px;
		height: 227px;
	}
}
/* ############################################### */

/* ##################################################
								TABLET PORTRAIT
################################################## */

@media (min-width: 750px) 
{
	.divsurv
	{
		width: 310px;
	}
	
	.list
	{
		width: 100%;
	}
	
	.divcontrol.divcontrolaction button,
	.divcontrol.divcontrolaction div.btnlink
	{
		max-width: 260px;
	}

	.divcontrol.divcontrolaction.big button,
	.divcontrol.divcontrolaction.big div.btnlink
	{
		max-width: 350px;
	}
	
	.divnavsurv select 
	{
		width: 65%;
	}
	
	.divnavline .divselect
	{
		width: 10%;
	}

	.divnavline .divbtn
	{
		width: 8%;
	}


	.divnavline .ldivnavpage
	{
		width: 33%;
	}


	.divnavline .cdivnavpage
	{
		width: 8%;
	}

	.divnavline .rdivnavpage
	{
		width: 33%;	
	}

	.tblmob
	{
		display: none;
	}
	
	.tbldesk
	{
		display: inline-table;
	}
	
	
	.resdetfiltre select
	{
		width: 74%;
	}
	.resdetfiltre select.notcompare
	{
		width: 50%;
	}
	
	button.resdetfiltre.btnstep
	{
		min-width: 110px;
	}
	
	.subresdet h1
	{
		width: 50%;		
	}

	.subresdet h2
	{
		width: 54%;
	}
	
	.selectrapportsend
	{
		width: 55% !important;
	}
	
	.tbxrenewmonth
	{
		width : 90%;
	}

	.tbxrenewmonth
	{
		width : 50% !important;
	}
	.divfiltersuivitpsreel input[type=text]
	{
		width: 99px !important;
	}

	.order .chkoption
	{
		width: 60%;
	}
	
	.order .catdisplay2
	{
		width: 80%
	}
	.config .divcontrol.chk
	{
		padding-top : 3px;
	}
	
	.graphoverlib
	{
		width: 700px;
		height: 300px;
	}
	
}
/* ############################################### */

/* ##################################################
					TABLET LANDSCAPE + DESKTOP
################################################## */

@media (min-width: 1000px) 
{
	.divsurv
	{
		width: 370px;
	}
	
	.list
	{
		width: 100%;
	}

	.divcontrol.divcontrolaction button,
	.divcontrol.divcontrolaction div.btnlink
	{
		max-width: 350px;
	}
	
	.divnavsurv select 
	{
		width: 75%;
	}
	
	.divnavline .divselect
	{
		width: 8%;
	}

	.divnavline .divbtn
	{
		width: 6%;
	}


	.divnavline .ldivnavpage
	{
		width: 37%;
	}


	.divnavline .cdivnavpage
	{
		width: 6%;
	}

	.divnavline .rdivnavpage
	{
		width: 37%;	
	}

	.longtxtafter
	{
		width: 80%;
	}
	
	.tblmob
	{
		display: none;
	}
	
	.tbldesk
	{
		display: inline-table;
	}
	
	.resdetfiltre select
	{
		width: 80%;
	}
	.resdetfiltre select.notcompare
	{
		width: unset;
	}
	
	button.resdetfiltre.btnstep
	{
		min-width: 140px;
	}
	
	.subresdet h1
	{
		width: 60%;		
	}

	.subresdet h2
	{
		width: 40%;
	}
	
	.selectrapportsend
	{
		width: 69% !important;
	}
	
	.tbxrenewmonth
	{
		width : 40% !important;
	}
	.divfiltersuivitpsreel input[type=text]
	{
		width: 90px !important;
	}
	
	.order .chkoption
	{
		width: 70%;
	}
	
	.order .catdisplay2
	{
		width: 70%;
	}
	
	.config .divcontrol.chk
	{
		padding-top : 3px;
	}

}
/* ############################################### */

/* ##################################################
			Boutons / Dashboard
################################################## */
@media (min-width: 560px) 
{
	.divsurvlibelle {width: 60%;}
	.divsurvbtn {width: 40%;}
}
@media (min-width: 750px) 
{		
	.divsurvlibelle {width: 48%;}
	.divsurvbtn	{width: 52%;}	
	.divsurvbtn .btnlinktxt 
	{
		width: 60px;
		text-overflow: ellipsis;
	}
}
@media (min-width: 800px) 
{
	.divsurvlibelle {width: 45%;}
	.divsurvbtn {width: 55%;}
	.divsurvbtn .btnlinktxt {width: 70px;}	
}
@media (min-width: 1000px) 
{
	.divsurvlibelle {width: 37%;}
	.divsurvbtn	{width: 63%;}
	.divsurvbtn .btnlinktxt	{width: unset;}	
}
@media (min-width: 1200px) 
{
	.divsurvlibelle	{width: 47%;}
	.divsurvbtn {width: 53%;}
}
@media (min-width: 1500px) 
{
	.divsurvlibelle	{width: 58%;}
	.divsurvbtn {width: 42%;}
}
@media (min-width: 1800px) 
{
	.divsurvlibelle	{width: 65%;}
	.divsurvbtn {width: 35%;}
}
/* ############################################### */