html,body { width:100%; height:100%; padding:0px; margin:0px; /* min-width:100vw; */ }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  }
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > .column-full { flex:100%; }
.columns > li { flex:1; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }

.carousel > .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.carousel > .carousel-inner > .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }

.ui-datepicker { z-index:1500 !important; }

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

body {
	min-width:320px; /* 100vw */
	background: white;
	font-family:'Gotham', sans-serif; 
	font-size: 14px;
	overflow-x: hidden;
}

.container { width:100%; max-width:1200px; }

.checkbox-inline input { position: relative; display:inline-block; width:16px; height:16px; -moz-appearance:none; -webkit-appearance:none; margin-top:0px; vertical-align:top; border:none !important; }
.checkbox-inline input:before  { content:" "; position:absolute; left:0px; top:0px; width:16px; height:16px; border-radius:3px; /* border:solid 1px #666; */ background:#ddd; }
/* .checkbox-inline input:checked:after { content:" "; position:absolute; left:3px; top:3px; width:14px; height:14px; border-radius:7px; background-color:#e5194e; } */
.checkbox-inline input:checked:after { font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f00c"; position:absolute; left:0px; top:0px; width:16px; height:16px; /* border-radius:7px; background-color:#e5194e; */ background:transparent; color:#002761; text-align:right; }
.checkbox-inline input[type="checkbox"] { }
.checkbox-inline input[type="checkbox"]:before { /* border-radius:0px; */ }
.checkbox-inline input[type="checkbox"]:checked:after { /* border-radius:0px; background:#002761; */ }
.checkbox-inline input[type=checkbox], .radio-inline input[type=radio], .checkbox-inline input[type=radio] { position:absolute; margin-left:-20px; }

	.checkbox-inline.switch-mini { padding-left:0px; }
	.checkbox-inline.switch-mini input { position:relative; width:40px; height:24px; margin:0px 5px 0px 0px; -webkit-appearance:none; -moz-apparance:none; }
	.checkbox-inline.switch-mini input:before { content:" "; position:absolute; left:0px; top:0px; width:40px; height:24px; border-radius:15px; background:#ccc; box-shadow:inset 2px 3px 6px rgba(0,0,0,0.2); border:none; }
	.checkbox-inline.switch-mini input:after { content:" "; position:absolute; right:2px; top:2px; width:22px; height:20px; border-radius:11px !important; background:#fff !important; box-shadow:inset 1px 1px 0px 2px #ddd; border:solid 2px #aaa; }
	.checkbox-inline.switch-mini input:checked:before { background:linear-gradient(to right, #001C46, #0049b5); /* #008000; */ }
	.checkbox-inline.switch-mini input:checked:after { left:2px; right:auto; }
	.checkbox-inline.switch-mini label { font-weight:normal; }

.ui-front.ui-autocomplete { z-index:6666; }

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

.boxed { background:#fff; border-radius:4px; border:solid 1px #ccc; box-shadow:0px 0px 6px rgba(0,0,0,0.2); }
div.date, th.date, td.date { text-align:center; }

.boxed h4 { position:relative; margin:20px 20px 20px 20px; font-size:20px; font-weight:normal; text-transform:uppercase; color:#000; }
.boxed h4:before { content:" "; position:absolute; top:0px; left:-20px; bottom:0px; width:5px; background:#002761; }

.btn-lnc { position:relative; display:inline-block; height:30px; line-height:30px; padding:0px 20px; border-radius:15px; background:linear-gradient(to right, #ed7b69, #f8b49e); color:#fff !important; font-weight:normal; font-size:13px; text-decoration:none !important; border:none; outline:none !important; box-shadow:none !important; transition:all 0.4s ease; }
.btn-lnc > span { /* margin-right:5px; */ }
h2 > .btn-lnc { height:24px; line-height:24px; padding:0px 15px; border-radius:12px; font-size:12px; }
.btn-lnc:hover { background:#ed7b69; }
.patch-lnc { display:inline-block; height:30px; line-height:30px; padding:0px 10px; border-radius:0px; background:#0049b5; color:#fff !important; font-weight:normal; font-size:13px; text-decoration:none !important; border:none; outline:none !important; box-shadow:none !important; }
.icon-statut.O { background:#0049b5 !important; }
.icon-statut.R { background:#E17059 !important; }
.icon-statut.A { background:#707070 !important; }
.btn-lnc.btn-edit { position:relative; /* font-size:0; */ }
.btn-lnc.btn-edit:before { /* font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f044"; */ }
.icon-cross.refuse:before { color:#ff0000; }
.icon-checkmark.accepte:before { color:#008800; }
span.statut { display:inline-block; width:10px; height:10px; border-radius:5px; background:#707070; }
span.statut.accepte { background:#0049b5; }
span.statut.refuse { background:#707070; }
strong.accepte { color:#0049b5; }
strong.refuse { color:#707070; }

.iconized-lnc { position:relative; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#002761; color:#fff !important; text-decoration:none !important; }
.iconized-lnc:before { position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; vertical-align:middle; }
.iconized-lnc.export:before { content:"\f1c3"; font-family:'Font Awesome 5 Pro'; font-size:20px; font-weight:500; }
.iconized-lnc.new-prescripteur:before { content:"\f2b9"; font-family:'Font Awesome 5 Pro'; font-size:20px; font-weight:500; }
.iconized-lnc.insert:before { content:"\f067"; font-family:'Font Awesome 5 Pro'; font-size:20px; font-weight:500; }
.iconized-lnc.delete:before { content:"\f2ed"; font-family:'Font Awesome 5 Pro'; font-size:20px; font-weight:500; }

h1 > .buttons, h2 > .buttons, h3 > .buttons, h4 > .buttons { list-style-type:none; display:inline-block; vertical-align:middle; margin-left:5px; }
h1 > .buttons > li,
h2 > .buttons > li,
h3 > .buttons > li,
h4 > .buttons > li { display:inline-block; margin-left:5px; }

/* #main { position:relative; display:block; overflow:visible; padding:0px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); margin-bottom:40px; }
#main section { position:relative; display:block; margin-bottom:0px; }
#main > h1 { background:#966F33; height:30px; line-height:30px; padding:0px 15px; text-align:right; font-weight:500; font-size:12px; color:#fff; }
#main > h1 strong { color:#000; } */

.menubar { position:fixed; background:#021C47; z-index:11; transition:all 0.5s ease; }
.menubar-left { top:0px; left:0px; bottom:0px; width:60px; box-shadow:4px 0px 10px rgba(0,0,0,0.3); }
.menubar-right { top:0px; right:0px; bottom:0px; width:60px; }
.menubar-top { top:0px; left:0px; right:0px; height:60px; }
.menubar-bottom { bottom:0px; left:0px; right:0px; height:60px; }

.menubar-left { display:flex; flex-direction:column; background:#fff; }
.menubar-left > .menubar-header { height:60px; max-height:60px; text-align:center; padding:5px; background:#002761; }
.menubar-left > .menubar-header .logo { display:inline-block; max-width:100%; max-height:100%; }
.menubar-left > .menubar-body { vertical-align:top; }
.menubar-left > .menubar-footer { max-height:60px; text-align:center; }
.menubar-left .menubar-buttons { display:block; list-style-type:none; overflow:hidden; }
.menubar-left .menubar-buttons a { display:flex; width:260px; height:60px; line-height:60px; text-align:left; background:#fff; text-decoration:none; color:#333; border-bottom:solid 1px #eee; }
.menubar-left .menubar-buttons a > span { flex:1; }
.menubar-left .menubar-buttons a > span.icon { width:60px; max-width:60px; height:60px; line-height:60px; background:#021C47; color:#fff; margin-right:15px; }
.menubar-left .menubar-buttons a > span.text { padding-left:15px; color:#333; }
.menubar-left .menubar-buttons li.active a { color:#000; font-weight:bold; }
.menubar-left.open { width:260px; }
.menubar-left:before { content:" "; position:absolute; left:0px; top:0px; bottom:0px; width:60px; background:#021C47; z-index:-1; }

.page { position:relative; width:100%; height:100%; display:flex; transition:all 0.5s ease; }
.page > .page-menu { flex:1; max-width:200px; background:#fff; transition:all 0.5s ease; }
.page > .page-menu.open { max-width:200px; }
.page > .page-content { flex:1; background:#F8F8F8; overflow-y:auto; }

.page-menu { display:flex; flex-direction:column; }
.page-menu > .menu-header { flex:1; }
.page-menu > .menu-body { flex:1; }
.page-menu > .menu-footer { flex:1; }

.menu-header { max-height:100px; line-height:100px; text-align:center; }
.menu-header .logo { display:inline-block; max-width:80%; margin:auto; }

ul.user-logged { list-style-type:none; margin:0px; padding:0px; margin-bottom:20px; }
ul.user-logged > li { display:block; text-align:center; font-size:12px; }
ul.user-logged > li > .user-photo { width:80px; height:80px; border-radius:40px; background:#ddd; display:inline-block; border:solid 2px #eee; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
ul.user-logged > li > a { color:#bbb; text-decoration:underline; }
ul.user-logged > li.actions { margin-top:10px; }
ul.user-logged > li.actions > a { display:inline-block; text-decoration:none; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; border:solid 2px #bbb; font-size:16px; }
ul.user-logged > li.actions > a > .icon { }


ul.menu-buttons { list-style-type:none; }
ul.menu-buttons > li { display:block; padding-left:6px; }
ul.menu-buttons > li a { display:block; width:100%; height:50px; line-height:50px; background:#fff; padding-left:15px; text-decoration:none; text-transform:uppercase; font-size:12px; color:#333; border-bottom:solid 1px #eee; } 
ul.menu-buttons > li:first-child a { border-top:solid 1px #eee; }
ul.menu-buttons > li.active { background:linear-gradient(to bottom, #002761, #021C47); }
ul.menu-buttons > li.active a { color:#000; font-weight:bold; }

.menu-footer { max-height:80px; }
.menu-footer ul.links-social { list-style-type:none; margin:0px; padding:0px; text-align:center; }
.menu-footer ul.links-social li { display:inline-block; margin-right:15px; }
.menu-footer ul.links-social li:last-child { margin-right:0px; }
.menu-footer ul.links-social li > a { display:block; line-height:60px; opacity:0.3; }
.menu-footer ul.links-social li > a:hover { opacity:1; }
.menu-footer ul.links-social li > a > img { max-width:36px; max-height:36px; }

.page-content { display:flex; flex-direction:column; }
.page-content > .content-header { flex:1; max-height:60px; }
.page-content > .content { position:relative; flex:1; padding:15px 20px; }
.page-content > .content-footer { flex:1; max-height:60px; }

.content > .container { max-width:100%; /* width:800px; margin-left:0px; padding:0px; */ padding:0px; }
.content section { background:#fff; box-shadow:0px 0px 6px rgba(0,0,0,0.1); border-radius:4px; padding:15px; margin-bottom:30px; } 
.content section & table { padding:0px; }
.content h1 { position:relative; font-weight:normal; text-transform:uppercase; font-size:26px; margin-top:30px; margin-bottom:20px; }
.content h2 { position:relative; font-size:18px; font-weight:bold; text-transform:uppercase; color:#002761; margin-bottom:10px; margin-left:15px; text-align:left; }
.content h3 { position:relative; height:40px; line-height:40px; padding:0px 15px; font-size:15px; font-weight:bold; color:#fff; background:linear-gradient(to right, #001C46, #0049b5); margin:0px 0px 10px 0px; text-transform:uppercase; }

body.options .content > .container { margin:auto; width:100%; max-width:1000px; margin-left:0px; } 
body.reservations .content > .container { margin:auto; width:100%; max-width:1000px; margin-left:0px; } 
body.contacts .content > .container { margin:auto; width:100%; max-width:1000px; margin-left:0px; } 







body.login { padding-top:100px; }
#auth_bar { position:fixed; left:0px; top:0px; right:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); background:#fff; z-index:100; padding:0px 15px; }
#auth_bar > .container-fluid {  }
#auth_bar > .container-fluid > .columns > .column { height:100px; line-height:100px; }
#auth_bar > .container-fluid > .columns > .column:first-child { padding-left:40px; max-width:240px; }
#auth_bar > .container-fluid > .columns > .column:last-child { text-align:right; padding-right:40px; }
#auth_bar .logo { display:inline-block; max-width:200px; }
#login-form { display:inline-block; vertical-align:middle; max-width:400px; line-height:1em; text-align:left; } 
#login-form > .columns > .column { margin-right:5px; }
#login-form > .columns > .column:last-child { margin-right:0px; }
#login-form h4, #auth_bar h4 { font-size:14px; color:#002761; margin-bottom:5px; }
#login-form .form-control { border:solid 1px #002761; }
#login-form .form-control::placeholder { font-style:italic; }
#login-form .btn-lnc, #auth_bar .btn-lnc { width:100%; height:34px; line-height:34px; border-radius:17px; }
#auth-module { max-width:590px; margin-left:auto; margin-right:0px; flex-wrap:wrap; margin-top:15px; }
#auth-module > .column { line-height:1em; }
#auth-module > .column:first-child { max-width:185px; margin-right:0px; text-align:right; }
#auth-module > .column:first-child > div { display:inline-block; vertical-align:middle; line-height:1em; margin-right:10px; padding-right:10px; border-right:solid 1px #002761; }
#auth-module > .column:last-child { max-width:400px; }
#auth-module > .column-full { flex:100%; }
#auth-links { text-align:center; line-height:20px !important; }
#auth-links a { color:#737373; font-size:11px; text-decoration:underline; }
#auth-links a:hover { color:#002761; }


footer { padding:30px; color:#888; font-size:12px; }
footer > .columns { }
footer > .columns > .column { text-align:center; padding:0px; }
footer > .columns > .column:first-child { text-align:left; padding-left:15px; border-left:solid 10px #E1E0DC; }
footer > .columns > .column:last-child { text-align:right; }
footer > .columns > .column:first-child > a { display:block; font-weight:bold; color:#888; font-size:12px; text-decoration:none; margin-bottom:5px; font-size:18px; }
footer > .columns > .column:first-child > ul.legal { list-style-type:none; margin:0px 0px 5px 0px; padding:0px; }
footer > .columns > .column:first-child > ul.legal > li { display:inline-block; margin:0px 5px; }
footer > .columns > .column:first-child > ul.legal a { color:#000; text-decoration:underline; }
footer > .columns > .column:first-child > ul.legal a:hover { color:#002761; }
footer > .columns > .column:first-child > ul.legal a.active { }
footer ul.social { }
footer ul.social > li { display:inline-block; margin-right:10px; }
footer ul.social > li:last-child { margin-right:0px; }
footer ul.social > li > a { display:block; width:60px; height:60px; line-height:60px; text-align:center; }
footer ul.social > li > a > img { display:block; width:auto; max-width:100%; max-height:100%; height:auto; }


@media (max-width: 640px) {
	
		body { padding:15px; }
		.columns, .columns > .column { display:block; overflow:hidden; }
		
}





	a.email { color:#000 !important; text-decoration:underline !important; }
	a.email:hover { color:#002761 !important; }
	a.phone { position:relative; padding-left:0px; color:#000 !important; text-decoration:none !important; }
	a.phone:hover { color:#002761 !important; }
	a.phone:before { font-family:'icomoon'; content:"\e958"; }
	
	.content > .container { margin:auto; width:100%; max-width:1000px; margin-left:0px; } 
	.content > .container h1,
	.content > .container h2 { margin-left:15px; }
	
	.form-group.error input, .form-group.error select { border:solid 1px #ff0000 !important; }
	
	table > tfoot > tr > td > .pagination { margin:0px; }
	table > tfoot > tr > td > .pagination > li > a { text-decoration:none; color:#333; }
	table > tfoot > tr > td > .pagination > li > a:disabled { opacity:0.5; }
	table > tfoot > tr > td > .pagination > li[disabled] { pointer-events:none; }
	table > tfoot > tr > td > .pagination > li.active > a { color:#fff !important; background:#9F0353 !important; }
	table > tfoot > tr > td > .pagination > li > a:hover { color:#A40356; background:#fff; }
	
	.boxed > table { margin-bottom:0px; table-layout:fixed; }
	.boxed > table > thead > tr > th { font-size:12px; font-weight:normal; color:#ccc; text-transform:uppercase; }
	.boxed > table > tbody > tr > td { font-size:12px; height:40px; line-height:40px; padding:0px 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	
	.boxed > table.listing { margin:5px; width:calc(100% - 10px); }
	table.listing > thead > tr > th { font-size:12px; border-bottom:solid 1px #ddd; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; }
	table.listing > tbody > tr > td { font-size:12px; height:40px; line-height:40px; padding:0px 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	table.listing > thead > tr > td.actions,
	table.listing > tbody > tr > td.actions { position:relative; text-align:center; vertical-align:middle; padding:0px; }
	table.listing > thead > tr > td.actions > a.icon,
	table.listing > tbody > tr > td.actions > a.icon { display:inline-block; width:20px; height:20px; line-height:20px; border-radius:10px; text-align:center; background:#ccc; color:#fff; text-decoration:none; font-size:12px; }
	table.listing > tbody > tr > td.actions > a.icon-toggle:before { content:"\ea0a"; }
	table.listing > tbody > tr.open > td.actions > a.icon-toggle:before { content:"\ea0b"; }
	/* table.listing .icon-checkmark { color:#CADA67; }
	table.listing .icon-cross { color:#002761; } */
	table.listing > tbody > tr > td.statut > span { color:#002761; }
	table.listing > tbody > tr.dispo > td.statut > span { color:#C3D552; }
	table.listing > tbody > tr.active > td.statut > span { color:#fff !important; }
	table.listing > tbody > tr.active > td { background:#002761; color:#fff; }
	table.listing > tbody > tr.dispo.active > td { background:#C3D552; color:#fff; }
	table.listing > tbody > tr > td > .icon-statut { display:inline-block; width:20px; height:20px; line-height:20px; border-radius:10px; text-align:center; background:#707070; color:#fff; text-decoration:none; vertical-align:middle; }
	table.listing > tbody > tr > td > .icon-statut.L { background:#0049b5; }
	table.listing > tbody > tr > td > .status-icon { display:inline-block; width:20px; height:20px; line-height:20px; border-radius:10px; text-align:center; background:transparent; color:#fff; text-decoration:none; vertical-align:middle; font-family:'icomoon'; }
	table.listing > tbody > tr > td > .status-icon.L:before { color:#0049b5; content:"\ea10"; }
	table.listing > tbody > tr > td > .status-icon.O:before { color:#002761; content:"\ea0f"; }
	table.listing > tbody > tr > td > .status-icon.V:before { color:#002761; content:"\ea0f"; }	
	table.listing > tbody > tr.active > td > .status-icon:before { color:#fff !important; }
	table.listing > tbody > tr[data-item-preview] { /* display:none; */ height:0px; max-height:0px; }
	table.listing > tbody > tr[data-item-preview].open { /* display:table-row; */ height:auto; max-height:none; min-height:none; }
	table.listing > tbody > tr[data-item-preview] > td > div { /* display:none; */ height:0px; max-height:0px; transition:all 0.5s ease; overflow:hidden; }
	table.listing > tbody > tr[data-item-preview].open > td > div { /* display:table-row; */ height:auto; max-height:none; min-height:none; line-height:1.2em; }
	
	#reservation table.listing > tbody > tr[data-item-preview].open { min-height:400px !important; }
	#reservation table.listing > tbody > tr[data-item-preview].open > td > div { min-height:400px !important; }
	
	table.listing > tbody > tr[data-item-preview] > td { border:none; height:auto; }
	table.listing > tbody > tr[data-item-preview] > td .columns > .column { line-height:1.4em; padding:15px; font-size:15px; }
	table.listing > tbody > tr[data-item-preview] h5 { margin:15px 15px 0px 15px; font-size:16px; font-weight:bold; }
	table.listing > tbody > tr[data-item-preview] h5 > span { font-style:italic; font-weight:normal; }
	table.listing > tbody > tr[data-item-preview] strong { color:#aaa; text-transform:uppercase; font-weight:normal; }
	table.listing > tbody > tr[data-item-preview] .btn-lnc { display:block; margin-bottom:10px; transition:all 0.4s ease; }
	table.listing > tbody > tr[data-item-preview] .btn-lnc:hover { /* background:linear-gradient(to right, #5e0030, #a30356) !important; */ }
	table > tbody > tr > td.actions > .btn-lnc { padding:0px; width:30px; text-align:center; }
	
	.mui-stacked { display:flex; flex-direction:column; }
	.mui-stacked > .mui-stacked-tabs,
	.mui-stacked > .mui-stacked-view { flex:1; }
	
	.mui-stacked-tabs { list-style-type:none; margin:0px; padding:0px; }
	.mui-stacked-tabs > li { position:relative; display:inline-block; padding:0px 15px; cursor:pointer; }
	.mui-stacked-tabs > li:before { content:"|"; position:absolute; left:0px; top:0px; }
	.mui-stacked-tabs > li:first-child:before { display:none; }
	.mui-stacked-tabs > li > a { display:block; height:40px; line-height:40px; padding:0px 15px; }
	.mui-stacked-view { position:relative; width:100%; margin-bottom:30px; }
	.mui-stacked-view > .btn-lnc { position:absolute; right:15px; top:-5px; }
	
	ul.mui-list-items { list-style-type:none; margin:0px; padding:0px; width:100%; }
	ul.mui-list-items > li { position:relative; display:block; border-bottom:solid 1px #eee; color:#000; display:block; height:40px; line-height:40px; padding:0px 15px; }
	ul.mui-list-items > li:last-child { border-bottom:none; }
	ul.mui-list-items > li > a { text-decoration:underline; }
	ul.mui-list-items.documents > li { padding:0px; border:none; }
	ul.mui-list-items.documents > li:after { content:" "; position:absolute; left:15px; bottom:0px; right:15px; height:1px; background:#eee; }
	ul.mui-list-items.documents > li:last-child:after { display:none; }
	ul.mui-list-items.documents > li.view_all:after,
	ul.mui-list-items.documents > li.reduce_all:after { display:none; }
	ul.mui-list-items.documents > li > a { display:block; height:40px; line-height:40px; padding:0px 15px 0px 50px; color:#000; text-decoration:none; }
	ul.mui-list-items.documents > li > a { display:flex; }
	ul.mui-list-items.documents > li > a > span { flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	ul.mui-list-items.documents > li > a > span.glyphicon { line-height:40px; font-size:20px; }
	ul.mui-list-items.documents > li > a > span.title { min-width:45%; }
	ul.mui-list-items.documents > li > a > span.title.plaquette { font-weight:bold; }
	ul.mui-list-items.documents > li > a > span.filename { color:#777; font-style:italic; font-size:12px; }
	ul.mui-list-items.documents > li > a > span.filesize { max-width:100px; text-align:right; margin-right:15px; color:#002761; }
	ul.mui-list-items.documents > li > a:before { /* font-family:'icomoon'; content:"\e9c7"; */ font-family:'Font Awesome 5 Pro'; /* font-weight:900; */ content:"\f15c";position:absolute; left:20px; top:0px; width:30px; height:40px; color:#aaa; font-size:20px; }
	ul.mui-list-items.documents > li.pdf > a:before { content:"\f1c1"; }
	ul.mui-list-items.documents > li.xls > a:before { content:"\f1c3"; }
	ul.mui-list-items.documents > li.csv > a:before { content:"\f6dd"; }
	ul.mui-list-items.documents > li.doc > a:before { content:"\f1c2"; }
	ul.mui-list-items.documents > li > a:hover { background:#f1f1f1; border-radius:20px; }
	ul.mui-list-items.documents > li > a:hover:before { color:#002761; font-weight:900; }
	ul.mui-list-items.documents > li > a:hover > span.glyphicon-trash:before { color:#777; }
	ul.mui-list-items.documents > li a.btn-lnc { position:absolute; right:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; padding:0px; border-radius:20px; }
	ul.mui-list-items.documents > li a.btn-lnc:before { display:none !important; }
	ul.mui-list-items.users > li { padding:0px 15px 0px 40px; }
	ul.mui-list-items.users > li:before { content:"\e971"; position:absolute; left:10px; top:0px; width:30px; height:40px; font-family:'icomoon'; color:#aaa; font-size:20px; }
	ul.mui-list-items.programmes > li { border-radius:5px; height:70px; line-height:70px; vertical-align:middle; margin-bottom:15px; }
	ul.mui-list-items.programmes > li > .perspective { display:inline-block; width:120px; height:70px; background:#eee; vertical-align:middle; }
	ul.mui-list-items.programmes > li > .infos { display:inline-block; margin-left:15px; vertical-align:middle; line-height:1em; color:#0049b5; }
	ul.mui-list-items.programmes > li > .infos strong { }
	ul.mui-list-items.programmes > li > .infos span { color:#000; font-size:12px; }

	ul.mui-list-items.documents > li.view_all > a { padding-left:15px; text-align:right; color:#002761; }
	ul.mui-list-items.documents > li.view_all > a:before { /* content:"\ea43"; */ content:"\f078"; /* left:10px; */ }	
	ul.mui-list-items.documents > li.view_all { display:none; }
	ul.mui-list-items.documents.limited { overflow:hidden; transition:all 0.4s ease; }
	ul.mui-list-items.documents.limited > li { display:none; }
	/* ul.mui-list-items.documents.limited > li.view_all,
	ul.mui-list-items.documents.limited > li:nth-child(1),
	ul.mui-list-items.documents.limited > li:nth-child(2),
	ul.mui-list-items.documents.limited > li:nth-child(3) { display:block; } */
	
	ul.mui-list-items.documents { transition:all 0.5s ease; }
	ul.mui-list-items.documents > li.reduce_all > a { padding-left:0px; text-align:right; color:#002761; display:block; }
	ul.mui-list-items.documents > li.reduce_all > a:before { /* content:"\ea41"; */ content:"\f077"; /* left:10px; */ }	
	ul.mui-list-items.documents.limited > li.reduce_all { display:none; }
	
	h3.documents { position:relative; padding-left:50px; cursor:pointer; }
	h3.documents:before { position:absolute; left:20px; top:0px; width:30px; content:"\f078"; font-family:'Font Awesome 5 Pro'; font-size:20px; color:#fff; }
	
	
	#prescripteur-contact > .boxed { position:relative; padding:15px; margin-bottom:30px; }
	
	
	.programmes > .programme { position:relative; }
	.programme .programme-perspective { background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
	.programme .btn-favoris,
	.programme .btn-favori { display:block; width:24px; height:24px; line-height:24px; border-radius:12px; text-align:center; background:#eee; color:#fff; text-decoration:none !important; }
	.programme .btn-favoris.active,
	.programme .btn-favori.active,
	.programme .btn-favoris:hover,
	.programme .btn-favori:hover,
	.programme .btn-favoris.on,
	.programme .btn-favori.on { background:#002761; }
	.programme .btn-details { display:block; height:24px; line-height:24px; border-radius:12px; padding:0px 20px; background:#002761; color:#fff; font-size:11px; text-decoration:none !important; }
	
	#programmes-recherche { }
	#programmes-recherche > .boxed { padding:0px !important; }
	#programmes-recherche > .columns { flex-flow:wrap; }
	#programmes-recherche > .columns > .column:first-child { max-width:33.333333333%; background:#fff; padding:25px; }
	#programmes-recherche > .columns > .column:last-child { background:#eee; }
	#programmes-recherche .carte-logements { width:100%; height:100%; /* height:0px; padding-bottom:80%; */ }
	#programmes-recherche .form-group { display:flex; }
	#programmes-recherche .form-group > .control-label { flex:1; max-width:100px; font-size:13px; }
	#programmes-recherche .form-group > .control { flex:1; text-align:left; font-size:12px; }
	#programmes-recherche .form-group#budget,
	#programmes-recherche .form-group#livraison,
	#programmes-recherche .form-group#delai { margin-bottom:10px; }
	#programmes-recherche .form-group#budget .control,
	#programmes-recherche .form-group#livraison .control,
	#programmes-recherche .form-group#delai .control { font-size:12px; /* color:#aaa; */ white-space:nowrap; }
	#programmes-recherche #slider-budget,
	#programmes-recherche #slider-livraison { margin:0px 15px 25px 15px; height:4px; border:none; background:#eee; }
	#programmes-recherche .ui-slider .ui-slider-range { background:#F8B6A0; border:none; }
	#programmes-recherche .ui-slider .ui-slider-handle { background:#F8B6A0; border:none; width:14px; height:14px; border-radius:7px; }
	.form-group.combo { position:relative; display:block; }
	.form-group.combo .control { display:block; width:100%; }
	.form-group.combo .control-label { position:absolute; left:0px; top:0px; width:100% !important; max-width:100% !important; height:34px; line-height:34px; padding:0px 15px; font-size:13px; font-weight:normal; pointer-events:none; color:#000; }
	#programmes-recherche .form-group.combo .form-control { background:#eee; border-radius:17px; border:none; outline:none !important; }
	#programmes-recherche .form-group.combo .control-label { font-style:italic; color:#777; }
	#programmes-recherche .btn-lnc { margin-bottom:10px; text-transform:uppercase; width:200px; font-size:11px; }
	#programmes-recherche .form-group#type_bien > .control-label { flex:0 auto; margin-right:10px; }
	#programmes-recherche .form-group#type_bien > .control { text-align:left; }
	#programmes-recherche .form-group#nb_pieces > .control-label { flex:0 auto; margin-right:10px; }
	#programmes-recherche .form-group#nb_pieces > .control { text-align:left; }
	#programmes-recherche .form-group > .control > .checkbox-inline { margin-left:5px; }
	#programmes-recherche .form-group > .control > .checkbox-inline > input[type="checkbox"] { /* width:20px; height:20px; */ }
	#programmes-recherche .form-group > .control > .checkbox-inline > label { font-weight:normal; /* margin-left:5px; */ }
	.form-group > .control-label { transition:all 0.3s ease; opacity:1; }
	.form-group > .control-label.activated { top:-70% !important; opacity:0 !important; }
	.map-popup { text-align:center; font-size:11px; }
	.map-popup .perspective { display:block; width:100%; height:0px; padding-bottom:60%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; margin-bottom:10px; max-width:150px; min-width:150px; }
	.map-popup .ville { display:block; font-weight:bold; font-size:11px; color:#002761; text-transform:uppercase; margin-bottom:5px; }
	.map-popup .typologies { display:block; font-weight:bold; font-size:11px; color:#000; line-height:1.2em; margin-bottom:5px; }
	.map-popup .btn-lnc { display:inline-block; margin:auto; text-align:center; height:26px; line-height:26px; margin:5px auto 0px auto !important; width:auto !important; }	
	#programmes-recherche #search-results { position:relative; flex:1 1 100%; background:#eee; transition:all 0.5s ease; max-height:0px; max-height:0px; overflow:hidden; }
	#programmes-recherche #search-results.active { height:auto; max-height:none; }
	#programmes-recherche #search-results > div { margin:15px; }
	#programmes-recherche #search-results ul.programmes,
	#programmes-recherche #search-results ul.programmes > li:last-child { margin-bottom:0px; }
	#programmes-recherche #search-results .programme-infos { padding:7px 10px; }
	#search-results .btn-favoris { display:none !important; }
	#programmes-recherche #search-results .programme-nom { display:block !important; margin:0px; }
	#programmes-recherche #search-results .close { /* position:absolute; right:0px; top:0px; */ display:block; float:none; margin:0px auto 15px auto; opacity:1; }
	
	#programmes-recherche .form-group#type_bien .control-label,
	#programmes-recherche .form-group#nb_pieces .control-label,
	#programmes-recherche .form-group#actable .control-label { flex:2 1 auto; white-space:nowrap; }
	#programmes-recherche .form-group#type_bien .control,
	#programmes-recherche .form-group#nb_pieces .control,
	#programmes-recherche .form-group#actable .control { flex:1 1 100%; text-align:left; }
	
	#programmes-recherche .form-group > .checkbox-inline { margin-left:0px; }
	#programmes-recherche .form-group > .checkbox-inline > label { margin-left:10px; font-weight:normal; }
	
	.form-group#nb_pieces { display:block; }	
	.form-group#nb_pieces > .control-label { display:block; flex:none; width:100%; max-width:100%; margin-bottom:10px; }
	.form-group#nb_pieces > .control { display:block; flex:none; width:100%; max-width:100%; }
	.form-group#type_bien > .control-label,
	.form-group#nb_pieces > .control-label,
	.form-group#actable > .control-label { max-width:none; }
	
	ul.programmes.boost { display:flex; }
	ul.programmes.boost > .programme { flex:1; /* max-width:32%; margin-left:1%; margin-right:1%; */ max-width:300px; margin-right:15px; min-height:300px; display:flex; flex-direction:column; padding:0px !important; border-radius:8px !important; overflow:hidden; margin-bottom:10px !important; }
	ul.programmes.boost > .programme:nth-child(1) { margin-left:0px; }
	ul.programmes.boost > .programme:nth-child(3) { margin-right:0px; }
	ul.programmes.boost > .programme > .programme-perspective { flex:1; /* max-height:40%; */ min-height:160px; }
	ul.programmes.boost > .programme > .programme-infos { flex:1; padding:10px 15px; padding-bottom:50px !important; }
	ul.programmes.boost > .programme > .programme-infos > span { display:block; font-size:12px; }
	ul.programmes.boost > .programme > .programme-infos > .programme-ville { color:#002761; font-weight:bold; text-transform:uppercase; font-size:12px; }
	ul.programmes.boost > .programme > .programme-infos > .programme-nom { color:#002761; text-transform:uppercase; font-size:12px; margin-bottom:15px; }
	ul.programmes.boost > .programme > .programme-infos > .programme-typologies { margin-bottom:15px; }
	ul.programmes.boost > .programme > .programme-infos span.booster { display:inline-block !important; background:#0049b5; color:#fff; padding:3px 6px; }
	ul.programmes.boost > .programme .btn-favoris { position:absolute; left:15px; bottom:15px; }
	ul.programmes.boost > .programme .btn-details { position:absolute; right:15px; bottom:15px; }
	
	ul.programmes.nouveaux { display:flex; flex-wrap:wrap; }
	ul.programmes.nouveaux > .programme { width:50%; /* height:60px; line-height:60px; */ display:flex; padding:0px !important; border-radius:8px !important; overflow:hidden; margin-bottom:1% !important; }
	ul.programmes.nouveaux > .programme:nth-child(odd) { width:49.5%; margin-right:0.5%; }
	ul.programmes.nouveaux > .programme:nth-child(even) { width:49.5%; margin-left:0.5%; }
	ul.programmes.nouveaux > .programme > .programme-perspective { flex:1; max-width:160px; }
	ul.programmes.nouveaux > .programme > .programme-infos { flex:1; padding:18px 10px; }
	ul.programmes.nouveaux > .programme > .programme-infos > span { display:block; font-size:11px; line-height:15px; }
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-ville { color:#002761; font-weight:bold; text-transform:uppercase; font-size:11px; }
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-typologies { font-weight:bold; }
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-nom { color:#002761; text-transform:uppercase; font-size:11px; margin-bottom:15px; }
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-nom,
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-logements,
	ul.programmes.nouveaux > .programme > .programme-infos > .programme-boost,
	ul.programmes.nouveaux > .programme > .programme-infos > .accroche { /* display:none; */ }
	ul.programmes.nouveaux > .programme .btn-details { padding:0px 15px; background:#ddd; color:#333; position:absolute; right:10px; top:18px; }
	
	ul.programmes.favoris { display:flex; }
	ul.programmes.favoris > .programme { flex:1; max-width:32%; margin-left:1%; margin-right:1%; min-height:300px; display:flex; flex-direction:column; padding:0px !important; border-radius:8px !important; overflow:hidden; margin-bottom:10px !important; }
	ul.programmes.favoris > .programme:nth-child(1) { margin-left:0px; }
	ul.programmes.favoris > .programme:nth-child(3) { margin-right:0px; }
	ul.programmes.favoris > .programme > .programme-perspective { flex:1; /* max-height:40%; */ min-height:160px; }
	ul.programmes.favoris > .programme > .programme-infos { flex:1; padding:10px 15px; padding-bottom:50px !important; }
	ul.programmes.favoris > .programme > .programme-infos > span { display:block; font-size:12px; }
	ul.programmes.favoris > .programme > .programme-infos > .programme-ville { color:#002761; font-weight:bold; text-transform:uppercase; font-size:12px; }
	ul.programmes.favoris > .programme > .programme-infos > .programme-nom { color:#002761; text-transform:uppercase; font-size:12px; margin-bottom:15px; }
	ul.programmes.favoris > .programme > .programme-infos > .programme-typologies { margin-bottom:15px; }
	ul.programmes.favoris > .programme > .programme-infos span.booster { display:inline-block !important; background:#0049b5; color:#fff; padding:3px 6px; }
	ul.programmes.favoris > .programme .btn-favoris { position:absolute; left:15px; bottom:15px; }
	ul.programmes.favoris > .programme .btn-details { position:absolute; right:15px; bottom:15px; }
	
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateX(100%); }   
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateX(100%); }   
    100% { opacity: 1; -moz-transform: translateX(0); }
}

	ul.programmes.home { position:relative; display:flex; height:360px; }
	ul.programmes.home > .programme { /* flex:1; max-width:32%; margin-left:1%; margin-right:1%; */ display:flex; flex-direction:column; display:inline-block; width:280px; /* min-height:300px; */ padding:0px !important; border-radius:8px !important; overflow:hidden; margin-right:10px !important; transition:all 0.4s ease; display:none; opacity:0; height:360px; }
	ul.programmes.home > .programme.in_view { /* margin-left:0px; opacity:1; display:inline-block; height:340px; max-height:340px; */ display:inline-block; -webkit-animation: slide-down .4s ease-out; -moz-animation: slide-down .4s ease-out; opacity:1; }
	ul.programmes.home > .programme:nth-child(1) { margin-left:0px; }
	ul.programmes.home > .programme:nth-child(3) { margin-right:0px; }
	ul.programmes.home > .programme > .programme-perspective { flex:1; /* max-height:40%; */ min-height:160px; }
	ul.programmes.home > .programme > .programme-infos { flex:1; padding:10px 15px; padding-bottom:50px !important; }
	ul.programmes.home > .programme > .programme-infos > span { display:block; font-size:12px; }
	ul.programmes.home > .programme > .programme-infos > .programme-ville { color:#002761; font-weight:bold; text-transform:uppercase; font-size:12px; }
	ul.programmes.home > .programme > .programme-infos > .programme-nom { color:#002761; text-transform:uppercase; font-size:12px; margin-bottom:15px; }
	ul.programmes.home > .programme > .programme-infos > .programme-typologies { margin-bottom:0px; }
	ul.programmes.home > .programme > .programme-infos span.booster { display:inline-block !important; background:#0049b5; color:#fff; padding:3px 6px; }
	ul.programmes.home > .programme .btn-favoris { position:absolute; left:15px; bottom:15px; }
	ul.programmes.home > .programme .btn-details { position:absolute; right:15px; bottom:15px; }
	
	
	#programme.container { }
	#programme-infos { }
	#programme-infos > .boxed { border-radius:6px; overflow:hidden; }
	#programme-infos h2 { font-size:34px; background:linear-gradient(to right, #001C46, #0049b5, #0049b5, #0049b5); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
	#programme-infos > .columns > .column:last-child { min-width:280px; max-width:360px; /* 33.333333333%; */ }
	#programme-infos .programme-perspective { position:relative; width:100%; height:100%; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
	#programme-infos .programme-perspective > .zoom { display:block;  position:absolute; top:15px; right:15px; width:30px; height:30px; line-height:30px; text-align:center; background:#eee; border-radius:6px; text-decoration:none !important; }
	#programme-infos .programme-perspective > .zoom:before { font-family:'icomoon'; content:"\e98b"; }
	#programme-infos .programme-infos { padding:40px 15px 15px 15px; font-size:12px; }
	#programme-infos .programme-infos > span { display:block; }
	#programme-infos .programme-infos > .programme-nom { font-size:16px; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
	#programme-infos .programme-infos > .programme-adresse { color:#002761; text-transform:uppercase; font-size:11px; }
	#programme-infos .programme-infos > .programme-ville { color:#002761; font-weight:bold; text-transform:uppercase; font-size:11px; margin-bottom:15px; }
	#programme-infos .programme-infos > ul.programme-caracteristiques { list-style-type:none; padding:0px; margin:5px 0px 15px 10px; }
	#programme-infos .programme-infos > ul.programme-caracteristiques > li { position:relative; padding-left:20px; margin-bottom:5px; }
	#programme-infos .programme-infos > ul.programme-caracteristiques > li:before { font-family:'icomoon'; content:"\ea10"; color:#002761; position:absolute; left:0px; top:0px; }
	#programme-infos .programme-infos > ul.programme-dispositifs { list-style-type:none; padding:0px; margin:0px 0px 15px 0px; } 
	#programme-infos .programme-infos > ul.programme-dispositifs > li { display:inline-block; width:40px; height:40px; line-height:40px; border-radius:20px; text-align:center; box-shadow:0px 0px 6px #ccc; vertical-align:middle; margin-right:5px; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li > span { line-height:1em; display:inline-block; vertical-align:text-bottom; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.pinel { font-size:14px; border:solid 2px #00443F; color:#002761; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.pinel > span { line-height:0.5em; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.pinel strong { font-weight:bold; font-size:8px; text-transform:uppercase; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.tva55 { font-size:10px; border:solid 2px #ED7B6A; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.tva55 strong { font-size:14px; font-weight:bold; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.rt2012 { background:#CEDC58; color:#fff; font-weight:bold; text-transform:uppercase; }
	#programme-infos .programme-infos > ul.programme-dispositifs > li.rt2012 > span { font-size:10px; }
	#programme-infos .programme-infos > .btn-lnc { margin-bottom:10px; width:190px; font-size:10px; }
	#programme-descriptif > .boxed { padding:30px 15px 15px 15px; border-radius:6px; overflow:hidden; }
	#programme-descriptif .descriptif { margin:0px 0px 30px 0px; font-size:14px; padding:10px 20px; border-radius:6px; background:#f4f4f5; }
	#programme-descriptif .accroche { margin:0px 0px 10px 10px; font-size:14px; /* color:#0049b5; */ font-weight:bold; }
	#programme-descriptif h3 { font-weight:normal; font-size:12px; }
	#programme-infos .programme-infos > .btn-lnc { display:block; }
	

[data-href] { cursor:pointer; }
tr[data-item]:hover > td { background:#eee; cursor:pointer; }

.map-container { position:relative; }
.map-container > .map-label { position:absolute; top:10px; right:80px; padding:10px 20px; background:#002761; /* border:solid 2px #ccc; */ box-shadow:0px 0px 10px rgba(0,0,0,0.4); color:#fff; /* pointer-events:none; */ text-decoration:none !important; }

body > .ui-notifications { position:fixed; z-index:1000; right:30px; bottom:30px; list-style-type:none; pointer-events:none; transition:all 0.4s ease; width:100%; max-width:300px; overflow:hidden; }
body > .ui-notifications > li { position:relative; display:block; transition:all 0.4s ease; padding:10px 15px; background:linear-gradient(to left, #001C46, #0049b5); color:#fff; opacity:0; right:-100%; margin-bottom:15px; border:solid 2px #fff; box-shadow:0 0 10 rgba(0,0,0,0.3); }
body > .ui-notifications > li.active { opacity:1; right:0px; }
body > .ui-notifications > li.seen { opacity:0; right:-100%; }

.btn-lnc.denonciation { background:linear-gradient(to right, #048200, #61B000); }

/*
	Sort tables
	- Previous ASC: \f077
	- Previous DESC: \f078
*/
.table-sortable thead th { cursor:pointer; color:#bbb; }
.table-sortable thead th:after { font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f0dc"; /* "\f106"; */ color:#002761; opacity:0.15; }
.table-sortable thead th.asc::after { content:"\f0de"; color:#002761; opacity:1; }
.table-sortable thead th.desc::after { content:"\f0dd"; color:#002761; opacity:1; }
.table-sortable thead th.nosort { cursor:default; pointer-events:none; }
.table-sortable thead th.nosort:after { display:none; }
.table-sortable tbody tr[data-item]:nth-child(odd) td { /* background:#eee; */ }

table thead th[data-orderby] { cursor:pointer; color:#bbb; }
table thead th[data-orderby]:after { font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f0dc"; /* "\f106"; */ color:#002761; opacity:0.15; }
table thead th[data-orderby].asc::after { content:"\f0de"; color:#002761; opacity:1; }
table thead th[data-orderby].desc::after { content:"\f0dd"; color:#002761; opacity:1; }


textarea { resize:none; }
.form-group > .control-label { margin-bottom:0px; }
.form-group.max { }
.form-group.max > .control-label { display:none; }
.form-group.max > .control { width:100%; }

h1 > a { float:right; }
h2 > a { margin-left:10px; }



tr[data-item] td { user-select:none !important; }
/****** Fiche contact ******/
.preview-denonciation { background:#fff; padding:0px 40px; }
.preview-denonciation > .column { padding:15px; font-size:12px; }
.preview-denonciation > .column > span { display:block; line-height:1.3em; }
.preview-denonciation > .column > span.nom { font-weight:bold; margin-bottom:15px; font-size:13px; }
.preview-denonciation > .column > span.ville { margin-bottom:15px; }
.preview-denonciation > .column > a { display:block; line-height:1.3em; color:#000 !important; text-decoration:none !important; }
.preview-denonciation > .column > span .fas,
.preview-denonciation > .column > a .fas { color:#14315f; margin-right:5px; }




/****** Scrollbars: mini ******/
::-webkit-scrollbar { width:0.5em; height:0.5em; }
::-webkit-scrollbar-thumb { background-color:#c1c1c1; outline:1px solid #848484; border-radius:0.25rem; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25); border-radius: 0.25rem; }

header { position:relative; }
header.sticky-header { display:block; position:fixed; left:0px; top:0px; right:0px; height:80px; background:#fff; border-radius:0px; z-index:1001; margin-bottom:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
header.sticky-header { display:flex; justify-content:flex-end; /* space-between; */ align-items:center; /* padding:30px 10%; */ padding:0px 30px; }
header.sticky-header > .container > * { flex:1; }
header.sticky-header .logo { width:200px; height:50px; line-height:50px; /* background:#ccc; border-radius:4px; */ margin-right:auto; font-family:Lato; font-weight:900; font-size:20px; text-align:center; color:#000 !important; text-decoration:none !important; }
header.sticky-header .logo span { font-weight:100; }
header.sticky-header .logo img { max-height:47px; width:auto; max-width:100%; display:inline-block; vertical-align:middle; }
.nav__links { list-style-type:none; margin-bottom:0px; } 
.nav__links > li { display:inline-block; }
.nav__links > li > a { position:relative; display:block; height:50px; line-height:50px; padding:0px 20px; transition:all 0.4s ease; text-decoration:none !important; color:#333; }
.nav__links > li > a:hover { background:#eee; color:#319db5; }
header.sticky-header .cta { height:40px; line-height:40px; font-size:16px; margin-left:15px; }
#quicksearch { position:relative; }
#quicksearch > input { width:230px; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:#eee; border:none; box-shadow:none; font-size:15px; z-index:1; padding-right:40px; outline:none !important; }
#quicksearch > input::placeholder { color:#888; }
#quicksearch > button { position:absolute; top:5px; right:5px; width:30px; height:30px; line-height:30px; border-radius:15px; background:#aaa; color:#fff; border:none; box-shadow:none; outline:none; z-index:2; }
#quicksearch > button:hover { background:#319db5; /* #f64f64; */ }
header .btn-userpanel { width:40px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:#eee; color:#f64f64; margin-left:15px; }
header.sticky-header .hamburger { width:50px; height:50px; line-height:50px; text-align:center; margin-right:40px; font-size:24px; color:#000; text-decoration:none !important; outline:none !important; border:solid 1px #eee; border-radius:25px; color:#002761;  transition: all 0.5s ease; }
header.sticky-header .hamburger > span { width:50px; height:50px; line-height:50px; vertical-align:top; top:auto; }
header.sticky-header .hamburger.active { border:solid 1px #002761; color:#000 !important; }

header ul.user-logged { position:relative; display:flex; margin:0px; height:60px; }
header ul.user-logged > li { flex:1; }
header ul.user-logged > li:first-child { margin-right:15px; text-align:right; padding-top:15px; }
header ul.user-logged > li:last-child { max-width:60px; }
header ul.user-logged > li .user-photo { width:60px; height:60px; line-height:60px; }
header ul.user-logged > li a.logout { position:absolute; right:-10px; bottom:0px; display:inline-block; text-decoration:none; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; border:solid 2px #bbb; font-size:16px; background:#fff; }
header .user-logged .user-infos { position:relative; }
header .user-logged .user-infos #mode_client { position:absolute; bottom:0px; right:0px; }


.tab-view > .nav.nav-tabs { overflow:hidden; }
.tab-view > .nav.nav-tabs > li.label { position:relative; height:40px; line-height:40px; padding:0px 25px 0px 15px; background:#ccc; color:#333; font-weight:normal; font-size:13px; border-radius:0px; margin-left:0px; margin-right:25px; user-select:none; overflow:visible; }
.tab-view > .nav.nav-tabs > li.label:before { content:" "; position:absolute; right:-10px; top:-10px; height:80px; width:20px; background:#eee; transform:rotate(20deg); }

.ui-x-sidebar { 
	display: block;
	overflow: visible;
	transition: all 0.6s ease;
	z-index: 901;
}
body > .ui-x-sidebar {
	position: fixed;
	top: 0px;
	bottom: 0px;
	/* width: 400px;
	background-color: rgba(0,0,0,0.8); */
}
.ui-x-sidebar.left { left:-100%; padding-top:80px; }
.ui-x-sidebar.left.open { left:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
.ui-x-sidebar.right { background-color: rgba(0,0,0,0.8); right:-100%; }
.ui-x-sidebar.right.open { right:0px; }
.ui-x-sidebar .ui-x-sidebar-button { z-index:11001; }
.ui-x-sidebar.left .ui-x-sidebar-button { position:fixed; top:20px; left:20px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:0px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:30px; cursor:pointer; transition:all 0.5s ease; }
.ui-x-sidebar.right .ui-x-sidebar-button { position:fixed; top:20px; right:20px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:0px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:30px; cursor:pointer; transition:all 0.5s ease; }
.ui-x-sidebar .ui-x-sidebar-button span.glyphicon { font-size:30px; top:4px; }
.ui-x-sidebar .ui-x-sidebar-button span { transition:all 0.5s ease; }
.ui-x-sidebar .ui-x-sidebar-button span.icon-cross { font-size:2vw; }
.ui-x-sidebar .ui-x-sidebar-menu { display:block; overflow:hidden; width:100%; list-style-type:none; margin:0px; padding:0px; }
/*
.ui-x-sidebar .ui-x-sidebar-menu a { display:block; width:100%; height:60px; line-height:60px; padding:0px 20px; text-align:right; color:#fff; border-bottom:solid 1px #aaa; text-align:left; text-decoration:none; }
.ui-x-sidebar .ui-x-sidebar-menu a { background:linear-gradient(to bottom, rgba(255,255,255,0.2), transparent); }
.ui-x-sidebar .ui-x-sidebar-menu a.active { border-right:solid 5px #efe100; }
.ui-x-sidebar .ui-x-sidebar-menu a:last-child { border-bottom:none; }
.ui-x-sidebar .ui-x-sidebar-button.active { background-color:#fff; color:#000; border-radius:50%; }
.ui-x-sidebar .ui-x-sidebar-menu { } 
*/
.ui-x-sidebar .panel { background:transparent; }
.ui-x-sidebar .panel .panel-heading { height:95px; line-height:45px; padding:40px 20px 0px 20px; background:transparent; color:#fff; }
.ui-x-sidebar .panel .panel-heading .text { font-size:22px; }
.ui-x-sidebar#menu-main { display:flex; width:200px; background:#fff; }
.ui-x-sidebar#menu-main .page-menu { flex:1; display:flex; padding-top:40px; }
.ui-x-sidebar#statistics { width:100%; background-color: rgba(0,0,0,0.9); }

table.prescripteurs > thead.list-view-header > tr > th { font-size:12px; color:#444 !important; text-transform:none !important; background:linear-gradient(to bottom, #fff, #eee); }

/****** GMAP Infowindow ******/
.gm-style .gm-style-iw-c { padding:0px !important; border-radius:0px !important; }
.gm-style .gm-style-iw-d { overflow-y:hidden !important; }
.gm-style-iw button { top:0px !important; right:0px !important; width:20px !important; height:20px !important; line-height:20px !important; background:#fff !important; opacity:1 !important; }
.gm-style-iw button > img { margin:auto !important; }
.custom-iw .gm-style-iw-c { padding:0px !important; }
.custom-iw .gm-style-iw-d { overflow-y:hidden !important; }
.map-popup { width:260px; }
.map-popup .perspective { position:relative; max-width:100%; max-height:none; }
.map-popup .perspective > .ville { position:absolute; left:0px; bottom:0px; width:100%; margin:0px; height:40px; line-height:40px; background:linear-gradient(to top, #001C46, transparent); color:#fff; padding:0px 15px; text-align:left; font-size:12px; font-weight:normal; }
.map-popup .perspective > .ville > .text { line-height:1.2em; display:inline-block; vertical-align:bottom; padding-bottom:10px; }
.map-popup .perspective > .ville > strong,
.map-popup .perspective > .ville > .text > strong { display:block; font-size:15px; }
.map-popup .typologies { text-align:left; padding-left:15px; font-size:13px; font-weight:normal; }







.content > .container,
.content .container { max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }

/****** Ajustements z-index ******/
.modal-backdrop { z-index:1040 !important; }
.modal { z-index:1050 !important; }
.ui-front.ui-autocomplete { z-index:1201 !important; }

@media (min-width: 1600px) {
	
		.content > .container,
		.content .container { max-width:90%; }
		
}





/****** 20200518 ******/

.is_desktop { display:block !important; }
.is_mobile { display:none !important; }

header ul.user-logged.is_desktop { display:flex !important; }

body.backoffice { padding-top:80px !important; }
.page { display:block; height:auto !important; min-height:calc(100vh - 215px); }
.page > .page-content { background:#fff; overflow-y:hidden !important; }
.page > .page-content > .content { min-height:50vh; }
.page > .page-content > .content .container { width:calc(100% - 120px); }

.user-logged { display:block; }
.user-logged .user-icon { flex:none; padding:0px !important; text-align:left !important; width:60px !important; max-width:60px !important; margin-right:15px !important; }
.user-logged .user-infos { flex:none; width:200px !important; max-width:200px !important; text-align:left; font-size:14px !important; line-height:1.1em !important; }
.user-logged .user-infos a.profil { font-size:12px; }
.user-logged .user-infos a.logout { position:relative !important; right:auto !important; bottom:auto !important; width:20px !important; height:20px !important; line-height:20px !important; border-radius:20px !important; border:solid 1px #bbb !important; font-size:13px !important; margin-top:5px !important; }
.user-logged .icon-manager { position:relative; width:60px; height:60px; line-height:60px; text-align:center; border-radius:30px; background:linear-gradient(to right, #001C46, #0049b5); display:block; }
.user-logged .icon-manager:after { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:transparent url('../img/picto-manager-big.png') no-repeat; background-size:auto; background-position:center; }

.btn-lnc { background:linear-gradient(to right, #001C46, #0049b5); color:#fff !important; transition:all 0.4s ease; }
.btn-lnc:hover { background:#001C46; }
.btn-pink { background:linear-gradient(to right, #ed7b69, #f8b49e) !important; color:#fff !important; transition:all 0.4s ease; }
.btn-pink:hover { background:#ed7b69 !important; }
.btn-green { background:linear-gradient(to right, #004540, #018875) !important; color:#fff !important; transition:all 0.4s ease; }
.btn-green:hover { background:#004540 !important; }

footer > .columns > .column:first-child { text-align:center; border:none; padding:0px; }
footer > .columns > .column:last-child { display:none; }

body.dashboard .page { height:auto; display:block; }
body.dashboard .page-content { background:#fff; }
body.dashboard .page-content > .content { padding:0px; }
body.dashboard .page-content > .content .container-fluid { padding:0px; }
body.dashboard .page-content > .content .container { width:calc(100% - 120px); }
body.dashboard .mui-stacked-view { margin-bottom:0px !important; }
#programmes-recherche { background:linear-gradient(to right, #001C46, #0049b5); }
#programmes-recherche #mode_client { top:20px !important; right:15px !important; z-index:5; }
#programmes-recherche > .columns > .column { border-bottom:solid 4px #fff; }
#programmes-recherche > .columns > .column:first-child { width:35.85%; max-width:420px; background:#001C46; color:#fff; padding:50px 40px; }
#programmes-recherche > .columns > .column:first-child h2 { color:#fff; text-align:center; margin:0px 0px 20px 0px; }
#programmes-recherche #search-results { background:#fff; box-shadow:0px 0px 6px rgba(0,0,0,0.2); padding:40px; border-radius:6px; flex:none; top:-30px; z-index:3; }
#programmes-recherche #search-results h2 { margin:0px 0px 20px 0px; font-weight:normal; }
#programmes-recherche #search-results ul.pagination { margin:10px 0px 0px 0px; display:inline-block; }
#programmes-recherche #search-results ul.pagination > li > a { border:none; color:#777; padding:6px; font-size:18px; width:30px; text-align:center;  }
#programmes-recherche #search-results ul.pagination > li.active > a { color:#fff !important; background:#002761 !important; }
#programmes-recherche #search-results ul.pagination > li > a:hover { color:#0049b5; background:#fff; }
#programmes-boost h2,
#programmes h2,
#programmes-favoris h2 { font-size:25px; margin:30px 0px 20px 0px; background:linear-gradient(to right, #001C46, #0049b5, #0049b5, #0049b5); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
body.dashboard #programmes-recherche { padding-bottom:40px; }
body.dashboard #programmes { background:#fff url('../img/bg-dashboard-programmes.png') no-repeat; background-size:cover; background-position:center; padding-bottom:40px; }
body.dashboard #programmes-boost { padding-bottom:40px; }
body.dashboard #programmes-favoris { padding-bottom:40px; background:linear-gradient(to right, #001C46, #0049b5); }
body.dashboard #programmes-favoris h2 { color:#fff; -webkit-text-fill-color:#fff !important; }
ul.programmes.favoris > .programme { max-width:300px !important; border:none !important; }
.programme .btn-details { background:linear-gradient(to right, #001C46, #0049b5); transition:all 0.4s ease; font-size:13px; }
.programme .btn-details:hover { background:#001C46 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
ul.programmes.nouveaux > .programme .btn-details { background:#E6E6E6; color:#818181 !important; }


	.user-photo { width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #ddd;
    display: inline-block;
    border: solid 2px #eee;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important; }
	.columns.managers > .column { /* max-width:33.333333333%; */ height:65px; line-height:65px; vertical-align:middle; }
	.manager > .user-photo { vertical-align:middle; }
	ul.coordonnees { list-style-type:none; margin:0px; padding:0px; }
	ul.coordonnees > li { display:block; line-height:20px; }
	.manager > ul { display:inline-block; vertical-align:middle; line-height:1.3em; margin-left:15px; }
	.manager > ul > li {  }
	.manager > ul > li.nom { font-weight:bold; color:#002761; font-size:15px; }
	.manager > ul > li.email a { color:#000 !important; font-weight:bold; text-decoration:underline !important; } 
	.manager > ul > li.mobile a { color:#000 !important; font-weight:normal; text-decoration:none !important; } 
	.manager > ul > li.contact a { display:inline-block; color:#000 !important; font-weight:bold; text-decoration:underline !important; font-size:13px; } 
	.manager > ul > li a:before { font-family:"Font Awesome 5 Pro"; font-weight:900; width:12px; height:20px; line-height:20px; text-align:left; position:absolute; left:0px; top:0px; bottom:0px; }
	.manager > ul > li a.email { position:relative;color:#000 !important; font-weight:bold; text-decoration:none !important; margin-right:10px; font-size:13px; }
	.manager > ul > li a.mobile { position:relative; padding-left:15px; font-weight:100; text-decoration:none !important; font-size:13px; }
	.manager > ul > li a.mobile:before { content:"\f3cd"; }
	
#prescripteur-contact { margin-bottom:0px !important; }
#prescripteur-contact h2 { position:relative; padding-left:50px; margin:0px 0px 20px 0px !important; font-size:22px; color:#002761 !important; font-weight:bold !important; }
#prescripteur-contact h2:before { content:" "; position:absolute; left:0px; top:-8px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:#fff url('../img/picto-manager.png') no-repeat; background-position:center; }
#prescripteur-contact h2 > span { display:block; font-weight:normal; color:#333; font-size:16px; text-transform:none; }
#prescripteur-contact .columns.managers { background:#f8f8f8; }
#prescripteur-contact .columns.managers > .column { min-height:240px; height:auto !important; line-height:1em !important; border-right:solid 4px #fff; }
#prescripteur-contact .columns.managers > .column:first-child { max-width:40%; background:#f8f8f8 url('../img/bg-interlocuteur.png') no-repeat; background-size:cover; background-position:center; }
#prescripteur-contact .columns.managers > .column.manager { padding:30px 0px 30px 100px; }
#prescripteur-contact .columns.managers > .column.manager > .user-photo { width:100px; height:100px; border-radius:50px; border:solid 1px #0049b5; vertical-align:top; }
#prescripteur-contact .columns.managers > .column.manager ul { margin-top:15px; }
#prescripteur-contact .columns.managers > .column.manager ul > li { margin-bottom:5px; }
#prescripteur-contact .columns.managers > .column.manager ul > li.nom { color:#0049b5; }
#prescripteur-contact .columns.managers > .column.manager ul > li.email > a { text-decoration:underline; }
#prescripteur-contact .columns.managers > .column.manager ul > li.equipe { padding-top:20px; }
#prescripteur-contact .columns.managers > .column.manager .btn-lnc { background:linear-gradient(to right, #004540, #018875); color:#fff !important; transition:all 0.4s ease; }
#prescripteur-contact .columns.managers > .column.manager .btn-lnc:hover { background:#004540; }
#prescripteur-contact .columns.managers > .column.manager ul { margin-left:10px; }

body.programme .page { height:auto; display:block; }
body.programme .page-content > .content { padding:0px; }
body.programme .page-content > .content .container-fluid { padding:0px; }
body.programme .page-content > .content .container { width:calc(100% - 120px); }
body.programme .mui-stacked-view { margin-bottom:0px !important; }
#programme-infos > .programme-nom { position:relative; height:110px; line-height:110px; }
#programme-infos > .programme-nom > .container { height:110px; line-height:110px; }
#programme-infos > .programme-nom > .programme-contact { position:absolute; right:0px; top:0px; width:400px; height:100%; background:linear-gradient(to right, #001C46, #0049b5); padding:15px 0px 0px 30px; line-height:1em; }
#programme-infos > .programme-nom > .programme-contact h2 { font-size:12px !important; color:#fff !important; -webkit-text-fill-color:#fff; font-weight:normal !important; vertical-align:top !important; margin:0px 0px 5px 0px !important; }
#programme-infos > .programme-nom > .programme-contact .user-photo { width:55px !important; height:55px !important; }
#programme-infos > .programme-nom > .programme-contact .manager > ul { list-style-type:none; margin:0px; padding:0px; color:#fff; display:inline-block; vertical-align:top; margin-left:10px !important; }
#programme-infos > .programme-nom > .programme-contact .manager > ul > li { margin-bottom:0px; }
#programme-infos > .programme-nom > .programme-contact .manager > ul > li > a { color:#fff !important; }
#programme-infos > .programme-nom > .programme-contact .manager > ul > li > a.email { text-decoration:underline !important; }
#programme-infos > .programme-nom > .programme-contact .manager > ul > li > a.phone { padding-left:20px; }
#programme-infos > .programme-nom > .programme-contact .manager > ul > li > a.phone:before { font-family: 'icomoon' !important; content: "\e958"; }
#programme-infos h2 { display:inline-block; vertical-align:middle; }
#programme-infos h2 > span { display:block; color:#000 !important; font-size:19px; font-weight:normal; -webkit-text-fill-color:#000; }
#programme-infos h2 > span.ville { font-size:19px; }
#programme-infos h2 > span.adresse { font-size:12px; }
#programme-infos > .programme-perspective { display:block; flex:none; width:100%; height:0px; padding-bottom:45%; margin-bottom:0px !important; }
#programme-infos > .programme-perspective > .programme-details { position:absolute; left:0px; bottom:0px; right:0px; height:130px; background:rgba(255,255,255,0.85); }
#programme-infos > .programme-perspective > .programme-details .columns { }
#programme-infos > .programme-perspective > .programme-details .columns > .column { padding-top:15px; }
#programme-infos > .programme-perspective > .programme-details .columns > .column:first-child { max-width:300px; }
#programme-infos > .programme-perspective > .programme-details .columns > .column:last-child { text-align:right; max-width:250px; }
#programme-infos > .programme-perspective > .programme-details ul { list-style-type:none; padding:0px; margin:5px 0px 15px 10px; }
#programme-infos > .programme-perspective > .programme-details ul > li { position:relative; padding-left:20px; margin-bottom:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#programme-infos > .programme-perspective > .programme-details ul > li:before { font-family:'icomoon'; content:"\ea10"; color:#002761; position:absolute; left:0px; top:0px; }
#programme-infos > .programme-perspective > .programme-details .columns > .column:last-child a { margin-bottom:10px; font-size:12px; }
#programme-infos > .programme-perspective > .carousel-overlay { z-index:11; position:relative; }
.programme-perspective .item > .logo { display:none; }
.programme-perspective ul.badges > li { user-select:none !important; }
ul.programme-dispositifs { list-style-type:none; padding:0px; margin:0px 0px 15px 0px; } 
ul.programme-dispositifs > li { display:inline-block; width:50px; height:50px; line-height:50px; border-radius:25px; text-align:center; box-shadow:0px 0px 6px #ccc; vertical-align:middle; margin-right:5px; user-select:none !important; }
ul.programme-dispositifs > li > span { line-height:1em; display:inline-block; vertical-align:text-bottom; }
ul.programme-dispositifs > li.pinel { font-size:14px; border:solid 2px #002761; color:#002761; background:#fff; }
ul.programme-dispositifs > li.pinel > span { line-height:0.5em; }
ul.programme-dispositifs > li.pinel strong { font-weight:bold; font-size:8px; text-transform:uppercase; }
ul.programme-dispositifs > li.tva55 { font-size:10px; border:solid 2px #002761; background:#fff; color:#002761; }
ul.programme-dispositifs > li.tva55 strong { font-size:14px; font-weight:bold; }
ul.programme-dispositifs > li.rt2012 { background:#CEDC58; color:#fff; font-weight:bold; text-transform:uppercase; }
ul.programme-dispositifs > li.rt2012 > span { font-size:10px; }
#programme-infos > .programme-perspective > .carousel-overlay > ul.programme-dispositifs { position:absolute; margin-left:15px; top:30px; }
	

#programme-descriptif { padding-bottom:40px; }
#programme-descriptif > .container { margin-top:-30px; }
#programme-descriptif ul.medias { margin-bottom:20px; }
#programme-descriptif ul.medias > li { margin:0px 5px; }

#programme-gdp { background:#f8f8f8; padding-bottom:40px; }
#programme-gdp h2 { font-size:25px !important; margin:30px 0px 20px 0px !important; background:linear-gradient(to right, #001C46, #0049b5, #0049b5, #0049b5) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }
#programme-gdp h2 > span { font-size:12px !important; color:#444 !important; background:none !important; -webkit-text-fill-color:initial; font-weight:normal !important; margin-left:15px; } 
#programme-gdp table { background:#fff !important; }
.status-icon.V:before { color:#DFB700 !important; content:"\ea10" !important; }
.status-icon.O:before { color:#002761 !important; content:"\ea0f" !important; }
.status-icon.R:before { color:#002761 !important; content:"\ea0f" !important; }	
.status-icon.RV:before { color:#002761 !important; content:"\ea0f" !important; }	
table.listing > tbody > tr.active > td { background:transparent !important; }
table.listing > tbody > tr.active.O,
table.listing > tbody > tr.active.R,
table.listing > tbody > tr.active.RV { background:#002761 !important; }
table.listing > tbody > tr.active.V { background:#DFB700 !important; }
table.listing > tbody > tr > td.actions > a.icon-toggle { background:#ccc; color:#fff; }
table.listing > tbody > tr > td.actions > a.icon-toggle:before { content: "\ea0a"; }
table.listing > tbody > tr.active > td.actions > a.icon-toggle { background:#fff; color:#ccc; }
table.listing > tbody > tr.active > td.actions > a.icon-toggle:before { content: "\ea0b"; }

#programme-denonciations { padding-bottom:40px; padding-top:40px; background:#fff; }
#programme-denonciations h2 { font-size:25px !important; margin:0px 0px 20px 0px !important; background:linear-gradient(to right, #001C46, #0049b5, #0049b5, #0049b5) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; }
#programme-denonciations table { background:#fff !important; }

#programme-options { padding-bottom:40px; padding-top:40px; background:linear-gradient(to right, #00423d, #018975); }
#programme-options h2 { font-size:25px !important; margin:0px 0px 20px 0px !important; color:#fff !important; -webkit-background-clip:text !important; -webkit-text-fill-color:#fff !important; }
#programme-options table { background:#fff !important; }

#programme-reservations { padding-bottom:40px; padding-top:40px; background:#f8f8f8 url('../img/bg-programme-reservations.jpg') no-repeat; background-size:cover !important; background-position:center !important; }
#programme-reservations h2 { font-size:25px !important; margin:0px 0px 20px 0px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#programme-reservations table { background:#fff !important; }


table.listing { border-bottom:solid 1px #ddd; }
table.listing > thead > tr { background:linear-gradient(to right, #001C46, #0049b5); color:#fff; }
table.listing > thead > tr > th { background:transparent; color:#fff; text-transform:uppercase !important; height:40px; line-height:40px; padding:0px 8px; }
table.listing > thead > tr.filters input,
table.listing > thead > tr.filters select { color:#333 !important; }
table.listing > thead th::after { color:#fff !important; }
table.listing > tbody > tr { background:#fff; }
table.listing > tbody > tr.even { background:#f8f8f8; }
table.listing > tbody > tr.contact > td,
table.listing > tbody > tr.option > td,
table.listing > tbody > tr.reservation > td { height:60px; line-height:60px; padding:0px 8px; }

table.listing > tbody > tr.option.active > td,
table.listing > tbody > tr.contact.active > td { background:#eee !important; color:#000 !important; }
table.listing > tbody > tr.option.active, 
table.listing > tbody > tr.contact.active { background:#eee !important; }

[data-item-preview] { /* display:none; */ height:0px; max-height:0px; }
[data-item-preview].open { /* display:table-row; */ height:auto; max-height:600px; }
[data-item-preview] > td > div { /* display:none; */ height:0px; max-height:0px; transition:all 0.5s ease; overflow:hidden; }
[data-item-preview].open > td > div { /* display:table-row; */ height:auto; max-height:600px; line-height:1.2em; }
[data-item-preview] > td { border:none; height:auto; }
[data-item-preview] > td .columns > .column { line-height:1.4em; padding:15px; font-size:15px; }
[data-item-preview] h5 { margin:15px 15px 0px 15px; font-size:16px; font-weight:bold; }
[data-item-preview] h5 > span { font-style:italic; font-weight:normal; }
[data-item-preview] strong { color:#aaa; text-transform:uppercase; font-weight:normal; }

[data-item-preview] .btn-lnc { display:block; margin-bottom:10px; background:#002761 !important; user-select:none; }
[data-item-preview].V .btn-lnc { background:#DFB700 !important; }
[data-item-preview] .btn-lnc.disabled { background:#ccc !important; cursor:not-allowed; pointer-events:none; }
[data-item-preview] .columns > .column { line-height:1.6em; }
[data-item-preview] .columns > .column:first-child { /* padding-left:0px !important; */ }
[data-item-preview].lot .columns > .column:last-child { max-width:220px; }
[data-item-preview].lot .btn-lnc { max-width:240px !important; }
[data-item-preview].lot p.non_optionnable { font-weight:bold; font-style:italic; margin-bottom:15px; height:36px; line-height:36px; }
[data-item-preview].lot p.non_optionnable .fas,
[data-item-preview].lot p.non_optionnable .far { font-size:26px; vertical-align:middle; color:#ff0000; }
[data-item-preview].lot p.non_optionnable .fas:before,
[data-item-preview].lot p.non_optionnable .far:before { font-weight:normal; }

.preview-option { padding:0px 20px; }
.preview-option > .column { font-size:12px !important; max-width:33.333333333%; }
.preview-option > .column strong { font-weight:bold !important; color:#000 !important; }
.preview-option > .column > .btn-lnc { max-width:220px; }
.preview-option .date_debut { font-size:12px; color:#000; }
.preview-option .date_debut strong { font-weight:bold !important; color:#000 !important; }
.preview-option .date_fin { font-size:12px; color:#002761; }
.preview-option .date_fin strong { font-weight:bold !important; color:#002761 !important; }
.preview-option > .column.contact > span { display:block;  }
.preview-option > .column.contact { padding:15px; font-size:12px; }
.preview-option > .column.contact > span { display:block; line-height:1.3em; }
.preview-option > .column.contact > span.nom { font-weight:bold; margin-bottom:15px; font-size:13px; }
.preview-option > .column.contact > span.ville { margin-bottom:15px; }
.preview-option > .column.contact > a { display:block; line-height:1.3em; color:#000 !important; text-decoration:none !important; }
.preview-option > .column.contact > span .fas,
.preview-option > .column.contact > a .fas { color:#14315f; margin-right:5px; font-size:16px; font-weight:normal; }
.preview-option .resume-lot { position:relative; display:block; padding:10px; border:solid 2px #ccc; max-width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:visible; margin-top:20px; background:linear-gradient(to top, #eee, #fff 40%); }
.preview-option .resume-lot a.lnk_lot { position:absolute; left:275px; top:50%; margin-top:-17px; width:34px; height:34px; line-height:34px; text-align:center; border-radius:17px; background:#002761; color:#fff; font-size:18px; }

.preview-denonciation .date_debut { font-size:12px; color:#000; }
.preview-denonciation .date_debut strong { font-weight:bold !important; color:#000 !important; }
.preview-denonciation .date_fin { font-size:12px; color:#002761; }
.preview-denonciation .date_fin strong { font-weight:bold !important; color:#002761 !important; }
.preview-denonciation .prescripteur { font-size:12px; }
.preview-denonciation .prescripteur strong { font-weight:bold !important; color:#000 !important; }

#dashboard.container.restricted { padding:15px !important; }
body.dashboard .page-content > .content .container-fluid.restricted { padding:15px !important; }

@media (max-width: 640px) {
		
		.is_desktop { display:none !important; }
		.is_mobile { display:block !important; }
		
		.columns { display:block; }
		.columns > .column { display:block; width:100%; min-width:100%; max-width:100%; }
		
		body.backoffice { padding:60px 0px 0px 0px !important; }
		
		header.sticky-header { height:60px; line-height:60px; padding:0px 10px 0px 20px; }
		header.sticky-header > .is_mobile { /* display:flex !important; */ }
		header.sticky-header .logo { max-width:45%; height:auto; }
		header.sticky-header .user-logged > li { padding-top:0px !important; margin:0px 0px 0px 5px !important; flex:none; display:inline-block; }
		header.sticky-header .user-logged .hamburger { margin-right:0px; }
		header.sticky-header .user-logged .hamburger > span { width:40px !important; height:40px !important; line-height:40px !important; }
		header.sticky-header .user-logged .btn-icon { width:40px !important; height:40px !important; line-height:40px !important; border-radius:20px !important; text-align:center !important; display:inline-block !important; vertical-align:middle; font-size:5vw; border:solid 1px #ccc; color:#002761 !important; margin-top:-3px; box-shadow:0px 0px 3px rgba(0,0,0,0.1); }
		header.sticky-header .user-logged .btn-icon.off { /* background:#002761; color:#fff; */ }
		header.sticky-header .user-logged .btn-icon.off > i { /* color:#fff; */ top:-1px; }
		
		.ui-x-sidebar#menu-main { width:100% !important; }
		.ui-x-sidebar.left .page-menu { /* box-shadow:0px 0px 10px rgba(0,0,0,0.3); */ border-right:solid 1px #ccc; /* background:linear-gradient(to bottom, #ccc, #fff); */ }
		ul.menu-buttons > li { border-bottom:solid 1px #ddd; background:#fff; }
		ul.menu-buttons > li a { border-bottom:none; /* font-weight:bold; */ background:linear-gradient(to right, #f0f0f0, #fff); color:#000; }
		ul.menu-buttons > li.active a { color:#002761; background:linear-gradient(to left, #f0f0f0, #fff); }
		
		
		#prescripteur-contact .columns.managers > .column:first-child { display:none; }
		#prescripteur-contact .columns.managers > .column.manager { padding:20px; }
		#prescripteur-contact .columns.managers > .column.manager > .user-photo { width:50px; margin-right:10px; }
		
		footer > .columns > .column:first-child { font-size:3.5vw; }
		footer > .columns > .column:first-child > a { font-size:4.5vw; }
		footer > .columns > .column:first-child > ul.legal { margin-bottom:10px; }
		
		.page-content > .content .container { width:100% !important; }
		.page-content > .content .container > h2,
		#programme-options h2,
		#programme-denonciations h2,
		#programme-reservations h2 { font-size:5vw !important; }
		
		body.dashboard #programmes { padding:0px 15px 40px 15px; }
		#programmes-recherche #mode_client { display:none; }
		#programmes-recherche .columns > .column { border:none; }
		#programmes-recherche .columns > .column:first-child { padding:15px; }
		#programmes-recherche .columns > .column#map-container { padding:0px 15px 15px 15px; }
		#programmes-recherche .columns #carte-programmes { height:0px; padding-bottom:100%; }
		.map-container > .map-label { display:none; }
		#programmes-recherche #search-results { width:100%; padding:10px; top:0px; border-radius:0px; }
		#programmes-recherche #search-results > div { margin:0px; }
		#programmes-recherche #search-results.active { max-height:1000px; }
		#programmes-recherche #search-results h2 { margin-top:10px; text-align:center; }
		#programmes-recherche #search-results ul.pagination { margin:15px auto 15px auto !important; display:table; }
		#programmes-recherche #search-results ul.pagination > li > a { width:25px; padding:5px 0px; font-size:4vw; }
		#programmes-list .programme.in_view { display:block; width:100%; margin:0px 0px 10px 0px; }
		ul.programmes.nouveaux > .programme { display:flex; width:100%; margin:0px 0px 10px 0px; }
		ul.programmes.nouveaux > .programme > .programme-perspective { max-width:70px; }
		
		body.dashboard .page-content > .content .container { width:100%; } 
		#dashboard h2 { margin-left:0px; }
		#programmes-boost h2, #programmes h2, #programmes-favoris h2 { font-size:6vw; }
		body.dashboard #programmes-boost { padding-bottom:20px; }
		
		body.programme h2,
		#programme-gdp h2 { font-size:6vw !important; text-align:center !important; }
		.mui-stacked-view > .container { padding-left:0px; padding-right:0px; }
		
		ul.programmes.nouveaux { display:block; }
		ul.programmes.nouveaux > .programme { width:100% !important; margin:0px 0px 10px 0px !important; }
		ul.programmes.nouveaux > .programme .btn-details { display:none; }
		
		table.listing > thead { display:none; }
		table.listing > tbody > tr { border-top:solid 1px #ccc; }
		table.listing > tbody > tr[data-item-preview] { border-top:none; }
		table.listing > tbody > tr[data-item-preview] > td { padding:0px; max-width:100vw; }
		table.listing > tbody > tr[data-item-preview] .preview-option,
		table.listing > tbody > tr[data-item-preview] .preview-denonciation { padding:0px; max-width:100%; }
		[data-item-preview] .mention { white-space:normal !important; }
		table.listing > tbody > tr > td { display:block; width:100%; border:none; text-align:left; height:30px; line-height:30px; padding:0px 8px; }
		table.listing > tbody > tr[data-item] > td:first-child { padding-top:10px; height:40px; }
		table.listing > tbody > tr > td span.label { display:inline-block !important; width:120px; text-align:left; color:#B0B0B0; margin-left:-5px; font-size:11px; font-weight:normal; font-style:normal; text-transform:uppercase; }
		table.listing > tbody > tr.active > td span.label { /* color:#fff !important; */ }
		table.listing > tbody > tr[data-item-preview] > td .columns > .column { font-size:12px; }
		tr[data-item]:hover > td { background:inherit; }
		.table-hover>tbody>tr:hover { background:inherit; }
		table.listing > tbody > tr.active > td { font-weight:bold; }
		
		ul.programme-pictos > li { width:40px !important; height:40px !important; line-height:40px !important; padding-top:0px !important; }
		ul.programme-pictos > li.pinel { line-height:40px !important; padding-top:0px !important; }
		ul.programme-pictos > li.ptz { line-height:40px !important; padding-top:0px !important; }
		ul.programme-pictos > li.tva55 { line-height:10px !important; padding-top:10px !important; }
		#programme-infos ul.programme-pictos { position:absolute; top:210px; right:15px; }
		.programme-perspective .carousel-inner .taux_remuneration { font-size:3.4vw !important; padding:10px !important; top:auto !important; bottom:20px !important; }
		
		#programme-options > .container,
		#programme-denonciations > .container,
		#programme-reservations > .container { padding:0px 15px; }
		
		body.options .page-content > .content,
		body.contacts .page-content > .content,
		body.reservations .page-content > .content { padding-left:0px; padding-right:0px; }
		
		ul.alertes > li span.info { display:none; }
		
		.map-popup { width:210px; }
		.custom-iw .gm-style-iw-d { max-height:none !important; }
}

.icon-checkmark { color:#002761; }

span.booster { display: inline-block !important;
    background: #0049b5;
    color: #fff;
    padding: 3px 6px; }
#programme-descriptif span.booster { font-size:20px; margin-bottom:15px; }

.boost { }
.boost > .taux_boost { display:inline-block !important; background:#0049b5; color:#fff; padding:3px 6px; margin:0px 0px 10px 0px; }
.boost > .commentaires_boost { font-weight:bold; color:#0049b5; }
#programme-descriptif .boost { display:block; margin-bottom:15px; }
#programme-descriptif .boost > .taux_boost { font-size:20px; margin-bottom:5px; margin-left:20px; }
#programme-descriptif .boost > .commentaires_boost { margin-left:20px; }

ul > li.view_all > a, ul > li.reduce_all > a { text-align:left !important; padding-left:50px !important; }

/* #programme-infos ul.pictos { position:absolute; left:15px; top:30px; }
#programme-infos ul.pictos > li { display:inline-block; margin-right:10px; width:90px; height:90px; line-height:90px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } */
.programme-nom .pictos { position:absolute; right:410px; top:20px; height:70px; line-height:70px; max-width:240px; overflow:hidden; }
.programme-nom .pictos > div { display:inline-block; width:70px; height:70px; line-height:30px; margin-right:10px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; float:right; padding-top:40px; text-align:center; color:#fff; }
.programme-perspective ul.pictos { position:absolute; right:15px; top:15px; list-style-type:none; }
.programme-perspective ul.pictos > li { display:block; margin-bottom:10px; width:40px; height:40px; line-height:90px; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }

#programme-edit ul.pictos { list-style-type:none; text-align:center; /* padding:6px 12px; */ /* background-color: rgb(236, 237, 238); */ }
#programme-edit ul.pictos > li { display:inline-block; max-width:100px; text-align:center; padding:8px; border-radius:6px; background-color: rgb(236, 237, 238); }
#programme-edit ul.pictos > li > label { max-width:100%; display:block; }
#programme-edit ul.pictos > li img { max-width:100%; height:auto; display:block; }
#tab_pictos .form-container .form-submit { text-align:center; }

.menu-buttons > li > a { position:relative; }
.menu-buttons > li > a > .badge { background:#002761; color:#fff; position:absolute; top:15px; right:20px; }

/****** Pages institutionnels (mentions légales, données perso, etc) ******/
.container.texte-officiel { padding-top:40px; }
.container.texte-officiel h1 { text-transform:uppercase; font-size:26px; margin-bottom:40px; }
.container.texte-officiel h2 { text-transform:uppercase; font-size:16px; font-weight:bold; margin-bottom:15px; }
.container.texte-officiel p { text-align:justify; margin-bottom:30px; }

#auth-mobile { position:fixed; left:0px; right:0px; top:-100%; opacity:0; pointer-events:none; transition:all 0.4s ease; width:300px; max-width:100vw; margin:auto; }
#auth-mobile.open { top:57px; opacity:1; pointer-events:auto; }
#auth-mobile { padding:15px; background:linear-gradient(to top, #ddd, #fff, #fff); border-radius:4px; overflow:hidden; text-align:center; z-index:101; }
/* #auth-mobile:before { content:" "; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.4); z-index:100; } */
#auth-mobile form { max-width:100%; display:block; }
#auth-mobile p { display:block; margin-bottom:10px; text-align:center; }
#auth-mobile h4 { text-align:center; margin-bottom:10px; }
#auth-mobile a { color:#002761; }

[data-item-preview] .mention { font-size:12px; color:#777; font-style:italic; line-height:1.2em; }

@media (min-width: 641px) {
		
		.mobile { display:none !important; }
		
}

@media (max-width: 640px) {
		
		body { padding:60px 0px 0px 0px; }
		body.login { padding-top:60px; }
		body.menu-open { overflow:hidden !important; }
		
		.desktop { display:none !important; }
		
		.container { max-width:100% !important; }
		.page-content > .content { padding:15px; overflow-x:hidden !important; }
		
		#auth_bar > .container-fluid > .columns { display:flex; }
		#auth_bar > .container-fluid > .columns > .column { flex:1; height:60px; line-height:60px; max-width:50% !important; min-width:50% !important; }
		#auth_bar > .container-fluid > .columns > .column:first-child { padding-left:0px; }
		#auth_bar > .container-fluid > .columns > .column:last-child { padding-right:0px; }
		#auth_bar .logo { max-width:100%; max-height:35px; }
		#login-form .btn-lnc, #auth_bar .btn-lnc { width:auto; }
		
		header ul.user-logged.is_desktop { display:none !important; }
		body > .ui-x-sidebar { padding-top:60px !important; }
		.ui-x-sidebar#menu-main .page-menu { padding-top:0px !important; background:#f7f7f7; }
		
		#prescripteur-contact .columns.managers > .column { border-right:none; }
		#prescripteur-contact .columns.managers > .column.manager > .user-photo { width:60px; height:60px; }
		
		#perspectives > .carousel { padding-bottom:70% !important; }
		#perspectives > .carousel > .carousel-indicators { display:none !important; }
		#perspectives > .carousel > .carousel-title { font-size:4vw !important; left:20px !important; top:20px !important; }
		
		#points-forts > ul { display:block !important; }
		#points-forts > ul > li { display:block !important;  margin-bottom:15vw !important; }
		#points-forts > ul > li br { }
		#points-forts > ul a:before { width:20vw !important; height:20vw !important; margin-left:-10vw !important; top:-10vw !important; }
		#points-forts > ul a:after { width:14vw !important; height:14vw !important; margin-left:-7vw !important; top:-7vw !important; }
		#points-forts > ul a { padding:12vw 5vw 8vw 5vw !important; }
		
		.descriptif .columns > .column:last-child { padding:0px !important; }
		
		body.home main.page section > h1, body.home main.page section > .container > h1 { font-size:6vw !important; }
		#programmes > p { padding:0px 15px; }
		#programmes.active > .columns > .column:first-child { min-width:auto !important; max-width:none !important; }
		.mapTooltip { display:none !important; }
		
		table.listing > tbody > tr.contact > td, 
		table.listing > tbody > tr.option > td,
		table.listing > tbody > tr.reservation > td { height:30px; line-height:30px; max-width:100vw; }
		table.listing > tbody > tr.contact > td.optionnaire, 
		table.listing > tbody > tr.option > td.optionnaire,
		table.listing > tbody > tr.reservation > td.optionnaire { margin-top:10px; }
		table.listing > tbody > tr > td.nom_programme { height:40px; line-height:40px; }
		table.listing > tbody > tr > td.nom_programme > span { display:inline-block; line-height:1.2em; vertical-align:middle; }
		table.listing > thead > tr > td.actions, 
		table.listing > tbody > tr > td.actions { overflow:visible; height:15px; }
		table.listing > tbody > tr > td.actions > a.icon-toggle { position:absolute; right:20px; top:-80px; }
		table.listing > tbody > tr.lot > td.actions > a.icon-toggle { top:-150px; }
		
		table.listing > tbody > tr.dispo > td.statut > span.label { color:#B0B0B0 !important; }
		table.listing > tbody > tr.active > td.statut > span.label { color:#fff !important; }
		table.listing > tbody > tr.active > td span.label { color:#fff !important; }
		table.listing > tbody > tr[data-item-preview] .btn-lnc { margin-left:auto; }
		
		#programme-infos > .programme-nom { height:auto; line-height:1; overflow:visible; }
		#programme-infos > .programme-nom > .container { height:auto; line-height:1; padding:30px 15px 10px 15px; overflow:visible; }
		#programme-infos h2 { text-align:left !important; margin-left:0px; margin-bottom:0px; }
		#programme-infos > .programme-nom > .programme-contact { position:relative; left:0px; right:auto; padding-left:15px; }
		.programme-nom .pictos { right:0px; top:200px; z-index:3; }
		.programme-nom .pictos > div { width:50px; height:50px; }
		#programme-infos > .programme-perspective { padding-bottom:70%; }
		
		.programme-details.mobile { position:relative; display:block; padding:10px 0px; }
		.programme-details.mobile p { position:relative; padding-left:20px; margin-bottom:5px; font-size:3.5vw; }
		.programme-details.mobile p:before { font-family: 'icomoon';
    	content: "\ea10";
    	color: #002761;
    	position: absolute;
    	left: 0px;
    	top: 0px;
    }
    .programme-details.mobile .buttons { width:100%; text-align:right; margin:15px 0px 10px 0px; }
    .programme-details.mobile .buttons > a { margin-bottom:5px; font-size:3.2vw; }
    #programme-descriptif > .container { margin:0px 10px !important; width:auto !important; }
    #programme-descriptif > .boxed { padding:30px 10px; }
    #programme-descriptif p.descriptif { padding:10px; font-size:3.5vw; margin-bottom:15px; }
    #programme-gdp h2 > span { display:block; }
    
    #prescripteur-contact h2 { text-align:left !important; }
    #prescripteur-contact .columns.managers > .column.manager ul { margin-left:0px; }
		
    
}

tr.filters { display:none !important; }

.status-icon.non_optionnable { font-family:"Font Awesome 5 Pro" !important; font-weight:900 !important; color:#ff0000 !important; font-size:20px; }
.status-icon.non_optionnable:before { content:"\f06a"; font-weight:normal; }



#mentions-legales.modal-dialog { width:80%; min-width:320px; background:#f0f0f0; position:absolute; left:0px; right:0px; top:40px; bottom:40px; height:auto; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-radius:4px; overflow:hidden; }
#mentions-legales.modal-dialog .modal-header { height:70px; line-height:70px; padding:0px 15px 0px 40px; }
#mentions-legales.modal-dialog .close { position:absolute; top:10px; right:10px; width:40px; height:40px; line-height:40px; border:solid 1px #ccc; color:#777; opacity:1; font-size:32px; border-radius:3px; }
#mentions-legales.modal-dialog .close:hover { background:#777; color:#fff; }
#mentions-legales.modal-dialog h1 { font-family:'Gotham', sans-serif; font-size:20px; /* font-weight:bold; */ text-transform:uppercase; height:50px; line-height:50px; margin-top:20px; }
#mentions-legales.modal-dialog .modal-content { display:flex; flex-direction:column; height:100%; border:none; }
#mentions-legales.modal-dialog .modal-content > .modal-header { flex:1; max-height:70px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background:#fff; z-index:3; }
#mentions-legales.modal-dialog .modal-content > .modal-body { flex:1; background:linear-gradient(to top, #eee, #fff); background:#f7f7f7; padding:0px; }
#mentions-legales.modal-dialog .modal-content > .modal-footer { flex:1; max-height:50px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); z-index:3; }
#mentions-legales.modal-dialog .modal-content > .modal-body > .wrapper { position:absolute; left:0px; top:0px; right:0px; bottom:0px; padding:30px; overflow-y:auto; margin:10px 5px; }
.modal-dialog .texte-officiel { position:relative; padding:30px; }
.modal-dialog .texte-officiel h2 { font-size:16px; font-weight:bold; margin-bottom:20px; margin-top:40px; color:#002761; text-transform:uppercase; padding-left:30px; }
.modal-dialog .texte-officiel h2:first-child { margin-top:0px; }
.modal-dialog .texte-officiel h3 { font-size:14px; font-weight:bold; color:#777; margin-bottom:20px; text-transform:uppercase; padding-left:30px; margin-top:30px; }
.modal-dialog .texte-officiel p { font-size:14px; line-height:1.4em; margin-bottom:15px; text-align:justify; }
.modal-dialog .texte-officiel a { color:#002761; text-decoration:underline; }
.modal-dialog  ::-webkit-scrollbar { width:0.3em; height:0.3em; border:none; }
.modal-dialog  ::-webkit-scrollbar-thumb { background-color: #666; outline:none; border-radius: 0.15em; border:none; }
.modal-dialog  ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25); border-radius:0.15em; }

.modal-dialog.animation2 { transition:all 0.4s ease; }
.modal.fade .modal-dialog.animation2 { transform:scale(1.4); opacity:0; transition:all 0.4s ease; }
.modal.in .modal-dialog.animation2 { transform:scale(1); opacity:1; }

ul.mui-list-items.documents_alt > li { position:relative; }
ul.mui-list-items.documents_alt > li:nth-child(odd) { background:#f7f7f7; }
ul.mui-list-items.documents_alt > li:before { font-family: 'Font Awesome 5 Pro';
    /* font-weight: 900; */
    content: "\f15c";
    position: absolute;
    left: 20px;
    top: 0px;
    width: 30px;
    height: 40px;
    color: #aaa;
  font-size: 20px; }
ul.mui-list-items.documents_alt > li { display:flex; width:100%; padding-left:50px; padding-right:0px; }
ul.mui-list-items.documents_alt > li > .title { flex:1; min-width:45%; }
ul.mui-list-items.documents_alt > li > .user { flex:1; font-style:italic; text-align:left; }
ul.mui-list-items.documents_alt > li > .date { flex:2 1 auto; text-align:center; font-size:12px; color:#777; }
ul.mui-list-items.documents_alt > li > .size { flex:1; font-style:italic; text-align:center; }
ul.mui-list-items.documents_alt > li > .filename { flex:2 1 auto; text-align:center; font-size:12px; color:#777; }
ul.mui-list-items.documents_alt > li > .buttons { flex:1; max-width:100%; list-style-type:none; text-align:right; }
ul.mui-list-items.documents_alt > li > .buttons > li { display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; }
ul.mui-list-items.documents_alt > li > .buttons > li > a { display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#eee !important; color:#333 !important; font-size:22px; }
ul.mui-list-items.documents_alt > li > .buttons > li > a:hover { color:#0049b5 !important; }
ul.mui-list-items.documents_alt > li > .buttons > li > a > .glyphicon { vertical-align:middle; top:0px; }
ul.mui-list-items.documents_alt > li:hover { background:#ddd; border-radius:0px; }
ul.mui-list-items.documents_alt > li:hover:before { color:#0049b5; }

ul.actions { list-style-type:none !important; }
ul.actions > li { display:inline-block !important; }

.lb-nav a.lb-prev, .lb-nav a.lb-next { opacity:1 !important; }


.descriptif .columns { }
.descriptif .columns > .column { }
.descriptif .columns > .column:first-child { max-width:35%; }
.descriptif .columns > .column:last-child { padding:10px 10px 10px 30px; }
.descriptif .columns > .column:last-child p { margin-bottom:15px; font-size:14px; }
.descriptif ul { list-style-type:none; font-size:14px; margin:10px 0px 30px 10px; }
.descriptif ul > li { position:relative; padding-left:20px; margin-bottom:5px; /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */ }
.descriptif ul > li:before { font-family: 'icomoon';
    content: "\ea10";
    color: #002761;
    position: absolute;
    left: 0px;
  top: 0px; }


ul.programme-pictos { list-style-type:none; padding:0px; margin:0px; position:absolute; right:410px; top:15px; max-width:780px; overflow:visible; z-index:11; height:80px; }
ul.programme-pictos > li { display:inline-block; width:80px; height:80px; line-height:15px; padding-top:25px; border-radius:40px; text-align:center; box-shadow:0px 0px 6px #ccc; vertical-align:middle; margin-right:5px; background:#002761; color:#fff !important; text-transform:uppercase; font-size:11px; vertical-align:top; display:none; }
ul.programme-pictos > li.pinel,
ul.programme-pictos > li.ptz { line-height:30px; padding-top:25px; }
ul.programme-pictos > li > span { line-height:1em; display:inline-block; vertical-align:text-bottom; }

ul.programme-pictos > li:nth-child(1) { display:inline-block; }
ul.programme-pictos > li:nth-child(2) { display:inline-block; }
ul.programme-pictos > li:nth-child(3) { display:inline-block; }
ul.programme-pictos > li:nth-child(4) { display:inline-block; }
ul.programme-pictos > li:nth-child(5) { display:inline-block; }
ul.programme-pictos > li:nth-child(6) { display:inline-block; }
ul.programme-pictos > li:nth-child(7) { display:inline-block; }
ul.programme-pictos > li:nth-child(8) { display:inline-block; }
ul.programme-pictos > li:nth-child(9) { display:inline-block; }

@media (max-width: 1100px) {
		
		body.programme .page-content > .content .container { width:100%; }
		ul.programme-pictos { top:120px; right:15px; }
		
}

@media (max-width: 640px) {
	
		#programme-descriptif .descriptif { padding:10px; font-size }
		.descriptif ul { margin:10px 0px; font-size:4vw; }
		.descriptif .columns > .column:last-child { margin-top:30px; }
		.descriptif .columns > .column:last-child p { font-size:3.6vw; }
		
		.page > .page-content > .content { padding:15px 0px; }
		.content h1 { font-size:6vw; margin-top:15px; margin-bottom:15px; }
		.container-fluid { padding-left:0px; padding-right:0px; }
		
		body.dashboard-lnc h4 { font-size:4.5vw !important; }
		
		body.dashboard-lnc .boxed { border-left:none; border-right:none; border-radius:0px; box-shadow:none; border:none; }
		body.dashboard-lnc .boxed > table > tbody > tr > td { font-size:3vw; }
		
		body.dashboard-lnc #prescripteurs-attente { margin-bottom:30px !important; }
		#prescripteurs-attente table { table-layout:auto; }
		#prescripteurs-attente table > thead { display:none; }
		#prescripteurs-attente table > tbody > tr { display:flex; width:100vw !important; }
		#prescripteurs-attente table > tbody > tr > td { text-align:left; }
		#prescripteurs-attente table > tbody > tr > td.date { flex:1; max-width:80px; }
		#prescripteurs-attente table > tbody > tr > td.societe { flex:1; }
		#prescripteurs-attente table > tbody > tr > td.actions { flex:1; max-width:115px; }
		#prescripteurs-attente h4 { margin-top:0px; padding-top:20px; }
		
		ul.chiffres-cles { display:block !important; }
		ul.chiffres-cles > li { display:block !important; flex:none !important; margin-right:0px !important; height:auto !important; margin-bottom:5vw; }
		ul.chiffres-cles > li .volume { margin-top:0px !important; }
		
		body.dashboard .view > .view-all > .column:first-child { display:none !important; }
		#programmes.resultats table.listing > tbody > tr > td { display:table-cell !important; width:initial !important; }		
		#programmes.resultats table.listing > tbody > tr > td:nth-child(3),
		#programmes.resultats table.listing > tbody > tr > td:nth-child(4),
		#programmes.resultats table.listing > tbody > tr > td:nth-child(5),
		#programmes.resultats table.listing > tbody > tr > td:nth-child(6) { width:40px !important; padding-left:0px !important; padding-right:0px !important; }
		#programmes.resultats table.listing > tbody > tr > td.desktop { display:none !important; }
		
		#programmes.resultats table.listing > thead > tr { display:flex; width:100vw !important; }
		#programmes.resultats table.listing > thead > tr > th.operation { flex:1; }
		#programmes.resultats table.listing > thead > tr > th.stat { flex:1; max-width:50px; padding:0px; text-align:center; }		
		#programmes.resultats table.listing > tbody > tr { display:flex; width:100vw !important; }
		#programmes.resultats table.listing > tbody > tr > td.operation { flex:1; }
		#programmes.resultats table.listing > tbody > tr > td.value { flex:1; max-width:50px; padding:0px; text-align:center; }
		#programmes.resultats table.listing > tfoot > tr { display:flex; width:100vw !important; }
		#programmes.resultats table.listing > tfoot > tr > td.operation { flex:1; }
		#programmes.resultats table.listing > tfoot > tr > td.value { flex:1; max-width:50px; padding:8px 0px; text-align:center; font-size:12px; }
		
		#programmes.vues table.listing > tbody > tr > td { display:table-cell !important; width:initial !important; }
		#programmes.vues table.listing > tbody > tr > td:nth-child(3),
		#programmes.vues table.listing > tbody > tr > td:nth-child(4),
		#programmes.vues table.listing > tbody > tr > td:nth-child(5),
		#programmes.vues table.listing > tbody > tr > td:nth-child(6) { width:40px !important; padding-left:0px !important; padding-right:0px !important; }
		#programmes.vues table.listing > tbody > tr > td.desktop { display:none !important; }
		
		#programmes.vues table.listing > thead > tr { display:flex; width:100vw !important; }
		#programmes.vues table.listing > thead > tr > th.operation { flex:1; }
		#programmes.vues table.listing > thead > tr > th.stat { flex:1; max-width:50px; padding:0px; text-align:center; }		
		#programmes.vues table.listing > tbody > tr { display:flex; width:100vw !important; }
		#programmes.vues table.listing > tbody > tr > td.operation { flex:1; }
		#programmes.vues table.listing > tbody > tr > td.value { flex:1; max-width:50px; padding:0px; text-align:center; }
		#programmes.vues table.listing > tfoot > tr { display:flex; width:100vw !important; }
		#programmes.vues table.listing > tfoot > tr > td.operation { flex:1; }
		#programmes.vues table.listing > tfoot > tr > td.value { flex:1; max-width:50px; padding:8px 0px; text-align:center; font-size:12px; }
		
		#programmes-recherche .btn-lnc#lots { display:none !important; }
		
		
		#mentions-legales.modal-dialog { position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100vw; margin:0px; border-radius:0px; }
		#mentions-legales.modal-dialog .modal-header { padding:0px 15px; }
		#mentions-legales.modal-dialog h1 { font-size:4vw; line-height:1.3em; font-weight:bold; }
		#mentions-legales.modal-dialog h2 { padding-left:0px; font-size:4vw; line-height:1.3em; }
		#mentions-legales.modal-dialog .modal-content > .modal-body > .wrapper { padding:15px; overflow-x:hidden; }
		.modal-dialog .texte-officiel p { font-size:3.4vw; line-height:1.3em; }
		
}

.ui-x-sidebar#menu-main .page-menu { padding-top:0px; }
.ui-x-sidebar#menu-main .page-menu > .menu-header,
.ui-x-sidebar#menu-main .page-menu > .menu-footer { display:none; }

@media (max-height: 800px) and (min-width:641px) {
		
		.ui-x-sidebar#menu-main .page-menu > .menu-body { overflow-y:auto; }
	
}


/****** 20201209 - Modification switch checkbox (mode client) ******/
header .user-logged .user-infos #mode_client { right:20px; }
.checkbox-inline.switch-mini input { width:50px; }
.checkbox-inline.switch-mini input:before { width:50px; box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.23); border-radius:12px; }
.checkbox-inline.switch-mini input:after { position:relative; display:block; float:left; width:24px; height:24px; background:#fff; border:solid 2px #0049b5; right:0px; top:0px; border-radius:12px !important; box-shadow:0 2px 4px 0 rgba(0,0,0,.5); transition:all 0.3s ease; transform:translate3d(27px,0,0); }
.checkbox-inline.switch-mini input:checked:before { background:#0049b5 !important;  }
.checkbox-inline.switch-mini input:checked:after { left:0px; right:auto; transform:translate3d(0px,0,0); }


ul.mandats { position:relative; }
ul.mandats > li { }
ul.mandats > li.columns { }
ul.mandats > li.columns > .column { /* position:relative; *//* height:30px; */ line-height:30px; }
ul.mandats > li.columns > .column.warning { padding-left:40px; line-height:1.3em; }
ul.mandats > li.columns > .column.warning .warning-message { display:block; color:#a94442; font-style:italic; }
ul.mandats > li.columns > .column.warning:before { content:"\f06a"; position:absolute; left:0px; top:0px; width:30px; height:30px; font-family:'Font Awesome 5 Pro'; font-size:30px; color:#dc3545; font-style:normal; }
ul.mandats > li.columns > .column.success { padding-left:40px; line-height:1.3em; }
ul.mandats > li.columns > .column.success .success-message { display:block; color:#3c763d; font-style:italic; }
ul.mandats > li.columns > .column.success:before { content:"\f46c"; position:absolute; left:0px; top:0px; width:30px; height:30px; font-family:'Font Awesome 5 Pro'; font-size:30px; color:#3c763d; font-style:normal; }

ul.mandats > li.columns > .column.ready { padding-left:40px; line-height:1.3em; }
ul.mandats > li.columns > .column.ready .success-message { display:block; color:#a94442; font-style:italic; }
ul.mandats > li.columns > .column.ready:before { content:"\f46c"; position:absolute; left:0px; top:0px; width:30px; height:30px; font-family:'Font Awesome 5 Pro'; font-size:30px; color:#fc9000; font-style:normal; }

ul.mandats > li.columns > .column.download-pdf { padding-left:40px; }
ul.mandats > li.columns > .column.download-pdf:before { content:"\f1c1"; position:absolute; left:0px; top:0px; width:30px; height:30px; font-family:'Font Awesome 5 Pro'; font-size:30px; color:#aaa; font-style:normal; }
ul.mandats > li[data-href] > .column { height:40px; line-height:40px; }
ul.mandats > li[data-href] > .column.download-pdf { padding-left:50px; }
ul.mandats > li[data-href] > .column.download-pdf:before { left:10px; height:40px; }
ul.mandats > li[data-href]:hover { background:#f1f1f1; }
ul.mandats > li[data-href]:hover > .column.download-pdf:before { color:#9F0353; }
span.mandats.statut { display:inline-block; width:auto; height:24px; line-height:24px; padding:0px 10px; background:#ccc; border-radius:10px; font-size:11px; white-space:nowrap; vertical-align:baseline; text-align:center; color:#fff; }
span.mandats.statut.ok { background:#28a745; }
span.mandats.statut.encours { background:#fc9000; }
span.mandats.statut.attente { background:#007bff; }
span.mandats.statut.warning { background:#dc3545; }
span.mandats.statut.ok { /* position:relative; left:auto; top:auto; display:inline-block; margin-left:15px; */ }
ul.mandats > li span.mandats.statut { position:absolute; left:320px; top:-25px; }
ul.mandats > li.columns > .column span.title { display:inline-block; }



.animate { transition:transform 0.4s ease-out; }
.ms-touch.slider { 
	overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  -ms-scroll-chaining: none;
  -ms-scroll-snap-type: mandatory;
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}

@media (max-width: 640px) {
	.slider.programmes { position:relative; width:320px; height:400px; overflow:hidden; margin:auto; }
	.slider.programmes .holder { width:500%; max-height:400px; height:100%; overflow-y:hidden; }
	.slider.programmes .slide { display:block !important; width:320px !important; height:100%; float:left; height:400px; position:relative; overflow:hidden; }
}