/*************************************/
/* -------- DARK-SEVEN.COM --------- */
/*************************************/

/*<![CDATA[*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

/* Regular:400; Medium:500; Semibold:600; Bold:700; */

:root {--teak: #BE9D6A !important; --teakHover:#A77F4B !important;  --body-font:"Lato", sans-serif !important; --body-color:#301D18 !important; --title-font:"Tenor Sans", sans-serif !important; --subtitle-font:"Josefin Sans", sans-serif !important;}

/* GLOBAL */

* {margin: 0; padding: 0; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
html {margin: 0 !important;}
body {background-color: white; color:#1A1A1A; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; overflow-x: hidden;}
input, select, textarea {color:#666666;}

body.admin-bar .site-container { margin-top: 32px;}
body.admin-bar nav.nav-primary {top: 32px;}

.site-container {padding: 0; margin: 0;}
.entry-content{margin: -20px 0 0 0;}
.content{width:100%; padding: 0 40px; border-radius: 0;}
.site-header {background-color: white; color: #1A1A1A; min-height: 110px;}
.site-inner{padding:0 !important; background-color: white;}
.site-inner .wrap {max-width:100%;}
.site-inner main.content{padding:0; min-height: calc(100vh - 350px);}
.wrapper, .wrap{margin: 0 auto; max-width: 1400px;}
.justify{text-align: justify !important;}
.clear{clear:both; height:0;}
.centrer, .center{text-align:center;}
.tright{text-align: right;}
.tleft{text-align: left;}
.flexbox-container, .flexbox-container-2, .flexbox-container-3, .flexbox-container-4{display:flex; justify-content: normal; max-width: 1400px; margin: 0 auto;}
.flexbox-container-4 .item {width: 25%; padding:2%} .flexbox-container-3 .item{width:33.33%; padding:2%} .flexbox-container-2 .item{width:50%; padding:2%}
.sidebar-primary{display: none;}

.post-edit-link{display: none;}
.tablet, .mobile{display: none;}
.desktop{display: block;}

h2{color: #21535b; font-size: 30px;} h3{color: #4D4D4D; font-size: 18px;} h4{color: #4B4B4B; font-size: 22px;}


body .titre h1, body.single h1, body.cours h1 {font-family: 'Tenor Sans', sans-serif; font-size: 32px; line-height: 1.75; text-align: center; display: block; background: linear-gradient(150deg, #287682, #172427); padding: 30px 20px; border-radius: 10px;  color: white;}
body .titre h2, body.single h2, body.cours h2 {font-weight: 400; color: #232424; font-size: 20px; border: 2px solid #3fb7ca; padding:20px 40px; margin: 50px auto; border-radius: 100px; display: block; text-align: center;}
body .cours h3 {font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #73ecff; padding: 15px 40px; margin: 75px auto 50px auto; display: block; width: 480px; text-align: center;}


.txt-orange{color: #FF6D00;}

/* Scrollbar */
html::-webkit-scrollbar {width:25px; cursor: pointer;}
html::-webkit-scrollbar-thumb {cursor: pointer; background:  -webkit-gradient(linear, left top, left bottom, color-stop(0.52%, #FF862B), color-stop(50.52%, #FFAD70), to(#FFD8BB)); background:  linear-gradient(180deg, #FF862B 0.52%, #FFAD70 50.52%, #FFD8BB 100%); border:9px solid #152022;}
html::-webkit-scrollbar-track {background:#152022; cursor: pointer;}
input, select, textarea {padding:0px;}

/* On desactive le recapatcha sur toute les pages pour le reactiver sur chaque page qui contient une formulaire */
.grecaptcha-badge{display: none;}

.wrap button.arrow, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link){position: relative;background-color: white; border: 1px solid #D6D6D6; border-radius:0; padding:12px 65px 12px 35px; color: #1A1A1A; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; text-transform: uppercase;
     -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.wrap button.arrow:before, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):before, .home .community button:before{content: " "; display: block; position: absolute; width:30px; height:30px; background-color: #297480; right:7px; top:7px; background-image:url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/composants/button-arrow.svg'); background-position:center center; top: 50%; transform: translateY(-50%); background-size: 11px; background-repeat: no-repeat;
     -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.wrap button.arrow:hover, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover{border: 1px solid #b5b5b5; background-color: white; color: #1A1A1A;}
.wrap button.arrow:hover:before, body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover:before{width:40px; background-color:#21535B;}

.wrap button.instagram{ background-color:#297480; color:white; border-radius:0; padding:12px 65px 12px 35px; transition: all 0.25s ease-out;}
.wrap button.instagram i{color:white; font-size: 20px; margin-right: 10px; transition: all 0.25s ease-out;}
.wrap button.instagram:hover{background-color:#21535B;}
.wrap button.instagram:hover i{transform: scale(1.6);  margin-right: 20px;}


/* HEADER */

/* #wpadminbar {top: auto !important; bottom: 0 !important;} */
.background-header{/*position: fixed;*/ background-image: url(https://www.infamily.fr/wp-content/themes/outreach-pro/images/composants/background-clair.svg);  background-repeat: no-repeat;  background-size:auto;}
/* .preheader{display: none;} */

header{margin: 175px 0 0 0; background-color: transparent !important; /*padding:20px; Pas bon pour les pages Social*/}
.page-id-1400 header, .page-id-18 header, .page-id-1815 header, .page-id-1819 header, .page-id-20 header, .page-id-71 header, .page-id-714 header, .page-id-24 header{display: none !important;}
header.site-header p.site-title, header.site-header p.site-description{display: none !important;}
header.site-header .wrap{max-width: none; margin: 0; padding: 0;}
header.site-header .wrap .title-area {float: none; padding: 0; width: 100%;}

/* PREHEADER */

/* .preheader-menu{margin: 0;padding: 0;width: 100%; position:fixed; z-index: 20; background: #d6d6d6; text-align: center;} */
.preheader-menu{width:auto; display: inline-block; z-index: 20; background: #DFDFDF; border-radius: 5px; display:flex; font-size:15px; font-weight: 400; cursor: pointer;}
.preheader-menu ul li{display: inline-block;}
.preheader-menu ul li a{color: #333333; font-size: 16px; font-weight: 400; padding:7px 14px; display: inline-block; position: relative; transition: all 0.2s ease-out;}
.preheader-menu ul li a:after{content: " "; position: absolute; width:100%; height:3px; background-color: white; bottom:0; left:0; transition: all 0.3s ease-out;}
.preheader-menu ul li a i{margin-right: 0.5rem; opacity: 0.25;}
.preheader-menu ul li:not(:last-child):after{content: "|"; color: rgba(255,255,255,0.5);}
.preheader-menu ul li a:hover:after{background-color: #FF6D00; height:8px;}

.preheader-infa{margin: 0;padding: 0;width: 100%; position:fixed; z-index: 20; background: #eaebec; display:flex; font-size:15px; font-weight: 400; cursor: pointer;}
.preheader-infa .wrapper{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1400px; margin: 0 auto; padding-top:5px !important; padding-bottom:5px !important;}
.preheader-infa strong{display: inline-flex; align-items: center;}
.preheader-infa strong img{margin-left:10px;}
/* .preheader-infa span{background-color: #CCD1D7; padding:5px 10px; display: inline-block; position: relative; border-radius: 5px;} */
.preheader-infa a.discover{color: #1A1A1A; background-color:white; border:3px solid #FF852A; border-radius: 7px; padding:10px; display: flex; align-items: center; font-weight:bold; text-transform: uppercase; right: 0; position: relative; transition: all 0.2s ease-out; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; animation: zoom 5s infinite; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.preheader-infa a.discover:hover{background-color: #ffd2b0;}
.preheader-infa a.discover img{margin-left:5px; border-radius: 5px; height: 25px; width: auto;}
/* On crée une animation zoom dezoom infinite pour le bouton */
@keyframes zoom {35% {transform: scale(1);} 50% {transform: scale(1.25);} 65% {transform: scale(1);}}
.preheader-infa .preheader-logo, .preheader-infa .logo-mobile{display: none;}

/* MENU */

nav.nav-primary{position: fixed; z-index: 10; top:0; background-color: transparent !important; color: #002FA7 !important; width:100%;}
nav.nav-primary:before{content: " "; display: block; width: 100%; height:103px; background-color: white; top:0; border-bottom: 1px solid #D6D6D6;  position: absolute; z-index: 2;}
nav.nav-primary .wrap{max-width: 1400px; position: relative;}
nav.nav-primary .wrap:before{display: block; content: ' '; position: absolute; top: -10px; right:-25px; z-index: 2; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/background-menu.svg'); background-size:600px 60px; height: 60px; width:600px;}
nav.nav-primary ul.genesis-nav-menu{text-align: right;  width:100%; padding: 15px 0; position: relative; z-index: 3; margin-top:60px;}

nav.nav-primary ul.genesis-nav-menu li#menu-item-37{position: absolute; z-index: 1; top: -30px; left:-12px; background-color: transparent !important;}
nav.nav-primary ul.genesis-nav-menu li#menu-item-37 a{background-color:transparent !important; padding: 1rem 0;}
#mysticky-nav.wrapfixed nav.nav-primary ul.genesis-nav-menu li#menu-item-117 {top: 0;}
nav.nav-primary ul.genesis-nav-menu li#menu-item-117 a:hover, nav.nav-primary ul.genesis-nav-menu li#menu-item-117.current-menu-item a {border-radius:0; background-color: transparent !important;}
nav.nav-primary ul.genesis-nav-menu a{color:white; font-weight:400; text-transform: uppercase;  font-size:15px; padding: 1rem 2rem; margin-left:0;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
nav.nav-primary ul.genesis-nav-menu li a:hover, nav.nav-primary ul.genesis-nav-menu li.current-menu-item a{border-radius:0; background-color:#297480; color: white;}
nav.nav-primary ul.genesis-nav-menu li.menu-item{margin-left: -4px;}

nav.nav-primary ul#menu-principal li.menu-item:nth-child(2) a{background-color: #287682; clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%); padding-left: 4rem;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(3) a{background-color: #22616B;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(4) a{background-color: #21535B;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(5) a{background-color: #28474c;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(6) a{background-color: #233c40;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(7) a{background-color: #1a282b;}

nav.nav-primary ul#menu-principal li.menu-item:nth-child(2) a:hover{background-color: #3bb1c3;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(3) a:hover{background-color: #359eae;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(4) a:hover{background-color: #2f8b9a;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(5) a:hover{background-color: #287682;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(6) a:hover{background-color: #22616B;}
nav.nav-primary ul#menu-principal li.menu-item:nth-child(7) a:hover{background-color: #21535B;}

nav.nav-primary ul.sub-menu{margin-left: 2px;}
nav.nav-primary ul.sub-menu li a{padding:0.75rem 1.5rem; margin-left:0; font-size: 14px; color: white; background: #21535b !important; clip-path: none !important; border-bottom: 1px solid rgba(255,255,255,0.35);}
nav.nav-primary ul.sub-menu li a:hover{background: #297480 !important;}

nav.nav-secondary{display: none;}

#mysticky-nav.wrapfixed {top: 0px !important; width:calc(100% - 40px); margin: 0 20px; backdrop-filter: blur(5px); background-color: rgba(255,255,255,0.35) !important;}
#mysticky-wrap{height: 0 !important;}

/* GLOBAL */

.titre h1 {font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.25; text-align: center; display: block;}
.titre h2 {font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #E9E9E9; padding: 15px 40px; margin: 20px auto 75px auto; display: block; width: 480px; text-align: center;}


/* HEADER */

.header {text-align: center; margin:0; padding:0;}
.header h1, .lieux h1{font-family: 'Tenor Sans', sans-serif; font-size:35px; color:#20393F; line-height: 1.75; text-align: right; max-width:750px; margin:  0 auto; display: inline-block; text-transform: uppercase; text-align: center;}
.header h2, .lieux h2{font-weight: 400; color: #232424; background-color:white; font-size:20px; border: 1px solid #E9E9E9; padding:15px 40px; margin:0 auto 100px auto; display: inline-block; width: 655px;}
.site-header {min-height: auto;}

/* ACCUEIL */

.home header.entry-header{display: none !important;}
.home .community{margin:4rem 0 2rem 0; position: relative; z-index:2; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/contact-background.svg'); background-repeat: no-repeat; background-size: cover; padding:1rem 2rem;}
.home .community .ri-grid{display:flex; align-items: center; position: relative;}
.home .community .ri-grid ul:before{background-image:linear-gradient(50deg, #102f34, transparent 30%, transparent 70%, #22616b); width:100%; height: 100%; content: " "; display: block; position: absolute; bottom: 0; left: 0; z-index:1;}
.home .community .ri-grid ul li{background-color:#102f34;}
.home .community .pg-hero-widget-wrap{top: 50%; transform: translateY(-50%); z-index: 3;}
.home .community .pg-hero-section .pg-hero-heading {background-color:#102f34; font-family: 'Tenor Sans', sans-serif; font-size: 2vw; text-transform: uppercase; color: white; line-height: 1.75; text-align: center; display: block; padding:0; opacity:0.8; width: auto; min-width:500px;}
.home .community .pg-hero-section .pg-hero-subheading{color: #22616b;}
.home .community button{background-color: #22616b; color: white; border:0; padding: 15px 60px 13px 25px; font-size: 1.3vw; border-radius: 0; font-weight: bold; text-transform: uppercase; display: flex; align-items: center; margin-top: 20px; position:relative; z-index: 4; transition: all 0.3s ease-out;}
.home .community button:hover{background-color: #2f8694;}

.home header{margin:100px 0 0 0; padding: 0;}
.home header.site-header .wrapper{padding:40px 0 0 0 !important;}
.home header .flexbox-container{display: flex; flex-direction: row; justify-content: space-between; max-width: 1400px; margin: 0 auto;}
.home header .flexbox-container .slider{width:55%; position: relative;}
.home header .flexbox-container .slider:before{content: " "; display: block; position: absolute; z-index: 1; width: 700px; height: 300px; transform: rotate(65deg); right: -400px; top:0; background-color: white;}

.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a, .metaslider.ms-theme-blend a.rslides_nav, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a, .metaslider.ms-theme-blend .coin-slider .coin-slider div a {opacity: 1 !important;}
.metaslider.ms-theme-blend .flexslider:not(.filmstrip) ul.flex-direction-nav, .metaslider.ms-theme-blend div.nivo-directionNav {bottom: 55px !important;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev:before, .metaslider.ms-theme-blend .rslides_nav.prev:before, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-prevNav:before, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-prev:before {background: url(https://www.infamily.fr/wp-content/plugins/ml-slider/themes/blend/v1.0.0/images/arrow-left.png) no-repeat 15px center !important; background-color: #1B2C2F !important; background-size: 14px !important; padding: 5px 20px!important; 
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev, .metaslider.ms-theme-blend .rslides_nav.prev, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-prevNav, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-prev {right: 86px !important; left: auto !important; opacity: 1 !important; width: 70px !important;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-next:before, .metaslider.ms-theme-blend .rslides_nav.next:before, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-nextNav:before, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-next:before {background: url(https://www.infamily.fr/wp-content/plugins/ml-slider/themes/blend/v1.0.0/images/arrow-right.png) no-repeat 40px center !important; background-color: #1B2C2F !important; background-size: 14px !important; padding: 5px 20px!important;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-next, .metaslider.ms-theme-blend .rslides_nav.next, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-nextNav, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-next {right:0 !important; opacity: 1 !important; width: 70px !important;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev:hover:before, .metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-next:hover:before{background-color:#297480 !important;}

.home header .flexbox-container .titre{width: 45%; position: relative; z-index: 2; text-align: right; padding:0 3%;}
.home header .flexbox-container .titre h1{font-family: 'Tenor Sans', sans-serif; font-size:34px; line-height: 1.2; margin-top: -1rem; margin-bottom:2rem;}
.home header .flexbox-container .titre p{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.7; color: #232424; margin-bottom:1rem; text-align: left;}
.home header .flexbox-container .titre a{color: #1A1A1A;}
.home header .flexbox-container .titre a span{display: block; font-family: 'Tenor Sans', sans-serif; font-size:17px; font-weight:bold; text-transform: uppercase; background: linear-gradient(0.25turn, #FF6D00, #FFD8BB); border: 1px solid white; margin-top:30px; padding:20px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.home header .flexbox-container .titre a span:hover{background:white; border:1px solid #FF6D00;}
.home header .flexbox-container .titre button {margin-top:10px; width: 100%; text-align: left;}

.home #instagram{margin-top:2rem;}
.home #instagram .slicker-instagram-placeholder{clip-path: polygon(50% 0%, 99% 0, 100% 70%, 80% 100%, 0 100%, 0 0);}

.activity-slider {display: flex; flex-wrap: nowrap;  overflow: hidden; gap: 15px; margin:60px 0 0 0;}
.activity-slide {flex: 0 0 30%; background: #FFFFFF; border: 1px solid #ff9a4d; border-radius: 10px; box-shadow: 0 6px 24px 0 rgba(18,43,70,0); font-size: .875rem; line-height: 1.5; margin:0 10px; padding: 15px 15px 10px;}
.activity-slide .user{display: flex; align-items: center; margin-bottom: 10px;}
.activity-slide .user-avatar img {width:40px; height: auto; border-radius:50%;}
.activity-slide h3 {font-size: 14px; color: #232424; margin:0 0 0 15px;}
.activity-slide .excerpt{font-size: 14px; color: #232424; margin-bottom:20px; height:90px; overflow: hidden;}

.activity-slide .button {display: inline-block; padding: 7px 15px; /*border:1px solid #D6D9DD !important;*/ background-color:#ffd2b0 !important ; color:#232424; font-size: 14px; font-weight: 400; border-radius:5px; text-decoration: none; text-transform: none; transition: all 0.25s ease-out;}
.activity-slide .button:hover {background-color: #ff9a4d !important;}
.activity-slider button.slick-arrow {display: none !important;}

.home #presentation{background-color: #152022; padding:10rem 0 8rem 0; margin:75px 0 0 0; position: relative; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/presentation-ellipse.svg');}
.home #presentation h3 {background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/presentation-villes.svg'); position: absolute; top:-1px; padding:0px 30px 30px 30px; background-repeat: no-repeat;  display: flex;  background-size: contain; width:auto; height:80px; }
.home #presentation h3 a {font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: normal; color: #152022; padding: 0 1.1rem; text-transform: uppercase; display: inline-block;}
.home #presentation .slogan{width: 45%;}
.home #presentation .slogan h2{display: inline-block; line-height: 2; color: white; font-family: 'Tenor Sans', sans-serif; font-size:38px; border: 1px solid #707070; padding:30px 75px; text-align: right;}
.home #presentation .contenu{width: 45%; font-family: 'Roboto', sans-serif; font-size:25px; font-weight:300; color: white; text-align: right;}
.home #presentation .contenu hr{border: 1px solid #1d3033;}
.home #presentation .contenu p{margin-bottom: 0;}

.home #presentation .media{margin-top:75px; position: relative; justify-content: center;}
.home #presentation .media .citation{background: linear-gradient(0.05turn, #FF6D00, #FFD8BB); max-width:500px; text-align: center; padding:100px 100px 100px 75px; position: relative; z-index: 0;}
.home #presentation .media .citation:before{background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/quote.svg'); position: absolute; top: 20px; left: 20px; background-size: cover; content: ""; display: block; width: 150px; height: 150px; z-index: 1;}
.home #presentation .media .citation:after{background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/quote.svg'); position: absolute; bottom: 20px; right: 20px; background-size: cover; content: ""; display: block; width: 150px; height: 150px; z-index: 1; transform: rotate(180deg);}
.home #presentation .media .citation p{font-family: 'Tenor Sans', sans-serif; font-size:32px;}
.home #presentation .media .citation hr{border:2px solid white; width: 80px; margin:75px auto 30px auto;}
.home #presentation .media .citation span{font-size:22px;}
.home #presentation .media .video{width: 640px; height: 437px; z-index: 1; margin:150px 0 0 -75px;}
.home #presentation .media .video .lazy-load-div:before {content: "\25B6"; color: #fff;}

.home #contact{padding:5rem 0; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/contact-background.svg'); background-repeat: no-repeat; background-size: cover;}
.home #contact .wrapper{text-align: center; position: relative;}
.home #contact .wrapper img.icone{position: absolute; left:200px; top:-25px;}
.home #contact .wrapper h2{font-family: 'Tenor Sans', sans-serif; font-size:32px; color: white; margin-bottom: 50px; padding-left: 150px;}
.home #contact .wrapper button{margin-left: 150px;}

.home #affiches {padding:6rem 0 3rem 0; text-align: center; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/affiches-background.svg'); background-repeat: no-repeat; background-size: cover;}
.home #affiches h2{font-family: 'Tenor Sans', sans-serif; font-size:35px; color:#20393F; line-height: 1.75; text-align: right; max-width:750px; margin:  0 auto; display: inline-block;}
.home #affiches h3{font-weight: 400; color: #232424; font-size:20px; border: 1px solid #E9E9E9; padding:15px 40px; margin:20px auto 100px auto; display: inline-block; width: 655px;}
.home #affiches .galerie{margin: 100px 0; flex-wrap: wrap; flex-direction: row;}
.home #affiches .galerie div.item{width: 20%; padding: 20px; align-items: stretch; clip-path: polygon(27% 0, 99% 0, 100% 73%, 72% 100%, 0 100%, 0 26%);}
.home #affiches .galerie div.item img{height: 100%;}

.home #recrutement .recrute{width: 35%; text-align: right; position: relative;}
.home #recrutement .recrute h2{text-align: right; font-family: 'Tenor Sans', sans-serif; font-size:32px; color:#20393F; line-height: 2; width: 100%; display: block;}
.home #recrutement .recrute .contacteznous{border: 2px solid #FF862B; padding:30px 50px; position: absolute; bottom: 10px;}
.home #recrutement .recrute .contacteznous h3{text-align: right; font-size:28px; color: #1A1A1A; line-height: 2;}
.home #recrutement .recrute .contacteznous button{margin: 20px 0;}
.home #recrutement .visuels{width: 60%;}
.home #recrutement .visuels div.activites{position: relative; z-index: 0; background-size: cover !important; padding: 0;}
.home #recrutement .visuels div.activites:before{position: absolute; z-index: 1; content:" "; display: block; width: 100%; height: 100%; background: linear-gradient(0.17turn, rgba(22,35,37,0.25), rgba(40,83,90,1));}
.home #recrutement .visuels div.activites span.titre{position: absolute; z-index: 3; left: 50%; top:  50%; color: white; font-size: 20px; font-weight: 400; transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.home #recrutement .visuels div.activites:hover span.titre{opacity: 0; visibility: hidden;}
.home #recrutement .visuels div.activites h3{position: absolute; z-index: 3; left: 50%; top:  50%; color: white; font-size:15px; line-height:1.5; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; width: 100%; padding: 0 3em; text-align: justify;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.home #recrutement .visuels div.activites:hover h3{opacity: 1; visibility:visible;}

.home #recrutement .visuels .activite1{width: 43%; height: 250px; margin: 10px;}
.home #recrutement .visuels .activite2{width: 54%; height: 250px; margin: 10px;}
.home #recrutement .visuels .activite3{width: 54%; height: 250px; margin: 10px;}
.home #recrutement .visuels .activite4{width: 43%; height: 250px; margin: 10px;}
.home #recrutement .visuels span.slogan{display: block; font-family: 'Tenor Sans', sans-serif; font-size:17px; margin:10px; font-weight: bold; text-align: center;background: linear-gradient(0.25turn, #FF6D00, #FFD8BB); padding:7px 20px;}
.home #recrutement .visuels div.visu{background-size: cover !important;}
.home #recrutement .visuels .visuel1{width: 35%; height: 250px; margin: 10px; clip-path: polygon(27% 0, 99% 0, 100% 73%, 72% 100%, 0 100%, 0 26%);}
.home #recrutement .visuels .visuel2{width: 40%; height: 250px; margin: 10px; clip-path: polygon(27% 0, 99% 0, 100% 73%, 72% 100%, 0 100%, 0 26%);}
.home #recrutement .visuels .visuel3{width: 25%; height: 250px; margin: 10px; clip-path: polygon(27% 0, 99% 0, 100% 73%, 72% 100%, 0 100%, 0 26%);}

.home #seo{text-align: center; padding: 5rem 0 0 0;}


/* COURS LISTE - TITLE */






/* LISTE COURS / INSCRIPTION */

body.cours .titre {margin-top:11rem;}
body.cours .titre h2 {color: #232424; margin: 50px auto;}
body.cours .description{max-width: 1310px; margin: 0 auto 50px auto; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 1.75; color: #232424;}

body.cours .woocommerce div.product{transition: all 0.2s ease-out;}
body.cours .woocommerce div.product:hover{transform: scale(1.075);}
body.cours .woocommerce div.product .ht-product-image-wrap .ht-product-image img{transition: all 0.2s ease-out;}
body.cours .woocommerce div.product:hover .ht-product-image-wrap .ht-product-image img {width: 105%; max-width: 105%; margin-left:-2.5%;}
body.cours .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before{background-color: #297480 !important;}
body.cours .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a{color: #297480 !important; font-weight: bold;}
body.cours .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{background-color: #297480; color: white !important; padding: 0.5rem 0.75rem; display:block;}
body.cours .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{background-color: #1a282b;}
body.cours .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin-top: 1rem;}

/* 
body.cours .infa-article h2{font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.75; text-align: center; display: block; border-top: 1px solid #E9E9E9; padding-top: 30px; margin: 50px auto 20px auto; max-width: 510px;}
body.cours .infa-article h3{font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #73ecff; padding: 15px 40px; margin: 75px auto 50px auto; display: block; width: 480px; text-align: center;} */
body.cours .infa-article p{font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 1.75; color: #232424; margin-bottom: 20px;}
body.cours .infa-article a{color: #1A1A1A !important; font-weight: bold;}


/* COURS VILLES - LANDING */

body.page-template-cours-ville header {margin:0;}
body.page-template-cours-ville header h1{display: none;}
body.page-template-cours-ville .header h1{max-width: none; line-height: 1.5; text-align: left; color:white;}
body.page-template-cours-ville .background-header {/*background-color: #152022;*/	padding: 5rem 0 5rem 0;	margin: -5rem 0 0 0;	position: relative;	/*background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/presentation-ellipse.svg');*/   background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.06), transparent 40%), linear-gradient(135deg, #0b2c2c, #123c3f);}



/* FORMATION */

body.formation header {margin:100px 0 0 0; text-align: center;}
body.formation h1 {font-family: 'Tenor Sans', sans-serif; font-size:25px; color: #20393F;line-height: 1; text-align: center; display: inline-block; margin: 0 auto;}
body.formation .quinconce h3{font-family: 'Tenor Sans', sans-serif;}
body.formation a.cta:hover{color:white;}
body.formation .entry-content{display: none;}

.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {color: #20393F}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {background-color: #287682;}
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button{color:#287682;}
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {border: 2px solid #FF862B;}



/* LEARNDASH */

body.sfwd-courses-template-default header{display: none;}
body.sfwd-courses-template-default .container .titre{display: none;}
body.sfwd-courses-template-default .post-conteneur{margin: 10rem 0 0 0 !important;}
body.sfwd-courses-template-default .post-conteneur .posts-thumbnail {display: none;}
body.sfwd-courses-template-default .post-conteneur .post-article{width: 100% !important; margin-left: 0;}
body.sfwd-courses-template-default .post-actualites{display: none;}
body.sfwd-courses-template-default .ld-accordion__header{display: none;}

/* body.learndash .entry-header{display: none;} */



body.learndash .entry-content{padding: 0 2rem; max-width: 1200px; margin: 0 auto;}
body.learndash .entry-content h1{font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.75; text-align: center; display: block;}
body.learndash .entry-content h2{font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #E9E9E9; padding: 15px 40px; margin: 20px auto 75px auto; display: block; max-width: 510px; text-align: center;}
body.learndash .entry-content .ld-lesson-list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-top: 40px;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item{width: 48%; background-color: #EEEEEE; padding: 20px; border-radius: 10px; position: relative; overflow: hidden;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item h3{font-size: 20px; color: #1a282b; margin-bottom: 10px;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item p{font-size: 14px; color: #232424; margin-bottom: 15px;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item a{ color: #ffffff; background:#234e55; border: 1px solid #234e55; padding:5px 20px; display: inline-block; position: absolute; right: 20px; bottom: 20px;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item a:hover {border: 1px solid white;}
body.learndash .entry-content .ld-lesson-list .ld-lesson-item:nth-of-type(odd) {background: linear-gradient(0.05turn, #82b8c1 20%, #EEEEEE 40%);}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title:hover{color: #287682;}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {background-color: #24b3a8;}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button:hover, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button:hover {background-color: #2bdfd0;}
.learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:hover, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover {    outline-color: #287682;}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent {color: #287682;}

/* body.sfwd-courses-template-default .post-article{margin-left: 0; margin-top: 2em;}
body.sfwd-courses-template-default p.post-info{display: none;}
body.sfwd-courses-template-default .ld-progress-bar__last-activity{opacity:0.35;}
body.sfwd-courses-template-default .ld-progress-bar__meter-foreground, body .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage, body.learndash-wrapper .ld-status-complete{background-color: #ff6d00 !important}
body.sfwd-courses-template-default h2{background: linear-gradient(560deg, orange, #fff); border: 1px solid #F1F1F1; font-size: 25px !important; padding: 25px 40px !important; margin: 20px auto 50px auto !important;}
body.sfwd-courses-template-default .introduction a{display: flex !important; align-items: center; font-size: 16px; color: #1A1A1A; border:0 !important; text-decoration: underline;}
body.sfwd-courses-template-default .introduction h4{font-size: 20px; margin:0 15px 0 0; font-weight:bold; color: #1A1A1A; }
body.sfwd-courses-template-default .elementor-icon-list-item{padding: 10px 0;}

body.sfwd-courses-template-default .learndash_mark_complete_button{background-color: #ff6d00}
body.sfwd-courses-template-default .elementor-icon-list-icon svg {fill: #287682;} */
/* body.sfwd-courses-template-default .elementor-3708{display: none;} */

body.sfwd-courses-template-default a#btn-join{color: white;}
body.sfwd-courses-template-default a#btn-join:hover{background-color: var(--ld-color-button-bg-hover);}



body.template-formation1 header {margin: 100px 0 0 0;}
body.template-formation1 header h1.entry-title {font-size: 36px; color: #20393F; line-height: 1.2; text-align: center; margin-bottom: 20px;}
body.template-formation1 h2{background: linear-gradient(560deg, orange, #fff); color: #20393F; border: 1px solid #F1F1F1; text-align: center; font-size: 25px !important; padding: 25px 40px !important; margin: 20px auto 50px auto !important; max-width: 500px;}

body.template-formation1 .post-article{margin-left: 0; margin-top: 2em;}
body.template-formation1 p.post-info, body.template-formation1 .ld-section-heading{display: none !important;}
body.template-formation1 .ld-progress-bar__last-activity{opacity:0.35;}
body.template-formation1 .ld-progress-bar__meter-foreground, body .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage, body.learndash-wrapper .ld-status-complete{background-color: #ff6d00 !important}
body.template-formation1 h2{background: linear-gradient(560deg, orange, #fff); border: 1px solid #F1F1F1; font-size: 25px !important; padding: 25px 40px !important; margin: 20px auto 50px auto !important;}
body.template-formation1 .introduction a{display: flex !important; align-items: center; font-size: 16px; color: #1A1A1A; border:0 !important; text-decoration: underline;}
body.template-formation1 .introduction h4{font-size: 20px; margin:0 15px 0 0; font-weight:bold; color: #1A1A1A; }
body.template-formation1 .elementor-icon-list-item{padding:15px 0;}

body.template-formation1 .learndash_mark_complete_button, body.template-formation1 .learndash-wrapper .ld-status-complete{background-color: #ff6d00}
body.template-formation1 .elementor-icon-list-icon svg {fill: #287682;}
body.template-formation1 .swiper {padding-bottom:50px !important;}

body.template-formation1 .ld-item-title:hover {color: orange;}

/* ACTUALITES */

body.page-template-actualites .wrapper{padding: 0 !important;}
body.page-template-actualites .titre {margin-top:12rem;}

body.page-template-actualites .posts-container{display: flex; flex-direction: row; flex-wrap:wrap;}
body.page-template-actualites .posts-container .posts-item{width:33.33%; padding:2rem;}
body.page-template-actualites .posts-container .posts-item .posts-thumbnail{width: 100%; height: 250px; overflow: hidden;align-items: center; display: flex;}
body.page-template-actualites .posts-container .posts-item .posts-thumbnail img{width:100%; height:auto;}
body.page-template-actualites .posts-container .posts-item .posts-content{padding:2rem; background-color: #EEEEEE; min-height: 300px; position: relative;}
body.page-template-actualites .posts-container .posts-item .posts-content p{font-size:14px; margin-top: 25px;}

body.page-template-actualites .posts-container .posts-item .posts-content, body.page-template-actualites .posts-container .posts-item:nth-of-type(2n+1) .posts-content{background: linear-gradient(0.05turn, #82b8c1 20%, #EEEEEE 40%);}
body.page-template-actualites .posts-container .posts-item:nth-of-type(2n) .posts-content{background: linear-gradient(0.05turn, #edb68e 20%, #EEEEEE 40%);}

body.page-template-actualites .posts-container .posts-item .posts-content .posts-title a {color: #1a282b; font-size: 20px; line-height: 25px; display: block;}
body.page-template-actualites .posts-container .posts-item .posts-content .posts-date {border: 1px solid #DDD;border-radius: 5px; padding: 2px 10px; margin-top: 10px; display: inline-block; font-size: 14px;}
body.page-template-actualites .posts-container .posts-item .posts-content .posts-descr{padding-top: 15px; font-size:14px;}

body.page-template-actualites .posts-container .posts-item:nth-of-type(2n) .posts-content .posts-link a {color: #ffffff; background:#b05b1b; border: 1px solid #b05b1b; padding:5px 20px; display: inline-block; position: absolute; right: 2rem; bottom: 2rem;
-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.page-template-actualites .posts-container .posts-item .posts-content .posts-link a,body.page-template-actualites .posts-container .posts-item:nth-of-type(2n+1) .posts-content .posts-link a{color: #ffffff; background:#234e55; border:1px solid #234e55; padding:5px 20px; display: inline-block; position: absolute; right: 2rem; bottom: 2rem; font-size: 14px; 
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.page-template-actualites .posts-container .posts-item .posts-content .posts-link a:hover {border: 1px solid white;}

/* body.single .entry-content, body.single .entry-footer{display: none;} */
body.single p.post-title {color: #21535b; font-size: 36px; margin:0;}
/*body.single .wrapper, .wrap {max-width: 960px;}*/
body.single .post-conteneur{display: flex; margin:6rem 0 0 0; flex-direction: row;}
body.single .post-conteneur .posts-thumbnail{width:30%;}
body.single .post-conteneur .posts-thumbnail img{width:100%; height: auto;}
body.single .post-conteneur .post-article{margin-left:2rem; width:70%;}
body.single p.post-info{color: #CCCCCC;}
body.single .post-links{margin:100px 0 0 0;}
body.single .post-links span{background-color: #22616b; display: inline-block; color: white;  font-size: 20px;  text-align: center;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.single .post-links span:hover{background-color: #48939f;}
body.single .post-links span a{color:white; font-size: 16px;  display: inline-block; padding: 0.5rem 1rem;}
body.single .post-links span.post-prev{float: left;}
body.single .post-links span.post-next{float: right;}
body.single  .post-actualites{margin:3rem 0 0 0; text-align: center; background-color: #EEEEEE; padding: 3rem;}
body.single  .post-actualites a, body.single .post-article a{border:1px solid #CCCCCC; padding:10px 15px; color:#454545; display: inline-block;
     -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
body.single  .post-actualites a:hover, body.single .post-article a:hover{background-color:white; border:1px solid #22616b;}
body.single img.centered, body.single .aligncenter {display: block; margin: 0 auto;}




/* =========================================================
   INFAMILY — ARTICLE TEMPLATE (Modèle Blog)
   Objectif: lecture premium + sidebar propre + responsive
   ========================================================= */

/* ---------- Layout global ---------- */
.iax-container{
  max-width: 1400px;
  margin: 0 auto;
  padding: clamp(16px, 0, 32px);
}

.iax-layout{
  display: flex;
  gap: 28px;
  align-items: flex-start;
}

.iax-maincol{
  flex: 1 1 auto;
  min-width: 0; /* anti-bug Chrome / flex overflow */
  max-width: 950px; /* évite “texte plein écran” */
}

/* ---------- Article (page blanche) ---------- */
.iax-article{
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* ---------- Hero (titre, excerpt, meta, cover) ---------- */
.iax-hero{
  max-width: 100ch;
  margin: 50px auto 18px;
}

.iax-kicker{
  font-size: 13px;
  opacity: .8;
  margin-bottom: 10px;
}

.iax-kicker__link{
  text-decoration: none;
  font-weight: 800;
}

.iax-title{
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
  margin: 10px 0 12px;
  letter-spacing: -0.02em;
}

.iax-subtitle{
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.55;
  opacity: .9;
  margin: 0 0 14px;
  max-width: 70ch;
}

.iax-meta{
  font-size: 13px;
  opacity: .75;
  margin-bottom: 14px;
}

.iax-cover{
  margin: 18px auto 0;
  max-width: 100ch;
}

.iax-cover__img{
  width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
}

/* ---------- Contenu (typographie premium) ---------- */
.iax-content{
  max-width: 95ch;           /* le game changer */
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.8;
}

.iax-content p{ margin: 0 0 18px; }

.iax-content h2{
  margin: 34px 0 12px;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.iax-content h3{
  margin: 24px 0 10px;
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.25;
}

.iax-content ul,
.iax-content ol{
  margin: 0 0 2rem 0;
  background: #F2F2F2ED;
  padding: 50px;
  border-radius: 10px;
}

.iax-content li{ margin: 8px 0; list-style-type: disc;}

.iax-content blockquote{
  margin: 22px 0;
  padding: 14px 16px;
  border-left: 4px solid rgba(0,0,0,.20);
  background: rgba(0,0,0,.03);
  border-radius: 12px;
}

.iax-content hr{
  border: 0;
  border-top: 1px solid rgba(0,0,0,.10);
  margin: 28px 0;
}

.iax-content a{
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

.iax-content img{
  max-width: 100%;
  height: auto;
  border-radius: 14px;
  display: block;
  margin: 18px auto;
}

/* Bonus: rendre les “Exercice X” plus jolis si c’est en <strong> */
.iax-content p strong {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 50px;
  background: rgba(55, 220, 246, 0.2);
}

/* ---------- Footer / CTA ---------- */
.iax-footer{
  max-width: 100ch;
  margin: 75px auto 100px;
}

.iax-cta{
  padding: 30px 20px;
  border-radius: 15px;
  background: url('https://www.infamily.fr/wp-content/uploads/2025/08/8dc08ef8-294f-402c-9f87-8d0e4db7c2d0-scaled.jpg') center center / cover no-repeat;
  display: grid;
  gap:20px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.iax-cta::before {
	content: " ";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(25deg, #cef9ffb5 50%, #d58a53);
	opacity: 1;
}

.iax-cta__logo{
  width:125px;
  height: auto;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 auto 1rem auto;
}

.iax-cta__text{
  font-size: 1.2rem;
  line-height: 2;
  padding:1rem 0 1rem 0;
  text-align: center;
  z-index: 1;
}

.iax-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: center;
  z-index: 2;
}

.iax-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.16);
  font-weight: 800;
  color:#26606b;
  background: white;
}

.iax-btn--primary{
  border-color: transparent;
  color: #fff;
  background: #26606b;
}

/* ---------- Sidebar ---------- */
.iax-sidebar{
  width: 400px;
  flex: 0 0 400px;
  position: sticky;
  top:65px;
}

.iax-sidecard{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 16px;
}

.iax-sidecard__title{
  font-weight: 900;
  margin: 0 0 12px;
  font-size: 15px;
  letter-spacing: -0.01em;
}

.iax-muted{
  margin: 0;
  opacity: .7;
  font-size: 13px;
}

/* Liste des posts */
.iax-sideposts{
  list-style: none;
  margin: 0;
  padding: 0;
}

.iax-sideposts__item{ margin: 0 0 10px; }

.iax-sidepost{
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease;
}

.iax-sidepost:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}

.iax-sidepost__media{
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.iax-sidepost__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.iax-sidepost__ph{
  width: 100%;
  height: 100%;
  display: block;
}

.iax-sidepost__body{
  display: grid;
  gap: 6px;
  min-width: 0;
}

.iax-sidepost__title{
  font-weight: 900;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iax-sidepost__meta{
  font-size: 12px;
  opacity: .75;
}





/* Sidebar banners */
/* Base card */
.iax-banner{
  position: relative;
  border-radius: 18px;
  padding: 30px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow:
    0 10px 24px rgba(0,0,0,.08),
    0 1px 0 rgba(0,0,0,.03);
  overflow: hidden;
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap:20px;
}

/* Small accent stripe */
.iax-banner::before{
  content:"";
  position:absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  opacity: .95;
  background: #111; /* fallback */
}

/* Title / text */
.iax-banner__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 800;
  letter-spacing: -0.01em;
  color:#1b1b1b;
}

.iax-banner__text{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.35;
  opacity: .85;
  margin-bottom: 1rem;
}

/* CTA pinned bottom */
.iax-banner__btn{
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 15px 30px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  background-color: white !important;
  border: 1px solid rgb(187, 187, 187);
  background: rgba(0,0,0,.04);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.iax-banner:hover{
  transform: translateY(-1px);
  box-shadow:
    0 14px 30px rgba(0,0,0,.10),
    0 1px 0 rgba(0,0,0,.03);
}

.iax-banner__btn:hover{
  background: rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.16);
}

/* === Variantes couleurs === */
.iax-banner--theatre::before{ background: #95bcc1; }  /* violet */
.iax-banner--voice::before{ background: #e3c7b2; }   /* gold */
.iax-banner--cathy::before{ background: #95bcc1; }   /* deep purple */

/* Optional: subtle tinted header area */
.iax-banner--theatre{ background: linear-gradient(-150deg, rgba(40, 118, 130, 0.65), #fff 50%); }
.iax-banner--voice { background: linear-gradient(-150deg, rgba(241, 115, 22, 0.5), #fff 50%);}
.iax-banner--cathy { background: linear-gradient(180deg, rgba(43,22,72,.07), #fff 50%); }
.iax-banner--cathy--btn{background-color: #1d565f !important; background: #1d565f !important;  border-color: #1d565f  !important;  color: white  !important;}



/* ---------- Responsive ---------- */
@media (max-width: 980px){
  .iax-layout{ display: block; }
  .iax-maincol{ max-width: 100%; }
  .iax-hero,
  .iax-cover,
  .iax-content,
  .iax-footer{
    max-width: 100%;
  }
  .iax-sidebar{
    width: auto;
    flex: none;
    position: static;
    top: auto;
    margin-top: 18px;
  }
}








/* ECOLE - Presentation */
.page-template-ecole .site-inner{margin-top:10rem;}
.page-template-ecole .header{margin:0 0 50px 0;}
.page-template-ecole .video{max-width: 550px; margin: 0 auto 100px auto;}
.page-template-ecole .steps{margin-top:7rem;}
.page-template-ecole .steps .item{width:33.33%; padding:5rem 2rem 14rem 2rem; color:white; background: linear-gradient(60deg, #297480, #297480 30%, #233c40 80%, #233c40); position: relative;}
.page-template-ecole .steps .item p strong {font-family: 'Tenor Sans'; font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: 600; color: #f2913a;}
.page-template-ecole .steps .item .visuel{position: absolute; left:1.5rem; bottom:1.5rem;}
.page-template-ecole .cathy h2 {font-weight: 400;  color: #232424;  font-size: 20px;  border: 1px solid #E9E9E9;  padding: 15px 40px;  margin: 30px auto 50px auto;  display: block;  width: 480px;  text-align: center;  background: linear-gradient(211deg, #ed883d, transparent);}
.page-template-ecole .cathy .visuel{width:50%; max-height: 200px;}
.page-template-ecole .cathy .visuel img{width: auto;  height: auto; max-height: 500px; display: block; margin: 0 auto;}
.page-template-ecole .cathy .biographie{width:50%; color: #1A1A1A; text-align: justify;}
.page-template-ecole .cathy .biographie .lien{display: block; margin:40px 0 0 0;}
.page-template-ecole .cathy .biographie a{color: #ffffff; background:#1d565f; padding: 10px 20px; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page-template-ecole .cathy .biographie a:hover {background-color: #297480;}
 
/* ECOLE - Lieux des cours */
.lieux-cours .titre {margin-top:10rem;}
.lieux-cours .flexbox-container-lieux{flex-wrap: wrap; gap:0; column-gap:0; justify-content:flex-start;}
.lieux-cours .flexbox-container-lieux .item{width:25%;}
.lieux-cours .lieux img{width:100%; height:300px; max-width:100%; display: block; margin: 0 auto;}
.lieux-cours .lieux a{line-height: 0; display: block; margin:0; padding:0;}
.lieux-cours .lieux p{background: linear-gradient(60deg, #297480, #297480 30%, #233c40 80%, #233c40); padding:40px 30px; color:white; font-size: 18px; font-family: 'Roboto';}

/* ECOLE - Lieux de représentations */
.lieux-representations .titre {margin-top:10rem;}
.lieux-representations .lieux{text-align: center;}
.lieux-representations .lieux h1{margin:150px auto 75px auto; display: inline-block; text-align: center;}
.lieux-representations .lieux .item{background:linear-gradient(60deg, #297480, #297480 30%, #233c40 80%, #233c40);}
.lieux-representations .lieux .item h3{text-align: center; font-size: 25px; color: white; line-height: 2; padding:0.75em 0.5em 0.5em 0.5em;}
.lieux-representations .lieux .item p{color:white; padding:20px 0; text-align: justify; font-size: 16px; font-weight: normal;}
.lieux-representations .lieux .item button{margin: 0 0 50px 0; font-size: 15px;}


/* L'EQUIPE */
.page-template-equipe .titre {margin-top:10rem;}
.page-template-equipe .titre h1 {font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.75; text-align: center; display: block;}
.page-template-equipe .titre h2 {font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #E9E9E9; padding: 15px 40px; margin: 20px auto 100px auto; display: block; width: 480px; text-align: center;}
.page-template-equipe .professeur-item, .page-template-equipe .professeur-item:nth-of-type(2n+1) {background: linear-gradient(0.05turn, #c86e2b, #ffffff);}
.page-template-equipe .professeur-item:nth-of-type(2n) {background: linear-gradient(0.05turn, #0e5c69, #ffffff);}
.page-template-equipe .professeur-item .visuel{width:30%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.page-template-equipe .professeur-item .bio {width:70%; padding:2.5rem 2rem 3rem 2rem; font-size: 14px; font-weight: 500;}
.page-template-equipe .professeur-item .bio h3{font-family: 'Tenor Sans', sans-serif; font-size: 28px; color:#FFFFFF;}
.page-template-equipe .professeur-item .bio .lien{display:block; margin:40px 0 0 0;}
.page-template-equipe .professeur-item .bio .lien a, .page-template-equipe .professeur-item:nth-of-type(2n+1) .bio .lien a {color: #ffffff; background:#b05b1b; border: 1px solid #b05b1b; padding: 10px 20px; display: inline-block; 
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page-template-equipe .professeur-item:nth-of-type(2n) .bio .lien a {color: #ffffff; background:#234e55; border:1px solid #234e55; padding: 10px 20px; display: inline-block;
        -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page-template-equipe .professeur-item .bio .lien a:hover {border: 1px solid white;}
.page-template-equipe .bann-wrapper{padding:0 30px !important}




/* WOOCOMMERCE - Commande  */
 
body.confirmation-inscription .entry-content h3{line-height: 2; margin:2rem 0 1rem 0; color: #21535b;}
body.confirmation-inscription .entry-content li{list-style-type: none; margin: 0 0 1rem 0; padding: 0;}
body.confirmation-inscription .woocommerce-additional-fields__field-wrapper p{margin: 0 0 2rem 0;}
body.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{background-color: #297480; border: 1px solid #297480; color: white; padding: 10px 20px; font-size: 20px; font-weight: bold; text-transform: uppercase; transition: all 0.2s ease-out;}


/* WOOCOMMERCE */

body.single-product #presentation{background:linear-gradient(60deg, #297480, #1a282b); padding:3rem 0;}
body.single-product #presentation .right{padding-left: 5rem;}
body.single-product #presentation .product_title{color: white; border:0; text-align: left; font-size:50px; font-weight: 300; margin:0;} 
body.single-product #presentation .woolentor_product_tags_info .tagged_as a{background:linear-gradient(50deg,#FF862B, #776550); color:white; padding: 5px 20px; font-size:20px;}
body.single-product #presentation p.price .woocommerce-Price-amount bdi{color: #00c9ea;}
body.single-product #presentation .woocommerce-product-details__short-description p{color: white; line-height: 2; margin-bottom:0;}
body.single-product #presentation .woocommerce-product-details__short-description a{color:#FF852A;}
body.single-product #presentation div.images{width: 100%; border: 1px solid #1fa8e1; padding: 1.5rem;}
body.single-product #presentation form.cart .button {position: relative; background-color: white; border: 1px solid #D6D6D6; border-radius: 0; padding: 21px 91px 21px 35px; color: #1A1A1A; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; transition: all 0.2s ease-out;}
body.single-product #presentation form.cart .button:hover {border: 1px solid #b5b5b5; background-color: white; color: #1A1A1A; transform: scale(1.1);}
body.single-product #presentation  button:before {content: " "; display: block; position: absolute; width: 45px; height: 45px; background-color: #FF852A; right: 7px; top: 7px; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/composants/button-arrow.svg'); background-position: center center; top: 7px; background-size: 11px; background-repeat: no-repeat; transition: all 0.3s ease-out;}
body.single-product #presentation form.cart .button:hover:before {width:60px; background-color: #297480;}


body.single-product .woocommerce-tabs.wc-tabs-wrapper{margin: 3rem 0 0 0;}
body.single-product div.product .woocommerce-tabs ul.tabs li {background-color: #7fa8af;}
body.single-product div.product .woocommerce-tabs ul.tabs li a { color: white; transition: all 0.25s ease-out;}
body.single-product div.product .woocommerce-tabs ul.tabs li a:hover {text-decoration: none; color: #22616b;}
body.single-product div.product .woocommerce-tabs .panel h2 { display: none;}
body.single-product div.product .woocommerce-tabs .panel p { color: #1A1A1A; font-size: 16px; line-height:2.5; margin-bottom: 0;}

body.single-product table.shop_attributes tr:nth-child(even) th, body.single-product table.shop_attributes tr:nth-child(even) td{background: #efefef !important;}
body.single-product table.shop_attributes th, body.single-product table.shop_attributes td {padding:15px;}

body.single-product ul.products li.product {background: linear-gradient(0.05turn, #edb68e 33%, #EEEEEE 41%); padding: 1rem; transition: all 0.15s ease-out;}
body.single-product ul.products li.product:hover{transform: scale(1.05);}
body.single-product ul.products li.product .woocommerce-loop-product__title {background: #c5763d; color: white; border: 0;}
body.single-product ul.products li.product .price{margin-top:10px; color:white; font-size: 1em;}
body.single-product ul.products li.product .button {display: block; margin: 1rem auto 0  auto; text-align: center; background-color: white; border-radius: 0;}

/* WOOCOMMERCE - PAGES INTERNES */

body.woocommerce-page header.entry-header {display: block !important;  margin:0;}
body.woocommerce-page header.entry-header h1 {font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.75; text-align: center; display: block; text-transform: uppercase;}

body.woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea {padding: 10px 15px !important;}
body.woocommerce-page .site-inner main.content{max-width: 1300px; margin:0 auto; float:none;}
body.woocommerce-page .site-inner main.content .entry-content {margin:0 30px;}
body.woocommerce-page button.wc-block-cart-item__remove-link:before{display: none;}
body.woocommerce-page .woocommerce-error, body.woocommerce-page .woocommerce-info, body.woocommerce-page .woocommerce-message {max-width: 1300px; margin: 0 auto 2em;}
body.woocommerce-page .woocommerce-message {border-top-color: #f18200;}
body.woocommerce-page .woocommerce-message::before {content: "\e015"; color: #22616b;}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{border-radius: 0;}

body.woocommerce-page p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{background-color: #297480; color: white; padding: 1em; text-align: center; font-size: 25px; margin: 2em 0;}
body.woocommerce-page .reglement{background-color: #333; color: white; padding:2em 1em; text-align: center; font-size: 20px; margin:0;}

/* INSCRIPTION */

.page-template-inscription .wrapper {padding: 0 30px !important;}
.page-template-inscription h1{font-family: 'Tenor Sans', sans-serif; font-size:35px; color:#20393F; line-height: 1.75; text-align:center; display:block;}
.page-template-inscription h2{font-weight: 400; color: #232424; font-size:20px; border: 1px solid #E9E9E9; padding:15px 40px; margin:20px auto 20px auto; display:block; width:480px; text-align: center;}
.page-template-inscription h3 {text-align: center; display: block; max-width: 850px; margin: 0 auto; text-transform: uppercase; margin-bottom: 2rem; padding: 20px; color: white; background: #297480;}
.page-template-inscription a.planning{display: block; height: 120px; text-align: center;}
.page-template-inscription a.planning button{width: 480px;}
.page-template-inscription form {background: #eee; padding: 3rem; margin:-2rem 0 0 0;}
.page-template-inscription form .flexbox-container{max-width: 850px; margin-bottom:20px;}
.page-template-inscription form .flexbox-container div{width: calc(50% - 20px);}
.page-template-inscription form label{width: 100%;}
.page-template-inscription form input[type="text"], .page-template-inscription form input[type="file"], .page-template-inscription form input[type="date"], .page-template-inscription form select, .page-template-inscription form textarea {padding: 10px; height: 50px;}
.page-template-inscription form .reglements-box{border: 1px solid #49a8b7; padding: 2rem;}
.page-template-inscription form .reglements-titre {background: white; color: #297480; font-weight: bold; padding: 1rem; display: block;}
.page-template-inscription form .reglements-choix{font-size:14px;}
.page-template-inscription form small{color:#a5a5a5;}
.page-template-inscription form.sent .wpcf7-response-output {background: #ffffff; padding: 25px; text-align: center; border: none; color: #297480 !important; font-size: 18px; font-weight: bold;}
.page-template-inscription form .wpcf7-list-item {display: inline-block; margin: 0;}
.page-template-inscription .reglements-box input[type="radio"] {margin-right: 10px;}
.page-template-inscription .mode-reglement {font-size: 15px; background-color: #d8d8d8; padding: 1rem;}
.page-template-inscription .mode-reglement .last{margin: 0 0 0 20px;}
.page-template-inscription .engagement a{color: #2a8492; text-decoration: underline;}
.page-template-inscription form p{text-align: center;}
.page-template-inscription form input[type="submit"] {background-color: #233c40; border-radius: 0; margin:20px auto  0 auto; text-align: center;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page-template-inscription form input[type="submit"]:hover{background-color: #297480;}
.page-template-inscription .captcha-image{margin:0 0 0 -55px;}
.page-template-inscription .captcha-image .cf7ic_instructions span {color: #297480;}
.page-template-inscription .captcha-image label > input:checked + svg, .page-template-inscription .captcha-image label > input:focus + svg {border: 2px solid #219cb0;}
.page-template-inscription .forfaits{margin-bottom: 2rem; padding: 20px; color: white; background: #297480; line-height: 1;}



/**********************/
/*** SOCIAL NETWORK ***/
/**********************/
body.social header.entry-header{display: none;}
body.social .entry-content{padding: 0; margin:0;}
body.social .site-inner .wrap{max-width: 1400px; margin:0 auto;}
body.social .site-inner .wrap .pm-group-view {margin:0 auto; float: none;} 
body.social .pmagic .pg-group-filters-head {padding: 27px 15px 5px 15px;}
body.social .pmagic a{color: #297480; font-size: 16px; font-weight: bold;}
body.social .pmagic .pm-group-container .pm-group .pm-group-desc{color: #1a282b; font-size: 15px; line-height: 1.5; text-align: justify; padding:1rem 2rem 0 2rem;}
body.social .pmagic .pm-group-signup .pm_button button{background-color: #297480; color: white; border-radius: 0; font-size: 16px; font-weight: bold; text-transform: uppercase; transition: all 0.2s ease-out;}
body.social .pmagic .pm-group-signup .pm_button button:hover{background-color: #154c55;}

body.social .pm-group-title{background: linear-gradient(60deg, #297480, #297480 30%, #233c40 80%, #233c40); color: white; padding: 15px 15px 10px 15px; font-size: 22px; font-family: var(--title-font); text-align: center; margin: 0;}
body.social .pm-group-card-box .pm-group-signup .pm_button{display: block; position: relative;}
body.social .pm-group-card-box .pm-group-signup .pm_button button{background-color: #297480; color: white; border-radius: 0; font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 10px 20px; width:calc(100% - 20px); transition: all 0.2s ease-out;}
body.social .pm-group-card-box .pm-group-image img{padding: 10px 10px 0 10px !important;}
body.social .pm-group-description .pm-card-row{border-bottom: 1px solid #EEEEEE; padding: 10px;}
body.social .pm-group-description .pm-card-row a{color: #297480; font-size: 16px; font-weight: 400; text-transform: none;}
body.social .pmagic .pm-group-description .pm-group-leader-small img{margin-right: 10px;}
body.social .pmagic .pm-profile-tab-wrap .pm-profile-tab a {color: #21535b; font-weight: 500;}

body.social .pm-group-view.pg-theme-seven .pg-profile-area-wrap{background: linear-gradient(60deg, #297480, #297480 30%, #233c40 80%, #233c40); border: none;}
body.social .pm-group-view.pg-theme-seven .pm-user-name {font-size: 1.25em;}

body.social .pm-login-box-error {background-color: #20393f !important;}
body.social .pmagic button, body.social .pmagic input[type="button"], body.social .pmagic input[type="reset"], body.social .pmagic input[type="submit"], body.social .pmagic .button {background-color: #297480 !important; border-radius:none !important; font-size:18px; border:0 !important; border-radius: 0; padding: 10px 25px;}
body.social .pmagic button:hover, body.social .pmagic input[type="button"]:hover, body.social .pmagic input[type="reset"]:hover, body.social .pmagic input[type="submit"]:hover, body.social .pmagic .button:hover{background-color: #448b96 !important; border:0;}

body.social-inscription .entry-content{padding: 0 50px; margin:0 auto; max-width: 1440px;}
.pmagic .pm-login-box-bottom-container a.pg-registration-button {font-size: 1.3em; text-transform: uppercase; border: 1px solid #337a85 !important; display: inline-block;padding: 0.35rem 1rem; transition: all 0.35s ease-out;}
.pmagic .pm-login-box-bottom-container a.pg-registration-button:hover {background-color: #3a9baa; border: 1px solid #3a9baa !important; color: white;}


/* FORUMS */

body.wpforo header{display: none;}
body.wpforo .entry-content{margin:150px 0 0 0;}
body.wpforo .wrap {margin: 0 auto; max-width: 1400px;}




/* CONTACT */

.page-template-contact header {margin:27px;}
.page-template-contact .background-header{background-color: #152022; padding: 13rem 0 5rem 0; margin:-5rem 0 0 0; position: relative; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/accueil/presentation-ellipse.svg');}
.page-template-contact .background-header .titre h1{color:white; font-family: 'Tenor Sans', sans-serif; font-size: 35px; text-transform: uppercase; position: relative; z-index: 10;}
.page-template-contact .background-header .titre span{color: #ff6d00; font-size:20px; position: relative; z-index: 10;}
.page-template-contact .background-header .triangle {width: 0; height: 0; border: 0 solid transparent; border-right-width: 90px; border-left-width: 0px; border-bottom: 400px solid rgba(34,97,107,0.3); position: absolute; margin: -17rem 0 0 7.5rem; transform: rotate(85deg);}

.page-template-contact input, .page-template-contact select, .page-template-contact textarea {background-color: #1d3134; border:none; color: white; font-size: 14px; padding: 16px; width: 100%;}
.page-template-contact .background-header .contact-form-div{width:50%;}
.page-template-contact .background-header form{margin:3rem 3rem 0 0;}
.page-template-contact label {color: #297480; padding:0 0 20px 0;}
.page-template-contact .captcha-image {border: 1px solid #1a4d56; width: 100%; color: #297480; font-size: 16px;}
.page-template-contact .captcha-image .cf7ic_instructions span {color: #FFF;}
.page-template-contact .captcha-image label {padding: 0;}
.page-template-contact .captcha-image svg {width: 40px; height: 40px; padding:5px;}
.captcha-image label>input:checked+svg,.captcha-image label>input:focus+svg {border: 1px solid #21535b;}
.page-template-contact input[type="submit"]{border-radius: 0;
     -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.page-template-contact input[type="submit"]:hover {background-color: #297480;}
.page-template-contact .wpcf7-spinner{display: none !important;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {border-color: white; padding: 20px; color: red;margin: 0;}
.wpcf7 form.sent .wpcf7-response-output {background: #ffffff; padding: 25px; text-align: center; border: none; color: #152022; font-size: 18px;}

.page-template-contact .background-header .visuel {margin: 2.6rem 0 0 0;}
.page-template-contact .background-header .visuel .informations {color: white; border: 1px solid #1a4d56; padding: 15px 20px; margin: 5px 0 20px 0;}
.page-template-contact .background-header .visuel .informations h2 {color: #1a4d56; font-size: 22px;}
.page-template-contact .background-header .visuel .informations p {margin: 0; padding: 0; font-size: 15px; line-height: 30px; font-weight: normal; color:#297480;}
.page-template-contact .background-header .visuel .informations a{color:white; text-decoration: underline; font-weight: normal;}
.page-template-contact .background-header .visuel .informations span{color:white; font-weight: normal;}
.page-template-contact .background-header .visuel img{width: 100%;}

/* MENTIONS LEGALES / CGV */

.page-template-modele-classique .contenu{padding: 30px 0 50px 0;}
.page-template-modele-classique h1{font-family: 'Roboto Condensed', sans-serif; font-size: 28px; color: #063D80; text-transform: none; font-weight: bold; text-align: center; padding: 0; background-color: transparent;}
.page-template-modele-classique h2{font-family: 'Roboto Condensed', sans-serif; font-size: 20px; color:black; text-transform: none; font-weight: bold; text-align:left; padding: 0; background-color: transparent;}
.page-template-modele-classique  ::marker {unicode-bidi: normal; font-variant-numeric: normal; text-transform: none; text-indent: 0px !important; text-align: start !important; text-align-last: start !important; color: #FFA355; width: 5px; height: 5px; list-style-type: none; position: relative; content: "■";}
.page-template-modele-classique a{color: black; margin: 0 0 0 20px;}
.page-template-modele-classique a:hover{text-decoration: underline;}

/* Mentions Légales */

.page-id-498 h2 {font-weight: 400; color: #232424; font-size: 20px; border: 1px solid #E9E9E9; padding: 15px 40px;  margin: 20px auto 100px auto;  display: block; width: 480px; text-align: center;}

/* CGV */

.page-id-6307 a{text-transform: capitalize;}
.page-id-6307 .wrapper{max-width:600px;}
.page-id-6307 .wsp-posts-title{display: none;}
.page-id-6307 .wsp-posts-list{display: none;}

/* Plan du site */

body.plan-du-site .site-inner {max-width: 1400px;	margin: 0 auto;}
body.plan-du-site header {margin: 105px 0 75px 0;}
body.plan-du-site h2.rank-math-html-sitemap__title {font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F; line-height: 1.75; text-align: center; display: block; margin-bottom: 20px;}



/* FOOTER - Gestion des cookies */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {display: block !important;}
#moove_gdpr_cookie_info_bar {border-top: 0 !important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {padding: 20px 40px !important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, .gdpr-shr-button, #moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn {border-radius: 0 !important; padding:13px 35px !important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p:last-child{padding:7px 0 0 0;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {max-width: 60%;  margin: 30px 0 50px 0;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button.moove-gdpr-modal-close {background: transparent !important; padding: 0 !important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;} 
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {max-height: 125px !important; max-width: 100% !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {background-color: #163e46 !important; border-top: none !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {color: #fff; font-family: 'Roboto', sans-serif !important; font-weight: normal !important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{font-family: 'Roboto', sans-serif !important; font-weight: 500 !important;}

/* FOOTER */

#bann-cours{border:2px solid #DDDDDD; margin:100px 0 50px 0; text-align: center; padding: 5em; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/footer/bann-cours.jpg'); background-size: cover; background-position-y: center; background-repeat: no-repeat; position: relative;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover #bann-cours{border:2px solid #ee7f11;}
#bann-cours div.texte{width: 85%; float: right;}
#bann-cours h2{font-family: 'Tenor Sans', sans-serif; font-size: 35px; color: #20393F;}
#bann-cours h3 {color: white; font-size: 25px;}
#bann-cours button{margin: 20px 0 0 0;}
#bann-cours .maker_map {position: absolute; right:75px; top:80px; width:197px;}

footer.site-footer {background:#152022 !important; color:white; border:0; box-shadow: none; padding:0; margin:50px 0 0 0; padding:150px 0 50px 0; text-align: left;}
footer.site-footer .wrap{position: relative;}
footer.site-footer .footer-logo{position: absolute; top: -231px; left: -67px;}
footer.site-footer .footer-presentation{width: 30%}
footer.site-footer .footer-presentation a.button {background-color: white; font-weight: bold; border-radius: 0; padding: 20px 30px; margin:0 0 30px 0; color: #2A4B51; display: inline-block; font-size: 16px;  width: 100%; text-align: center;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
footer.site-footer .footer-presentation a.button:hover {background-color: #224E55; color: white; text-decoration: none;}
footer.site-footer .footer-presentation .encart{padding:40px; border: 2px solid #2A4B51;}
footer.site-footer .footer-presentation p{text-align: justify; font-size: 15px; line-height: 2;}
footer.site-footer .footer-presentation a{background-color: #224E55; padding: 10px 20px; display: inline-block; color: white; font-size: 15px; margin-top: 25px;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
footer.site-footer .footer-presentation a:hover{background-color: #1E8191;}
footer.site-footer .footer-presentation span{padding-top: 25px; display: inline-block;}

footer.site-footer .footer-menu{width: 30%; padding-left: 10%;}
footer.site-footer .footer-menu span{margin-top:2rem; padding-bottom: 20px; display: inline-block;}
footer.site-footer .footer-menu ul.menu{line-height: 3;}
footer.site-footer .footer-menu li.menu-item-37{display: none;}
footer.site-footer .footer-menu li a{color: white; padding-bottom: 10px;}
footer.site-footer .footer-menu li a:hover{text-decoration: underline;}
footer.site-footer .footer-presentation span, footer.site-footer .footer-menu span, footer.site-footer .footer-contact span{font-weight: bold; font-size:16px; color: #2A4B51;}

footer.site-footer .footer-menu a.button{background-color: white; font-weight: bold; border-radius: 0; padding: 20px 30px; margin:30px 0; color: #2A4B51; display: inline-block; font-size: 16px; width: 100%; text-align: center;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
footer.site-footer .footer-menu a.button:hover{background-color:#224E55; color: white; text-decoration: none;}
footer.site-footer .footer-menu a{color: white; padding-bottom: 10px;}
footer.site-footer .footer-menu a:hover{text-decoration: underline;}
footer.site-footer .footer-menu .footer-tel{padding: 5px 0 5px 75px; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/footer/phone.svg'); background-size: contain; background-position-y: center; background-repeat: no-repeat; margin:10px 0;}
footer.site-footer .footer-menu .footer-email{padding: 0px 0 0px 75px; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/footer/send.svg'); background-size: contain; background-position-y: center; background-repeat: no-repeat; margin:30px 0;}

footer.site-footer .footer-facebook{width: 40%; padding-left: 10%;}
footer.site-footer .footer-facebook .fts-jal-single-fb-post{padding:0 !important;}

section.footer_credits {background:#152022; background-image: url('https://www.infamily.fr/wp-content/themes/outreach-pro/images/footer/credits-background.svg'); background-position: top center; background-repeat: no-repeat; color:white; border:0; box-shadow: none; padding:0; padding: 0 0 60px 0;}
section.footer_credits .reseaux{padding: 25px 0 50px 0; justify-content: center;}
section.footer_credits .reseaux div{padding: 0 30px;}
section.footer_credits .partenaires{text-align: center;}
section.footer_credits .partenaires a{display: inline-block; margin: 0 10px; background-color: #28474c; padding:5px 10px; border-radius: 10px; color: white; font-weight:bold; transition: all 0.2s ease-out;}
section.footer_credits .partenaires a:hover{background-color: #22616B;}
section.footer_credits .footer_credits_contenu{color:white; font-size: 12px; padding:20px 0 40px 0;}
section.footer_credits .footer_credits_contenu a{color:white !important; text-decoration: underline;}
section.footer_credits .footer_credits_left{float:left;}
section.footer_credits .footer_credits_right{float:right;}
section.footer_credits .footer_credits_center{position: absolute; left:50%;  transform: translateX(-50%);}


/* Badge Athorus Digital */
.ad-badge{background:white; display:inline-flex; align-items:left; gap:.4rem; margin-top:-30px; border:3px solid transparent; padding: .3rem 0.5rem; border-radius:12px; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;}
.ad-badge:hover{border: 3px solid #52acbb;}
.ad-badge:hover .ad-badge__small, .ad-badge:hover .ad-badge__brand, .ad-badge:hover{text-decoration: none !important;}
.ad-badge br{ display:none; }
.ad-badge__logo{ width:35px; height:30px; object-fit:contain; flex:0 0 22px;}
.ad-badge__text{ color: #20393F; line-height:1.05; display:flex; flex-direction:column; text-align: left; padding-left:0;}
.ad-badge__small{ font-size:.75rem; margin-bottom:1px; font-weight:500; }
.ad-badge__brand{ font-weight:700; font-size:.85rem }

/*************************************/
/* --------- MEDIA QUERIES --------- */
/*************************************/

/*360 x 640 (petit portable) : 22,64%,
1366 x 768 (ordinateur portable moyen) : 11,98%,
1920 x 1080 (grand ordinateur de bureau) : 7,35%,
375 x 667 (mobile moyen) : 5%,
1440 x 900 (ordinateur de bureau moyen) : 3,17%,
720 x 1280 (grand mobile) : 2,74%.

Desktop : au delà de 1024 pixels. 
Tablette : entre 600 et 1024 pixels (en mode portrait) 
Mobile : entre 320 et 600 pixels (en mode portrait)
 */

 
body:before{width:100%; height:3px; background:transparent; content: ''; display:none; position:fixed; z-index:1000; bottom:0;}

@media only screen and (max-width: 1500px)
{
    body:before {background:grey !important;}    

    .wrap {max-width: 100% !important;}
    .wrapper {padding:40px 30px !important;}
    .nav-primary .wrap, footer.site-footer .wrap{max-width:100% !important; padding:0 30px;}
    nav.nav-primary ul.genesis-nav-menu li#menu-item-37 {left: -10px;}
    nav.nav-primary .wrap:before {right: 5px;}

    header {padding: 0 50px;}

    .home header .flexbox-container .titre h1 {font-size: 28px;}
    .home header .flexbox-container .slider:before {right: -455px;}
    .home #presentation {margin: 50px 0 0 0; padding: 8rem 0 5rem 0;}
    .home #presentation .slogan h2 {font-size: 28px;}
    .home #presentation .contenu {font-size: 21px;}
    .home #presentation .media .citation {max-width: 375px; padding: 75px 50px 150px 30px;}
    .home #presentation .media .citation p {font-size: 25px;}
    .home #presentation .media .citation:before, .home #presentation .media .citation:after {width: 100px; height: 100px;}
    .home #presentation .media .citation hr {border: 1px solid white; width: 50px; margin: 50px auto 30px auto;}
    .home #presentation .media .citation span {font-size: 18px;}
    .home #presentation .media .video {width: 500px; height: auto; margin: 110px 0 0 -30px;}
    .home #contact {padding: 2rem 0;}

    .home #affiches {padding: 3rem 0 0 0;}
    .home #affiches h2 {font-size: 28px;}
    .home #affiches h3 {font-size: 17px; padding: 15px 25px; width: 526px; margin: 10px auto 0px auto;}
    .home #affiches .galerie {padding: 0 30px;}
    .home #affiches .galerie div.item {padding: 10px;}
    .home #recrutement .wrapper{padding: 0 30px !important;}

    .home #recrutement .recrute h2 {font-size: 28px;}
    .home #recrutement .visuels div.activites span {font-size: 16px;}
    .home #recrutement .visuels span.slogan {font-size: 15px;}
    .home #recrutement .recrute .contacteznous h3 {font-size: 24px; line-height: 1.75;}

    .page-template-ecole .lieux h1 {margin: 75px auto 75px auto;}

    .page-template-contact .flexbox-container-lieux {gap:0; column-gap:0;}
    .page-template-contact .flexbox-container-lieux .item{width:auto;}
  
    footer.site-footer .footer-logo {left: 10px; top: -255px;}
    footer.site-footer {padding: 175px 0 75px 0;}
    section.footer_credits .reseaux {padding: 0 0 50px 0;}
    section.footer_credits .wrapper{padding: 40px 30px 10px 30px !important;}
}
@media only screen and (max-width: 1180px)
{
	body:before {background:red !important;}

    button {font-size: 14px;}  
    .wrapper {padding: 20px 30px !important;}

    nav.nav-primary ul.genesis-nav-menu {margin-top: 50px;}
  	nav.nav-primary ul.genesis-nav-menu a {font-size: 14px;  padding: 0.8rem 2.2rem;}
    nav.nav-primary ul.genesis-nav-menu li#menu-item-37 a {padding: 1.2rem 0;}
    nav.nav-primary ul.genesis-nav-menu li#menu-item-37 img{width: 190px; height: auto;}
    nav.nav-primary:before {height:88px;}


    .home .community{margin:3rem 0; position: relative; z-index:2; padding:1rem 0.5rem;}
    .home .community .pg-hero-section .pg-hero-heading {font-size: 3vw; min-width: auto; padding: 0 2rem;}
    .home .community .pg-hero-section .pg-hero-subheading {font-size: 2.5vw; min-width: auto; }
    .home .community button {font-size: 2vw;}
    .home header .wrapper {padding: 0 !important;}
    .home header .flexbox-container .slider {width: 60%;}
    .home header .flexbox-container .slider:before {right: -485px;}
    .home header .flexbox-container .titre {width: 40%;}
    .home header .flexbox-container .slider:before {right: -475px;}
    .home #presentation {margin: 75px 0 0 0;}
    .home #presentation .slogan h2 {font-size: 25px;}
    .home #presentation .contenu {font-size: 18px;}
    .home #contact {margin-top: -2px;}
    .home #contact .wrapper h2 {font-size: 28px;}
    .home #contact .wrapper img.icone {left: 100px; top: 0; width: 130px;}
    .home #recrutement .recrute h2 {font-size: 25px; line-height: 1.5;}
    .home #recrutement .visuels .activite1, .home #recrutement .visuels .activite2, .home #recrutement .visuels .activite3, .home #recrutement .visuels .activite4 {height: 200px;}
    .home #recrutement .visuels span.slogan {font-size: 14px;}
    .home #recrutement .recrute .contacteznous h3 {font-size: 22px; line-height: 1.5;}
    .home #recrutement .recrute .contacteznous {padding: 30px 50px 10px 50px;}

    #bann-cours .maker_map {display: none;}
    #bann-cours div.texte {width: 64%;}

    body.page-template-actualites .wrapper{padding: 20px 30px !important}
    body.page-template-actualites .posts-container .posts-item {padding: 1rem;}
    body.page-template-actualites .posts-container .posts-item .posts-content {min-height: 470px;}

    footer.site-footer {padding: 150px 0 50px 0;}
    footer.site-footer .footer-logo {width: 275px; top: -223px;}
    footer.site-footer .footer-presentation p {font-size: 14px; line-height: 1.75;}
    footer.site-footer .footer-presentation a {font-size: 14px;}
    footer.site-footer .footer-menu {padding-left: 5%;}
    footer.site-footer .footer-menu ul.menu {line-height: 2.5;}
    footer.site-footer .footer-contact a.button {padding: 15px 30px; font-size: 14px;}
    footer.site-footer .footer-presentation span, footer.site-footer .footer-menu span, footer.site-footer .footer-contact span {font-size: 14px;}
    section.footer_credits .wrapper {margin-top: -2px;}
    section.footer_credits .wrapper {padding: 30px 30px 10px 30px !important;}
    section.footer_credits .reseaux img{width:45px; height:45px;}
}

@media only screen and (max-width: 1023px)
{
	body:before {background:green !important;}

    .desktop, .mobile{display: none;}
    .tablet{display: block;}

    .flexbox-container{flex-direction: column; width: 100%;}
    .content {margin-bottom: 0;}
    nav.nav-primary ul.genesis-nav-menu {margin-top: 65px;}
    nav.nav-primary ul.genesis-nav-menu a {font-size: 13px; padding: 0.8rem 1.8rem;}
    nav.nav-primary ul.genesis-nav-menu li#menu-item-37 img {width: 175px;}
    nav.nav-primary:before {height:100px;}
    nav.nav-primary .wrap:before {top: -4px; right: 9px; background-size: 550px 50px; height: 50px; width: 550px;}

    /* Home */
    .home .community .pg-hero-section .pg-hero-heading {font-size: 3vw; min-width: auto; padding: 0 2rem;}
    .home .community .pg-hero-section .pg-hero-subheading {font-size: 2.5vw; min-width: auto; }
    .home .community button {font-size: 2vw;}
    .home header .flexbox-container {flex-direction: column; width: 100%;}
    .home header .flexbox-container .slider, .home header .flexbox-container .titre {width: 100%;}
    .home header .flexbox-container .slider:before {display: none;}
    .home header .flexbox-container .titre {margin: 50px auto 0 auto; width: 500px; text-align: center;}
    .home header .flexbox-container .titre span {margin-top: 25px;}
    .home header .flexbox-container .titre a button {margin-top:10px;}
    .home #presentation {padding: 6rem 0 3rem 0;}
    .home #presentation h3 span {font-size: 16px; padding: 0 2rem;}
    .home #presentation h3 {padding: 0px 0 30px 30px; width: 604px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
    .home #presentation .slogan {width: 100%; text-align: center;}
    .home #presentation .contenu {width: 100%;  text-align: center;  margin: 50px 0 0 0;}
    .home #presentation .media .citation {margin: 0 auto;padding: 75px 50px 75px 30px;}
    .home #presentation .media .citation { max-width: 375px; width: 100%;}
    .home #presentation .media .video {margin: 50px auto 30px auto;}
    .home #contact .wrapper h2 {font-size: 25px; margin-bottom: 40px;}
    .home #affiches h2 {font-size: 25px;}
    .home #affiches h3 {font-size: 16px; padding: 15px 25px; width: 472px; background-color: white;}
    .home #affiches .galerie {margin: 75px 0; flex-wrap: wrap; flex-direction: row;}
    .home #recrutement .recrute {width: 100%;}
    .home #recrutement .recrute h2 {text-align: center; font-size: 25px;}
    .home #recrutement .recrute .contacteznous {bottom: 0; width: 100%; margin: 50px auto; max-width: 520px; display: block; position: relative;}
    .home #recrutement .recrute .contacteznous h3 {text-align: center;}
    .home #recrutement .visuels {width: 100%;}
    .home #recrutement .visuels .flexbox-container {flex-direction: row;}

    /* Actualites */
    body.page-template-actualites .posts-container .posts-item {width: 50%;}
    body.page-template-actualites .posts-container .posts-item .posts-content {min-height: 400px;}

    /* Ecole */
    .flexbox-container-2{flex-direction: column;}
    .flexbox-container-2 .item{width:100%; padding:2% 0;}
    .flexbox-container-3 .item {width: 100%; padding: 2%;}
    .page-template-ecole .cathy h2{margin: 0px auto 50px auto;}
    .page-template-ecole .cathy .visuel {width: 100%; text-align:center; padding: 2em 0;}
    .page-template-ecole .cathy .visuel {width:auto; max-height: max-content;}
    .page-template-ecole .cathy .biographie{width: 100%;}
    .page-template-ecole .steps .item {width: 100%; margin-bottom: 2rem;}

    body.lieux-cours .flexbox-container-lieux{flex-direction:row; gap: 0; column-gap: 0;}
    body.lieux-cours .flexbox-container-lieux .item{width:30%;}
    /* body.lieux-cours .lieux a img{width: 200px;}
    body.lieux-cours .lieux p {padding: 78px 50px; float: left; height: 200px; width: calc(100% - 200px); margin:0;} */

    /* Equipe */
    .page-template-equipe .titre h2 {margin: 20px auto 50px auto;}
    .page-template-equipe .professeur-item .visuel {width: 100%; height:550px;}
    .page-template-equipe .professeur-item .bio {width: 100%;}

    /* Inscription */
    .page-template-inscription form .flexbox-container div {width: 100%;}
    .page-template-inscription form .reglements-box {margin: 0 0 2rem 0;}
    .page-template-inscription .site-header {display: none;}
    .page-template-inscription h1 {font-size: 25px;}
    .page-template-inscription h2 {font-size: 18px; width: 100%;}


    /* Contact */
    .page-template-contact .background-header form {margin: 3rem 0 0 0;}
    .page-template-contact .background-header .contact-form-div {width: 100%;}
    .flexbox-container-4 .item {width: 100%; padding: 1%;}
    .page-template-contact .lieux a {float: left;}
    .page-template-contact .lieux a img{width: 200px;}
    .page-template-contact .lieux p {padding: 78px 50px; float: left; height: 200px; width: calc(100% - 200px); margin:0;}
    

    #bann-cours div.texte{width:75%;}
    footer.site-footer .footer-logo {left: 20px; width: 250px; top: -216px;}
    footer.site-footer .flexbox-container{flex-direction: row;}
    footer.site-footer .footer-contact .footer-email, footer.site-footer .footer-contact .footer-tel{padding: 0px 0 0px 50px;}
    section.footer_credits .reseaux {flex-direction: row;}
}

@media only screen and (max-width: 860px)
{
	body:before {background:pink !important;}

    .mobile, .desktop{display: none;}
    .tablet{display: block;}

    .wrap {padding-left: 0; padding-right: 0;}

    .background-header {background-image: none;}

    .home #presentation h3{display: none;}
    body.admin-bar .site-container {margin-top: 46px;}
    body.admin-bar nav.nav-primary {top: 171px;}

    .preheader-infa{height: 50px;}
    .preheader-infa:before{content: " "; display: block; width: 100%; height:75px; background-color: white; top:50px; border-bottom: 1px solid #D6D6D6; position: absolute; z-index:0;}
    .preheader-infa strong, .preheader-infa .decouvrir{display: none;}
    .preheader-infa a.discover {right: 10px; left: auto; z-index: 100; position: absolute;}
    .preheader-infa .preheader-menu {position: absolute; right: auto; left: 15px;}
    .preheader-infa .preheader-menu ul li a{padding:4px 10px;}
    .preheader-menu ul li a i {margin-right: 0;}
    .preheader-infa .preheader-menu ul li a span{display: none;}
    .preheader-infa .preheader-menu ul li:not(:last-child)::after {display:none;}
    .preheader-infa .preheader-logo{display: none;}
    .preheader-infa .logo-mobile{display:block; position: absolute; left:50%; top:54px; transform: translateX(-50%); z-index: 10;}
    .preheader-infa .logo-mobile img{height:58px; width: auto;}

    /* .preheader-infa .wrapper span{display: none;}
    .preheader-infa .wrapper a{position: absolute; left:50%; right: 50%; transform: translateX(-50%); width:auto; min-width:265px; font-size: 16px; top:15px;}
    @keyframes zoom {0% {transform: translateX(-50%) scale(1);} 35% {transform: translateX(-50%) scale(1);} 50% {transform: translateX(-50%) scale(1.1);} 65% {transform: translateX(-50%) scale(1);} 100% {transform: translateX(-50%) scale(1);} } */

    .preheader {top:10px}
    .preheader{display: block; height: 100%; display: block; text-align: center; margin:0; padding:20px 0 20px 0; left: 0; z-index: 9; width: 100%; position: relative;}
    .preheader:before {content: " "; display: block; width: 100%; height:1px; background-color: white; top:85px; border-bottom: 1px solid #D6D6D6; position: absolute; z-index:0;}
    .preheader img{position: relative; z-index: 1; width:175px; height: auto; top:20px;}
    .responsive-menu-icon {cursor: pointer; display: block; text-align: center; position: fixed; left: 0; top:60px;}
    .responsive-menu-icon::before {color: #152022; font: normal 31px 'dashicons';}
    .preheader-menu ul li a::after {content: none; display: none;}
    body.admin-bar .responsive-menu-icon {top: 105px;}
    
    nav.nav-primary {z-index: 99; top:125px; background-color:rgba(255,255,255,0.75)}    
    nav.nav-primary .wrap{padding: 0 20px;}
    nav.nav-primary .wrap:before, nav.nav-primary:before, nav.nav-primary ul.genesis-nav-menu li#menu-item-37{display: none;}
    nav.nav-primary ul.genesis-nav-menu {display: none; margin-top: 0; padding: 0;}
    nav.nav-primary ul.genesis-nav-menu a {font-size: 15px; padding: 1.5rem 1rem; text-align: center;}
    nav.nav-primary ul.genesis-nav-menu li.menu-item {margin-left:0; width: 100%;}
    nav.nav-primary ul#menu-principal li.menu-item a {clip-path: none !important;}

    .site-inner{padding-top:87px !important;}    

    header, .home header {margin:36px 0 0 0;}
    .home .community {margin: 0 0 2rem 0;}
    .home .community .pg-hero-section .pg-hero-heading{font-size: 3.5vw; top: 2rem; position: relative; min-width: 450px;}
    .home .community .pg-hero-section .pg-hero-subheading{font-size: 2.5vw; top: 3rem; position: relative; min-width: 450px;}
    .home .community button{font-size: 1.5rem; top:3.5rem;}

    .home header .flexbox-container .slider:before {right: -485px;}
    .metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-next, .metaslider.ms-theme-blend .rslides_nav.next, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-nextNav, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-next {right: 10px !important;}
    .metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev, .metaslider.ms-theme-blend .rslides_nav.prev, .metaslider.ms-theme-blend div.nivoSlider div.nivo-directionNav a.nivo-prevNav, .metaslider.ms-theme-blend .coin-slider .coin-slider div a.cs-prev {right: 98px !important;}

    /* .home .activity-slider .slick-list{width: 100vw; padding-bottom: 20px;} */
    .home .activity-slider {height: 222px;}
    .home .activity-slider .activity-slide{width: 350px !important;}

    .home header .flexbox-container .titre h1 {font-size: 23px;}
    .home #presentation {padding: 3rem 0 3rem 0;}
    .home #contact .wrapper img.icone {left: 82px; top: 8px; width: 110px;}
    .home #affiches .galerie {padding: 0;}
    .home #affiches .galerie div.item {width: 25%;}
    .home #recrutement .wrapper {padding: 0 20px !important;}
    .home #recrutement .recrute .contacteznous {padding: 30px 30px 10px 30px; text-align: center;}

    /* FORMATION */
    body.formation header {margin:30px 0 0 0; }

    body.template-formation1 header {margin:30px 0 0 0;}
    body.template-formation1 header h1.entry-title {font-size: 25px;}
    body.template-formation1 .video-presentation{height: 220px;}
    body.single-sfwd-lessons h1 {font-size: 25px;line-height: 1.5;}
    body.template-formation1 h2 {font-size: 22px !important; padding: 25px !important;}

    /* COURS */
    body.cours .titre {margin-top:2rem;}

    /* ECOLE */

    .header h1, .lieux h1 {font-size: 25px;}
    .header h2, .lieux h2 {font-size: 16px; padding: 15px 25px; width: 472px;}
    .page-template-ecole header{margin: 20px 0 0 0;}
    .page-template-ecole .cathy .video {margin: 0 auto 50px auto;}

    body.lieux-cours .flexbox-container-lieux{flex-direction:column; gap: 0; column-gap: 0;}
    body.lieux-cours .flexbox-container-lieux .item{width:100%;}
    body.lieux-cours .lieux img {width: 100%; height: auto;}


    /* Actualites  */
    body.page-template-actualites header, body.single header  {margin: 0;}    
    body.page-template-actualites .posts-container .posts-item {width: 100%;}
    body.page-template-actualites .posts-container .posts-item .posts-content {min-height:330px;}

    body.single .post-conteneur{flex-direction: column;}
    body.single .post-conteneur .posts-thumbnail {width: 300px; text-align: center;}
    body.single .post-conteneur .post-article {margin-left: 0; width: 100%;}
    
    /* Equipe */
    .page-template-equipe header {margin: 0;}    
    .page-template-equipe .professeur-item .visuel {height:600px;}
    .page-template-equipe .professeur-item .bio {padding: 1rem 2rem;}

    /* Inscription */
    .page-template-inscription .captcha-image {margin:20px 0 0 0;}

    #bann-cours {padding: 5em 0; margin: 30px 0 0 0;}
    #bann-cours div.texte{width:100%;}
    #bann-cours h3 {color: #02687b; font-size: 25px;}
    footer.site-footer {padding: 100px 0 50px 0;}
    footer.site-footer .flexbox-container {flex-direction: column;}
    footer.site-footer .footer-logo {left: 20px; width: 220px; top: -159px;}
    footer.site-footer .footer-presentation {width: auto;}
    footer.site-footer .footer-presentation span {padding-top: 15px;}
    footer.site-footer .footer-menu {padding-left: 0; width: 100%; margin-top: 50px;}
    footer.site-footer .footer-contact {width: 100%; padding-left: 0; margin-top: 50px;}
    section.footer_credits .footer_credits_left {float: none; text-align: center; padding:5px 0;}
    section.footer_credits .footer_credits_center {position: relative; left: auto; transform: none; text-align: center; padding:5px 0;}
    section.footer_credits .footer_credits_right {float: none; position: relative; text-align: center; padding: 5px 0;}
    footer.site-footer .footer-facebook {width: 100%; padding-left: 0; padding-top: 2rem;}
}

@media only screen and (max-width: 600px)
{
	body:before {background:orange !important;}

    .tablet, .desktop{display: none;}
    .mobile{display: block;}

    #wpadminbar{ display:none !important; }
    html{ margin-top:0 !important; }

    .entry {margin-bottom: 0;}
    .flexbox-container-3 .item {padding: 20px 30px;}

    /* .preheader {top:10px} */
    /* .preheader-menu ul li a {font-size: 20px; padding: 10px 20px;}
    .preheader-menu ul li a span{display: none;}
    .preheader-menu ul li a i {margin-right: 0; opacity: 0.75;}
    .preheader-menu ul li#menu-item-2273 {display: none;} */
        
    header {padding: 0 20px; margin:0;}

    .titre h1 {font-size: 21px; line-height: 1.2;}
    .titre h2 {font-size: 16px; padding: 15px 25px; width: auto; margin:0 auto 20px auto;}
    .header h2, .lieux h2 {width: 100%;}

    .home .community{padding: 0;}
    .home .community .pg-hero-section .pg-hero-heading{font-size: 5vw; top:0; position: relative; min-width: 450px;}
    .home .community .pg-hero-section .pg-hero-subheading{font-size: 4vw; top:1rem; line-height: 1.5; position: relative; min-width: 450px;}
    .home .community button{font-size: 1.5rem; top:2rem;}

    .home #recrutement .recrutement_visuels{display: none !important;}
    .home header .flexbox-container .slider:before {right: -515px;}
    .home header .flexbox-container .titre {margin: 30px auto 0 auto; width: auto;}
    .home header .flexbox-container .titre h1 {font-size: 21px; line-height: 1.2;}
    .home header .flexbox-container .titre button {margin-top: 30px;}
    .home .header .flexbox-container .slider .flex-direction-nav{display: none;}
    .home #presentation {margin: 50px 0 0 0; padding: 3rem 0 2rem 0;}
    .home #presentation h3 {display: none;}
    .home #presentation .slogan h2 {padding: 30px 50px;}
    .home #presentation .media .citation p {font-size: 22px;}
    .home #presentation .media .citation span {font-size: 16px;}
    .home #presentation .media .video {width: 400px;}
    .home #contact .wrapper h2 {padding-left: 75px;}
    .home #contact .wrapper img.icone {left: 33px; top: 52px; width: 90px;}
    .home #affiches h2 {font-size: 21px;}
    .home #affiches h3 {padding: 15px; width: auto;}
    .home #affiches .galerie {margin: 50px 0;}
    .home #affiches .galerie div.item {width: 33%;}
    .home #affiches .galerie div.item:nth-child(19), .home #affiches .galerie div.item:nth-child(20){display: none;}
    .home #recrutement .visuels .activite1, .home #recrutement .visuels .activite2{margin: 0px;}
    .home #recrutement .visuels .activite3, .home #recrutement .visuels .activite4{margin:10px 0px;}
    .home #recrutement .visuels span.slogan {margin: 2px 0;}

     /* Actualites  */
    body.page-template-actualites .titre h1, body.single .titre h1 {font-size: 21px;}
    body.page-template-actualites .titre h2, body.single .titre h2 {font-size: 16px; width: 100%; margin: 20px auto 30px auto;}
    body.page-template-actualites .posts-container .posts-item .posts-content {min-height:380px;}
    body.page-template-actualites .posts-container .posts-item {padding: 0 0 3rem 0;}

    body.single p.post-title {font-size: 30px; line-height: 35px; margin:4rem 0 0 0;}
    body.single p.post-info {font-size: 15px; margin: 10px 0 0 0;}
    body.single .post-content{font-size:14px; margin:25px 0 0 0;}
    body.single .post-links span.post-prev, body.single .post-links span.post-next {float: none; width:100%; text-align: center;}
    body.single .post-links span.post-prev{margin:0 0 20px 0;}

    /* Ecole */
    .page-template-ecole .cathy .visuel {padding: 0 0 2em 0;}
    .page-template-ecole .lieux h1 {margin: 50px auto 30px auto;}
    .page-template-ecole .cathy h2{width:100%;}
    .page-template-ecole .steps .item {padding: 2rem 1rem 1rem 1rem;}
    .page-template-ecole .steps .item .visuel {position: relative; left: 0; bottom: 0;}

    /* Equipe */
    .page-template-equipe .wrapper {padding: 0 15px !important;}
    .page-template-equipe .titre h1 {font-size: 21px;}
    .page-template-equipe .titre h2 {font-size: 16px; width: 100%; margin: 20px auto 30px auto;}

    /* Inscription */
    .page-template-inscription .wrapper {padding: 0 15px !important;}
    .page-template-inscription h1 {font-size: 25px; margin:20px 0 0 0;}
    .page-template-inscription h2 {font-size: 18px; width: 100%;}
    .page-template-inscription a.planning button {width: 100%;}
    .page-template-inscription form {padding: 1rem; }
    .page-template-inscription h3 {font-size: 15px;}
    .page-template-inscription form .flexbox-container {margin-bottom: 0;}
    .page-template-inscription form .flexbox-container div {margin-bottom: 15px;}
    .page-template-inscription form {font-size: 15px;}
    .page-template-inscription form .reglements-box {padding: 1rem;}
    .page-template-inscription form .engagement {font-size: 14px; margin:20px 0 0 0;}
    .page-template-inscription form p{margin:0;}
    .page-template-contact .background-header {padding: 7rem 0 5rem 0;}

    /* Woocommerce */
    body.single-product .single_add_to_cart_button{width:100%;}
    body.single-product div.product .woocommerce-tabs .panel p {color: #1A1A1A; font-size: 14px; line-height: 1.75;}
    
    #bann-cours h2 {font-size: 25px;}
    #bann-cours h3 {font-size: 20px;}

    body.single-product #presentation .product_title {font-size: 40px;}
    body.woocommerce-page header.entry-header h1{font-size:21px; line-height: 1.2;}

    /* Social */
    body.social-inscription .entry-content {padding: 2rem;}
}


@media only screen and (max-width: 480px)
{
	body:before {background:purple !important;}   
    
    .tablet, .desktop{display: none;}
    .mobile{display: block;}

    .home #contact .wrapper img.icone{display: none;}
    .preheader {top:25px}
	.preheader img {width: 175px;}
    .preheader-infa .wrapper{padding:20px 10px !important;}
    .preheader-infa strong{display: none;}

    nav.nav-primary .wrap {padding: 0 10px;}
    /* .preheader-menu ul li#menu-item-1544 {display: none;} */
    nav.nav-primary ul#menu-principal li.menu-item:nth-child(2)#menu-item-1723 a{clip-path: none;}
    .genesis-nav-menu.responsive-menu .menu-item-has-children > a {margin-right:0px;}

    /* header{margin: 0;} */
    .header h1{line-height: 1.3;}
    .header h2, .lieux h2 {font-size: 16px; padding: 15px; margin: 0 auto 50px auto; width: 100%;}
    body.wpforo .entry-content {margin:15px 0 0 0;}

    /* Home */
    .home .community .pg-hero-section{overflow: hidden;}
    .home .community .pg-hero-section .pg-hero-heading{margin:0;}
    .home .community .pg-hero-section .pg-hero-subheading{font-size: 4vw; top:0; line-height: 1.5; position: relative; min-width: 450px;}
    .home .community button{font-size: 4vw; top:0rem;}

    /* .home header {margin:0; padding: 0 10px;} */
    .home header .flexbox-container .slider:before {right: -526px;}
    .home header .flexbox-container .titre span {font-size: 16px;}
    .home header .flexbox-container .titre button {margin-top:20px;}

    .home .activity-slider{margin:50px 0;}
    .home #instagram{margin-top:0;}
    .home #presentation {margin: 0;}
    .home #presentation .slogan h2 {padding: 20px 30px; font-size: 21px;}
    .home #presentation .contenu {font-size: 14px;}
    .home #presentation .media .citation p {font-size: 18px;}
    .home #presentation .media .citation span {font-size: 14px;}
    .home #presentation .media .citation {padding: 75px 30px 75px 30px;}
    .home #presentation .media .video {width: 300px;}
    .home #contact .wrapper h2 {padding-left: 0; font-size: 21px; margin-bottom: 30px;}
    .home #contact .wrapper button {margin-left: 0;}
    .home #affiches {padding: 1.5rem 0 0 0;}
    .home #affiches h2 {text-align: center; line-height: 1.5;}
    .home #affiches h3 {font-size: 15px; line-height: 1.5;}
    .home #affiches .galerie div.item {width: 50%;}
    .home #recrutement .visuels .flexbox-container {flex-direction: column;}
    .home #recrutement .visuels .activite1, .home #recrutement .visuels .activite2, .home #recrutement .visuels .activite3, .home #recrutement .visuels .activite4 {width: 100%; height:175px; margin:5px 0;}
    .home #recrutement .visuels span.slogan {padding: 20px; font-size: 16px;}
    
    /* Actualités */
    body.page-template-actualites .posts-container .posts-item .posts-content .posts-title a {font-size: 18px; line-height: 20px;}
    body.page-template-actualites .posts-container .posts-item .posts-content .posts-date {font-size: 12px;}
    body.page-template-actualites .posts-container .posts-item .posts-content p {font-size: 13px;}
    body.page-template-actualites .posts-container .posts-item .posts-content {min-height: 400px;}

    body.single .post-conteneur{ margin:0;}
    body.single .post-conteneur .posts-thumbnail {width: 100%; margin: 30px 0 00;}
    body.single p.post-title {font-size: 26px; line-height: 30px; margin: 3rem 0 0 0;}
    body.single .post-links {margin: 4rem 0 0 0;}
    body.single .post-links span a {font-size: 12px;}
    body.single .post-actualites {padding: 3rem 0;}

    /* Ecole */
    .page-template-ecole .cathy .video {margin: 0 auto 30px auto;}
    .page-template-ecole .lieux h1 {margin: 50px auto 30px auto; line-height: 1.3;}

    /* Equipe */
    .page-template-equipe .wrapper {padding: 0 !important;}
    .page-template-equipe .professeur-item .visuel {height:400px;}
    
    /* Inscription */
    .page-template-inscription .wrapper {padding: 0 !important;}
    .page-template-inscription h1 {font-size: 21px;}
    .page-template-inscription h2 {font-size: 16px; width: 100%;}
    .page-template-inscription a.planning button {width: 100%;}
    .page-template-inscription form input[type="submit"] {font-size: 14px; width: 100% !important;}

    /* WooCommerce */
    body.single-product #presentation{padding: 0;}
    body.single-product #presentation .right {padding-left: 10px;}
    body.single-product #presentation .product_title {font-size:28px; margin-top: -15px;}

    body.woocommerce-cart header{margin: 20px;}
    body.woocommerce-cart .entry-content{padding: 0 10px;}

    /* Social */
    body.social-inscription .entry-content {padding:2rem 1rem;}
    

    /* Contact */
    .page-template-contact header {margin: 10px;}
    .page-template-contact .background-header {padding: 5.5rem 0 1rem 0;}
    .page-template-contact .wrapper {padding: 1rem !important;}

    .page-template-contact .background-header .triangle {display: none;}
    .page-template-contact .background-header .titre h1 {font-size: 25px;}
    .page-template-contact .background-header .titre span {font-size: 14px;}
    .page-template-contact label {font-size: 14px;}
    .page-template-contact .background-header form {margin: 2rem 0 0 0;}
    .cf7ic_instructions {font-size: 14px; line-height: 1.5;}
    .page-template-contact .background-header .visuel .informations p {font-size: 14px; line-height: 22px;}

    .page-template-contact .lieux h2 {font-size: 25px; line-height: 1;}
    .page-template-contact .lieux h3 {font-size: 16px; width: 90%;}
    .page-template-contact .lieux a {float: none;}
    .page-template-contact .lieux a img {width: 100%;}
    .page-template-contact .lieux p {padding: 20px; float: none; height: auto; width: 100%; margin: 0; font-size: 14px;}
    .page-template-contact .flexbox-container-lieux {gap: 15px; column-gap: 10px;}        
    .page-template-contact .flexbox-container-lieux .item {width: 100%;}
    
    #bann-cours {padding: 5em 1em;}
    footer.site-footer {padding: 100px 0 30px 0;}
    footer.site-footer .wrap {padding: 0 20px;}
    footer.site-footer .footer-presentation a {font-size: 16px; text-align: center;}
    footer.site-footer .footer-presentation .encart {padding: 30px;}
    footer.site-footer .footer-presentation span{font-size: 13px;}
    section.footer_credits .reseaux div {padding: 0 20px;}
    section.footer_credits .reseaux img {width: 40px; height: 40px;}
    section.footer_credits .reseaux {padding: 0 0 30px 0;}
    section.footer_credits .footer_credits_contenu {padding: 20px 0 30px 0;}
}

/*]]>*/