/* fonts */

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    font-weight: default;
}

@font-face {
    font-family: 'IntroRegular';
    src: url('fonts/IntroRegular.eot');
    src: url('fonts/IntroRegular.eot') format('embedded-opentype'),
         url('fonts/IntroRegular.woff2') format('woff2'),
         url('fonts/IntroRegular.woff') format('woff'),
         url('fonts/IntroRegular.ttf') format('truetype'),
         url('fonts/IntroRegular.svg#IntroRegular') format('svg');
}


@font-face {
    font-family: 'IntroRegularAlt';
    src: url('fonts/IntroRegularAlt.eot');
    src: url('fonts/IntroRegularAlt.eot') format('embedded-opentype'),
         url('fonts/IntroRegularAlt.woff2') format('woff2'),
         url('fonts/IntroRegularAlt.woff') format('woff'),
         url('fonts/IntroRegularAlt.ttf') format('truetype'),
         url('fonts/IntroRegularAlt.svg#IntroRegularAlt') format('svg');
}

@font-face {
    font-family: 'IntroBoldCaps';
    src: url('fonts/IntroBoldCaps.eot');
    src: url('fonts/IntroBoldCaps.eot') format('embedded-opentype'),
         url('fonts/IntroBoldCaps.woff2') format('woff2'),
         url('fonts/IntroBoldCaps.woff') format('woff'),
         url('fonts/IntroBoldCaps.ttf') format('truetype'),
         url('fonts/IntroBoldCaps.svg#IntroBoldCaps') format('svg');
}

/*
@font-face {
    font-family: 'IntroBoldAlt';
    src: url('fonts/IntroBoldAlt.eot');
    src: url('fonts/IntroBoldAlt.eot') format('embedded-opentype'),
         url('fonts/IntroBoldAlt.woff2') format('woff2'),
         url('fonts/IntroBoldAlt.woff') format('woff'),
         url('fonts/IntroBoldAlt.ttf') format('truetype'),
         url('fonts/IntroBoldAlt.svg#IntroBoldAlt') format('svg');
}
*/

@font-face {
    font-family: 'IntroBold';
    src: url('fonts/IntroBold.eot');
    src: url('fonts/IntroBold.eot') format('embedded-opentype'),
         url('fonts/IntroBold.woff2') format('woff2'),
         url('fonts/IntroBold.woff') format('woff'),
         url('fonts/IntroBold.ttf') format('truetype'),
         url('fonts/IntroBold.svg#IntroBold') format('svg');
}

@font-face {
    font-family: 'IntroBlackCaps';
    src: url('fonts/IntroBlackCaps.eot');
    src: url('fonts/IntroBlackCaps.eot') format('embedded-opentype'),
         url('fonts/IntroBlackCaps.woff2') format('woff2'),
         url('fonts/IntroBlackCaps.woff') format('woff'),
         url('fonts/IntroBlackCaps.ttf') format('truetype'),
         url('fonts/IntroBlackCaps.svg#IntroBlackCaps') format('svg');
}

@font-face {
    font-family: 'IntroBlackAlt';
    src: url('fonts/IntroBlackAlt.eot');
    src: url('fonts/IntroBlackAlt.eot') format('embedded-opentype'),
         url('fonts/IntroBlackAlt.woff2') format('woff2'),
         url('fonts/IntroBlackAlt.woff') format('woff'),
         url('fonts/IntroBlackAlt.ttf') format('truetype'),
         url('fonts/IntroBlackAlt.svg#IntroBlackAlt') format('svg');
}
@font-face {
    font-family: 'IntroRegularCaps';
    src: url('fonts/IntroRegularCaps.eot');
    src: url('fonts/IntroRegularCaps.eot') format('embedded-opentype'),
         url('fonts/IntroRegularCaps.woff2') format('woff2'),
         url('fonts/IntroRegularCaps.woff') format('woff'),
         url('fonts/IntroRegularCaps.ttf') format('truetype'),
         url('fonts/IntroRegularCaps.svg#IntroRegularCaps') format('svg');
}




/* Général */

html {
	text-align: center;
	letter-spacing: 0.18em;
	overflow-y: auto;
}

body {
	display: inline-block;
	max-width: 764px;
	width: 100%;
	font-family: IntroRegular, arial;
	padding-bottom: 54px;
	position: relative;
	overflow-y: hidden; /* debug Safari */
    min-height: calc(100% - 3px);
	

	-moz-box-shadow: 0px -1px 10px 0px #5a5a5a;
	-webkit-box-shadow: 0px -1px 10px 0px #5a5a5a;
	-o-box-shadow: 0px -1px 10px 0px #5a5a5a;
	box-shadow: 0px -1px 10px 0px #5a5a5a;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#5a5a5a, Direction=90, Strength=10);
	
}

body.content_only {
    padding-bottom: 0;
}

body>* {
	width:100%;
    margin-bottom: 8px;
    padding: 20px;
}

h1, h2 {
    font-family: IntroBlackCaps, arial;
    letter-spacing: 2.1px;
    font-size: 1.93em;
    line-height: 1.3em;
    text-align: center;
    font-weight: 100; /* SAFARI DEBUG */
    margin-bottom: 8px;
}

hr {
    margin: 1em 0 1em;
}

/*
h2 {
	font-family: IntroBoldCaps, arial;
}
*/

.subtitle {
    display: block;
    font-size: smaller;
}

h3.article-subtitle {
    font-size: 1.1em;
    font-family: IntroBoldCaps, arial;
    font-weight: 100;
    letter-spacing: 0.1em;
}

a {
    text-decoration: none;
    color: white;
}

a:focus, a:active, a.active, a:hover {
	color: #f0b58e;
	border-bottom-color: #f0b58e;
}

a.foot-note {
    text-decoration: underline;
}

.table, table {
    border: none;
}

.table, table {
    table-layout: auto;
}

td, th {
    border: none;
    border-left: solid 7px;
}

tr {
	border: none;
	border-bottom: solid 7px;
}

/*tr>th:first-child, tr>td:first-child {
    border-left: 0;
}*/

.bg-9 table tr, .bg-9 table td, .bg-9 table th {
	border-color: #0070d9;
}

#center_column>table {
    margin-bottom: 4px;
}


.important-block {
	margin-top: 0.83em;
	margin-bottom: 0.83em;
}

.large-txt {
    font-size: large;
	padding: 20px;
    font-family: IntroBold, arial;
    letter-spacing: .08em;
    line-height: 1.3em;
}

.article {
    padding: 30px;
    font-family: IntroRegular, arial;
    letter-spacing: 0.05em;
    line-height: initial;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
}

.article p {
	line-height: 1.4em;
}

.foot-note {
    font-size: .85em;
}

p.foot-note {
    margin-top: .25em;
}

.seeall a.super-link {
    /* border-bottom: solid 1px white; */
    background: repeat-x url("../img/sub-underline-bg.png");
    background-position-y: 11px;
    line-height: 30px;
    font-size: 1.2em;
    padding-bottom: 3px;

}

.seeall {
    text-align: center;
}

.center {
    text-align: center;
}

.bg-img {
    height: 246px;
    font-family: IntroBlackCaps, arial;
    letter-spacing: 3.5px;
    font-size: 2.7em;
    padding: 0;
    /* padding-top: 75px; */
    line-height: 246px;
    background-position: center;
}

.presentation-links, .user-links {
	margin-top: 0;
    padding-left: 0;
    list-style: none;
    font-family: IntroBoldCaps, arial;
    position: absolute;
}

.presentation-links {
    top: 50px;
    left: 50px;
}

.presentation-links li {
    margin-top: 20px;
    margin-left: 30px;
}

.presentation-links li:first-child {
    margin-top: 0px;
    margin-left: 0px;
}

.user-links {
    right: 50px;
    font-family: IntroRegularCaps, arial;
    font-size: 0.7em;
    text-align: right;
}

.user-links li {
    margin-top: 3px;
}

.user-links li:last-child {
    margin-top: 15px;
}

.big-txt {
    font-size: 3.5em;
}

/* super link */

a.super-link {
    position: relative;
    line-height: 20px;
    z-index: 1;
    /* border-bottom: solid 1px; */
}

.presentation-links a.super-link {
    background: repeat-x url("../img/sub-underline-bg.png");
    background-position-y: 11px;
}

.user-links a.super-link {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(224,120,40,0) 9%, rgba(221,105,16,1) 10%, rgba(221,105,16,1) 89%, rgba(224,119,38,0) 90%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(224,120,40,0) 9%,rgba(221,105,16,1) 10%,rgba(221,105,16,1) 89%,rgba(224,119,38,0) 90%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(224,120,40,0) 9%,rgba(221,105,16,1) 10%,rgba(221,105,16,1) 89%,rgba(224,119,38,0) 90%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    border-bottom: none;
    display: inline-block;
    line-height: 13px;
    padding-top: 1px;
    margin-top: 5px;
    font-size: 1.07em;
}

.presentation-links a.super-link {
    font-family: IntroBlackCaps, arial;
    font-size: 1.15em;
}

.presentation-links a.super-link:before {
    content: '';
    display: block;
    height: 100%;
    width: 90%;
    left: 5%;
    bottom: -50%;
    position: absolute;
    z-index: -1;
    background: #00a89b;
    /* background-color: transparent;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(25,161,153,0) 9%, rgba(0,151,142,1) 10%, rgba(0,151,142,1) 89%, rgba(23,160,152,0) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(25,161,153,0) 9%,rgba(0,151,142,1) 10%,rgba(0,151,142,1) 89%,rgba(23,160,152,0) 90%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(25,161,153,0) 9%,rgba(0,168,145,1) 10%,rgba(0,168,145,1) 89%,rgba(23,160,152,0) 90%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    */
}

.user-links a.super-link:focus:before, .user-links a.super-link:active:before, .user-links a.super-link.active:before, .user-links a.super-link:hover:before  {
    content: '';
    display: block;
    width: 80%;
    height: 100%;
    left: 10%;
    bottom: -5%;
    position: absolute;
    z-index: -1;
    top: -1px;
}

a.super-link:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: 0;
}

.user-links a.super-link:after {
	display: none;
}

/*
.presentation-links a.super-link:hover, .user-links a.super-link:hover,
.presentation-links a.super-link:focus, .user-links a.super-link:focus,
.presentation-links a.super-link:active, .user-links a.super-link:active,
.presentation-links a.super-link.active, .user-links a.super-link.active {
	background: none;
	filter:none;
}
*/

.user-links a.super-link:hover,
.user-links a.super-link:focus,
.user-links a.super-link:active,
.user-links a.super-link.active {
	background: none;
	filter:none;
}

/*
a.super-link>span>span {
	top: -1px;
}


a.super-link>span>span:after {
    /* background-color: rgb(255,87,34);	/* Fallback */
    /* background-color: rgba(255,87,34,0.5); */
    
    /*background-color: rgb(1, 9, 47);
    background-color: rgba(1, 9, 47, 0.55);
    
    color: #00bab6;
    /* color: #6a2c1d; 
    
background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(4,17,58,0) 9%, rgba(1,9,47,0.5) 10%, rgba(1,9,47,0.5) 89%, rgba(1,9,47,0) 90%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(4,17,58,0) 9%,rgba(1,9,47,0.5) 10%,rgba(1,9,47,0.5) 89%,rgba(1,9,47,0) 90%,rgba(125,185,232,0) 100%);
background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(4,17,58,0) 9%,rgba(1,9,47,0.5) 10%,rgba(1,9,47,0.5) 89%,rgba(1,9,47,0) 90%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 );
}
* */

/*

a.super-link:focus:before, a.super-link:active:before, a.super-link.active:before, a.super-link:hover:before {
    content: "";
    display: block;
    width: 110%;
    height: 75%;
    left: -5%;
    bottom: -30%;
    background: #324bbb;
    position: absolute;
    z-index: -1;
}
*/

a.super-link:focus:before, a.super-link:active:before, a.super-link.active:before, a.super-link:hover:before {
    width: 90%;
    left: 5%;
    background: #324bbb;
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
}

.article a.super-link:focus:before, .article a.super-link:active:before, .article a.super-link.active:before, .article a.super-link:hover:before {
    width: 110%;
    height: 95%;
    left: -5%;
    bottom: -40%;
}

.user-links a.super-link>span>span:after {
    background-color: rgb(0, 150, 136);		/* Fallback */
    background-color: rgba(0, 150, 136, 0.5);
    color: #134437;
}

.presentation-links a.super-link>span {
    position: relative;
    top: -7px;
}

.presentation-links a.super-link>span>span {
	border-bottom: solid 1px white;
}

.presentation-links a.super-link>span:hover>span:after {
	/* border-bottom: solid 1px white; */
}

/* rolling-link from http://hakim.se/ (thanks!)

.roll {
    display: inline-block;
    overflow: hidden;

    vertical-align: top;

    -webkit-perspective: 400px;
       -moz-perspective: 400px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
}
.roll span {
    display: block;
    position: relative;
    padding: 0 2px;

    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
}
    .roll:hover span {
        background: #111;

        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
    }
.roll span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;

    color: #fff;
    background: hsl(206, 80%, 30%);

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}
*/


.article-subtitle {
    display: block;
    text-align: center;
    font-family: introBold, arial;
}

/* background colors */

.bg-1 {
	background-color: #e1f0e8;
}

.bg-2 {
	background-color: #ffeb00;
}

.bg-3 {
	background-color: #ac2f24;
}

.bg-4 {
	background-color: #d94318;
}

.bg-5 {
	background-color: #e16d25;
}

.bg-6 {
	background-color: #47b2ab;
}

.bg-7 {
	background-color: #00a89b;
}

.bg-8 {
	background-color: #00aeef;
}

.bg-9 {
	background-color: #0070d9;
}

.bg-10 {
	background-color: #324bbb;
}

.bg-11 {
	background-color: #524ac9;
}

.bg-12 {
	background-color: #006e8c;
}

.bg-13 {
	background-color: #193753;
}

.bg-14 {
	background-color: #0087bd;
}

.bg-15 {
	background-color: #529fab;
}

.bg-16 {
	background-color: #524ac9;
}

.bg-17 {
	background-color: #56368a;
}

.bg-18 {
	background-color: #3d9e98;
}

[class*=bg-] {
	color: white;
}

/* Blocks */

.block-container {
    display: table;
    padding: 0;
	width: 100%;
}


/*
.block-container:after {
    content:'';
    display: table-cell;
    width: auto;
}
*/

.product-item {
    float: left;
}

.block-container>*, body>*:not(.block-container) {
	border-left: solid white 8px;
}

body>* {
	border-right: solid white 8px;
}

/* .block-container>*:first-child {
	border-left: none;
} */

[class*=bl-] {
    display: table-cell;
    vertical-align: top;
}

.bl-3-12 {
    width:25%;
}
.bl-4-12 {
    width:33.333333%;
}
.bl-5-12 {
    width:41.666666%;
}
.bl-6-12 {
    width:50%;
}
.bl-7-12 {
    width:58.333333%;
}
.bl-8-12 {
    width:66.666666%;
}
.bl-9-12 {
    width:75%;
}

[class*=bl-]>[class*=bg-] {
    width: 100%;
    display: block;
    margin-bottom: 7px;
}

[class*=bl-]>[class*=bg-]:last-child {
    margin-bottom: 0;
}


/* header */

.header {
    background-color: #248296;
	height: 170px;
    padding-top: 20px;
    position: relative;
}

/*
.header .title:before {
    display: block;
    background-image: url("../img/logo.png");
    width: 82px;
    height: 26px;
    content: "";
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
}

.header .title {
    font-family: IntroBoldCaps, arial;
    font-size: 1.3em;
    letter-spacing: 0.18em;
    line-height: 1.25em;
}

.header .subtitle {
    font-family: IntroRegularAlt, arial;
    font-weight: bold;
    margin-top: 1em;
}

.header .subtitle:before, .header .subtitle:after {
    content:"";
    display: inline-block;
    border-top: solid 1px white;
    height: 1px;
    width: 40px;
    vertical-align: middle;
}

.header .subtitle:after {
    margin-left: 10px;
}

.header .subtitle:before {
    margin-right: 10px;
}
*/

.header {
    background-image: url("../img/bandeaux/header.png");
}

.header .logo {
    display: block;
    height: 170px;
    width: 284px;
    top: 0;
    left: 33%;
    position: absolute;
    /*Hide text technique from http://paulund.developpez.com/tutoriels/css/masquer-texte/ */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

li.social-networks {
    margin-right: 4px;
}

.social-networks a {
    margin-bottom: 7px;
    border-radius: 200px;
    border: solid 2px;
    height: 27px;
    width: 27px;
    font-size: 1.3em;
    line-height: 2em;
    padding-right: 0.5em;
    display: inline-block;
    margin-right: 1px;
}

/* Footer*/

.footer {
    list-style: none;
    display: table;
    font-family: IntroBoldCaps, arial;
    font-size: 0.7em;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    max-width: 764px;
    bottom: 0;
    z-index: 10;
    padding-top: 23px;
}

.footer>li {
    display: table-cell;
    border-left: solid 2px white;
    text-align: center;
    padding-right: 11px;
    padding-left: 11px;
    line-height: 10px;
    padding-top: 1px;
}

.footer>li:first-child {
    border-left: none;
}

/* Newsletter */

li.newsletter-container {
    position: relative;
}

li.newsletter-container form.newsletter {
	position: absolute;
	top: -12px;
	z-index: 1000000;
	width: 240px;
	padding: 7px;
	text-align: left;
	right: -50px;
	font-family: introRegular;
	font-size: 1.3em;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s .5s, opacity .5s linear;
	height: 64px;
}

form.newsletter input[type="email"] {
	width: 170px;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
    font-family: introRegular, arial;
    font-size: 1.2em;
}

.newsletter label {
    margin-bottom: 3px;
    margin-top: 0;
    display: inline-block;
}

li.newsletter-container:hover form.newsletter {
	visibility: visible;
	opacity: 1;
	transition: opacity .5s linear;
}

.newsletter .btn {
    float: right;
}


/* Slider */


	#slides.reset-trick .inner {
		margin-left: -400% !important;
	}
	
	#slides.notransition * {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
	}




/* Slider Setup */

#slider input {
	display: none;
}

#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }


#overflow {
	width: 100%;
	overflow: hidden;
}

/*
article img {
	width: 100%;
}
* */

#slides .inner {
	width: 500%;
}

#slides article {
	width: 20%;
	float: left;
	height: 310px;
	position: relative;
}

.slide-desc h1 {
    display: block;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    font-size: 1.9em;
    margin-bottom: 15px;
}

.slide-desc h2 {
    font-size: 1em;
    font-family: introBoldCaps, arial;
    letter-spacing: 0.7px;
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 13px;
    
}

/* Control Setup */



#slider #active {
	/* margin: 23% 0 0; */
	text-align: center;
    position: absolute;
    bottom: 27px;
    left: 18%;
}


#slider #active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
    background: transparent;
    border: solid 2px white;
    margin-right: 5px;
}

#slider #active label:hover {
	border-color: transparent;
	background: #f0b58e;
}

#slider #controls label:hover {
	opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
	background: url('next.png') no-repeat;
	float: right;
	margin: 0 -70px 0 0;
	display: block;
}


#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
	background: url('prev.png') no-repeat;
	float: left;
	margin: 0 0 0 -70px;
	display: block;
}

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
	background: white;
}


#slider .slide-desc {
	width: 45%;
    position: absolute;
    left: 0;
    padding: 40px;
    padding-top: 30px;
    text-align: left;
}

.slide-desc {
    font-size: .85em;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    font-family: IntroRegular, arial;
}

#slider img {
    height: 310px;
    position: absolute;
    right: 0;
}

/* Animation */

#slider #slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/*
#controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
*/

#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}

#slider .info, #slider #controls, #slider #slides, #slider #active, #slider #active label, #slider .info h3 {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#slider {
	max-width: 960px;
	padding: 0;
	position: relative;
}








/* Products */

.portfolio-box {
	position: relative;
	margin-bottom: 7px;
}
.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}
.portfolio-box .portfolio-box-caption {
    color: #fff;
    opacity: 0;
    display: block;
    background: rgba(1,109,103,.9);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 20px;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    font-family: IntroRegularCaps, arial;
}

.portfolio-box-caption:before {
	content: '';
	display: block;
	height: calc(50% - 30px);
}


.portfolio-box-caption p {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 60px;
    padding-right: 60px;
}

.portfolio-box-caption p span {
	border-bottom: solid 1px;
}

.product-item-info {
    display: inline-block;
    /* padding: 4px; */
    /* padding-top: 8px; */
    /* padding-bottom: 6px; */
    margin: 0;
    vertical-align: middle;
}

.product-item-footer .product-item-info {
    max-width: 130px;
    width: 130px;
    padding: 5px;
    max-height: 40px;
    height: 40px;
    background-color: #dd6810;
    margin-right: 3px;
}

.product-item-info .poids {
    border-right: solid 1px;
    padding-right: 10px;
    display: inline-block;
    /* margin-top: 4px; */
    /* padding-bottom: 4px; */
    vertical-align: middle;
    line-height: 1.1em;
    font-family: introBold;
}

.product-item-info .prix{
    padding-left: 5px;
    font-size: 1.2em;
    vertical-align: middle;
}

a.cart-btn:hover {
    background-color: #324bbb;
}

.product-item-footer {
    padding: 8px;
    font-family: IntroBold, arial;
    font-size: 0.8em;
}

.product-item .product-title {
    max-height: 70px;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    margin-bottom: 0;
}

.product-item .product-title h1 {
    margin-bottom: 0;
    padding: 17px;
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
}

.product-item-img {
    width: 100%;
}

img#product-img {
    width: 100%;
}


/*
.product-img-container:before {
    content: "Photo non contractuelle / suggestion de présentation";
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: .8em;
    color: #4d4d4d;
}
*/

.product-img-container {
    position: relative;
}

#buy_block {
    text-align: left;
    padding-top: 20px;
    padding-left: 2.4em;
    padding-right: 2.4em;
    line-height: 1.2em;
    height: 223px;
}

.qty-cartouche {
    position: relative;
    display: inline-block;
    height: 44px;
    margin-bottom: 6px;
}

.qty-cartouche .product_quantity_down, .qty-cartouche .product_quantity_up {
    position: absolute;
}

.qty-cartouche .product_quantity_up {
        left: 40px;
}

.qty-cartouche label {
    display: block;
    margin: 0;
}

input#quantity_wanted {
    width: 75px;
    height: 44px;
    font-size: large;
    text-align: center;
    border: none;
    vertical-align: top;
    float: right;
}

p.buttons_bottom_block {
    display: block;
    text-align: center;
}

span.mention-photo {
    display: block;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: .85em;
}

button, .btn {
    font-family: IntroRegularCaps, arial;
    border: none;
    background-color: #0070d9;
    color: white;
    padding: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

button:hover, .btn:hover {
	background-color: #ae2d22;
	color: #f0b58e;
	cursor: pointer;
}

.btn.disabled {
    background-color: #8b8e92;
}

.btn.disabled :hover {
    background-color: #8b8e92;
    cursor: not-allowed;
    color: black;
}

.btn.button-minus, .btn.button-plus {
    background: white;
    color: #707070;
    padding-left: 11px;
    padding-right: 9px;
    font-size: 24px;
    line-height: 20px;
    padding-top: 2px;
    height: 18px;
    margin-top: 0;
}

.btn.button-minus:hover, .btn.button-plus:hover {
    background: #ccc;
}

#buy_block button, #buy_block .alert-me
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    /* padding: 3px; */
    font-size: .9em;
    background-color: #0070d9;
    letter-spacing: .04em;
}

.product-panel .product-item-info {
    padding: 4px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 6px;
    font-size: 1.16em;
    height: 50px;
}

.product-panel .prix {
    font-family: introBold;
    font-size: 1.5em;
}

#buy_block hr:before {
    content: '';
    display: block;
    border-top: solid 1px;
}

#buy_block hr {
    text-align: center;
    background: none;
    padding-left: 25%;
    padding-right: 25%;
    margin: 0.4em 0 0.6em;
}

a#wishlist_button_nopop {
    display: inline-block;
    text-align: center;
}

.cart-btn {
    padding: 5px;
    width: 85px;
    max-width: 85px;
    letter-spacing: .1em;
	line-height: 1.2em;
    display: inline-block;
    margin: 0;
    font-family: IntroBoldCaps, arial;
    font-size: 0.8em;
    vertical-align: middle;
    padding-bottom: 4px;
    /* padding-left: 2px; */
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
}

.product-item .cart-btn {
    background-color: #ae2d22;
    padding-top: 7px;
    padding-bottom: 7px;
}

.product-panel .social-networks {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 17px;
}

.product-panel .social-networks a {
    height: 22px;
    width: 22px;
    font-size: 0.8em;
    line-height: 1em;
    padding-right: 0;
    padding-left: 0.1em;
    padding-top: 0.4em;
    margin-right: 45px;
}

.product-panel .social-networks a:first-child {
    margin-left: 8px;
}

.product-panel .social-networks a:last-child {
    margin-right: 0;
}

.product-panel .social-networks {
    padding-top: 12px;
}

.facebook, .pinterest, .tweeter {
	position: relative;
}

.facebook:after, .pinterest:after, .tweeter:after {
    content: "facebook";
    position: absolute;
    bottom: -15px;
    left: -23px;
    display: block;
}

.pinterest:after {
    content: "pinterest";
    left: -21px;
}

.tweeter:after {
    content: "tweeter";
    left: -15px;
}

.valeurs-nutritives {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    list-style: none;
    -webkit-column-rule: 1px outset; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset; /* Firefox */
    column-rule: 1px outset;
    padding-left: 0;
    font-size: .9em;
    letter-spacing: 0.01em;
    line-height: 1.6em;
}

.valeurs-nutritives li {background: repeat-x url("../img/sub-underline-bg.png");}

.valeurs-nutritives .value {
	float: right;
	padding-left: 2px;
}

.valeurs-nutritives .property {
	padding-right: 2px;
}

.valeurs-nutritives .value, .valeurs-nutritives .property {
	background-color: #e16d25;
}

.ingredients p:not(.foot-note), .valeurs-nutritives {
    margin-bottom: 20px;
}

.nav-products {
    list-style: none;
    display: table;
    margin-top: 0;
}

.nav-products>li:first-child {
    border-left: none;
}
.nav-products>li {
    display: table-cell;
    border-left: solid 1px white;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: middle;
    font-family: IntroRegularCaps, arial;
    font-size: .85em;
    /* width: 20%; */
    min-width: 130px;
}

.product-panel .product-title {
    letter-spacing: 0.05em;
    font-size: 1.1em;
    min-height: 92px;
    vertical-align: middle;
    padding: 0;
    padding-top: 12px;
    padding-bottom: 5px;
    height: 92px;
}

.product-panel .product-title h1 {
    display: block;
    min-height: 52px;
    letter-spacing: 0.06em;
    /* margin: 0; */
    font-size: 1.3em;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 5px;
    padding-right: 5px;
}


span.mode-preparation {
    font-family: introBold;
}

/* My account */

h1.page-heading {
    font-size: 1.6em;
    margin-top: 10px;
}

.page-heading:before, .page-heading:after {
    display:inline-block;
    content: '';
    background: repeat-x url("../img/sub-underline-bg.png");
    width: 60px;
    height: 17px;
}

.page-heading:before {
    margin-right: 15px;
}

.page-heading:after {
    margin-left: 15px;
}

p.welcome-account {
    font-size: 1.6em;
    font-family: IntroBlackAlt, arial;
}

p.info-account {
    font-size: 1.15em;
    font-family: IntroBlackAlt, arial;
    margin-top: .4em;
    margin-bottom: 15px;
}

/* Presse */

.video-cartouche {
	padding: 0;
	margin-bottom: 1.5em;
}

.video-cartouche video {
    float: right;
    border-left: solid white 8px;
    background-color: #193753;
    width: 100%;
}

.press-item {
    height: 250px;
    vertical-align: middle;
}

.press-item .press-title {
    margin-bottom: .5em;
    font-size: 1.2em;
    width: 65%;
    display: inline-block;
    min-height: 42px;
}

.press-desc {
    display: inline-block;
    font-family: IntroRegular, arial;
    font-size: 1.2em;
    border-bottom: solid 1px;
    border-top: solid 1px;
    width: 65%;
}

.active.press-item {
    color: #f0b58e;
}

/* cms */

.long-txt h2 {
    font-size: 1em;
    font-family: introBoldCaps, arial;
    letter-spacing: 0.7px;
}

#cms .long-txt {
    column-count: 2;
    column-gap: 75px;
    position: relative;
    /* text-align: center; */
}

#cms .long-txt:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 8px;
    background: white;
    left: calc(50% - 4px);
    top: 0;
}

/*
.long-txt>p {
    margin-left: 20px;
}
*/

/* Responsive */

@media (min-width: 750px) {

	table td:last-child, table th:last-child {
		border-right: none;
	}
	
	html {
		height: 100%;
		width: 100%;
		background-color: white;
	}

	html:before, html:after {
		content: '';
		display: block;
		position: fixed;
		background-color: white;
		height: 670px;
		width: calc(50% - 382px);
		/* top: 107px; */
		top: 70px;
		z-index: -1;
	}
	
	@supports (-ms-ime-align:auto) {
	  html:before, html:after {
		position:absolute;
	  }
	}

	html:before {
		background: url(/demo/lbv_theme/img/bg-left.jpeg) top right no-repeat;
		left: 0;
		z-index: -2;
	}
	html:after {
		background: url(/demo/lbv_theme/img/bg-right.jpeg) no-repeat;
		right: 0;
	}

}

@media (max-width: 780px) {
	#buy_block {
		height: auto;
	}

	#cms .long-txt {
		column-count: 1;
	}

	#cms .long-txt:before {
		display: none;
	}
		

}


@media (max-width: 750px) {

	#index .product-list {
		display: none;
	}

	.lg-screen {
		display: none;
	}
	
	#slider .slide-desc {
		width: 100%;
		position: relative;
		margin-bottom: 10px;
		height: 200px;
	}
	
	.slide-desc h1 {
		display: block;
	}

	#slider div#active {
		/* top: 210px; */
		left: 42%;
		bottom: 15px;
	}

	article#slider {
		max-width: none;
	}

	#slider article {
		height: auto;
	}

	#slider img {
		position: relative;
		width: 100%;
		height: auto;
	}
	.block-container {
		display: block;
		margin-bottom: 0;
	}
	
	.block-container>[class*=bl-] {
		display: block;
		width: 100%;
		margin-bottom: 7px;
	}
	
	.video-cartouche video {
		float: none;
	}

	.press-item {
		padding-top: 12%;
		padding-bottom: 12%;
		height: auto;
	}
	.press-item>* {
		max-width: 160px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	td, th {
		margin-top: 0;
	}
	td {
		border: none;
	}

	tr {
		border-bottom: solid 4px;
	}
		
	.footer {
		display: block;
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer>li {
		display: inline-block;
		margin-bottom: 5px;
		margin-top: 5px;
		padding-right: 3px;
		padding-left: 8px;
	}
		
	.nav-products {
		display: block;
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.nav-products>li, .nav-products>li.nav-cat-66, .nav-products>li.nav-cat-21 {
		display: inline-block;
		margin-bottom: 5px;
		margin-top: 5px;
		padding-right: 5px;
		padding-left: 8px;
	}
	
}
@media (max-width: 680px) {

	.bg-img {
		font-size: 2em;
	}
	
	.header {
		padding: 0;
		height: auto;
		background-repeat: no-repeat;
		background-position-x: center;
	}
	
	.header .logo {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		left: 0;
	}
	
	ul.presentation-links {
		position: relative;
		text-align: left;
		left: 0;
		top: 0;
		border-top: solid white 8px;
		padding-top: 30px;
		padding-left: 30px;
		height: 170px;
	}
	
	ul.user-links {
		position: relative;
		float: right;
		margin-top: 25px;
		right: 35px;
	}

	li.social-networks {
		position: absolute;
		bottom: -50px;
		right: 0;
		z-index: 1;
	}
		
	li.newsletter-container form.newsletter {
		margin-right: 15px;
		z-index: 3;
	}
	
	#slider div#active {
		/* top: 250px; */
	}
	#slider .slide-desc {
		height: 210px;
	}
	
}

@media (max-width: 420px) {

	#slider .slide-desc {
		height: 255px;
	}

}


@media (max-width: 639px) {
	body table td, th.cart_description, td.cart_description {
		width: 100% !important;
	}
	
	.row, .row>* {
		display: block;
		width: 100%;
	}
	
}



@media (max-width: 290px) {
	
	/*
	body>*:not(#header) {
		zoom: .97;
	}
	*/
	
	#slider div#active {
		/* top: 315px; */
		left: 40%;
	}
	#slider .slide-desc {
		height: 350px;
	}
	
}
*/


@media (max-width: 777px) {
	body {
		padding-bottom: 68px;
	}
}

@media (max-width: 750px) {
	body {
		padding-bottom: 44px;
	}
}
@media (max-width: 668px) {
	body {
		padding-bottom: 68px;
	}
}
@media (max-width: 410px) {
	body {
		padding-bottom: 92px;
	}
}
@media (max-width: 350px) {
	body {
		padding-bottom: 90px;
	}
}
@media (max-width: 280px) {
	body {
		padding-bottom: 116px;
	}
}
@media (max-width: 266px) {
	body {
		padding-bottom: 129px;
	}
}