@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 300;
 src: local('Open Sans Light'),
    local('OpenSans-Light'),
    url("./polices/OpenSans-Light.eot?") format('eot'),
    url("./polices/OpenSans-Light.woff") format('woff'),
    url("./polices/OpenSans-Light.woff2") format('woff2');
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 380;
 src: local('Open Sans Regular'),
    local('OpenSans-Regular'),
    url("./polices/OpenSans-Regular.eot?") format('eot'),
    url("./polices/OpenSans-Regular.woff") format('woff'),
    url("./polices/OpenSans-Regular.woff2") format('woff2');
}
@font-face {
 font-family: "Open Sans";
 font-family: "Open Sans";
 font-style: normal;
 font-weight: 600;
 src: local("Open Sans SemiBold"),
    local("OpenSans-SemiBold"),
    url("./polices/OpenSans-Semibold.eot?") format('eot'),
    url("./polices/OpenSans-Semibold.woff") format('woff'),
    url("./polices/OpenSans-Semibold.woff2") format('woff2');
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'),
    local('OpenSans-Bold'),
    url("./polices/OpenSans-Bold.eot?") format('eot'),
    url("./polices/OpenSans-Bold.woff") format('woff'),
    url("./polices/OpenSans-Bold.woff2") format('woff2');
}

html,select,input,button,textarea
{
    font-family: 'Open Sans', Arial, Verdana, tahoma, Calibri, arial, sans-serif; 
    font-size: 12.5px;
    line-height:15px;
}

html #global,
html #global_content
{
    width:100%;
    height:100%;
} 

html #banniere
{
  width:100%;
}

.PHPWARNINGS #banniere
{
  width:calc(100% - 405px);
}

html #global_content > .view
{
  width:calc(100% - 1px); /* il faut ca pour edge sinon ca buggue avec les sidebar */
}


html.DEV.PHPWARNINGS #global,
html.DEV.PHPWARNINGS #banniere
{
  margin-right:405px;
}

html.DEV.PHPWARNINGS .survey #global,
html.DEV.PHPWARNINGS .survey #banniere
{
  margin-right:0px;
}

html.DEV.PHPWARNINGS #phpwarnings
{
  display:block;
  height:calc(100%);
  position:fixed;
  width:405px;
  top:0px;
  right:0px;
  overflow:auto;
  z-index:10;
  padding:10px;
  float:right;
  background-color:#FDF8F0;
  border-left:1px solid #0A0A0A;
  word-break: break-word;
}

html.DEV.PHPWARNINGS #footer
{
    width: calc(100% - 405px);    
}
  
#popup
{
    text-align:left;	
}

#footer
{
    clear:both;
    position:fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    z-index: 0;
    height: 19px;   
    text-align:center;
}

#footer > span
{
  font-size:.9em;
  padding:1px 5px;
  display:inline-block;
}


#main_td
{
  height:100%;
  width:100%;
  padding-top:110px;
}

#banniere #toolbar .milieu_bandeau, #banniere #toolbar .fin_bandeau
{

    height:64px;

}

#banniere #toolbar .milieu_bandeau > .link
{

  height:64px;

}


#banniere #user_descr .editableselectlist,
#banniere #toolbar .editableselectlist
{
    padding:10px;
    font-size:1.05em;
}


#banniere #user_descr
{   
    border:none;
    border-radius: 0;   
  width: 100%;  
}

#banniere #user_descr > div
{  
  padding-right:10px;
}


#banniere #user_descr .alertinfo
{
    overflow:hidden;
    white-space:nowrap;
    height:26px;
    line-height:26px;
}

#banniere #user_descr 
{
    text-overflow: ellipsis;
    overflow:hidden;
    padding:0px;
    margin:0px;
    border:none;
    height:26px;
}

#banniere #user_descr #currentdiary,
#banniere #user_descr div.select,
#banniere #user_descr select,
#banniere #user_descr .profile_name,
#banniere #user_descr .link.icone.perf,
#banniere #user_descr .logout_button
{
    line-height:26px;
    height:26px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
    border:none;
    display: inline-block;
}

#banniere #user_descr #currentdiary
{
	padding-right:20px;
}

#banniere #user_descr .profile_name 
{
    cursor: pointer;
    overflow: hidden;
}

#banniere #user_descr > div,
#banniere #user_descr > a > div
{
    display:inline-block;   
    white-space:normal;
    height: 26px;
    vertical-align: top;
}


#banniere #currentdiary
{
    margin-left:-10px;  
    margin-right:10px;
}   

#banniere #user_descr .profile_switch
{
    position:absolute;
    right:144px;
}

#banniere #user_descr .logout_button
{
    position:absolute;
    right:0px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0px;
    font-size: 1.1em;
}

#banniere #user_descr .logout_button > a
{
    padding:0px 15px;
}

#banniere #user_descr .link.perf
{
    padding:0px 5px;
}

#banniere #user_descr #diarypopup .link.close
{
    padding: 0px 10px;
    color:black;
    position:absolute;
    right:10px;
}

#banniere #toolbar .milieu_bandeau > .link
{
  text-transform: uppercase;
  text-align: center;
  padding-left:8px;
  padding-right:8px;
  padding-top: 8px;
  min-width:70px;
  display: block;
  width: 100%;    
  justify-content: center;    
  letter-spacing: -.25px;
}

#banniere #toolbar
{ 
  position:relative; 
  padding-left:0px;  
  top:0px; 
  line-height:normal;
  background-repeat:repeat;
  height:auto;
  margin:0px;
}

#banniere #toolbar .milieu_bandeau, #banniere #toolbar .fin_bandeau
{
    background-image:none;
    vertical-align:bottom;  
    line-height:normal;
    overflow:hidden;
}

#banniere #toolbar .link,
#banniere #toolbar .link:hover
{   
    font-size:inherit;
    line-height:inherit;
}

#banniere #toolbar .img_module
{
    display:none;
}

#banniere #toolbar .milieu_bandeau > a > .img_module
{
 width:100%;
 overflow:hidden;
 display:block;
}

#banniere #toolbar .milieu_bandeau > a > .img_module 
{
  font-family:FontAwesome;
  text-align:center;
  line-height:auto;  
  margin-bottom:2px;
  
}

#banniere #toolbar .milieu_bandeau .editableselectlist .link
{
    text-transform: uppercase;
    padding:5px;
}

#banniere #toolbar .editableselectlist>#popup>a:not(:last-child){
    border-bottom: 1px solid rgb(200,200,200);
}


#toolbar .editableselectlist
{
    margin-top:64px;
}


.nowrap
{
    white-space:nowrap !important;
}


.superdevcontainer
{
    padding:1px;
    position:relative;
}

.superdevlabel
{
	position:absolute;
	font-size:10px;
    background-color:white;   
    padding:0px 5px;
    z-index:10000;  
    white-space:nowrap;
    border-right:none;
}

.tooltiped
{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
}

/* le format de la police */
html
{
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#FFFFFF !important;
	color:#000000;
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	 /*overflow: hidden;*/
}
#banniere
{
     overflow-y:visible;    
}

html,body,#banniere,.msgContent
{
    background-image:none !important;
}

html,body,div,span,fieldset,input,table,tr,td,caption,a,select,option,textarea,label
{
    box-sizing:border-box;
}

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

body,
body.home
{
  padding: 0;
  margin: 0;
  height:100%;
  width:100%;
  display:block;
}

html.FOND_DEV body.ide,
html.FOND_DEV #viewerContent,
html.FOND_DEV #thumb_panel
{
	background-image:url(./images/fond_dev.png) !important;
	background-repeat:repeat;
}

html.FOND_VAL body.ide,
html.FOND_VAL #viewerContent,
html.FOND_VAL #thumb_panel

{
    background-image:url(./images/fond_val.png) !important;
    background-repeat:repeat;
}

html.FOND_DEV .ide .cadreconnexion 
{
    border-left:20px solid #159F5C;
}

html.FOND_VAL .ide .cadreconnexion
{
    border-left:20px solid orange;
}

html.FOND_VAL #banniere .logocontainer,
html.FOND_DEV #banniere .logocontainer
{
    padding-left:110px;
}

html.FOND_VAL .ide .logocontainer,
html.FOND_DEV .ide .logocontainer
{
    padding-left:0px;
}


html.FOND_VAL #banniere .logocontainer::before,
html.FOND_DEV #banniere .logocontainer::before,
html.FOND_VAL #banniere .logocontainer::after,
html.FOND_DEV #banniere .logocontainer::after 
{
    display: inline-block;
    font-size: 35px;
    color: white;
    width:110px;
    white-space:nowrap;
    text-align:center;
    height:90px;
    line-height:100px;
    position:absolute;
    left:0px;
    top:0px;
    font-family: 'Open Sans', Arial, Verdana, tahoma, Calibri, arial, sans-serif; 
    
}


html.FOND_VAL #banniere .logocontainer::after,
html.FOND_DEV #banniere .logocontainer::after
{

    content: 'SERVEUR DE';
    font-size: 12px;
    position:absolute;
    left:0px;
    top:22px;
    line-height:10px;    
}


html.FOND_VAL #banniere .logocontainer::before
{

    content: 'VAL';
    background-color: orange;
    font-weight: bold;
    
}

html.FOND_DEV #banniere .logocontainer::before 
{
     content: 'DEV';
     background-color: #159F5C;
     font-weight: bold;
}

.logocontainer a figure.archive::after
{
    background-image: url(../css/images/logoarchives4.png);
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: 115px;
    width: 115px;
    left: 85px;
    bottom: 0px;
    transform: rotate(345deg);
}

.logocontainer a figure
{
    margin: 0;
}

.logocontainer
{
  display:inline-block;  
  margin:auto;
  text-align:center; 
  height:90px; 
  white-space:nowrap;
  text-align:center;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}

.logocontainer a 
{
  display:table-cell;
  vertical-align:middle;
  padding:0px;
  margin:0px;
}

.logocontainer:hover a
{
  background-color:transparent !important;
}

.logocontainer img
{
    max-height:90px;
    max-width:300px;
}

#banniere .logocontainer
{
    margin:0px;
    display:block;    
}

.logocontainer::before,
.logocontainer::after
{
    display:none;  
}
  
#banniere .logocontainer,
#banniere .logocontainer a
{
  height:90px;
}

#banniere .logocontainer img
{
    margin-left:15px;
    margin-right:15px;
    max-height:75px!important;  
    max-width:225px;
}

.ide .logocontainer,
.sub .logocontainer,
.ins .logocontainer
{
	margin-bottom: 10px;
    border:none;
    height:auto;
}

.ide .logocontainer+h1,
.sub .logocontainer+h1,
.ins .logocontainer+h1
{
    margin-top: 0px;
}

.ide #global
{
	display:table;
}

.ide #global > .view
{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	
}

.ide .centered {

    text-align: center;

}

.ide .centered > div,
.ide .centered > span
{

    text-align: left;

}

.ide .critaryformscontainer {

    display: block;
    position: relative;
    margin:auto;
}

.ide .cadreconnexion 
{
    border:1px solid #C0C0C0;
    background-color:#FFFFFF;
    box-shadow: 0px 0px 20px #BABABA;
    padding:30px;
    display:inline-block;
    margin:auto;
    text-align:left;
    max-width: 500px;
    box-sizing: content-box;
    margin-bottom:60px;
    min-width: 300px;
}

.ide .viewcontent_cl_ide_SupportView .cadreconnexion 
{
    max-width: 800px;
}

.ide .tblcritaryform
{
    width:auto;
    margin:0px;
}

.ide .tblcritaryform input.text,
.ide .tblcritaryform input.password,
.ide .tblcritaryform select,
.ide .tblcritaryform input.select,
.ide .tblcritaryform input,
.ide .tblcritaryform textarea
{

    padding:9px;
    width:220px;
    width:220px;
    margin:0px;
    font-size:1.1em;

}

.ide .tblcritaryform .label.form_label
{

    padding:9px;
    width:110px;
    margin:0px;
    margin-top:2px;
} 

.ide .tblcritaryform > tbody > tr > td:first-child
{
    padding:0px;
    padding-top:8px;
    padding-right:15px;    
} 

.ide .tblcritaryform > tbody > tr > td:last-child
{
    padding:0px;
    padding-top:8px;
    vertical-align:bottom;
    
} 

.ide .generic_message
{
    margin-bottom:0px;
}

.ide .recoverpwd
{
	 margin-top:10px;
	 opacity:.6;
	 font-size:.95em;
}

.ide .title2
{
     padding-top:8px;
     line-height:20px;
}

.ide .recoverpwd:hover
{
     opacity:1;
}

#global_content > .view
{
	width: calc(100%);
	height: calc(100% - 110px - 19px );
	position: fixed;
	overflow: auto;
	padding:20px;
}

#global_content > .view.viewhastabs
{
    padding:0px;
}


#global_content > .view.viewhastabs > .viewhastabs > .tabs ~ .panelcontent.OpenFieldsInTab.hastabs,
#global_content > .view.viewhastabs > div > .viewhastabs > .tabs ~ .panelcontent.OpenFieldsInTab.hastabs
{
    position:fixed;
    overflow: auto;
    width:calc(100% - 16px);
    height:calc(100% - 110px - 32px - 20px - 11px );  
    padding-left: 16px;
}

html.DEV.PHPWARNINGS #global_content > .view.viewhastabs > .viewhastabs > .tabs ~ .panelcontent.OpenFieldsInTab.hastabs,
html.DEV.PHPWARNINGS #global_content > .view.viewhastabs > div > .viewhastabs > .tabs ~ .panelcontent.OpenFieldsInTab.hastabs
{
    width:calc(100% - 405px);
    padding-right:20px;
}

.tabs ~ .panelcontent.OpenFieldsInTab.hastabs
{
    margin-top:10px;
    padding-top:0px;
    padding-left:10px;
}

.accordioncontent
{
    overflow:auto;
    border:1px solid #D0D0D0;
    border-top:0px;
}

.accordioncontent > .view > .generic_message:first-child,
.accordioncontent > .view > .info:first-child,
.accordioncontent > .view > .view > .generic_message:first-child,
.accordioncontent > .view > .view > .info:first-child

{
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    
    display:block;
}

.accordioncontent > .view .tblfieldlistcount:first-child
{
    border:none;
}

.accordioncontent > .view .doc_updatebuttons
{
    margin:10px;
}

.accordioncontent > .view .tblfieldlist
{
	margin:0px;
	border:none;
	width:100%;
}

.accordioncontent > .view .tbldetail,
.accordioncontent > .view .logocontainer
{
    margin-left:0px;
    margin-right:0px; 
    margin-bottom:10px;     
    width:100%;
}

.accordioncontent > .view .logocontainer
{
	text-align:center;
}

.accordioncontent > .view .info
{
    margin-left:10px;
}

.accordioncontent > .view .button.ajax.order
{
    margin:10px;
}

.accordioncontent .updateForm
{
    margin:0px 15px;
}


.accordioncontent > .view .tblfieldlist,
.accordioncontent > .view .tblfieldlist > tbody > tr > td:last-child,
.accordioncontent > .view .tblfieldlist > thead > tr > th:last-child
{
    border-right:none;
}


.accordioncontent .tabs ~ .panelcontent.OpenFieldsInTab.hastabs
{
    padding:0px;
}

.sidebar + .panelcontent
{
    position: fixed;    
    overflow: auto;     
    z-index:5;
    padding-bottom: 20px;
}

.sidebar
{
    position: fixed;    
    overflow: auto;     
    z-index:5;
}

.viewhastabs .sidebar,
.viewhastabs .sidebar + .panelcontent
{
    height:calc(100% - 110px - 20px - 19px - 32px);
    border-width: 0px;
}

.viewhastabs .sidebar + .panelcontent
{
  padding:20px;
  padding-left: 0px;
  padding-top: 0px;
}

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

.tblcritaryform .label.form_label
{
    display:inline-block;  
    position:relative;    
    padding-right: 6px;  
}


.critaryform input.date, 
.critaryform input[type="tel"], 
.critaryform .typefield_date input,
.critaryform .typefield_birthdate input,
.critaryform .typefield_gapdate input
{
  white-space: normal;
}

.critaryform input[type='color']
{
  width: calc(30px) !important;
  margin-left:0px !important;
  margin-top:3px !important;
  margin-bottom:2px !important;
  padding:0px !important;
  border:none !important;
  height:17px !important;
  white-space: normal;
  cursor:pointer;
}

input[type="checkbox"]
{
    width:20px !important;
    margin:0px !important;
    padding:0px !important;
    border:none !important;
    background-color:transparent !important;    
}

.critaryform .typefield_email input.text,
.critaryform .typefield_postcodetown input.text
{
    letter-spacing:-.25px;
}

.typefield_postcodetown select option
{
  min-width: 250px;
  white-space: normal;
}


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

.critaryform div.select,
.critaryform select,
.critaryform select option,
.critaryform input, 
.critaryform textarea,  
.critaryform .checkboxarea,
.critaryform .radioarea, 
.critaryform .critary_timer,
.critaryform .togglearea
{
  width:auto;
  width: calc(360px - 25px - 110px);
  white-space: normal;
}

.sidebar.CritaryArea .critaryform .CritaryGroup div.select,
.sidebar.CritaryArea .critaryform .CritaryGroup select,
.sidebar.CritaryArea .critaryform .CritaryGroup select option,
.sidebar.CritaryArea .critaryform .CritaryGroup input, 
.sidebar.CritaryArea .critaryform .CritaryGroup textarea,  
.sidebar.CritaryArea .critaryform .CritaryGroup .checkboxarea,
.sidebar.CritaryArea .critaryform .CritaryGroup .radioarea, 
.sidebar.CritaryArea .critaryform .CritaryGroup .togglearea,
.sidebar.CritaryArea .critaryform .CritaryGroup .critary_timer
{
  width: 100%;
}

.modenocol .critaryform .tblcritaryform div.select,
.modenocol .critaryform .tblcritaryform select option,
.modenocol .critaryform .tblcritaryform input,
.modenocol .critaryform .tblcritaryform select,
.modenocol .critaryform .tblcritaryform textarea,  
.modenocol .critaryform .tblcritaryform .checkboxarea,
.modenocol .critaryform .tblcritaryform .radioarea, 
.modenocol .critaryform .tblcritaryform .critary_timer
{
  width: calc(360px - 25px);
  text-align:left;
}

.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup div.select,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select option,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup input,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .radioarea,
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .togglearea,  
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width: calc(370px - 25px - 22px);
  text-align:left;
}

/**********************************************/
.sidebar
{
  width:370px;  
  overflow-x:visible;
  padding-right: 4px;
}

.sidebar + .panelcontent
{
  margin-left:calc(360px + 15px);
  width:calc(100% - 360px - 15px - 20px);
}

.sidebar,
.sidebar + .panelcontent
{
    height: calc(100% - 110px - 20px - 19px );
}

html.DEV.PHPWARNINGS .sidebar + .panelcontent
{
  width:calc(100% - 360px - 20px - 405px - 20px);
}
 
/**********************************************/

.sidebar.small
{
  width:280px;  
}

.small .tblcritaryform,
.small form+.submitpanel
{
    width:calc(280px - 25px);
}

.sidebar.small + .panelcontent
{
  margin-left:calc(280px + 15px);
  width:calc(100% - 280px - 15px - 20px);  
}

html.DEV.PHPWARNINGS .sidebar.small + .panelcontent

{
  width:calc(100% - 280px - 20px - 405px - 20px);
}

.small .tblcritaryform .label.form_label
{
    width:80px;
}

.small .critaryform .CritaryGroupStart ~.CritaryGroup .label.form_label
{
	width:calc(80px - 11px);
}

.sidebar.small .critaryform div.select,
.sidebar.small .critaryform select option,
.sidebar.small .critaryform input,
.sidebar.small .critaryform select,
.sidebar.small .critaryform textarea,  
.sidebar.small .critaryform .checkboxarea,
.sidebar.small .critaryform .radioarea, 
.sidebar.small .critaryform .critary_timer
{
  width:auto;
  width: calc(280px - 25px - 80px);
  white-space: normal;
}

.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup div.select,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup select option,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup input,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup select,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup .radioarea,
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup .togglearea,  
.sidebar.small .critaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width:auto;
  width: calc(280px - 25px - 80px - 11px);
  white-space: normal;
}

.small .modenocol .critaryform .tblcritaryform div.select,
.small .modenocol .critaryform .tblcritaryform select option,
.small .modenocol .critaryform .tblcritaryform input,
.small .modenocol .critaryform .tblcritaryform select,
.small .modenocol .critaryform .tblcritaryform textarea,  
.small .modenocol .critaryform .tblcritaryform .checkboxarea,
.small .modenocol .critaryform .tblcritaryform .radioarea, 
.small .modenocol .critaryform .tblcritaryform .critary_timer
{
  width: calc(280px - 25px);
  text-align:left;
}

.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup div.select,
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select option,
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup input,
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select,
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .radioarea, 
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .togglearea, 
.small .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width: calc(280px - 25px - 22px);
  text-align:left;
}

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

#detail_accordion_area.big
{
  width:calc(475px + 20px);  
}

#detail_docview_area
{
    width: calc(100% - 10px - 475px - 20px);
}

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

.sidebar.big
{
  width:475px;  
}

.big .tblcritaryform,
.big form+.submitpanel
{
    width:calc(475px - 25px);
}

.sidebar.big + .panelcontent
{
  margin-left:calc(475px + 15px);
  width:calc(100% - 475px - 15px - 20px);
}

html.DEV.PHPWARNINGS .sidebar.big + .panelcontent
{
  width:calc(100% - 475px - 15px - 20px - 405px);
}

.big .tblcritaryform .label.form_label
{
    width:170px;
}

.big .critaryform .CritaryGroupStart ~.CritaryGroup .label.form_label
{
    width:calc(170px - 41px);
}

.big .critaryform div.select,
.big .critaryform select option,
.big .critaryform input,
.big .critaryform select,
.big .critaryform textarea,  
.big .critaryform .checkboxarea,
.big .critaryform .radioarea, 
.big .critaryform .critary_timer
{
  width:auto;
  width: calc(475px - 25px - 170px);
  white-space: normal;
}

.big .critaryform .CritaryGroupStart ~.CritaryGroup div.select,
.big .critaryform .CritaryGroupStart ~.CritaryGroup select option,
.big .critaryform .CritaryGroupStart ~.CritaryGroup input,
.big .critaryform .CritaryGroupStart ~.CritaryGroup select,
.big .critaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.big .critaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.big .critaryform .CritaryGroupStart ~.CritaryGroup .radioarea, 
.big .critaryform .CritaryGroupStart ~.CritaryGroup .togglearea, 
.big .critaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width:auto;
  width: calc(475px - 25px - 170px - 11px);
  white-space: normal;
}

.big .modenocol .critaryform .tblcritaryform div.select,
.big .modenocol .critaryform .tblcritaryform select option,
.big .modenocol .critaryform .tblcritaryform input,
.big .modenocol .critaryform .tblcritaryform select,
.big .modenocol .critaryform .tblcritaryform textarea,  
.big .modenocol .critaryform .tblcritaryform .checkboxarea,
.big .modenocol .critaryform .tblcritaryform .radioarea, 
.big .modenocol .critaryform .tblcritaryform .critary_timer
{
  width: calc(475px - 25px);
  text-align:left;
}

.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup div.select,
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select option,
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup input,
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select,
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .radioarea, 
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .togglearea, 
.big .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width: calc(475px - 25px - 22px);
  text-align:left;
}

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

.sidebar.huge
{
  width:640px;  
}

.huge .tblcritaryform,
.huge form+.submitpanel
{
    width:calc(640px - 25px);
}

.sidebar.huge + .panelcontent
{
  margin-left:calc(640px + 15px);
  width:calc(100% - 640px - 15px - 20px);
}

html.DEV.PHPWARNINGS .sidebar.huge + .panelcontent
{
  width:calc(100% - 640px - 15px - 20px - 405px);
}

.huge .tblcritaryform .label.form_label
{
    width:160px;
}

.huge .critaryform .CritaryGroupStart ~.CritaryGroup .label.form_label
{
    width:calc(160px - 11px);
}

.huge .critaryform div.select,
.huge .critaryform select option,
.huge .critaryform input,
.huge .critaryform select,
.huge .critaryform textarea,  
.huge .critaryform .checkboxarea,
.huge .critaryform .radioarea, 
.huge .critaryform .critary_timer
{
  width:auto;
  width: calc(640px - 25px - 160px);
  white-space: normal;
}

.huge .critaryform .CritaryGroupStart ~.CritaryGroup div.select,
.huge .critaryform .CritaryGroupStart ~.CritaryGroup select option,
.huge .critaryform .CritaryGroupStart ~.CritaryGroup input,
.huge .critaryform .CritaryGroupStart ~.CritaryGroup select,
.huge .critaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.huge .critaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.huge .critaryform .CritaryGroupStart ~.CritaryGroup .radioarea, 
.huge .critaryform .CritaryGroupStart ~.CritaryGroup .togglearea, 
.huge .critaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width:auto;
  width: calc(640px - 25px - 160px - 11px);
  white-space: normal;
}

.huge .modenocol .critaryform .tblcritaryform div.select,
.huge .modenocol .critaryform .tblcritaryform select option,
.huge .modenocol .critaryform .tblcritaryform input,
.huge .modenocol .critaryform .tblcritaryform select,
.huge .modenocol .critaryform .tblcritaryform textarea,  
.huge .modenocol .critaryform .tblcritaryform .checkboxarea,
.huge .modenocol .critaryform .tblcritaryform .radioarea, 
.huge .modenocol .critaryform .tblcritaryform .critary_timer
{
  width: calc(640px - 25px);
  text-align:left;
}

.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup div.select,
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select option,
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup input,
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup select,
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup textarea,  
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .checkboxarea,
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .radioarea, 
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .togglearea, 
.huge .modenocol .critaryform .tblcritaryform .CritaryGroupStart ~.CritaryGroup .critary_timer
{
  width: calc(640px - 25px - 22px);
  text-align:left;
}


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

.modenocol .critaryform .tblcritaryform > tbody > tr > td
{
    display:inline-block;
    text-align:left;
    border:0px solid #E0E0E0;    
}

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) 
{ 
	/* necessaire pour IE9 le display inline ne marche pas*/
	.modenocol .critaryform .tblcritaryform > tbody > tr > td
	{  
	    float:left;
	}
	
	.modenocol .critaryform .tblcritaryform > tbody > tr > td:last-child
	{
	    clear:both;
	}
}

.modenocol .critaryform .tblcritaryform > tbody > tr
{
    display:block;
}

.modenocol .critaryform .tblcritaryform tr.CritaryGroupStart
{
    border-top:1px solid #E0E0E0;
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
}

.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~ tr.CritaryGroup > td:last-child
{
    padding-left:10px;
}

.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~ tr.CritaryGroupStop
{
    border-bottom:1px solid #E0E0E0;
}

.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~ tr.CritaryGroup, 
.modenocol .critaryform .tblcritaryform .CritaryGroupStart ~ tr.CritaryGroupStop
{
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
}


.modenocol .critaryform .tblcritaryform .CritaryGroupStart > td
{
    display:block;
    height:5px;;
}

.modenocol .critaryform .tblcritaryform .label.form_label,
.modenocol .critaryform .tblcritaryform .critary_value
{
    padding-top:3px;
}

.modenocol .critaryform .tblcritaryform .label.form_label
{
  width: auto;
  text-align:left;
}

.modenocol .critaryform .tblcritaryform .label.form_label
{
  min-width: 148px;  
}

.big .modenocol .critaryform .tblcritaryform .label.form_label,
.huge .modenocol .critaryform .tblcritaryform .label.form_label
{
  min-width: 180px;  
}

.small .modenocol .critaryform .tblcritaryform .label.form_label
{
  min-width: 120px;  
}

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

table, td, th, tr
{
	border-collapse:collapse;	
	padding:0px;
}

table td
{
	vertical-align:top;
}

table caption
{	
	font-size:1.15em;
	text-align:left;
	font-weight:bold;
}

table th
{
	text-align:left;	
	font-weight:normal;
	font-size: .95em;
	vertical-align:bottom;
	line-height:1.15em;
}

#customizecontainer,
.critary_color_popup,
#diarypopup,
.popup_menu_1,
.icone_position,
.popup_menu,
#mess_counter,
.msg,
.smenu,
#menu,
#cal,
#cal_popup,
.tooltip
{
	position:absolute;
}

.msg #cal_popup
{
	position:fixed;
}

#customizecontainer,
.critary_color_popup,
#diarypopup,
.popup_menu_1,
.popup_menu,
#mess_counter,
.msg,
.smenu,
#menu,
#cal,
#cal_popup
{
	/*z-index: 100 !important;*/
}

/*SURCHARGE z-index popups*/
.popup_menu,
#msgDiv,
.tooltip,
#upload_wait,
.editableselectlist,
#perf_message,
#popup_menu,
#diarypopup,
#cal_popup{
	z-index: 9;
}

#cal_popup
{
	margin-top: 22px;
    margin-left: -100px;
}


.msg,
#cal_popup,
#popup_fixed,
#diarypopup,
.tooltip,
.shadowbox
{
    border:1px solid #A0A0A0;
    box-shadow: 0px 0px 50px #A0A0A0;
    background-color:white;
}


#banniere
{
	z-index:10;
	position:fixed;
	top:0px;
	left:0px;
	border:none;
	border-bottom:20px solid transparent;
}

.tblfieldlist > tbody > tr > td
{
    padding: 3px 5px;
}

.tblfieldlist
{
    border-collapse :separate;
    border-spacing : 0px;  
    border-left:1px solid;
    border-bottom:1px solid;
}

.tblfieldlist .tablehead > th
{
    border-top:1px solid;
}

.tblfieldlist .label
{
    display:inline-block;   
    text-align:left;        
}

.tblfieldlist .label a.link,
.tblfieldlist .label a.button
{
    white-space:normal;
    overflow-wrap:break-word;
}

.tblfieldlist .form_label
{
    text-align:left;
    color:#000000;
    font-style:normal;
    font-weight:normal;
}

table.tblfieldlist td
{
    border:none;
    background-color:none;
}

table.tblfieldlist a,
table.tblfieldlist .link,
table.tblfieldlist .nolink,
table.tblfieldlist .button
{
    padding-top:0px;
    padding-bottom:0px;
}

.tblfieldlist .th_checkboxcol
{
    width:0px;
}

.tblfieldlist > tbody > tr
{
    cursor:pointer;
}

.tblfieldlist .grouptablehead
{
    background-color:transparent;
    border-left:none;
}

.tblfieldlist .grouptablehead .group
{
    padding: 3px 5px;   
    vertical-align:bottom;
    
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	
	text-align: center;
	
	text-transform:uppercase;
	font-size:.8em;	
	color:#808080;	
	white-space:nowrap;
}

.tblfieldlist .grouptablehead .group:first-child
{
    border-left: 0px solid #D0D0D0;
}

.tblfieldlist .grouptablehead .group:last-child
{
    border-right: 1px solid #D0D0D0;
}

table.tbldetail th
{
  vertical-align:top;
  line-height:inherit;
  font-size:inherit;
}

.tbldetail > tbody > tr > th,
.tbldetail > tbody > tr > td,
.tblpanel > tbody > tr > th,
.tblpanel > tbody > tr > td,
.tbldetail > thead > tr > th,
.tblpanel > thead > tr > th
{
    padding: 2px;
    padding-left:5px;
}

.tbldetail > tbody > tr > th:last-child,
.tbldetail > tbody > tr > td:last-child,
.tblpanel > tbody > tr > th:last-child,
.tblpanel > tbody > tr > td:last-child,
.tblfieldlist > tbody > tr > th:last-child,
.tblfieldlist > tbody > tr > td:last-child,
.tbldetail > thead > tr > th:last-child,
.tblpanel > thead > tr > th:last-child,
.tblfieldlist > thead > tr > th:last-child
{
    padding-right:10px;
}

.tblfieldlist > tbody > tr > th,
.tblfieldlist > thead > tr > th
{
    padding: 10px 5px;
    padding-left:5px;
}


.popup
{
	padding:0px;
	background-color:#FFFFFF;
}

.cat-scaneco
{
	background-image:url(./images/cat-scaneco.gif);
}
	
.progress_container
{
    height:10px;
    background-color:white;
}

.progress_content
{
     background-color:orange;
     width:0%;
     height:100%;
     transition: width 1s linear;  
}

.searchLoadingInfo
{
	padding:20px;
	text-align:center;
	border:1px solid #000000;
	font-size:1.2em;
}

.thumb_loading, .image_loading
{
	background-image:url(./images/thumb_loader.gif);
}
	
.image_loading
{
	background-image:url(./images/image_loader.gif);
	background-position:center 30px;
}

img
{
	border: none;
	vertical-align: top;
}

fieldset
{
	margin-bottom:10px;	
}

fieldset legend
{
	opacity:.7;
}

hr
{
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
	border:0px;
	border-top:1px dotted #D0D0D0;	
}

.box-order-sep
{
	margin-top:2px;
	margin-bottom:2px;
	height:1px;
	border:0px;
	border-top:1px solid #D0D0D0;	
}

.contenttitle img
{
	margin-right:5px;
}

.onglet_selected .contenttitle img
{
	display:none;
}


h1,.title1,.adm_table_td_title,
h2,.title2,.contenttitle 
 {
  font-size:1.5em;
  line-height:1.6em;
  padding: 0px;
  margin:0px;
	margin-bottom:12px;
	margin-top:18px;
	border-bottom: 1px solid #D0D0D0;
  font-weight:normal;
  padding-bottom:7px;
	
}

h1 ~ h1,.title1 ~ .title1,
h2,.title2,.contenttitle 
{
	font-size:1.4em;
    line-height:1.7em;
	border-bottom: 1px dotted #D0D0D0;	
	letter-spacing:-.5px;
	opacity:.7;
	margin-bottom:10px;
    margin-top:15px;
}

.generic_message h2,h3,.title3 {
	font-size:1.3em;
	line-height:1.4em;
	margin:0px;
	margin-bottom:8px;
	margin-top:10px;
	padding:0px;
	font-weight:normal;
	padding-bottom:4px;
	letter-spacing:-.4px;
	opacity:.7;
	
}

h4,.title4 {
	font-size: 1.2em;
	line-height:1.3m;
	margin:0px;
	margin-bottom:6px;
	margin-top:6px;
	padding:0px;
	font-weight:bold;
	font-weight:normal;
	padding-bottom:2px;
	letter-spacing:-.3px;
	opacity:.7;
	
}

#customizefields fieldset
{
	margin:5px;
}



.button.reset
{
	float:left;
}

.autorefresh
{
	padding:20px;
	text-align:center;
}

#printdiarytitle, #tblprintfooter
{
	display:none;
}

#printhead, #diaryhead
{
	width:100%;	
}

#printhead
{
	text-align:center;
}

#printbuttons
{
	margin:auto;
}

#printhead td
{
	text-align:center;
	
}

#printdiarytitle
{
	text-align:center;
}

#printdiarytitle .date
{
	font-weight:bold;
	font-size:1.2em;	
}

#printdiarytitle .diaryname
{
	font-size:1.2em;
	font-weight:bold;
}

#use_printable_view
{
	display:none;
}

.oldplannings
{
	background-repeat:no-repeat;
	background-color:#F4F4F4;
	border:1px solid;
	border-color:#E0E0E0;
	padding:5px;
}

.daycaption
{
	background-color:#E0EAEF;
	color:#000000;
}

.weekcaption
{
	background-color:#E0EAEF;	
	color:#000000;
}

#global
{
	width:100%;
	background-position:top left;
	background-repeat:repeat-x;
}

#tblglobal
{
	width:100%;
	text-align:left;	
	vertical-align:top;
}

#PrintInfo
{
	height:34px;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:10px;
	padding-right:10px;	
	border-left:1px solid #C0C0C0;
}

#PrintInfo td
{
	font-size:.9em;
}

.pleasewaitsearch_content
{
	width:300px;
	padding:30px;
	text-align:center;
}

.daycaption
{
	border-color:#909090;
	text-align:center;
}

.daycaption td
{
	font-weight:bold;
	height:21px;
	padding-top:2px;
	text-transform:uppercase;
	text-align:center;
}

.iconeMail
{
	height:16px;
	padding-left:8px;
	padding-right:28px;
	margin-right:1px;
	margin-left:1px;
	background-position:center center;
	background-repeat:no-repeat;
}

#tooltipcontainer_td .nolink
{
	display:block;
}

.tabcontainer 
{
	margin-bottom:10px;
	margin-right:5px;
}
	
	

.submitpanel
{
	border-top:none;
	margin-top:-1px;
	text-align:left;
}

.menulayoutmenu	
{
	text-align:left;
	margin-left:5px;
	width:200px;
}


.address_box
{
	margin-top:10px;
	font-weight:bold;
	text-align: left;
	font-size:1.1em;	
	max-width:350px;
}


.content	
{
	margin-right:10px;
	text-align:left;
}

.page
{
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}



#DebugContent
{
	margin:1px;
	padding-left:5px;
	display:block;
	font-weight:normal;
	border:1px solid;
	margin-left:2px;
	margin-right:4px;
}

.viewmenu
{
	padding-right:10px;
}


.closeButton
{
	cursor:pointer;
}

.form_label
{
	opacity:.7;
}

.empty_value,
.select.empty_value,
.input.empty_value, 
.checkboxarea.empty_value, 
input[type="hidden"].empty_value, 
input[type="file"].empty_value, 
input[type="image"].empty_value, 
input[type="password"].empty_value, 
input[type="date"].empty_value, 
input[type="datehour"].empty_value, 
input[type="email"].empty_value, 
input[type="number"].empty_value, 
input[type="radio"].empty_value, 
input[type="text"].empty_value, 
input[type="button"].empty_value, 
input.hidden.empty_value, 
input.file.empty_value, 
input.image.empty_value, 
input.password.empty_value, 
input.radio.empty_value, 
input.text.empty_value, 
textarea.empty_value, 
div.select.empty_value,
select.empty_value
{
	color:#B0B0B0;
}

.tblcritaryform td > .label.form_label,
.tblcritaryform th > .label.form_label
{
    text-align:right;       
}


.tbldetail .label.form_label
{
    display:block;  
    max-width:150px;
    text-overflow:ellipsis;
    overflow:hidden;
    font-weight:normal;
}

.tbldetail td > .label.form_label,
.tbldetail th > .label.form_label,
.tbldetail th > div > .label.form_label
{
    text-align:right;
}

.tbldetail .label.value
{
    text-align:left;
    display:inline-block;   
    max-width:250px;
    text-overflow:ellipsis;
    overflow:hidden;        
}

.tbldetail .label.value,
.tbldetail td .label.value,
.tblcritaryform .label.value,
.tblcritaryform td .label.value
{
    font-weight:bold;
}

.label.value.label_wrap
{
    white-space:normal;
    text-overflow:ellipsis;
    overflow:hidden;
}


.checkallarea, .checkallarea .link
{
  font-size:.9em;
  letter-spacing: -.7px;
}

.submitpanel .button
{
	margin-top:10px;
	margin-bottom:10px;
}



.message_zone td,
.message_zone .tbldetail .label.value.label_wrap
{
	white-space:nowrap;
}

.search_critaryinfo .tablecontainer
{
	white-space:nowrap;
	margin-bottom:5px;
	margin-top:10px;
	border:1px solid #E0E0E0;
	margin-bottom:5px;
	padding:5px 10px;
	opacity:.85;
	background-color:white;
	font-size:12px;
	
}

.search_critaryinfo .rowsonly
{
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
}

.search_critaryinfo td
{
	
	padding-right:5px;
}
	
.search_critaryinfotitle
{
	font-weight:bold;
}

.CritaryGroupSpacer td
{
	height:10px;
}

form .tblpanel
{	
	width: 100%;
}

/* bsl - 20/09/2016 - Fix IE7 Eviter que le calendrier sorte de la largeur de l'écran*/
form .calendar.panelcontainer .tblpanel
{
	width: auto;
}

.checkboxarea .link		
{
	display:inline-block;
	padding-left:0px;
}

.critary_value
{	
	text-align:left;
	margin-top:1px;
    position: relative;
}

.critary_value .button
{   
    margin-top:2px;
}


.critary_value.readonly .label.value
{   
    margin-top:1px;
}

.critary_color, .detail_color
{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}

.critary_color_popup
{
	display:none;
	background-color: #F0F0F0;
	border: 1px solid #8E8E8E;
	margin-top:20px;
	padding:0px;
}


.critary_color_popup .button
{
	background-image:none;
	text-align:center;
	margin:0px;
}

.critary_timer
{
    display:inline-block;
    position:relative;
    padding-top:2px;
    padding-bottom:8px;
}

.critary_timer,
.critary_timer .progress_mask
{
    background-color:#FAFAFA;
}


.critary_timer .progress_background
{
	background-color: #F0F0F0;
	padding:0px;
	background: linear-gradient(to right, #4CF06C, #4CF06C 40%, orange 60%,orange 80%, red 100%);
}

.critary_timer .progress_mask
{
    transition: width 1s linear;
}


.critary_timer .progress_mask,
.critary_timer .progress_background
{
	position: absolute;
	bottom:0;
	right:0;
	width:100%;
	height:5px;
}

.critary_timer .progress_text
{
	text-align: center;
}

.critary_timer .progress_text .time
{
	font-weight: bold;
}

.tblpage
{
	clear:both;
	width:100%;
}

.loading
{
	padding:10px;
	
	text-align:center;
	color:#808080;
	font-size:.9em;
}

.sortpanelcontainer
{	
	width:100%;
	border-top:1px solid #D0D0D0;	
}

.sortpanelcontainer2
{
	border-left:1px solid #D0D0D0;	
	border-right:1px solid #D0D0D0;	
	border-bottom:1px solid #D0D0D0;	
	background-color:#F0F0F0;	
	padding:5px;	
}

.sortpanel .searchtable_td
{
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	
	padding-left:2px;
	padding-right:2px;
}

.sortpanel .entete
{
	float:right;
}


.date img
{
	cursor:pointer;
}

/*
** EDITABLE SELECT
*/


.editableselect 
{
  position:relative;
  vertical-align:middle;
}

.editableselect .label
{
    border:1px solid;
    padding-left:4px;
    padding-right:4px;
    padding-top:1px;
    padding-bottom:1px;
}

.editableselectlist
{
	display:none;
	position:absolute;
	margin-left:0px;
	padding:3px;
	overflow:auto;
	border:1px solid;
	margin-top:20px;
	padding:0px;
	padding-right:25px;
}

.editableselectlist .link,
.editableselectlist .link.select_item
{
	border:1px solid;
	display:block;
	white-space:nowrap;
	font-weight:normal;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:15px;
	margin-right:15px;
	white-space:normal;
	padding:3px 5px;
	line-height:15px !important;	
	
}

#toolbar .editableselectlist .link
{
	display:block;
	padding-top:3px;
	padding-bottom:3px;
}



.editableselectlist>#popup>a.link
{
	border:none;
	margin: 0 !important;
	text-align:left;
}


.editableselectlist
{
	padding:0px;
	min-width:130px;
	overflow-x:hidden;
	color:#000000;
	background-color:white;
	text-align:left;
}


.duration .label
{
	border:1px solid;
	height:16px;
	line-height:16px;
	text-align:center;
	width:70px;
	display:block;
}

.duration img
{
	float:left;
	display:block;
}

#cal
{ 
	margin-top:5px;
	margin-left:20px;
}

#cal .daymeeting
{
	color:red;
}

#cal .nordvleft
{
	background-color:#DD8080;
}

.calcontainer
{
	display:inline-block;
}

.calbuttons
{
	text-align:left;
}

 .calendar div.select,
 .critaryform .calendar div.select
{
    margin-right:5px;
    min-width:auto !important;
    max-width:none !important;
}

            .calendar .cal_date_elem
            {
                display:inline-block;
                vertical-align: top;
            }
            
.calendar div.select.cal_month_button,
.critaryform .calendar div.select.cal_month_button,
.calendar select.cal_month_button,
.critaryform .calendar select.cal_month_button
{
	width:100px;
	min-width: auto; /*  ne pas oublier de desactiver ca*/ 
    max-width: none;/*  ne pas oublier de desactiver ca*/ 
}

.calendar div.select.cal_year_button,
.critaryform .calendar div.select.cal_year_button,
.calendar select.cal_year_button,
.critaryform .calendar select.cal_year_button
{
    width:65px;
    min-width: auto; /*  ne pas oublier de desactiver ca*/ 
    max-width: none;/*  ne pas oublier de desactiver ca*/ 
    
    padding:2px 4px;
    height:auto;
}


.calendar div.select.cal_day_button,
 .critaryform .calendar div.select.cal_day_button,
 .calendar select.cal_day_button,
 .critaryform .calendar select.cal_day_button
{
    width:50px;
    min-width: auto; /*  ne pas oublier de desactiver ca*/ 
    max-width: none;/*  ne pas oublier de desactiver ca*/ 
}

.calendar div.select.cal_month_button,
.critaryform .calendar div.select.cal_month_button,
.calendar select.cal_month_button,
.critaryform .calendar select.cal_month_button,
.calendar div.select.cal_year_button,
.critaryform .calendar div.select.cal_year_button,
.calendar select.cal_year_button,
.critaryform .calendar select.cal_year_button,
.calendar div.select.cal_day_button,
 .critaryform .calendar div.select.cal_day_button,
 .calendar select.cal_day_button,
 .critaryform .calendar select.cal_day_button
{
    padding:2px 4px;
}

.calendar th
{
	border-bottom:1px solid #C0C0C0;
	padding:5px 2px;
}
.calendar th abbr{
	border-bottom:0;
}

.calendar .nav_table
{
	margin-top:10px;
}

.calendar .day
{
	border:1px solid;
	border-color:#C0C0C0;
	text-align:center;
	background-color:#FFFFFF;
}

.calendar.numweek
{
	background-color:#FFFFFF;
}

.calendar .pastday
{
	background-color:#EAEAEA;
}

.calendar .calendar_table .link,
.calendar .calendar_table .nolink
{
	padding:0px 4px;
	min-width:30px;
	line-height:20px;
	border:2px solid transparent;
	text-align:center;
}

.calendar .calendar_table .currentday .link,
.calendar .calendar_table .currentday .nolink
{
	background-color:#ffe9bf;
}

.calendar .calendar_table .selectedday .link,
.calendar .calendar_table .selectedday .nolink
{
	font-weight:bold;
	border:2px solid;	
}

.calendar .calendar_table .bankHoliday .link,
.calendar .calendar_table .bankHoliday .nolink{
	text-decoration:underline;
}

.calendar .currentweek .numweek
{
	font-weight:bold;
}

.calendar .pastweek
{
	background-color:#F0F0F0;
}

.calendar th
{
	text-align:center;
}

.pageSelection{
	margin:2px;
}

.pageSelection .text{

}

.listPage{
	display:none;
}

.vanished{
	display : none;
}

.noresult
{
	font-weight:normal;
	text-align:left;
	font-size:1.2em;	
	padding:5px;
	opacity:.7;	
}

.logo
{
	min-width:120px;
  width:220px;
  padding:0px;
  position:relative;
  line-height:normal;
  min-height:75px;
  height:auto;
  margin:0px;
  display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center center;  
}

.logohref
{
	margin:auto;
	display:block;	
}



.critary_value .label.value
{
	padding-top:4px;
	padding-bottom:4px;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
} 

#customizecontainer
{
	display:none;
}

#tooltipcontainer .search_result_message
{
	display:none;	
}

.search_result_message
{
    background-color: #BDDEF3;
}

.tooltip
{
	display:none;
	visibility:hidden;
	margin-top:20px;
	margin-left:10px;
	margin-top:10px;
	margin-left:10px;
}

.tooltip, .tooltip td
{
	text-align:left;
	line-height:16px;
	text-decoration:none;
	font-weight:normal;
	padding:10px;
	white-space:nowrap;
}

#mess_counter
{
	display:none;
	border:1px solid #FFBD63;
	background-color:#F79C18;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	margin-top:-20px;
	margin-left:12px;
	line-height:11px;	
	font-size:9px;
	font-weight:bold;
	color:white;
}

.menuicon
{
	display:block;
	padding:2px;
}

#DebugContent
{
	color:#000000;
	background-color: #E0E0E0;
	border-color:#A0A0A0;
}

.td_img_wait
{	
	width:100px;
	background-position:left center;
	background-repeat:no-repeat;
}

.td_img_wait_dev
{	
	background-image:url(./images/serveur_dev.gif);
}

.td_img_wait_val
{	
	background-image:url(./images/serveur_val.gif);
}


.msg
{
	display:none;
}

.msgContentcontent
{
    min-width:280px;
    overflow:auto;    
    position:relative;
}

.msg .title.close
{
    float:right;
}

.msg iframe
{
	height:700px;
	width:1200px;
}

#popup_fixed
{
	margin:50px;
	font-size:1.15em;
	min-width:350px;
}

#popup_fixed .msgTitleBar
{
    display:none;
}

#msgContentpopup_fixed,
#msgTitlepopup_fixed
{
	display:block;
	margin:0px;
	text-align:left;
}


.msgContentcontent
{
	padding:15px 30px;    
}

#msgTitlepopup_fixed > table
{
	display:block;
	margin:0px;
	margin:20px;
	text-align:left;
}

.msgTitleBar
{
	display:block;
	white-space:nowrap;
	padding:5px 10px 5px 10px;
}

.msgTitleBar .title
{
    font-weight:normal;
    white-space:nowrap;
    letter-spacing:-.5px;
    font-size:1.3em;
}

.onDragNone
{
	/*display:none;*/
}
/*
.msgTitleBar.onDrag 
{
    opacity:0;
}
*/
.msgContentDrag
{
	display:block;
	margin:0px;
	border:5px solid;
	border-color:#A0A0A0;
}

.title
{
	display:block;
	white-space:nowrap;
	padding-left:0px;
	line-height:1.3em;
	margin-right:5px;
	font-size:1.05em;
	font-weight:bold;
}

.mailSendWindow
{
	margin-top:5px;
	overflow:auto;
	border:1px solid #808080;
	background-color:white;
	height:200px;
	padding:10px;
}

.title_error
{
	display:block;
	white-space:nowrap;
	padding-left:20px;
	line-height:25px;
	height:25px;
	background-image:url(./images/rejected.gif);
	background-position:center left;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}

.info, .info2, .warning, .alert
{
	padding:10px;
	margin-bottom:5px;
	display:inline-block;
	text-align:left;
}

.info2
{
	padding:5px 10px;
	background-image:none;
}

.openfieldsinlisttitle > div:first-child
{
      font-weight:bold;
}

.tblfieldlistcount
{
    min-width:280px;
}


.generic_message.tblfieldlistcount
{
    border-left:10px solid #9A9A9A;
    padding-left:15px;
}

.panelcontent > .generic_message.tblfieldlistcount
{
    margin-top:0px;
}

.generic_message.tblfieldlistcount .openfieldsinlisttitle
{
    margin-right:15px;
}


.generic_message.tblfieldlistcount,
.generic_message.info_message.tblfieldlistcount
{
    border-left-width:10px;
}

.generic_message.tblfieldlistcount::before,
.generic_message.info_message.tblfieldlistcount::before
{
	display:none;
	border:0px;
}



.tblfieldlistcount h1,
.tblfieldlistcount h2,
.tblfieldlistcount h3,
.tblfieldlistcount h4,
.tblfieldlistcount .title1,
.tblfieldlistcount .title2,
.tblfieldlistcount .title3,
.tblfieldlistcount .title4,
.generic_message h1,
.generic_message h2,
.generic_message h3,
.generic_message h4,
.generic_message .title1,
.generic_message .title2,
.generic_message .title3,
.generic_message .title4
{
	margin:0px;
	margin-bottom:5px;
}

.tblfieldlistcount .openfieldsinlisttitle,
.tblfieldlistcount .toolbarcontent
{
	display:inline-block;
}

.tblfieldlistcount .openfieldsinlisttitle .toolbarcontent
{
	margin-top:5px;
}

.pagenavigation
{
	margin-top:5px;
	display:block;	
}

.smenu
{
	display:none;
	background-color:white;
	border:1px solid gray;
	margin-top:10px;	
	padding-top:5px;	
	padding-bottom:5px;	
}

.menu1
{
	font-size:12px;
}

.menu1 a
{
	padding-left:2px;
	padding-right:2px;	
}

.menu2, .menu3
{
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	white-space:nowrap;
}

#gene_frame
{
	border:0px;
	padding:10px;
	margin:0px;	
}

.tools #gene_frame
{
	padding:0px;
}

.tools #gene_frame_container .panelcontent,
.tools #gene_frame_container .tabcontainer .tblcontainer .panelcontent,
.tools #gene_frame_container .tabcontainer .calendar .panelcontent 
{
  border-radius: 0px;
  padding: 0px;
}

#gene_frame_container
{	
	padding:0px;
}

#gene_frame_container .panelcontent
{
	padding:0px;
}

#toolbar .bandeau_message,
#menu .bandeau_message
{
	padding-left:10px;
	padding-right:10px;
}

#toolbar .bandeau_message td,
#menu .bandeau_message td
{
	
}


#menu a, 
#toolbar .currentdiary td,
#toolbar > table > tbody > tr > td > a
{
	white-space:nowrap;
	text-decoration:none;
}


.gotnews, .paymentexpired
{	
	background-repeat:no-repeat;
	background-position:4px center;
	background-image:url(./images/relance_warning.gif);
	padding-left:20px;
}

.paymentexpired
{	
	background-color:#F0D0D0;
}

.noicon,
#menu .noicon, #toolbar .noicon
{
	padding-left:6px;
	padding-right:6px;
}

/*.noicon
{
    display:inline-block;
}*/

#menu
{
	height:40px;
	padding-left:300px;
}

#tbltoolbar
{
	margin-left:180px;
}

.halfday
{
	color:#808080;
	background-color:#F0FFB0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;	
	line-height:20px;
	border-bottom:1px solid #D0D0D0;
}

.day_enlarger
{
	height:1px;
	width:500px;
}
	
.week_enlarger
{
	height:1px;
	width:200px;
}

#toolbar .module_title
{
	padding-left:10px;
	padding-right:20px;
	white-space:nowrap;	
	height:34px;
	line-height:34px;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
}





#user_descr #currentdiary
{
	white-space:nowrap;
	margin:0px;
	padding:1px;
	margin-right:10px;
	border:none;
	text-align:center;	
	border:1px solid #E0E0E0;
	padding-right:20px;
	padding-left:20px;
}



#user_descr #currentdiary,
#user_descr #currentdiary td
{
	font-weight:bold;
}

#cl_cms_Reload
{
	background-color:none;
}

caption
{
	background-color:transparent;
}

.deleteCritary
{
	display:inline-block;
}

.maintenance_bandeau .link 
{
  color:white;
}


.generic_message
{
	border-radius:0;
	background-image:none;
	display:block;
	margin-bottom:5px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	text-align:left;
	margin-bottom:10px;
	margin-top:5px;
	font-size:inherit;	
	/*min-height: 50px;*/
	background-image:none !important;
	max-width: 1100px;
	clear:both;
	padding:12px;
}

.generic_message.tblfieldlistcount
{
	max-width:none;
}

body .generic_message
{
	font-size:inherit;	
}

.generic_message .button
{
	display:inline-block;
}


.info .locked_message
{
	margin:0px;
	border:none;
	padding:0px;
	padding-left:65px;
	padding-top:10px;
	padding-bottom:10px;
}

.expandmessage
{
	padding-top:20px;
	padding-bottom:20px;	
}

.tblfieldlistcount td
{
	padding-right:3px;
}

.pdf_message
{
	display:block;
	margin:auto;
	width:200px;
	height:70px;
	background-image:url(./images/pdf.gif);
	cursor:pointer;
	background-position:left center;
	background-repeat:no-repeat;
	color:white;
}

.comment
{	
	display:block;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
}

.callstack
{
	white-space:nowrap;
	margin-top:5px;	
}

.callstack td
{
	white-space:nowrap;
	padding-left:15px;
	
}
	
.comment div
{	
	padding-left:10px;
}

.tblcritaryform
{
    margin-left:1px;
}

.tblcritaryform > tbody > tr > td:first-child
{
    padding-top:6px;
    text-align:right;
}

.tblcritaryform .CritaryGroupStart > td
{
	border-top:1px solid #E0E0E0; 		
}

.CritaryGroupStart ~.CritaryGroupStop > td
{
	border-bottom:1px solid #E0E0E0; 		
}

.CritaryGroupName > th:first-child
{
       border-left:1px solid transparent;
}

.CritaryGroupName > th:last-child
{
       border-right:1px solid transparent;
}

.CritaryGroupStart > td:first-child,
.CritaryGroupStart ~.CritaryGroup > td:first-child,
.CritaryGroupStart ~.CritaryGroupStop > td:first-child
{
	   border-left:1px solid #E0E0E0;
	   padding-left: 2px;	
       max-width: 200px;   
}

.CritaryGroupStart > td:last-child,
.CritaryGroupStart ~.CritaryGroup > td:last-child,
.CritaryGroupStart ~.CritaryGroupStop > td:last-child
{
       border-right:1px solid #E0E0E0;
       padding-right: 6px;
}

.tblcritaryform .CritaryGroupStart > td,
.tblcritaryform .CritaryGroupStop > td
{
	height:10px;
}

.tblcritaryform .CritaryGroupStart
{
	border-bottom:none;	
}

.tblcritaryform .CritaryGroup
{
	border-top:none;
	border-bottom:none;
}


.tblcritaryform .CritaryGroupName > th,
.legend
{
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  padding:2px;
  font-size:.9em;
}

.tblcritaryform .CritaryGroupName > th 
{
    padding: 0px;
    padding-bottom:5px;
    padding-top:5px;
    border-color:transparent;
    background-color: transparent !important;
    text-align:left;
    
}

.tblcritaryform .CritaryGroupName > th
{
    color: #606060;
}

.tblcritaryform .CritaryGroupStop
{
	border-top:none;
}

.tblcritaryform .CritaryGroupStop td
{
	padding-bottom:5px;
}


.popup_menu
{
	display:none;
}


.popup_menu_1, .popup_menu_3, .popup_menu_2 
{
	display:none;
	border:none;
	background-color:none;
	background-color:white;
	padding:0px;
}

.popup_menu_2
{
	border-left:1px solid #A0A0A0;	
	padding-right:20px;
	margin-right:10px;
}
	
.popup_menu_1
{
	display:block;
	border:1px solid gray;
	border-color:#C0C0C0 #606060 #606060 #C0C0C0;
	padding-bottom:15px;
	
}

.popup_menu .popup_menu_link_hover
{
	background-color:#808080;
	color:#FAFAFA;
	text-decoration:none;
	background-position:right center;
	background-repeat:no-repeat;
	background-image:url(./images/fleche_menu_blanche.gif);
}

.popup_menu .popup_menu_link
{
	display:block;
	padding:0px;
	margin:0px;
	line-height:20px;
	padding-left:10px;
	padding-right:40px;		
}

.popup_menu .popup_menu_link.menu_plus
{
	background-position:right center;
	background-repeat:no-repeat;
	background-image:url(./images/fleche_menu.gif);
}

#msgMaintenance .msgContent
{
	color:red;
	padding-top:10px;
	padding-bottom:10px;
	border:2px solid red;
	background-color:#FFF0F0;
	background-image:none;
}


.threedots::after
{
	content:'...';
}

.threedots .tooltip
{
	margin-top:-2px;
	margin-left:-3px;
}

.optionopen,
.optionclose
{
	width:70px;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:3px;
	font-weight:normal;
	background-image:url(./images/prevmin.gif);    
	cursor:pointer;
	font-size:9px;
	line-height:10px;
	height:10px;
	margin-top:7px;
	color:#606060;
}

.icone.close
{
	cursor:pointer;	
}

.generic_message .button
{
	font-weight:normal; 
}

.optionclose
{
	background-image:url(./images/nextmin.gif);    cursor:pointer;
}

.optionseparator
{
 	color:#808080;
 	text-align:center;
 	font-weight:normal;
 	font-size:9px;
	font-style:italic;
 }

#zoom_factor
{
	display:block;
	text-align:center;	
}

a.button.bigbutton,
input.button.bigbutton,
button.button.bigbutton,
a.button.bigbutton.submit,
input.button.bigbutton.submit,
button.button.bigbutton.submit
{
	display:block;
	border:1px solid;
	margin:10px;
	text-align:left;
	padding:10px;
	background-image:none;	
	width:auto;
}

a.button.averagebutton,
input.button.averagebutton,
button.button.averagebutton,
a.button.averagebutton.submit,
input.button.averagebutton.submit,
button.button.averagebutton.submit
{
    display:inline-block;
    border:1px solid;
    margin:6px;
    text-align:left;
    padding:6px 10px;
    background-image:none;  
    width:auto;
}

.simplediv
{
	border:1px solid;
	margin-top:8px;
	margin-bottom:4px;
	text-align:left;
	border-color:#C0C000 #909000 #909000 #C0C000;	
	padding:10px 0px 10px 0px;
	border-color:#D0D0FF #B0B0C0 #B0B0C0 #D0D0FF;
	color:#505050;
	background-color:#F0F0FA;
	display:block;
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-image:none;	
	width:auto;
}

.simpledivfolder
{
	background-image:url(./images/folder.gif);
}


.simpledivimage
{
	background-image:url(./images/image.gif);
}

.orderdisabled
{
	opacity:.6;
	background-color:#FFD0C0;
}

.sorthead
{	
	display:inline-block;
	cursor:pointer;
	background-position:top right;
	background-repeat:no-repeat;
	white-space:normal;
}

.sorthead.asc
{
	text-decoration:underline;
}

.sorthead.desc
{
	text-decoration:underline;
}

.disabled
{
	opacity:.5;
}

input.disabled
{
	opacity:.5;
}

.button.disabled
{
	opacity:.5;
	cursor:default;
}

.duration .label
{
	background-color:white;
	border-color:#7F9DB9;
}

.comment
{	
	opacity:.7;
}

.check
{
	background-repeat:no-repeat;
	background-position:2px 0px;
	background-image:url(./images/unchecked.gif);
}

.checked
.RowSelect .check,
.VisualRowSelect .check
{
	background-repeat:no-repeat;
	background-position:2px 0px;
	background-image:url(./images/checked.gif);
}

.errorDiv
{
	color: #FF0000;
	font-weight:bold;	
}

.redBackground{
	background-color:#FF6666;
}

.orangeBackground{
	background-color:#FF9999;
}

.customizedisplay
{
	padding-top:10px;
	background-color:none;
	border:none;
	line-height:12px;
	margin-left:0px;
	min-width:250px;
}

.statistic
{
	white-space:nowrap;
	padding-left:20px;
	margin-left:5px;
	margin-right:5px;
	background-position:center left;
	background-repeat:no-repeat;
	height:20px;
	line-height:20px;	
	display:block;
}

.noimage
{
	padding-left:0px;
}

.stat_diary_activity
{
	background-image:url(./images/exclamation.gif);
}

.stat_diary_reminder
{
	background-image:url(./images/exclamation.gif);
}

.stat_diary_accepted
{
	background-image:url(./images/relance_tel_accepted.gif);
}

.stat_diary_refused
{
	background-image:url(./images/relance_tel_refused.gif);
}

.stat_diary_name
{
	padding-left:30px;
	background-image: url(./images/diary_petit.gif);
}

.miniwarning
{ 	
	background-image:url(./images/relance_warning.gif);
}

.icone.miniwarning
{
 	width:13px;
}

.minihelp
{ 	
	padding-left:10px;
	padding-right:0px;
	background-image:url(./images/minihelp.gif);
}

.telephone,.mail,.sms
{
  display:block;
  height:16px;
	float:center;
  padding-left:13px;
  padding-right:13px;
	margin-right:0px;
  margin-left:0px;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:transparent;
}

.pastille,.croix
{
  display:block;
	float:left;
  height:16px;
  padding-left:0px;
  padding-right:11px;
  margin-right:2px;
  margin-left:0px;
  background-position:center left;
  background-repeat:no-repeat;
  background-color:transparent;
}

.telephone
{
  background-position: 3px center;
}

.mail
{
  background-position: 1px center;
}

.telephone_off { background-image:url(./images/telephone_gris.gif); }
.telephone_ok  { background-image:url(./images/telephone_vert.gif); }
.telephone_ko  { background-image:url(./images/telephone_rouge.gif); }

.sms_off { background-image:url(./images/sms_gris.gif); }
.sms_ok  { background-image:url(./images/sms_vert.gif); }
.sms_ko  { background-image:url(./images/sms_rouge.gif); }
.sms_on  { background-image:url(./images/sms_violet.gif); }

.mail_off  { background-image:url(./images/mail_gris.gif); }
.mail_ok  { background-image:url(./images/mail_vert.gif); }
.mail_ko  { background-image:url(./images/mail_rouge.gif); }

.pastille_off  { background-image:url(./images/pastille_grise.gif); }
.pastille_ok  { background-image:url(./images/pastille_verte.gif); }
.pastille_ko  { background-image:url(./images/pastille_rouge.gif); }

.croix_off   { background-image:url(./images/croix_grise.gif); }
.croix_ko    { background-image:url(./images/croix_rouge.gif); }


.passwordcomplexity .ok, .passwordcomplexity .pasok
{
  display: block;
  padding-left: 10px;  
  background-position:center left;
  background-repeat:no-repeat;
}

.passwordcomplexity .ok
{
  background-image:url(./images/field_ok.gif);
}

.passwordcomplexity .pasok
{
  background-image:url(./images/field_error.gif);
}

span.spacer 
{
  display: inline-block;
  padding: 0 .5rem;
}


#updatePanel .critaryform .radio_list .tblaccordion > .accordion  > .accordiontitle,
#updatePanel .critaryform .radio_list .tblaccordion > .accordioncontent 
{
    border:none !important;
}


#updatePanel .critaryform .radio_list .tblaccordion > .accordioncontent 
{
    padding-left:10px;
}

#updatePanel .critaryform .radio_list .tblaccordion > .accordion  > .accordiontitle, 
#updatePanel .critaryform .radio_list .tblaccordion > .accordion.selected  > .accordiontitle
{
    background-color:transparent !important;
    text-decoration:underline;
    font-size:1.2em;
}

#updatePanel .critaryform .radio_list .tblaccordion > .accordion.selected  > .accordiontitle .link, 
#updatePanel .critaryform .radio_list .tblaccordion > .accordion.selected  > .accordiontitle .link:hover
{
    color:#606060 !important;
    font-weight:normal;
    cursor:default;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

#updatePanel .critaryform .radio_list label:hover
{
    color:#000 !important;
    background:white !important;
}

.tblaccordion > .accordion.selected
{
	color:#000000;
	font-weight:bold;
}


.tblaccordion > .accordion > .accordiontitle
{
	border-bottom:1px dashed #D0D0D0;
    border-left:1px solid #D0D0D0;
	display:block;
	background-color:#FAFAFA;
	padding:0px;
}

.tblaccordion > .accordion > .accordiontitle .link
{
	margin-left:2px;
}

.tblaccordion > .accordion.selected  > .accordiontitle,
.tblaccordion > .accordion.selected  > .accordiontitle .link
{
	background-color:#0070A0;
	color:white;
	border-color:#0070A0;
}

.tblaccordion .accordion .accordiontitle .link
{
	padding:7px 5px;
	margin:0px;
}

.checkboxarea a.accordiontitle .link,
.radioarea a.accordiontitle .link,
.checkboxarea a.accordiontitle,
.radioarea a.accordiontitle
{
	color:#808080;
}

.accordiontitle .enlarge,
.accordiontitle .reduce
{
	display:none;	
}

.accordioncontent .critaryformscontainer
{
	margin:auto;
}

.critaryformscontainer
{
    display: flex;
    flex-wrap: wrap;
}
	
.tblaccordion .accordion .accordioncontent
{
	display:block;
	border:2px solid #0070A0;	
	overflow:auto;
}

.critaryform 
{
	padding-bottom:10px;
	padding-right:20px; 
	display:inline-block;
}

.sidebar .critaryform,
.tblaccordion .critaryform
{
	padding:0px;
}

.critaryform img
{	
	cursor:pointer;	
}

.critaryform .tblaccordion
{	
	border-bottom:none;	
	margin-right:0px;	
}

.critaryform .tblaccordion .accordion
{
	color:#A0A0A0;
}

.critaryform .tblaccordion > .accordion.selected ,
.critaryform .tblaccordion > .accordion.selected  > .accordiontitle .link
{
	color:#000000;
}

.critaryform .accordiontitle
{
	border:none;
	background-color:transparent;
	color:#606060;
	background-position:left center;
	background-repeat:no-repeat;
}

.critaryform .tblaccordion > .accordion.selected  > .accordiontitle
{
	background-color:transparent;
	color:#000000;
	border:none;
	padding:1px;
	padding-left:0px;
}

.critaryform .tblaccordion .accordion .accordioncontent
{
	display:block;
	padding:6px;
	padding-bottom:6px;
	border:none;
	border-top:0px;	
}

.dyn_select .accordiontitle
{
	display:none;
}

#diarypopup
{
    margin-top:26px;
    display:none;
    position: fixed;
    max-height: calc(100% - 100px);
    overflow-y: auto;
    overflow-x: hidden;    
    max-width: 1270px;
    margin-right:60px;
	padding:20px; 
	padding-top:10px; 
} 

#diarypopup div[id^=content_cl_cms_DiaryListView] 
{ 
	background-color:transparent;
} 

div.favicon
{
	display:inline-block;
	vertical-align:middle;
	height:24px;width:24px;
	background-size:contain;
	background-repeat:no-repeat;
}

#diarypopup .diarylistcontainer 
{
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    padding: 0px;
    min-width:400px;
}

#diarypopup .diarylistcontainer .hidden
{
	display:none;
}

#diarypopup .diarylistcontainer a
{
	display:inline-block;
	width:250px;
}

.diarylistcontainer .diarylist h2
{
    margin-top:8px;
    padding-left:15px;
}

.diarylist
{
	margin-bottom: 15px;
	padding-bottom: 10px;
}

#diarypopup .diarylist
{
	margin-right: 15px;
	width:280px;
}

.diarylist .diarylisttitle
{
    padding:5px 10px;
    margin-bottom:10px;
    font-size:1.35em;
}

.diarylist .namediary
{
    margin-left:10px;
}

#popup .diarylist .namediary
{
    width: 200px;
}

 
.admspecial, 
.diarylist .surgery, 
.diarylist .cat-surgery
{
  margin-bottom:5px;
}

.diarytype
{
    height:27px;
    float:left;
}

.viewcontent_cl_adm_SpecialListView
{
  width: 200px;
  margin-right:20px;
}

.viewcontent_cl_adm_SpecialListView>div,
.viewcontent_cl_adm_SpecialListView>a{
  width : 100%;
}


.onecol
{
		background-image: url(./images/onecol.gif);
}

.twocols
{
		background-image: url(./images/twocols.gif);
}


.diary_cb
{
	background-image: url(./images/diary_cb.gif);
}

.diary_demo
{
	background-image: url(./images/diary_demo.gif);
}

.diary_archived
{
	background-image: url(./images/diary_archived.gif);
}

.diary_trial
{
	background-image: url(./images/diary_trial.gif);
}

.diary_free
{
	background-image: url(./images/diary_free.gif);
}

.user
{
	background-image: url(./images/user.gif);
}


.rowsonly .form_label,
.rowsonly .value,
.rowsonly .empty_value,
.rowsonly div,
.rowsonly info2
{
	display:inline-block;
}

.rowsonly
{
/*	padding-right:20px;*/
	
}

.separation
{
	height: 0;   
	margin: 0;   
	padding: 0;   
	border: 0;   
	clear: both;   
	visibility: hidden; 
	display:block;
}

.handle
{	
	display:block;
	cursor:move;
}

.form_conteneur
{
	padding: 5px 10px 10px;
	margin:0;
}

.icone_position
{
	top:0.5em;
	right:1em;
}



.CheckMail
{
	float:right;
	margin-right:10px;
}

.overflow
{
	padding-right: 2em;
	height:18em;
	overflow-x:hidden;
	overflow-y:auto;
}

.label_error
{
   display:none;
}

.fielderror.showerror .label_error
{
    display:inline-block;
    font-size:.85em;
    line-height: 16px;
    font-style:italic;    
    padding-right:4px;
}

#popup_fixed .fielderror.showerror .label_error
{
    white-space:nowrap;    
}


#nb_NonLus
{
	font-weight:bold;
	display:none;
}

.button.datenext,.button.dateprev
{
	min-width:20px;
	text-align:center;
	vertical-align:middle;
}

.message_zone
{
	background-color:#FBFBFB;
	border-bottom:1px solid #D0D0D0;
}

.message_zone2
{
	height:105px;
	overflow-y:auto;
	/*de la place pour la barre de defilement*/
	padding-right:24px;	
}
.message_head
{
	/*letter-spacing:-1px;*/
}

.message_body .tooltipimage
{
	padding-left:3px;
	background-image:none;	
}

.row1
{
	background-color:#F0F0F0;
}

.row2
{
	background-color:#E8E8E8;
}

.non_lu
{
	font-weight:bold;
}
	
.message_head .label
{
	color:#808080;
}

.message_subject .label
{
	color:#404040;
	font-weight:bold;
}

.lu .markasread
{
	visibility:hidden;
}

.message_body .label
{	
	color:#000000;
	font-style:normal;		
}

.message_td
{
	padding-right:4px;
}

.message_td.twolines .label
{
	display:inline-block;
}
	
hr.separation
{
	visibility:hidden;
	clear:both;
}



.report_elem
{
	color:#000000;
	border:1px solid #D0D080;
	background-color:#FFFFC0;
	padding-left:3px;
	padding-right:3px;
}

.report_table
{
	margin:10px;
	margin-bottom:20px;
	background-color:#F0F0F0;
	
}

.report
{
	background-position:center left;
	background-repeat:no-repeat;
	padding:5px;
	padding-left:0px;
	cursor:default;
}

.report_hour
{
	color:#606060;
	background-image:none;
	padding-left:5px;
	padding-right:10px;
}

.report_username
{
	margin-top:15px;
	white-space:nowrap;
	margin-bottom:0px;
}

.report_username+.tblfieldlistcount
{
    margin-top:0px;
}

.searchtable_td
{
	height:25px;
	line-height:25px;	
	padding-right:3px;
	display:inline-block;
	vertical-align:middle;
}

.viewcontent_cl_adm_TestListView .content,
.viewcontent_cl_adm_ArchListView .content,
.viewcontent_cl_adm_ProdListView .content,
.viewcontent_cl_adm_AllListView .content
{
		display:block;
		height:380px;
		overflow-y:auto;
		padding-right:25px;
		padding:10px;
		margin-bottom:10px;
		margin-top:5px;
}

/* HACK compatible IE5 pour les boutons*/
.btn-container{
	display: inline-block;
  width: 100%; 
}	

.btn-container .right {
	float: right;
}

.btn-container .left {
	float: left;
}

.generic_message.tblfieldlistcount .buttons
{
	border-left:1px solid #D0D0D0;
	padding:0px 10px;
	vertical-align:top;
	display:inline-block;
}

.generic_message.tblfieldlistcount .buttons .hiddenButton {
    display: none;
}

.generic_message > div:first-child
{
	margin-right:15px;
	margin-bottom:5px;
}


#toolbar #content_onglet_cl_cms_DiaryListView_TrialDemo .link,
#toolbar #content_onglet_cl_cms_DiaryListView_TrialDemo a,
#toolbar #content_onglet_cl_cms_DiaryListView_Archived .link,
#toolbar #content_onglet_cl_cms_DiaryListView_Archived a
{
	text-transform:none;
}



















































.dyn_select
{
	position:relative;
}

fieldset .critaryform
{
	padding:0px;
	margin:0px;
}

fieldset .critaryform .erase
{
	display:none;
}

.calendar
{
    padding-bottom:20px;
}

.caldays,.calbuttons
{
   padding-right:20px;
}

.caldays,.calbuttons
{
    display:inline-block;
    vertical-align:top;
}

#cal_popup .calendar
{
    max-width:300px;
}

#cal_popup .calendar,
.customizedisplay
{
	padding:20px;
}


a,.link,.nolink,.button
{
	display:inline-block;
	text-decoration:none;
	border:none;
	cursor:pointer;
	background-color:transparent;
	padding:2px;
    margin:0px;
    text-decoration:none;
    text-align:left; 
}

a.nolink
{
	cursor:default;
}

fieldset
{
	border:1px solid #DADADA;
	display:inline-block;
}

.lkbox ,.lkbox a 
{
	width:100%;
}

.submitpanel
{
	margin-bottom:10px;
}

.submitpanel .accepted,
.submitpanel .restore,
.submitpanel .delete,
.submitpanel .search,
.submitpanel .submit
{
	float:right;
}

.panelcontent.OpenFieldsInTab + .submitpanel
{
	padding:0px 20px;
	margin-top:-20px;
}

div.select,
.critaryform select,
.calendar select,
.critaryform input,
.critaryform textarea
{
	  margin:0px;
      margin-top: 1px;
      line-height:14px;
	  background-color:white;
	  color:#000;
      padding: 2px 2px; 
	  border:none;
}

.critaryform select
{
      padding: 0px 2px; 
}

div.select
{
	padding-right:20px;
	cursor:pointer;	
}

div.select,
.critaryform .checkboxarea, 
.critaryform .radioarea,
.critaryform select,
.calendar select,
.critaryform input,
.critaryform textarea
{
      border:1px solid #E8E8E8;
      background-color: #FCFCFC;      
}

select
{
    margin:0px;
    margin-top: 1px; 
    color:#000;   
    height:22px;
    border:none;
    cursor:pointer;
    padding-left:1px;
    text-overflow: ellipsis;

}

.select.opened,
select.opened 
 {
    height: auto;
    max-height: 200px;
}

.select.opened option,
select.opened option 
{
    background-color: white;
    border:none;
    padding: 2px 4px;
}

input[type=date]
{
    line-height: 16px;
    padding-left:4px;
    padding:2px 5px;
    height:22px;
}

select option
{
   background-color:white;
   font-weight:normal;
   border:1px solid #808080;
   padding:5px;
   color:black;
}

.checkboxarea
{
    line-height:15px;
}

/* cas particulier text area on veut pouvoir l'agrandir et si je laisse max-width ça ne fonctionne pas*/
.critaryform textarea
{
   height: 80px;
   white-space: pre-wrap; /*Conserve les sauts de lignes sur Firefox et IE*/
}

.critaryform .select.hour,
.critaryform select.hour,
div.msg .msgContentcontent .critaryform .select.hour,
div.msg .msgContentcontent .critaryform select.hour
{
    width: 70px;  
    max-width:none !important;
    min-width:auto !important;
}

.critaryform .typefield_radio_line .radioarea
{
    /* pas pour radio line */
    border:none;  
}

.critaryform .radioarea label
{
    padding:3px 4px;
    line-height:14px;
    display:inline-block;    
}

.critaryform .radioarea label.radio_line
{
    padding-top:5px;
    line-height:14px;
    display:inline-block;    
}

.critaryform .radioarea label.radio
{
    border:1px solid transparent;  
    display:block; 
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;       
}

/*.critaryform .radioarea label.radio + label.radio
{
    border-top:1px dotted #D0D0D0;
}*/

.critaryform .radioarea label:hover
{
    background-color:#FAFAFA;  
}

.critaryform .radioarea  input[type=radio]:checked + span,
.critaryform .radioarea  input[type=radio]:checked + span span
{
    font-weight:bold;
    letter-spacing:-.25px;
}

.critaryform .radioarea  input[type=radio]
{
	display:none;
}

.critaryform .radioarea  input[type=radio] + span:before
{
    font-family:FontAwesome;
    content:'\f1db';    
    color:#808080;
    transform:scale(.75) translateY(-1px);
    display:inline-block;
}

.critaryform .radioarea  input[type=radio]:checked + span:before
{
    font-family:FontAwesome;
    content:'\f058';  
    content:'\f111';
    font-weight:normal !important;
    color:#000; 
    opacity:.9;
}

.critaryform .radioarea input
{
	min-width: auto;
    vertical-align: text-top;
}

.sidebar .critaryform
{
	float:none;
}

.sidebar .tblcritary
{
	margin:auto;
}

.sidebar .tblcritaryform .label, .sidebar .tblfieldlist .label
{
	white-space:normal;
}

body .main, body .content, body .tabcontainer
{
	margin:0px;
	padding:0px;
}

#phpwarnings
{
  display:none;  
}

#phpwarnings .generic_message
{
	border:1px solid #c9c9c9;
}

.panel
{
    white-space:nowrap;
    display:block;
    line-height:28px;
    height:30px;
}

.tabs
{
    width:100%;
    display:block;
    border:none;    
}

.tab_multi_row .onglet a:hover,
.tab_multi_row .onglet .link:hover
{
	background-color:transparent;	
}

.tab_multi_row .onglet .link
{
	display:inline-block;
}

.tab_multi_row td 
{
	vertical-align:bottom;
}


.tab_multi_row .onglet .puce
{
	background-image:none;
	padding-left:3px;
	border:none;
	background-color:transparent;
	font-size:12px;
	
}

.tab_multi_row .onglet .link::before,
.tab_multi_row .onglet .nolink::before
{
	position:relative;
	margin-right:6px;
	float:none;
}

.tab_multi_row .onglet .link,
.tab_multi_row .onglet .nolink
{
	padding:0px 16px;
}

.tab_multi_row .onglet,
.tab_multi_row .onglet.selected
{
    padding:0px;
    font-size:1.15em;
    height:32px;
    line-height:32px;
    white-space:nowrap;
    display:block;
    margin:0px;      
    border-radius:0px;
    border: none;
    font-weight: none;
    cursor: pointer;
    display:inline-block;      
}

.tab_multi_row .onglet.selected,
.tab_multi_row .onglet:hover,
.tab_multi_row .onglet:hover .link,
.tab_multi_row .onglet.selected .link,
.tab_multi_row .onglet:hover .nolink,
.tab_multi_row .onglet.selected .nolink
{
  font-weight: normal;
  text-decoration:none;  
}

.tbldetail
{
	margin-bottom:10px;
	margin-right:20px;
	text-align:left;
	vertical-align: top;
}

.tbldetail + .button,
.tblpanel + .button
{
	clear:both;
}

select.highlighted,
.checkboxarea.highlighted
{
	border-color:#015CAB !important;
	transition : border-color 0s; 
}

select,
.checkboxarea
{
    transition : border-color 1s ease;  
}

.link:hover, 
a:hover,
.dh_res .link:hover,
.dhm.starthour .link:hover,
.button:hover,
.button.ajax.sending:hover,
.link.sending:hover
.link:hover,
a:hover,
.dh_res .link:hover,
.dhm.starthour .link:hover,
#menu a:hover, 
#toolbar a:hover,
#banniere #toolbar .milieu_bandeau > .link:hover
{
	text-decoration: none;
}


#global_content > .view
{
	border:0px;
}

#global_content > .view > .tabcontainer
{
  /* margin-left: -20px;  margin-top: -20px;*/

	width:calc(100%);/* + 40px*/	
}





/* BOUTON PARCOURIR */
.uploadifive-button {
  border:none !important;
  padding: 10px 0 8px;
  text-shadow: none !important;
  font-size: 1.2em !important;
  height: auto !important;
}



#menu a{
  padding-left:5px;
  padding-right:5px;
}

#tbltoolbar{
	margin-left: 0;
  width: 100%;
  height:100%;
}

#tbltoolbar .namediary td{
  width: auto;
  text-align: left;
}

#tbltoolbar #tabs_cl_cms_DiaryListView tr{
  display: initial;
}

body .tabs
{
  background-image: none;
  margin:0px;
  border:0px;
}

.button{
	border-radius: 0;
}

.tdpanelcontent table.expandabletext div.link{
	padding-right: 15px;
}

.panelcontent,
.tabcontainer .tblcontainer .panelcontent,
.tabcontainer .calendar .panelcontent {
	border-radius: 0;
}


/* auto size des php warning message*/

  
#searchoptions_tablefield_cl_adm_MemberListView{
  padding-top:4px;
}
#cl_adm_MemberListViewsz_SearchValue{
  margin-top:8px;
  margin-right: 5px
}

.optionopen,
.optionclose {
  width:90px !important;
  height:auto !important;
}

.sidebar .critaryform
{
	padding:0px;
	margin:0px;
}


.spreadsheet
{
	background-color:none;
}

a.technique,a.production
{
	display:block;
	padding:2px;
}

.msgContentcontent .tabs
{
	margin-top: -15px;
	margin-left: -30px;
	width: calc(100% + 60px);	
}

.msgContentcontent .tabs .tab_multi_row
{
	background-color:#DADADA !important;
}

#detail_docview_area .panelcontent.OpenFieldsInTab
{
	padding:0px;
}

.msgContentcontent > div > .title1:first-child,
.msgContentcontent > div > h1:first-child,

.sidebar > h1:first-child,
.hassidebar.panelcontent > h1:first-child,
.panelcontent.OpenFieldsInTab > h1:first-child,
.sidebar > .title1:first-child,
.hassidebar.panelcontent > .title1:first-child,
.panelcontent.OpenFieldsInTab > .title1:first-child,

.sidebar > .view > h1:first-child,
.hassidebar.panelcontent > .view > h1:first-child,
.panelcontent.OpenFieldsInTab > .view > h1:first-child,
.sidebar > .view > .title1:first-child,
.hassidebar.panelcontent > .view > .title1:first-child,
.panelcontent.OpenFieldsInTab > .view > .title1:first-child,

.sidebar > .view > div > h1:first-child,
.hassidebar.panelcontent > .view > div > h1:first-child,
.panelcontent.OpenFieldsInTab > .view > div > h1:first-child,
.sidebar > .view > div > .title1:first-child,
.hassidebar.panelcontent > .view > div > .title1:first-child,
.panelcontent.OpenFieldsInTab > .view > div > .title1:first-child,

.openbordertable > .title1:first-child,
.openbordertable > h1:first-child,

.msgContentcontent > div > .title2:first-child,
.msgContentcontent > div > h2:first-child,

.sidebar > h2:first-child,
.hassidebar.panelcontent > h2:first-child,
.panelcontent.OpenFieldsInTab > h2:first-child,
.sidebar > .title2:first-child,
.hassidebar.panelcontent > .title2:first-child,
.panelcontent.OpenFieldsInTab > .title2:first-child,


.sidebar > .view > h2:first-child,
.hassidebar.panelcontent > .view > h2:first-child,
.panelcontent.OpenFieldsInTab > .view > h2:first-child,
.sidebar > .view > .title2:first-child,
.hassidebar.panelcontent > .view > .title2:first-child,
.panelcontent.OpenFieldsInTab > .view > .title2:first-child,

.sidebar > .view > div > h2:first-child,
.hassidebar.panelcontent > .view > div > h2:first-child,
.panelcontent.OpenFieldsInTab > .view > div > h2:first-child,
.sidebar > .view > div > .title2:first-child,
.hassidebar.panelcontent > .view > div > .title2:first-child,
.panelcontent.OpenFieldsInTab > .view > div > .title2:first-child,

.openbordertable > .title2:first-child,
.openbordertable > h2:first-child
{
	margin-top:0px;
	padding-top:0px;
}

.hassidebar.panelcontent .tab_multi_row
{
	background-color:transparent !important;
}

.panelcontent.hastabs
{
    padding-top:20px;
}

.dropfiles2 .button.submit {

  padding: 10px;
	margin-top:15px;
	margin-bottom:15px;
  font-size: 1.4em;

}

.dropfiles2 .button.add
{
  padding: 3px 6px;
  font-size: 1.15em;
}

.dropfiles2 .btn-container
{
	display:inline-block;
}
	
.msg .tabs ~ .panelcontent
{
	margin-bottom:10px;
}

.ctlbuttons_table
{
	margin-bottom:10px;
}

.viewcontent_cl_tools_BadgeListView 
{
  padding: 20px;
}

.info2.folder
{
    margin:0px;
    padding:8px;
}

#banniere #toolbar
{ 
  font-size: .95em;
}

.info .locked_message
{
    background-color:transparent;
}

.mylock.locked_message
{
    background-color:#C4E2B5 !important;   
    font-size:.95em;
}

.locked_bymyself::before
{
    color:#159f5c !important;   
}

.locked::before
{
    color:#df2f39 !important;
}

#user_descr #currentdiary
{
    white-space:nowrap;
    margin:0px;
    padding:0px;
    margin:0px;
    border:none;
    text-align:center;  
    padding-right:20px;
}

#global_content .panelcontent .tab_multi_row
{
    background-color:transparent !important;
    border-top-color:transparent !important;
    margin-top: 10px;
}


#global_content .panelcontent .tab_multi_row .onglet,
#global_content .panelcontent .tab_multi_row .onglet.selected
{
    margin-right:10px;
}

.tblfieldlist .button.ajax.consult,
.tblfieldlist .button.ajax.newwindow
{
    white-space:nowrap;
}

#infoupload
{
    display: block;
    margin-top:10px;
}

.upl-popup #infoupload
{
	max-width:960px;
} 

#infoupload.infouploadontop
{
    display: block;
    position: fixed;
    top: 90px;
    z-index: 1000000;
    left: 0px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding:0px;
    padding-left: 15px;
    margin-top: -5px;
    font-size: 12px;
    
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}

#infoupload.error
{
    font-weight: bold;
}

input.checkbox
{
  cursor:pointer;
}

input.checkbox + label
{
  cursor:pointer;
}

input.checkbox + label
{
  display:inline-block;
  cursor:pointer;
  margin-left:5px;
}

.tblcheckbox td
{   
    padding-right:3px;
}

.checkboxnotselected, 
.checkboxselected
{
    height:18px;
    padding-left:20px;
    color:#808080;
    white-space:nowrap;
}

.checkboxarea
{
    width:100%;
    max-width:600px;
    box-sizing: border-box;
    clear:both;
    max-height:250px;
    overflow-y:auto;
    padding:7px;
    margin-bottom:1px;
    padding-right: 20px;
}

.checkboxarea .tr_checkbox 
{
    padding:0px;
    margin:2px;
    /*overflow:hidden;*/
    white-space:nowrap;
    display:block;
    padding-left:20px;
    margin-right:10px;
    position:relative;
    cursor:pointer;
}

.checkboxarea .tr_checkbox input[type=checkbox]
{
    position:absolute;
    top:0px;
    left:0px;
    margin:0px;

}

.checkboxarea  input[type=checkbox]:checked + span,
.checkboxarea  input[type=checkbox]:checked + span span
{
    font-weight:bold;
    letter-spacing:-.41px;
}

.tblcheckbox .tr_checkbox input[type=checkbox],
.tblcheckbox .tr_checkbox input[type=checkbox] + span
{
    display:block;
    letter-spacing:-.41px;
}

.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox],
.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox] + span
{
    display:none;
}


.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox]:checked,
.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox]:checked + span
{
    display:block;
}


.tblcheckbox.hassearch .tr_checkbox[matchsearch='0'],
.tblcheckbox .tr_checkbox.force_hide
{
    display:none;
}

.tblcheckbox .checkboxsearchform,
.tblcheckbox .info2
{
    display:block;
}

.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox].force_display,
.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox].force_display + span,
.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox].force_display,
.tblcheckbox.hide_unchecked .tr_checkbox input[type=checkbox].force_display + span
{
     display:block !important;
}

.checkboxarea .tr_checkbox.faked 
{
    color : #319CD6;
}

.critaryform .checkboxarea
{
	overflow:auto;
}

.critaryform .checkboxarea.checkboxarea_ex
{
	max-width:420px;
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
}

.checkboxcreateform input.text
{
    display: inline-block;
    width: calc(475px - 25px - 170px - 50px);
}
.checkboxcreateform input.button
{
    display: inline-block;
    width: 50px;
}

.diarylistcontainer a {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    vertical-align:bottom;
    margin-left:10px;
    margin-right:10px;
    display:block;
}

.tblfieldlist .action td
{
	padding-right:2px;
	padding-left:1px;
}

#usr_window .info, 
#usr_window .info2,
#usr_window fieldset,
#usr_window .tblfieldlist,
#pbi_popup .info, 
#pbi_popup .info2,
#pbi_popup fieldset
{
    width:100%;
    min-width:465px;
    max-width:465px;
    margin-right:15px;
}

#pbi_popup fieldset
{
    margin:15px 0px;
    display:block;
    padding:5px 10px;
}

#pbi_popup fieldset legend
{
    color:black;
    font-weight:bold;
}

#pbi_popup h2
{
    display:block;
}

#pbi_popup .boutonorder
{
       float:right;
       margin-bottom:5px;
       margin-left:15px;
       width:180px;
       text-align:center;
}

#pbi_popup #tblpagecl_pbi_SelectedDocView
{
    max-height:150px;
    overflow:auto;
}

#pbi_popup .erase
{
    display:none;
}
.survey_home
{
    width:700px;
    margin:auto;
}

.survey_home .logocontainer img
{
    max-height:130px;
}

.survey_home .logocontainer
{
    max-height:130px;
    margin-right:40px;
    margin-bottom:40px;
}

/*///////////////////
     LES BASKETS 
///////////////////*/
.namediary
{
    background-color:none;
    display:block;
    text-align:left;
    margin:2px;
    width:450px;
    padding-right: 20px;
    position: relative;
}

.namediary a
{
    width:100%;
}

.namediary .cat-surgery
{
    font-size: 14px;
}

.namediary .cat-insurgery
{
    padding-left:10px;
}

.namediary .name + .profile_name
{
    float:right;
}

.diarylistprofilename
{
    opacity:.5;
    font-size:.85em; 
    line-height:.85em;
    margin-top:2px;
}

.basket-flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.basket-separator {
    font-size: 14px;
    color: white;
    padding: 8px 8px;
    font-weight: bold;
}

.namediary .basket_link .notif_basket
{
    background-color: #F04040;
    border-radius: 15em;
    color: white;
    font-size: 10px;
    text-align: center;
    margin-left:5px;
    vertical-align: top;
    border-left: 5px solid #E04040;
    border-right: 5px solid #E04040;
    padding-bottom:1px;
    display:none;
}

.namediary .basket_link.hasresult .notif_basket
{
     display:inline-block;
    
}

.namediary .basket_link .notif_basket.waiting
{
    background-color: #404040;
    border-color: #404040;
}

.namediary .basket_name
{
    white-space:nowrap;
} 

.namediary .view
{
    display:inline-block;
}

/* .namediary .basket_link
{
    width:250px;
    display:inline-block;
    white-space:nowrap;
} */

.namediary .profile_name .basket_link
{
    width:100px;
}

.link.cat-insurgery
{
    display:block;
}

.ajaxviewcontent_cl_basket_HomeView .accordioncontent
{
    overflow:initial;
}

.link.logout
{
	white-space:nowrap;
}

.searchpanel .button.submit
{
	padding: 4px;
    font-size: .85em;
}

.tblfieldlistcount .multibuttons .button.submit
{
    margin:0px 10px;    
}

form[id*=\_CritaryView] .button.submit::before,
form[onsubmit*=Search] .button.submit::before,
.searchpanel .button.submit::before
{
   content:'\f002';
}

.critaryform .critary_value
{
    position:relative;
}

.critaryform .typefield_gapdate .html5 input,
.critaryform .typefield_gapdatehour .html5 input
{
    padding-left:25px;
}

.critaryform .typefield_gapdate .html5 .buttondown,
.critaryform .typefield_gapdatehour .html5  .buttondown
{
    border:0px;
    height:22px;
    margin:0px;
    left:0px;
    width:20px;
    text-align:center;
    padding:0px;
    border:1px solid transparent;
    line-height:21px;
    margin-top:1px;
}

.critaryform .typefield_gapdate  .html5 .buttondown::before,
.critaryform .typefield_gapdatehour .html5  .buttondown::before
{
    font-size:.8em;
    font-weight:normal;
    color:#606060;
}

.critaryform .typefield_gapdate.opened .html5  .buttondown,
.critaryform .typefield_gapdatehour.opened  .html5 .buttondown,
.critaryform .typefield_gapdate .html5  .periodlabel,
.critaryform .typefield_gapdatehour  .html5 .periodlabel,
.critaryform .typefield_gapdate  .html5 .gapdateend,
.critaryform .typefield_gapdatehour  .html5 .gapdateend
{
    display:none;
}

.critaryform .typefield_gapdate.opened  .html5 .buttondown,
.critaryform .typefield_gapdatehour.opened  .html5 .buttondown,
.critaryform .typefield_gapdate  .html5 .periodlabel,
.critaryform .typefield_gapdatehour  .html5 .periodlabel,
.critaryform .typefield_gapdate  .html5 .gapdateend,
.critaryform .typefield_gapdatehour  .html5 .gapdateend
{
    display:none;
}

.html5 .gapdate+.gapdateend input
{
	border-top:1px solid transparent;
}

.opened .html5 .gapdate.gapdateend .buttondown
{
    display:inline-block;
    left:-25px;
    background:white;
    border:1px solid #E8E8E8;
}

/*
.critaryform .typefield_gapdate .gapdate input,
.critaryform .typefield_gapdatehour .gapdate input
{
    padding-right:25px;
}*/

.critaryform .typefield_gapdate.opened .html5  .gapdate,
.critaryform .typefield_gapdatehour.opened .html5  .gapdate,
.critaryform .typefield_gapdate.opened .html5  .gapdateend,
.critaryform .typefield_gapdatehour.opened  .html5 .gapdateend
{
	display:block;
}

/*
.critaryform .typefield_gapdate.opened .gapdate input,
.critaryform .typefield_gapdatehour.opened .gapdate input,
.critaryform .typefield_gapdate.opened .gapdateend input,
.critaryform .typefield_gapdatehour.opened .gapdateend input
{
    padding-right:5px;
    padding-left:25px;
}
*/
.critaryform .typefield_gapdate.opened  .html5 .periodlabel,
.critaryform .typefield_gapdatehour.opened  .html5 .periodlabel
{
	 display:inline-block;
	 padding-top:5px;
	 padding-left:6px;
	 position:absolute;
	 width:25px;
	 opacity:.5;
	 font-size:.9em;
}

.critaryform .typefield_gapdate.opened .html5 .gapdateend .periodlabel,
.critaryform .typefield_gapdatehour.opened .html5 .gapdateend .periodlabel
{
     padding-top:4px;
}

.typefield_text.search
{
    position:relative;
}

.typefield_text.search::after
{
	content: '\f002'; 
	font-family:FontAwesome;
	color: #606060;
    display:block;
    right:10px;
    bottom:3px;
    position:absolute;    
    text-align:center;
    padding:0px;
    font-size:15px;
    cursor:pointer;
}

.radioarea {
    max-height: 200px;
    overflow-y: auto;
    padding-top:1px;
}

div.msg .msgContentcontent .critaryform 
{
	padding-right:0px;
}

.divsearchpanel .search_result_message::before
{
	display:none;
}

.autosearchpostcodetown
{
	position:absolute;
	margin-left:-22px;

}

/* Couleurs des bordures des champs en erreur */

.critary_value.error
{
    border:1px solid;
    border-color:#891524;
    background-color:#F6EAEA;
    color:#000000;
}

.form_label.error,
.form_label.error .empty_value
{
    color:#AA1624; 
    opacity:1;
}


.fielderror.critary_value
{
    border:0px !important;
    background-color:transparent !important;    
}

.fielderror.label.form_label
{
    border-color:#891524 !important;
    background-color:#F6EAEA !important;
    color:#000000 !important; 
}

.error,
input.error,        
div.select.error, 
input.checkbox.error, 
input.hidden.error, 
input.file.error, 
input.image.error, 
input.password.error, 
input.radio.error, 
input.text.error, 
textarea.error, 
select.error,
textarea.error,
.radioarea.error,
.checkboxarea.error,
.fielderror.critary_value .input[mainfield=true],
.fielderror.critary_value input[mainfield=true],
.fielderror.critary_value select[mainfield=true],
.fielderror.critary_value .radioarea,
.fielderror.critary_value .checkboxarea,
.fielderror.critary_value .textarea,
.fielderror.critary_value.typefield_dyn_select div.select,
.fielderror.critary_value.typefield_select div.select,
.fielderror.critary_value.typefield_editableselect div.select
.fielderror.critary_value.typefield_dyn_select select,
.fielderror.critary_value.typefield_select select,
.fielderror.critary_value.typefield_editableselect select
{
    border-color:#891524 !important;
    background-color:#F6EAEA !important;
    color:#000000 !important; 
}

table.action
{
	display:inline-block;
}

table.action td 
{
    min-width: 20px;
}

pre.ace_editor
{
    margin:2px 0px;
    padding-bottom: 8px;
}

pre.ace_editor button.processing
{
  color: #1495F3;
  z-index: 10;
  float: right;
  margin-right: 20px;
}

div.ace_scroller, div.ace_gutter
{
    top: 16px;
}

pre.ace_editor button.expandDiag, pre.ace_editor button.compressDiag
{
  color: #1495F3;
  z-index: 10;
  float: right;
}

.ace-toolbar
{
  text-align: right;
  margin-right: 20px;
}

.ace-toolbar button
{
  margin: 2px;
}

.ace-toolbar .ace-toolbar-wrap
{
  margin: 2px 3px;
}

.initAceEditor textarea,
.initAceEditor.label
{
	width:700px;
    max-width:none !important;
	height:77px;
}

.initAceEditor .textarea-smaller-aceEditor
{
  position: absolute;
  width: 600px;
  height: 30px !important;
  margin-top: 30px;
}

#group_MailInput_cl_ide_View
{
  z-index: -1;
  position: absolute;
  /*Autre alternative au z-index*/
  /* left: -10000px; */
}

form.critary .hidden_fieldset
{
    font-size:.9em;
    color:#909090;   
}

form.critary .hidden_div
{
    display:inline-block;
    margin-bottom:2px;
    white-space:nowrap;
}

form.critary .hidden_col,
form.critary .hidden_val
{
    display:inline-block;
    padding:1px 4px;    
}

form.critary .hidden_val
{
    color:#505050;  
    background:#F0F0F0;  
}

/* type booleen dans le formulaire */

.togglearea
{
    padding-bottom:0px;
    padding-top:1px;
}

.togglecontainer
{
	/*background:#FCFCFC;*/
    /*display:inline-block;*/
    margin:0px;
    padding:0px;
    padding-left:1px;
}

.togglearea span
{
    display:inline-block;
    margin:0px;
    text-align:center;
    line-height:14px;
    cursor:pointer;    

    padding:3px 7px;
    padding-right:7px;
    
    color:#B6B6B6;
    border:1px solid #E8E8E8;
    background:#FCFCFC;
    
    margin-left:-1px;
    
    white-space:nowrap;
    
    min-width:45px;
}

.togglecontainer.undefined
{
    /*border-color:transparent !important;
    background:transparent;
    display:inline-block;
    float:none;
    */
    display:none;
}
                        
.togglecontainer label
{
    display:table-cell;
    vertical-align:middle;
    padding:0px;
    margin:0px;
}

.togglearea input.toggle.boolzero:checked + span
{
	transition:background-color .5s, color .5s, border-color .5s;    
}

.togglearea input.toggle.boolanyvalue:checked + span 
{
    transition:background-color .5s, color .5s, border-color .5s;
}

/* style avec arrondi a droite
.typefield_boolean .togglearea .togglecontainer label:last-child span
{
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	padding-right:10px;
}*/

/*.togglearea input.toggle.boolundefined:checked ~ .togglecontainer 
{
    border-color:transparent;
    background:#FAFAFA;
}*/

.togglearea input.toggle.boolundefined:checked ~ .togglecontainer.undefined span
{
    background:transparent;
}

.togglearea input.toggle.boolundefined ~ .togglecontainer.undefined span 
{
	border-color:transparent;
	color:#C0C0C0;
	background:transparent;
	cursor:pointer;
	
}
.togglecontainer.undefined span 
{
    display:none;
    /*visibility:hidden;
    cursor:default;*/
}
    
.togglearea input.toggle {display:none;}


ul.pwd_list {
  list-style: none;
}

ul.pwd_list li.pwd_message::before 
{
    content: "\f111";
    margin-right: 8px;
    margin-left: 1px;
    font-size: 5px;
    vertical-align: bottom;
}

ul.pwd_list li.pwd_message.pwd_valid::before 
{
    content: "\f00c";
    margin-right: 4px;
    margin-left: 0px;
    font-size: 9px;
}

.pwd_valid 
{
    color: green;
    font-weight: bold;
}

.infoNewDoc {
    margin-top: 14px;
}

#labelNewDoc {
    font-style: italic;
}

.thumb_header_flex
{
    display: flex;
    justify-content: space-between;
}

/* .sidebar.CritaryArea .tblcritaryform tr td:first-child {
    width: 100%;
} */

.IE .sidebar.CritaryArea .tblcritaryform tr td:first-child {
    width: 200px;
}

.tblcritaryform tr.CritaryGroup td {
    vertical-align: middle;
}

html:not(.IE) .tblcritaryform tr.CritaryGroup.tr_typefield_gapdate td:first-child,
html:not(.IE) .tblcritaryform tr.CritaryGroup.tr_typefield_checkbox td:first-child,
html:not(.IE) .tblcritaryform tr.CritaryGroup.tr_typefield_checkbox_ex td:first-child,
html:not(.IE) .tblcritaryform tr.CritaryGroup.tr_typefield_textarea td:first-child,
html:not(.IE) .tblcritaryform tr.CritaryGroup.tr_typefield_radio td:first-child {
    vertical-align: top;
    padding-top: 6px;
}

.sidebar.CritaryArea .submitpanel {
    margin: 0px;
}


/* Mise en forme des Badges et flag CSS */
.badge {
    display:inline-block;
    color:white;
    text-align:center;
    width:80px;
    padding:3px 5px;
    border-radius:3px;
    font-weight:bold;
}

.badge2 {
    display:inline-block;
    text-align:center;
    padding:3px 5px;
    border-radius:3px;
    font-weight:bold;
}

/* Les drapeaux officiels FR et IT ont les meme proportions => 2:3, je force les dimensions en respectant ce ratio */
.flag {
    display:inline-block;
    width:24px;
    height:16px;
    border:1px solid #333;
    border-radius:3px;
    margin-right: 5px;
}

#cl_basket_ListView-Panel {
    border:1px lightgray solid;
    width: max-content;
}

#cl_basket_ListView-Panel .list {
    width: max-content;
}

#cl_basket_ListView-Panel.reduced {
    width:35px;
    overflow: hidden;
}

#cl_basket_ListView-Panel.torefresh {
    border-style: dashed;
}

#cl_basket_ListView-Panel .enlarge {
    display:none;
}

#cl_basket_ListView-Panel.reduced .enlarge {
    display:block;
    color:white;
}

#cl_basket_ListView-Panel.reduced .list {
    /* margin-left:50px; */
    display:none;
}

#cl_basket_ListView-Panel .reduce {
    float:right;
}

#cl_basket_ListView-Panel.reduced .reduce {
    display:none;
}

.tab_multi_row{
    display: flex;
}

.active_basket span:first-child{
    font-weight: bold;
}

.active_basket_tmp span:first-child{
    color:rgb(145, 164, 229);
}