@charset "utf-8";
/* CSS Document */
html{margin:0;padding:0;overflow:auto;border:none;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;}
body{margin:0;padding:0;color:#242222;}
a{-webkit-transition:ease-in-out .2s;transition: .2stext-decoration:none}

img{border:none;max-width:100%;height:auto;-ms-interpolation-mode: bicubic;border-radius:2px}

/*Typo général*/
h1{font-size: 50px;line-height: 50px;color:#185457;margin: 10px 0;font-weight: 400;font-family: playwrite-cc-it-moderna, sans-serif;}
h2{font-size: 40px;line-height: 40px;color:#185457;margin: 10px 0;font-weight: 400;font-family: playwrite-cc-gb-s, sans-serif;}
h3{font-size: 30px;line-height: 40px;color:#185457;margin: 10px 0;font-weight: 400;font-family: "playwrite-cc-de-grund", sans-serif;}
h3.animated-heading-text{line-height: inherit!important;}
h4{}
h5{}

p,li{font-size: 22px;font-weight: 400;}
p a, li a{color:#185457;text-decoration: none;}
p a:hover, li a:hover{}
p strong,p b{font-family: "playwrite-cc-de-grund", sans-serif;}


@media all and (max-width:575px){
#section_un .ban_grand_p p{font-size:30px!important;}
}

.sppb-btn{text-decoration: none}
.sppb-title-subheading{font-size: 20px!important;color:#185457;font-weight: 400;}
.home h1{font-size:40px;}
/*cta*/
.cta{border:solid 1px #185457}

/*général, largeur section flex*/
.sp-pagebuilder-row, .sppb-row{justify-content: space-around!important;}

/*gestion des pages int. sans gabarit*/
.com_eventbooking  .int main,.view-donation main,.com_jdonation main{width:100%;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width: 576px) {.com_eventbooking.int main,.view-donation main,.com_jdonation main{max-width: 540px;}}
@media (min-width: 768px) {.com_eventbooking.int main,.view-donation main,.com_jdonation main{max-width: 720px;}}
@media (min-width: 992px) {.com_eventbooking.int main,.view-donation main,.com_jdonation main{max-width: 960px;}}
@media (min-width: 1200px) {.com_eventbooking.int main,.view-donation main,.com_jdonation main{max-width: 1140px;}}

.sppb-section-title p{font-size: 25px!important}

/*caché éditeur frontend*/
.navbar.navbar-dark.bg-dark.navbar-expand-lg,
.icons,
.btn.btn-link.jmodedit,
[role="tooltip"],
[href="/index.php/component/sppagebuilder/edit/1"]{display: none!important}


/*top_header*/
#top_header{background:#7cb1b7;padding:5px;}
.top_header{max-width:1600px;margin:auto;}
.top_header p{color:white;padding:5px;margin:0;font-size: 18px;}
.top_header .mod-custom{display:flex;flex-direction:row;justify-content:space-between}
@media all and (max-width:979px){
.top_header .mod-custom{    flex-direction: column;}
.top_header p{font-size: 14px;margin:5px 0;text-align: center;}
	.sp-page-builder .page-content #page_header {background-image: linear-gradient(135deg, #7cb1b7 80%, #185457 80%);}

}

/*header*/
#header{max-width:1600px;margin:auto;}
#header{display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:1fr;grid-column-gap:1px;grid-row-gap:0}
#logo{grid-area:1 / 1 / 2 / 3}
#menu_principal{grid-area:1 / 3 / 2 / 8}
#menu_secondaire{grid-area:1 / 8 / 2 / 11}

/*header fixed*/
@media all and (min-width:999px){
    body.fixed{top:151px;position: relative}
    header.fixed .dj-megamenu img{display: none;}
    header.fixed #top_header{display: none!important}
    header.fixed{position: fixed;top:0;width:100%;left:0;height: 75px;padding-top:10px;z-index: 999;box-shadow: 1px 1px 14px 2px black;background:white!important}
    header.fixed #menu_principal,header.fixed #menu_secondaire{padding:0!important}
    header.fixed #logo img{width:35%;height: auto}
} 

/*logo*/
#logo{display: grid;    align-content: start;padding-top:10px;}
#logo img{transition: 0.5s;}

/*menu_principal*/
#menu_principal{padding:20px 0px;}
#menu_principal .menu_principal strong{display: block;font-weight: 500!important;}
#menu_principal .dj-megamenu-clean li a.dj-up_a{font-size: 17px;font-weight: 500;}
#menu_principal .horizontalMenu li>a>span>img{position: absolute;margin-left: -20px;}
#menu_principal .dj-megamenu li :hover{color:#185457!important;}
#menu_principal .dj-megamenu li>.active {color:#185457!important;font-weight: 600!important;font-size: 17px!important;}
#menu_principal .dj-megamenu li>.active .image-title{border-bottom: solid}
.int #menu_principal .dj-megamenu-clean li a.dj-up_a{color:#6c6c6c;}
#menu_principal .dj-megamenu{flex-wrap: nowrap!important;}
@media all and (max-width:1200px){
.dj-megamenu-clean li a.dj-up_a{font-size: 14px!important}
    #menu_secondaire .dj-up_a{padding:0 5px!important}  
}

@media all and (max-width:979px){
#header{display: flex;flex-direction: row;flex-wrap: nowrap;    justify-content: space-between;align-items: center;padding:1%;}
#menu_secondaire{display: none!important}
}

/*menu mobile*/
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover{color:#7cb1b7!important}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn{background:none!important;color:#185457!important}
.menu_principal ul.dj-mobile-dark img{display: none!important}
.dj-offcanvas-dark,
ul.dj-mobile-dark li.dj-mobileitem>a,
.dj-offcanvas-dark .dj-offcanvas-top{background:#7cb1b7!important}
ul.dj-mobile-dark li.dj-mobileitem:hover>a, ul.dj-mobile-dark li.dj-mobileitem.active>a{background:#185457!important}
ul.dj-mobile-dark li.dj-mobileitem>a{font-size: 18px!important}


/*menu_secondaire*/
#menu_secondaire{padding:20px 0px;}
#menu_secondaire .menu_secondaire .horizontalMenu {justify-content: flex-end;}
#menu_secondaire .itemid136 .title {background-color: rgb(24, 84, 87);color: #FFFFFF;padding:10px;text-transform: uppercase;font-weight: 500;border-radius: 5px;}
.int #menu_secondaire  li a{color:#424242;font-weight: }
#menu_secondaire  li.active a{color:#185457;font-weight: 600;}
.int #menu_secondaire  li:hover a{color:#185457;}
#menu_secondaire .dj-megamenu-clean li a.dj-up_a{padding:5px!important}

/*menu_sous_section*/
#menu_sous_section{background:#185457;border-bottom: solid 1px white;}
ul#menu_sous_section {margin:0;padding:10px;list-style-type: none;}
ul#menu_sous_section{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;}

ul#menu_sous_section li{margin:10px 0;}
ul#menu_sous_section li a{margin:0;padding:10px!important;background: rgb(255 255 255 / 10%);color:white;}

ul#menu_sous_section li a:hover,
ul#menu_sous_section li.current a{background:#fff;color:#185457;}

ul#menu_sous_section li.current a::after{content:" ↓"}
ul#menu_sous_section li a::after{content:" ↑"}
ul#menu_sous_section li a:hover::after{content:" ↓"}

@media all and (max-width:979px){ul#menu_sous_section{ flex-direction: column;}
#menu_sous_section  li a{font-size: 18px}	
	}


/*section_un*/
#section_un .ban_grand_p p{font-size:50px;color:#185457;font-weight: bold;margin: 0;}

/*section_deux*/


/*section_trois*/
.img_left .sppb-addon-content{display: flex;}
.img_left img{margin-right: 10px}
.boite_un_coin{border-radius: 0 40px 0 0;}

/*footer*/
#footer{background:#7cb1b7;}
#footer>.container{display: flex;flex-wrap: wrap;justify-content: space-evenly;max-width:1600px;margin:auto;padding:75px 0;}
#footer>.container h3{font-size: 20px;font-weight: 600;color: black;}
#footer>.container p{font-size: 17px;font-weight: 500}
@media all and (max-width:970px){
    #footer>.container>div{width:40%;padding:5%}
}
@media all and (max-width:600px){
    #footer>.container>div{width:80%;padding:5%}
}


/*copyright*/
.copyright{background:#185457;padding:20px 0}
.copyright p,.copyright p a{color:#fbfbfb;font-size: 12px;text-align: center;margin:0;line-height: 30px}


/*********pages intérieures**********/
/*header_activite_groupe*/
.activites_groupe .sppb-row-container{max-width:1110px;}
.activites_groupe main{margin:75px 0}
.activites_groupe main h1{font-size: 30px;}
.activites_groupe main h3{font-size: 25px}
.activites_groupe .eb-event-title{color:#185457;text-decoration: underline;}

/*intégration travail - section_quatre*/
#section_quatre .addon-root-blocknumber h3{font-size: 25px;font-size: 600!important}
#section_quatre .addon-root-blocknumber p{font-size: 22px;margin:0}

/*à propos*/
.sppb-person-name{font-size: 22px!important}
.sppb-person-designation{font-size: 20px!important;font-weight: 400 !important;color: black !important;}
.sppb-person-email{color:#185457}

/*timeline*/
.addon-root-timeline p{font-size: 18px;font-weight: 400!important}
.addon-root-timeline p.title{font-weight: 600!important;}
.timeline-date.text-end.text-right{text-align: right;font-size: 25px!important;}
.timeline-date.text-start.text-left{font-size: 25px!important;}


/*calendrier*/
i.eb-calendar-navigation:before{color:#fff}
.eb_event_link{font-size: 14px!important}

/*donnation don*/
.elementor-give-totals{padding:20px!important}
.elementor-give-totals .give-totals-shortcode-wrap{display: none;}
.give-currency-symbol.give-currency-position-before{color:#185457;}
.give-text-input.give-amount-top.form-control{width:100%;}
#payment_method{font-size: 20px!important;padding:5px!important}
#btnDonate{font-size: 25px;padding:5px 15px;background:#185457;border:solid 1px #185457;color:#fff;transition: .2s;border-radius: 5px}
#btnDonate:hover{background:white;color:#185457}
#donation-form #os_form .form-control-label{font-size: 22px;}
[type="text"]{font-size: 17px;padding:5px!important}
.hasTip.sbjtitle{display: block;padding-top:50px!important}
.row.form-group.form-row.jd-one-half {margin:10px 0}
#donation-form h4{font-size: 25px;border-bottom: solid;margin-top:25px;}
#jdpaymentmethods{margin-top:25px;}
#jdpaymentmethods .col-md-3.form-control-label{font-size: 25px!important;margin:10px 0}
#donation-form .btn.btn-primary.uk-button.uk-button-primary{background-color:rgb(24, 84, 87);color:#FFFFFF;padding:10px;text-transform:uppercase;font-weight:500;border-radius:5px;border:solid 1px rgb(24, 84, 87);margin-bottom:50px;transition: .2s;}
#donation-form .btn.btn-primary.uk-button.uk-button-primary:hover{background:white;color:rgb(24, 84, 87)}
#donation-complete-page .completeheadingpart{text-align:left;}
#stripe-card-form{background:#7cb1b7;}
#stripe-card-element{background:white}

/*page connexion*/
.view-login .siteBody {margin:50px auto;width:400px;}

/*cookies*/
#redim-cookiehint{background:#7cb1b7!important;}
#redim-cookiehint-bottom p{font-size: 17px;}
#redim-cookiehint-bottom #redim-cookiehint .cookiebuttons .btn#cookiehintsubmit{background-color: #185457!important;color:white!important;padding:5px 10px;font-size: 20px!important}

/*btn monter*/
.btnMonter{position: fixed;bottom:20px;right:20px;z-index: 500;opacity: .8}
.btnMonter:hover{animation-duration: 5s;animation-delay: 3s;opacity: 1;}
.btnMonter #monter_tour{  width: 0;   height: 0;   border-left: 25px solid transparent;  border-right: 25px solid transparent;    border-bottom: 35px solid #000;}
.btnMonter{     animation-name: upweb;    animation-duration: 2s;animation-iteration-count: infinite;}
@keyframes upweb {  0% {bottom:16px;opacity: .1}  100% {bottom:20px;opacity: .8}}