@font-face {
	    font-family: 'ff_unit_rounded_pro_bold-webfont';
	    src: url('../fonts/ff_unit_rounded_pro_bold-webfont.eot');
	    src: url('../fonts/ff_unit_rounded_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/ff_unit_rounded_pro_bold-webfont.woff') format('woff'),
	         url('../fonts/ff_unit_rounded_pro_bold-webfont.ttf') format('truetype'),
	         url('../fonts/ff_unit_rounded_pro_bold-webfont.svg#Ubuntu-r') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
@font-face {
	    font-family: 'ff_unit_rounded_pro_light-webfont';
	    src: url('../fonts/ff_unit_rounded_pro_light-webfont.eot');
	    src: url('../fonts/ff_unit_rounded_pro_light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/ff_unit_rounded_pro_light-webfont.woff') format('woff'),
	         url('../fonts/ff_unit_rounded_pro_light-webfont.ttf') format('truetype'),
	         url('../fonts/ff_unit_rounded_pro_light-webfont.svg#Ubuntu-r') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
@font-face {
	    font-family: 'ff_unit_rounded_pro_regular-webfont';
	    src: url('../fonts/ff_unit_rounded_pro_regular-webfont.eot');
	    src: url('../fonts/ff_unit_rounded_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/ff_unit_rounded_pro_regular-webfont.woff') format('woff'),
	         url('../fonts/ff_unit_rounded_pro_regular-webfont.ttf') format('truetype'),
	         url('../fonts/ff_unit_rounded_pro_regular-webfont.svg#Ubuntu-r') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
@font-face {
	    font-family: 'Helvetica Neue LT Pro 45 Light';
	    src: url('../fonts/Helvetica Neue LT Pro 45 Light.otf');
	    font-weight: normal;
	    font-style: normal;

	}
@font-face {
	    font-family: 'Helvetica Neue LT Pro 65 Medium';
	    src: url('../fonts/Helvetica Neue LT Pro 65 Medium.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;

	}

:root {
  --Bleu: #2f74b3;
  --BleuLight: #678ec2;
  --Jaune: #fdbf4c;
  --JauneLight: #fecc77;
  --Rose: #eb378b;
  --RoseLight: #ee5797;
  --Vert: #94c851;
  --VertLight: #afd577;
}

/* GENERAL */

html {font-size: 10px;}
/*body {margin: 0;font-size: 15px;line-height: 1.35; color: #000; background-color: #fff; font-family: 'Roboto', Arial, sans-serif; font-weight: 400;}*/
body {margin: 0;font-size: 15px;line-height: 1.35; color: #000; background-color: #fff; font-family: 'Helvetica Neue LT Pro 45 Light', Arial, sans-serif; font-weight: 400;}
@media (min-width: 992px) {
	body {font-size: 16px;}
}
@media (min-width: 1440px) {
	body {font-size: 18px;}
}


p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Bleu);text-decoration: underline;}
a:hover {color: var(--BleuLight);}

b, strong {font-weight:700;}
/*h1 {color: #000; font-size: 2.8em; margin-bottom: .75em;font-family: 'Barlow Semi Condensed', sans-serif;line-height: 1em;text-align: center;}*/
h1 {color: #000; font-size: 2.8em; margin-bottom: .75em;font-family: 'Helvetica Neue LT Pro 65 Medium', cursive;line-height: 1em;text-align: center;}
.intro h1 {color: #fff;}
/*h2 {color: #000; font-size: 2.8em; margin-bottom: .75em;font-family: 'Barlow Semi Condensed', sans-serif;line-height: 1em;text-align: center;}*/
/*h2 {color: #000; font-size: 2.8em; margin-bottom: .75em;font-family: 'Barlow Semi Condensed', sans-serif;line-height: 1em;}*/
h2 {color: #000; font-size: 2.8em; margin-bottom: .75em;font-family: 'Helvetica Neue LT Pro 65 Medium', cursive;line-height: 1em;text-align: center;}
/*h2.articlesubtitle {font-size: 1.3em;font-family: 'Roboto', Arial, sans-serif; font-weight: 700; text-align: left;}
h2.blogsubtitle {color: #fff; font-size: 1.5em;font-family: 'Roboto', Arial, sans-serif; font-weight: 700; text-align: left; text-transform: uppercase;}*/
h2.articlesubtitle {font-size: 1.3em;font-family: 'Helvetica Neue LT Pro 65 Medium', Arial, sans-serif; font-weight: 700; text-align: left;}
h2.blogsubtitle {font-size: 1.5em;font-family: 'Helvetica Neue LT Pro 65 Medium', Arial, sans-serif; font-weight: 700; text-align: left; text-transform: uppercase;}
/*h3 {color: var(--Jaune); font-size: 1.2em; margin-bottom: .75em;font-weight: 700; text-transform: uppercase;text-align: center;}*/
h3 {color: var(--Jaune); font-size: 1.2em; margin-bottom: .75em;font-weight: 700; text-transform: uppercase;}
h4 {font-size: 1em; margin-bottom: .75em;font-weight: 700; text-transform: uppercase;}
@media (min-width: 480px) {
	h1, h2 {font-size: 2.7em;}
	h2.articlesubtitle {font-size: 1.4em;}
	h2.blogsubtitle {font-size: 1.8em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1em;}
}
@media (min-width: 768px) {
	h1, h2 {font-size: 3em;}
	h2.articlesubtitle {font-size: 1.5em;}
	h2.blogsubtitle {font-size: 2em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1em;}
}
@media (min-width: 992px) {
	h1, h2 {font-size: 3.5em;}
	h2.articlesubtitle {font-size: 1.6em;}
	h2.blogsubtitle {font-size: 2.4em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1em;}
}
@media (min-width: 1240px) {
	h1, h2 {font-size: 4em;}
	h2.articlesubtitle {font-size: 1.7em;}
	h2.blogsubtitle {font-size: 2.7em;}
	h3 {font-size: 1.6em;}
	h4 {font-size: 1em;}
}
@media (min-width: 1440px) {
	h1, h2 {font-size: 4.3em;}
	h2.articlesubtitle {font-size: 1.8em;}
	h2.blogsubtitle {font-size: 2.9em;}
	h3 {font-size: 1.85em;}
	h4 {font-size: 1em;}
}

.btn {padding: .6em 1em .6em 2.2em; font-size: 16px; text-align: center; background: var(--Jaune) url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23ffffff' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/></svg>") no-repeat 15px center; background-size: auto 80%;color: #fff; border-radius: 40px; font-weight: 700; text-transform: uppercase; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; white-space: nowrap; vertical-align: middle; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover {background-color: var(--JauneLight);text-decoration: none;color: #fff;}
.btn--wide {background-image: none; border-radius: 0; padding: .7em; display: block;}
@media (min-width: 480px) {
	.btn--wide {font-size: 18px;}
}
@media (min-width: 768px) {
	.btn--wide {font-size: 20px;}
}

.bg-black {background-color: #0C171C;color: #fff;}
.bg-black h1 {color: #fff;}

/* ******************************* HEADER */

.page-header {background: #fff; z-index: 999; position: fixed; left: 0; top: 0; right: 0; border-bottom: 1px solid #eee;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.page-header > .container {position: relative;}
.page-header-top {padding: 15px 0;}
.page-header-scroll {padding: 3px 0;}
.header-logo {width: 82px;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
@media (max-width: 991px) {
	.page-header-scroll .header-logo {width: 70px;}
}
@media (min-width: 992px) {
	.page-header {position: relative;border: 0; padding: 25px 0;}
	.header-logo {width: 150px;margin-right: 3em;}
}
@media (min-width: 1240px) {
	.header-logo {width: 180px;}
}
@media (min-width: 1440px) {
	.header-logo {width: 200px;}
}

/* ******************************* NAV */

#nav {position: relative;z-index: 997;}
#nav ul {margin: 0; padding: 0; list-style: none;}
ul.nav-menu a {display: block; text-transform: uppercase; font-weight: 700;text-decoration: none;}
ul.nav-menu {margin: 0;}
ul.nav-menu li { display:block;position: relative;}
ul.nav-menu a:hover {text-decoration: none;}

.nav-toggle {display: block; position: absolute; top: 50%; margin-top: -17px; right: 15px;}
.nav-toggle span {position: absolute; text-transform: uppercase;font-weight: 700; left: 0; top: 6px;font-size: 20px;}
.nav-icon {width: 98px; cursor: pointer; padding-left: 66px;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #000; -webkit-border-radius: 3px; border-radius: 2px; content: ''; display: block; height: 4px; margin: 6px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(10px) rotate(135deg); -webkit-transform: translateY(10px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-10px) rotate(-135deg); -webkit-transform: translateY(-10px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }

@media (max-width:991px) {
	body.nav-is-open {overflow: hidden;}
	#nav {display: none;position: fixed; top: 112px; left: 0; right: 0; bottom: 0; overflow-y:scroll;background-color: #fff;}
	.page-header-top #nav {top: 112px;}
	.page-header-scroll #nav {top: 77px;}
	ul.nav-menu {text-align: center;border-top: 1px solid #eee;}
	ul.nav-menu li a {color: #000;}
	ul.nav-menu > li {border-bottom: 1px solid #eee;}
	ul.nav-menu > li > a {padding: 15px;font-size: 18px;}
	ul.nav-menu > li > a:hover {background-color: #f6f6f6;}
	ul.nav-menu .sub-menu a {padding: 10px 15px;font-size: 16px; font-weight: 400; text-transform: none;}
	ul.nav-menu .sub-menu a:hover {text-decoration: underline;}
}
@media (min-width:992px) {
	#nav {display: block !important;}
	ul.nav-menu > li {display: inline-block; flex: 1;margin-right: 1em;position: relative;}
	ul.nav-menu > li:after {content: "";width: 3px; background-color: var(--Jaune); position: absolute; top: -.25em; bottom: -.25em; right: -.525em;}
	ul.nav-menu > li:last-child {margin-right: 0;}
	ul.nav-menu > li:last-child:after {content: none;}
	ul.nav-menu > li > a {padding: .5em 1em; color: #000; white-space: nowrap;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a {background-color: var(--Jaune); color: #fff; text-decoration: none;}
	ul.nav-menu ul.sub-menu {top: 38px; background: var(--Jaune); width: 170px; position: absolute; left: -999em;z-index: 999;}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu > li.nav-inscription {padding-left: .8em;}
	ul.nav-menu > li.nav-inscription > a {background: var(--Jaune) url("../images/inscription-jaune.svg") no-repeat 4px center; background-size: auto 85%;border-radius: 35px; padding: .4em .8em .4em 2.4em; color: #fff;}
	ul.nav-menu > li.nav-inscription > a:hover {background-color: #000; background-image: url("../images/inscription-noir.svg");}
	ul.nav-menu ul.sub-menu a {padding: .4em 1.2em; color: #fff; text-transform: none; font-weight: 400; font-size: .9em;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover {background-color: var(--JauneLight);}
}
@media (min-width: 1240px) {
	ul.nav-menu {font-size: 1.1em;}
	ul.nav-menu ul.sub-menu {top: 45px;width: 190px;}
	ul.nav-menu > li > a {padding: .6em 1em;}
}
@media (min-width: 1440px) {
	#nav {margin-top: 3px;}
	ul.nav-menu {font-size: 1.15em;}
	ul.nav-menu ul.sub-menu {top: 53px;width: 210px;}
}

/* ******************************* FOOTER */

.page-footer {background: var(--Jaune);position: relative; margin-top: 110px;}
@media (min-width: 992px) {
	.page-footer {margin-top: 130px;}
}
@media (min-width: 1240px) {
	.page-footer {margin-top: 160px;}
}
@media (min-width: 1440px) {
	.page-footer {margin-top: 170px;}

}

.footer-contact {position: relative; margin: 0 0 2em;}
.footer-contact-wrap {background-color: #000; border-radius: 30px; padding: 30px 0 0;color: #fff;margin-top: -100px;}
.footer-contact-wrap > .row > .col-12 .contact-item:after {content: ""; position: absolute; height: 2px; width: 100%; bottom: 0; right: 0; background-color: var(--Jaune);}
.footer-contact-wrap > .row > .col-12:last-child .contact-item:after {content: none;}

.contact-item {position: relative;margin: 0 35px 15px;padding-bottom: 15px;}
.contact-item svg {height: auto; width: 25px; display: block; margin: 0 1.2em 0 0;}
.contact-item svg path {fill: #fff;}
.contact-item-text {flex: 1;width: 100%;}
.contact-item-text p {margin: 0;}
.contact-item a,.contact-item a[href^="mailto:"],.contact-item a[href^="tel:"] {color: #fff;text-decoration: none;}
.contact-item a:hover,.contact-item a[href^="mailto:"]:hover,.contact-item a[href^="tel:"]:hover {text-decoration: underline;}
@media (min-width: 480px) {
	.contact-item {margin: 0 60px 15px;}
}
@media (min-width: 992px) {
	.footer-contact {margin-bottom: 3em;}
	.footer-contact-wrap {padding: 33px 10px;border-radius: 40px; }
	.footer-contact-wrap > .row > .col-12 .contact-item:after {width: 2px; height: auto; top: 0; right: -7.5px;}
	.contact-item {height: 100%;margin: 0;padding: 0;font-size: .8em;}
	.contact-item svg {height: 30px; width: auto; margin: 0 auto 1em;}
}
@media (min-width: 1240px) {
	.footer-contact-wrap {padding: 35px 20px; margin-top: -120px;}
	.contact-item {font-size: .875em;}
}
@media (min-width: 1440px) {
	.footer-contact-wrap {padding: 40px 35px; margin-top: -130px;}
	.contact-item {font-size: .9em;}
}


.footer-sitemap {padding-left: 4.5%;padding-right: 4.5%;}
.footer-sitemap p {text-transform: uppercase;color: #fff;font-size: 1.2em;margin-bottom: 1.5em;}
.footer-sitemap ul li {margin-bottom: .6em;}
.footer-sitemap ul li a {text-decoration: underline;color: #fff;}
.footer-sitemap ul li a:hover {color: #000;}
@media (min-width: 992px) {
	.footer-sitemap {padding: 0;}
	.footer-sitemap p {padding-top: 2em;}
}
@media (min-width: 1440px) {
	.footer-sitemap p {padding-top: 1.6em;}
}

.footer-links li:before {content: ""; width: 2px; height: 10px; background-color: #fff; display: inline-block; margin: 0 5px;}
.footer-links li:first-child:before {content: none;}
.footer-links li a {text-decoration: underline;color: #fff;}
.footer-links li a:hover {color: #000;}

.footer-mentions {font-size:0.85em;}
.footer-mentions a:hover {text-decoration: underline;}
.footer-mentions li:before {content:"";width: 1px; height: 10px; background-color: rgba(0,0,0,0.5); display: inline-block;margin: 0 10px 0 0;}
@media (max-width: 767px) {
	.footer-mentions li:first-child:before {content: none;}
}

/* ********************** */

.shortlinks ul {background-color: #fff;position: relative;margin: 0;}
.shortlinks ul li {margin-bottom: .6em;}
.shortlinks ul li a {text-decoration: none;color: #000;}
.shortlinks ul li a img {max-width: 20px; max-height: 20px; width: auto; height: auto;}
.shortlinks ul li a span.img {width: 20px; text-align: center; margin-right: 10px;display: inline-block;}
.shortlinks ul li a:hover span.text {text-decoration: underline;}
@media (max-width: 991px) {
	.shortlinks {position: relative;background-color: #fff;}
	.shortlinks .container > ul + ul:before {content: "";background-color: var(--Jaune);display: block;position: absolute; width: 2px; top: 20px; bottom: 20px; left: -7.5px;}
	.shortlinks .container > ul {width: 50%; padding: 20px 20px 10px;}
}
@media (min-width: 992px) {
	/*.shortlinks {position: absolute; height: 1px; width: 930px;margin-left: -465px; left: 50%; text-align: right; z-index: 9999;}*/
	.shortlinks {position: absolute; height: 1px; width: 930px;margin-left: -465px; left: 50%; text-align: right; z-index: 1;}
	.shortlinks ul {width: 220px; display: inline-block; text-align: left;box-shadow: 0 0 4px rgba(0, 0, 0, .15); margin-top: 40px;padding: 15px 15px 8px;}
}
@media (min-width: 1240px) {
	.shortlinks {width: 1170px;margin-left: -585px;}
}
@media (min-width: 1440px) {
	.shortlinks {width: 1370px;margin-left: -685px;}
}

/* ******************************* */

#page {overflow: hidden;}

.main-content {margin-top: 112px;}
@media (min-width: 992px) {
	.main-content {margin-top: 0;}
}

.main-content--form {padding-bottom: 120px;}
.main-content--form + .page-footer {margin-top: 0;}
@media (min-width: 992px) {
	.main-content--form {padding-bottom: 150px;}
}
@media (min-width: 1240px) {
	.main-content--form {padding-bottom: 180px;}
}
@media (min-width: 1440px) {
	.main-content--form {padding-bottom: 190px;}
}



.intro-bloclink {padding: 2em 0 1.2em;}
.bloclink {background-color: var(--Jaune); border-radius: 30px; text-align: center; position: relative;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.bloclink:hover {background-color: #000;}
.bloclink a {color: #fff; text-align: center; height: 160px; display: block; text-decoration: none;}
.bloclink:hover a {}
.bloclink a > span {display: block; width: 100%; padding-top: 15px; padding-bottom: 18px; -webkit-transition: all .2s 0s; transition: all .2s 0s;}
.bloclink span span {text-transform: uppercase; display: block; font-size: 1.4em; font-weight: 700;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.bloclink a:hover span span {-webkit-transform: scale(1.1);transform: scale(1.1);}
.bloclink a:hover > span {padding-bottom: 23px;background-size: 140px auto;}
@media (min-width: 768px) {
	/*.bloclink {margin-top: -100px;}*/
	.bloclink {margin-top: -200px;}
	.bloclink a {height: 150px;}
	.bloclink a > span {padding-bottom: 12px;}
}
@media (min-width: 992px) {
	.intro-bloclink {padding: 0 0 4em;}
	/*.bloclink {margin-top: -130px;}*/
	.bloclink {margin-top: -230px;}
	.bloclink a {height: 190px;}
	.bloclink a > span {padding-bottom: 20px;}
}
@media (min-width: 1240px) {
	/*.bloclink {margin-top: -150px;}*/
	.bloclink {margin-top: -275px;}
	.bloclink a {height: 220px;}
}
@media (min-width: 1440px) {
	.intro-bloclink {padding-bottom: 5em;}
	/*.bloclink {margin-top: -180px;}*/
	.bloclink {margin-top: -325px;}
	.bloclink a {height: 262px;}
}

.intro {background-color: #000; color: #fff;position: relative;}
.intro h2 {color: #fff;}

.news-xl-date {font-size: .8em;}
.news-xl h3 {text-align: left; color: #fff;}
.news-xl a {color: var(--Jaune);}
.news-xl a:hover {color: var(--JauneLight);}

.news-sm {text-align: center;position: relative;}
.news-sm p {margin: .6em 0 .1em;text-transform: uppercase; font-weight: 700;}
.news-sm a {color: var(--Jaune);}
.news-sm--article a {color: var(--Bleu);}
.news-sm a:after {content: "";position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.news-sm:hover img {opacity: .9;}
.news-sm:hover a {color: var(--JauneLight);}
.news-sm--article:hover a {color: var(--BleuLight);}

/*.suivre p {font-family: 'Barlow Semi Condensed', sans-serif; margin: 0 0 .2em 0; font-size: 1.8em;}*/
.suivre p {font-family: 'Helvetica Neue LT Pro 65 Medium', cursive; margin: 0 0 .2em 0; font-size: 1.8em;}
@media (min-width: 480px) {
	.suivre p {font-size: 2.15em;}
}
@media (min-width: 768px) {
	.suivre p {font-size: 2.25em;margin: 0 .75em 0 0;}
}
@media (min-width: 1240px) {
	.suivre p {font-size: 2.5em;}
}
@media (min-width: 1440px) {
	.suivre p {font-size: 2.75em;}
}

.bgnoir {background-color: #0C171C; color: #fff;overflow: hidden;}
.bgnoir h2 {color: #fff;}

.blocentreprise {text-align: center;}
.blocentreprise a {color: #000;margin: .6em 0 .1em;text-transform: uppercase; font-weight: 700; display: block; text-decoration: none;}
.blocentreprise a:after {content: "";position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.blocentreprise:hover img {opacity: .9;}
.blocentreprise:hover a {color: var(--Jaune);}

/* ************ Mixitup */


.main-content--formations {background-color: #0c171b;}
.main-content--formations h1 {color: #fff;}

.mixitup-controls-title {color: #fff; text-transform: uppercase;}
.mixitup-controls {color: #fff;}
.fieldset-name {display: block; margin-right: 10px; text-align: center; text-transform: uppercase; color: #fff; white-space: nowrap;font-weight: 700;}
.mixitup-controls .checkbox {margin: 0 15px 0 0;}
.mixitup-controls fieldset > .checkbox:last-child {padding-right: 0 !important;}
.mixitup-controls .checkbox label {position: relative; display: inline-block;cursor: pointer;}
.mixitup-controls .checkbox input {position: absolute; z-index: -1; opacity: 0;}
.mixitup-controls .checkbox span {position: relative; background-color: #fff; padding: .3em .85em; white-space: nowrap; color: #000;text-transform: uppercase;}
.mixitup-controls .checkbox:hover span {background-color: #eee;}
.mixitup-controls .checkbox input:checked + span {background-color: var(--Jaune) !important; color: #fff;}
@media (max-width: 991px) {
	.fieldset-name {width: 100%; text-align: left; margin-bottom: .5em;}
	.mixitup-controls .checkbox {margin-bottom: 10px;}
}
@media (min-width: 1440px) {
	.mixitup-controls {font-size: 1.1em;}
}


.mixitup-results {margin-left: 15px; margin-right: 15px;}
.mixitup-results .mix {display: none; width: 48%;margin-bottom: 4%;}
@media (min-width: 768px) {
	.mixitup-results {width: 705px;margin-left: auto; margin-right: auto;}
	.mixitup-results .mix {width: 220px;margin: 0 7.5px 15px;}
}
@media (min-width: 992px) {
	.mixitup-results {width: 785px;}
	.mixitup-results .mix {width: 180px;}
}
@media (min-width: 1240px) {
	.mixitup-results {width: 885px;}
	.mixitup-results .mix {width: 206px;}
}
@media (min-width: 1440px) {
	.mixitup-results {width: 1035px;}
	.mixitup-results .mix {width: 243px;}
}

.mixitup-bloc {font-size: 1.6em;}
.mixitup-bloc a {border-radius: 30px; text-transform: uppercase;text-align: center; height: 180px;text-decoration: none;line-height: 1.25em;}
.mixitup-bloc p {margin: 0;}
.mix-bleu .mixitup-bloc a {background-color: var(--Bleu);}
.mix-bleu .mixitup-bloc a:hover {background-color: var(--BleuLight);}
.mix-jaune .mixitup-bloc a {background-color: var(--Jaune);}
.mix-jaune .mixitup-bloc a:hover {background-color: var(--JauneLight);}
.mix-rose .mixitup-bloc a {background-color: var(--Rose);}
.mix-rose .mixitup-bloc a:hover {background-color: var(--RoseLight);}
.mixitup-bloc a .mixitup-bloc-title {color: #fff;}
.mixitup-bloc a .mixitup-bloc-subtitle {color: #000;font-weight: 700;}
@media (min-width: 480px) {
	.mixitup-bloc a {height: 200px;}
}
@media (min-width: 768px) {
	.mixitup-bloc a {height: 220px;}
}
@media (min-width: 992px) {
	.mixitup-bloc {font-size: 1.3em;}
	.mixitup-bloc a {height: 180px;}
}
@media (min-width: 1240px) {
	.mixitup-bloc {font-size: 1.7em;}
	.mixitup-bloc a {height: 206px;}
}
@media (min-width: 1440px) {
	.mixitup-bloc a {height: 243px;}
}

.subnav {text-align: center;}
.subnav-title {text-transform: uppercase;font-weight: 700;margin-bottom: .8em;}
.subnav ul {margin: 0; padding: 0;font-size: .9em;}
.subnav li.rose {width: 65%;}
.subnav li.roseLight {width: 35%;}
.subnav li.bleuLight,
.subnav li.jaune {width: 40%;}
.subnav li.vert,
.subnav li.bleu {width: 60%;}
.subnav li.vertLight {width: 100%;}
.subnav li a {color: #fff; text-transform: uppercase; text-decoration: none;display: block;padding: .8em .3em;}
.subnav li a:hover {background-color: rgba(255, 255, 255, .1);}
.subnav li.rose {background-color: var(--Rose);}
.subnav li.roseLight {background-color: var(--RoseLight);}
.subnav li.bleu {background-color: var(--Bleu);}
.subnav li.bleuLight {background-color: var(--BleuLight);}
.subnav li.vert {background-color: var(--Vert);}
.subnav li.vertLight {background-color: var(--VertLight);}
.subnav li.jaune {background-color: var(--Jaune);}
@media (min-width: 480px) {
	.subnav ul {font-size: .9em;}
	.subnav li.rose,
	.subnav li.bleu,
	.subnav li.bleuLight,
	.subnav li.jaune {width: 40%;}
	.subnav li.roseLight {width: 20%;}
	.subnav li.vert,
	.subnav li.vertLight {width: 60%;}
}
@media (min-width: 768px) {
	.subnav ul {font-size: .95em;}
	.subnav li.rose,
	.subnav li.bleu {width: 30%;}
	.subnav li.roseLight,
	.subnav li.bleuLight,
	.subnav li.jaune {width: 20%;}
	.subnav li.vert,
	.subnav li.vertLight {width: 40%;}
}
@media (min-width: 992px) {
	.subnav ul {font-size: 1.05em;}
}
@media (min-width: 1240px) {
	.subnav ul {font-size: 1.1em;}
}
@media (min-width: 1440px) {
	.subnav ul {font-size: 1.2em;}
}


/* SOCIALS */

.socials button {border: none; margin-right: .75em; background-color: transparent; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials button svg {display: inline-block; height: 40px; width: auto;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: #fff;}
.socials .social-facebook:hover svg path {fill: #4171a5;}
.socials .social-youtube:hover svg path {fill: #c92d20;}
.socials .social-instagram:hover svg path {fill: #ce2f79;}
.socials .social-snapchat:hover svg path {fill: #efe51d;}
.socials .social-twitter:hover svg path {fill: #00acee;}
.socials .social-linkedin:hover svg path {fill: #0e76a8;}
@media (min-width: 1440px) {
	.socials button svg {height: 50px;}
}

/* SLICKSLIDER */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after {display: table; content: ''; }
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }

.slick-loading .slick-list:after { background-color: rgba(0, 0, 0, .3); content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; }
@-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} }
@keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} }

/* Arrows */
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; z-index: 99; top: 50%; border: none; opacity: .85; display: block; width: 30px; height: 50px; padding: 0; text-decoration: none !important; overflow: hidden;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent;  outline: none; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.slick-arrowlight .slick-prev, .slick-arrowlight .slick-next {border-color: #fff;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent; opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 30px; height: 50px; background-repeat: no-repeat; background-position: center center;}
.slick-prev {left: 15px; }
[dir='rtl'] .slick-prev {right: 15px; left: auto;}
.slick-prev:before,
[dir='rtl'] .slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23000' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>"); background-size: auto 94px;}
.slick-arrowlight .slick-prev:before,
[dir='rtl'] .slick-arrowlight .slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23fff' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>"); }
.slick-next:before,
[dir='rtl'] .slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23000' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");background-size: auto 94px;}
.slick-arrowlight .slick-next:before,
[dir='rtl'] .slick-arrowlight .slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23fff' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>");}
.slick-next {right: 15px; }
[dir='rtl'] .slick-next {right: auto; left: 15px; }
@media (min-width: 768px) { 
	.slick-prev, .slick-next,
	.slick-prev:before, .slick-next:before {width: 40px; height: 80px;background-size: auto 137px;}
	.slick-prev {margin-left: 40px;}
	.slick-prev:hover {margin-left: 25px;}
	.slick-next {margin-right: 40px;}
	.slick-next:hover {margin-right: 25px;}
}
@media (min-width: 1440px) {
	.slick-prev {margin-left: 60px;}
	.slick-prev:hover {margin-left: 40px;}
	.slick-next {margin-right: 60px;}
	.slick-next:hover {margin-right: 40px;}
	.slick-prev, .slick-next,
	.slick-prev:before, .slick-next:before {width: 60px; height: 100px; background-size: auto 180px;}
}

/* Dots */
.slick-dots {position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; cursor: pointer; color: transparent; border: 0; outline: none; background: #fff; opacity: 0.5;border-radius: 50%;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; opacity: .75;}
.slick-dots li.slick-active button {opacity: 1;}
@media (min-width: 768px) { 
	.slick-dots {bottom: 30px;} 
}

/* main slider */
.slick-mainslider,
.slick-mainslider .slick-slide {height: 300px;}
.slider-content {width: 549px; height: 300px; margin-top: -150px; margin-left: -275px; position: absolute; left: 50%; top: 50%;overflow: hidden;}
.slider-content video,
.slider-content img {width: 100%; height: auto;}
@media (min-width: 480px) { 
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 400px;}
	.slider-content {width: 768px; height: 420px; margin-top: -210px; margin-left: -384px;}
}
@media (min-width: 768px) { 
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 500px;}
	.slider-content {width:992px; height: 542px; margin-top: -271px; margin-left: -496px;}
}
@media (min-width: 992px) { 
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 600px;}
	.slider-content {width:1240px; height: 678px; margin-top: -339px; margin-left: -620px;}
}
@media (min-width: 1240px) { 
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 715px;}
	.slider-content {width:1500px; height: 820px; margin-top: -410px; margin-left: -750px;}
}
@media (min-width: 1499px) {
	/*.slick-mainslider,
	.slick-mainslider .slick-slide {height: 984px;}
	.slider-content {width: 1800px; height: 984px; margin-left: -900px;}*/
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 820px;}
	.slider-content {width: 1800px; height: 820px; margin-left: -900px;}
}
@media (min-width: 1799px) {
	/*.slick-mainslider,
	.slick-mainslider .slick-slide {height: 1093px;}
	.slider-content {width: 2000px; height: 1093px; margin-left: -1000px;}*/
	.slick-mainslider,
	.slick-mainslider .slick-slide {height: 820px;}
	.slider-content {width: 2000px; height: 820px; margin-left: -1000px;}
}


/* Carousel videos */
.carousel-videos .carousel-slide {text-align: center;}
.carousel-videos .carousel-slide > div {display: inline-block;width: 280px;}
.carousel-videos .slick-next {right: -15px;}
.carousel-videos .slick-prev {left: -15px;}
.video-text {text-transform: uppercase; font-weight: 700;padding-top: .5em;}
.video-text strong {color: #fff;}
.video-text span {color: var(--Jaune); display: block;}
@media (min-width: 480px) { 
	.carousel-videos .carousel-slide > div {width: 300px;}
}
@media (min-width: 768px) { 
	.carousel-videos .slick-next {right: -120px;}
	.carousel-videos .slick-prev {left: -120px;}
}
@media (min-width: 992px) { 
	.carousel-videos .carousel-slide > div {width: 380px;}
}
@media (min-width: 1240px) { 
	.carousel-videos .carousel-slide > div {width: 450px;}
}
@media (min-width: 1440px) {
	.carousel-videos .carousel-slide > div {width: 550px;}
	.carousel-videos .slick-next {right: -130px;}
	.carousel-videos .slick-prev {left: -130px;}
}

/* Carousel logos */
.carousel-logos .carousel-slide {line-height: 65px;padding: 0 15px;}
.carousel-logos .carousel-slide img {display: inline-block; vertical-align: middle;max-height: 65px; max-width: 300px; width: auto; height: auto;}
.carousel-logos .slick-next,
.carousel-logos .slick-prev {width: 20px; height: 20px;}
.carousel-logos .slick-next {right: -15px;}
.carousel-logos .slick-prev {left: -15px;}
.carousel-logos .slick-next:before,
.carousel-logos .slick-prev:before {background: none; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.carousel-logos .slick-next:before {border-left: 20px solid #000;}
.carousel-logos .slick-prev:before {border-right: 20px solid #000;}
@media (min-width: 768px) { 
	.carousel-logos .slick-next,
	.carousel-logos .slick-prev {width: 30px; height: 40px;}
	.carousel-logos .slick-next {right: -80px;}
	.carousel-logos .slick-prev {left: -80px;}
	.carousel-logos .slick-next:before,
	.carousel-logos .slick-prev:before {border-top: 20px solid transparent;border-bottom: 20px solid transparent;}
	.carousel-logos .slick-next:before {border-left: 30px solid #000;}
	.carousel-logos .slick-prev:before {border-right: 30px solid #000;}
}




/* FORMS */

.form-group {margin-bottom: 1.5em;}
.form-control {font-size: 16px;padding: 0.7em 1em; color: inherit; background-color: #0C171C; border: 1px solid #fff; border-radius: 0; color: #fff;}
.form-control:focus {background-color: #0C171C; border-color: var(--Jaune);outline: none;}

/* Checkbox / Radios */
.custom-control {min-height: 1.5rem; margin-right: 1rem;padding-left: 0; position: relative; position: relative; display: -ms-inline-flexbox; display: inline-flex;}
.custom-control input {position: absolute; z-index: -1; opacity: 0;}
.custom-control label {position: relative;padding-left: 23px;cursor: pointer;}
.custom-control span:after {background-color: #fff; border: 1px solid #000; width: 14px; height: 14px; content: ""; top: 3px; left: 0; position: absolute; display: block;  pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;}
.custom-control--radio span:after {border-radius: 50%; top: 5px;}
.custom-control--checkbox input:checked + span:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-control--radio input:checked + span:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
.custom-control input:checked + span:after {background-color: var(--Jaune);}

.input-radio-label {border: 1px solid #fff;margin: 0; background: #0C171C;font-size: 16px; color: #fff;padding: 0.7em 1em;width: 100%;outline: none; position: relative;background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23fdbf4c' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/></svg>");background-repeat: no-repeat;background-position: calc(100% - 16px);background-size: 12px;cursor: pointer;}
.input-radio-label:after {content: ""; width: 1px; top: 0; bottom: 0; background-color: #fff;position: absolute; right: 44px;}
.custom-list-radios .custom-control--radio {border-bottom: 1px solid #fff;margin: 0 44px;}
.custom-list-radios .custom-control--radio label {padding-left: 0;display: block;}
.custom-list-radios .custom-control--radio span {display: block; position: relative;z-index: 20;padding: .55em 3px;}
.custom-list-radios .custom-control--radio span:hover {background-color: #1d292e;}
.custom-list-radios .custom-control--radio span:after {content: none;}
.custom-list-radios .custom-control--radio input:checked + span {padding-left: 20px; color: var(--Jaune);background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fdbf4c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat 0 center; background-size: 15px auto;}

/* Select */
.justselect-body-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1; }
.justselect {display: none;}
.justselect-wrapper {position: relative; width: 100%; border: 1px solid #fff;}
.justselect-title {background: #0C171C;font-size: 16px; color: #fff;padding: 0.7em 1em;width: 100%;outline: none; position: relative;background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23fdbf4c' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/></svg>");background-repeat: no-repeat;background-position: calc(100% - 16px);background-size: 12px;cursor: pointer;}
.justselect-title:after {content: ""; width: 1px; top: 0; bottom: 0; background-color: #fff;position: absolute; right: 44px;}
.justselect-list {position: absolute; background-color: #0C171C;left: -1px; right: -1px;top: 45px;list-style: none;padding: 5px 25px;border: 1px solid #f6f6f6;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);display: none; z-index: 1; overflow: hidden;margin: 0;font-size: 16px;}
.justselect-list li {cursor: pointer; text-align: left; padding: .55em 0; background: #0C171C;border-bottom: 1px solid #fff;}
.justselect-list li:last-child {border-bottom: none;}
.justselect-list li.selected {color: var(--Jaune);}
.justselect-list li:hover {background-color: #1d292e;}
.justselect-list.active {display: block;}

/* File */
.input-label {padding-top: .8em; font-size: 18px;}
.input-file {border: 1px solid #fff; padding: 10px; width: 100%;}
input::file-selector-button {background-color: var(--Jaune);color: #fff;padding: 0.5em 1.2em; border: none;border-radius: 30px;}
input::file-selector-button:hover {background-color: var(--JauneLight);}
div.MultiFile-label {background-color: #1d292e; padding: 5px 10px; margin-top: 10px;}
div.MultiFile-label a.MultiFile-remove {width: 18px; height: 18px; vertical-align: middle; margin-right: 5px; font-family: Arial; background-color: var(--Jaune); color: #000; text-decoration: none; text-align: center; display: inline-block; line-height: 16px; border-radius: 50%; font-size: 12px; font-weight: bold;}
div.MultiFile-label a.MultiFile-remove:hover {background-color: var(--JauneLight);}
div.MultiFile-label span {display: inline-block;vertical-align: middle;}
@media (min-width: 1499px) {
	.input-file-label {font-size: 20px;}
}


.share {font-size: 1.2em; text-align: center;}
.share p {margin: 0; font-weight: 700;}
.share a {display: inline-block; padding-right: 30px;color: #fff;text-decoration: none; margin-right: 2px;}
.share a:hover {color: var(--Jaune);}
.share a.facebook {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ffffff' d='M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z'/></svg>") no-repeat right center;background-size: 24px auto;}
.share a.facebook:hover {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23fdbf4c' d='M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z'/></svg>");}
.share a.twitter {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffffff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/></svg>") no-repeat right center;background-size: 26px auto;}
.share a.twitter:hover {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fdbf4c' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/></svg>");}
.share a.blog {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-193 -6 512 512'><path fill='%23ffffff' d='M311,185.9L135.6,35.3C120.3,22.1,95.9,32.7,95.9,53l-0.3,78.9c-160.6,1.1-288.1,32.3-288.8,182.3 c-0.3,60.6,39.1,120.7,82.7,152.3c13.6,9.8,33.1-2.4,28.2-18.2C-127.2,305.2-60.2,267.5,94.9,266l-0.4,86.6 c-0.1,20.4,24.2,31.1,39.6,18.1l176.7-149C321.9,212.3,322,195.4,311,185.9z'/></svg>") no-repeat right center;background-size: 24px auto;}
.share a.blog:hover {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-193 -6 512 512'><path fill='%23fdbf4c' d='M311,185.9L135.6,35.3C120.3,22.1,95.9,32.7,95.9,53l-0.3,78.9c-160.6,1.1-288.1,32.3-288.8,182.3 c-0.3,60.6,39.1,120.7,82.7,152.3c13.6,9.8,33.1-2.4,28.2-18.2C-127.2,305.2-60.2,267.5,94.9,266l-0.4,86.6 c-0.1,20.4,24.2,31.1,39.6,18.1l176.7-149C321.9,212.3,322,195.4,311,185.9z'/></svg>");}

.blogarticle-title {font-weight: 700;font-size: 2em; margin-bottom: .2em;}
.blogarticle-date {font-size: .8em;}

form.blogsearch {position: relative;}
form.blogsearch input {width: 100%;border: 1px solid #000;padding: .5em .7em;}
form.blogsearch input:focus {outline: none;}
form.blogsearch button {position: absolute; right: 0; top: 0; bottom: 0; border: 0; cursor: pointer;width: 44px; background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23000000' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/></svg>") no-repeat center center;background-size: 24px auto;}
form.blogsearch button:hover {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23fdbf4c' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/></svg>");}

img {
    max-width: 100%;
}
/*.container h4 {font-family: 'Amatic SC', cursive;}*/
/*.container h4 {font-family: 'Helvetica Neue LT Pro 65 Medium', cursive;}*/
.container h4 {font-family: 'Helvetica Neue LT Pro 65 Medium', cursive;}

/*iframe    {position: unset !important;}*/
.frame iframe {position: unset !important;}
#frame iframe {position: unset !important;}
.frame  {position: unset !important;}
#frame  {position: unset !important;}

#scroll_to_top {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 50px;
  right: 50px;
  display: none;
}