/*
Theme Name: Noixfine
Theme URI: https://studionumerik.fr/
Description: Noixfine Theme custom
Author: Keven Rigo
Author URL: https://www.kevenrigo.fr
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;

	/* 1 */
	height: 0;

	/* 1 */
	overflow: visible;

	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;

	/* 1 */
	text-decoration: underline;

	/* 2 */
	-webkit-text-decoration-style: dotted;
	        text-decoration-style: dotted;

	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	line-height: 1.15;

	/* 1 */
	margin: 0;

	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {

	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {

	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;

	/* 1 */
	color: inherit;

	/* 2 */
	display: table;

	/* 1 */
	max-width: 100%;

	/* 1 */
	padding: 0;

	/* 3 */
	white-space: normal;

	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;

	/* 1 */
	padding: 0;

	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;

	/* 1 */
	font: inherit;

	/* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}


*:active,*:focus,*:visited {
	outline:none;
}
a:active,a:focus,a:visited {
	outline:none;
	border:none;
}


body{
	background:white;
}
body {
	color:#000000!important;
}
a {
	color:inherit;
}
#wpsl-wrap {
    white-space: initial;
}
/*Polices
font-family: 'Marck Script', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Patua One', cursive;
*/	
html {
	font-size:42%;
}

@media(min-width:1600px) {
	html {
		font-size:52.5%;
	}
}
@media(min-width:2100px) {
	html {
		font-size:62.5%;
	}
}
body {
	font-size:2.2rem;
	font-family: 'Montserrat', sans-serif;    
	font-weight:400;
	color:black;
}
.partie_rose,
.radio_buttons #objet_formulaire label input[type="radio"]:checked + span{
	background:rgb(237,176,165);
	color:white;
}
.bloc-exergue-fond {
	color:white;
}
h1,.h1 {
	margin:0;
	text-align:center;
	font-family: 'Patua One', cursive;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:0.01em;
	font-size:4.3rem;
	color:white;
	text-shadow:-0.03rem -0.44rem 0.66rem rgba(0,0,0,0.2);
}
.page-template-atelier h1{
	color:black;	
	text-shadow:none;	
	font-size:4.3rem;
}
.page-template-atelier  div.sous_titre{
	color:black;
	width:1200px;
	max-width:100%;
}
h1 span.sous_titre {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:3.56rem;
}
h2,.h2 {
	text-shadow:none;
	font-family: 'Patua One', cursive;	
	line-height:1.1;
	font-size:3.56rem;
	letter-spacing:0.01em;
	font-weight:normal;
	margin:0.4em 0;
}
.actualite .h2 {
	color:black;
	text-align:left;
}

.actualite h2 {
	margin-top:1em;
}

.bloc-exergue-fond h2,
.bloc-exergue-fond .h2 {
	color:white;
}
h3,.h3 {
	line-height:1.2;
	font-size:2.82rem;
	font-weight:700;
	text-transform:uppercase;
	margin:2.4em 0 0.75em 0
}
h4 {
	line-height:1.2;
	font-size:2.22rem;
	font-weight:700;
	text-transform:none;
	margin:1.4em 0 0.75em 0
}
p, main li, blockquote {
	line-height:1.3;
	font-size:2.22rem;
	font-weight:500;
	margin:1.4em 0 0.75em 0
}
main li {
	margin-top:1rem;
}
.bloc-texte-colonnes ul,
.centre ul {
   margin-left:0;
  margin-top:1rem;
}
.gauche .partie_texte ul,
.droite .partie_texte ul {
   margin-left:4rem;
  margin-top:1rem;
}
.bloc-texte-colonnes li,
.centre li {
  list-style-type: none;
  margin:1em 0
}
.surtitre {
	text-transform:uppercase;
	font-weight:700;
	font-size:2.22rem;
	font-family: 'Montserrat', sans-serif;
}




.fond_trame span.surtitre_projete {
	color:rgb(232, 189, 185);
}
.surtitre_projete {
	font-family: 'Marck Script', cursive;
	font-weight:normal;
	font-size:6.2rem;
	color:rgb(246,216,213);
	display: block;
	position: relative;
	left: 0;
	z-index: -1;
	width: 100vw;
	max-width:none;
	height:0;
	overflow:visible;
	pointer-events:none;
	word-wrap: unset;
	word-break: unset;
	opacity:0;
	-webkit-transform:translateY(1em);
	        transform:translateY(1em);
	-webkit-transition-duration:0.6s, 0.6s;
	        transition-duration:0.6s, 0.6s;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property:opacity, transform, -webkit-transform;
	-webkit-transition-delay:.8s;
	        transition-delay:.8s;
}

.over-centre .surtitre_projete,
.centre .surtitre_projete {
	width:100%;
	max-width:100%;
}
.surtitre_projete {
	bottom: 1rem;
}
.partie_rose .surtitre_projete {
	bottom: 0.5rem;	
}
.over-centre .surtitre_projete {
	bottom:-1rem	
}
.over-droit .surtitre_projete{
	bottom:0rem	
}

#aLaUne .surtitre_projete {
	bottom:3rem	
}

.tfi.in-view span.surtitre_projete {
	-webkit-transform:translateY(0em);
	        transform:translateY(0em);
	opacity:0.95;
}
.tfi.in-view .partie_rose span.surtitre_projete,
.tfi.in-view .bloc-exergue-inte span.surtitre_projete {
	opacity: 0.5;
}

.partie_rose .surtitre_projete {
	z-index:1;
	color:white;
	width:100%;
}



header .primary-menu li a {
	font-size:2.1rem;
	color:inherit;	
}


@media(max-width:639px) {
	h1,.h1 {
		padding-top:2em;
	}
	.avecUne h1 {
		padding-top:0;
	}
	h1.h2 {
		padding-top:0;
	}
}


@media(min-width:640px) and (max-width:979px) {
	h1,.h1 {
		font-size:7.3rem;
	}
	.page-template-atelier h1{
		font-size:5.3rem;
	}

	h1 span.sous_titre {
		font-size:5.56rem;
	}
	h2,.h2 {
		font-size:3.56rem;
	}
	h3,.h3 {
		font-size:2.82rem;
	}
	h4 {
		font-size:2.22rem;
	}
	p, main li, blockquote {
		font-size:2.22rem;
	}
	.surtitre {
		font-size:2.22rem;
	}
	span.surtitre_projete {
		font-size:8.2rem;
	}
	header .primary-menu li a {
		font-size:2.6rem;
	}
	.surtitre_projete {
		bottom: 3rem;
	}
	.partie_rose .surtitre_projete {
		bottom: 2rem;	
	}
	.over-centre .surtitre_projete,
	.over-droit .surtitre_projete{
		bottom:1.6rem
	}
	#aLaUne .surtitre_projete {
		bottom:4.2rem	
	}
}
@media(min-width:980px) and (max-width:1279px) {
	h1,.h1 {
		font-size:7.3rem;
	}
	.page-template-atelier h1{
		font-size:6.3rem;
	}
	h1 span.sous_titre {
		font-size:5.56rem;
	}
	h2,.h2 {
		font-size:3.86rem;
	}
	h3,.h3 {
		font-size:2.82rem;
	}
	h4 {
		font-size:2.22rem;
	}
	p, main li, blockquote {
		font-size:2.22rem;
	}
	.surtitre {
		font-size:2.22rem;
	}
	span.surtitre_projete {
		font-size:10.2rem;
	}	
	header .primary-menu li a {
		font-size:1.6rem;
	}
	.surtitre_projete {
		bottom: 5rem;
	}
	.partie_rose .surtitre_projete {
		bottom: 4rem;	
	}
	.over-centre .surtitre_projete {
		bottom:3rem
	}
	.over-droit .surtitre_projete {
		bottom: 3rem;
	}
	#aLaUne .surtitre_projete {
		bottom: 4.2rem;
		font-size: 8.2rem;
	}
}
@media(min-width:1280px) and (max-width:1599px){
	h1,.h1 {
		font-size:13.3rem;
	}
	.page-template-atelier h1{
		font-size:8rem;
	}

	h1 span.sous_titre {
		font-size:5.56rem;
	}
	h2,.h2 {
		font-size:5.56rem;
	}
	h3,.h3 {
		font-size:2.82rem;
	}
	h4 {
		font-size:2.22rem;
	}
	p, main li, blockquote {
		font-size:2.22rem;
	}
	.surtitre {
		font-size:2.22rem;
	}
	span.surtitre_projete {
		font-size:11.2rem;
	}
	header .primary-menu li a {
		font-size:1.9rem;
	}
	.surtitre_projete {
		bottom: 6rem;
	}
	.actualites .surtitre_projete {
		bottom: 6rem;	
	}
	.partie_rose .surtitre_projete {
		bottom: 5rem;	
	}	
	.over-centre .surtitre_projete {
		bottom:4rem
	}
	.over-droit .surtitre_projete {
		bottom:4rem	
	}
	#aLaUne .surtitre_projete {
		bottom:3rem;
		font-size:7rem;
	}
}
@media(min-width:1600px) and (max-width:2099px){
	h1,.h1 {
		font-size:13.3rem;
	}
	.page-template-atelier h1{
		font-size:8rem;
	}

	h1 span.sous_titre {
		font-size:5.56rem;
	}
	h2,.h2 {
		font-size:5.56rem;
	}
	h3,.h3 {
		font-size:2.22rem;
	}
	h4 {
		font-size:2.22rem;
	}
	p, main li, blockquote {
		font-size:2.22rem;
	}
	.surtitre {
		font-size:2.22rem;
	}
	span.surtitre_projete {
		font-size:12.2rem;
	}
	header .primary-menu li a {
		font-size:1.6rem;
	}
	.surtitre_projete {
		bottom: 6rem;
	}
	.partie_rose .surtitre_projete {
		bottom: 6rem;	
	}
	.over-centre .surtitre_projete {
		bottom:4rem
	}
	.over-droit .surtitre_projete {
		bottom:5rem	
	}
	#aLaUne .surtitre_projete {
		bottom:3rem;
		font-size:7rem;
	}
}
@media(min-width:2100px){
	h1,.h1 {
		font-size:13.3rem;
	}
	.page-template-atelier h1{
		font-size:8rem;
	}

	h1 span.sous_titre {
		font-size:5.56rem;
	}
	h2,.h2 {
		font-size:5.56rem;
	}
	h3,.h3 {
		font-size:2.22rem;
	}
	h4 {
		font-size:2.22rem;
	}
	p, main li, blockquote {
		font-size:2.22rem;
	}
	.surtitre {
		font-size:2.22rem;
	}
	span.surtitre_projete {
		font-size:12.2rem;
	}
	header .primary-menu li a {
		font-size:1.6rem;
	}
	.surtitre_projete {
		bottom: 6rem;
	}
	.partie_rose .surtitre_projete {
		bottom: 6rem;	
	}
	.over-centre .surtitre_projete {
		bottom:4rem
	}
	.over-droit .surtitre_projete {
		bottom:5rem	
	}
	#aLaUne .surtitre_projete {
		bottom:3rem;
		font-size:7rem;
	}
}
span.surtitre {
	display:block;
}
span.sous_titre {
	display:block;
}
p strong {
	font-weight:700;
}
blockquote * {
    font-style: italic;
    font-weight: 600;
	
}
blockquote {
	position:relative;
	z-index:1;
	padding:3em 4em;
	text-align:center;
}
blockquote:before,
blockquote:after{
	display:block;
	position:absolute;
	z-index:3;
	width:0.34em;
	font-size:14em;
	color:#edb0a5;
	font-family:"Marck Script";
}
blockquote:before{
	content:'“';
	top:0;
	left:-0.17em;
}
blockquote:after{
	bottom:0;
	right:-0.17em;
	content:'“';
	-webkit-transform-origin:center;
	        transform-origin:center;
	-webkit-transform:rotate(180deg);
	        transform:rotate(180deg);
}

.temoignage img {
	-webkit-mask: url('images/brush-temoignage.png') stroke-box 50% 50%/100% 100%;
	        mask: url('images/brush-temoignage.png') stroke-box 50% 50%/100% 100%; 
	mask-repeat:no-repeat;
	-webkit-mask-image:url('images/brush-temoignage.png');
	-webkit-mask-position:50% 50%;
	-webkit-mask-size:100% 100%;
	-webkit-mask-repeat:no-repeat;
}
.temoignage h4 {
	padding:1rem 1rem 0rem 4rem;	
	margin-bottom:0;
}.temoignage h4 span {
	display:block;
	font-size:1.5rem;
	font-weight:400;
}
.temoignage blockquote {
	text-align:left;
	padding:5rem 1rem 5rem 4rem;
	margin-top:0;
	font-size:1.6rem;
	font-weight:600;
	line-height:1.1;
}
@media(max-width:1599px) {
	.temoignage blockquote {
		text-align:left;
		padding:5rem 1rem 5rem 4rem;
		margin-top:0;
		font-size:1.9rem;
		font-weight:600;
		line-height:1.1;
	}	
}
.temoignage blockquote:before,
.temoignage blockquote:after {
	opacity:0.2;
	z-index:-1;
	font-size:24rem;
	font-size: 28rem;
	line-height:1;
	font-weight: 400;
}
.temoignage blockquote:before {
	left:5%;
}
.temoignage blockquote:after {
	right:60%;
}
a.bouton {
	font-weight:500;
	text-transform:uppercase;
	color:inherit;
	position:relative;
	display:inline-block;
	margin:1rem 1rem 1rem 0;
	text-decoration:none;
	padding:1em 1em 35px 1em;
}
a.bouton:after {
	content:'';
	background:url('images/ligne_bouton.svg') no-repeat center left;
	height:35px;
	width:calc(100% - 2em);
	position:absolute;
	bottom:0;
	left:1em;
	z-index:1;
	-webkit-transform:skewX(0) translateX(0);
	        transform:skewX(0) translateX(0);
	-webkit-transition: all 0.4s;
	transition:all 0.4s;	
}
a.bouton:hover:after {
	-webkit-transform:skewX(-60deg) translateX(15%);
	        transform:skewX(-60deg) translateX(15%);
}
/* .texte_entete 
.bloc-atelier#section_2 .left_part
.partie_rose 
.bloc-exergue-fond 
.entete */
.texte_blanc a.bouton:after {
	background:url('images/ligne_bouton_blanche.svg') no-repeat center left;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.gros_bouton {
	display:inline-block;
	padding:4rem 6rem;
	color:white;
	font-size:2.2rem;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:500;
	font-family:inherit;
	margin:1rem 1rem 1rem 0;
	position:relative;
	z-index:1;
	-webkit-transition: all .3s;
	transition:all .3s;
	/*background:url('images/bouton_rose.png') no-repeat center;*/
	background-size:100% 100%;
}/*
a.gros_bouton:hover {
	filter:grayscale(100%);	
}*/

a.gros_bouton:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url('images/bouton_rose.png') no-repeat center;
    background-size: 100%;
    content: "";
    display: block;
	-webkit-transition: all 0.3s;
	transition:all 0.3s;
}
a.gros_bouton:hover:after {
	-webkit-transform:scale(0.9) rotate(5deg);
	        transform:scale(0.9) rotate(5deg);
}
.texte_blanc a.gros_bouton {
	color:black;
	background:url('images/bouton_blanc.png') no-repeat center;
	background-size:100% 100%;
}
.texte_blanc a.gros_bouton:hover {
	-webkit-filter:grayscale(100%) invert(100%);
	        filter:grayscale(100%) invert(100%);	
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.25;
	margin: 0;
	opacity: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	background:url('images/bouton_rose.png') no-repeat center;
	background-size:100% 100%;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]: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 {
	border-color: currentColor;
}
p img {
	display:inline;
}	









/*Menu header et footer*/
body {
	position:relative;
}
#site-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9;
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
}
/*.scrolled #site-header {
	background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,0) 100%);
}*/
.admin-bar #site-header {
	top:46px;
}
@media(min-width:782px) {
	.admin-bar #site-header {
		top:32px;
	}		
}
.header-titles,
.footer-credits{
  width: 113px;
}
.header-titles .logo {
	display:block;
	width:113px;
}
.primary-menu-wrapper,
.footer-menu-wrapper{
  position: relative;
}
#wpadminbar {
    position: fixed;
    overflow: hidden;
}
@media(max-width:639px ){
	.header-titles,
	.footer-credits{
	  width: 66px;
	}
	.header-titles .logo {
		display:block;
		width:66px;
	}	
	.primary-menu {
		height: 80%;
	}
}
/* Primary Menu et logo ---------------------------- */
@media(max-width:979px ){
	
	#site-header {
		height:80px;
		overflow:hidden;
		z-index:12;
	 }
	 #site-header.open {
		height:100vh;
		overflow:auto;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	 }
	.header-titles,
	.footer-credits{
	  width: 88px;
	}
	.header-titles .logo {
		display:block;
		width:88px;
	}
    .header-inner {
	 	padding-left:52px;
	}.container.header-inner.section-inner {
		padding-bottom:10rem;
	}
	 #togMenu {
        height:18px;
        width:32px;
        cursor:pointer;
        display:block;
        position:absolute;
        z-index:101;
        right:20px;
        top:35px;
		-webkit-transition:all .6s;
        transition:all .6s;
     }
     #togMenu span {
        -webkit-transition:all .6s;
        transition:all .6s;
        position:absolute;
        right:0;
        width:100%;
        height:4px;
		border-radius:2px;
        display:block;
        background:#000;
     }
     #togMenu span#t1 {
        top:0
     }
     #togMenu span#t2 {
        top:50%;
        -webkit-transform-origin:center;
        transform-origin:center;
        margin-top:-2px;
		width:100%;
     }
     #togMenu span#t3 {
        bottom:0;
		width:100%;
     }
	 #togMenu.open {
		height:28px;
	 }
     #togMenu.open span#t2 {
        width:0;
        right:100%;
        opacity:0
     }
     #togMenu.open span#t1 {
        width:111%;
        max-width:none;
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
     }
     #togMenu.open span#t3 {
        width:111%;
        max-width:none;
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
     }
     #menu_principal {
        position:relative;
        top:0px;
        left:-100%;
		margin-top:20px;
        z-index:6;
        opacity:0;
        background:#fff;
        height:auto;
        width:0;
		padding-bottom:3rem;
        -webkit-transition:opacity .3s ,left 0 ease 0.4s,width 0 ease .4s;
        transition:opacity .3s ,left 0 ease 0.4s,width 0 ease .4s
     }
     #menu_principal.open {
        left:0;
        width:100%;
        opacity:1;
        -webkit-transition:left 0.4s,width 0s,opacity .4s;
        transition:left 0.4s,width 0s,opacity .4s
     }
	.container.header-inner.section-inner {
		padding-top: 20px;
		height: 100%;
	} 
	#menu_principal.open {
		height: calc(80vh);
	}
	.primary-menu-wrapper {
		height: 100%;
	}
	.primary-menu {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.primary-menu > li {
		text-align:center;
	}
	.primary-menu a {
		margin: 1rem 0;
	}
    body.open {
		overflow:hidden;
	} 
}
.primary-menu > li {
	font-size: inherit;
	position: ;
	overflow:visible;
	list-style-type:none;
}
.primary-menu > li {
	margin: 0 0.5rem 0 0.5rem;
}
.primary-menu li a {
	color: inherit;
	display: inline-block;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
	font-weight: 700;
	-webkit-transition: all 0.3s;
	transition:all 0.3s;
	padding: 0.5rem 1rem 2.2rem 1rem;
	position: relative;
	z-index:0;
}
.primary-menu > li > a:after {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: '';
	display: block;
	background: url('images/soulignement_menu.svg') no-repeat left center;
		background-size: auto;
	background-size: 100%;
	width: 60px;
	height: 15px;
	-webkit-transform:translate3d(-120%, 0%, 0);
	        transform:translate3d(-120%, 0%, 0);
	position: absolute;
	bottom: -4px;
	opacity:0;
	left: 50%;
	margin-left: -30px;
	z-index: 0;
	pointer-events:none;
}
.primary-menu > li:hover a:after,
.primary-menu > li a:focus:after,
.primary-menu .current_page_ancestor a:after,
.primary-menu li.current-menu-item > a:after,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:after {
	-webkit-transform: translate3d(0%, 0%, 0);
	        transform: translate3d(0%, 0%, 0);
	opacity: 1;
}
.primary-menu > li:last-child a  {
	border:2px solid;
	border-radius:2rem;
	padding:0.5rem 1rem;
}
.primary-menu > li:last-child a:hover,
.primary-menu >  li.current-menu-item:last-child > a  {
	border:2px solid black;
	color:white;
	background:black;

}
.primary-menu > li:last-child a:after,
.primary-menu .current_page_ancestor:last-child:after,
.primary-menu li.current-menu-item:last-child > a:after,
.primary-menu li.current-menu-item:last-child > .link-icon-wrapper > a:after {
	display:none;
}


.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}

/* SUB MENU */
.primary-menu ul {
	padding: 0;
	display:block;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
}
.primary-menu ul li a {
	font-weight:500;
}
.primary-menu ul li a :hover {
		opacity:0.6;
}
@media(max-width:979px){
	.primary-menu ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		display:none;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
		padding-left:20px;
	}
	.primary-menu ul a {
		margin-top:0px;
		opacity:0.6;
	}
	.primary-menu ul a:after {
		content:'';
		position:absolute;
		top:50%;
		left:100%;
		height:4px;
		width:4px;
		background:black;
		border-radius:50%;
		margin-top:-2px;
		z-index:1;
		display:block;
	}	
}
@media(min-width:980px){
	.primary-menu ul {
		opacity: 0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		position: absolute;
		z-index:1;
		left: 9999rem;
		top: 100%;
		-webkit-transition: opacity 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear;
		transition: opacity 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear;
		transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
		transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s, -webkit-transform 0.15s linear;
		-webkit-transform: translateY(0.6rem);
		        transform: translateY(0.6rem);
		width: 100%;
	}	
	.primary-menu li.menu-item-has-children:hover > ul,
	.primary-menu li.menu-item-has-children:focus > ul,
	.primary-menu li.menu-item-has-children.focus > ul {
		left: 0;
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		-webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s linear;
		transition: opacity 0.15s linear, -webkit-transform 0.15s linear;
		transition: opacity 0.15s linear, transform 0.15s linear;
		transition: opacity 0.15s linear, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.primary-menu li:nth-child(4) ul, 
	.primary-menu li:nth-child(5) ul, 
	.primary-menu li:nth-child(6) ul{
		-webkit-box-pack:end;
		    -ms-flex-pack:end;
		        justify-content:flex-end;
	}	
	.primary-menu ul a {
		overflow:visible;
	}
	.primary-menu ul a:after {
		content:'';
		position:absolute;
		top:50%;
		left:100%;
		height:4px;
		width:4px;
		background:black;
		border-radius:50%;
		margin-top:-2px;
		z-index:1;
		display:block;
	}	
}

@media(min-width:1600px) {
	.primary-menu ul:before {
		top:-11px;
	}
}

.primary-menu ul li {
	list-style-type:none;
}
.primary-menu ul a {
	background: transparent;
	border: none;
	color: inherit;
	display: block;
	padding: 1rem 2rem;
	font-weight:400;
	-webkit-transition: background-color 0.15s linear;
	transition: background-color 0.15s linear;
	width: 100%;
	position:relative;
}

.primary-menu ul li:last-child a:after  {
	display:none;
}
.primary-menu ul li.menu-item-has-children > a {
	padding-right: 4.5rem;
}

.primary-menu ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}



/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {
/*
	.primary-menu > li.menu-item-has-children > a {
		padding-right: 0;
		margin-right: 2rem;
	}

	.primary-menu ul li.menu-item-has-children > a {
		margin-right: 4.5rem;
		padding-right: 0;
		width: unset;
	}*/

}
@media(min-width:1200px ){
	.primary-menu > li {
		margin: 0 0.5rem 0 0.5rem;
		padding-left:2.5rem;
		padding-right:2.5rem;
	}
}
@media(min-width:1800px ){
	.primary-menu a  {
		font-size:1.6rem;
	}
}



/*Menu sur page scrollée*/
.logo,
#site-header{
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.scrolled #site-header{
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
@media(max-width:979px){
  .scrolled #togMenu {
    -webkit-transform: scale(0.75) translateY(-125%);
            transform: scale(0.75) translateY(-125%);
  }  
  .scrolled .logo {
    -webkit-transform: scale(0.75) translate3d(-30%,-50%,0);
            transform: scale(0.75) translate3d(-30%,-50%,0);
  }
  .scrolled #site-header:not(.open){
    height: 53px;
  }
}
@media(min-width:980px){
  .scrolled .logo {
    -webkit-transform: scale(0.8) translate3d(0%,-34%,0);
            transform: scale(0.8) translate3d(0%,-34%,0);
  }
   .scrolled #site-header:not(.open){
    height: 62px;
  }
}
@media(min-width:1600px){
  .scrolled .logo {
    -webkit-transform: scale(0.9) translate3d(0%,-30%,0);
            transform: scale(0.9) translate3d(0%,-30%,0);
  }
   .scrolled #site-header:not(.open){
    height: 65px;
  }
}



footer {
	position:relative;

}
footer:after {
	content: "";
	background: url('images/footer.png') repeat-x 0 0;
	background-size: 200px 23px;
	height: 23px;
	width: 100%;
	top: -20px;
	right: 0;
	z-index: 1;
	position: absolute;
	display: block;
}

#footer_menu {
	margin:20px;
}
#site-footer .section-inner  .logo {
	display:block;
	width:113px;
	margin-right:50px;
}	

#footer_menu li {
	list-style-type:none;
	margin-right:2rem;
}

#footer_menu li a {
	display:block;
	text-decoration:none;
	text-transform:none;
	padding:1.75rem 1rem;
	font-size:1.66rem;
	color:inherit;
	border:2px solid white;
	-webkit-transition: all 0.9s;
	transition: all 0.9s;
}
#footer_menu li a:hover {
	border:2px solid black;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}	
@media(min-width:1280px) {
	#footer_menu li a {
		padding:1rem;
	}
}



@media(min-width:980px) {
	#togMenu {
		display:none;
	}
	#site-header {
		min-height:0;
		background: rgb(255,255,255);
		-webkit-transition: all 0.4s;
		transition:all 0.4s;
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
	}
	.scrolled #site-header:hover {
		
		box-shadow:0 0 9px rgba(0,0,0,0.1);
	}
	#site-header .container {
		-webkit-transition: all 0.4s;
		transition:all 0.4s;
	}
	.scrolled #site-header:hover .container {
		background:white;
		box-shadow:0 0 7px rgba(0,0,0,0.3);
	}
	.header-inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
	      -ms-flex-pack: justify;
	          justify-content: space-between;
	}
	.primary-menu-wrapper {
		display:block;
		overflow: hidden;
		padding-bottom: 4rem;
	}	
	ul.primary-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		position:relative;
		z-index:1;
	}
	.primary-menu ul:before {
		content: '';
		display: block;
		background: url('images/ligne_sousmenu.svg') no-repeat bottom center;
		position: absolute;
		top:-11px;
		left: 0;
		width: 100%;
		height: 12px;
		z-index:-1;
	}
	.header-navigation-wrapper,
	.footer-menu-wrapper{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
	}
	#site-footer .section-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;	
		-webkit-box-pack:start;	
		    -ms-flex-pack:start;	
		        justify-content:flex-start;
	}
	#footer_menu {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		margin:0 20px;
	}
	
}







/*boites zones structure*/
article {
	overflow:hidden;
}
.container {
	padding:4% 7%;
}
form .fond_trame.brush_before.container {
    padding-top: 9vw;
}
.padTop0 {
	padding-top:0;
}
.padBot0 {
	padding-bottom:0;
}
#breadcrumbs {
    padding: 6% 6% 0 6%;
    margin: 0;
    font-size: 1.6rem;
    color: gray;
    font-style: italic;
	display:none;
}
.container.header-inner.section-inner {
    padding-top: 20px;
}
#site-footer .section-inner.container {
	padding-top:3rem ;
	padding-bottom:3rem;
}

.container:not(.bloc-1).bloc-exergue:last-child {
	padding:0;
}	
.container.bloc-exergue:last-child .bloc-exergue-inte.over-droit {
    padding: 7% 4% ;	
}
.over-centre {
    padding: 6%;
}
.bloc-exergue:last-child .over-centre{
		padding:22vw 10% 6% 10%;
}
.container.image-degrade {
	padding:0!important;
}
.container.image-degrade .partie_texte {
	padding:6%;
}	
.home_page .bloc-exergue-inte.over-centre {
	padding-bottom:7vw;
}
.partie_paves{
	padding:4%	
}
.partie_rose {
	padding:4%
}
/*
.container.fond_trame.brush_after {
	padding:0;
}*/
.bloc-boutons .container.fond_trame.brush_after {
	padding:6% 6% 8% 6%;
}
.container.fond_trame.brush_after  .partie_texte {
	padding:6%;
}
.partie_texte {
	padding-top: 6vw;
}
.actualite .partie_texte {
	padding-top:0;
}

.bloc-exergue + .bloc-texte-colonnes {
	padding-top:0;
}
.bloc-texte-simple > div{
	width:940px;
	width:calc(8vw + 840px);
	max-width:100%;
}

@media(min-width:980px){
	.over-centre {
		padding: 6% 15%;
	}
	.container.image-degrade {
		padding:0;
	}
	.container.image-degrade .partie_texte {
		padding:6% 0 6% 6%;
	}
	#site-header .container {
		padding-top:20px;
		padding-bottom:10px;
		height:auto;
		overflow:visible;
	}
	.partie_texte {
		padding-top: 0;
	}
	.actualite .partie_image {
		padding-top:6rem;
	}
	.container.bloc-texte-image {
		padding-top:4%;
	}
	
}
@media(min-width:1800px) {
	
	.container.image-degrade .partie_texte,
	.bloc-exergue:last-child .container.over-centre {
		padding-left:calc((100vw - 1600px) / 2);
	}
	.container {
		padding-left:calc((100vw - 1600px) / 2);
		padding-right:calc((100vw - 1600px) / 2);
	}
	.zone .over-droit{
		padding-left:calc((100vw - 1600px) / 4);
		padding-right:calc((100vw - 1600px) / 4);
	}
	.bloc-atelier .left_part, .bloc-atelier .right_part {
		
	}
}



.container,
.zone,
.entete
{
	position:relative;
	overflow:hidden;
}
.flex-column {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.flex-column.gauche {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-column.droit {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-row{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.flex-just-start {
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:start;
}
.flex-wrap {
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.flex-full {
	-webkit-box-pack:stretch;
	    -ms-flex-pack:stretch;
	        justify-content:stretch;
}
.flex-start {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-row.bas {
	-webkit-box-align:end;
	    -ms-flex-align:end;
	        align-items:flex-end;
}	
.flex-row.haut {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-row.flex-gauche {
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}
.flex-row.flex-droit {
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}
.flex-centre {
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.flex-row.flex-stretch,
.flex-stretch {
	-webkit-box-align:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
}
.centre{
	text-align:center;
}
.bloc-texte-colonnes{
	text-align:center;
}
.flex-jcc {
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}	
.imgWAuto img{
	width:auto;
}
.temoignage .imgWAuto img{
	width:100%;
}	
.w-100 {
	width:100%;
}
.w-25 {
	width:26%;
}
.w-40 {
	width:43%;
}
.w-50 {
	width:50%;
}
.w-60 {
	width:53%;
}
.w-30 {
	width:28%;
}
.w-70 {
	width:68%;
}
.w1-2 {
	width:48%;
}	
.w1-3 {
	width:31%;
}
.w2-3 {
	width:62%;
}
.real-25 {
	width:25%;
}
.real-40 {
	width:45%;
}
.real-60 {
	width:55%;
}
.real-70 {
	width:70%;
}
.real-75 {
	width:75%;
}
.real-50 {
	width:50%;
}	

.real-33 {
	width:calc(100%/3);
	padding:5px;
}	






.w1-4 {
	width:26%;
}
.pad-right {
	padding-right:2rem;
}
.under {
	position:relative;
	z-index:1;
	overflow:hidden;
}
.fond_trame {
	background:url('images/trame.png') repeat top left;
}
@media(max-width:979px) {
	.fond_trame {
		background-size:5rem;
	}
}


.bloc-exergue-centre .exergue--texte,
.bloc-exergue-inte .exergue--texte{
	width: 980px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}	

@media(min-width:2100px) {

	.bloc-exergue-centre .exergue--texte,
	.bloc-exergue-inte .exergue--texte{
		width: 1280px;
	}	
}


.bloc-exergue-droit:last-child .under:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:rgba(237,176,165,1);
}
.bloc-exergue-droit:last-child .under:after {
	content:'';
	position:absolute;
	top:80%;
	right:0;
	width:100%;
	height:20%;
	z-index:1;
	background: rgb(237,176,165);
	background: -webkit-linear-gradient(top, rgba(237,176,165,0) 0%, rgba(237,176,165,1) 100%);
	background: linear-gradient(180deg, rgba(237,176,165,0) 0%, rgba(237,176,165,1) 100%);
}
.bloc-exergue-droit:last-child .over-droit {
	background:rgba(237,176,165,1);
}
.bloc-exergue-droit:last-child .under:before/*,
.bloc-exergue-centre:last-child .over-centre*/ {
	background:rgba(237,176,165,0.8);
}	


.bloc-exergue:last-child,
.brush_after,
.brush_before,
.entete,
.home_page .bloc-exergue-fond {
	position:relative;
}
.bloc-exergue:last-child:before,
.brush_after:after,
.brush_before:before,
.entete:after,
.home_page .bloc-exergue-fond:after{
	display:block;
	content:"";
	position:absolute;
	z-index:2;
	pointer-events:none;
	left:0;
	width:100%;
	height:7vw;
	
	top:-10px;
	background:url('images/brush_footer.png') no-repeat top left;
	background-size:100% 100%;
}
	
.brush_after:after,
.home_page .bloc-exergue-fond:after{
	top:unset;
	bottom:-10px;
	background:url('images/brush_after.png') no-repeat top left;
	background-size:100% 100%;
}

.brush_before {
		padding-top:7vw;
}
	
.fond_trame.brush_after,
.fat-bottom {
	padding-bottom:7vw;

}



.crochets .bloc-texte-image-inte {
	position:relative;
	padding:7vw 5vw;
}
.crochets .bloc-texte-image-inte:before,
.crochets .bloc-texte-image-inte:after  {
	content:"";
	position:absolute;
	z-index:1;
	left: 0vw;
	width: 6vw;
	height: 6vw;
	top: 0px;
	background: url('images/crochet_haut.svg') no-repeat top left;
		background-size: auto;
	background-size: 100% auto;
	pointer-events: none;
}
.crochets .bloc-texte-image-inte:after {
	left:unset;
	top:unset;
	bottom:0px;
	right:0vw;	
	background: url('images/crochet_bas.svg') no-repeat bottom right;
		background-size: auto;
	background-size: 100% auto;
}


@media(min-width:980px){
	.crochets .bloc-texte-image-inte {
		padding:4vw 0;
	}
	.crochets .bloc-texte-image-inte:before,
	.crochets .bloc-texte-image-inte:after  {
		top: -10px;
	}
	.crochets .bloc-texte-image-inte:after {
		top:unset;
		bottom:-10px;
	}	
}
.entete:after{
	top:unset;
	bottom:-10px;
	background:url('images/brush_header.png') no-repeat top left;
	background-size:100% 100%;
}

.image_entete	 {
	position:absolute;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}	
.image_entete img	 {
	position:absolute;
	z-index:1;
	left:50%;
	/*
	top:50%;
	transform:translate3d(-50%, -50%, 0);
	*/
	top:0%;
	-webkit-transform:translate3d(-50%, 0%, 0);
	        transform:translate3d(-50%, 0%, 0);
	display:block;
	max-width:none;
	min-width:100%;
	width:auto;
	max-height:none;
	min-height:100%;
}
 .texte_entete {
	text-align:center;
	position:relative;
	z-index:2;
	color:white;
	top:0%;
	left:0%;
	width:100%;
	height:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	padding:12vh 3%;
}
@media(min-width:640px) {
	 .texte_entete {

		padding:25vh 6%;
	}
}@media(max-aspect-ratio:1024/362) {
	 .texte_entete {
		padding:13vw 6%;
	}
}
.home_page .texte_entete,
.page-template-atelier .texte_entete,
.avecUne .texte_entete {
	padding:25vh 6%;
}


#aLaUne {
    width: 300px;
    padding: 5rem 20px 20px 20px;
    position: relative;
    z-index: 6;
    left: 50%;
	margin-left:-150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    top:0;
	margin-top: -21vh;
    background: url('images/cartouche_home.png') no-repeat center;
	background-size:100% 100%;
	-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,0.1));
	        filter:drop-shadow(0 0 2px rgba(0,0,0,0.1));
}
.home .aLaUne {
	margin-top:-26vh;
}
#aLaUne p {
    margin-top: 0;
}
@media(min-width:640px) {
	#aLaUne {
		width:50%;
		left:40%;
		margin-left:0;
	}
}
@media(min-width:980px) {
	#aLaUne {
		width: 33vw;
		padding: 5rem 3vw 3vw 3vw;
		z-index: 6;
		left: 60vw;
		margin-left: 0px;
	}
	#aLaUne h2 {
		font-size:4.2rem!important;
	}	/*	
	#aLaUne p {
		font-size:1.8rem!important;
	}*/

	.page-template-atelier .texte_entete, 
	.home .texte_entete {
		min-height:100vh;
	}
	.admin-bar.page-template-atelier .texte_entete,
	.admin-bar.home .texte_entete {
		min-height:calc(100vh - 32px);
	}
}

@media (max-aspect-ratio: 1920/1080) {
	/*.texte_entete {
		padding:25vw 6%;
	}*/
	.home_page .texte_entete,
	.avecUne .texte_entete {
		padding:25vw 6%;
	}	
	#aLaUne {
		margin-top: -11vw;
	}
}
.page-template-atelier .image_entete {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.page-template-atelier .image_entete img	 {

	width: auto;
	max-width: 80%;
	min-width: 0;
	min-height: 0;
	max-height: 100%;
	position: relative;
	-webkit-transform: none;
	        transform: none;
	top: 0;
	left: 0;
	}

.page-template-atelier .texte_entete h1 {
	padding-top:0;
}





.bloc-grille-images.image-brush div img,
.image-brush .item img {
	-webkit-mask: url('images/brush.png') stroke-box 50% 50%/100% 100%;
	        mask: url('images/brush.png') stroke-box 50% 50%/100% 100%; 
	mask-repeat:no-repeat;
	-webkit-mask-image:url('images/brush.png');
	-webkit-mask-position:50% 50%;
	-webkit-mask-size:100% 100%;
	-webkit-mask-repeat:no-repeat;	
}

.deborde {
	max-width:none;
}


.section_video {
	overflow:hidden;
	position:relative;
	z-index:7;
	width:100%;
	height:0;
	padding-bottom:56%;	
	margin:1.4em 0 0.75em 0;
}
.section_video iframe,
.section_video  .allowYTA,
.section_video .vignette{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	cursor:pointer;
}
.section_video .vignette:before {
	content:url('images/play_video.svg');
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -45px;
	z-index:2;	
	width:90px;
	height:90px;
	cursor:pointer;
}
.section_video .vignette:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;	
	background:url('images/cadre_video.png') no-repeat center;
	background-size:100% 100%;
	cursor:pointer;
}
.section_video .vignette {
	overflow:hidden;
	z-index:2;

}
.section_video .vignette img{
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	max-width:none;
	width:auto;
	-webkit-transform:translate3d(-50%, -50%, 0);
	        transform:translate3d(-50%, -50%, 0);
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
	cursor:pointer;
}
.section_video .vignette.hidden {
	opacity:0;
	height:0;
	top:0;
	left:0;
	width:0;
	min-height:0;
	min-width:0;
	pointer-events:none;
	
}	
.youtube_player,
.vimeo_player {
	position:relative;
	z-index:0;
	height:0;
	padding-bottom:56%;
}
.youtube_player iframe,
.vimeo_player iframe{
	position:absolute;
	z-index:1;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

.allowYTA {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:400px;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	background:black;
	color:white;
	
}

.bloc-atelier .left_part,
.bloc-atelier .right_part {
		padding:3vw 5vw ;
}


.container.pad0 {
	padding:0!important;
}
.noixfine-wpsl-template {
	padding-top:8vw;
	padding-bottom:8vw;
}
.noixfine-wpsl-template p .surtitre_projete {
	width:100%;
	z-index:0;
}


.wpsl-input {
	position:relative;
	
}
.noixfine-wpsl-template .w-100 {
	width:100%!important;
}
.noixfine-wpsl-template form {
    margin: 4rem 0;
}
.noixfine-wpsl-template  #wpsl-search-input {
	padding:1rem 140px 1rem 2rem;
	border-radius:3rem;
	border:none;
	background:white;
	width: 100% !important;
}

.noixfine-wpsl-template  #wpsl-search-btn {
	width: 130px;
	color: white;
	background: #edada5;
	border-radius: 3rem;
	padding: 0.7rem;
	font-size: 1.6rem;
	box-shadow: none;
	border: none;
	margin-top:1rem;
}
.noixfine-wpsl-template  #wpsl-search-btn:hover {
	background:black;
}
.page_de_base  #wpsl-gmap {
	height:400px!important;
	width:55%!important;
	float:none;
}
#wpsl-gmap p {
    font-size: 1.6rem;
}
.page_de_base #wpsl-result-list {
    width: 100%!important;
    margin-right: 0!important;
	position:relative;
	margin-top:2rem;
	overflow:hidden;
	background:white;
	padding:1rem;
	
}.page_de_base #wpsl-result-list ul {
	width:calc(100% - (30px - 2rem));
}
.page_de_base #wpsl-result-list:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events:none;
 
  height: 30%;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255,0) 0%, rgb(255, 255, 255) 100%);
}
.page_de_base  #wpsl-stores {
	height:300px!important;
	width: calc(100% + 30px);
}
/*place du zoo dans la carte*/
#wpsl-gmap .gmnoprint.gm-bundled-control .gmnoprint {
    top: 40px !important;
}
body {
  counter-reset: section;                       
}
#wpsl-stores li {
	position:relative;
	padding-left:7rem;
	padding-bottom:20px;border-bottom:1px solid;
	margin-bottom:20px;
}
#wpsl-stores li::before {
    counter-increment: section;
	content: counter(section);
    position: absolute;
    left: 0;
    top: 1rem;
    border-radius: 50%;
    background: #edada5;
    display: block;
    height: 2em;
    width: 2em;
    text-align: center;
    line-height: 2em;
    color: white;
}


@media(max-width:639px) {
	.xs-w100 {
		width:100%;
	}
	.xs-block {
		display:block;
	}	
	.zone .zone-utile-centre.under{
		background:#edb0a5;
	}
	.zone .zone-utile-centre.under img{
		opacity: 0.4;
		-webkit-filter: grayscale(100%);
		        filter: grayscale(100%);
	}
}
@media(min-width:640px) { 
	.container.image-deborde {
		overflow:visible;
		margin-top:7vw;
		position:relative;
		z-index:7;
		padding-top:1%;
		padding-bottom:1%;
	}
	.container.image-deborde .partie_image {
		position:relative;
		top:-7vw;
		z-index:7;
	}	
	.noixfine-wpsl-template  #wpsl-search-btn {
		position: absolute;
		z-index: 3;
		right: 0rem;
		width: 130px;
		top: 0.5rem;
		margin-top:0;
	}
}
@media(max-width:979px) {
	.s-w100,
	.page_de_base #wpsl-gmap	{
		width:100%!important;
	}

	.s-block {
		display:block;
	}
	.s-no-pad {
		padding:0;
	}
	
	
	
	.zone .zone-utile-centre.under{
		position:absolute;
		z-index:0;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
	}
	.zone .zone-utile-centre.under img{
		position:absolute;
		z-index:0;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		max-width:none;
		width:auto;
		-webkit-transform:translate3d(-50%, -50%, 0);
		        transform:translate3d(-50%, -50%, 0);
	}
	
	
	.zone .over {
		position:relative;
		z-index:1
	}


	
	.partie_image,
	.partie_texte,
	.section_image{
		
		width: 680px;
		max-width:100%;
		margin-right:auto;
		margin-left: auto;
	}
	.partie_image .item,
	.section_image .item {
		max-height:100vh;
	}
	.partie_image .item img ,
	.section_image .item img{
		height:100%;
		width:auto;
	}
	
	.bloc-paves-et-rose .flex-stretch {
				display:block;
	}
	.bloc-paves-et-rose .partie_rose,
	.bloc-paves-et-rose .partie_paves {
		width:100%!important;
	}
	
	
}

@media(min-width:980px) {
	.bloc-atelier .left_part:last-child,
	.bloc-atelier .right_part:nth-child(2),
	.simple_colonne .left_part,
	.simple_colonne .right_part{
		margin-left:22%;
		padding-top:220px;
	}
	.simple_colonne #card-3 .image ,
	.simple_colonne #card-5 .image {
		left: 597px;
	}
	
	.page_de_base  #wpsl-gmap {
		height:auto!important;
	}	
	.gauche .flex-column,
    .droite.agauche .flex-column 	{
		-webkit-box-align:start;
		    -ms-flex-align:start;
		        align-items:flex-start;
	}
	.droite .flex-column,
	.gauche.adroite .flex-column	{
		-webkit-box-align:end;
		    -ms-flex-align:end;
		        align-items:flex-end;
	}
	.gauche.centree .flex-column,
	.droite.centree .flex-column {
		-webkit-box-align:flex-center;
		    -ms-flex-align:flex-center;
		        align-items:flex-center;
	}
	.partie_image.real-50,
	.partie_texte.real-50 {
			padding-left:3%;
			padding-right:3%;
	}
	.droite.agauche .partie_texte {
		-webkit-box-align:end;
		    -ms-flex-align:end;
		        align-items:flex-end;
		text-align:right;
	}
	.partie_image .flex-column {
		max-width:750px;
	}
	.bloc-atelier {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-webkit-box-pack:stretch;
		    -ms-flex-pack:stretch;
		        justify-content:stretch;
		-webkit-box-align:stretch;
		    -ms-flex-align:stretch;
		        align-items:stretch;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}
	.bloc-atelier .full_part {
		width:100%;
    padding: 6vw 7% 8vw 7%;

	}
	.bloc-atelier .left_part,
	.bloc-atelier .right_part {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-ms-flex-pack:distribute;
		    justify-content:space-around;
		padding:7vw 5vw;
	}
	.bloc-atelier .left_part {

	}
	.bloc-atelier .right_part {

	}
	.bloc-atelier:nth-child(2n) .left_part,
	.bloc-atelier:nth-child(2n+1) .right_part{
		width:45%;
	}
	.bloc-atelier:nth-child(2n+1) .left_part,
	.bloc-atelier:nth-child(2n) .right_part{
		width:55%;
	}
	
	.bloc-atelier#section_2 .left_part {
		background:#edb0a5;
		color:white;
	}
	
	.bloc-atelier#section_2 .right_part,
	.bloc-atelier .full_part {
		background:url('images/trame.png') repeat top left;
	}
	.section_texte,
	.section_video {

	}
	.section_image {

	}
	.section_citation {
		font-size:3rem;
	}
	
	.bloc-atelier#section_4 .section_texte {
		padding-right:6%;
	}
	.partie_rose {
		position:relative;
	}
	.partie_rose:after {
		content: "";
		background: url('images/brush_encart-rose.svg') repeat-y 0 0;
			background-size: auto;
		background-size: 100% auto;
		width: 5px;
		height: 100%;
		bottom: 0;
		right: -5px;
		z-index: 1;
		position: absolute;
		display: block;
	}	
	.zone .under{
		position:absolute;
		z-index:0;
		top:0%;
		left:0%;
		width:100%;
		height:100%;
	}
	.zone .under img{
		position:absolute;
		z-index:0;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		max-width:none;
		width:auto;
		-webkit-transform:translate3d(-50%, -50%, 0);
		        transform:translate3d(-50%, -50%, 0);
	}
	
	.zone .under.zone-utile-droit {
	  width: 55%;
	}
	.bloc-exergue-droit:last-child .under:after {
		background: -webkit-linear-gradient(left, rgba(237,176,165,0) 0%, rgba(237,176,165,1) 100%);
		background: linear-gradient(90deg, rgba(237,176,165,0) 0%, rgba(237,176,165,1) 100%);
	}
	
	
	
	.zone .over-droit {
		width:45%;
		left:55%
	}
	.zone .over-droit .w1-2{
		width:100%;
	}
	.zone .under.zone-utile-droit  img {
	  /*top: unset;
	  bottom: 0;*/
	  top:0;
	  -webkit-transform: translateX(-50%);
	          transform: translateX(-50%);
	}
	
	
	
	.zone .over {
		position:relative;
		z-index:1
	}

	.bloc-exergue-droit:last-child .under:after {
		top:0%;
		width:20%;
		height:100%;
	}
	.bloc-exergue-droit:last-child .over-droit {
		background:rgba(237,176,165,1);
	}
	.bloc-exergue-droit:last-child .under:before/*,
	.bloc-exergue-centre:last-child .over-centre*/ {
		background:rgba(237,176,165,0.8);
	}		
	
	
	
	
	
	.m-pad {
		padding:2rem;
	}	
	
	.container.image-degrade .partie_image .item{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-webkit-box-pack:end;
		    -ms-flex-pack:end;
		        justify-content:flex-end;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}	
	.image-degrade .item img {
		-webkit-mask: url('images/degrade.png') stroke-box 0% 0%/100% 100%;
		        mask: url('images/degrade.png') stroke-box 0% 0%/100% 100%; 
		mask-repeat:no-repeat;
		-webkit-mask-image:url('images/degrade.png');
		-webkit-mask-position:0% 0%;
		-webkit-mask-size:100% 100%;
		-webkit-mask-repeat:no-repeat;	
	}
	.crochets .bloc-texte-image-inte .partie_image:first-child {
		padding-left:4vw;
	}
	.w-25 {
		margin-right:1%;
	}
	.w-25:nth-child(4n) {
		margin-right:0;
	}		
}





@media(min-width:1600px) {
	.bloc-atelier .full_part {
		padding: 7%;
	}
	.bloc-atelier .left_part,
	.bloc-atelier .right_part {
		padding:8%;
	}
}




/*

HOME

*/

p{
	position:relative;
	display:block;
	width:100%;
}



/*Formulaires*/


.bloc-formulaire .fond_blanc {
	padding-top:0;
}
.bloc-formulaire .brush_after {
	
}

.radio_buttons  .wpcf7-form-control {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	
}	
.radio_buttons span.wpcf7-list-item {
	margin-right:2rem;
	margin-bottom:2rem;
	margin-left:0;
	display:inline-block;
	padding:1rem 0rem;
}
.radio_buttons label {
	position:relative;
}	
.radio_buttons label span, 
.radio_buttons label input {

}

.radio_buttons label input[type="radio"] {
    opacity:0.011;
    z-index:100;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.radio_buttons #objet_formulaire  label span {
    padding:1rem 5rem;
    border:2px solid rgb(237,176,165); 
    cursor:pointer;
	color:rgb(237,176,165);
    z-index:90;
	-webkit-transition: 0.4s;
	transition:0.4s;
	border-radius:20px;
}
@media(max-width:639px) {
	.radio_buttons #objet_formulaire  label span {
		padding:1rem;
		font-size:1.4rem;
	}	
}

.radio_buttons #objet_formulaire  label span:hover {
     background:rgb(237,176,165);
	 color:white;
	 opacity:0.95;
}
.radio_buttons #objet_formulaire  label input[type="radio"]:checked + span {
    background:rgb(237,176,165);
	color:white;
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="week"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
textarea {
	border-radius:20px;
	border:2px solid #fff;
	background:white;
	color:grey;
}
label {
	font-weight:bold;
}
.wpcf7-form-control-wrap {
	display:block;
	margin-top:5px;
}
.wpcf7-form-control-wrap.metier {
	position: relative; 
	
	border-radius:20px;
	/*! border:2px solid #c26024; */
	background:white!important;
	display:block;
	/*! width:150px; */
	overflow: hidden; 
	/* 
		Le select natif pourra 
		dépasser sans être vu 
	*/	
}
.wpcf7-form-control-wrap.metier::after { 
	/* Le pointeur du select */
	content: '';
	position: absolute;
	top: 50%; 
	margin-top: -3px;
	right: .75em;  
	display: block; 
	width: 0; height: 0;
	border-color: transparent;
	border-top-color: #444; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}
.wpcf7-form-control-wrap.metier select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 110%; 
	/* 
		On est sûr de ne plus voir
		la flèche native 
	*/
	height: auto;
	border: 0; 
	margin: 0;
	padding: 0.6em;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 
		On empêche le texte d'aller
		jusqu'au bout s'il est trop long
	*/
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #000000; /* Green */
	background: white;
	width: 60vw;
	height: auto;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	text-align: center;
	padding: 30px 10px;
	margin: 20px auto 40px auto;
	min-width: 280px;
}

/**
*
* ACTUS
*
*/
/*
.actualites .bloc-texte-simple p {
	font-size:2rem;
}*/
.container.en-avant {
	padding-top:0;
}
a.actu--img {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	overflow:hidden;
}
a.actu--img img {
	position:relative;
	top:0;
	left:50%;
	min-width:100%;
	height:100%;
	width:auto;
	max-width:none;
	-webkit-transform:translateX(-50%);
	        transform:translateX(-50%);
	z-index:1;
}
.en_avant_texte {
	padding:4rem;
}
.k-actu h2 a {
	text-decoration:none;
}
.k-actu h2 a:hover {
	text-decoration:underline;
}
ul.tags li {
	list-style-type:none;
	margin:0 5px 0 0;
}

span.small,li.small a {
	text-decoration:none;
	/*font-size:1.4rem;
	line-height:1rem;*/
	display:block;
	font-weight:500;
}
.actus .k-actu {
	margin-top:3rem;
}
.actus .k-actu h3 {
	font-family:'Patua One', cursive;
	font-weight:normal;
	text-transform:none;
	margin-top:1rem;
}
.actus .k-actu h3 a {
	text-decoration:none;
}.actus .k-actu h3 a:hover {
	text-decoration:underline;
}
.tfi {
	opacity:0;
	-webkit-transition-property: opacity;
	transition-property:opacity;
	-webkit-transition-duration:0.6s;
	        transition-duration:0.6s;
	-webkit-transition-delay:0s;
	        transition-delay:0s;
}

.tfi .tfi {
	-webkit-transition-duration:0.6s;
	        transition-duration:0.6s;
	-webkit-transition-delay:0.3s;
	        transition-delay:0.3s;
}
.tfi.in-view {
	opacity:1;
}
.entete {
	position:relative;
	-webkit-transition-duration:0s;
	        transition-duration:0s;
	-webkit-transition-delay:0s;
	        transition-delay:0s;
}
.tfi .rido {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;
	background:white;
	-webkit-transform:translateY(0%);
	        transform:translateY(0%);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property:transform, -webkit-transform;
	-webkit-transition-duration:0.5s;
	        transition-duration:0.5s;
	-webkit-transition-delay:0.6s;
	        transition-delay:0.6s;
}
.entete.tfi .rido {
	-webkit-transition-delay:0.6s;
	        transition-delay:0.6s;
}
.tfi.in-view .rido {
	-webkit-transform:translateY(100%);
	        transform:translateY(100%);
}
.tfi.entete:after{
	-webkit-transform-origin:0 0;
	        transform-origin:0 0;
	-webkit-transform:translateX(-7%) rotate(40deg);
	        transform:translateX(-7%) rotate(40deg);
	-webkit-transition-property: -webkit-filter, -webkit-transform;
	transition-property: -webkit-filter, -webkit-transform;
	transition-property: filter, transform;
	transition-property:filter, transform, -webkit-filter, -webkit-transform;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	-webkit-transition-delay:1s;
	        transition-delay:1s;
}

.tfi.brush_after:after{

	-webkit-transform-origin:0 0;

	        transform-origin:0 0;
	-webkit-transform:translateX(-7%) rotate(40deg);
	        transform:translateX(-7%) rotate(40deg);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property:transform, -webkit-transform;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	-webkit-transition-delay:.3s;
	        transition-delay:.3s;
}
.tfi.bloc-exergue:last-child:before {
	-webkit-transform:translateX(-7%) rotate(-40deg);
	        transform:translateX(-7%) rotate(-40deg);

	-webkit-transform-origin:0 0;

	        transform-origin:0 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration:0.7s;
	        transition-duration:0.7s;
	-webkit-transition-delay:0.3s;
	        transition-delay:0.3s;
}
.tfi.in-view.bloc-exergue:last-child:before, 
.tfi.in-view.brush_after:after, 
.tfi.in-view.entete:after{

	-webkit-transform:rotate(0deg);

	        transform:rotate(0deg);
}
.page-template-atelier  .tfi.texte_entete {
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration:2s;
	        transition-duration:2s;
	-webkit-transition-delay:.5s;
	        transition-delay:.5s;
	opacity:0;
}
.page-template-atelier  .tfi.in-view.texte_entete{
	opacity:1;
}

.bloc-1 {
	-webkit-transition-delay:1.4s!important;
	        transition-delay:1.4s!important;
}
#aLaUne + div + .bloc-1 {
	-webkit-transition-delay:0.6s!important;
	        transition-delay:0.6s!important;
}
@media(min-width:1280px) {
		.d1, .tfi .d1 {
			-webkit-transition-delay:0.6s;
			        transition-delay:0.6s;
		}
		.d2, .tfi .d2 {
			-webkit-transition-delay:0.8s;
			        transition-delay:0.8s;
		}
		.d3, .tfi .d3 {
			-webkit-transition-delay:1s;
			        transition-delay:1s;
		}
		.d4, .tfi .d4 {
			-webkit-transition-delay:1.2s;
			        transition-delay:1.2s;
		}

		.bloc-1 .d1 {
			-webkit-transition-delay:1.3s;
			        transition-delay:1.3s;
		}
		.bloc-1 .d2 {
			-webkit-transition-delay:1.5s;
			        transition-delay:1.5s;
		}
		.bloc-1 .d3 {
			-webkit-transition-delay:1.7s;
			        transition-delay:1.7s;
		}
		.bloc-1 .d4 {
			-webkit-transition-delay:1.9s;
			        transition-delay:1.9s;
		}
}

.bloc-exergue:last-child .tfi.under {
	-webkit-transition-duration:1s;
	        transition-duration:1s;
}
.bloc-exergue:last-child .bloc-exergue-inte .tfi {
	-webkit-transition-delay:1.2s;
	        transition-delay:1.2s;
}

.bloc-texte-image-inte {
	-webkit-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
}
.partie_image,.imageGauche {
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	
	
}
.tfi .partie_texte:first-child{
	opacity:0;
	-webkit-transform:translateX(-5%);
	        transform:translateX(-5%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-duration:0.3s;
	        transition-duration:0.3s;
	-webkit-transition-delay:0.4s, 0.4s;
	        transition-delay:0.4s, 0.4s;
}
.tfi .partie_texte:nth-child(2) {
	opacity:0;
	-webkit-transform:translateX(5%);
	        transform:translateX(5%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-duration:0.3s;
	        transition-duration:0.3s;
	-webkit-transition-delay:0.4s, 0.4s;
	        transition-delay:0.4s, 0.4s;
}
.tfi:not(.image-deborde) .partie_image:first-child{
	opacity:0;
	-webkit-transform:translateX(-5%);
	        transform:translateX(-5%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-duration:0.3s;
	        transition-duration:0.3s;
	-webkit-transition-delay:0.4s, 0.4s;
	        transition-delay:0.4s, 0.4s;
}
.right_part.tfi:not(.image-deborde) .partie_image{
	-webkit-transform:translateX(5%);
	        transform:translateX(5%);
}
.tfi:not(.image-deborde) .partie_image:nth-child(2) {
	opacity:0;
	-webkit-transform:translateX(5%);
	        transform:translateX(5%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-duration:0.3s;
	        transition-duration:0.3s;
	-webkit-transition-delay:0.4s, 0.4s;
	        transition-delay:0.4s, 0.4s;
}
.left_part.tfi:not(.image-deborde) .partie_image{
	-webkit-transform:translateX(-5%);
	        transform:translateX(-5%);
}
.tfi.in-view .partie_texte:first-child,
.tfi.in-view:not(.image-deborde) .partie_image:first-child,
.tfi.in-view .partie_texte:nth-child(2),
.tfi.in-view:not(.image-deborde) .partie_image:nth-child(2){
	-webkit-transform:translateX(0%) ;
	        transform:translateX(0%) ;
	opacity:1;
}
.tfi.image-deborde .partie_image {
	opacity:0;
	-webkit-transform:translateY(5%);
	        transform:translateY(5%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-duration:0.4s, 0.4s;
	        transition-duration:0.4s, 0.4s;
	-webkit-transition-delay:0.4s, 0.4s;
	        transition-delay:0.4s, 0.4s;
}
.tfi.in-view.image-deborde .partie_image{
	-webkit-transform:translateY(0%);
	        transform:translateY(0%);
	opacity:1;
}
.tfi.crochets .bloc-texte-image-inte::before, 
.tfi.crochets .bloc-texte-image-inte::after {
	-webkit-transform:scale(0);
	        transform:scale(0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-delay:0.4s;
	        transition-delay:0.4s;
	-webkit-transition-duration:1.2s;
	        transition-duration:1.2s;
}
.tfi.in-view.crochets .bloc-texte-image-inte::before, 
.tfi.in-view.crochets .bloc-texte-image-inte::after {
	-webkit-transform:scale(1);
	        transform:scale(1);

}

.bloc-exergue-inte.over.over-centre .exergue--texte {
	-webkit-transform: translateY(20%);
	        transform: translateY(20%);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition-delay:0.3s;
	        transition-delay:0.3s;
	-webkit-transition-duration:0.9s;
	        transition-duration:0.9s;
	}
.bloc-exergue-inte.over.over-centre .exergue--texte.in-view {
	-webkit-transform: translateY(0%);
	        transform: translateY(0%);
}



.tfi.section_video {
	-webkit-filter:grayscale(100%);
	        filter:grayscale(100%);
	opacity:0;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	transition-property: filter, opacity;
	transition-property:filter, opacity, -webkit-filter;
	-webkit-transition-duration:3s, 1.4s;
	        transition-duration:3s, 1.4s;
	-webkit-transition-delay:.7s, .7s;
	        transition-delay:.7s, .7s;
}
.tfi.in-view.section_video {
	-webkit-filter:grayscale(0%);
	        filter:grayscale(0%);
	opacity:1;
}

.bloc-atelier .full_part blockquote {
		margin-bottom:100px;
}

.card {
		position:relative;
		height:0;
		overflow:visible;
		z-index:6;
}
.image {
	position:absolute;
	top:0;
	left:40%;
	width:20vw;
	height:20vw;
	z-index:6;
	pointer-events:none;
	-webkit-transform:scale(0.75);
	        transform:scale(0.75);
}
.lottiePlayer,
.lottiePlayer .controls,
.lottiePlayer .controls .animation,
.animation .controls .annimation svg {
	height:100%!important;
	width:100%!important;
}
/*
01.json = 80 frames / 320x460 px
02.json = 91 frames / 420x540 px
03.json = 80 frames / 240x350 px
04.json = 80 frames / 140x290 px
05.json = 80 frames / 350x280 px
06.json = 80 frames / 230x320 px*/

@media(max-width:1599px){
	#card-1 .image {
		left:21vw;
		top:-28vw;
		width:32vw;
		height:46vw;	
	}

	#card-2 .image {
		left:46vw;
		top:-37vw;
		width:42vw;
		height:54vw;
	}

	#card-3 .image {
		left:34vw;
		top:-17vw;
		width:24vw;
		height:35vw;
	}

	#card-4 .image {
		left:21vw;
		top:-16vw;
		width:14vw;
		height:29vw;
	}

	#card-4-bis .image {
		left:24vw;
		top:-21vw;
		width:35vw;
		height:28vw;
		position:relative;
	}

	#card-5 .image {
		left:28vw;
		top:-16vw;
		width:23vw;
		height:32vw;
	}
	
	/*adaptation en une colonne*/
	.simple_colonne + section #card-1 .image {
		left: 13vw;
		top: -19vw;
	}
	.simple_colonne + section #card-2 .image {
		left: 13vw;
		top: -19vw;
	}
	.simple_colonne + section #card-3 .image {
		left: 13vw;
		top: -19vw;
	}
	.simple_colonne + section #card-4 .image {
		left: 13vw;
		top: -19vw;
	}
	.simple_colonne + section #card-5 .image {
		left: 13vw;
		top: -19vw;
	}
	.simple_colonne + section #card-1 .image {
		left: 13vw;
		top: -19vw;
	}
}
/*
@media(min-width:1600px){

	#card-1 .image {
		left:21vw; /
		top:-28vw;
		width:32vw;
		height:46vw;	
	}

	#card-2 .image {
		left:40vw;
		top:-26vw;
		width:41vw;
		height:37vw;
	}

	#card-3 .image {
		left:34vw;
		top:-17vw;
		width:24vw;
		height:35vw;
	}

	#card-4 .image {
		left:21vw;
		top:-16vw;
		width:14vw;
		height:29vw;
	}

	#card-4-bis .image {
		left:24vw;
		top:-11vw;
		width:35vw;
		height:23vw;
		position:relative;
	}

	#card-5 .image {
		left: 28vw;
		top: -13vw;
		width: 25vw;
		height: 27vw;
	}

}*/
@media(min-width:1600px){

	#card-1 .image {
		left:336px;
		top:-448px;
		width:512px;
		height:736px;	
	}

	#card-2 .image {
		left:640px;
		top:-26vw;
		width:640px;
		height:592px;
	}

	#card-3 .image {
		left:34vw;
		top:-272px;
		width:384px;
		height:560px;
	}

	#card-4 .image {
		left:336px;
		top:-256px;
		width:224px;
		height:464px;
	}

	#card-4-bis .image {
		left:384px;
		top:-176px;
		width:560px;
		height:384px;
		position:relative;
	}

	#card-5 .image {
		left: 448px;
		top: -208px;
		width: 400px;
		height: 432px;
	}

}

@media(min-aspect-ratio:1000/600) {
	#card-1 .image {
		left: 35vw;
		top: -28vh;
		width: 36vh;
		height: 50vh;	
	}
}

.page-id-4068 .entete::after {
    top: unset;
    bottom: -20px;
}
.page-id-4068 h3{
  margin-left:20px;
}
.page-id-4068 .h1-like {
  display: none;
}
.page-id-4068 .image_entete img {
  height: auto;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  position: relative;
}
.page-id-4068 .image_entete {
  height: auto;
  position: relative;
}
.page-id-4068 .texte_entete {
  padding: 0;
}
.page-id-4068 .bloc-2 .attachment-full.size-full {
  
  -ms-flex-item-align: start;
  
      align-self: flex-start;
}
.check-concours > span {
  display: block;
  padding: 3px 0;
}
.rouge {
  color: red;
}
.small {
  font-size: 0.7em;
}


/*Limiter les paticipations*/
.concours.fond_blanc {
  position: relative;
}
.maskAllForm {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.3rem;
  padding: 0 15%;
  text-align: center;
}
.concours.fond_blanc .wpcf7-form-control-wrap {
  position: unset;
}


#alertBox,
.Adresse .wpcf7-not-valid-tip ,
#adresseUsed{
	position:fixed;
	z-index:12;
	
	/*top:50%;
	left:50%;
	width:300px;
	height:300px;
	margin-left:-150px;
	margin-top:-150px;
	box-shadow:0 0 10px rgba(0,0,0,0.4);*/
	
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	border-style:solid;
	border-color:transparent;
	border-width:calc(50vh - 150px) calc(50vw - 150px) calc(50vh - 150px) calc(50vw - 150px);

	text-align:center;
	
}

.Adresse .wpcf7-not-valid-tip  {
	background: white;
	border-color: black;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 30px;
}
.Adresse .wpcf7-not-valid-tip:after {
	position: absolute;
	bottom: 5px;
	color: black;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	display: block;
	z-index: 13;
	cursor: pointer;
	content: 'X';
	text-align: center;
	font-size: 25px;
	-webkit-transform-origin: center;
	        transform-origin: center;
}
#alertBox.hiddenA,
#adresseUsed.hiddenA{
	opacity:0;
	left:0;
	top:0;
	width:0;
	height:0;
	overflow:hidden;
	border:none;
}
#flexInOpac1,
.flexInOpac1{
	opacity:1;
	background:white;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:space-evenly;
	    -ms-flex-pack:space-evenly;
	        justify-content:space-evenly;
	height:100%;
	width:100%;
	padding:30px;
}
#closeAlertBox,
.closeAlert{
	background:black;
	color:white;
	padding:10px;
	margin:10px;
	text-transform:uppercase;
	cursor:pointer;	
}
.autre-raison input {
	border:2px solid black!important;
}
.concours .col_texte {
    padding-right: 1%;
    padding-top: 10px;
}

.wpcf7 form div.visible-only-if-valid {
  display: none;
}
 
.wpcf7 form.sent div.visible-only-if-valid {
  display: block;	
  border-color: #000000; /* Green */
	background: white;
	width: 60vw;
	height: auto;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	text-align: center;
	padding: 30px 10px;
	margin: 20px auto 40px auto;
	min-width: 280px;
}
.wpcf7 form.sent div.visible-only-if-valid  + .wpcf7-response-output {
	opacity:0;
	height:0;
	width:0;
	overflow:hidden;
	border:none;
}
.wpcf7 form.sent #partie_une_du_jeu {
    display: none;
}

@media(min-width:980px) anc (max-width:1199px) {
	.header-titles,
	.header-titles .logo {
		width:80px;
	}
	.primary-menu > li {
		margin:0;
	}
}

@media(min-width:1200px) {
	.primary-menu > li {
		margin: 0;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
.wait #menu-item-4073 {
	display:none;
}
form .seconde_partie.fond_trame.brush_before.container {
    padding-top: 5vw;
}

.concours.fond_blanc.tfi.container.in-view {
  padding-bottom: 0;
}



.error404 #site-content {
    padding-top: 8rem;
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #222;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 14rem;
}


/****
PAQUES 2022
****/

#gameCounter {
	-webkit-filter:drop-shadow( 0 0 6px rgba(0,0,0,0.2));
	filter:drop-shadow( 0 0 6px rgba(0,0,0,0.2));
	position:fixed;
	bottom:10px;
	left:10px;
	z-index:20;
	background:orange;
	width:250px;
	height:250px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	background:url('images/paques/compteur.png') no-repeat center;
	background-size:cover;
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
}
#gameCounter.en_cours {
	bottom:-70px;
}

#startGame,
#particpiation_from_counter{
	position:absolute;
	bottom:0px;
	left:50%;
	width:auto;
	min-width:56%;
	-webkit-transform:translateX(-50%);
	        transform:translateX(-50%);
	height:50px;
	border-radius:30px;
	background:#056f4e;
	border:2px solid #48253d;
	color:white;
	cursor:pointer;
	z-index:3;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
	
}
#startGame:hover,
#particpiation_from_counter:hover {
	background:#045b40;
}
#particpiation_from_counter {
	z-index:2;
	display:none;
	font-size:0.7em;
	text-decoration:none;
}
#particpiation_from_counter.active {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

#decompte {
  font-size: 1.8em;
  margin-top: 1em;
  margin-left: 0em;
}
#gc_find {
  display: inline-block;
  margin-right: 0;
  min-width:42px;
  text-align: right;
  padding-right: 6px;
}
#gc_max {
  margin-left: 0.3em;  
  display: inline-block;
  min-width:42px;
}



#resetGame {
	position:absolute;
	bottom:calc(100% + 10px);

	left:10%;
	width:80%;
	height:30px;
	background:red;
	border-radius:10px;
	cursor:pointer;
	z-index:3;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
#resetGame {
	display:none!important;
}
.changeGame {
	-webkit-transition: all 0.4s;
	transition:all 0.4s;opacity:0;
}
.changeGame.vizib {
	opacity:1;
}

#infoBulleGame {
  position: absolute;
  left: 67%;
  top: 15.4%;
  width: 14%;
  height: 14%;
  z-index: 3;
  background: none;
  color: white;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  -webkit-transition: all 0.4s;
  transition:all 0.4s;
}
#infoBulleGame:hover {
  background:rgba(0,0,0,0.2);
}
#reglesGame {
	position:absolute;
	left:14%;
	bottom:65%;
	width:0%;
	height:0%;
	overflow:hidden;
	font-size:0;
	z-index:3;
	font-size:0.75em;
	color:black;

	padding:21% 39% 40% 32%;
	text-align:center;
	display:none;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	background:url('images/paques/bulle.png') no-repeat center;
	background-size:100%;
}
#reglesGame.active {
	display:flex;
	width:350px;
	height:300px;
	
}
#reglesGame h3 {
	margin-top:5px;
	font-size:1.2em;
}
#reglesGame p {
	font-size:1em;
	margin:0;
}
#reglesGame a.bouton {
	padding-top:0;
	padding-bottom:20px;
	margin-bottom:-20px;
}
.cochon {
	-webkit-filter:drop-shadow( 0 0 6px rgba(0,0,0,0.2));
	filter:drop-shadow( 0 0 6px rgba(0,0,0,0.2));
	position:absolute;
	z-index:300;
	width:150px;
	height:150px;
	max-width:20vw;
	max-height:20vw;
	background:url('images/paques/cochon.png') no-repeat center;
	background-size:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	text-align:center;
	cursor:pointer;
	overflow:visible;
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
	font-size:0;
}
.cochon.planque {
	opacity:0;
	-webkit-transform:scale(0);
	        transform:scale(0);
}



@-webkit-keyframes animatePig {
  from {
	-webkit-transform:scale(1);
	        transform:scale(1);
	}

  to {
	-webkit-transform:scale(0.5);
	        transform:scale(0.5);

  }
}



@keyframes animatePig {
  from {
	-webkit-transform:scale(1);
	        transform:scale(1);
	}

  to {
	-webkit-transform:scale(0.5);
	        transform:scale(0.5);

  }
}
body.popop .cochon.clicked {
	-webkit-animation-name:animatePig;
	        animation-name:animatePig;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-duration:1.5s;
	        animation-duration:1.5s;
	-webkit-animation-timing-function:cubic-bezier(0.1, -0.6, 0.3, 0);
	        animation-timing-function:cubic-bezier(0.1, -0.6, 0.3, 0);

}


.cochon:after ,
.cochon:before{
	content:'';
	background:url('images/paques/confetis.png') no-repeat center;
	background-size:100%;
	display:block;
	position:absolute;
	opacity:0.3;
	top:50%;
	left:50%;
	z-index:0;
	width:350px;
	height:300px;
	-webkit-transform:translate3d(-50%,-50%,0) scale(0);
	        transform:translate3d(-50%,-50%,0) scale(0);
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.cochon:before{
	top:90%;
}
@-webkit-keyframes animateConfetis {
  0% {
	-webkit-transform:translate3d(-50%,-50%,0)  scale(0);
	        transform:translate3d(-50%,-50%,0)  scale(0);

	}
	50%
   {
    -webkit-transform:translate3d(-50%,-50%,0)  scale(1.5);
            transform:translate3d(-50%,-50%,0)  scale(1.5);
	-webkit-filter:contrast(1.5);
	        filter:contrast(1.5);

  }
	100% {
	-webkit-transform:translate3d(-50%,-50%,0)  scale(1);
	        transform:translate3d(-50%,-50%,0)  scale(1);

	}
}
@keyframes animateConfetis {
  0% {
	-webkit-transform:translate3d(-50%,-50%,0)  scale(0);
	        transform:translate3d(-50%,-50%,0)  scale(0);

	}
	50%
   {
    -webkit-transform:translate3d(-50%,-50%,0)  scale(1.5);
            transform:translate3d(-50%,-50%,0)  scale(1.5);
	-webkit-filter:contrast(1.5);
	        filter:contrast(1.5);

  }
	100% {
	-webkit-transform:translate3d(-50%,-50%,0)  scale(1);
	        transform:translate3d(-50%,-50%,0)  scale(1);

	}
}

body.popop .cochon.clicked:after,
body.popop .cochon.clicked:before{
	-webkit-animation-name:animateConfetis;
	        animation-name:animateConfetis;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-duration:1.5s;
	        animation-duration:1.5s;
	-webkit-animation-timing-function:linear;
	        animation-timing-function:linear;

}

@-webkit-keyframes animateFound {
  from {
	-webkit-transform:scale(1);
	        transform:scale(1);
	}

  to {
    -webkit-transform:scale(2);
            transform:scale(2);
  }
}

@keyframes animateFound {
  from {
	-webkit-transform:scale(1);
	        transform:scale(1);
	}

  to {
    -webkit-transform:scale(2);
            transform:scale(2);
  }
}


body.popop #gc_find {
	-webkit-animation-name:animateFound;
	        animation-name:animateFound;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-duration:.5s;
	        animation-duration:.5s;
	-webkit-animation-timing-function:cubic-bezier(0.1, -0.6, 0.3, 1);
	        animation-timing-function:cubic-bezier(0.1, -0.6, 0.3, 1);
}


.gamePopup {
	position:fixed;
	top:0%;
	left:0%;
	width:0%;
	height:0%;
	overflow:hidden;
	font-size:0;
	z-index:12;
	opacity:0;
	-webkit-transition: all 0.4s;
	transition:all 0.4s;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	text-align:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	background:white;	
	-webkit-transform:translate3d(-50%,-50%,0);	
	        transform:translate3d(-50%,-50%,0);
	background:url('images/paques/popop.png') no-repeat center;
	background-size:100%;
	padding:100px 140px;
}
.gamePopup h2 {
	font-size:3rem;
}
.gamePopup p {
	font-size:2rem;

}
.gamePopup a.bouton {
	border-radius:30px;
	background:#056f4e;
	border:2px solid #48253d;
	color:white;
	padding:10px;
	font-size:1.6rem;
}
.gamePopup a.bouton:after {
	display:none;
}
.gamePopup a.bouton:hover {
	background:#045b40;
}
.gamePopup.active {
	font-size:1em;
	top:50%;
	left:50%;
	
	width:500px;
	height:500px;
	max-width:90%;
	max-height:90%;
	z-index:12;
	opacity:1;


}

.close_popup{
  position: absolute;
  top: 17.5%;
  right: 11%;
  width: 45px;
  height: 45px;
  z-index: 13;
  border-radius: 50%;
  cursor: pointer;
}

body.no-interaction {
	pointer-events:none;
}
#main , #site-header, #site-footer{
	-webkit-transition: all 0.3s;
	transition:all 0.3s;
}
body.no-interaction #main,
body.no-interaction #site-header,
body.no-interaction #site-footer{
opacity:0.5
}



@media(max-width:639px) {
	/*#gameCounter {
		-webkit-transform-origin:bottom left;
		        transform-origin:bottom left;
		-webkit-transform:scale(0.75);
		        transform:scale(0.75)
	}
	#gameCounter.en_cours {
		bottom:-53px;
	}		
	#reglesGame {
		-webkit-transform:scale(1.5) translate3d(3%, -15%,0);
		        transform:scale(1.5) translate3d(3%, -15%,0);
	}*/
	.gamePopup {
		
		padding: 65px 170px 20px 170px;
	}
	.gamePopup.active {
		max-width:none;
		width: 600px !important;
	}
	.gamePopup p {
		font-size:1.6rem;
	}
	#reglesGame h3 {
		font-size:1.2em;
	}
	#reglesGame p {
		font-size:1em;
	}
}
/*
@media(max-width:479px) {
	#gameCounter {
		-webkit-transform-origin:bottom left;
		        transform-origin:bottom left;
		-webkit-transform:scale(0.5);
		        transform:scale(0.5)
	}
	#gameCounter.en_cours {
		bottom:-35px;
	}
	#reglesGame {
		-webkit-transform:scale(2) translate3d(6%, -21%,0);
		        transform:scale(2) translate3d(6%, -21%,0);
	}
}*/









