/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Samuel Favarica
Author URI: https://www.vrrai-fracas.fr/
*/

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin-right: 0 !important;
	scroll-behavior: auto !important;
}
body {
    background-color: #FFF;
}
::-moz-selection {
   	background: #258fcd;
   	color: #fff;
}
::selection {
   	background: #258fcd;
   	color: #fff;
}
.et-l--header, .et-l--header .et_builder_inner_content .et_pb_section {
    background-color: #eeeeee !important;
	opacity: 1 !important;
	height: 80px !important;
	max-height: 80px !important;
	min-height: 80px !important;
}
.page-id-43 ::-moz-selection {
   	background: #bf933b;
   	color: #fff;
}
.page-id-43 ::selection {
   	background: #bf933b;
   	color: #fff;
}
.page-id-450 ::-moz-selection {
   	background: #a78235;
   	color: #fff;
}
.page-id-450 ::selection {
   	background: #a78235;
   	color: #fff;
}
.page-id-443 ::-moz-selection {
   	background: #a78235;
   	color: #fff;
}
.page-id-443 ::selection {
   	background: #a78235;
   	color: #fff;
}
.page-id-243 ::-moz-selection {
   	background: #2ea3f2;
   	color: #fff;
}
.page-id-243 ::selection {
   	background: #2ea3f2;
   	color: #fff;
}
.page-id-431 ::-moz-selection {
   	background: #2ea3f2;
   	color: #fff;
}
.page-id-431 ::selection {
   	background: #2ea3f2;
   	color: #fff;
}
@media screen and (min-width: 981px){
	.deux-colonnes
	{
		-webkit-column-count: 2;
		column-count: 2;
		column-gap: 30px;
	}
}
/*
.et-l--header {
	background-color: #000;
}
*/
.et_pb_sticky--top {
    z-index: 900 !important;
	padding: 0;
	margin: 0;
}
.barre {
	border-radius: 8px !important;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
	margin-right: -1px;
}
h3 sub, h3 sup {
	margin-left: -2px;
	margin-right: -2px;
	margin-top: 3px;
}
h3, h4 {
	line-height: 1.25;
}
h1 {
	text-transform: uppercase;
}
.lwp-breadcrumbs .home {
	font-size: 13px;
}
.lwp-breadcrumbs .current {
	font-size: 12px;
}
.wpel-icon-left .wpel-icon.wpel-image {
    margin-right: 0.2em !important;
    margin-left: 0.1em !important;
}

/*TITRE H1*/
body:not(.page-id-2967):not(.page-id-4430) h1 {
	-moz-transform: translate(-1px, 0px) skew(-.25deg, .25deg);
	-webkit-transform: translate(-1px, 0px) skew(-.25deg, .25deg);
	-o-transform: translate(-1px, 0px) skew(-.25deg, .25deg);
	-ms-transform: translate(-1px, 0px) skew(-.25deg, .25deg);
	transform: translate(-1px, 0px) skew(-.25deg, .25deg);
}

/*FOOTER EN BAS DE PAGE*/

/* Articles .page-id-862 | Contact .page-id-2948 | Accueil .page-id-31 | body:not(.page-id-2948) .et-l--footer */
/*
body:not(.page-id-32) .et-l--footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
body:not(.page-id-32) #main-content {
    margin-bottom: 40px;
}
/**/

/**/
.page-id-361 .et-l--footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
.page-id-361 #main-content {
    margin-bottom: 40px;
}
/**/
#page-container {
	overflow: hidden !important;
}
/*
.et-l--footer {
	position: fixed !important;
	bottom: 0 !important;
	width: 100%;
}
#main-content {
    margin-bottom: 40px !important;
}
*/
/*
article {
	border-bottom: 3px solid #2ea3f2 !important;
}
/**/

.wpel-icon-left .wpel-icon.wpel-image {
    margin-right: 0.2em !important;
    margin-left: 0.1em !important;
}
.wpel-icon-left .wpel-icon.wpel-image {
    margin-right: 0.3em;
}
.wpel-icon.wpel-image {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.wpel-icon-lien {
    background-image: url(https://www.vrai-fracas.fr/wp-content/uploads/icon-lien.png) !important;
}
.wpel-icon-facebook {
    background-image: url(https://www.vrai-fracas.fr/wp-content/uploads/icon-facebook.png) !important;
}
.wpel-icon-instagram {
    background-image: url(https://www.vrai-fracas.fr/wp-content/uploads/icon-instagram.png) !important;
}

/*Animation INTRO*/
.reg {
	font-family: "chivo bold" !important;
	position: relative !important;
	top: -1px !important;
}
@media (min-width: 981px) {
	.espace-titre-intro {
		letter-spacing : -4px !important;
	}
	/*
	.menu-intro{
		margin: 10px 0 10px 5px !important;
	}
	/**/
	.menu-intro {
		bottom: 80px;
	}
}
@media (max-width: 980px) {
	.espace-titre-intro {
		letter-spacing : -3px !important;
	}
	/*
	.menu-intro{
		margin: 10px 0 10px 5px !important;
	}
	/**/
	/*
	.intro-entete-1 {
		font-size: 94.5px !important;
		position: relative !important;
		margin: -190px 0 10px -6px !important;
	}
	.intro-entete-2 {
		font-size: 36px !important;
	}
	.intro-entete-01 {
		display: none !important;
	}
	.intro-entete-02 {
		display: none !important;
	}
	*/
	.menu-intro {
		bottom: 60px;
	}
}
@media (max-width: 690px) {
	.espace-titre-intro {
		letter-spacing : -1px !important;
	}
	/*
	.menu-intro{
		margin: 5px 5px 5px 5px !important;
	}
	/**/
	/*
	.intro-entete-1 {
		font-size: 94.5px !important;
		position: relative !important;
		margin: -190px 0 10px -6px !important;
	}
	.intro-entete-2 {
		font-size: 36px !important;
	}
	.intro-entete-01 {
		display: none !important;
	}
	.intro-entete-02 {
		display: none !important;
	}
	*/
	.menu-intro {
		bottom: 20px;
	}
}
@media (max-height: 530px) {
	.association-loi-1901 {
		display: none;
	}
}
@keyframes fondu-noir {
  0% {
		filter: brightness(1);
	}
  45% {
		filter: brightness(.55);
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 920px 52px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 920px 52px;
		mask-position: center center;
	}
  100% { 
		filter: brightness(0);
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 920px 52px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 920px 52px;
		mask-position: center center;
	}
}
@keyframes fondu-noir-2 {
  0% {
		filter: brightness(1);
	}
  45% {
		filter: brightness(.55);
		/*-webkit-mask-box-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");*/
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 622px 36px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 622px 36px;
		mask-position: center center;
	}
  100% { 
		filter: brightness(0);
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 622px 36px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 622px 36px;
		mask-position: center center;
	}
}
@keyframes fondu-noir-3 {
  0% {
		filter: brightness(1);
	}
  45% {
		filter: brightness(.55);
		/*-webkit-mask-box-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");*/
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 299px 17px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 299px 17px;
		mask-position: center center;
	}
  100% { 
		filter: brightness(0);
		-webkit-mask-image: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 299px 17px;
		-webkit-mask-position: center center;
		mask: url("https://www.vrai-fracas.fr/wp-content/uploads/masque.png");
		mask-repeat: no-repeat;
		mask-size: 299px 17px;
		mask-position: center center;
	}
}
/*Animation INTRO*/

/* MENU STICKY*/
.et_pb_sticky {
	height: 49px !important;
	width: 100% !important;
}
/**/

/*CONFIRMATION | DÉSINSCRIPTION | ERROR 404, 403 et 401*/
/**/

/*PERSONNALISER LES BOUTONS & RPGD*/
@font-face { font-family: "chivo regular"; font-display: swap;  src: url("https://www.vrai-fracas.fr/wp-content/uploads/et-fonts/chivo-regular.ttf") format("truetype"), url("https://www.vrai-fracas.fr/wp-content/uploads/et-fonts/chivo-regular.otf") format("opentype"); }

.et_pb_button {
	font-family: "chivo regular";
	background: #a78235;
}

.wt-cli-privacy-accept-btn {
	font-family: "chivo regular";
	background-color: #bf933b !important;
	border: #666 1px solid !important;
	padding: 5px 10px 5px 10px !important;
	margin-bottom: 14px;
}
.cli-plugin-button, .wt-cli-privacy-accept-btn {
	font-family: "chivo regular";
	border-radius: 2px !important;
	padding: .3em 1em;
	line-height: 1.7em !important;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: all !important;
	transition-property: all !important;
}
.cli-plugin-button {
	color: #222 !important;
	transition: color .25s ease-in-out;
	border: 1px solid #a2abae;
    margin-top: 15px;
}
.cli-plugin-button:hover {
	color: #e5eaec !important;
	transition: color .15s ease-out;
}
.cookielawinfo-cookie-delete {
	color: #a78235 !important;
}
.cookielawinfo-cookie-delete:hover {
	color: #5f491d !important;
}
.wt-cli-accept-all-btn {
	border: 1px solid #5f491d;
	color: #fff !important;
}
.cli_settings_button:hover {
	color: #fff !important;
	transition: color .15s ease-out;
}
.wt-cli-accept-all-btn:hover {
	border: 1px solid #bf933b;
	color: #fff !important;
}
.et_pb_button:hover, .wt-cli-privacy-accept-btn:hover, .wt-cli-accept-all-btn:hover {
	background-color: #bf933b !important;
	opacity: 1;
}
.et_pb_button:active, .wt-cli-privacy-accept-btn:active, .wt-cli-accept-all-btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.13);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.13);
}

.cli-bar-message, .cli-plugin-main-link {
	font-family: "chivo regular";
    font-size: 13px;
	color: #000 !important;
	transition: color .5s ease-in-out;
}
.cli-plugin-main-link:hover {
	color: #a78235 !important;
	transition: color .15s ease-out;
}
.cli-privacy-content-text a {
	font-family: "chivo regular";
	color: #2ea3f2;
}
.cli-privacy-content-text a:hover {
	text-decoration: underline;
}
.cli-tab-container h4, .cli-tab-container h1 {
	font-family: "chivo regular";
	color: #2ea3f2;
	font-size: 22px;
}
.cli-modal-content {
	background-color: #eee !important;
	-webkit-box-shadow: rgba(0, 0, 0, .3) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, .3) 0px 5px 15px;
}
.cli-tab-header {
	background-color: #fff;
}
.cli-tab-header a.cli-nav-link {
	text-transform: none;
}
.cli-modal-body {
	margin-top: 14px;
	margin-right: -1px;
	margin-left: -1px;
}
.cli-modal-close {
	margin-right: 4px;
}
.cli-modal-close:hover {
	cursor: pointer;
}
.wt-cli-privacy-accept-btn:hover {
	background-color: #a78235 !important;
	border: #222 1px solid !important;
}
#cookie-law-info-bar {
	background-color: rgba(238, 238, 238, .95) !important;
	box-shadow: 0 -1px 10px 0 rgba(203, 214, 218, .3);
	border-top: 1px solid #c2ccd0;
	/*backdrop-filter: blur(3px);*/
	opacity: 1 !important;
	z-index: 1000;
}
.cli-modal.cli-blowup {
	-webkit-backdrop-filter: saturate(120%) brightness(150%);
	backdrop-filter: saturate(120%) brightness(150%);
}
#cookie-law-info-again {
	display: none;
}
.cli-switch input:checked + .cli-slider {
	background-color: #bf933b;
}
.cli-necessary-caption, .wt-cli-cookie-description, .cli-privacy-content-text, .cli-nav-link, .cli-slider {
	font-family: "chivo regular";	
}
.cookielawinfo-row-cat-table {
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.cookielawinfo-row-cat-table.cookielawinfo-rounded {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.cli-privacy-overview h4 {
	font-family: 'chivo regular',Helvetica,Arial,Lucida,sans-serif;
    font-size: 26px;
    color: #000000!important;
    line-height: 1.3em;
	margin-top: -5px;
}
@media(max-width:800px) {
	table.cookielawinfo-row-cat-table td, table.cookielawinfo-row-cat-table th {
		font-size: 9px !important;
	}
	.entry-content tr td {
    	padding-top: 6px !important;
    	padding-right: 12px !important;
    	padding-bottom: 6px !important;
    	padding-left: 12px !important;
	}
	.cookielawinfo-column-1 {
		word-wrap: break-word !important;
		word-break: break-all !important;
	}
	table.cookielawinfo-row-cat-table thead tr th {
		padding: 5px 0 5px 10px !important;
	}
}
@media (max-width: 407px) {
	.page-id-3 .cookie_action_close_header_reject, .page-id-3 .cli_settings_button {
		margin-bottom: 5px !important;
	}
}
/**/
.bouton-inscription {
	text-decoration: none;
	background: #258FCD;
	border-color: #5f491d;
	border-radius: 3px;
	color: #ffffff;
    font-size: 87.5%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 400;
	background: #258fcd;
    opacity: 1;
    box-shadow: none;
    border: 1px solid RGBA(20,88,128,1);
    border-radius: 3px;
}
.bouton-inscription:hover {
	background: #bf933b;
}
/**/
/*INFOBULLE*/
.tooltip {
	position: relative;
	top: 13px;
	display: inline-block;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #bf933b;
	color: #fff;
	text-align: center;
	font-family: 'chivo bold', 'open sans bold';
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -70px;
	transition: all 2s;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #bf933b transparent transparent transparent;
}
.tooltip:active .tooltiptext {
	visibility: visible;
}
/*INFOBULLE*/

.liste ul li {
	list-style-type: none;
}

.wpel-icon-14 {
  background-image: url('https://www.vrai-fracas.fr/wp-content/uploads/icon-14.png') !important;
}

.font13 {
	font-size: 13px;
}

/*PERSONNALISER LE FORMULAIRE DE CONTACT*/

/*FLUENT FORMS*/

.contact-samuel a {
	font-size: 23px;
	color: #a78235;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contact-samuel a:hover {
	color: #BF933B;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.fluentform-required-label {
	color: #bf933b;
	font-weight: 700;
}
.fluentform h4 {
	color: #a78235;
	margin-bottom: -15px;
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
}
.fluentform h5 {
	margin-bottom: -15px;
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
}
.ff-field_container.ff-name-field-wrapper {
    margin-top: -7px;
}
.fluentform .ff-el-input--label label {
    font-weight: 400 !important;
}
.ff-el-help-message {
    color: #bf933b !important;
	font-style: normal !important;
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
}
.fluentform input[type=checkbox] {
    -webkit-appearance: none !important;
	appearance: none !important;
    margin-right: 6px !important;
    margin-top: 4px !important;
	border: 1px solid #bf933b !important;
	background: #bf933b !important;
    height: 15px;
    width: 15px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fluentform input[type=checkbox]::before {
	/*content: "\f147";*/
	content: "\4e";
	display: inline-block;
	color: transparent;
	margin: -4px 0 0 -4px;
	-webkit-font-smoothing: antialiased;
	/*font: normal 20px/1 'dashicons';*/
	font: 900 20px/1 ETmodules;
	/*font-family: ETmodules;
	font-weight: 900;*/
	-webkit-transition: color ease-in-out 0.3s;
	transition: color ease-in-out 0.3s;
}
.fluentform input[type=checkbox]:hover::before {
	color: rgba(255,255,255,0);
	-webkit-animation: flash-blanc 0.5s ease-out 0.3s;
    animation: flash-blanc 0.5s ease-out 0.3s;
}
.fluentform input[type=checkbox]:checked::before {
	color: #333;
	background: #fff !important;
    height: 20px;
    width: 20px;
	margin: -4px 0 0 -4px;
	-webkit-animation: none;
    animation: none;
}
.fluentform input[type=radio] {
    -webkit-appearance: none !important;
	appearance: none !important;
    margin-right: 6px !important;
	border: 1px solid #bf933b !important;
	background: #bf933b !important;
    height: 15px;
    width: 15px;
	border-radius: 50%;
}
.fluentform input[type=radio]::before {
	/*content: "\f159";*/
	content: "\5c";
	display: inline-block;
	color: transparent;
	margin: -4px 0 0 -4px;
	-webkit-font-smoothing: antialiased;
	/*font: normal 20px/1 'dashicons';*/
	font: 900 20px/1 ETmodules;
	/*font-weight: 900;*/
	/**/
	-webkit-transition: color ease-in-out 0.3s;
	transition: color ease-in-out 0.3s;
}
.fluentform input[type=radio]:hover::before {
	color: rgba(255,255,255,0);
	-webkit-animation: flash-blanc 0.5s ease-out 0.3s;
    animation: flash-blanc 0.5s ease-out 0.3s;
}
.fluentform input[type=radio]:checked::before {
	color: #333;
	background: #fff !important;
    height: 20px;
    width: 20px;
	margin: -4px 0 0 -4px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: none;
    animation: none;
}
@keyframes flash-blanc {
	0% {
		color: rgba(255,255,255,0);
	}
	50% {
		color: rgba(255,255,255,1);
	}
	100% {
		color: rgba(255,255,255,0);
	}
} 

.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed {
    color: #a78235 !important;
}
.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
    background: #a78235 !important;
}
.fluentform .ff-step-titles li.ff_active:after, .fluentform .ff-step-titles li.ff_completed:after {
    background: #a78235 !important;
}
.fluentform .ff-step-titles li:after {
	background: #fff !important;
}
.fluentform .ff-btn-secondary {
	font: normal 36px ETmodules !important;
	background-color: #a78235 !important;
	border: solid #000 2px !important;
	color: white !important;
	padding: 6px !important;
	/*text-align: center !important;*/
	text-decoration: none !important;
	display: inline-block !important;
	border-radius: 50% !important;
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
	-webkit-transition: color ease-in-out 0.3s;
	transition: color ease-in-out 0.3s;
	width: 50px;
	height: 50px;
}
.fluentform .ff-btn-secondary:hover {
	background-color: #bf933b !important;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.lettre-information {
	padding-left: 20px;
}
.fluentform .has-conditions {
    margin-top: -15px;
    font-size: 13px;
}
.fluentform .has-conditions span {
    font-size: 14px;
}
.ff-btn-submit {
	color: #fff !important;
	font-family: 'open sans regular',Helvetica,Arial,Lucida,sans-serif !important;
	font-size: 18px !important;
	background: #a78235 !important;
	-webkit-border-radius: 1px !important;
	border-radius: 1px !important;
	/*
	-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.3) !important;
	*/
	-webkit-transition: all 0.5s ease-out !important;
	transition: all 0.5s ease-out !important;
	height: 44px !important;
	width: 78px !important;
	border: 1px #bf933b solid !important;
	border-bottom: 10px #a78235 solid !important;
}
.ff-btn-submit:hover {
	color: #fff !important;
	background: #bf933b !important;
	/*
	-webkit-box-shadow: 0px 2px 5px 1px rgba(106, 69, 40, 0.5) !important;
	box-shadow: 0px 2px 5px 1px rgba(106, 69, 40, 0.5) !important;
	*/
	-webkit-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
	opacity: 1 !important;
	-webkit-border-radius: 0 0 2px 2px !important;
	border-radius: 0 0 2px 2px !important;
	border-bottom: 10px #a78235 solid !important;
}
.ff-btn-submit:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.13) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.13) !important;
	border-radius: 2px !important;
}
.ff-message-success {
    padding: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    border: 0 !important;
    box-shadow: 0 1px 5px rgb(0 0 0) !important;
}
#ff_3_email, #ff_3_message, #ff_3_names_first_name_, #ff_3_names_last_name_ {
	/*
	-webkit-box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.25) inset !important;
	box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.25) inset !important;
	*/
	border: 1px solid #bf933b !important;
	-webkit-border-radius: 2px 2px 0 0 !important; 
	border-radius: 2px 2px 0 0 !important;
	resize: none !important;
	border-bottom: 6px #bf933b solid !important;
	color: #454545 !important;
	-webkit-transition: all 0.3s ease-out !important;
	transition: all 0.3s ease-out !important;
}
@media (min-width: 981px) {
	#ff_3_message {
		min-height: 200px;
		resize: vertical !important;
	}
}
@media (max-width: 980px) {
	#ff_3_message {
		min-height: 300px;
		height: 300px !important;
	}
}
/*
.fluentform .ff-el-form-control {
	font-size: 15px !important;
}
*/
.ff-el-input--content .error {
	color: #bf933b !important;
	font-size: 14px !important;
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
}
.ff-el-is-error #ff_3_email, .ff-el-is-error #ff_3_message, .ff-el-is-error #ff_3_names_first_name_, .ff-el-is-error #ff_3_names_last_name_  {
	border-color: #333 !important;
	/*
	-webkit-box-shadow: 0px 2px 10px 3px rgba(167, 130, 53, 0.6) inset !important;
	box-shadow: 0px 2px 10px 3px rgba(167, 130, 53, 0.6) inset !important;
	*/
	border-bottom: 6px #333 solid !important;
}
.ff-el-form-control::placeholder {
    color: #fff !important;
}
.ff-el-is-error .ff-el-form-control::placeholder {
    color: #BF933B !important;
}
#ff_3_email:hover, #ff_3_email:focus, #ff_3_email:active, #ff_3_message:hover, #ff_3_message:focus, #ff_3_message:active, #ff_3_names_first_name_:hover, #ff_3_names_first_name_:focus, #ff_3_names_first_name_:active, #ff_3_names_last_name_:hover, #ff_3_names_last_name_:focus, #ff_3_names_last_name_:active {
	color: #000 !important;
	-webkit-transition: all 0.15s ease-out !important;
	transition: all 0.15s ease-out !important;
	/*
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.15) inset !important;
	box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.15) inset !important;
	*/
	-webkit-border-radius: 2px 2px 0 0 !important; 
	border-radius: 2px 2px 0 0 !important;
	border: 1px solid #a78235 !important;
	border-bottom: 6px #a78235 solid !important;
}

.confirmation-container-full {
	color: #222 !important;
	/*
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important;
    -webkit-backdrop-filter: saturate(100%) !important;
    backdrop-filter: saturate(100%) !important;
    background-color: rgba(0,0,0,0.25) !important;
	border-color: #cbd6da !important;
	-webkit-box-shadow: -1px 2px 10px 3px #cbd6da inset, -1px 2px 5px 1px rgba(0, 0, 0, 0.3) !important;
	box-shadow: -1px 2px 10px 3px #cbd6da inset, -1px 2px 5px 1px rgba(0, 0, 0, 0.3) !important;
	*/
	max-height: auto !important;
	/*
	overflow-y: auto !important;
	*/
	/*
	padding: 20px 20px 30px 20px !important;
	*/
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 20px 20px 0 !important;
}

.ff-message-success {
    box-shadow: none !important;
}
.confirmation-container-full h3 {
	color: #a78235 !important;
	font-weight: 700 !important;
}
.confirmation-container-full hr {
	height: 6px;
	background-color: #a78235;
	border: none;
	margin-bottom: 38px !important;
}
.confirmation-container-full h4 {
	color: #a78235 !important;
	margin: 10px 0 0 0 !important;
}

.fluentform .envoi-form, .fluentform .remplir-form {
	position: absolute;
	font-size: 11px;
	font-style: italic;
	color: #a78235 !important;
	line-height: normal;
	visibility: hidden;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.ff_submit_btn_wrapper {
	height: 44px;
	width: 78px;
}
.ff_submit_btn_wrapper:hover ~ .remplir-form {
	visibility: visible;
	color: #939393;
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
/*INSCRIPTION LETTRE INFO*/
.inscription-lettre-btn .ff-btn-submit {
	top: 46px;
	height: 43px !important;
	width: 138px !important;
	padding-top: 7px !important;
	border-radius: 2px !important;
}
@media (min-width: 768px) {
	.frm-fluent-form .ff-t-cell {
    	display: block !important;
	}
	.inscription-lettre-btn .ff-btn-submit {
		transition: none !important;
	}
}
@media (max-width: 767px) {
	.inscription-lettre-btn .ff-btn-submit {
		top: 8px;
		transition: none !important;
	}
}
.inscription-lettre-btn {
	width: 138px !important;
}
.inscription-lettre .ff-el-input--label label {
    color: #333 !important;
	font-family: 'open sans bold', 'open sans regular' !important;
}
.inscription-lettre .ff-el-is-error .ff-el-form-control {
    border-color: #a78235 !important;
}
.inscription-lettre .ff-el-form-control:focus {
    border-color: rgba(24,144,215,0.3) !important;
}
.inscription-lettre .ff-el-form-control:hover {
    border-color: #71b3d8 !important;
}
.inscription-lettre .ff-el-form-control:focus, .inscription-lettre .ff-el-form-control:active {
    border-color: #247dad !important;
}
.inscription-lettre .ff-el-input--content .error {
	font-family: 'open sans regular', Roboto, Arial !important;
	font-weight: normal !important;
}
.inscription-lettre .ff-btn-submit {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0px 0px 5px 1px rgba(255, 255, 255, 0.3) !important;
}
.inscription-lettre ~ .ff-message-success {
    box-shadow: none !important;
	color: #a78235 !important;
	font-family: 'open sans bold', 'open sans regular' !important;
	font-size: 18px !important;
	font-weight: normal !important;
}
.ff-el-input--content .text-danger {
	color: #a78235 !important;
}
/*FIN INSCRIPTION LETTRE INFO*/


/*DROPDOWN-CONTAINER-SELECT*/
.dropdown-container-select {
	border: none !important;
	color: #454545;
}
.dropdown-container-select:hover {
	color: #000;
	-webkit-transition: all 0.15s ease-out !important;
	transition: all 0.15s ease-out !important;
}
/*
.dropdown-container-select .choices {
	-webkit-box-shadow: rgba(33, 35, 38, 0.35) 0px 10px 10px -10px !important;
	box-shadow: rgba(33, 35, 38, 0.35) 0px 10px 10px -10px !important;
}
*/
.dropdown-container-select .choices__inner {
    border: 1px solid #bf933b !important;
    border-radius: 3px !important;
}
.dropdown-container-select .choices[data-type*=select-one] .choices__input {
    display: none !important;
    visibility: hidden !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}
.dropdown-container-select .choices__button {
    display: none !important;
	visibility: hidden !important;
}
.dropdown-container-select .choices__list--dropdown {
    border: 1px solid #bf933b !important;
}
.dropdown-container-select .choices__list.choices__list--dropdown.is-active {
    position: absolute !important;
    background-color: #eee !important;
    -webkit-box-shadow: rgba(33, 35, 38, 0.5) 0px 10px 10px -10px;
    box-shadow: rgba(33, 35, 38, 0.5) 0px 10px 10px -10px;
}
.dropdown-container-select .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #fff !important;
}

/*DROPDOWN-CONTAINER*/
.dropdown-container select {
	-webkit-appearance: none;
	appearance: none;
	height: auto;
	margin: 0;
	padding: .75em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropdown-container .ff-el-input--content::after { 
	content: "";
	position: absolute;
	margin-top: -21px;
	right: 10px;  
	display: block; 
	width: 0; 
	height: 0;
	border-color: transparent;
	border-top-color: #a78235; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}
.dropdown-container select option {
	background-color: #cbd6da !important;
}
.dropdown-container .ff-el-form-control {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px #a78235 solid !important; 
	border-radius: 2px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

/*PERSONNALISER LE BOUTON DE RETOUR EN HAUT DE PAGE*/

/*Opacité du bouton et effets d'animation (pour tous les navigateurs)*/
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInRight 0.5s ease-in both, retour-bounce 0.6s ease-out 0.5s alternate;
    animation: fadeInRight 0.5s ease-in both, retour-bounce 0.6s ease-out 0.5s alternate;
}
@keyframes retour-bounce{
     from {bottom: 100px;}
     30%  {bottom: 89px;}
     65%  {bottom: 105px;}
     to   {bottom: 100px;}
}
.et_pb_scroll_top.et-hidden {
	pointer-events: none;
}
/*Positionnement et couleur du bouton*/
.et_pb_scroll_top.et-pb-icon {
    right: 25px;
    bottom: 100px;
	width: 35px;
	height: 35px;
	/*
	border: 1px solid #2ea3f2;
	*/
    border-radius: 50%;
	background-image: url(https://www.vrai-fracas.fr/wp-content/uploads/fleche-haut-page.svg);
	background-repeat: no-repeat;
	background-color: #a78235;
	transition: background .4s ease-in-out;
	z-index: 9;
}
 
 /*couleur de fond du bouton au survol*/
.et_pb_scroll_top.et-pb-icon:hover {
	background-color: #bf933b;
	transition: background .15s ease-out;
}
.et_pb_scroll_top.et-pb-icon:active, .et_pb_scroll_top.et-pb-icon:after {
	background-color: #bf933b;
	/*
	pointer-events: none;
	*/
}
 
/*Choix de l'icone et couleur de celui-ci*/
/*
.et_pb_scroll_top:before {
    content: "\42";
    color: #fff;
}
*/
.et_pb_scroll_top:before {
    content: none;
    color: rgba(37,143,205,0);
}



/*PERSONNALISER LA BARRE LATÉRALE DE NAVIGATION PAR POINTS */

/* Background color bar */
.et_pb_side_nav {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px solid #000000;
    border-radius: 7px 0px 0px 7px !important;
	background: rgba(167, 130, 53, 0.75) !important;
}

/* Active dot color */
.et_pb_side_nav .side_nav_item a.active {
    background-color: #fff !important;
}

/* Inactive dot color */
.et_pb_side_nav .side_nav_item a {
    background-color: #000 !important;
}

/* PERSONNALISER LA BARRE DE NAVIGATION MOBILE */

@media (max-width: 980px) {
	.et_pb_menu .et_mobile_menu {
		top: 50px;
	}
}
@media (min-width: 981px) {
	#menu-accueil .menu-item-2253 {
		display: none !important;
	}
}
/*changer Hamburger menu pour le fermer*/
.mobile_nav.opened .mobile_menu_bar:before {
	content: '\e051';
	left: 2px;
	top: -4px;
	font-size: 39px;
	color: #bf933b !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
	transition: color .4s ease;
}
.mobile_nav.closed .mobile_menu_bar::before {
	transition: color 1s ease-in;
}

.mobile_nav.closed .et_mobile_menu {
	transition: all .2s ease-out;
}

.et-search-form, .nav li ul, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border-color: #a78235 !important;
}
/*
.et_mobile_menu {
    border-top: 3px solid #2ea3f2 !important;
}
*/
.et_mobile_menu {
	border-bottom: #eee 1px solid !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Shrink on Scroll */

.dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_menu__menu>nav>ul>li>a, .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_section, .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active header.et-l--header .et_pb_section .et_pb_row, .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active_scrolled header.et-l--header .et_pb_menu__menu>nav>ul>li>a, .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active_scrolled header.et-l--header .et_pb_section, .dsm_fixed_header_shrink.dsm_fixed_header_shrink_active_scrolled header.et-l--header .et_pb_section .et_pb_row {
    -webkit-transition: padding .1s ease-in-out;
    transition: padding .1s ease-in-out;
}

/* PERSONNALISER SCROLLBAR */

/* width of entire scrollbar */
::-webkit-scrollbar {
	width: 9px;
}

/* The Scrollbar Track */
::-webkit-scrollbar-track {
	background: #eee;
}
 
/* The Scrollbar Handle */
::-webkit-scrollbar-thumb {
	background: #a78235;
	border-radius: 4px;
}

/* The Scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #bf933b;
}

/* LES LIENS AU SURVOL */

a, p a, i a, em a, h4 a, li a {
	-webkit-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
	color: #a78235;
	text-decoration: underline;
}

a:hover, p a:hover, i a:hover, em a:hover, h4 a:hover, .liste-articles a:hover  {
	-webkit-transition: color .15s ease-out;
	transition: color .15s ease-out;
	color: #bf933b;
	text-decoration: none;
}
.footer-visible .et_pb_text_inner a:hover {
    text-decoration: underline !important;
}

header a, .et_pb_text_0_tb_footer a {
	text-decoration: none;
}

strong {
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
	font-weight: normal;
}

li {
	margin-bottom: 20px;
}

.sous-menu {
	color: #939393;
}
.sous-menu span {
	border-radius: 6px !important;
}
.sous-menu a {
	-webkit-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
	color: #939393;
}
.sous-menu a:hover {
	-webkit-transition: color .15s ease-out;
	transition: color .15s ease-out;
	color: #838383;
	text-decoration: none !important;
}

.rank-math-breadcrumb {
	color: #a78235;
	font-size: 13px;
	font-family: 'open sans bold';
	padding-bottom: 10px;
}
.rank-math-breadcrumb .last {
	text-transform: uppercase;
	color: #333;
	position: relative;
    top: 0.1em !important;
}
/*
.boite-sommaire {
	padding: 20px;
}
/*@media (min-width: 981px) {*/
/*
@media (min-width: 769px) {
	.boite-sommaire {
	    width: 74% !important;
		min-width: 610px !important
	}
}
*/
@media (max-width: 980px) {
	.sommaire .element-menu, .sommaire2 .element-menu, .sommaire3 .element-menu {
		display: none;
	}
}
.sommaire, .sommaire2, .sommaire3 {
	color: #258fcd;
	font-family: 'open sans bold';
	font-size: 12px;
}
/*
.sommaire p {
	padding-bottom: 2px !important;
}
*/
.sommaire ul, .sommaire2 ul, .sommaire3 ul {
	padding-left: 0 !important;
	margin-left: 0 !important;
	/*display: block;*/
}
.sommaire {
	left: -10px;
}
@media (min-width: 768px){
	.sommaire ul {
		-webkit-column-count: 3;
		column-count: 3;
		column-gap: 30px;
	}
	.sommaire3 ul {
		-webkit-column-count: 2;
		column-count: 2;
		column-gap: 30px;
	}
	.sommaire2 ul {
		-webkit-column-count: 1;
		column-count: 1;
		column-gap: 30px;
	}
	.sommaire, .sommaire2, .sommaire3 {
		left: 0;
	}
}
@media (min-width: 981px){
	.sommaire ul {
		-webkit-column-count: 4;
		column-count: 4;
		column-gap: 30px;
		/*
		display: inline-block;
		margin: auto;
		text-align: left;
		/**/
	}
	.sommaire3 ul {
		-webkit-column-count: 3;
		column-count: 3;
		column-gap: 30px;
	}
	.sommaire2 ul {
		-webkit-column-count: 2;
		column-count: 2;
		column-gap: 30px;
	}
	.sommaire, .sommaire2, .sommaire3 {
		left: 0;
	}
	.boite-sommaire {
		height: 49px !important;
	}
}
.sommaire li, .sommaire2 li, .sommaire3 li {
	list-style: none;
	margin-bottom: 0px;
	font-size: 14px;
}
.sommaire a, .sommaire2 a, .sommaire3 a {
	color: #bf933b;
	transition: color .3s ease-in-out;
	text-decoration: underline;
}
.sommaire a:hover, .sommaire2 a:hover, .sommaire3 a:hover {
	color: #a78235;
	transition: color .15s ease-out;
	/*text-decoration: none;*/
}
.active {
	color: #a78235 !important;
	text-decoration: none !important;
	transition: color .1s ease-out;
	/*pointer-events: none;*/
}

/*SHOP*/
.shop {
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #BF933B;
	background-color: #a78235;
	padding: 3px 6px;
	transition: all .2s ease-in-out;
}
.et_pb_menu_page_id-9447 a {
	text-shadow: none !important;
}
.shop:hover {
	background-color: #BF933B;
	border-color: #a78235;
	transition: all .15s ease-out;
}
.et_pb_menu_page_id-9447 a:hover {
	color: #ffffff !important;
	opacity: 1 !important;
}
.texte-diago {
    -webkit-transform: translate(-1px, 0px) skew(1deg, -3deg);
    transform: translate(-1px, 0px) skew(1deg, -3deg);
    animation: 2s ease-in-out 0s infinite alternate anim-texte-diago;
}
.texte-diago span {
	font-size: 53px;
	font-family: 'chivo light', 'chivo regular', 'chivo bold' !important;
}
@keyframes anim-texte-diago {
	0% {
		transform: translate(-1px, 0px) skew(1deg, -3deg);
	}
	100% {
		transform: translate(-1px, 0px) skew(1deg, -4deg);
	}
} 
#main-header {
	height: 80px;
	border-bottom: 1px solid #939393;
}
/*
#main-header, .et-l--header {
	position: fixed;
}
*/
#logo-vrai-fracas a img, #main-header a img {
	-webkit-transition: filter .15s ease-in-out;
	transition: filter .15s ease-in-out;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
	left: 65px;
}
#logo {
	position: relative;
}
.logo-shop {
	image-rendering: -webkit-optimize-contrast !important;
	image-rendering: crisp-edges !important;
}

.et_pb_menu__icon.et_pb_menu__cart-button {
    color: #258FCD;
    border-radius: 50%;
    border: 1px solid #2ea3f2;
    width: 35px;
    height: 35px;
    padding-left: 7px;
    margin-left: 20px;
    margin-top: -2px;
	transition: color .35s ease-in-out, border .7s ease-out, background .25s ease-in-out;
}
.et_pb_menu__icon.et_pb_menu__cart-button:hover {
    color: #2ea3f2 !important;
    border: 1px solid #cbd6da;
	background-color: #fff;
	transition: color .15s ease-out;
}

#main-header a img {
	margin-top: -20px;
}
/*
.masque-intro {
	animation: rotation-masque 30s linear infinite 3.6s;
}
*/
.image-intro {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.tableau-image-intro {
	border-radius: 4px !important;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}
/**/
.tableau-numerique {
	transition: filter .5s ease-in-out;
}
.tableau-numerique:hover, .tableau-numerique:active {
	transition: filter .1s ease-out;
	filter: sepia(10%) saturate(110%) brightness(105%) !important;
}
/**/
.tableau-peinture {
	transition: filter .5s ease-in-out;
}
.tableau-peinture:hover, .tableau-peinture:active {
	transition: filter .1s ease-out;
	filter: sepia(10%) saturate(120%) brightness(105%) !important;
}
/**/
.tableau-intro {
	border-radius: 4px !important;
	box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
	/*
	image-rendering: -webkit-optimize-contrast !important;
	image-rendering: crisp-edges !important;
	*/
	/*transform: perspective(1500px) rotateX(-5deg) rotateY(15deg) rotateZ(-0.5deg) !important;*/
	/**/
	/*animation: tableau-intro .3s ease-out forwards 3470ms;*/
	transition: filter 2s ease-in-out;
}
.tableau-intro:hover, .tableau-intro:active {
	/*animation: tableau-intro-pulse .75s ease-out forwards;*/
	transition: filter 3s ease-out;
	filter : sepia(0%) contrast(100%) saturate(105%) brightness(100%) !important;
}
.texte-presentation-intro {
	max-width: 450px;
}
@keyframes tableau-intro { 
	from {
		box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
	} to {
		box-shadow: rgba(0, 0, 0, .35) 5px 5px 15px;
		transform: perspective(1500px) rotateX(-2deg) rotateY(-7deg) rotateZ(-0.5deg);
		filter : sepia(5%) contrast(95%) saturate(105%) brightness(105%);
	}
}
/*
@keyframes tableau-intro-pulse { 
	0% {
		filter: grayscale(0%);
	}
	50% {
		filter: grayscale(80%);
	}
	100% {
		filter: grayscale(0%);
	}
}
*/
/*
.image-intro {
	z-index: 50;
	background-image: url(
"https://www.vrai-fracas.fr/wp-content/uploads/portrait-samuel-favarica.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-mask-box-image: url(https://www.vrai-fracas.fr/wp-content/uploads/masque.svg);
	mask: url(https://www.vrai-fracas.fr/wp-content/uploads/masque.svg);
}
*/
/*
@keyframes rotation-masque { 
	from { 
		transform: rotate(0deg); 
	} to { 
		transform: rotate(1turn); 
	}
}
*/
@media (max-width: 400px){
	.logo-shop {
		height: 65px !important;
		width: 122px !important;
	}
	.position-logo-shop {
		margin-top: 10px !important;
	}
}
/*
@media (max-width: 768px){
	.position-logo-shop {
		margin-top: 20px !important;
	}
}
*/
.bouton-accueil {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.accueil-signature {
	transform: perspective(1500px) rotateX(5deg) rotateY(15deg) rotateZ(-0.5deg);
    animation: 1.1s ease-in-out 0s infinite alternate anim-signature;
}
@-moz-document url-prefix() { 
	.accueil-signature {
		/*image-rendering: crisp-edges;*/
		transform: perspective(1500px) rotateX(0.6deg) rotateY(3deg) rotateZ(-0.07deg); 
		animation: 1.4s ease-in-out 0s infinite alternate anim-signature-ff;
	}
}
@keyframes anim-signature {
	0% {
		transform: perspective(1500px) rotateX(5deg) rotateY(15deg) rotateZ(-0.5deg);
	}
	100% {
		transform: perspective(1500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}
@keyframes anim-signature-ff {
	0% {
		transform: perspective(1500px) rotateX(0.6deg) rotateY(3deg) rotateZ(-0.07deg);
	}
	100% {
		transform: perspective(1500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	}
}
@media (max-width: 365px) {
	.et_pb_text_0_tb_footer a {
	    font-size: 11px !important;
	}
}
@media (max-width: 305px) {
	.et_pb_text_0_tb_footer a {
	    font-size: 10px !important;
	}
}
@media (max-width: 285px) {
	.et_pb_text_0_tb_footer a {
	    font-size: 9px !important;
	}
}
@media (max-width: 275px) {
	.et-l.et-l--footer {
		display: none;
	}
}
	/**/
	/**/
	/**/
.et_pb_row_0_tb_header, .et_pb_menu_0_tb_header.et_pb_menu {
    height: 40px !important;
}
	/**/
	/**/
	/**/
@media (max-width: 980px) {
	.accueil-signature {
		margin-top: 25px !important;		
	}
	.position-logo-shop {
		margin-left: -10px !important;
	}
	/*
	.rangee-logo {
		margin-top: -120px !important;
	}
	*/
	#main-header a img {
		margin-top: 0;
	}
	#logo-vrai-fracas a img {
		left: -50px;
	}
	/**/
	header .et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, header .et_pb_row .et_pb_column.et-last-child, header .et_pb_row .et_pb_column:last-child, footer .et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, footer .et_pb_row .et_pb_column.et-last-child, footer .et_pb_row .et_pb_column:last-child {
		margin-top: -55px;
	}
	/**/
	.footer-visible {
		margin-top: 55px;
	}
	.footer-visible .et_pb_text_inner a:hover {
		text-decoration: underline !important;
	} 
	.mobile_menu_bar {
		position: absolute;
		right: 40px;
		top: -60px;
	}
	.et_mobile_menu li a:hover, .nav ul li a:hover {
		background-color: transparent;
		opacity: 1;
	}
	.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
		color: #000 !important;
		transition: color .4s ease-in-out;
		font-size: 16px;
	}
	.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a:hover, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a:hover {
		color: #a78235 !important;
		transition: color .15s ease-out;
	}
	.et_mobile_menu li a {
		border-bottom: none;
		color: #a78235;
}
	.et_pb_menu .et_mobile_menu {
		top: 0;
	}
	/*
	.container-menu {
		position: absolute;
		top: -117px;
		right: 36px;
	}
	*/
	/**/
	/**/
	/**/
	.container-menu {
    	position: absolute;
    	top: -77px;
    	right: 36px;
	}
	/**/
	/**/
	/**/
	.cercle-menu {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		background-color: #eee;
		border: 1px solid #fff;
		animation: cerclemenu 1s ease-in forwards .5s;
	}
	.cercle-menu .overlay-menu {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.cercle-menu .left-menu, .cercle-menu .right-menu {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border: 3px solid #bf933b;
		border-radius: 20px 0px 0px 20px;
		border-right: 0;
		transform-origin: right;
		z-index: -1;
	}
	.cercle-menu .left-menu {
		opacity: 0;
		animation: cerclemenu1 .15s linear forwards .25s;
	}
	.cercle-menu .right-menu {
		animation: cerclemenu2 .15s linear forwards .4s;
	}
}
@keyframes cerclemenu {
    0% {
		background-color: #eee;
	}
    100% {
		background-color: #ffffff;
	}
}
@keyframes cerclemenu1 {
    50% {
		z-index: 0;
		opacity: 0;
		transform: rotate(90deg);
	}
    100% {
		z-index: 0;
		opacity: 1;
		transform: rotate(180deg);
	}
}
@keyframes cerclemenu2 {
    0% {
		z-index: 0;
		transform: rotate(180deg);
	}
    100% {
		z-index: 0;
		transform: rotate(360deg);
	}
}
/*
#logo-vrai-fracas a img:hover, #main-header a img:hover {
	-webkit-transition: filter .3s ease-in;
	transition: filter .3s ease-in;
	filter: saturate(67%);
}
*/
.et-menu-nav ul li a, #top-menu-nav ul li a {
	font-family: 'open sans bold', 'open sans regular', Roboto, Arial;
	font-weight: normal;
	-webkit-font-smoothing: none !important;
	-moz-osx-font-smoothing : unset !important;
	color: #000 !important;
	opacity: 1;
	transition: color .3s ease-in-out !important;
}
.et-menu-nav ul li a:hover, #top-menu-nav ul li a:hover {
	color: #a78235 !important;
	opacity: 1;
	transition: color .1s ease-out !important;
}
.et-menu-nav .current-menu-item a, #top-menu-nav .current-menu-item a {
	cursor: default;
	color: #5f491d !important;
	pointer-events: none;
}
/*
.et-menu-nav .current-menu-item a:hover, #top-menu-nav .current-menu-item a:hover {
	color: #145880 !important;
}
*/
.mobile_nav .current-menu-item {
	display: none;
}
.et-l--header {
    background-color: #fff;
	height: 80px;
}

/*Woo*/
.ast-site-header-cart-li, .et-cart-info {
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    display: none;
}

#main-navigation li.nav-cart {
 display: none!important;
}

@media (max-width: 768px){
li.nav-cart.responsive-nav-cart {
    display: none; 
}
}
/**/

/*Masonry Gallery*/
.mfp-arrow::after {
	color: #BF933B;
}
.mfp-close {
	color: #BF933B;
}
body:not(.page-id-5624):not(.page-id-4848):not(.page-id-5901):not(.page-id-5975) .dmg_masonry_gallery_item {
	-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
body:not(.page-id-5624):not(.page-id-4848):not(.page-id-5901):not(.page-id-5975) .dmg_masonry_gallery_item img {
	background-image: radial-gradient(circle, #536874, #5b6772, #61666e, #65666a, #666666);
}
.mfp-bg {
    -webkit-backdrop-filter: saturate(100%) !important;
    backdrop-filter: saturate(100%) !important;
    background-color: rgba(0,0,0,0.25) !important;
}
.dmg-gallery-page-button-active {
	pointer-events: none;
}

/*POPUP*/
.da-overlay-visible .da-overlay {
    -webkit-backdrop-filter: saturate(100%) !important;
    backdrop-filter: saturate(100%) !important;
    background-color: rgba(0,0,0,0.25) !important;
}
/*
.popup_outer_wrap {
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
*/
/*POPUP*/
.texte-diago .link, .texte-diago .link:hover, .texte-diago .link:active {
	text-decoration: none !important;
	color: #a78235 !important;
	cursor: default !important;
	pointer-events: none !important;
}