/*
Theme Name: Mesmerize PRO Child
Description: Multi-Purpose Wordpress Theme
Author: Les 2 Frangines.
Theme URI:https://extendthemes.com/go/mesmerize-home/
Author URI: https://les2frangines.fr
Template: mesmerize-pro
Version: 1.0
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
Tags: entertainment, food-and-drink, portfolio, one-column, two-columns, right-sidebar, grid-layout, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, featured-images, threaded-comments
*/

/*CODE TEMPORAIRE POUR PROBLEME D'AFFICHAGE DES COLONNES DU FOOTER SUR ELEMENTOR 3.15.3 SUR TABLETTE ET MOBILE*/
@media only screen and (max-width: 767px){
	body .elementor-3712 .elementor-element-d01f5bb .elementor-column{
		width: 100% !important;
	}
	body .elementor-3712 .elementor-element.elementor-element-f4d50a5 {
		text-align: center;
	}
	body .elementor-3712 .elementor-element .elementor-heading-title{
		text-align: center;
	}
}
@media only screen and ((max-width: 1024px) and (min-width: 768px)){

	body .elementor-3712 .elementor-element-d01f5bb .elementor-column{
		width: 50%;
	}
	body .elementor-3712 .elementor-element.elementor-element-f4d50a5 {
		text-align: center;
	}
	body .elementor-3712 .elementor-element-092137e{
		width: 100% !important;
	}
	body .elementor-3712 .elementor-element-51d2bb0, body .elementor-3712 .elementor-element-209d5e6{
		padding-left: 15%;
	}
	body .elementor-3712 .elementor-element-39dbf8f, body .elementor-3712 .elementor-element-0fc7691{
		padding-right: 15%;
	}

}
/*------------------------------------------------------------------------------------------------------------*/



.slick-initialized .slick-slide .elementor-section, #bandeau-simu-accueil .elementor-widget-heading, #bandeau-simu-accueil .bouton-simu .elementor-widget-button{
    display:block;
}

#bandeau-simu-accueil .bouton-simu .elementor-widget-wrap{
    margin-bottom:0;
}

/*Hide ReCaptcha V3 badge*/
body .grecaptcha-badge{
	display:none;
}

/*-----CSS temporaire pour conception pages sous elementor--------*/
body.elementor-page .header-homepage {
	display:none;
}

body.elementor-page {
    text-align: left;
}

body .footer.footer-contact-boxes{
	display:none;
}

/*Ajax search bar*/
@media only screen and (min-width: 1030px){
/*body:not(.elementor-page) #ajaxsearchlite1{
	display: none;
}*/
body .menu-item.ajax-search-lite{
	margin-top: -15px;
}
body .menu-item #ajaxsearchlite1{
	width: 45px;
	transition: width 500ms ease-in-out;

}
body .menu-item #ajaxsearchlite1 .prosettings{
	display:none;
}
body .menu-item #ajaxsearchlite1 .proinput{
	display:none;
}
body div[style]#ajaxsearchliteres1.wpdreams_asl_results {
	left: unset !important;
    right: 70px !important;
	width: 400px !important;
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 30%) !important;
	padding: 10px 15px !important;
}
}

@media only screen and (max-width: 980px){
	body div[style]#ajaxsearchliteres2.wpdreams_asl_results{
		left: unset !important;
		right: 4% !important;
		z-index: 999999 !important;
	}
	body #ajaxsearchlite2 {
		margin-left: 10px;
	}
}

body .menu-item #ajaxsearchlite1 .probox{
	float: right;
}

body div[style]#ajaxsearchliteres3{
	width: 300px !important;
}
body #ajaxsearchliteres3 div[style].results{
	height: 110px !important;
}

body #ajaxsearchliteres3 .results .item:nth-child(n+2){
	display:none;
}

body div.asl_r p.showmore a {
    border: none;
}

body div.asl_m .probox .proclose svg {
    background: #FFF;
}
body div.asl_m .probox div.asl_loader{
	padding: 4px;
}
body div.asl_w .probox div.asl_simple-circle {
    border-width: 2px;
}

body #offcanvas-wrapper #ajaxsearchlite1 .probox .proinput input, body #offcanvas-wrapper div.asl_w .probox .proinput input{
	color: #000 !important;
}

body #page-top ul.dropdown-menu.active-round-button > li.ajax-search-lite:hover > a, body #page-top .mesmerize-inner-page ul.dropdown-menu.active-round-button > li.ajax-search-lite:hover > a{
	border:none;
	margin: 0;
}

body #offcanvas-wrapper ul.sub-menu li:not(.current-menu-item) a{
    color: #333!important;
}

body #offcanvas_menu li > ul {
    background-color: #FFF;
}

body div.asl_r .results .item .asl_content .asl_desc{
	color: #000;
}
/*Fin Ajax search bar*/

body .main-menu, body.elementor-page .main_menu_col{
	justify-content : flex-end;
}
body ul.dropdown-menu.active-round-button > li > a {
    padding: 4px 10px;
}
body ul.dropdown-menu.active-round-button > li {
    padding-top: 10px;
}

body .dropdown-menu{
	background: transparent;
	border: none;
}
@media (min-width: 992px){
body .dropdown-menu > li:hover {
    background-color: transparent;
}
}
body.elementor-template-full-width .header{
	display: none;
}

body.elementor-template-full-width.mesmerize-front-page .navigation-bar.bordered, body.elementor-template-full-width.mesmerize-inner-page .navigation-bar.bordered{
	border: none;
}

body.elementor-template-full-width .header-top-bar {
    background-color: transparent;
}

/*body:not(.elementor-page) .icon::before {
    font-family: FontAwesome !important;
}*/

body .fa, body .fas {
    font-family: "FontAwesome";
    font-weight: 400;
}

body .elementskit-post-body > p{
	min-height:150px;
}

body.elementor-page .htslider-slider .slick-dots{
	justify-content:center;
	z-index: 99999;
	opacity: 1 !important;
	display:flex !important;
	visibility: visible !important;
}

body.elementor-page .elementor-3720 .elementor-element.elementor-element-4db4590 .htslider-slider .slick-dots li.slick-active button{
	background: #FFF !important;
}

@media (max-width: 700px){
body.elementor-page .htslider-slider .slick-arrow{
	display:none !important;
}
}

@media (min-width: 700px){
body.elementor-page .htslider-slider .slick-dots{
	display:none !important;
}
}

body .elementor-widget-elementskit-blog-posts .ekit-wid-con .elementskit-post-image-card:hover .elementskit-entry-thumb>img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05));
    opacity: .9;
}
body .elementor-widget-elementskit-blog-posts .ekit-wid-con .elementskit-post-image-card .post-meta-list>span a {
    vertical-align: baseline;
}

body .elementor-widget-elementskit-blog-posts .ekit-wid-con .elementskit-post-image-card .entry-title {
    margin-bottom: 14px;
}

body .blog-post.card .post-title {
    margin-bottom: 10px;
}

body .elementor-element-58078f0 .elementor-widget-icon-box{
	margin-bottom: 5px;
}

body .force-column-height-100{
	height:100%;
}

body #main-footer a, body .main-footer a{
	color: #FFF;
}
body #main-footer a:hover, body .main-footer a:hover{
	color: #D9D9D9;
}

body .main-footer .footer-peps{
	margin-bottom: 5px;
}

body .main-footer .footer-peps .elementor-image-box-wrapper{
	justify-content:center;
}
body .main-footer .footer-peps .elementor-image-box-content{
	width:auto;
}
body .main-footer .footer-peps img{
	padding-top: 5px;
}

/*Timeline Accueil Comment focntionne le portage salarial*/
body #timeline-accueil .twae-horizontal .twae-label-extra-label{
    display:none;
    height:0;
}
body #timeline-accueil .twae-horizontal .twae-story-info{
    border-top: none;
}
body #timeline-accueil .twae-horizontal .twae-story-info:before {
    /*border-bottom-color: #FFF;*/
    top: -27px;
}
body #timeline-accueil .twae-horizontal .twae-title{
    font-size: 22px;
    padding: 15px 8px 10px;
}
body #timeline-accueil .twae-horizontal .twae-description{
    padding: 8px 20px 20px 20px;
}
body #timeline-accueil .twae-horizontal .swiper-pagination-progressbar{
    height:3px;
}


@media only screen and (min-width: 980px){
body #timeline-accueil .twae-horizontal .twae-button-prev, body #timeline-accueil .twae-horizontal .twae-button-next{
    display:none;
}
body #timeline-accueil .twae-horizontal .twae-story-info {
    margin: 150px 40px 10px;
}
}

@media (max-width:980px) and (min-width: 768px){
    body #timeline-accueil .twae-horizontal .twae-button-prev, body #timeline-accueil .twae-horizontal .twae-button-next{
        display:none;
    }
}

/* Google Reviews and Ratings plugin */
body .google-business-reviews-rating .heading, body .google-business-reviews-rating .business-name{
	display: none;
}

body .google-business-reviews-rating .attribution{
	display: none;
}

body .google-business-reviews-rating.fill.contrast .listing .text {
	min-height: 190px;
    background: #FFF;
}

body .google-business-reviews-rating.bubble.fill .listing .text-first .text::after {
    border-top: 0.5em solid #FFF;
}

body .google-business-reviews-rating.bubble.fill.contrast .listing .text{
	color: #3C424F;
}

body .google-business-reviews-rating.bubble.fill.contrast .listing .text a{
	color: #2374B7;
}

body .google-business-reviews-rating .listing .author-name, body .google-business-reviews-rating .listing .author-name a, body .google-business-reviews-rating.contrast .relative-time-description, body .google-business-reviews-rating .rating .count, body .google-business-reviews-rating.gmbrr.contrast .rating {
    color: #FFF;
}

body .google-business-reviews-button{
	font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
	color: #FFF;
	background-color: #CC3889;
	border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 4px 10px 0px rgb(244 67 68 / 0%);
    padding: 15px 35px 15px 35px;
}
body .google-business-reviews-button:hover{
	background-color: #C6036E;
}
body .google-business-reviews-button span.google-icon{
	filter: brightness(0) invert(1);
	margin-left: 6px;
}

body .google-business-reviews-rating .rating,
.google-business-reviews-rating .rating .star {
    color: rgba(255, 200, 0, 0.9);
}
.google-business-reviews-rating .rating .star.gray {
    color: rgba(165, 100, 100, 0.4);
}


/*Elementor Timeline plugin*/
@media only screen and (min-width: 1024px){
body .twae-vertical.twae-one-sided-wrapper:after, body .twae-vertical.twae-one-sided-wrapper:before {
    left: calc(23% - 1px);
}
}

@media only screen and (max-width: 1024px and min-width: 768px){
body .twae-vertical.twae-one-sided-wrapper:after, body .twae-vertical.twae-one-sided-wrapper:before {
    left: calc(23% - 3px);
}
}

body .twae-timeline-centered .twae-timeline-entry .twae-timeline-entry-inner .twae-icon{
	width: 24px;
    height: 24px;
	margin-top: 9px;
}

body .twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-icon {
    margin-left: 8px;
}

@media only screen and (min-width: 768px){
body .twae-timeline-centered.twae-one-sided-timeline .twae-timeline-entry .twae-timeline-entry-inner .twae-icon {
    margin-left: calc(24% - 14px);
}
}

/*Design des pages blog, single post, recherche et 404*/

body.blog #page-content, body.blog #page-content .gridContainer, body.search #page-content, body.search #page-content .gridContainer, body.single-post #page-content, body.search #page-content .gridContainer, body.error404 #page-content, body.error404 #page-content .gridContainer, body.archive #page-content, body.archive #page-content .gridContainer {
	background-color: #fefefe;
}
body.blog .navigation-bar.bordered, body.search .navigation-bar.bordered, body.single-post .navigation-bar.bordered, body.error404 .navigation-bar.bordered, body.archive .navigation-bar.bordered{
	border:none;
}

body.blog .header-top-bar, body.search .header-top-bar, body.single-post .header-top-bar, body.error404 .header-top-bar , body.archive .header-top-bar {
	background-color: transparent;
}
body.blog .header-wrapper .header, body.search .header-wrapper .header, body.single-post .header-wrapper .header, body.error404 .header-wrapper .header, body.archive .header-wrapper .header{
	background-color: #2374B7 !important;
	padding: 150px 20px 60px 20px !important;
}
body.blog .header.color-overlay:before, body.search .header.color-overlay:before, body.single-post .header.color-overlay:before, body.error404 .header.color-overlay:before , body.archive .header.color-overlay:before {
    background: transparent;
}

body.blog .header .inner-header-description, body.search .header .inner-header-description, body.single-post .header .inner-header-description, body.error404 .header .inner-header-description,  body.archive .header .inner-header-description {
    padding-top: 0;
    padding-bottom: 0;
}
body.blog .header .inner-header-description h1.hero-title, body.error404 .header .inner-header-description h1.hero-title{
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight:600;
	color:#FFF;
	font-size: 45px;
}
body.search .header .inner-header-description h1.hero-title, body.single-post .header .inner-header-description h1.hero-title, body.archive .header .inner-header-description h1.hero-title{
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight:600;
	color:#FFF;
	font-size: 36px;
}

body.blog .blog-post.card, body.search .blog-post.card, body.single-post .blog-post.card, body.archive .blog-post.card{
	border-radius: 10px;
}
body.blog .blog-post.card .post-thumbnail img, body.search .blog-post.card .post-thumbnail img, body.single-post .blog-post.card .post-thumbnail img, body.archive .blog-post.card .post-thumbnail img{
	width: calc(90% + 2px);
    margin-left: 5%;
    margin-top: 5%;
}

body.blog .blog-post.card .read-more, body.search .blog-post.card .read-more, body.archive .blog-post.card .read-more{
	font-weight: 600 !important;
    background-color: #2374B7 !important;
    color: #FFF;
    border-radius: 50px !important;
    border: 1px solid #2374B7;
    height: auto !important;
    line-height: 1.2em !important;
    padding: 15px 35px !important;
    font-size: 16px !important;
    margin: 10px 0px auto!important;
	text-transform: initial;
	text-decoration: none;
}
body.blog .blog-post.card .read-more:after, body.search .blog-post.card .read-more:after, body.archive .blog-post.card .read-more:after {
    content: '';
}

body.blog .blog-post.card .read-more:hover, body.search .blog-post.card .read-more:hover, body.archive .blog-post.card .read-more:hover {
    color: #fff;
    background-color: #379BD8!important;
	border: 1px solid #379BD8;
}

body.blog .page-numbers.current,body.search .page-numbers.current,body.archive .page-numbers.current{
	background-color: #2374B7;
}
body.blog .page-numbers,body.search .page-numbers, body.archive .page-numbers{
	color: #2374B7;
}
body.blog .page-numbers:hover,body.search .page-numbers:hover, body.archive .page-numbers:hover{
	background-color: #2374B7;
}
body.blog .sidebar a, body.search .sidebar a, body.single-post .content a:not([rel="tag"]), body.error404 .sidebar a , body.archive .sidebar a {
    color: #2374B7;
}
body.blog .sidebar a:hover, body.search .sidebar a:hover, body.single-post .content a:not([rel="tag"]):hover, body.error404 .sidebar a:hover, body.archive .sidebar a:hover{
    color: #379BD8;
}

body.blog .nav-links .prev-navigation a, body.blog .nav-links .next-navigation a, body.search .nav-links .prev-navigation a, body.search .nav-links .next-navigation a, body.archive .nav-links .prev-navigation a, body.archive .nav-links .next-navigation a{
	border: solid 2px #2374B7;
    color: #2374B7;
}
body.blog .nav-links .prev-navigation a:hover, body.blog .nav-links .next-navigation a:hover, body.search .nav-links .prev-navigation a:hover, body.search .nav-links .next-navigation a:hover, body.archive .nav-links .prev-navigation a:hover, body.archive .nav-links .next-navigation a:hover{
    background-color: #2374B7;
	color:#FFF;
	
}

body.single-post {
	color: #313439;
}


/*-----DEBUT - Cookie Consent Tarte au Citron--------*/
body .cookie-notice-container a{
    color: #FFF;
}
body #cn-accept-cookie, body .cn-revoke-cookie.cn-button{
    background-color: #2374B7 !important; 
}

body #cn-refuse-cookie{
    background-color: #fb5858 !important;
}

body #tarteaucitronIcon{
    display:none !important;
}

body #tarteaucitronRoot #tarteaucitronAlertBig {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 30px;
    line-height: 18px;
}
body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    display: block;
    text-align: center;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert, body #tarteaucitronAlertBig #tarteaucitronPersonalize, body #tarteaucitron #tarteaucitronPrivacyUrl, body #tarteaucitronAlertBig .tarteaucitronAllow {
    background: #2374b7 !important;
    color: #fff;
    font-size: 16px;
    padding: 4px 10px 7px 10px;
    border-radius: 50px;
    margin-top:10px;
}
body #tarteaucitronAlertBig .tarteaucitronDeny {
    color: #fff;
    font-size: 16px;
    padding: 4px 10px 7px 10px;
    border-radius: 50px;
    margin-top:10px;
}

body #tarteaucitronRoot button#tarteaucitronBack {
    background: #000;
    opacity: 0.85;
}

body div#tarteaucitronServices {
    box-shadow: 0 0 35px #000;
}

body #tarteaucitronAlertBig #tarteaucitronCloseAlert, body #tarteaucitron #tarteaucitronPrivacyUrl {
    background: #f6f6f6 !important;
    color: #000;
    font-size: 13px;
    margin-bottom: 0px;
    margin-left: 7px;
    padding: 5px 10px;
}

body #tarteaucitronClosePanel{
    border-radius : 5px 5px 0 0;
    right: 5px;
}

body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, body #tarteaucitron #tarteaucitronClosePanel {
    background: #2374b7 !important;
    color: #FFF;
    right: 5px;
}

body div#tarteaucitronServices{
    border-radius : 5px
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #2374b7 !important;
    border: 3px solid #2374b7 !important;
    border-left: 9px solid #2374b7 !important;
    border-top: 5px solid #2374b7 !important;
}

body #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 2em;
    text-align: center;
    color: #FFF;
}

body #tarteaucitronRoot .tarteaucitronH2 {
    display: inline-block;
    margin: 12px 0 0 10px;
    color: #FFF;
}

body div#tarteaucitronInfo {
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #FFF;
}
body #tarteaucitron #tarteaucitronInfo, body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #000;
    font-size: 12px;
    max-width: 270px;
    padding: 20px;
}

body #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0px 0px;
    padding: 5px 20px;
    text-align: left;
    width: auto;
    background: #2374b7 !important;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, body #tarteaucitron #tarteaucitronInfo, body #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    color: #FFF;
    background: #2374b7 !important;
}

body div.tarteaucitronTitle{
    background: #FFF;
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    background: #f9f9f9;
}
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
    background: #f1f1f1;
}
body #tarteaucitron .tarteaucitronBorder {
    background: #fff;
    border: 10px solid #fff;
}

body #tarteaucitronAlertSmall {
    background: #2374b7 !important;
    color: #fff;
}

body #tarteaucitronAlertSmall #tarteaucitronManager, body #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
    color: #FFF;
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronBorder{
    border-color: #FFF !important;
}

body #tarteaucitronRoot * {
    font-family: inherit !important;
}
/*-------FIN - Cookie Consent Tarte au Citron--------*/

/*---------------------------------------------*/
/*------------------- DEBUT ACCUEIL------------*/
/*---------------------------------------------*/
.header-with-slider-wrapper {
    z-index: 1;
}

/*-----------------------Texte du Header----------------------*/
@media (min-height: 600px){
#header-slide-0 .slide-title{
	margin-top: 20% !important;
}
#header-slide-1 .slide-title,#header-slide-1540297112782 .slide-title{
    /*margin-top: 30% !important;*/
    margin-top: 20% !important;
}
}
@media (max-width:2000px) and (min-height: 600px){
#header-slide-0 .slide-title{
    /*margin-top: 32% !important;*/
    margin-top: 20% !important;
}
#header-slide-1 .slide-title,#header-slide-1540297112782 .slide-title{
    /*margin-top: 44% !important;*/
    /*margin-top: 32% !important;*/
    margin-top: 20% !important;
}
}

@media (min-height: 900px) and (max-width: 768px){
#header-slide-0 .slide-title{
	margin-top: 66% !important;
}
#header-slide-1 .slide-title,#header-slide-1540297112782 .slide-title{
	margin-top: 85% !important;
}
}

@media (max-width: 768px){
#header-slide-0 .slide-title{
    margin-top: 60% !important;
	
}
#header-slide-1 .slide-title{
    /*margin-top: 90% !important;*/
    margin-top: 50% !important;
}
#header-slide-1540297112782 .slide-title{
    /*margin-top: 90% !important;*/
    margin-top: 60% !important;
}
#header-slide-0 .slide-title, #header-slide-1 .slide-title, #header-slide-1540297112782 .slide-title{
	font-size: 2em !important;	
}
}

@media (min-height: 700px) and (max-height: 1080px) and (min-width: 1250px){
#header-slide-0 .slide-title{
    /*margin-top: 21% !important;*/
    margin-top: 20% !important;
}
#header-slide-1 .slide-title,#header-slide-1540297112782 .slide-title{
    /*margin-top: 34% !important;*/
    margin-top: 20% !important;
}
}


/*-----------------------Slider de logos----------------------*/
.logo_showcase{
	margin-top: 15px !important;
	margin-bottom: 40px !important;
}

.footer-social-icons{
	margin-bottom:0px !important;
}

body.elementor-page .wpls-logo-showcase button.slick-prev, body.elementor-page .wpls-logo-showcase button.slick-prev:active {
    background: rgba(35, 116, 183, 1) url('/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/images/arrow-left.png') center center no-repeat !important;
	background-size: 15px 15px !important;
}
body.elementor-page .wpls-logo-showcase button.slick-next, body.elementor-page .wpls-logo-showcase button.slick-next:active {
    background: rgba(35, 116, 183, 1) url('/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/images/arrow-right.png') center center no-repeat !important;
	background-size: 15px 15px !important;
}

body .wpls-fix-box img.wp-post-image {
    max-height: 100px !important;
    width:auto;
}

body .wpls-fix-box a[href="https://www.swile.co/fr-fr"] img.wp-post-image{
    filter: invert(0.7);
}



/*---------------------------------------------*/
/*------------------- FIN ACCUEIL--------------*/
/*---------------------------------------------*/

/*-----------------------------------------------------------*/
/*------- DEBUT Notre Offre/Notre Offre Informatique---------*/
/*-----------------------------------------------------------*/
body #cta-frais-offerts{
	/*background: linear-gradient(to left, rgb(106, 48, 147), rgb(160, 68, 255)) !important;*/
	background: linear-gradient(to right, rgb(170, 7, 107), rgb(97, 4, 95)) !important;
}

#cta-frais-offerts .row{
	animation-name: slideInPausedOut;
	animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    animation-play-state: running;
	animation-timing-function: ease-in-out;
}

/*-----------------------------------------------------------*/
/*-------- FIN Notre Offre/Notre Offre Informatique----------*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*------------------- DEBUT Page mentions légales------------*/
/*-----------------------------------------------------------*/
#post-890{
	margin-left:10% !important;
	margin-right:10% !important;
	text-align:justify;
}

/*-----------------------------------------------------------*/
/*------------------- FIN Page mentions légales--------------*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*-------- DEBUT Page Politique de confidentialité ----------*/
/*-----------------------------------------------------------*/
body.page-id-2943 #page-content{
	padding-left:10% !important;
	padding-right:10% !important;
}

body.page-id-2943 code {
    background-color: transparent;
}

body.page-id-2943 th {
    border: 1px solid rgb(153, 153, 153);
}
body.page-id-2943 tr th:first-child {
    min-width: 150px;
}

/*-----------------------------------------------------------*/
/*-------- FIN Page Politique de confidentialité ----------*/
/*-----------------------------------------------------------*/


/*-----------------------------------------------------------*/
/*--------- DEBUT Qu'est ce que le portage salarial----------*/
/*-----------------------------------------------------------*/
    
.page-id-15	.bg-image{
	background-repeat: no-repeat;
    background-size: contain;    
	background-color: #fff;
}
/*-----------------------------------------------------------*/
/*-------- FIN Qu'est ce que le portage salarial-------------*/
/*-----------------------------------------------------------*/


/*-----------------------------------------------------------*/
/*------------------- DEBUT Page Contact----------------------*/
/*-----------------------------------------------------------*/

body.elementor-page .wpcf7 form{
	margin-bottom: 0;
}

body.elementor-page .form-row{
	width: 100%;
}
body.elementor-page .column-half, body.elementor-page .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}
body.elementor-page .clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query pour mise en page ----------------**/
@media only screen and (min-width: 768px) { 
	body.elementor-page .column-half{
		width: 50%;
	}
}

body.elementor-page .wpcf7-acceptance .wpcf7-list-item {
	margin: 0 !important;
	text-align:justify;
}

body.elementor-page.page-id-4540 .wpcf7 p {
    margin-bottom: 0px !important;
}
body.elementor-page .wpcf7 input[type=text], body.elementor-page .wpcf7 input[type=password], body.elementor-page .wpcf7 input[type=tel], body.elementor-page .wpcf7 input[type=email], body.elementor-page .wpcf7 input[type=search], body.elementor-page .wpcf7 textarea, body.elementor-page .wpcf7 select, body.elementor-page .wpcf7-captchar {
	font-family: inherit;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	width: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	color: #313439;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body.elementor-page .wpcf7-form input[type='submit'] {
	/*font-family: 'Open Sans';*/
	font-weight: 600 !important;
    background-color: #2374B7 !important;
    color: #FFF;
    border-radius: 50px !important;
    border: 1px solid #2374B7;
    height: auto !important;
    line-height: 1.2em !important;
    padding: 15px 35px !important;
    font-size: 18px !important;
    margin: 0px auto!important;
	text-transform: initial;
	cursor: pointer;
}
body.elementor-page .wpcf7-form input[type='submit']:hover {
    color: #fff;
    background-color: #379BD8!important;
	border: 1px solid #379BD8;
}

body.elementor-page .cf7submitdiv {
	text-align: center;
}

body.elementor-page .wpcf7-form .wpcf7-spinner {
    display: flex;
    margin: 5px auto 0 auto !important;
}

body.elementor-page input:disabled{
	font-style: normal;
}

body.elementor-page input.wpcf7-form-control:focus, body.elementor-page textarea.wpcf7-form-control:focus{
    border-color: #2374B7;
	box-shadow: none;
}

body.elementor-page .wpcf7-list-item{
	padding-bottom:0px !important;
}	

body.elementor-page .wpcf7-form .wpcf7-quiz, body.elementor-page .wpcf7-form input[type="number"], body.elementor-page .wpcf7-form input[type="date"], body.elementor-page .wpcf7-form input.wpcf7-text {
    width: 100% !important;
}


/** Personnalisation des checkbox de ContactForm7**/

@media (max-width: 768px) {	
	body.elementor-page .wpcf7-checkbox{
		display: grid;
	}
}
body.elementor-page .checkbox-sign.checked:before{
    color: #2374B7 !important;
}

/* Customize the label (the container) */
body.elementor-page .wpcf7-checkbox .wpcf7-list-item, body.elementor-page .wpcf7-acceptance .wpcf7-list-item {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.elementor-page .wpcf7-checkbox .wpcf7-list-item, body.elementor-page .wpcf7-acceptance .wpcf7-list-item{
    margin: 0 !important;
    padding-right: 30px;
}

body.elementor-page .wpcf7-checkbox .wpcf7-list-item-label, body.elementor-page .wpcf7-acceptance .wpcf7-list-item-label {
  margin-left: 30px;
}

/* Hide and style the browser's default checkbox */
body.elementor-page .wpcf7-checkbox input, body.elementor-page .wpcf7-acceptance input {
  position: absolute;
  top: 2px;
  left: 1px;
  height: 20px;
  width: 20px;
  margin: 0 !important;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

/* Create a custom checkbox */
body.elementor-page .wpcf7-checkbox .wpcf7-list-item-label:before, body.elementor-page .wpcf7-acceptance .wpcf7-list-item-label:before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}

/* When the checkbox is checked, add a background color */
body.elementor-page .wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:before, body.elementor-page .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:before {
  background-color: #2374B7;
  border-color: #2374B7;
}

/* Create the checkmark/indicator (hidden when not checked) */
body.elementor-page .wpcf7-checkbox .wpcf7-list-item-label:after, body.elementor-page .wpcf7-acceptance .wpcf7-list-item-label:after{
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
body.elementor-page .wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:after, body.elementor-page .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:after{
  display: block;
}

/* Style the checkmark/indicator */
body.elementor-page .wpcf7-checkbox .wpcf7-list-item-label:after, body.elementor-page .wpcf7-acceptance .wpcf7-list-item-label:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.elementor-page .wpcf7 form.init .wpcf7-response-output, body.elementor-page .wpcf7 form.resetting .wpcf7-response-output, body.elementor-page .wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}

body.elementor-page div.wpcf7-response-output{
    color:#313439 !important;
    margin: 1em 0 1em;
	/*border:none !important;*/
    text-align: center;
}

body.elementor-page .wpcf7 .wpcf7-response-output{
    display: flex;
    justify-content: center;
}


body.elementor-page div.wpcf7-validation-errors, body.elementor-page div.wpcf7-acceptance-missing {
    border: 2px solid #2374B7;
}


/*-----------------------------------------------------------*/
/*------------------- FIN Page Contact-----------------------*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*------------------- DEBUT Page Blog----------------------*/
/*-----------------------------------------------------------*/
.single-post .post-content-inner >img{
	display:none;
}

/*Monarch social sharing*/
body.et_monarch .et_social_inline_top {
    margin-bottom: 0px;
	padding-left: 10px;
}
div.et_social_network_label:after{
	clear: none !important;
}

.post-content-single .muted{
	opacity:1;
}


/*-----------------------------------------------------------*/
/*------------------- FIN Page Blog-----------------------*/
/*-----------------------------------------------------------*/

/*--------------------------------------------------------*/
/*--- DEBUT Page Consultant en informatique en portage ---*/
/*--------------------------------------------------------*/

/*New Code starts below*/
.custom-tooltip-link {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor:help;
  }
  
  .custom-tooltip-content {
    visibility: hidden;
    width: 100%;
    background-color: #F9F9F9;
    color: #666;
    border-radius: 6px;
    border: 1px solid #e9e9e9;
    padding: 5px 5px 5px ;
    position: absolute;
    z-index: 999;
    top: 120%;
    left: 0%;
    /*margin-left: -250%;*/
  }
  
  .custom-tooltip-link:hover ~ .custom-tooltip-content {
    visibility: visible;
  }
  
  .top-z-index{
      z-index:999;
  }
  
/*--------------------------------------------------------*/
/*--- FIN Page Consultant en informatique en portage ---*/
/*--------------------------------------------------------*/


/*---------------------------------------------------------------*/
/*------------------  DEBUT PAGE SIMULATEUR  --------------------*/
/*---------------------------------------------------------------*/

/*Couleur du fond de la page*/
.page-id-757 #content-1.content-section, .page-id-1146 #content-1.content-section{
	background-color: #f9f9f9 !important;
}

@media (min-width: 768px){
.page-id-757 .section-title-col, .page-id-1146 .section-title-col{
	flex-basis:90%;
	max-width:90%;
}
}

@media (min-width: 1228px){
.page-id-757 .section-title-col, .page-id-1146 .section-title-col{
	max-width:1200px;
}
}

/* Material Design Elements Customization */
:root {
    --pure-material-primary-rgb: 35, 116, 183;
    --pure-material-onsurface-rgb: 0, 0, 0;
}

/* Container de ligne*/
.row-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
	margin-bottom: 0/*20px*/;
    overflow: hidden;
}

/*Container de colonne*/
.row-container .col-container {
    margin-left: 0;
    margin-right: 0;
	float: left;
    box-sizing: border-box;
    padding: 1.5% 1%;
    min-height: 1px;
}
/*Paragraphe dans le container de ligne*/
.row-container > p{
	width: 100%;
	padding:0 20px 20px 20px;
}
/*Paragraphe centré*/
.row-container > p.center{
	text-align:center;
}

.mutuelle-warning, .prevoyance-warning{
    color: orange;
}
@media (min-width: 768px){
    .mutuelle-warning, .prevoyance-warning{
        width: 110%;
    }
 }

/*Element Flex*/
.flex{
    width: 100%;
}
.flex>* {
    display: inline-block;
    vertical-align: middle;
}
.flex.around>*, .flex.center {
    text-align: center;
}
.flex.column, .flex.column>*, .flex.wrap {
    display: block;
}
@media (min-width: 1200px){
.flex.justify {
    display: flex;
}
}
.flex.middle>* {
    vertical-align: middle;
}
.flex.wrap>* {
    display: inline-block;
}
.flex.nowrap {
    display: table;
}
.flex.nowrap>*{
    display: table-cell;

}

/*Largeur des elements Flex*/
.w3 {
    width: 29%;
    flex: 0 0 29%;
}
.w4 {
    width: 39%;
    flex: 0 0 39%;
}
.w5 {
    width: 49%;
    flex: 0 0 49%;
}
.w6 {
    width: 59%;
    flex: 0 0 59%;
}
.w6 {
    width: 69%;
    flex: 0 0 69%;
}
.w8 {
    width: 79%;
    flex: 0 0 79%;
}
.w9 {
    width: 89%;
    flex: 0 0 89%;
}
.w10 {
    width: 100%;
    flex: 0 0 100%;
}

.right-align {
    text-align: right;
}

/*Bloc de contenu*/
.bloc-content {
    padding: 0px;
	/*padding: 15px 30px 30px;*/
    /*min-height: 512px;*/
    min-height: 100px;
    height: 100%;
    position: relative;
}

@media (min-width: 1973px){
.bloc-content {
	padding-bottom:25px;
}
}
/*Element mise en avant avec ombre*/
.zd-1 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
	background: #fff;
}
/*Element de fond de ligne*/
.zd-0 {
    box-shadow: none!important;
}


/*Ligne de titre du bloc de contenu*/
.bloc-content.no-padding .title-row {
    padding: 10px 15px 20px 15px;
	text-align:left;
}
/*Sous élément de ligne de titre du bloc de contenu*/
.bloc-donnees.no-padding .title-row >* {
    margin-bottom: 5px !important;
}
/*Titre centré*/
.bloc-content.no-padding .title-row.center {
    text-align: center;
}
/*Ligne de texte centrée*/
.bloc-content.no-padding .text-row.center {
    text-align: center;
    color: #263238;
    letter-spacing: 0rem;
}
.bloc-content.no-padding .text-row h4 {
    color: #263238;
    letter-spacing: 0rem;
}
@media only screen and (min-width: 500px){
    .bloc-content.no-padding .text-row.pourcentage-salarie-row h4{
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 500px){
    .bloc-content.no-padding .text-row.pourcentage-salarie-row h4{
        font-size: 1.1rem;
    }
}
.bloc-content.no-padding .text-row.pourcentage-salarie-row span.pourcentage-salarie{
    font-weight: bold;
}

.row-container .col-container.l100 {
		width: 100%;
		left: auto;
		right: auto;
	}
	
/*Media queries pour adaptation taille d'écrans*/
/*Mobile*/
@media only screen and (max-width: 980px){
	.row-container .col-container.l50 {
		width: 100%;
		left: auto;
		right: auto;
	}
	.bloc-content .result-details{
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 1200px){
	.bloc-content.no-padding .text-row.pourcentage-salarie-row {
		padding: 10px 0;
	}
}

@media only screen and (min-width: 980px) and (max-width: 1280px){
	.row-container .col-container.l50 .bloc-content.bloc-chart1 {
		max-height: 99.5% !important;
	}
	.bloc-chart1 .result-details {
		/*padding-top: 22% !important;*/
	}
	.row-container .col-container.l50 .bloc-content.bloc-chart3 {
		max-height: 49% !important;
	}
}

/*Ordinateur*/
@media only screen and (min-width: 980px){
	.row-container .col-container.l50 {
		width: 50%;
		left: auto;
		right: auto;
	}
}

/*Bloc contenant les champs input d'entrée et d'affichage des données calculées*/
.col-container .bloc-donnees{
	max-width: 500px;
	margin:auto;
}
.bloc-content.bloc-donnees{
	padding-bottom: 0;
}

/*Element input Material design */
.bloc-content.bloc-donnees .col-row{
	padding: 0 15px;
}

.col-row  .pure-material-textfield-outlined{
    /*width: 48%;*/
	width: 100%;
    float: left;
	text-align:left;
	margin-bottom: 20px;
    /*padding-right: 2%;*/
}
.col-row  .pure-material-textfield-outlined input + span,
.col-row .pure-material-textfield-outlined textarea + span {
    /*width: 96%;*/
	width: 100%;
}
/*Affichage de l'unité du champ input*/
body .pure-material-textfield-outlined:after{
	content: attr(data-type);
	display: inline-block;
    vertical-align: middle;
	font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 20px;
    /*height: 50px;*/
    line-height: 75px;
    padding: 0 5% 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    z-index: 1;
}

body .material-tooltip{
	border-radius: 50%;
    padding: 0px 8px;
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243),0.9);
    color: #fff;
    font-size: 12px;
}
body .pure-material-textfield-outlined .material-tooltip{
    position: absolute;
    top: 30px;
    left: 10px;
    display: flex;
}

body p span.material-tooltip{
	
}

body .material-tooltip:hover{
	cursor: help;
}

 body .pure-material-textfield-outlined .material-tooltip:hover ~ .material-tooltip-text,  body .pure-material-textfield-outlined .material-tooltip.hover ~ .material-tooltip-text {
    transform: translateX(0%) scale(1); 
	display: block;
  }
  
body .material-tooltip-text:not(.hover), body .pure-material-textfield-outlined .material-tooltip.hide ~ .material-tooltip-text {
    padding: 8px;
    transform: translateX(0%) scale(0);
	display:none;
    transition: display 0.2s ease-in-out;
    transform-origin: center;

    background: #616161e6;
    color: white;
    border-radius: 2px;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
  }
  
body .pure-material-textfield-outlined .material-tooltip-text, body .pure-material-textfield-outlined .material-tooltip-text {
    position: absolute;
    top: 11px;
    left: 35px;
	max-width:440px;
  }
  

  
input[id="ca-mensuel"], input[id="nb-jours"], input[id="prix-journalier"], input[id="frais-pros"], input[id="frais-infoportage"], input[id="note-frais"], input[id="dispo-salarie"], input[id="salaire-brut"], input[id="salaire-net"], input[id="cotisation-patron"], input[id="cotisation-salariale"], input[id="tva-recuperee"], input[id="total"], input[id="taux-imposition"]{
	text-align: right;
	padding-right: 9% !important;
	font-size:20px ! important;
}

/*Annotation en dessous des champs input*/
body .pure-material-textfield-outlined > small{
	font-size: 12px;
	padding-left: 1px;
}

/* Auto focus sur les champs à remplir */
body .pure-material-textfield-outlined > input[id=ca-mensuel]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > textarea[id=ca-mensuel]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > input[id=nb-jours]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > textarea[id=nb-jours]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > input[id=prix-journalier]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > textarea[id=prix-journalier]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > input[id=frais-pros]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > textarea[id=frais-pros]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > input[id=taux-imposition]:not(:focus):placeholder-shown +span,
body .pure-material-textfield-outlined > textarea[id=taux-imposition]:not(:focus):placeholder-shown +span {
    line-height:15px !important;
}
body .pure-material-textfield-outlined > input[id=ca-mensuel],
body .pure-material-textfield-outlined > textarea[id=ca-mensuel],
body .pure-material-textfield-outlined > input[id=nb-jours],
body .pure-material-textfield-outlined > textarea[id=nb-jours],
body .pure-material-textfield-outlined > input[id=prix-journalier],
body .pure-material-textfield-outlined > textarea[id=prix-journalier],
body .pure-material-textfield-outlined > input[id=frais-pros],
body .pure-material-textfield-outlined > textarea[id=frais-pros],
body .pure-material-textfield-outlined > input[id=taux-imposition],
body .pure-material-textfield-outlined > textarea[id=taux-imposition]{
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)) !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1) !important;
    outline: none !important;
}
body .pure-material-textfield-outlined > input[id=ca-mensuel] + span,
body .pure-material-textfield-outlined > textarea[id=ca-mensuel] + span,
body .pure-material-textfield-outlined > input[id=nb-jours] + span,
body .pure-material-textfield-outlined > textarea[id=nb-jours] + span,
body .pure-material-textfield-outlined > input[id=prix-journalier] + span,
body .pure-material-textfield-outlined > textarea[id=prix-journalier] + span,
body .pure-material-textfield-outlined > input[id=frais-pros] + span,
body .pure-material-textfield-outlined > textarea[id=frais-pros] + span,
body .pure-material-textfield-outlined > input[id=taux-imposition] + span,
body .pure-material-textfield-outlined > textarea[id=taux-imposition] + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}
body .pure-material-textfield-outlined > input[id=ca-mensuel] + span::before,
body .pure-material-textfield-outlined > input[id=ca-mensuel] + span::after,
body .pure-material-textfield-outlined > textarea[id=ca-mensuel] + span::before,
body .pure-material-textfield-outlined > textarea[id=ca-mensuel] + span::after,
body .pure-material-textfield-outlined > input[id=nb-jours] + span::before,
body .pure-material-textfield-outlined > input[id=nb-jours] + span::after,
body .pure-material-textfield-outlined > textarea[id=nb-jours] + span::before,
body .pure-material-textfield-outlined > textarea[id=nb-jours] + span::after,
body .pure-material-textfield-outlined > input[id=prix-journalier] + span::before,
body .pure-material-textfield-outlined > input[id=prix-journalier] + span::after,
body .pure-material-textfield-outlined > textarea[id=prix-journalier] + span::before,
body .pure-material-textfield-outlined > textarea[id=prix-journalier] + span::after,
body .pure-material-textfield-outlined > input[id=frais-pros] + span::before,
body .pure-material-textfield-outlined > input[id=frais-pros] + span::after,
body .pure-material-textfield-outlined > textarea[id=frais-pros] + span::before,
body .pure-material-textfield-outlined > textarea[id=frais-pros] + span::after,
body .pure-material-textfield-outlined > input[id=taux-imposition] + span::before,
body .pure-material-textfield-outlined > input[id=taux-imposition] + span::after,
body .pure-material-textfield-outlined > textarea[id=taux-imposition] + span::before,
body .pure-material-textfield-outlined > textarea[id=taux-imposition] + span::after  {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/*Désactivation de la saisie dans les champs de visualisation de données*/
body .pure-material-textfield-outlined > input[id=frais-infoportage],
body .pure-material-textfield-outlined > input[id=dispo-salarie],
body .pure-material-textfield-outlined input[id=frais-infoportage] + span,
body .pure-material-textfield-outlined input[id=dispo-salarie] + span{
	cursor: default;
}

/*Style de la ligne chiffre d'affaire sur 2 colonnes*/
@media only screen and (min-width: 560px){
    .col-row.chiffre-affaire{
        display:flex;
    }

    .col-row.chiffre-affaire .col-row-50{
        width:50%;
    }
    .col-row.chiffre-affaire .col-row-50:nth-child(odd){
		margin-right: 7px;
    }
	.col-row.chiffre-affaire .col-row-50:nth-child(even){
		margin-left: 7px;
    }
}
@media only screen and (max-width: 559px){
    .col-row.chiffre-affaire{
        display:block;
    }
    .col-row-50{
        width:100%;
    }
}

/*Style des lignes des cases à cocher Mutuelle et Prévoyance*/
@media only screen and (min-width: 560px){
    .col-row.mutuelle{
        display:flex;
    }
    .col-row-50{
        width:50%;
    }
}
@media only screen and (max-width: 559px){
    .col-row.mutuelle{
        display:block;
    }
    .col-row-50{
        width:100%;
    }
    #choix-forfait-mutuelle.col-row-50 > p{
        display:none;
    }
    #choix-forfait-mutuelle.col-row-50{
        padding: 0 0 5px 20px !important;
    }
}

/*Bouton d'affichage des résultats de la simulation*/
a.display-results, body div.elementor-widget-button.display-results{
	display:none;
}
body:not(.elementor-editor-active) #resultats.charts-row{
	display:none;
}
body #avertissement-mutuelle.elementor-element{
    margin-bottom: 5px;
}

/*Container contenant le graphique et la légende*/
.chart-container{
    width: 90%;
    margin: auto;
}
/*Bloc contenant le graphique*/
.bloc-chart {
    min-width: 230px;
	max-width: 64%;
    margin: auto;
}

.bloc-chartv2 {
    min-width: 230px;
	max-width: 600px;
    margin: auto;
}

.bloc-content.bloc-chart1{
	max-height: 100%;
}
.bloc-content.bloc-chart2{
	max-height: 48%;
	margin-bottom: 4%;
}
.bloc-content.bloc-chart3{
	max-height: 48%;
}
.bloc-chart1 .result-details{
	padding-top: 0;
}

/*Bloc contenant la légende du graphique*/
.bloc-content .bloc-legend {
    min-width: 300px;
	max-width:320px;
    margin: auto;
	padding: 0 15px;
}

.bloc-content .bloc-legend.wide {
    min-width: 335px;
    max-width: 450px;
    margin: auto;
	padding: 0 10px;
}
/*Légende du graphique*/
.chart-legend {
    /*padding: 0 30px 30px;*/
	padding: 30px 0px 0px 0px;
	margin: 0 !important;
    width: 100%;
    border: 0;
}
/*Element de la légende du graphique*/
.chart-legend li {
	position: relative;
    /*padding-left: 20px;*/
    margin-bottom: 5px;
	padding-bottom: 5px;
    font-weight: 300;
    /*font-size: 1.6rem;
    line-height: 1.8rem;*/
    color: #263238;
	font-size: 14px;
	cursor: pointer;
	list-style-type: none;
}

.chart-legend .dataset-0 li.data-0 {
	padding-top: 5px;
	border: solid 1px;
}

/*Header de légende du graphique*/
.chart-legend .legend-header.master {
    font-size: 16px;
    color: #263238;
	cursor: pointer;
	list-style-type: none;
}

.chart-legend li .legend-header {
    padding: 0 10px;
    position: relative;
    border: 0;
}
.legend-header .flex.nowrap {
    text-align: left;
}

/*Puce de couleur deavant chaque element de la légende*/
.chart-legend li span.color {
  border-radius: 50%;
  display: inline-block;
  left: 0;
  height: 16px;
  margin-top: 0px;
  margin-right: 10px;
  width: 16px;
  transition: background .5s;
  border: solid 2px transparent;
}

/*Texte de l'élément de la légende*/
.chart-legend li .legend-header .label {
	display: inline-block;
	line-height: 1.6rem;
    text-align: left;
    font-weight: 400;
}
/*Valeur de l'élément de la légende*/
.chart-legend li .legend-header .value {
    margin-left: auto;
    white-space: nowrap;
    font-weight: 400;
	vertical-align: bottom;
}


/* Section demande d'envoi des résultats de simulation par email et demande de ontact téléphonique*/
 .middle-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    align-items: start;
}

#send-results-section .contact-form-wrapper{
    width: 90%;
    margin: auto;
    padding-top: 20px;
}


body:not(.elementor-page) #send-results-section .contact-form-wrapper p{
    text-align:left !important;
}

body:not(.elementor-page) #send-results-section .contact-form-wrapper input[type=submit]{
    margin: auto;
    background-color: #2374b7;
    border-color : #2374b7;

}

body:not(.elementor-page) #send-results-section .contact-form-wrapper input[type=submit]:hover{
    margin: auto;
    background-color: #3788CB;
    border-color : #3788CB;
}


#send-results-section .contact-form-wrapper label {
    font-family: "Open Sans";
    font-weight: 600;
    text-transform: initial;
    letter-spacing: 0px;
}




/*.chart-legend li:not(.sim-p-cam):before {
    border-color: #66bb6a;
    background: #66bb6a;
	position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    content: '';
    display: block;
    margin-top: -10px;
    border: solid 2px transparent;
    transition: background .5s;
}*/


/** Personnalisation des checkbox de ContactForm7**/

/* Customize the label (the container) */
body:not(.elementor-page) #send-results-section .wpcf7-checkbox .wpcf7-list-item, body:not(.elementor-page) #send-results-section .wpcf7-acceptance .wpcf7-list-item, body:not(.elementor-page) #send-results-section .wpcf7-radio .wpcf7-list-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
body:not(.elementor-page)  #send-results-section .wpcf7-acceptance .wpcf7-list-item{
      margin: 0 !important;
  }
  
body:not(.elementor-page)  #send-results-section .wpcf7-checkbox .wpcf7-list-item-label, body:not(.elementor-page) #send-results-section .wpcf7-acceptance .wpcf7-list-item-label, body:not(.elementor-page) #send-results-section .wpcf7-radio .wpcf7-list-item-label {
    margin-left: 30px;
  }
  
  /* Hide and style the browser's default checkbox */
#send-results-section .wpcf7-checkbox input, #send-results-section .wpcf7-acceptance input, #send-results-section .wpcf7-radio input {
    position: absolute;
    top: 2px;
    left: 1px;
    height: 16px;
    width: 16px;
    margin: 0 !important;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
  }
  
  /* Create a custom checkbox */
 body:not(.elementor-page) #send-results-section .wpcf7-checkbox .wpcf7-list-item-label:before, body:not(.elementor-page) #send-results-section .wpcf7-acceptance .wpcf7-list-item-label:before, body:not(.elementor-page) #send-results-section .wpcf7-radio .wpcf7-list-item-label:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #CCC;
  }
body:not(.elementor-page)  #send-results-section .wpcf7-radio .wpcf7-list-item-label:before {
      border-radius: 50%;
  }
  
  /* On mouse-over, add a background color */
  /*.wpcf7-checkbox input:hover ~ .wpcf7-list-item-label:before, .wpcf7-acceptance input:hover ~ .wpcf7-list-item-label:before{
    background-color: #4ec0c0;
    border-color: #4ec0c0;
  }*/
  
  /* When the checkbox is checked, add a background color */
body:not(.elementor-page)  #send-results-section .wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:before, body:not(.elementor-page) #send-results-section .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:before, body:not(.elementor-page) #send-results-section .wpcf7-radio input:checked ~ .wpcf7-list-item-label:before {
    background-color: #2374b7;
    border-color: #2374b7;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
 body:not(.elementor-page) #send-results-section .wpcf7-checkbox .wpcf7-list-item-label:after, body:not(.elementor-page) #send-results-section .wpcf7-acceptance .wpcf7-list-item-label:after, body:not(.elementor-page) #send-results-section .wpcf7-radio .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
 body:not(.elementor-page) #send-results-section .wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:after, body:not(.elementor-page) #send-results-section .wpcf7-acceptance input:checked ~ .wpcf7-list-item-label:after, body:not(.elementor-page) #send-results-section .wpcf7-radio input:checked ~ .wpcf7-list-item-label:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
   /* Show the checkmark when checked */
  #send-results-section .wpcf7-checkbox .wpcf7-list-item-label:after, #send-results-section .wpcf7-acceptance .wpcf7-list-item-label:after {
    left: 5.5px;
    top: 3px;
    width: 3px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
   /* Show the checkmark when checked */
 body.elementor-page #send-results-section .wpcf7-checkbox .wpcf7-list-item-label:after,   /* Show the checkmark when checked */
 body.elementor-page #send-results-section .wpcf7-acceptance .wpcf7-list-item-label:after {
    left: 6.5px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

/*---------------------------------------------------------------*/
/*-------------------  FIN PAGE SIMULATEUR  ---------------------*/
/*---------------------------------------------------------------*/


/*---------------------------------------------------------------*/
/*-------------  DEBUT PAGE PK VENIR CHEZ NOUS  -----------------*/
/*---------------------------------------------------------------*/

#tablepress-1-scroll-wrapper {
	overflow-block: auto;
	overflow-inline: auto;
}
#tablepress-1-scroll-wrapper .icofont-check-alt, #tablepress-1-scroll-wrapper .icofont-close-line, #tablepress-1-scroll-wrapper .wrong-mark:before{
	font-weight: 700;
}

@media only screen and (max-width: 768px){
	#comparatif-statuts .center-xs.middle-xs{
		justify-content: left;
	}
	
	#comparatif-statuts .col-sm-12 {
		box-sizing: border-box;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-moz-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-right: 15px;
		padding-left: 15px;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1024px){
	#comparatif-statuts .tablepress-id-1 tbody tr td.column-1{
		font-size:95%;
	}
}

/*---------------------------------------------------------------*/
/*--------------  FIN PAGE PK VENIR CHEZ NOUS  ------------------*/
/*---------------------------------------------------------------*/






























/*-------------------------------------------------*/
/*------------ Material Design Elements------------*/
/*-------------------------------------------------*/


/*-----------------Button Outlined-------------*/
.pure-material-button-outlined {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: solid 1px rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.24);
    border-radius: 4px;
    padding: 0 16px;
    min-width: 64px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: transparent;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}

.pure-material-button-outlined::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-outlined::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-outlined::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1) ;
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-outlined:hover::before {
    opacity: 0.04;
}

.pure-material-button-outlined:focus::before {
    opacity: 0.12;
}

.pure-material-button-outlined:hover:focus::before {
    opacity: 0.16;
}

/* Active */
.pure-material-button-outlined:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-outlined:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: transparent;
    cursor: initial;
}

.pure-material-button-outlined:disabled::before {
    opacity: 0;
}

.pure-material-button-outlined:disabled::after {
    opacity: 0;
}

/*-----------------Progress circular spinner-------------*/

.pure-material-progress-circular {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    border-radius: 50%;
    padding: 0.25em;
    width: 3em;
    height: 3em;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: transparent;
    font-size: 16px;
    overflow: hidden;
}

.pure-material-progress-circular::-webkit-progress-bar {
    background-color: transparent;
}

/* Indeterminate */
.pure-material-progress-circular:indeterminate {
    -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
    animation: pure-material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

:-ms-lang(x), .pure-material-progress-circular:indeterminate {
    animation: none;
}

.pure-material-progress-circular:indeterminate::before,
.pure-material-progress-circular:indeterminate::-webkit-progress-value {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-bottom: 0.25em;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100% !important;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-moz-progress-bar {
    box-sizing: border-box;
    border: solid 0.25em transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: transparent;
    animation: pure-material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.pure-material-progress-circular:indeterminate::-ms-fill {
    animation-name: -ms-ring;
}

@keyframes pure-material-progress-circular {
    0% {
        transform: rotate(0deg);
    }
    12.5% {
        transform: rotate(180deg);
        animation-timing-function: linear;
    }
    25% {
        transform: rotate(630deg);
    }
    37.5% {
        transform: rotate(810deg);
        animation-timing-function: linear;
    }
    50% {
        transform: rotate(1260deg);
    }
    62.5% {
        transform: rotate(1440deg);
        animation-timing-function: linear;
    }
    75% {
        transform: rotate(1890deg);
    }
    87.5% {
        transform: rotate(2070deg);
        animation-timing-function: linear;
    }
    100% {
        transform: rotate(2520deg);
    }
}

@keyframes pure-material-progress-circular-pseudo {
    0% {
        transform: rotate(-30deg);
    }
    29.4% {
        border-left-color: transparent;
    }
    29.41% {
        border-left-color: currentColor;
    }
    64.7% {
        border-bottom-color: transparent;
    }
    64.71% {
        border-bottom-color: currentColor;
    }
    100% {
        border-left-color: currentColor;
        border-bottom-color: currentColor;
        transform: rotate(225deg);
    }
}

/*-----------------Textfield Outlined-------------*/
body .pure-material-textfield-outlined {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input, Textarea */
body .pure-material-textfield-outlined > input,
body .pure-material-textfield-outlined > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-top-color: transparent;
    border-radius: 4px;
    padding: 15px 13px 15px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
body .pure-material-textfield-outlined > input + span,
body .pure-material-textfield-outlined > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 100%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
body .pure-material-textfield-outlined > input + span::before,
body .pure-material-textfield-outlined > input + span::after,
body .pure-material-textfield-outlined > textarea + span::before,
body .pure-material-textfield-outlined > textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    min-width: 10px;
    height: 8px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

body .pure-material-textfield-outlined > input + span::before,
body .pure-material-textfield-outlined > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

body .pure-material-textfield-outlined > input + span::after,
body .pure-material-textfield-outlined > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
body .pure-material-textfield-outlined:hover > input,
body .pure-material-textfield-outlined:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    border-top-color: transparent;
}

body .pure-material-textfield-outlined:hover > input + span::before,
body .pure-material-textfield-outlined:hover > textarea + span::before,
body .pure-material-textfield-outlined:hover > input + span::after,
body .pure-material-textfield-outlined:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

body .pure-material-textfield-outlined:hover > input:not(:focus):placeholder-shown,
body .pure-material-textfield-outlined:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

/* Placeholder-shown */
body .pure-material-textfield-outlined > input:not(:focus):placeholder-shown,
body .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

body .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span,
body .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 68px;
}

body .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::before,
body .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::before,
body .pure-material-textfield-outlined > input:not(:focus):placeholder-shown + span::after,
body .pure-material-textfield-outlined > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Hide placeholder when no focus */
body .pure-material-textfield-outlined > input:not(:focus)::placeholder,
body .pure-material-textfield-outlined > textarea:not(:focus)::placeholder {
    color: transparent;
}

/* Focus */
body .pure-material-textfield-outlined > input:focus,
body .pure-material-textfield-outlined > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)) !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1) !important;
    outline: none !important;
}

body .pure-material-textfield-outlined > input:focus + span,
body .pure-material-textfield-outlined > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

body .pure-material-textfield-outlined > input:focus + span::before,
body .pure-material-textfield-outlined > input:focus + span::after,
body .pure-material-textfield-outlined > textarea:focus + span::before,
body .pure-material-textfield-outlined > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
body .pure-material-textfield-outlined > input:disabled,
body .pure-material-textfield-outlined > input:disabled + span,
body .pure-material-textfield-outlined > textarea:disabled,
body .pure-material-textfield-outlined > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

body .pure-material-textfield-outlined > input:disabled + span::before,
body .pure-material-textfield-outlined > input:disabled + span::after,
body .pure-material-textfield-outlined > textarea:disabled + span::before,
body .pure-material-textfield-outlined > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

body .pure-material-textfield-outlined > input:disabled:placeholder-shown,
body .pure-material-textfield-outlined > input:disabled:placeholder-shown + span,
body .pure-material-textfield-outlined > textarea:disabled:placeholder-shown,
body .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38) !important;
}

body .pure-material-textfield-outlined > input:disabled:placeholder-shown + span::before,
body .pure-material-textfield-outlined > input:disabled:placeholder-shown + span::after,
body .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::before,
body .pure-material-textfield-outlined > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-outlined > input,
        .pure-material-textfield-outlined > input + span,
        .pure-material-textfield-outlined > textarea,
        .pure-material-textfield-outlined > textarea + span,
        .pure-material-textfield-outlined > input + span::before,
        .pure-material-textfield-outlined > input + span::after,
        .pure-material-textfield-outlined > textarea + span::before,
        .pure-material-textfield-outlined > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}


/*-----------------Textfield Filled-------------*/

.pure-material-textfield-filled {
    position: relative;
    display: inline-block;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

/* Input, Textarea */
.pure-material-textfield-filled > input,
.pure-material-textfield-filled > textarea {
    display: block;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-top: solid 27px transparent;
    border-bottom: solid 1px rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-radius: 4px 4px 0 0;
    padding: 0 12px 10px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.04);
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border-bottom 0.2s, background-color 0.2s;
}

/* Span */
.pure-material-textfield-filled > input + span,
.pure-material-textfield-filled > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    box-sizing: border-box;
    padding: 7px 12px 0;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 100%;
    line-height: 18px;
    pointer-events: none;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Underline */
.pure-material-textfield-filled > input + span::after,
.pure-material-textfield-filled > textarea + span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform-origin: bottom center;
    transform: scaleX(0);
    transition: transform 0.3s;
}

/* Hover */
.pure-material-textfield-filled > input:hover,
.pure-material-textfield-filled > textarea:hover {
    border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.08);
}

/* Placeholder-shown */
.pure-material-textfield-filled > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-filled > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 48px;
}

/* Hide placeholder when no focus */
.pure-material-textfield-filled > input:not(:focus)::placeholder,
.pure-material-textfield-filled > textarea:not(:focus)::placeholder {
    color: transparent;
}

/* Focus */
.pure-material-textfield-filled > input:focus,
.pure-material-textfield-filled > textarea:focus {
    outline: none;
}

.pure-material-textfield-filled > input:focus + span,
.pure-material-textfield-filled > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-textfield-filled > input:focus + span::before,
.pure-material-textfield-filled > textarea:focus + span::before {
    opacity: 0.12;
}

.pure-material-textfield-filled > input:focus + span::after,
.pure-material-textfield-filled > textarea:focus + span::after {
    transform: scale(1);
}

/* Disabled */
.pure-material-textfield-filled > input:disabled,
.pure-material-textfield-filled > textarea:disabled {
    border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.24);
}

.pure-material-textfield-filled > input:disabled + span,
.pure-material-textfield-filled > textarea:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-filled > input,
        .pure-material-textfield-filled > input + span,
        .pure-material-textfield-filled > input + span::after,
        .pure-material-textfield-filled > textarea,
        .pure-material-textfield-filled > textarea + span,
        .pure-material-textfield-filled > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}

/*-----------------Progress line-------------*/
.pure-material-progress-linear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 0.25em;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);
    font-size: 16px;
}

.pure-material-progress-linear::-webkit-progress-bar {
    background-color: transparent;
}

/* Determinate */
.pure-material-progress-linear::-webkit-progress-value {
    background-color: currentColor;
    transition: all 0.2s;
}

.pure-material-progress-linear::-moz-progress-bar {
    background-color: currentColor;
    transition: all 0.2s;
}

.pure-material-progress-linear::-ms-fill {
    border: none;
    background-color: currentColor;
    transition: all 0.2s;
}

/* Indeterminate */
.pure-material-progress-linear:indeterminate {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
    animation: pure-material-progress-linear 2s infinite linear;
}

.pure-material-progress-linear:indeterminate::-moz-progress-bar {
    background-color: transparent;
}

.pure-material-progress-linear:indeterminate::-ms-fill {
    animation-name: none;
}

@keyframes pure-material-progress-linear {
    0% {
        background-size: 200% 100%;
        background-position: left -31.25% top 0%;
    }
    50% {
        background-size: 800% 100%;
        background-position: left -49% top 0%;
    }
    100% {
        background-size: 400% 100%;
        background-position: left -102% top 0%;
    }
}

/*-----------------Radio button-------------*/
.pure-material-radio {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-radio > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-radio > span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Circle */
.pure-material-radio > span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 2px 10px 2px 0;
    border: solid 2px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    transition: border-color 0.2s;
}

/* Check */
.pure-material-radio > span::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: translate(5px, 5px) scale(0);
    transition: transform 0.2s;
}

/* Checked */
.pure-material-radio > input:checked {
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-radio > input:checked + span::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-radio > input:checked + span::after {
    transform: translate(5px, 5px) scale(1);
}

/* Hover, Focus */
.pure-material-radio:hover > input {
    opacity: 0.04;
}

.pure-material-radio > input:focus {
    opacity: 0.12;
}

.pure-material-radio:hover > input:focus {
    opacity: 0.16;
}

/* Active */
.pure-material-radio > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.pure-material-radio > input:active + span::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

/* Disabled */
.pure-material-radio > input:disabled {
    opacity: 0;
}

.pure-material-radio > input:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    cursor: initial;
}

.pure-material-radio > input:disabled + span::before {
    border-color: currentColor;
}

.pure-material-radio > input:disabled + span::after {
    background-color: currentColor;
}


/*-----------------Button Contained-------------*/
.pure-material-button-contained {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding: 0 16px;
    min-width: 64px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.pure-material-button-contained::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-contained::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-contained::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px; /* Safari */
    height: 32px; /* Safari */
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-contained:hover,
.pure-material-button-contained:focus {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.pure-material-button-contained:hover::before {
    opacity: 0.08;
}

.pure-material-button-contained:focus::before {
    opacity: 0.24;
}

.pure-material-button-contained:hover:focus::before {
    opacity: 0.3;
}

/* Active */
.pure-material-button-contained:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.pure-material-button-contained:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-contained:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
    box-shadow: none;
    cursor: initial;
}

.pure-material-button-contained:disabled::before {
    opacity: 0;
}

.pure-material-button-contained:disabled::after {
    opacity: 0;
}

/*-----------------Button Text-------------*/
.pure-material-button-text {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding: 0 8px;
    min-width: 64px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: transparent;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}

.pure-material-button-text::-moz-focus-inner {
    border: none;
}

/* Overlay */
.pure-material-button-text::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

/* Ripple */
.pure-material-button-text::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1) ;
    transition: opacity 1s, transform 0.5s;
}

/* Hover, Focus */
.pure-material-button-text:hover::before {
    opacity: 0.04;
}

.pure-material-button-text:focus::before {
    opacity: 0.12;
}

.pure-material-button-text:hover:focus::before {
    opacity: 0.16;
}

/* Active */
.pure-material-button-text:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

/* Disabled */
.pure-material-button-text:disabled {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    background-color: transparent;
    cursor: initial;
}

.pure-material-button-text:disabled::before {
    opacity: 0;
}

.pure-material-button-text:disabled::after {
    opacity: 0;
}

/*-----------------Switch-------------*/
.pure-material-switch {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-switch > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    right: 6px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

/* Span */
.pure-material-switch > span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Track */
.pure-material-switch > span::before {
    content: "";
    float: right;
    display: inline-block;
    margin: 5px 0 5px 10px;
    border-radius: 7px;
    width: 36px;
    height: 14px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    vertical-align: top;
    transition: background-color 0.2s, opacity 0.2s;
}

/* Thumb */
.pure-material-switch > span::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 16px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.2s;
}

/* Checked */
.pure-material-switch > input:checked {
    right: -10px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-switch > input:checked + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}

.pure-material-switch > input:checked + span::after {
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: translateX(16px);
}

/* Hover, Focus */
.pure-material-switch:hover > input {
    opacity: 0.04;
}

.pure-material-switch > input:focus {
    opacity: 0.12;
}

.pure-material-switch:hover > input:focus {
    opacity: 0.16;
}

/* Active */
.pure-material-switch > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.pure-material-switch > input:active + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}

.pure-material-switch > input:checked:active + span::before {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Disabled */
.pure-material-switch > input:disabled {
    opacity: 0;
}

.pure-material-switch > input:disabled + span {
    color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
    opacity: 0.38;
    cursor: default;
}

.pure-material-switch > input:disabled + span::before {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-switch > input:checked:disabled + span::before {
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);
}


/*-----------------Slider-------------*/
.pure-material-slider {
    --pure-material-safari-helper1: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04);
    --pure-material-safari-helper2: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);
    --pure-material-safari-helper3: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16);
    --pure-material-safari-helper4: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);
    display: inline-block;
    width: 200px;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-slider > input {
    -webkit-appearance: none;
    position: relative;
    top: 24px;
    display: block;
    margin: 0 0 -36px;
    width: 100%;
    height: 36px;
    background-color: transparent;
    cursor: pointer;
}

/* Without Span */
.pure-material-slider > input:last-child {
    position: static;
    margin: 0;
}

/* Span */
.pure-material-slider > span {
    display: inline-block;
    margin-bottom: 36px;
}

/* Focus */
.pure-material-slider > input:focus {
    outline: none;
}

/* Disabled */
.pure-material-slider > input:disabled {
    cursor: default;
    opacity: 0.38;
}

.pure-material-slider > input:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Webkit | Track */
.pure-material-slider > input::-webkit-slider-runnable-track {
    margin: 17px 0;
    border-radius: 1px;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);
}

/* Webkit | Thumb */
.pure-material-slider > input::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 50%;
    height: 2px;
    width: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: scale(6, 6);
    transition: box-shadow 0.2s;
}

/* Webkit | Hover, Focus */
.pure-material-slider:hover > input::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px var(--pure-material-safari-helper1);
}

.pure-material-slider > input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px var(--pure-material-safari-helper2);
}

.pure-material-slider:hover > input:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px var(--pure-material-safari-helper3);
}

/* Webkit | Active */
.pure-material-slider > input:active::-webkit-slider-thumb {
     box-shadow: 0 0 0 2px var(--pure-material-safari-helper4) !important;
}

/* Webkit | Disabled */
.pure-material-slider > input:disabled::-webkit-slider-runnable-track {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-slider > input:disabled::-webkit-slider-thumb {
    background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
    color: rgb(var(--pure-material-surface-rgb, 255, 255, 255)); /* Safari */
    box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important;
    transform: scale(4, 4);
}

/* Moz | Track */
.pure-material-slider > input::-moz-range-track {
    margin: 17px 0;
    border-radius: 1px;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);
}

/* Moz | Thumb */
.pure-material-slider > input::-moz-range-thumb {
    appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 50%;
    height: 2px;
    width: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: scale(6, 6);
    transition: box-shadow 0.2s;
}

/* Moz | Progress */
.pure-material-slider > input::-moz-range-progress {
    border-radius: 1px;
    height: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

/* Moz | Hover, Focus */
.pure-material-slider:hover > input:hover::-moz-range-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04);
}

.pure-material-slider > input:focus::-moz-range-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);
}

.pure-material-slider:hover > input:focus::-moz-range-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16);
}

/* Moz | Active */
.pure-material-slider > input:active::-moz-range-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24) !important;
}

/* Moz | Disabled */
.pure-material-slider > input:disabled::-moz-range-track {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-slider > input:disabled::-moz-range-progress {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

.pure-material-slider > input:disabled::-moz-range-thumb {
    background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
    box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important;
    transform: scale(4, 4);
}

.pure-material-slider > input::-moz-focus-outer {
    border: none;
}

/* MS | Track */
.pure-material-slider > input::-ms-track {
    box-sizing: border-box;
    margin: 17px 0;
    border: none;
    border-radius: 1px;
    padding: 0 17px;
    width: 100%;
    height: 2px;
    background-color: transparent;
}

.pure-material-slider > input::-ms-fill-lower {
    border-radius: 1px;
    height: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

/* MS | Progress */
.pure-material-slider > input::-ms-fill-upper {
    border-radius: 1px;
    height: 2px;
    background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);
}

/* MS | Thumb */
.pure-material-slider > input::-ms-thumb {
    appearance: none;
    margin: 0 17px;
    border: none;
    border-radius: 50%;
    height: 2px;
    width: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform: scale(6, 6);
    transition: box-shadow 0.2s;
}

/* MS | Hover, Focus */
.pure-material-slider:hover > input::-ms-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04);
}

.pure-material-slider > input:focus::-ms-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);
}

.pure-material-slider:hover > input:focus::-ms-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16);
}

/* MS | Active */
.pure-material-slider > input:active::-ms-thumb {
    box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24) !important;
}

/* MS | Disabled */
.pure-material-slider > input:disabled::-ms-fill-lower {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-slider > input:disabled::-ms-fill-upper {
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    opacity: 0.38;
}

.pure-material-slider > input:disabled::-ms-thumb {
    background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0));
    box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important;
    transform: scale(4, 4);
}

/*-----------------Textfield standard-------------*/
.pure-material-textfield-standard {
    position: relative;
    display: inline-block;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

/* Input, Textarea */
.pure-material-textfield-standard > input,
.pure-material-textfield-standard > textarea {
    display: block;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-top: solid 27px transparent;
    border-bottom: solid 1px rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    padding: 0 0 4px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    background-color: transparent;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border-bottom 0.2s, background-color 0.2s;
}

/* Span */
.pure-material-textfield-standard > input + span,
.pure-material-textfield-standard > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    box-sizing: border-box;
    padding: 7px 0 0;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    font-size: 100%;
    line-height: 18px;
    pointer-events: none;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Underline */
.pure-material-textfield-standard > input + span::after,
.pure-material-textfield-standard > textarea + span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transform-origin: bottom center;
    transform: scaleX(0);
    transition: transform 0.2s;
}

/* Hover */
.pure-material-textfield-standard > input:hover,
.pure-material-textfield-standard > textarea:hover {
    border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
}

/* Placeholder-shown */
.pure-material-textfield-standard > input:not(:focus):placeholder-shown + span,
.pure-material-textfield-standard > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 56px;
}

/* Hide placeholder when no focus */
.pure-material-textfield-standard > input:not(:focus)::placeholder,
.pure-material-textfield-standard > textarea:not(:focus)::placeholder {
    color: transparent;
}

/* Focus */
.pure-material-textfield-standard > input:focus,
.pure-material-textfield-standard > textarea:focus {
    outline: none;
}

.pure-material-textfield-standard > input:focus + span,
.pure-material-textfield-standard > textarea:focus + span {
    color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-textfield-standard > input:focus + span::before,
.pure-material-textfield-standard > textarea:focus + span::before {
    opacity: 0.12;
}

.pure-material-textfield-standard > input:focus + span::after,
.pure-material-textfield-standard > textarea:focus + span::after {
    transform: scale(1);
}

/* Disabled */
.pure-material-textfield-standard > input:disabled,
.pure-material-textfield-standard > textarea:disabled {
    border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

.pure-material-textfield-standard > input:disabled + span,
.pure-material-textfield-standard > textarea:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pure-material-textfield-standard > input,
        .pure-material-textfield-standard > input + span,
        .pure-material-textfield-standard > input + span::after,
        .pure-material-textfield-standard > textarea,
        .pure-material-textfield-standard > textarea + span,
        .pure-material-textfield-standard > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}

/*-----------------Checkbox-------------*/
.pure-material-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-checkbox > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-checkbox > span {
    display: inline-block;
    width: 110%;
    cursor: pointer;
}

/* Box */
.pure-material-checkbox > span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 2px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.pure-material-checkbox > span::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.pure-material-checkbox > input:checked,
.pure-material-checkbox > input:indeterminate {
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-checkbox > input:checked + span::before,
.pure-material-checkbox > input:indeterminate + span::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-checkbox > input:checked + span::after,
.pure-material-checkbox > input:indeterminate + span::after {
    border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}

.pure-material-checkbox > input:indeterminate + span::after {
    border-left: none;
    transform: translate(4px, 3px);
}

/* Hover, Focus */
.pure-material-checkbox:hover > input {
    opacity: 0.04;
}

.pure-material-checkbox > input:focus {
    opacity: 0.12;
}

.pure-material-checkbox:hover > input:focus {
    opacity: 0.16;
}

/* Active */
.pure-material-checkbox > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:active + span::before {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-checkbox > input:checked:active + span::before {
    border-color: transparent;
    background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.pure-material-checkbox > input:disabled {
    opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    cursor: initial;
}

.pure-material-checkbox > input:disabled + span::before {
    border-color: currentColor;
}

.pure-material-checkbox > input:checked:disabled + span::before,
.pure-material-checkbox > input:indeterminate:disabled + span::before {
    border-color: transparent;
    background-color: currentColor;
}



@keyframes bounceInPaused{
	10%, 20%, 30%, 40%, 0%, 50%, 100% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3);
	}
	10% {
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1);
	}
	20% {
		-webkit-transform: scale3d(.9,.9,.9);
		transform: scale3d(.9,.9,.9);
	}
	30% {
		opacity: 1;
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03);
	}
	40% {
		-webkit-transform: scale3d(.97,.97,.97);
		transform: scale3d(.97,.97,.97);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}

@keyframes slideInPausedOut{
	0% {
		-webkit-transform: translate3d(-150%,0,0);
		transform: translate3d(-110%,0,0);
		visibility: visible;
	}
	25% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	
	75% {
		-webkit-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(150%,0,0);
		transform: translate3d(110%,0,0);
	}
}



/* Mise en page pour cocon sémantique */

.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
   padding-top: 0rem; 
    padding-bottom: 0rem;
}

.page-template-default .page-content img:not(.custom-logo-link img){
	    padding: 2em 0;
}

.page-template-default .page-content h2{
	    padding-top: 1em;
}

.page-template-default .page-content h3{
	    padding-top: 1em;
}
.page-template-default .page-content h4{
	    padding-top: 1em;
}

/*----- CSS pour mise en forme sur pages du SPIN -----------------*/
.texteville {
	max-width:640px;
	margin: 50px auto;
}

body.page-template-default.mesmerize-inner-page .page-content, body.page-template-default.mesmerize-inner-page .content, body.page-template-default.mesmerize-front-page.mesmerize-content-padding .page-content{
	background-color: #FFF;
}