/*css
color:#2C73A3 bleu
color:#515151 noir
bg_blue
bg_white
*/
body:not(.home) section,body:not(.home){background:#2C73A3}
body.admin-bar .mobmenu{top:12px!important;}
.sp-el-row{max-width:1300px!important}
/*forcer 100%*/
#sp-njteu0,
.full_width .sp-el-row{max-width:100%!important;}
.wp-singular {background:#2C73A3}

/*police*/

h1{color:white;}
p a,li a{text-decoration: underline!important}
.footer  p a{text-decoration: none!important}
@media all and (max-width:1024px){
    h1{font-size: 45px}
    h2{font-size: 35px}
    h3{font-size: 25px}
    h4{font-size: 20px}
    p,li{font-size: 18px}
}
@media all and (max-width:640px){
/*ajuster page int avec menu fixed*/body{padding:100px 0 !important;background:#2C73A3!important}
    h1{font-size: 35px}
    h2{font-size: 30px}
    h3{font-size: 25px}
    h4{font-size: 20px}
    p,li{font-size: 18px}
}



/*liste à puce avec flèche*/
.sp-bulletlist-wrapper{font-size: 20px}

/*header animé sous-menu*/
.sp-animated-text-prefix {color:#2C73A3!important;}
.sp-animation-block span{}

.home .header_fixed{position: fixed;top:0;height:150px;width:100%;z-index: 9;}
.header_fixed:not(.home){position: fixed;top:0;height:100px;width:100%;z-index: 9;}
.header_fixed .sp-w-full{padding:20px}
.header_fixed.page_int{box-shadow: 0px 1px 10px rgb(249,249,249)}

@media all and (max-width:1024px){
#sp-do6vvf{margin:0!important;padding:0!important}
}
@media all and (max-width:640px){
/*logo*/#sp-r9higv img{width:180px!important}
}
.home_page{top:0;left:0;right:0;bottom:0;}
.home_page{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;flex-wrap:nowrap;margin-top: 30px;}
.home_page h1{font-size: clamp(2rem, 4vw, 6rem)!important;}
.home_page #sp-yffnty{font-size: clamp(1.5rem, 2vw, 6rem)!important;}
.home_page #sp-i6dut8{font-size: clamp(1.2rem, 1.5vw, 6rem)!important;}

.mobmenu .mob-icon-menu.mob-menu-icon{background:#2f6393;border-radius:50px;margin:10px;height: 50px;width:50px;font-size: 40px;display: flex;justify-content: center;    align-items: center;}
.wp-singular.home .mobmenu-right-bt .mob-icon-menu.mob-menu-icon{background:#2C73A3!important}
.wp-singular:not(.home) .mobmenu-right-bt .mob-icon-menu.mob-menu-icon{background:#ffffff!important}
.wp-singular:not(.home) .mobmenu-right-bt .mob-icon-menu.mob-menu-icon::before{color:#2C73A3!important}

.rightmbottom p, .rightmbottom p a{font-size: 12px!important;color:white!important;line-height: 1;margin:5px;padding:0!important}

.bg_white h1,.bg_white h2,.bg_white h3,.bg_white h4,.bg_white h5, .bg_white h6,.bg_white p,.bg_white span{color:#515151;}
.bg_blue h1,.bg_blue h2,.bg_blue h3,.bg_blue h4,.bg_blue h5, .bg_blue h6,.bg_blue p,.bg_blue a{color:white;}
a:hover{color:#515151;text-decoration: none!important;}

/*.bg_blue p a,.bg_blue a,.bg_blue a em{text-decoration : underline!important;}*/
.bg_blue p a:hover,.bg_blue a:hover,.bg_blue a em:hover{color:white!important;text-decoration: none!important}


.bg_blue .bg_white :is(h1, h2, h3, h4, h5, h6, p, span) { color:#515151;}
.bg_white .bg_blue :is(h1, h2, h3, h4, h5, h6, p, span) { color:#fff;}

/*ressource - choix*/
a.choix_aide_gauche{background:white!important;color:#2C73A3!important;text-align: right;font-size: 60px!important;border-radius: 220px 0px 0px 220px!important;box-shadow: -10px 1px 5px #515151!important;transition: 1s;padding:40px!important}
a.choix_aide_gauche:hover{background:#2C73A3!important;color:white!important}
a.choix_aide_droit{background:white!important;color:#2C73A3!important;text-align: left;font-size: 60px!important;border-radius: 0px 220px 220px 0px!important;box-shadow: 10px 1px 5px #515151!important;transition: 1s;padding:40px!important}
a.choix_aide_droit:hover{background:#2C73A3!important;color:white!important}


@media all and (max-width:1024px){
    #sp-jfnnta,#sp-gzuebx{font-size: 30px!important}
}

@media all and (max-width:640px){
a.choix_aide_gauche,a.choix_aide_droit{    text-align: center;border-radius:0!important;width: 100%;padding: 10px 50px !important;}
#sp-jfnnta, #sp-gzuebx {font-size: 20px!important }
}

/*menu right*/
.mobmenu-right-panel{min-width: 500px!important}
.mobmenu-panel.show-panel{background:#2C73A3;overflow: hidden;}

.mobmenu-content{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:5px;margin-top: 0px;}
.mobmenu-content>div{grid-row:1}
.mobmenu-content p{font-size: 10px;color:white;margin-top:20px;}
.mobmenu-content li.current-menu-item>a{color:black!important;}
.mobmenu-content #mobmenuright li:hover,
.mobmenu-content #mobmenuright > li > a:hover{background:none!important;}
.mobmenu-content #mobmenuright > li a:hover{color:black!important}
.menu-principal-container{margin: 30px 0;}
.menu-principal-container li a{color:white;display: inline;padding:0;margin:0}
.menu-principal-container li{margin:5px 0;}
.menu-principal-container #mobmenuright li a{color:white}
.mob-expand-submenu,.menu-item-has-children>a:after{display: none!important}
.sub-menu {display: block!important;background:none!important}
#menu-secondaire{margin-top:20px}
#menu-secondaire li{line-height: 1em!important}
#menu-secondaire li a{color:white;padding:0px!important;font-size: 18px;display: inline;padding:0;margin:0;line-height: 1.5;}
.mob-cancel-button:before{color:#2C73A3;font-size: 40px;margin:0!important;padding:0px!important;}
.mob-cancel-button{background:white;margin:20px;border-radius: 100px;padding:5px 5px 0px 5px }
.mob-cancel-button:hover:before{color:#515151!important;}
.mobmenu-right-bt::before {content: "FERMER";color:white!important;font-family: 'Roboto';font-size: 15px;position: absolute;left:-45px;top:35px}
.mobmenur-container a::before{content: "MENU ";top:22px;font-weight: 300}

@media all and (max-width:640px){
	/*ajuster menu right mobile*/.mobmenu-right-panel{min-width: 400px!important}.mobmenu-content{padding-top:30px!important;}.menu-item{margin-top:10px !important;margin-bottom:10px !important}.sub-menu li{padding: 0!important}.mobmenu-right-panel,.mobmenu-content,#mobmenuright,#mobmenuright .sub-menu{overflow-x:hidden !important}#mobmenuright li{width:100% !important;max-width:100% !important}#mobmenuright li > a{display:flex !important;align-items:flex-start !important;gap:12px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;padding-right:10px !important}#mobmenuright li > a img.menu-icon-svg{flex:0 0 30px !important;width:30px !important;height:30px !important;max-width:30px !important}#mobmenuright li.menu-item-has-children > a .mob-expand-submenu{margin-left:auto !important;flex:0 0 auto !important}	
	
}

/*cta*/
.bg_blue .sp-button-wrapper a {box-shadow: 1px 2px 2px #515151!important;}
.bg_blue .sp-button-wrapper a:hover{background:#2C73A3!important;}

/*cta ressources*/
.page-id-526 .sp-button-wrapper a{background:#515151!important;border:solid 1px #515151;text-decoration: none!important}
.page-id-526 .sp-button-wrapper a span{color:white!important;}
.page-id-526 .sp-button-wrapper a:hover{background:white!important;color:#515151!important}
.page-id-526 .sp-button-wrapper a:hover span{color:#515151!important}

.bg_white .sp-button-wrapper a{box-shadow: 1px 2px 2px #515151!important;background:#2C73A3!important;color:white!important;border:solid 1px #2C73A3;}

.bg_white .sp-button-wrapper a:hover{background:#fff!important;color:#2C73A3!important}


/* pastille*/
/*
.pastille_titre{b!important;text-align:center!important}
.pastille_titre{display:flex;flex-direction:column;align-content:center;align-items: flex-end;justify-content:center;flex-wrap:nowrap;}*/
/*h1.pastille_titre{background:white;color:#2C73A3;border-radius:200px 5px 200px 5px;padding:50px;box-shadow:1px 1px 5px #515151;}
.pastille_definition{background:rgb(255,255,255);border-radius:20px 35px 12px 35px;box-shadow: 1px 1px 5px #515151;}
.pastille_definition p{color:#515151;font-size: 25px;}
.pastille_definition strong{color:#2C73A3}*/

.capsule_bleu{background: #2C73A3;color:white;border-radius: 30px 5px 30px 5px;padding:20px;box-shadow: 1px 1px 5px #515151;}

.pastille_mini>div{background:white;border-radius: 5px 50px;width:150px!important;height: 200px!important;box-shadow: 1px 1px 5px #515151;}
.pastille_mini .sp-title h4{padding:0!important;text-align: center!important}
.pastille_mini>div{display: flex;flex-direction: column;    flex-wrap: nowrap;    align-content: center;    align-items: center;justify-content: center;}
.pastille_mini .line1{color:#2C73A3}



/*les différentes formes de violences*/
.pastille_f_v_sous_titre.p_bleu,
.pastille_f_v_sous_titre.p_blanc{border-radius: 150px 5px 0px 150px;display: flex;justify-content:center;flex-direction: column;}
.pastille_f_v_sous_titre.p_bleu h2,
.pastille_f_v_sous_titre.p_bleu h5{color:white;}
.pastille_f_v_sous_titre.p_blanc h2,
.pastille_f_v_sous_titre.p_blanc h5{color:#2C73A3;}

/*footer fixed*/
#sp-h9cve2{box-shadow: 0px 0px 10px #515151}
.footer .sp-el-row {max-width: 1920px !important;}
.footer .sp-el-row.max_width{max-width: 1300px !important;}

.footer_sec .sp-icon-feature-content>div{display: none!important}
.footer_sec .sp-icon-feature-content h4{margin:0!important;padding:0!important;font-size: 18px!important}
.footer_sec .sp-icon-feature-content h4 a{color:#515151}
.footer_sec .sp-icon-feature-content h4 a:hover{color:#2C73A3}
.footer_menu_fixed .sp-w-full{margin:0!important;padding:0!important}
.footer .sp-feature-wrapper{padding:0!important}

@media all and (max-width:1024px){
#sp-qo6htr,#sp-ej2chz,#sp-bfb8sv {
    background-image: linear-gradient(0deg, rgba(44, 115, 163, 0.9) 100%, rgba(255, 255, 255, 0.7) 100%), url('https://nonviolencemc.com/wp-content/uploads/Mieux-comprendre-la-violence.png')}

	/*ajustement à propos, réalisations*/
	#sp-sd51mq{display: flex;flex-direction: column;}
#sp-sd51mq>div,#sp-sd51mq>div>div,#sp-sd51mq>div ul{width:100%;padding:0!important;margin:0!important}
}

@media all and (max-width:640px){
.footer_sec h4 a{font-size: 14px!important}
.footer_sec>div,
.footer_sec>div>div,
.footer_sec>div>div>div{margin:0!important;padding:0!important;}
.footer_sec{padding:3% 0!important;}
.footer_sec i{margin:2%!important;padding:0!important;}
.footer_menu_fixed{overflow:hidden }
.footer_menu_fixed > .sp-el-col{width:auto !important;min-width:max-content !important;flex:0 0 auto !important}
.footer_menu_fixed p{margin:0 !important}
.footer_menu_fixed a{display:block !important;white-space:nowrap !important}
.footer_menu_fixed{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;align-items:center !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scroll-behavior:smooth !important;gap:20px !important;white-space:nowrap !important}
.footer_menu_fixed::-webkit-scrollbar{height:6px}
.footer_menu_fixed > .sp-el-col{width:auto !important;min-width:max-content !important;flex:0 0 auto !important}
.footer_menu_fixed p{margin:0 !important}.footer_menu_fixed a{display:block !important;white-space:nowrap !important}
.footer_menu_fixed .sp-w-full{margin:2%!important;border:solid 1px #2C73A3;padding:1%!important;border-radius: 5px}
/*correction menu fixed sur mobile.*/

  .footer_menu_fixed{
    position: sticky !important;
    bottom: 0 !important;
  }
}


/*.footer_menu_fixed{display:flex !important;flex-wrap: wrap!important;align-items:center !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}*/

.ancre-lien{display: block!important;}
.ancre-lien.active-ancre {border: solid 2px;padding:5px;background:#2C73A3;color:white;}

/*page membres*/
.membres h4{font-size: 20px;margin:0!important;padding:0!important}
.membres p ,.membres p a{font-size: 17px}
.membres .mce-content-body :not(h4){display: none!important}
@media all and (max-width:1024px){
		/*page membre ajustement logos*/
	#sp-ihar9m .sp-el-row.sp-w-full{display: flex;flex-wrap: wrap;}
#sp-ihar9m .sp-el-row.sp-w-full>div{min-width: 30%;margin:1%}
}
@media all and (max-width:640px){
		/*page membre ajustement logos*/
	#sp-ihar9m .sp-el-row.sp-w-full{display: flex;flex-wrap: wrap;}
#sp-ihar9m .sp-el-row.sp-w-full>div{max-width: 48%;margin:1%}
	#sp-ihar9m #sp-ghtysu>div{max-width: 98%!important;margin:1%!important}
}


/* transition table, n,est plus utilisé.
@view-transition {navigation: auto;}
::view-transition-old(root) {animation: page-out 420ms cubic-bezier(.22,1,.36,1) both;}
::view-transition-new(root) {animation: page-in 420ms cubic-bezier(.22,1,.36,1) both;}
@keyframes page-out { to {transform: translateX(-10vw); opacity: 1;filter: blur(2px);}}
@keyframes page-in {from {transform: translateX(10vw);opacity: 1;filter: blur(2px);}}
@media (prefers-reduced-motion: reduce) {::view-transition-old(root),::view-transition-new(root) {animation: none;}}



html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scroll-padding-top: 100px; /* hauteur de ton header 
}
.sp-el-section {
  min-height: 100vh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}