#mainMenu .navbar-nav > li > a{
  color:#192738 !important;
  transition: all 0.3s ease;
}
#mainMenu .navbar-nav > li > a:hover{
  color:#c0392b !important;                
  background:transparent !important;        
  text-shadow:none !important;
transform: translateY(-3px);
}
#mainMenu .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #c0392b;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform 0.3s ease;
}
#mainMenu .navbar-nav > li > a:hover::before {
  transform: scaleY(1);
}
#mainMenu .navbar-nav > li.menu-type-page.active > a,
#mainMenu .navbar-nav > li > a[aria-current="page"]
{
    color:#c0392b!important;
font-weight:bold;

}

.zone-event .jumbotron .jumbotron__btn_subscribe {
    background-color:;
    color:white;
    border:2px solid white;
}
.zone-event .jumbotron .jumbotron__btn_subscribe:hover {
    background-color:white;
    color:#192738;
}

.calendar-link-content .btn {
    color:white;
}

@media screen and (max-width: 767px) {
.line-menu .zone-menu {
        background-color: white!important;
    }
.header-ext-login a {
    padding: 5px 10px!important;
}
    
html {
    scroll-margin:smooth;
}
.social-link [class*=icon-] {
    color: #2d2d2d;
}

.fa-facebook:before {
    content: "\f39e";
 }
.fa-linkedin:before {
    content: "\f0e1";
 }
.fa-youtube:before {
    content: "\f167";
 }
.fa-instagram:before {
    content: "\f16d";
 }

#object-element-list ._actionTd a{display:none;}


.image
{
  background-image : url(image.png);
  /*Pour créer une image référencée dans la CSS, utilisez la commande \'Exporter la CSS sélectionnée\'.*/
  background-repeat : no-repeat;
  position : absolute ;
  left : 204px;
  top : 415px;
  width : 290px;
  height : 290px;
}
.Header-2
{
  background-image : url(Header-2.png);
  /*Pour créer une image référencée dans la CSS, utilisez la commande \'Exporter la CSS sélectionnée\'.*/
  background-repeat : no-repeat;
  position : absolute ;
  left : 310px;
  top : 18px;
  width : 1365px;
  height : 103px;
}
.Headline_Text
{
  background-image : url(Headline_Text.png);
  /*Pour créer une image référencée dans la CSS, utilisez la commande \'Exporter la CSS sélectionnée\'.*/
  background-repeat : no-repeat;
  position : absolute ;
  left : 365px;
  top : 245px;
  width : 573px;
  height : 374px;
}

.line-contact{
  /* margin-top : 50px; */
}

p a{
  color : var(--secondary);
    font-weight: 600;
}

#yapla-consent-box .cookie-notice a, #yapla-consent-box .cookie-modal a{
color:#5d87a1;
}

#yapla-consent-box .cm-btn-success {
    background-color: var(--secondary);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    border: solid 1px var(--secondary);
    font-size: 1.4rem;
    font-weight: 400;
}

#yapla-consent-box .cookie-modal .cm-list-input:checked + .cm-list-label .slider{
background-color:#b33631;
}


#yapla-consent-box .cm-btn-success:hover, #yapla-consent-box .cm-btn-success:focus{
    background-color: transparent;
    padding: 15px 35px;
    border-radius: 50px;
    color: var(--secondary);
    border: solid 1px var(--secondary);
    font-size: 1.4rem;
    font-weight: 400;
}

#yapla-consent-box .cookie-modal .cm-btn-accept{
color:#5d87a1;
border-color:#5d87a1;
    padding: 15px 35px;
    border-radius: 50px;
}

#yapla-consent-box .cookie-modal .cm-btn-accept:hover,#yapla-consent-box .cookie-modal .cm-btn-accept:focus{
color:#ffffff;
background-color:#5d87a1;
    padding: 15px 35px;
    border-radius: 50px;
}

#yapla-consent-box .cm-btn-danger{
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    background: var(--primary);
    border: solid 1px var(--primary);
    font-size: 1.4rem;
    font-weight: 400;
}

#yapla-consent-box .cm-btn-danger:hover{
    padding: 15px 35px;
    border-radius: 50px;
    color: var(--primary);
    background: transparent;
    border: solid 1px var(--primary);
    font-size: 1.4rem;
    font-weight: 400;
}

#yapla-consent-box .cn-learn-more,
#yapla-consent-box .cookie-modal {
    font-family: "Raleway",sans-serif;
}

#yapla-consent-box .cookie-notice a, #yapla-consent-box .cookie-modal a {
    color: var(--secondary);
}

#yapla-consent-box .cookie-notice a:hover, #yapla-consent-box .cookie-modal a:hover {
    color: var(--secondary);
    text-decoration:underline;
}

#yapla-consent-box .cookie-modal .cm-btn-accept:hover {
    text-decoration:none;
}

.line-values img{
    max-width: 180px!important;
    }

.line-values h3{
    font-size: 25px;
    }

.line-mosaic .news-mosaic .row .col-sm-6 a {
    pointer-events: none!important;
}

.jumbotron .address__contact-info span.email a {
    color: white;
}

.jumbotron a.btn-primary {
    background: white;
    color: var(--primary);
    border: 0;
}

.jumbotron a.btn-primary:hover,
.jumbotron a.btn-primary:focus{
    background: white;
    color: var(--secondary);
    border: 0;
}

.jumbotron .calendar-link-content .btn-secondary{
    color: white;
    padding-left: 0;
}

#site-wrapper .navbar-default .navbar-nav > li > a.dropdown-toggle{margin-left:-18px;}


.wrap-registration-responsible-add p {
    display: none;
}

.registration-event-bloc .btn-link {
    font-size: 23px !important;
}

div[data-price-id="104455"] h5 strong {
    display: none;
}

.event-jumbotron__left-right__title {
    text-transform: none !important;
}


.line-events .item h3 {
    font-size: 28px;
}

/* CONGRES 2025 CSS */

.displaynone {
    display: none;
}

.line-congres-banner {
        padding-top: 200px !important;
        padding-bottom: 175px !important;
        position: relative;
        @media screen and (max-width:1199px) {
            padding-top: 100px !important;
            padding-bottom: 100px !important;
        }
        @media screen and (max-width:575px){
            
        }
        &:before {
            content: "";
            background-image: url(https://cdn.ca.yapla.com/company/CPYa2Hi0jcxoC4gyNkw6u7Tbf/asset/images/_congres/shapes-right.svg);
            background-repeat: no-repeat;
            width: 687px;
            height:  100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            @media screen and (max-width:1199px) {
                width: 540px;
            }
            @media screen and (max-width:768px) {
                width: 480px;
            }
            @media screen and (max-width:575px){
                display: none;
            }
        }
        &:after {
            content: "";
            background-image: url(https://cdn.ca.yapla.com/company/CPYa2Hi0jcxoC4gyNkw6u7Tbf/asset/images/_congres/shapes-topleft.svg);
            background-repeat: no-repeat;
            width: 291px;
            height:  100%;
            position: absolute;
            top: 0;
            left: 0;
            @media screen and (max-width:768px) {
                background-size: contain;
                width: 135px;
            }
        }
        .container {
            > .row {
                > div {
                    .content {
                        .congres-split {
                             @media screen and (max-width:1199px) {
                                 flex-direction: column;
                                 justify-content: center;
                                 align-items: center;
                             }
                            display: flex;
                            justify-content: space-between;
                            flex-wrap: wrap;
                            margin-bottom: 75px;
                            img {
                                width: 42%;
                                height: auto !important;
                                max-width: 42%;
                               @media screen and (max-width:1199px) {
                                    width: 100% !important;
                                    max-width: 100%;
                                    margin-bottom: 45px;
                                }
                            }
                            .text-content {
                               @media screen and (max-width:1199px) {
                                    width: 100% !important;
                                    text-align: center; 
                                }
                                width: 50%;
                                h2, h3 {
                                    color: #fff;
                                }
                                h2 {
                                    font-size: 72px;
                                    line-height: 84px;
                                    font-weight: 400;
                                    margin-bottom: 45px;
                                    @media screen and (max-width: 768px) {
                                        font-size: 48px;
                                        line-height: 66px;
                                    }
                                }
                                h3 {
                                    font-size: 50px;
                                    line-height: 60px;
                                    font-weight: 500;
                                    @media screen and (max-width: 768px) {
                                        font-size: 30px;
                                        line-height: 52px;
                                    }
                                }
                            }
                        }  
                         p {
                            text-align: center;
                            .btn:first-child {
                                margin-right: 30px;
                                @media screen and (max-width: 575px) {
                                    margin-right: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
}


.btn-red {
    padding: 25px 80px !important;
    color: #fff;
    background: #A52123;
    border: 1px solid #A52123 !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    &:hover {
        background: #fff !important;
        color: #A52123;
    }
}

.btn-yellow {
    padding: 25px 80px !important;
    color: #fff;
    background: #E1731E;
    border: 1px solid #E1731E !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    &:hover {
        background: #fff !important;
        color: #E1731E;
    }
}

.line-reservez {
    padding-top: 110px !important;
    padding-bottom: 170px !important;
    @media screen and (max-width: 1199px) {
        padding-top: 80px !important;
       padding-bottom: 100px !important;
    }
    .zone-html {
        padding-top: 100px;
        @media screen and (max-width:575px){
            padding-top: 0;
        }
        .content {
            h2, p {
                color: #707070;
            }
            h2 {
                font-size: 50px;
                font-weight: 400;
                margin-bottom: 45px;
            }
            p {
                font-size: 28px;
                line-height: 38px;
                margin-bottom: 50px;
            }
        }
    }
    .zone-image {
        
    }
}

.line-stats {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
    @media screen and (max-width: 1199px) {
        padding-top: 80px !important;
       padding-bottom: 80px !important;
    }
    .content {
        ul {
            list-style: none;
            display: flex;
            justify-content: space-between;
            padding-left: 0;
            @media screen and (max-width:575px){
                flex-direction: column;
            }
            li {
                color: #fff;
                font-size: 28px;
                line-height: 42px;
                @media screen and (max-width:768px){
                    font-size: 22px;
                }
                @media screen and (max-width:575px){
                    text-align: center;
                    margin-bottom: 30px;
                }
                strong {
                    font-size: 72px;
                    @media screen and (max-width:768px){
                        font-size: 45px;
                    }
                }
            }
        }
    }
}

.programmation-title {
    padding-top: 120px !important;
    @media screen and (max-width: 768px){
        padding-top: 80px !important;
    }
    .content {
        h2 {
            color: #fff;
            font-weight: 400;
            font-size: 50px;
            line-height: 38px;
        }
    }
}

.prog-nb {
       padding-bottom: 120px !important;
    @media screen and (max-width: 768px){
        padding-bottom: 80px !important;
    } 
}

.line-programmation {
    padding-bottom: 0 !important;
    .event-schedule {
        .date-pagination {
            margin-bottom: 90px;
            .pagination-control {
                > a {
                    color: #fff;
                    background: transparent;
                    font-size: 36px;
                    border: 1px solid #fff;
                    border-radius: 60px;
                    border: 1px solid #fff;
                    padding: 15px 25px;
                }
            }
            .current-page {
                .current-date {
                    color:#fff;
                    background: #54748C;
                    font-size: 36px;
                    border: 1px solid #fff;
                    border-radius: 60px;
                    border: 1px solid #54748C;
                    padding: 15px 25px;
                }
            }
        }
        .time-block {
            .time-block-header {
               display: flex;
                h3, p {
                    color: #fff;
                    font-size: 36px;
                    line-height: 43px;
                    font-weight: 400;
                }
                p {
                    order: 0;
                    margin-right: 50px;
                }
                h3 {
                    order: 1;
                }
            }
            
        }
    }
}

.intervenants-title {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
    @media screen and (max-width: 1199px) {
        padding-top: 80px !important;
       padding-bottom: 80px !important;
    }
    .content {
        h2 {
            color: #fff;
            font-size: 50px;
            line-height: 38px;
            font-weight: 400;
            
        }
    }
}

.line-intervenants {
    padding-bottom: 210px !important;
    position: relative;
    @media screen and (max-width: 1199px) {
       padding-bottom: 100px !important;
    }
    &:before {
        content: "";
        background-image: url('https://cdn.ca.yapla.com/company/CPYa2Hi0jcxoC4gyNkw6u7Tbf/asset/images/_congres/big-wave.svg');
        background-repeat: no-repeat;
        background-position: top center;
        width: 100vw;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .news-mosaic {
        >.row+.row {
            margin-top: 0;
        }
        > .row {
            margin-bottom: 200px;
            @media screen and (max-width:1199px) {
               margin-bottom: 80px; 
            }
            @media screen and (max-width:575px){
                margin-bottom: 0;
            }
            > div {
                @media screen and (max-width:575px){
                    margin-bottom: 30px;
                }  
            }
        }
    }
}

.line-votreplace {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
    .container {
        position: relative;
        &:before {
            content: "";
            background-image: url('https://cdn.ca.yapla.com/company/CPYa2Hi0jcxoC4gyNkw6u7Tbf/asset/images/_congres/stars.svg');
            background-repeat: no-repeat;
            width: 283px;
            height: 222px;
            position: absolute;
            left: 0;
            top: 0;
            @media screen and (max-width:1199px) {
                width: 180px;
                background-size: contain;
            }
            @media screen and (max-width:768px) {
                width: 120px;
                top: 90px;
                background-size: contain;
                left: 45px;
            }
            @media screen and (max-width:575px) {
                width: 60px;
                top: 65px;
                background-size: contain;
                left: 45px;
            }
        }
        &:after {
            content: "";
            background-image: url('https://cdn.ca.yapla.com/company/CPYa2Hi0jcxoC4gyNkw6u7Tbf/asset/images/_congres/stars.svg');
            background-repeat: no-repeat;
            width: 283px;
            height: 222px;
            position: absolute;
            right: 0;
            top: 0;
            @media screen and (max-width:1199px) {
                width: 180px;
                background-size: contain;
            }
            @media screen and (max-width:768px) {
                width: 120px;
                top: 90px;
                background-size: contain;
                right: 45px;
            }
            @media screen and (max-width:575px) {
                width: 60px;
                top: 65px;
                background-size: contain;
                right: 45px;
            }
        }
    .content {
        h2 {
            font-size: 50px;
            line-height: 38px;
            font-weight: 400;
            margin-bottom: 50px;
            font-weight: 400;
        }
    }
    }
}

.partenaires-title {
    padding-top: 120px !important;
    padding-bottom: 60px !important;
    .content {
        h2 {
            font-size: 50px;
            font-weight: 400;
        }
    }
}

.line-partenaires {
    padding-bottom: 120px !important;
    .zone-news {
        > h3 {
            text-align: center;
            margin-bottom: 80px;
            font-size: 36px;
            line-height: 43px;
            font-weight: 400;
        }
        .news-mosaic {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 60px 88px;
            @media screen and (max-width:768px) {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            > .row +.row {
                margin-top: 0;
            }
            > .row {
                display: flex;
                align-items: center;
                .news-thumbnail {
                    max-width: 100%;
                }
            }
        }
    }
}

.congres-footer {
    padding-top: 200px !important;
    padding-bottom: 168px !important;
    @media screen and (max-width:768px) {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .container {
        .row {
            @media screen and (max-width:768px) {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
             .zone-image {
                @media screen and (max-width:768px) {
                    width: 100%;
                }
                 .content {
                    @media screen and (max-width:768px) {
                        text-align: center !important;
                    }
                    img {
                        max-width: 500px;
                        @media screen and (max-width:768px) {
                            max-width: 100%;
                        }
                    }
                 }
             }
            .zone-html {
                @media screen and (max-width:768px) {
                    width: 100%;
                }
                    .content {
                        padding-top: 50px;
                        padding-left: 15%;
                         @media screen and (max-width:768px) {
                            text-align: center;
                             padding-left: 0;
                        }
                        h3, p {
                            color: #fff;
                        }
                        h3 {
                            font-size: 50px;
                            line-height: 60px;
                            margin-bottom: 40px;
                            font-weight: 400;
                        }
                        p {
                            font-size: 30px;
                            line-height: 36px;
                            margin-bottom: 40px;
                        }
                    }
            }   
        }
    }

}

/* CUSTOM ACCORDEON*/

table.accordeon {
	display: block;
	width: 100%!important;
	border: 0;
	margin-bottom: 10px;
	tbody, tr, td {
		border: 0;
	}
	tbody {
		display: block;
		tr {
			/* Title/accordeon box */
			&:first-child {
				cursor: pointer;
				display: block;
				background-color: #849EB1;
				padding: 0 15px 0 0;
				position: relative;
				&:after {
					content: "+";
                    color: #fff;
					display: block;
					position: absolute;
					right: 15px;
					top: 13px;
					font-size: 59px;
					font-weight: 400;
					transition: transform 150ms;
                    border-radius: 50%;
                    border: 1px solid white;
                    padding: 8px;
				}
                td {
                    img {
                        @media screen and (max-width:768px){
                            width: 168px !important;
                        }
                    }
                    &:last-child {
                        color: #fff;
                        padding-left: 20px;
                        padding-bottom: 15px;
                        vertical-align: bottom;
                        p {
                            color: #fff;
                        }
                    }
                }
			}
			&:last-child {
				display: block;
				td {
					display: block;
					max-height: 0;
					overflow: hidden;
				}
			}
		}
	}
	/* active and opened content */
	&.active {
		tbody {
			tr {
				&:first-child {
					&:after {
						transform: rotate(45deg);
					}
				}
				&:last-child {
					padding: 15px;
					background-color: #849EB1;
					td {
                        color: #fff;
						max-height: 5000px;
						transition: max-height 1.5s;
                        p {
                            color: #fff;
                        }
					}
				}
			}
		}
	}
}

@media screen and (min-width: 1199px) {
    .container:not(.line-menu .container, line-header .container) {
        width: 1152px !important;
    }
}

.line-header, line-menu {
        &.sticked {
            .container {
                @media screen and (min-width: 1199px) {
                    width: 100% !important;
                }
            }
        }
}


table.congres-prices {
    background: #fff;
    border: 1px solid #000;
    tbody {
        tr:first-child {
            background:#FDE9D9;
            font-weight: 600;
        }
        td {
            padding: 10px;
        }
    }
}

#formbuilder-add-wrapper {
     h3 {
        margin-bottom: 60px;
    }
}

.membership-list--descrition {
    color: red;
    font-size: 18px;
    line-height: 20px;
}

.subscription-price-full {
    display: none !important;
}

.group-partners {
    display:block!important;
}
@media screen and (max-width: 767px) {
    .group-partners .line .content {
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .group-partners .line .content img {
        margin-left: auto;
        margin-right: auto;
    }
}