@charset "UTF-8";

/*
Theme Name: Femis
Theme URI: https://www.femis.fr/
Author: femis
Author URI: https://www.femis.fr/
Description: Blank theme
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: valobat
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, sticky-post, threaded-comments, translation-ready
*/

* {box-sizing:border-box;-webkit-appearance:none}
html, body {margin:0;padding:0;font-family:"Poppins";font-weight:300;font-style:normal;color:#4f4f4f;font-size:16px}
body.noscroll {overflow:hidden}
h1, h2, h3, h4, h5, h6 {font-weight:600;margin:0}
b {font-weight:600}

.cl-rouge {color:#d02c30}
.align-center {text-align:center}
.align-right {text-align:right}
.margin-top-s {margin-top:10px}
.margin-top-m {margin-top:20px}
.margin-top-l {margin-top:30px}
.underline a:hover {text-decoration:underline}

.msg-ko {background: rgba(208, 44, 48, 0.25);padding: 10px;border-radius: 3px;color: #000;}

.femis-block-container {width:100%;max-width:768px;margin:auto}
.femis-block-flex {display:flex;flex-wrap:wrap}

.femis-toggle {position:relative;color:#d02c30;cursor:pointer;padding-left:15px}
.femis-toggle:before {content:"";position:absolute;width: 0; height: 0;top:5px;left:0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #d02c30;transition:all .2s}
.femis-toggle:hover {text-decoration:underline;text-underline-offset:4px}
.femis-toggle.active:before {transform:rotate(90deg)}
.femis-toggled {display:none;margin-top:15px;color:#000}

.femis-list-selection ul {padding-left:30px}
.femis-list-selection li {background:#343f92;color:#fff;padding:5px 10px;margin-bottom:10px;border-radius:4px}
.femis-list-selection li::marker {content: '🟢';}
.femis-list-selection li.learning::marker {content: '🟡';}

.femis-list-hand ul {padding-left:30px}
.femis-list-hand li {padding-left:10px;margin-bottom:10px}
.femis-list-hand li::marker {content: '👉';}

#femis-header {position:fixed;top:0;left:0;background:#fff;border-bottom:8px solid #d02c30;width:100%;z-index:9;transition:all .3s}
#femis-header.scrolled {position:fixed;top:0;left:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}
#femis-header-logo {padding:10px}
#femis-header-logo img {width:200px}
#femis-header-subtitle {color:#d02c30;font-size:22px;padding-left:10px}
#femis-header-subtitle b {font-weight:800}
#femis-header-nav {position:relative;padding:10px}
#femis-header-nav ul.menu {padding:0;margin:0;list-style-type:none;font-size:14px}
#femis-header-nav ul.menu > li {position:relative;display:inline-block;padding:5px 10px;border-bottom:2px solid transparent;}
#femis-header-nav ul.menu > li:hover {border-bottom:2px solid #d02c30}
#femis-header-nav ul.menu > li > a {color:#000;text-decoration:none}
#femis-header-nav ul.sub-menu {display:none;position: absolute;top:40px;background: #fff;list-style-type: none;padding: 0;margin: 0;columns:2;box-shadow:0 0 10px rgba(0,0,0,0.25)}
#femis-header-nav ul.sub-menu > li {padding:5px 10px;border-bottom:1px solid #f2f2f2;}
#femis-header-nav ul.sub-menu > li:hover {background:#f2f2f7}
#femis-header-nav ul.sub-menu > li > a {color:#000;text-decoration:none}
#femis-header-burger {position:absolute;top:25px;right:20px;display:none}
#femis-header-burger svg {width:40px;height:40px}
#femis-header-search {display:none;background:#d02c30;text-align:center;padding:10px}
#femis-header-search form {display:flex;justify-content:center}
#femis-header-search input[type=text] {border:0;border-radius:4px;padding:5px;outline:none;margin-right:5px}
#femis-header-search-submit {width:30px;height:30px;border:0;cursor:pointer;background-image:URL('./inc/graph/ico-search.svg');background-repeat:no-repeat;background-position:center center;background-size:25px}

#femis-main {margin-top:92px}

#femis-footer {background:#d02c30;color:#fff;padding:25px 10px}
#femis-footer-left {width:66%}
#femis-footer-social {display:flex;flex-wrap:wrap}
#femis-footer-social > div {width:30px;}
#femis-footer-social img {width:30px;}
#femis-footer-logos {display:flex;flex-wrap:wrap}
#femis-footer-logos > div:first-child {margin-right:10px}
#femis-footer-logos img {max-width:100px}
#femis-footer-right {width:34%}
#femis-footer nav ul {padding:0;margin:0;list-style-type:none}
#femis-footer nav ul li {font-weight:500}
#femis-footer nav ul li a {color:#fff;text-decoration:none}
#femis-footer nav ul li a:hover {text-decoration:underline;text-underline-offset:4px}

/*********/
/* PANEL */
/*********/

.panel-access-link {cursor:pointer}
.panel-access-btn-wrapper {text-align:center}
.panel-access-btn {display: inline-block;    background: #d02c30;    color: #fff;    padding: 10px 20px;    border-radius: 8px;    margin-top: 20px;    font-size: inherit;    font-weight: 600;    cursor: pointer;}
#femis-panel {display:none;background: #fff;position: fixed;top:15vh;left:calc((100% - 500px) / 2);width: 500px;max-height: 70vh;overflow-y:scroll;padding: 40px;border-radius: 8px;box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);}
#femis-panel-close {position:absolute;top:20px;right:20px;cursor:pointer;background: #d02c30;color: #fff;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align:center}
#femis-panel-wrapper {height:100%;}
#femis-panel-passform {margin:auto;text-align:center}
#femis-panel-passform input[type=password] {width:175px;font-family:inherit;font-size:17px;background:#fff;border:1px solid #4a4458;border-radius:4px;padding:10px 20px}
#femis-panel-passform input[type=submit] {font-family:inherit;background: #4a4458;color: #fff;padding: 10px 20px;border: 1px solid #4a4458;border-radius: 4px;font-size:17px;font-weight:500}
#femis-panel-passform input[type=submit]:hover {background:#d02c30;border:1px solid #d02c30}
#femis-panel-toggle {margin-top:20px;cursor:pointer}
#femis-panel-toggle u {color:#d02c30}
#femis-panel-ask {display:none;margin-top:40px}

/**************/
/* PREACCUEIL */
/**************/

#femis-preaccueil-passform {margin:auto;text-align:center}
#femis-preaccueil-passform input[type=password] {width:175px;font-family:inherit;font-size:17px;background:#fff;border:1px solid #4a4458;border-radius:4px;padding:10px 20px}
#femis-preaccueil-passform input[type=submit] {font-family:inherit;background: #4a4458;color: #fff;padding: 10px 20px;border: 1px solid #4a4458;border-radius: 4px;font-size:17px;font-weight:500}
#femis-preaccueil-passform input[type=submit]:hover {background:#d02c30;border:1px solid #d02c30}

/**********/
/* CURSUS */
/**********/

#femis-cursus-header {background:#f2f2f7;padding:40px 10px}
#femis-cursus-header h1 {font-size:40px;line-height:54px;padding:0;margin:0}
#femis-cursus-fiches {padding: 40px 10px}
#femis-cursus-fiches .femis-block-flex {gap:20px}
.femis-cursus-fiche {position:relative;width:calc(33% - 15px);gap:10px;}
.femis-cursus-fiche-img {width:100%;height:200px;overflow:hidden} 
.femis-cursus-fiche-img figure {height:200px;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:all .3s;border:1px solid #ccc;background-color:#d02c30}
.femis-cursus-fiche:hover .femis-cursus-fiche-img figure {scale:1.25}
.femis-cursus-fiche-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25)}
.femis-cursus-fiche-content {position:relative;margin-top:10px;margin-bottom:10px}
.femis-cursus-fiche span {display:block}
.femis-cursus-fiche span a {color:#d02c30;text-decoration:none;}
.femis-cursus-fiche span a:hover {text-decoration:underline;text-underline-offset:4px}
.femis-cursus-fiche h4 {font-size:24px;line-height:28px;}
.femis-cursus-fiche h4 a {color:#000;text-decoration:none;}
.femis-cursus-fiche p {margin:0}
.femis-cursus-fiche p a {color:#000;text-decoration:none}
#femis-cursus-partenaires {padding:40px 10px}
#femis-cursus-partenaires h2 {color:#000}
#femis-cursus-partenaires img {width:100%}
#femis-cursus-nav {background:#4A4458;padding:40px 10px}
#femis-cursus-nav .femis-block-flex {justify-content:space-between}
#femis-cursus-nav .femis-block-flex > div {width:calc(50% - 10px);background:#f2f2f7;border-radius:8px;padding:40px}
#femis-cursus-nav-prev a {color:#d02c30;text-decoration:none}
#femis-cursus-nav-next a {color:#d02c30;text-decoration:none}
#femis-cursus-nav-prev a:hover, #femis-cursus-nav-next a:hover {text-decoration:underline;text-underline-offset:4px}

/*************/
/* FICHE TFE */
/*************/

#femis-single-header {background:#f2f2f7;padding:40px 10px}
#femis-single-header .femis-block-container {max-width:768px}
#femis-single-header h1 {font-size:40px;line-height:50px}
#femis-single-meta-synopsis {}
#femis-single-meta-synopsis img {width:18px;vertical-align:middle}
#femis-single-cursus img {vertical-align:sub;width:20px;transition:all .3s}
#femis-single-cursus:hover img {margin-left:-10px}
#femis-single-cursus {font-size:14px;font-weight:500}
#femis-single-cursus a {color:#d02c30;text-decoration:none}
#femis-single-cursus:hover a {text-decoration:underline;text-underline-offset:4px}
#femis-single-vignette {background-position:center center;background-repeat:no-repeat;background-size:cover;margin-top:40px}
#femis-single-vignette img {width:100%}
#femis-single-details {padding:40px 10px}
#femis-single-details .femis-block-container {max-width:768px}
#femis-single-details a {color:#d02c30;text-underline-offset:4px}
#femis-single-contact {padding:40px 10px}
#femis-single-contact .femis-block-container {max-width:768px}
#femis-single-contact-form {width:100%;max-width:800px;margin:auto;background:#f2f2f7;padding:40px;border-radius:8px}
#femis-single-contact-form form {display:flex;flex-wrap:wrap;justify-content:space-between}
#femis-single-contact-form form > div {width:100%;margin-bottom:10px}
#femis-single-contact-form form > div.half {width:calc(50% - 5px)}
#femis-single-contact-form form input[type=text], #femis-single-contact-form form textarea {font-family:inherit;font-size:inherit;width:100%;border:0;border-radius:4px;padding:10px;resize:none}
#femis-single-contact-form form input[type=checkbox] {display:none}
#femis-single-contact-form form input[type=checkbox] + label {position:relative;padding-left:25px}
#femis-single-contact-form form input[type=checkbox] + label:before {content:"";position:absolute;top:3px;left:0;width:15px;height:15px;border:1px solid #000;background:#fff;border-radius:4px}
#femis-single-contact-form form input[type=checkbox]:checked + label:after {content:"";position:absolute;top:6px;left:3px;width:11px;height:11px;background:#d02c30;border-radius:4px}
#femis-single-contact-form form input[type=submit] {display:inline-block;margin:auto;background:#d02c30;color:#fff;font-size:inherit;font-weight:600;border:0;border-radius:4px;padding:10px}
.tfe-contact-ok {background: #00cc00;color: #fff;padding: 10px;margin-top: 15px;border-radius: 3px;text-align: center;}
.tfe-contact-ko {background: #cc0000;color: #fff;padding: 10px;margin-top: 15px;border-radius: 3px;text-align: center;}
#femis-single-related {background:#4A4458;padding:40px 10px}
#femis-single-related .femis-block-flex {justify-content:space-between}
#femis-single-related-prev, #femis-single-related-next {position:relative;width:calc(50% - 10px);background:#f2f2f7;border-radius:8px;padding:40px}
/*#femis-single-related-prev:after {content:"";position:absolute;top:calc(50% - 25px);left:30px;width:30px;height:50px;background-image:URL('./inc/graph/big_arrow_prev.svg');background-repeat:no-repeat;background-position:center center;background-size:30px;transition:all .2s}
#femis-single-related-prev:hover:after {left:10px}
#femis-single-related-next:after {content:"";position:absolute;top:calc(50% - 25px);right:30px;width:30px;height:50px;background-image:URL('./inc/graph/big_arrow_next.svg');background-repeat:no-repeat;background-position:center center;background-size:30px;transition:all .2s}
#femis-single-related-next:hover:after {right:10px}*/
.femis-single-related-content {position:relative;display:flex;flex-wrap:wrap;padding-left:30px;padding-right:0}
.femis-single-related-content.right {justify-content:end;padding-left:0;padding-right:30px}
.femis-single-related-label {width:100%}
.femis-single-related-label a {color:#4a4458;text-decoration:none}
.femis-single-related-img {width:200px;height:100px;overflow:hidden} 
.femis-single-related-img figure {width:100%;height:100px;background-repeat:no-repeat;background-size:cover;background-position:center center;transition:all .3s;border:1px solid #ccc;background-color:#ccc}
#femis-single-related-prev:hover .femis-single-related-img figure, #femis-single-related-next:hover .femis-single-related-img figure {scale:1.25}
.femis-single-related-title {width:100%}
.femis-single-related-title a {color:#4a4458;font-weight:700;text-decoration:none}
.femis-single-related-arrow {position:absolute;top:calc(50% - 30px);left:-10px;transition:all .2s}
.femis-single-related-content:hover .femis-single-related-arrow {left:-20px}
.femis-single-related-content.right .femis-single-related-arrow {right:-10px}
.femis-single-related-content.right:hover .femis-single-related-arrow {right:-20px}
.femis-single-related-arrow img {height:60px}

/*********/
/* INDEX */
/*********/

#femis-index-header {background:#f2f2f7;padding:40px 10px}
#femis-index-header h1 {font-size:54px;line-height:54px;padding:0;margin:0}
#femis-index-list {padding: 40px 10px}
#femis-index-list .femis-block-container {columns:3}
#femis-index-list .femis-block-container > div {border-radius:4px;padding:10px}
#femis-index-list .femis-block-container > div:hover {background:#f2f2f7}
#femis-index-list .femis-block-container > div a {color:#000;text-decoration:none}
#femis-index-list .femis-block-container > div:hover a {text-decoration:underline;text-underline-offset:4px}

/**********/
/* SEARCH */
/**********/

#femis-search-header {background: #f2f2f7;padding: 40px 10px;}
#femis-search-header h1 {font-size:54px;line-height:54px;padding:0;margin:0}
#femis-search-results {padding:40px 10px}
#femis-search-results .femis-block-flex {gap:20px}

/***********/
/* WPFORMS */
/***********/

.wpforms-form .wpforms-field-email {margin:0 !important;padding:0 !important}
.wpforms-form .wpforms-field-checkbox label {color:#fff !important;font-size:13px !important}
.wpforms-form .wpforms-submit {background-color:#4a4458 !important;transition:all .3s}
.wpforms-form .wpforms-submit:hover {background-color:#343f92 !important}



@media all and (max-width: 767px){

	/* HEADER */
	
	#femis-header-subtitle {padding-left:0}
	#femis-header-burger {display:block}
	.menu-menu-principal-container {display:none}
	#femis-header-nav ul.menu > li {display:block}
	#femis-header-nav ul.sub-menu {display:block;position:relative;top:unset}
	#femis-header-nav ul.sub-menu > li {display:block}
	
	#femis-main {margin-top:165px}
	
	/* PANEL */
	#femis-panel {left:2%;width: 96%;}
		
	/* CURSUS */
	#femis-cursus-fiches .femis-block-flex {gap:20px}
	.femis-cursus-fiche {position:relative;width:100%;gap:10px;}
	
	/* FICHE TFE */
	#femis-single-contact-form {padding:40px 20px}
	#femis-single-related-prev, #femis-single-related-next {padding:40px 20px}
	#femis-single-related-prev:after {left:20px} 
	#femis-single-related-next:after {right:20px} 
	
	/* INDEX */
	#femis-index-list .femis-block-container {columns:2}
	
	/* FOOTER */

	#femis-footer-left, #femis-footer-right {width:100%;margin-bottom:20px}

}