/* ::: COMMON ::: */
.w100 { width:100%; max-width:100%; }
.w97 { width:99%; min-width:99%; }
.w98 { width:98%; min-width:98%; }
.w97 { width:97%; min-width:97%; }
.w90 { width:90%; min-width:90%; }
.w80 { width:80%; min-width:80%; }
.w65 { width:65%; min-width:65%; }
.w60 { width:60%; min-width:60%; }
.w50 { width:50%; min-width:50%; }
.w48 { width:48%; min-width:48%; }
.w40 { width:40%; min-width:40%; }
.w33 { width:33%; max-width:33%; }
.w32 { width:32%; max-width:32%; }
.w30 { width:30%; max-width:30%; }
.w20 { width:20%; max-width:20%; }
.w15 { width:15%; max-width:15%; }
.w10 { width:10%; max-width:10%; }
.wh100 { width:100%; min-width:100%; height:100%; max-height:100%; }
.h100 { height:100%; max-height:100%; }

.sh {
	-webkit-box-shadow:0px 2px 4px rgba(0,10,10,0.7);
	-moz-box-shadow:0px 2px 4px rgba(0,10,10,0.7);
	-o-box-shadow:0px 2px 4px rgba(0,10,10,0.7);
	box-shadow:0px 2px 4px rgba(0,10,10,0.7);
}
.round {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}
.round_4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.round-t {
	-webkit-border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-o-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	-o-border-top-right-radius:8px;
	border-top-right-radius:8px;
}

.float_l { float:left; }
.float_r { float:right; }

.btn_r { float:right; margin-left:4px; }
.btn_a {  }
.btn_a_dt { float:right; margin-left:6px; }
.btn_a_s { display:none; }

.open { width:30px; height:30px; background:url(../img/style/down.png); background-size:cover; }
.close { width:30px; height:30px; background:url(../img/style/top.png); background-size:cover; }

.bd { background:url(../img/style/bd.jpg); }
.bg {
	background:url(../img/style/bg.png);
	background-position:center;
}

.bull { padding:20px; }
.green, .red, .blue, .yel {
	-webkit-transition: background-color .75s ease-out;
	-moz-transition: background-color .75s ease-out;
	-o-transition: background-color .75s ease-out;
	transition: background-color .75s ease-out;
}
.green { background-color:rgba(192,255,202,.4); }
.green:hover { background-color:rgba(192,255,202,.9); }
.red { background-color:rgba(255,192,203,.4); }
.red:hover { background-color:rgba(255,192,203,.9); }
.blue { background-color:rgba(204,230,246,.4); }
.blue:hover { background-color:rgba(204,230,246,.9); }
.yel { background-color:#f5f2c0; }
.yel:hover { background-color:#f5f2c0; }
.gray { background-color:rgba(0,0,0,.1); }
.gray:hover { background-color:rgba(0,0,0,.3); }

#secu { display:none; } 
#help_1, #help_2, #help_3, #help_4, #help_5 { display:none; }
.det { display:none; }
/* ::: OVERFLOW ::: */

.min { display:none; }
.mid { display:none; }
.std { display:block; }

/* ::: SLIDESHOW ::: */
#slideshow {
	width:97%;
	background-color: rgba(0,0,0,1);
	margin:0px auto 15px auto;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	text-align:center;
	max-width:1280px;
	padding:2px;
}
#imgSlide { padding:6px; width:99%; }

/*******************************/
/* Figure / Fenetre modale */
/*******************************/
figure.fig, figure.fig_s, figure.addToCart {
	position:relative;
	margin:0px; padding:0px;
}
figure.fig-min { display:none; position:relative; margin:0px; padding:0px; }
figcaption.ctn, figcaption.src, figcaption.link, figcaption.zoom, figcaption.logo {
	position:absolute;
	background-color: rgb(153,153,153);
	background-color: rgba(20,20,20,.7);
	padding:6px;
	opacity:0;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
	text-align:center;
	z-index:9;
}
figcaption.ctn { top:10%; bottom:10%; left:0px; right:0px; }
figcaption.link { top:20%; bottom:20%; left:0px; right:0px; }
figcaption.src { top:90%; bottom:0%; left:0px; right:0px; vertical-align:central; }
figcaption.zoom { top:0%; bottom:90%; left:0px; right:0px; vertical-align:central; }
figcaption.logo { top:80%; bottom:0%; left:0px; right:0px; vertical-align:central; }

figcaption.addToCart {
	position:absolute;
	top:0px; bottom:0px;
	left:0px; right:0px;
	opacity:0;
	-webkit-transition:opacity .5s ease-out;
	-moz-transition:opacity .5s ease-out;
	-o-transition:opacity .5s ease-out;
	transition:opacity .5s ease-out;
	text-align:center;
	z-index:9;
}
figure:hover figcaption { opacity:1; }
#fade { /*--Masque opaque noir de fond--*/
	display: none;
	background: rgba(0,0,0,.9);
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:.80;
	z-index:999;
}
.popup_block{
	display:none; /*--masqué par défaut--*/
	background:rgba(0,0,0,1);
	padding:10px;
	border:4px solid #FFF;
	position:fixed;
	top:50%; left:50%;
	z-index:9990;
	-webkit-box-shadow:0px 0px 20px #000;
	-moz-box-shadow:0px 0px 20px #000;
	-o-box-shadow:0px 0px 20px #000;
	box-shadow:0px 0px 20px #000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
img.btn_close {
	float:right;
	margin:-25px -25px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }
.poplight { position: relative; }
.black { background-color:#000; }

.paysage {
	width:70%; max-width:70%;
	height:100%;
}
.portrait {
	width:50%; max-width:50%;
	height:100%;
}
.carre {
	width:70%; max-width:70%;
	height:70%; max-height:70%;
}

/*******************************/
/* Pop Menu */
/*******************************/
.pop-ico { position:relative; }
.pop, .pop_fd {
	opacity:0;
	visibility:hidden;
	z-index:100;
	position:absolute;
	width:150px; min-width:150px;
	padding:10px 6px 4px 6px;
	border:1px solid #FFF;
}
.pop { right:10px; top:10px; }
.pop_fd { left:10px; top:10px; }
.pop-ico:hover .pop, .pop-ico:hover .pop_fd { opacity:1; visibility:visible; }
.pop-menu { margin-bottom:4px; }
.pop-menu:hover { }

/* RESOLUTION BREAK POINTS */
/*
	>> Desktops and laptops
	
	.1600 (very large display)
	.1024 (large display)
	
	>> Tablette
	
	.1024 de largeur	(format paysage)
	.740 de largeur		(format portrait)
	
	 >> Smartphone
	 
	 .720				(format paysage)
	 .480				(format portrait et format paysage de la taille en dessous)
	 .320				(format portrait)

*/

/* ::: [ Desktop (large) ] ::: */
@media (min-width: 1281px) {
	.carre { width:60%; max-width:60%; height:60%; max-height:60%;}
}
/* ::: [ Smartphone paysage, Tablette (Std portrait, Small paysage) ] ::: */
@media (min-width: 480px) and (max-width:959px) {
	.min { display:none; }
	.mid { display:block; }
	.std { display:none; }
	.cart_paypal { width:110px; }
	.logo_paypal { display:none; }
	#slideshow { margin:0px auto 10px auto; }
	#imgSlide { padding:5px; width:98%; }
	.open, .close { width:24px; height:24px; background-size:cover; }
}
/* ::: [ Smartphone portrait ] ::: */
@media (max-width: 479px) {
	#min { display:none; }
	.min { display:block; }
	.mid { display:none; }
	.std { display:none; }
	.btn_r { float:none; margin:0px; width:100%; }
	.btn_a_dt { display:none; }
	.btn_a_s { display:block; }
	.cart_paypal { width:90px; }
	.logo_paypal { display:none; }
	#slideshow { width:90%; }
	#imgSlide { padding:3px; width:96%; }
	figure.fig_s { display:none; }
	figure.fig-min { display:block; }
	.open, .close { width:20px; height:20px; background-size:cover; }
}