@CHARSET "UTF-8";

/*
Bleu foncé: rgb(0,72,99)




*/
/********* 
* GLOBAL
**********/
@font-face {
     font-family: 'calibri';
     src: url('../fonts/calibri.ttf');
}
@font-face {
     font-family: 'earthorbiterxtraboldital';
     src: url('../fonts/earthorbiterxtraboldital.ttf');
}

@font-face {
    font-family: 'ultimapdacultralight';
    src: url('../fonts/ultimapdac-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/ultimapdac-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nius-margin-top-4{margin-top:4px!important;}
.nius-margin-top-10{margin-top:10px!important;}
.nius-margin-top-20{margin-top:20px!important;}
.nius-margin-top-32{margin-top:32px!important;}
.nius-margin-top-64{margin-top:64px!important;}
.nius-margin-top-100{margin-top:100px!important;}

.nius-margin-bottom-10{margin-bottom:10px!important;}
.nius-margin-bottom-20{margin-bottom:20px!important;}
.nius-margin-bottom-32{margin-bottom:32px!important;}
.nius-margin-bottom-64{margin-bottom:64px!important;}
.nius-margin-bottom-100{margin-bottom:100px!important;}

.nius-padding-4{padding-top:1px!important; padding-bottom:1px!important; padding-left:2px!important; padding-right:2px!important;}
.nius-padding-10{padding-top:5px!important; padding-bottom:5px!important; padding-left:3px!important; padding-right:3px!important;}
.nius-padding-20{padding-top:10px!important; padding-bottom:10px!important; padding-left:6px!important; padding-right:6px!important;}
.nius-padding-32{padding-top:16px!important; padding-bottom:16px!important; padding-left:8px!important; padding-right:8px!important;}
.nius-padding-64{padding-top:32px!important; padding-bottom:32px!important; padding-left:12px!important; padding-right:12px!important;}

.nius-padding-left-5{padding-left:5px!important;}

.nius-cms-main-title{font-size:18px!important;margin:0;padding:0;padding:4px 8px!important;padding-left:4px; padding-top:10px; padding-bottom:10px;margin-left:5px;
						margin-bottom:3px;background-color: rgb(240, 240, 255);color:black;border-width:0 0 3px 0;border-style:solid;border-color:#00bcd4!important;font-weight:400;}
						
.nius-cms-second-title{font-size:16px!important;margin:0;padding:0;padding:3px 6px!important;padding-left:4px; padding-top:8px; padding-bottom:8px;margin-left:5px;
						margin-bottom:3px;background-color: rgb(240, 240, 255);color:black;border-width:0 0 2px 0;border-style:solid;border-color:#00bcd4!important;font-weight:400;}
						
.nius-cms-third-title{font-size:14px!important;margin:0;padding:0;padding:2px 4px!important;padding-left:3px; padding-top:6px; padding-bottom:6px;margin-left:5px;
						margin-bottom:3px;background-color: rgba(240, 240, 255, 0.5);color:black;font-weight:400;}

.nius-cms-secondMenu {padding:8px;padding-left:0px;margin-left:5px;}
.nius-cms-secondMenu-item{float:left;padding:5px;padding-left:5px;padding-right:10px;background-color: rgb(240, 240, 255);border-width:0 2px 0 0;border-style:solid;border-color:#00bcd4!important;
						font-weight:400;color:black!important;} 
.nius-cms-secondMenu-item:hover{background-color: rgb(220, 220, 235);border-color:#019EB2!important}

.nius-structured-list-item{padding:5px;padding-top:1px;padding-bottom:1px;background-color: rgb(240, 240, 255);}
.nius-structured-list-item:hover{background-color: rgb(220, 220, 235);}
.nius-structured-list-item-topLevel{}
.nius-structured-list-item-subLevel{}

.hover-display{display:none;}
.nius-structured-list-item:hover .hover-display{display:inline;}
td:hover .hover-display{position: absolute; display:inline;margin-bottom:10px;}

div.secondMenu a{
	background-color: white;
	padding: 3px;
	color: black;
}

div.secondMenu a:hover{
	background-color: rgb(220,220,220);
}	

body{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: rgba(150,150,150, 0.3);
	position: relative;
	font-family: 'calibri';
}

a{
	text-decoration: none;	
}

li{
	list-style-type: none;	
}

/********* 
* HEADER
**********/
header{
	z-index: 10;
	width: 100%;
	position: fixed;
	top:0px;
	/*background-image: url('../images/layout/bg_incline_bc_180d.svg');*/
	height: 60px;
	background-color: rgb(0,72,99);
}

div.header_container{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 60px;
	background-color: transparent;
	border-radius: 0px 0px 0px 0px;
}

nav.cms_main_menu{
	position: absolute;
	top: 50px;
	left: 100px;
	width: 295px;
	padding: 2px;
	background-color: rgba(0,0,0,0.6);

}

div.cms_main_menu_container{
	position: relative;
	width: 100%;
	height: 100%;
}

div.cms_main_menu_container a{
	text-decoration: none;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.cms_main_menu_choice_picture{
	width: 80px;
	height: 40px;
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
}

div.cms_main_menu_choice{
	position: relative;
	float: left;
	width: 90px;
	height: 70px;
	margin: 3px;
	border-radius: 6px 6px 6px 6px;
	background-color: rgba(0,0,0,0.5);
	transition-property: height, padding, margin, border-radius, background-color;
    transition-duration: 500ms, 300ms, 500ms;
    /* transition-timing-function: linear;*/
    transition-delay: 0ms, 0ms, 0ms;
}


div.cms_main_menu_choice:hover{
	background-color: rgba(0,0,0,0.8);
}

div.logo{
	position: absolute;
	left: 10px;
	top: 3px;
	width: 95px;
	padding: 2px;
	padding-top: 10px;
	background-color: rgb(255,255,255);
	height: 45px;
}

div.arrow_menu{
	position: absolute;
	left: 104px;
	top: 3px;
	width: 25px;
	height: 47px;
	background-image: url('../images/layout/menu_arrow_bottom.svg');
	background-size: cover;
}

div.arrow_menu:hover{
	background-image: url('../images/layout/menu_arrow_bottom_hover.svg');
}

div.menu_user{
		position: fixed;
		top: 0px;
		right: 40px;
		width: 487px;
		background-color: rgb(0, 92, 109);
		z-index: 50;
		color: white;
		padding: 3px;
		padding-left: 10px;
		padding-bottom: 5px;
}

div.menu_user a{
	color: white;
}

hr.header_sep{
	position: relative;
	float: left;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border:1px solid black;
	
}

/*********
* LEFT PANEL
**********/
/* MOD LEFT PANEL */
ul.modLeftMenu li{
	height: 30px;
	background-color: rgb(240, 240, 255);
	margin-bottom: 3px;
	transition-property: border;
    transition-duration: 500ms;
    transition-delay: 0ms, 0ms;
}

ul.modLeftMenu li:hover{
	border-color: white;
	border-width: 0px 0px 0px 20px;
	border-style: solid;
}

ul.modLeftMenu li a{
	padding: 5px;
	height: 30px;
	text-decoration: none;
	display: block;
	color: black;
}

/* COMMON LEFT PANEL */
div.leftPanel{
	z-index: 9;
	position: fixed;
	top: 60px;
	left: 0px;
	bottom: 40px;
	width: 250px;
	padding-left: 0px;
	background-color: rgba(0, 72, 99, 0.9);
}


/* COMMON CMS TABLE */
/* ADD */
table.modNewCommon_table{
	border-collapse: collapse;
	margin-top: 5px;
	margin-left: 5px;	
}

td.modNewCommon_leftColumn{
	width: 150px;
	background-color: white;
	font-size: 14px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;;
	border-color: black;
	padding-left: 2px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}

td.modNewCommon_rightColumn{
	background-color: white;
	width: 230px;
	height: 25px;
	font-size: 13px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;;
	border-color: black;
	text-align: left;
}

td.modNewCommon_rightColumn input{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px solid rgb(50,50,50);
}

td.modNewCommon_rightColumn input[type="checkbox"]{
	width: 30px;
}

table.modNewCommon_table tr:hover td{
		background-color: rgb(220,220,220);
}

/* COMMON CMS input */
.modNewCommon_input{
	margin-left: 5px;
	border: 0px solid rgb(50,50,50);
	/*width: 395px;*/
	/*height: 34px;*/
	font-size: 18px;
	background-color: rgba(240,240,240,0.6);
	border: 1px solid rgb(200,200,200);
	font-family: 'calibri';
	color: rgb(40,40,40);
}

/* COMMON CMS SELECT */
.modNewCommon_select{
	margin-left: 5px;
	border: 0px solid rgb(50,50,50);
	/*width: 395px;*/
	/*height: 34px;*/
	font-size: 18px;
	background-color: rgba(240,240,240,0.6);
	border: 1px solid rgb(200,200,200);
	font-family: 'calibri';
	color: rgb(40,40,40);
}

/* COMMON CMS BUTTON */
.modNewCommon_button{
	margin-left: 5px;
	border: 0px solid rgb(50,50,50);
	/*width: 395px;
	height: 34px;*/
	font-size: 18px;
	background-color: rgba(240,240,240,0.6);
	border: 1px solid rgb(200,200,200);
	font-family: 'calibri';
	color: rgb(40,40,40);
}

.modNewCommon_button:hover{
	cursor: pointer;
	background-color: rgba(240,240,240,0.8);
	color: rgb(30,30,30);
}

/* COMMON CMS VISUALIZATION */
div.secondMenu {
	padding: 15px;
	padding-left: 5px;
}

div.secondMenu a{
	background-color: white;
	padding: 3px;
	color: black;
}

div.secondMenu a:hover{
	background-color: rgb(220,220,220);
}

table.viewList{
	border-collapse: collapse;
	margin-left: 5px;
}

tr.viewListTitle{
	background-color: white;
	padding-left: 10px;
	font-weight:bold;
}


tr.viewList{
	background-color: white;
	padding-left: 10px;
	font-size: 14px;
	border-width: 1px 0px 1px 0px;
	border-color: black;
	border-style: solid;
}

tr.viewList:hover{
	background-color: rgb(220,220,220);
}

tr.viewList a{
	text-decoration: none;
}

table.viewList td{
	padding: 3px;
	padding-left: 10px;
}




div.lp_container{
	height: 100%;
}

div.lp_categorie{
	margin-bottom: 0px;
}

div.lp_categorie:hover{
	
}

div.lp_choice{
	padding-left: 20px;
	margin-bottom: 5px;
}

div.lp_choice:hover{
	
}

div.menul{
	color: grey;
	font-size: 14px;
	padding-left: 5px;
}

div.menul_title{
	color: grey;
	font-size: 14px;
	padding-left: 5px;
	font-weight: bold;
	background-color: rgb(220,220,220);
}

div.menul:hover{
	background-color: grey;
	color: black;
}

div.site_arborescence{
	position: relative;
	float: left;
	height: 50%;
	background-color: white;
	overflow-y: scroll;
	margin-left:  0px;
}

div.arbor_title{
	background-color: rgb(0, 92, 109);
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	width: 218px;
}

div.lp_add_rule{
	position: relative;
	float: left;
	height: 30px;
	background-color: green;
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
	color: black;
	text-decoration: none;
}

div.lp_del_rule{
	position: relative;
	float: left;
	height: 30px;
	background-color: red;
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
	color: black;
	text-decoration: none;
}

div.lp_back{
	position: relative;
	float: left;
	height: 30px;
	background-color: rgb(0, 72, 99);
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
	color: black;
	text-decoration: none;
}


span.arbo_lang{
	font-size: 10px;
	padding-right: 3px;
	color: rgb(190, 190, 190);
}

table.rule_opt{
	border-collapse: separate;
	border:none;
}

table.rule_opt tr.opt td{
	text-align: center;
	font-style: italic;
	width: 180px;
}

table.rule_opt tr.opt{
	background-color: lightgrey;
}

/*********
* BODY
**********/
/* main_layout */
div.main_container{
	z-index: 5;
	position: fixed;
	background-color: rgba(0, 72, 99, 0.5);
	top: 60px;
	left: 250px;
	right: 0px;
	bottom: 40px;
}

div.content_container{
	margin-left:0px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 15px;
	overflow-y: auto; 
}

div.content_deco{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 13px;
	padding-top: 2px;
	text-align: center;
	font-size: 12px;
	background-color: rgb(0, 92, 109);
}

/* Relatif aux pages */
div.content_home{
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/* Flash messages */
div.flash_message_container{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1000;
	pointer-events: none;
}

div.flash_message{
	position: relative;
	width: 500px;
	background-color: lightblue;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	max-width: 50%;
	text-align: center;
	display: none;
	padding: 10px;
	color: rgb(0, 92, 109);
	border: 2px solid rgb(0, 92, 109);
	z-index: 1000;
}

div.flash_error_message{
	position: relative;
	width: 500px;
	background-color: rgb(255,160,160);
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	max-width: 50%;
	text-align: center;
	display: none;
	padding: 10px;
	color: red;
	border: 2px solid red;
	z-index: 1000;
}

/* Juste pour la page d'accueil */
div.accueil{
	text-align: center;
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	bottom: 0px;	
}

div.accueil_company_name{
	position: absolute;
	font-family: 'earthorbiterxtraboldital', 'calibri';
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-left: 30%;
	padding-bottom: 10%;
	text-align: center;
	font-size: 80px;
	font-style: italic;
	color: rgba(0, 72, 99, 0.9);
}

/* Page info */
div.info_container{
	position: relative;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	text-align: center;
	font-family: 'ultimapdacultralight', 'calibri';
	color: white;
	font-size: 1.5vw;
}

/* Page d'edition */
div.editpagefileoptions{
	position: absolute;
	right: 0px;
	top: 15px;
	left: 0px;
	height: 121px;
	padding: 2px;
	background-color: transparent;
}

div.divareaeditpagefile{
	position: absolute;
	right: 0px;
	top: 140px;
	left: 0px;
	bottom: 0px;
	z-index: 5;
}

textarea.editpagefile{
	width: 100%;
	height: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	resize: none;
    overflow-y: scroll;
}

textarea.editpagedescription{
	overflow-y: scroll;
	resize: none;
	width: 400px;
	height: 70px;
	font-family: 'calibri';	
}

div.previewdiv{
	position: absolute;
	right: 0px;
	top: 15px;
	left: 0px;
	bottom: 0px;
	z-index: 6;
	background-color: white;
}

div.previewmenu{
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0px;
	height: 21px;
	padding: 2px;
	background-color: rgba(0, 72, 99, 0.6);
}

img.closeimg{
	position: absolute;
	height: 18px;
	top: 3px;
	left: 3px;
	cursor: pointer;
}

div.previewcontent{
	position: absolute;
	right: 0px;
	top: 25px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
}

input.editpage_pagetitle{
	float: left;
	width: 300px;
	height: 15px;
	font-size: 14px;
	border: 1px solid black;
	background-color: white;
	padding: 2px;	
	margin-right: 10px;
}

/* Elements generaux settings */
div.settings_content{
	
}

div.settings_content_second{
	padding-bottom: 100px;
}

.settings_default_link{
	background-color: rgb(0, 92, 109);
	padding: 8px;
	color: white;
	font-weight: bold;
	font-family: 'calibri';
	margin-bottom: 8px;
	transition-property: padding;
    transition-duration: 500ms;
    /* transition-timing-function: linear;*/
    /* transition-delay: 0ms, 0ms, 0ms; */
    border: 0px;
    cursor: pointer;
}

div.settings_default_link:hover{
	padding-left: 15px;
}

div.settings_default_link_little{
	background-color: rgb(0, 92, 109);
	padding: 2px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	font-family: 'calibri';
	margin-left: 5px;
	position: relative;
	width: 80px;
	text-align: center;
	float: left;
}

h2.settings_title{
	padding-left: 10px; 
	background-color: rgba(255,255,255,0.5);
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.settings_subtitle{
	background-color: white;
	padding: 0px;
	padding-left: 0px;
	height: 21px;
}

div.settings_subtitle_title{
	float: left;
	background-color: rgb(0,72,99);
	color: white;
	height: 21px;
	padding-left: 4px;
	padding-right: 4px;
	font-style: italic;
}










/*********
* FOOTER
**********/
footer{
	z-index:8;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgb(0, 72, 99); /* rgb(0, 72, 99) */
	height: 40px;
	padding-left: 250px;
}

div.footer_infos{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	font-size: 12px;
	background-color: rgb(0, 92, 109); /*  rgb(0, 92, 109) */
}