/*
Theme Name: nesting
Theme URI: http://underscores.me/
Author: pm-vial
Author URI: http://pm-vial.com
Description: theme pour nesting
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nesting
Tags:

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.

nesting is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Fonts - Maax
--------------------------------------------------------------*/
@font-face {
	font-family: "Maax";
	src: url(fonts/Maax.b63431a9.eot);
	src: local("Maax"), url(fonts/Maax.b63431a9.eot?#iefix) format("embedded-opentype"), url(fonts/Maax.1c51d7d5.woff) format("woff"), url(fonts/Maax.388c4ac3.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-Italic.84069f4a.eot);
	src: local("Maax Italic"), local("Maax-Italic"), url(fonts/Maax-Italic.84069f4a.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-Italic.fd116472.woff) format("woff"), url(fonts/Maax-Italic.011b5caf.ttf) format("truetype");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-Medium.81087d0a.eot);
	src: local("Maax Medium"), local("Maax-Medium"), url(fonts/Maax-Medium.81087d0a.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-Medium.058c7b49.woff) format("woff"), url(fonts/Maax-Medium.7ad0a2df.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-Mediumitalic.81157cab.eot);
	src: local("Maax MediumItalic"), local("Maax-Mediumitalic"), url(fonts/Maax-Mediumitalic.81157cab.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-Mediumitalic.342ed9a4.woff) format("woff"), url(fonts/Maax-Mediumitalic.7f37fbbe.ttf) format("truetype");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-Bold.a2c2798e.eot);
	src: local("Maax Bold"), local("Maax-Bold"), url(fonts/Maax-Bold.a2c2798e.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-Bold.a7f17194.woff) format("woff"), url(fonts/Maax-Bold.11d6f12f.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-BoldItalic.c1c16376.eot);
	src: local("Maax BoldItalic"), local("Maax-BoldItalic"), url(fonts/Maax-BoldItalic.c1c16376.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-BoldItalic.a5672cae.woff) format("woff"), url(fonts/Maax-BoldItalic.8396a7ad.ttf) format("truetype");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Maax";
	src: url(fonts/Maax-Black.d088551c.eot);
	src: local("Maax Black"), local("Maax-Black"), url(fonts/Maax-Black.d088551c.eot?#iefix) format("embedded-opentype"), url(fonts/Maax-Black.8c1c6177.woff) format("woff"), url(fonts/Maax-Black.c438146c.ttf) format("truetype");
	font-weight: 900;
	font-style: normal;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Maax', sans-serif;
	font-size: 62.5%;
  	scroll-behavior: smooth;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

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

b,
strong {
	font-weight: 500;
}

dfn {
	
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 500;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #5C5C5C;
	font-family: 'Maax', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 500;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #5C5C5C;
	border: 1px solid #E0E0E0;
	border-radius: 0.8rem;
	padding: 0.8rem 1.2rem;
	transition: border-color ease-in-out 0.2s;
}

select {
	border: 1px solid #E0E0E0;
	border-radius: 0.8rem;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #1D1B1B;
	border-color: #7ED321;
	outline: none;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #1D1B1B;
}

a:visited {
	color: #1D1B1B;
}

a:hover,
a:focus,
a:active {
	color: #7ED321;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	background: #fff;
	float: left;
	position: absolute;
	top: 3rem;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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-size: 0.875rem;
	font-weight: 500;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* PM CODE */

/* GLOBAL */
body{
	font-family: 'Maax', sans-serif;
}

a,a:visited{
	color: #5C5C5C;
	text-decoration: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* HEADER */
#masthead{
	position: fixed;
	background-color: #FFF;
	width: 100%;
	box-shadow: 0px 3px 5px #DDD;
	z-index: 999;
}

#masthead.fixed_scrol .site-branding{
	margin-top: 0px;
}

#masthead .l_site{
	position: relative;
	padding: 26px 0px;
}

.l_site{
	max-width: 1000px;
	margin: 0px auto;
}


.site-branding{
	position: relative;
	margin-top: 64px;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
}

.site-branding a{
	display: block;
	outline: 0px;
}

#site-navigation{
	position: absolute;
	right: 0px;
	bottom: 27px;
	width: auto;
}

#top_link_contact{
	position: absolute;
	top: 0px;
	right: 0px;
	background: #7ED321;
	color: #fff;
	padding: 0.8rem 1.6rem;
	font-size: 1.4rem;
	border-radius: 0 0 0.8rem 0.8rem;
	transition: background ease-in-out 0.2s;
}

#top_link_contact:hover{
	background: #6CA32F;
	color: #fff;
}

.menu li{
	margin-right: 20px;
}

.menu li a{
	font-size: 17px;
	color: #5C5C5C;
	font-weight: 500;
	
	padding: 5px;
	
	transition:0.3s;
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
}

.menu li.current-menu-item a,.menu li a:hover{
	color: #7ED321;
}

.menu li:last-child{
	margin-right: 0px;
}

/* ANIMATION LOGO */

.site-branding svg .anim1{
	animation: to_translate 0.4s both 0.4s;
}

.site-branding svg .anim2 path{
	animation: to_color 0.4s both 1.2s;
}
.site-branding svg .anim2 path:nth-child(1){animation-delay:0.2s;}
.site-branding svg .anim2 path:nth-child(2){animation-delay:0.4s;}
.site-branding svg .anim2 path:nth-child(3){animation-delay:0.6s;}
.site-branding svg .anim2 path:nth-child(4){animation-delay:0.8s;}

@keyframes to_translate {
    0%   {transform:translate(-18px, 24px);opacity: 0}
    100% {transform:translate(0px, 0px);opacity: 1}
}
@keyframes to_color {
    0%   {fill-opacity:0;transform:translate(-20px, 0px);}
    100% {fill-opacity:1;transform:translate(0px, 0px);}
}

/* FIN ANIMATION LOGO */


/* CONTENT TOP*/
#content{
	padding-top: 208px;
	background: url('imgs/fond_page.jpg') center 143px no-repeat;
}

#primary{
	padding-top: 2px;
	color: #383838;
}

/* FOOTER */


#colophon{
	background: #383838;
	margin-top: 5rem;
	padding-bottom: 5rem;
}

.left_news{
	float: left;
	width: 26.4%;
	background:rgba(255,255,255,0.13);
	padding: 2rem 4.5rem;
}
.footer_info{
	float: right;
	width:69.3%;
	padding: 2rem 4.5rem;
	padding-top: 3.5rem;
}

.logo_footer{
	display: block;
	margin-bottom: 10px;
}

#colophon .left_news h3{
	font-size: 24px;
	color: #7ED321;
	
	position: relative;
	display: inline-block;
	border-top: 2px solid #7ED321;
	padding-top: 10px;
	padding: 10px 5px 5px 2px;
	margin-bottom: 0px;
}

#colophon .left_news h3:after{
	content: " ";
	display: block;
	width: 32px;
	height: 40px;
	background: url('imgs/fond_news_footer.png');
	background-size: 100% auto;
	position: absolute;
	left:110%;
	top: 0px;
}
.footer_news p{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.2em;
}

.footer_news .intro{
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 0px;
}
.footer_news a.voir_article{
	color:#7ED321;
	font-size: 13px;
}

.footer_news a.voir_article:hover, a.link_contact_foot:hover{
	color: #7ED321;
}



a.border_t_b{
	padding: 10px 10px 10px 0px;
	border-top: 2px solid #7ED321;
	border-bottom: 2px solid #7ED321;
	color: #7ED321;
	display: inline-block;
	line-height: 1em;
	margin-top: 10px;
	font-size: 13px;
}
a.border_t_b:hover{
	color: #fff;
}

a.link_contact_foot{
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	display: block;
	margin-top: 25px;
	
}
a.link_contact_foot:visited{
	color: #fff;
}

.footer_social{
	display: flex;
	gap: 14px;
	margin-top: 25px;
}
.footer_social__link{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	color: #7ED321;
	transition: background 0.2s, color 0.2s;
}
.footer_social__link:hover{
	background: #7ED321;
	color: #fff;
}
.footer_social__link--youtube:hover svg{
	fill: #fff;
}

.col_1_3{
	width: 50%;
	float: left;
}

.col_1_3 h3{
	color: #7ED321;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	font-style: normal;
	text-transform: inherit;
}

.col_1_3 ul{
	margin:0px;
	padding:0px;
}

.col_1_3 ul li,.col_1_3 p {
	margin:5px 0px;
	color: #5C5C5C;
	list-style: none;
	font-size: 13px;
}
.col_1_3 p{
	line-height: 1.6em;
}
.col_1_3 ul li a{
	color: #5C5C5C;
}
.col_1_3 ul li a:hover{
	color: #7ED321;
}

p.foot_copyright{
	color: #5C5C5C;
	font-size: 13px;
	padding-left: 45px;
	margin-top: 10px;
}

p.foot_copyright a:hover{
	color: #7ED321;
}


/* FLEXIBLE CONTENT */

.big_section{
	margin-top: 20px 0px;
}

h1{
	color: #7ED321;
	font-size: 6rem;
	line-height: 6rem;
}
.header_page h1{text-align: center;font-size: 3rem;margin-bottom: 20px;margin-top: 40px;}
h2{
	font-size: 4rem;
	line-height: 4.9rem;
	position: relative;
	margin: 20px 0;
}

h3{
	font-size: 3rem;
	line-height: 3.4rem;
}

h4{
	font-size: 2.4rem;
	line-height: 2.8rem;
}

h5{
	font-size: 2rem;
	line-height: 2.3rem;
}

h6{
	font-size: 1.8rem;
	line-height: 2.9rem;
}

h2:before{margin-bottom: 10px;}


.part_titre_et_pictos h2:after{margin-top: 10px;}
h2.big_title.txt_blanc{
	color: #fff;
}

p {
    margin-bottom: 1.5em;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3em;
}


a.btn_fond_jaune, .wpcf7-form input[type="submit"] {
	border-radius: 99rem;
	display: inline-flex;
	align-items: center;
	transition: all ease-in-out 0.2s;
	font-size: 1.6rem;
	line-height: 2.2rem;
	padding: 1rem 2rem;
	background: #7ED321;
	color: #fff;
	text-decoration: none;
}

a.btn_fond_jaune:hover, .wpcf7-form input[type="submit"]:hover, .wpcf7-form input[type="submit"]:focus, .wpcf7-form input[type="submit"]:active {
	background: #6CA32F;
	color: #fff;
	outline: 0;
}
.site-main ul{
	padding: 0px;
	margin-left: 0px;
}

.site-main li{
	list-style: none;
	position: relative;
	margin:1px 0px;
}
.site-main li:before{
	background: url('imgs/puce.png') no-repeat;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 8px;
	background-size: 100% auto;
	margin-right: 6px;
}

/* SECTION TITRE ET PICTOS */
.part_titre_et_pictos{
	background: #383838;
	color: #C0C0C0;
	padding: 5rem 0;
}


.part_titre_et_pictos h2{
	float: left;
	width: 260px;
}

.container_collection .left_temoignage{
	float: left;
	width:260px;
}
.container_collection .left_temoignage h2{
	float: none;
	width: auto;
}

.group_picto{
	width: 50%;
	float: right;
}

.group_picto .picto_and_desc{
	width: 45%;
	float: left;
}
.group_picto .picto_and_desc:nth-child(2n){
	float: right;
}

.picto_and_desc h3{
	color: #C9C9C9;
	font-size: 22px;
	line-height: 1.2em;
	margin:0px;
	font-weight: 500;
	
	text-transform: inherit;
}
.picto_and_desc p{
	
	font-size: 16px;
	margin-top: 5px;
	line-height: 1.3em;
}

/* SECTION IMG GAUCHE TXT RIGHT */
.part_img_left_txt_droite, .part_txt_gauche_txt_droite,.part_txt_pleine_largeur,.part_img_right_txt_left{
	padding: 5rem 0;
}

.part_img_left_txt_droite.blanc, .part_img_right_txt_left.blanc{background: #fff;color: #5C5C5C;}
.part_img_left_txt_droite.bleu, .part_img_right_txt_left.bleu{background: #383838;color: #FFFFFF;}

.part_txt_gauche_txt_droite, .part_img_right_txt_left, .part_txt_gauche_txt_droite, .part_img_left_txt_droite, .container_collection, .site-main{color: #5C5C5C;}

.img_left{
	width: 47.5%;
	float: left;
}

.img_right{
	width: 47.5%;
	float: right;
}

.txt_right{
	width: 45%;
	float: right;
}

.txt_left{
	width: 45%;
	float: left;
}


/* SPECIAL LISTE GAUCHE ET DROITE, DIFFERENCE : LE TITRE SUR FOND JAUNE PLUS PETIT + LIGNE LI UNE SUR DEUX AVEC BACKGROUND */
.special_liste h2{
	text-align: left;
	margin-bottom: 3rem;
}
.special_liste .titre_bg_jaune{
	color: #7ED321;
	padding: 10px 10px 10px 0px;
	text-align: left;
	line-height: 1.5em;
	font-size: 1.7em;
	margin:0px;
	margin-bottom: 10px;
	font-weight: 500;
}
.special_liste li{
	padding: 5px;
} 
.special_liste li:nth-child(even){
	background: #F7F7F7;
}
/* FIN SPECIAL LISTE GAUCHE ET DROITE */


/* SPECIAL INTRO */
.intro_accueil p{
	color:#383838;
}


/* GROUPE ACCORDEON */
.s_accordeon h2{
	color: #5C5C5C;
}
.groupe_accordeon{
	background: #F7F7F7;
	padding: 17px 27px;
	border-radius: 1rem;
	margin-bottom: 24px;
}

.groupe_accordeon > h3{
	color: #5C5C5C;
	font-weight: 500;
	
	text-align: center;
	font-size: 23px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-transform: inherit;
}

/* SINGLE ACCORDEON */
.groupe_accordeon .single-accordeon{
	background: #fff;
	margin-bottom:10px;
}
.groupe_accordeon .single-accordeon:last-child{
	margin-bottom: 0px;
}
.single-accordeon h4{margin:0px;position: relative;}

.single-accordeon h4 a.accordion-section-title{
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #5C5C5C;
	padding: 9px 20px 12px 36px;
	outline: 0px;
	position: relative;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
}
.single-accordeon h4 a.accordion-section-title.active{
	color: #7ED321;
}
.single-accordeon h4:after{
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	top:100%;
	left:0px;
	height: 0px;
	background: #FFF;
	border-bottom: 3px solid #D6D6D6;
	z-index: 10;
}
.accordion-section-content{
	border-bottom: 3px solid #D6D6D6;
	padding: 10px;
	background: #fff;
	position: relative;
	z-index: 20;
}
.accordion-section-content :last-child{
	margin-bottom: 0px;
}

	/* AJOUT POUR UNE IMAGE A DROITE DE MAX 50% et TEXTE A GAUCHE DANS LE CONTENT DE CHAQUE ACCORDEON */
	.cadre_txt_acc_left{
		float: left;
		width: 50%;
	}
	.right_c_acc{
		max-width: 45%;
		float: right;
	}

/* PART PLEINE LARGEUR (exemple : bouton brochure) */
.part_txt_pleine_largeur.trame_grise{
	background: url('imgs/fond_page.jpg') center 0px no-repeat;
}
.part_txt_pleine_largeur{
	padding: 10px 0px
}
.part_txt_pleine_largeur p:first-child{
	margin-top: 0px;
}

/* SECTION VIDEO (IFRAME YOUTUBE / VIMEO) */
.s_video{
	padding: 20px 0px;
}
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}












/* CONTACT FORM */
.page-id-17 .part_txt_gauche_txt_droite .l_site{
	background: #F7F7F7;
	padding: 3.5rem;
	border-radius: 1rem;
}
.wpcf7-form label, .wpcf7-list-item-label{
	font-weight: 500;
	color:#5C5C5C;
	font-size: 16px;
}

.wpcf7-form span.wpcf7-list-item{
	margin-left : 0px;
	margin-right: 5px;
}




.wpcf7-form p{
	line-height: 1.8em;
	margin-bottom: 10px;
	margin-top: 10px
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea{
	border:0px;
	background:#fff;
	font-family: 'Maax', sans-serif;
	padding: 5px 10px;
	width: 100%;
}

 .wpcf7-form textarea{
 	resize:none;
 	height: 100px;
 }

.wpcf7-form input[type="submit"]{
	float: right;
	cursor: pointer;
}

.wpcf7-form  div.wpcf7-mail-sent-ok{
	border-color: #7ED321;
	color: #7ED321;
}


/* CAS D'ETUDES : PAGE TEMOIGNAGE + ARCHIVE POST */

.container_collection{
	padding-top: 30px;
}

.container_collection h2{
	float: left;
	width: 18.7%;
}

.inner_collection{
	float: right;
	width: 72%;
}

.resume{
	border:1px solid #ddd;
	padding: 20px 35px;
	margin-bottom: 3rem;
}

.desc_resume{
	float: left;
	width: 71%;
}

.home .desc_resume a.btn_fond_jaune {
	display: none;
}

.droite_resume{
	float: right;
	width: 21%;
}

.resume h3:after{
	margin-top: 15px;
}

.resume .intro, .intro p{
	font-size: 22px;
	
	color: #5C5C5C;
	line-height: 1.4em;
	font-weight: 200;
	margin-bottom: 10px;
}
.info_temoin{
	font-weight: 500;
	color: #5C5C5C;
	font-size: 18px;
	
	text-align: center;
	margin-top: 0px;
}
.info_temoin span{
	display: block;
}
.resume_etude_cas .img_bord_rond img{
	border-radius: 50%;
}
.resume_etude_cas h3{
	margin-top: 10px;
}
.img_logo_cas{
	max-width: 35%;
}

.single .img_logo_cas{
	max-width: 60%;
}


.see_more{
	font-weight: 500;
	
	
	display: inline-block;
	border-left: 1px solid #ddd;padding-left: 10px;
	border-right: 1px solid #ddd;padding-right: 10px;
	font-size: 18px;
	color: #5C5C5C;
}

.see_more:hover{
	color: #7ED321;
}
/* SPECIAL POST ARCHIVE */
.resume_post h3{
	margin-bottom: 3px;
}
.resume_post h3:after{
	display: none;
}

.entry-date{
	
	font-size: 22px;
	color: #5C5C5C;
	font-weight: 200; 
}

.resume_post .entry-date:after{
	margin-top: 15px;
}

.resume_post .droite_resume{
	width: 34%;
}

.resume_post .desc_resume{
	width: 61%;
}


/* SINGLE ETUDE CAS */
.single_etude_cas{
	padding-top: 30px;
}

 .intro p{
 	margin-top: 0px;
 	font-size: 21px;
 }
 .single_etude_cas h2{
	font-weight: 500;
	
	color:#5C5C5C;
	font-size: 24px;
	
	margin-bottom: 25px;
 }

 .single_etude_cas h2:before{
 	display: none;
 }

 .single_etude_cas h2:after{
 	margin-top: 20px;
 }


.single_etude_cas .entry-content{
	position: relative;
	padding-top: 20px;
	margin-top: 20px;
}
.single_etude_cas .entry-content:before{
	position: absolute;
	top: 0px;
	left:0px;
	content: " ";
	width: 45%;
	height: 1px;
	background:#5C5C5C;

}

.single_etude_cas h3{
	text-transform: none;
	margin-bottom: 0px;
	color: #5C5C5C;
	font-size: 22px;
}


/*.newsletter_f .contain_form{
	display: flex;
	justify-content: space-between;
}

.newsletter_f .contain_form > p{
	flex: 0 0 30%;
}*/

.newsletter_f .contain_form > p label{
	color: #fff;
	font-size:13px;
	font-weight: normal;
	color: #5C5C5C;
}

.newsletter_f .contain_form > p input[type="text"],.newsletter_f .contain_form > p input[type="email"]{
	font-size: 13px;
}

#colophon .newsletter_f {
	margin-bottom: 40px;
}


.newsletter_f .wpcf7-form input[type="submit"]{
	font-size: 13px;
	box-shadow:none;
	-webkit-box-shadow:none;
}


#colophon .newsletter_f  h3:after{
	display: none;
}

/* RESPONSIVE */


@media screen and (max-width: 1050px) {
	.l_site{
		max-width: 780px;
	}

	/* HEADER */
	.site-branding a{
		width: 245px;
	}

	.site-branding svg{
		max-width: 100%;
		max-height: 100%;
	}

	#masthead .l_site{
		padding-bottom: 0px;
	}

	#site-navigation{
		bottom: 29px;
	}
	
	h1{
		font-size: 3rem;
		line-height: 3.4rem;
	}
	/* GLOBAL */
	h2{
		font-size: 3rem;
		line-height: 3.4rem;
	}
	h3{
		font-size: 2.4rem;
		line-height: 2.8rem;
	}

	.picto_and_desc h3{
		font-size: 16px;
	}

	a.link_contact_foot{
		font-size: 18px;
	}

	.container_collection .left_temoignage{
		width: 25%;
	}

	.info_temoin{
		font-size: 15px;
	}
	.resume .intro, .intro p{
		font-size: 19px;
	}
}

.slicknav_menu {
    display:none;
}

@media screen and (max-width: 800px) {
  /*AJOUTER .js devant ces deux regles grâce à modernizr*/
  #primary-menu,#top_link_contact{
	position: absolute;
	top: 0px;
	right: 0px;
	background: #7ED321;
	color: #fff;
	padding: 0.8rem 1.6rem;
	font-size: 1.4rem;
	border-radius: 0 0 0.8rem 0.8rem;
	transition: background ease-in-out 0.2s;
}

#top_link_contact:hover{
	background: #6CA32F;
	color: #fff;
}
  
  .slicknav_menu {
    display:block;
  }

  .site-branding{
	position: absolute;
	right: 10px;
	top:0px;
	margin-top: 0px;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
  }

  #masthead{
	height: 87px;
  }

  body, html{
    overflow-x: hidden;
    width: 100%;
  }
	
  #content{
  	left:0px;
  	position: relative;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	padding-top: 87px;
	background-position: center 86px;

  }

  body.move_to_right #content{
    left:80%;
  }

  .slicknav_menu{
    height: 100%;
    position: fixed;
    left:-80%;
    width: 80%;
    transition:0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    z-index: 9999
  }

  .slicknav_nav{
    display: block !important;
    transition:0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;

  }

  body .slicknav_btn{
      left: 100%;
      position: absolute;
      z-index: 999;
      top: 19px;
  }
  body.move_to_right .slicknav_menu{
    left:0px;
  }

  
  body.move_to_right #masthead .site-branding{
    right:-250px;
  }

  .l_site{
	padding-left: 25px;
	padding-right: 25px;
  }

  /* FOOTER RESPONS */
 
  .col_1_3{
  	width: 48%;
  } 

}

@media screen and (max-width: 700px) {
	.left_news, .footer_info{
		width: 100%;
		float: none;
	}
	.footer_info{
		padding: 20px 0px;
	}
}

@media screen and (max-width: 600px) {
	.l_site{
		padding-left: 20px;
		padding-right: 20px;
	}
	.big_section{
		border-bottom: 1px solid #ddd;
	   padding: 20px 0px;	
	}
	.big_section:last-child{
		border-bottom: 0px;
	}
	.big_section.l_site{
		padding: 20px 20px;	
	}

	.part_img_right_txt_left .txt_left, .part_img_right_txt_left .img_right, .part_img_left_txt_droite .txt_right, .part_img_left_txt_droite .img_left, .part_txt_gauche_txt_droite .txt_left, .part_txt_gauche_txt_droite .txt_right, .group_picto{
		float: none;
		width: auto;
	}
	
	.part_titre_et_pictos h2{
		float: none;
		width: auto;
	}

	.header_page h1{
		font-size: 30px;
	}
	.big_section{
		padding: 20px 0px;	
	}

	h2{
		font-size: 2.4rem;
		line-height: 2.8rem;
	}

	.groupe_accordeon > h3{
		font-size: 20px;
	}
	
	/* SPECIAL ACCORDEON */
	.big_section.s_accordeon{
		background: #F7F7F7;
	}
	.groupe_accordeon{
		padding: 0px;
	}

	/* Temoignages : case studies */
	.container_collection .left_temoignage, .inner_collection ,.container_collection h2{
		float: none;
		width: auto;
	}
	.inner_collection{
		margin-top: 20px;
	}

	.single .txt_left{
		float: none;
		width:auto;
	}

	.img_right{
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.inner_collection{
		border-top: 2px solid #ddd;
		margin-top: 20px;
	}
}

@media screen and (max-width: 500px) {
	.site-branding a {
    	width: 205px;
	}

	.entry-content img{
		max-width: 80%;
		float: none;
		display: block;
		margin:5px auto;
	}

	.resume{
		padding: 20px 0px;
		border:0px;
		border-bottom: 3px solid #ddd;
		padding-top: 0px;
	}

	.desc_resume, .resume_post .desc_resume{
		float: none;
		width: 100%;
	}
	.droite_resume{
		float: none;
		margin-top: 20px;
		width: 100%;
	}
	.resume_post .droite_resume{
		float: none;
		margin-top: 10px;
		width: auto;
	}
	.resume_post .droite_resume .img_bord_rond{
		float: none;
		width: auto;
	}
	.img_bord_rond{
		float: left;
		width: 30%;
	}
	.info_temoin{
		float: right;
		width: 55%;
		font-size: 17px;
		margin-top: 25px;
	}

	.img_logo_cas{
		max-width: 50%;
		padding-top: 5px;
	}

	.single .img_logo_cas{
		max-width: 80%;
	}
}

@media screen and (max-width: 350px) {
	.info_temoin{
		margin-top: 18px;
	}


	.cadre_txt_acc_left{
		float: none;
		width: 100%;
	}
	.right_c_acc{
		float: none;
		max-width: 90%;
		display: block;
		margin:10px auto;
	}
}



/* ANIMATION A L'APPARITION */

.go_to_top{
	visibility: hidden;
}
.go_to_top.animated{
	animation: 1s go_top_top 0s;
	-webkit-animation: 1s go_top_top 0s;
}


@keyframes go_top_top {
    0%   {transform:translate(0px, 150px);opacity: 0}
    100% {transform:translate(0px, 0px); opacity: 1}
}

@-webkit-keyframes go_top_top {
    0%   {transform:translate(0px, 150px);opacity: 0}
    100% {transform:translate(0px, 0px); opacity: 1}
}

@keyframes go_top_bottom {
    0%   {transform:translate(0px, -150px);opacity: 0}
    100% {transform:translate(0px, 0px); opacity: 1}
}

@-webkit-keyframes go_top_bottom {
    0%   {transform:translate(0px, -150px);opacity: 0}
    100% {transform:translate(0px, 0px); opacity: 1}
}






.part_img_left_txt_droite.blanc, .part_img_right_txt_left.blanc,.part_txt_gauche_txt_droite, .part_img_right_txt_left, .part_txt_gauche_txt_droite, .part_img_left_txt_droite, .container_collection, .site-main,.resume .intro, .intro p,.s_accordeon h2{
	color: #383838;
}
a, a:visited {
	color: #383838;
}

a.border_t_b, .foot_copyright a{
	color: #7ED321;
}

a.btn_fond_jaune:visited {
	color: #fff;
}




#site-navigation { position: unset; display: flex; margin: 1.5rem 0 1rem 0; justify-content: flex-end; right: unset; bottom: unset; float: unset; }
#primary { margin-top: 5rem; }

	
#cookie-notice .cookie-notice-container {
    display: flex;
    flex-direction: column;
    background-color: rgba(66,89,108,1);
    max-width: 300px;
    margin: 1rem auto;
}

#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade {
    position: absolute;
    animation-name: fadeIn;
    min-width: unset;
    display: flex;
    left: 50%;
    margin-left: -150px;
}