/* GENERAL */
body { font-family:'Euclid Circular A'; font-size:15px; font-weight:normal; font-style:normal; }

:is(body, html).noscroll { overflow:hidden; }

/* enlever l'effet outline bleu */
:is(a,input, div.slick-slide) { outline:none; }

h1,h2,h3,h4 { font-family:'Euclid Circular A'; font-style:normal; }
h1 { font-weight:500; font-size:40px; margin-top:25px; }
h2 { font-weight:500; font-size:30px; margin-top:25px; }
h3 { font-weight:600; font-size:40px; }
h3.smaller { font-size:34px; }
h4 { font-weight:600; font-size:22px; margin-top:20px; margin-bottom:20px; }

.displayDesktop { display:inline-block; }
.displayMobile  { display:none; }

a, a:hover 	{ color:black; }

.text-bold { font-weight:900; }

.pictoEc 		{ height:40px; width:auto; display:block; margin:0 auto; }
.pictoEc svg  	{ height:40px;display:block;margin:0 auto;}
.pictoEc.big, 
.pictoEc.big svg { height:60px; }
.pictoEc.bigLg, 
.pictoEc.bigLg svg 	{ height:70px; }
.pictoEc.pictoXs, 
.pictoEc.pictoXs svg { height:24px; }
.pictoEc.pictoInline, 
.pictoEc.pictoInline svg { display:inline; }
.pictoEc.pictoInline svg { vertical-align: middle; }

.bgNoir { background:black; }

.txt-vert 	{ color:var(--color_success); }
.txt-rouge 	{ color:var(--color_danger); }

i.dot { width:15px; height:15px; display:inline-block; position:relative; }
i.dot::after 		{ content:""; width:15px; height:15px; border-radius:50%; top:2px; position:absolute; }
i.dot-vert::after 	{ background-color:var(--color_success); }
i.dot-rouge::after 	{ background-color:var(--color_danger); }

.iframeBox 			{ position:relative; width:100%; height:0; padding-bottom:56.25%; }
.iframeBox iframe 	{ position:absolute; top:0; left:0; width:100%; height:100%; }

hr { height:1px; border:0; background:#555; }

.pheight70 { height:70px; }

/* TABLES */
table 		{ margin-left:auto; margin-right:auto;  }
table tr 	{ border-bottom:1px solid black;  }
table tr:last-child 	{ border-bottom:0; }
table td 	{ padding:20px; font-size:18px; }
table tr:last-child td 	{ /*padding-bottom:0;*/ }
table td.pleft { padding-left:80px; }

table.adv, 
table.adv td	{ font-size:18px; }
table.adv thead { background:black; color:white; }
table.adv tr 	{ border-bottom:1px solid #ddd; }
table.adv th 	{ padding:10px 25px; font-weight:normal; }
table.adv tfoot { background:black; color:white; border-bottom:1px solid #eee; }
table.adv tfoot td 	{ padding:10px 20px !important; }
table.adv tr:last-child td 	{ padding-bottom:20px; }

/*table.adv th:first-child { border-radius:10px 0 0 10px; }
table.adv th:last-child { border-radius:0 10px 10px 0; } HS pour le moment - voir pourquoi */

.advResp 			{ display:none; background:rgba(255,255,255,0.2); box-shadow:-1px -1px 12px 2px rgba(0, 0, 0, 0.2); margin:0 20px 30px; }
.advResp li  		{ padding:8px 15px; border-bottom:1px solid #ddd; }
.advResp li.headLi 	{ background:black; color:white; }

/* FORM */
input[type=text], 
input[type=email], 
textarea, 
select, 
input[type=password] 	{ background:#ededed; border:0; margin-bottom:6px; min-width:250px; padding:10px 8px; font-size:14px; font-family:arial !important; }
button.btnEc 			{ border:0; display:inline-block; font-size:14px; letter-spacing:1px; text-transform:uppercase; border-radius:50px; padding:10px 25px; color:rgba(255,255,255,0.7); transition:all 0.6s; }
select 					{ height:41px; }

select.selectRound 	{ border-radius:50px; padding-left:20px; padding-right:20px; }

.formEc input[type=text], 
.formEc input[type=email], 
.formEc textarea,
.formEc input[type=password] { width:100%; min-width:100%; background:#ededed; border:0; font-size:14px; }
.formEc input[type=email] 	 { padding-left:40px; background:url('../img/Mail.svg') no-repeat 10px center #ededed; background-size:20px 20px; }
.formEc input[type=password] { padding-left:40px; background:url('../img/Lock.svg') no-repeat 10px center #ededed; background-size:20px 20px; }
.formEc input.pictoPhone 	{ padding-left:40px; background:url('../img/Mobile_Phone.svg') no-repeat 10px center #ededed; background-size:20px 20px; }
.formEc input.pictoMarker 	{ padding-left:40px; background:url('../img/Marker.svg') no-repeat 10px center #ededed; background-size:20px 20px; }

/* custom checkboxes ------------------- */
.containerCheck 		{ display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.containerCheck input 	{ position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.checkmark 				{ position:absolute; top:0; left:0; height:25px; width:25px; background-color:#eee; }
.containerCheck:hover input ~ .checkmark 	{ background-color:#ccc; }
.containerCheck input:checked ~ .checkmark 	{ background-color:black; }
.checkmark:after 		{ content:""; position:absolute; display:none; }
.containerCheck input:checked ~ .checkmark:after { display:block; }
.containerCheck .checkmark:after { left:8px; top:2px; width:10px; height:15px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
/* // custom checkboxes */

/* MSG ET NOTIFS */
.inputError, .errorContent { background:red; color:white; padding:5px 10px;}
.errorContent { display:inline-block; margin:20px auto; }
.inputError { display:inline-block;}
.inputError:empty { display: none; }

/* NAV */
.logoEc 			    { padding:30px 25px 20px; }
.switchResa 		  { display:inline-block; border-radius:45px; width:45px; height:45px; }
.switchResa svg		{ height:35px; margin:5px 0px; }

.mainNavContainer 	{ font-size:14px; position:fixed; z-index:55; background:#fff; height:100%; width:8.3%; box-shadow:-1px -14px 9px 2px rgba(0, 0, 0, 0.3); }
.itemsNavContainer 	{ display:flex; flex-direction:column; }
.itemsNavContainer .pictoNav 	{ height:35px; width:auto; display:block; margin:0 auto 5px; }
.itemsNavContainer .pictoNav svg 	{ height:35px; }
.itemsNavContainer li a 		{ cursor:pointer; display:inline-block; position:relative; width:100%; padding:15px 4px 10px; line-height:1.2em; }
.itemsNavContainer li a svg{ height: 35px; }
.itemsNavContainer li a::after 	{ content:''; width:20%; position:absolute; left:0; right:0; margin:0 auto; top:100%; z-index:1; }
.itemsNavContainer li a:hover 	{ opacity:0.7; }
.itemsNavContainer li a:hover::after 	{ content:none; width:0; }
.itemsNavContainer li ul 		{ width:0; height:100%; z-index:40; position:absolute; /*display:none;*/ top:0; bottom:0; margin-left:-100%; /*transition:0.5s;*/ }
/*.itemsNavContainer li:hover ul 	{ display:flex; justify-content:center; flex-direction:column; margin-left:100%; box-shadow:10px 0 10px 1px rgba(0, 0, 0, 0.3); }*/

.itemsNavContainer li.parentNav ul 	{ overflow: hidden;transition: width 0.2s ease;}
.itemsNavContainer li.parentNav.actif ul 	{ width:100%; display:flex; justify-content:center; flex-direction:column; margin-left:100%; box-shadow:10px 0 10px 1px rgba(0, 0, 0, 0.3); }

.respNavContainer { position:fixed; z-index:50; display:none; }
.respNavContainer .hamburger-inner, 
.respNavContainer .hamburger-inner::before, 
.respNavContainer .hamburger-inner::after 	{ height:3px; }

/* HEADER HOME */
.infosHomeResidence 	{ height:710px; padding-top:100px; font-size:20px; }
.notifMsgContainer, 
.notifRdvContainer 		{ height:355px; display:flex; flex-direction:column; justify-content:center; }
.infosHomeResidence h4  { margin-bottom:14px; }
.boxItem 				{ position:relative; width:60px; margin-right:auto; margin-left:auto; }

/* NOTIFS */
.notifPastille { position: absolute; background-color: orange; color: #fff; border-radius: 50%; text-align: center; font-weight: bold; }
#notif-cloche-pastille { z-index: 1; margin-top: 0; width: 25px; height: 25px; left: 65%; line-height: 25px; font-size: 12px; }
#notif-card-pasille { width: 25px; height: 25px; top: 5%; left: 55%; line-height: 25px; font-size: 12px; }
#notif-nav-pastille { width: 24px; height: 24px;top: 5%;right: 26%; line-height: 24px; font-size: 12px;}
.notif-pastille-documents { width: 12px; height: 12px; line-height: 12px; font-size: 12px; left: 15%; padding: 0;}

.notifsContainer 	{ position:fixed; z-index:55; top:35px; right:35px; }
.notifsContainer ul li:not(:last-child)	{ margin-bottom: 5px; }
.notifsContainer a{ cursor:pointer; display:inline-block; border-radius:50px; width:50px; height:50px; box-shadow:var(--modal_box_shadow); }
.notifsContainer a svg{ height: 30px;margin: 10px 0px; }
.notifsContainer .notifPastille { margin-top:8px; }

.notifMenu, .notifCompte{background-color: black;}
:is(.notifMenu,.notifCompte) svg path{fill: white;}

.infoPastille  		{ position:absolute; z-index:10; left:60%; width:30px; height:30px; border-radius:30px; background:url('../img/Tick.svg') no-repeat center center var(--color_success); background-size:20px; }
.checkPastille  	{ background:url('../img/Tick.svg') no-repeat center center var(--color_success); background-size:20px; }
.warningPastille  	{ background:url('../img/picto_alert.png') no-repeat center center var(--color_danger); background-size:2px; }


/* MODAL BOX */
.ecmodal-background{position: fixed;inset: 0 0 0 0;background-color: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center;z-index: 99;transition: all 0.15s ease;}
.ecmodal{background: white;box-shadow:var(--modal_box_shadow);padding:30px;position: relative;width:calc( 100% - 20px );max-width: 450px;transition: all var(--modal_transition);}
.ecmodal-title{margin: 0 0 30px 0;}
.ecmodal-footer{display: flex;justify-content: flex-end;gap: 10px;margin-top: 30px;}
.closeModal{ position:absolute; right:0; top:10px;}

.ecmodal-background[data-open=false]{opacity: 0;pointer-events: none;}
.ecmodal-background[data-open=false] .ecmodal{transform: translateY(var(--modal_translate));}
.ecmodal .closeModal{top: 15px;right: 15px;}

/* BTNS */
.btnEc 			{ display:inline-block; font-size:14px; letter-spacing:1px; text-transform:uppercase; border:0; border-radius:50px; padding:15px 35px; color:rgba(255,255,255,1) !important; transition:all 0.6s; }
.btnEc:not(.btnInSelectEc):hover 	{ color:rgba(255,255,255,0.7) !important; cursor: pointer;}
.btnArrow 		{ display:inline-block; border-radius:50px; padding:25px; width:50px; margin-right:auto; margin-left:auto; }
.btnDoc 		{ display:inline-block; background:url('../img/Files.svg') no-repeat 20px 15px white; background-size:30px auto; padding:12px 30px 12px 60px; }
.btnEc.btnSm 	{ font-size:12px; padding:8px 15px; }
.btnEc.btnPage  { padding:8px 26px; }
.btnRound{width: 50px;height: 50px;border-radius: 50%;border: none;}
.btnRound svg{height: 30px;opacity: 0.8;transition: opacity 0.2s ease;}
.btnRound:hover svg{opacity: 1;}
.btnRound.bgNoir svg path{fill: white;}
.btnWithSvg svg{height: 25px;opacity: 0.8;}
.btnWithSvg svg path{fill: white;}

:is(.btnEc,.btnDoc,.btnRound):disabled{opacity: 0.5;pointer-events: none;}
:is(.btnEc,.btnDoc,.btnRound):disabled:hover{opacity: 0.5;pointer-events: none;}

/* CARTOUCHES */
.cartoucheEc 	{ display:inline-block; font-size:11px; letter-spacing:1px; text-transform:uppercase; border:2px solid black; border-radius:50px; padding:10px 15px; color:black; }


/* ANIM */
.btnAnim 		{ transition:all 0.4s; }
.btnAnim:hover 	{ transform:translateX(4px); } 

/* NOTIFS MENU */
.notifsNavContainer 	{ position:fixed; z-index:56; top:70px; right:100px; background:white; width:480px; box-shadow:var(--modal_box_shadow); }
.notifsNavContainer h2  { font-weight:700; margin-top:-10px; }
.notifsListe   			{ overflow-y:scroll; max-height:450px; }
.notifsListe li  		{ position:relative; padding-bottom:15px; }
.notifsListe li::after  { content:''; width:100%; position:absolute; left:0; margin:0 auto; top:100%; z-index:1; border-bottom:solid 1px #d6d6d6; }
.notifsListe li.last-visible::after { content:''; width:0; border-bottom:0; }
.notifsListe h4  		{ font-size:16px; margin-bottom:0px; margin-top:0;}
.notifsListe h4 span 	{ display:inline-block; padding:4px 12px; color:white; font-size:12px; margin-right:10px; }
.notifsListe p 			{ font-size:14px; margin:6px 0 0; }
.notifsListe span 		{ font-size:12px; color:#333; }

/* PROFIL NAV */
.profilNavContainer{ position:fixed; z-index:55; top:25px; right:100px; background:white; width:480px; padding:10px 30px 20px; box-shadow:var(--modal_box_shadow); }

/* TRANSITIONS OF MODAL ELEMENTS */
.containerFlottant{transition: all var(--modal_transition);}
.containerFlottant[data-open='false']{opacity: 0;pointer-events: none;transform: translateY(var(--modal_translate));}

/* ETAPES */
.containerEtape 		{ position:relative; display:inline-block; width:20%; vertical-align:top; }
.containerEtape.sizeSm 	{ width:15%; }
.containerEtape.sizeLg 	{ width:25%; }
.containerEtape .content_etape 	{ min-height:160px;margin-bottom: 8px;padding-right: 20px;}
.containerEtape .content_etape h4 	{ max-width: 60%; }

/* SLIDERS */
.navSlider1 .slick-dots 		{ bottom:20px; }
.navSlider1 .slick-dots li 		{ margin:0; }
.navSlider1 .slick-dots li button::before { font-size:12px; opacity:0.6; color:white; }
.navSlider1 .slick-dots li.slick-active button::before { font-size:20px; opacity:1; color:white; }

.sliderNav 		{ position: relative; z-index:20; background:rgba(255,255,255,0.7); padding:25px 40px; margin-top:-186px; }
.sliderThumb 	{ display:inline-block; width:90%; height:130px; background-repeat:no-repeat; background-position:center; background-size:cover; }

.btnSliderNav    { cursor:pointer; position:absolute; right:0; left:0; margin:-53px auto 0; border-radius:50px 50px 0 0; height:28px; width:50px; }
.btnReduce { background:url('../img/arrow_down.png') no-repeat center 15px rgba(255,255,255,0.7); }
.btnExpand { display:none; background:url('../img/arrow_up.png') no-repeat center 15px rgba(255,255,255,0.7); margin-top:-28px; }

.slickCustomArrow { position:absolute; top:35%; z-index:20; cursor:pointer; /*transform: translateY(-50%);*/ }
.slickCustomArrow.arrLeft 	{ left:-2px; }
.slickCustomArrow.arrRight 	{ right:-2px; }

.slickCustomArrow.arrow25 { top:25%; }

.slickPersoArrow { position:absolute; top:10%; z-index:100; cursor:pointer; }
.slickPersoArrow.arrLeft 	{ left:-60px; }
.slickPersoArrow.arrRight 	{ right:-20px; }

.slick-prev, .slick-next { color:initial; width:30px; height:30px; }
.slick-prev::before, 
.slick-next::before 	{ color: initial; font-size: 30px; }
.slick-prev 			{ left: -30px; }
.slick-next 			{ right: -30px; }

.slick-dots li button::before { font-size:10px; }

.sliderBackFull 	{ height:650px; background-size:contain; background-position:center; background-repeat: no-repeat;background-color: var(--img_background);}
.slideTextContent 	{ display: flex; justify-content: center; transition: bottom .25s ease;}
.slideTextContent p { margin: 0;}
.slideTextContent p:first-child {font-weight: bold;}

/* BLOCS HOME */
.blocHome 			{ position:relative; height:315px; background:white; margin-bottom:20px;overflow: hidden;}
.blocHome .visuel 	{ height:160px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.blocXl 			{ height:650px; }
.blocHome.blocXl  .visuel 	{ height:360px; }
.blocHome .btnBloc 	{ position:absolute; bottom:10px; right:15px; }
.blocFullImg 		{ background-size:cover; background-position:center; background-repeat:no-repeat; }

#documents a 		{ display:block; }
#documents a:hover	{ text-decoration:underline; }

.photoRound 		{ display:inline-block; margin-top:5px; width:60px; height:60px; border-radius:70px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.photoRound.bigger 	{ width:70px; height:70px; } 

.actusHome .slick-dots li 	{ margin:0; }
.actusHome .slick-dots li button::before { font-size: 12px; }
.actusHome .extraitActu img	{ display:none; }

/* CONNEXION */
.containerTitreCo 		{ background:rgba(0,0,0,0.6); }
.containerTitreCo h1 	{ color:white; }
.containerForm 			{ display:flex; flex-direction:column; justify-content:center; height:100%; padding-bottom:50px; }
.boxTitre 				{ display:flex; flex-direction:column; justify-content:center; height:100%; }
.logoConnexion 			{ margin:0 auto; max-width:250px; height:auto; }
.linkForget 			{ text-decoration:underline; }
.formConnexion input[type=email] 	{ padding-left:40px; background:url('../img/Mail.svg') no-repeat 10px center #ededed; background-size:20px 20px; }
.formConnexion input[type=password], .formConnexion input[type=text] { padding-left:40px; background:url('../img/Lock.svg') no-repeat 10px center #ededed; background-size:20px 20px; }

.passwordtoggle{display: inline-block;position: relative;}
.passwordtoggle img.passwordtoggle-eye{position: absolute;top: 0;right: 0px;height: 20px;margin: 9px;cursor: pointer;opacity: 0.8;transition: opacity ease 0.2s;}
.passwordtoggle::after{content: "";position: absolute;top:18px;right: 9px;width: 20px;height: 1px;background-color: black;opacity: 0;pointer-events: none;transition: all 0.2s ease;}
.passwordtoggle img.passwordtoggle-eye:hover{opacity: 0.65;}
.passwordtoggle[marsked=false]::after{opacity: 0.8;transform:rotate(45deg);}
.passwordtoggle[marsked=true]::after{opacity: 0;transform:rotate(25deg);}

/* CONSENTEMENT OPENID */
.ecconsent-page{display: flex;justify-content: center;align-items: center;background: #f9f9f9;}
.ecconsent{--margin_block:30px;width: 100%;max-width: 420px;margin-block: auto;padding: 35px;border-radius: 5px;border: 1px solid #eee;background: white;}
.ecconsent :is(p, h3, h4){margin: var(--margin_block) 0;}
.ecconsent-list>div{display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}
.ecconsent-list>div .pictoEc{flex-grow: 0;}
.ecconsent-list>div .pictoEc, .ecconsent-list>div .pictoEc svg{margin: 0;height: 25px;}
.ecconsent-list>div .pictoEc svg{opacity: 0.5;}
.ecconsent-policy{opacity: 0.7;font-size: 0.85rem;}
.ecconsent-validate{text-align: right;margin-top: var(--margin_block);}
.ecconsent-logo{max-height: 60px;margin-top:var(--margin_block);}

/* PAGES */
.mneg80 	{ margin-top:-80px; }
.border-right { border-right:1px solid black; }

.traitColor { padding-left:15px; }

.headerPage { display:inline-block; height:520px; padding:10px 20px; }
.headerPage .titrePage 				{ display:inline-block; background:white; padding:6px 40px; }
.headerPage .titrePage h1	{ font-size:56px; margin-top:10px; }

.headerPage.headerSm { height:var(--header_height_small); }
.headerPage.headerMessages { height:220px; }

.headerChantier .titrePage, 
.headerReglements .titrePage, 
.headerPartenaires .titrePage,
.headerContactsUtils .titrePage,
.headerProfil .titrePage,
.headerDocuments .titrePage,
.headerRdv .titrePage,
.headerPerso .titrePage,
.headerFaq  .titrePage 			{ margin-top:220px; } /* debugAA - optimiser car pas besoin de faire des classe unique pour ça */
.headerAdv .titrePage, 
.headerLivraison .titrePage	 	{ margin-top:170px; }
.headerResidence .titrePage 	{ margin-top:100px; }
.headerMessages .titrePage 		{ margin-top:55px; }
.headerActualites .titrePage 	{ margin-top:80px; }


.blocNoir { display:inline-block; background:black; color:white; padding:6px 15px; }

.bigNum { font-size:70px; line-height:1em; }

.listerdv { min-height:350px; }

/* FRISE EC */
ul.friseEc 			{ position:relative; }
ul.friseEc li 		{ max-width:140px; text-align:left; display:inline-block; position:relative; margin-left:-2px; vertical-align:top; padding-top:32px; padding-right:40px; color:#aaa;  }
ul.friseEc li::after 	{ position:absolute; z-index:0; background:#d5d5d5; border-top:2px solid #d5d5d5; border-bottom:2px solid #d5d5d5; content: ''; height:4px; width:100%; left:15px; top:7px; }
ul.friseEc li.previous, 
ul.friseEc li.current 		{ color:black; }
ul.friseEc li.current p 	{ font-weight:600; font-size:20px; line-height:1.2em; }
ul.friseEc li .dot-frise 	{ width:20px; height:20px; position:absolute; left:0; top:0; z-index:2; background:#aaa; border-radius:20px; }
ul.friseEc.friseMedium 		{ font-size:13px; }
ul.friseEc.friseMedium li 	{ padding-right:25px; }
ul.friseEc.friseSmall 		{ font-size:12px; }
ul.friseEc.friseSmall li 	{ padding-top:24px; }
ul.friseEc.friseSmall li.current p 	{ font-size:14px; line-height:1.0em; }
ul.friseEc.friseSmall li .dot-frise 	{ width:10px; height:10px; border-radius:10px; }
ul.friseEc.friseSmall li::after 		{ border-top:2px solid #d5d5d5; border-bottom:2px solid #d5d5d5; left:10px; top:3px; height:4px; }
ul.friseEc li:last-child::after 	{ background:none; border:0; }
/* frise verticale */
ul.friseEc.verticale li 		{ max-width:100%; display:block; margin-left:0; padding-top:0; padding-right:0; padding-left:40px; min-height:80px;padding-bottom:1em; }
ul.friseEc.verticale li::after 	{ border-top:0; border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; content:''; width:2px; height:100%; left:9px; top:0; }
ul.friseEc.verticale li:last-child::after 	{ background:none; border:0; }
ul.friseEc.verticale li.current, 
ul.friseEc.verticale li.previous, 	
ul.friseEc.verticale li.current::after,
ul.friseEc.verticale li.previous::after 	{ min-height:90px; }
ul.friseEc.verticale li p 	{ margin-bottom:0rem; }


.tags li	{ color:white; background:black; padding:4px 8px; display:inline-block; margin-bottom:10px; }
.categorie-post	{ color:white; background:black; padding:4px 8px; display:inline-block; margin-right:6px; }
.actuSearch input[type=text],
.docSearch input[type=text]  	{ vertical-align:middle; padding:10px 20px; background:white; border-radius:30px; border:1px solid #cbcbcb; width:80%; }
.actuSearch input[type=submit],
.docSearch input[type=submit]  	{ vertical-align:middle; width:42px; height:42px; background:url('../img/picto_loupe.png') no-repeat center center black; border-radius:40px; border:0; margin-left:10px; }
.docSearch input[type=submit]  	{ margin-top:-4px; }
.actuSearch input[type=submit]  { margin-top:-5px; }
.showReply { background:url('../img/arrow_down.png') no-repeat center right; padding-right:30px; }

.containerCanvas 		{ position:relative; }
.containerCanvas .stat 	{ text-align:center; position:absolute; z-index:5; font-size:60px; transform:translatey(-50%); top:50%; margin:auto; left:0; right:0; display:inline-block; width:100%; /*height:120px; */font-weight:700; }

.descriptionLotInfos div { padding:0 15px; }

/* CONTACTS UTILES */
.contacts-single { padding-bottom:60px; border-bottom:1px solid #d9d9d9; }
.contacts-single:last-child { border-bottom:0; }

/* ACTUS */
.singleArticle iframe 	{ min-height:300px; width:100%; }
.singleArticle iframe.moreHeight 	{ min-height:600px; }
.sectionComments 		{ display:none; }
.deleteInputLabel 		{ position:absolute; right:25%; top:10px; }
.singleArticle .contentActu ul { list-style-type:disc; margin:10px 0 20px 30px; }

/* FAQ */
.faqSingle			{ margin-top:50px; padding-bottom:30px; border-bottom:1px solid #ccc; }
.faqSingle .faqBtn 	{ cursor:pointer; position:absolute; top:15px; right:0; border:1px solid black; border-radius:30px; padding:16px; background:url('../img/picto_plus.png') no-repeat center center; }
.faqSingle h4 				{ padding-left:20px; width:90%; }
.faqSingle .singleAnswer 	{ display:none; }
.faqSingle .singleAnswer ul 		{ list-style-type:disc; margin-left:30px; margin-bottom:20px; }
.faqSingle.onDisplay .faqBtn 		{ background:url('../img/picto_x.png') no-repeat center center; }
.faqSingle.onDisplay .singleAnswer 	{ display:block; }
 
/* STYLES SUR LES PAGES DE CONTENUS */
.page-contenu a 	{ text-decoration:underline; }
.page-contenu ul 	{ list-style-type:disc; margin-left:30px; }

/* CONNECT CONTENU */
.boxContentConnect { text-align:left; }
.boxContentConnect ul 	{ list-style-type:disc; margin-left:30px; }

/* MESSAGES & DISCUSSION */
.listingTopics, .topicMessages{height: calc(100vh - var(--header_height_small));overflow-y: auto;}
.listingTopics{ border-right: 1px solid #ccc;padding-right: 0;padding-left: 0;}
.topicMessages{padding: 0;position: relative;background-color: white;}

.topicMessages-header{position: absolute;top: 0;left: 0;right: 0;height: 70px;background: white;border-bottom: 1px solid #eee;display: none;}
.topicMessages-header .closeModal{left: 0;}
.topicMessages-header h2{margin: 0;padding-left: 70px;line-height: 70px;}

.topicMessages-chat{height: 100%;}

.topicMessages-chat { padding:12px; padding-bottom:200px; overflow-y:auto; }
.topicMessages-form { /*padding:52px;*/ padding:20px 52px 10px; display:flex; justify-content:top; align-items:top; gap:15px; background-color:#f1f1f1; position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #ccc; }
/*.topicMessages-form-textarea { flex-grow:1; }*/
.topicMessages-form-textarea textarea { background-color: white;border: 1px solid #ccc;width: 100%;font-size: initial; }
.topicMessages-form-textarea button { flex-shrink: 0; }
.topicMessages-form .btnWithSvg svg { display: none; }
.topicMessages-form .btnColor_1 { padding: 15px 25px; }
.topicMessages-form #sendMP { height:52px; }

.topicMessages-form-files, .topicMessages-form-files-new{display: flex;flex-wrap: wrap;gap: 5px;}
.topicMessages-form-files:empty, .topicMessages-form-files-new:empty{display: none;}
.topicMessages-form-files input[type=file], .topicMessages-form-files-new input[type=file]{display: none;}
.topicMessages-form-files span, .topicMessages-form-files-new span{background-color: rgba(0,0,0,0.1);padding: 5px 15px;border-radius: 10em;white-space: nowrap;}
.topicMessages-form-files span i,.topicMessages-form-files-new span i{margin-left: 5px;opacity: 0.5;transition: opacity 0.2s ease;font-style: normal;vertical-align: top;}
.topicMessages-form-files span i:hover, .topicMessages-form-files-new span i:hover{cursor: pointer;opacity: 1;}
.topicMessages-form-files span b, .topicMessages-form-files-new span b{ font-weight:normal; white-space:nowrap; display:inline-block; max-width:170px; overflow:hidden; text-overflow:ellipsis; vertical-align:top; }

.singleMessage 	{ margin-bottom:40px; margin-left:40px; }
.messageContent { width:85%; padding:20px; font-size:16px; }
.messageDate{opacity: 0.6;margin-top: 5px;font-size: 0.7rem;}
.messageOut .messageContent { width:85%; padding:20px; font-size:16px; background:#f1f1f1; }
.messageOut .messageContent { margin-left:15%; }
.messageOut .messageDate { text-align:right;}
.messageIn .messageContent { border: 1px solid #ccc; }
.linkinmessage { text-decoration: underline; color: #0d6efd; }

.search_cat_list 	{ display:inline-block; }
.search_cat_list li { display:inline-block; margin:0 5px 5px; padding:6px 16px; border-radius:20px; border:1px solid #cbcbcb;; background:white; }

/* ------pour réparer le style par défaut listes ul dans les messages privés */
.messageContent ul, .boxFil ul { list-style:initial !important; }
.messageContent ul, .boxFil ul { padding-left:40px; }
/* ----------------------- */

.listeFluxMsg>li			{ padding:10px 20px 20px 40px; cursor:pointer; }
.listeFluxMsg>li:not(:last-child)			{ border-bottom:1px solid #eee; }
.listeFluxMsg>li:first-child			{ border-top:1px solid #eee;}
.listeFluxMsg>li:hover 		{ background:#f7f7f7; }
.listeFluxMsg>li.current 	{ background:#f1f1f1; }
.listeFluxMsg h4 			{ margin-left:-20px; margin-bottom:10px; padding-left:20px; }
.listeFluxMsg span 			{ font-size:12px; }
.listeFluxMsg p 			{ margin-bottom:6px; }

.displayAllFlux 		{ padding-left:40px; background:url('../img/arrow_down.png') no-repeat 10px center; }
.displayAllFlux.active 	{ background:url('../img/arrow_up.png') no-repeat 10px center; }

span.file-block 	{ display:inline-block; background:#ccc; padding:6px 15px; border-radius:20px; margin-top:10px; margin-right:10px; }



/* SAS */
.sas_lot input[type=submit] 		{ font-size:14px; border:0; padding:10px 20px; padding-right:30px; width:85%; margin:5px auto; }
.sas_lot input[type=submit]:hover 	{ font-weight:700; }

.navBottomSidebar { position:absolute; bottom:10px; margin-right:auto; margin-left:auto; right:0; left:0; }
.navBottomSidebar ul 	{ display:inline-block; }
.navBottomSidebar li 	{ display:inline-block; font-size:11px; margin-right:-6px; }
.navBottomSidebar a 	{ color:black; padding:0 12px; position:relative; }
.navBottomSidebar a:hover 	{ color:grey; }
.navBottomSidebar a::after { content:''; height:16px; position:absolute; right:0; margin:0 auto; top:0; bottom:0; z-index:1; }
.navBottomSidebar li:last-child a::after 	{ border:0; }

.partenaire 	{ margin-bottom:60px; }
.partenaire h3 	{ margin-bottom:0; }
.partenaire h4 	{ margin-top:10px; }

/* DOCUMENTS */
.listedocuments .num,
.listerdv .num 			{ display:inline-block; background:red; margin-top:-10px; color:white; text-align:center; line-height:30px; position:absolute; border-radius:30px; width:30px; height:30px; font-size:20px; }
.listedocuments .picto 	{ width:32px; height:auto; }
.listedocuments ul 		{ /*display:none;*/ }
.titreGroupeDocs span 			{ display:none; /*transform:rotate(-90deg); margin-left:30px; display:inline-block; width:33px; height:33px; background:url('../img/persoArrow-next.png') no-repeat center center;*/ }
.titreGroupeDocs.actif span 	{ display:none; /*transform:rotate(90deg);*/ }

.listeGroup { display:inline-block; margin:0 5px 5px; padding:6px 16px; border-radius:20px; border:1px solid #cbcbcb; background:white; }


/* MESSAGES */
.boxMessages 		 { display:none; }
.boxMessages.current { display:block; }

/* CALENDRIER */
.planningMeetings table td { padding:0; font-size:16px; }
.planningMeetings table tr { border-bottom:0; }
.planningMeetings #cal_nav_content { text-align:center; }
.planningMeetings #cal_nav_prev, 
.planningMeetings #cal_nav_next,
.planningMeetings #cal_nav_today 	{ display:inline-block; }
.one_hour_cell.disable { height:30px !important; }

/* EMPTY STATE */
.emptystate{text-align:center;padding: 40px;}
.emptystate svg{height: 100px;margin-bottom: 40px;}
.emptystate svg path{fill: rgba(0,0,0,0.65);}
.emptystate p{opacity: 0.65;}

/* BOUTONS LIKES/COMMENTER */
a.interactBtn{opacity: 0.65;transition: all ease 0.25s;}
a.interactBtn:hover{cursor: pointer;opacity: 1;}
a.interactBtn span.interactBtn-count{margin: 0px 4px;}
a.interactBtn span.interactBtn-count:empty{display: none;}
a.interactBtn .pictoEc svg path.svg-bg{fill: black;opacity: 1;transform: none;transform-origin: center;transition: all ease 0.25s;}
a.interactBtn[data-action=like] .pictoEc svg path.svg-bg{opacity: 0;transform: scale(0.2);}

/* ANIMATIONS */
.fading{transition: all 0.2s ease;}
.faded.faded-up{opacity:0;transform: translateY(30px);}
.faded.faded-down{opacity:0;transform: translateY(-30px);}
.faded.faded-left{opacity:0;transform: translateX(30px);}
.faded.faded-right{opacity:0;transform: translateX(-30px);}

/* RANDOM */
.bordered-bottom{border-bottom: 1px solid #eee;}
.bordered-top{border-top: 1px solid #eee;}
.bordered-right{border-right: 1px solid #eee;}
.xs-visible{display: none;}
.noData{opacity:0.2;}
.ellipsis { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}

.hideScrollbar::-webkit-scrollbar {display: none;}
.hideScrollbar { -ms-overflow-style:none; scrollbar-width:none; }
.motPadtop 	{ padding-top:100px; }

/* PERSONNALISATION */
.descriptifTma { display:none; }
.descriptifTma.current { display:block; }

/* GOOGLE MAP */
#map { height:500px; }

/* LISTING PLANS HOMEPAGE */
.selectListPlans 			{ position:absolute; margin:0 auto; left:0; right:0; width:250px; }
.selectListPlans.isBlock 	{ position:static; margin:0; }
.selectListPlans ul 		{ display:none; position:absolute; width:100%; border:1px solid white; margin:0 2px; padding-bottom:8px; width:266px; font-size:12px;z-index:10; }
.selectListPlans li 		{ padding:8px 10px; text-align:left; }
.selectListPlans li span 	{ display:inline-block; width:28px; text-align:center; padding:4px 7px; float:right; }
.btnListPlans.actifListe 	{ border-radius:25px 25px 0 0 !important; }

.btnEc.btnInSelectEc
{
	padding: 4px 7px !important;
	letter-spacing: normal;
	font-size: inherit;
	text-transform: inherit;
	border-radius: inherit;
	border: inherit;
	transition: none;
}



/* FOOTER */
footer 		{ padding:30px 0 50px; font-weight:300; }
footer ul 	{ display:inline-block; }
footer li 	{ display:inline-block; }
footer a 	{ color:black; padding:0 20px; position:relative; }
footer a:hover 	{ color:grey; }
footer li a::after { content:''; height:20px; position:absolute; right:0; margin:0 auto; top:0; bottom:0; z-index:1; }
footer li:last-child a::after 	{ border:0; }

/* ---------------------------------------
 RESPONSIVE 
--------------------------------------- */
@media (max-width: 1399.98px)   
{ 
	body { font-size:14px; }

	h1 { font-size:36px; margin-top:20px; }
	h2 { font-size:24px; margin-top:20px; }
	h3 { font-size:32px; }
	h4 { font-size:20px; }

	table td 	{ padding:15px; font-size:16px; }
	table .btnEc { font-size:12px; }
	table .btnEc.btnPage { padding:8px 13px; }

	.itemsNavContainer .pictoNav { height: 30px; }
	.itemsNavContainer .pictoNav svg { height: 30px; }

	.infosHomeResidence { font-size:18px; }

	ul.friseEc.friseSmall { font-size:11px; }
	ul.friseEc.friseSmall li { padding-right:25px; }

	.pictoImg { width:auto; height:45px; }

	table.adv td	{ font-size:16px; }

	/* INFO LOTS */
	table.tableInfosLots td.td-lots-plans
	{ 	    
		width: 30% !important;
		/*padding-top: 40px !important;*/
	}
}

@media (max-width: 1199.98px) /*XL*/
{ 
	body { font-size:13px; }

	h1 { font-size:32px; }
	h2 { font-size:25px; }
	h3 { font-size:28px; }
	h4 { font-size:18px; }

	.itemsNavContainer .pictoNav { height:24px; }
	.itemsNavContainer .pictoNav svg { height:24px; }

	.infosHomeResidence { font-size:16px; }
	.sliderRespEtapes 	{ margin-top:40px; }

	.sliderNav 		{ margin-top:-154px; }
	.sliderThumb 	{ height:100px; }

  .sliderBackFull { height:450px; }

	ul.friseEc.friseSmall { font-size:10px; }
	ul.friseEc.friseSmall li { padding-right:15px; }

	table .btnEc 			{ text-align:center; font-size:10px; }
	/*table .btnEc.btnPage 	{ padding:6px 7px; }*/

	ul.friseEc li { padding-right:20px; }
	ul.friseEc li.current p { font-size:18px; }
	ul.friseEc.friseMedium 		{ font-size:11px; }
	ul.friseEc.friseMedium li 	{ padding-right:20px; }

	.containerCanvas .stat { font-size:45px; }

	table.adv td	{ font-size:12px; }

	.slickPersoArrow.arrRight 	{ right:-40px; }
	table.tableInfosLots td.td-lots-plans
	{ 	    
		width: 30% !important;
		/*padding-top: 35px !important;*/
	}
}

@media (max-width: 991.98px) /*LG*/ /* bascule vers mobile resp */
{ 
	.logoResponsive { max-width:80px; height:auto; }

	/* Nav  */
	.respNavContainer { position:fixed; display:block; bottom:0; height:70px; width:100%; box-shadow:0px -5px 10px 0px rgba(0, 0, 0, 0.2); background:white; }
	.mainNavContainer { display:none; width:100%; height:calc( 100vh - 60px ); background:white; bottom:60px; box-shadow:-1px -8px 9px 2px rgba(0, 0, 0, 0.1); }
	.mainNavContainer .logoEc 	  { display:none; }
	.mainNavContainer .switchResa { margin-top:30px; }
	.mainNavContainer .itemsNavContainer { padding:0 20px 40px; }
	
	.itemsNavContainer .pictoNav 	{ display:none; }
	.itemsNavContainer li a 		{ font-size:24px; padding:20px 4px 20px; }
	.itemsNavContainer li ul 		{ display:none; }
	.itemsNavContainer li ul 		{ width:100%; height:auto; position:static; margin-left:auto; margin-right:auto; }

	.itemsNavContainer li.parentNav.actif ul 	{ width:100%; display:inline-block; margin-left:auto; box-shadow:none; }
	.itemsNavContainer li li a 			{ font-size:14px; padding:10px 4px 10px; }
	.itemsNavContainer li li a::after 	{ border-bottom:0; }

	.notifsContainer 	{ top:auto; bottom:10px; right:25px; }
	.notifsContainer li	{ display:inline-block; margin-right:10px; }
	.notifsContainer a 	{ width:40px; height:40px; }
	.notifsContainer a svg{ height:26px;margin: 7px 0px; }

	.pictoNav 	{ display:none; }
	.sliderNav 	{ margin-top:-129px; }

	.btnSwitch 	{ margin-top:50px; }

	/* home */
	.infosHomeResidence { height:auto; padding:60px 20px; }

	.notifMsgContainer, 
	.notifRdvContainer 	{ height:auto; padding:40px 10px; display:inline-block; vertical-align: top; width:49.7%; font-size:18px; }
	.notifMsgContainer p, .notifRdvContainer p	{ min-height:70px; }

	.infoPastille { left:auto; right:10%; width:24px; height:24px; }

	.homeTopImage 		{ height:400px; }

	.blocHome 			{ height:250px;}
	.blocHome .visuel 	{ height:100px; }
	.blocXl 			{ height:350px; }
	.blocHome.blocXl .visuel 	{ height:200px; }
  #publications.blocXl { height:auto; padding-bottom:40px; }

	#chantier .friseSmall { display:none; }

	/* pages */
	.sliderThumb 	{ height:75px; }

	ul.friseEc li { padding-right:10px; }
	ul.friseEc li.current p { font-size:16px; }
	ul.friseEc.friseMedium li p 		{ font-size:10px; }
	ul.friseEc.friseMedium li.current p { font-size:14px; }
	
	.containerCanvas .stat { font-size:70px; }

	.motPadtop 	{ padding-top:50px; }

	table .btnEc.btnPage { padding: 12px 15px; }

	/* footer */
	footer 			{ margin-bottom:70px; }
	ul.nav_footer 	{ margin-top:30px; }

	/* INFOS LOTS */
	/* table.tableInfosLots td.is-empty 	{ display:none; } */

	
	table.tableInfosLots td.td-lots-plans.unique-plan {
			margin-bottom: 0em !important;
	}

	table.tableInfosLots td.td-lots-plans,
	table.tableInfosLots td.td-lots-vv
	{ 	    
		text-align:left !important;
	}
}

@media (max-width: 767.98px)  /*MD*/
{ 	
	.itemsNavContainer li a 		{ font-size:20px; padding:15px 4px 15px; }

  .listeFluxMsg{margin-bottom: 30px;}
  .listingTopics{border-right: none;height: initial;}
  .topicMessages{position: fixed;top: 0;right: 0;height: calc(100vh - 70px );width: 100vw;opacity: 0;pointer-events: none;transform: translateY(50px);z-index: 49;transition: all 0.25s;}
  .topicMessages[data-open=true]{opacity: 1;transform: none;pointer-events: all;}
  .topicMessages-chat{padding-top: 80px;}
  .topicMessages-form{padding: 15px;gap: 5px;}
  .topicMessages-form-textarea textarea{min-width: initial;}
  .topicMessages-form .btnColor_1{padding: 0px;}
  .topicMessages-form button{width: 40px;height: 40px;padding: 0px;border-radius: 50%;text-align: center;flex-shrink: 0;}
  .topicMessages-form button span{display: none;}
  .topicMessages-form button.btnWithSvg svg{display: inline;}
  .topicMessages-form button svg{height: 25px;margin: auto;}

  .xs-visible{display: initial;}
  
  .topicMessages-header { display:block; z-index:50; }

	h1 { font-size:28px; }
	h2 { font-size:20px; }
	h3 { font-size:24px; }

	.displayDesktop { display:none; }
	.displayMobile  { display:inline-block; }

	.respMbot40 { margin-bottom:40px; }

 	.logoResponsive { width:40%; height:auto; }
 	.pictoEc.big { height:40px; }

 	.pictoImg { width:35px; height:auto; }

 	/* home */
	.infosHomeResidence { padding:40px 20px; }
	.homeTopImage 		{ height:300px; }
	.sliderRespEtapes .slick-dots li button::before { color:#333; }
	.sliderRespEtapes .slick-dots { bottom:-70px; }

	.notifMsgContainer, .notifRdvContainer 	{ font-size:16px; }

	.headerPage .titrePage h1 { font-size:40px; }

	/* INFOS LOTS */
	table.tableInfosLots td 	{ display:block; }
	table.tableInfosLots td.td-lots-plans{ 	/* padding-top: 15px !important;*/ }

	
	table.tableInfosLots td.pleft { padding-left:15px; }

	.sliderNav { display:none; }

	#motArchiContent { margin-top:40px; }

	ul.friseEc li.next { display:none; }
	ul.friseEc 		{ font-size:14px !important; }
	ul.friseEc li 	{ padding-right:30px !important; }
	ul.friseEc li.current p { font-size:18px !important; }

	.containerCanvas .stat { font-size:50px; }

	table.adv 	{ display:none; }
	.advResp 	{ display:block; }

	/* .listeFluxMsg li 			{ display:none; } */
	.listeFluxMsg li.current 	{ display:block; }

	.navBottomSidebar li { display:block; }
	.navBottomSidebar a::after  { border:0 !important; }

	.containerForm 	 { padding-bottom:100px; }

	ul.nav_footer li { display:block; }
	footer a::after  { border:0 !important; }
	footer a 		 { padding:0; }

	.slickPersoArrow.arrLeft 	{ left:-50px; }
	.slickPersoArrow.arrRight 	{ right:-10px; }

	.intemperies .text-end { text-align:center !important; }

	.notifsContainer a { box-shadow:none; }

	.singleArticle iframe.moreHeight 	{ min-height:300px; }

	.headerPage { height:250px; }
	.headerPage.headerResidence { height:300px; }
	.headerChantier .titrePage, 
	.headerReglements .titrePage, 
	.headerPartenaires .titrePage, 
	.headerContactsUtils .titrePage, 
	.headerProfil .titrePage, 
	.headerDocuments .titrePage, 
	.headerRdv .titrePage, 
	.headerPerso .titrePage, 
	.headerFaq .titrePage { margin-top:80px; }
	.headerAdv .titrePage, .headerLivraison .titrePage { margin-top:50px; }
	.headerResidence .titrePage { margin-top:20px; }
}

@media (max-width: 575.98px)  /*SM*/
{
	body { font-size:14px; }

	.btnArrow { padding:20px; width:40px; background-size:20px !important; }

	.logoResponsive { width:50%; height:auto; }

	.notifsContainer li	{ margin-right:5px;margin-bottom: 0; }

	.notifMsgContainer, 
	.notifRdvContainer	{ padding:30px 1px; width:49.3%; }

	.homeTopImage { height:250px; }

  	.pheight70 { height:auto; }

	.blocHome 			{ height:250px; }
	.blocHome .visuel 	{ height:100px; }
	.blocXl 			{ height:350px; }
	.blocHome.blocXl .visuel 	{ height:200px; }

	.actuSearch input[type="text"] { width:75%; min-width:75%; }

	.notifsNavContainer 	{ width:96%; padding:10px 20px; height:88%; top:8px; right:8px; }
	.notifsListe h4 		{ font-size:14px; margin-bottom:8px; }
	.notifsListe p 			{ font-size:14px; }

  	.profilNavContainer     { width:96%; padding:10px 20px; height:auto; top:65%; bottom:80px; right:8px; }

	.headerPage .titrePage h1 { font-size:20px; }

	ul.sas_lot li 		{ width:95%; }

	.descriptionLotInfos .text-start 		{ text-align:center !important; }
	.descriptionLotInfos .containerPicto 	{ display:none; }

	.containerCanvas 		{ margin-bottom:40px; }
	.containerCanvas .stat 	{ font-size:70px; }

	.listedocuments .btnEc 		{ margin-top:10px; }
	.listedocuments .titreDoc 	{ margin-top:10px; }
	.listedocuments .num, 
	.listerdv .num 				{ display:none; }
	.listerdv .hpad40 			{ padding-left:10px; padding-right:10px; }

	.slickCustomArrow img 		{ width:30px; height:auto; }

	.slickPersoArrow.arrLeft 	{ left:0; margin-top:-60px; }
	.slickPersoArrow.arrRight 	{ right:0; left:60px; margin-top:-60px; }

  	.sliderBackFull { height:320px; }

	.bigNum { font-size:50px; padding-top:15px; }

	.planningMeetings table td { font-size:12px; }
	.planningMeetings .one_hour_cell { min-width:auto; margin:2px; }

  .ecconsent{border: none;padding: 25px;}

	
	/* INFOS LOTS */
	table.tableInfosLots td.is-empty 	{ display:none; }
	table.tableInfosLots td.td-lots-plans{ /*	padding-top: 15px !important; */}
	table.tableInfosLots td.td-lots-plans,
	table.tableInfosLots td.td-lots-vv
	{ 	    
		width: 100% !important;
    margin-bottom: 2em;
	}

}

/* Responsive hauteur viewport */
@media (max-height:849.98px)  and (min-width:991.98px)
{	
	.mainNavContainer  				{ font-size:12px; }
	.itemsNavContainer .pictoNav 	{ height:25px; }
	.itemsNavContainer .pictoNav svg 	{ height:25px; }

	.headerPage { height:240px; }
	.headerChantier .titrePage, 
	.headerReglements .titrePage, 
	.headerActualites .titrePage, 
	.headerPartenaires .titrePage, 
	.headerContactsUtils .titrePage, 
	.headerProfil .titrePage, 
	.headerDocuments .titrePage, 
	.headerRdv .titrePage, 
	.headerPerso .titrePage, 
	.headerFaq .titrePage { margin-top:60px; }

	.headerPage.headerMessages { height:160px; }
	.headerMessages .titrePage { margin-top:25px; } 

	.messageOut .messageContent { padding:10px; font-size: 13px; }

	.headerResidence .titrePage { margin-top:10px; }
	.headerResidence .mtop20 { margin-top:0; }

	.headerAdv .titrePage, .headerLivraison .titrePage { margin-top:60px; }

	.headerPage.headerSm { height:240px; }

	.mneg80 { margin-top:-40px; }

	footer { padding:20px 0 15px; }
}

@media (max-height:699.98px)  and (min-width:991.98px)
{	
	.mainNavContainer  				{ font-size:11px; }
	.itemsNavContainer .pictoNav { height:12px; }
	.itemsNavContainer .pictoNav svg 	{ height:12px; }
}

@media (max-height:599.98px)  and (min-width:991.98px)
{	
	.mainNavContainer  				{ font-size:11px; }
	.itemsNavContainer .pictoNav { display:none; }
}

/*div, img, p, input { background:blue; border:1px solid red; }*/

.chartcontent ul
{
	list-style-type: disc;
}

#modalNotifs .hamburger { padding:0; }
#modalNotifs .modalHeader { display: flex; justify-content: space-between; padding: 30px 20px 20px; border-bottom: 1px solid var(--bgEC_4) }
#modalNotifs hr { opacity:unset; }
#modalNotifs .notifsListe li { padding: 20px 20px 15px; }
#modalNotifs .notifsListe li.unread { background-color: rgba(250, 235, 215, 0.4); }

#modalNotifs .modalHeader h2 { margin:0; }
#modalNotifs .modalHeader .headerContainerLeft, #modalNotifs .modalHeader .headerContainerRight { width: 50%; }
#modalNotifs .modalHeader .headerContainerRight { display: flex; justify-content: flex-end; }
#modalNotifs .modalHeader .button-container button{ border-radius: 6px; border: unset; }
#modalNotifs .modalHeader .button-container { margin-right: 10px; }
#modalNotifs .modalHeader .button-container button.active { color: white; background-color: var(--bgEC_4)}
#modalNotifs .modalHeader .button-container button:not(.active):hover { background-color: rgba(179, 179, 185, 0.4); }

#modalNotifs .notif_conterner { width: 100%; display: flex; align-items: center;}
#modalNotifs .notif_contentleft { width: 90%;}
#modalNotifs .notif_contentright { width: 10%;display: flex; justify-content: space-around; align-items: baseline;}
#modalNotifs .notif_contentright .notifPastille {width: 12px; height: 12px; position: unset;}
#modalNotifs .notif_contentright .notifPastille:not(.isnew) {background: unset; border: 1px solid var(--color_danger);}
#modalNotifs .notif_contentright i {color:red;}
#modalNotifs .notif_contentright .trashcontent {border-radius: 5px; padding: 5px;} 
#modalNotifs .notif_contentright .trashcontent:hover {background-color: rgba(255, 0, 0, 0.2)}

/* #modalNotifs .notifsListe #emptynotifstate:not(.showthispart){display: none;} */