.hidden {
	display: none;
}

#home .wp-block-editor-blocks-wrapper .wrapper-inner {
	padding: 0;
	max-width: 80vw;
}

#home #page-wrapper, #home .main-content {
	padding: 0px;
}

#home .wp-block-image {
	margin-bottom: 0;
}

#home p {
	margin: 10px 0;
}

#home h1 {
	text-align: center;
	padding: 32px 0;
}

#home h1 img {
	height: 67.5px;
	margin-top: -2px;
}

#home h2 {
	text-align: left;
	font-weight: SemiBold;
	letter-spacing: 0;
	text-transform: uppercase;
	font-size: 5vh;
	line-height: 6vh;
	margin-bottom: 0;
}
.privacy_policy h2 {
	font-size: 30px !important;
	margin-top: 30px !important;
	padding-top: 0 !important;
	line-height: 36px !important;
	margin-bottom: 10px !important;
}

#home h4 {
	text-align: left;
	font-weight: Light;
	letter-spacing: 0;
	font-size: 4vh;
	line-height: 5vh;
	margin-bottom: 0;
}

#home {
	padding-top: 107px;
}

#home strong {
	font-weight: 700;
}

#home header.home {
	background: transparent
		linear-gradient(180deg, #006E81 0%, #006E81 70%, #1A2C4C 100%) 0% 0%
		no-repeat padding-box;
	height: 107px;
	position: fixed;
	z-index: 2;
	width: 100%;
	top: 0;
	left: 0;
}

#home h2 {
	padding-top: 107px;
	margin-top: -107px;
}

#home .section-1 h2 {
	padding-top: 208px;
	margin-top: -208px;
    margin-bottom: 4vh;
    font-size: 3.6vh;
    line-height: 4.6vh;
}

#home .section-2 h2 {
	padding-top: 119px;
	margin-top: -119px;
}
#home ol{
	color: #fff;
}
#home ol li{
	margin-bottom: 4px;	
}

#home .section-3 h2 {
	padding-top: 241px;
	margin-top: -241px;
	text-align: center;
}

#home .section-4 h2 {
	padding-top: 237px;
	margin-top: -237px;
}

#home .section-5 h2 {
	color: #fff;
	font-size: 4vh;
	text-align: center;
}

#home .section-5 h2.titre-bigger {
	font-size: 5vh;;
}

#home .section-5 p {
	max-width: 700px;
	margin: 5px auto;
	color: #fff;
}

#home .section-entreprises p {
	margin: 5px auto;
	color: #fff;
}

.section-1 p strong {
	color: #6FD4E6;
}

.white_link {
	color: white;
	text-decoration: underline !important;
}

.link-ensavoirplus {
	color: #fff;
	background: #3FC6DE 0% 0% no-repeat padding-box;
	border: 1px solid #FFF;
	border-radius: 25px;
	height: 34px;
	line-height: 34px;
	width: 210px;
}

.link-ensavoirplus a, .link-ensavoirplus a:hover, .link-ensavoirplus a:visited
	{
	color: #fff;
	display: inline-block;
	text-align: center;
}

#nav-wrapper {
	position: absolute;
	height: 30px;
	top: 45px;
	left: 15vw;
	color: #FFFFFF;
	background-image: url('../img/chevron-menu.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 10px 10px;
	z-index: 10;
	cursor: pointer;
	padding-right: 20px;
}

#nav-wrapper nav {
	padding: 20px;
	display: none;
	position: absolute;
	top: 63px;
	z-index: 40;
	background: #04325A 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 11px;
	width: 320px;
}

#picto-menu {
	position: absolute;
	left: -30px;
	top: -5px;
}

#picto-menu #circle2, #picto-menu #circle3, #picto-menu #circle4,
	#picto-menu #circle5 {
	fill: #fff !important;
	stroke: #e2f7fa !important;
}

#nav-wrapper[indexselected="1"] #circle1, #nav-wrapper[indexselected="2"] #circle1,
	#nav-wrapper[indexselected="3"] #circle1, #nav-wrapper[indexselected="4"] #circle1
	{
	fill: #fff !important;
	stroke: #e2f7fa !important;
}

#nav-wrapper[indexselected="0"] #circle1, #nav-wrapper[indexselected="1"] #circle2,
	#nav-wrapper[indexselected="2"] #circle3, #nav-wrapper[indexselected="3"] #circle4,
	#nav-wrapper[indexselected="4"] #circle5 {
	fill: #3fc6de !important;
	stroke: #3fc6de !important;
}

#nav-wrapper nav.open {
	display: block;
}

#nav-wrapper nav li {
	list-style: none;
	line-height: 30px;
}

#nav-wrapper a {
	color: #fff;
	line-height: 30px;
}

#home .mfp-bg {
	opacity: 1;
	background: transparent
		linear-gradient(180deg, #006E81 0%, #6DD2E4 77%, #6ED3E5 100%) 0% 0%
		no-repeat padding-box;
}

#home .mfp-container {
	background-image: url('../img/logo_attitudes_pro_by_mio.png');
	background-position: center 30px;
	background-repeat: no-repeat;
	background-size: 350px auto;
}

#home .kleo-login-wrap .login-form-wrapper .fancy-checkbox>input:checked+label
	{
	background: #3B88FD;
	width: 16px;
	height: 16px;
}

#home .kleo-login-wrap .login-form-wrapper .fancy-checkbox>input:checked+label::after
	{
	border-color: #FFF;
	left: 4px;
}

#login-wrapper {
	background: #D80D38 0% 0% no-repeat padding-box;
	border: 1px solid #E86E88;
	border-radius: 25px;
	position: absolute;
	top: 41px;
	right: 4vw;
	height: 34px;
}
#contact-wrapper {
	background: #D80D38 0% 0% no-repeat padding-box;
	border: 1px solid #E86E88;
	border-radius: 25px;
	position: absolute;
	top: 41px;
	right: 14.5vw;
	height: 34px;
}
#contact-wrapper.logged_in {
    right: 270px;
}

#login-wrapper .show-login,
#login-wrapper .show-espace-membre,
#contact-wrapper .show-contact{
	height: 34px;
	line-height: 34px;
    padding: 0 20px;
}

.show-espace-membre > a {
  padding: 0 0 0 30px;
}
.show-espace-membre > a i {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 21px;
	top: -2px;
	left: 0;
	font-size: 20px;
}


#login-wrapper .show-login>a,
#login-wrapper .show-espace-membre a,
#contact-wrapper .show-contact>a {
	color: #fff !important;
    font-size: 13px;
}

.show-contact > a {
	position: relative;
	padding: 2px 0 2px 40px;
	font-size: 13px;
}
.show-espace-membre > a {
	position: relative;
	padding: 2px 0 2px 30px;
	font-size: 13px;
}
.show-contact > a i {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: -2px;
	left: 0;
	font-size: 20px;
}


#home input {
	margin-left: 0;
	margin-right: 0;
}

#home input {
	margin-left: 0;
	margin-right: 0;
}

#home .fancy-checkbox input {
	margin: 0;
}

.dark-blue-linear {
	background: transparent
		linear-gradient(185deg, #04325A 0%, #0F1C34 100%) 0% 0% no-repeat
		padding-box;
}

.blue-linear {
	background: transparent linear-gradient(0deg, #1A2C4C 0%, #006E81 100%)
		0% 0% no-repeat padding-box;
}
.blue-linear.section-3 {
	background: transparent linear-gradient(180deg, #006E81 0%, #6DD2E4 77%, #6ED3E5 100%) 0% 0% no-repeat padding-box;
}

.light-blue-linear {
	background: transparent
		linear-gradient(180deg, #006E81 0%, #6DD2E4 77%, #6ED3E5 100%) 0% 0%
		no-repeat padding-box;
}
.section-1.light-blue-linear {
	background: transparent linear-gradient(180deg, #f4f4f4 0%, #6DD2E4 77%, #6ED3E5 100%) 0% 0% no-repeat padding-box !important;
}

.section-1, .section-2, .section-3, .section-4, .section-5, .section-entreprises {
	height: calc(89vh - 107px);
}

#home .image-footer img {
	height: 11vh;
	max-width: 100%;
}

.section-1 p, .section-1 h2, .section-1 h4, .section-1 li {
	color: #1B8091;
}
.section-1 li {
	font-size: 1rem;
}

#home .section-1 p {
	padding-top: 0;
	padding-bottom: 2vh;
	margin-right: 50px;
    text-align: justify;
}
.section-1 p strong,
.section-1 ul strong {
	color: #04325A;
}

#home .section-1 ul {
	list-style-image: none;
	padding-top: 0;
    margin-top: -2vh;
}

#home .section-1 .img-intro {
	text-align: center;
}

#home .section-1 .img-intro img {
	height: calc(89vh - 200px);
}

#home .section-2 {
	padding-top: 2vh;
}

.section-2 h2, .section-2 h4 {
	color: #1B8091;
}

#home .section-2 p {
	color: #04325A;
	margin-top: 7px;
    text-align: justify;
}

#home .section-2 .wp-block-columns {
	margin-top: 10px;
}

#home .section-2 .wp-block-gallery {
	display: block;
	text-align: center;
	padding-bottom: 0;
	padding-top: 7px;
	width: 100%;
}

#home .blocks-gallery-grid {
	display: block;
	padding: 0;
}

#home .section-2 .blocks-gallery-item, #home .section-2 figure {
	display: inline-block;
	width: 25vh;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#home .blocks-gallery-item__caption {
	position: static;
	padding: 5px;
	color: #04325A;
	font-size: 13px;
	background: none; 
}

#home .section-2 .gallerie_trois_badges {
	margin-top: 40px !important;
}
#home .section-2 .wp-block-gallery img {
	width: 19vh !important;
	height: 19vh !important;
	margin: auto !important;
	object-fit: contain !important;
}
#home .section-2 .wp-block-gallery figcaption {
	display: none;
}
#home .section-2 .gallerie_quatre_badges .wp-block-image {
	width: 24% !important;
}

#home h5 {
	font-size: 24px;
	color: white;
	margin-bottom: 0;
}
#home a[href^="tel:"] {
    color: white;
}

.section-3 p, .section-3 h2, .section-3 h4 {
	color: #fff;
}
.section-3 p{
	text-align: justify;
}
.objectifs-table {
	border-top: 1px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 4vh;
}

#home .icone-objectifs img {
	height: 11vh;
	margin-bottom: 2vh;
}

.section-4 p, .section-4 h2, .section-4 h4 {
	color: #fff;
}

.section-4 strong {
	color: #6FD4E6;
	font-weight: bold;
}

#home .section-4 h2 {
	font-size: 5vh;
}

#home .icone-constat img {
	font-size: 4vh;
}

#home .section-4 .constat-stats {
	text-align: center;
}

#home .section-4 .constat-stats img {
	height: calc(89vh - 200px);
}

#home .section-entreprises h2{
	color: white;
	font-size: 4vh;
	line-height: 5vh;
}

#home .section-entreprises .blocks-gallery-grid {
    width: 100%;
    flex-direction: row;
	align-items: center;
	display: flex;
}

#home .section-entreprises .blocks-gallery-item {

    display: inline-flex;
    align-items: center;
    flex-direction: row;
    padding: 5px 30px;
}
#home .section-entreprises .blocks-gallery-item img{
	background: #ffffff;
}

.section-entreprises .wp-block-gallery img {
	height: auto !important;
	object-fit: contain !important;
}

/***************************** PAGE COMPÉTENCES COMPORTEMENTALES ******************************************/
#home .section-softskills {
	color: #fff;
}

.liste-badge-essentiels, .liste-badge-optionnels {
	color: #6FD4E6;
}

#home .section-softskills h2 {
	font-size: 4vh;
	color: #fff;
	text-align: center;
}

#home .section-softskills h2.titre-bigger {
	font-size: 5vh;
}

.section-softskills h4 {
	font-size: 3vh;
	color: #fff;
}

.section-softskills h3 {
	font-size: 4vh;
	color: #fff;
	font-weight: bold;
	line-height: 3.5vh;
}

#home .section-softskills .wp-block-columns, #home .section-softskills p
	{
	max-width: 70vw;
	margin: 30px auto 10px auto;
}

#home .section-softskills p.p-intro {
	margin-top: 50px;
}

.colonnes-recherche {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.colonnes-badges {
	border-bottom: 1px solid #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

#post-10216 .wrapper-inner-blocks {
	position: relative;
	margin-bottom: 300px;
}

#home .wp-block-columns.jerome-hoarau {
	background: transparent
		linear-gradient(270deg, #04325A 0%, #0F1C34 100%) 0% 0% no-repeat
		padding-box;
	position: absolute;
	width: 100vw;
	left: -10vw;
	right: 0;
	margin: 40px 0 0 0;
	max-width: 100vw;
	padding: 25px 15vw 0 15vw;
}

.wrapper-img-hoarau {
	position: relative;
}

.img-hoarau {
	position: absolute;
	margin-top: -15%;
}

.indent-45 {
	padding-left: 45px;
}


/***************************** PAGES PUBLIQUES OPEN-BADGES ******************************************/
#home .entry-content #page-title, #home .back_link_wrapper {
	display: none;
}

#home .main-content.open-badges {
	width: 80vw;
	margin: auto;
	padding-top: 40px;
}

/***************************** RESPONSIVES ******************************************/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media ( min-width : 1281px) {
}
@media ( min-width : 1281px) and ( max-width : 1601px) {
	#home .section-entreprises .blocks-gallery-item{
		padding: 5px 65px;
	}
	#home .section-1 p {
    	padding-bottom: 1.5vh;
	}
	
	#home .wp-block-editor-blocks-wrapper .wrapper-inner {
		max-width: 85vw;
	}
	.objectifs-table{
		margin-top: 3vh;
	}
    
    #contact-wrapper {
        right: 14.5vw;
    }
}

@media ( max-width : 1600px) {
    #contact-wrapper {
        right: 15.5vw;
    }
    #contact-wrapper.logged_in {
        right: 262px;
    }
}
@media ( max-width : 1400px) {
    #contact-wrapper {
        right: 17vw;
    }
}
/* 
  ##Device = All small devices
  ##Screen = max 1281px resolution 
*/
@media ( max-width : 1281px) {
	#home header.home, .section-1, .section-2, .section-3, .section-4,
		.section-5, .section-entreprises {
		height: auto;		
	}
	#home .section-1, .section-2, .section-3, .section-4,
		.section-5, .section-entreprises {
		height: auto;
		min-height: calc(100vh - 107px);
		
	}
    #login-wrapper {
	    right: 2vw;
	}
    #contact-wrapper {
	    right: 17vw;
	}
        #login-wrapper .show-login,
        #login-wrapper .show-espace-membre,
        #contact-wrapper .show-contact {
            line-height: 32px;
        }
            .show-login > a,
            .show-espace-membre a,
            .show-contact > a {
                font-size: 12px !important;
            }
    #contact-wrapper.logged_in {
        right: 215px;
    }
	#home .section-5 h2 {
		font-size: 1.3rem;
	}
	#home .section-5 h2.titre-bigger {
		font-size: 1.4rem;
	}
	#home p {
		padding: 20px 0;
	}
	#home .image-footer img {
		height: auto;
		width: 95vw;
	}
	#home p.link-ensavoirplus  {
		padding: 0px 0;
	}
}
@media ( max-width : 1100px ){
    #contact-wrapper.logged_in {
        display: none;
    }
}

@media ( max-width : 1000px ){
    .show-login > a,
    .show-espace-membre a,
    .show-contact > a {
        padding: 2px 0 2px 30px !important;
        font-size: 13px;
    }
    #home header.home {
        padding-top: 50px;
    }
    #login-wrapper {
        top: 20px;
        right: calc(50% - 66.5px);
    }
    #contact-wrapper {
        display: none;
        top: 20px;
        right: calc(50% - 161px);
    }
        .show-login,
        .show-espace-membre,
        .show-contact {
            padding: 0px 12px !important;
        }
    #home h1 {
        text-align: center;
        padding: 21px 0 48px;
    }
    #nav-wrapper {
        top: 143px;
        left: calc(50% - 69px);
    }
    
    #home .section-1 h2#projet {
        margin-top: -144px;
    }
    /*
    #login-wrapper {
		display: none;
    }
    */
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media ( min-width : 1025px) and (max-width: 1280px) {
}

@media ( min-width : 1025px) and (max-width: 1280px)  and (orientation:
	landscape) {
	#home header.home {
		position: absolute;
	}
}

@media ( min-width : 768px) {
    .show-contact > a {
        padding: 0 0 0 30px;
    }

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media ( min-width : 768px) and (max-width: 1024px) {
	
}

@media ( min-width : 767px) and (max-width: 1024px) and (orientation:
	portrait) {
	#home .section-entreprises .blocks-gallery-item{
		padding: 5px 10px;
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media ( min-width : 768px) and (max-width: 1024px) and (orientation:
	landscape) {
	
	#home header.home {
		position: absolute;
	}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media ( min-width : 481px) and (max-width: 767px) {
}

@media ( max-width: 500px) {
    
    #home h4 {
        font-size: 3.5vh;
        line-height: 4vh;
    }
    
    #home h2 {
        font-size: 4vh;
        line-height: 5.5vh;
    }
    
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media ( min-width : 320px) and (max-width: 480px) {
	
	#home header.home {
		position: absolute;
	}
	#nav-wrapper {
    	top: 143px;
	}
	#home .section-2 .blocks-gallery-item, #home .section-2 figure {
    	width: auto;
	}
	
}
@media ( min-width : 320px) and (max-width: 600px) {
	#home .section-1 p {
		margin-right: 0px;
	}
}

@media ( min-width : 1281px) and (max-height: 830px) {
	#home .wp-block-editor-blocks-wrapper .wrapper-inner {
	    max-width: 95vw;
	}
	#home .section-1 .wp-block-columns .wp-block-column:first-child  {
	    max-width: 60vw;
	    flex-grow: unset;
	    flex-basis: auto;
	}
	#home .section-1 .wp-block-columns .wp-block-column:nth-child(2)  {
	    max-width: 30vw;
	    flex-grow: unset;
	    flex-basis: auto;
	}
	#home .section-3 img {
    	max-width: 85%;
	}
}