/*
Theme Name: Koté Thème
Theme URI: http://wordpress.org/themes/kote-theme
Text Domain: kote-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior:smooth;
}

html,
button,
input,
select,
textarea {
	font-family: 'Outfit', sans-serif;
}

body {
	color: #898989;
	font-size: 18px;
	line-height: 31px;
	margin: 0;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

a {
	color: #8EB112;
	text-decoration: none;
	outline: inherit;
}

a:visited {
	color: #8EB112;
}

a:focus {
	outline: inherit;
}

a:active,
a:hover {
	color: #8EB112;
	outline: inherit;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Outfit', sans-serif;
	line-height: 1.3; color: #003D31;
}

h1 {
	font-size: 48px;
	margin: 32px 0;
}

h2 {
	font-size: 32px;
	margin: 24px 0;
}

h3 {
	font-size: 24px;
	margin: 24px 0;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	-webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: inherit;
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    clear: both;
    padding: 24px 0;
    display: block;
    margin: 0;
}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #e05d22; /* Old browsers */
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #ed6a31; /* Old browsers */
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;
}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {
	background-color: #fff;
	border-left: inherit;
	border-right: inherit;
	margin: 0 auto;
	max-width: inherit;
	width: 100%;overflow: hidden;
}

.site-main {
	position: relative;
}

.site-main .sidebar-container {
	height: 0;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1;
}

.site-main .sidebar-inner {
	margin: 0 auto;
	max-width: 1040px;
}


/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
	position: relative; padding: 40px 0;z-index: 9;
}

.site-header .home-link {
	color: inherit;
    display: block;
    margin: 0 auto;
    max-width: inherit;
    min-height: inherit;
    padding: inherit;
    text-decoration: none;
    width: 100%;
}

.site-header .site-title:hover {
	text-decoration: underline;
}

.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}

.site-description {
	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: inherit;
	min-height: inherit;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #003D31;
	display: block;
	font-weight: bold;
	font-size: 19px;
	line-height: 1;
	padding: 15px 32px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color: #96BF0D;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #003D31;
    border: inherit;
    border:2px solid #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0;
    position: absolute;
	text-align: left;
    left: 0;
    z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff !important;
    margin: 0;
    width: 200px;
    font-size: 17px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #96BF0D;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #96BF0D;
	font-style: normal;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background-color: inherit;
	margin: 0 auto;
	max-width: inherit;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}


/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.hentry {
	padding: 40px 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}


/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
	padding: 0;
}

.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

.entry-header {
	margin-bottom: 30px;
}

.entry-title {
	font-weight: normal;
	margin: 0 0 5px;
}

.entry-title a {
	color: #141412;
}

.entry-title a:hover {
	color: #ea9629;
}


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	font-size: 14px;
}

.entry-meta a {
	color: #bc360a;
}

.entry-meta a:hover {
	color: #bc360a;
}

.entry-meta > span {
	margin-right: 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}

.featured-post:before {
	content: "\f308";
	margin-right: 2px;
}

.entry-meta .date a:before {
	content: "\f303";
}

.comments-link a:before {
	content: "\f300";
	margin-right: 2px;
	position: relative;
	top: -1px;
}

.entry-meta .author a:before {
	content: "\f304";
	position: relative;
	top: -1px;
}

.categories-links a:first-child:before {
	content: "\f301";
}

.tags-links a:first-child:before {
	content: "\f302";
	position: relative;
	top: -1px;
}

.edit-link a:before {
	content: "\f411";
	position: relative;
	top: -1px;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
	display: none;
}


/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {
	-webkit-hyphens: inherit;
	-moz-hyphens:    inherit;
	-ms-hyphens:     inherit;
	hyphens:         inherit;
	word-wrap: inherit;
}

.entry-content a,
.comment-content a {
	color: #bc360a;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #ea9629;
}

.entry-content blockquote {
	font-size: 24px;
}

.entry-content blockquote cite,
.entry-content blockquote small {
	font-size: 16px;
}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: 0;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
	margin-right: 0;
}

footer.entry-meta {
	margin-top: 24px;
}

.format-standard footer.entry-meta {
	margin-top: 0;
}

/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
	background: #e63f2a;
	border: 1px solid #e63f2a;
	color: #fff;
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
	background: #fff;
	color: #e63f2a;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
	background: none;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ea9629;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}


/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside {
	background-color: #f7f5e7;
}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-aside .entry-meta {
	margin-top: 0;
}

.format-aside blockquote {
	font-size: 100%;
	font-weight: normal;
}

.format-aside cite {
	font-size: 100%;
	text-transform: none;
}

.format-aside cite:before {
	content: "\2014";
	margin-right: 5px;
}

/* Audio */
.format-audio {
	background-color: #db572f;
}

.format-audio .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-audio .entry-content:before {
	content: "\f109";
	float: left;
	font-size: 64px;
	position: relative;
	top: 4px;
}

.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
	color: #fbfaf3;
}

.format-audio .audio-content {
	background: url(images/dotted-line.png) repeat-y left top;
	background-size: 4px 4px;
	float: right;
	padding-left: 35px;
	width: 80%;
	width: -webkit-calc(100% - 85px);
	width:         calc(100% - 85px);
}

.format-audio .wp-audio-shortcode {
	height: 30px !important; /* Override mediaelement.js style */
	margin: 20px 0;
	max-width: 400px !important; /* Override mediaelement.js style */
}

.format-audio audio {
	max-width: 100% !important; /* Avoid player width overflow. */
}

/* Chat */
.format-chat {
	background-color: #eadaa6;
}

.format-chat .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-chat .entry-meta a,
.format-chat .entry-content a {
	color: #722d19;
}

.format-chat .entry-meta .date a:before {
	content: "\f108";
	margin-right: 2px;
}

.format-chat .entry-meta .author {
	display: none;
}

.format-chat .chat {
	margin: 0;
}

.format-chat .chat .chat-timestamp {
	color: #722d19;
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 10px 0;
}

.format-chat .chat .fn {
	font-style: normal;
}

/* Gallery */
.format-gallery {
	background-color: #fbca3c;
}

.format-gallery .entry-header {
	margin-bottom: 15px;
}

.format-gallery .entry-title {
	font-size: 50px;
	font-weight: 400;
	margin: 0;
}

.format-gallery .entry-meta a,
.format-gallery .entry-content a {
	color: #722d19;
}

/* Image */
.format-image .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-image .categories-links,
.format-image .tags-links {
	display: none;
}

/* Link */
.format-link {
	background-color: #f7f5e7;
}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-link .entry-header,
.format-link .entry-content p:last-child {
	margin-bottom: 0;
}

.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin-right: 20px;
}

.format-link .entry-title a {
	color: #bc360a;
}

.format-link div.entry-meta {
	display: inline;
}

/* Quote */
.format-quote {
	background-color: #210d10;
}

.format-quote .entry-content,
.format-quote .entry-meta {
	color: #f7f5e7;
}

.format-quote .entry-content blockquote {
	font-size: 28px;
	margin: 0;
}

.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
	color: #e63f2a;
}

.format-quote .entry-content cite a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.format-quote .entry-content cite a:hover {
	text-decoration: none;
}

.format-quote blockquote small,
.format-quote blockquote cite {
	display: block;
	font-size: 16px;
}

.format-quote blockquote {
	font-style: italic;
	font-weight: 300;
	padding-left: 75px;
	position: relative;
}

.format-quote blockquote:before {
	content: '\201C';
	font-size: 140px;
	font-weight: 400;
	line-height: .8;
	padding-right: 25px;
	position: absolute;
	left: -15px;
	top: -3px;
}

.format-quote .entry-meta .author {
	display: none;
}

/* Status */
.format-status {
	background-color: #722d19;
	padding: 0;
}

.format-status .entry-content,
.format-status .entry-meta {
	padding-left: 35px;
	position: relative;
}

.format-status .entry-content a {
	color: #eadaa6;
}

.format-status .entry-meta a {
	color: #f7f5e7;
}

.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
	padding-left: 95px;
}

.format-status .entry-content:before,
.format-status .entry-meta:before {
	background: url(images/dotted-line.png) repeat-y left bottom;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	width: 1px;
}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
	left: 70px;
}

.format-status .categories-links,
.format-status .tags-links {
	display: none;
}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
	background-position: left top;
}

.format-status .entry-content {
	color: #f7f5e7;
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 30px;
	padding-top: 40px;
	position: relative;
}

.format-status .entry-content p:first-child:before {
	background-color: rgba(0, 0, 0, 0.65);
	content: "";
	height: 3px;
	margin-top: 13px;
	position: absolute;
	left: 4px;
	width: 13px;
}

.sidebar .format-status .entry-content > p:first-child:before {
	left: 64px;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

.format-status .entry-meta {
	margin-top: 0;
	padding-bottom: 40px;
}

.format-status .entry-meta .date a:before {
	content: "\f105";
}

/* Video */
.format-video {
	background-color: #db572f;
}

.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
	color: #fbfaf3;
}

.format-video .entry-title {
	font-size: 50px;
	font-weight: 400;
}

.format-video .entry-meta {
	color: #220e10;
}


/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry {
	background-color: #e8e5ce;
	margin: 0;
	padding: 0;
}

.attachment .entry-header {
	margin-bottom: 0;
	max-width: inherit;
	padding: 30px 0;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}

.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width: 104px;
}

.attachment footer.entry-meta {
	display: none;
}

.attachment-meta:before {
	content: "\f307";
}

.full-size-link a:before {
	content: "\f402";
}

.full-size-link:before {
	content: none;
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #ca3c08;
}

.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}

.image-navigation a:hover {
	text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;
}

.image-navigation .nav-previous {
	left: 0;
}

.image-navigation .nav-next {
	right: 0;
}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}

.attachment .entry-attachment .attachment {
	display: inline-block;
}

.attachment .entry-caption {
	text-align: left;
}

.attachment .entry-description {
	margin: 20px auto 0;
	max-width: inherit;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;
}

.attachment .site-main .sidebar-container {
	display: none;
}

.attachment .entry-content .mejs-audio {
	max-width: 400px;
	margin: 0 auto;
}

.attachment .entry-content .wp-video {
	margin: 0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #bc360a;
}

.navigation a:hover {
	color: #ea9629;
	text-decoration: none;
}

.paging-navigation {
	background-color: #e8e5ce;
	padding: 40px 0;
}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .paging-navigation .nav-links {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

.paging-navigation .nav-next {
	padding: 13px 0;
}

.paging-navigation a {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
}

.paging-navigation .meta-nav {
	background-color: #e63f2a;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 17px 0 23px;
	width: 80px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

.paging-navigation a:hover .meta-nav {
	background-color: #ea9629;
	text-decoration: none;
}

.post-navigation {
	background-color: #fff;
	color: #ca3c08;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}


/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info {
	margin: 0 auto;
	max-width: 604px;
	padding: 30px 0 10px;
	text-align: left; /* gallery & video post formats */
	width: 100%;
}

.author.sidebar .author-info {
	max-width: 1040px;
	padding: 30px 376px 10px 60px;
}

.single .author-info {
	padding: 50px 0 0;
}

.author-avatar .avatar {
	float: left;
	margin: 0 30px 30px 0;
}

.single-format-status .author-description {
	color: #f7f5e7;
}

.author-description .author-title {
	clear: none;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 8px;
}

.author-link {
	color: #ca3c08;
	margin-left: 2px;
}

.author.archive .author-link {
	display: none;
}


/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

.archive-header {
	background-color: #e8e5ce;
}

.archive-title,
.archive-meta {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.archive-meta {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: -15px;
	padding: 0 0 11px;
}

.sidebar .archive-meta {
	padding-right: 316px;
}


/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-header {
	background-color: #e8e5ce;
}

.page-title {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.page-content {
	margin: 0 auto;
	max-width: 604px;
	padding: 40px 0;
	width: 100%;
}

.sidebar .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding: 40px 376px 40px 60px;
}


/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-header {
	background-color: #fff;
}

.error404 .page-title {
	line-height: 0.6;
	margin: 0;
	padding: 300px;
	position: relative;
	text-align: center;
	width: auto;
}

.error404 .page-title:before {
	color: #e8e5ce;
	content: "\f423";
	font-size: 964px;
	line-height: 0.6;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 28px;
}

.error404 .page-wrapper {
	background-color: #e8e5ce;
}

.error404 .page-header,
.error404 .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding-bottom: 40px;
	width: 100%;
}


/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}

.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;
}

.comment-author {
	float: left;
	max-width: 74px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
	word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	background-color: #f7f5e7;
	padding: 30px 0;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}


/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.mu_alert {
	margin-top: 25px;
}

.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
	font-size: inherit;
	width: 270px;
}

.site-main .mu_register input[type="submit"] {
	width: auto;
}


/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.site-main .widget-area {
	float: right;
	width: 300px;
}


/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 20px;
	word-wrap: break-word;
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 5px 0;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget a {
	color: #bc360a;
}

.widget a:hover {
	color: #ea9629;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */


.site-footer a {
	color: inherit;
}

.site-info {
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

#wpstats {
	display: block;
	margin: -10px auto 0;
}


/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1780px) {
	html section#NousContacter #QuoteConctacter {left: 0;width: 130px;}
}


@media (max-width: 1599px) {
	.site {
		border: 0;
	}
}

@media (max-width: 1460px) {
	html section#Slider { padding: 240px 0;}
}

@media (max-width: 1340px) {
	html footer .Width1200.Flex { display: block;}
	html footer .RubFooter {display: block;width: 100%;text-align: center;max-width: 100%;margin: 0 auto 40Px;}
	html footer h4 {margin: 0 auto 16px;}
	html footer svg#LogoBlancFooter {margin: auto;}
	
	html section#Slider video {max-width: inherit;width: auto;height: 100%;}
}

@keyframes kenburnsResp {0% {left: -100%}100% {left: -9vw;}}

@media (max-width: 1280px) {
	html section#Presentation {padding: 40px 0; margin-top: 24px;}
	html section#Presentation .ColonneHalf:nth-of-type(1) {display: block;margin: auto;width: 100%;  max-width: 620px;}
	html section#Presentation .ColonneHalf:nth-of-type(2) { padding: 0;width: 100%;max-width: 600px;margin: auto;display: block;text-align: center;margin-top: 40px;}
	html section#Presentation #CircleGreenPresentation {left: 50%;transform: translateX(-50%); top: -38px;opacity: 0.5;}
	html section#Presentation .ColonneHalf:nth-of-type(2) p { margin: 0 auto 24px;max-width: 100%;}
	html section#Presentation #LesCompteurs {justify-content: center; left: 0;}
	html section#Presentation .ColonneHalf:nth-of-type(1) svg#Qualiopi {position: relative;left: 0;top: 0;margin: -48px auto 0;display: block;bottom: 0;width: 100%;height: auto;}
}

@media (max-width: 1260px) {
	html section#Slider svg#FiltreVertSlider {height: 100%;left: -9vw;animation: kenburnsResp 1s linear;}
}

@media (max-width: 1170px) {
	html #BandeauTitre svg {width: 100px;height: auto;}
}

@media (max-width: 1140px) {
	html .ContenuPage .ColonneCentrale.Semi { width: 100%;max-width: 710px;margin: auto;display: block;padding: 0;}
	html .ContenuPage .ColonneDroite {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
	html .ContenuPage .CartoucheDroite {width: 100%; max-width: 300px;margin: 16px;}
	
	html section.UnBlocTexteGD #ResumeFormation {max-width: 100%;}
}

@media (max-width: 1180px) {
	html section#Slider {background-position: center right;}
}

@media (max-width: 1080px) {
	
	html header.site-header .home-link {display: block;}
	html header .navbar {width: auto;position: absolute;top: 40px;}
	html .home header .navbar {top: 16px;}
	html .home header .navbar svg g {fill:#fff;}
	html .home .nav-menu li:hover a {color: #fff;}
	
	html #BandeauTitre {padding: 24px;}
	
	section#Avis-Google {margin:80px auto 96px;}
	
	/* MENU RESPONSIVE !! */
	html .navbar {text-align: left; width: auto;}
	
	.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
    background-color: transparent;
    display: block;
    float: none;
    margin-left: 0;
    position: relative;
    padding: 64px 0 !important;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    border: 0;
}
	
	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:after {
		content: "\f502"; display: none;
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		/* display: block;*/ 
		float: none; padding: 0;
		margin-left: 0;
		position: relative;
		left: auto;
		top: auto;
		text-align: center;
		width: 100%;
		height: 100%; clip: inherit;border: 0; display: none;
	}
	

.sub-menu-open {
    display: block !important;
}
	.nav-menu li a .arrow {transform: rotate(180deg);position: absolute;display: inline-block;margin: 0;width: 24Px;height: 24px;vertical-align: middle;padding: 0;right: -32px;}
	.nav-menu li a .arrow svg {width: 12px;height: auto;display: block;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.toggled-on .nav-menu li > ul a {
		color: #96BF0D;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #96BF0D;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #96BF0D;
		color: #fff; border-radius: 80px;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	
.menu-menu-1-container {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: -100vh;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  background: rgba(0, 61, 49, 0.97) none repeat scroll 0 0;
}

.toggled-on .menu-menu-1-container { width: 100%; text-align: center; top: 0;}
html .toggled-on .menu-menu-1-container .closebtn {
   position: relative;
  top: 0;
  display: table;
  right: 0;
  font-size: 60px;
  left: 0;
  margin: 0 auto 40px;
  z-index: 999;
  color: #96BF0D; opacity: 1;
}
html .toggled-on .menu-menu-1-container .closebtn:hover {color: #fff;}
	
	html .nav-menu li a {max-width: 90%;margin: auto; color: #fff; display: table; position: relative;}
	html .nav-menu .current_page_item > a:after,
	html .nav-menu .current_page_ancestor > a:after,
	html .nav-menu .current-menu-item > a:after,
	html .nav-menu .current-menu-ancestor > a:after,
	html .nav-menu li:hover > a:after,
	html .nav-menu li a:hover:after,
	html .nav-menu li:focus > a:after,
	html .nav-menu li a:focus:after {display: none;}
	
	/* ##### FIN MENU RESPONSIVE !! ###### */
	
	
	html section#Temoignages .ColonneHalf:nth-of-type(1) {display: none;}
	html section#Temoignages .ColonneHalf:nth-of-type(2) {padding: 0;width: 100%;}
	html section#Temoignages .swiper {}
	html section#Temoignages { padding: 40px 0;}
	html section#Temoignages #BandeVerteDiagTemoi {width: 112vw; transform: translateY(-50%) rotate(3deg);}
	html .UnTemoignage .EncapsuleTemoignage {max-width: 600px;margin: auto;}
	
	html section#Actualites {z-index: 0;margin: -80px auto;padding: 164px 0;}
	
	html section#NousContacter #BgNousContacter {transform:  translateY(-50%) rotate(-3deg); width: 160vw; left: -50%;}
	html section#NousContacter .ColonneHalf:nth-of-type(1) {padding: 0;display: block;margin: auto;text-align: center;  width: 100%;}
	html section#NousContacter .ColonneHalf:nth-of-type(2) {width: 100%;margin-top: 40px;}
	html section#NousContacter .ColonneHalf:nth-of-type(1) p:nth-of-type(3) {display: none;}
	html section#NousContacter .ColonneHalf p a {color: inherit;}
	html section#NousContacter .ColonneHalf:nth-of-type(1) p {margin: 0;}
	html section#NousContacter .ColonneHalf:nth-of-type(1) p svg { position: relative;display: block;left: inherit;top: inherit;margin: 24px auto 8px;}
	html section#NousContacter #QuoteConctacter {display: none;}
}

@media (max-width: 1069px) {
	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}

	.archive-header,
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links,
	.sidebar .site-info,
	.site-footer .widget-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 554px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 60px;
	}
	
	html section#DiapoPhoto {margin-bottom: 96px;}
	html #DiapoPhoto .slick-slide .UnePhotoDiapo img,
	html #DiapoPhoto .slick-slide .UnePhotoDiapo,
	html section#DiapoPhoto .slick-slide,
	html section#DiapoPhoto .swiper-slide {height: 400px;}
}

@media (max-width: 999px) {
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 604px;
		padding-left: 0;
		padding-right: 0;
	}

	.sidebar .site-info,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.attachment .entry-header,
	.sidebar .comments-title {
		max-width: 604px;
	}

	.sidebar .archive-meta,
	.attachment .entry-header,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .site-info,
	.sidebar .comments-title,
	.sidebar .no-comments {
		padding-left: 0;
		padding-right: 0;
	}

	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}

	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}

	.format-status .entry-content {
		padding-top: 40px;
	}

	.format-status .entry-meta {
		padding-bottom: 40px;
	}

	.sidebar .format-status .entry-content,
	.sidebar .format-status .entry-meta {
		padding-left: 35px;
	}

	.sidebar .format-status .entry-content:before,
	.sidebar .format-status .entry-meta:before {
		left: 10px;
	}

	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}

	.sidebar .paging-navigation .nav-links {
		padding: 0 60px;
	}

	.site-main .sidebar-container {
		height: auto;
		margin: 0 auto;
		max-width: 604px;
		position: relative;
		top: 20px;
	}

	.site-main .widget-area {
		float: none;
		margin: 0;
		width: 100%;
	}

	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}
}

@keyframes kenburnsResp980 {0% {left: -100%}100% {left: -26vw;}}

@media (max-width: 980px) {
	html section#Slider #ContentSlider h1 {font-size: 28px;}
	html section#Slider #ContentSlider punchline { font-size: 56px; line-height: 61px;}
	html section#Slider #CallToLinkSlider {margin-top: 32px;}
	html section#Slider svg#FiltreVertSlider { left: -26vw; animation: kenburnsResp980 1s linear;}
	html section#Temoignages #Quote {top: -80px;}
}

@media (max-width: 880px) {
	html #StickyResumeFormation #TableauStatFormation {display: none;}
}

@media (max-width: 800px) {
	html form .Col1Form,
	html form .Col2Form { display: block;margin: auto;padding: 0;width: 100%;max-width: 400px;}
}

@keyframes kenburnsResp767 {0% {left: -100%}100% {left: -45vw;}}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}
	
	html section#Slider #ContentSlider h1 {font-size: 20px;}
	html section#Slider #ContentSlider punchline { font-size: 40px; line-height: 48px;}
	html section#Slider #CallToLinkSlider {}
	html section#Slider svg#FiltreVertSlider { left: -45vw;animation: kenburnsResp767 1s linear;}
	html section#Slider {padding: 180px 0;}
	html section#Slider #FiltreBgSlider {opacity: 0.6;}
	
	html .ContenuPage .CartoucheDroite {max-width: 100%;}
	html .ContenuPage .CartoucheDroite .TriangleEncartDroite { border-left: 100vw solid transparent;}
	html .ContenuPage .CartoucheDroite.blanc {padding-top: 40px;}
	
	html #LesPartenairesConstants .UnPartenaire img {max-height: 56px;max-width: 76px;}
	
	html section#DiapoPhoto {margin: 40px auto;}
	html #DiapoPhoto .slick-slide .UnePhotoDiapo img,
	html #DiapoPhoto .slick-slide .UnePhotoDiapo,
	html section#DiapoPhoto .slick-slide,
	html section#DiapoPhoto .swiper-slide {height: 240px;}
	html section#DiapoPhoto .slick-slide {margin: 0 4px;}
	
	html section#CTA-Video-Presentation-IFV h2 {display: none;}
}

@keyframes AnimateFilterSlider {0% {opacity: 0}100% {opacity: 1;}}
@media (max-width: 710px) {
	html section#Slider { background-attachment: inherit;}
	html section#Slider #SociauxSlider { position: relative;right: inherit;top: inherit;transform: inherit; text-align: center; margin-top: 32px;}
	html section#Slider #SociauxSlider #LigneSocial {height: 1px;width: 16px;display: inline-block;vertical-align: middle;margin: 0 12Px;}
	html section#Slider #SociauxSlider svg {display: inline-block; vertical-align: middle; margin: 8px;}
	html section#Slider {padding: 180px 0 110px;}
	html section#Slider #FiltreBgSlider {opacity: 0.7; background-color: #003D31;}
	html section#Slider svg#FiltreVertSlider {display: none;}
	html section#Slider #CallToLinkSlider a:nth-of-type(2) {background-color: #96BF0D;}
	html #ContentSlider {animation: AnimateFilterSlider 2s linear;}
	
	html .UnTemoignage .LeTexteTemoignage { font-size: 26px;line-height: 30px;}
	html section#Temoignages {padding: 80px 0; z-index: 2;}
	html section#Temoignages #Quote {top: -104px;width: 100px;height: auto;}
	html section#Temoignages #NavSlideTem div {width: 48px; height: 48px;}
	
	html #BandeauTitre h1 { font-size: 36px;line-height: 42px;}
	
	html .ContenuPage .gallery .gallery-item,
	html .ContenuPage .gallery .gallery-icon { width: 150px;height: 150px;}
	html .ContenuPage blockquote {line-height: 32px; font-size: 24px; margin: 40px auto;}
}

@media (max-width: 643px) {
	.site-title {
		font-size: 30px;
	}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}

	#content .format-status .entry-content,
	#content .format-status .entry-met {
		padding-left: 35px;
	}
	

	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 22px;
		font-weight: bold;
	}

	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 13px;
	}

	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}

	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
}

@media (max-width: 620px) {
	html section#Actualites h2.TitreStandard {text-align: center;}
	html section#Actualites a.LinkStandard { position: relative;top: 0;margin-top: 24px;}
}

@media (max-width: 550px) {
	html footer p#Mentions span:nth-of-type(1),
	html footer p#Mentions span:nth-of-type(3) {display: block;}
	html footer p#Mentions span:nth-of-type(2) {display: none;}
	html section#Presentation #CircleGreenPresentation {width: 100%;top: -90px;}
	html section#Presentation .ColonneHalf:nth-of-type(1) svg#Qualiopi {width: 100%;height: auto;}
	html section#Presentation #LesCompteurs .UnCompteur { width: 100%;margin: 24px auto;display: block;}
	html section#Presentation a.LinkStandard {margin-top: 24px;}
}

@media (max-width: 530px) {
	html header.site-header .home-link {margin-left: calc(100% - 200px - 32px);}
	html .home svg#LogoHomeIFV { position: relative;right: 32px;}
	html .ContenuPage .ColonneCentrale h2 {font-size: 28px;}
	html #ListingdesEnfants #ListingPages {margin-top: 0;}
}


@media (max-width: 480px) {
	html section#Slider #CallToLinkSlider a {display: block;margin: 8px auto;max-width: 200px;}
	html section#Slider #ContentSlider h1 {font-size: 18px;}
	html section#Slider #ContentSlider punchline { font-size: 36px; line-height: 42px;}
	html .home h2.TitreStandard { font-size: 32px;}
	html section#NousContacter {padding: 56px 0;}
	
	html section#Partenaires .UnPartenaire img {max-height: 56px;max-width: 120px;}
	html #LesFinanceurs  {display: block;}
	html #LesFinanceurs .UnFinanceur {display: block;margin: 24px auto;padding: 24px;width: 100%;max-width: 100%;border-radius: 24px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
	html #LesFinanceurs .UnFinanceur img { box-shadow: none !important;}
	
	html #StickyResumeFormation {padding: 4px;}
	html #StickyResumeFormation a.LinkStandard {display: block;}

	html header.site-header .home-link {margin-left: calc(100% - 160px - 32px);width: 160px;}
	html .site-header {padding: 24px 0;}
	html .home svg#LogoHomeIFV {width: 100%; right: 0;}
	html header .navbar {top:16px;}
	html #BandeauTitre h1 {font-size: 26px;line-height: 1.3;}
	html .ContenuPage {margin: 40px auto;}
	html #BandeauTitre {padding: 16px 24px;}
	html h2 {font-size: 28px;}
	html section#CTA-Video-Presentation-IFV a#Go-Video-Presentation {padding: 80px 0;}
}

@media (max-width: 430px) {
	html .home header.site-header .home-link {}
	html .home svg#LogoHomeIFV {width: 100%; right: 0;}
}

/* Mobile devices */
@media (max-width: 359px) {
	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}

	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before {
		background-image: url(images/dotted-line-2x.png);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
	}

	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}

	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}
/* °°°°°°°°°° ADD °°°°°°°°° */
.Width1200 {width: 90%; max-width: 1200px; position: relative;margin: auto;}
.Cover {background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: transparent;}
@-webkit-keyframes textAppear{0%{transform:translateY(10px);opacity:0}100%{transform:translateY(0px);opacity:1}}
.ApearK {opacity: 0;transform: translateY(24px);}
.ApearOK {animation: textAppear 0.5s ease-out forwards; animation-delay: 0.1s;}
.Zoom {transform: scale(1);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}
.Zoom:hover {
	transform: scale(1.05);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.Animation {
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.Flex {display: flex; flex-wrap: wrap; justify-content: center;}
.Shadow {box-shadow: 0 0 19px 0 rgba(120,120,120,0.50);}
.ColonneHalf {display: inline-block; vertical-align: top; position: relative; width: 50%;}
a.LinkStandard {background-color: #003D31;color: #fff !important;text-align: center;padding: 5px 40px;display: table;border-radius: 80px;font-weight: bold;font-size: 15px;margin: 0 auto;position: relative;}
a.LinkStandard:hover {text-decoration: none; background-color: #8EB112; }

/* LOGOS HEADER */
.home svg#LogoHomeIFV,
svg#LogoIFVstandard {display: block;}
.home svg#LogoIFVstandard,
svg#LogoHomeIFV {display: none;}
svg#LogoIFVstandard {width: 100%; height: auto;}
header.site-header .home-link {width: 200px; display: inline-block;vertical-align: middle;}
header .navbar {width: calc(100% - 200px);display: inline-block;vertical-align: middle;text-align: right;}
.home header { position: absolute;width: 100%;}
.home .nav-menu li a {color: #FFFFFF; text-shadow: 0 2px 4px rgb(115 115 115 / 50%);}
.home .nav-menu li:hover a {color: #003D31; text-shadow: inherit;}

/* ACCUEIL */
.home section { position: relative;}
.home h2.TitreStandard {font-size: 38px; margin: 0 0 24px;}
section#Slider {width: 100%;height: auto;;padding-bottom:inherit; position: relative; overflow: hidden; padding: 300px 0;background-attachment: fixed;background-position: center top; }
section#Slider video {position: absolute;z-index: 0;width: 100%;bottom: inherit;top: 50%;transform: translate(-50%,-50%);left: 50%;}
section#Slider svg#FiltreVertSlider {position: absolute;top: 50%;left: 0;z-index: 1;width: auto;height: 58vw;transform: translateY(-50%); animation: kenburns 1s linear; opacity: 0.6;}
section#Slider svg#CircleOpac { position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;z-index: 0;}
section#Slider #FiltreBgSlider {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #003D31;  opacity: 0.6;z-index: 0;}
section#Slider #ContentSlider {position: relative;z-index: 1;width: 90%;margin: auto;max-width: 730px;text-align: center;}
section#Slider #ContentSlider h1 {font-size: 37px;color: #FFFFFF;font-weight: normal;margin: 0 0 8px;}
section#Slider #ContentSlider punchline {font-size: 64px;color: #FFFFFF;text-align: center;line-height: 67px;text-shadow: 0 2px 4px rgb(0 0 0 / 50%);font-weight: bold;}
section#Slider #SociauxSlider {position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
section#Slider #SociauxSlider svg {display: block;margin: 24px auto;}
section#Slider #SociauxSlider #LigneSocial {width: 1px;height: 100px;position: relative;background-color: #fff;margin: auto;display: block;z-index: 0;}
section#Slider #CallToLinkSlider { margin: 40px auto 0;}
section#Slider #CallToLinkSlider a {display: inline-block;margin: 0 8px;}
section#Slider #CallToLinkSlider a:nth-of-type(1) {background-color: #fff;color: #003D31 !important;}
@keyframes kenburns {0% {left: -100%}100% {left: 0;}}

section#FamillesFormation { margin-top: -96px;z-index: 1;}

section#CTA-Video-Presentation-IFV {width: 90%; max-width: 1400px; margin: 64px auto; padding: 0; position: relative;}
section#CTA-Video-Presentation-IFV h2 {background-color: #003D31; border-top-left-radius: 80px; border-bottom-left-radius: 80px; display: inline; position: absolute; right: 0; margin: 0; top: 40px; color: #fff; padding: 16px 40px; font-size: 22px; font-weight: normal; z-index: 2;}
section#CTA-Video-Presentation-IFV h2 strong {color: #96BF0D;}
section#CTA-Video-Presentation-IFV a#Go-Video-Presentation {display: table; padding: 120px 0; margin: auto;}
section#CTA-Video-Presentation-IFV a#Go-Video-Presentation svg {display: block; margin: auto;}
section#CTA-Video-Presentation-IFV a#Go-Video-Presentation svg #Shape {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
section#CTA-Video-Presentation-IFV a#Go-Video-Presentation:hover svg #Shape {fill: #003D31;}
section#CTA-Video-Presentation-IFV .video-container {position: relative; width: 100%; padding-bottom: 56.25%; height: 0; display: none;}
section#CTA-Video-Presentation-IFV iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}


section#Presentation {padding: 120px 0 96px;margin: 64px 0;background-image: url(https://formation-velo.com/wp-content/themes/kote-theme/images/cartography-pattern.webp);background-size: cover;background-position: center center;background-repeat: no-repeat;}
section#Presentation #CircleGreenPresentation { position: absolute;left: -300px;z-index: 0;top: -64px;}
section#Presentation .ColonneHalf{vertical-align: middle;}
section#Presentation .ColonneHalf:nth-of-type(1){width: 620px;}
section#Presentation .ColonneHalf:nth-of-type(1) svg#PhotoEquipe {width: 100%; height: auto;}
section#Presentation .ColonneHalf:nth-of-type(1) svg#Qualiopi {position: absolute;left: -80px;top: inherit;bottom: 40px;}
section#Presentation .ColonneHalf:nth-of-type(1) svg#PhotoEquipe image {width: 100%;height: auto;}
section#Presentation .ColonneHalf:nth-of-type(2){ width: calc(100% - 620px); padding-left:64px;}
section#Presentation .ColonneHalf:nth-of-type(2) h2,
section#Presentation .ColonneHalf:nth-of-type(2) p {position: relative;}
section#Presentation .ColonneHalf:nth-of-type(2) p {max-width: 400px;}
section#Presentation #LesCompteurs {justify-content: flex-start;position: relative;left: -24px;}
section#Presentation #LesCompteurs .UnCompteur { color: #003D31;margin: 24Px;width: calc(33.33% - 48px);font-size: 16px;line-height: 24px;text-align: center;}
section#Presentation #LesCompteurs .UnCompteur span{ font-size: 47px;display: block;margin: 0 auto 13px;font-weight: bold;}
section#Presentation a.LinkStandard {margin-top:0px;}

section#Avis-Google {margin:80px auto 180Px;}

section#Temoignages { position: relative; z-index: 1;}
section#Temoignages #BandeVerteDiagTemoi {background-color: #003D31;position: absolute;top: 50%;right: -5%;transform: translateY(-50%) rotate(5deg);width: 75%;height: 100%;}
section#Temoignages .Width1200 {position: relative; z-index: 1;}
section#Temoignages .ColonneHalf {vertical-align: middle;}
section#Temoignages .ColonneHalf:nth-of-type(1) {width: 402px;}
section#Temoignages .ColonneHalf:nth-of-type(2) {width: calc(100% - 402px);padding-left: 80px;}
section#Temoignages .ColonneHalf:nth-of-type(1) #CadrePhotoTemoignage {width: 400px;padding-bottom: 133%;transform: skewY(6deg);overflow: hidden;}
section#Temoignages .ColonneHalf:nth-of-type(1) #CadrePhotoTemoignage #PhotoTemoignage {position: absolute;width: 120%;height: 120%;left: 50%;top: 50%;transform: skewY(-6deg) translate(-50%, -50%);}
section#Temoignages .ColonneHalf:nth-of-type(1) a.LinkStandard {background-color: #8EB112; position: relative;top: -28px;}
section#Temoignages #Quote { position: absolute;top: -36px;right: 0;}
.UnTemoignage {width: 100%;}
section#Temoignages .Width1200 + .Width1200 {padding: 64px 0;}
.UnTemoignage .EncapsuleTemoignage {width: 100%;max-width: 100%;}
.UnTemoignage .LeTexteTemoignage {color: #fff;font-size: 28px;line-height: 32px;font-weight: 500;margin-bottom: 32px;}
.UnTemoignage .LeTexteTemoignage p:last-child { margin: 0;}
.UnTemoignage span:nth-of-type(1){ color: #8EB112;font-size: 21px;font-weight: bold;display: block;}
.UnTemoignage span:nth-of-type(2){ display: block;color: #fff;}
section#Temoignages .swiper {width: 100%;height: 100%;}
section#Temoignages .swiper-slide {}
section#Temoignages .swiper-wrapper {height: auto !important;align-items: center; transform: translateX(-100%);}
section#Temoignages .swiper-slide {width: 100%;height: 100%;position: relative;transition-property: transform; opacity: 0;}
section#Temoignages .swiper-slide.swiper-slide-active {opacity: 1;}
section#Temoignages #NavSlideTem {position: absolute;right: 0;bottom: 0; z-index: 1;}
section#Temoignages #NavSlideTem div {background-color: #8EB112;width: 64px;height: 64px;border-radius: 80px;display: inline-block;margin: 4Px;position: relative;}
section#Temoignages #NavSlideTem div svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


section#Actualites {background-color: #F6F4F2; position: relative; z-index: 0; padding: 80px 0 64px; margin: 80px 0;}
section#Actualites a.LinkStandard {position: absolute;top: 6px;right: 0;}

section#NousContacter {padding: 80px 0;}
section#NousContacter #BgNousContacter {background-color: #8EB112;position: absolute;top: 50%;left:-5%;transform: translateY(-50%) rotate(-5deg);width: 75%;height: 100%; z-index: 0;}
section#NousContacter .Width1200 {position: relative; z-index: 1;}
section#NousContacter h2.TitreStandard {color: #fff;}
section#NousContacter h2.TitreStandard strong {color: #003D31;}
section#NousContacter .ColonneHalf:nth-of-type(1) {padding-right: 120px; color: #fff;}
section#NousContacter .ColonneHalf:nth-of-type(1) p  {position: relative; margin: 0 0 0 36px;}
section#NousContacter .ColonneHalf:nth-of-type(1) p svg {position: absolute;top: 9px;left: -32Px;}
section#NousContacter #QuoteConctacter {position: absolute;top: -150px;left: -270px;}
section#NousContacter .ColonneHalf {vertical-align: middle;}
section#NousContacter iframe {transform: skewX(-1deg);width: 100%;height: 400px;position: relative;z-index: 1;}
section#NousContacter .ColonneHalf:nth-of-type(2) a.LinkStandard{ position: absolute;bottom: 0;z-index: 2;left: 50%;transform: translateX(-50%);}


section#Partenaires {padding: 64px 0;text-align: center;}
section#Partenaires .Flex {align-items: center;}
section#Partenaires .UnPartenaire {margin: 24px; filter: grayscale(0);}
section#Partenaires .UnPartenaire:hover {filter: grayscale(1);}
section#Partenaires .UnPartenaire img {width: auto;height: auto;max-height: 90px;max-width: 200px;}

/* ENCART IFV */
#content .EncartIfV {background-color: #fff;width: 100%;max-width: 300px;padding: 56px 24px 24px;margin: 40px 24px;position: relative;text-align: center;clip-path: polygon(0px 4%, 100% 0px, 100% 100%, 0% 100%);}
#content .EncartIfV a { color: inherit;}
#content .EncartIfV a:hover {text-decoration: none;}
#content .EncartIfV .ContentTexteEncart {position: relative;padding:0;z-index: 1;background: inherit;clip-path: inherit;}
#content .EncartIfV .ContentTexteEncart .TrinagleEncartIfV {display: none;}
.home #content .EncartIfV .ContentTexteEncart .TrinagleEncartIfV {margin: -47.5px auto 32px;}
#content .EncartIfV .PictoEncartIfV {}
#content .EncartIfV .PictoEncartIfV svg { width: auto;height: 56Px;display: block;margin: auto;}
#content .EncartIfV .PictoEncartIfV svg g,
#content .EncartIfV .PictoEncartIfV svg path,
#content .EncartIfV .PictoEncartIfV svg ellipse {fill:#96BF0D;}
#content .EncartIfV h3 {color: #96BF0D; text-transform: none;}
#content .EncartIfV p {font-size: 16px;line-height: 26px;margin-bottom: 0;}
#content .EncartIfV span {background-color: #8EB112;color: #fff;padding: 5px 24px;display: table;border-radius: 80px;font-weight: bold;font-size: 15px;margin: 16px auto 0;text-transform: uppercase;position: relative;top: inherit;z-index: 1;bottom: inherit;left: inherit;transform: inherit;width: max-content;}
/* ENCART IFV N+2 */
#content .EncartIfV:nth-of-type(2n+2) .PictoEncartIfV svg g,
#content .EncartIfV:nth-of-type(2n+2) .PictoEncartIfV svg path,
#content .EncartIfV:nth-of-type(2n+2) .PictoEncartIfV svg ellipse {fill:#003D31;}
#content .EncartIfV:nth-of-type(2n+2) h3 {color:#003D31;}
#content .EncartIfV:nth-of-type(2n+2) span {background-color: #003D31;} 

/* ENCART IFV ACTUALITE */
#LesActualies {align-items: flex-start;}
#content .EncartIfV.Actualite {text-align: left;clip-path: inherit;padding: 24Px;}
#content .EncartIfV.Actualite h3 { color: #003D31;margin-bottom: 0;}
#content .EncartIfV.Actualite datepublish {margin-bottom: 24px;display: block;font-size: 16px;}
#content .EncartIfV .CoverActuCover { width: 110%;padding-bottom: 110%;position: relative;left: -5%;margin-bottom: -120px;z-index: 0;}
#content .EncartIfV.Actualite .CoverActuCover {width: 100%;margin: 0 auto;display: table;left: 0;padding-bottom: 70%;}

/* PAGE INTERNE */
#BandeauTitre { background-color: #003D31;text-align: center;padding: 40px 24px; color: #fff; position: relative;}
#BandeauTitre h1 {color: #fff;margin: 0; position: relative;}
#BandeauTitre #Ariane {position: relative;}
#BandeauTitre svg {position: absolute; right: 0; bottom: 0; z-index: 0;}
.ContenuPage {margin: 64px auto;max-width: inherit;}
.ContenuPage .ColonneCentrale h2,
.ContenuPage .UnBlocTexteGD h2 {}
.ContenuPage .ColonneCentrale h2 strong,
.ContenuPage .UnBlocTexteGD h2 strong,
h2.TitreStandard strong {color: #96BF0D;}
.ContenuPage .ColonneCentrale h3,
.ContenuPage .UnBlocTexteGD h3 {color: #96BF0D; text-transform: uppercase;}
.ContenuPage h4 { font-size: 22px;line-height: 1.5;}
.ContenuPage h2,
.ContenuPage h3 { clear: inherit;}
.ContenuPage p + h2,
.ContenuPage ul + h2{margin-top: 80px;}
.ContenuPage ul + h3,
.ContenuPage p + h3{ margin-top: 64px;}
.ContenuPage a {color: #96BF0D;}
.ContenuPage li {color: inherit;position: relative;list-style: none;line-height: 32px;display: table;padding-left: 24px;}
.ContenuPage li:before {content: '';background-image: url("https://formation-velo.com/wp-content/themes/kote-theme/images/li.svg");width: 16Px;height: 16px;background-size: contain;display: inline-block;vertical-align: middle;position: absolute;top: 9px;left: 0;}
.ContenuPage ul { padding: 0;margin: 0;}
.ContenuPage ul + p { margin-top: 40px;}
.ContenuPage img {max-width: 100%;}
.ContenuPage .ColonneCentrale img,
.ContenuPage .UnBlocTexteGD img {box-shadow: 0 0 11px 0 rgba(183,183,183,0.50);}
.ContenuPage .ColonneCentrale {width: 100%; padding: 0;}
.ContenuPage .ColonneCentrale.Semi {width: calc(100% - 300px); padding-right: 64px;display: inline-block; vertical-align: top;}
.ContenuPage .ColonneCentrale.Alone { max-width: 900px;margin: auto;}
.ContenuPage .ColonneCentrale.Alone { max-width: 900px;margin: auto;}
.ContenuPage .ColonneCentrale.Alone #PhotoPrincipale {width: 100%;padding-bottom: 66%;}
.ColonneDroite {display: inline-block; vertical-align: top; width: 300px;}
.CartoucheDroite .TriangleEncartDroite {position: absolute;top: 0;left: 0;display : inline-block;height : 0;width : 0;border-top: 40px solid #fff;border-left: 303px solid transparent;}
.CartoucheDroite {padding: 72px 32px 32px;margin: 0 0 24px;position: relative; font-size: 16px; line-height: 24px;}
.CartoucheDroite p:last-child {margin: 0;}
.CartoucheDroite.beige {background-color: #F6F4F2;}
.CartoucheDroite.blanc {background-color: #fff;}
.CartoucheDroite.vert {background-color: #96BF0D; color: #fff;}
.CartoucheDroite.fonce {background-color: #003D31; color: #fff;}
.ContenuPage .CartoucheDroite.vert h6,
.ContenuPage .CartoucheDroite.vert h5,
.ContenuPage .CartoucheDroite.vert h3,
.ContenuPage .CartoucheDroite.vert h4,
.ContenuPage .CartoucheDroite.vert h2,
.ContenuPage .CartoucheDroite.vert p,
.ContenuPage .CartoucheDroite.vert a,
.ContenuPage .CartoucheDroite.fonce h6,
.ContenuPage .CartoucheDroite.fonce h5,
.ContenuPage .CartoucheDroite.fonce h4,
.ContenuPage .CartoucheDroite.fonce h3,
.ContenuPage .CartoucheDroite.fonce h2,
.ContenuPage .CartoucheDroite.fonce p,
.ContenuPage .CartoucheDroite.fonce a {color: #fff;}
.ContenuPage .CartoucheDroite.fonce li:before {background: #96BF0D;}
.ContenuPage #TauxReussite.CartoucheDroite svg,
.ContenuPage #TauxSatisfaction.CartoucheDroite svg {display: block; width: 100%; max-width: 64px; margin: 0 0 24px;height: auto;}
.ContenuPage #TauxSatisfaction.CartoucheDroite svg g,
.ContenuPage #TauxSatisfaction.CartoucheDroite svg path,
.ContenuPage #TauxReussite.CartoucheDroite svg g,
.ContenuPage #TauxReussite.CartoucheDroite svg path {fill: #fff;}
.ContenuPage .ColonneDroite h3 { margin: 0 0 24Px;;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;font-size: 18px;}
.ContenuPage .gallery {display: flex;flex-wrap: wrap;}
.ContenuPage .gallery .gallery-item { width: 200px;height: 200px;margin: 8px;}
.ContenuPage .gallery .gallery-icon  {width: 200px;height: 200px;}
.ContenuPage .gallery .gallery-item img { position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 100%;height: 100%;object-fit: cover;}
.ContenuPage .gallery .portrait img {width: 100%;}
.ContenuPage .gallery .landscape img { width: auto;height: 100%;}
.ContenuPage blockquote { font-size: 32px;font-weight: 500;color: #003D31;line-height: 36px;width: 90%;text-align: center;max-width: 900px;display: block;margin: 80px auto;}
.ContenuPage blockquote:before {content: '';}
.ContenuPage blockquote:after {content: '';}
.ContenuPage > section.UnBlocTexteGD:first-child {padding-top: 0;}
img.noshadow {box-shadow: inherit !important;}


/* ADD 2024 */
a.LinkCTA {font-size: 18px;display: inline-block;padding: 12px 40px;margin-bottom: 24px;}
section.UnBlocTexteGD p + h2,
section.UnBlocTexteGD ul + h2{margin-top: 80px;}
section.UnBlocTexteGD ul + h3,
section.UnBlocTexteGD p + h3{  margin-top: 40px;}
section.UnBlocTexteGD ul + p { margin-top: 40px;}
section.UnBlocTexteGD {margin: 0;position: relative;padding: 64px 0;}
section.UnBlocTexteGD .ColonneHalf {padding: 0 40px 0 0;vertical-align: top;}
section.UnBlocTexteGD .ColonneHalf +.ColonneHalf {padding-right: 0; padding-left: 40px;}
section.UnBlocTexteGD .ColonneHalf > *:first-child {margin-top: 0;}
section.UnBlocTexteGD .Alone .ColonneHalf {width: 100%;padding: 0;}
@media (max-width: 1080px) {
	/* REVERSE BLOC pour le RESPONSIVE */
	html section.UnBlocTexteGD {margin: 0px auto; padding: 32px 0;}
	html section.UnBlocTexteGD .Width1200 {width: 90%; max-width: 600px; display: flex;flex-wrap: wrap;justify-content: center;}
	html section.UnBlocTexteGD .ColonneHalf {padding: 0 !important; width: 100%; }
	html section.UnBlocTexteGD.Reverse {width: 100%;}
	html section.UnBlocTexteGD.Reverse .ColonneHalf {order: 2;}
	html section.UnBlocTexteGD.Reverse .ColonneHalf +.ColonneHalf {order: 1;}
	
	html a.LinkCTA {width: 100%;}
	
	html .ContenuPage .gallery .gallery-item,
	html .ContenuPage .gallery .gallery-icon {width: 180px;height: 180px;}
}
section.UnBlocTexteGD.blanc {background-color: #fff;}
section.UnBlocTexteGD.beige {background-color: #F6F4F2;}
section.UnBlocTexteGD.vert-clair {background-color: #8EB112; color: #fff;}
section.UnBlocTexteGD.vert-fonce {background-color: #003D31; color: #fff;}
section.UnBlocTexteGD.texture-carte {background-color: #fff; background-image: url(https://formation-velo.com/wp-content/themes/kote-theme/images/cartography-pattern.webp);}
section.UnBlocTexteGD.vert-fonce a.LinkCTA {background-color: #96BF0D;}
section.UnBlocTexteGD.vert-fonce h2,
section.UnBlocTexteGD.vert-clair h3,
section.UnBlocTexteGD.vert-fonce h3,
section.UnBlocTexteGD.vert-fonce h4 {color: #fff;}
section.UnBlocTexteGD.vert-clair h2 strong,
section.UnBlocTexteGD.vert-clair h3 strong,
section.UnBlocTexteGD.vert-clair h4 strong {color: #fff;}
section.UnBlocTexteGD.vert-clair a {color: #003D31;}
section.UnBlocTexteGD #ResumeFormation {padding: 40px 24px;background-color: #F6F4F2; display: table;    width: 100%;}
section.UnBlocTexteGD #ResumeFormation .TriangleEncartDroite {display: none;}
section.UnBlocTexteGD #ResumeFormation h3 {margin-top: 0;text-align: center;}
section.UnBlocTexteGD #ResumeFormation #TableauStatFormation {display: flex; flex-wrap: wrap; justify-content: center;}
section.UnBlocTexteGD #ResumeFormation .UneStatForm {margin: 16px;}
section.UnBlocTexteGD #ResumeFormation #LesBoutonsActionFormation {display: flex; flex-wrap: wrap; justify-content: center;}
section.UnBlocTexteGD #ResumeFormation #LesBoutonsActionFormation a {width: 300px;margin: 8px;font-size: 18px;padding: 8px 24px;}
section.UnBlocTexteGD .ColonneHalf #ResumeFormation {}
section.UnBlocTexteGD .ColonneHalf #ResumeFormation #TableauStatFormation {}
section.UnBlocTexteGD.blanc + section.UnBlocTexteGD.blanc {padding-top: 0;}
section.UnBlocTexteGD.beige + section.UnBlocTexteGD.beige {padding-top: 0;}
section.UnBlocTexteGD.vert-clair + section.UnBlocTexteGD.vert-clair {padding-top: 0;}
section.UnBlocTexteGD.vert-fonce + section.UnBlocTexteGD.vert-fonce {padding-top: 0;}
section.UnBlocTexteGD.texture-carte + section.UnBlocTexteGD.texture-carte {padding-top: 0;}


#ListingdesEnfants {background-color: #003D31;position: relative;text-align: center;padding: 96px 0 64px;margin-bottom: 64px;}
#ListingdesEnfants #TriangleBlancLong {display : inline-block;height : 0;width : 0;border-top: 64px solid #fff;position: absolute;border-right: 100vw solid transparent;top: 0;left: 0;}
#ListingdesEnfants #ListingPages {margin-top: 80px;}
#ListingdesEnfants p {max-width: 600px;margin-left: auto; margin-right: auto;}
#ListingdesEnfants h2,
#ListingdesEnfants h3,
#ListingdesEnfants h4 {max-width: 90%; display: block; margin: 24px auto; color: #fff;}
#content #ListingdesEnfants .EncartIfV span {border: 2px solid #fff;}
.From-Bot {display: none;}


/* TEMPLATE UNE FORMATION */
.single-formation {}
.single-formation section#Temoignages { margin: 120px 0; padding: 64px 0 96px;}
.single-formation section#Temoignages #Quote {top: -90px;}
.single-formation #TableauStatFormation { margin:  0 0 32Px;}
#ResumeFormation a.LinkStandard {margin-top: 12px; width: 100%;}
#StickyResumeFormation {display: none;position: fixed;bottom: 0;left: 0;z-index: 9;width: 100%;margin: 0;text-align: center;padding: 16px;background-color: #F6F4F2;}
#StickyResumeFormation a.LinkStandard {display: inline-block;margin: 8px;}
#StickyResumeFormation #TableauStatFormation {display: block;margin: 0;}
#StickyResumeFormation .UneStatForm {display: inline-block;margin: 24px;}
#StickyResumeFormation .TriangleEncartDroite,
#StickyResumeFormation h3 {display: none;}
.UneStatForm {margin-bottom: 12px;}
.UneStatForm:last-child {margin-bottom: 0;}
.UneStatForm svg {width: 40px;height: auto;max-height: 40px;display: inline-block;margin: 0 16px 0 0;vertical-align: middle;}
.UneStatForm svg g {fill:#96BF0D;}
.UneStatForm .TexteStatForm {width: calc(100% - 16px - 40px);display: inline-block;vertical-align: middle;}
.UneStatForm span { font-size: 12px;display: block;line-height: 1;}
.UneStatForm value {}
.BlocDate {color: #003D31;font-weight: bold;position: relative;font-size: 14px;line-height: 24px;text-align: center;z-index: 1;width: 100%;padding: 8px;display: flex;justify-content: center;align-items: center;}
.BlocDate .jourDate {display: block;font-size: 28px;}
.BlocDate .MoisDate {}
.BlocDate .AnneeDate {}
.BlocDate svg {margin: 8px;transform: rotate(-90deg);}
#LesProchainesDates {margin-bottom: 40px; row-gap: 12px;}
.UneSession {text-align: center;background-color: #96BF0D;margin: 12px;padding: 24px 40px 40px;border-radius: 8px; position: relative;}
.UneSession .PlacesRestantes {color: #003D31;font-size: 16px;letter-spacing: 1px;}
.UneSession span.InscriptionSession {background-color: #003D31;color: #fff;padding: 4px 24px;border-radius: 80px;position: absolute;left: 50%;transform: translateX(-50%);font-size: 14px;text-transform: uppercase;bottom: -18px;cursor: pointer; width: 170px;}
.UneSession.Current { background-color: #003D31; opacity: 1 !important;}
.UneSession.Current .BlocDate,
.UneSession.Current .PlacesRestantes {color: #fff;}
.UneSession .VoirProgramme {background: inherit;border: 2px dashed #fff;border-radius: 80px;padding: 4px 24px;margin-top: 16Px;}
.UneSession #Links_Session {gap:12px;position: absolute;bottom: -10px;width: 90%;left: 2.5%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.UneSession #Links_Session > * {padding: 12px 24px;width: auto;transform: inherit;border-radius: 12px;background-color: #003D31;color: #fff;text-align: center;line-height: 1;position: relative;top: inherit;left: inherit;font-weight: 500;bottom: inherit;text-transform: uppercase;font-size: 14px;}
.UneSession #Links_Session > *:hover {color: #96BF0D; text-decoration: none;}
#FormProgramme {text-align: center;background-color: #003D31;width: 90%;margin: 0 auto;color: #fff;padding: 24px;max-width: 880px;border-radius: 24Px;}
#FormProgramme .Actions button {border: 0;background: #96BF0D;padding: 8px 24px;}
#FormProgramme .Actions button:nth-of-type(2) {background: inherit;}
#FormProgramme .Actions {margin: 24px auto 0;}
#FormProgramme input {border:0;}
.UneSession.Current .BlocDate svg g,
#InscriptionSession .TitreFormulaireSession svg g {fill:#fff;}
#FormulaireFormation h2 {text-align: center;}
#InscriptionSession {display: none; max-width: 900px;margin: 0 auto 40px;padding: 24Px;border: 2px solid #003D31;border-radius: 8px;}
#InscriptionSession input[type="submit"] {max-width: 270px;}
#InscriptionSession #TitreFormulaireSession {background-color: #003D31; color: #fff;text-align: center;margin: auto;display: table;padding: 4px 24px;border-radius: 8px;margin-bottom: 24Px;}
#InscriptionSession #TitreFormulaireSession .DateDebut,
#InscriptionSession #TitreFormulaireSession .DateFin {display: inline-block;}
#InscriptionSession textarea {height:272px; min-height: 272px; max-height: 272px; }
#InscriptionSession #SexeForm { margin-bottom: 12px;}
#InscriptionSession #SexeForm div {display: inline-block;text-align: center;width:70px;padding: 0 8px;}
#InscriptionSession #SexeForm div label {}
#InscriptionSession input[type="radio"]{width: 16px;height: 16px;padding: 0;border-radius: 80px;border: 1px solid #C8C8C8; display: table;margin: auto;}
#InscriptionSession input[type="radio"]:checked {background-color: #003D31;}
#InscriptionValidee {background-color: #96BF0D;color: #003D31;text-align: center;padding: 24px 40px;display: table;font-weight: bold;margin: 0 auto 40px;font-size: 22px;border-radius: 8px;}
#InscriptionValidee p {margin-bottom: 0;}

/* CAROUSEL */
section#DiapoPhoto { margin: 64px 0; background-color: #fff; position: relative; z-index: 1;}
section#DiapoPhoto .slick-slide {width: auto;height: 594px;padding-bottom:inherit;background-size: cover;position: relative;margin: 0 16px;  outline: none; opacity:0.2;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
section#DiapoPhoto .slick-slide.slick-current,
section#DiapoPhoto .slick-slide:hover { opacity:1;
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
#DiapoPhoto .slick-slide .UnePhotoDiapo { width:auto; height:594px; padding-bottom: 0; background-size: cover;background-position: center center; position:relative;}
#DiapoPhoto .slick-slide .UnePhotoDiapo img { height: 100%;}



/* FORMULAIRE*/
section#FormulaireContact {max-width: 900px;margin: 0 auto;padding: 24px 0 0;text-align: center;}
section#FormulaireContact input,
#InscriptionSession input,
section#FormulaireContact textarea,
#InscriptionSession textarea,
section#FormulaireContact select,
form.post-password-form input {background: #F6F4F2;border:inherit;color: #898989;width: 100%;box-shadow: inherit;margin-bottom: 15px;padding: 10px 20px;}
section#FormulaireContact textarea {max-height: 217px;height: 217px;min-height: 217px;}
section#FormulaireContact input[type="submit"]:disabled,
#InscriptionSession input[type="submit"]:disabled {opacity: 0.3;}
section#FormulaireContact input[type="submit"],
#InscriptionSession input[type="submit"]{text-transform: uppercase;background-color: #003D31;color: #fff !important;text-align: center;padding: 14px 40px;display: table;border-radius: 80px;font-weight: bold;font-size: 15px;margin: 0 auto;position: relative;}
#InscriptionSession input[name="email-f"] {display: none;}
form .Col1Form,
form .Col2Form { width:45%; display:inline-block; vertical-align:top;    text-align: left;}
form .Col2Form { margin-left:4%;}
section#FormulaireContact div.wpcf7-validation-errors { opacity:0; z-index:-10; display:none !important;}
section#FormulaireContact span.wpcf7-not-valid-tip {color: #ca4144;font-size: 14px;display: block;text-align: left;position: relative;z-index: 9;right: 0;width: 100%;  padding-right: 0;top: 0;}
section#FormulaireContact div.wpcf7-mail-sent-ok {border: inherit;background: #caa841;color: #fff;width: 80%;text-align: center;margin: 32px auto 0;}
section#FormulaireContact #FormulaireDiv {margin: 80px 0 0;}
section#FormulaireContact input[type="radio"],
section#FormulaireContact input[type="checkbox"] {width: 16px;height: 16px;padding: 0;display: block;margin: auto; background-color: #fff;}
section#FormulaireContact .wpcf7-acceptance .wpcf7-list-item {margin: 0;vertical-align: bottom;position: relative;top: -15px;}
section#FormulaireContact input[type="checkbox"] { border: 2px solid #003D31;}
section#FormulaireContact input[type="radio"]:checked,
section#FormulaireContact input[type="checkbox"]:checked{ background: #003D31;}
section#FormulaireContact .LabelCochage,
section#FormulaireContact #LienNewsletter,
section#FormulaireContact input[name="mailjet-opt-in[]"] + .wpcf7-list-item-label {font-size: 14px; line-height: 17px;font-weight: bold;display: inline-block; vertical-align: top; width: calc(100% - 16px); padding-left: 8px;}
section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] {display: block;width: 100%; margin-top: 16px;}
section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] .wpcf7-list-item {width: 100%; margin: 0;}
section#FormulaireContact .Acceptation .wpcf7-form-control-wrap[data-name="mailjet-opt-in"] input[type="checkbox"] { display: inline-block;}
section#FormulaireContact input[name="mailjet-opt-in[]"] + .wpcf7-list-item-label {vertical-align: middle;}
section#FormulaireContact .Acceptation { margin: 4Px 0;}
section#FormulaireContact .Acceptation .wpcf7-form-control-wrap {display: inline-block; vertical-align: top; width: 16px;}
section#FormulaireContact + p label,
section#FormulaireContact + p input[name='_wpcf7_ak_js'] { display: none;}
section#FormulaireContact #LienNewsletter { border: 2px solid #003D31;padding: 8px;}
section#FormulaireContact #LienNewsletter p:last-child {margin-bottom: 0;}
#ModifiedDateLegal {font-style: italic;font-size: 14px;text-align: right;}


/* PAGE OFFRE D'EMPLOI */
.UneOffreEmploi {background-color: #F6F4F2; display: block; margin: 24px 0; padding: 24px;}
.UneOffreEmploi:nth-of-type(2n+2) {background-color: #fff;}
.UneOffreEmploi h3 {margin: 0;color: #003D31 !important;font-size: 20px;}
.UneOffreEmploi .DateOffreEmploi {margin: 0;opacity: 0.6;font-size: 16px;}
.UneOffreEmploi p:last-child {margin: 0;}

/* PAGE PROTEGEE PAR MOT DE PASSE */
form.post-password-form {border: 2px solid #003D31;padding: 64Px;text-align: center;max-width: 600px;margin: auto;}
form.post-password-form input {max-width: 300px;display: block;margin: 12Px auto;}
form.post-password-form input[type="submit"] { background-color: #003D31;color: #fff;}
form.post-password-form input[type="submit"]:hover {background-color: #8EB112;}


/* PAGE FINANCEUR */
.UnFinanceur {text-align: center; margin: 24px 32px; width: 100%; max-width: 150px}
.UnFinanceur img {box-shadow: inherit !important;width: auto;height: auto;max-height: 120px;max-width: 150px;}
.UnFinanceur span {display: block;text-align: center;color: #003D31;font-weight: bold;margin: 4px 0 0;font-size: 18px;line-height: 22px;}
#LesFinanceurs {align-items: end;}

/* PAGE ACTUALITES */
.page-template-actualites .ContenuPage .ColonneCentrale.Alone {max-width: 1200px;}


/* PAGE NEWSLETTER */
#LesNewsletters {text-align: center; display: none; /* TEMP */}
#LesNewsletters fieldset { border: 1px solid #003D31;border-radius: 12px;margin: 40px auto;position: relative;}
#LesNewsletters fieldset h2 { display: table;margin: -23px auto 24px;padding: 4px 24px;font-size: 18px;background: #fff;}
#LesNewsletters .Code-Newsletter {display: none;border: 1Px solid #fff;}
#LesNewsletters .Code-Newsletter iframe {display: table;}
#LesNewsletters a.Button-Titre-Newsletter {color: #fff;border-radius: 80px;text-align: center;cursor: pointer;}
#LesNewsletters .UneNewslleter{background: #003D31;color: #fff;padding: 8px 24px;margin: 12px;display: inline-block;vertical-align: top;}

/* FOOTER */
footer #TriangleFooter {display : inline-block;position: absolute;top: 0;left: 0;height : 0;width : 0;border-top: 40px solid #fff;border-right: 100vw solid transparent;}
footer {text-align: center;background: #003D31;padding: 80px 0 24px;color: #fff; position: relative; font-size: 16px; line-height: 24px;}
footer h4 {margin-top: 0;padding-bottom: 4Px;color: #fff;font-weight: normal;display: table;width: auto;border-bottom: 1px solid #8EB112;font-size: 22px;} 
footer .RubFooter {display: inline-block;vertical-align: top;width: 100%;max-width: 250px;text-align: left;margin: 0 2%; position: relative;}
footer p#Mentions { margin: 40px auto 0; position: relative; z-index: 1;}
footer svg#LogoBlancFooter {width: 100%;max-width: 200px;height: auto; display: block;}
footer svg#LogoBlancFooter path {fill:#fff;}
footer svg#PatternFooter {position: absolute; right: 0; bottom: 0; z-index: 0;}
footer #SociauxFooter {margin-top: 24px;}
footer #SociauxFooter svg {margin: 0 24px 0 0; display: inline-block; vertical-align: middle;}
footer .Width1200 {z-index: 1;}
footer #LogoKote {width: 40px;height: auto;display: inline-block;  vertical-align: middle;margin-left: 4px;}
footer #LogoKote g,
footer #LogoKote path {fill:#fff;}

#cn-accept-cookie,
#cn-refuse-cookie {background: #8EB112 !important;}

#LesPartenairesConstants { text-align: center;}
#LesPartenairesConstants .Flex {align-items: center;}
#LesPartenairesConstants .UnPartenaire {margin: 24px; filter: grayscale(1);}
#LesPartenairesConstants .UnPartenaire:hover {filter: grayscale(0);}
#LesPartenairesConstants .UnPartenaire img {width: auto;height: auto;max-height: 78px;max-width: 96px;}

/* F.A.Q */
details.Une-FAQ {margin-bottom: 1.5rem;border: 1px solid #ddd;border-radius: 8px;padding: 1rem;background-color: #f9f9f9;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
details.Une-FAQ[open] {border-color: #003D31;}
details.Une-FAQ summary {font-weight: 600;font-size: 1.1rem; cursor: pointer;list-style: none;position: relative;padding-right: 1.5rem; color:#333;}
details.Une-FAQ summary::-webkit-details-marker {display: none;}
details.Une-FAQ summary::after {content: "➕";position: absolute;right: 0;top: 0;font-size: 1rem;transition: transform 0.3s ease;}
details.Une-FAQ[open] summary::after {content: "➖";transform: rotate(180deg);}
details.Une-FAQ div {  margin-top: 0.75rem;  line-height: 1.6;  color: #333;}
details.Une-FAQ br {display: none;}
details.Une-FAQ summary > br,
details.Une-FAQ div > br {display: inline;}

#BackTop {display: block;position: fixed;background: inherit;width: 52px;height: 52px;text-align: center;padding: 0;opacity: 0;z-index: 99;bottom: 16px;right: 16px; cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#BackTop rect { fill: #8EB112;}


/* Mobile navigation: all pages remain visible in a naturally scrolling panel. */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active { background: transparent; border: 0; box-shadow: none; }
@media (max-width: 1080px) {
    body.ifv-menu-open { overflow: hidden; }
    html #site-navigation .ifv-mobile-panel {
        position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh;
        z-index: 99999; background: rgba(0, 61, 49, .97);
        overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch; padding: 64px 24px;
        box-sizing: border-box; visibility: hidden; opacity: 0;
        transform: translateY(-16px); transition: opacity .2s, transform .2s, visibility .2s;
    }
    html #site-navigation.toggled-on .ifv-mobile-panel {
        visibility: visible; opacity: 1; transform: none;
    }
    html #site-navigation.toggled-on .nav-menu {
        display: block; position: static; transform: none; height: auto;
        padding: 0 !important; max-width: 640px; margin: 0 auto; text-align: left;
    }
    html #site-navigation .ifv-mobile-panel .closebtn {
        position: absolute; top: 8px; right: 16px; left: auto;
        width: 48px; height: 48px; margin: 0; padding: 0;
        background: transparent; border: 0; box-shadow: none;
        color: #96BF0D; font: 40px/48px Outfit, sans-serif; cursor: pointer;
    }
    html #site-navigation .nav-menu > li {
        display: block; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.16);
    }
    html #site-navigation .nav-menu li a {
        display: block; width: auto; max-width: none; margin: 0;
        padding: 16px; line-height: 1.4; border-radius: 8px;
    }
    html #site-navigation .nav-menu > li > a { color: #96BF0D; font-size: 24px; }
    html #site-navigation .nav-menu li > ul {
        display: block; position: static; height: auto; width: auto;
        clip: auto; overflow: visible; border: 0; background: transparent;
        padding: 0 0 0 16px; margin: 0; text-align: left;
    }
    html #site-navigation .nav-menu li > ul a { font-size: 16px; font-weight: 400; }
    html #site-navigation a:focus-visible, html #site-navigation button:focus-visible {
        outline: 2px solid #96BF0D; outline-offset: 4px;
    }
}
@media (prefers-reduced-motion: reduce) {
    html #site-navigation .ifv-mobile-panel { transition: none; }
}

@media (max-width: 1080px) {
    html #site-navigation .nav-menu li a:hover,
    html #site-navigation .nav-menu li a:focus {
        background: #96BF0D; color: #fff !important;
    }
    html .admin-bar #site-navigation .ifv-mobile-panel .closebtn { top: 48px; }
    html .admin-bar #site-navigation .ifv-mobile-panel { padding-top: 104px; }
}

/* Texte courant sur smartphone. */
@media (width < 680px) {
    body {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

/* Homepage: review summary uses the same establishment data as Trustindex. */
section#Slider .IfvGoogleSummary {display:inline-flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:8px 16px;color:#fff;text-decoration:none;border-radius:8px;background:rgba(0,61,49,.64);position:relative;z-index:1;max-width:100%;box-sizing:border-box;}
section#Slider .IfvGoogleSummary:hover {background:#003D31;color:#fff;}
section#Slider .IfvGoogleSummary:focus-visible {outline:2px solid #fff;outline-offset:4px;}
section#Slider .IfvGoogleLogo {width:24px;height:24px;flex-shrink:0;}
section#Slider .IfvGoogleStars {display:flex;gap:4px;}
section#Slider .IfvGoogleStarSlot {display:block;width:16px;height:16px;background:rgba(255,255,255,.24);clip-path:polygon(50% 0,66% 31%,100% 36%,76% 61%,81% 100%,50% 84%,19% 100%,24% 61%,0 36%,34% 31%);}
section#Slider .IfvGoogleStarFill {display:block;height:16px;overflow:hidden;}
section#Slider .IfvGoogleStar {display:block;width:16px;height:16px;max-width:none;}
section#Slider .IfvGoogleCount {font-size:16px;line-height:24px;font-weight:600;white-space:nowrap;}
@media (max-width:480px) {section#Slider .IfvGoogleSummary {gap:8px;padding:8px;}}