.clear{float:none;clear:both;width:0;height:0;}
:root {
 
  --color-primary-site: #212121 ;
 --color-secondary-site: #17d2e0;
 --color-green-site: #77B257 ;
 --color-grey-site: #808080;
  --main-bg-color: #212121;
  --bg-hover-color: #333; 
      --aspect-ratio: 1;  
}
 .bg-grey{background-color: rgba(230,230,230,0.8)!important;}
html {height: 100%;    margin: 0;padding: 0;overflow: hidden;}
.clear-float::after {display: block;content: "";clear: both;}
header ul, footer ul, .top-site ul{margin:0;padding:0;}
	header ul li, footer ul li, .top-site ul li{list-style:none;margin:0;padding:0;}
	.page-instit-img ul li{list-style: inherit;}

a{border:none;outline:none;text-decoration:none;color:inherit;}
a:focus, a:hover{text-decoration:none!important;outline:none;color:var(--color-green-site);box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;}
button:focus, select:focus, input[type="text"]:focus,input:focus {outline:none;box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;-spec-box-shadow: none!important;}
img{border:none;max-width:100%;}
.swiper-container {overflow: hidden;} 
body{font-family: "sofia-pro", Arial;color:var( --color-primary-site);font-size:0.935rem;line-height: 1.2;overflow-x: hidden;font-weight: 400; height: 100%;background: url(../images/bg_page.jpg)no-repeat center top;overflow: auto;position: relative;    background-size: cover;}
	body:not(.page-height-auto) .big-wrapper{ overflow-x: hidden;/*max-width: 1980px;*/margin-left: auto;margin-right: auto;height: 100%;}
	
strong{font-family: "sofia-pro";font-weight: normal;}
select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer}
.text-underline{text-decoration: underline;}
/**remove select apparence IE****/
select::-ms-expand {display: none;}
.cursor-pointer {cursor: pointer;}
.opacity-hover:hover{
	filter:brightness(110%);
	-moz-filter:brightness(110%);
	-webkit-filter:brightness(110%);
	-ms-filter:brightness(110%);
	-o-filter:brightness(110%); 
	}
 
.pointer-event-none{pointer-events: none!important;}
.color-white{color:#ffffff!important}
.color-black{color: var(--color-primary-site)!important;}
.color-secondary{color:var(--color-secondary-site) !important}
.color-green-site, .green{color:var(--color-green-site) !important} 
.text-black{color: var(--color-primary-site)!important;}
.text-grey{color:var(--color-grey-site) !important;}
.bg-white{background:#ffffff!important}
.bg-white-transparent{background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 76%) !important;    border: 2px solid #fff;border-radius: 20px 20px;-webkit-border-radius: 20px 20px;-ms-border-radius: 20px 20px;}
 div.bg-white.rounded{   background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 76%) !important;border: 2px solid #fff;border-radius: 10px !important;	-webkit-border-radius: 10px !important;-ms-border-radius: 10px !important; }
.dropdown-perso .dropdown-item.active,.dropdown-perso  .dropdown-item:active{background:var(--color-primary-site)!important}
.empty-hide:empty{display: none;}
.menu-mob-overlay{background:rgba(26,26,26,0.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} 

.line-through{text-decoration:line-through}
	.visible-980{display:none}
.clear-float::after{content:""; display:block; clear:both}
.pi-uppercase{text-transform:uppercase}
.font-10{font-size:0.75rem!important}
.font-11{font-size:0.8rem!important}
.font-12{font-size:0.813rem!important}
.font-14{font-size: 0.875rem!important}
.font-15{font-size: 0.938rem!important}
.font-seize, .font-16{font-size: 1rem!important} 
.font-18{font-size: 1.125rem!important} 
.font-19{font-size:1.188rem!important}
.font-17{font-size: 1.063rem!important} 
.font-20{font-size: 1.25rem!important}
.font-22{font-size: 1.375rem!important}
.font-24{font-size: 1.5rem!important}  
 
.page-alerte .ouvert,.page-alerte .ferme, .page-espace-webmastering .ouvert,.page-espace-webmastering .ferme,.h1-page-other-design  .ferme,.h1-page-other-design  .ouvert,.h1-page-other-design h1,.page-espace-webmastering .table-responsive h1 {font-size: 1.25rem;padding: 8px 10px 11px 35px;margin-bottom: 0.5rem;cursor: pointer;color: #fff;font-weight: 500;text-transform: uppercase;background-color: #1a1a1a;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;}
h1 strong{font-weight: 500;}
/*.page-suivi-projet .table-responsive h1{pointer-events: none;background-image:url('/images/fleche_ouvert.jpg')!important}
.page-suivi-projet  .table-responsive h1 + div{display: block!important;}*/
.text-grey {color: #666666!important;}
 h1 font[color=red] {color: #d40033!important;}
.transition-bgcolor{ -webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out;}
 
/********inout design********/ 
input[readonly] {background-color: #eee !important;color: #666 !important;cursor: not-allowed !important;}
.input-abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;}
.input-rel {position:relative; z-index:1; margin:0 5px 0.625rem 0} 


body .container {max-width: 1450px;width: 100%;}  
	
.stat, .stat img, .opti, .opti img {position: absolute;left: 0;height: 0;top: -90px;} 
.just-one .swiper-pagination span, .just-one .swiper-pagination{display:none!important}
.just-one  .swiper-pagination, .just-one-page  .swiper-pagination, .just-one  .container-pagination{opacity: 0;height: 0;}
 .just-one .swiper-wrapper {transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;-o-transform: none!important;-spec-transform: none!important;}
 .just-one .swiper-button-disabled {display: none;}
.justify-center .swiper-wrapper {-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #1A1A1A;opacity:1;}
input::-moz-placeholder { /* Firefox 19+ */color: #1A1A1A;opacity:1;}
input:-ms-input-placeholder { /* IE 10+ */color:  #1A1A1A;opacity:1;}
input:-moz-placeholder { /* Firefox 18- */color:  #1A1A1A;opacity:1;}

.font-medium{font-weight: 500;}
/**********header***********/
header {    background: var(--main-bg-color);
    color: #fff;border-bottom: 2px solid transparent;position: relative;z-index: 999;}
 
.navItem {padding: 10px 5px 0 5px;text-align: center;}
	.navLink {padding: 0 15px 10px 15px;display: block;margin-bottom: -3px;border-bottom: 3px solid transparent;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;font-weight: 500;}
		.navLink strong {display: block;margin-bottom: 7px;margin-top: 8px;}
		.navLink strong img{ filter: brightness(0);-webkit-filter: brightness(0);-ms-filter:  brightness(0);   width: 23px;}
		.active .navLink,.navLink:hover,.onglet_actif .navLink,.navItem:hover .navLink{border-bottom-color: var(--color-green-site);color: var(--color-green-site);}
		.active .navLink strong img, .onglet_actif .navLink strong img,.navLink:hover  strong img,.navItem:hover .navLink  strong img{filter: none;-webkit-filter: none;-ms-filter:none;}
	.loggout-link{padding-right: 30px;background: url(/images/ico_deco.svg) no-repeat center right;text-decoration: underline;display: inline-block;min-height: 20px;    filter: grayscale(1) brightness(10);}
	.loggout-link:hover{color: #d10132;filter: none!important}
.all-product-nav .span-burger {background: var(--main-bg-color);padding: 10px;border-radius:2rem;-webkit-border-radius:2rem;-ms-border-radius:2rem;color: #fff;cursor: pointer;display: block;min-width: 4.5rem;font-size: 15px;border: #fff 1px solid;}
.all-product-nav strong{font:500 0.75rem "sofia-pro";    line-height: 0;}
.all-product-nav .span-burger:hover,.all-product-nav .span-burger:focus{background-color:var(--bg-hover-color);}
.all-product-nav .burger-icon {display: flex;flex-direction: column;justify-content: center;gap: 4px;align-items: center;padding: 0;}
.all-product-nav .burger-icon .bar{background-color: #fff;height:2px;opacity: 1;transform-origin: center;width: 1.25rem;display: block;}
.all-product-nav.nav-open  .burger-icon .bar:first-child {opacity: 0;translate: 0 25%;}
.all-product-nav.nav-open  .burger-icon .bar {transition: rotate .3s ease-out;}
.all-product-nav.nav-open .burger-icon .bar:nth-child(2) {rotate: 45deg;}
.all-product-nav.nav-open .span-burger{border-color: var(--color-green-site);background-color: var(--color-green-site);}
.all-product-nav.nav-open .burger-icon .bar:nth-child(3) {rotate: -45deg;translate: 0px -6px;}
/********login**************/
.login-content {max-width: 500px;margin: auto;background: rgba(255,255,255,0.8);border: 2px solid #fff;border-radius: 45px;-webkit-border-radius: 45px;-ms-border-radius: 45px;width: 100%;}


.footer-login {font-size: 12px;color: #fff;}
.footer-login li{border-right: 1px solid #fff;line-height: 15px;padding: 0 5px;}
.footer-login li:last-child{border: none;}
.footer-login.color-black li{border-color: var(--color-primary-site);}
.title-medium {font: 500 1.375rem "sofia-pro";text-align: center;}
.btn-link {display: block;background: var(--main-bg-color);color: #fff;font: 500 1.25rem "sofia-pro";width: 100%;border: none;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;padding: 11px 15px;position: relative;max-width: 400px;margin: auto;text-align: center;}
	.btn-link i {position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);}
.btn-link:hover,.btn-link:focus {color: #fff!important;text-decoration: none;background-color: var(--bg-hover-color);}
.form-control {border-color: #cccccc;height: 3.125rem;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;padding-left: 8px;}
textarea.form-control {min-height: 150px;width: 100%;max-width: 100%;outline: none;box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.table-responsive .form-control {height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;padding-left: 15px;}
.form-control:focus{border-color: #333;}
textarea.form-control:focus {outline: none;box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.footer-login a:hover{color: #666666;}
.btn-link.btn-secondary {color: #fff;background-color: #6c757d;}
.btn-link.btn-secondary:hover{background-color: #9ba4ac ;} 
/**********support**********/

 
.tab-article-content .nav-link {border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0 ;-ms-border-radius: 20px 20px 0 0 ;background: rgba(255, 255, 255, 10);background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 100%);background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 100%);background: linear-gradient(0deg,rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.75) 100%);padding: 15px 0 30px 0;display: block;margin-bottom: -10px;font: 500 20px "sofia-pro";border: none!important;}
.tab-article-content .nav-link  span{display: block;}
.tab-article-content .nav-link.active {border: 2px solid #fff;background: rgba(255, 255, 255, 1);
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.75) 76%);
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.75) 76%);
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.75) 76%);border-bottom-color: transparent;color:var(--color-green-site);}

.tab-article-content .nav-item:last-child {padding-left: 25px;}
.tab-article-content .nav-item:first-child {padding-right: 25px;}

.tab-article-content .nav-tabs {position: relative;z-index: 1;border: none;}

	.tab-content {border: 2px solid #fff;border-radius: 20px 20px;-webkit-border-radius: 20px 20px;-ms-border-radius: 20px 20px;padding:1.5rem 2rem;background: rgba(255, 255, 255, 10);
background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 76%);
background: -moz-linear-gradient(0deg,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 76%);
background: linear-gradient(0deg,rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 76%);margin-top: -10px;min-height: 150px;}

.table-responsive {max-height:100%; padding-right: 0;} 
.table-responsive .table-responsive,.table-responsive.max-height-100  {max-height: 100%;}
.table-responsive table th {font: 500 0.938rem "sofia-pro";padding: 8px 12px;border-bottom: 2px solid #1a1a1a;border-top: 0;}
.table-responsive table td {font: 400 0.875rem "sofia-pro";padding: 8px 12px;background-color: rgba(255,255,255,0.8);border-bottom: 3px solid #fff;cursor:pointer; color: var(--color-primary-site); }
.table-responsive table  tr.alt2 td {background-color: rgba(230,230,230,0.8);border-bottom-color: rgba(230,230,230,0.8) ;} 
.table-responsive table td.border-details{border: 1px solid var(--color-primary-site) !important;border-top-width: 4px !important;}
.table-responsive table tr.list-support:hover td,.table-responsive table tr.alt2:hover td,.table-responsive table tr.alt1:hover td,.table-responsive table tr.alt1:hover,.table-responsive table tr.alt2:hover,.table-responsive table tr.alton ,.table-responsive table tr.alton td{background-color: #DCE8D4;color:var(--color-primary-site) }
.table-responsive table tr a:hover{color:var(--color-primary-site)!important}
.toggle-tab{border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;background: rgba(255, 255, 255, 0.7);padding:15px 38px 15px 15px;font: 500 1.1rem "sofia-pro"; text-align: center;border-bottom: 2px solid #fff;position: relative;}
.toggle-tab::after{content:'\e8ca'; font-family: "fontello";font-style: normal;display:block; position:absolute; right:1.3rem; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-spec-transform: translate(0, -50%); color: var(--color-primary-site);font-size: 1.5rem;font-weight: 700; }
.toggle-tab.active {color:var(--color-green-site);border-radius: 8px 8px 0 0 ;-webkit-border-radius: 8px 8px 0 0 ;-ms-border-radius: 8px 8px 0 0 ;}
.toggle-tab.active + .toggle-tab{border-radius: 8px 8px 0 0 ;-webkit-border-radius: 8px 8px 0 0 ;-ms-border-radius: 8px 8px 0 0 ;}
.toggle-tab.active::after{content:'\e8cd';color: var(--color-green-site);}
.page-index .page-content {height: calc(100% - 50px);display: flex;display: -ms-flex;flex-direction: column;-ms-flex-direction: column;}

 @media only screen and (min-width: 992px){
	.page-content {/*height: calc(100% - 50px);*/display: flex;display: -ms-flex;flex-direction: column;-ms-flex-direction: column;}
	.toggle-tab{display: none;}
	
	.page-factures .table-responsive.max-height-2 ,.page-alerte .table-responsive.max-height-2 , .page-espace-webmastering .table-responsive.max-height-2,.page-tempsasse .table-responsive.max-height-2   {max-height: 100%;} 
.table-responsive {max-height:100%;}
	.form-control{max-width: 400px;}
	.toggle-content-tab{display: block!important;height: auto !important;}
          .navLink{  min-height: 60px;}
		  .navItem:nth-child(n+7){display: none;}
		  #onglets2 .onglet:nth-child(-n+6){display: none;}
		 .page-agendas  .btn-link-mini{max-width: 180px;}
		 .tab-content{min-height: 65vh;}
		 .page-suivi-projet .tab-content{min-height: 70vh;}
		 .page-prospection .tab-content, .page-hebergement .tab-content{min-height: 72vh;}
		  .page-suivi-production .tab-content {min-height: 74vh;}
		  	.navLink strong img{ filter: grayscale(1) brightness(10);-webkit-filter: grayscale(1) brightness(10);-ms-filter:  grayscale(1) brightness(10);   width: 23px;}
		.active .navLink strong img, .onglet_actif .navLink strong img,.navLink:hover  strong img,.navItem:hover .navLink  strong img{filter: none;-webkit-filter: none;-ms-filter:none;}
}
 
 @media (min-width: 1201px){ 
	.font-tab-18.tab-article-content .nav-link{font-size: 18px;}
	.table-responsive {overflow: hidden;}
 
}
.rouge{color: #dc3545 !important;}
.rougeclignotant {
    background-image: url(/images/clignorouge.gif);
} 
#factures td {
    padding-left: 5px;
    padding-right: 5px;
}
#factures .toggle-content-tab * {
    font-size: 12px;
}

 

body .custom-file{height: auto;display: flex;}
.custom-file-input {height: 3.125rem;cursor: pointer;}
 
.custom-file-label {height: 3.125rem;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;line-height: 2rem;padding-left: 8px;}
.custom-file-label::after{background-color: var(--main-bg-color);color: #fff;  height: 3.125rem;height: 3.125rem;border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;line-height: 2.2rem;content: "Parcourir";}
.custom-file-input:focus~.custom-file-label{outline: none;box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.close img{max-width: 2.625rem;}
select.form-control{padding-right: 2.5rem;background-image: url(/images/arrow_select.svg);background-repeat: no-repeat; background-position: center right 20px;}
select.form-control.select-choice {height: 36px;border-radius: 5px;background-size: 15px;padding-right: 26px;background-position: center right 10px;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;font-size: 14px;}
body .modal-dialog{max-width: 600px;}
body.page-index header{display: none!important;}
.page-coordonnee-client .form-group.alt1,.page-coordonnee .form-group.alt1, .page-coordonnee .form-group.alt1,.form-facture  .form-group.alt1{background: #fff;padding: 8px 1rem;margin-bottom: 0;    min-height: 46px;}

.page-coordonnee-client  .form-group.alt2, .page-coordonnee  .form-group.alt2,.page-coordonnee  .form-group.alt,.form-facture  .form-group.alt2 {background: #f5f5f5;padding: 8px 1rem;margin-bottom: 0;    min-height: 52px;}

/*********RESPONSIVE**********/
.page-production .table-responsive.max-height-2 , .page-ajax .table-responsive.max-height-2{max-height: 100%;overflow: inherit;min-height: 61vh;}
.form-facture  .form-group.alt2 {min-height: 52px;}
/*===================
 		COMMUN 
 ==================*/ 
 @media only screen and (min-width:1480px) {
.logo img {width: 250px;}
 }
 

@media only screen and (min-width:1400px) {
	.logo .font-medium{text-wrap: nowrap;}

}
@media only screen and (max-width:1400px) {
		body{font-size: 0.936rem;}
		    .navigation-site .navLink {padding-left: 10px;padding-right: 10px;}
}
@media screen and (min-width: 1400px) and (max-width: 1480px){
.logo img {width: 200px;}
 }
 @media screen and (min-width: 1300px) and (max-width: 1400px){
.logo img {width: 175px;}
#header2 {font-size: 13px;}
.loggout-link {font-size: 13px;}
 }
@media screen and (min-width: 1200px) and (max-width: 1480px){
	.navLink{padding-left: 8px;padding-right: 8px;}
	header.header-has-recherche .navLink{font-size: 0.75rem;}
		header.header-has-recherche .loggout-link{font-size: 0.75rem;}
		header.header-has-recherche  .onglet{font-size: 0.75rem;}
		  	header.header-has-recherche   .logo img {width: 160px;}
}
@media screen and (min-width: 1180px) and (max-width: 1250px){
		.logo img {width: 180px;}
		  	header.header-has-recherche   .logo img {width: 150px;}
		header.header-has-recherche .navLink{font-size: 0.75rem;}
		header.header-has-recherche .loggout-link{font-size: 0.75rem;}
		header.header-has-recherche  .onglet{font-size: 0.75rem;}
			header.header-has-recherche  .navItem{padding-left: 5px;padding-right: 5px;}
}
@media screen and (min-width: 992px) and (max-width: 1180px){
		.logo img {width: 170px;}
  	header.header-has-recherche   .logo img {width: 150px;}
		.navLink {font-size: 14px;}
		.loggout-link{font-size: 13px;}
		header.header-has-recherche .navLink{font-size: 0.75rem;}
		header.header-has-recherche .loggout-link{font-size: 0.75rem;}
		header.header-has-recherche  .onglet{font-size: 0.75rem;}
			header.header-has-recherche  .navItem{padding-left: 5px;padding-right: 5px;}

}
@media only screen and (max-width:1200px) {
	   .navigation-site .navLink {padding-left: 5px;padding-right: 5px;}
}
@media only screen and (min-width:992px) {
	.navigation-site{top: 0!important;max-width: max-content;margin: auto;}
	/*.navigation-site ul {overflow-x: auto;overflow-y: hidden;max-width: 100%;margin: auto;}*/
	.right-bloc-header  .icon-btn-hover {display: none;} 
}
@media only screen and (max-width:992px) {
.container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 100%;}
/********Menu******/
.navigation-site {display: block;position: fixed;background: #ffffff;left: -500%;z-index: 999;width: 90%;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;max-width:390px; padding-bottom: 0;padding-left: 0!important;padding-right: 0!important;border-top: 2px solid var(--color-green-site);bottom: 0;top:100px!important;overflow-y: auto;overflow-x: hidden;}
.navigation-site >.container {height: 100%;background: none;overflow-x: hidden;overflow-y: auto;position: relative!important;padding:0!important}
	.navigation-site .mCSB_inside>.mCSB_container {margin-right: 0.938rem!important;}
.navigation-site.open-mob {left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;} 
	.navigation-site .menu{background: #ffffff;padding-left:0!important;padding-right: 0!important;padding-top: 5px;padding-bottom: 5px;}
		.navigation-site .navLink {display: flex;align-items: center;font-size: 14px;}
	.navigation-site  .navLink strong {padding-right: 15px;margin: 0;}

	.navigation-site  .navItem {text-align: left;}
	.navigation-site  li:not(.active) .navLink {border-bottom-width: 1px;border-bottom-color: #e6e6e6;}   
		
		.navigation-site.open-mob.remove_mob_parent .container.scroll-me-mobile_ {overflow: hidden;}

html{font-size: 2vw;}
.table-responsive table td{font-size: 0.78rem;}
.table-responsive table th{font-size: 0.875rem;}

header .logo .icon-btn-hover {display: none;} 
.menu-mob-overlay {opacity: 0;transition: opacity 0.3s ease;display: none;}
.menu-mob-overlay.fade-visible {opacity: 1;}
header {color: var(--color-primary-site);height: 100px;}
/* Slide */
div:not(.active) +.toggle-content-tab , .toggle-content-tab {overflow: hidden;height: 0;display: none!important;transition: height 0.3s ease;}
.active + .toggle-content-tab,.toggle-content-tab.open,#contour_support_tabliste{height: auto!important;display: block!important;min-height: 60vh;overflow: auto;}
.loggout-link {font-size: 0;vertical-align: middle;padding-right: 0;width: 22px;}
#onglets {flex: 0;padding: 0 !important;}
.logo {text-align: center;}
.menu-mobile-bloc, .right-bloc-header {width: 150px;}
#h1mdp .toggle-content-tab.open{min-height: 30vh;}

header.header-has-recherche #headerd_recherche {order: 4;max-width: 100%;}
header.header-has-recherche {flex-wrap: wrap!important;}
header.header-has-recherche{height: auto!important;padding-bottom: 0!important;}
}
@media only screen and (max-width:767px) {
	html{font-size: 2.2vw;}
	.title-medium{font-size: 1.2rem;}
	.footer-login li:nth-child(2){border: none;}
	.page-index .page-content {height: calc(100% - 80px);} 
	.logo img {width: 160px;}
    .navigation-site{top: 78px!important;}
    header {height: 78px;}
}
@media only screen and (max-width:575px) {
html{font-size: 2.8vw;}

.all-product-nav .span-burger{font-size: 13px;}
.logo img {width: 250px;max-width: 250px;}
.logo a {width: 52px;overflow: hidden;display: block;margin: auto;}
.navigation-site{top: 64px!important;}
    header {height: 64px;}
    .table-responsive table td{font-size: 1rem;padding-left: 10px;padding-right: 10px;}
.table-responsive table th{font-size: 1rem;}
.user-info{font-size: 12px;}
	header .text-right.text-nowrap img{max-width: 25px;}
	.menu-mobile-bloc, .right-bloc-header {width: 120px;}
	.no-border-right-mobile .border-right{border-right: none!important;}

}
@media only screen and (max-width:450px) {
		.toggle-tab{font-size: 1.5rem;}
}
@media only screen and (max-width:380px) {
.navigation-site{top: 60px!important;}
    header {height: 60px;}   
	.user-info{font-size: 11px;}
	.menu-mobile-bloc, .right-bloc-header {width: 100px;}

}
/*****support*******/
@media only screen and (min-width:992px) {
	.page-production .tab-content>.tab-pane {display: block;height: 0;overflow: hidden;opacity: 1;}
	.page-production .tab-content>.active {display: block;height: auto;overflow: visible;}
	.menu-mob-overlay{display: none!important;}
	.page-production .table-responsive.max-height-2 , .page-ajax .table-responsive.max-height-2{max-height: 100%;overflow: inherit;min-height: 61vh;}
}
@media only screen and (max-width:992px) {
	.tab-content{padding: 0;background: none;min-height: 10px;border: none;}
	.toggle-content-tab{padding: 2rem;display: none;background-color:  rgba(255, 255, 255, 0.7);border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;-ms-border-radius:0 0 8px 8px;border: 2px solid #fff;border-top: none;}
	.tab-article-content .tab-content>.tab-pane{display: block!important;opacity: 1!important;margin-bottom: 15px;}
.active + .toggle-content-tab{display: block;}
}
@media only screen and (max-width:575px) {
	.toggle-content-tab{padding: 1rem;}
}
.page-production .page-content{height: auto;}
#support_bas {display: none;}
#f1_upload_process{display:none;}

/********lightbox*******/
#lightbox{display:none;position: absolute;top:50%;left:50%;z-index:9999;width:90%!important;margin:0!important;background:#ffffff;text-align:left;padding:10px;max-width: 600px;border-radius: .3rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);    max-height: 80vh;overflow-y: auto;overflow-x: hidden;}
#lightbox[id]{position:fixed;}
.page-production #lightbox, .page-height-auto  #lightbox {max-width: 1490px;}
.page-tarif #lightbox{max-width: 1000px;}
 .page-suivi-projet  #lightbox  {max-width: 1000px;}

#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:var(--color-primary-site);-moz-opacity: 0.6;opacity:.60;}
#overlay[id]{position:fixed;}
#lightbox.done #lbLoadMessage{display:none;}
#lightbox.done #lbContent{display:block;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block;}

.page-production #prospectcontext,.page-production  #alertescontext,.page-production   #partenairecontext{position: fixed;}
#prospectcontext, #alertescontext, #partenairecontext {border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#prospectcontext a, #alertescontext a, #partenairecontext a {color:var(--color-primary-site);text-decoration:none}
#prospectcontext a:hover, #alertescontext a:hover, #partenairecontext a:hover {text-decoration:underline!important}

#suiviprojetcontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#suiviprojetcontext a{color:var(--color-primary-site);text-decoration:none}
#suiviprojetcontext a:hover{text-decoration:underline!important}

#ticketcontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#ticketcontext a{color:var(--color-primary-site);text-decoration:none}
#ticketcontext a:hover{text-decoration:underline!important}


#mailcontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#mailcontext a{color:var(--color-primary-site);text-decoration:none}
#mailcontext a:hover{text-decoration:underline!important}


#newmesscontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#newmesscontext a{color:var(--color-primary-site);text-decoration:none}
#newmesscontext a:hover{text-decoration:underline!important}

#backupcontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#backupcontext a{color:var(--color-primary-site);text-decoration:none}
#backupcontext a:hover{text-decoration:underline!important}

#facturecontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;z-index: 99;}
#facturecontext a{color:var(--color-primary-site);text-decoration:none}
#facturecontext a:hover{text-decoration:underline!important}

#agendacontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#agendacontext a{color:var(--color-primary-site);text-decoration:none}
#agendacontext a:hover{text-decoration:underline!important}
#previsufacturecontext, #previsucacontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;left: 50%!important;transform: translate(0,-50%);z-index: 99;    max-height: 50vh;overflow-y: auto;overflow-x: hidden;    pointer-events: none;}
#previsufacturecontext a, #previsucacontext a{color:var(--color-primary-site);text-decoration:none}
#previsufacturecontext a:hover, #previsucacontext a:hover{text-decoration:underline!important}

#previsufacturecontext2, #previsucacontext2{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 99;}
#previsufacturecontext2 a, #previsucacontext2 a{color:var(--color-primary-site);text-decoration:none}
#previsufacturecontext2 a:hover, #previsucacontext2 a:hover{text-decoration:underline!important}
#previsufacturecontext .tabminilistes td , #previsufacturecontext2 .tabminilistes td{border: none;}
#telsovhcontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;z-index: 9;min-width: max-content;color: var(--color-primary-site);}

.table-responsive .table ,div#charges .table-responsive  table, #chiffre-affaire .table-responsive  table{min-width: 1200px;}  
.page-suivi-projet #lightbox .table-responsive  table{min-width: max-content;}  
.context{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;   z-index: 99;}
body.page-agendas .context {min-width: 391px;}
.context a{color:var(--color-primary-site);text-decoration:none}
.context a:hover{text-decoration:underline!important} 
#headerd_recherche {padding:0.5rem 0 0.5rem 0;position: relative;max-width: 250px;margin-left: auto;}
#headerd_recherche form{position: relative;}
.s-submit{position: absolute;right: 0; top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);padding: 0 10px}
#headerd_recherche input[type="text"]{border: none;height:36px;border-radius: 20px;-webkit-border-radius: 20px;-ms-border-radius:20px;padding-left:15px;width: 100%;}
.hidden {display: none;}
div.calendar { position: relative; z-index:999999;}
.calendar, .calendar table {border: 1px solid #bdb2bf;font-size: 11px;color: var(--color-primary-site);cursor: default;background:#fff url("/js/jscalendar/aqua/normal-bg.gif");font-family: "trebuchet ms",verdana,tahoma,sans-serif;}
.calendar {border-color: #797979;}
.calendar .button { text-align: center;padding: 2px;background: #fff url("/js/jscalendar/aqua/title-bg.gif") repeat-x 0 100%; color: var(--color-primary-site);font-weight: 700;}
.calendar .nav {font-family: verdana,tahoma,sans-serif;}
td.button.nav {display: table-cell;}
.calendar .nav div {background: #fff url("/js/jscalendar/aqua/menuarrow.gif") no-repeat 100% 100%;}
.calendar thead tr { background:#fff  url("/js/jscalendar/aqua/title-bg.gif") repeat-x 0 100%; color: var(--color-primary-site); }
.calendar thead .title {font-weight: 700;text-align: center;padding: 2px;background: #fff url("/js/jscalendar/aqua/title-bg.gif") repeat-x 0 100%; color: var(--color-primary-site);}
.calendar thead .name {border-bottom: 1px solid #797979;padding: 2px;text-align: center;color: var(--color-primary-site);}
.calendar thead .weekend {color: #c44;}
.calendar thead .hilite {background: url("/js/jscalendar/aqua/hover-bg.gif");border-bottom: 1px solid #797979;padding: 2px 2px 1px 2px;}
.calendar thead .active {background: url("/js/jscalendar/aqua/active-bg.gif"); color: #fff;padding: 3px 1px 0px 3px;border-bottom: 1px solid #797979;}
.calendar thead .daynames {background: url("/js/jscalendar/aqua/dark-bg.gif");}
.calendar tbody .day {font-family: verdana,tahoma,sans-serif;width: 2em;color: var(--color-primary-site);text-align: right;padding: 2px 4px 2px 2px;}
.calendar tbody .day.othermonth {font-size: 80%;color: #999;}
.calendar tbody .day.othermonth.oweekend {color: #f99;}
.calendar table .wn {padding: 2px 3px 2px 2px;border-right: 1px solid #797979;background: url("/js/jscalendar/aqua/dark-bg.gif");}
.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {background: url("/js/jscalendar/aqua/rowhover-bg.gif");}
.calendar tbody td.today { font-weight: 700;}
.calendar tbody td.hilite {background: url("/js/jscalendar/aqua/hover-bg.gif");padding: 1px 3px 1px 1px;border: 1px solid #bbb;}
.calendar tbody td.active {padding: 2px 2px 0px 2px;}
.calendar tbody td.weekend {color: #c44;}
.calendar tbody td.selected {font-weight: 700;border: 1px solid #797979;padding: 1px 3px 1px 1px;background: url("/js/jscalendar/aqua/active-bg.gif"); color: #fff;}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell {visibility: hidden;}
.calendar tbody .emptyrow {display: none;}
.calendar tfoot .footrow {text-align: center;background: #565;color: #fff;}
.calendar tfoot .ttip {padding: 2px;background: url("/js/jscalendar/aqua/status-bg.gif") repeat-x 0 0; color: var(--color-primary-site);}
.calendar tfoot .hilite {background: #afa;border: 1px solid #084;color: var(--color-primary-site);padding: 1px;}
.calendar tfoot .active {background: #7c7;padding: 2px 0px 0px 2px;}
.calendar .combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;cursor: default;border-width: 0 1px 1px 1px;border-style: solid;border-color: #797979;background: url("/js/jscalendar/aqua/normal-bg.gif"); color: var(--color-primary-site);z-index: 100;font-size: 90%;}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center;padding: 1px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .hilite {background: url("/js/jscalendar/aqua/hover-bg.gif"); color: var(--color-primary-site);}
.calendar .combo .active {background: url("/js/jscalendar/aqua/active-bg.gif"); color: #fff;font-weight: 700;}
.calendar td.time {border-top: 1px solid #797979;padding: 1px 0px;text-align: center;background: url("/js/jscalendar/aqua/dark-bg.gif");}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding: 0px 5px 0px 6px;font-weight: 700;background: url("/js/jscalendar/aqua/normal-bg.gif"); color: var(--color-primary-site);}
.calendar td.time .hour,
.calendar td.time .minute {font-family: monospace;}
.calendar td.time .ampm {text-align: center;}
.calendar td.time .colon {padding: 0px 2px 0px 3px;font-weight: 700;} 
.calendar td.time span.hilite {background: url("/js/jscalendar/aqua/hover-bg.gif"); color: var(--color-primary-site);}
.calendar td.time span.active {background: url("/js/jscalendar/aqua/active-bg.gif"); color: #fff;}
.meter-wrap{position: relative;}
.meter-wrap, .meter-value, .meter-text {width: 200px; height: 16px;}
.meter-wrap, .meter-value {background: #888 url('/images/progressbar.png') top left no-repeat;}
.meter-text {position: absolute;top:0; left:0;padding-top: 1px;color: #fff;text-align: center;width: 100%;    font-size: 12px;line-height: 1;}
.borde#d10132-dark{border: 2px solid var(--color-primary-site);max-width: 90%;}
.borde#d10132-dark td {border: none !important;vertical-align: middle;}
.align-middle td {vertical-align: middle;}
.btn-link-mini{background-color: var(--main-bg-color);color:#fff;font: 500 13px "sofia-pro";border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;min-width: 50px;}
.btn-link-mini:hover,.btn-link-mini:focus {color: #fff!important;text-decoration: none;background-color: var(--bg-hover-color);}
.h-30{height: 34px;}
input[readonly].btn-link-mini:hover{color: #666!important;}
#div_nddauto {overflow-y: auto;overflow-x: hidden;max-height: 800px;width: 100% !important;max-width: 400px;}
.liennddauto_ndd{overflow:hidden;width:100%;background-color:#FFF;display:block;padding-top:4px;padding-bottom:4px;padding-left:16px;background-image:url('/images/www.png');background-repeat:no-repeat; background-position: center left;}
.liennddauto_raison_sociale{overflow:hidden;background-color:#FFF;display:block;padding-top:4px;padding-bottom:4px;padding-left:16px;background-image:url('/images/msn.png');background-repeat:no-repeat; background-position: center left;}
.liennddauto_ndd:hover, .liennddautohover_ndd, .liennddautohover_ndd:hover{overflow:hidden;background-color:#F44;color:#FFF;display:block;padding-top:4px;padding-bottom:4px;}
.liennddauto_raison_sociale:hover, .liennddautohover_raison_sociale, .liennddautohover_raison_sociale:hover{overflow:hidden;background-color:#F44;color:#FFF;display:block;padding-top:4px;padding-bottom:4px;}

.barre_navig  td {background: none!important;border: none!important;}
.barre_navig i::before {background: var(--color-primary-site);color: #fff;border-radius: 100%;width: 20px;height: 20px;line-height: 21px;} 
.barre_navig a:hover i::before {background-color: var(--color-green-site);}
.message-client-response{margin: 0 ; width: 97%; border: solid 1px var(--color-primary-site);padding:10px ; background-color: #dbdbea;}
.barre_navig td a {margin: 5px;}
.table-responsive .barre_navig td a:hover {color: var(--color-green-site)!important}
.page-agendas  .page-content,.page-espace-support   .page-content, .page-height-auto  .page-content{height: auto;display: block;}

 .ouvert{background-image:url('/images/ouvert.png');background-repeat:no-repeat;background-position:center left 10px;}
  .ferme{background-image:url('/images/ferme.png');background-repeat:no-repeat;background-position:center left  10px;}
.page-agendas  .bg-white-transparent h1{padding-left: 35px ;font-size: 1.4rem;text-transform: uppercase;cursor: pointer;font-weight: 500;}

/*AGENDA*/
.agenda{text-align:center;border:1px solid var(--color-primary-site);    border-collapse: separate;} 
.agenda th {background: #1a1a1a;color: #fff;padding: 5px;border: 2px solid #fff!important;    border-collapse: separate;}
.agenda th a{color:#FFF}

.agenda td{height:50px;vertical-align:top;border:1px solid white;background: #fff;}
.agenda .libre{background-color:#98e56a;color:var(--color-primary-site);width:160px;}
.agenda .occupe{background-color:#FF5555;color:var(--color-primary-site);width:160px;}
.agenda .absent_matin{background-color:#98e56a;color: var(--color-primary-site); background: linear-gradient(to top left, var(--color-green-site) 50%, #999 50%);}
.agenda .absent_aprem{background-color: #98e56a;color: var(--color-primary-site); background: linear-gradient(to right bottom, var(--color-green-site) 50%, #999 50%);}
.agenda .absent{background-color:#EEE;color:#999;width:160px;}
.agenda .weekend{background-color:#EEE;color:#999;width:50px}
.agenda .absent{background-color:#999;color:#DDD;width:50px}
.agenda .grisfonce{background-color:#999;color:#DDD;width:50px}
.agenda .gris{background-color:#EEE;color:#999;width:160px}
.agenda .bref{font-size:9px;color:var(--color-primary-site)}
.agenda .surligne{border:1px solid #d10132;}
.table_mini {width:40%; border:0;} 
.table_mini th {height:38px;background:var(--color-primary-site); font-size:11px;color: #fff;} 
.table_mini tr.row_1 td {background:url(/images/background_td_1.jpg) #ebebeb bottom repeat-x; height:20px;} 
.table_mini tr.row_0 td {background:url(/images/background_td_2.jpg) #f7f7f7 bottom repeat-x; height:20px;}  
.agenda .ferie{background-color:#EEE;color:#666;width:160px;}

.inactif{color:#888}

.production-stat table{border: 1px solid #1a1a1a;}
.production-stat  th {background: #1a1a1a;color: #fff;padding: 5px;border-left: 1px solid #fff;    border-collapse: separate;}
.production-stat td{vertical-align: middle;border: 1px solid #ccc;}
.production-stat.table-responsive{max-height: 70vh;}
.other-form-control {gap: 5px;}
.page-production #lbContent input.form-control,.other-form-control input.form-control,.other-form-control input[type="text"] {display: inline-block;height: 30px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;padding: 8px;font-size: 14px;}  
.page-modules div#lightbox, .page-prospection div#lightbox{max-width: 1000px;}     
 .other-form-control   textarea.form-control {border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;}
#support_liste_messages {background-color: #FFF;max-width: 250px;height: 310px;overflow-x: hidden;overflow-y: scroll;border: 1px solid #CFCFCF;}
#support_head_message {background-color: #ccc;color:#1a1a1a}
#support_contenu_message {min-height: 245px;padding: 10px 15px;}
.alton{background-color:rgba(80,160,26,0.1);color: #77B257 ;}
.altactif{background-color:#64B6CB;}
.altgreen{background-color:#99FF99;}

#support_message_head a {color: #fff;    background: var(--main-bg-color);    font: 500 0.875rem "sofia-pro";border-radius: 5px;padding: 8px 10px;display: inline-block;}
 #support_message_head a img{margin-right: 5px;}
#support_head_message table{width: 100%;}
#support_head_message td {border-color: #999;}
#support_message_head {display: flex;gap: 10px;}

#ongletcontext , #ongletstatscontext{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;}
li #ongletcontext,li #ongletstatscontext {left: 0px!important;top:100%!important;width: 100%;    z-index: 9;    font-size: 14px;min-width: 235px;}

#ongletcontext a, #ongletstatscontext a{display:block;padding:5px;color:var(--color-primary-site); text-align: left;}
#ongletcontext a:hover, #ongletstatscontext a:hover{background-color: #666;}
li #ongletcontext a:hover,li #ongletstatscontext a:hover{background-color: var(--color-green-site);color: #fff;}
#prospectcontext, #alertescontext, #partenairecontext {border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;    overflow: auto;max-height: 300px;}
#prospectcontext a, #alertescontext a, #partenairecontext a {color:var(--color-primary-site);text-decoration:none}
#prospectcontext a:hover, #alertescontext a:hover, #partenairecontext a:hover {text-decoration:underline}
div#suiviheuresproduction td {border: 2px solid #fff;}
.tabminilistes {border: 1px solid var(--color-primary-site);text-align: left;font-size: 12px;}
.table-borde#d10132-solid .tabminilistes th, .table-borde#d10132-solid .tablistes td{border-left:none;padding-left:5px;}
.table-borde#d10132-solid .tabminilistes td{font-size:10px;}


#suivifacturable td,#suivifacturable2 td {border: none;}
.table-borde#d10132-solid table{border: 1px solid var(--color-primary-site);width: 100%;}
.table-borde#d10132-solid .tablistes td{border-bottom: none;}
.table-borde#d10132-solid .tablistes.td-no-padding td{padding: 2px;border: none;}
.table-borde#d10132-solid .tablistes th{    background-color: #fff;color: #1a1a1a;}
.table-borde#d10132-solid .tablistes.th-bg-white{border-color: #cccccc;}
.table-borde#d10132-solid .tablistes.th-bg-white th{background-color: #fff;color: var(--color-primary-site);border-bottom:1px solid #cccccc ;vertical-align: middle;}
.table-borde#d10132-solid .tablistes.th-bg-white td{border-left-color: #cccccc;}
.table-borde#d10132-solid .tablistes.th-bg-white.td-no-padding th{border: none!important;}
.max-form-content{    max-width: 460px;}
.page-height-auto .form-check-input{margin-top: 3px;}
.page-height-auto  .form-check-label{vertical-align: middle;} 
@media only screen and (min-width:1100px) {
	#tachecpu.table-responsive table{min-width: 900px;}
		.page-suivi-projet #lightbox.done  .table-responsive table{min-width: 900px;}
}
@media only screen and (max-width:767px) {
.barre_navig   td:nth-child(3),.barre_navig   td:nth-child(1){padding-left: 1px ;padding-right: 1px;}
body.page-agendas .context{left: 15px!important;min-width: 320px;}
.context{left: 0!important;}

}

#produits .form-control.select-choice,#produitsfinis  .form-control.select-choice, #ndds .form-control.select-choice,#taches table select.form-control.select-choice,.page-suivi-projet #liste-client select.form-control.select-choice{min-width: 180px;width: fit-content;font-size: 13px;}
.page-suivi-projet #echeancefacture select.form-control.select-choice{min-width: 110px;width: fit-content;font-size: 13px;}
.page-suivi-projet #lightbox .lineitem td, .page-suivi-projet #lightbox #lignefacture td, .page-suivi-projet #lightbox #echeancefacture td{font-size: 13px;}
div#charges table ,#chiffre-affaire table{border-spacing: 2px;border-collapse: separate;width: 100%;}
#gestionappartenance a {font-size: 14px;color: var(--color-primary-site);font-style: italic;text-decoration: underline;}
#conteneur h1 div.readonly {display: inline;padding-left: 20px;    color: #D60000;}

.ariane-box .d-flex {gap: 3px;}
.gap-input {gap: 3px;}
.ariane-box div:empty {display: none !important;}  
table.barre_navig {width: 100%;}

.icon-btn-hover img {
    max-width: 32px;
}
.icon-btn-hover {background-color: #1A1A1A;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;margin-right: 10px;cursor: pointer;border: 1px solid #fff;display: inline-block;}
.icon-btn-hover:hover, .icon-btn-hover-active{background-color: #77B257;border-color: #77B257;}
.hover-#d10132:hover,.hover-#d10132:focus {color:#E40000!important; text-decoration: underline!important;}
#headerd:empty {display: none !important;}

.page-suivi-projet .h1-page-other-design h1{margin-bottom:10px}

#echangestel h2, #tachesproduction h2 ,#echangestel2 h2 {font-size: 1.125rem;font-weight: 500;color: var(--color-green-site);padding: 5px;text-transform: uppercase;}
div#echangestel, div#echangestel2 {height: 100% !important;margin-bottom: 0!important;}
#infos_generales,#echangestel_textaera, #tachesproduction_textaera{background-color: #E4E6EA;border: 1px solid var(--color-primary-site);color: var(--color-primary-site);resize: vertical;height: 100%;width: 100%;}
#tab_echangestel, #tab_tachesproduction{  overflow: scroll;height: 166px;border: 1px solid var(--color-primary-site);}
#tab_echangestel {border-collapse: separate;text-indent: initial;border-spacing: 2px;}

#tab_echangestel .alt2 {background-color: #EaEaEa;}
#suivifacturable h1.font-18,#suivifacturable2 h1.font-18{background: #1a1a1a;color: #fff;padding-left: 0;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;margin-bottom: 0;}
.table-no-bg td{    background: none!important;
    border: none!important;}
	.page-agendas .table-responsive {max-height: 100%;}


	#onglets2 {padding:0 5px;color: #fff;background: #1a1a1a;border-top: 1px solid rgba(255, 255, 255, 0.7);}
	#onglets2 .onglet > a,.navlink2{padding: 8px 15px;font-weight: 500;display: block;position: relative;}
	#onglets2 .onglet > a::after,.navlink2::after{content: "";width: 1px;height: 10px;background-color: rgba(255, 255, 255, 0.7);right: 0;position: absolute;top:50%;margin-top: -5px;}
	#onglets2  .onglet > a:hover, #onglets2 .navlink2:hover,.onglet_actif  .navlink2,.onglet_actif  >a{background-color: var(--color-green-site);color: #fff;}
	.onglet_actif  .navlink2::after,.onglet_actif  > a::after,#onglets2  .onglet > a:hover::after,#onglets2  .onglet > a.navlink2::after  {background-color: var(--color-green-site)!important;}
	#onglets2 .onglet:last-child > a::after,.onglet:last-child .navlink2::after{display: none;}
#onglets2  #ongletcontext, #onglets2  #ongletstatscontext {left: 0px;top: 100%;width: 100%;z-index: 9;font-size: 14px;min-width: 235px;}
	#onglets2 .onglet:hover #ongletcontext, #onglets2 .onglet:hover #ongletstatscontext{display: block;}
	#onglets2 #ongletcontext a:hover,#onglets2 #ongletstatscontext a:hover{background-color: var(--color-green-site);color: #fff;}
#liste-client .other-form-control input[type="text"] , .form-facture input[type="text"] {height: 36px;}
.action-btn a{margin-right: 5px;}
.cadrerouge {margin-left: auto;margin-right: auto;max-width: 520px;padding: 5px;border: 2px solid red;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;}
.popuprelance{border:1px solid #666;background-color:#FFF;font-size:10px;display:none;position:absolute;padding:5px;padding-left:15px;font-size:12px;line-height:20px;-moz-opacity:0.8;opacity: 0.8;right: 0;}
.popuprelance a{color:#000;text-decoration:none}
.popuprelance a:hover{text-decoration:underline}
.inactif {color: #888!important;}
table td img {width: auto;max-width: max-content;}
#selectoccurences{width: 100%;}
.page-newsletter #lightbox{max-width: 1000px;    overflow: hidden;max-height: 100%;}
.page-newsletter #lightbox .position-absolute {position: absolute;bottom: 0;background: #fff;border-top: 1px solid #000;left: 0;}
.newsletter-max-height {    max-height: calc(90vh - 150px);overflow-y: auto;overflow-x: hidden;height: 90%;padding-bottom: 100px;}
body.page-prospection .calendar {top: auto !important;bottom: 59px;}