/* checkbox hack (Android <= 4.1.2) */
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}  
.clear {clear:both;}
body {font-size: 0.875em; -webkit-text-size-adjust: 1em; -ms-text-size-adjust: 1em; font-family:Verdana, Geneva, sans-serif;}
textarea, input[type=text], select {font-family:Verdana, Geneva, sans-serif; font-size:0.875em}

/*h1 {font-size: 2em; margin: 0.67em 0;}
h2 {font-size: 1.5em; margin: 0.83em 0;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.75em; margin: 2.33em 0;}*/

a {background:inherit; text-decoration:none}
strong {font-weight:700}
em, i {font-style:italic}

/* BORDER RADIUS */
.border-radius {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
/* BORDER RADIUS */

/* TEXT SHADOW */
.text-shadow {text-shadow:0px 2px 5px #000000;}
/* TEXT SHADOW */

/* BOX SHADOW */
.box-shadow {-moz-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; box-shadow: 0px 0px 5px #000000;}
/* BOX SHADOW */

/* IMAGE BOX */
.img-box {position:relative}
.img-box img {max-width: 100%; height:auto;}
.itemList .img-box img {width: 100%; height:auto;}
/* IMAGE BOX */

/* NAV */
nav#nav-wrap {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
nav#nav-wrap li {padding:3% 5%; display:block; width:100%; border:solid 1px #161616; border-left:0; border-right:0; background:#323232; text-align:left; position:relative;}
nav#nav-wrap li+li {border-top:none}
nav#nav-wrap li a {color:#FFF; text-decoration:none; display:block; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
nav#nav-wrap li a:hover {color:#9c9c9c;}
ul#nav {display:none}
.toggle, input[type=checkbox]+label.toggle {cursor:pointer; display:block; background:#000; text-align:center; font-size:12px; color:#FFF; padding:10px 50px; text-align:center; width:100%}
#toggle {display:none}
#toggle:checked ~ ul#nav {display: block; opacity: 1;}
nav#nav-wrap li > div.ssMenu {padding-left:2%; font-size:0.875em; margin-top:3%}
nav#nav-wrap li > div.ssMenu li:last-child{border-bottom:none}
/* NAV */

.wrapper {margin:auto; padding:0 2%;}
.container {overflow:hidden}

/* COOKIES */
#cookies {position: fixed; bottom: 0; left: 0; margin: 0; text-align: left; background-color: #666; width: 100%!important; height: auto; padding: 0; color: #fff; z-index: 2000; opacity: .85; -moz-opacity: .85; filter: alpha(opacity=85); font-family: Arial,Helvetica,Verdana,sans-serif; line-height:1.25; display:none}
#cookies p {overflow: hidden; margin: 0 auto; padding: 20px; text-align: left; position: relative; }
#cookies em {font-style: normal; font-size: 12px;}
#cookies em span { display: block; text-transform: uppercase; font-size: 16px; margin-bottom: 10px;}
#cookies .close { position: absolute; top: 10px; right: 10px; width: 17px; height: 17px; cursor: pointer;}
#cookies a { color: #fff; padding-left: 3px; font-size: 12px; text-decoration: underline;}
/* COOKIES */

@media (max-width: 639px) {
	header.wrapper {padding: 0;}
}

@media (min-width: 639px) {
	.wrapper {width:620px; padding:0}

	/* DIVISIONS */
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col13, .col14, col15 {float:left}
	.col1 {width:100%;}
	.col2 {width:50%;}
	.col3 {width:33.33333333333333%;}
	.col4 {width:25%;}
	.col5 {width:20%;}
	.col6 {width:16.66666666666667%;}
	.col7 {width:14.28571428571429%;}
	.col8 {width:12.5%;}
	.col9 {width:75%;}
	.col10 {width:66.66666666666667%;}
	.col11 {width:80%;}
	.col12 {width:87.5%;}
	.col13 {width:40%;}
	.col14 {width:60%;}
	.col15 {width:83.33333333333333%;}
	/* DIVISIONS */
	
	/* NAV */
	ul#nav {display:block}
	.toggle, input[type=checkbox]+label.toggle {display: none;}
	nav#nav-wrap li:hover {background:none;}
	nav#nav-wrap {display:block}
	nav#nav-wrap ul {text-align:center}
	nav#nav-wrap li {width:auto; border: none; background:none; padding:0; float:left}
	nav#nav-wrap li a {text-decoration:none; color:#000}
	nav#nav-wrap li a:hover {background:none;}
		/* SOUS-MENU */
		nav#nav-wrap li > div.ssMenu {display:none; position:absolute; z-index:2; white-space: nowrap; min-width:15em; margin-top:10px}
		nav#nav-wrap li:hover > div.ssMenu {display:block}
		nav#nav-wrap li:hover > div.ssMenu li a:hover {color:#bdbdbd;}
		nav#nav-wrap li > div.ssMenu li {background:#323232; display:block; padding: 5% 10%; float:none}
		nav#nav-wrap li > div.ssMenu li a {color:#FFF; font-size:0.875em}
		nav#nav-wrap li > div.ssMenu li+li {border-top:solid 1px #161616}
		/* SOUS-MENU */
	/* NAV */
}

@media (min-width: 767px) {
	.wrapper {width:750px}
}

@media (min-width: 839px) {
	.wrapper {width:800px}
	#cookies {position: fixed; bottom: 60px; right: 60px; left:auto; margin: 0; width: 345px!important; padding: 0;}
}

@media (min-width: 991px) {
	.wrapper {width:980px}
}

@media (min-width: 1189px) {
	.wrapper {width:1100px}
}