/*
	Theme Name: La Majorette
*/


/* Règles CSS */
@charset "utf-8";
@keyframes beat{
	to { transform: scale(1.4); }
}


/* Reset balises HTML */
*{margin:0; padding:0;}
html, body{height:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
a{text-decoration:none;}
a:hover{}
a img{border:0;}
input[type=text], input[type=password], input[type=submit], input[type=button], select, textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; border-radius:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:16px; color:#000;}
input[type=submit], input[type=button]{background:none; cursor:pointer;}
select::-ms-expand{display:none;}
h1{font-size:15px; font-weight:bold; text-transform:uppercase;}
h2{font-size:18px; font-weight:normal; text-transform:uppercase;}
input:focus, textarea:focus, keygen:focus, select:focus{outline:0;}
article, aside, figcaption, figure, footer, header, main, nav, section{display:block}


/* Classes génériques */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center !important;}
.txtright{text-align:right;}
.txtleft{text-align:left;}
.hidden{display:none;}
.vert{color:#ACCB41;}
.green{color:#006b26;}
.rose{color:#FF005D;}
.gris{color:#e2e2e2;}
.noir{color:#000000;}
.rouge{color:#FF0000;}
.gras{font-weight:bold;}
.majuscule{text-transform:uppercase;}
.fs12{font-size:12px;}
.haut100middle{display:inline-block; height:100%; vertical-align:middle;}
a.bt, input[type=submit].bt, input[type=button].bt{position:relative; display:inline-block; padding:12px; border:4px solid black; border-radius:6px; background-color:#fff; -webkit-transition:background-color 0.6s; transition:background-color 0.6s; font-family:'Roboto', sans-serif; font-size:14px; font-weight:500; font-style:normal; color:#000000; text-transform:uppercase; text-decoration:none; text-align:center; line-height:1; cursor:pointer;}
a.bt.black, input[type=submit].bt.black, input[type=button].bt.black{background-color:#000; color:#fff;}
a.bt.big, input[type=submit].bt.big, input[type=button].bt.big{width:calc(100% - 32px); line-height:26px;}
a.bt.facebook{background-color:#3364A3; color:#fff;}
a.bt.google{background-color:#EA4335; color:#fff;}
a.bt > span.icon{float:left; display:inline-block; width:26px; height:26px;}
@media (hover: hover){
	a.bt:hover, input[type=submit].bt:hover, input[type=button].bt:hover{background-color:#BEDBD7;}
}
.select{display:inline-block; vertical-align:middle;}
select{display:inline-block; vertical-align:middle; height:38px; padding:0 45px 0 5px; border:4px solid black; border-radius:6px; background:url(images/fond-select.png) #ffffff no-repeat; background-size:auto 14px; background-position:right 6px top 8px; font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#000; line-height:1; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.formfield-radio{position:relative; display:inline-block;}
.formfield-radio input[type="radio"]{position:absolute; top:0; left:0; visibility:hidden;}
.formfield-radio input[type="radio"], .formfield-radio input[type="radio"] + label{width:auto; display:inline-block; vertical-align:middle; cursor:pointer;}	
.formfield-radio input[type="radio"] + label{padding:0 4px 0 20px;}
.formfield-radio input[type="radio"] + label:before{position:absolute; top:0; left:0; display:inline-block; vertical-align:middle; width:20px; height:20px; content:" "; background: transparent url(images/radio-off.png) 0 0 no-repeat;}
.formfield-radio input[type="radio"]:checked + label:before{background:transparent url(images/radio-on.png) 0 0 no-repeat;}
@media screen and (max-width:600px){
	a.bt, input[type=submit].bt, input[type=button].bt{padding:6px; font-size:14px; line-height:14px;}
	a.bt{line-height:16px;}
	a.bt.big, input[type=submit].bt.big, input[type=button].bt.big{width:calc(100% - 20px);}
	a.bt > span.icon{padding-top:2px;}
	a.bt > span.icon > svg{height:22px;}
}


/* https://fonts.googleapis.com/css?family=Roboto:100,100i,300i,400,400i,500,500i,700 */
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v19/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v19/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* /fonts/CiutadellaRounded/style.css */
@font-face {
  font-family: 'Ciutadella Rounded';
  font-weight: bold;
  font-style: normal;
  src: local('Ciutadella Rounded Bold'), 
  	local('Ciutadella-Rounded-Bold'), 
	url('/fonts/CiutadellaRounded/CiutadellaRoundedBold.woff2') format('woff2'), 
	url('/fonts/CiutadellaRounded/CiutadellaRoundedBold.woff') format('woff');
}


/* Bouton remonter */
.topbt{position:fixed; right:20px; bottom:20px; z-index:10000; display:none; width:40px; height:40px; border-radius:4px; background-image:url(images/up.png); background-repeat:no-repeat; background-position:center center; background-color:#000000; -webkit-transition:background-color 0.6s; transition:background-color 0.6s;}
@media (hover: hover){
	.topbt:hover{background-color:#666666; -webkit-transition:background-color 0.6s; transition:background-color 0.6s;}
}


/* Lightbox */
.site-lightbox{display:none; position:relative; width:auto; padding:20px; background-color:#FFFFFF; box-shadow:3px 3px 10px #747379; overflow-y:auto;}
.site-lightbox .close{position:absolute; top:8px; right:8px;}
.site-lightbox.popupinfoliv{text-align:left;}
.site-lightbox.popupinfoliv a{color:#000000; text-decoration:underline;}
.site-lightbox.offre_bienvenue{width:600px; max-width:80%; padding:20px; border:4px solid black; border-radius:8px; background-color:#fff; text-align:center;}
.site-lightbox.offre_bienvenue .close{position:absolute; top:5px; right:5px;}
.site-lightbox.offre_bienvenue .fond{display:block; max-width:100%; height:auto;}
.site-lightbox.offre_bienvenue .titre1{padding-top:30px; font-size:70px; color:#FFFFFF; text-transform:uppercase; line-height:1;}
.site-lightbox.offre_bienvenue p{width:80%; margin:15px auto 0 auto; font-size:15px; line-height:1.5;}
.site-lightbox.offre_bienvenue .offre{font-size:30px; color:#bcfbe6; text-transform:uppercase; line-height:1; font-weight:bold;}
.site-lightbox.offre_bienvenue .offre .montant{font-size:90px; color:#bcfbe6; text-transform:uppercase; line-height:1; font-weight:500;}
.site-lightbox.offre_bienvenue .offre .montant sup{font-size:40px;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox{margin-top:15px; text-align:center;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .msgerr{display:none; padding:10px 0; color:#D51717; font-size:14px; font-weight:bold;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .msgok{display:none; padding:10px 0; color:#D51717; font-size:14px; font-weight:bold;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_text{display:none; margin-top:10px;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_text.mendatory{font-weight:bold;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_input{display:inline-block; vertical-align:middle;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_input input[type=text]{width:330px; padding-left:10px; height:36px; border:4px solid black; border-radius:6px;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_input select{}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_comment{display:inline-block; vertical-align:middle;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .captcha{display:none; margin-top:10px; text-align:center;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .captcha .obj{display:inline-block; vertical-align:middle;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .captcha .obj .imgcaptcha{width:140px; height:auto;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .captcha .input{display:inline-block; vertical-align:middle;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .captcha .input input[type=text]{width:50px; padding:7px; font-size:14px; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .submit{display:inline-block; vertical-align:middle;}
.site-lightbox.offre_bienvenue #form_newsletter_lightbox .submit input[type=submit]{width:40px; height:44px; border:4px solid black; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-left:-4px; background-color:#000000; color:#FFFFFF;}
@media screen and (max-width:430px){
	.site-lightbox.offre_bienvenue #form_newsletter_lightbox{bottom:2%;}
	.site-lightbox.offre_bienvenue #form_newsletter_lightbox .field_input input[type=text]{width:230px;}
}


/* Bloc acceptation cookies */
#cookies_consent{position:fixed; top:0; left:0; z-index:20000; display:none; width:100%; height:100%; background-color:rgba(93,102,107,0.8);}
#cookies_consent .content{position:absolute; bottom:0; left:0; width:100%; max-height:100%; overflow-y:auto; background-color:#fff;}
#cookies_consent .content .logo img{display:block; margin:auto;}
#cookies_consent .content .screen_infos_ok{padding:30px 60px;}
#cookies_consent .content .screen_infos_ok .texte{display:inline-block; vertical-align:bottom; width:calc(100% - 320px); margin-top:20px;}
#cookies_consent .content .screen_infos_ok .texte .titre{font-size:26px; font-family:'Ciutadella Rounded'; font-weight:600;}
#cookies_consent .content .screen_infos_ok .texte .detail{margin-top:20px; line-height:1.4;}
#cookies_consent .content .screen_infos_ok .bts{display:inline-block; vertical-align:bottom; width:300px; margin-top:20px; margin-left:20px;}
#cookies_consent .content .screen_infos_ok .bts .bt{display:block;}
#cookies_consent .content .screen_infos_ok .bts .bt + .bt{border:0; margin-top:10px;}
#cookies_consent .content .screen_infos_perso{display:none; padding:30px 60px;}
#cookies_consent .content .screen_infos_perso .item{display:block; width:800px; max-width:96%; margin:20px auto 0 auto; border-bottom:1px solid #000; padding-bottom:20px;}
#cookies_consent .content .screen_infos_perso .item .name{font-size:16px; font-weight:bold;}
#cookies_consent .content .screen_infos_perso .item .name svg{vertical-align:-1px;}
#cookies_consent .content .screen_infos_perso .item .desc{margin-top:5px;}
#cookies_consent .content .screen_infos_perso .item label{display:block; margin-top:5px;}
#cookies_consent .content .screen_infos_perso .bts{display:block; width:800px; max-width:96%; margin:20px auto 0 auto;}
#cookies_consent .content .screen_infos_perso .bts a + a{float:right;}
@media screen and (max-width:1200px){
	#cookies_consent .content .screen_infos_ok .texte{width:calc(100% - 220px);}
	#cookies_consent .content .screen_infos_ok .bts{width:200px;}
}
@media screen and (max-width:900px){
	#cookies_consent .content .screen_infos_ok{padding:30px;}
	#cookies_consent .content .screen_infos_ok .texte{width:100%;}
	#cookies_consent .content .screen_infos_ok .bts{width:100%; margin-left:0;}
	#cookies_consent .content .screen_infos_ok .bts .bt{display:inline-block;}
	#cookies_consent .content .screen_infos_ok .bts .bt + .bt{margin-top:0; margin-left:20px;}
	#cookies_consent .content .screen_infos_perso{padding:30px;}
}


/* Structure globale du site */
.tpl-wrapper{position:relative; width:100%; min-height:100%;}
.tpl-header{position:relative; width:100%; text-align:center;}
.tpl-main{position:relative; z-index:250; width:100%; padding-top:242px; padding-bottom:750px; text-align:center;}
.tpl-footer{position:absolute; left:0; bottom:0; z-index:375; width:100%; min-height:750px; background-color:#000000; text-align:center;}
@media screen and (max-width:1140px){
	.tpl-main{padding-bottom:0;}
	.tpl-footer{position:relative; left:auto; bottom:auto; width:100%;}
}
@media screen and (max-width:900px){
	.tpl-main{padding-top:124px;}
}


/* Bloc statique header */
.header-liseret-noir{display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:4px; background-color:#000000;}
.header-fond-vert{position:absolute; top:0; left:0; z-index:250; width:100%; height:242px; background-color:#BEDBD7;}
.header-fond-opaque{position:fixed; top:0; left:0; z-index:500; width:100%; height:200px; background: -prefixe-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));}
.header-static{position:fixed; top:0; left:0; z-index:1000; width:100%; background:transparent; text-align:center;}
.header-static .header-infos{padding:15px 0 15px 0; background-color:#000; color:#fff; line-height:1.4;}
.header-static .header-infos .container{position:relative; width:1140px; max-width:96%; margin:auto;}
.header-static .header-infos .container .image{display:inline-block; vertical-align:middle; margin-right:10px;}
.header-static .header-infos .container .image img{display:block; max-height:50px; width:auto;}
.header-static .header-infos .container .txt{display:inline-block; vertical-align:middle;}
.header-static .header-infos .container .txt a{color:#fff; text-decoration:none; font-weight:inherit; font-size:16px;}
.header-static .header-infos .container .txt a .cta{font-size:14px}
.header-static .header-infos .container .txt a.close{position:absolute; top:0; right:3px;}
.header-static .header-fond-img{width:100%; height:50px; margin-bottom:-50px; background-repeat:repeat-x; background-size:auto 50px;}
.header-static .content{position:relative; width:1140px; max-width:100%; margin:auto;}
.header-static .content .bloc_logo{position:absolute; top:12px; left:0; z-index:1000; display:inline-block;}
.header-static .content .bloc_logo .logo{display:inline-block; vertical-align:top; width:95px; border:4px solid black; border-radius:6px; background-color:#FFFFFF}
.header-static .content .bloc_logo .logo img{display:block; width:100%; height:auto;}
.header-static .content .bloc_logo .brand{display:inline-block; vertical-align:top; width:190px; background-color:#fff; text-align:center;}
.header-static .content .bloc_logo .brand .marque{width:auto; height:62px; padding:20px 10px; border:4px solid black; border-radius:6px; margin-left:-4px;}
.header-static .content .bloc_logo .brand .marque a{font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; text-transform:uppercase; color:#000;}
.header-static .content .bloc_logo .brand .baseline{height:39px; line-height:39px; border:4px solid black; border-radius:6px; margin-top:-4px;  margin-left:-4px;}
.header-static .content .bloc_logo .brand .baseline a{font-family:'Ciutadella Rounded'; font-weight:bold; font-size:14px; text-transform:uppercase; color:#000;}
.header-static .content .bloc_logo .rustine1{position:absolute; top:0; left:98px; width:6px; height:4px; background-color:#000000;}
.header-static .content .bloc_logo .rustine2{position:absolute; bottom:0; left:98px; width:6px; height:4px; background-color:#000000;}
.header-static .content .bloc_logo .rustine3{position:absolute; bottom:42px; right:0; width:4px; height:6px; background-color:#000000;}
.header-static .content .bloc_logo .blocmenu{position:absolute; left:0; top:165px; margin-left:0; display:inline-block; line-height:44px; padding:0 12px; border:4px solid black; border-radius:6px; background-color:#FFFFFF}
.header-static .content .bloc_logo .blocmenu > a img{display:inline-block; vertical-align:middle;}
.header-static .content .bloc_logo .blocmenu > a span.texte{display:inline-block; vertical-align:middle; padding-left:10px; font-size:14px; font-weight:500; color:#000000; text-transform:uppercase;}


#nav-icon{display:inline-block; vertical-align:middle; width:21px; height:20px; position:relative; margin:auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon span{display:block; position: absolute; height: 3px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon span:nth-child(1){top:0px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3){top:9px;}
#nav-icon span:nth-child(4){top:18px;}
#nav-icon.open span:nth-child(1){top:15px; width:0%; left:50%;}
#nav-icon.open span:nth-child(2){-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon.open span:nth-child(3){-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4){top:15px; width:0%; left:50%;}


.header-static .content .bloc_logo .blocmenu .menu{display:none; position:absolute; top:49px; left:-4px; list-style:none;}
.header-static .content .bloc_logo .blocmenu .menu li{position:relative; margin-top:-4px; border:4px solid black; border-radius:6px; background-color:transparent; text-align:left; line-height:1;}
.header-static .content .bloc_logo .blocmenu .menu li a{display:block; width:210px; line-height:38px; padding:0 12px; background-color:#fff; -webkit-transition:background-color 0.6s; transition:background-color 0.6s; font-size:13px; font-weight:500; color:#000000; text-transform:uppercase;}
@media (hover: hover){
	.header-static .content .bloc_logo .blocmenu .menu li a:hover{background-color:#BEDBD7;}
}
.header-static .content .bloc_logo .blocmenu .menu li a.submenu{background-image:url(images/fleche_droite.svg); background-repeat:no-repeat; background-position:210px center; background-size:auto 16px;}
.header-static .content .bloc_logo .blocmenu .menu li a.submenu.haut{background-image:url(images/fleche_droite.svg);}
.header-static .content .bloc_logo .blocmenu .menu li .ssmenu{position:absolute; top:0; left:234px; z-index:2000; display:none; list-style:none;}
@media (hover: hover){
	.header-static .content .bloc_logo .blocmenu .menu li:hover .ssmenu{display:block;}
}
.header-static .content .bloc_logo .blocmenu .menu li .ssmenu li{border-top-left-radius:0;}
.header-static .content .bloc_logo .blocmenu .menu .border_left{position:absolute; top:-4px; left:0; width:4px; height:90%; border:0; background-color:#000000;}
.header-static .content .bloc_logo .blocmenu .menu .border_right{position:absolute; top:4px; right:0; width:4px; height:90%; border:0; background-color:#000000;}
.header-static .content .bloc_actions{position:absolute; top:12px; right:0; z-index:1000; display:inline-block; width:196px; text-align:center;}
.header-static .content .bloc_actions .phrase{display:inline-block; vertical-align:top; width:92px; height:29px; padding-top:15px; border:4px solid black; border-radius:6px;}
.header-static .content .bloc_actions .picto{display:inline-block; vertical-align:top; border:4px solid black; border-radius:6px;}
.header-static .content .bloc_actions .picto > a{display:block; width:44px; height:39px; padding-top:5px;}
.header-static .content .bloc_actions .phrase.bonjour{text-transform:uppercase; font-size:12px; font-weight:500; background-color:#FFFFFF;}
.header-static .content .bloc_actions .picto.header-cart{margin-left:-4px;}
.header-static .content .bloc_actions .picto.header-cart a{position:relative; z-index:2;}
.header-static .content .bloc_actions .picto.header-cart #panier_nb_pdt{position:absolute; top:16px; left:0; display:inline-block; width:100%; background:transparent; color:#000000; font-size:12px; font-weight:600;}
.header-static .content .bloc_actions .picto.header-compte{margin-left:-4px;}
.header-static .content .bloc_actions .picto.help{margin-top:-4px;}
.header-static .content .bloc_actions .picto.wishlist{position:relative; margin-left:-4px; margin-top:-4px;}
.header-static .content .bloc_actions .picto.wishlist a{position:relative; z-index:2; height:40px; padding-top:4px; font-size:32px; color:#000000;}
.header-static .content .bloc_actions .picto.wishlist a:hover{color:#FF005D;}
.header-static .content .bloc_actions .picto.wishlist a svg{margin-top:2px;}
.header-static .content .bloc_actions .picto.wishlist #wishlist_nb_pdt{position:absolute; top:14px; left:0; display:inline-block; width:100%; background:transparent; color:#fff; font-size:12px; font-weight:600;}
.header-static .content .bloc_actions .phrase.defile{height:39px; padding-top:5px; margin-left:-4px; margin-top:-4px;}
.header-static .content .bloc_actions .phrase.defile a{color:#000000; font-size:12px; font-weight:500;}
.header-static .content .bloc_actions .border_left{position:absolute; top:20px; left:0; width:4px; height:40px; background-color:#000000;}
.header-static .content .bloc_actions .border_right{position:absolute; top:20px; right:0; width:4px; height:40px; background-color:#000000;}
.header-static .content .bloc_actions .border_top{position:absolute; top:0; left:10%; width:80%; height:4px; background-color:#000000;}
.header-static .content .bloc_actions .border_bottom{position:absolute; bottom:0; left:10%; width:80%; height:4px; background-color:#000000;}
.header-static .content .bloc_amour{position:absolute; top:190px; right:0; z-index:999; width:196px; text-align:center;}
.header-static .content .bloc_amour span{display:block; padding:18px 0; border:4px solid black; border-radius:6px; margin-top:-16px; background-color:#FFFFFF; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:14px; text-transform:uppercase; color:#000; text-align:center;}
@media screen and (max-width:900px){
	.header-fond-vert{height:124px;}
	.header-fond-opaque{height:124px;}
	.header-static .content .bloc_logo .logo{width:60px;}
	.header-static .content .bloc_amour{display:none;}
}
@media screen and (max-width:700px){
	.header-static .header-infos{padding:10px 0;}
	.header-static .header-infos .container{width:auto; max-width:none;}
	.header-static .header-infos .container a{font-size:14px;}
}
@media screen and (max-width:600px){
	.header-static .content .bloc_logo .blocmenu .menu li a.submenu{background-image:url(images/fleche_bas.svg); background-repeat:no-repeat; background-position:210px center; background-size:auto 16px;}
	.header-static .content .bloc_logo .blocmenu .menu li a.submenu.haut{background-image:url(images/fleche_haut.svg);}
	.header-static .content .bloc_logo .blocmenu .menu li .ssmenu{display:none; position:relative; top:auto; left:auto; margin:0; padding-bottom:10px; background-color:#fff;}
	@media (hover: hover){
		.header-static .content .bloc_logo .blocmenu .menu li:hover .ssmenu{display:none;}
	}
	.header-static .content .bloc_logo .blocmenu .menu li .ssmenu li{position:relative; margin-top:0; border:0; border-radius:0; padding-left:10px;}
	.header-static .content .bloc_logo .blocmenu .menu li .ssmenu li a{display:block; width:auto; line-height:30px;}
	.header-static .content .bloc_actions{width:auto;}
	.header-static .content .bloc_actions .bonjour{display:none;}
	.header-static .content .bloc_actions .help{display:none;}
	.header-static .content .bloc_actions .defile{display:none;}
	.header-static .content .bloc_actions .picto.wishlist{margin-top:0;}
	.header-static .content .bloc_actions .border_left{display:none;}
	.header-static .content .bloc_actions .border_right{display:none;}
}
@media screen and (max-width:450px){
	.header-static .header-infos{font-size:12px;}
	.header-static .header-infos .container .image img{max-width:40px; max-height:40px; width:auto; height:auto;}
	.header-static .header-infos .container a.close img{width:20px; height:auto;}
}


/* Panier déroulant header */
.header-cart-detail{display:none; position:absolute; top:48px; left:0; z-index:1001; width:calc(100% - 8px); padding-top:7px; border:4px solid black; border-bottom-left-radius:6px; border-bottom-right-radius:6px;  background-color:#fff; color:#000; text-align:center; font-size:12px; font-weight:500;}
.header-cart-detail .vide{width:100%; padding:20px 0; text-align:center;}
.header-cart-detail .titre-panier{padding-top:10px; text-align:center; text-transform:uppercase; font-size:14px;}
.header-cart-detail .bloc-ppal{}
.header-cart-detail .bloc-ppal .tableau-ligne{padding-top:15px;}
.header-cart-detail .bloc-ppal .tableau-ligne div{}
.header-cart-detail .bloc-ppal .tableau-ligne .col-qte{display:inline-block; vertical-align:top; width:10%; text-align:center;}
.header-cart-detail .bloc-ppal .tableau-ligne .col-img{display:none;}
.header-cart-detail .bloc-ppal .tableau-ligne .col-designation{display:inline-block; vertical-align:top; width:50%; text-align:left;}
.header-cart-detail .bloc-ppal .tableau-ligne .col-designation a{color:#000000;}
.header-cart-detail .bloc-ppal .tableau-ligne .col-pt{display:inline-block; vertical-align:top; width:30%; text-align:center;}
.header-cart-detail .bloc-ppal .tableau-ligne .col-del{display:inline-block; vertical-align:top; width:10%; text-align:center;}
.header-cart-detail .bloc-ppal .totaux{margin-top:25px; border-top:4px solid black;}
.header-cart-detail .bloc-ppal .totaux .libelle{display:inline-block; vertical-align:top; width:60%; padding-top:10px; text-align:right;}
.header-cart-detail .bloc-ppal .totaux .montant{display:inline-block; vertical-align:top; width:30%; padding-right:10%; padding-top:10px; text-align:right;}
.header-cart-detail .bloc-ppal .totaux .big{font-weight:bold;}
.header-cart-detail .commander{margin-top:10px; border-top:4px solid black;}
.header-cart-detail .commander a{display:block; width:100%; padding:10px 0; font-size:16px; color:#000; text-transform:uppercase; font-weight:normal; text-decoration:none; text-align:center;}
.header-cart-detail .commander a:hover{background-color:#BEDBD7;}


/* Header */
.tpl-header{}


/* Footer */
.tpl-footer .newsletter{padding:35px 0 50px 0; background-color:#f5f5f5;}
.tpl-footer .newsletter h2{padding-top:25px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:30px; text-transform:uppercase; color:#000; line-height:1;}
.tpl-footer .newsletter h3{padding-top:12px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:14px; text-transform:uppercase; color:#000; line-height:1;}
.tpl-footer .newsletter .form{margin:30px auto 0 auto;}
.tpl-footer .newsletter .form input[type=text]{display:inline-block; vertical-align:middle; width:330px; padding-left:10px; height:36px; border:4px solid black; border-radius:6px;}
.tpl-footer .newsletter .form input[type=submit]{display:inline-block; vertical-align:middle; width:40px; height:44px; border:4px solid black; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-left:-4px; background-color:#000000; color:#FFFFFF;}
.tpl-footer .newsletter .captcha{display:none;}
.tpl-footer .newsletter .err{margin-top:30px; color:#ac3a39; font-weight:bold;}
.tpl-footer .newsletter .ok{margin-top:30px; color:#31d050; font-weight:bold;}
.tpl-footer .cols{padding-bottom:20px; background-color:#000000;}
.tpl-footer .cols > .trans{display:none;}
.tpl-footer .cols .col{position:relative; display:inline-block; vertical-align:top; margin-right:70px; padding-top:30px; color:#FFFFFF; text-align:left;}
.tpl-footer .cols .col + .col + .trans + .col + .col{margin-right:0;}
.tpl-footer .cols .col .titre{font-family:'Ciutadella Rounded'; font-weight:600; font-size:28px; color:#FFFFFF; text-transform:uppercase;}
.tpl-footer .cols .col .titre.avis{margin-top:60px;}
.tpl-footer .cols .col .reassu1{margin-top:22px; text-transform:uppercase; line-height:1;}
.tpl-footer .cols .col .logo{margin-top:3px;}
.tpl-footer .cols .col .reassu2{margin-top:3px; font-size:12px; line-height:1;}
.tpl-footer .cols .col .suite{margin-top:15px; line-height:1.5;}
.tpl-footer .cols .col .suite a{display:inline-block; padding-top:7px; color:#fff; font-weight:500; font-size:12px; text-decoration:underline;}
.tpl-footer .cols .col .liens{margin-top:15px; line-height:2;}
.tpl-footer .cols .col .liens a{color:#fff; font-weight:500; font-size:15px;}
.tpl-footer .cols .col .liens a:hover{text-decoration:underline;}
.tpl-footer .cols .col .rs a{display:inline-block; vertical-align:middle; margin-right:20px; font-size:24px; color:#FFFFFF; text-decoration:none;}
.tpl-footer .cols .col .rs a.insta{font-size:28px;}
.tpl-footer .cols .col .fondnote{float:left; width:124px; height:19px; background-image:url(images/note_empty.png);}
.tpl-footer .cols .col .fondnote .note{height:19px; background-image:url(images/note_full.png);}
.tpl-footer .cols .col .noteavg{float:left; line-height:19px; margin-left:10px; font-size:16px;}
.tpl-footer .bande-bas{width:1120px; max-width:98%; margin:auto; text-align:left; color:#FFFFFF; font-size:12px; line-height:1.5;}
.tpl-footer .bande-bas a{color:#fff; text-decoration:underline;}
@media screen and (max-width:1140px){
	.tpl-footer .cols{width:600px; margin:auto;}
	.tpl-footer .cols .col{float:left; width:auto; margin-right:0;}
	.tpl-footer .cols .col + .col{float:right;}
	.tpl-footer .cols > .trans{clear:both; display:block;}
	.tpl-footer .bande-bas{width:600px; margin:auto; padding-bottom:12px;}
	.tpl-footer .bande-bas .left{float:none;}
	.tpl-footer .bande-bas .right{float:none; padding-top:12px; text-align:left;}
}
@media screen and (max-width:600px){
	.tpl-footer .cols{width:80%;}
	.tpl-footer .cols .col{float:none; width:100%;}
	.tpl-footer .cols .col + .col{float:none;}
	.tpl-footer .cols .col .titre.avis{margin-top:30px;}
	.tpl-footer .bande-bas{width:80%;}
}
@media screen and (max-width:430px){
	.tpl-footer .newsletter .form input[type=text]{width:250px;}
}


/* Page d'accueil */
.home{margin-top:-242px;}
.home .carrousel{width:100%; height:100%; text-align:center;}
.home .carrousel .cycle-slideshow{width:100%; height:100%;}
.home .carrousel .cycle-slideshow div{width:100%; height:100%;}
.home .carrousel .cycle-slideshow div img{max-width:100%; max-height:100%; width:auto; height:auto; visibility:hidden;}
.home .carrousel .cycle-slideshow .previous{display:none; position:absolute; left:0; top:46.3%; z-index:5000; width:3.5%; cursor:pointer; text-align:center;}
.home .carrousel .cycle-slideshow .next{display:none; position:absolute; right:0; top:46.3%; z-index:5000; width:3.5%; cursor:pointer; text-align:center;}
.home .carrousel .cycle-slideshow .previous img{width:100%; height:auto;}
.home .carrousel .cycle-slideshow .next img{width:100%; height:auto;}
.home .carrousel .cycle-slideshow:hover .previous, .home .home1 .cycle-slideshow:hover .next{display:block;}
.home .carrousel .home-carrousel-puces{width:980px; height:30px; margin:auto; padding-top:10px; background-image:url(images/home-carrousel-fond-puces.png); background-position:top; background-repeat:no-repeat; text-align:center;}
.home .carrousel .home-carrousel-puces span{padding:4px; padding-bottom:2px;}
.home .fullscreen{position:relative; left:0; top:0; width:100%; height:calc(100vh); height:var(--ek-app-height); transition:height 1s; margin:0; overflow:hidden;}
.home .fullscreen > a{display:block; width:100%; height:100%;}
.home .fullscreen .fleche{position:absolute; left:0%; bottom:20px; width:100%; z-index:100; text-align:center;}
.home .fullscreen .fleche a{color:#000; font-size:60px; font-weight:bold;}
.home .fullscreen .fleche a svg{animation: beat 0.5s infinite alternate;}
.home .defile{position:relative; padding:45px 0; background-color:#f5f5f5;}
.home .defile .titre{display:block; font-family:'Ciutadella Rounded'; font-weight:600; font-size:26px; text-transform:uppercase; color:#000;}
.home .defile a{width:400px; max-width:90%; margin:30px auto 0 auto;}
.home .produits{width:100%; padding-bottom:30px; text-align:center;}
.home .produits h2{padding-top:25px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:26px; text-transform:uppercase; color:#000; line-height:1.2;}
.home .processus{padding:35px 0; background-color:#b5d5d2;}
.home .processus h2{padding-top:25px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:30px; text-transform:uppercase; color:#000; line-height:1;}
.home .processus h3{padding-top:12px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:14px; text-transform:uppercase; color:#000; line-height:1;}
.home .processus p{width:600px; max-width:96%; margin:auto; padding-top:30px; font-size:14px; line-height:1.6;}
.home .processus ol{counter-reset:crea_etapes; margin-top:20px;}
.home .processus ol li{position:relative; display:inline-block; vertical-align:top; visibility:hidden; height:215px; margin:9px; margin-left:8px; list-style-type:none; counter-increment:crea_etapes;}
.home .processus ol li:before{position:relative; z-index:2; display:block; width:24px; height:18px; padding-top:6px; margin:auto; border:4px solid black; border-radius:6px; content:counter(crea_etapes); background:#fff; font-weight:bold; line-height:1;}
.home .processus ol li .picto{width:140px; height:90px; border:4px solid black; border-radius:6px; margin-top:-14px; background:#fff;}
.home .processus ol li .picto img{border-radius:2px;}
.home .processus ol li .step{display:none; width:140px; height:90px; border:4px solid black; border-radius:6px; margin-top:-4px; background:#fff; font-size:14px; text-transform:uppercase;}
.home .processus ol li .step .txt{display:inline-block; vertical-align:middle; vertical-align:middle;}
.home .parallaxParent{height:60vh; overflow:hidden;}
.home .parallaxParent > *{height:150%; position:relative; top:-75%; background-size:cover;}
.home .majorette{padding:35px 0; background-color:#c7d7e4;}
.home .majorette h2{padding-top:25px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:30px; text-transform:uppercase; color:#000; line-height:1;}
.home .majorette h3{padding-top:12px; font-family:'Ciutadella Rounded'; font-weight:600; font-size:14px; text-transform:uppercase; color:#000; line-height:1;}
.home .majorette p{width:600px; max-width:96%; margin:auto; padding-top:20px; font-size:14px; line-height:1.6;}
.home .majorette p.engage{width:460px;}
.home .majorette .qualite{display:inline-block; vertical-align:middle; visibility:hidden; width:185px; height:73px; padding-top:13px; border:4px solid black; border-radius:6px; margin:25px 5px 0 5px; background-color:#FFFFFF; text-transform:uppercase; line-height:1.5; font-size:13px;}
.home .instagram{padding:60px 0 30px 0; background-color:#f5f5f5;}
.home .instagram h2{font-family:'Ciutadella Rounded'; font-weight:600; font-size:30px; text-transform:uppercase; color:#000; line-height:1;}
@media screen and (max-width:1140px){
	.home .carrousel .cycle-slideshow div img{max-width:100%;}
}
@media screen and (max-width:900px){
	.home{margin-top:-124px;}
}
@media screen and (max-width:550px){
	.home .defile .titre br{display:none;}
	.home .produits h2 br{display:none;}
}
@media screen and (max-width:480px){
	.home .home2 a{width:90%; height:auto; margin:3%; padding:2%;}
}


/* slider instagram */
.slider-instagram{height:250px; overflow:hidden; list-style:none; margin:30px auto 0 auto;}
.slider-instagram li{display:inline-block; vertical-align:middle; position:relative; width:250px; height:250px; padding:5px;}
.slider-instagram li img{display:block;}
.slider-instagram li span{display:none;}
@media (hover:hover){
	.slider-instagram li:hover span, .slider-instagram li:active span{position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding-top:calc(50% - 26px); background-color:rgba(255,255,255,0.8); color:#fff; font-size:52px;}
}
.popup-instagram{display:none;}
.popup-instagram .images{position:relative; display:inline-block; vertical-align:middle; height:600px; background-color:#fff;}
.popup-instagram .images img{display:block; height:100%; width:auto;}
.popup-instagram .images .cycle-prev{position:absolute; top:calc(50% - 10px); left:15px; z-index:1000;}
.popup-instagram .images .cycle-next{position:absolute; top:calc(50% - 10px); right:15px; z-index:1000;}
.popup-instagram .content{position:relative; display:inline-block; vertical-align:middle; width:335px; height:600px;}
.popup-instagram .content .author{position:absolute; top:0; left:0; z-index:2; width:100%; height:30px; padding:20px 0; border-bottom:1px solid #efefef; background-color:#fff; text-align:left;}
.popup-instagram .content .author .avatar{display:inline-block; vertical-align:middle; margin-left:16px;}
.popup-instagram .content .author .avatar img{display:block; border-radius:50%; border:1px solid #a5a5a5;}
.popup-instagram .content .author .name{display:inline-block; vertical-align:middle; margin-left:16px;}
.popup-instagram .content .contentbox::-webkit-scrollbar{display:none;}
.popup-instagram .content .contentbox{position:absolute; top:71px; left:0; height:430px; padding:16px 16px 80px 16px; background-color:#fff; text-align:left; line-height:1.4; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; word-break: break-word;}
.popup-instagram .content .contentbox .comment{margin-top:30px;}
.popup-instagram .content .contentbox .comment2{margin-top:15px; margin-left:20px;}
.popup-instagram .content .footer{position:absolute; bottom:0; left:0; z-index:2; width:100%; height:60px; padding-top:15px; border-top:1px solid #efefef; background-color:#fff; text-align:left;}
.popup-instagram .content .footer .like{margin-left:16px; font-size:16px; font-weight:bold;}
.popup-instagram .content .footer .date{margin-left:16px; margin-top:8px;}
.popup-instagram-nav{display:none;}
.popup-instagram-nav .close{position:fixed; top:20px; right:20px; z-index:25000;}
.popup-instagram-nav .prev{position:fixed; top:calc(50% - 10px); left:20px; z-index:25000;}
.popup-instagram-nav .next{position:fixed; top:calc(50% - 10px); right:20px; z-index:25000;}
@media screen and (max-width:800px){
	.slider-instagram{height:200px;}
	.slider-instagram li{width:200px; height:200px;}
	.slider-instagram li img{width:200px; height:200px;}
}


/* Bloc listing produit light */
.listing-pdt-light{position:relative; width:1140px; max-width:100%; margin:15px auto 0 auto; text-align:left;}
.listing-pdt-light .pdts{width:100%; height:auto; margin:auto;}
.listing-pdt-light .pdts .slide{width:100%; height:auto; text-align:center;}
.listing-pdt-light .pdt{display:inline-block; vertical-align:top; position:relative; width:255px; margin:15px; background-color:#fff;}
.listing-pdt-light .pdt .image{position:relative;}
.listing-pdt-light .pdt .image img{display:block; width:100%; height:auto;}
.listing-pdt-light .pdt .image a span{position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:url(images/motif_plus.png); opacity:0.3;}
.listing-pdt-light .pdt .vf{margin:10px auto; font-size:13px;}
.listing-pdt-light .pdt .vf .txt{float:left; display:inline-block; margin:0 0 2px 0; color:#DC0405; font-weight:bold;}
.listing-pdt-light .pdt .vf .decompte{float:right; margin:0 0 2px 0;}
.listing-pdt-light .pdt .vf .decompte .txtbefore{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.listing-pdt-light .pdt .vf .decompte .time{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.listing-pdt-light .pdt .vf .jauge{width:100%; height:12px; border-radius:6px; background-color:#e6e6e6; overflow:hidden;}
.listing-pdt-light .pdt .vf .jauge .niveau{width:100%; height:100%; margin-left:-100%; background-color:#DC0405;}
.listing-pdt-light .pdt .blocbarre{position:relative; width:212px; margin:15px auto 0 auto; text-align:center;}
.listing-pdt-light .pdt .blocbarre .border_top{width:90%; height:4px; margin:0 auto -4px auto; background-color:#000000;}
.listing-pdt-light .pdt .blocbarre .border_bottom{width:90%; height:4px; margin:-4px auto 0 auto; background-color:#000000;}
.listing-pdt-light .pdt .blocbarre .border_left{position:absolute; top:20px; left:0; width:4px; height:50px; background-color:#000000;}
.listing-pdt-light .pdt .blocbarre .border_right{position:absolute; top:20px; right:0; width:4px; height:50px; background-color:#000000;}
.listing-pdt-light .pdt .blocbarre .nom{display:inline-block; vertical-align:middle; width:194px; height:30px; padding:10px 5px; border:4px solid black; border-radius:6px; text-align:center;}
.listing-pdt-light .pdt .blocbarre .nom a{font-size:12px; color:#000000;}
.listing-pdt-light .pdt .blocbarre .desc{display:inline-block; vertical-align:middle; width:100px; margin-top:-4px; padding:10px 0; border:4px solid black; border-radius:6px; text-align:center;}
.listing-pdt-light .pdt .blocbarre .desc a{color:#919191; font-size:16px; font-style:italic;}
.listing-pdt-light .pdt .blocbarre .prix{display:inline-block; vertical-align:middle; width:100px; margin-top:-4px; margin-left:-4px; padding:10px 0; border:4px solid black; border-radius:6px; text-align:center; font-weight:600;}
.listing-pdt-light .pdt .blocbarre .prix .barre{display:block; margin-top:-6px; font-size:12px; font-weight:normal; text-decoration:line-through;}
.listing-pdt-light .pdt .blocbarre .prix .promo{display:block; margin-bottom:-8px;}
.listing-pdt-light .pdt .label{position:absolute; top:10px; left:10px; z-index:60;}
.listing-pdt-light .pdt .label img{vertical-align:top; max-width:50px; height:auto;}
.listing-pdt-light .pdt .label.perso{left:auto; right:10px;}
.listing-pdt-light .pdt .label.new, .listing-pdt-light .pdt .label.promo{display:inline-block; width:50px; height:50px; border-radius:25px; background-color:#000; font-family:'Ciutadella Rounded'; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:50px; text-align:center;}
.listing-pdt-light .pdt .label.promo{font-size:16px;}
.listing-pdt-light .pdt.bandeau{background:transparent; vertical-align:top; text-align:center;}
.listing-pdt-light .pdt.bandeau img{width:100%; height:auto;}
.listing-pdt-light .previous{display:none; position:absolute; left:0; top:120px; z-index:5000; width:40px; cursor:pointer; font-size:44px; text-align:center;}
.listing-pdt-light .next{display:none; position:absolute; right:0; top:120px; z-index:5000; width:40px; cursor:pointer; font-size:44px; text-align:center;}
@media screen and (max-width:1150px){
	.listing-pdt-light{text-align:center;}
	.listing-pdt-light .pdt{margin:15px;}
}


/* Bloc listing produit big */
.listing-pdt{position:relative; width:1170px; margin:auto; text-align:left;}
.listing-pdt .pdts{width:100%; height:auto; margin:auto;}
.listing-pdt .pdts .slide{width:100%; height:auto; text-align:center;}
.listing-pdt .pdt{display:inline-block; vertical-align:top; position:relative; width:555px; margin:30px 15px 0 15px;}
.listing-pdt .pdt .image{position:relative; width:100%; height:auto; overflow:hidden;}
.listing-pdt .pdt .image a{position:relative; display:inline-block;}
.listing-pdt .pdt .image a img{display:block; width:100%; height:auto;}
.listing-pdt .pdt .image a span{position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:url(images/motif_plus.png); opacity:0.3;}
.listing-pdt .pdt .image a.bt{position:absolute; top:45%; width:100px;}
.listing-pdt .pdt .image a.detail{left:25%; visibility:hidden;}
.listing-pdt .pdt .image a.achat{right:25%; visibility:hidden;}
.listing-pdt .pdt .vf{margin:10px 0; font-size:13px;}
.listing-pdt .pdt .vf .txt{float:left; display:inline-block; margin:0 0 2px 0; color:#DC0405; font-weight:bold;}
.listing-pdt .pdt .vf .decompte{float:right; margin:0 0 2px 0;}
.listing-pdt .pdt .vf .decompte .txtbefore{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.listing-pdt .pdt .vf .decompte .time{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.listing-pdt .pdt .vf .jauge{width:100%; height:16px; border-radius:6px; background-color:#e6e6e6; overflow:hidden;}
.listing-pdt .pdt .vf .jauge .niveau{width:100%; height:100%; margin-left:-100%; background-color:#DC0405;}
.listing-pdt .pdt .blocbarre{position:relative; width:100%; margin-top:15px; text-align:center;}
.listing-pdt .pdt .blocbarre .border_top{width:90%; height:4px; margin:0 auto -4px auto; background-color:#000000;}
.listing-pdt .pdt .blocbarre .border_bottom{width:90%; height:4px; margin:-4px auto 0 auto; background-color:#000000;}
.listing-pdt .pdt .blocbarre .nom{display:inline-block; vertical-align:middle; width:332px; height:17px; padding:10px 0 10px 10px; border:4px solid black; border-radius:6px; text-align:left;}
.listing-pdt .pdt.famille3 .blocbarre .nom{height:34px;}
.listing-pdt .pdt .blocbarre .nom a{font-size:14px; color:#000000;}
.listing-pdt .pdt .blocbarre .desc{display:inline-block; vertical-align:middle; width:77px; height:17px; margin-left:-4px; padding:10px 0; border:4px solid black; border-radius:6px; text-align:center;}
.listing-pdt .pdt.famille3 .blocbarre .desc{height:34px;}
.listing-pdt .pdt .blocbarre .desc a{color:#919191; font-size:16px; font-style:italic;}
.listing-pdt .pdt .blocbarre .prix{display:inline-block; vertical-align:middle; width:65px; height:17px; margin-left:-4px; padding:10px 0; border:4px solid black; border-radius:6px; text-align:center; font-weight:600;}
.listing-pdt .pdt.famille3 .blocbarre .prix{height:34px; line-height:34px;}
.listing-pdt .pdt .blocbarre .prix .barre{display:block; margin-top:-6px; font-size:12px; font-weight:normal; text-decoration:line-through;}
.listing-pdt .pdt.famille3 .blocbarre .prix .barre{margin-top:2px; margin-bottom:-7px; line-height:1;}
.listing-pdt .pdt .blocbarre .prix .promo{}
.listing-pdt .pdt .blocbarre .btpanier{display:none; position:absolute; left:0; bottom:-35px; width:480px; height:35px; text-align:center;}
.listing-pdt .pdt .blocbarre .btpanier form .bt{display:inline-block; vertical-align:top; min-width:31px; height:35px; padding:0 2px 0 2px; line-height:35px; margin:0 2px 0 2px; color:#FFFFFF; background-color:#474747; font-size:13px; font-weight:bold; text-align:center; text-transform:uppercase;}
.listing-pdt .pdt .blocbarre .btpanier form .bt span{display:inline-block; vertical-align:middle; line-height:100%;}
.listing-pdt .pdt .blocbarre .btpanier form .btoff{display:inline-block; vertical-align:top; width:35px; height:9px; margin:0 2px 14px 2px; background-color:#474747;}
.listing-pdt .pdt .blocbarre .btwishlist{display:inline-block; vertical-align:middle; width:50px; height:25px; margin-left:-4px; padding:8px 0 4px 0; border:4px solid black; border-radius:6px; text-align:center;}
.listing-pdt .pdt.famille3 .blocbarre .btwishlist{height:42px;}
.listing-pdt .pdt .blocbarre .btwishlist form{margin:0; padding:0;}
.listing-pdt .pdt .blocbarre .btwishlist img{display:block; margin:auto;}
.listing-pdt .pdt.famille3 .blocbarre .btwishlist img{margin-top:7px;}
.listing-pdt .pdt .label{position:absolute; top:15px; left:15px; z-index:60;}
.listing-pdt .pdt .label img{vertical-align:top;}
.listing-pdt .pdt .label.perso{left:auto; right:15px;}
.listing-pdt .pdt .label.new, .listing-pdt .pdt .label.promo{display:inline-block; width:80px; height:80px; border-radius:40px; background-color:#000; font-family:'Ciutadella Rounded'; color:#FFFFFF; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:80px; text-align:center;}
.listing-pdt .pdt .label.promo{font-size:20px;}
.listing-pdt .pdt.bandeau{background:transparent; vertical-align:top; text-align:center;}
.listing-pdt .pdt.bandeau img{width:100%; height:auto;}
.listing-pdt .previous{display:none; position:absolute; left:0; top:250px; z-index:5000; width:50px; cursor:pointer; font-size:50px; text-align:center;}
.listing-pdt .next{display:none; position:absolute; right:0; top:250px; z-index:5000; width:50px; cursor:pointer; font-size:50px; text-align:center;}
@media screen and (max-width:1185px){
	.listing-pdt .pdt{width:48.68%; margin:30px 2.64% 0 0;}
	.listing-pdt .pdt.pdtright{margin-right:0;}
	.listing-pdt .pdt .image .bt{width:80px; font-size:11px;}
	.listing-pdt .pdt .image a.detail{left:10%;}
	.listing-pdt .pdt .image a.achat{right:10%;}
	.listing-pdt .pdt .vf{width:96%; margin-left:auto; margin-right:auto;}
	.listing-pdt .pdt .blocbarre .border_top{display:none;}
	.listing-pdt .pdt .blocbarre .border_left{position:absolute; bottom:30px; left:3.5%; margin-left:-8px; width:4px; height:40px; background-color:#000000;}
	.listing-pdt .pdt .blocbarre .border_right{position:absolute; bottom:30px; right:3.5%; margin-right:-8px; width:4px; height:40px; background-color:#000000;}
	.listing-pdt .pdt .blocbarre .nom{width:93%; padding:10px 4px; text-align:center;}
	.listing-pdt .pdt .blocbarre .desc{vertical-align:bottom; width:31%; margin-top:-4px; margin-left:0;}
	.listing-pdt .pdt .blocbarre .prix{vertical-align:bottom; width:31%; margin-top:-4px;}
	.listing-pdt .pdt .blocbarre .btwishlist{vertical-align:bottom; width:31%; margin-top:-4px;}
}
@media screen and (max-width:630px){
	.listing-pdt .pdt{width:100%; margin:30px 0 0 0;}
	.listing-pdt .pdt .image .bt{width:100px; font-size:14px;}
	.listing-pdt .pdt.famille3 .blocbarre .nom{height:auto;}
	.listing-pdt .pdt.famille3 .blocbarre .desc{height:auto;}
	.listing-pdt .pdt.famille3 .blocbarre .prix{height:auto; line-height:inherit;}
	.listing-pdt .pdt.famille3 .blocbarre .btwishlist{height:25px;}
	.listing-pdt .pdt.famille3 .blocbarre .btwishlist img{margin-top:auto;}
}
@media screen and (max-width:400px){
	.listing-pdt .pdt .label.perso{width:70px; height:70px;}
	.listing-pdt .pdt .label.perso img{max-width:100%; height:auto;}
	.listing-pdt .pdt .label.new, .listing-pdt .pdt .label.promo{width:60px; height:60px; border-radius:30px; line-height:60px; font-size:12px;}
	.listing-pdt .pdt .label.promo{font-size:16px;}
	.listing-pdt .previous{top:200px; font-size:44px;}
	.listing-pdt .next{top:200px; font-size:44px;}
	.listing-pdt .previous svg, .listing-pdt .next svg{width:30px;}
}


/* Multi-pages */
.listing-paging{position:relative;width:1140px; max-width:100%; margin:40px auto 0 auto; text-align:center;}
.listing-paging .previous{position:absolute; top:0; left:0; display:block;}
.listing-paging .next{position:absolute; top:0; right:0; display:block;}
.listing-paging > span > *{display:inline-block; min-width:24px; height:24px; line-height:24px; border:2px solid #000; border-radius:13px; text-decoration:none; font-size:16px; color:#000;}
.listing-paging .previous a, .listing-paging .next a{padding:0 15px;}
.listing-paging .nums strong{background-color:#F5F5F5;}
.listing-paging a:hover{background-color:#F5F5F5;}
@media screen and (max-width:600px){
	.listing-paging .previous a span, .listing-paging .next a span{display:none;}
}
@media screen and (max-width:500px){
	.listing-paging > span > *{font-size:14px;}
}
@media screen and (max-width:400px){
	.listing-paging > span > *{font-size:12px;}
}


/* Fil d'ariane */
.fil_ariane{width:1140px; max-width:100%; line-height:1.5; margin:auto; text-align:left; font-size:12px;}
.fil_ariane .links{display:inline-block; vertical-align:middle; padding:0 0 0 115px;}
.fil_ariane .links a{font-size:12px; color:#000; text-decoration:underline;}
@media screen and (max-width:900px){
	.fil_ariane .links{display:inline-block; vertical-align:middle; padding:0;}
}


/* Page listing produit */
.produit_categorie{width:100%; margin-top:-52px; padding-bottom:30px; text-align:center;}
.produit_categorie .filtres{width:1140px; max-width:100%; margin:-19px auto 0 auto; text-align:right;}
.produit_categorie .filtres form select{width:134px;}
.produit_categorie .filtres .mode_affichage{position:relative; float:right; display:inline-block; vertical-align:middle;}
.produit_categorie .filtres .mode_affichage a{display:inline-block; vertical-align:middle; height:17px; border:4px solid black; border-radius:6px; padding:6px; padding-top:7px; margin-left:-4px; line-height:1;}
.produit_categorie .filtres .mode_affichage .border_top{position:absolute; top:0; left:-6px; width:100%; height:4px; background-color:#000000;}
.produit_categorie .filtres .mode_affichage .border_bottom{position:absolute; bottom:0; left:-6px; width:100%; height:4px; background-color:#000000;}
.produit_categorie .header{clear:both; margin-top:60px; text-align:center;}
.produit_categorie .header h1{font-family:'Ciutadella Rounded'; font-size:26px; font-weight:bold;}
.produit_categorie .header > p{width:1140px; max-width:100%; margin:15px auto 0 auto; font-size:16px; font-style:italic;}
.produit_categorie .listing{position:relative;}
.produit_categorie .listing .loader{display:none; position:absolute; top:100px; left:50%; margin-left:-150px; z-index:1000;}
.produit_categorie .more{display:none; width:980px; max-width:95%; margin-top:20px; padding:10px 0 10px 0; background-color:#bebebe; text-transform:uppercase; font-weight:bold; color:#FFFFFF; text-align:center;}
@media screen and (max-width:900px){
	.produit_categorie{margin-top:10px;}
	.produit_categorie .header{margin-top:30px;}
}
@media screen and (max-width:600px){
	.produit_categorie .filtres .mode_affichage{display:none;}
	.produit_categorie .header h1{font-size:16px;}
	.produit_categorie .header p{font-size:14px;}
}
@media screen and (max-width:400px){
	.produit_categorie .filtres{margin-top:-75px;}
	.produit_categorie .header{margin-top:60px;}
}


/* Lightbox aperçu produit (Footer) */
#div_pdt_light{display:none; position:absolute; left:0; z-index:900; width:100%; background:#c7d7e4 url(images/fleche-60x30px.png) top center no-repeat;}
#div_pdt_light .close{position:absolute; top:20px; right:20px; z-index:900;}
#div_pdt_light .fond{position:relative; width:1140px; max-width:100%; margin:auto;}
#div_pdt_light .fond .apercupdt .produit{padding-top:0;}
@media screen and (max-width:700px){
	#div_pdt_light .close{top:10px; right:10px;}
}


/* Page produit */
.produit{position:relative; width:1920px; max-width:100%; margin:0 auto 30px auto; text-align:left;}
.produit.quicksale{margin:auto;}
.produit .fil_ariane{height:19px; margin-top:-48px; margin-bottom:29px;}
.produit .images{position:relative; display:inline-block; vertical-align:top; width:48%;}
.produit .images .slider{position:relative; width:100%;}
.produit .images .slider .zooms{position:relative; width:100%; height:auto;}
.produit .images .slider .zooms div{position:relative; width:100%; height:auto;}
.produit .images .slider .zooms div img{display:block; width:100%; height:auto; margin:auto;}
.produit .images .slider .zooms .previous{display:none; position:absolute; left:0; top:46.3%; z-index:5000; width:auto; padding:20px; cursor:pointer; font-size:36px; text-align:center;}
.produit .images .slider .zooms .next{display:none; position:absolute; right:0; top:46.3%; z-index:5000; width:auto; padding:20px; cursor:pointer; font-size:36px; text-align:center;}
.produit .images .slider .zooms .tips{position:absolute; top:46.3%; left:0; z-index:10000; display:none; width:100%; font-size:14px; text-align:center;}
.produit .images .slider .zooms .tips span{display:inline-block; padding:0 7px; line-height:24px; background-color:#000; color:#fff;}
.produit .images .slider .zooms .zoomLoading{opacity:0.6;}
.produit .images .slider .zooms .cycle-pager{position:absolute; bottom:10px; right:0; z-index:500; display:none; width:100%; overflow:hidden; text-align:center;}
.produit .images .slider .zooms .cycle-pager span{display:inline-block; vertical-align:middle; width:6px; border-radius:4px; line-height:6px; margin:0 5px; border:1px solid #000; cursor:pointer; overflow:hidden; color:transparent;}
.produit .images .slider .zooms .cycle-pager span.cycle-pager-active{width:10px; border-radius:6px; line-height:10px; background-color:#000;}
.produit .images .slider .zooms .cycle-pager > * {cursor: pointer;}
.produit .images .slider .zooms .btzoom{position:absolute; bottom:10px; right:10px; z-index:500; display:block;}
.produit .images .slider .zooms .btzoom a{font-size:20px; font-weight:300; color:#000000;}
.produit .images .slider .zooms .btzoom a span{display:none;}
.produit .images .slider .zooms .btzoom.btmob{position:fixed; bottom:25px; left:25px; display:block; width:80px; height:30px; line-height:30px; padding:0 10px; border:1px solid #000; border-radius:5px; background-color:#fff; text-align:center;}
.produit .images .slider .zooms .btzoom.btmob a span{display:inline-block; vertical-align:middle; padding-left:7px; font-size:14px; font-weight:400;}
.produit .images .slider .zooms .btzoom.scrollafter{position:absolute;}
.produit .images .slider .vignettes {width:100%; margin-top:20px; text-align:left;}
.produit .images .slider .vignettes div{display:inline-block; width:23%; margin:0 2% 0 0;}
.produit .images .slider .vignettes div img{max-width:100%; height:auto;}
.produit .images .slider .social{display:inline-block; margin-top:15px; text-align:left;}
.produit .images .slider .social a{padding-right:10px;}
.produit .images .label{position:absolute; top:15px; left:15px; z-index:100;}
.produit .images .label img{vertical-align:top;}
.produit .images .label.perso{left:auto; right:15px;}
.produit .images .label.new, .produit .images .label.promo{display:inline-block; width:80px; height:80px; border-radius:40px; background-color:#000; font-family:'Ciutadella Rounded'; color:#FFFFFF; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:80px; text-align:center;}
.produit .images .label.promo{font-size:20px;}
.produit .images .loader{display:none; position:absolute; top:15px; left:0; z-index:900; width:100%; text-align:center;}
.produit .images .loader img{max-width:90%; height:auto;}
.produit .images .close{display:none; position:fixed; top:20px; right:20px; z-index:10000;}
.produit .images .close a{color:#000; font-size:30px;}
.produit .descriptif{display:inline-block; vertical-align:top; width:570px; padding-left:2%; padding-right:calc(50% - 570px); padding-top:30px; text-align:left;}
.produit .descriptif h1{font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; text-transform:uppercase; color:#000; text-align:left;}
.produit .descriptif .note{margin-top:5px; text-align:left;}
.produit .descriptif .note:hover{cursor:pointer;}
.produit .descriptif .note .fondnote{display:inline-block; vertical-align:middle; width:81px; height:15px; background-image:url(images/note_empty_big.png); background-size:81px 15px;}
.produit .descriptif .note .fondnote .fondnotejaune{height:15px; background-image:url(images/note_full_big.png); background-size:81px 15px;}
.produit .descriptif .note .noteavg{display:inline-block; vertical-align:middle; line-height:15px; margin-left:10px; font-size:12px;}
.produit .descriptif p{margin-top:10px; /*border-bottom:1px solid #000000; padding-bottom:20px;*/ text-align:left; line-height:1.4;}
.produit .descriptif p iframe{max-width:100%;}
.produit .descriptif > ul{margin-top:10px; list-style-type:none; list-style-position:outside;}
.produit .descriptif > ul li:before{content:"\2714\0000A0";}
.produit .descriptif > ul li{text-align:left;}
.produit .descriptif form{display:block;}
.produit .descriptif h2{position:relative; margin-top:25px; padding-top:25px; border-top:1px solid black; font-size:14px; font-weight:normal; text-align:left;}
.produit .descriptif h2 .btslide{position:absolute; top:25px; right:0; display:block; width:100%; text-align:right;}
.produit .descriptif h2 .btslide.nb1{display:none;}
.produit .descriptif .blocoptions{display:none;}
.produit .descriptif .blocoptions:first-of-type{display:block;}
.produit .descriptif .colradio{display:inline-block; vertical-align:top; width:5%; margin-top:10px;}
.produit .descriptif .colradio.nb1{display:none;}
.produit .descriptif .affiche{display:inline-block; vertical-align:top; width:95%; margin-top:10px; text-align:left;}
.produit .descriptif .affiche strong{text-transform:uppercase;}
.produit .descriptif .affiche ul{margin-top:10px; list-style-type:none; list-style-position:outside;}
.produit .descriptif .affiche ul li{display:inline-block; vertical-align:top; width:47%; padding-right:3%; margin-top:8px;}
.produit .descriptif .affiche ul li:before{content:"\2714\0000A0";}
.produit .descriptif .cadre{display:inline-block; vertical-align:top; width:33%; margin-top:18px; text-align:center; line-height:1.5;}
.produit .descriptif .cadre img{width:140px; max-width:90%; height:auto;}
.produit .descriptif .cadre .formfield-radio input[type="radio"] + label{padding:0 4px 0 10px;}
.produit .descriptif .msg_indispo{margin-top:5px; text-align:left; color:#D61E1E; font-weight:bold;}
.produit .descriptif .trans{margin-top:25px; border-top:1px solid black;}
.produit .descriptif .modele{margin-top:25px;}
.produit .descriptif .msgcadeau{margin-top:15px;}
.produit .descriptif .msgcadeau textarea{width:80%; height:100px; padding:10px; border:4px solid black; border-radius:6px;}
.produit .descriptif .date_dispo{margin-top:30px; margin-bottom:-15px; font-weight:bold;}
.produit .descriptif .date_dispo svg{vertical-align:-2px;}
.produit .descriptif .msgpromo{padding:7px; margin-top:30px; margin-bottom:-15px; background-color:#000; color:#fff; font-size:16px; line-height:1.5;}
.produit .descriptif .msgpromo .conditions{display:inline-block; font-size:12px; line-height:1.2;}
.produit .descriptif .vf{margin:20px 0 -10px 0; font-size:13px;}
.produit .descriptif .vf .txt{float:left; display:inline-block; margin:0 0 2px 0; color:#DC0405; text-transform:uppercase; font-weight:bold;}
.produit .descriptif .vf .decompte{float:right; margin:0 0 2px 0;}
.produit .descriptif .vf .decompte .txtbefore{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.produit .descriptif .vf .decompte .time{display:inline-block; vertical-align:middle; margin-right:4px; font-weight:bold;}
.produit .descriptif .vf .jauge{width:100%; height:16px; border-radius:6px; background-color:#e6e6e6; overflow:hidden;}
.produit .descriptif .vf .jauge .niveau{width:100%; height:100%; margin-left:-100%; background-color:#DC0405;}
.produit .descriptif .actions{position:relative; display:inline-block; margin-top:30px;}
.produit .descriptif .actions .social{display:inline-block; vertical-align:middle; width:84px;}
.produit .descriptif .actions .social a{display:inline-block; vertical-align:middle; width:36px; height:32px; padding-top:4px; border:4px solid black; border-radius:6px; color:#000000; font-size:24px; text-align:center;}
.produit .descriptif .actions .social a svg{margin-top:2px;}
.produit .descriptif .actions .social a.addthis_button_twitter{margin-left:-4px;}
.produit .descriptif .actions .social a.addthis_button_pinterest_share{margin-top:-4px;}
.produit .descriptif .actions .social a.addthis_button_whatsapp{margin-left:-4px; margin-top:-4px; height:35px; padding-top:1px; font-size:28px;}
@media (hover: hover){
	.produit .descriptif .actions .social a:hover{color:#fff; cursor:pointer;}
	.produit .descriptif .actions .social a:hover svg path{fill:#fff; cursor:pointer;}
	.produit .descriptif .actions .social a.addthis_button_facebook:hover{background-color:#3B5998;}
	.produit .descriptif .actions .social a.addthis_button_twitter:hover{background-color:#1DA1F2}
	.produit .descriptif .actions .social a.addthis_button_pinterest_share:hover{background-color:#BD081C}
	.produit .descriptif .actions .social a.addthis_button_whatsapp:hover{background-color:#6ac240}
}
.produit .descriptif .actions .prix{display:inline-block; vertical-align:middle; width:106px; height:76px;  border:4px solid black; border-radius:6px; margin-left:-4px; background-color:#FFFFFF; text-align:center;}
.produit .descriptif .actions .prix .normal{display:inline-block; vertical-align:middle; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; color:#000000;}
.produit .descriptif .actions .prix .promo{display:inline-block; vertical-align:middle; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; color:#000000;}
.produit .descriptif .actions .prix .barre{display:inline-block; vertical-align:middle; padding-top:10px; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:20px; color:#000000; text-decoration:line-through;}
.produit .descriptif .actions .bt-ajout-panier{display:inline-block; vertical-align:middle; height:76px; border:4px solid black; border-radius:6px; margin-top:0; margin-left:-4px; background-color:#FFFFFF; text-align:center;}
.produit .descriptif .actions .bt-ajout-panier input{display:inline-block; width:270px; height:100%; -webkit-transition:background-color 0.6s; transition:background-color 0.6s; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; color:#000000; text-transform:uppercase;}
@media (hover: hover){
	.produit .descriptif .actions .bt-ajout-panier input:hover{background-color:#BEDBD7;}
}
.produit .descriptif .actions .bt-ajout-panier input[disabled=disabled]{background-color:#eee; color:#aaa; cursor:default;}
.produit .descriptif .actions .bt-ajout-wishlist{display:inline-block; vertical-align:middle; width:85px; height:56px; padding:20px 6px 0 6px; border:4px solid black; border-radius:6px; margin-left:-4px; background-color:#FFFFFF; -webkit-transition:background-color 0.6s; transition:background-color 0.6s; font-size:32px; color:#000000; text-align:center;}
@media (hover: hover){
	.produit .descriptif .actions .bt-ajout-wishlist:hover{background-color:#FF005D; color:#fff;}
	.produit .descriptif .actions .bt-ajout-wishlist:hover svg path{fill:#fff; cursor:pointer;}
}
.produit .descriptif .actions .border_left{position:absolute; top:20px; left:0; width:4px; height:40px; background-color:#000000;}
.produit .descriptif .actions .border_right{position:absolute; top:20px; right:0; width:4px; height:40px; background-color:#000000;}
.produit .descriptif .actions .border_top{position:absolute; top:0; left:5%; width:90%; height:4px; background-color:#000000;}
.produit .descriptif .actions .border_bottom{position:absolute; bottom:0; left:5%; width:90%; height:4px; background-color:#000000;}
.produit .descriptif .frais-port{width:100%; margin-top:20px; padding:4px 0 4px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
.produit .descriptif .frais-port.noel{line-height:20px; border:0; background-color:#f5f5f5;}
.produit .descriptif .engagements{margin-top:20px; line-height:26px; text-align:left;}
.produit .descriptif .engagements .picto{display:inline-block; vertical-align:middle; width:18px; text-align:center; margin-right:2px;}
.produit .descriptif .engagements strong{text-transform:uppercase;}
.produit .descriptif .engagements a{color:#000000; text-decoration:underline;}
/*.produit .descriptif .libelle{float:left; width:105px; margin-top:20px; color:#000000; text-transform:uppercase;}
.produit .descriptif .modele{display:inline-block; width:100px; height:30px; margin-top:20px; margin-right:30px; overflow:hidden; background:url(images/pdt-filtre.png) no-repeat;}
.produit .descriptif .modele select{height:30px; background:transparent; padding:5px; line-height:1; border:0; border-radius:0; font-family:'Roboto Condensed', sans-serif; font-size:14px; color:#37302a; text-transform:uppercase; -webkit-appearance:none; -moz-appearance:none; appearance:none;}*/
.produit .descriptif .qte{position:relative; display:none; width:50px; height:30px; margin-top:20px; overflow:hidden; background:url(images/pdt-qte.png) no-repeat;}
.produit .descriptif .qte input{height:22px; background:transparent; line-height:1; border:0; border-radius:0; font-family:'Roboto Condensed', sans-serif; font-size:14px; color:#37302a; text-transform:uppercase; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.produit .descriptif .qte #form_produit_qte_btplus{position:absolute; top:0; right:0; width:20px; height:15px;}
.produit .descriptif .qte #form_produit_qte_btmoins{position:absolute; bottom:0; right:0; width:20px; height:15px;}
.produit .descriptif .qte-min{display:inline-block; margin-left:20px;}
.produit .descriptif .alerte_nodispo{display:none; padding:10px; margin-top:25px; margin-bottom:10px; background-color:#eee;}
.produit .descriptif .alerte_nodispo .nodispo{margin-bottom:10px; color:#D61E1E; font-weight:bold; font-size:16px;}
.produit_mobile_popup{display:none; position:fixed; top:0; left:0; z-index:2000; width:100%; padding-bottom:35px; background:#f5f5f5; box-shadow:0 0 5px #494949;}
.produit_mobile_popup .close{position:absolute; top:10px; right:10px; font-size:20px; color:#000;}
.produit_mobile_popup span{display:block; margin-top:35px; text-align:center; font-size:18px;}
.produit_mobile_popup span svg{vertical-align:bottom; display:inline-block;}
.produit_mobile_popup .bt{display:block; width:90%; margin:20px auto 0 auto;}
.produit_mobile_popup .bt + .bt{display:block; width:90%; margin:20px auto 0 auto; background-color:#000; color:#fff;}
.ventes-croisees{width:100%; padding:25px 0; text-align:center;}
.ventes-croisees h2{font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; text-transform:uppercase; color:#000;}
.avis-clients{position:relative; width:1140px; max-width:96%; margin:auto; padding:25px 0; text-align:center;}
.avis-clients h2{font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; text-transform:uppercase; color:#000;}
.avis-clients .avis-verifies{position:absolute; bottom:25px; right:0; text-align:right;}
.avis-clients .pager{margin-top:20px;}
@media screen and (max-width:1145px){
	.produit .descriptif{width:49%; padding-right:1%;}
	.produit .descriptif .affiche ul li{display:list-item; width:97%; padding-right:3%;}
	.produit .descriptif .actions{width:100%;}
	.produit .descriptif .actions .bt-ajout-wishlist{width:calc(50% - 46px); padding:20px 0 0 0;}
	.produit .descriptif .actions .prix{width:calc(50% - 46px);}
	.produit .descriptif .actions .bt-ajout-panier{width:calc(100% - 8px); margin-left:0; margin-top:-4px;}
	.produit .descriptif .actions .bt-ajout-panier input{width:100%;}
	.produit .descriptif .actions .border_left{height:80px;}
	.produit .descriptif .actions .border_right{top:60px;}
}
@media screen and (max-width:900px){
	.produit{margin-top:10px;}
	.produit .fil_ariane{height:19px; margin-top:-54px; margin-bottom:25px;}
	.produit .fil_ariane .links{padding:0 0 0 80px;}
	.produit .descriptif{padding-top:30px;}
}
@media screen and (max-width:700px){
	.produit{text-align:center;}
	.produit .fil_ariane{width:96%; height:auto; margin:auto;}
	.produit .fil_ariane .links{padding:0;}
	.produit .images{width:100%; margin:20px auto 0 auto;}
	.produit .descriptif{width:96%; margin:20px auto 0 auto; padding-left:0; padding-top:0;}
	.avis-clients .avis-verifies{position:relative; bottom:auto; right:auto; margin-top:20px; text-align:center;}
}
@media screen and (max-width:600px){
	.produit .descriptif{text-align:center;}
	.produit .descriptif .actions{margin:30px auto 0 auto;}
}
@media screen and (max-width:500px){
	.produit .images .label img{max-width:70px; height:auto;}
}
@media screen and (max-width:400px){
	.produit .images .label.new, .produit .images .label.promo{width:60px; height:60px; border-radius:30px; line-height:60px; font-size:12px;}
	.produit .images .label.promo{font-size:16px;}
}


/* Bloc avis */
.blocreview{width:1140px; max-width:100%; margin:30px auto 0 auto; padding-top:30px; border-top:1px solid #b3b3b3; text-align:left;}
.blocreview.produit{border-top:0; padding-top:0;}
.blocreview .fondnote{display:inline-block; vertical-align:middle; width:124px; height:19px; background-image:url(images/note_empty_big.png); background-size:124px 19px;}
.blocreview .fondnote .note{height:19px; margin:0; background-image:url(images/note_full_big.png); background-size:124px 19px;}
.blocreview .author{display:inline-block; vertical-align:middle; margin-left:15px; line-height:19px;}
.blocreview p{font-size:16px; line-height:1.4;}
.blocreview .answer{margin-left:75px; margin-top:7px; padding-left:10px; border-left:1px solid #b3b3b3; font-size:14px;}
.blocreview .answer p{font-size:14px;}
@media screen and (max-width:600px){
	.blocreview .author{display:block; margin-left:0; margin-top:5px; font-size:12px;}
}


/* Bloc fil d'ariane du tunnel de commande */
.tunnel-cde{width:100%; padding-top:25px; margin-bottom:50px; text-align:center;}
.tunnel-cde .etape{position:relative; display:inline-block; vertical-align:top; width:22%; margin-right:4%; margin-bottom:20px; border-top:1px solid #000; opacity:0.2; text-transform:uppercase;}
.tunnel-cde .etape a{color:#4c4c4c; text-decoration:underline;}
.tunnel-cde .etape.sel{opacity:1;}
.tunnel-cde .etape.done{border-top:1px solid #7f9859; color:#7f9859; opacity:1;}
.tunnel-cde .step4{margin-right:0;}
.tunnel-cde .etape .no{position:absolute; left:10px; top:10px; display:inline-block; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:20px;}
.tunnel-cde .etape .titre{position:absolute; left:40px; top:10px; display:inline-block; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:20px;}
@media screen and (max-width:1050px){
	.tunnel-cde .etape{/*width:auto;*/ height:auto; /*padding:5px;*/}
	.tunnel-cde .sel{/*width:auto;*/ height:auto;}
	.tunnel-cde .etape .no{position:relative; left:0; top:0;}
	.tunnel-cde .etape .titre{position:relative; left:0; top:0; margin-left:10px;}
	.tunnel-cde .etape .titre2{display:none;}
}
@media screen and (max-width:900px){
	.tunnel-cde{padding-top:10px; margin-bottom:20px;}
}
@media screen and (max-width:750px){
	.tunnel-cde .etape .no{font-size:24px;}
	.tunnel-cde .etape .titre{font-size:14px; margin-left:5px;}
}
@media screen and (max-width:570px){
	.tunnel-cde .etape{width:19%;}
	.tunnel-cde .etape.sel{width:31%;}
	.tunnel-cde .etape .titre{display:none;}
	.tunnel-cde .sel .titre{display:inline-block;}
}


/* Styles communs pages process commande */
.processcde .col{display:inline-block; vertical-align:top; width:48.68%; padding-bottom:20px; margin:0 auto 20px auto; text-align:center;}
/*.processcde .col.colpaiement{height:220px;}*/
.processcde .coltrans{display:inline-block; width:2.64%;}
.processcde h1{padding:15px; background-color:#000; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:18px; text-align:left; color:#FFFFFF; line-height:0.9;}
.processcde h1 .subtitle{font-size:13px; font-style:italic; text-transform:none;}
.processcde .tunnel-cde-bt, .processcde input[type=submit].tunnel-cde-bt, .processcde input[type=button].tunnel-cde-bt{display:inline-block; vertical-align:middle; width:280px; line-height:70px; border:4px solid black; border-radius:6px; background:#FFFFFF; text-align:center; -webkit-transition:background-color 0.6s; transition:background-color 0.6s; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:24px; color:#000000; text-decoration:none; text-transform:uppercase;}
.processcde .tunnel-cde-bt:hover, .processcde input[type=submit].tunnel-cde-bt:hover, .processcde input[type=button].tunnel-cde-bt:hover{background-color:#BEDBD7;}
.processcde .itemliv{position:relative; display:inline-block; vertical-align:top; min-height:350px; border: solid 1px #cbcbcb; text-align:center;}
.processcde.panier .itemliv{min-height:inherit; margin-top:20px !important;}
.processcde.panier .itemliv.recap{border:0;}
.processcde .itemliv.nb1{width:96%; padding:2%; min-height:0;}
.processcde .itemliv.nb2{width:45%; padding:1.5%; margin:0 3% 0 0;}
.processcde .itemliv.nb2 + .itemliv.nb2{margin-right:0; float:right;}
.processcde .itemliv.nb3{width:27.5%; padding:1.5%; margin:0 3.5% 0 0;}
.processcde .itemliv.nb3 + .itemliv.nb3 + .itemliv.nb3{margin-right:0; float:right;}
.processcde .itemliv.nb4{width:19.5%; padding:1.5%; margin:0 3% 0 0;}
.processcde .itemliv.nb4 + .itemliv.nb4 + .itemliv.nb4 + .itemliv.nb4{margin-right:0; float:right;}
.processcde .itemliv.sel{position:relative; z-index:1; border-bottom:0; padding-bottom:50px; background-color:#f5f5f5;}
.processcde.panier .itemliv.sel{border-bottom:solid 1px #cbcbcb; padding-bottom:1.5%;}
.processcde .itemliv.sel.nb1{padding-bottom:0;}
.processcde .itemliv .ml_logo{height:60px; margin:20px 0 0 0;}
.processcde .itemliv .ml_logo img{display:block; max-width:90%; max-height:100%; margin:auto;}
.processcde .itemliv .ml_prix{margin:20px 0 0 0; font-size:14px; line-height:1.3;}
.processcde.panier .itemliv .ml_prix{font-size:16px;}
.processcde .itemliv .ml_prix .desc{display:block; min-height:50px; font-weight:bold;}
.processcde .itemliv .ml_prix .delai{display:block; margin-bottom:10px;}
.processcde .itemliv .ml_prix .prix{display:block; font-size:22px; font-weight:bold;}
.processcde .itemliv .ml_prix .prix .barre{font-size:18px; font-weight:400; text-decoration:line-through;}
.processcde .itemliv .ml_prix a{color:#141414; text-decoration:underline;}
.processcde .itemliv .ml_radio{display:none;}
.processcde .itemliv .ml_bt{margin:20px 0 0 0;}
.processcde .itemliv .ml_bt a.bt.autre{display:none;}
.processcde .itemliv.sel .ml_bt a.bt{opacity:0.3;}
.processcde .itemliv .ml_titre{margin:15px 0 0 0; font-size: 16px; font-weight: bold; color: #494949; text-align:left;}
.processcde .itemliv .ml_desc{min-height:105px; margin:20px 0 0 0; font-size:14px; line-height:1.3; text-align:left;}
.processcde .itemliv .ml_desc img{max-width:100%; max-height:100%;}
.processcde .warning{width:97%; padding:1.5%; margin-bottom:20px; background-color:#f9e806; line-height:1; text-align:left;}
.processcde .warning svg{display:inline-block; vertical-align:-4px; margin-right:3px;}
@media screen and (max-width:900px){
	.processcde .itemliv .ml_bt a.bt{min-width:inherit;}
	.processcde .col{display:block; min-width:490px;}
	.processcde .coltrans{display:none;}
}
@media screen and (max-width:600px){
	.processcde .tunnel-cde-bt, .processcde input[type=submit].tunnel-cde-bt, .processcde input[type=button].tunnel-cde-bt{min-width:140px; width:auto; line-height:36px; padding:0 4px; font-size:16px;}
	.processcde .itemliv.nb1, .processcde .itemliv.nb2, .processcde .itemliv.nb3, .processcde .itemliv.nb4{display:block; min-height:0; width:92%; padding:2%; margin:20px auto 0 auto;}
	.processcde .itemliv.nb2 + .itemliv.nb2{margin-right:auto; float:none;}
	.processcde .itemliv.nb3 + .itemliv.nb3 + .itemliv.nb3{margin-right:auto; float:none;}
	.processcde .itemliv.nb4 + .itemliv.nb4 + .itemliv.nb4 + .itemliv.nb4{margin-right:auto; float:none;}
	.processcde .itemliv.unsel{display:none;}
	.processcde .itemliv .ml_logo{display:inline-block; vertical-align:top; width:30%; margin:0;}
	.processcde .itemliv .ml_prix{display:inline-block; vertical-align:top; width:68%; margin:0 0 0 2%; text-align:left;}
	.processcde .itemliv .ml_prix .desc{min-height:auto; margin-bottom:10px;}
	.processcde .itemliv .ml_bt{position:absolute; left:2%; bottom:7%; width:29%; margin:0;}
	.processcde.panier .itemliv.recap{border-bottom:1px solid #cbcbcb;}
	.processcde.panier .itemliv .ml_logo{float:left; width:60%; height:60px; margin:0; text-align:center;}
	.processcde.panier .itemliv .ml_prix, .processcde.paiement .itemliv .ml_titre, .processcde.paiement .itemliv .ml_desc{float:left; width:60%; margin:5px 0 0 0; text-align:center;}
	.processcde.panier .itemliv .ml_bt{float:right; position:relative; left:auto; bottom:auto; width:40%; margin:-40px 0 0 0;}
	.processcde.panier .itemliv.recap .ml_titre, .processcde.paiement .itemliv.recap .ml_desc{text-align:left;}
	.processcde.panier .itemliv.recap .ml_bt{margin:30px 0 0 0; text-align:right;}
	.processcde .itemliv.sel .ml_bt a.bt{display:none;}
	.processcde .itemliv.sel .ml_bt a.bt.autre{display:inline-block; opacity:1;}
}
@media screen and (max-width:500px){
	.processcde .col{width:100%; min-width:inherit;}
	.processcde .col.colpaiement{height:auto;}
}


/* Page panier / récapitulatif commande */
.panier{width:1140px; max-width:98%; margin:auto; text-align:center;}
.panier .vide{padding-top:40px; padding-bottom:80px; text-align:center;}
.panier .tableau-titre{display:inline-block; width:100%; padding:10px 0 0 0; text-align:left; color:#000; text-transform:uppercase; font-weight:700;}
.panier .tableau-titre .col-designation{display:inline-block; width:40%; text-align:left;}
.panier .tableau-titre .col-pu{display:inline-block; width:17%; text-align:center;}
.panier .tableau-titre .col-qte{display:inline-block; width:17%; text-align:center;}
.panier .tableau-titre .col-pt{display:inline-block; width:17%; text-align:center;}
.panier .tableau-titre .col-del{display:inline-block; width:9%; text-align:center;}
.panier .tableau-ligne{display:inline-block; width:100%; padding:10px 0 10px 0; text-align:left;}
.panier .tableau-ligne .hide{display:none;}
.panier .tableau-ligne .col-img{display:inline-block; vertical-align:middle; width:10%; min-width:60px; text-align:left;}
.panier .tableau-ligne .col-img img{width:90%; height:auto;}
.panier .tableau-ligne .col-designation{display:inline-block; vertical-align:top; width:30%; min-width:155px; text-align:left; font-size:14px; line-height:1.4;}
.panier .tableau-ligne .col-designation svg{vertical-align:-3px;}
.panier .tableau-ligne .col-pu{display:inline-block; vertical-align:middle; width:17%; text-align:center; font-size:16px; font-weight:bold;}
.panier .tableau-ligne .col-qte{display:inline-block; vertical-align:middle; width:17%; font-size:18px; text-align:center;}
.panier .tableau-ligne .col-qte form{position:relative; width:60px; height:46px; margin:auto; text-align:left;}
.panier .tableau-ligne .col-qte form input[type=text]{width:40px; height:100%; line-height:100%; padding:0; border:0; border-radius:0; background:none; font-size:18px; color:#000000; text-align:center;}
.panier .tableau-ligne .col-qte form .btplus{position:absolute; top:0; right:0; width:20px; font-size:16px; color:#000000}
.panier .tableau-ligne .col-qte form .btmoins{position:absolute; bottom:0; right:0; width:20px; font-size:16px; color:#000000;}
.panier .tableau-ligne .col-pt{display:inline-block; vertical-align:middle; width:17%; text-align:center; font-size:16px; font-weight:bold;}
.panier .tableau-ligne .col-del{display:inline-block; vertical-align:middle; width:9%; text-align:center;}
.panier .tableau-ligne .col-del a{color:#000000; font-size:16px;}
.panier .tableau-ligne .col-action{display:inline-block; vertical-align:middle; width:15%; text-align:center;}
.panier .tableau-ligne .col-action a{color:#000000; text-decoration:none;}
.panier .vente-add{display:inline-block; width:100%; margin-top:20px; padding-top:20px; /*border-top:1px solid #000;*/}
.panier .picto{position:relative; z-index:2; width:80px; height:30px; line-height:30px; margin-top:30px; margin-left:20px; background-color:#eee; border:1px solid #c7c7c7; border-bottom:1px solid #eee; border-top-left-radius:3px; border-top-right-radius:3px; font-size:18px; text-align:center;}
.panier .picto svg{margin-top:4px;}
.panier .bon-reduc{position:relative; padding:20px 10px; background-color:#eeeeee; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.7); text-align:left; line-height:1.4;}
.panier .bon-reduc form input[type=text]{display:inline-block; vertical-align:middle; width:90px; padding-left:10px; height:30px; border:2px solid black; border-radius:6px;}
.panier .bon-reduc form input[type=submit]{display:inline-block; vertical-align:middle; width:40px; height:34px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-left:-4px; background-color:#000000; color:#FFFFFF;}
.panier .bon-reduc .utilises-titre{margin:10px auto 0 auto; font-size:12px;}
.panier .bon-reduc .utilises-ligne{margin:5px auto 0 auto; font-size:12px;}
.panier .frais-port{position:relative; padding:20px 10px; background-color:#eeeeee; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.7); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.7); text-align:left; line-height:1.4;}
.panier .frais-port a{color:#000; font-weight:bold; font-size:16px; text-decoration:underline;}
.panier .frais-port br{content:""; display:block; height:10px;}
.panier .totaux{display:inline-block; width:100%; margin:20px 0 0 0; padding:10px 0 10px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; color:#d2d2d2; text-align:left;}
.panier .totaux .intitule{display:inline-block; width:65%; text-align:right; font-size:18px; font-weight:bold; line-height:1.5;}
.panier .totaux .montant{display:inline-block; width:20%; text-align:right; font-size:18px; font-weight:bold; line-height:1.5;}
.panier .totaux .big{font-size:24px; color:#000000;}
.panier .mentionsadd{margin-top:15px; text-align:right;}
.panier .boutons{display:inline-block; width:100%; margin:30px 0 50px 0;}
.panier .boutons .previous{display:inline-block; width:50%; text-align:left;}
.panier .boutons .next{display:inline-block; width:50%; text-align:right;}
.panier #form_moyen_paiement{padding-bottom:50px; border-bottom:1px solid #dcdcdc; margin:20px auto 50px auto; text-align:center;}
@media screen and (max-width:750px){
	.panier .bon-reduc .texte{width:100%; padding-bottom:15px;}
}
@media screen and (max-width:675px){
	.panier .bon-reduc form span{display:block;}
}
@media screen and (max-width:650px){
	.panier .tableau-titre{display:none;}
	.panier .tableau-ligne{padding:20px 0 10px 0;}
	.panier .tableau-ligne .hide{display:inline-block;}
	.panier .tableau-ligne .col-img{float:left; width:30%;}
	.panier .tableau-ligne .col-designation{display:block; width:auto;}
	.panier .tableau-ligne .col-pu{display:none;}
	.panier .tableau-ligne .col-qte{width:auto; padding-top:10px; text-align:left;}
	.panier .tableau-ligne .col-pt{width:auto; padding-top:10px; padding-left:15px; text-align:left;}
	.panier .tableau-ligne .col-del{width:auto; padding-top:10px; padding-left:15px; text-align:left;}
	.panier .tableau-ligne .col-action{width:auto; margin:10px;}
	.panier .vente-add .tableau-ligne .col-qte{width:20%; padding:0; text-align:right;}
	.panier .vente-add .tableau-ligne .col-pt{width:20%; padding:0; text-align:right;}
	.panier .vente-add .tableau-ligne .col-del{display:none;}
	.panier .totaux .intitule{font-size:16px;}
	.panier .totaux .montant{font-size:16px;}
	.panier .totaux .big{font-size:18px;}
}
@media screen and (max-width:400px){
	.panier .vente-add .tableau-ligne .col-gallobox2{width:70%;}
	.panier .vente-add .tableau-ligne .col-qte{width:30%;}
	.panier .vente-add .tableau-ligne .col-pt{display:none;}
}


/* Styles communs formulaires */
.formulaire .erreur{padding-top:30px; font-size:16px; color:#FF0000; text-align:left;}
.formulaire .ok{padding-top:30px; font-size:16px; color:#31d050;}
.formulaire .libelle{display:inline-block; width:90%; margin-top:20px; text-align:left;}
.formulaire .libelle em{display:block; color:#b4b4b4; font-size:13px;}
.formulaire .libelle a:not(.bt){color:#000; text-decoration:underline;}
.formulaire .champ{display:inline-block; width:90%; margin-top:3px; margin-bottom:10px; text-align:left;}
.formulaire .champ a:not(.bt){color:#000; text-decoration:underline;}
.formulaire input[type=text], .formulaire input[type=password], .formulaire textarea{width:100%; height:32px; line-height:32px; padding:0 4px; border-bottom:1px solid #dcdcdc;}
.formulaire input.password{display:inline-block; vertical-align:middle; width:calc(100% - 70px);}
.formulaire .btpasswdshow{display:inline-block; vertical-align:middle; width:60px; height:32px; line-height:32px; border-bottom:1px solid #dcdcdc; background-color:#fff; text-align:center;}
.formulaire .btpasswdshow svg{margin-top:4px;}
.formulaire .btpasswdshow .off{display:none;}
.formulaire textarea{height:100px;}
.formulaire input[type=text][readonly=readonly]{padding:0; border-bottom:0;}
.formulaire select{height:33px; line-height:33px; border:0; border-radius:0; border-bottom:1px solid #dcdcdc; background-image:url(images/fond-select.png); background-size:18px auto; background-position:right 6px center;}
/*.formulaire input[type=text], .formulaire input[type=password]{background:#fff; width:96%; height:20px; padding:2%; border:0; border-radius:6px;}
.formulaire textarea{width:90%; height:100px; padding:2px; border:0; border-radius:3px; background-color:#fff;}*/
.formulaire .libelle.captcha{display:none;}
.formulaire .champ.captcha{display:none;}
@media screen and (max-width:450px){
	.formulaire .champ img{max-width:140px;}
}


/* Page authentification */
.page-login{width:1140px; max-width:100%; margin:auto; padding-bottom:50px; text-align:center;}
.page-login.loginonly{padding-top:35px;}
.page-login .blocauth{position:relative; width:500px; max-width:96%; margin:auto;}
.page-login #bloc2, .page-login #bloc3, .page-login #bloc4{display:none;}
.page-login .blocauth .loading{display:none; position:absolute; top:0; left:0; width:100%; height:110%; background-color:rgba(255,255,255,0.7);}
.page-login .erreur{width:90%; margin:auto;}
.page-login .erreur_ajax{display:none; width:90%; margin:auto; padding-top:30px; font-size:16px; color:#FF0000; text-align:left;}
.page-login .lostpassword{display:inline-block; width:45%; margin-top:20px; text-align:left;}
.page-login .lostpassword .bt{letter-spacing:-0.05em;}
.page-login .creer-cpte{display:inline-block; width:45%; margin-top:15px; text-align:right;}
.page-login .trans{width:450px; max-width:96%; margin:50px auto 0 auto; border-top:1px solid #000;}
.page-login .trans span{display:block; width:50px; margin:-10px auto 0 auto; padding:0 10px; background-color:#fff; font-size:16px;}
.page-login .rs{width:500px; max-width:100%; margin:30px auto 0 auto; text-align:center;}
@media screen and (max-width:900px){
	.page-login.loginonly{padding-top:10px;}
}


/* Page livraison */
.livraison{position:relative; width:980px; max-width:100%; margin:auto; padding-bottom:40px; text-align:left;}
.livraison h1{padding-left:0; background-color:transparent; color:#000;}
.livraison .warning{padding:10px; margin:auto; margin-bottom:20px; background-color:#f8cc0a; text-align:left;}
.livraison .col2{display:inline-block; padding-bottom:20px; background-color:#eeeeee; vertical-align:top; text-align:center;}
.livraison .blocoptions{display:none; position:relative; z-index:0; padding:0 20px 40px 20px; margin-top:-1px; border:solid 1px #cbcbcb; background-color:#f5f5f5; text-align:left;}
.livraison .blocoptions h1{margin-top:40px;}
.livraison .blocoptions #adrliv, .livraison .blocoptions #adrfac{margin:5px 0 0 10px; line-height:1.4;}
.livraison .blocoptions .blocadrfac{display:none;}
.livraison .blocoptions .blocadrfac .blocadrfac_check{margin-bottom:10px;}
.livraison .blocoptions .btvalidliv{margin-top:20px; text-align:center;}
.livraison .blocoptions #destliv{display:none; padding:15px 0 0 10px; border-top:1px solid #c8c8c8; margin:15px 0 0 0;}
.livraison .blocoptions #destliv span input[type=text]{width:auto; margin-top:5px;}
.livraison .blocformadr{display:none; position:relative; z-index:0; padding:20px 20px 40px 20px; margin-top:-1px; border:solid 1px #cbcbcb; background-color:#f5f5f5; text-align:left;}
.livraison .cr_search *{display:inline-block; vertical-align:middle;}
.livraison .cr_load{display:none; margin-top:30px;}
.livraison .cr_noresult{display:none; margin-top:30px;}
.livraison .cr_phone{display:none; margin-top:30px; margin-left:20px; text-align:left;}
.livraison .cr_bloc{padding:15px 0; border-bottom:1px solid #cbcbcb;}
.livraison .cr_bloc .cr_plan{display:inline-block; vertical-align:top; width:40%;}
.livraison .cr_bloc .cr_plan iframe{width:100%; height:190px;}
.livraison .cr_bloc .cr_adr{display:inline-block; vertical-align:top; width:35%; margin-left:3%;}
.livraison .cr_bloc .cr_adr input{display:none;}
.livraison .cr_bloc .cr_adr .horaires{font-size:13px;}
.livraison .cr_bloc .cr_bt{display:inline-block; vertical-align:top; width:19%; margin-left:3%; font-size:18px; font-weight:bold; color:#d51717;}
.livraison .cr_bloc .cr_bt a.bt{width:auto; min-width:inherit;}
.livraison .cr_bloc .cr_bt a.bt.plan{display:none;}
.livraison .bt2{display:inline-block; padding:0 12px; height: 24px; line-height:24px; background-color: #ffffff; border: solid 1px #000; font-size:12px; font-weight: bold; text-align: center; text-decoration:none; color: #000;}
.livraison .delais{max-width:96%; margin:20px auto 0 auto; font-size:12px;}
.livraison .delais a{color:#000000; text-decoration:underline;}
@media screen and (max-width:500px){
	.livraison .blocoptions{width:92%; padding:2%; margin:-1px auto 0 auto;}
	.livraison .blocformadr{width:92%; padding:20px 2% 40px 2%; margin-left:auto; margin-right:auto;}
	.livraison .blocoptions #destliv span{display:block;}
	.livraison .blocoptions #destliv span input[type=text]{width:45%;}
	.livraison .cr_bloc .cr_plan{display:none;}
	.livraison .cr_bloc .cr_adr .horaires{display:none;}
	.livraison .cr_bloc .cr_adr{display:block; width:100%; margin-left:0;}
	.livraison .cr_bloc .cr_bt{display:block; width:100%; margin-left:0; text-align:center;}
	.livraison .cr_bloc .cr_bt a.bt.plan{display:inline-block; margin-right:20px; background-color:#fff;}
}


/* Rubrique Mon Compte */
.compte{width:1140px; max-width:100%; margin:auto; padding-bottom:50px; text-align:left;}
.compte h1{font-family:'Ciutadella Rounded'; font-weight:bold; color:#000; font-size:26px; text-transform:uppercase; text-align:center; line-height:1.2;}
.compte .sstitre{color:#9c0b00; font-style:italic; font-size:14px; font-family: 'Roboto Condensed', sans-serif; text-transform:none;}
.compte img{max-width:100%; height:auto;}
.compte .menu{display:inline-block; vertical-align:top; width:25%; padding-top:35px;}
.compte .menu .titre{padding-bottom:7px; border-bottom:2px solid #000; text-align:left; font-family:'Ciutadella Rounded'; font-weight:bold; color:#000; font-size:26px; line-height:1.2; text-transform:uppercase;}
.compte .menu .menu_detail .menu-arrow{display:none; width: 26px; height: 26px; margin-bottom:10px; background:none; border: none; flex-shrink: 0;}
.compte .menu .menu_detail .menu-arrow:hover{background:none;}
.compte .menu .menu_detail .menu-arrow:disabled{opacity: 0.3; cursor: not-allowed;}
.compte .menu .menu_detail nav ul{list-style:none; padding-top:20px;}
.compte .menu .menu_detail nav ul li{margin-bottom:10px; padding-bottom:10px; text-align:left;}
.compte .menu .menu_detail nav ul li a{color:#000;}
.compte .menu .menu_detail nav ul li a:hover{text-decoration:underline;}
.compte .menu .menu_detail nav ul li.sel a{padding-left:12px; background:url(images/chevron-right-solid.svg) no-repeat center left; background-size:8px; font-weight:bold;}
.compte .menu .menu_detail nav ul li.quit{padding-left:20px; background:url(images/panier-delete.png) no-repeat 0 0; background-size:15px;}
.compte .contenu{display:inline-block; width:69%; margin-left:2%; padding:2%; padding-top:35px; text-align:left; vertical-align:top;}
.compte .contenu .margehaute{margin-top:20px;}
.compte .contenu a:not(.bt){color:#000000; text-decoration:underline;}
.compte table{width:100%; text-align:center;}
.compte table.liv{width:auto; max-width:100%; margin-top:10px;}
.compte table tr td{position:relative; padding:10px;}
.compte table tr td.titre{color:#fff; padding:10px; background-color:#1f1f1f; text-align:center; font-weight:bold; text-transform:uppercase;}
.compte table tr td.row0{background-color:#f5f5f5;}
.compte table tr td.row1{background-color:#fff;}
.compte table tr td .label{position:absolute; top:0; left:0; z-index:100; display:inline-block; width:44px; height:44px; border-radius:22px; background-color:#000; font-family:'Ciutadella Rounded'; color:#FFFFFF; font-size:10px; font-weight:bold; text-transform:uppercase; line-height:44px; text-align:center;}
.compte .parrainage{width:100%;}
.compte .parrainage input[type=text]{width:200px; margin-left:30px;}
@media screen and (max-width:900px){
	.compte .menu{display:block; width:94%; margin:0 auto; padding-top:20px;}
	.compte .menu .titre{display:none;}
	.compte .menu .menu_detail{position:relative; display:flex; align-items:center; gap:0.5rem; border-bottom:2px solid #000;}
	.compte .menu .menu_detail .menu-arrow{display: flex; align-items: center; justify-content: center;}
	.compte .menu .menu_detail nav{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:ne; scroll-behavior:smooth;}
	.compte .menu .menu_detail nav::-webkit-scrollbar{display:none;}
	.compte .menu .menu_detail nav ul{display:flex; flex-wrap:nowrap; list-style:none; margin:0; padding:0; gap:1rem;}
	.compte .menu .menu_detail nav ul li{margin-bottom:0; flex-shrink:0; white-space:nowrap;}
	.compte .menu .menu_detail nav ul li a{display:block; padding: 0 5px;}
	.compte .menu .menu_detail nav ul li.sel a{padding-left:0; background:none; text-decoration:underline;}
	.compte .menu .menu_detail nav ul li.quit{padding-left:14px;}
	.compte .contenu{display:block; width:94%; margin:20px auto 0 auto; padding:30px 0 0 0;}
}
@media screen and (max-width:650px){
	.compte .parrainage{width:100%;}
	.compte .parrainage input[type=text]{width:90%; margin:5px 0 0 0;}
}


/* Page standard */
.page-standard{width:1140px; max-width:96%; margin:auto; padding-top:35px; padding-bottom:50px; text-align:left;}
.page-standard h1{padding:0; background-color:transparent; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:26px; color:#000000; line-height:1; text-align:center;}
.page-standard.rgpd h1{padding-bottom:30px;}
.page-standard h2{margin-top:30px; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:18px; line-height:1;}
.page-standard h3{margin-top:15px; font-family:'Ciutadella Rounded'; font-weight:bold; font-size:16px; line-height:1;}
.page-standard p{margin-top:10px; line-height:1.3;}
.page-standard p.baseline{margin-top:7px; margin-bottom:60px; text-align:center; font-style:italic; font-size:16px; line-height:1.4;}
.page-standard p a, .page-standard ul a{color:#000000; text-decoration:underline;}
.page-standard p a.bt{text-decoration:none;}
.page-standard .col{float:left; width:390px; margin-left:43px; text-align:justify;}
.page-standard .result{margin-top:20px; list-style-position:inside;}
.page-standard .result li{margin-bottom:15px;}
.page-standard .intro{margin-top:15px;}
.page-standard ul[class=intro] li{margin-top:8px; margin-left:20px;}
.page-standard form[name=contact]{display:block; width:80%; margin:auto;}
.page-standard form[name=contact] input[type=text], .page-standard form[name=contact] textarea{width:100%;}
.page-standard form[name=contact] .champ{text-align:center;}
.page-standard .tarifszone{display:inline-block; vertical-align:top; padding:1%;}
.page-standard #map{width:100%; height:650px; margin-top:25px; text-align:left;}
.page-standard .note{text-align:center;}
.page-standard .note .fondnote{display:inline-block; vertical-align:middle; width:195px; height:36px; background-image:url(images/note_empty_big.png);}
.page-standard .note .fondnote .fondnotejaune{height:36px; background-image:url(images/note_full_big.png);}
.page-standard .note .noteavg{display:inline-block; vertical-align:middle; line-height:36px; margin-left:20px; font-size:26px;}
.page-standard.fff{width:100%; max-width:100%; text-align:center;}
.page-standard.fff h1{line-height:1.3;}
.page-standard.fff .banner{margin-top:50px;}
.page-standard.fff .banner img{max-width:100%; height:auto;}
.page-standard.fff p{width:1200px; max-width:96%; margin:50px auto 0 auto; line-height:1.6; font-size:24px; font-weight:300;}
.page-standard.fff .pres{width:1200px; max-width:100%; margin:50px auto 0 auto;}
.page-standard.fff .pres img{display:block; max-width:100%; height:auto; cursor:zoom-in;}
.page-standard.fff .pres .gauche{display:inline-block; vertical-align:middle; width:65.9%; margin-right:1.6%;}
.page-standard.fff .pres .droite{display:inline-block; vertical-align:middle; width:32.5%;}
.page-standard.fff .pres .droite .haut{margin-bottom:2.5%;}
.page-standard.revendeurs{padding-bottom:0; text-align:center;}
.page-standard.revendeurs .trans{width:50px; margin:40px auto 0 auto; border-top:5px solid #000;}
.page-standard.revendeurs > h2{font-family:Roboto; font-weight:200; font-size:30px; line-height:1; text-align:center; text-transform:none;}
.page-standard.revendeurs > p{margin-top:30px;}
.page-standard.revendeurs p.ankorstore{margin-top:30px; font-weight:300; font-size:20px; line-height:1.3; text-align:center;}
.page-standard.revendeurs div.ankorstore_bloc{width:auto; margin-top:30px !important; padding:10px; background-color:#f9f5ef;}
.page-standard.revendeurs .ankorstore_bloc p.ankorstore{margin-top:0;}
.page-standard.revendeurs .ankorstore_avantages{margin-top:20px; list-style:none; text-align:center;}
.page-standard.revendeurs .ankorstore_avantages li{display:inline-block; vertical-align:top; width:150px; margin:15px 0 0 0; font-size:36px; text-align:center; line-height:1.3; color:#1e1937;}
.page-standard.revendeurs .ankorstore_avantages li span{display:block; font-weight:300; font-size:20px; color:#000;}
.page-standard.revendeurs .cta{margin:30px 0 40px 0; text-align:center;}
@media screen and (max-width:980px){
	.page-standard .tarifszone{width:30%; padding:1.5%;}
}
@media screen and (max-width:900px){
	.page-standard{padding-top:10px;}
}
@media screen and (max-width:600px){
	.page-standard .tarifszone{width:48%; padding:1%;}
	.page-standard .note .fondnote{display:block; margin:auto;}
	.page-standard .note .noteavg{display:block; margin:auto; text-align:center;}
	.page-standard.fff p{font-size:20px;}
	.page-standard.fff .pres img{width:100%;}
	.page-standard.fff .pres .gauche{display:block; width:100%; margin-right:0;}
	.page-standard.fff .pres .droite{display:block; width:100%;}
	.page-standard.fff .pres .droite .haut{margin-bottom:0;}
}