/****************************************************/
/* SPECIFIC THEME CUSTOM SITE STYLES OVERRIDES      */
/****************************************************/


.breadcrumb-nav {
    border-bottom: none !important;
}
ol.breadcrumb {
    display: none;
}
.bg-banner{
    position: unset!important;
}
.banner{
    position: unset!important;
    background-size: cover !important;
}

.custom-mega-menu {
	list-style: none;
    background-color: var(--white-light-color);
    padding: var(--spacing-4) 0;
    display: flex;
    margin-top: 10px;
}
.custom-mega-menu-columns {
	width: 33%;
    border-right: 1px solid var(--blue-light);
    padding: 0px 2rem;
}
.custom-mega-menu li:last-child {
	border: none;
}
.custom-mega-menu-list {
	list-style: none;
    padding: 0;
}
.custom-mega-menu-list-title-container {
	padding-left: var(--spacing-3);
}
.custom-mega-menu-list-title {
	text-transform: uppercase;
}
.custom-mega-menu-list-items {
	padding: var(--spacing-2) var(--spacing-3);
    margin-bottom: var(--spacing-2);
    margin-right: 5%;
}
.custom-mega-menu-list-items:hover, .custom-mega-menu-list-items:focus {
	background-color: var(--main-info-color);
    color: var(--white-color);
}
.custom-mega-menu-list-items a {
	text-decoration: none;
	font-size: var(--font-m);
    font-weight: 600;
    line-height: 22px;
    white-space: break-spaces;
    color: inherit;
}

@media (max-width: 992px) {
  .custom-mega-menu {
  	flex-direction: column;
  }
  .custom-mega-menu-columns {
  	width: 90%;
    margin: auto;
    border-right: none;
    border-bottom: 1px solid var(--blue-light);
    margin-bottom: 1.5rem;
  }
}

.portlet {
	margin-block-start: 0 !important;
}

.btn-primary:hover:not(:disabled), .btn-primary:focus:not(:disabled) {
	color: var(--main-info-color);
	fill: var(--main-info-color);
}
.cas-pratique .card .card-body a {
	min-width: 200px;
}
.cas-pratique .card .card-body a span {
	width: 100%;
}
.tab-pane-regle-parcelle {
	position: relative;
	overflow: hidden;
}
.custom-regle-parcelle-link-overlay {
	position: absolute;
    width: 562px;
    background-color: var(--blue-bg-colored-light);
    top: 18rem;
    right: -60rem;
    padding: 4.3rem 4.6rem;
    max-width: 100vw;
    transition-duration: 0.5s;
}
.custom-regle-parcelle-link-overlay.visible {
	right: -4rem;
}

.custom-regle-parcelle-link-overlay.invisible {
	right: -68rem;
}
.custom-regle-parcelle-link-overlay-button {
	position: absolute;
    top: 50rem;
    right: -3rem;
    background-color: var(--blue-bg-colored-light);
    border: none;
    border-radius: 5px 0 0 5px;
    height: 50px;
    transition-duration: 0.5s;
}
.custom-regle-parcelle-link-overlay-button.visible {
	right: 52rem;
}
.custom-regle-parcelle-link-overlay-button.invisible {
	right: -8rem;
}
.custom-mh {
    border-radius: 5px;
    padding: 5px;
    width: fit-content;
    height: fit-content;
    font-weight: bold;
}
.custom-mh.black {
	background-color: var(--main-color);
	color: var(--white-color);
}
.custom-mh.red {
	background-color: var(--main-danger-color);
	color: var(--main-color);
	border: 2px solid var(--main-color);
}

.corpusFacettes {
	background-color: #f0f0f0;
    padding: 1rem 2rem;
}
.corpusFacettes .accordion {
	margin-block-start: 0;
}
.corpusFacettes .card-header, .corpusFacettes .card-body .custom-checkbox {
	border-bottom: 1px solid var(--gray-dark-color);
}
.corpusFacettes .card-body .custom-checkbox {
	margin-left: 3rem;
}
.corpusFacettes .custom-control-label {
	font-weight: bold !important;
}

.corpusFacettes .card-footer{
    background-color: transparent !important;
        margin-bottom: 11px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--gray-dark-color) !important;
}

.corpusFacettes .btn-accordion{
    padding: 0 !important;
    width: 100% !important;
}

.corpusFacettes .btn-accordion .paris-icon {
    color: var(--main-color);
    fill: var(--main-color);
}
                    .toc {
                    margin-bottom: 2rem
                    }
                    .toc .toc-content ul {
                    list-style: none;
                    margin: 0
                    }
                    .toc .toc-content ul li {
                    line-height: 1.4;
                    margin-bottom: .4rem;
                    position: relative
                    }
                    .toc .toc-content ul li:before {
                    background-color: #071f32;
                    border-radius: 50%;
                    content: "";
                    display: block;
                    font-size: 7px;
                    height: 1em;
                    left: -2.9rem;
                    position: absolute;
                    top: .5rem;
                    transition: background-color .2s ease;
                    width: 1em
                    }
                    .toc .toc-content ul li a {
                    color: #071f32;
                    display: block;
                    text-decoration: none
                    }
                    .toc .toc-content ul li a:focus-visible {
                    outline: .3rem solid #354bcf;
                    outline-offset: .25rem
                    }
                    .toc .toc-content ul li a:focus-visible, .toc .toc-content ul li a:hover {
                    color: #d22638
                    }
                    .toc {
                    height:100%;
                    padding-left: 2rem;
                    padding-right: 4.5rem;
                    position: sticky;
                    top: 100px;
                    }
                    .toc .toc-container {
                    pointer-events: none;
                    z-index: 998
                    }
                    .toc .toc-container .toc-content {
                    background-color: #fff;
                    margin: 1px 0;
                    padding: 3rem 2rem 5rem;
                    transform: translateX(1rem);
                    transition-property: background-color, box-shadow;
                    transition-delay: 0s
                    }
                    .toc .toc-container .toc-content:before {
                    content: "";
                    background-color: transparent;
                    height: calc(100% - 6rem);
                    left: -10px;
                    position: absolute;
                    top: 15px;
                    width: 1rem;
                    transition: background-color .15s
                    }
                    .toc .toc-container .toc-content:not(.js-stuck) .back-to-top {
                    opacity: 0
                    }
                    .toc .toc-container .toc-content.js-stuck {
                    box-shadow: 0 0 0 .1rem rgba(0, 0, 0, .12);
                    }
                    .toc .toc-container .toc-content.js-stuck:not(.js-fold):before {
                    background-color: #fff
                    }
                    .toc .toc-container .toc-content a {
                    transition-duration: .15s;
                    transition-timing-function: ease
                    }
                    .toc .toc-container .toc-content:not(.js-fold) {
                    pointer-events: auto
                    }
                    @keyframes toc-delay-overflow {
                    0% {
                    overflow: hidden
                    }
                    }
                    .toc .toc-container .toc-content ul a {
                    transition-property: color, opacity, transform, height;
                    transition-duration: .15s;
                    transition-timing-function: ease
                    }
                    .toc .toc-container .toc-content ul {
                    font-size: 1.4rem;
                    padding-left: 4rem
                    }
                    .toc .toc-container .toc-content ul li:not(:last-child) {
                    margin-bottom: 1.5rem
                    }
                    .toc .toc-container .toc-content ul li.active:before {
                    background-color: #d22638
                    }
                    .toc .toc-container .toc-content .back-to-top {
                    bottom: 1rem;
                    border: none;
                    color: #6a7884;
                    cursor: pointer;
                    font-size: 1.3rem;
                    font-weight: 300;
                    left: 1rem;
                    padding-left: 1.4rem;
                    position: absolute
                    }
                    .toc .toc-container .toc-content .back-to-top:before {
                    content: "↑ ";
                    font-size: 17px;
                    line-height: 1
                    }
                    .toc .toc-container .toc-content .back-to-top:focus {
                    outline: none
                    }
                    @media(max-width:800px){
                    .content-container  {
                    display:block
                    }
                     .toc-container{
                    display:flex!important;
                    justify-content:center!important
                    }

                    .toc{
                    display: flex!important;
                    justify-content: center!important;
                    }
                     .breadcrumb-caspratique{
                    margin-left: 0!important;
                    }
                        .breadcrumb-nav {
                    margin-top: 6rem;
                     padding-top:0!important;
                    padding-bottom: 0!important;
                    }
                    }
                    .toc .toc-content ul li.selected:before {
                    background-color: #354BCF !important;
                    }
                    .toc .toc-content ul li.selected a {
                    color: #354BCF !important;
                    }
                        .selected {
                    color: #354BCF!important;
                    }
			.breadcrumb-reglesurbanisme {
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    }

                    .content-container{
                    display: grid;
                    grid-template-columns: 1fr 3fr;
                    margin-top: 20PX;
                    }

                      .texteriche{
                    margin-top: 20PX
                    }
                     .breadcrumb-caspratique {
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    }
                      .problematique-style {
                    margin-right: 30PX;
                    margin-bottom: 50PX;
                    color:black!important;
                    }
                              .banner-caspratique {
                    background-color: var(--main-color);
                    position: relative!important;
                    z-index: 0;
                    width: 100%;
                    height: 30rem;
                    top: 7.9rem
                    }

                   .big-banner {
                    width: 100%;
                    height: 30rem;
                    background-size: cover;
                    background-position-x: 50%;
                    position: relative;
                    z-index: 1
                    }
            #main-banner {
                    display: flex;
                    justify-content: center;
                    align-items: center
                    }

                    #main-banner:not(.internal) {
                    margin-bottom: 7.9rem
                    }

                    #main-banner h1 {
                    color: #fff;
                    padding: 2rem
                    }

                    #main-banner:not(.darken) h1 {
                    background-color: rgb(112 128 144 / 50%)
                    }
                    .banner-caspratique.darken .big-banner {
                    opacity: .5;
                    position: relative;
                    z-index: 2;
                    -webkit-transition: .3s ease-in-out;
                    transition: .3s ease-in-out
                    }

                  	 .breadcrumb-repertoireStructure {
                    display: flex;
                    flex-wrap: wrap;
                    list-style: none;
                    }

.content-frame.content-frame-primary .content-frame-content{
    flex-basis: 100%;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 2rem;
}

.btn-gototop{
    z-index:100;
}

.tab-pane-regle-parcelle li .btn-tertiary .btn-label{
    text-align: left;
}

.card-sommaire details.cascading .cascading-label{
    line-height: 22px;
}

.banner.internal{
    height:30rem;
}

.breadcrumb-item.active {
	white-space: normal;
}

.search-results .result-item .title-pdf {
	flex-direction: row;
}

.banner h1{
    text-align: center;
}

.map-list li {
	list-style-type: disc;
}

.badge-custom {
	width: fit-content;
}

.cascading .cascading-button-custom {
	background: none;
    border: none;
    color: var(--main-info-color);
    font-weight: 600;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cascading .cascading-button-custom[aria-expanded="true"]:before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6513%2013.6L17.2513%209L19.1035%2010.8522L12.6513%2017.3044L6.19911%2010.8522L8.05132%209L12.6513%2013.6Z%22%20fill%3D%22%23354BCF%22%2F%3E%3C%2Fsvg%3E);
}

.cascading .cascading-button-custom[aria-expanded="false"]:before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.1845%2012L8.19922%207.00945L10.2066%205L17.1992%2012L10.2066%2019L8.19922%2016.9905L13.1845%2012Z%22%20fill%3D%22%23071F32%22%2F%3E%3C%2Fsvg%3E);
}

.cascading .cascading-content .cascading-content{
    margin-left: 7.8rem;
}

.cascading-title.first-level .cascading-label {
    line-height: 1.2;
}

.download-box #lienPdf #size{
    margin-left: 80px !important;
}

@media (max-width: 767px) {
	.custom-regle-parcelle-link-overlay-button {
		top: 7rem;
	}
	.custom-regle-parcelle-link-overlay-button.visible {
		right: 92%;
	}
	.toc {
		position:static;
	}
	
	.breadcrumb-item.active {
		margin-left: 1rem;
	}
	 
	.breadcrumb-item.active::before {
		margin-left: -1rem;	
	}
}

@media (max-width: 375px) {
    .search-results .result-item .title-pdf {
        flex-direction: column;
    }
}