/* CSS portail Passions - Marketplace */
/* #  #d1ae6c */
/* font: montserrat? like sieuthikhoedep 
Couleurs utilisées : Fumée blanche (#f0f0f0), rouge vif (#f44336)
Code suggéré : #FBC02D (Jaune Moutarde/Ambre) ou #E9C46A (Ocre plus doux)
*/


html { scroll-behavior: smooth; scrollbar-color: #f44336 rgba(0,0,0,.15);scrollbar-width:thin; } 

html::-webkit-scrollbar {
	width: 0.5rem;
	background-color: rgba(0,0,0,.15); 
  }
html::-webkit-scrollbar-thumb { background:#f44336; }

body {
	background-color:#f0f0f0;
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
 	margin: 0; /* pour �viter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
    }
#print-footer { display:none; }

h1 { font-size:1.4em; text-align: center; color:#552200; margin-bottom: 0%;}
h2 { font-size:1.1em; }
h3 { font-size:1em; }

A { text-decoration: none; } 
A:link { color:#552200;}
A:visited {color:#000;} 
A:active {color:#FCF6BA;} 
A:hover {color:#f44336; } 

img { border:0px; padding:0px; margin:0px; max-width:100% } 
iframe { max-width:100% }
.photo { border:1px solid #f44336; border-radius:7px; }
.return  { clear:both }
.center { margin:auto; text-align:center; }
.mini { font-size:0.7em }
.big { font-size:2em; color:#f44336; }
.zoom:hover { -webkit-transform:scale(1.2); transform:scale(1.2); }
.icon { width: 24px; vertical-align: middle; }
.mobile, .mob_only {display:none;}

/*  entete  */ 
#header { background-color:#f44336; width:100%; margin:0px; padding: 0; }
#header a:hover { color:#FCF6BA }

#line_top { width:100%; height:28px ; margin:0px; padding:0px;line-height:28px; text-align:left; font-size:0.8em; color:#333; background-color: #f0f0f0; }
#header a:hover { color:#f44336 }

#logo {  background-color: #f0f0f0; width:90px;float:left; padding: 1%; margin:1%;border-radius: 15px; }
/*#claim { font-size:1.3em;  float:left;} #FBF5B7*/
#menu { text-align:left; padding:0; float: left; margin:2%; color: #552200;}
#menu ul { padding:0; margin:0; }
#menu li { display: inline-block; padding:3px; margin:0px; border-radius: 5px; border: 1px solid #552200;  background-color: #f0f0f0;}
#menu li:hover { background-color:#FCF6BA; border:1px solid #f44336; color:#f44336; }
#menu a:hover { color:#f44336; }

#bloc_titre { text-align:left; margin:0; font-size:2.5em; font-weight: bold; padding:1%; float:left; }
/* background:linear-gradient(to bottom, #fff,#fff,#fff, #fff, #fff,#d1ae6c, #f44336); */
#titre { margin:0; font-family: 'MonteCarlo', cursive; color:#552200; vertical-align: middle; text-shadow: 1px 1px 1px  #f44336; }

#bloc_search { text-align:center; height:28px; margin-top:0; float:left; min-width: 50%; padding:0; margin:0; }
#bloc_search input { height:20px; }
#bloc_search input[type=image], #bloc_newsletter input[type=image] { width:20px; }

#bloc_g { float:left; margin:0; padding:0; height:28px; }
#bloc_d { text-align:center; float:right; margin:0; padding:0; height:28px; font-size:0.8em;float: right; }
#bloc_d ul { padding:0; margin:0; }
#bloc_d li { display:inline-block; list-style-type:none; padding:0px; }

#bloc_lg { text-align:center; float:right; margin:0.5%; height:32px;  }
#bloc_lg li { display:inline-block; list-style-type:none; }
#bloc_lg ul { padding:0; margin:0; }
#bloc_lg img { width:24px; margin-right:2px }

#menu_about li { display: inline-block; padding:3px; background-color:#E8F5FF; margin:1% }

/*  main  */

#content { clear:both; width:100%; text-align:left; margin:auto; padding:0%; }
#bloc { clear:both; width:100%; text-align:center; margin:auto; vertical-align:top; margin:0; padding:0;}
#bloc_100 { width:98%; display:inline-block; margin:auto; vertical-align:top; text-align:left; margin:0; padding:0;}

#col_3 { display:none; }
#col_2 { float:right; width:255px; padding:5px; margin:0; text-align:center; margin-bottom:5px; border-left:1px #333 solid; }
#col_1b { margin:0; padding:0; margin-right:280px; white-space:normal; }
#col_1 { max-width:1020px; margin:auto; text-align:left; margin:0; padding:0; }
#col_1 img { border:1px #333 solid; border-radius:5px; }
#description { clear:both }
#description img { max-width:100%; height: 100%; }

#bloc_1 { height:350px; background-position:center; background-size: cover; animation: bloc_1 30s infinite;  margin:0%; padding:0; overflow: hidden; width: 100%;}
#bloc_1 h1 { font-size: 3em; text-shadow: -2px 2px 0 #5d5e5e, 1px 1px 0 #5d5e5e, 1px -1px 0 #5d5e5e, -1px -1px 0 #5d5e5e;  font-family: 'MonteCarlo', cursive; }

.titre { color:#d1ae6c; font-weight: bold; font-size: 1.1em; line-height:2em; color:#552200;  }
.titre::first-letter { background-color: #d1ae6c; border-radius: 25px; width: 161px; height:32px; padding:2px; margin:2px; background:linear-gradient(to bottom right, #f00,#f44336, #FCF6BA ,#f44336, #f00); border: 1px solid #f00;}

@keyframes bloc_1 {
	0% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-1.jpg); 
	}
	32% { background-image: url(../../images/cover/sieu-thi-mi-pham-dep-1.jpg);}
	33% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-2.jpg);
	}
	65% { background-image: url(../../images/cover/sieu-thi-mi-pham-dep-2.jpg);}
	66% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-3.jpg);
	}
	100% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-3.jpg);
	}
}

@-webkit-keyframes bloc_1 {
	0% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-1.jpg); 
	}
	32% { background-image: url(../../images/cover/sieu-thi-mi-pham-dep-1.jpg);}
	33% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-2.jpg);
	}
	65% { background-image: url(../../images/cover/sieu-thi-mi-pham-dep-2.jpg);}
	66% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-3.jpg);
	}
	100% {
		background-image: url(../../images/cover/sieu-thi-mi-pham-dep-3.jpg);
	}
}





.bloc_290 { background-color:rgba(245, 245, 245,0.7); width:290px; margin:0.3%; padding:0.5%; display:inline-block; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; height:175px; }





#bloc_A, #bloc_B { background-color: rgba(245, 245, 245, 0.7); width:45%; margin:1%; padding:1%; display:inline-block; border-radius: 5px; border:1px dotted black; vertical-align:top; text-align:left; }

.bloc50 { width:45%; margin:1%; padding:1%; display:inline-block; border-radius: 5px; border:1px dotted black; vertical-align:top; text-align:left; }
.img50d { width:50%; float:right }

.promo { background-color:#f44336; color:#fff; padding:1px; border-radius:15px; }
.compare { width:32px; }
.price { color:#f44336; font-size: 1.1em; margin: 1%; }
.bottom { position: absolute; width: 100%; bottom: 0; }


#photo_brand { float:left; margin:1% }
#photo_brand img { width:24px; height:24px; }

#line_photo { width: 94%; margin:auto; padding:1%; vertical-align:top ; height:250px; overflow-y:hidden; overflow-x: auto; scrollbar-color: #d1ae6c #ddd; white-space: nowrap;  overscroll-behavior: auto; }
#line_photo::-webkit-scrollbar { background:#ddd; border:1px solid #5d5e5e; height: 0.4rem; }
#line_photo::-webkit-scrollbar-thumb { background:#d1ae6c; border:1px solid #5d5e5e; }
#line_photo img { vertical-align:top; margin-right:0.5%; height: 100%; width:auto; }

/*#line_photo a { }#line_photo img:hover:not(.active) {width: 100%;} overflow-x:auto;white-space:nowrap;display: inline; border:1px solid #d1ae6c; border-radius:5px;overflow: hidden;*/
.photo_art { width:32%; margin:1%; border-radius:7px; }
.bloc_shop { width:66%; float:right; }

#bloc_photos { width:32%;  float: left; }
/*#photo_cover { position: relative; background: #fff; padding-bottom: 100%; height: 0px; width: 100%; margin-bottom: 1%; }
.art_cover { margin:0;  width: 100%; height: 440px; vertical-align: middle; text-align: center; }height: 440px;
#photo_cover img { max-width: 100%; max-height: 100%; position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; margin: auto; object-fit: cover;}*/

.bloc_blog { width:48%; height:200px; padding:0.5%; margin:0; font-size:0.9em; text-align:justify; overflow:hidden; }

.bloc_home { width: 48%; margin-right:1%; float: left; }

.bloc_photo2h { border-radius:7px; border:1px solid #767676; overflow: hidden; padding: 0;}
.bloc_shop2 { width:24%; padding:0; margin:0.5%; font-size:0.9em; border-radius:7px;}
.bloc_photo2 { height:260px; overflow: hidden; border-radius:7px; border:1px solid #767676; text-align: center; vertical-align: middle; }

.main_carousel { margin-bottom: 2%;	position:relative; width: 100%; height: 120px; border-top:0px solid #d1ae6c; border-bottom:0px solid #d1ae6c; } 
.carousel_cell img { height:107px; border: 1px solid #d1ae6c; min-width:100px; display: block; }
.carousel_cell { margin-right:1%; display:inline-block; min-width:100px; }

/* these styles are for the demo, but are not required for the plugin*/
.zoom_master { position: relative; background: #fff; padding-bottom: 100%; height: 0px; width: 100%; margin-bottom: 1%; } 
/* .zoom_master:hover {display:inline-block;margin-left:555px; border:1px solid green	 } */
.zoom_master img { max-width: 100%; max-height: 100%; position: absolute; bottom: 0px; top: 0px; left: 0px; right: 0px; margin: auto; object-fit: cover; }
.zoom_master img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }

/* ----- New buttons ----- */

/* smaller, dark, rounded square */
.flickity-button { background-color: #ddd;	border:1px solid #552200; color:#333;}
.flickity-button:hover { background: #d1ae6c; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); }
.flickity-prev-next-button { width: 30px; height: 30px; border-radius: 7px; }
/* icon color */
.flickity-button-icon { fill: black; }
/* position outside */
.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px;}
  
.photo_art2 { width:100%; height:100%; object-fit: cover;}
.bloc_text2 { position: relative; height:1in; }
.bloc_shop2 { text-align:center; overflow:hidden; }
#bloc_buy { margin-bottom: 2%; }

/*.bloc_shop1 { min-height:230px; font-size:1em; }
.photo_art1 { width:319px; margin-right:2px; float:left; }*/
/*.bloc_shop3 { min-height:210px; width:48%; padding:1px; margin:1px; font-size:0.9em; float:left; }
.photo_art3 { float:left; width:220px; margin-right:2px; }
.bloc_shop3.bloc_shop1,  width: fit-content;*/
/*#cover_zoomed { display: none; }border: 1px solid #d1ae6c;#cover_zoomed { background-color: #BF953F; position:absolute; display:block; display: none; }padding-bottom: 100%;
.zoom_cover a:hover ~ #photo_zoom { background-color: #aaa; position:absolute; width: 50px; width:66%; color:#000; display:inline; }max-height: 100%;
.zoom_cover a:hover ~ #photo_zoom img { -webkit-transform:scale(1.2); transform:scale(1.2); }overflow:hidden;white-space: nowrap; 
.zoom_cover a:hover ~ #cover_zoomed { -webkit-transform:scale(1.2); transform:scale(1.2); }object-fit: cover;
#zoom_cover:hover ~ #photo_zoom {  -webkit-transform:scale(1.2); transform:scale(1.2); }
#photo_zoom {  position:absolute; margin-left: 40%; width:60% ;background-color: #d1ae6c; }
#zoom_cover:hover #cover_zoomed { -webkit-transform:scale(1.3); transform:scale(1.3); display:none ; border: 2px solid #d1ae6c55; border-radius: 12px; 
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}*/ 
/*#carousel { background-color: #d1ae6c ; width:100%; height:100px; }
#bloc_photos img { height: 100%;  }.zoom_cover:hover { -webkit-transform:scale(1.2); transform:scale(1.2); }*/
/*#slider1 {
    position:relative;   Containers need relative or absolute position. */
    /*margin-left:10%;
    margin-top: 20%;
    width:80%;
    height:120px;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
/*#slider1 img { height:107px; }*/

#bloc_nav { margin:2%; width:96%; display:inline-block; }

.bloc_button { border:1px solid #552200; background-color:#E8F5FF; text-align:center; border-radius:7px; padding: 1%; margin-right:0.5%; }
#bloc_buy .bloc_button { display: inline-block; width: 45%; margin:0.5%}
.bloc_button:hover { background-color: #FCF6BA; color: #552200; border:1px solid #f44336; }

.bloc_button1 { border:1px solid #552200; background-color:#E0A8A8; padding:2px; border-radius:5px; }
.bloc_button1:hover { background-color: #FCF6BA; color:#552200; border:1px solid #f44336; }


.bloc_button2 { border:1px solid #552200; padding:2px; border-radius:5px; }
.bloc_button2:hover { background-color: #FCF6BA; color:#552200; border:1px solid #f44336; }

.line_art { clear:both; margin:0; height:0px; border-top: 0px dotted #d1ae6c; visibility:hidden; }
.rate_art { height:16px; width:80px; margin:3px;  vertical-align:top; }

.pagination { margin:auto; text-align:center; clear:both; margin-top:10px; }
.pagination a { display: inline-block; padding: 8px 16px; text-decoration:none; transition: background-color .3s; margin:2px; }
.pagination a.active { background-color: #FCF6BA; color: white; }
.pagination a:hover:not(.active) { background-color: #ddd; }

#bloc_annonce { position:fixed; background-color:#ddd; border:1px solid #000; width:330px; height:auto; padding:2%; top:0; left:0; text-align:center; display:none; font-size: 0.95em; margin-top:15vh; margin-left: calc(50% - 173px); border-radius: 15px; }
#ann2 { background-color: #fff; width:320px; height:auto; margin:0; padding:0.5%; overflow: hidden;}
#ann2 img { max-width: 100%; height:auto;}
#b_ok { width: 16px; height: 16px; margin:0; margin-top: -20px; margin-right: -20px ;float:right; }
#b_ok a:hover { background-color:#d1ae6c; color:#fff }

/* --- account administration --- */
.item { width: 8rem; display: inline-block; }

.photo_admin { width:120px; text-align: center; overflow: hidden; aspect-ratio: 4 / 4; float:left; margin:1px; border: #000 1px solid; border-radius:7px }
.photo_admin img { height: calc(100% - 40px); width: calc(100%); object-fit: cover; margin:auto; vertical-align:top;}

#bloc_account img { width:32px; vertical-align:middle; }
.bloc_account { border: 1px solid #552200; border-radius: 10px; background-color: #E8F5FF; padding:1%; margin: 1%;}
#bloc_orders img { width:50px; }

#product ul, #quot ul, #list ul, #message ul, #team ul { list-style-type: none; display:bloc; padding: 0;}
#avatar { float:right; width:110px; height:110px; border:1px solid #d1ae6c; border-radius:100%; overflow:hidden; text-align:center; display:table-cell; vertical-align:top; margin-right: 1%; margin-top: -20px ; background-size:cover; }
#avatar img { width:32px; margin-top:80px; }

#tracking { margin:0;}
#tracking li { width:15em;border-radius:10px;margin:0.5%;padding: 0.5%;border:1px solid black;}
#tracking li { zoom:1.4; }
#track_tab { text-align: left }
#track_tab tr { vertical-align:top ; }
.round_green { background-color: green; width: 1em; height:1em; border-radius:50% ; border:1px solid black; float:right;}
.round_red { background-color: red; width: 1em; height:1em; border-radius:50% ; border:1px solid black; float:right;}

/* TABLEAU */ 

.bloc_table { clear:both; max-width:100%; margin:auto; margin-top:10px; overflow:hidden; overflow-x:scroll;}

table { width: 100%; border-collapse: collapse;}
/*table img { width: 60px; min-width: 60px; margin:auto; }*/
th, td { border: 1px solid #E8F5FF; padding: 6px; text-align: center; }
th, .td_1 { background-color: #E8F5FF;  text-align: center; vertical-align: top; font-size: 0.7em; font-weight: bold; }
/*td:nth-child(even),
th:nth-child(even) { background-color: #f0f0f0; }*/
td:nth-child(1),
#real_estate td:nth-child(3),
#real_estate th:nth-child(1),
#real_estate th:nth-child(3) { background-color: #E8F5FF; text-align: left; }
td:hover { background-color: #ddd; }
thead th { position: sticky; top: 0; background-color: #E8F5FF; z-index: 2; }
/*tbody td:first-child { position: sticky; left: 0; background-color: #FAFAFA; z-index: 1; } */
tbody th:first-child { position: sticky; left: 0; background-color: #E8F5FF; z-index: 3; }

/* pied de page */ 

footer { margin:0; }
#footer { clear:both; background-color:#f44336; width:100%; margin:0px; text-align:left; }
#line_bottom { background-color:#f0f0f0; width:100%; margin-bottom:1%; text-align: center; border-bottom: 1px solid #552200; border-top: 1px solid #552200 }
#line_bottom a:hover { color: #fff; }
/* background:linear-gradient(to bottom, #fff, #fff ,#fff ,#f44336, #f00);*/
#bloc_info { width:30%; font-size:0.85em; float:left; margin:1% }

#bloc_adr { width:30%; font-size:0.85em;border:1px solid #f00; border-radius: 15px; text-align: center;  background-color:#fff;  margin:0.5%; }
#bloc_adr ul { list-style-type: none; padding:0; margin:0; }
#bloc_adr img { display:inline; margin:auto; width:25%; margin-bottom: 0;}
#bloc_adr h2 {  font-family: 'MonteCarlo', cursive; color:#d1ae6c; font-size: 2em; margin:0}

#bloc_liens { width:70%; float:right; text-align:center; line-height:1.5em; }
#bloc_liens h2 { margin:0 }

#lien_bloc1, #lien_bloc2 { width:45%; display: inline-block; margin:1%; text-align:left; background-color:#fff; vertical-align:top; padding:5px; border:1px solid #f00; border-radius: 15px;  list-style-type: none;}
#bloc_liens li { list-style-type: none;}

#lien_social { display:inline; width:100%; text-align:center; }
#lien_social li { display: inline-block; list-style-type: none;}

#flexisite { clear:both; margin:auto; margin-top:50px; font-size:0.7em; font-family: 'Arial', sans-serif; text-align:right; }
#flexisite img { vertical-align: middle; width:24px; }
#flexisite a:hover { color:#FCF6BA }

/* Forms */
form {margin:0; padding:0;}
fieldset { border-radius:10px; background-color:#E8F5FF; width:90%; margin:auto;  margin-top:12px; }
legend { font-weight:bold; }

select { border:1px solid #552200; padding:1px; border-radius:5px; margin:0 }
#quantity { width: 64px; height:28px;}
select:hover { background-color: #f44336; color:#fff }
option { background-color: #fff; color:#000 }
option:hover { background-color: #f44336; color:#fff }

form input { width:90%; border-radius:10px; background-color:#FAFAFA; display:inline; height: 2em; border:1px solid #5d5e5e; caret-color: #d1ae6c;}
form input[type=date] { width:35%; }
form input[type=radio] { width:auto;vertical-align: middle; }
form input[type="radio"]:hover+label { color:#d1ae6c } 
form input[type=checkbox] { width:auto; text-align: left;}
form input[type=checkbox]:hover { width:auto; border-color:#f44336; background-color: #FAFAFA; }

form input[type=file] { width:auto; border-color:#f44336; border-radius:10px; background-color:#FAFAFA; 
line-height: 2em; }

input[type="file"]::file-selector-button { background: #E0A8A8; color: #5C0000; border-radius: 10px; height:100%; cursor: pointer; border: 0px; border-right:1px solid #f44336; }
input[type="file"]::file-selector-button:hover { background-color:#FCF6BA; border-color: #f44336; color: #f44336;}

form input[type=submit] { width:auto; border-radius:10px; margin:auto; margin-top:15px; background-color:#E0A8A8; border: 1px solid #333; color:#5C0000; min-width:7em;}
form input[type=submit]:hover { inset; color:#f44336 ; border-color: #f44336; background-color: #FCF6BA; ; }

form input:hover, input:hover { border-color:#f44336; background-color: #FCF6BA; }

form label { display: inline; width: 15re	m; }
form label[type=radio] { background-color:#f44336; }
form textarea { width: 90%; border-radius:10px; background-color:#FAFAFA; border:1px solid #5d5e5e }
form textarea:focus, textarea:hover { color:#000; border-color:#f44336; background-color: #FCF6BA;  }

form SELECT { border-radius:10px; background-color:#FAFAFA; border:1px solid black; height: 2em; }
form SELECT:focus, SELECT:hover { color:#000; border-color:#f44336; background-color: #FCF6BA; }

form#delivery_add input[type=text] { width:60%; float:right;}
form#delivery_add label { width:35%; float:left; word-wrap:break-word; text-align:right;}
#delivery_add p { clear:both; }

/*form#form_mail label { display: inline; width: 15rem; }
form#form_mail label[type=radio] { background-color:#d1ae6c; }
form#form_mail textarea { width: 90%; border-radius:10px; background-color:#FAFAFA;border:1px solid #5d5e5e; } 
form#form_mail input { width: 90%; border-radius:10px; background-color:#FAFAFA; display:inline; border:1px solid #5d5e5e;}*/

#bloc_newsletter { padding:0.5% }

#search_bar { border:0px; margin:0; text-align: center; }
#search_bar img { border:0px; margin:0 }

#search_bar input[type=text], #bloc_newsletter input[type=text], #bloc_search input[type=text] { height: 20px; width: 40%; border-radius: 5px; border: 1px solid #552200; caret-color: #d1ae6c; }
#search_bar input[type=submit], #bloc_newsletter input[type=submit], #bloc_search input[type=submit] { height: 20px; border:0px; margin:0 }
#search_bar input[type=image], #bloc_newsletter input[type=image], #bloc_search input[type=image] { height: 20px; border-radius: 5px; border: 1px solid #552200; padding:3px; vertical-align: bottom; background-color: #f0f0f0; }
#search_bar input[type=image]:hover, #bloc_newsletter input[type=image]:hover { background-color:#d1ae6c; border: 1px solid #000; }

/** ------------------------------ **/
/** pour les rollovers bas de page **/
/** ------------------------------ **/
.rollover1 { background:url("../../themes/passion/imgs/round_facebook.svg") 0 0 no-repeat; }
.rollover2 { background:url("../../themes/passion/imgs/round_tiktok.svg") 0 0 no-repeat; }
.rollover3 { background:url("../../themes/passion/imgs/round_twitter.svg") 0 0 no-repeat; }
.rollover4 { background:url("../../themes/passion/imgs/round_linkedin.svg") 0 0 no-repeat; }
.rollover5 { background:url("../../themes/passion/imgs/round_youtube.svg") 0 0 no-repeat; }
.rollover6 { background:url("../../themes/passion/imgs/round_pinterest.svg") 0 0 no-repeat; }
.rollover7 { background:url("../../themes/passion/imgs/round_instagram.svg") 0 0 no-repeat; }
.rollover8 { background:url("../../themes/passion/imgs/round_reddit.svg") 0 0 no-repeat; }
/*.rollover8 { background:url("../../themes/passion/imgs/footer-skype.png") 0 0 no-repeat; }*/
.rollover9 { background:url("../../themes/passion/imgs/gold_whatsapp.png") 0 0 no-repeat; }
.rollover10 { background:url("../../themes/passion/imgs/round_zalo.svg") 0 0 no-repeat; }

.rollover1, .rollover2, .rollover3, .rollover4, .rollover5, .rollover6, .rollover7, .rollover8, .rollover9, .rollover10 { position:relative; display:inline-block; width:32px; height:32px; background-position: center;background-size: cover; }

.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover, .rollover5:hover, .rollover6:hover, .rollover7:hover, .rollover8:hover, .rollover9:hover, .rollover10:hover { opacity: 1; -webkit-transform:scale(1.2); transform:scale(1.2); }

/*  filter: grayscale(100%); filter: invert(82%) sepia(31%) saturate(624%) hue-rotate(346deg) brightness(87%) contrast(86%); background-position:0 -30px;*/

/*.rollover1:active, #rollover1:focus, .rollover2:active, #rollover2:focus, .rollover3:active, #rollover3:focus { background-position:0 -60px; }opacity: 0.75;*/

.rollover1 span, .rollover2 span, .rollover3 span, .rollover4 span, .rollover5 span, .rollover6 span, .rollover7 span, .rollover8 span, .rollover9 span, .rollover10 span { display:none }

/** sharing bouton **/
#share-buttons { text-align:left;  margin-top:3%;}
/* #share-buttons ul { } */
#share-buttons img { width:24px; padding:0px; border:0; display:inline; vertical-align: middle; margin-top:0}

/** comment box **/
#com_art, #contact_art { min-width:300px; max-width:600px;padding:0 }
#com_art fieldset, #contact_art fieldset{ padding:5px; background-color:#f0f0f0; }
#com_art input[type=submit] { margin: 0 auto; }
#com_art input[type=text] { max-width:350px; }
#com_art input[type=email] { max-width:350px; }
#com_show { min-width:300px; max-width:800px; margin:10px }
#com_line { margin-left:4px; color:#d1ae6c; font-weight: bold; }
#com_text { border-bottom:1px dotted #d1ae6c; padding:2px; margin:2px; }

/** flexichat **/
#flexichat { width:120px; height:32px; background-color: #767676; padding:0; position:fixed; bottom:120px; right:0; text-align:center; border-radius: 15px 0px 0 15px; overflow: hidden; display:none; }
#flexichat img { width: 32px; vertical-align: middle; }
#flexichat:hover { background-color: #5d5e5e; width:300px; height:320px; }
#flexichat_txt { width: 96%; height:230px; margin:1%; padding: 1%; background-color: #fff; text-align: left; border-radius: 15px; overflow-y:scroll;  }

/** call now **/

#call_phone { width: 52px; height: 52px; position:fixed; bottom:50px; left:24px;  border: #d1ae6c 1px solid; border-radius: 50%; background-color: #d1ae6c77; animation: pulse 1s infinite;  }
/*#phone:hover { border: #d1ae6c55 7px solid; bottom:56px; left:15px;  }*/

#call_now { width:48px; height:48px; border-radius: 50%; background-image:url(../../themes/passion/imgs/phone-call.svg); background-repeat: no-repeat; position:fixed; bottom:43px; left:17px; background-size: cover; border: #d1ae6c44 solid 10px; }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

/** ------------------------------------------- **/
/** pour les petits �crans quelques adaptations **/
/** ------------------------------------------- **/

@media screen and (max-width: 1020px) {
	.bloc_photo2 { height: 210px; }
	.art_cover { height:320px }
}

@media screen and (max-width: 821px) {
	.bloc_shop2 { width:31%; margin:0.7% }
	.bloc_photo2 { height: 210px; }
	.art_cover { height:270px }
}

@media screen and (max-width: 650px) {
	/*#logo { width:120px;}#claim { font-size:0.8rem; }*/
	#bloc_adr { width:90%; margin: auto;}
	#bloc_social { width:100%; }
	.hidden {display:none;}
	h1 { font-size:1.3em; font-weight: bold; }
	h2 { font-size:1.1em; }
	h3 { font-size:1em; }
	body { font-size:0.9em; }
	
	#bloc_1 { height:190px; font-size: 0.5em; }
	/*#menu { margin:0; width:100%; text-align: center; }li.bouton_menu { width: 95px; }*/
	.art_cover { height:400px }
	.bloc_shop2 { width:31%; margin:0.7% }
	.bloc_photo2 { height: 170px; }
	.rate_art { height:12px; width:60px; margin:1px; }
	.promo { padding:1px; font-size: 1em; }
	.price { font-size: 1em;}
	.footer { width:100%; vertical-align: top; padding:1% }
	.bloc50 { margin: 0.9%; }
	.bloc50 ul { padding-left: 15px; }
	.img50d { width:100%; margin: auto; }
	#content, #bloc_100, #bloc_100, #bloc_A, #bloc_B, #bloc_AB { width:98%; margin:auto; }
	#col_2 { display:none; }
	#col_1b { margin:0; width:98% }
	#line_photo { height: 210px; }
	.bloc_190, .bloc_290 { margin:auto; width:94%; clear:both; margin-bottom: 1%; }
	.photo_art, .bloc_shop, #bloc_photos { width:100%; float: none; clear:both; }
	.bloc_blog { width: 100%; }
	.bloc_home{ width: 48%; }
	#bloc_adr { clear:both; width: 90%; }
	#bloc_liens { width: 100%; }
	#lien_bloc1, #lien_bloc2 { width: 90%; margin:2% }
	/*img { max-width: 100%; margin:auto }*/
	#bloc_buy { margin-bottom: 0; text-align: center; width:100%;  width: 100vw; background-color:#BF953F77; position: fixed; bottom: 0;left:0}
}

/** ------------------------------------------- **/
@media screen and (max-width: 480px) {
	#b_ok { margin:0; margin-top: -25px; margin-right:0px ;float:right; }

	h1 { font-size:1.1em; font-weight: bold;}
	h2 { font-size: 1em;}
	#menu { width: 100%; text-align: center; }
	#bloc_titre {font-size:1.7em; }
	#logo { width:15%;}
	#bloc_1 { height:110px; font-size: 0.5em; }
	#bloc_g { display:none; }
	/*#bloc_d { clear:both ; }*/
	
	#bloc_lg img {width:24px; margin-top:7%;}
	#bloc_search { width: 40%;}
	/*#titre { letter-spacing:2px; margin-right:-2em ;}.bloc_photo2 { height: 47%; }*/
	#search_bar select { width: 95vw; padding:2px; margin: 0%; border-radius:5px; text-align: center;}
	#search_bar_d { text-align: center; width:90vw; margin: auto; font-size: 0.9em; padding:1%;}
	.art_cover { height:370px }
	.bloc_shop2 { width:47%; margin:1% }
	#bloc_nav { font-size: 0.78em; }
	#line_photo { height: 200px; }
	.bloc_home { width: 98%; margin-right:1%; float:none; }
	.bloc_photo2 { height: 140px;}
	.bloc_blog, .bloc_home { width: 100%; }
	.promo { padding:0px; font-size: 0.9em; }
	.price { font-size: 0.8em;}
	.rate_art { height:8px; width:40px; margin:3px; }
	/*.bloc_blog img {width: 48%; }height:160px; */
	#bloc_adr { clear:both; width: 94%; }
	#bloc_liens { width: 100%; }
	#lien_bloc1, #lien_bloc2 { width: 90%; } 
	/*fieldset { width:60%}#claim { font-size:0.8em; margin:0;}*/
	form#form_mail input[type=date] { width: 40%; }
}

@media screen and (min-width: 400px) {
	/*#bloc_1, #bloc_2, #bloc_3, #bloc_4, #bloc_5, #bloc_6, #bloc_7 {  margin: 4%;padding:2%;  }*/
}

@media print {
	body {
	  margin: 0;
	  color: #000;
	  background-color: #fff;
	  font-size: 10pt;
	}
	#header, #footer, #bloc_annonce { display:none; }
	.noprint { display:none; }
	#col_2 { display:none; }
	#col_1b { margin:0; width:98% }
	
	#print-footer { display:block ;position: absolute; width:100%; bottom: 0cm; font-size:7pt; } 
}