/* CSS portail Balance Ton Bien */
/* #  #d1ae6c */

/* couleurs verte : #9cca55   gris : 646464  - 555555  */
/* font: montserrat? like sieuthikhoedep */

/* #92CF4d (green) #323232 (gray)  */

/* bordure / liseret "gold" : DEAE66  */
/* remplissage : 2F5672 */
/* dégradé : 191D22 to 2F5672 to 737576 */

/* #0f83be Color Hex #07415f #cfe6f2 */

html { scroll-behavior: smooth; scrollbar-color: #0f83be rgba(0,0,0,.15); border-right:1px solid #07415f; scrollbar-width:thin; } 

html::-webkit-scrollbar {
	width: 0.5rem;
	background-color: rgba(0,0,0,.15); 
  }
html::-webkit-scrollbar-thumb { background:#0f83be; border-right:1px solid #cfe6f2;}

@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

body {
	background-color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
 	margin: 0; /* pour �viter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
    }
#print-footer { display:none; }
/*border-bottom: #1875a6  1px solid; border-top: #1875a6  1px solid; text-shadow: 1px 1px #191D22; background-color: #d0e3ed;*/
h1 { font-size:1.2em; text-align: center; color:#0f83be; font-weight: bold; }
h2 { font-size:1.1em; }
h3 { font-size:1em; }

A { text-decoration: none; }
A:link { color:#0f83be}
A:visited {color:#000;}
A:active {color:#cfe6f2;} 
A:hover {color:#fff; background-color: #0f83be; } 

img { border:0px; padding:0px; margin:0px; max-width: 100%; }
/*img:hover { background-color: initial; }*/

.photo { border:1px solid #5d5e5e; }
.return  { clear:both }
.center { margin:auto; text-align:center; }
.mini { font-size:0.7em }
.big { font-size:1.6em; color:#be4a0f; background-color:#cfe6f2 ; border-radius: 7px; width: 90%; margin:auto; }


.color { color: #cfe6f2; background-color: #0f83be;}
.zoom:hover { -webkit-transform:scale(1.2); transform:scale(1.2); }
.icon { width: 24px; height:24px; vertical-align: middle; border:0 }
.mob_only { display: none; }
.square16 { width: 16px; height: 16px; text-align: center; float: left; }

/*  entete  */ 
#header { background-color:#fff; width:100%; margin:0px; }
#logo { width:9%; float:left; margin:0.5% 0 -1% 0.5%; z-index:100;position:relative }
/*#bloc_g {  float:right; margin:0; padding:0; height:28px; }
#claim { font-size:1.3em;  float:left;} #FBF5B7*/
/*#line_top { background-color:#92CF4d; width:100%; height:28px ; margin:0px; line-height:28px; text-align:left; font-size:0.8em; color:#333; display: none;}
#line_top a:hover { color:#fff; }*/

/*#bloc_titre { clear:both; text-align:center; margin:0; padding: 0%; background-color:#d1ae6c; padding:0px; background:linear-gradient(to bottom right, #92CF4d,#92CF4d, #aeb2b9 ,#646464, #555555); }background: linear-gradient(120deg,#2F5672 0%,#FFFFFF 100%);background: linear-gradient(120deg,#2F5672 0%,#FFFFFF 100%)*/

#titre { font-family: 'Quicksand', sans-serif; color:#d0e3ed ; font-size: 1.2rem; text-shadow: 1px 1px #07415f; font-weight: bold; border-bottom: #0f83be  1px solid; border-top: #0f83be  1px solid; margin-bottom: 1%;  background-color: #d0e3ed; margin:0; background-color: #0f83be;}
#titre span { color: #07415f;  }
#titre h1 { border:0px; background-color: #0f83be; color:#d0e3ed }
.titre2b { font-size: 1.3em; line-height:1.3em; background:linear-gradient(to bottom right, #fff,#fff, #fff, #fff);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; color:#fff;}
.titre { font-weight: bold; font-size: 1.3em; line-height:1.3em; color:#0f83be ; clear: both; border: #0f83be 1px solid; background-color: #d0e3ed; border-radius: 7px;}
.titre::first-letter { padding:4px; margin-right:2px; color:#fff; background-color:#0f83be ; height: 1.3em; border-radius: 1.3em; }

#line_top { clear:both; text-align:left; margin:0; padding: 0%; background-color:#0f83be; height: 4px;  }

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

#menu { margin:1%; margin-top:0; padding:0; text-align: center; vertical-align: middle; float:left; width: 78%; font-size:1.3rem; }
#menu ul { padding:0; margin:0; }
#menu li { display: inline-block; padding:3px; margin:0px; background-color:#fff; border-radius: 20px; border: 1px solid #0f83be; }
#menu_about li { margin:1%; display: inline-block; padding:3px; border-radius: 20px; border: 1px solid #0f83be; }
#menu li:hover, #menu_about li:hover { background-color:#0f83be; color:#fff; border: 1px solid #07415f;}
#menu a:hover, #menu_about a:hover { color:#555555; color:#fff; }

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

/*  content  */
#content { clear:both; width:100%; text-align:left; margin:0; padding:0; }

#bloc, #bloc_min { clear:both; width:100%; text-align:center; margin:0; padding:0 ; vertical-align:top; }
#bloc_min { max-width: 800px; margin:auto }

#bloc_100 { width:98%; margin:0; padding:1%; display:inline-block; vertical-align:top; text-align:left; }

#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:270px; white-space:normal; }
#col_1 { max-width:1020px; margin:auto; text-align:left; }
/*#col_1 img { border:1px #333 solid; border-radius:5px; }*/
#description { clear:both }
#description img { max-width:100%; height:100%; }

#bloc_1 { background-position:bottom; background-size: 100%; margin:0%; padding:0; overflow: hidden; width: 100%; background-image: url(../../images/cover/immo-service-balance-3.jpg); max-height: 400px; background-repeat: no-repeat; background-color: #0f83be;}
#bloc_1 h1 { font-size:2em; text-shadow: -1px 2px 0 #be4a0f, 1px 1px 0 #be4a0f, 1px -1px 0 #be4a0f, -1px -1px 0 #be4a0f; font-family: 'Quicksand', sans-serif; color:#fff }
#bloc_1 p { width:100%;  margin:auto; padding: 1%; text-align: center; font-weight: bold; font-size: 1em; }

#search_bar_d { float: right; text-align: right; margin-right: 1%; }

.bloc_290 { background-color:rgba(245, 245, 245,0.7); width:290px; margin:0.3%; padding:0.5%; display:inline-block; border-radius:3px; 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: 3px; border:1px dotted #0f83be; vertical-align:top; text-align:left; }

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

.promo { background-color:#be4a0f; color:#fff; padding:1px; border-radius:15px; }
.compare { width:1.1em; margin:0; vertical-align: middle; }
.price { color:#5d5e5e; 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: calc(94% - 2px); margin:auto; padding:1%; vertical-align:top ; height:250px; overflow-y:hidden; overflow-x: auto; scrollbar-color:#aeb2b9 ; white-space: nowrap;  overscroll-behavior: auto; background-color: #2F567233; border-radius: 13px; border: 1px solid #555555;}
#line_photo::-webkit-scrollbar { background:#ddd; border:1px solid #5d5e5e; height: 0.4rem; }
#line_photo::-webkit-scrollbar-thumb { background:#aeb2b9; border:1px solid #5d5e5e; }
#line_photo img { vertical-align:top; margin-right:0.5%; height: 100%; width:auto; }

.cadre { border: 1px solid #5d5e5e; border-radius: 7px; margin:1% }
.bloc_50_100 { width: 48%; }

/*#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; border-radius:7px; max-width:100%;}
#bloc_photos_ann { width:32%; float: left; border-radius:7px; max-width:100%;}
#ex1b { width: 100%; overflow: hidden; }
/*#image_logo {  width: 20% }
#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: top;position: relative; }

/*div#preloaded-images {position: absolute;	overflow: hidden;left: -9999px; top: -9999px;height: 1px;width: 1px; }
.main_carousel { margin-bottom: 2%;	position:relative; width: 100%; height: 120px; border-top:0px solid #5d5e5e; border-bottom:0px solid #DEAE66; } 
.carousel_cell img { height:107px; border: 1px solid #5d5e5e; 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 #d1ae6c; 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; z-index:1; vertical-align: top;}
.bloc_text2 { position: relative; min-height:0.6in;   }
.bloc_text2 h2, .bloc_text2 h3 { line-height: 1.2em; height: 2.4em;  overflow:hidden;}
.bloc_shop2 { text-align:center; overflow:hidden; }
#bloc_buy { margin-bottom: 2%; }

#image_top { margin:0; padding:0; overflow: hidden; background-color: #cccccc; max-height: 350px; z-index: -1; }
#image_top img { margin:0; padding:0; vertical-align: bottom; }

/*.pre {}*/
/*background: rgb(7,65,95);  background: linear-gradient(126deg, rgba(7,65,95,1) 0%, rgba(98,192,241,1) 100%); background-color: #cfe6f2 ; color:#F1E5AC;
.pre p {color:#F1E5AC; }
*/

.bloc_photo2 { border:2px solid #07415f;  }
.alt { background-color: #0f83be ; color:#eff1f5; border: 1px solid #07415f; }

.ico_pre {
	position: absolute; /* Position on top of the image */
	top: 1px; /* Adjust as needed */
	left: 1px; /* Adjust as needed */
	z-index: 2;
	width: 64px;
	filter: drop-shadow(0 0 7px #F1E5AC);
	/*transform: rotate(25deg);
	 You can adjust width, height, and other styles here */
  }

/*.bloc_shop1 { min-height:230px; font-size:1em; }.bloc_shop2 { }
.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; }
.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; } visibility:hidden;*/

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

.button1 { border-radius:12px; padding:2px; background-color: #eee;}

.bloc_button { border:1px solid #07415f ; background-color:#fff; text-align:center; border-radius:12px; padding:1%;line-height: 2em; }
#bloc_buy .bloc_button { display: inline-block; width: 29%; margin:0.5%}
.bloc_button:hover { background-color: #0f83be; color: }

.bloc_button2 { border:1px solid #07415f; padding:1%; border-radius:12px;  line-height: 2em; max-width: 100%;}
/* white-space: nowrap;*/ 
.bloc_button2:hover { background-color: #0f83be; border:1px solid #07415f ; }
.bloc_button2 a:hover { background-color: #0f83be;  }

.bloc_button3 { border:1px solid #07415f; background-color:#fff; padding:1%; border-radius:12px; ;white-space: nowrap; line-height: 50px; }
.bloc_button3:hover { background-color: #0f83be; border:1px solid #07415f; }
.bloc_button3 a:hover { background-color: #0f83be; }

.bloc_button4 { margin: auto; margin-top: 10px ; border: 1px solid #0f83be; background-color: #d0e3ed; border-radius: 12px; text-align: center; padding: 1%; max-width: 85%; }
.bloc_button4:hover { background-color: #0f83be; border:1px solid #07415f; }

.line_art { clear:both; margin:0; height:1px; border-top: 1px dotted #0f83be; }
.rate_art { height:16px; width:16px; margin:3px; z-index:-2;top:-1px; right: 1px; position: absolute;}

.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: #d1ae6c; color: white; }
.pagination a:hover:not(.active) { background-color: #ddd; }

/*#bloc_annonce { position:fixed; background-color:#2F5672CC; border:1px solid #000; width:85%; min-height:70vh; padding:3%; top:0; left:0; text-align:center; font-size: 0.95em; margin:5%; border-radius: 15px; }
#ann2 { background-color: #fff; width:320px; height:auto; margin:0; padding:0.5%; overflow: hidden; margin:auto; margin-top:15vh}
#ann2 img { max-width: 100%; height:auto; }*/

#bloc_annonce { position:fixed; background-color:#cfe6f2; border:1px solid #07415f; width:93%; height:auto; padding:1%; padding-top: 0; bottom:0; left:0; text-align:center; font-size: 1em; margin:2%; border-radius: 15px; z-index: 111; }
#ann2 { background-color: #cfe6f2; width:100%; margin:auto; padding:0; display: flex; align-items: center; overflow: hidden; }
#ann2 img { max-width: 70px; max-height:70px; float:left; margin-right: 1%; }

#b_ok { width: 14px; height: 14px; margin:0; margin-top: -25px; margin-right: -25px; float:right; font-size:20px; line-height: 20px; }
#b_ok a:hover { background-color:#d1ae6c; color:#fff }

/* margin-left: calc(50% - 173px); */

/* --- account administration --- */
#bloc_account img { width:32px; vertical-align:middle; }
.bloc_account { border: 1px solid #07415f; border-radius: 10px; background-color: #cfe6f2; padding:1%; margin: 1%;}

#bloc_orders img { width:50px; }

#product ul, #quot ul, #list ul, #message ul { list-style-type: none; display:bloc; padding: 0;}
#avatar { float:right; width:120px; height:120px; border:1px solid #07415f; border-radius:100%; overflow:hidden; text-align:center; display:table-cell; vertical-align:top; }

#tracking { margin:0;}
#tracking li { width:15em;border-radius:10px;margin:0.5%;padding: 0.5%;border:1px solid black;}
#tracking li { zoom }
#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;}

/* pied de page bottom footer */ 

footer { margin:0; }
#footer { clear:both; background-color:#fff; width:100%; margin:0px; text-align:left; }
/*#line_bottom { background-color:#92CF4d; width:100%; margin-bottom:1%; text-align: center; background:linear-gradient(to bottom right, #7b7d80,#aeb2b9, #92CF4d,#aeb2b9, #7b7d80);}*/

#line_bottom { background-color:#0f83be; background:linear-gradient(to right, #07415f,#0f83be,#0f83be,#0f83be, #0f83be, #cfe6f2); width:100%; margin-bottom:1%; text-align: center; border-bottom: 1px solid #07415f; border-top: 1px solid #07415f; color: #fff;}

#line_bottom a:hover { color: #fff; }

#bloc_info { width:30%; font-size:0.85em; float:left; margin:1% }

#bloc_adr { width:30%; font-size:0.85em; text-align: center; }
#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: 'Quicksand', sans-serif; color:#0f83be; font-size: 2em; margin:0; text-shadow: 1px 1px #07415f; border-radius: 10px;}
/*#bloc_blanc { background-color:#fff; width:90%;  }*/

#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; }
#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;margin:1% }

#flexisite { clear:both; margin:auto; margin-top:50px; font-size:0.7em; font-family: 'Arial', sans-serif; text-align:center; }
#flexisite img { vertical-align: middle; width:16px; }

/* Forms */

fieldset { border-radius:12px; background-color:#cfe6f2; margin:auto; width:90%; margin-top:12px; border-color: #fff;}
legend { font-weight:bold; }
/* #form_annu label { display:inline-block; width: 100%; margin-top: 1%; }*/
form label { display: inline; width: 15rem;  }
form label[type=radio] { width: 24px; }
form textarea { width: 90%; border-radius:12px; background-color:#FAFAFA; border:1px solid #0f83be}
form SELECT { border-radius:12px; background-color:#FAFAFA; height:35px; vertical-align: middle;  }

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 input { width:90%; border-radius:12px; background-color:#FAFAFA; display:inline; border:1px solid #5d5e5e; height:30px; vertical-align: middle; }
form button { border-radius:12px; background-color:#FAFAFA; display:inline; border:1px solid #5d5e5e; height:30px; vertical-align: middle; }
form input[type="email"] { width:90%; border-radius:12px; background-color:#FAFAFA; display:inline; }
form input[type="date"] { width:35%; }

form input[type=checkbox] { width:auto; text-align: left;}
form input[type=checkbox]:hover { width:auto; border-color:#0f83be; background-color: #FAFAFA; }
form input[type=file] { width:auto; border-color:#0f83be; border-radius:12px; background-color:#FAFAFA; vertical-align: middle; height: auto; }
form input:hover, input:hover { border-color:#07415f; }
form SELECT:focus, SELECT:hover { border-color:#07415f; }
form textarea:focus, textarea:hover { color:#000; border-color:#2F567233; }
input[type=submit] { width:auto; border-radius:12px; margin:auto; margin-top:12px; background-color:#fff; border: 1px solid #07415f; padding:3px; vertical-align: middle; height: 30px; margin:1%; color:#000 }
input[type=submit]:hover { inset; background-color:#0f83be; border-color: #07415f; color: #333 }
form input[type="radio"] { width:auto; width: 30px; }
form input[type="radio"]label { width: 30px; } 
/*form input[type="radio"]:hover+label { color:#DEAE66; border-color: #DEAE66; }*/

.inputfile {  
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 1em;
    font-weight: 500;
    color: #000;
    background-color: #0f83be;
    display: inline-block;
	width: 64px;
	text-align: center;
	border:1px solid #07415f;
	border-radius: 25%;
	padding: 3px;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #0f83be; color:#fff;
}

#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=email], #bloc_search input[type=text] { height: 27px; width: 40%; border-radius: 153px; border: 1px solid #5d5e5e; caret-color: #5d5e5e; }
#search_bar input[type=submit], #bloc_newsletter input[type=submit], #bloc_search input[type=submit] { height: 24px; border:0px; margin:0 }
#search_bar input[type=image], #bloc_newsletter input[type=image], #bloc_search input[type=image] { height: 24px; border-radius: 15px; border: 1px solid #5d5e5e; padding:3px; vertical-align: bottom; background-color: #fff; }
#search_bar input[type=image]:hover, #bloc_newsletter input[type=image]:hover { background-color:#cfe6f2; }

#search_bar_g { max-width: 100%; float: left; margin:0}

form#form_mail textarea { border:1px solid #5d5e5e; }
form#form_mail input[type=submit] { margin:2%; }

#bloc_newsletter { padding:0.5% }
#bloc_search { text-align:center; height:38px; margin-top:2%; float: left; width: 66%; }
#bloc_search_home { text-align:center; width: 90%; margin:auto; padding: 1%; background-color: #CCCCCC99; font-weight: bolder; }
#bloc_search_home select { height:38px; }
#bloc_search input[type=image], #bloc_newsletter input[type=image] { width:24px; }

#bloc_search_home input[type=text] { width: 30%; height: 27px; border-radius: 3px; border: 1px solid #5d5e5e; caret-color: #5d5e5e; }
#bloc_search_home input[type=text]:hover { background-color: #0f83be; }
#bloc_search_home input[type=image] { height: 29px; width:29px; border-radius: 5px; border: 1px solid #5d5e5e; padding:3px; vertical-align: bottom; background-color: #fff;}

select { border:1px solid #07415f; padding:1px; border-radius:15px; margin:0; max-width: 100%; }
#quantity { width: 64px; height:28px;}
select:hover { background-color: #0f83be; color:#fff }
option { background-color: #fff; color:#000 }
option:hover { background-color: #cfe6f2; color:#fff }
optgroup { color:#fff; background-color:#0f83be; }

/** ------------------------------ **/
/** pour les rollovers bas de page **/
/** ------------------------------ **/
.rollover1 { background:url("../../themes/balancetonbien/imgs/round_facebook.svg") 0 0 no-repeat; }
.rollover2 { background:url("../../themes/balancetonbien/imgs/round_tiktok.svg") 0 0 no-repeat; }
.rollover3 { background:url("../../themes/balancetonbien/imgs/round_twitter.svg") 0 0 no-repeat; }
.rollover4 { background:url("../../themes/balancetonbien/imgs/round_linkedin.svg") 0 0 no-repeat; }
.rollover5 { background:url("../../themes/balancetonbien/imgs/round_youtube.svg") 0 0 no-repeat; }
.rollover6 { background:url("../../themes/balancetonbien/imgs/round_pinterest.svg") 0 0 no-repeat; }
.rollover7 { background:url("../../themes/balancetonbien/imgs/round_instagram.svg") 0 0 no-repeat; }
.rollover8 { background:url("../../themes/balancetonbien/imgs/footer-skype.svg") 0 0 no-repeat; }
.rollover9 { background:url("../../themes/balancetonbien/imgs/round_whatsapp.svg") 0 0 no-repeat; }
.rollover10 { background:url("../../themes/balancetonbien/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; padding:0; text-align: left;}
#com_art fieldset, #contact_art fieldset{ padding:5px; background-color:#d0e3ed; max-width:600px; }
#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:#0f83be; font-weight: bold; }
#com_text { border-bottom:1px dotted #0f83be; 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;  }

/** Stripe form **/
.form-row {	margin-bottom: 20px; }
#payment-form.label {	display: block;	margin-bottom: 5px; }
#payment-form input[type="text"],
#payment-form input[type="email"],
#payment-form input[type="tel"],
#payment-form input[type="number"] { width: 90%; padding: 10px; border-radius: 15px; border: 1px solid #ccc;	font-size: 16px; }
.card-errors { color: #ff0000; margin-top: 10px; }
/*.submit-button { background-color: #4CAF50; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; }
*/
#card-element { width:90%; border-radius:12px; background-color:#FAFAFA; border:1px solid #5d5e5e; height:30px; vertical-align: middle; margin: auto; padding: 10px; font-size: 1.4em;}
#card-element input::placeholder { font-size: 18px; }
#card-element:hover { border-color:#07415f; }
#submit-button { width: 7em; font-size: 1.1em; width:auto}
#submit-button:hover { cursor: pointer; background-color:#0f83be; border-color: #07415f; color: #fff; }
#payment-form label { display: block; width:90%; text-align: left; margin:auto;  margin-top: 5px; font-size: 1em; }


#loading-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    z-index: 1000;
}

.loading-spinner {
	display: inline-block;
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin-bottom: 15px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

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

@media screen and (max-width: 1020px) {
	.bloc_photo2 { max-height: 210px; }
	/*.art_cover { height:320px }*/
	#menu { font-size: 1.1rem; text-align: center; margin:3%; margin-top: 0; margin-bottom: 0; }
	#bloc_d { font-size:1rem ; }
}

@media screen and (max-width: 821px) {
	.bloc_shop2 { width:31%; margin:0.7% }
	.bloc_photo2 { max-height: 210px; }
	#menu { font-size: 1.1rem; text-align: center; margin:3%; margin-top: 0; margin-bottom: 0; }
	#bloc_d { font-size:1rem ; }
	/*.art_cover { height:270px }*/
}

@media screen and (max-width: 650px) {
	/*#claim { font-size:0.8rem; }*/
	#logo { width:15%;}
	#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; }
	#menu { margin:1%; width:80%; font-size: 1rem; text-align: center; margin:2%; margin-top: 0; margin-bottom: 0; }
	#bloc_d { font-size: 0.7rem ; }
	.big { font-size:1,3em; }
	
	/*#bloc_1 { font-size: 0.5em; }li.bouton_menu { width: 95px; }height:190px; .art_cover { height:400px }*/
	
	.bloc_shop2 { width:31%; margin:0.7% }
	.bloc_photo2 { max-height: 150px; }
	.rate_art { height:12px; width:12px; margin:1px; }
	.promo { padding:1px; font-size: 1em; }
	.price { font-size: 1em;}
	.footer { width:100%; vertical-align: top; padding:1% }
	#content, #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 { width:100%; float: none; clear:both; }
	#ex1b { width: 100% }
	#bloc_photos {width:30%; float:none; clear:both; margin:auto;}
	#bloc_photos_ann {width:100%; float:none; clear:both; margin:auto;}
	.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) {
	.ico_pre {	width: 32px; }
	#search_bar_g { text-align: center; clear:both; }
	#search_bar_d { max-width: 100%; }
	#search_bar_g select { max-width: 65px; }
	#search_bar_d a { max-width: 60px; font-size: 0.8em; }
	#b_ok { margin:0; margin-top: -10px; margin-right:-10px ;float:right; }
	.mob_only { display: inline; }
	.big { font-size:1,4em; }

	h1 { font-size:1.1em; font-weight: bold;}
	h2 { font-size: 1em;}
	#menu { width: 81%; text-align: center; margin:1%; font-size: 0.8rem; margin-top: 0; margin-bottom: 0;}
	#bloc_g { display:none; }
	#bloc_d { clear:both ; font-size: 0.7rem; }
	#logo { width:15%; margin: auto;}
	
	#bloc_lg img {width:24px;}
	#titre { font-size: 1em ;}
	.bloc_shop2 { width:48%; margin:0.5% }
	.bloc_blog, .bloc_home { width: 100%; }
	.bloc_50_100 { width: 98%; }
	/*
	#bloc_1 { font-size: 0.5em; }.bloc_photo2 { height: 47%; }height:110px;#bloc_titre {font-size:1.7em; }
	#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_nav { font-size: 0.78em; }
	#line_photo { height: 200px; }
	.bloc_home { width: 98%; margin-right:1%; float:none; }
	.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: 90%; }
	#bloc_liens { width: 100%; }
	#lien_bloc1, #lien_bloc2 { width: 90%; } 
	form#form_mail input[type=date] { width: 40%; }
	/* --- account administration --- */
	.bloc_account ul { padding-left:15px; font-size: 0.9em;}
	.bloc_account li { padding-left:-3px; }
	
}

@media screen and (max-width: 400px) {
	/*#bloc_1, #bloc_2, #bloc_3, #bloc_4, #bloc_5, #bloc_6, #bloc_7 {  margin: 4%;padding:2%;  }#menu { font-size: 1em;}*/
	#bloc_d { font-size: 0.5rem ; }
	.big { font-size:1,3em; }
	.bloc_photo2 { max-height: 130px;}
}

@media print {
	body {
	  margin: 0;
	  color: #000;
	  background-color: #fff;
	  font-size: 10pt;
	}
	#header, #footer, #bloc_annonce, #menu,#bloc_titre, #bloc_d, #bloc_search { 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; } 
}