/*
Theme Name: intranet
Theme URI: https://www.verdun.fr/intranet/
*/

/*--------------------------------------------------------------
# General
-------------------------------------------------------------*/





body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-family :"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color:#252525;
   
}

   .countdown {
            font-size: 48px;
            text-align: center;
            margin-top: 20px;
			margin-bottom: 20px;
			color:#fff;
        }



.bg-primary {
    background: linear-gradient(-137deg, #d81956 0%, #f84233 100%);
}


.bg-secondary {
    background: linear-gradient(-137deg, #11104d 0%, #060534 100%);
}




a {
    color: #252525;
    text-decoration: underline;
    outline: none;
}


.navbar-light .navbar-nav .nav-link {
    color: #252525;
	font-weight:600;
}


        /* Ajoutez ce style CSS pour rendre le menu sticky */
        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 100;
        }
		
		
		  .navbar-collapse {
            justify-content: flex-end;
        }
		
			
		.bg-white {
			background:#fff;
		}
		
		
/* Hamburger menu icon on the navbar-areas */

span.tgl-lbl {
    line-height: .75;
    display: block;
}

.menu-toggle-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.hamburger {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: .25rem;
    overflow: hidden;
}

.toggle-lines {
    width: inherit;
    height: inherit;
    display: block;
    padding: 10px 8px 10px;
}

.toggle-lines div {
    height: 3px;
    width: 100%;
    margin: 0 0 5px;
    background: #666;
}

.toggle-lines div:first-child {
    margin-top: 0px;
}

.toggle-lines div:last-child {
    margin-bottom: 0;
}

.toggle-lines .meat,
.toggle-lines .bottom-bun,
.toggle-lines:hover div,
.toggle-lines:focus div {
    width: 100%;
}

.toggle-lines:hover div,
.toggle-lines:focus div {
    background-color: red;
}

.toggle-lines:hover .top-bun,
.toggle-lines:focus .top-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;
    animation: burger-hover 0.8s infinite ease-in-out alternate;
}

.toggle-lines:hover .meat,
.toggle-lines:focus .meat {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
}

.toggle-lines:hover .bottom-bun,
.toggle-lines:focus .bottom-bun {
    -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
    animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
}

@-webkit-keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

@keyframes burger-hover {
    0% {
        width: 100%;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}





/*--------------------------------------------------------------
# Footer section
--------------------------------------------------------------*/

section#footer-section {
	background-image: url(https://www.verdun.fr/terredejeux/wp-content/uploads/2023/05/Les-Jeux-vivent-ici.jpg);
    background-attachment: scroll;
}

.footer-area {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: auto;
    display: block;
    color: #ffffff;
	background-size: cover;
    background-position: center center;
    box-shadow: 0 6px 20px -4px rgb(0 0 0 / 25%);	
}

.footer-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 0;
   /* opacity: 0.75;*/
}

.footer-area {
    margin-bottom: 0;
}

.footer-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    padding: 35px 0;
    min-height: 246px;
}

.footer-heading {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    /* margin: auto 0; */
    height: 100%;
    width: 100%;
    max-width: 50%;
}

.footer-heading h2 {
    margin-bottom: 0;
    display: inline-block;
    border: 0 solid transparent;
}

.footer-list {
    flex-shrink: 0;
    list-style: none;
    width: 100%;
    max-width: 50%;
    padding: 13px 35px;
    position: relative;
    border-radius: 100px;
    margin: 0;
    z-index: 0;
}




/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/

section#breadcrumb-section {
	background-image: url(https://www.verdun.fr/terredejeux/wp-content/uploads/2023/05/cropped-header-terre-de-jeux.jpg);
    background-attachment: scroll;
}

.breadcrumb-area {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: auto;
    display: block;
    color: #ffffff;
	background-size: cover;
    background-position: center center;
    box-shadow: 0 6px 20px -4px rgb(0 0 0 / 25%);
	
	
}

.breadcrumb-area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
   /* opacity: 0.75;*/
}

.breadcrumb-area .av-columns-area, .breadcrumb-area .av-column-12 {
    margin-bottom: 0;
}

.breadcrumb-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    padding: 35px 0;
    min-height: 246px;
}

.breadcrumb-heading {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    /* margin: auto 0; */
    height: 100%;
    width: 100%;
    max-width: 50%;
}

.breadcrumb-heading h2 {
    margin-bottom: 0;
    display: inline-block;
    border: 0 solid transparent;
}

.breadcrumb-list {
    flex-shrink: 0;
    list-style: none;
    width: 100%;
    max-width: 50%;
    padding: 13px 35px;
    position: relative;
    border-radius: 100px;
    margin: 0;
    z-index: 0;
}

.breadcrumb-list:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: linear-gradient(-137deg, #d81956 0%, #f84233 100%);
    border-radius: 100px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.breadcrumb-list li {
    display: inline-block;
    word-break: break-word;
}

.breadcrumb-list li i {
    vertical-align: middle;
}

.breadcrumb-list li i.fa.fa-chevron-right {
    font-size: 80%;
    margin-right: 2px;
}

.breadcrumb-list li span {
    color: var(--sp-primary);
    display: inline-block;
}

.breadcrumb-content .breadcrumb-list li a {
    text-decoration: none;
    color: #ffffff;
}

.breadcrumb-content .breadcrumb-list li i {
    display: inline-block;
    vertical-align: baseline;
}

.breadcrumb-center .breadcrumb-content {
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

.breadcrumb-center .breadcrumb-heading {
    text-align: center;
}

.breadcrumb-center .breadcrumb-list {
    text-align: center;
    width: max-content;
}

.breadcrumb-right .breadcrumb-content {
    flex-direction: row-reverse;
}

.breadcrumb-right .breadcrumb-list,
.breadcrumb-right .breadcrumb-heading {
    text-align: right;
}

.breadcrumb-left .breadcrumb-list,
.breadcrumb-left .breadcrumb-heading {
    text-align: left;
}

.breadcrumb-center .breadcrumb-list:before {
    left: 0;
    right: 0;
}

.breadcrumb-left .breadcrumb-list:before,
.breadcrumb-right .breadcrumb-list:before {
    width: 200%;
}

.breadcrumb-left .breadcrumb-list:before {
    left: 0;
}

.breadcrumb-right .breadcrumb-list:before {
    right: 0;
}

.breadcrumb-left .breadcrumb-heading h2 {
    border-left-width: 4px;
    border-image-slice: 0 0 0 1;
    padding-left: 16px;
    border-image-source: linear-gradient(-137deg, #d81956 0%, #f84233 100%);
}

.breadcrumb-right .breadcrumb-heading h2 {
    border-right-width: 4px;
    border-image-slice: 0 1 0 0;
    padding-right: 16px;
    border-image-source: linear-gradient(-137deg, #d81956 0%, #f84233 100%);
}

.breadcrumb-center .breadcrumb-heading h2 {
    border-bottom-width: 4px;
    border-image-slice: 0 0 1 0;
    padding-bottom: 4px;
    margin-bottom: 20px;
    border-image-source: linear-gradient(-137deg, #d81956 0%, #f84233 100%);
}
























/*===== 19. Shapes =====*/

@keyframes animationFramesOne{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}to{transform:translate(0) rotate(0deg)}}
@keyframes moveleftbounce{0%{transform:translateX(0px)}50%{transform:translateX(20px)}100%{transform:translateX(0px)}}
@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}

.shapes-section {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.shape1 {
    position: absolute;
    left: 3%;
    top: 7%;
    z-index: -1;
}

.shape1 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape2 {
    position: absolute;
    top: 7%;
    right: 8%;
    z-index: -1;
}

.shape2 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape3 {
    position: absolute;
    left: -8%;
    bottom: 30px;
    z-index: -1;
}

.shape3 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape4 {
    position: absolute;
    right: 4%;
    bottom: 30%;
    z-index: -1;
}

.shape4 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape5 {
    position: absolute;
    top: 42.5%;
    left: 7%;
    z-index: -1;
}

.shape5 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape6 {
    position: absolute;
    top: 4%;
    right: 34%;
    z-index: -1;
}

.shape6 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape7 {
    position: absolute;
    top: 10%;
    left: 13%;
    z-index: -1;
}

.shape7 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape8 {
    position: absolute;
    top: 10%;
    right: 4.5%;
    z-index: -1;
}

.shape8 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape9 {
    position: absolute;
    top: 38%;
    left: -1.2%;
    z-index: -1;
}

.shape9 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape10 {
    position: absolute;
    top: 54%;
    right: 1%;
    z-index: -1;
}

.shape10 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape11 {
    position: absolute;
    bottom: 1%;
    left: 4%;
    z-index: -1;
}

.shape11 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape12 {
    position: absolute;
    right: 1.5%;
    bottom: 5%;
}

.shape12 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape13 {
    position: absolute;
    top: 12%;
    left: 8%;
    z-index: -1;
}

.shape13 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape14 {
    position: absolute;
    top: -10%;
    right: -6%;
    z-index: -1;
}

.shape14 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape15 {
    position: absolute;
    bottom: 16%;
    left: 5%;
    z-index: -1;
}

.shape15 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape16 {
    position: absolute;
    bottom: 16%;
    right: 3%;
    z-index: -1;
}

.shape16 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape17 {
    position: absolute;
    top: 6%;
    left: 2%;
    z-index: -1;
}

.shape17 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape18 {
    position: absolute;
    bottom: 6%;
    left: 5%;
    z-index: -1;
}

.shape18 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape19 {
    position: absolute;
    top: 10%;
    right: 3%;
    z-index: -1;
}

.shape19 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape20 {
    position: absolute;
    top: 6%;
    left: 9%;
    z-index: -1;
}

.shape20 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape21 {
    position: absolute;
    top: 7%;
    right: 4%;
    z-index: -1;
}

.shape21 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape22 {
    position: absolute;
    bottom: 15%;
    left: 7%;
    z-index: -1;
}

.shape22 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape23 {
    position: absolute;
    bottom: 15%;
    right: 6%;
    z-index: -1;
}

.shape23 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape24 {
    position: absolute;
    top: 50%;
    right: 9%;
    z-index: -1;
}

.shape24 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape25 {
    position: absolute;
    bottom: 7%;
    right: 3%;
    z-index: -1;
}

.shape25 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape26 {
    position: absolute;
    bottom: 8%;
    right: 26%;
    z-index: -1;
}

.shape26 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape27 {
    position: absolute;
    top: 8%;
    right: 4%;
    z-index: -1;
}

.shape27 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape28 {
    position: absolute;
    top: 26%;
    right: 23%;
    z-index: -1;
}

.shape28 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape29 {
    position: absolute;
    top: 50%;
    right: 30%;
    z-index: -1;
}

.shape29 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape30 {
    position: absolute;
    top: 10%;
    left: 34%;
    z-index: -1;
}

.shape30 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite;
}

.shape31 {
    position: absolute;
    top: 7%;
    left: 2%;
    z-index: -1;
}

.shape31 img {
    -webkit-animation: bounce_one 5s linear infinite;
    animation: bounce_one 5s linear infinite;
}

.shape32 {
    position: absolute;
    top: 42%;
    left: 12%;
    z-index: -1;
}

.shape32 img {
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear forwards infinite;
}

.shape33 {
    position: absolute;
    bottom: 5%;
    left: 4%;
    z-index: -1;
}

.shape33 img {
    -webkit-animation: rotate 20s linear infinite;
    animation: rotate 20s linear forwards infinite;
}

.shape34 {
    position: absolute;
    bottom: 14%;
    left: 35%;
    z-index: -1;
}

.shape34 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape35 {
    position: absolute;
    bottom: 6%;
    left: 35%;
    z-index: -1;
}

.shape35 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

.shape36 {
    position: absolute;
    bottom: 2%;
    left: 28%;
    z-index: -1;
}

.shape36 img {
    -webkit-animation: animationFramesOne 20s linear infinite;
    animation: animationFramesOne 20s linear infinite;
}

/*===== // =====*/