@import url("https://use.typekit.net/wtc0qon.css");
@import url("https://fonts.googleapis.com/css2?family=Krona+One&family=Raleway:ital,wght@0,100;0,400;0,700;0,900;1,400;1,700;1,900&display=swap");

/* @font-face {
    font-family: 'century-gothic';
    src: url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'century-gothic';
    src: url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'century-gothic';
    src: url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'century-gothic';
    src: url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
} */




:root {
	--main-color: #f05537;
	--light-grey: #d8d8d8;
	--main-background-color: #000000b3;
	--main-background-color: #ffffff;
	--main-text-color: #b9b7b7;
	--main-text-color: #6a6868;
	--red: #c6243e;
	--border-radius: 0;
	--form_bg_color: #ffffff;
	--box-shadow: #56352900 0 1em 2em,#56352936 0 0.4em 1em;
	--modal_overlay: #a7a7a7d1;
	--max-page-width: 92rem;
	--smooth-border: #8080801f 1px solid;
	--footer-height: 9.3em;
}


/* ICONS ---------------------------------------------------------------  */
.icon_achat 
{
	background-image:url('icons/laptop-2.svg');
}

.icon_megaphone
{
	background-image:url('icons/megaphone-6.svg');
}

.icon_confirmation 
{
	background-image:url('icons/paper-plane.svg');
}

.icon_list
{
	background-image:url('icons/list-1.png');
}

.icon_agreement
{
	background-image:url('icons/agreement.svg');
}

.icon_badge
{
	background-image:url('icons/badge.svg');
}

.icon_paiement ,.icon_credit_card
{
	background-image:url('icons/credit-card-1.svg');
}
.icon_buisinessman 
{
	background-image:url('icons/businessman-5.svg');
}
.icon_group
{
	background-image:url('icons/group.svg');
}

.icon_truck,.icon_livraison_offerte
{
	background-image:url('icons/truck-1.svg');
}

.icon_suivi_colis 
{
	background-image:url('icons/box-4.svg');
}
.icon_chronometre 
{
	background-image:url('icons/chronometer.svg');
}

.icon_reception 
{
	background-image:url('icons/agreement.svg');
}
.icon_bulbe 
{
	background-image:url('icons/light-bulb.svg');
}

.icon_euro
{
	background-image:url('icons/euro.png');
}
.icon_euro_1
{
	background-image:url('icons/euro-1.svg');
}
.icon_coins_3
{
	background-image:url('icons/coins-3.svg');
}
.icon_piggy_bank
{
	background-image:url('icons/piggy-bank.svg');
}
/* ICONS ---------------------------------------------------------------  */



/* RESETER ----------------------------------------------------------------------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	font-family: 'century-gothic', 'Raleway', sans-serif;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	appearance: none;
	border-radius: 0px;
}

html {
	/* background-color: white; */
	background-color: var(--main-background-color);
}

html,
body {
	color: var(--main-text-color);
	min-height: calc( 100vh - var(--footer-height));
	width: 100%;
	top: 0px;
	font-size: 0.8rem;
	line-height: 1.6em;
	font-size: 10pt;
}

body {
	background-attachment: fixed;
	/* margin-top: 2em; */
	/* padding: 1em 0px; */
	/* margin-bottom: 1em; */
	/* background-color: var(--main-background-color); */
}
iframe
{
	background-color:transparent !important;
}

::-webkit-scrollbar {
	width: 4px;
	background-color: #dedede45;
	height: 10px;
}

::-webkit-scrollbar-track {
	/* box-shadow: #ff45003d 0px 0px 16px; */
}

::-webkit-scrollbar-thumb {
	background-color:  #c8c8c847;
	/* outline: #ff45003d solid 1px; */
	/* box-shadow: #4f2616 0px 0px 6px; */
	border-left: 1px solid #a0a0a033;
}

::selection {
  background-color: var(--main-color);
  color: var(--main-background-color);
}
::placeholder {
  color: var(--light-grey);
	font-style: italic;
	font-weight:normal;
}
/* RESETER ----------------------------------------------------------------------------------------------------------------------------- */

/* GENERAL ----------------------------------------------------------------------------------------------------------------------------- */
body::after {
	content: "";
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	pointer-events: none;
	background: radial-gradient(at center center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0.6) 70%);
	mix-blend-mode: hard-light;
	display: none;
}

.disp_none,
.trap {
	display: none;
}

h1,
h2 {
	max-width: 80vw;
	margin: 0px auto;
	text-transform: uppercase;
}

h1::before {
	content: "";
	display: inline-block;
	height: 0.7em;
	background-color: var(--main-color);
	width: 0.7em;
	margin-right: 0.3em;
	position: relative;
	top: 0em;
}

h1 em {
	text-transform: initial;
	display: block;
	font-size: 1rem;
}

em {
	font-style: italic;
/* 	color: var(--main-color); */
}
sup {
    font-size: .6em;
}
span.insecable {
    display: inline-block;
}
h1 {
	text-align: left;
	margin: 0.4em;
}
h1.main-title {
    text-transform: none;
    display: inline-block;
    color: #8080808c;
    font-weight: normal;
    line-height: 1.2em;
    width: 100%;
    text-align: center;
}

h1.main-title:before {
    display: none;
}
strong,
h1,
h2 {
	/* font-family: CenturyG, Raleway, sans-serif; */
	font-weight: 900;
}

h2.not_logged_block {
	text-align: center;
	background-color: var(--form_bg_color);
	padding: 1em;
	margin: 0px auto;
	width: 17em;
	box-shadow: var(--box-shadow);
}

h2.not_logged_block .bt_display {
	margin: 1em;
}


/* FORMS ---------------------------------------------------------------- */
.error {
    color: red;
}

.error_feedback {
    border: red 1px solid;
    padding: .4em;
}
.ok {
    color: #009655;
}
input, textarea, select {
	/* background-color: var(--light-grey); */
	border: none;
	border: var(--light-grey) 1px solid;
	padding: 0.4em;
	color: rgba(255, 255, 255, 0.48);
	display: inline-block;
	margin: 0;
	color: var(--main-text-color);
	width: 100%;
	z-index: 2;
	transition: background .4s ease;
}
input:not(:placeholder-shown),textarea:not(:placeholder-shown)
{
    background-color: var(--main-background-color);
    border: var(--light-grey) 1px solid;
}
input:focus, textarea:focus {
    background: white;
    /* border: none !important; */
    border-radius: unset !important;
    outline: 0;
    border-bottom: 3px solid var(--main-color)!important;
}
.input_wrapper {
	position: relative;
	margin: 1.4em 0;
	margin-top: 0;
	display: inline-block;
	width: 100%;
	padding-top: 1.1em;
}
.input_placeholder {
    position: absolute;
    top: -0.4em;
    left: 0;
    color: var(--light-grey);
    /* opacity:.8; */
    transition: all 0.8s ease;
    z-index: 0;
    font-weight: 100;
    font-style: italic;
    font-size: 1rem;
}
.input_wrapper.type_image .input_placeholder {
    display: none;
}
.input_placeholder.empty {
    transform: translateY(130%);
    opacity: 0;
    z-index: -1;
}
select {
    background-image: url(icons/select_arrow_down.svg);
    background-position: right .4em center;
    background-size: 1em;
    cursor: pointer;
}
.input_wrapper.type_image {
    width: 100%  !important;
    height: 100% !important;
    min-height: 20em;
    /* background-color: #ff000082; */
    /* position: relative; */
    /* z-index: 2; */
    /* padding: 2em; */
    /* top: 0; */
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.input_wrapper fieldset {
    border: none;
    /* display: flex; */
    /* align-items: stretch; */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.filesSelectors_prev_img {
    display: inline-block;
    background-size: cover;
    margin: 1em;
}
.filesSelectors_preview {
    border: none;
    display: flex;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

.filesSelectors_preview img {
    display: none;
}

.input_wrapper.type_image .img_reciever {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffa1;
    margin: 0 !important;
    /* opacity: 0; */
    transition: all 0.8s ease;
    z-index: 2;
    overflow: hidden;
    opacity: 0;
    transform: scale(1.1);
}
.input_wrapper.type_image .img_reciever:hover {
    opacity: 1;
    transform: scale(1);
}


.input_wrapper.type_image .info {
    display: inline-block;
    /* background-color: yellow; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.3em;
    width: 20em;
    /* opacity: 0; */
    /* transition: all .8s ease; */
}

.input_wrapper.type_image:hover .info 
{
    opacity: 1;
}
.input_wrapper.type_image input.file_input_reciever {
    position: absolute;
    top: 0;
    left: 0;
    /* background-color: blue; */
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: calc(100% - 33em);
    /* opacity: 0; */
    cursor: pointer;
    z-index: 1;
}

input.insitu,
textarea.insitu {
	border: none;
	background-color: transparent;
	font-size: inherit;
	width: calc(100% - 3.5em);
	margin: 0.4em 0px;
	padding-top: unset;
	padding-bottom: unset;
	padding-left: unset;
	padding-right: 0.7em;
	background-image: url("https://image.flaticon.com/icons/png/512/61/61456.png");
	background-position: right center;
	background-size: 0.5em;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
}

input.insitu {
	margin-left: 1.9em !important;
}
.input_wrapper.required input
{
	border-bottom:var(--main-color) 1px solid;
}
input.password 
{
    display: inline-block;
    width: calc( 100% - 3em ) !important;
}

.viewPass {
    display: inline-block;
    background-color: red;
    height: 2.5em;
    width: 2.5em;
    vertical-align: bottom;
    margin-left: -0.3em;
    cursor:pointer;
    background-image: url(icons/watch_no.svg);
    background-size: 1.7em;
    transition: all 0.8s ease;
}
.viewPass.show, .viewPass:hover {
    background-image: url(icons/watch.svg);
}
.input_wrapper.required:after {content: '*';color: var(--main-color);position: absolute;right: 2em;top: 0.3em;}
.bt_display.save_input {
	position: absolute;
	right: 0px;
	padding: 0.2em;
	background-image: url("icons/save.svg");
	height: 1em;
	width: 1.2em;
	background-size: 0.8em;
	color: transparent;
	border-radius: 0em;
}

textarea.insitu {
	max-height: 20em;
	/* width: calc(100% - 1em); */
	width: 100%;
	min-height: 4em;
	height: 8em;
	/* display: block !important; */
}

input[type="date"] {
	background-color: rgb(53, 42, 10);
	margin: 0px auto;
	min-width: 10em;
}

.insitu_cancel_change {
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url("https://www.clipartmax.com/png/full/132-1321281_replacement-order-set-in-order-icon.png");
	filter: grayscale(1);
	margin: 0px 0.2rem;
	cursor: pointer;
	position: absolute;
	top: 0.2em;
}

.type_checkbox input {
	display: none;
}

.Oeuvre_wrapper .type_checkbox {
	border-radius: var(--border-radius);
	width: 100%;
	text-align: right;
	margin: 1em auto;
	line-height: 1em;
	font-size: 0.8rem;
}

.type_checkbox * {}

.type_checkbox label {
	font-style: italic;
	width: 100%;
	display: inline-block;
	cursor: pointer;
	padding: 1em 0px;
	/* padding-right: 1em; */
}

.type_checkbox .interruptor {
	display: inline-block;
	border: var(--main-color) 1px solid;
	height: 1em;
	width: 3em;
	border-radius: 2em;
	position: relative;
	transition: all 0.6s ease-in-out 0s;
	margin-left: 0em;
	top: 0.1em;
}

.type_checkbox .checked .interruptor {
	background-color: var(--main-color);
}

.type_checkbox .interruptor::before {
	content: "";
	height: 1em;
	width: 1em;
	background-color: var(--main-color);
	border: var(--form_bg_color) 1px solid;
	position: absolute;
	left: 0px;
	top: -2px;
	border-radius: 100%;
	transform: scale(1.3);
	transition: all 0.6s ease-in-out 0s;
}

.type_checkbox .checked .interruptor::before {
	left: calc(100% - 1em);
	border-color: var(--main-color);
	box-shadow: 0 0 .2em black;
}


fieldset.checkBox_multi_wrapper input {
    display: none;
}

fieldset.checkBox_multi_wrapper {
    margin: 2em 0;
    border: none;
    background-color: #f6f6f6;
}

fieldset.checkBox_multi_wrapper .input_wrapper {
    display: inline-block;
    width: auto;
}

fieldset.checkBox_multi_wrapper label {
    display: inline-block;
    border: var(--main-color) 1px solid;
    margin: 1em 2em;
    padding: .4em 1em;
    background-color: white;
    color: var(--main-color);
    transition: all 0.6s ease;
    cursor: pointer;
}

fieldset.checkBox_multi_wrapper input:checked + label {
    background-color: var(--main-color);
    color: white;
    box-shadow: var(--main-color) 0 0.4em 1em -0.4em;
    transform: scale(1.1);
}




.help_box {
	color: var( --main-color);
	font-style: italic;
	margin: 0.4em;
}
.bdd_txt a, .bdd_txt strong {
    color: var(--main-color) !important;
    font-weight: bold;
}
.bdd_txt em{
    color: var(--main-color) !important;

}
.content a:hover {
    text-decoration: underline;
}
/* FORMS ---------------------------------------------------------------- */
.content {
	width: 100vw;
	display: inline-block;
	min-height: calc( 100vh - 27em);
	text-align: center;
	padding-top: 18em;
	/* padding-top: 32em; */
	margin-bottom: 6em;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a {
	transition: all 0.4s ease-in-out 0s;
	/* color: var(--main-color) !important; */
}

a[target="_blank"] {
	cursor: alias;
}

a.url2link {
	width: 100%;
	max-width: 10em;
	min-width: 10em;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: italic;
	text-decoration: underline;
	word-break: keep-all;
	white-space: nowrap;
	display: inline-block;
}

a:hover {
	transition: all 0.4s ease-in-out 0s;
}

a:visited {
	color: rgba(136, 136, 136, 0.2);
}

.bt,
.bt_display {
	cursor: pointer;
}

.link {
	cursor: pointer;
	color: var(--main-color);
	font-style: italic;
	margin: 0.3em;
}

.link:hover {
	text-decoration: underline;
}

.banner {
    height: 8em;
    background-color: #eeeeee;
    text-shadow: 0 0 1em black;
    font-weight: bold;
    font-size: 2.4em;
    /* padding: 3.4em; */
    color: var(--main-background-color);
    position: relative;
    overflow: hidden;
    background-color:black;
}
.banner_img_wrapper {
	/* transform: scale(1.1) translateZ(1px); */
	/* filter: blur(6px); */
	height: auto;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	transform: translateY(-50%);
}
.banner_img_wrapper.other_banners {
    height: 100%;
    transform: none;
    background-size: cover;
    background-position: center;
}
.artist-fiche_wrapper>.banner {
    background-size: cover;
}
.artist-fiche_wrapper .input_wrapper.type_image.banner {
    min-height: unset;
    transform: none;
    padding: 0;
    margin: 0;
    top: 0;
    position: absolute;
    left: 0;
    background-color: transparent;
}

.Artiste .banner_img_wrapper {
	/* animation: anim_banner 360s infinite; */
	/* animation-direction: alternate; */
	/* opacity: 0; */
	/* transform: translateY(0%); */
	height: 100%;
	position: relative;
	top: 0;
	transform: none;
	background-size: cover;
	/* display: none; */
	opacity: 0.7;
}

.Artiste .banner_img_wrapper .banner_block {
    height: 100%;
    min-height: unset;
    padding: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-color: blue;
    /* background-image: url(https://www.jaxprodart.com/EspaceClient/ArtQuerir/_medias/artistes/Aleksandra-Petkovic_1608308428.jpeg); */
}


.Artiste .banner_img_wrapper .input_wrapper,.Artiste .banner_img_wrapper .input_wrapper.type_image.banner .img_reciever {
    min-height: unset;
    height: 100%;
    padding: 0;
    transform: none;
}
.Artiste .banner_img_wrapper .img {
    height: 100%;
    width: 100%;
    display: inline-block;
    background-color: red;
    padding: 0;
}
.Artiste .banner_img_wrapper .input_wrapper.type_image.banner {
    background-size: cover;
    padding: 0;
    margin: 0;
}
.Artiste .banner_img_wrapper .img .type_image {
    padding: 0;
    height: 100% !important;
    display: block;
    min-height: unset;
}

.input_wrapper.type_image.banner_img_input {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    min-height: auto;
}
.banner .action_bt_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    background: #ffffff45;
    padding: 0.3em;
    border-bottom-left-radius: 0.7em;
}

.banner .action_bt_wrapper .undo_bt, .banner .action_bt_wrapper .rec_bt {
    display: inline-block;
    height: 1em;
    width: 1em;
    background-size: 0.7em;
    margin: 0 0.5em;
    background-color: var(--main-color);
    cursor: pointer;
}

.banner .action_bt_wrapper .undo_bt
{/* background-color: yellow; */background-image: url(icons/undo.svg);}

.banner .action_bt_wrapper .rec_bt {
    /* background-color: blue; */
    background-image: url(icons/save.svg);
}






@keyframes anim_banner
{
	0%
	{
		transform: translateY( 0 ) scale(1.1) translateZ(0.1px);
/* 		//scale(1.1); */
/* 	    filter:blur( 6px ); */
		
	}
	100%
	{
	    transform: translateY( -80% ) scale(1.1) translateZ(0.1px);
/* 	    //scale(1.1); */
/* 	    filter:blur( 6px ); */
/* 	    opacity:1; */
	}
/* 	95%
	{
	    transform: translateY( -80% ) scale(4);
	    filter:blur( 40px );
	}
	99%
	{
	    transform: translateY( 0 ) scale(4);
	    filter:blur( 40px );
	    opacity:0;
	} */
/* 	100%
	{
		transform: translateY( 0 ) scale(1.1);
	    filter:blur( 6px );
	    opacity:0;
	} */
}

.banner_img
{
	/* position:absolute; */
	/* background-attachment: fixed; */
	background-position: center;
	top: 0;
	left: 0;
	z-index: 1;
	/* height: 100vh; */
	width: 100%;
	background-size: cover;
	/* transform: translateY(10%); */
	/* transform: scale(5.1); */
	/* animation: anim_banner 90s  infinite; */
	/* animation-direction: alternate; */
	filter: blur(2px);
	/* transform: translateY(-50%); */
}
.banner .input_placeholder {
    display: none;
}
.banner input {
    width: 100%;
    text-align: center;
    color: inherit;
    text-shadow: inherit;
    margin: 0 auto !important;
    max-width: 1024px;
    padding: 1em;
    position: absolute;
    top: 0;
    height: 3em !important;
    display: inline-block;
}

.banner .editable_text_wrapper .input_wrapper {
    background-color: #ff00002b;
    text-align: center;
    width: 80%;
    max-width: 1024px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.banner_txt {
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 1.2em;
}





.youtube_wrapper {
	height: 0px;
	padding-bottom: 57%;
	display: block;
	background-color: rgba(255, 0, 0, 0.08);
	position: relative;
	margin: 1em 0px;
}

.youtube_wrapper iframe {
	position: absolute;
}

.background_page {
	height: 100vh;
	max-width: 100vw;
	width: 100vw;
	z-index: -1;
	background-size: cover;
	position: fixed;
	opacity: 0.4;
	filter: blur(4px);
	background-image: url("https://www.kazoart.com/blog/wp-content/uploads/2019/02/petite-fille-au-ballon-bansky.jpg");
	display: none;
}

.background_page::after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: radial-gradient(rgba(0, 0, 0, 0.57), black);
}

.footer {
    background-color: var(--main-background-color);
    position: relative;
    height: auto;
    display: inline-block;
    z-index: 2;
}

.footer_block {
    height: var( --footer-height );
    background-color: var(--main-background-color);
    text-align: center;
    box-shadow: 0 0 3em #113b2a38;
    padding: 2em;
    margin-bottom: 1em;
    position: relative;
    height: auto;
    z-index: 2;
}

.footer a {
    color: var(--main-text-color) !important;
}

.footer_block .line
{
	margin:.4em;
}

.footer_block .titre {
    color: var(--main-color);
}



.footer_block a:hover 
{
	text-decoration:underline;
	color: var(--main-color);
}


.social_links {
    position: relative;
    width: 0;
    margin: 0 auto;
}

.social_links .icon {
    display: inline-block;
    background-color: #ff000063;
    height: 3em;
    width: 3em;
    position: absolute;
    top: -4.1em;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0 0 0.1em #000;
    transition: all 0.4s ease;
    background-size: 1em;
}

.social_links .icon:hover 
{
    box-shadow: 0 0.7em 1.2em #0000001a, 0 0.5em 1.2em #00000040;
    transform: scale(1.1) translateY(-10%);
}
.social_link_wrapper input {
    display: none;
}
a.icon.linkedIn {
    left: -20em;
    background-image: url(icons/linkedIn.svg);
    background-size: 1em;
}

a.icon.instagram {
    left: 20em;
    background-image: url(icons/instagram.svg);
    background-size: 1.4em;
}



.footer_form_wrapper .edit_bt {
    background-color: var(--main-color);
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 50%;
    height: 2em;
    width: 2em;
    /* background-image: url(
    https://image.flaticon.com/icons/png/512/61/61456.png); */
    background-image: url(icons/edit_white.svg);
    background-size: 1.3em;
    cursor: pointer;
}

.footer_form_wrapper {
    width: 32em;
    margin: 0 auto;
}

.footer_form_wrapper input {
    text-align: center;
}
input.baseline.text {color: var(--main-color);}
.footer_form > .tel, .footer_form > .email {display: inline-block;width: 49%;}

.footer_form {
    position: relative;
    z-index: 1;
}

.footer_form .input_wrapper {
    margin : .4em auto;
}
.footer_form .input_placeholder {
    top: -0.1em;
}


/* GENERAL ----------------------------------------------------------------------------------------------------------------------------- */

/* 404 ----------------------------------------------------------------------------------------------------------------------------- */
html._404 .background_page {
	background-image: url("https://blog.artsper.com/wp-content/uploads/2013/01/banksy-graffit-removal.jpg");
	filter: blur(0px);
}

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


.blurred {
	filter: blur(4px);
}

.original_picvture,
.image_search_link {
	font-style: italic;
	color: var(--main-color);
	border: var(--main-color) 1px solid;
	border-radius: var(--border-radius);
	padding: 0.4em 1em;
	margin: 1em 0px;
	display: inline-block;
}

.modal_wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background-color: var(--modal_overlay);
	display: inline-block;
	z-index: 1000;
	text-align: center;
}

.modal_close_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.modal_close_bt {
	display: inline-block;
	top: -1.9em;
	right: 0px;
	background-image: url("icons/close_thick.svg");
	position: absolute;
	height: 2em;
	width: 2em;
	background-size: 1.4em;
	border-radius: var(--border-radius);
	transition: all 0.8s ease 0s;
}

.modal_close_bt:hover {
	transform: rotate(360deg);
}

.modal_content_wrapper {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var(--form_bg_color);
	padding: 2em 1em 1em;
	border-radius: var(--border-radius);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 2em 4em;
	transform: translate(-50%, -50%);
	max-width: 90vw;
	border: 1px solid rgba(56, 56, 56, 0.55);
}

.toggle_submenu {
	display: block;
	position: absolute;
	top: 0.2em;
	right: 0.3rem;
	font-size: 0.6rem;
	height: 2rem;
	width: 1.4rem;
	padding: 1.2em 0;
	/* background: red; */
	line-height: 1em;
}

menuitem {
	/* position: relative; */
	margin: 1em;
	display: b;
}

a.header_logo {
	/* background-color: red; */
	height: 8em;
	width: 100%;
	display: inline-block;
	/* display: block; */
	background-image: url(logo/Logo.png);
	margin: 2em 0;
	background-color: var(--main-background-color);
	transition: all ease-in-out 0.8s;
	z-index: 2;
	position: relative;
	margin: 2.9em auto;
}
.user_menu {
    position: fixed;
    top: 1.4rem;
    /* top: -0.2em; */
    right: 0;
    height: 3em;
    /* background-color: #ff000045; */
    padding: 0.2em 1em;
    /* display: none; */
    z-index: 3;
    transition: all ease 1.2s;
}
.user_menu b {
    color: var(--main-color);
    display: inline-block;
    padding: .4em 1em;
    /* color: white; */
    text-transform: uppercase;
    font-style: italic;
}
.sticky_topnav .user_menu {
    /* top: 1.7em; */
    background-color: var(--main-background-color);
}
.sticky_topnav .user_menu .bt_display {
    /* top: 0.1em; */
    background-color: var(--main-background-color);
    /* width:0; */
    margin:0;
    padding:0;
    /* opacity:0; */
}
.user_menu .bt_display {
    margin: 0;
}
.cart_box_wrapper {
    display: inline-block;
    width: auto;
    vertical-align: top;
    transition: all .8s ease;
    position: relative;
    top: -0.5em;
}

.cart_icon {
    /* background-color: #ff000024; */
    background-image: url( icons/cart_2);
    position: relative;
    width: 3em;
    height: 3em;
    transition: all 0.4s ease;
}
.cart_number {
    background-color: var(--main-color);
    border-radius: 100%;
    color: white;
    width: 1.5em;
    height: 1.5em;
    font-size: 1rem;
    transition: all 0.4s cubic-bezier(0.58, -0.43, 0.35, 1.45);
    position: absolute;
    right: 0;
}

.header .disconnect_bt {
    color: transparent !important;
    width: 2.2em;
    overflow: hidden;
    height: 2em;
    position: relative;
    vertical-align: middle;
    text-align: left;
    border: none !important;
}
.header .disconnect_bt:hover {
    color: var(--main-background-color) !important;
    width: 9.4em;
    height: 3em;
    padding-right: 1.8em !important;
    padding-left: 1.1em !important;
    line-height: 2em;
}


.disconnect_bt:hover .disconnect_icon {
    filter: none;
    top: 0.25em;
}

.header .disconnect_icon{
	content:'';
	display: inline-block;
    /* background: var(--main-color); */
    display: inline-block;
    width: 2em;
    height: 1.5em;
    background-image: url(icons/logout.svg);
    position: absolute;
    top: 0.1em;
    right: 0;
    filter: brightness(0.4) sepia(1) hue-rotate(-38deg) saturate(4.7);
    background-repeat:no-repeat;
    background-position: center left !important;    
}
.account_Block .disconnect_bt::before {
	content:'';
	/* background: var(--main-color); */
	display: inline-block;
	width: 2em;
	height: 1.5em;
	background-image: url(icons/logout.svg);
	top: 0.1em;
	right: 0;
	filter: brightness(0.4) sepia(1) hue-rotate(-38deg) saturate(4.7);
	background-repeat:no-repeat;
	background-position: center left !important;
	vertical-align: middle;
}
.account_Block .disconnect_bt:hover::before
{
	filter: brightness(3);
}

.top_menu {
	display: inline-block;
	/* position: fixed; */
	top: 0px;
	width: 100vw;
	z-index: 2;
	text-align: center;
	background-color: var(--main-background-color);
	border-top: var(--smooth-border);
	/* position: relative; */
}

.sticky_topnav .top_menu {
    z-index: 1;
}

.top_menu menu {
    position: relative;
    z-index: 2;
}
.top_menu a {
	display: inline-block;
	color: var(--main-text-color);
	text-transform: uppercase;
	padding: .4em 1em;
	padding-right: 2em;
	position: relative;
}

.top_menu a:hover, .top_menu .active>a {
	color: rgb(255, 255, 255);
	background-color: var(--main-color);
	/* box-shadow: rgb(0, 0, 0) 0px 0px 1em; */
}
menuitem .submenu {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    display: block;
    left: 0;
    width: 100vw;
    background-color: var(--main-background-color);
    margin: 0;
    /* background-color: red; */
    text-transform: unset;
    box-shadow: 0 1em 1em #5913130f;
}
.submenu_content_wrapper > menuitem {
    display: inline-block !important;
}
menuitem .submenu menuitem {
    display: block;
    width: 12em;
    margin: 0;
    vertical-align: top;
    text-transform: unset;
    height: 1.7em;
}
.submenu .title {
    color: var(--main-color);
}



.submenu.open {
    display: inline-block !important;
    text-align: center;
}
.submenu_content_wrapper {
    padding: 1em;
}
.submenu_block {
    text-align: left;
    width: auto;
    display: inline-block;
    position: relative;
    width: 14em;
    vertical-align: top;
}
menuitem .submenu menuitem a {
    width: 100%;
    /* background-color: #ff00000f; */
    text-transform: unset;
    padding: 0 1em;
}

/* STICKYTOP NAV ---------------------------------------------------------------- */
.header {
    background-color: var(--main-background-color);
    z-index: 100;
    position: fixed;
    height: 17em;
    transition: all 1.4s ease;
}
.header:hover {
    box-shadow: 0 0 1em #b3441a4f;
}
.header.sticky_topnav {
    position: fixed;
    top: 0;
    left: 0;
    height: 5em;
    z-index: 100;
}



.header.sticky_topnav a.header_logo 
{
    width: 4em;
    height: 4em;
    margin: 0;
    margin-top: 1.3em;
    margin-bottom: -4em;
    margin-left: 3em;
    position: relative;
    top: -1em;
    z-index: 20;
}
/* STICKYTOP NAV ---------------------------------------------------------------- */


.top_nav,
.user_nav {
	display: inline-block;
}

.user_nav {
	margin-left: 2em;
}

.share_pict_bt {
	background-color: var(--main-color);
	display: inline-block;
	width: 1em;
	height: 1em;
	text-align: center;
	font-size: 1.5em;
	border-radius: var(--border-radius);
}

.full_screen_bt {
	display: inline-block;
	width: 1.5em;
	height: 100%;
	padding: 0px;
	background-image: url("icons/full_screen_thick.svg");
	float: right;
	margin: 0px 1em;
}

.full_screen_bt::after {
	content: "";
	width: 100%;
	padding-top: 100%;
	display: inline-block;
	margin: 0px;
	vertical-align: bottom;
}

.footer_menu,.signature_anunaqi {
	/* position: fixed; */
	bottom: 0px;
	width: 100vw;
	text-align: center;
	font-size: 0.8rem;
	/* background-color: var(--main-background-color); */
	z-index: 100;
	z-index: 10;
	/* background-color: white; */
	position: relative;
}

.footer_menu a {
	padding: 0.4em;
	font-style: italic;
}

.footer_menu a.active {
	color: var(--main-color);
	font-weight: bold;
	text-decoration: underline;
}



.signature_anunaqi {
    text-align: center;
    font-style: italic;
    color: #8080808f;
    transition:all .8s ease;
    background-color: var(--main-background-color);
    position: relative;
}

.signature_anunaqi:hover {
    text-decoration: underline;
    color:var(--main-color);
    font-size: .8em;
}


.top_menu .burger_menu_bt {
	display: none;
	cursor: pointer;
}

.mobile_menu {
	display: none;
}


.burger_menu_bt::before,
.burger_menu_bt::after {
	content: "";
	display: block;
	width: 1.8em;
	height: 3px;
	background-color: white;
	position: absolute;
	top: 0.8em;
	left: 0.4em;
	border-radius: 1em;
	transition: all 0.8s ease 0s;
}

.burger_menu_bt::before {
	box-shadow: white 0px 0.5em 0px 0px;
}

.burger_menu_bt::after {
	top: 1.8em;
}

.open_top_menu .burger_menu_bt::before {
	box-shadow: white 0px 0em 0px 0px;
	transform: translate(-0.4em, 0.6em) rotate(45deg);
	width: 2.6em;
}

.open_top_menu .burger_menu_bt::after {
	box-shadow: white 0px 0em 0px 0px;
	transform: translate(-0.4em, -0.5em) rotate(-45deg);
	width: 2.6em;
}

.connect_block {
	background-color: var(--modal_overlay);
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

.logIn_sucribe_bt {
	cursor: pointer;
	background-image: url(icons/user_empty_black.svg);
	background-position: right 4px top 4px;
	background-size: 1.6em;
	padding: .4em;
	padding-right: 2em;
	vertical-align: bottom;
	transition: all .8s ease;
	display: inline-block;
	vertical-align: top;
}
.bt_display.logIn_sucribe_bt {
    padding-right: 2em;
}
.logIn_sucribe_bt {}

.bt_display {
	display: inline-block;
	color: var(--main-color);
	background-color: var(--main-background-color);
	border: var(--main-color) 1px solid;
	text-align: center;
	padding: 0.4em 1em;
	font-style: normal;
	transition: all 0.4s ease-in-out 0s;
	font-size: 1rem;
	font-weight: 400;
	text-shadow: none;
	user-select: none;
	margin: 1em 2em;
	/* margin-right: 0; */
}
.bt_display:visited
{
	color: var(--main-color);
}
.save_bt.bt_display {
    background-image: url(icons/save.svg);
    background-color: var(--main-color);
    color:transparent;
    background-size:1.6em;
}

.delete_bt.bt_display {
	background-color: var(--red);
	color: white;
	background-image: url("icons/delete.svg");
	background-position: left center;
	padding-left: 1.6em;
	background-size: 1.5em;
}

.delete_bt.bt_display:hover 
{
	background-color: var(--red) !important;
	box-shadow: #c6243e8a 0 1em 1em -.4em;
}

.bt_display:hover {
	box-shadow: var(--box-shadow);
	background-color: var(--main-color) !important;
	color: var(--main-background-color);
	transform: scale(1.1);
	/* line-height: 2.5em; */
	height: 2.6em;
	height: auto;
	text-decoration: none !important;
}
.bt_display.ok ,.rec_bt.ok {
    background-color: #7caf4c !important;
    border-color: #7caf4c;
    box-shadow: 0 0 2em #7caf4c;
    color: white;
    /* margin: 2em; */
}
.rec_editable_text_bt.bt_display {
    margin-bottom: 4em;
}
.connectForm {
	background-color: var(--main-background-color);
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	padding: 1em;
	border-radius: var(--border-radius);
	box-shadow: rgb(0 0 0 / 27%) 0px 1em 1em;
	z-index: 2;
	text-align: center;
	max-width: 90vw;
	width: 24em;
	padding: 4em 2em;
}
.connectForm .title {
    font-size: 1.7em;
    margin: 2em 0;
    margin-top: 0;
}
.close_connect_block {
	z-index: 1;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.social_connect {
	padding: 1em 0px;
	text-align: center;
	display: none;
}

.facebook_connect,
.google_connect {
	width: 12em;
	display: inline-block;
	margin: 0.4em;
}

.facebook_connect_bt,
.google_connect_bt {
	display: inline-block;
	width: 100%;
	height: 2em;
	padding: 0.4em;
	text-align: center;
}

.facebook_connect_bt {
	background-color: rgb(96, 96, 188);
	content: "Facebook Connect";
	color: white;
	box-shadow: 0 0.2em 0.4em #00000059;
}

.google_connect_bt {
	width: 100%;
	height: 2em;
	text-align: left;
	padding: 0px;
}

.userGGpreview {
	background-color: white;
	color: grey;
	padding: 0.4em;
	text-align: left;
}

.GG_avatar {
	display: block;
	height: 2.3em;
	width: 2em;
	float: left;
	margin-right: 0.7em;
}

.GGemail {
	width: 100%;
	text-align: center;
}

.GGname {
	font-weight: bold;
}

.abcRioButtonContentWrapper {
	width: 100%;
	display: inline-block;
}

.abcRioButton.abcRioButtonLightBlue {
	display: inline-block;
	width: 100% !important;
	height: 100% !important;
}

.GG_response_block a {
	display: block;
	background-color: var(--main-color);
	color: rgb(255, 255, 255);
	padding: 0.5em 0.4em;
	margin: 0.4em 0px;
	text-align: center;
	font-weight: bold;
	border-radius: var(--border-radius);
}

.GG_response_block {
	text-align: center;
	padding-top: 0.4em;
	border-top: var(--main-color) 1px solid;
	margin-top: 0.4em;
}

.connect_WS_title {
	color: var(--main-color);
	font-style: italic;
	font-size: 0.8em;
}

.websiteConnect_block {
	text-align: center;
}

.websiteConnect_block a
{
	color:var(--main-color);
}

em.please_complete_profile {
	display: block;
	margin: 1em;
}

.set_password_block {
	margin: 5em auto;
	text-align: center;
	width: 20em;
	background-color: var(--form_bg_color);
	padding: 1em;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}
.set_password_block a {
    color: var(--main-color);
    font-style: italic;
}
.set_password_block .bt_display.logIn_sucribe_bt {
    padding-left: 2em;
    background-position: left 0.4em center;
    margin: 1em;
}
.bt_display.record_reseted_password {
    margin: 1em auto;
}

input.reset_password {
    /* margin: 2em auto; */
}
.account_Block {
	/* margin-top: 7em; */
	text-align: center;
}
.account_Block h2 {border-bottom: var(--main-color) 1px solid;padding: 0.5em;margin: 1em auto;}

.account_Block .action_bt {
    position: relative;
}
.account_Block .disconnect_bt {
	position: relative;
	display: inline-block;
	/* background-image: url(icons/logout.svg); */
	/* text-align: left; */
}

.account_Block input {
	text-align: center;
}

.profil_card {
	position: relative;
	max-width: 80vw;
	width: 24em;
	background-color: var(--form_bg_color);
	margin: 0px auto;
	padding: 1em;
	text-align: center;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
}
.account_Block .block {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 2em;
}

.account_Block label {
    width: 8em;
    /* background-color: #ff000029; */
    display: inline-block;
    text-align: right;
}

.account_Block input,.account_Block textarea {
    width: 16em;
    /*     background-color: #00800029; */
    display: inline-block;
    margin: 0;
    padding: .2em;
    text-align: left;
    font-weight: bold;
    color: var(--main-color);
    transition: all 0.8s ease;
}
.account_Block .block.adresse label {
    width: 11em;
    text-align: left;
}
.account_Block textarea {
    width: 100%;
}

.account_Block .block.adresse .textarea label {
    text-align: left;
    width: 100%;
}
.account_Block .inputWrapper {
    margin: 1em 0;
}
.avatar {
	border: var(--main-color) 3px solid;
	height: 4em;
	width: 4em;
	border-radius: 100%;
	margin: -4em auto 1em;
	background-color: var(--main-color);
	box-shadow: var(--box-shadow);
	font-size: 2em;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease-in-out 0s;
}

.avatar:hover {
	width: 8em;
	border-radius: 0px;
	height: 8em;
	max-width: 80%;
}

.avatar:hover .image_profile {
	background-size: contain;
}

.edit_avatar {
	background-image: url("https://image.flaticon.com/icons/png/512/61/61456.png");
	color: transparent;
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all 0.8s ease-in-out 0s;
	z-index: 2;
	bottom: 0px;
	right: 0px;
	opacity: 0;
	border-radius: 100%;
	background-size: 1em;
	border: var(--main-color) 3px solid;
}

.avatar:hover .edit_avatar {
	opacity: 1;
	width: 2em;
	height: 2em;
}

.edit_avatar:hover {
	box-shadow: var(--box-shadow);
	cursor: pointer;
}

.image_profile {
	height: 100%;
	width: 100%;
	background-image: url("https://www.pyranet.co.uk/wp-content/uploads/2019/09/49-497487_unknown-clipart-man-silhouette-female-silhouette-question-mark.jpg");
	background-size: cover;
	transition: all 0.4s ease-in-out 0s;
}

.upload_blox_wrapper {
	background-color: var(--modal_overlay);
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

.close_avatar_upload_box.overlay {
	height: 100vh;
	width: 100vw;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

.upload_blox {
	background-color: var(--form_bg_color);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2em;
}

.avatar_drop {
	width: 100%;
	height: 15em;
	max-height: calc(100vh - 6em);
	text-align: center;
	border: var(--main-color) 4px dashed;
	border-radius: var(--border-radius);
	background-size: contain;
}

.avatar_sender.bt_display {
	float: right;
}

.pseudo {
	font-size: 2.2em;
	position: relative;
	width: 100%;
}

.pseudo input {
	width: calc(100% - 1em);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	min-width: unset;
	margin-left: 0.5em !important;
}

.email {
	font-style: italic;
	/* margin: 0.4em; */
	/* color: var(--main-color); */
}

.location {
	font-size: 1.3em;
}

.name>div,
.location>div {
	display: inline-block;
}

.social_profiles_links {
	margin: 2em auto;
	max-width: 20em;
}

.social_profiles_links input {
	margin: 0.4em auto;
}

.social_profiles_links>div {
	position: relative;
}

.user_social_link {
	content: "";
	height: 100%;
	width: 1em;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.disabled_link {
	filter: grayscale(1);
	cursor: not-allowed;
}

.fb_link .user_social_link {
	background-image: url("https://www.facebook.com/rsrc.php/yD/r/d4ZIVX-5C-b.ico");
}

.instagram_link .user_social_link {
	background-image: url("https://www.instagram.com/static/images/ico/apple-touch-icon-120x120-precomposed.png/8a5bd3f267b1.png");
}

.pinterest_link .user_social_link {
	background-image: url("https://s.pinimg.com/webapp/style/images/logo_trans_144x144-5e37c0c6.png");
}

.head_notif,
.save_changes_on_profile {
	background-color: var(--form_bg_color);
	text-align: center;
	margin: 1em;
	border-radius: var(--border-radius);
	width: calc(100% - 2em);
	padding: 1em;
	box-shadow: var(--box-shadow);
	z-index: 100;
	top: 0px;
}

.save_changes_on_profile .bt {}

.homeMap {
	height: calc(80vh - 8rem);
	width: 100%;
}

.streetMap iframe {
	width: 100%;
	height: 100%;
	filter: saturate(0) invert(1) sepia(1) saturate(3);
}

img[role="presentation"] {
	transform: scale(1.007);
}

@keyframes follow_pulse {
	0% {
		background-image: url("icons/follow_me_off.svg");
	}
	100% {
		background-image: url("icons/follow_me_on.svg");
	}
}

.followMe_bt {
	user-select: none;
	width: 4em;
	height: 4em;
	background-image: url("icons/follow_me_off.svg");
	background-size: 2.8em;
	right: 0.8em;
	position: relative;
	transition: all 0.6s ease 0s;
	box-shadow: black 0px 0em 2em, black 0px 0px 0em !important;
}

.followMe_bt.following {
	background-image: url("icons/follow_me_on.svg");
	animation-name: follow_pulse;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	animation-play-state: running;
	background-color: rgb(255, 226, 143) !important;
	box-shadow: 0 0 1em var(--main-color) !important;
}

/* 404 ****************************************************************************** */

._404 .logo:after {
    background-color: #5c534b;
    display: inline-block;
    height: 0.3em;
    width: 7em;
    content: '';
    position: absolute;
    bottom: -0.9em;
    left: 50%;
    transform: translateX(-50%);
}

html._404 .content {
    height: calc( 100vh - 20em);
}

.bg404 {/*     background-color: red; */height: calc(100vh);height: 100%;width: 100vw;position: absolute;top: 0;left: 0;background-image: url(img/404_bg.jpg);background-size: cover;background-position-y: top;background-position: unset;}

@keyframes appear_404
{
	from
	{
		opacity:0;
		transform: translate(-50%,-50%) scale(1.2);
	}
	to
	{
		opacity:1;
		transform: translate(-50%,-50%) scale(1);
	}
}

@keyframes appear_404_content
{
	from
	{
		opacity:0;
		transform: translateY(10%) scale(1.05);
	}
	to
	{
		opacity:1;
		transform: translateY(0) scale(1);
	}
}


._404 .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ffffffeb;
    border-radius: 100%;
    height: 30em;
    width: 30em;
    padding: 3em 4em 11px;
    box-shadow: 0 1em 2em #000;
    opacity:0;
    animation:  2s ease 1s appear_404 forwards;
}

._404 .logo {
    height: 12em;
    background-image: url(logo/Logo.svg);
    position: relative;
    opacity:0;
	animation:  2s ease 1.6s appear_404_content forwards;
	tra

}
.erreur_404 {
    font-size: 3em;
    margin: 0.7em 0;
    margin-bottom: 0.6em;
    opacity:0;
	animation:  2s ease 1.8s appear_404_content forwards;

}

._404 .phrase {
    font-size: 1.4em;
    font-style: italic;
    opacity:0;
	animation:  2s ease 2s appear_404_content forwards;

}
/* 404 ****************************************************************************** */
/* HOME ****************************************************************************** */
.Accueil .big_carrousel {
    height: 52vh;
    max-height: 40em;
    /* height: 20em; */
    /* background-color: #e2b6b6; */
    margin: 2em 0;
    position: relative;
}

.home_text {
    /* background: #ff000040; */
    max-width: calc( 100vw - 7em );
    text-align: justify;
    display: flex;
    width: var(--max-page-width);
    margin: 6em auto;
    margin-top: 3em;
    display: flex;
    justify-content: space-between;
}

.home_text > .bdd_txt {
    text-align: justify;
    width: 45%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0em;
}

.home_img_menu {
    /* background: #ff000042; */
    margin: 5em auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--max-page-width);
    margin: 2em auto;
}

a.home_img_block {
    /* background: #ffff0080; */
    display: inline-block;
    /* padding-bottom: 14%; */
    width: 26%;
    border-bottom: var(--smooth-border);
    transition:all .8s ease;
    position: relative;
}
a.home_img_block:hover {
    box-shadow: var(--box-shadow);
    /* transform: scale(1.05); */
}
.home_img_menu .img, a.home_img_block .carrousel_wrapper {
    /* background-color: #0000ff73; */
    /* height: 300px; */
    width: 100%;
    background-color: #eeeeee;
    padding-bottom: 100%;
    background-size: cover;
    position: relative;
}

.home_img_menu .title {
    text-transform: uppercase;
    margin: 1em 0;
    text-align: center;
    color: var(--main-color) !important;
    font-weight: bold;
}

.reassurance_block {
    /* background-color: #ff00001f; */
    margin: 9em auto;
    width: 80%;
    max-width: var(--max-page-width);
    display: flex;
    justify-content: space-between;
}

.reassurance_block .block {
    /* background-color: #ffa5001a; */
    display: inline-block;
    padding: 1em;
    transition: all ease .8s;
    text-align: center;
    width: calc(100% / 4 - 2em);
}

.reassurance_block .block:hover {
    /* box-shadow: 0 0.7em 1em #401f1f47; */
    transform: scale(1.1);
}

.reassurance_block .img {
    /* background-color: #0000ff42; */
    height: 6em;
    width: 4em;
    display: inline-block;
    opacity: 0.6;
    transition: all ease .8s;
}
.reassurance_block .block:hover .img {
    opacity: 1;
    transform: scale(1.2) translateY(-10%);
    filter: drop-shadow(2px 4px 6px #0005);
}
.reassurance_block .label {}

/* HOME ****************************************************************************** */
/* CATALOGUES ****************************************************************************** */
.catalogue {
    /* background: #ffab002b; */
    display: flex;
    vertical-align: top;
    width: 100%;
    /* height: calc( 100vh - 14em ); */
    min-height: 80em;
}
.cross_selling_title {
    font-size: 2em;
    border-bottom: var(--main-color) 1px solid;
    padding: 1em;
    width: 60%;
    margin: 2em auto;
    text-align: center;
}
.oeuvres_list {
    width: calc( 100% - 15em );
    /* background-color: red; */
    margin-left: 14em;
    /* display: inline-block; */
    position: relative;
    /* background-color: #7ead7e3d; */
    text-align: center;
    padding: 3em;
    height: 100%;
    /* transition: all ease .8s; */
    /* overflow: auto; */
    min-height: 50em;
}
.filters_block {
    width: auto;
    z-index: 2;
    position: fixed;
    background-color: var(--main-background-color);
    padding: 0 1em;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 2em );
    top: 21em;
    /* transition: all 0.4s ease-in-out; */
    padding-bottom: 4em;
}


.filters_block.sticky_filter_box {
    top: 8em;
}
.sort_by {
    position: relative;
    margin: 1em auto;
    max-width: 10em;
}

.sort_by span, .sort_by.active span {
    cursor: pointer;
    position: absolute;
    height: 1.4em;
    width: 1.4em;
    line-height: 1.4em;
    border: #dadada 1px solid;
    border-radius: 100%;
    opacity: 0.4;
    color: var(--main-text-color);
    transition: all .6s ease;
}
.sort_by.active span.active {
    opacity: 1;
    color: var(--main-color);
    transform: scale(1.3);
}
.sort_by.active {
    color: var(--main-color);
}
.sort_by span.asc {
    left: 0;
    line-height: 1.2em;
}

.sort_by span.desc 
{
    right : 0;
}


.filters {
    height: auto;
    /* background-color: #ff000029; */
    width: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    /* padding: 4em 0; */
    position: relative;
    /* z-index: 2; */
    /* padding: 1em; */
    padding-bottom: 20em;
}
.filter_block_responsive_handler {
    display: none;
}
a.bt_display.add_idem {
    margin: 1em auto;
    /* margin-bottom: 4em; */
    text-transform: uppercase;
    /* color: var(--main-color); */
    display: block;
    display: inline-block;
}
.bt_display.filter {
    display: inline-block;
    width: 10em;
    opacity: .6;
    transform:scale(.8);
    transition:all ease .8s;
    margin: 1em auto;
    text-transform: uppercase;
}
.bt_display.filter:not(.all) 
{
	border:none;
	color:white;
	font-weight:bold;
}
.bt_display.filter:hover 
{
    opacity:1;
	transform:scale(.9);
}
.bt_display.filter.selected
{
	opacity:1;
	box-shadow: #0006 0 .4em 1em;
	transform:scale(1);
}
.filter_blocks {
    /* border: red 1px dashed; */
    margin: 1em 0;
    width: auto;
    /* display: inline-block; */
    text-align: left;
}

.filter_blocks .titre {
    color: var(--main-color);
    text-decoration: underline;
    font-weight: bold;
}

.filters_wrapper {
    padding: 0 1em;
    width: auto;
}

.filter {
    position: relative;
    padding-right: 1em;
    padding-left: 0.5em;
    cursor: pointer;
    transition: all .6s ease;
    word-break: keep-all;
    /* display: inline-block; */
    width: auto;
    white-space: nowrap;
    line-height: 1.7em;
    margin: 0.3em;
}
.filter:hover {
    font-size: 1.2em;
/*     color: var(--main-color); */
}
.filter.selected {
    color: white;
}

.filter:before {content: '';
background-color: #80808030;
left: -0.4em;
top: 0.4em;
height: 0.6em;
width: .6em;
display: inline-block;
position: absolute;
z-index: -1;
transition: all .4s cubic-bezier(0.39, -0.18, 0.36, 1.37);
border-radius: 1em;}


.filter.selected:before 
{
	content: '';
	background-color: var(--main-color);
	left: -0.4em;
	top: 0em;
	height: 100%;
	width: 100%;
	/* display: inline-block;
	 *//* position: absolute;
	 */border-radius: 0;
}
.filter:not(.selected):hover:before 
{
	content: '';
	background-color: #8080801f;
	left: -0.4em;
	top: 0em;
	height: 100%;
	width: 100%;
	/* display: inline-block;
	 *//* position: absolute;
	 */border-radius: 0;
}

.filter.all {
    width: auto !important;
    padding: .4em 1em !important;
    margin: 0;
    line-height: normal;
}

.filter.all:before {
    /* display: none; */
    left: 0;
}


.masonry {width: 90%;text-align: center;margin: 0 auto;/* display: inline-block; *//* background-color: red; */}
.oeuvres_list a.block {
    /* background: #0080004f; */
    margin: 0;
    /* margin: 0 0 1.5em; */
    width: 30em;
    display: block;
    vertical-align: top;
    /* border: #00000008 1px solid; */
    float: left;
    /*     opacity: 0.6; */
    /* filter:grayscale(.5); */
    transition: unset;
    padding: 1em;
}
.oeuvres_list a.block.offline
{
	opacity:.5;
	transform: scale(1);
}

/* .oeuvres_list:hover a.block {
    filter: blur(2px);
}
.oeuvres_list:hover a.block:hover{
    filter: blur(0px);
} */


.oeuvre_card {
    /* padding: 1em; */
    background-color: var(--main-background-color);
    box-shadow: 0 0 1em #00000017;
    /* margin: 0; */
    /* padding: 0; */
    transition: all .6s ease;
    transform: scale(1);
}
a.block:hover .oeuvre_card {
    transform: scale(1.05);
    z-index: 2;
    box-shadow: 0 0.4em 2em #0000002e;
}

.oeuvre_card .visu_oeuvre {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    background-size: cover;
}
.oeuvre_card img {
    /* visibility: hidden; */
    opacity: 0;
}
.oeuvre_card .add2cart.bt_display {
    position: absolute;
    top: -1em;
    right: -2em;
    opacity: 0;
    padding: 0;
    border-bottom-left-radius: 1.7em;
    border: none;
    color: transparent;
    font-size: 1em;
    overflow: hidden;
    height: 3.5em;
    width: 3.3em;
}
.oeuvre_card .add2cart.bt_display:hover 
{
	box-shadow: 0 0.4em 1em #942d19c4;
}
.oeuvre_card .add2cart.bt_display:before
{
	content:'';
	/* background-color:red; */
	background-image: url(icons/cart_2.png);
	height: 3.2em;
	width: 3.2em;
	display: block;
	background-size: contain;
	background-position: center;
	position: relative;
	z-index: 2;
	filter:brightness(1);
	transition: all .4s ease;
}
.oeuvre_card .add2cart.bt_display.ok:before
{
	filter:brightness(3);
}

.oeuvre_card .add2cart.bt_display:hover::before
{
	filter:brightness(3);
}

.oeuvre_card:hover .add2cart.bt_display {
    opacity: 1;
}

@media  handheld 
{
	.oeuvre_card .add2cart.bt_display 
	{
		opacity: 1;
	}
}

.oeuvre_card .infos_block {
    padding: 1em;
    text-align: left;
}
.oeuvre_card .titre {
    font-weight: bold;
    text-align: left;
    width: auto;
    display: inline-block;
}
.oeuvre_card .techniques_dims {
    font-style: italic;
    opacity: .5;
}

.oeuvre_card .non_dispo {
    font-style: italic;
    opacity: 0.5;
}

.oeuvre_card .prix {
    float: right;
    display: inline-block;
}
.oeuvre_card .vendu {
    text-transform: uppercase;
    border: var(--main-color) 1px solid;
    width: auto;
    color: var(--main-color);
    display: inline-block;
    /* position: absolute; */
    top: 2em;
    padding: .4em 1em;
    right: 2em;
    transform: rotate(13deg);
    font-weight: bold;
    background-color: #ffffffa6;
}
.oeuvre_card .prix_euro {
    color: var(--main-color);
    text-align: right;
    font-weight: 800;
}

.oeuvre_card .techniques {
    text-align: left;
    width: auto;
    display: inline-block;
}

.oeuvre_card .dims {
    text-align: left;
    width: auto;
    display: inline-block;
}
/* 
.oeuvres_list .block:hover,.oeuvres_list .block.offline:hover 
{
	opacity: 1 !important;
	filter:grayscale(0);
	transform: scale(1.05);
	box-shadow: #00000052 0 1.8em 2em;
	z-index:2;
	transition: all 0.2s ease;
} */

.oeuvre_card .infos_block .artist:hover {
    color: var(--main-color);
    text-decoration: underline;
}

.oeuvre_card .infos_block .artist {
    display: inline-block;
}
/* CATALOGUES ****************************************************************************** */
/* OEUVRE ****************************************************************************** */
.deleted_oeuvre {
    padding: 2em;
    font-size: 2em;
    color: #8080806e;
    font-style: italic;
}

.Oeuvre_wrapper {
    /* display: flex; */
    min-height: 20vh;
    /* justify-content: stretch; */
    /* background-color: #ff00002e; */
    width: 80%;
    margin: 4em auto;
    margin-bottom: 4em;
    max-width: var(--max-page-width);
}
.Oeuvre_wrapper .input_wrapper {
    margin: 0;
    display: inline-block;
    padding: 0;
    /* height: 100% !important; */
    /* min-height: 20em; */
}
.Oeuvre_wrapper .visuel  .input_wrapper {
    /* min-height: 50em !important; */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.Oeuvre_wrapper .visuel {
    height: auto;
    width: 50%;
    background-color: #f6f6f6;
    display: inline-block;
    position: relative;
    box-shadow: 0 0.6em 1em -0.3em #00000063;
    /* min-height: 30em; */
    height: auto;
    max-height: 70vh;
}
.Oeuvre_wrapper[id_oeuvre=new] .visuel {
    min-height: 50em !important;
}

img.dim_img
{
	opacity:0;
	margin: 3px;
	margin-bottom: -9px;
}
.Oeuvre_wrapper .details {display: inline-block;/* background-color: #ffa50030; */width: 49%;vertical-align: top;min-height: 20em;padding: 0 2em;}

.Oeuvre_wrapper .title {
    font-weight: bold;
    font-size: 2em;
    height: auto;
    line-height: 1em;
    display: inline-block;
    padding: 0;
    width: 100%;
    text-align: left;
}

.switch_block {
    display: flex;
    justify-content: space-between;
}

.switch_block .input_wrapper {
    /* background: red; */
    border-radius: 2em;
    padding: 0 1em;
    width: auto;
    border: var(--light-grey) 1px solid;
    /* margin: 0 1.3em; */
    height: 3.6em;
}

.Oeuvre_wrapper .buyBlock {
    text-align: right;
    position: relative;
    min-height: 2em;
    margin: 1em;
}
.Oeuvre_wrapper .buyBlock .vendu {
    border: var(--main-color) 3px solid;
    display: inline-block;
    padding: .4em 1em;
    text-transform: uppercase;
    color: var(--main-color);
    font-weight: bolder;
}
.Oeuvre_wrapper .price .vendu {
    border: var(--main-color)1px solid;
    padding:.4em 1em;
    display:inline-block;
    color: var(--main-color);
    text-transform: uppercase;
    float: left;
}
.Oeuvre_wrapper .price {
    display: inline-block;
    text-align: left;
    color: var(--main-color);
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0;
    /* float: left; */
    margin-top: 3em;
    width: 16em;
    width: 100%;
    position: relative;
}
.Oeuvre_wrapper .price .prix_euro {
    display: inline;
    font-size: 1.4em;
}

.Oeuvre_wrapper .price .add2cart.bt_display {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
.Oeuvre_wrapper .price .input_wrapper
{
	width: calc( 100% - 3em);
	margin: 1em 0;
	font-size: 1.6em;
}

.Oeuvre_wrapper .price input
{
	text-align:right;
	padding: 0 1em;
	/* margin: 0; */
}
.Oeuvre_wrapper .price .input_placeholder {
    left: 2em;
}
.Oeuvre_wrapper .paint_scuplt_block {
    display: none;
}
.detail_artist_wrapper {
    text-align: right;
    font-style: italic;
    font-size: 1.8em;
    display: block;
    border-bottom:var(--main-color) 0px solid;
    width: auto;
    display: inline-block;
    /* float: right; */
    /* margin-bottom: 1em; */
    width: 100%;
    text-align: right;
    position: relative;
    margin-top: 1em;
}
.detail_artist_wrapper .input_wrapper {
    width: calc( 100% - 2em);
}
.detail_artist_wrapper .input_wrapper .input_placeholder
{
	display:none;
}

a.artiste_fiche_link {
    position: absolute;
    right: 0;
    color: var(--main-color);
    font-size: 1rem;
    font-style: italic;
    z-index: 2;
    top: -1.2em;
    background-color: var(--main-color);
    color: white;
    padding: 0.2em 1em;
}

.artist_list {
    background-color: white;
    box-shadow: 0 1em 0.6em -0.6em #00000026;
    position: absolute;
    right: 0;
    z-index: 20;
    max-height:12em;
    overflow-y:auto;
}

.artist_suggest {
    padding: .4em;
    font-size: 1.2rem;
    border: #8080801a 1px solid;
    transition: all ease .6s;
    cursor: pointer;
}
.artist_suggest:hover {
    background-color: var(--main-color);
    color: white;
    box-shadow: var(--main-color) 0 0 0.5em;
}
.create_artist_block {
    font-size: 1rem;
}
.detail_artist_wrapper input {
    text-align: right;
}
.Oeuvre_wrapper a.artist:hover 
{
	color:var(--main-color);
	border-bottom:var(--main-color) 1px solid;
}

.Oeuvre_wrapper .short_desc_wrapper, .Oeuvre_wrapper .long_desc_wrapper {
    text-align: justify;
    margin: 2em auto;
    clear: both;
    /* display: inline-block; */
    /* min-height: 9em; */
    background-color: #ff00000f;
    /* width: 100%; */
    background-color: #80808012;
    padding: 1em;
}

.Oeuvre_wrapper .more_details {
    margin: 2em auto;
}

.tab_system {}

.menu_tab_wrapper {
    text-align: left;
    padding: 0 1em;
    border-bottom: var(--main-color) 1px solid;
}
.tab_bt {
    padding: .4em 1em;
    display: inline-block;
    border: var(--main-color) 1px solid;
    background-color: var(--main-color);
    color: var(--main-background-color);
    transition: all .4s ease;
    margin: 0 -0.2em;
    position: relative;
    opacity: 0.6;
    cursor: pointer;
    vertical-align: bottom;
}
.tab_bt:hover 
{
	opacity:1;
}
.tab_bt.selected {
    display: inline-block;
    background-color: var(--main-background-color);
    color: var(--main-color);
    /* box-shadow: 0 -0.9em 0.8em 0em #00000045; */
    z-index: 2;
    border-bottom: #FFF 3px solid;
    margin-bottom: -7px;
    /* transform: scale(1.1); */
    padding: 1em;
    opacity: 1;
}

.tab_content_wrapper {}

.tab_content.selected {
    display: block;
}

.tab_content {
    display: none;
    text-align: justify;
    padding: 2em;
}

.format_oeuvre_wrapper .input_placeholder {
    left: -1.8em;
    display: none;
}
.Oeuvre_wrapper .dimension {
    /* width: 19em; */
    margin: 1em 0;
    text-align: left;
}

.Oeuvre_wrapper .dimension .input_wrapper {
    width: 9em;
    display: inline-block;
}
.dimension.poids .input_wrapper {
    /* width: calc( 100% - 26em ); */
}
 .keywords_wrapper {
    display: inline-block;
    margin: 1em 0;
    background-color: #dddddd47;
    width: 100%;
    text-align: left;
    /* border: var(--main-color) 0px solid; */
    padding: 1em;
    border-width: 1px 0;
}

 .kewords_string_list .titre {
    font-size: 2em;
}

.kewords_string_list {
    font-style: italic;
    font-weight: bold;
}

.keyword_bt {
    display: inline-block;
    padding: .4em;
    margin: 1em;
    background-color: white;
    color: var(--main-color);
    position: relative;
    transition:all .6s ease;
    cursor: pointer;
}
.keyword_bt.selected {
    transform:scale(1.2);
}
.keyword_bt.selected, .keyword_bt:hover {
    color: white;
    background-color: var(--main-color);
    box-shadow: var(--main-color) 0 0.5em 1em -.4em;
}
.keyword_bt:hover 
{
    color: white;
    background-color: var(--main-color);
    opacity:.8;
}
.keyword_bt.deleted {
    transform: scale(0);
    width: 0;
    margin: 0;
    /* overflow: hidden; */
    color: transparent;
}
.keyword_bt.deleted * {
    display:none;
}
.delete_keyword {content: 'x';display: inline-block;/* position: absolute; */right: 0;background-color: white;height: 1em;width: 1em;margin-left: 0.3em;border: var(--main-color) 1px solid;vertical-align: top;transition: all .4s ease;}

.delete_keyword:after {content: 'x';color: var(--main-color);padding: 0.2em;vertical-align: top;line-height: 0.9em;}

.delete_keyword:hover {
    background-color: var(--main-color);
    color: white;
}

.delete_keyword:hover:after {
    color: white;
}
@keyframes coucou
{
    0%
    {
        transform:scale(.8);
    }
    10%
    {
        transform:scale(1.4) rotate(-20deg);
    }
    20%
    {
        transform:scale(1.4) rotate(20deg);
    }
    40%
    {
        transform:scale(1.4) rotate(-20deg);
    }
    60%
    {
        transform:scale(1.4) rotate(20deg);
    }
    80%
    {
        transform:scale(1) rotate(0deg);
    }
    100%
    {
       transform:scale(1.2) rotate(0deg);
    }
}

.coucou {
    animation: coucou 1s forwards;
}




.rec_fiche_bt {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    left: 0;
    background-color: var(--main-color);
    background-color: var(--main-background-color);
    padding: 1em;
    height: 6em;
    box-shadow: 0 0 3em #863010;
}


/* OEUVRE ****************************************************************************** */

/* ARTISTES **************************************************************************** */
.artist_card .visu_wrapper {
    min-height: 10em;
    background-color: #ececec4a;
}

.artist_card {
    width: 80%;
    margin: 10%;
    padding-bottom: 80%;
    background-size: cover;
    background-color: #d5d5d538;
    /* overflow: hidden; */
    transition: all .6s ease;
}
.artist_card:hover {
    box-shadow: 0 0.4em 1em #00000045;
    transform: scale(1.1);
    z-index: 2;
}
.artist_card .infos_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffd4;
    display: inline-block;
     opacity: 0;
         transition:all .6s ease;
}

.artist_card .infos_block:hover {
    opacity: 1;
}
.artist_card .nom {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    transform: translate(-50%,-50%) scale(1.5);
    transition:all .6s ease;
    font-size: 1.6em;
    /* font-weight: bold; */
}
.artist_card:hover .nom 
{
    transform: translate(-50%,-50%) scale(1);
}
/* ARTISTES **************************************************************************** */

/* Artiste ****************************************************************************** */
.Artiste textarea {
    min-height: 20em;
}

.Artiste .img {
    padding-bottom: 50% !important;
    display: inline-block;
    min-height: 50%;
    position: relative;
}

.banner .nom_artiste {
    font-size: 1.3em;
    width: 100%;
    font-weight: lighter;
    line-height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index:2;
}

.Artiste .sur-mesure_explain .input_wrapper.type_image {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
}
.artist-fiche_wrapper .sur-mesure_explain .img {
    background-position: top right;
    background-color: transparent !important;
}
.show2catalogue {
    background-color: #f6f6f6;
    padding:1em;
}
.show2catalogue fieldset.checkBox_multi_wrapper {
    margin: 0;
}
.show2catalogue > label
{
    color:var(--main-color);
}

.input_wrapper.type_radio.show2catalogueArtiste label
 {
    margin: 0.2em;

}

.input_wrapper.type_radio.show2catalogueArtiste {
    display: block;
    margin: 0 auto;
    padding: 0;
}
/* Artiste ****************************************************************************** */

/* ACHATS ****************************************************************************** */

.explain_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
    max-width: var(--max-page-width);
    margin: 0 auto;
    text-align: justify;
}

.explain_wrapper .block {
    width: 40%;
    display: inline-block;
    text-align: justify;
    margin: 2em;
}
.explain_wrapper .block.large
{
	width:100%
}
.explain_wrapper .block .titre
{
	font-size:2em;
	margin: 1em 0;
	position: relative;
	text-align: left;
}
.explain_wrapper .icon {/*     background-color: red; */display: inline-block;height: 1em;width: 1em;vertical-align: middle;position: absolute;left: -2em;}
.explain_wrapper .left, .explain_wrapper .right {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.explain_wrapper .left .block, .explain_wrapper .right .block
{
    width: 100%;
}


.explain_img {
    margin: 2em 0;
    /* background: #ff00002b; */
    height: auto;
    display: inline-block;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.explain_img .img {
    padding-top: 50%;
    display: inline-block;
    height: 50%;
    width: 43%;
    background-color: #b9b9b93d;
    position: relative;
}

.Achat .home_img_block,.Leasing .home_img_block ,.Sur-mesure .home_img_block {
    width: 47%;
}

/* ACHATS ****************************************************************************** */
/* LEASING ****************************************************************************** */
.icon.icon_head 
{
	background-image:url('icons/head-3.png');
}

.icon.icon_badge
{
	background-image:url('icons/badge.png');
}

.icon.icon_send 
{
	background-image:url('icons/paper-plane.png');
}

.icon.icon_aggrement 
{
	background-image:url('icons/agreement.png');
}

/* LEASING ****************************************************************************** */
/* SUR MESURE ****************************************************************************** */

.sur-mesure_explain {
    width: 80%;
    max-width: var(--max-page-width);
    margin: 8em auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.sur-mesure_explain .text {
    width: 40%;
    text-align: left;
    display: inline-block;
}

.sur-mesure_explain .img {
    /* height: 20em; */
    width: 50%;
    /* background-color: #eeeeee; */
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-position-y: top;
}
.sur-mesure_explain .img .input_wrapper.type_image.visu {
    background-color: #a7a7a71a;
}
/* SUR MESURE ****************************************************************************** */






/* PAGE PANIER ****************************************************************************** */
.blank_page_content, .panier_vide {
    font-size: 3em;
    font-style: italic;
    opacity: .5;
    line-height: 1em;
    padding: 2em;
}
.out_items_block {
    padding-bottom: 4em;
    border-bottom: var(--main-color) 1px solid;
    max-width: var(--max-page-width);
    margin: 0 auto;
    margin-bottom: 4em;
}
.out_message {
    font-size: 1.7em;
    font-style: italic;
    color: #80808085;
}
.out_items {
    background-color: var(--main-background-color);
    display: inline-block;
    position: relative;
    width: 20em;
    height: auto;
    box-shadow: #00000036 0 0.3em 1em;
    margin: 2em;
}

.out_items a.visu {
    height: 15em;
    display: inline-block;
    width: 100%;
    background-size: cover;
}

.out_items .full_img {
    background-size: contain;
}
.out_items .text_infos {
    padding: 1em .4em;
}

.out_items .titre {
    font-size: 1.4em;
    font-weight: bolder;
    color: #808080a1;
}

.out_items .artist {
    font-style: italic;
}


.panier_wrapper {
    display: inline-block;
    width: 80vw;
    max-width: 800px;
    /* border: red 1px dashed; */
    margin: 4em 0;
}

.panier_item {
    width: 100%;
    /* border: green 1px solid; */
    text-align: left;
    height: 8em;
    background-color: #dedede47;
    margin-bottom: .4em;
    position: relative;
}

.panier_item .visu {
    display: inline-block;
    width: 7em;
    height: 100%;
    /* background-color: #ff000026; */
    background-color: #060606;
    background-size: cover;
    overflow: hidden;
}
.panier_item .full_img, .out_items .full_img {
    transition: all .6s ease;
    background-color: #000000a1;
    display: block;
    height: 100%;
    opacity:0;
}
.panier_item:hover .full_img, .out_items:hover .full_img
{
	opacity:1;
}
.panier_item .text_infos {
    display: inline-block;
    height: 100%;
    background-color: #e5e5e573;
    vertical-align: top;
    width: calc( 100% - 19em);
    padding: 1em;
}
.panier_item .text_infos .desc {
    overflow: hidden;
    height: 4em;
    text-overflow: ellipsis;
}
.panier_item .prix {
    display: inline-block;
    /* background: #ff00002e; */
    height: 100%;
    vertical-align: middle;
    vertical-align: top;
    font-size: 1.5em;
    padding: 1em;
    text-align: right;
    width: 6.1em;
}
.panier_item .del_cart_item, .out_items  .del_cart_item {
    background-image: url(icons/close_thick.svg);
    height: 2em;
    width: 2em;
    background-color: grey;
    display: inline-block;
    border-radius: 100%;
    background-size: 1em;
    opacity: 0.5;
    cursor: pointer;
    transform: scale(.8) rotate(0deg);
    transition: all .8s ease;
}

.del_cart_item:hover {
    transform: scale(1) rotate(360deg);
    background-color: var(--main-color);
    box-shadow: 0 0.2em 0.8em var(--main-color);
    opacity: 1;
}
.panier_item .action_bt, .out_items .action_bt
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.out_items  .del_cart_item
{
	opacity:1;
}
.out_items  .action_bt
{
	top: -1em;
	right : -1em;
}

.Panier .panier_item .titre {
    font-size: 2em;
}
.Mes-commandes .panier_item .titre {
    font-size: 1.4em;
}
.panier_total {
    display: inline-block;
    font-size: 2em;
    text-align: right;
    width: 100%;
}

.panier_total * {
    display: inline-block;
    background-color: #3d3d3d7d;
    height: 100%;
    height: 2em;
    line-height: 0em;
    padding: 1em;
    margin-left: -6px;
    color: white;
}

.connect2continue {
    background-color: #80808012;
    padding: 2em;
    width: auto;
    display: inline-block;
    box-shadow: 0 0.3em 1em #0000004a;
    margin: 5em;
}


.panier_wrapper .adress_block {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 3em 0;
}

.panier_wrapper .adresse_livraison {
     max-width: 800px;
     /* display: inline-block; */
     margin: 0 auto;
     background-color: #f2f2f2;
     box-shadow: 0 0.6em 0.9em #0000002b, 0 -0.2em 0.3em inset #0000002b, 0 1.4em 1em inset #ffffff;
     padding: 3em;
     padding-left: 16em;
     margin: 2em auto;
}
.panier_wrapper .adresse_livraison .input_placeholder {
    top: -1.2em;
}
.panier_wrapper .adresse_info_detail_block.name {}

.panier_wrapper .adresse_info_detail_block.name, .adresse_info_detail_block.first_name {
    width: calc(50% - 1em);
    display: inline-block;
    /* padding-top: 1em; */
}

.adresse_info_detail_block {
    position: relative;
    padding-top: 1em;
    margin: 0.6em 0.4em;
}

.adresse_info_detail_block .label {
    position: absolute;
    top: -0.2em;
    opacity: .5;
    display: none;
}
.panier_wrapper .adresse_livraison .input_wrapper {
    margin: 0;
    padding: 0;
}
.adresse_info_detail_block .user_info_data {
    min-width: 2em;
    width: 100%;
    display: inline-block;
    background-color: white;
    height: auto;
}
.adresse_info_detail_block.CP {
    width: 6em;
    display: inline-block;
}

.adresse_info_detail_block.city {
    width: 14em;
    display: inline-block;
}

.adresse_info_detail_block.country {
    width: 18em;
    display: inline-block;
}
.adresse_livraison_error_block {
    color: var(--main-color);
    display: inline-block;
    padding: .4em 1em;
    border: var(--main-color) 1px solid;
    margin: 2em;
}

.panier_wrapper a {
    color: var(--main-color);
    white-space: nowrap;
}

.consent_wrapper {
    background-color: #f2f2f2;
    padding: 1em;
    /* border: #80808047 1px solid; */
    margin: 2em;
}
label.ok_CGV_wrapper {
    cursor: pointer;
    padding: .4em 2em;
    /* width: calc( 100%  ); */
    /* background: red; */
    display: inline-block;
}

input#ok_CGV {
    display: inline-block;
    position: relative;
    width: 1.4em;
    height: 1.4em;
    margin: 0 1em;
    border: var(--main-color) 2px solid;
    vertical-align: bottom;
}
input#ok_CGV:checked {
    /* background-color: var(--main-color); */
    position: relative;
}
input#ok_CGV:before 
{
	content: '\2714';
	position: absolute;
	color: var(--main-color);
	top: -0.6em;
	left: -0.1em;
	font-size: 2.4em;
	opacity:0;
	transition: all .8s ease;
	transform: scale(1.6);
	text-shadow: 0 0.2em 0.2em #000000b5;
}

input#ok_CGV:checked:before 
{
	opacity:1;
	transform:scale(1);
	text-shadow: 0 0.1em 0.2em #00000036;
}

.CB_paiementBlock_wrapper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.CB_paiementBlock_wrapper .card_wrapper, div#____card-element {
    width: 34em;
    background-color: #46498f;
    border: #0fb3f0 3px solid;
    border-color: #a4d3e5 #7aadc0 #283761 #26424d;
    box-shadow: 0 2em 1em -1em #0000003b, 0 8em 7em -5em #0000003b;
    border-radius: 1em;
    padding: 0.7em 1em;
    margin: 2em auto;
    /*     font-family: monospace; */
    color: white;
    position: relative;
    background: linear-gradient(15deg, #2d2f56, #6eaec6);
    /* background: radial-gradient(#2d2f56, #5a8ebb); */
    min-height: 20em;
    overflow: hidden;
}
.card_wrapper label {
    margin: 1em 0;
    display: block;
    z-index:2;
    position:relative;
    cursor: pointer;
}

.card_wrapper:before {
    background-image: url(https://www.marketing-digital.audencia.com/wp-content/uploads/2020/03/Stripe-SMED-Dublin-960x512.png);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    content: '';
    /* background-color: red; */
    background-size: cover;
    z-index: 1;
    background-image: url(img/strip_BG.png);
    /* background-blend-mode: overlay; */
    mix-blend-mode: soft-light;
    z-index:1;
    transform: scale(1.5) rotate(-16deg);
    opacity: 0.5;
}
a.insurance {
    background-image: url(https://b.stripecdn.com/site-srv/assets/img/blog/posts/sec-3d-v2/guide-cdfe5e0402fdae098bd064ed51de4c00e88fd4b3.png);
    background-position: .4em center;
    padding-left: 2em;
    margin: 1em;
    display: block;
    color: #ffffff;
    font-weight: bold;
    background-color: #31365c29;
    padding: .4em 1em;
    border-radius: 1em;
    background-size: 1.8em;
    width: 20em;
    margin: 0 auto;
     z-index:2;
     position:relative;
}
.CB_paiementBlock_wrapper .crypto {
    width: 4em;
    display: inline-block;
}

.CB_paiementBlock_wrapper .expiration {
    width: 12em;
    display: inline-block;
    float: right;
    padding: 0.2em 0.2em;
    text-align: right;
}

div#card-element {
    padding: 1em;
    margin:1em 0;
    background-color: white;
    border-radius: 1em;
    width: 90%;
    display: block;
    margin: 0em auto;
    box-shadow: #2f345ab0 0 0.2em 0.5em inset;
    background-color: #FFF !important;
    border: #6caac2 1px solid;
         z-index:2;
     position:relative;
}
.stripe_pay_bt {
    display: inline-block;
    /* height: 3em; */
    width: auto;
    background-color: #4CAF50;
    color: #FFF;
    padding: 1.2em 2.9em;
    line-height: 0.4em;
    border-radius: 0.6em;
    margin: 1em;
    z-index:2;
    position:relative;
    cursor: pointer;
    opacity: .9;
    box-shadow: #00000047 0em 0.1em 0.4em, #00000021 0em 0.1em 0.9em;
    /* text-transform: uppercase; */
    width: auto;
    font-size: 1.2em;
    position: relative;
    transition: all 0.5s ease;
}
.stripe_pay_bt.error {
    background-color: #ae2323e0;
    line-height: 1.2em;
    padding: 1em 0.7em;
}

.panier_wrapper.intent_payment {
    opacity: 0.7;
    touch-action: none;
    pointer-events: none;
    cursor: progress;
}

.panier_wrapper.intent_payment .stripe_pay_bt:after {content: '';/* background-color: red; */display: inline-block;width: 90%;height: 90%;margin:  0 auto;vertical-align: middle;position: absolute;top: 5%;left: 5%;background-image: url(icons/waiting_payment_resized.gif);background-size: contain;background-repeat: no-repeat;background-position: center;mix-blend-mode: color-burn;filter: hue-rotate(25deg);display: none;}

.panier_wrapper.intent_payment .stripe_pay_bt {
    background-color: #819fc1;
    opacity: 1;
    padding-right: 4em;
    color: transparent;
    height: 5em;
    background-image: url(icons/waiting_payment_resized.gif);
    mix-blend-mode: soft-light;
    background-color: white;
}
.confirmation_paiement .h2 {
    font-size: 2em;
    margin: 1em;
}

.confirmation_paiement a {
    color: var(--main-color);
    text-decoration: underline;
}
/* PAGE PANIER ****************************************************************************** */
/* PAGE Mes commandes ****************************************************************************** */
html.Mes-commandes h2 {
    margin-top: 2em;
    margin-bottom: 1em;
}
.commandes_wrapper {
    display: inline-block;
    background-color: white;
    padding: 1em;
    margin: 1em;
    text-align: justify;
    width: 40em;
    vertical-align: top;
    position: relative;
    box-shadow: 0 0.2em 1.3em #00000040;
    min-width: 350px;
    max-width: 80vw;
}
.commandes_wrapper.open {
    /* display: block; */
/*     margin: 3em auto; */
}

.statut_commande {
    color: white;
    padding: .4em;
    position: absolute;
    top: 0;
    right: 0;
}
select.statut_select {
    margin: 1em auto;
    width: auto;
    display: block;
    padding: 0.7em 2em !important;
}

.statut_option, .statut_select:not(.blank) 
{
	color:white;
	padding: .4em;
}

.commandes_wrapper .panier_item {
    height: 4em;
}

option.blank {
    background-color: white;
    color: var(--main-text-color);
}
.payed {
    background-color: #3d7d3d82;
    /* padding: .4em; */
}

.payment_validation {
    background-color: #2a8614;
}

.preparing {
    background-color: #337768;
}
.canceled_asked {
    background-color: #c32727;
}
.sended {
    background-color: #007180;
}

.return_asked {
    background-color: orange;
}

.return_valid {
    background-color: #988914;
}

.return_recieved {
    background-color: #45842f;
}

.return_validated {
    background-color: #7d987d;
}


.canceled {
    background-color: #6f1616a1;
}

.received {
    background-color: #1848188f;
}

.refund {
    background-color: #165d1694;
}

.hidden_commande_infos {
    background-color: #ffffff;
    padding: 1em;
/*     border: #949494 1px solid; */
}

.detail_items {
    margin-top: 2em;
}

.commandes_wrapper .panier_item .visu
{
	width: 4em;
}

.commandes_wrapper  .panier_item .text_infos {
    width: calc( 100% - 14em);
}
.commandes_wrapper .titre {
    font-size: 1.4em;
}
.commandes_wrapper .adress label,.commandes_wrapper .ship_address_complement label {
    display: block;
}

.commandes_wrapper  .panier_total {
    font-size: 1.8em;
    display:none;
}

.commandes_wrapper .more_info.bt {
    color: var(--main-color);
    text-align: right;
    font-style: italic;
    font-weight: bold;
}
.commandes_wrapper .info_plus_block {
    border: #ff450030 1px solid;
    padding: 0 .4em;
}
.last_visu {
    display: inline-block;
    width: 6em;
    height: 6em;
    float: left;
    margin-right: 2em;
    transition: all ease 0.8s;
}

.open .last_visu {
    width: 0;
    margin: 0;
}



.commandes_wrapper .action_panel {
    text-align: center;
}

.curr_comm_block, .archive_comm_block, .notif_commande_editor
{
    border: #c7c7c757 1px solid;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* PAGE Mes commandes ****************************************************************************** */
/* PAGE Gestion des commandes ****************************************************************************** */

.notif_commande_editor {
}

.notif_commande_editor .edit_notif_txt_wrapper {
    padding: 1em;
    background-color: white;
    box-shadow: 0 0.3em 1em #00000052;
    margin: 2em;
    text-align: left;
    max-width: 60em;
    margin: 2em auto;
}

.notif_commande_editor .label {
    display: inline-block;
    padding: .4em 1em;
    color: white;
    border-radius: .4em;
}

.notif_commande_editor .editable_text_wrapper.justify .tox.tox-tinymce{
    border: #8080803b 1px solid !important;
    padding:1em;
    margin: 1em 0;
}
.notif_commande_editor .bt_display {
    margin: 0;
}
.section_h2.slideToggle_bt {
    color: var(--main-color);
    display: block;
    width: 100%;
    /* max-width: 1000px; */
    margin: 0 auto;
    cursor: pointer;
    /* color: white; */
    border-bottom: #ff450029 1px solid;
    font-size: 1.4em;
    padding: 0.6em;
}
.slideToggle_bt:before {content: '\25BA';margin-right: 0em;display: inline-block;transition: all ease 0.8s;position: relative;left: -1em;}
.curr_comm_block .slideToggle_wrapper, .archive_comm_block .slideToggle_wrapper, .notif_commande_editor .slideToggle_wrapper {
    padding: 2em 1em;
    padding-bottom: 4em;
}
.open.slideToggle_bt::before {
    transform: rotate(90deg);
}

.slideToggle_bt 
{
	cursor:pointer;
}
/* PAGE Gestion des commandes ****************************************************************************** */


/* CONTACT -------------------------------------------------------------------------------- */
.contact_form {
	width: 80%;
	max-width: 40em;
	margin: 4em auto;
}
.contact_feed_back {
    font-size: 1.9em;
    line-height: 1.5em;
    color: var(--modal_overlay);
    font-style: italic;
}
.nom_prenom, .email_phone {
    display: flex;
    justify-content: space-between;
}

.nom_prenom .input_wrapper, .email_phone .input_wrapper {
    width: 47%;
}
.contact_form textarea {
    resize: vertical;
    min-height: 16em;
}

.Contact .objet_block {
    text-align: left;
    margin: 1em 0;
}

.Contact .objet_block .objet {
    font-weight: bold;
}

.Contact .objet_block label {
    color: #80808070;
}
/* CONTACT -------------------------------------------------------------------------------- */





/* CGU CGV -------------------------------------------------------------------------------- */

.cgu_content * {}

.cgu_content h1 {
	text-align: center;
	position: relative;
}

.cgu_content h1::before {
	position: absolute;
	bottom: -13px;
	width: 100%;
	left: 0px;
	top: unset;
	height: 1px;
}

.cgu_content {
	padding: 2em;
	max-width: 64em;
	text-align: justify;
	margin: 3em auto;
}

.cgu_content b,.cgu_content strong {
	color: var(--main-color);
	padding: 0px;
}

.cgu_content h2 {
	margin: 0px;
}

.cgu_content h2::before {
	content: "";
	display: inline-block;
	height: 0.8em;
	width: 0.8em;
	background-color: var(--main-color);
	margin: -0.1em 0.6em 0px 0px;
	vertical-align: middle;
}

.cgu_content strong * {
	color: var(--main-color) !important;
}
.CGV .rec_action_bt, .Mentions-legales .rec_action_bt {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
    left: 0;
    background-color: var(--main-color);
    background-color: var(--main-background-color);
    padding: 1em;
    height: 6em;
    box-shadow: 0 0 3em #863010;
}
/* CGU CGV -------------------------------------------------------------------------------- */


/* @media  screen and (max-width: 1442px) 
{
    .user_menu {
        position: relative;
        display: block;
        top: 0;
    }

    menu {
        display: inline-block;
    }
	
		.content {
				padding-top: 20em;
		}
}
 */



@media screen and (min-width: 1900px) 
{
	html, body
	{
		font-size: 0.65vw;
	}

	/* PANIER ------------------------------------------------------- */
	.panier_wrapper .adresse_livraison 
	{
	    /* padding: 2em; */
	}


	/* PANIER ------------------------------------------------------- */

}
@media screen and (max-width: 1200px) 
{
	
	
	h1 
	{
			text-align: center;
			width: 100%;
			margin: 1em auto;
	}
	
	a.header_logo {
		height: 4em !important;
		margin: 0;
		top:0 !important;
    /* background-color: red; */
    height: 8em;
    width: 100% !important;
    display: inline-block;
    /* display: block; */
    background-image: url(logo/Logo.png);
    margin: 0 !important;
    background-color: var(--main-background-color);
    transition: all ease-in-out 0.8s;
    z-index: 2;
    position: relative;
}

	.header
	{
		height:100vh;
		width:18em;
		/* box-shadow: #00000045 0 0 4em, #ffffff4d 0 0 0 100vw; */
		position: fixed;
		top: 0px;
		left: 0px;
		transform: translateX(-100%);
		/* transform: translateX(-00%); */
		transition: all 0.8s ease-in-out 0s;
		/* position:relative; */
	}

	.top_menu {
		height: 100vh;
		width: 100%;
		font-size: 1.2em;
		/* padding: 2em 0px; */
		z-index: 2;
		position: relative;
		max-height: calc( 100vh - 5em );
		overflow-y: auto;
	}

	.open_top_menu .header {
		transform: translateX(0px);
		box-shadow: #00000085 0 0 4em, #00000052 0 0 4em 100vw;
		box-shadow: #00000085 0 0 4em;
		border-right: 1px solid rgb(255 69 0 / 34%);
	}
	.top_menu .top_nav {
		display: block;
	}
	.top_menu a {
		display: block;
		width: 100%;
	}
	.user_nav {
		width: 100%;
		margin: 0px;
	}
	
.user_menu {
    position: relative;
    top: 0;
    height: auto;
    padding: 0;
}
.disconnect_bt {
    color: inherit !important;
    width: 100%;
    text-transform: uppercase;
    font-size: inherit !important;
    overflow:unset;
    height: inherit;
    position: relative;
    vertical-align: middle;
    text-align: left;
    border: none !important;
    padding-right: 20em;
    height: auto;
    text-transform: uppercase;
    padding: .4em 1em;
    padding-right: 2em;
    position: relative;
}
.disconnect_bt:hover {
    color: var(--main-background-color) !important;
    width: 10.9em;
    height: 3em;
    padding-right: 1.8em;
    padding-left: 1.1em;
    line-height: 2em;
}
menuitem .submenu {
    width: 100%;
    position: relative;
    transform: none;
}

.submenu_content_wrapper {
    width: 100%;
    padding: 0;
}
	
.burger_menu_bt {
		content: "MENU";
		display: inline-block;
		background-color: var(--main-color);
		width: 3em;
		height: 3em;
		right: 0px;
		top: 0em;
		transform: translateX(100%);
		position: absolute;
		background-size: contain;
		padding: 0.7em;
		box-sizing: border-box;
		transition: all 0.8s ease-in-out 0s;
		box-shadow: var(--box-shadow);
		z-index: 2;
		cursor: pointer;
		border-bottom-right-radius: 1.2em;
	}
	
.disconnect_bt.bt_display {
    width: 100%;
    background-position-x: right !important;
    /* background-color: red !important; */
    padding: .4em !important;
    text-align: center;
    color: var(--main-text-color) !important;
}

.disconnect_bt.bt_display:hover {
    top: 0;
    height: auto;
    line-height: 1.8em;
    transform: none;
}
	
	.open_top_menu .top_menu .burger_menu_bt {
		transform: translateX(0%);
	}
	.open_top_menu .content {}
	html,
	body {
		margin: 0px;
	}
	.background_page,
	.content,
	.footer_menu {
		transition: all 0.8s ease-in-out 0s;
	}
	.open_top_menu .background_page,
	.open_top_menu .content,
	.open_top_menu .footer_menu {
		filter: blur(4px);
		transform: translateX(30%);
	}
	.content 
	{
        padding-top: 0;
    }

/* HOME ---------------------------------------- */
.home_text {
    display: block;
    margin: 2em auto;
    /* max-width: calc(40em); */
}	
.bdd_txt {
    width: 100% !important;
    /* text-align: left !important; */
    /* display: block !important; */
    max-width: unset;
    min-width: unset;
    position: relative;
    justify-content: space-around;
}
/* HOME ---------------------------------------- */
	
/* CATALOGUE ---------------------------------------- */
.catalogue
{
	min-height:unset;
}


	.filters_block {
    text-align: center;
    width: 100vw;
    top: unset;
    bottom: 0;
    position: fixed;
}
	
	
.filter_block_responsive_handler {
    background-color: var(--main-color);
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
    padding: .4em;
    position: absolute;
    transform: translateY(-100%);
    width: 100vw;
    z-index: 20;
    left: 0;
    display: block;
    cursor: pointer;
}
.filter_block_responsive_handler:before {content: '\25BA';margin-right: 1em;transition:all .8s ease;display: inline-block;}

/* .filters_block:hover .filter_block_responsive_handler:before,  */
.filters_block.open .filter_block_responsive_handler:before {
    transform: rotate(90deg);
}



	.filters_block {
    text-align: center;
    width: 100vw;
    top: unset;
    left: 0;
    bottom: 0;
    position: fixed;
    transform: translateY(100%);
    z-index: 4;
    overflow: unset;
    transition:all .6s ease;
    padding-bottom: 1em;
    padding: 0;
}
/* .filters_block:hover,  */
 .filters_block.open {transform: translateY(0);}

.filters {
    width: 100%;
    max-height: calc(50vh);
	display:inline-block;
}

.filter_blocks {
    display: inline-block;
    vertical-align: top;
}	
.filter_blocks.tout {
    display: block;
    text-align: center;
}
.oeuvres_list {
    width: 100%;
    margin: 0;
    padding: 0;
}

.oeuvres_list a.block {
    width: 250px;
}
	
/* CATALOGUE ---------------------------------------- */

/* FICHE OEUVRE ------------------------------------------------------- */
.Oeuvre_wrapper {
    margin: 4em 1em;
    max-width: unset;
    width: auto;
}	
/* FICHE OEUVRE ------------------------------------------------------- */

	
	
	
	
.explain_img {
    justify-content: space-around;
}
.home_img_menu {
	justify-content: space-around;
}
	
.footer_menu {
    font-size: 1em;
    padding: 1em;
    z-index: 2;
}
a.icon.linkedIn {
    left: -16em;
}

a.icon.instagram 
{
	left: 14em;
}
/* PANIER ------------------------------------------------------- */
.panier_wrapper .adresse_livraison 
{
    padding: 2em;
}


/* PANIER ------------------------------------------------------- */

/* MON COMPTE ---- ---- ---- ---- ---- ---- ---- */
.save_changes_on_profile {
    position: fixed;
}

.save_changes_on_profile>div {
    display: block;
}
/* MON COMPTE ---- ---- ---- ---- ---- ---- ---- */
} /* max-width:1000px */
/* ---------------------------------------- */	


@media screen and (max-width: 550px) /* ################################################################################ */
{
	body
	{
		font-size:14px;
		padding-bottom: 4em;
	}

._404 .circle {font-size: 0.9rem; top:40%;}

	
.oeuvres_list a.block {
    width: 90vw;
}
	
	a.home_img_block {
    width: 90%;
    display: block;
    /* border-bottom: grey 1px solid; */
	margin: 0 auto;
    margin-bottom: 3em;
    box-shadow: 0 0 1em #0000002e;
}
.home_text {
    width: calc(100% - 4em);
    min-width: unset;
    max-width: unset;
}
.home_img_menu {
    display: block;
    margin: 0;
    text-align: center;
}

.reassurance_block {
    display: block;
}

.reassurance_block .block {
    width: 100%;
    max-width: 20em;
}
.carrousel_slide .title {
    font-size: 1.6em;
}



/* FICHE OEUVRE ------------------------------------------------------- */
.visuel.zoomable.fullscreenable {
    width: 100%;
    /* max-height: 80vh; */
}

.title {
    width: 100%;
}

.Oeuvre_wrapper .details {
    width: 100%;
    padding: 2em 0;
}

.detail_artist_wrapper {
    margin: 0;
}

.buyBlock {
    height: unset;
    min-height: unset;
}

.Oeuvre_wrapper .price {
    height: auto;
    margin: 0;
}

/* FICHE OEUVRE ------------------------------------------------------- */

.sur-mesure_explain .img {
    width: 100%;
    height: 100vw;
    background-position: center;
}

.Oeuvre_wrapper[id_oeuvre=new] .visuel {
    width: 100%;
    height: 31em;
    min-height: unset !important;
}
/* FICHE OEUVRE ------------------------------------------------------- */


/* FICHE ARTISTE ------------------------------------------------------- */
.sur-mesure_explain.bdd_txt {
    display: block;
}
.sur-mesure_explain .text {
    width: 90%;
    margin-bottom: 3em;
}
	
/* FICHE ARTISTE ------------------------------------------------------- */

.Achat .home_img_block, .Leasing .home_img_block, .Sur-mesure .home_img_block {
    width: 90%;
    margin: 0em auto;
    text-align: center;
    margin-bottom: 3em;
}
.explain_wrapper .block {
    width: 90%;
}

.explain_wrapper .icon {
    left: 50%;
    top: 0;
    transform: translate(-50%, -140%);
}

	.explain_wrapper .left, .explain_wrapper .right {
    width: 90%;
    padding: 0;
    margin: 0;
}

.explain_wrapper .left .block, .explain_wrapper .right .block {
    margin: 3em 0;
}

.explain_wrapper.bdd_txt {
    line-height: 1.9em;
}
	
	
	.explain_wrapper .block .titre {
    text-align: center;
}
	
.explain_img {
    display: block;
}
.explain_img .img
{
	width: 90% !important;
	display: block;
	margin: 2em auto;
}
	
	

.social_links .icon {
    position: relative;
    left: unset !important;
    right: unset !important;
    top: unset;
}

.social_link_wrapper.instagram {
    width: auto;
}

.social_links {
    width: auto;
    display: flex;
    justify-content: space-around;
    padding: 1em;
}
	

/* PANIER ------------------------------------------------------ */	
.panier_item .visu {
    width: 100%;
    padding-bottom: 50%;
    position: relative;
}
.commandes_wrapper .panier_item .visu {
    width: 100%;
}
.panier_item {
    height: auto !important;
}

.panier_item .text_infos {
    width: 100% !important;
    height: auto;
}

.panier_item .prix {
    text-align: right;
    width: 100%;
}

.panier_item .full_img {
    opacity: 1;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.CB_paiementBlock_wrapper .card_wrapper, div#____card-element {
    width: 100%;
}

.CB_paiementBlock_wrapper {
    width: 100%;
}

.panier_wrapper {
    width: 90vw;
}
.panier_wrapper .adresse_livraison {
    padding: 1em;
}

.panier_wrapper .adresse_info_detail_block.name, .adresse_info_detail_block.first_name {
    width: 100%;
    display: block;
}

.adresse_info_detail_block {
    margin: 0.7em auto;
    width: 100% !important;
    max-width: 19em;
	display:block !important;
}

.adresse_info_detail_block input,.adresse_info_detail_block textarea {
    text-align: center;
}
	
	
/* PANIER ------------------------------------------------------ */	
.connect2continue {
    margin: 6em auto;
}

.input_placeholder {
    position: relative;
    height: auto;
    top: unset;
    left: unset;
}

.input_wrapper {
    height: auto;
}

.adresse_info_detail_block .user_info_data {
    height: auto;
    background-color: transparent;
}
/* .panier_wrapper .adresse_info_detail_block.name,
.adresse_info_detail_block.first_name,
.adresse_info_detail_block,
.adresse_info_detail_block.CP,
.adresse_info_detail_block.city,
.panier_wrapper .adresse_info_detail_block.name,
.adresse_info_detail_block.first_name,
.adresse_info_detail_block.country
{
    width: 100% !important;
} */
	
/* PANIER ------------------------------------------------------ */	
/* MES COMMANDES / COMMANDES ------------------------------------------------------ */	
.commandes_wrapper {
    padding-top: 3em;
    width: 90vw;
    min-width: 80vw;
}
	
/* MES COMMANDES / COMMANDES ------------------------------------------------------ */	
} /* max-width:550px */