*, *:after, *:before { padding: 0; margin: 0; -webkit-touch-callout: none; -webkit-user-select: text; -khtml-user-select: none; -moz-user-select: text; -ms-user-select: none; -webkit-box-sizing:none; -moz-box-sizing: border-box; outline:0; box-sizing: box-sizing:inherit; -webkit-appearance: none; -webkit-overflow-scrolling:touch; } 



/* selection text & scrollbar */

::selection { background: #282828; /* WebKit/Blink Browsers */ color:#fff; }
::-moz-selection { background: #282828; /* Gecko Browsers */ color:#fff; }

/* Let's get this party started */
::-webkit-scrollbar { width: 8px; }
 
/* Track */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px rgba(255,255,255,1); -webkit-border-radius: 0px; border-radius: 0px; }
 
/* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background: rgba(210,210,210,1); -webkit-box-shadow: inset 0px rgba(255,255,255,1); }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,255,255,1);  }
::-webkit-scrollbar-corner       {  background: rgba(60,60,60,1); }

body { 
color:#282828; 
padding: 0px; 
margin: 0px; 
border: 0px; 
font-size:11px; 
font-family:"pt_sans_captionregular", sans-serif;  
background:#fff; 
letter-spacing:0em;
overflow-x:hidden;
scrollbar-arrow-color: #fff; 
scrollbar-track-color: #e1e1e1;
}




.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1; }
html, body { height: 100%; box-sizing:border-box}
.identifiant {text-align:center;} 
img, object, embed { border: 0px none;}



a { text-decoration: none; color:#282828; outline:0;} 
a:hover, a:checked { text-decoration: none; color:#e0ccb4; outline:0;}
a::after{ text-decoration: none; color:#e0ccb4; color:transparent; overflow:hidden; visibility:hidden; outline:0;}
a:focus { outline:0; }
a img {border: 0; outline:0;}

span, p {line-height:1.8em;}






/* NEWS GRID */
span.newstitle { font-family: "DietDidotTitle", "Arial", sans-serif; font-size: 25px; }
span.infonews {font-size: 10px; }
.readnews  { font-family: "Raleway Webfont Extrabold", "Arial", sans-serif; font-size: 10px; position:absolute; bottom:30px; right:45px;}
.arrownews { font-family: "Raleway Webfont Extrabold", "Arial", sans-serif; font-size: 10px; position:absolute; bottom:30px; right:20px; padding:0; margin:0;}

/* Header */ 
.linkright {  color:#282828; }

/* legal / stockist / Magazine*/
.legaltitle { height:auto; font-family:"Raleway Webfont Extrabold", "Arial", sans-serif; height:auto; margin:0; text-align:center; }
.magtitle { height:auto; font-family:"Raleway Webfont Extrabold", "Arial", sans-serif; height:auto; margin:0; text-align:center; }
.stockisttitle { height:auto; font-family:"Raleway Webfont Extrabold", "Arial", sans-serif; height:auto; margin-left: 20px; text-align:left; }
.newslettertitle { height:auto; font-family:"Raleway Webfont Extrabold", "Arial", sans-serif; height:auto; margin-left: 0px; text-align:center; }


/* Menu */
.footerlinks {  color:#fff; }
.footerlinks:hover {  color:#e0ccb4; }






/* Header */ 
.header { width: 100%; height: 72px; overflow: hidden; position: fixed; top: 0; left: 0; border:1px solid #f1f1f0; z-index: 999; background-color: #fff; opacity:1; -webkit-transition: height 1s; -moz-transition: height 1s; -ms-transition: height 1s; -o-transition: height 1s; transition: height 1s; }


.header .leftcolumn { display: inline-block; float: left; margin-left:20px; }
.header .leftcolumn a, .c-button { line-height:72px; margin-left: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.header .rightcolumn { display: none; float: right; }
.header .rightcolumn a { line-height:70px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }






.header .logocolumn { display: inline; width:100%; margin:0px auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.logoicon {margin:0 auto; text-align:center; background:none; font-family: "DietDidotTitle", "Arial", sans-serif; font-size: 55px;
padding-top:5px; display:block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

a.logoicon2 span { 
line-height:1.2em;   
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}



a.logoicon, a.logoicon2 span { color:#282828;}

.header.smaller { height: 52px; }
.header.smaller .rightcolumn { display: inline-block; float: right; margin-right:20px; }
.header.smaller .leftcolumn a, .header.smaller .rightcolumn a, .header.smaller div#c-button--push-left.c-button { line-height: 50px; }

.header.smaller .logoicon {margin:0 auto; text-align:center; background:none; font-family: "DietDidotTitle", "Arial", sans-serif; font-size: 0px;
padding-top:3px; display:block;  }


.header.smaller .logoicon2 { margin:0 auto; text-align:center; background:none; font-family: "DietDidotTitle", "Arial", sans-serif; font-size: 40px; display:block; }

.mirror {    
display:inline-block; 
margin-left:-7.7px;
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}


.header.smaller .menuicon, .header.smaller .topicon { height:0; width:0px; }


@media (min-width:768px) { a.logoicon2  { margin-top: 10px; } }




/* Menu push left */

ul.c-menu__items { display: block; margin: 0 auto; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; }

li.c-menu__item { position: relative; top: 40%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); }

.c-button:hover { color:#e0ccb4; } 
a.c-menu__link:hover { color:#e0ccb4; }

.c-button,.c-menu__close { -moz-appearance:none; appearance:none; border-radius:none; -webkit-appearance:none; box-shadow:none; cursor:pointer; }

.c-button:focus,.c-menu__close:focus { outline:0 }

.c-mask, .c-menu { position:fixed; }

.o-wrapper { transition:transform .3s }

.c-menu,.o-wrapper { -webkit-transition:-webkit-transform .3s; }

.c-menu { z-index:200; background-color:#282828; transition:transform .3s;  }

.c-menu__items { list-style:none; margin:0; padding:0; }

.c-menu--push-left { width:100%;height:100%;overflow-y:hidden }

.c-menu--push-left .c-menu__item { display:block; text-align:center;}

.c-menu--push-left .c-menu__item:first-child { border-top:none }

.c-menu--push-left .c-menu__item:last-child:last-child { border-bottom:none }

.c-menu--push-left .c-menu__link { display:block; padding-left:20px; margin-bottom:20px; padding-top: 0px; color:#fff; text-align:left; }

.c-menu--push-left .c-menu__close { display:block; padding-left:0px; padding-top: 0px; width:100% }

.c-menu--push-left { top:0;left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%) }

.c-menu--push-left.is-active { -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); }

.c-mask,body.has-active-menu { overflow:hidden }

.o-wrapper.has-push-left { -webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%) }

.c-mask { z-index:100;top:0;left:0;width:0;height:0;background-color:#282828;opacity:0;-webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;transition:opacity .3s,width 0s .3s,height 0s .3s }

.c-mask.is-active { width:100%;height:100%;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s }




/* NEWS GRID */

img { width:100%; height:auto; }
.imgstylefirst { max-width:1448px; width:100%; margin:0px auto 0px auto; display : table-cell; padding: 0px 0px 0px 0px; }
.imgstyle { max-width:1448px; width:100%; margin:0px auto; display : table-cell; padding: 0px 0px 0px 0px; }
.creditstyle { max-width:1448px; width:100%; margin:0px auto; padding-left:0px;  padding-bottom:40px; }
.creditstyleempty { max-width:1448px; width:100%; margin:0px auto; padding-left:0px;  padding-bottom:60px; }
.creditstyleemptylast { max-width:1448px; width:100%; margin:0px auto; padding-left:0px;  padding-bottom:0px; }
.creditstylelast { max-width:1448px; width:100%; margin:0px auto; padding-left:0px;  padding-bottom:0px; }




.flip {  display: none; color: #282828; float:left; height: auto; }
.flipper { margin-top: 20px; clear: left; height: auto; }
.flipper:hover{ color:#e0ccb4; cursor: pointer }

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#maincolumn  {background:#fff; height:100%; width: 100%; padding:95px 0 0; box-sizing:border-box;}
#left  {float:right; height:100%; width:600px; padding:0px 0px 0px 30px; overflow-y:scroll; overflow-x:hidden;}
#right {padding:0px 0px 0px 20px; height:100%; overflow-y:scroll; overflow-x:hidden;}
.menufooter { font-size:11px }





/* VIDEO VIMEO & YOUTUBE */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lazyvideo  { padding-left:20px; }


div.shopsense-widget  { margin: 0 auto; text-align: center; }



/* LIGHTBOX NEWS */

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(40,40,40,.9);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index:999999999;
left: 0px;
}


/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 0px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,0);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
padding:30px;
z-index:999999999;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: none;
color: white;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: white;
position: absolute;
left: 6px;
top:20px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 2px;
background: #c0c0c0;
position: absolute;
left: 6px;
top:20px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
visibility: visible;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target { opacity: 1; top: 0; bottom: 0;}

.lightbox-target:target img { max-height: 90%; max-width: 90%; }

.lightbox-target:target a.lightbox-close {top: 0px; }

img.fullscreen { width:auto; }












/* Popup newsletter */

#closenews { position:fixed; top:40px; right:20px; padding: 0px 40px 0px 0px; margin: 0px; font-size:25px; font-family: "Raleway Webfont Light";}


.CoverPop-open, 
.CoverPop-open body {  overflow: auto; -webkit-font-smoothing: subpixel-antialiased; }


#CoverPop-cover {
display: none;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 999999999;
-webkit-animation: fade-in .25s ease-in;
-moz-animation-name: fade-in .25s ease-in;
-ms-animation-name: fade-in .25s ease-in;
-o-animation-name: fade-in .25s ease-in;
animation-name: fade-in .25s ease-in;
overflow: scroll;
padding: 0px 20px 20px 20px;
}


.CoverPop-open #CoverPop-cover {display: block; }

@-webkit-keyframes fade-in {
0% { opacity: 0; }
25% { opacity: 0; }
100% { opacity: 1; }
}





.splash { background-color: rgba(40, 40, 40, 0.9); }
.splash-center { text-align: center; width: 90%; max-width: 500px; padding: 0px; background: none; margin: 0% auto 0%; border: 0px solid #f1f1f0; }





a.popuplink, #closepopuplink { color:#fff; }
a.popuplink:hover, #closepopuplink:hover { color:#e0ccb4; }




/* newsletter */
.error-message, .error-message2 { color:red; padding:10px; display:none; text-align:left;}


input.modif {
background: #fff;
border-bottom: 1px solid #fff; 
border-top: 1px solid #eee; 
border-left: 1px solid #eee; 
border-right: 1px solid #eee; 
color:#282828;
max-width:400px;
height:auto;  
-webkit-appearance: none;
}

#page-table { height: 100%; width: 100%; border-collapse: collapse; text-align: center; }

#page-td { height: 100%; padding: 0; vertical-align: middle; }

#formstyle  { max-width:320px; width:100%; text-align: center; margin: 50px auto 0px auto;}
div#formstyle2 { text-align: center; margin: 20px auto; }
.formstyle  { max-width:320px; width:100%; text-align: center; padding-top: 15px; margin: 0px auto;}

 
/* Form */
input {width:90%; height: auto;  padding: 10px  0px; margin: 0 auto 20px auto; background: none; border-top:0px; border-right:0px; border-left:0px; border-bottom:1px solid #f1f1f0;border-radius: 0px; -webkit-appearance: none;}

input[type=submit] { 
cursor: pointer; 
max-width:300px; 
max-height: 50px; 
border-top:0px; border-right:0px; border-left:0px; border-bottom:1px solid #f1f1f0;
border-radius: 0px;
background-color: none; 
color:#5a5a5a; 
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
-o-transition: all .3s ease; 
transition: all .3s ease; 
-webkit-appearance: none;
}



.side {box-sizing: border-box;display: inline-block;text-align: center;}


input[type=text], input[type="email"], textarea {
@include transition(all 0.30s ease-in-out);
outline: none;
padding: 0px;
margin: 0px;
width: 100%;
-webkit-appearance: none;
}


input[type="submit"] {
@include transition(all 0.30s ease-in-out);
outline: none;
padding: 0px;
margin: 0px;
text-align: center;
width: 100%;
-webkit-appearance: none;
}


input[type=text]:focus, input[type="email"]:focus, textarea:focus {
@include box-shadow(0 0 5px rgba(230, 230, 230, 1));
color:#5a5a5a;
padding: 0px;
margin: 0px;
-webkit-appearance: none;
}

/* social */
.social { overflow: auto; display: block; }
.socialicon { float: left; }





























/* language button + close button */

[role=navigation] { width: auto; float: left; padding:15px 0px 0px 0px}
[role=complementary] { width: auto; float: right; padding:15px 5px 0px 15px}
[role=navigation] ul {padding-left:0;}
[role=navigation] td {vertical-align:top; float:left; margin-top: 0px; padding: 15px 5px 0px 0px}
[role=navigation] li {list-style: none;}

section [role=navigation], section [role=complementary], section [role=main] { display: table-cell; padding: 6px 12px; }
[role=banner] { padding: 6px 12px; font-weight: bold; }

#fr { display:none; margin: 25px 0px 40px 0px;}
#en { display:block; margin: 25px 0px 40px 0px;}






/* STOCKIST */
.grid { @include clearfix; margin: 0px 20px; padding-bottom: 70px; }
.grid-unit { box-sizing: border-box;  vertical-align:middle; height:90px; float: left; margin-right: 40px; margin-bottom: 30px; width: 100%; padding:0;}



.stockistflip {  display: none; color: #282828; float:left;}
.stockistflipper { cursor:pointer; line-height:3.5em;} 
.stockistflipper:hover { color:#e0ccb4;} 


// WARNING : don't forget to prefix Flexbox for older browsers!

// LESS part from now ...
// config breakpoints (choose unit you prefer)
@tiny-screen			: 650px; // tiny screens media query (less than 480px)
@small-screen			: 1200px; // screens between 481px and 768px
@medium-screen			: 1200px; // screens between 769px and 1024px
@large-screen			: 1280px; // screens between 1025px and 1280px

@gutter: 1em;
@number: 4; // for equal columns
@left: 2; // left side of uneven columns
@right: 1; // right side of uneven columns


// grid styles for container wich has a .grid(n,g) class
// n = number of columns (default = 4)
// g = gutter value (default = 1em)
// example : .grid-container { .grid(12, 10px); }

/* grid container */
[class*="grid-"] { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -@gutter; letter-spacing: -0.31em; text-rendering: optimizespeed; }

/* grid childs */
[class*="grid-"] > * { flex: 0 0 auto; width: ~'calc(100% * 1 / @{number} - @{gutter} - .01px)'; margin-left: @gutter; display: inline-block; vertical-align: top; letter-spacing: normal; text-rendering: auto; }

.grid(@number:@number, @gutter:@gutter) { 
& > * { width: ~'calc(100% * 1 / @{number} - @{gutter})'; }
& > .flexitem-double { width: ~'calc(100% * 2 / @{number} - @{gutter})'; }
& > .flexitem-first { order: -1; }
}

/* examples */

[class*="grid-2"] { .grid(2); }
[class*="grid-3"] { .grid(3); }
[class*="grid-4"] { .grid(4); }
[class*="grid-5"] { .grid(5); }
[class*="grid-6"] { .grid(6); }
[class*="grid-7"] { .grid(7); }
[class*="grid-8"] { .grid(8); }
[class*="grid-10"] { .grid(10); }
[class*="grid-12"] { .grid(12); }


/* Responsive grid */
/* "small-2" = 2 columns when small screen */
@media (max-width: @small-screen) {
[class*="-small-4"] > * { width: ~'calc(100% * 1 / 4 - @{gutter})'; }
[class*="-small-4"] > .flexitem-double { width: ~'calc(100% * 1 / 2 - @{gutter})'; }
[class*="-small-3"] > * { width: ~'calc(100% * 1 / 3 - @{gutter})'; }
[class*="-small-3"] > .flexitem-double { width: ~'calc(100% * 2 / 3 - @{gutter})'; }
[class*="-small-2"] > * { width: ~'calc(100% * 1 / 2 - @{gutter})'; }
[class*="-small-2"] > .flexitem-double { width: ~'calc(100% - @{gutter})'; }
[class*="-small-1"] > * { width: ~'calc(100% - @{gutter})'; }
[class*="-small-1"] > .flexitem-double { width: ~'calc(100% - @{gutter})'; }
}

/* "tiny-1" = 1 column when tiny screen */
@media (max-width: @tiny-screen) {
[class*="-tiny-2"] > * { width: ~'calc(100% * 1 / 2 - @{gutter})'; }
[class*="-tiny-2"] > .flexitem-double { width: ~'calc(100% - @{gutter})'; }
[class*="-tiny-1"] > * { width: ~'calc(100% - @{gutter})'; }
[class*="-tiny-1"] > .flexitem-double { width: ~'calc(100% - @{gutter})'; }
}

// grid styles for container wich has a .uneven-grid(l,r,g) class
// left = left ratio column (default = 2)
// right = right ratio column (default = 1)
// gutter (default = 1em)
// example : .grid-container { .uneven-grid(2, 1, 10px); }
.uneven-grid(@left:@left, @right:@right, @gutter:@gutter) { 
	
& > *:nth-child(odd) {  @size: (@left / (@left + @right)) * 100%; width: ~'calc(@{size} - @{gutter})'; }
& > *:nth-child(even) { @size: (@right / (@left + @right)) * 100%; width: ~'calc(@{size} - @{gutter})'; }

@media (max-width: @tiny-screen) {
& > *:nth-child(n) { width: ~'calc(100% - @{gutter})'; }
}
}


/* examples */

.grid-2-1 { .uneven-grid(2,1); }
.grid-1-2 { .uneven-grid(1,2); }
.grid-3-1 { .uneven-grid(3,1); }
.grid-1-3 { .uneven-grid(1,3); }
.grid-3-2 { .uneven-grid(3,2); }
.grid-2-3 { .uneven-grid(2,3); }
.grid-4-1 { .uneven-grid(4,1); }
.grid-1-4 { .uneven-grid(1,4); }


/* deco */


[class*="grid-"] > div { width:300px; margin-bottom: 50px; padding: 2em; border: 0em; color: #282828; background-color: #fff; }



@media (max-width: 610px) { 
[class*="grid-"] > div { min-width:100%; }
}














/* MAGAZINE */
input.paypal_btn{
display: inline-block;
font-size: 12px;
color: #e0ccb4;
max-width: 180px;
max-height:40px;
text-align: center;
padding: 10px 20px;
margin: 0;
background: #FFF;
border: 1px solid #e0ccb4;
cursor: pointer;
outline: none;
}

.bloc { width:180px; height:40px; }
.emptybloc { padding: 0px 5px; height:0px; }


/* Link digital */
.col1digital { float:left; width:44%; text-align:right; height:100%;  display: block;} 
.col2digital { float:left; width:12%; text-align:center; height:100%; display: block;}
.col3digital { float:left; width:44%; text-align:left; height:100%;  display: block;}


@media all and (max-width: 768px) {
.col1digital, .col3digital { width:100%; text-align:center;}
.col2digital { display:none;}
}



/* NEWSLETTER BY EMAIL */
table.newsletter   { width:900px; width:100%; margin: 0 auto;}
caption.newsletter { max-width:900px; width:100%; margin: 0 auto; }
td.newsletter      {text-align: left; width:400px; }

hr.newsletter {
margin:0px 0px 30px 15px;
position:relative;
text-align:left;
border: 0; 
height: 0; 
width:30px;
border-top: 1px solid #ede5d6; 
border-bottom: 1px solid rgba(255, 255, 255, 0); }

.singleimg {  margin: 0; padding-top: 0px; text-align: left; padding-bottom:100px;  width:100%; }
.singleimgbig {  margin: 0; padding-top: 0px; text-align: left; padding-bottom:100px;  width:100%; }










/* share icon */
img.shareicon { margin:0px 10px 50px 10px; width:16px; height:16px; max-width:16px; max-height:16px; }
.fb-like { line-height: 0.7; display: inline-block; }

.textfanpage, ._1drm._1b90, ._1drm._1ds4 { border:0px solid #e9eaed; }
.textfanpage { background: none; opacity: 0.99; max-width: 300px; margin: -175px auto 0 auto; z-index: 9998; }
.shareposition { margin:20px auto 0px auto; width:100%; text-align:center; }
.instagram, .facebook, .twitter, .pinterest { margin-top:10px; margin-bottom:10px; text-align:center; }
.tumblr, .vimeo { margin-top:10px; margin-bottom:0px; text-align:center; }


/* Footer */
#contentfooter { min-height: 100%; margin-bottom: -30px; /* Equivalent to footer's height */ }

.spacer, #footer { height: 30px; }

#footer { position: relative; z-index: 1; text-align:center; }


/* Hr */
hr.style-line {
margin: 10px auto 30px auto;
position:relative;
border: 0; 
height: 0; 
width:30px;
border-top: 1px solid #ede5d6; 
border-bottom: 1px solid rgba(255, 255, 255, 0); }

hr.magazine {
margin: 10px 0 30px 0;
position:relative;
border: 0; 
height: 0; 
width:30px;
border-top: 1px solid #ede5d6; 
border-bottom: 1px solid rgba(255, 255, 255, 0); }



hr.gridnews {
margin:10px 0px 30px 0px;
position:relative;
text-align:left;
border: 0; 
height: 0; 
width:30px;
border-top: 1px solid #ede5d6; 
border-bottom: 1px solid rgba(255, 255, 255, 0); }



hr.gridstockist {
margin: 0px 0px 30px 20px ; 
text-align: left; 
position:relative;
border: 0; 
height: 0; 
width:30px;
border-top: 1px solid #ede5d6; 
border-bottom: 1px solid rgba(255, 255, 255, 0); }









/* RSS */
rss {
display: block;
font-family: verdana, arial;
}
title {
display: block;
margin: 5px;
padding: 2px;
color: gray;
border-bottom: 1px solid silver;
}
link {
display: block;
font-size: small;
padding-left: 10px;
}
item {
display: block;
padding: 2px 30px 2px 30px;
}
docs {
display: block;
background-color: #ffffe6;
margin: 20px;
text-align: center;
padding: 5px;
color: #7f7f7f;
border: 1px solid silver;
}
/* all hidden elements */
language, lastBuildDate, ttl, guid, category, description, pubDate {
display: none;
}






/* selection news */

h1.titleselect { text-align:center; padding-top:400px; line-height:0px;}
p.littletitleselect { text-align:center; padding:35px 0px 200px 0px;}

h2.lineoneright { margin-top: 320px; margin-left:-150px; }
h2.linetworight { margin-top:-30px;  margin-left:-50px; }
h2.lineoneleft  { margin-top: 320px; margin-left:0px; }
h2.linetwoleft  { margin-top:-30px;  margin-left:50px; }

p.creditleft { margin-top: -20px; margin-left: 50px;}
p.creditleftlineone { margin-top: -20px;   margin-left: 0px;}

p.creditright { margin-top: -20px; margin-left:-50px;}
p.creditrightlineone { margin-top: -20px;  margin-left:-145px;}





.cbp-so-scroller { margin-top: 3em; overflow: hidden; }

.cbp-so-section { margin-bottom: 15em; }


.cbp-so-section:before, .cbp-so-section:after { content: " "; display: table; }

.cbp-so-section:after { clear: both; }


.cbp-so-side { width: 45%; float: left; margin: 0; padding: 3em 0%; min-height: 12em; -webkit-transition: -webkit-transform 0.9s, opacity 0.5s; -moz-transition: -moz-transform 0.9s, opacity 0.5s; transition: transform 0.9s, opacity 0.5s; }




.cbp-so-side:before, .cbp-so-side:after { content: " "; display: table; }

.cbp-so-side:after { clear: both; }

.cbp-so-side-right { text-align: left; }

.cbp-so-side-left { text-align: left; }

img.imgbackground { z-index:1; }

.cbp-so-side-right img { float: left; padding-right: 2000px; background: #fff;}

.cbp-so-side-left img { float: right; padding-left: 2000px; padding-right:50px; background: #fff;}


.cbp-so-init .cbp-so-side { opacity: 0; }

.cbp-so-init .cbp-so-side-left { -webkit-transform: translateX(-80px); -moz-transform: translateX(-80px); transform: translateX(-80px); }

.cbp-so-init .cbp-so-side-right { -webkit-transform: translateX(80px); -moz-transform: translateX(80px); transform: translateX(80px); }


.cbp-so-section.cbp-so-animate .cbp-so-side-left, .cbp-so-section.cbp-so-animate .cbp-so-side-right 
{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px);transform: translateX(0px); opacity: 1; }




/* editor's note */
.mid { max-width:1900px; width:100%; margin: 150px auto 0px auto;}

.midall { padding: 20px 80px;}  

.allinfo {margin-top:20px;}

.dessus, .dessous { box-sizing:border-box; border: 0px solid #eee; margin-bottom: 0px; float:left; }

.dessus{ background:#fff; float: right; text-align:left; width:40%; margin-top:30px;}

.dessous{ background:#fff; text-align:left; width:60%; padding-bottom: 15px;}



/* adresse mail page contact */
.leftone, .rightone { box-sizing:border-box; border: 0px solid #eee; margin-bottom: 0; width:50%; float:left; }
.leftone {text-align:right; padding-right:20px;}
.rightone {text-align:left; padding-left:20px;}



/* MEDIAQUERIES */
@media (max-width: 1173px) { 
.cbp-so-scroller { font-size: 65%; }
.cbp-so-section h2 { margin: 0; }
.cbp-so-side img { max-width: 120%; }
}


@media (max-width: 1400px) { 
#right {padding:0px 0px 0px 0px;}
.lazyvideo  { padding-left:0px; }
#maincolumn  {padding:95px 15px 0 20px;}
.imgstylefirst, .imgstyle { padding: 0px; }
#left {margin-top:50px; padding:0px;} 
#left, #right {width: 100%; float:left; height:auto; overflow-y:hidden;}

h2.lineoneright { margin-top: 0px;  margin-left:50px; text-align:left;}
h2.linetworight { margin-top:-30px; margin-left:50px; text-align:left;}
h2.lineoneleft  { margin-top: 0px;  margin-left:50px; text-align:left;}
h2.linetwoleft  { margin-top:-30px; margin-left:50px; text-align:left;}


p.creditleft { margin-top: -20px;  margin-left:50px; text-align:left;}
p.creditleftlineone { margin-top: -20px;  margin-left:50px; text-align:left;}
p.creditright { margin-top: -20px;  margin-left: 50px; text-align:left;}
p.creditrightlineone { margin-top: -20px;  margin-left:50px;text-align:left;}

.cbp-so-side-right, .cbp-so-side-left { text-align: center; }

img.imgbackground { background:#fff;  width:100%;}
.cbp-so-side-right img, .cbp-so-side-left img { float: none; padding:0px; background: #fff;}
figure.cbp-so-side.cbp-so-side-left, figure.cbp-so-side.cbp-so-side-right { background: #fff;}
.cbp-so-side { float: none; width: 100%; }
.cbp-so-side img { max-width: 100%; }
    
div.shopsense-widget  { margin: 0; text-align: left; }
}







@media (max-width: 1024px) { 
[role=navigation] { float:none; width:auto; margin:0 ;}
[role=navigation] td { float:none; width:auto; }
#en { display:block; margin: 0px 0px 80px 0px;}
}





@media (max-width:940px) and (min-width:889px) { span.infonews { font-size: 0px; } }

@media (min-width: 889px) {   #adtwo { display:none; width:0px; height:0; float:right; } }

@media (max-width: 889px) { #adthree {display: none; width:0px; height:0; float:right; } }






@media screen and (max-width: 800px) {
h1.titleselect { text-align:center; padding-top:400px; line-height:100px;}

p.littletitleselect { max-width:420px; text-align:center; padding:0px 20px 200px 20px; margin:0px auto;}

}







@media (max-width: 768px)  {
	
h1.titleselect {font-size: 100px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 150px; }

.logoicon { font-size:0px; width:0px; height:0px; background: none; display:block;}

.logoicon2 { margin: 10px auto 0 auto; text-align:center; background:none; font-family: "DietDidotTitle", "Arial", sans-serif; font-size: 40px;
padding-top:0px; display:block; }

.header.smaller a.logoicon2 span { line-height:1.2em; }

.leftcolumn   { color:#fff; font-size:0px; height: 100%; width:16px; background: url("../css/menu/menu.svg") no-repeat left center; display:block; float: left; margin-left: 20px; }
.leftcolumn:hover   { background: url("../css/menu/menugold.svg") no-repeat left center; }

.rightcolumn  {height: 100%; width:16px; background: url("../css/menu/top.svg") no-repeat right center; display:block;  float: right; margin-right: 20px;}
.rightcolumn:hover  { background: url("../css/menu/topgold.svg") no-repeat right center;}

.linkright {  color:transparent; font-size:16px; }
.linkright:hover {  color:transparent; font-size:16px; }
}





@media screen and (min-width: 750px)  { .home-features .grid-unit { width: 33%; }}





@media (max-width: 730px)  {h1.titleselect {font-size: 95px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 130px; }}






@media (max-width: 660px) { #carbonads { display:none } }






@media (max-width: 630px)  {
h1.titleselect {font-size: 85px; line-height:80px;} h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 110px;  margin-top:0px;} h2.linetworight, h2.linetwoleft {font-size: 110px;  margin-top:-20px;} 
p.creditleft, p.creditleftlineone, p.creditright, p.creditrightlineone { margin-top: -20px; } 	
h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft , p.creditleft, p.creditleftlineone, p.creditright, p.creditrightlineone { margin-left:20px; }
#formstyle2 { width:100%; text-align: center; margin: 20px auto 0px auto; padding-top:30px; top: 0;}
#page-table { height: 95%; }
}





@media (max-width: 600px) { 
hr.magazine {margin: 10px auto 30px auto; }

td.newsletter { display:block; margin:0 auto; width:100%; max-width:400px;}
.singleimg { margin: 0 auto; width:100%; text-align:center;}
.singleimgbig {  text-align:center; }

.leftone, .rightone, .adresscode  { width: 100%; text-align: center; padding-right:0px; padding-left:0px;}

hr.newsletter { margin:0px auto 30px auto; }

hr.gridstockist { margin: 0px auto 30px auto ; } 
#closenews { position:relative; top:40px; right:20px; padding: 0px 20px 0px 0px; margin: 0px; text-align:right;}
}





@media screen and (min-width: 600px)  { .home-features .grid-unit { width: 44%;   }}






@media (max-width:600px) and (min-width:444px) { span.infonews { font-size: 0px; } input.paypal_btn{ font-size: 10px; }}





@media (max-width: 599px)   { 
.stockistflip, .stockistflipper { text-align:center; float:none; margin-left:0px;} 
hr.gridstockist { margin: 15px auto 30px auto; } 
.stockisttitle { margin-left: 0px; }
stockisttitle:hover {color:#e0bbc4; }  
}





@media (max-width: 533px)  {h1.titleselect {font-size: 75px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 90px; } h2.linetworight, h2.linetwoleft {font-size: 110px;  margin-top:-10px;} p.creditleft, p.creditleftlineone, p.creditright, p.creditrightlineone { margin-top: -10px; } }





@media (max-width: 500px)   { 
.bloc, .emptybloc { display:inline-block; width:180px; height:40px; margin: 0 auto 0px auto; text-align:center;} 
.emptybloc {  padding: 0px; height:0px; }
table#fullblock { text-align:center; margin:0 auto;}
}




@media (max-height: 500px) { 
#formstyle2 { width:100%; text-align: center; margin: 20px auto 0px auto; padding-top:60px; top: 0;} 
input.paypal_btn{ font-size: 9px; }
} 





@media all and (max-height:480px) { 
.c-menu__items { font-size:7px;}
.c-menu__close { color:#fff;  font-size:7px; margin:0; padding:0; display:none; position: fixed; top:10px; cursor:pointer;}
.c-menu__close:hover { color:#e0ccb4; }
.menufooter, .menutext { font-size:7px; line-height:0px; padding-bottom:0; margin-bottom:0;  }

li.c-menu__item { font-size:8px; position: relative; top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 
} 





@media (max-width: 450px)  {
h1.titleselect {font-size: 70px; line-height:70px;} h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 70px; }
.c-menu__items { font-size:7px;}

.menufooter, .menutext { font-size:7px; line-height:0px; padding-bottom:0; margin-bottom:0;  }
.menutextdesign { font-size:0px; line-height:0px; padding-bottom:0; margin-bottom:0; }
.c-menu--push-left .c-menu__link { margin-bottom:10px; }

.c-menu__close { color:#fff;  font-size:7px; margin:0; padding:0; display:none; position: fixed; top:10px; cursor:pointer;}
.c-menu__close:hover { color:#e0ccb4; }
.c-menu--push-left { width:450px } 
.o-wrapper.has-push-left { -webkit-transform:translateX(450px); -ms-transform:translateX(450px); transform:translateX(450px) }
}




@media all and (min-width:450px) { 
.c-menu__close { color:#fff; font-size:0px;  height:0; margin:0; padding:0; position:fixed}
.c-menu--push-left { width:300px } 
.o-wrapper.has-push-left { -webkit-transform:translateX(300px); -ms-transform:translateX(300px); transform:translateX(300px) }
}





@media screen and (max-width: 400px)  { .grid-unit { margin-right: 0px; } input.paypal_btn{ font-size: 8px; }}
@media screen and (min-width: 400px)  { .grid-unit { margin-right: 0px; } .home-features .grid-unit { width: 100%; } }




@media (max-width: 350px)  {h1.titleselect {font-size: 65px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 60px; }}



@media all and (max-width:320px) { span.infonews { font-size: 0px; }  }



@media (max-width: 300px)  {h1.titleselect {font-size: 60px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 50px; }}




@media all and (max-height:300px) { 
.c-menu__items { font-size:8px;}
.c-menu__close { color:#fff;  font-size:8px; margin:0; padding:0; display:none; position: fixed; top:10px; cursor:pointer;}
.c-menu__close:hover { color:#e0ccb4; }

li.c-menu__item { font-size:8px; position: relative; top: 25%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } } 




@media (max-width: 250px)  {h1.titleselect {font-size: 55px; } h2.lineoneright, h2.linetworight, h2.lineoneleft, h2.linetwoleft {font-size: 50px; }}