@charset "UTF-8";
/*
 * 	Theme Name: GriffeMasquee
 *	Theme URI:
 *	Description:
 *	Author: Design and Coding SequenceDigitale.com
 *	Version: 1.0
 *	License: 2015-07
 *	License URI:
 *	Tags:
**/

@font-face {
	font-family: 'HoboStdMedium';
	src: url('../fonts/Hobo/hobostd-webfont.eot');
	src: url('../fonts/Hobo/hobostd-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Hobo/hobostd-webfont.woff') format('woff'),
		 url('../fonts/Hobo/hobostd-webfont.ttf') format('truetype'),
		 url('../fonts/Hobo/hobostd-webfont.svg#HoboStdMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* RESET
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{font-size:100%}


/* BASE
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}body{margin:2em}address,article,aside,audio,blockquote,canvas,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,main,nav,noscript,ol,output,p,pre,section,select,td,textarea,th,ul,video{line-height:inherit}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}fieldset,h1,h2,h3,p,pre,table{margin:1em 0}caption,dt,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}optgroup{font-weight:400}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through;color:red}blockquote,dl,ol,ul{margin:1em}dl,ol,ul{margin-left:2em}ol li{list-style:decimal}ul li{list-style:disc}td,th{border:0;padding:0}th{text-align:center}caption{margin-bottom:.5em;text-align:left}sup{vertical-align:super}sub{vertical-align:sub}button,input[type=checkbox],input[type=radio],input[type=reset],input[type=submit]{padding:1px}table{border-collapse:collapse}.align-left,td[align=left],th[align=left]{text-align:left!important}.align-center,td[align=center],th[align=center]{text-align:center!important}.align-right,td[align=right],th[align=right]{text-align:right!important}.valign-top,td[valign=top],th[valign=top]{vertical-align:top!important}.valign-middle,td[valign=middle],th[valign=middle]{vertical-align:middle!important}.valign-bottom,td[valign=bottom],th[valign=bottom]{vertical-align:bottom!important}.clear,.clearfix{display:block;clear:both;visibility:hidden;line-height:0;height:0}span.u,sup,u{text-decoration:underline}ins{color:green}small{font-size:.8em}big{font-size:1.2em}sub,sup{font-size:.7em;line-height:1em}div>:first-child{margin-top:0}div>:last-child{margin-bottom:0}

/* INPUTS */
input[type=checkbox],input[type=radio]{background:0 0;border:none;cursor:pointer;font-size:1em;height:auto;padding:0;position:relative;top:0}input[type=file]{line-height:normal}input[type=range]{background:0 0;border:none}.input-button,button,input[type=button],input[type=color],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

/*
	TYPOGRAPHIE
*/
html{ font-size: 100.01%; }
body{ font: 12px/1.333 arial, sans-serif; margin: 0; padding: 20px; }

a{ color: #1c90eb; }
a:hover{ color: #005595; }
a:focus{}
a:active{ color: #00904B; }
a[rel^="external"]::after{ content: "\2197"; }

abbr{}
acronym{}
address{}
blockquote{}
bdo{}
cite{}
code{}
dfn{}

h1{ font-family: 'HoboStdMedium'; font-size: 32px; margin: 0; }
h2{ font-family: 'HoboStdMedium'; font-size: 34px; margin: 0; }
h3{ font-size: 1.3em; margin: 0; padding: 0; }
h4{ font-size: 1.2em; margin: 0; padding: 0; }
h5{}
h6{}

hr{ margin: 2em 0; padding: 0; }

i, em{}
img{}
figure{}
figcaption{}
kbd{}
p{}
pre{}
q{}
samp{}
b{}
big{}
small{}
strike{}
strong{}
sup{}
sub{}

/*
	LIST
*/
ol{}
ol ol{}
ol ul{}
ol li{}
ul{}
ul ul{}
ul ol{}
dl{}
dl dt{}
dl dd{}

/*
	FORM
*/
form{}
fieldset{}
label{ cursor: pointer; font-weight: normal; }
legend{}

input, select, textarea{ padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input:focus, select:focus, textarea:focus{ outline: 0; border-color: #129FEA; }
input:focus:invalid, select:focus:invalid, textarea:focus:invalid{  color: #b94a48; border-color: #e9322d; }
input.valid, select.valid, textarea.valid{ background: #e2f7d1; border: 1px solid #98ed54;}

input[type=button],input[type=submit], input[type=reset], button, .input-button{
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
input[type=button]:hover ,input[type=submit]:hover , input[type=reset]:hover , button:hover, .input-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}
input[type=button]:active,input[type=submit]:active, input[type=reset]:active, button:active, .input-button:active {
	position:relative;
	top:1px;
}



	input[type=checkbox],
	input[type=radio]{ background: none; border: 0; }

	select{}
	optgroup{}
	option{}

	textarea{}


/*
	TABLE
*/
caption{}
col{}
colgroup{}
table{ border-collapse: collapse; border-spacing: 0; margin: 0 0 3em 0; width: 100%; }
tr{}
td{}
th{}
thead{}
thead th{ border: 0; font-size: 10px; padding: 0; }
tfoot{}
tfoot td{ border: 0; padding: 5px 0; }
tbody{}
tbody td{ border: 0; padding: 0; }
tbody tr.even td{}
tbody tr.odd td{}
tbody tr:hover td {}
tbody tr:focus td,
tbody tr.focus td{}


/*
	LAYOUT
*/
html, body{ margin: 0; padding: 0; }
html{ background: #08729c url(../images/html.jpg) repeat-x center top; }
body{ font-size: 75.0%; line-height: 1.3333333333; }
.inner{ margin: 0 auto; position: relative; width: 984px; }

	/*
	html{ background-position: center 167px; }
	@media (max-width: 767px){
		html{ background-position: center top; }

	}

	/**
	html{ background-image: url(../images/demo.png); }
	body{ opacity: 0.5; }
	/**/

body{ opacity: 1; transition: opacity, 0.5s; }
html.loading:after{ background: #fff url(../images/reload.gif) no-repeat center center; border-radius: 5px; content: ''; display: block; height: 60px; left: 50%; margin-top: -30px; margin-left: -30px; position: fixed; top: 50%; width: 60px; }
html.loading body{ opacity: 0.25; }


#holidays{ background: url(../images/snwflks-82.webp) center center; padding: 30px 20px; }
#holidays .holidays{}
#holidays .holidays-title{ font-family: 'HoboStdMedium'; font-size: 2rem; }
#holidays .holidays-content{ font-size: 16px; }
@media (max-width: 767px){
	#holidays{ padding: 20px 15px; }
	#holidays .holidays-title{ font-size: 1.5rem; }
	#holidays .holidays-content{ font-size: 12px; }
}


#header{}
#header .inner{ height: 182px; z-index: 2; }
	#logo{ position: absolute; top: 8px; }
	#logo img{ display: block; border-radius: 50%; }
	#resellers{ background: rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.25); font-size: 0.9em; line-height: 31px; padding: 0 17px; position: absolute; right: 235px; top: 0; border-radius: 0 0 8px 8px; }
	#resellers ul{ display: block; margin: 0; padding: 0; }
	#resellers li{ display: inline; margin: 0; padding: 0; }
	#resellers a{ color: #fff; text-decoration: none; }
	#resellers a:hover{ text-decoration: underline; }
	#resellers a:before{ background: url(../images/icons/featured.png) no-repeat left center; content: ''; display: inline-block; height: 16px; margin-right: 10px; vertical-align: middle; width: 16px; }
	#languages{ background: rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.25); font-size: 0.9em; line-height: 31px; padding: 0 17px; position: absolute; right: 5px; top: 0; border-radius: 0 0 8px 8px; }
	#languages ul{ display: block; margin: 0; padding: 0; }
	#languages li{ display: inline; margin: 0; padding: 0; }
	#languages a{ color: #fff; margin-right: 15px; text-decoration: none; }
	#languages a:hover{ text-decoration: underline; }
	#languages a:before{ background: no-repeat left center; content: ''; display: inline-block; height: 11px; margin-right: 10px; position: relative; top: -1px; vertical-align: middle; width: 16px; }
	#languages a[hreflang="fr"]:before{ background-image: url(../images/flags/fr.png);}
	#languages a[hreflang="en"]{ margin-right: 0; }
	#languages a[hreflang="en"]:before{ background-image: url(../images/flags/us.png); }

#content{ float: left; color: #fff; text-shadow: 1px 1px 1px #08729c; margin-left: 5px; padding-top: 55px; width: 542px; }
#content a{ color: inherit; }
	#tagline{ font-size: 1.3em; font-weight: bold; margin: 20px 0; }
	#social-likes{ background: url(../images/protege-griffes-pour-chats-et-chiens.png) no-repeat 0 bottom; height: 176px; margin: 0 0 44px 0; }
	#social-likes ul{ display: table; margin: 0; padding: 0; }
	#social-likes li{ display: table-cell; list-style: none; margin: 0; padding: 0 30px 0 0; vertical-align: top; }

	#scratch{ margin-bottom: 38px; }
	#scratch h2{ margin-bottom: 20px; }
	#scratch h3{ margin-bottom: 19px; }

	#secure{ margin-bottom: 38px; }
	#secure h2{ margin-bottom: -13px; }

	#product{ margin-bottom: 39px; }
	#product h2{ margin-bottom: 0; }
	#product ul{ margin: 0; padding: 0; }
	#product li{ display: block; margin: 0; padding: 0; }
	#product .outside{ margin-bottom: 11px; }
	#product .outside li{ display: inline; }
	#product .inside h3{ font-size: 1em; font-weight: normal; margin-bottom: 12px; }
	#product .inside h4{ margin-bottom: -1px; }
	#product .inside li{ margin-bottom: 23px; padding-left: 58px; position: relative; }
	#product .inside li img{ left: 0; position: absolute; top: 0; }

	#sizes{ margin-bottom: 34px; }
	#sizes h2{ margin-bottom: 2px; }
	#sizes h3{ line-height: 47px; margin-bottom: 20px; padding-left: 56px; position: relative; }
	#sizes h3 img{ left: 0; position: absolute; top: 0; }
	#sizes ul{ margin: 0; padding: 0; }
	#sizes li{ display: inline; margin: 0; padding: 0; }
	#sizes .p1{ margin: 0 0 24px 0; }

		#sizes-dogs{ margin-bottom: 34px; }
		#sizes-dogs ul{ margin-left: -10px; }
		#sizes-dogs li{ display: block; float: left; margin-left: 10px; text-align: center; }
		#sizes-dogs li img{ display: block; margin-bottom: 10px; }
		#sizes-dogs li small{ font-size: 0.9em; }

		#sizes-cats ul{ margin-left: -10px; }
		#sizes-cats li{ display: block; float: left; margin-left: 10px; text-align: center; }
		#sizes-cats li img{ display: block; margin-bottom: 10px; }
		#sizes-cats li small{ font-size: 0.9em; }

	#colors h2{ margin-bottom: -2px; }
	#colors .p1{ margin: 0 0 13px 0; }
	#colors ul{ margin-left: -10px; }
	#colors li{ display: block; float: left; margin: 0 0 35px 10px; text-align: center; }
	#colors li img{ display: block; margin-bottom: 10px; }
	#colors li small{ font-size: 0.9em; }

	#method{ margin-bottom: 40px; }
	#method h2{ margin-bottom: 19px; }
	#method h3{ margin-bottom: 20px; }
	#method ol{ margin: 0; padding: 0; width: 400px; }
	#method li{ height: 140px; list-style: none; margin: 0 0 24px 0; padding: 0 0 0 160px; position: relative; }
	#method li img{ left: 0; position: absolute; top: 0; }

	#faq h2{ margin-bottom: -2px; }
	#faq .p1{ margin: 0 0 13px 0; }
	#faq dl{ margin: 0; }
	#faq dt{ background: #045677; margin: 0 0 3px 0; padding: 12px 15px; -moz-border-radius: 10px; border-radius: 10px; }
	#faq dd{ padding: 12px 15px 30px 15px; }

	.js #faq dt:hover,
	.js #faq dt.active{ background: #13a0d9; cursor: pointer; }
	.js #faq dd{ display: none; }



#aside{ float: right; width: 400px; }
	#order{ background-color: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.5); position: relative; padding: 16px 14px 50px 16px; }
	#order:before{ background: url(../images/chien-chat.png) no-repeat -42px 0; content: ''; display: block; height: 248px; left: 0; position: absolute; top: -182px; width: 398px; }
	#order h2{ border-bottom: 2px solid #000; font-size: 1.3333333333em; margin: 0 0 25px 0; padding: 12px 0; text-transform: uppercase; }

		#credit-cards{ background: url(../images/credit-cards.png) no-repeat left top; height: 30px; left: -183px; margin: 0; position: absolute; overflow: hidden; text-indent: -999999px; top: 16px; width: 160px; }

		#order-items .items{ padding: 0 0 30px 60px; position: relative; }
		#order-items .items h3{ font-size: 14px; margin: 0 0 13px 0; padding: 5px 0 0 0; }
		#order-items .items .image{ left: 0; margin: 0; position: absolute; top: 0; }
		#order-items .sku{ width: 100px; }
		#order-items .qty input{ text-align: center; width: 40px; }
		#order-items .total{ width: 60px; }
		#order-items .total del{ display: block; font-size: 0.9em; }
		#order-items .total ins{ display: block; }
		#order-items .delete{ cursor: pointer; padding: 0 0 0 5px; width: 20px; }

		#order-items table{}
		#order-items table td{ padding-bottom: 4px; vertical-align: middle; }
		#order-items thead .sku{ text-align: left; }
		#order-items tbody .qty{ text-align: center; }
		#order-items tbody .total{ text-align: right; }
		#order-items tbody .delete input{ background: url(../images/icons/delete.jpg) no-repeat center center; border: 0; box-shadow: none; display: block; height: 24px; padding: 0; text-indent: -9999em; width: 24px; }
		#order-items tfoot td{ padding-top: 10px; }

			.product{ border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; height: 28px; margin: 0 4px 0 0; overflow: hidden; position: relative; width: 180px; }
			.product div, .product span, .product label{ position: static; }
			.product .toggle{ cursor: pointer; height: 28px; position: absolute; right: 0; top: 0; text-align: right; width: 100%; z-index: 99; }
			.product .toggle:after{ content: '▾'; font-size: 20px; height: 28px; line-height: 28px; margin-right: 5px; }
			.product .wrap{ border: 1px solid #ccc; background: #fff; border-radius: 4px; margin: -1px 0 0 -1px; position: relative; width: 280px; }
			.product .legend{ height: 27px; line-height: 27px; padding: 0 5px; }
			.product .row{ display: table; border-bottom: 1px solid #129FEA; width: 280px; }
			.product .row:last-child{ border-bottom: 0; }
			.product .color{ display: table-cell; padding: 1px 1px 1px 5px; vertical-align: middle; width: 80%; }
				.product .color-black{ color: black; }
				.product .color-blue{ color: blue; }
				.product .color-clear{ color: #999; font-style: italic; }
				.product .color-green{ color: green; }
				.product .color-gray{ color: gray; }
				.product .color-orange{ color: orange; }
				.product .color-pink{ color: pink; }
				.product .color-red{ color: red; }
				.product .color-violet{ color: violet; }
				.product .color-white{ color: #000; font-style: italic; }

				.product .color-black-glitter{ color: black; font-weight: bold; }
				.product .color-blue-glitter{ color: blue; font-weight: bold; }
				.product .color-clear-glitter{ color: #999; font-style: italic; font-weight: bold; }
				.product .color-gold-glitter{ color: gold; font-weight: bold; text-shadow: 1px 1px #000; }
				.product .color-green-glitter{ color: green; font-weight: bold; }
				.product .color-gray-glitter{ color: gray; font-weight: bold; }
				.product .color-orange-glitter{ color: orange; font-weight: bold; }
				.product .color-pink-glitter{ color: pink; font-weight: bold; }
				.product .color-red-glitter{ color: red; font-weight: bold; }
				.product .color-violet-glitter{ color: violet; font-weight: bold; }
				.product .color-white-glitter{ color: #000; font-style: italic; font-weight: bold; }

			.product label{ cursor: pointer; display: table-cell; padding: 1px; }
			.product input{ left: -999em; position: absolute; }
			.product .label-text{ display: block; }
			.product .size{ border: 1px solid #ccc; border-radius: 3px; display: block; font-size: 12px; font-size: bold; height: 30px; line-height: 30px; text-align: center; text-transform: uppercase; width: 30px; }
			.product input:checked + .label-text .desc{ background: #fff; display: block; height: 27px; line-height: 27px; left: 0; position: absolute; text-indent: 5px; top: 0; width: 100%; }


			.product .wrap{ overflow: hidden; width: 180px; transition: width 0.5s; }
			.nojs .product:hover .toggle:after, .js .product.active .toggle:after{ content: '✖'; color: #fff; }
			.nojs .product:hover, .js .product.active{ overflow: visible; }
			.nojs .product:hover .wrap, .js .product.active .wrap{ border-color: #129FEA; box-shadow: 15px 15px 15px rgba(0,0,0,0.25); z-index: 9999; width: 280px; }
			.nojs .product:hover .legend, .js .product.active .legend{ background-color: #129FEA; color: #fff; }
			.nojs .product:hover label:hover .size, .js .product.active label:hover .size{ border-color: #333; }
			.nojs .product:hover .desc, .js .product.active .desc{ display: none; }
			.nojs .product:hover input:checked + .label-text .size, .js .product.active input:checked + .label-text .size{ border-color: #333; background-color: #333; color: #fff; }
			.nojs .product:hover input:checked + .label-text .desc, .js .product.active input:checked + .label-text .desc{ background-color: #129FEA; color: #fff; }
			.nojs .product:hover input[disabled] + .label-text, .js .product.active input[disabled] + .label-text{ opacity: 0.05; }

		tr[data-inventory-error="true"] .qty input{ border-color: red; color: red; }
		#validate-stocks{ color: red; padding-bottom: 40px; }
		#validate-stocks ul{ font-size: 1.25em; }

		#order-shipping{ padding-bottom: 40px; }
		#order-shipping table{ margin-bottom: 0; }
		#order-shipping td{ padding: 0 0 2em 0; vertical-align: middle; }
		#order-shipping .radio{ width: 25px; }
		#order-shipping .logo{ width: 80px; }
		#order-shipping .label{}
		#order-shipping .total{ text-align: right; width: 75px;}
		.js #order-shipping .update{ display: none; }

		#order-total{ margin-bottom: 24px; }
			#order-discount{ margin-bottom: 40px; }
			#order-discount .input{ margin-bottom: 4px; }
		#order-total .total{ background: #e4e1c6; margin: 0 0 1em 0; padding: 10px; }
		#order-total .total dl{ display: table; margin: 0; width: 100%; }
		#order-total .total dt{ display: table-cell; text-align: right; width: 270px;}
		#order-total .total dd{ display: table-cell; text-align: right; }

		#order-address{ margin-bottom: 40px; }
		#order-address .field{ margin-bottom: 10px; }
		#order-address #address_address1{ margin-bottom: 4px; }
		#order-address .update{ padding-top: 20px; }

		#order-email{ margin-bottom: 40px; }
		#order-email .input{ margin-bottom: 8px; }
		#order-email .is-newsletter input{ margin-right: 4px; }
		#order-email .is-newsletter .label-text{}
		#order-email .update{ padding-top: 20px; }

		#partners{ color: #fff; padding-top: 50px; }
		#partners a{ color: inherit; }
		
		#partners .partners{}
		#partners .partners-title{ margin-bottom: 1em; }
		#partners .partner{ margin: 0 0 20px 0;  }
		#partners .partner-inner{ display: table; width: 100%; text-decoration: none; }
		#partners .partner-logo{ display: table-cell; vertical-align: top; width: 90px; }
		#partners .partner-logo img{ border: 1px solid #333; display: block; }
		#partners .partner-container{ display: table-cell; vertical-align: top; }
		#partners .addresses{}
		#partners .addresses address{ display: block; margin-bottom: 1em; }
		#partners a.partner-inner:focus .partner-logo img,
		#partners a.partner-inner:hover .partner-logo img{ border-color: #fff; }
		#partners a.partner-inner:focus .partner-title,
		#partners a.partner-inner:hover .partner-title{ text-decoration: underline; }

		#partners .join{ padding: 0 0 0 0; }

		#partners:focus{ box-shadow: 0 0 25px rgba(0,0,0,0.5); }

		#contact{ color: #fff; padding-top: 20px; }
		#contact h3{ margin-bottom: 20px; }
		#contact a{ color: inherit; }
		#contact .options{ display: table; width: 100%; }
		#contact .options .left{ display: table-cell; padding-right: 5%; width: 55%; }
		#contact .options .right{ display: table-cell; width: 40%; }


#footer{ padding: 60px 0 60px 0; }
#parent{ text-align: right; }

/**
 * DESKTOP
*/
@media only screen and (min-width: 985px) {
	#bouton_order {
		display: none;
	}
}

/**
 * TABLET AND DESKTOP
**/
@media only screen and (min-width: 728px) {
	#order-items .qty input::-webkit-input-placeholder, #order-items .qty input::placeholder { opacity: 0; }
}

/**
 * TABLET
**/
@media only screen and (min-width: 728px) and (max-width: 984px) {
	.inner{ width: 728px; }
	#content{ float: none; margin-bottom: 40px; width: auto; }
	#aside{ float: none; width: auto; }
	#order:before{ display: none; }
	#credit-cards{ display: none; }
	.product,
	.product .wrap,
	.nojs .product:hover .wrap, .js .product.active .wrap,
	.product .row,
	#order-items .sku select{ width: 380px; }
	#order-items .qty input{ width: 100px; }
}

/**
 * MOBILE
**/
@media only screen and (max-width: 727px){
	.inner{ width: 90%; }
	#content{ float: none; margin-bottom: 40px; width: auto; }
	#aside{ float: none; width: auto; }
	#order:before{ display: none; }
	#credit-cards{ display: none; }
	#order-content input { width: 100%; white-space: pre-wrap; }
	#order-content input[type="checkbox"] { width: auto; }
	#order-items .qty input{ width: 100%; }
	#order-items table th, #order-items table td { display: block; }
	#method ol{ width: 100%; }
	#languages, #resellers { background-color: rgba(5,89,123,0.85); }
	#resellers { right: unset; }
	#footer { padding: 25px 0 25px 0; }
	#order-shipping td { width: 100%; }
	#order-shipping { padding-bottom: 0px; }
	#order-shipping .label { padding-left: 10px; padding-right: 10px; }
	#partners a, #paypal-payment-method, #product-showcase, #order-items tbody .total { text-align: center; }
	#order { padding-bottom: 16px; }
	#order-payment > p > img { width: 100%; max-width: 210px; }
	#order-items th.sku, #order-items th.qty, #order-items th.total, #order-items th.delete { display: none; }
	.product .size { width: 23px; }
	#order-address select, #order-items .sku, #order-items .product, #order-items .sku select { width: 100% }
	.nojs .product:hover .wrap, .js .product.active .wrap, .product .row, .product .wrap { width: 100% }
	#order-items table { table-layout: fixed; }
}

#free_shipping {
    font-family: 'HoboStdMedium';
    font-size: 24px;
    margin-top: 8px;
    text-shadow: 2px 2px 1px red;
}
#free_shipping:hover {
    cursor: pointer;
    text-decoration: underline;
}
#free_shipping_row.free_shipping_clicked {
    outline: none;
    border-color: green;
    box-shadow: 0 0 10px green;
    border: 1px solid green;
}
#free_shipping_row > td {
    padding-top: 5px;
}
#free_shipping_row > td:first-child {
    padding-left: 5px;
}
#free_shipping_row > td:last-child {
    padding-right: 5px;
}
#boutton_paillette {
    margin-bottom: 20px;
}
#bouton_order {
	margin: 20px 0;
}
#paillette_or {
    box-shadow: 0px 0px 30px #f6c900;
}
#paillette_argent {
    box-shadow: 0px 0px 30px #d2d2d2;
}
#paillette_rose {
    box-shadow: 0px 0px 30px #df85b6;
}
#boutton_paillette > button {
    box-shadow: 0px 0px 15px white;
}
.homepage-notice {
    font-size: 22px;
    background-color: #065a7c;
    padding: 15px;
    font-weight: bold;
    margin: 15px 0px;
    border: 4px solid red;
    box-shadow: red 5px 5px;
}