/* CSS portail Vietnam Flowers 03/05/2021 */
/* Pink : f44336 | Green : 4caf50 | grab green #00b14f */
/* Pink : f03f88 | light pink : ffb3c7 => ffe0e8*/ 
/* colors logo : f19abe  7a897f */ /*  green bouqs : 1b7657 */
/* dark pink : f03f88 | light pink : ffb3c7 => ffe0e8 | dark green : 1b7657 */

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

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

body {
	background-color:#fff;
	font-family: 'Be Vietnam', sans-serif;
	font-size: 1em;
	width: 100%;
 	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
    }
#print-footer { display:none; }

h1 { font-size:1.5em; text-align:center; color:#1b7657;} 
h2 { font-size:1.1em; white-space:nowrap; overflow: hidden; color:#f03f88; }
h3 { font-size:1em; color:#1b7657; white-space:nowrap; overflow: hidden;margin:0;}

A { text-decoration: none; padding:2px }
A:link { color:#1b7657 }
A:visited { color:#1b7657; }
A:active { color:#000; }
A:hover { color:#f44336; }

img { border:0px; padding:0px; margin:0px; max-width:100%; max-height:100%; }

.photo { border:1px solid #1b7657; }
b, strong { color:#1b7657; }
.return  { clear:both; }
.center { margin:auto; text-align:center; }
.mini { font-size:0.7em }
.big { font-size:1.7em; color:#f44336; }
.zoom:hover { -webkit-transform:scale(1.1); transform:scale(1.1); }
.icon { width:24px; vertical-align: middle;}
.circle { border:2px solid #1b7657; border-radius: 15px 50px 30px; padding:2%; background-color: #dfd; color:#f03f88; font-size: 1em;}

.bouton { font-size:1.1em; text-align:center; margin:auto;}
.display { display:none; }
hr { border-top:1px solid #1b7657; }
.bloc_table { width: 100%; overflow: hidden; overflow-x: scroll;}
table { border-collapse:collapse; background-color: #ffe0e8; border-radius: 10px; margin: auto; overflow: hidden; border:1px solid black; table-layout: auto; width: 100%; }
tr,td,th { border:1px solid #1b7657; } /*tbody { border :0px}*/
th { text-align:center; color:#1b7657 }
.tab_line { background-color: #f03f88; color:#dfd }
.tab_line th {  color:#dfd }

.cadre { border-radius:7px; background-color:#eee; border: 1px dotted #1b7657; padding:4px; margin:0; margin-bottom:10px; }

/* Calendar */
.cal_sunday { background-color:#f03f88; padding: 3px; }
.cal_jour { border:3px solid #1b7657; border-radius:40%; padding: 3px; }

/*  entete  */
#header { width:100%; margin:0px; background-color:#f03f88; }

/*#line_top { background-color:#d1ae6c; width:100%; height:28px ; margin:0px; line-height:28px; text-align:left; font-size:0.8em; color:#333;}
#line_top a:hover { color:#fff; }*/

#claim { font-family: 'Ballet', cursive; float:left; margin:0.5%; letter-spacing:3px; height:3em; font-weight: bold; color:#1b7657; text-shadow: 1px 0 0 #dfd, -1px 0 0 #dfd, 0 1px 0 #dfd, 0 -1px 0 #fff, 1px 1px #dfd, -1px -1px 0 #dfd, 1px -1px 0 #dfd, -1px 1px 0 #dfd; }
.logo { margin:auto; font-family: 'Ballet', cursive; letter-spacing:3px;}
#titre { font-family: 'Ballet', cursive; font-size:2em; letter-spacing:3px; position:absolute; margin-left:auto; margin-right:auto; left:0; right:0; text-align:center; width:280px; border-bottom: solid 1px #000; margin-top:0; height:1.3em; font-weight:bold; color:#1b7657; text-shadow: 1px 0 0 #dfd, -1px 0 0 #dfd, 0 1px 0 #dfd, 0 -1px 0 #fff, 1px 1px #dfd, -1px -1px 0 #dfd, 1px -1px 0 #dfd, -1px 1px 0 #dfd;}

#bloc_TR { text-align:center; float:right; margin:0.5%; height:32px;font-size:0.7em; }
#bloc_TR ul { display: flex; list-style-type:none; padding:0; margin:0;flex-wrap: nowrap;justify-content: space-between; }
#bloc_TR li { flex: 1;  text-align:center; margin-right: 0.1%; }
/*#bloc_TR img { width:30px; margin-right:5px; }*/

/*#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 { clear:both; text-align:center; width:98%; margin:1%; padding:0; z-index:10; }
#menu ul { display:bloc; margin:0; padding:0; }
#menu li { display: inline-block; padding:2px; margin:2px; background-color:#ffe0e8; border-radius:10px; border: 1px solid #1b7657; }
#menu li:hover { border: 1px solid #dfd; }

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

/*  content  */
main { margin:0; padding:0%; }
#content { clear:both; width:98%; text-align:left; margin:0; padding:0%; }
#bloc { clear:both; width:100%; text-align:center; margin:0; vertical-align:top; padding:1%; }

/* --- Page d'accueil - Home page -----------------------------------------*/
#box { width: 100%; height: 350px; animation:anim 30s infinite; animation-fill-mode: forwards; overflow: hidden;}
#intro { line-height: 2em;}
#intro1 { animation:anim1 30s infinite; animation-fill-mode: forwards; position: absolute;}
#intro2 { animation:anim2 30s infinite; animation-fill-mode: forwards; position: absolute;}
#intro3 { animation:anim3 30s infinite; animation-fill-mode: forwards; position: absolute;}
/* -------------------------------------------------------------------------- */
	@-webkit-keyframes anim {
		0% { background-image:url("../../images/cover/img_1.jpg"); background-position: right top; background-size:cover; }
		33% { background-image:url("../../images/cover/img_1.jpg"); background-position: right center; background-size:cover; }

		34% { background-image:url("../../images/cover/img_2.jpg"); background-position: left top; background-size:cover; }
		67% { background-image:url("../../images/cover/img_2.jpg");background-position: right bottom; background-size:cover; }

		68% { background-image:url("../../images/cover/img_3.jpg"); background-position: right top; background-size:cover; }
		100% { background-image:url("../../images/cover/img_3.jpg"); background-position: left bottom; background-size:cover; }
	}
	@keyframes anim {
		0% { background-image:url("../../images/cover/img_1.jpg"); background-position: right top; background-size:cover; }
		33% { background-image:url("../../images/cover/img_1.jpg"); background-position: right center; background-size:cover; }

		34% { background-image:url("../../images/cover/img_2.jpg"); background-position: left top; background-size:cover; }
		67% { background-image:url("../../images/cover/img_2.jpg");background-position: right bottom; background-size:cover; }

		68% { background-image:url("../../images/cover/img_3.jpg"); background-position: right top; background-size:cover; }
		100% { background-image:url("../../images/cover/img_3.jpg"); background-position: left bottom; background-size:cover; }
	}
/* -------------------------------------------------------------------------- */
	@-webkit-keyframes anim1 {
		0% { margin-left: -20%; }
		30% { margin-left: 15%; }
		33% { margin-left: 15%; }
		34% { visibility:hidden; }
		100% { visibility:hidden; }
	}
	@keyframes anim1 {
		0% { margin-left: -20%; }
		30% { margin-left: 15%; }
		33% { margin-left: 15%; }
		34% { visibility:hidden; }
		100% { visibility:hidden; }
	}
/* -------------------------------------------------------------------------- */
	@-webkit-keyframes anim2 {
		0% {  margin-left: -30%; }
		34% { margin-left: -30%; }
		65% { margin-left: 15%; }
		67% { margin-left: 15%; }
		68% { visibility:hidden; }
		100% { visibility:hidden; }
	}
	@keyframes anim2 {
		0% {  margin-left: -30%; }
		34% { margin-left: -30%; }
		65% { margin-left: 15%; }
		67% { margin-left: 15%; }
		68% { visibility:hidden; }
		100% { visibility:hidden; }
	}
/* -------------------------------------------------------------------------- */
	@-webkit-keyframes anim3 {
		0% { visibility:hidden; }
		67% { visibility:hidden; }
		67% {margin-left: 110%}
		90% { margin-left: 50%; }
		100% { margin-left: 50%; }
	}
	@keyframes anim3 {
		0% { visibility:hidden; }
		67% { visibility:hidden; }
		67% {margin-left: 110% }
		90% { margin-left: 50%; }
		100% { margin-left: 50%; }
	}

#bloc_project { width:41%; background-image: url(../../themes/vietnam-flowers/imgs/bloc_project.jpg); background-repeat:no-repeat; background-size:cover; border: 1px dashed #ffe0e8; border-radius: 10px;}
#bloc_provider { width:41%; background-image: url(../../themes/vietnam-flowers/imgs/bloc_provider.jpg); background-repeat:no-repeat;background-size:cover; background-position: right top;border: 1px dashed #ffe0e8; border-radius: 10px;}
#bloc_provider p, #bloc_project p { line-height:2em; font-size:1.1em; color:#000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
	
/* ---------------------------------------------------------------*/

#bloc_100 { clear:both; width:99%; margin:auto; padding:0%;  text-align:justify;vertical-align:top; }
#bloc_A, #bloc_B, #bloc_AB { background-color:rgba(245, 245, 245, 0.7); width:45%; margin:0.2%; padding:0.5%; display:inline-block; border-radius:5px; border:1px dotted black; vertical-align:top; text-align:left; }

#bloc_AB { width:91.8%; }

#col_3 { display:none; }
#col_2 { float:right; width:255px; padding:5px; margin:0; text-align:center; margin-bottom:5px; border-left:1px #1b7657 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-radius:5px; }*/

.bloc_4 { width:24%; margin:0.5%; padding:0%; float:left; border-radius:5px; text-align:center; overflow:hidden; border: 0px;} /*ex bloc_190
.bloc_4 img { width: 100%; height: 100%;}*/

.bloc_6 { width:15%;  margin:0.5%;background-color: #ffe0e8; float:left; border-radius:5px; }

#bloc_tellus { width:25%; }
#bloc_wefind { width:25%; }
#bloc_deal { width:25%; }

.bloc_vignettes { float:left; margin:3%; padding:1%; list-style-type:none; border-radius: 15px; border: 1px solid #1b7657}
.bloc_vignettes h3 { color:#fff; text-align:center;background-color: #f03f88; line-height:1em; padding: 2px; border-radius: 10px;}
.bloc_vignettes ul { list-style-type:none; margin:0; padding:0; text-align: left;}

#menu ul { display:bloc; margin:0; padding:0; }
#menu li { display: inline-block; }
#menu li:hover { border: 1px solid #dfd; }

/*.bloc_0 { clear:both; width:96%; margin:auto; text-align:center; font-size:1.1em}*/

.promo { background-color:#f44336; color:#fff; padding:2px; border:1px solid #1b7657; border-radius:60%; }
.compare { width:32px; }
.price { color:#d1ae6c; 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; }


.bloc_photo {width:33%; float:left; overflow: hidden; }
.bloc_shop { width:65%; float:right; }
.photo_art { width:33% }

/*.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_shop2 { width:24%; padding:0%; margin:0.5%; font-size:0.9em; float:left; overflow:hidden; line-height: 1; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 9px 0px; }
.bloc_shop2 h2 { margin:0; color: #1b7657; }
.bloc_photo2 { width:100%; height:200px; overflow:hidden; position: relative; text-align:center;}
.photo_art2 { height:100%; }
.bloc_text2 { padding:5px }

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

.bloc_button { padding:3px; margin:auto; background-color:#ffe0e8; border-radius:10px; border: 1px solid #1b7657; text-align:center; }
#bloc_buy .bloc_button { display: inline-block; width: 45%; margin:0.5%}
.bloc_button:hover { background-color: #1b7657; color: #fff }
.bloc_button2 { border:1px solid #1b7657; padding:2px; border-radius:5px; }
.bloc_button2:hover { background-color: #1b7657; color:#fff }

.bloc_button2 { padding:2px; background-color:#ffe0e8; border-radius:10px; border: 1px solid #1b7657; text-align:center; display:block; width:90%; margin:auto; }
.bloc_button:hover, .bloc_button2:hover { border: 1px solid #dfd; }

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

.pagination { margin:auto; text-align:center; clear:both; margin-top:50px; width: 100%;}
.pagination a { display: inline-block; padding: 4px 8px; text-decoration: none; transition: background-color .3s; margin:2px; }
.pagination a.active { background-color: #1b7657; color: white; }
.pagination a:hover:not(.active) { background-color: #ddd; }

#bloc_annonce { background-color:#3339; border:1px solid #333; width:98%; padding:2%; position:fixed; bottom:0; right:0; text-align:center; color:#FAFAFA; display:none; font-size:0.95em; }
/*#ann2 { background-color: #d3d3d2; width:fit-content; margin:auto; padding:0.5%; }*/

#b_ok a { float:right; background-color:#ffe0e8; color:#f44336; }
#b_ok a:hover { background-color:#f44336; color:#5d5e5e }

/* --- account administration --- */
#bloc_account img { width:32px; vertical-align:middle; }
.bloc_account { border: 1px solid #1b7657; border-radius: 10px; background-color: #ffe0e8; }

#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 #1b7657; 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 --- */
#footer { clear:both; width:98%; margin-top:1%; text-align:left; padding:1%; background-color: #f03f88;}

#newsletter { width:96%; border: 1px solid #1b7657; margin:1%; border-radius:5px; padding:0.5%; text-align:center; background-image:radial-gradient(ellipse at bottom left,#ffe0e8,#FAFAFA);}

#bloc_b1 { width:32%; text-align:center; float:left; margin:auto; font-size:0.9em;}
#bloc_b1 ul { list-style-type: none; display:bloc; padding:0; }
#bloc_b1 li { display: inline-block; padding:2px; margin:2px; background-color:#ffe0e8; border-radius:10px; border: 1px solid #1b7657; max-height: 30px; }
#bloc_b1 li:hover { border: 1px solid #dfd; }
#bloc_b2, #bloc_b3 { width:32%; text-align:left; vertical-align:top; float:left; background-color:#ffe0e8; margin-left:1%; border-radius:10px;border: 1px solid #1b7657; }
#bloc_b2 ul, #bloc_b3 ul { list-style-type:none; }

#mentions { clear:both; margin:1%; text-align: center; font-size:0.8em;}	
#mentions img { vertical-align: middle; height:32px; }

#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; }

/* --- formulaires --- */
fieldset { border-radius:10px; background-color:#ffe0e8; margin:auto; width:90%; margin-top:12px; border:1px solid #4caf50; }
legend { font-weight: bold; color:#1b7657; }

form input[type=submit] { border-radius:10px; margin:auto; margin-top:15px; background-color:#dfd; }
form input[type=submit]:hover { inset; color:#f44336; border-color: #f44336; }

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

form input[type=date] { width:35%; }
form input[type=radio] { width:auto; }
form input[type="radio"]:hover+label { color:#f44336 } 
form input[type=checkbox] { width:auto; }
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; }
form SELECT:focus, SELECT:hover { color:#000; border-color:#f44336; }
form textarea:focus, textarea:hover { color:#000; border-color:#f44336; }
form input:hover, input:hover { border-color:#f44336; }
form input[type=submit] { width:auto; margin:auto; margin-top:15px; }

form#newsletter input { width:auto; border-radius:10px; background-color:#FAFAFA; display:inline; }

form#search_form input { width: calc(100% - 260px); float: left; border-radius:20px; margin:1%; max-width:max-content ;background-color:#FAFAFA; height: 22px; margin:auto; }
form#search_form input[type=submit] { float: left; border-radius:16px; width:27px; height: 27px; }

.tab_col_1 { border:1px solid; width:15%; }

#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: 24px; width: 40%; border-radius: 15px; border: 1px solid #1b7657; caret-color: #1b7657; }
#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 #1b7657; padding:3px; vertical-align: bottom; background-color: #fff; }
#search_bar input[type=image]:hover, #bloc_newsletter input[type=image]:hover { background-color:#1b7657; border: 1px solid #000; }

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

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

.rollover1, .rollover2, .rollover3, .rollover4, .rollover5, .rollover6, .rollover7, .rollover8, .rollover9, .rollover10 { display:inline-block; width:30px; height:30px; margin:0; padding:0; }

.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover, .rollover5:hover, .rollover6:hover, .rollover7:hover, .rollover8:hover, .rollover9:hover, .rollover10:hover { -webkit-transform:scale(1.05); transform:scale(1.05); transform: rotateZ(-30deg); }

.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; float:right; }
#share-buttons a { background-color:transparent; }
#share-buttons img { width: 32px; padding:0px; border:0; display:inline; margin: -2px;}
#share-buttons img:hover {-webkit-transform:scale(1.2); transform:scale(1.2);}

/** comment box **/
#com_art { min-width:300px; max-width:600px; padding:0;   }
#com_art fieldset { padding:5px; background-color:#fff; }
#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:#f44336; font-weight: bold;}
#com_text { border-bottom:1px solid #1b7657; border-left:5px solid #1b7657 ; padding:2px; margin:2px; }

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

@media screen and (max-width: 650px) {
	#header { width:100%; margin:0px; }
	#titre { position:relative; letter-spacing:2px; clear:both; width:250px ;margin-bottom:3%; }
	#claim { font-size:0.8rem; margin:2px; letter-spacing:2px; display:none; }
	
	/*#bloc_social { }*/
	.hidden, .no_mobile { display:none; }
	.display { display:inline; }
	.mobile { width:90%; clear:both; margin:auto; }

	h1 { font-size:1.3rem; }
	/*h2 { font-size:1.2rem; }*/
	h3 { font-size:1.1rem; }
	body { font-size:0.9em; }
	/*#menu ul {}
	*/
	#content, #bloc_100, #bloc_A, #bloc_B, #bloc_AB { width:99%; margin:0.5%; padding:0 }
	#col_2 { display:none; }
	#col_1b { margin:0; width:100% }
	#bloc_provider , #bloc_project { text-align: center; }

	.bloc_shop,.photo_art { width:100% ;}
	.bloc_shop1, { width:32%; height:calc(420px); }
	/*.bloc_photo2 { height:calc(0% - 0%); }
	.bloc_shop2 { width:32%; height:calc(420px); }*/
	.bloc_photo2 { height:180px; }

	/*.bloc_shop1 h2 { clear:both; }
	.bloc_shop3 { height:270px; width:48%; padding:0px; margin:3px; font-size:0.9em; overflow:hidden; }
	.bloc_shop3 h2 { margin:0; font-size:0.9em;}
	.photo_art1, .photo_art2, .photo_art3 { float:none; clear:both; margin:auto; width:100% }*/
	#footer { width:98%; padding-top:3%; }
	#bloc_b1 { width:100%; }
	#bloc_b2, #bloc_b3 { display:none; }
}

/*#adm_tailor { }*/

@media screen and (max-width: 1024px) {
	.bloc_shop2 { width:32%; height:270px; }
	.bloc_photo2 { height:190px; }
}
/** ------------------------------------------- **/
@media screen and (max-width: 400px) {
	h2 { font-size: 1em; }
	/*#titre { margin:1px; letter-spacing:2px; text-align:left }*/
	#bloc_TR { width:100% ; float: none; margin:0}
	#bloc_TR img, #bloc_account img { width:24px; }
	/*#bloc_titre { font-size:2em; width:50%;position:relative; } #titre { margin-right:-2em ;}fieldset { width:60%} */
	form#form_mail input[type=date] { width: 40%; }
	.bloc_shop1, .bloc_shop2 { width:49%; height: calc(210px); }
	.bloc_photo2 { height: 130px; }
}

@media screen and (min-width: 400px) {
	/*#bloc_1, #bloc_2, #bloc_3, #bloc_4, #bloc_5, #bloc_6, #bloc_7 { margin: 4%;padding:2%; }
	.bloc_shop1, .bloc_shop2 { width:49%; margin:0; padding: 0; overflow: hidden;}
	.bloc_shop2 { width:49%; height: calc(100%); }
	.bloc_photo2 { height: calc(50%); }*/
}

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