/*-------------------------------------------------------------------------------------------*/
/* =IMPORTS
/*-------------------------------------------------------------------------------------------*/
@import url('checkout.css');

@font-face {
    font-family: "fed";
    src: url('../fonts/fed.otf');
}
@font-face {
    font-family: "fed";
    font-style: italic;
    src: url('../fonts/fed.otf');
}
@font-face {
    font-family: "fed";
    font-weight: bold;
    src: url('../fonts/fed.otf');
}


/*-------------------------------------------------------------------------------------------*/
/* =BASE
/*-------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	margin: 0;
	padding: 0;

	font-family: 'fed', sans-serif;
	
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -205px;
}
	.wrapper:after {
	  content: "";
	  display: block;
	}
	.wrapper:after {
		height:245px;
	}

/*-------------------------------------------------------------------------------------------*/
/* =CONTAINER
/*-------------------------------------------------------------------------------------------*/
/*.container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}MAX*/
	.container.content {
		padding:0 0 20px 0;
	}

/*-------------------------------------------------------------------------------------------*/
/* =COOKIES
/*-------------------------------------------------------------------------------------------*/
.cookie {
	position:fixed;
	bottom:0;
	z-index:999;
	width:100%;
	padding:10px;
	color:#fff;
	font-size:13px;
	background:rgba(11,94,170,0.7);
}

/*-------------------------------------------------------------------------------------------*/
/* =TOPBAR
/*-------------------------------------------------------------------------------------------*/
.topbar {
	border-bottom:1px solid #E5E5E5;
}
.topbar .container {
	padding:10px 0;
}
	.topbar .container:after {
		clear:both;
		content:"";
		display:block;
	}

	/* lang */
	.topbar ul.lang {
		float:left;
	}
		.topbar ul.lang li {
			list-style-type:none;
			display:inline-block;
			font-size:13px;
		}
			.topbar ul.lang li.active {
				text-decoration:underline;
			}

			.topbar ul.lang li:after {
				content:"";
				padding:0 7px 0 0;
			}
			.topbar ul.lang li:after {
				display:inline-block;
				content:"|";
				padding:0 6px;
			}
				.topbar ul.lang li + li:after {
					content:"";
					padding:0;
				}

	/* user */
	.topbar ul.user {
		float:right;
	}
		.topbar ul.user li.welcome + li:after {
			display:inline-block;
			content:"|";
			padding:0 6px;
		}

		.topbar ul.user li {
			list-style-type:none;
			display:inline-block;
			font-size:13px;
		}
			.topbar ul.user li:after {
				display:inline-block;
				content:"|";
				padding:0 6px;
			}
				.topbar ul.user li + li {
					padding-right:0;
				}
				.topbar ul.user li + li:after {
					content:"";
					padding:0;
				}

/*-------------------------------------------------------------------------------------------*/
/* =HEADER
/*-------------------------------------------------------------------------------------------*/
header.sticky {
	width:100%;
	background:#fff;

	box-shadow: 2.5px 4.33px 27px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 2.5px 4.33px 27px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 2.5px 4.33px 27px 0px rgba(0, 0, 0, 0.08);
}
	header.sticky .container {
		padding:0;
	}

	/* logo */
	header.sticky .logo {
		display:inline-block;
		vertical-align:middle;
	}

	/* navigation */
	header.sticky nav {
		display:inline-block;
		margin-left:20px;
	}
		header.sticky nav ul li {
			font-family:'Beans',sans-serif;
			color:#0b5eaa;
			font-size:18px;

			padding:20px 10px;

			display:inline-block;
			list-style-type:none;
		}
			header.sticky nav ul li:hover,
			header.sticky nav ul li a:hover {
				color:#4fc7f3;
				text-decoration:none;
			}

	/* panier */
	header.sticky .cart {
		float:right;
		margin-top:19px;
	}
		header.sticky a.cart:hover {
			text-decoration:none;
		}

/*-------------------------------------------------------------------------------------------*/
/* =HOME HEADER
/*-------------------------------------------------------------------------------------------*/
header.home {
	width:100%;
	height:475px;
	background-image:url(../images/slideshow-grad.png);

	position:absolute;
	z-index:999;

	text-align:center;
}
	header.home .container {
		padding:30px 0;
	}

	/* logo */
	header.home h1 {
		display:inline-block;
		margin-left:25px;
	}

	/* lang */
	header.home ul.lang {
		float:right;
		margin-top:15px;
	}
		header.home ul.lang li {
			font-family:'Beans',sans-serif;
			color:#fff;
			font-size:18px;

			display:inline-block;
			list-style-type:none;
		}
		header.home ul.lang li.active {
			color:#0b5eaa;
		}
		header.home ul.lang li:first-child:after {
			content:"/";
			display:inline-block;
			padding:0 10px;
			color:#fff;
		}

	/* navigation */
	header.home nav ul {
		margin:20px 0;
	}
	header.home nav ul li {
		font-family:'Beans',sans-serif;
		color:#fff;
		font-size:18px;

		display:inline-block;
		list-style-type:none;

		padding:20px 15px;
	}
		header.home nav ul li:hover,
		header.home nav ul li a:hover {
			color:#4fc7f3;
			text-decoration:none;
		}

/*-------------------------------------------------------------------------------------------*/
/* =HEADER SUBMENUS
/*-------------------------------------------------------------------------------------------*/
header ul.submenu {
	width:100%;
	height:240px;

	position:absolute;
	z-index:999;
	left:0;

	margin-top:20px;

	display:none;
}
	header nav ul li:hover ul.submenu {
		display:block;
	}

	header ul.submenu .node {
		display:inline-block;
		margin:0px 10px;
		text-align:center;
	}
		header ul.submenu .node img {
			display:block;
			margin:0 auto 10px auto;
		}

		header ul.submenu .node ul {
			margin:0;
			padding:0;
		}

	/* sticky header special */
	header.sticky ul.submenu {
		background-image:url(../images/white-grad.png);
		border-top:2px solid #0b5eaa;
		border-bottom:2px solid #0b5eaa;
	}
		header.sticky ul.submenu .node {
			color:#0b5eaa;
		}

	header.sticky nav ul li:hover ul.submenu li {
		display:block;
		padding:23px 20px;
		text-align:center;
	}

	/* home header special */
	header.home ul.submenu {
		background-image:url(../images/white-grad.png);
	}
		header.home ul.submenu .node {
			color:#0b5eaa;
		}

/*-------------------------------------------------------------------------------------------*/
/* =FOOTER
/*-------------------------------------------------------------------------------------------*/
footer .container {
	padding:25px 0;
}
footer .title {
	color:#363636;
	font-size:20px;
	margin:10px 0;
}
footer ul li {
	list-style-type:none;
	display:block;
	font-size:12px;
	padding:2px;

	-webkit-transition: color .2s ease-in;
	-moz-transition: color .2s ease-in;
	-o-transition: color .2s ease-in;
	transition: color .2s ease-in;
}
	footer ul li:hover,
	footer ul li a:hover {
		color:#000;
		text-decoration:none;

		-webkit-transition: color .2s ease-in;
		-moz-transition: color .2s ease-in;
		-o-transition: color .2s ease-in;
		transition: color .2s ease-in;
	}

/*-------------------------------------------------------------------------------------------*/
/* =HOMEPAGE BLOCKS
/*-------------------------------------------------------------------------------------------*/

	/*---------------------------------------------------------------------------------------*/
	/* =GRID
	/*---------------------------------------------------------------------------------------*/
	.home:after {
		clear:both;
		content:"";
		display:block;
	}
		.home .left {
			width:440px;
			float:left;
		}
		.home .right {
			width:440px;
			float:right;
		}

	/*---------------------------------------------------------------------------------------*/
	/* =BLOCKS
	/*---------------------------------------------------------------------------------------*/

		/* =GENERIC
		/*-----------------------------------------------------------------------------------*/
		.home .block {
			display:block;
			position:relative;
		}
			.home .block.small:hover .btnold,
			.home .block.medium:hover .btnold,
			.home .block.large:hover .btnold {
				background:#fff;
				border-color:#0b5eaa;
				color:#0b5eaa;
			}

			.home .block .sandbox {
				position:absolute;
				width:100%;
				height:100%;

				text-align:center;

				-webkit-transition: background .1s ease-in;
				-moz-transition: background .1s ease-in;
				-o-transition: background .1s ease-in;
				transition: background .1s ease-in;
			}
				.home .block:hover .sandbox {
					background-color:rgba(255,255,255,0.5);

					-webkit-transition: background .1s ease-in;
					-moz-transition: background .1s ease-in;
					-o-transition: background .1s ease-in;
					transition: background .1s ease-in;
				}

		/* =SMALL
		/*-----------------------------------------------------------------------------------*/
		.home .block.small {
			width:440px;
			height:493px;

			margin-top:45px;
			text-align:center;
		}
			.home .block.small img {
				width:440px;
				height:493px;
			}
			.home .block.small .sandbox {
				padding-top:350px;
			}

		/* =MEDIUM
		/*-----------------------------------------------------------------------------------*/
		.home .block.medium {
			width:440px;
			height:507px;

			text-align:center;
		}
			.home .block.medium .btnold {
				position:absolute;
				top:80px;
				left:-100px;
				max-width:200px;
				padding:20px 15px;

				background:#fff;
				color:#0b5eaa;
				border-color:#0b5eaa;
			}
				.home .block.medium .btnold:hover,
				.home .block.medium:hover .btnold {
					background:#0b5eaa;
					color:#fff;
				}

			.home .block.medium img {
				width:440px;
				height:507px;
			}
			.home .block.medium .sandbox {
				padding-top:370px;
			}

		/* =LARGE
		/*-----------------------------------------------------------------------------------*/
		.home .block.large {
			width:440px;
			height:627px;

			text-align:center;
		}
			.home .block.large img {
				width:440px;
				height:627px;
			}
			.home .block.large .sandbox {
				padding-top:470px;
			}

		/* =NEWSLETTER
		/*-----------------------------------------------------------------------------------*/
		.home .block.newsletter {
			width:440px;
			height:373px;

			margin-top:45px;

			padding:40px 20px 40px 25px;

			background-color:#f3f3f3;
		}
			.home .block.newsletter .title {
				font-size:26px;
			}
			.home .block.newsletter input {
				font-size:16px;
				width:305px;
				padding:25px 20px;

				margin:70px 0;
			}
			.home .block.newsletter .btnold {
				padding:17px;
				margin-left:10px;
			}

	/*---------------------------------------------------------------------------------------*/
	/* =SLIDESHOW
	/*---------------------------------------------------------------------------------------*/
	.slideshow {
		width:100%;
		height:100%;
	}
		.slideshow .slide {
			width:100%;
			height:100%;

			

			background-size:cover;
		}

		/* container */
		.slideshow .slide .container {
			padding-top:35%;
			margin:0 auto;
			text-align:center;
		}

		/* pager */
		.cycle-pager {
			text-align: center;
			width: 100%;
			z-index: 500;
			position: absolute;
			bottom: 40px;
			overflow: hidden;
		}
		.cycle-pager span {
			font-family: arial;
			font-size: 70px;
			width: 30px;
			height: 30px;
			display: inline-block;
			color: #ddd;
			cursor: pointer;
		}
		.cycle-pager span.cycle-pager-active {
			color: #0b5eaa;
		}
		.cycle-pager > * {
			cursor: pointer;
		}

		/* arrow */
		.slideshow .arrow {
			background-image:url(../images/arrow.png);
			height:57px;
			width:57px;
			display:block;

			position:absolute;
			z-index:999;
			right:50px;
			bottom:50px;
		}
			.slideshow .arrow:hover {
				background-position:bottom;
			}

/*-------------------------------------------------------------------------------------------*/
/* =BLOCKS
/*-------------------------------------------------------------------------------------------*/

	/* =COLLECTION CATEGORIES
	/*---------------------------------------------------------------------------------------*/
	.categories {
		padding:10px;
		width:100%;
		border-bottom:2px solid #0b5eaa;

		text-align:center;

		display:block;
		margin-bottom:50px;
	}
		.categories li {
			list-style-type:none;
			display:inline-block;
		}
		.categories li a {
			list-style-type:none;
			display:inline-block;
			padding:10px 15px;

			font-family: "Yanone Kaffeesatz",sans-serif;
			color:#0b5eaa;
			font-size:24px;
			text-transform:uppercase;
			font-weight:500;
		}
			.categories li a.active,
			.categories li a:hover {
				text-decoration:none;
				background:#0b5eaa;
				color:#fff;
			}


	/* =PAGE-HEAD
	/*---------------------------------------------------------------------------------------*/
	.page-head {
		width:100%;
		height:240px;
		text-align:center;

		padding-top:80px;
	}
		.page-head.category {
			padding-top:65px;
		}

		.page-head .title {
			color:#fff;
			font-size:48px;
		}
			.page-head .title:after {
				content:"";
				display:block;

				background:#fff;
				width:150px;
				height:3px;

				margin:5px auto 15px auto;
			}

		.page-head .description {
			font-family: 'Yanone Kaffeesatz', sans-serif;
			color:#fff;
			padding:10px;
			font-size:30px;
		}

		/* service client */
		.page-head.service {
			background-image:url(../medias/page-head.jpg);
			background-size:cover;
		}

	/* =LOOKBOOK
	/*---------------------------------------------------------------------------------------*/
	.lookbook-item {
		width:960px;
		height:200px;
		display:block;

		position:relative;

		margin-bottom:30px;
	}
		.lookbook-item img {
			height:200px;
			width:960px;
		}

		.lookbook-item .text {
			position:absolute;
			width:100%;
			height:100%;

			display:table;
			text-align:center;
		}
		.lookbook-item .title {
			color:#fff;
			font-size:48px;

			display:table-cell;
			vertical-align:middle;
		}

	/* =LOOKBOOK DETAILS
	/*---------------------------------------------------------------------------------------*/
	.lookbook-details {
		width:100%;
	}
		.lookbook-details .btnold {
			position:fixed;
			z-index:1;

			margin:30px 0;
		}
		.lookbook-details .image {
			display:block;
			width:100%;
			background-size:cover;
		}

	/* =CATALOGUE
	/*---------------------------------------------------------------------------------------*/
	.catalog-item {
		margin-bottom:50px;
	}
			/* --MAX-- .catalog-item:nth-child(even) .photo {
				float:right;
			}
			.catalog-item:nth-child(even) .description {
				float:left;
			}
			.catalog-item:last-child {
				margin-bottom:0;
			}

		.catalog-item .photo {
			width:305px;
			height:440px;

			/* -- MAX -- float:left;
		}
			.catalog-item .photo img {
				width:305px;
				height:400px;
			}

		.catalog-item .description {
			width:590px;
			text-align:center;

			/* -- MAX -- float:right;
      margin-left: 0px
		} */
			.catalog-item .description .title {
				color:#0b5eaa;
				font-size:40px;
        text-align:center
			}
				.catalog-item .description .title:after {
					display:block;
					content:"";

					background:#0b5eaa;
					height:1px;
					width:200px;

					margin:15px auto 30px auto;
				}

			.catalog-item .description p {
				text-align:left;
				font-size:13px;
				line-height:24px;
			}

			.catalog-item .infos {
				border-top:1px solid #ebebeb;
				border-bottom:1px solid #ebebeb;

				margin:30px 0;
				padding:15px 0;

				font-size:14px;
				text-align:left;
			}
				.catalog-item .infos span {
					display:block;
					font-weight:bold;
					color:#000;
					margin-bottom:6px;
				}

	/* =FICHE PRODUIT
	/*---------------------------------------------------------------------------------------*/
	/* -- MAX -- .item .medias {
		width:470px;
		float:left;
	} */
		.item .medias .main img {
			/* -- MAX width:470px; */
			height:610px;
			margin-bottom:5px;
		}

		/* carousel */
		.item #photos-prev {
			font-size:50px;
			padding-top:45px;
			display:block;
			float:left;
			color:#0b5eaa;
		}
			.item #photos-prev:hover {
				color:#03aeef;
				cursor:pointer;
			}

		.item .additionnal {
			float:left;
		}
			.item .additionnal img {
				width:118px;
				height:158px;
				margin-right:5px;

				cursor:pointer;
			}
		.item #photos-next {
			font-size:50px;
			padding-top:45px;
			display:block;
			float:right;
			color:#0b5eaa;
		}
			.item #photos-next:hover {
				color:#03aeef;
				cursor:pointer;
			}

	/* description */
	.item .description {
		/* -- MAX -- width:460px; */
		text-align:center;

		/* float:right; */
	}
		.item .description .title {
			color:#0b5eaa;
			font-size:40px;
		}
			.item .description .title:after {
				display:block;
				content:"";

				background:#0b5eaa;
				height:1px;
				width:200px;

				margin:15px auto 30px auto;
			}

		.item .description p {
			text-align:left;
			font-size:13px;
			line-height:24px;
		}

		/* supplements */
		.item .supplements {
			text-align:left;
			color:#0b5eaa;
			font-size:13px;

			margin:30px 0;
		}
			.item .supplements i {
				font-size:24px;
				vertical-align:middle;
				line-height:13px;
				margin-right:10px;
			}

		/* infos */
		.item .infos {
			border-top:1px solid #ebebeb;
			border-bottom:1px solid #ebebeb;

			margin:30px 0;
			padding:25px 0;

			font-size:14px;
			text-align:left;
		}
			.item .infos span {
				display:block;
				font-weight:bold;
				color:#000;
				margin-bottom:6px;
			}

	/* =SUGGESTIONS
	/*---------------------------------------------------------------------------------------*/
	.suggestions {
		margin-top:50px;
	}
		.suggestions .title {
			color:#0b5eaa;
			font-size:40px;
			text-align:center;
		}
			.suggestions .title:after {
				display:block;
				content:"";

				background:#0b5eaa;
				height:1px;
				width:200px;

				margin:15px auto 30px auto;
			}

		/* item */
		.suggestions .item {
			width:230px;
			height:290px;
			float:left;
			margin-right:6px;
      margin-left:6px;

			position:relative;
		}
			.suggestions .item + .item + .item + .item {
				margin-right:0;
			}

			.suggestions .item img {
				width:230px;
				height:290px;
			}

			/* infos */
			.suggestions .item .plus {
				background-image:url(../images/white-grad.png);

				position:absolute;
				height:100%;
				width:100%;

				text-align:center;

				padding-top:50px;

				font-size:13px;

				display:none;
			}
				.suggestions .item .plus:hover {
					-webkit-transition: all .1s ease-in;
					-moz-transition: all .1s ease-in;
					-o-transition: all .1s ease-in;
					transition: all .1s ease-in;
				}

				.suggestions .item .plus span {
					font-family:'Beans',sans-serif;
					color:#363636;
					font-size:18px;
					display:block;
					margin-bottom:5px;
				}

				.suggestions .item:hover .plus {
					display:block;
				}

	/* =CONTACT INTRO
	/*---------------------------------------------------------------------------------------*/
	.contact {
		margin-bottom:0px; /* -- MAX -- changement de la marge de 30 à 0 */
		font-size:14px;
	}

	/* =MON COMPTE
	/*---------------------------------------------------------------------------------------*/
	.account .register,
	.account .login {
		border:2px solid #f5f5f5;
		padding:25px;

		height:315px;
	}
			.account .title {
				text-align:left;
				font-family: 'Droid Sans', sans-serif;
				color:#0b5eaa;
			}

		.account .register {
			float:left;
			text-align:center;
		}
			.account .register p {
				padding:50px 0;
			}
			.account .register .btnold {
				margin-top:20px;
			}

		.account .login {
			float:right;
		}


	/* =PAGE PANIER
	/*---------------------------------------------------------------------------------------*/
	.cart .element {
		width:25%;
		float:left;
		padding-right:10px;

		margin-bottom:25px;
	}
		.cart img {
			width:100%;
			margin-bottom:5px;
		}

		.cart .title {
			font-size:18px;
			color:#0b5eaa;
			display:block;
			margin-bottom:10px;
		}

		.cart .delete {
			background:#0b5eaa;
			padding:3px 5px;

			color:#fff;
			font-size:12px;

			display:inline-block;
			margin-top:10px;

			border-radius:3px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
		}
			.cart .delete:hover {
				text-decoration:none;
			}

	.cart .recap {
		padding:20px 5px;

		border-top:2px solid #0b5eaa;
		border-bottom:2px solid #0b5eaa;
	}
		.cart .recap .title {
			font-size:32px;
			color:#0b5eaa;
			display:block;
			margin-bottom:20px;
		}

/*-------------------------------------------------------------------------------------------*/
/* =FANCYBOX LAYER
/*-------------------------------------------------------------------------------------------*/
.fancybox-layer {
	width:700px;
	overflow:hidden;
}
	.fancybox-layer iframe {
		width:100%;
		height:420px;
		border:none;
	}

/* =FANCYBOX PANEL
/*---------------------------------------------------------------------------------------*/
.fancybox-inner .panel {
	width:500px;
}
	.fancybox-inner .panel .panel-heading {
		background:#0b5eaa;
		color:#fff;
		padding:15px;
		font-size:16px;
	}
	.fancybox-inner .panel .panel-body {
		padding:15px;
	}