/* VARIABLES */
:root {
	--primary-color:#001833;
	--secondary-color:#E13765;
	--third-color:#EDDDC4;
	--fourth-color:#73BFB8;
	--main-text-color:#31393C;
	--fourth-text-color:#fff;
	--main-bg-color:#F2EEE5;
	--second-bg-color:#FFDDE1;
	--third-bg-color:#2D457F;
	--light-bg-color:#F4F7FA;
	--lightgrey-bg-color:#F2EEE5;
	--main-font:'Open Sans', sans-serif;
	--title-font:'Poppins', sans-serif;
	--main-font:'Open Sans', sans-serif;
	--blue-color:#0077FF;
	/* DESKTOP */
	--font-size-p:14px;
	--font-size-menu-link:16px;
	--font-size-p-big:16px;
	--font-size-p-bigplus:18px;
	--font-size-p-small:12px;
	--font-big-icon:27px;
	--font-size-question:18px;
	--font-size-menu-modal:25px;
	--font-size-menu-close:40px;
}
@media screen and (max-width: 770px) {
	:root {
		--font-size-p:12px;
		--font-size-menu-link:14px;
		--font-size-p-big:14px;
		--font-size-p-bigplus:16px;
		--font-size-p-small:12px;
		--font-big-icon:25px;
		--font-size-question:16px;
	}
}
/*****                  *****/
/*****      GENERAL    *****/
/*****                  *****/
html {
	overflow-x:hidden;
}
body {
	font-family:var(--main-font);
	color:var(--primary-color);
}
h2,h3,h4 {
	font-weight:700;
}
h2.titresection {
  font-family: Poppins;
  font-style: normal;
    font-weight: bold;
  font-size: 50px;
  line-height: 120%;
  margin-bottom:20px;
}
section.heropro { padding-bottom:50px; }
section.heropro h2.titresection { color:#ffffff !important; }
.readmore {
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #E13765;
}
.readmore:hover { color:#00234C; }
.container { max-width:1250px; }
.no-decoration:hover, a.no-decoration:hover {
	text-decoration:none;
}
.containersmall {
	max-width:1050px;
  margin:auto;
}
.width100 { width:100%; }
.btn {
	font-weight:500;
}
p {
	font-size:var(--font-size-p);
}
p.desc, ul.desc {
	font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.0015em;
}
.stickysidebar h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
	color: #31393C;
}
a.secondary { color:#E13765; }
.prelative {
	position:relative;
}
.margintop20 {
	margin-top:20px;
}
.marginbottom10 { margin-bottom:10px; }
.margintop0 { margin-top:0px !important; }
.margintop30 {
	margin-top:30px;
}
.marginbottom20 {
	margin-bottom:20px;
}
.marginleft20 { margin-left:15px; }
.marginright20 { margin-right:15px; }
.marginleft10 { margin-left:10px; }
.marginright10 { margin-right:10px; }
.margintop15 {
	margin-top:15px;
}
.padding60 {
	padding-top:60px;
	padding-bottom:60px;
}
.padding40 {
	padding:40px;
}
.sectionpage.padding60 {
	padding-top:60px;
	padding-bottom:60px;
}
.paddingbottom0 { padding-bottom:0px !important; }
.paddingtop0 { padding-top:0px !important; }
.paddingbottom30 {
	padding-bottom:30px;
}
.paddingtop50 {
	padding-top:50px;
}
.paddingbottom70 { padding-bottom:70px !important; }
.paddingtop26 {
	padding-top:26px;
}
.paddingleft10 { padding-left:10px; }
.paddingright10 { padding-right:10px; }
.paddingleft15 { padding-left:15px; }
.paddingright15 { padding-right:15px; }
#dropdownproduct .paddingtop26 { padding-top:43px; }
.nomargin {
	margin:0 !important;
}
img {
	max-width:100%;
}
img.relativeimg {
	position:relative;
	top:-2px;
}
nav .nav-link {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color:#001833;
}
nav .nav-link a { color:#001833; }
nav .nav-link:hover {
	color:var(--secondary-color) !important;
}
.btn-primary {
	/* Call to action */
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  background: #E13765;
  border-radius: 8px;
  border-color:#E13765;
  padding-left:32px;
  padding-right:32px;
  padding-top:15px;
  padding-bottom:15px;
  cursor:pointer;
}
.btn-small {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 15px;
	text-align: center;
	color: #FFFFFF;
}
.btn-primary.disabled, .btn-primary:disabled { background: #E13765;border-color:#E13765;opacity:1; }
.btn-secondary {
	/* Call to action */
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  border-color:#fff;
  padding-left:32px;
  padding-right:32px;
  padding-top:15px;
  padding-bottom:15px;
  color:#E13765;
}
.btnsmall {  font-size: 16px;line-height: 24px;text-align: center; }
.btnborder { border: 1px solid #D5DBDD; }
.btn-primary:hover, .btn-primary:focus, .btn-secondary:hover, .btn-secondary:focus{
	background:var(--primary-color) !important;
	border-color:var(--primary-color)  !important;
}
.button-primary {
	background:var(--fourth-color);
}
a.call-to-action {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
}
a.call-to-action:hover, a.call-to-action:focus {
	color:var(--secondary-color);
	text-decoration:none;
}
a.call-to-action span {
	color:var(--secondary-color);
	position:relative;
	top:10px;
}
.showmobile { display:none; }
footer a.call-to-action, a.callsmall {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
}
.material-icons-outlined {
	font-size:32px;
}
.sectionpage {
	padding-top:30px;
	padding-bottom:30px
}
.sectionpage2 { padding-bottom:80px  }
#mockup { padding-top:80px;padding-bottom:80px; }
#mockup .chapeau { max-width: 500px; }
.smalldiv { max-width: 900px;margin:auto; }
#mockup img { border-radius: 6px; }
#homefaq h3.titreblocinfo { margin-top:0px; }
#homefaq .desc { margin-bottom: 80px; }
#homefaq a { color: #31393C;text-decoration:underline; }
#instagramfeed .desc { margin-bottom:80px; }
#instagramfeed .btnborder { margin-top:30px;border: 1px solid #D5DBDD; }
#becreative h3 { margin-top:0px; }
#becreative .desc { margin-bottom:60px; }
.creativetextbloc h3 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 142%;
	text-align: center;
	color: #00234C;
	max-width:900px;
	margin:auto;
	margin-bottom:20px;
}
.creativetextbloc .chapeau { margin-bottom:0px; }
.posrelative {
	position:relative;
}
.posabsolute {
	position:absolute;
}
.card {
	padding:20px;
	border:none;
	box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.bgthird {
	background-color:var(--third-bg-color);
}
.bgthird h3.titreblocinfo { color:#fff; }
.bglight {
	background-color:var(--lightgrey-bg-color);
}
.bgsecond {
	background-color:var(--second-bg-color);
}
.bglightgrey {
	background:#F4F7FA;
}
.bgprimary {
	background-color: var(--primary-color);
}
.bgrose {
	background:var(--second-bg-color);
}
.bgthird h4, .bgthird p {
	color:#fff;
}
.bgbleu {
	background:var(--blue-color);
}
.bgbleu:hover {
	background:var(--secondary-color);
}
.bgbleu a {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
}
.bgbleu a:hover {
	text-decoration:none;
}
.bgbleu span.material-icons-outlined {
	position:relative;
	top: 10px;
}
span.tag {
	font-size:var(--font-size-p-small);
	background:var(--fourth-color);
	border-radius:8px;
	padding:5px 10px;
	display:inline-block;
	color:#fff;
	text-transform: uppercase;
}
span.secondary {
	color:var(--secondary-color);
}
span.taghot {
    margin-left: 10px;
    background: #F15BB5;
    border-radius: 100px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
	position: relative;
	top: -1px;
}
section.divtexte h2 {
	font-weight: 700;
	font-size:22px;
}
button.opacityHover {
	border: none;
	background: none;
	cursor: pointer;
}
button.opacityHover:hover {
	color:var(--secondary-color);
}
.calltoactionsmall {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	/* identical to box height, or 171% */
	text-align: center;
}
.calltoactionsmall.neganoir {
	border: 1px solid #00234C;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
	position: static;
	width: 51px;
	height: 24px;
	width: 100px;
	height: 30px;
	display: block;
	line-height: 30px;
}
.calltoactionsmall.green {
	color:#ffffff;background: #73BFB8;
	border-radius: 4px;padding: 8px 24px;
}
h3.titreblocinfo {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 38px;
	line-height: 56px;
	letter-spacing: 0.0025em;
	color: #00234C;
	margin-top:30px;
	margin-bottom:20px;
}
h3.titreblocinfo.white { color:#fff; }
.chapeau {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
	color: #001833;
	margin-bottom:40px;
}
.chapeau.white { color:#fff; }
#stepcard { position:relative;top:-250px;height:calc(480px - 250px); }
#choicemodeleventbloc { position:relative;top:-80px; }
#stepcard .inner { padding:20px; }
#stepcard .inner {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #00234C;
}
.bullejaune {
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #00234C;
	background: #FFF07C;
	border-radius:50%;
	padding: 10px 17px;
	margin-right:10px;
 }
/* HEADER */
li.nav-item { position:relative;top:5px; }
.nav-item a {
	cursor:pointer;
}
nav img {
	max-width:none;
}
.hamburger {
	position:relative;
	top:3px;
	background:#F4F7FA;
	padding: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 2px;
	display:none;
}
.hamburger .material-icons-outlined { font-size: 25px;color: #111; }
#announcement-top {
	background:var(--fourth-color);
	padding-top:0.5em;
	padding-bottom:0.5em;
  font-weight:700;
	font-size:16px;
	color:var(--fourth-text-color);
  line-height: 23px;
}
#pictotruck {
  position: static;
  width: 24px;
  height: 22px;
  left: 0px;
  top:0px;
  margin-right: 5px;
}
header {
	border-bottom:1px solid #D5DBDD;
}
#announcement-bottom {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 32px;
  color: #001833;
  background:#F4F7FA;
  padding-top:16px;
  padding-bottom:16px;
}
#announcement-bottom img { margin-right:5px; }
/* DROPDOWN MENU */
.HeaderDropdown {
	display:none;
	z-index:3;
	width:100%;
	background:#fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-top:2px solid #D5DBDD;
	filter: drop-shadow(0px 16px 48px rgba(0, 48, 102, 0.25));
	position:absolute;
	max-width:100%;
	width:1180px;
	left:0;
	right:0;
	margin:0 auto;
	padding:30px;
	padding-bottom:0px;
}
.HeaderDropdown p {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #001833;
}
.HeaderDropdownOpen {
	display:block !important;
}
.HeaderDropdown h3 {
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #001833;
	margin-bottom: 20px;
}
.HeaderDropdown strong {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #3392FF;
}
.HeaderDropdown ul {
	padding:0;
	padding-top:5px;
}
.HeaderDropdown li {
	list-style:none;
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #001833;
	padding-top:5px;
	padding-bottom:5px;
}
.HeaderDropdown li a {
	font-size:var(--font-size-menu-link);
	text-decoration: none;
	color:var(--primary-color);
}
.HeaderDropdown li a:hover {
	color:var(--secondary-color);
}
.HeaderDropdown .rowbig {
	margin-top:20px;
	margin-right:-30px;
	margin-left:-30px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-bottom: 15px;
	padding-top: 5px;
}
.HeaderDropdown h4 {
	font-family: Open Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #001833;
	margin-top: 20px;
	margin-bottom: 10px;
}
.HeaderDropdown img { border-radius:6px; }
.HeaderDropdown img:hover {
	box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.1);
	opacity: 0.8;
 }
/* BLOC ADVANTAGES */
#advantages .card {
	margin-top:15px;
}
#advantages .card h3 {
	font-size:var(--font-size-p-big);
}
#advantages .card img {
	width:40%;
	display:block;
	margin:auto;
	margin-bottom:10px;
}
/*****                  *****/
/***** section thematique *****/
/*****   				*****/
#blocdouceurs { padding-bottom:20px !important; }
body#inspirations #occasion, body#douceurs #blocdouceurs  { background:#ffffff; }
#divinspirationscolor { background:#00234C;background-size:cover; }
#divinspirationscolor {
		background-image:url('http://localhost:8888/boiteperso2021/assets/img/thematique/bginspirations.jpg');
		background-size:cover;
	}
#occasion.sectionthematique { padding-bottom:30px; }
.sectionthematique .card .card-img-top {
    border-radius: 8px;
}
.innerblog .chapeau{ max-width:230px; }
.sectionthematique .card { box-shadow: none; }
.sectionthematique .card h5, .card h5, #divblog .card .card-title {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 142%;
	text-align: center;
	color: #00234C !important;
}
section.pagetexte h5 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
}
section.pagetexte p {
	margin-bottom:40px;
}
.sectionthematique .card h5:hover, .card h5:hover { color:#E13765 !important;text-decoration: none !important; }
.sectionthematique .card p.desc {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #001833;
	margin-bottom:40px !important;
}
#divblog { background:#ffffff; }
#divblog .card {text-align:left; }
#divblog .card img { border-radius:8px; }
#divblog .card .card-title {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
	color: #00234C;
	text-align:left;
}
#divblog .card .desc {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #31393C;
	text-align:left;
}
.desc4 {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #31393C;
	text-align:left;
}
#divblog .card { background:none;box-shadow:none;border-radius:0; }
.sectionthematique .card a:hover, .card a:hover { text-decoration:none !important; }

#divsocialportail h5 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
	color: #00234C;
	text-align:left;
	padding-top:0px;
 }
 #divsocialportail .desc {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #31393C;
	text-align:left;
 }
 #divsocialportail .inner { padding:30px;text-align:left; }

/*****                  *****/
/***** 	PAGE EVENT  *****/
/*****                  *****/


/*****                  *****/
/***** BLOC HERO EVENT *****/
/*****                  *****/
#herobloc {
	background-color:#EDDDC4;
	padding-top:100px;
	padding-bottom:110px;
}
#herobloc.bglightgrey { background:#F4F7FA; }
#herobloc.herointerne { padding-top:80px;padding-bottom:40px; }
#herobloc h1 a { color:#31393C;text-decoration:none; }
#herobloc .container {
	padding-left: 2rem;
	padding-right:2rem;
}
#herobloc h3 {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 142%;
  color:#000C1A;
}
#herobloc h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 67px;
  line-height: 116%;
  letter-spacing: -0.005em;
  color:#00234C;
  padding-top:20px;
  padding-bottom:20px;
}
#herobloc h1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.0015em;
  padding-right:50px;
  padding-right: 120px;
  margin-bottom:30px;
}
#herobloc.herointerne h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 120%;
	color: #00234C;
	padding:0;
}
#herobloc.herointerne .chapeau { max-width:840px; }
#herobloc.herointerne.fullhero .chapeau { max-width:100%;padding-right:0px; }
#herobloc.heroblocv2 {
	background: var(--light-bg-color);
}
#herobloc.heroblocv2 .container {
	padding-left:15px;
	padding-right:15px;
}
#herobloc.heroblocv2 h1 {
	font-size:var(--font-size-p-bigplus);
	font-weight:700;
}
#herobloc.heroblocv2 p {
	max-width:780px;
}
#herobloc.heroblocv2.bgblanc, #herobloc.herointerne.bgblanc {
	background:#fff;
}
.bgeventgreen { background-color:#E5FFF4 !important; }
#stepspersoevent { background:url(assets/picto/bgevent.svg);background-size:cover;padding-bottom:300px; }

h2.titreevent {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 120%;
    /* or 60px */
    text-align: center;
    /* BC dark7 */
    color: #00234C;
  }
  section.heroevent.heronoel {
    background:url('../img/event/eventnoel.jpg');
    background-position:right center;
    background-color:#b93437 !important;
  }
  section#herobloc.heroevent h2 {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 67px;
    line-height: 116%;
    letter-spacing: -0.005em;
    color: #ffffff;
  }
  #stepspersoevent h3.titreblocinfo { margin-top:0px; }
  section#herobloc.heroevent a.btn.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
  }
  section#herobloc.heroevent {
    padding-top:60px !important;
    padding-bottom:50px !important;
  }
  a.btneventmodel {
    background: #E13765;
    border-radius: 4px;
    padding: 8px 24px;
    display:inline-block;
    width:auto;
    margin:auto;
  }
  #choicemodeleventbloc .card-block h4 a { text-decoration:none; }
  #choicemodeleventbloc h2 { margin-bottom:40px; }

  #categoriesproducts.categoryeventnoel div.row:nth-of-type(1) div.picture {
    background:url(../img/event/noelcat1.jpg);
    background-size:cover;
  }
  #categoriesproducts.categoryeventnoel div.row:nth-of-type(2) div.picture {
    background:url(../img/event/noelcat2.jpg);
    background-size:cover;
  }
  #categoriesproducts.categoryeventnoel div.row:nth-of-type(3) div.picture {
    background:url(../img/event/noelcat3.jpg);
    background-size:cover;
  }
  #categoriesproducts.categoryeventnoel div.row:nth-of-type(4) div.picture {
    background:url(../img/event/noelcat4.jpg);
    background-size:cover;
  }

  @media screen and (max-width: 1300px) {
    section.heroevent.heronoel {
      background-position:inherit;
      background-color:#b93437 !important;
    }
    body#event section.herointerne h2.titresection { text-align:left; }
    body#event section.herointerne h1 {
      text-align:left;font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 21px;
      line-height: 32px;
      letter-spacing: 0.0015em;
      color: #000000; }
    #choicemodeleventbloc h2.titresection { font-size:35px; }
  }

  @media screen and (max-width: 1000px) {
    section.heroevent.heronoel {
      background-position: -20%;
    }
    section.heroevent { margin-bottom:40px; }
  }
  @media screen and (max-width: 600px) {
    body#event section.herointerne h2.titresection { font-size: 50px; }
    body#event section.herointerne h1 {
      font-family: Open Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 24px;
      color: #000000;
    }
    section.heroevent.heronoel { background-position: 20%; }
    #stepspersoevent .container { padding-left: 15px;padding-right: 15px; }
    body#event h3.titreblocinfo, #choicemodeleventbloc h2.titresection { font-size:25px; }
    #choicemodeleventbloc .item_v2 { margin-bottom:40px; }
    body#event  #categoriesproducts h3.titreblocinfo { margin-top:10px; }
  }

/*****                  *****/
/***** FIN BLOC HERO EVENT *****/
/*****                  *****/


/* CATEGORY PRODUCT */
#categoriesproducts { padding:0px; }
#categoriesproducts div.picture {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/bgproductcat.svg');
	background-size: cover;
	background-position:center center;
}
#categoriesproducts h4 {
	margin-top:10px;
}
#categoriesproducts p.desc {
	margin:0;
}
#categoriesproducts .col-12 .inner {
	padding: 150px 80px;
}
/* CREATIVE BANDEAU */
.bloccreative {
	padding-top:60px;
	padding-bottom:60px;
	overflow:hidden;
}
.bloccreative .creativetextbloc {
	z-index:2;
	position: relative;
}
.creativesvg1 {
	position:absolute;
	left:-50px;
	top:0px;
}
.creativesvg2 {
	position: absolute;
	left:50px;
	top: 20px;
}
.creativesvg3 {
	position:absolute;
	right:0px;
	top:0px;
}
.creativesvg4 {
	position: absolute;
	right:100px;
	bottom: 30%;
}
.creativesvg5 {
	position:absolute;
	right:0px;
	bottom:20px;
}
.creativesvg6 {
	position:absolute;
	right:100px;
	top:20px;
}
.creativesvg7 {
	position:absolute;
	left:50px;
	bottom:20px;
}
/* ACCORDION */
#blocquestions {
	background:#fff;
	border-radius:8px;
	box-shadow: 0px 24px 32px rgba(0, 48, 102, 0.05);
	border:1px solid #DBDEE7;
	background: #FFFFFF;
}
#blocquestions .desc2 { margin-bottom:0px; }
.question {
	color:var(--primary-color);
	border-bottom:1px solid #DBDEE7;
	padding:30px;
}
.question h4 { margin-bottom:0px;cursor:pointer; }
.question:last-of-type {
	border-bottom:none;
}
.accordion {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 1em;
}
.question .accordion:after {
	content: url("http://localhost:8888/boiteperso2021/assets/img/up.svg");
	font-size: 14px;
	float: right;
	margin-left: 5px;
	margin-top:4px;
}
.question .active:after {
	content: url("http://localhost:8888/boiteperso2021/assets/img/down.svg");
}
.accordion .active, .accordion:hover {
	cursor:pointer;
}
.panel {
	padding: 0px;
	padding-top:30px;
	display: none;
	overflow: hidden;
}
.panel p.desc2, .desctext {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}
.desctext a { color: #31393C;text-decoration: underline; }
.card-text .desctext { margin-top:20px; }
.desc2, .labelquantite, .blocbonbon {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
}
.labelquantite { color: #808B99;  }
div.bloctabcontent h5, .classh5 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #31393C;
		margin-bottom:20px;
}
div.bloctabcontent { padding-top:30px;padding-bottom:30px; }
.sectionpage.paddingbottom60 { padding-bottom:60px; }
.paddingbottom60 { padding-bottom:60px; }
/* INSTAGRAM FEED */
#instagramfeed img {
	border-radius:6px;
	margin-bottom:30px;
}
/* BREADCRUMB */
#breadcrumb {
  padding-top:17px;
  padding-bottom:17px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}
#breadcrumb .breadcrumbitem {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  color: #31393C;
  display:inline-block;
  padding: 4px 4px 4px 8px;
  background: #F7F8F9;
}
#breadcrumb .breadcrumbitem.posleft { position:relative;left:-3px;padding-right: 10px; }
#breadcrumb  .arrowposleft { position:relative;left:-3px; }
/* ABOUT */
#divauvergne {
	height:40vh;
	margin-top:30px;
	background:url(http://localhost:8888/boiteperso2021/assets/img/auvergne.jpg);
	background-size:cover;
	background-position:center center;
}
#divabeille {
	height:40vh;
	background:url(http://localhost:8888/boiteperso2021/assets/img/abeille.jpg);
	background-size:cover;
	background-position:top center;
}
/* FOOTER */
#footer { background:#ffffff; }
#footer ul {
	padding:0;
}
#footer ul li {
	list-style:none;
	line-height:25px;
	margin-bottom:5px;
}
#footer ul li img {
	position:relative;
	top:-2px;
}
#footer ul li a {
	color:var(--primary-color);
}
#footer ul li a:hover {
	color:var(--secondary-color);
	text-decoration:none;
}
#footerbottom {
	font-size:var(--font-size-p);
}
.menubottom a {
	color:var(--primary-color);
	font-size:var(--font-size-p);
}
.menubottom a:hover {
	color:var(--secondary-color);
	text-decoration:none;
}
#footer .titre {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 40px;
	letter-spacing: 0.0015em;
}
/* MOBILE MODAL */
#mobile-modal.overlay {
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 1;
	top: 71px;
	left: 0;
	overflow-x: hidden;
}
#mobile-modal.overlay .overlay-content ul { padding:0;background: #FFFFFF;padding:30px;padding-bottom:20px; }
#mobile-modal.overlay .overlay-content ul li { list-style:none;padding:0;text-align:left; }
#mobile-modal.overlay .overlay-content ul li a {
	display:block;
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	text-transform: capitalize;
	color: #001833;
	padding-bottom:20px;
}
#submenuproduct {
	width: 150%;
	margin-left: -30px;
	margin-right: -30px;
	background: #F4F7FA;
	margin-top: -10px;
	overflow-x: hidden;
	margin-bottom: 10px;
}
#submenuproduct a {
	padding-left:30px;padding-right:30px;
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #31393C;
	text-decoration:none;
	text-transform: none !important;
}
#submenuproduct a.fixpadding {
	padding-bottom: 0px !important;
}
#submenuproduct a:hover { text-decoration:none; }
#submenuproduct a.first { padding-top:20px; }
#submenuproduct a.last { padding-bottom:10px; }
#submenuallproduct::after {
	content: url("http://localhost:8888/boiteperso2021/assets/picto/arrow-forward.svg");
	font-size: 14px;
	margin-right: 8px;
	margin-top: 2px;
	margin-top: 2px;
    margin-left: 20px;
    position: relative;
    top: 3px;
}
#submenuallproduct hr {
	height: 1px;
	border:none;
	background: #E2EAF3;
	margin:0;
}
/* FORMULAIRE */
/* input[type=text] {
	color:var(--primary-color);
	line-height:2em;
	border: 1px solid var(--lightgrey-bg-color);
	border-radius:8px;
	padding:5px 10px;
}
button[type=sudmit] {
	margin-top:0;
}
*/
/* BANDEAU VIDEO */
#bannervideodiv {
	position: relative;
	overflow: hidden;
	background: rgba(0, 0, 0, .2);
	text-align: center;
	z-index: 50;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner__video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}
/* COMPLEMENT STYLE */
.mainbgcolor {
	background:var(--main-bg-color);
}
.nopadding {
	padding:0 !important;
}
.floatright {
	float:right;
}
.hidedesktop {
	display:none;
}
p.nopadding {
	padding:0;
}
#herobloc.heroblocv2 {
	padding-top:60px;
	padding-bottom:0px;
}
#herobloc.heroblocv2.heroblocauvergne {
	padding-bottom:50px;
}
#divauvergne {
	margin-top:0px;
}
#cardhelp { padding-top:0px !important;padding-bottom:60px; }
#cardhelp .card {
	margin-bottom:30px;
}
#cardhelp .card p {
	padding-left:40px;
	margin-bottom:0px;
}
#cardhelp .card p.nopadding { padding-left:0px; }
#cardhelp .card p strong {
	font-size:var(--font-size-p-bigplus);
}
#cardhelp .card span.material-icons-outlined {
	float:left;
	margin-left:-40px;
}
#cardhelp .card a { color: #00234C;text-decoration:none; }
#cardhelp .card a:hover { text-decoration:none; }
#herobloc.heroblocv2.bglightgrey {
	background:var(--light-bg-color);
	padding-top:60px;
	padding-bottom:60px;
}
#herobloc.heroblocv2.bglightgrey p {
	margin:auto;
}
div.stickysidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	max-width: 375px;
}
div.stickysidebar ul {
	padding:0;
	font-size:var(--font-size-p);
}
div.stickysidebar ul li {
	list-style:none;
	padding-bottom:10px;
}
div.stickysidebar ul li a {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #31393C;
}
div.stickysidebar ul li a:hover {
	color:var(--secondary-color);
	text-decoration:none;
}
div#blocfaqquestions h3 {
	font-size:22px;
	margin-bottom:10px;
}
div.blocfaqquestion {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:2px solid var(--lightgrey-bg-color);
}
div.blocdivfaq h4 {
	font-weight:500;
	font-size:var(--font-size-p-bigplus);
	margin-top:15px;
}
div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}
div.margin20, h4.margin20 {
	margin-top:20px;
}
.marginbottom40 { margin-bottom:40px; }
.nomargintop { margin-top:0px !important; }
.nomarginbottom { margin-bottom:0px !important; }
.marginauto { margin-left:auto;margin-right:auto; }
textarea {
	border: 1px solid #ccc;
}
input[type=text], input[type=email] {
	color:var(--primary-color);
	line-height:2em;
	border: 1px solid #ccc;
	border-radius:8px;
	padding:5px 10px;
}
.desc3 {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #001833;
}
h3.titre {
	font-size:var(--font-size-p-bigplus);
	font-weight:500;
	padding-bottom:3px;
}
h1.titre {
	font-size:30px;
	font-weight:700;
}
.btn-default {
	font-weight:700;
}
.btn-default:hover {
	background:var(--primary-color);
	color:#fff;
}
.bgjaune {
	background:#FFF07C;
}
.creativesvg1jaune {
	position:absolute;
	left:0px;
	bottom:0px;
}
.creativesvg7jaune{
	position:absolute;
	left:320px;
	bottom:20px;
}
.creativesvg4jaune {
	position: absolute;
	right:40px;
	bottom: 10px;
}
#gallery, #camera, #gallery2,#gallery_verso {
	display: none;
}
/* PAGE PRO */
#herobloc.heropro, .heropro {
	background:var(--primary-color);
	color:#fff;
}
#herobloc.heropro h3, .heropro, .heropro h2.titresection {
	color:#fff;
}
#herobloc.heropro h1, .heropro {
	color:#fff;
}
#blocclientslogos {
	position:relative;
	top:35px;
}
#blocclientslogos img { max-width:80%; }
section#prodivlocal {
	background:url(http://localhost:8888/boiteperso2021/assets/img/auvergne.jpg);
	background-size:cover;
	background-position:center center;
}
#blocformcontact p.desc4.white { color:#ffffff; }
h2.titre {
	font-size:25px;
}
#blociconressources h4 {
	font-size:20px;
}
#blociconressources img {
	height:85px;
}
/* ASSURANCE BLOC */
.card-img-top { border-radius: 8px 8px 0px 0px; }
#assurance { padding-top:30px;padding-bottom:30px; }
div.skills {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.0015em;
}
.paddingsection { background:#F4F7FA;padding-top:80px;padding-bottom:90px; }
#occasion p { max-width:800px;margin:auto;margin-bottom:80px;  }
.bloccard { padding-bottom:80px; }
.card {
	background: #FFFFFF;
	box-shadow: 0px 24px 32px rgba(0, 48, 102, 0.05);
	border-radius: 8px;
}
.card-title {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 142%;
  padding-top:15px;
}
body#douceurs #occasion div.card {
	margin-bottom:30px;
}
body#douceurs #occasion div.card .card-img-top {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
/* PAGE PRODUCT */
#containerProduct {padding-left:30px;padding-right:30px; }
#containerProduct img {
	border-radius:8px;
}
#bloctabsproduct {
	margin-top:50px;
	padding-top:8px;
}
.sectionchoice {
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}
.sectionchoice .btn .material-icons-outlined {
	line-height: 25px;
}
.sectionchoice .btn-primary {
	padding-right: 30px;
	margin-top:20px;
	width:100%;
}
#containerProduct .sectionchoice .btn-primary {
	font-size:18px;
	min-width:60%;
}
.sectionchoice .chapeau { margin-bottom:10px; }
/* FORM PRODUCT CHOICE */
.infochoicelabel {
	font-size:var(--font-size-p-bigplus);
	font-weight:700;
	padding-top: 5px;
	display: block;
	line-height:2em;
}
.infochoicelabelsmall {
	font-weight:500;
	position:absolute;
	color:#808B99;
	right:20px;
	top:50%;
}
.slct select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background: #fff;
	background-image: none;
	font-size:var(--font-size-p-big);
	line-height:1em;
}
/* Remove IE arrow */
.slct select::-ms-expand {
	display: none;
}
.slct {
	position: relative;
	display: flex;
	width: 20em;
	line-height: 3;
	background: #fff;
	border: 2px solid #ccc;
	overflow: hidden;
	border-radius: .25em;
}
.slct select {
	flex: 1;
	padding: 0 .5em;
	color: #31393C;
	cursor: pointer;
}
/* Arrow */
.slct::after {
	content: url("http://localhost:8888/boiteperso2021/assets/img/up.svg");
	font-size: 14px;
	float: right;
	margin-right: 8px;
	margin-top: 2px;
}
a.collapsible::after {
	content: url("http://localhost:8888/boiteperso2021/assets/picto/blackarrowdown.svg");
	font-size: 14px;
	float: right;
	margin-right: 8px;
	margin-top: 2px;
 }
 a.collapsible.open::after {
	content: url("http://localhost:8888/boiteperso2021/assets/picto/blackarrowup.svg");
	font-size: 14px;
	float: right;
	margin-right: 8px;
	margin-top: 2px;
 }
/* Transition */
.slct:hover::after {
	color: rgba(225, 55, 101, .8);
}
.slct.small {
	width:7em;
}
.slct.medium {
	width:10em;
}
/* COLOR CHOICE */
.colors label{
	cursor: pointer;
	padding:5px;
	margin-bottom:0px;
}
.colors input{
	display:none;
}
.swatch{
	display:inline-block;
	vertical-align: middle;
	height: 30px;
	width:30px;
	margin: 0 5px 0 0 ;
	border: 2px solid #7a7a7a;
	border-radius : 50%;
}
.colors input[type="radio"]:checked + .swatch{
	box-shadow: inset 0 0 0 2px white;
	position:relative;
	border-color:green;
}
.colors input[type="radio"]:checked + .swatch::after{
	content :url("http://localhost:8888/boiteperso2021/assets/picto/littlecheck.svg");
	position: absolute;
	top: 3px;
	bottom: 5px;
	left: 5px;
	right: 0px;
	width: 100%;
	height: 100%;
}
/* TAB PRODUCT */
#tabsProductPage li {
	list-style:none;
	border-radius: 8px 8px 0px 0px;
	padding-top:15px;
	padding-bottom:15px;
}
#tabsProductPage li.active {
	background: #FFFFFF;
	border-radius: 8px 8px 0px 0px;
	padding-top:15px;
	padding-bottom:15px;
}
#tabsProductPage li a {
	font-family: Open Sans;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
}
#tabsProductPage .margintop20 {
	margin-bottom:20px;
}
/* TAB PRODUCT 1 */
.pictoListCheck {
	margin-bottom:0px;
	padding-left:0;
}
.pictoListCheck li {
	background:url('http://localhost:8888/boiteperso2021/assets/picto/Shape.svg') no-repeat left center;
	padding-left: 35px;
	margin: 15px 0;
	list-style:none;
}
/* TAB 2 */
.instructionsFichiers h5{
	font-size: 20px;
	line-height: 24px;
	color:var(--primary-color);
	margin-top:10px;
	display:block;
	margin-bottom:0;
	padding-left: 35px;
	margin-top:10px;
	position: relative;
}
.instructionsFichiers small {
	color:#666;
	font-size:12px;
	display:block;
	line-height:1.5em;
	padding-top:5px;
}
#beforeMargeSecu::before{
	content: '';
	height: 20px;
	width: 30px;
	border: 2px solid red;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
}
#beforeZoneImp::before{
	content: '';
	height: 20px;
	width: 30px;
	border: 2px solid pink;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
}
#beforeFondPerdu::before{
	content: '';
	height: 20px;
	width: 30px;
	border: 2px solid purple;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
}
.cardgabarit  { background: #FFFFFF;box-shadow: 0px 24px 32px rgba(0, 48, 102, 0.05);border-radius: 8px;padding:20px;padding-bottom:35px; }
.cardgabarit:after {
	content: " ";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
	font-size: 0
}
.downloadTemplate{
	text-align:center;
	padding:10px;
	display:block;
	width:33%;
	float:left;
}
.downloadTemplate:hover{
	opacity: .75;
}
.downloadTemplate img{
	margin: auto;
}
.downloadTemplate:hover img{
	animation: bouncetopbottom .30s ease infinite alternate;
}
/* TAB PRODUCT 4 */
.myGallery {
	display: grid;
	grid-gap: 0px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.myGallery img {
	width: 100%;
}
.myGallery .item {
	position: relative;
	overflow: hidden;
}
.myGallery .item img {
	vertical-align: middle;
}
/* MORE ITEM */
#moreItemContainer .moreItemTitle {
	color:var(--primary-color);
	font-size:22px;
	display:block;
	font-weight:700;
	padding-top:10px;
}
#moreItemContainer h5 { margin-top:15px;margin-bottom:15px; }
#moreItemContainer p.desctext { margin-bottom:0px;color:#001833; }
#moreItemContainer a { color:#001833; }
#moreItemContainer p.desctext span {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
	letter-spacing: 0.0015em;
	color: #E13765;
}
#moreItemContainer img.img-fluid:hover { filter: drop-shadow(0px 24px 32px rgba(0, 48, 102, 0.25)) drop-shadow(0px 16px 104px rgba(0, 48, 102, 0.25));border-radius: 8px; }
#moreItemContainer .moreItemChapeau {
	color:var(--primary-color);
	font-size:16px;
	display:block;
}
#moreItemContainer .moreItem img {
	border-radius:8px;
}
#moreItemContainer .moreItem a {
	text-decoration:none;
}
#moreItemContainer .moreItem img:hover, #moreItemContainer .moreItem img:focus, #instagramfeed img:hover, #instagramfeed img:focus, #divblog img:hover, #divblog img:focus, .sectionthematique img:hover, .sectionthematique img:focus   {
	filter: drop-shadow(0px 8px 16px rgba(0, 48, 102, 0.05));
	border-radius: 8px;
}
/* PRODUCT PERSO CUSTOMIZE */
div.floatleft {
	left:30px;
	top:15px;
	position:absolute;
}
div.floatright {
	right:30px;
	;
	top:15px;
	position:absolute;
}
.btn-third {
	font-size:var(--font-size-p);
	color:var(--primary-color);
	background:#fff;
	font-family:var(--title-font);
	border:1px solid var(--primary-color);
}
.btn-third:hover, .btn-third:focus {
	background:var(--secondary-color);
	border-color:var(--secondary-color);
	color:#fff;
}
#barrepersoproduct {
	padding:20px;
	background:#fff;
	box-shadow: 0 4px 2px -2px #efefef;
	height:65px;
}
#barrepersoproduct .btn.btn-primary {
	font-size:14px;
	padding: .375rem .75rem;
	border-radius: 4px;
}
#barrepersoproduct .btn.btn-third {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
	border: 1px solid #D5DBDD;
	box-sizing: border-box;
	border-radius: 4px;
}
#overlay {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 5000;
}
#sidebarcanvas, #sidebarperso {
	min-height:700px;
	height:100vh;
	overflow:hidden;
}
#sidebarperso {
	box-shadow: -10px 0px 10px 1px #efefef;
}
#persoSwitch {
	display:block;
	width:100%;
	padding:30px;
	padding-right:40px;
}
#persoSwitch .nav-item{
	background: #fff;
	margin:15px 0px;
	margin-left:-5px;
}
#persoSwitch .nav-item a {
	color:var(--primary-color);
	line-height:2em;
	border: 1px solid #ccc;
	border-radius:8px;
	padding:5px 10px;
	margin-left:5px;
	margin-right:5px;
}
#persoSwitch .nav-item.active a{
	background:var(--secondary-color);
	border-color:var(--secondary-color);
}
#persoSwitch .nav-item.active a{
	color:var(--light-bg-color);
}
.addToCartBlock .btn {
	display:block;
	width:100%;
	padding-top:5px;
	padding-bottom:8px;
}
.addToCartBlock .btn i {
	position:relative;
	top: 6px;
	left: -10px;
}
.persoTabContent{
	min-height:50vh;
	padding:0px;
}
/* OVERLAY */
#loading {
	width: auto;
	height: auto;
	position: absolute;
	top: 250px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
#loading img {
	width: 200px;
	height:200px;
	opacity: 1;
}
/****************************/
/******* PAGE LISTE VISUEL ******/
/****************************/
#nosmodeles .desctext { margin-bottom:10px;margin-top:20px; }
#nosmodeles .item_v2 .desctext { margin-top:0px;  }
.item_v2 .card {
	background: #FFFFFF;
	box-shadow: 0px 24px 32px rgba(0, 48, 102, 0.05);
	border-radius: 8px;
}
#nosmodeles .item_v2 .card .desctext  { margin-bottom:0px; }
#nosmodeles .item_v2 .card .desctext a, #nosmodeles .item_v2 .card .desctext a:hover { color:#001833;text-decoration:none; }
#nosmodeles .item_v2 { margin-bottom:30px; }
.item_v2 .card-block{ padding:20px; }
.filterBlock .chapeau { margin-bottom:10px !important; }
.item_v2 a.call-to-action {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
}
#nosmodeles .item_v2 .bgperso { background:#FFFBD2;text-align:center;border-radius: 8px 8px 0px 0px; }
#nosmodeles .item_v2 .bgperso img {  }
#infonumberitem { margin-top:30px;margin-bottom:30px; }
#loadMore {
	margin-top:30px;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
	background:none;
	border: 1px solid #D5DBDD;
	box-sizing: border-box;
	border-radius: 8px;
}
#loadMore:hover, #loadMore:focus { color:#fff;border-color:var(--primary-color);background:var(--primary-color); }
/****************************/
/******* IMAGE PERSO ******/
/****************************/
.imgbutton{
	display: block;
	border: 1px solid #000;
	padding: 10px 20px;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	margin-top:15px;
	margin-bottom:15px;
	border-radius : 15px;
}
.imgbutton.danger{
	border-color:var(--danger);
	background:var(--danger);
	color:#FFF;
}
.imgbutton:hover{
	opacity:.8;
}
.btn-like{
	padding: 6px 15px;
	border-radius: 14px;
	text-align: center;
	font-size: 14px;
	background: var(--violet);
	border : 1px solid var(--violet);
	color: #FFF;
	line-height: 1.42857;
	margin-top: 10px;
	-webkit-appearance: button;
	display: inline-block;
	vertical-align: middle;
	cursor : pointer;
}
.btn-like:hover{
	background:#FFF;
	color: var(--violet)
}
.addimageButton{
	background: #EEE;
	border: 3px solid #DDD;
	text-align: center;
	display: inline-block;
	float:left;
	padding: 5px;
	margin-right:6px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom:15px;
	cursor: pointer;
	border-radius: 5px;
	color:#555;
	width:120px;
}
.addimageButton:hover{
	border: 3px solid var(--secondary-color);
}
.addimageButton i{
	display: block;
	font-size: 45px;
	color: #CCC;
}
.addtext {
	display:block;
	width:100%;
	margin-bottom:10px;
	font-size:16px;
}
.addtext i {
	position:relative;
	top:5px;
	padding-top:0px;
	padding-bottom:10px;
}
.btn.addtext:hover, .btn.addtext:focus {
	border:1px solid green;
	background:#efefef;
	color:var(--primary-color);
}
.addimageButton.danger{
	background: #EC9191;
	border-color: #EC9191;
	color:#ffe5e5;
}
.addimageButton.danger i{
	color:#ffe5e5;
}
.dispoBtn{
	-webkit-appearance: none;
	border: none;
	background:transparent;
}
.dispoBtn svg{
	stroke : #CCC;
	border:2px solid #CCC;
}
.dispoactive svg{
	stroke:green;
	border:2px solid green;
}
.dispoBtn:hover svg {
	cursor:pointer;
	border:2px solid var(--secondary-color);
}
.dispoactive:hover svg {
	border:2px solid green;
}
/****************************/
/******* TEXTE PERSO ******/
/****************************/
.textTabContent {
	margin-top:5px;
	padding-top:15px;
	border-top:1px solid #ccc;
}
.font-dropdown, .textTabContent .slct {
	width: 100%;
	border-radius: 5px;
	position: relative;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	outline: none;
	line-height: 2;
	height:auto;
	border:none;
}
.textTabContent .slct select {
	line-height: 2.2;
}
.font-dropdown .label {
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	font-size: 1.2em;
	position: relative;
	display: block;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	z-index: 2;
	white-space: nowrap;
	overflow: hidden;
	color: #000;
}
.font-dropdown .label:after {
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	left: auto;
	right: 11px;
	bottom: 13px;
}
.font-dropdown .dropdown-list {
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
	border-radius: 5px;
	max-height: 66.66667px;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
}
.font-dropdown.active .dropdown-list {
	max-height: 200px;
	top: 37px;
	opacity: 1;
	visibility: visible;
}
.font-dropdown.active .label:after {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.font-dropdown li {
	padding: 0 10px;
	font-size: 1.4em;
	line-height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
}
.font-dropdown li:hover {
	color: #fff;
	background-color: #2689d6;
}
.font-dropdown .sel {
	background-color: #f0f0f0;
	color: #2689d6;
}
.itemText{
	border:1px solid #CCC;
}
.itemText.active a{
	background:var(--third-color);
	color:#000 !important;
}
#linebuttontext {
	padding-top:15px;
	padding-bottom:15px;
}
#linebuttontext .btn-primary{
	position:relative;
	top:-8px;
	left:20px;
	font-size: 14px;
	padding-top: 2px;
	text-transform:uppercase;
	margin-top:0px;
}
#linebuttontext .btn-primary span.material-icons-outlined {
	position:relative;
	top:5px;
	font-size: 20px;
}
.alignBtn{
	display: inline-block;
	border: 1px solid #ccc;
	background: #FFF;
	padding: 5px;
	cursor:pointer;
	line-height: 1em;
	padding-bottom: 3px;
}
.alignBtn:hover, .alignBtn:focus {
	border: 1px solid var(--secondary-color);
}
@media (max-width: 1100px) {
	.persoTabContent .desc3 {
		font-size:14px;
	}
	#persoSwitch {
		padding-left:15px;
		padding-right:30px;
	}
	#persoSwitch .nav-item {
		margin-bottom:3px;
		margin-top:3px;
	}
	.textTabContent .col-lg-4 {
		width: 50%;
		max-width: 50%;
		flex: 50%;
	}
	#linebuttontext .btn-primary {
		top:5px;
		left:0px;
	}
	.addimageButton{
		width:95px;
	}
	#barrepersoproduct img {
		position:relative;
		left:20px;
	}
}
@media (max-width: 800px) {
	#sidebarperso, #sidebarcanvas {
		flex: none;
		max-width: 100%;
		height:auto;
		min-height:280px;
	}
	#barrepersoproduct img {
		left:0px;
	}
	#canvas-wrapper canvas {
		top:150px !important
	}
	#canvas-wrapper .canvas-container {
		height:320px !important;
	}
	#persoSwitch {
		padding:40px !important;
	}
	#sidebarperso, #sidebarcanvas {
		min-height:auto;
	}
	.addimageButton {
		width: 120px;
	}
}
@media (max-width: 500px) {
	#barrepersoproduct img {
		left:20px;
	}
	#herobloc h2 {
		font-size:25px;
	}
	#barrepersoproduct {
		padding:30px;
		background:none;
		box-shadow:none;
	}
}
/****************************/
/******* MODAL POPUP ******/
/****************************/
body.modal-open .modal-content {
	border-radius:10px;
}
body.modal-open .modal-body {
	padding-top:50px;
	padding-bottom:40px;
}
body.modal-open .modal-dialog {
	margin-top:50px;
}
.modalValidBtn {
	padding: 10px 30px;
	display: block;
	margin: auto;
}
.modalValidBtn i {
	float:right;
}
.modalCancelBtn{
	padding: 10px 30px;
	display: block;
	margin: auto;
}
body.modal-open .modal {
	background:rgba(0, 0, 0, 0.8);
}
#morecandy {
	padding:0px;
}
#morecandy .leftsidecandy {
	padding:30px;
}
#morecandy .leftsidecandy .titre {
	position:relative;
	top:-10px;
}
#morecandy h1.titre {
	font-size:22px;
}
#divbuttonaddcontent button {
	width:100%;
	display:block;
	text-align:center;
}
#morecandy .leftsidecandy input[type="checkbox"], #morecandy .leftsidecandy input[type="radio"] {
	position: relative;
}
#morecandy .leftsidecandy {

}
#morecandy h1.titre {
	background:#F4F7FA;
	font-size: 22px;
    margin-top: -20px;
    margin-left: -15px;
    margin-right: -30px;
    padding-top: 20px;
	padding-bottom:20px;
	display:block;
	border-top-left-radius: 10px;
 }
#morecandy p.desc {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #31393C;
	text-align:left;
}
#modalfooterconfirm {
	background:#efefef;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
#modalfooterconfirm .btn-default {
	background:#fff;
}
#modalfooterconfirm .btn-default:hover {
	background:var(--primary-color);
}
#modalcaddcart.modal-body {
	padding-top:20px;
	padding-bottom:30px;
}
#modalcaddcart .alert-success {
	padding:5px;
	padding-top:3px;
}
#modalcaddcart .alert-success i {
	position:relative;
	top:5px;
}
#modalcaddcart h5 {
	font-weight:700;
}
#modalcaddcart h5 .priceadd {
	float:right;
	color:var(--secondary-color);
	font-weight: 700;
	padding-top: 2px;
}
#modalcaddcart .btn {
	display:block;
	width:100%;
}
#modalcaddcart .btn-default {
	margin-top:10px;
}
#moreItemContainerAdd img {
	border-radius:10px;
}
#moreItemContainerAdd .moreItemTitle {
	display:block;
	color:var(--primary-color);
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding-top:10px;
}
#moreItemContainerAdd .moreItemChapeau {
	display:block;
	color:var(--primary-color);
	font-size:14px;
	font-weight:500;
	text-align:center;
}
#moreItemContainerAdd .moreItemChapeau strong {
	color:var(--primary-color);
}
#moreItemContainerAdd a:hover {
	text-decoration:none;
}
#moreItemContainerAdd a:hover img {
	opacity:0.8;
}
.modal-backdrop {
	background:transparent;
}
.headermodelmodal {
	background:#fff;
	position:relative;
}
.headermodelmodal button {
	position:absolute;
	left:10px;
	top:10px;
	padding-top:3px;
}
#modalcaddcart h3.titreblocinfo {
	font-size: 24px;
	text-align:center;
}
#modalcaddcart .moreItem h5 {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.0015em;
	color: #00234C;
	padding: 0;
	margin-bottom:10px;
	margin-top:10px;
}
#modalcaddcart .moreItem .desctext {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #001833;
	padding: 0;
}
#modalcaddcart .moreItem .desctext span {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.0015em;
	color: #E13765;
	display: block;
	text-align: center;
}
body.modal-open .headermodelmodal h3 {
	font-size:22px;
	display:block;
	width: 100%;
	margin-bottom: 0;
}
.headermodelmodal .btn {
	font-size:14px;
}
.headermodelmodal .btn span {
	position: relative;
	top: 4.5px;
	font-size: 20px;
	font-size:20px;
}
body.modal-open .modal-body.bodymodelmodal {
	padding-top:20px;
	padding-bottom:20px;
}
.bodymodelmodal img {
	border-radius:10px;
	cursor:pointer;
}
.bodymodelmodal a:hover {
	cursor:pointer;
}
.bodymodelmodal a:hover img {
	opacity:0.8;
}
.bodymodelmodal .card {
	padding:0px;
	margin-bottom:10px;
}
.navbar-expand-md { padding-top:15px;padding-bottom:15px; }
#pictomobilecart { padding-left:0px;padding-right:0px;position:absolute;right:60px;font-size: 25px; }
#pictomobileaccount { padding-left:0px;padding-right:0px;position:absolute;right:105px;font-size: 25px; }
/****************************/
/******* CART ******/
/****************************/
.bulleblanche {
	background:#FFF;
	border:1px solid #CCC;
	border-radius:50%;
	display:inline-block;
	height:20px;
	width:20px;
	position:relative;
	top:3px;
}
.bullenoire {
	background:#000;
	border:1px solid #CCC;
	border-radius:50%;
	display:inline-block;
	height:20px;
	width:20px;
	position:relative;
	top:3px;
}
#cartsidebarsticky .innercartcol {
	position: sticky;
	top: 15px;
	left: 5%;
	bottom : 15px;
	right: 5%;
}
#inputcodepromo {
	width: 60%;
	margin: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#submitcodepromo {
	cursor:pointer;
	width: 40%;
	margin: 0px;
	border: 1px solid var(--fourth-color);
	background:var(--fourth-color);
	color:#FFF;
	padding: 5px;
	float:right;
	padding-top:9px;
	padding-bottom:9px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#cartsidebarsticky h3.titre {
	font-size:18px;
	font-weight:700;
}
#colonnecart h1 {
	font-size:22px;
	font-weight:700;
}
#containercart {
	padding-top:10px;
	padding-bottom:10px;
}
.innercartcol {
	padding-top:15px;
	padding-bottom:15px;
	border-radius:10px;
	background:#fff;
	box-shadow:0px 2px 40px rgba(0, 0, 0, 0.1);
}
.innercartcol .desc {
	line-height:1.2em;
}
.optionsproductcart {
	font-size:var( --font-size-p);
}
@media (max-width: 950px) {
	#cartsidebarsticky {
		margin-top:20px;
	}
	#cartsidebarsticky .innercartcol {
		position:relative;
		top: 0;
		left: 0;
		bottom : 0;
		right: 0;
	}
}
/****************************/
/******* MODAL CART ******/
/****************************/
.blocwhyaccount {
	padding-top:20px;
	border-top:1px solid #ccc;
	font-size:14px;
}
#accountbeforecommande {
	padding-top: 0px;
	padding-bottom: 0px;
}
#accountbeforecommande .colaccount {
	padding:20px;
	padding-top:30px;
	padding-bottom:30px;
}
#accountbeforecommande .colaccount2 {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#accountbeforecommande .titreaccountcol {
	font-size:18px;
}
#accountbeforecommande .control-label {
	margin-bottom:0px;
}
#accountbeforecommande .colaccount .form-control {
	line-height:1.5em;
	margin-top:0px;
}
/****************************/
/******* ALL PRODUCTS ******/
/****************************/
.cardPrice {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	line-height: 142%;
	text-align: right;
	color: #E13765;
}
.cardPrice small{
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	color: #31393C;
}
/* KEY FRAME */
@keyframes bounce{
	from{
		transform: rotate(-90deg) translateY(0);
	}
	to{
		transform:rotate(-90deg) translateY(15px);
	}
}
@keyframes bouncetopbottom{
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-10px);
	}
}
/*.cl-banner {
	background: #fff;
	height: auto;
	color: #000;
	text-align: center;
	z-index: 10000;
	box-shadow: 0 -5px 5px -5px #ccc;
	position: fixed;
	left: 0;
	padding: 10px;
	padding-top:20px;
	padding-bottom:20px;
	width: 100%;
	bottom: 0;
}
*/
.cl-banner {
	background: rgba(0,0,0,0.7);
	z-index: 2147483650;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
}
.cl-banner .innerbanner {
	min-height: unset;
	max-height: 100%;
	bottom: auto;
	right: auto;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	background: #fff;
	padding: 30px;
	border-radius:8px;
}
.cl-banner.top {
	top: 0;
}
.cl-banner.bottom {
	bottom: 0;
}
.cl-banner p {
	color: #000;
	margin-top:20px;
}
.cl-banner a {
	color: white;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	padding: 5px 10px;
	margin-left: 10px;
}
.cl-banner .cl-accept {
	background-color: #78BE20;
	border-color: #78BE20;
	color: #FFFFFF;
	font-size: 18px;
	margin-left:0px;
}
.cl-banner .cl-accept:hover {
	background: var(--fourth-color);
	opacity:0.8;
}
.cl-banner .cl-disable {
	background: #fff;
	color:#696969;
	float: right;
	display: block;
}
.cl-banner .cl-disable:hover {
	background: #fff;
	color:#696969;
}
.cl-banner .cl-policy {
	background: var(--lightgrey-bg-color);
	color:#000;
}
.cl-banner .cl-policy:hover {
	background: var(--lightgrey-bg-color);
	opacity:0.8;
}
.carousel {
	display: block;
	text-align: left;
	position: relative;
	margin-bottom: 22px;
}
.carousel > input {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}
.carousel > input:nth-of-type(9):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -800%;
}
.carousel > input:nth-of-type(8):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -700%;
}
.carousel > input:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -600%;
}
.carousel > input:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -500%;
}
.carousel > input:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -400%;
}
.carousel > input:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -300%;
}
.carousel > input:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -200%;
}
.carousel > input:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: -100%;
}
.carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
	margin-left: 0%;
}
.carousel > input:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(8):checked ~ .carousel__thumbnails li:nth-of-type(8) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel > input:nth-of-type(9):checked ~ .carousel__thumbnails li:nth-of-type(9) {
	box-shadow: 0px 0px 0px 5px var(--secondary-color);
}
.carousel__slides {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	display: flex;
}
.carousel__slide {
	position: relative;
	display: block;
	flex: 1 0 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: all 300ms ease-out;
	vertical-align: top;
	box-sizing: border-box;
	white-space: normal;
}
.carousel__slide figure {
	display: flex;
	margin: 0;
}
.carousel__slide div {
	position: relative;
	width: 100%;
}
.carousel__slide div:before {
	display: block;
	content: "";
	width: 100%;
}
.carousel__slide img {
	display: block;
	flex: 1 1 auto;
	object-fit: cover;
}
.carousel__thumbnails {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	margin: 0 -10px;
}
.carousel__slides + .carousel__thumbnails {
	margin-top: 20px;
}
.carousel__thumbnails li {
	flex: 1 1 auto;
	max-width: calc((100% / 6) - 20px);
	margin: 0 10px;
	transition: all 300ms ease-in-out;
}
.carousel__thumbnails label {
	display: block;
	position: relative;
	margin-bottom : 0;
}
.carousel__thumbnails label:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
}
.carousel__thumbnails label > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius : 0 !important;
}
.carousel__thumbnails label:hover, .carousel__thumbnails label:focus {
	cursor: pointer;
}
.carousel__thumbnails img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* STYLE */
#accountbeforecommande .form__group__cgv {
	background:#fff;
	border-radius:8px;
	padding:10px;
	font-weight:700;
	cursor:pointer;
}
#accountbeforecommande .form__group__cgv label {
	margin-bottom:0px;
}
#categoriesproducts .col-12 .inner {
	padding: 150px 100px;
}
#categoriesproducts h2 {
	font-size:25px;
	padding-top:20px;
}
#videoDiv {
	width: 100%;
	height: 368px;
	position: relative;
}
#videoopen {
	margin: auto;
	display: block;
	width:100%;
}
body#listvisuel #blocnewsletter, body#aide #blocnewsletter, body#apropos #blocnewsletter, body#inspirations #blocnewsletter { display:none; }
body#listvisuel .alert-warning { margin-top:20px; }
#blocnewsletter button.btn-primary {
	margin:0;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: -3px;
}
#blocnewsletter form {
	margin-bottom:10px;
}
#blocnewsletter h4 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 142%;
	color: #001833;
}
#blocsocial { background:#31393C !important;padding-top:15px;padding-bottom:15px; }
#blocnewsletter .chapeau { margin-bottom:0px;margin-bottom:15px;text-align:left; }
#categoriesproducts #petitcoffret div.picture {
	background-image: url('http://localhost:8888/boiteperso2021/assets/img/petitcoffretexemple.jpg');
	background-size:cover;
}
#categoriesproducts #cube div.picture {
	background-image: url('http://localhost:8888/boiteperso2021/assets/img/carre2.jpg');
	background-size:cover;
}
#blocclientslogos {
	margin-top:15px;
	margin-bottom:15px;
}
.cardTitle {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2em;
	color: #00234C;
}
h4.cardTitle {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 142%;
	color: #00234C;
}
.card-block {
	position: relative;
	margin: 0;
	border: none;
	box-shadow: none;
	padding-left:30px;padding-right:30px;padding-top:20px;padding-bottom:20px;
}
.cgvradio{
	display:flex;
	margin-top:10px;
}
.cgvradio input[type="checkbox"]{
	box-sizing: border-box;
	padding: 10px;
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.cgvradio span{
	padding-left:15px;
	padding-right:5px;
}
.radiopay {
	position: absolute;
	top: calc(50% - 1rem);
	left: 1rem;
	height: 2rem;
	width: 2rem;
	background: #fff;
	border-radius: 50%;
	border: 5px solid #CCC;
}
.radiopay::after {
	content: "";
	position: absolute;
	opacity: 0;
	top: 0.5rem;
	left: 0.5rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: var(--fourth-color);
}
.bulgy-radios label{
	display:flex;
}
.bulgy-radios .label{
	margin-left: 2.5em;
}
.bulgy-radios input:checked ~ .radio {
	background-color: var(--fourth-color);
	border:none;
}
.bulgy-radios input:checked ~ .radio::after {
	opacity: 1
}
.bulgy-radios input{
	opacity:0;
}
.radio {
	position: absolute;
	top: 0.2rem;
	left: 0;
	height: 2rem;
	width: 2rem;
	background: #fff;
	border-radius: 50%;
	border: 5px solid #CCC;
}
.radio::after {
	content: "";
	position: absolute;
	opacity: 0;
	top: 0.5rem;
	left: 0.5rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #fff;
}
#containercart.panier2{
	padding-top:40px;
}
#containercart.panier2 h1 {
	font-size:25px;
}
#containercart .innercartcol h3 {
	font-weight:700;
}
#containercart.panier2 button.floatright {
	cursor:pointer;
	border:none;
	background:none;
	color:var(--secondary-color);
	font-size:16px;
}
.greenbg {
	background-color: var(--fourth-color);
}
.bulgy-radios label {
	cursor:pointer;
}
.bulgy-radios label:hover {
	opacity:0.8;
}
small span.material-icons {
	font-size:16px;
	position:relative;
	top:3px;
}
.bulgy-radios {
	border-radius:8px;
}
.bulgy-radios span.radio:hover {
	background-color: var(--fourth-color);
}
#choixpaiement .bulgy-radios {
	height: 60px;
}
#choixpaiement .bulgy-radios span.label {
	line-height:60px;
}
#choixpaiement .bulgy-radios .radiopay {
	left:1.5rem;
}
.cgvradio input[type="checkbox"] {
	cursor:pointer;
}
#choixpaiement span.material-icons {
	position:relative;
	top:3px;
}
.colaccount .form-group {
	margin-bottom:8px;
}
#blocformlogin {
	margin-top:50px;
}
#sectionallproducts .cardPrice {
	font-size:23px;
	margin-bottom:10px;
}
#containerProduct .sectionchoice .btn-secondary {
	font-size: 16px;
	min-width: 60%;
	padding-right:30px;
}
div.conseilCreation .card {
	box-shadow: none;
}
.blocbonbon {
	margin-bottom:20px;
	text-align: center;
}
.blocbonbon img { border-radius:50%; }
#cartsidebarsticky .desc {
	display: block;
	margin-bottom: 10px;
	margin-bottom:10px;
}
.navbar-nav .nav-link.event span {
  background: #E13765;
  border-radius: 4px;
  padding: 7px 16px;
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align:center;
  color:#fff;
}
.navbar-nav .nav-link.event span:hover {
	background:var(--primary-color);
}
.navbar-expand-md .navbar-collapse{ position:relative;left:50px; }
#mobile-modal a span {
	background:var(--secondary-color);
	border-radius:8px;
	color:#fff;
	padding: 3px;
	padding-top: 3px;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom:3px;
	text-transform: uppercase;
	padding-left:15px;
	padding-right:15px;
}
.divingredient {
	padding:5px;
	background:#efefef;
}
.descingredient {
	font-size:13px;
}
.hide {
	display:none;
}
h2.boxTitleparagraphe {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold !important;
	font-size: 38px !important;
	line-height: 45px;
	letter-spacing: 0.0025em;
	color: #00234C;
}
div.blocparagraphes { padding-bottom:30px; }
div.innerparagraphe { padding:30px;padding-top:0px;padding-bottom:0px; }
div.blocparagraphes h3.titreblocinfo { font-size: 32px;line-height: 45px; }

/* DOC TECHNIQUE  */
body#doctechnique .card { padding:0px; }
body#doctechnique .card-block {  }
.docFileDownload { margin-right:10px; }
body#doctechnique .card-block .dflex { margin-bottom:15px; }
body#doctechnique .card-block .btnsmall { width:100%;display:block; }

/* NOS DOUCEURS */
.postcard {
flex-wrap: wrap;
display: flex;
background-color:#EDDDC4;
box-shadow: 0px 24px 32px rgba(0, 48, 102, 0.05);
border-radius: 8px;
margin: 0 0 2rem 0;
margin-top:50px;
overflow: hidden;
position: relative;
color: #00234C;
}
.postcard a {
color: inherit;
}
.postcard h3 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}

.postcard .postcard__title {
font-size: 1.75rem;
}
.postcard .postcard__img {
max-height: 300px;
width: 100%;
object-fit: cover;
position: relative;
}

.postcard .postcard__text {
padding: 1.5rem;
position: relative;
display: flex;
flex-direction: column;
}
.postcard .postcard__preview-txt {
overflow: hidden;
text-overflow: ellipsis;
text-align: justify;
height: 100%;
}
.postcard .postcard__tagbox {
display: flex;
flex-flow: row wrap;
font-size: 14px;
margin: 20px 0 0 0;
padding: 0;
justify-content: center;
}
.postcard .postcard__tagbox .tag__item {
display: inline-block;
background: rgba(83, 83, 83, 0.4);
border-radius: 3px;
padding: 2.5px 10px;
margin: 0 5px 5px 0;
cursor: default;
user-select: none;
color:#FFF;
transition: background-color 0.3s;
}

/* PAGES LOGIN */
#colleftlogin {
    padding:0;
    background:url('http://localhost:8888/boiteperso2021/assets/img/1009.jpg');
    height:100vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

#colleftlogin .container { max-width:70%;margin:auto;padding-top:10%; }
#mdpoublielink { border:none;box-shadow: none;background: none;display:block;margin-top:10px;cursor:pointer;margin-bottom:15px; }
#mdpoublielink:hover { color:#E13765; }
#colrightlogin {
    height:100vh;
    display: flex;
    align-items: center;
 }

#logologin { position:absolute;top:30px;left:50px;max-width:180px; }
#linkbackhome {
    position: absolute;
    width: auto;
    height: 40px;
    left: 40px;
    top: 32px;cursor:pointer;
	padding-left:10px;
	padding-right:20px;
    color:var(--primary-color);
    font-size:14px;
    font-weight:700;
    text-align:left;
    font-family: Poppins;
	border: 1px solid #D5DBDD;
	box-sizing: border-box;
	border-radius: 4px;
  }
  #linkcreateaccount {
    position: absolute;
    width: auto;
    height: 40px;
    right: 40px;
	padding-left:20px;
	padding-right:10px;
    top: 32px;cursor:pointer;
    color:var(--primary-color);
    font-size:14px;
    font-weight:700;
    text-align:right;
    font-family: Poppins;
	border: 1px solid #D5DBDD;
	box-sizing: border-box;
	border-radius: 4px;
  }
  #linkbackhome svg, #linkcreateaccount svg {
	  color:var(--secondary-color);position:relative;top:7px;
  }
  a.btnlinkaccount {
    width: auto;
	padding-left:20px;
	padding-right:10px;
    color:var(--primary-color);
    font-size:14px;
    font-weight:700;
    text-align:right;
    font-family: Poppins;
	border: 1px solid #D5DBDD;
	box-sizing: border-box;
	border-radius: 4px;
	margin-right:15px;
	background:#fff;
	line-height: 40px;
	display:inline-block;
  }
  a.btnlinkaccount .material-icons { position:relative;top:6px;right:5px; }
  body#pageaccount .form-control { border-radius:8px; }
  #colcardaccount .card { padding:40px; }
  #colcardaccount .chapeau { margin-bottom:20px; }
  #colcardaccount  .btn-primary {
	margin:auto;
	width:auto;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	display: block;
}
  #registerMeSubmit{
    margin-top:10px;margin-bottom:10px;background: #E13765;
       border-radius: 8px;font-family: Poppins;
       font-style: normal;
       font-weight: bold;
       font-size: 20px;
       line-height: 24px;
       text-align: center;
       color: #FFFFFF;
       width:100%;
       text-align:center;
       padding-top:10px;
       padding-bottom:10px;
       cursor:pointer;
  }
#registerMeSubmit:disabled{
	background: #D5DBDD;
	border-radius: 8px;
}
  #coverall, #coverall2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 50000;
  }
  .closeThis{
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    color: var(--secondary-color);
    background: none;
    cursor:pointer;
    border: none;
  }
  .closeThis:hover{
  opacity:0.8;
  }

  #forgotLink{
  margin-left: 44px;
  margin-top: 5px;
  display: block;
  }
  .motdepasseoublie form{
    margin-bottom: 20px;
  }
  .motdepasseoublie{
    width:90%;
    max-width:800px;
    margin:auto;
    margin-top:50px;
    background: #FFF;
    border-radius:5px;
    padding: 30px;
    position:relative;
  }
#blocformaccount { max-width:70%;margin:auto; }
#blocformaccount.pageregister { padding-top:40px; }
#blocformaccount.pageregister h3.titreblocinfo { margin-bottom:10px; }
#blocformaccount.pageregister .btn-primary { margin-top:10px; }
#blocformaccount form div.form-group { margin-bottom:5px; }

@media screen and (min-width: 969px) {
.postcard {
flex-wrap: inherit;
}
.postcard .postcard__title {
font-size: 2rem;
}
.postcard .postcard__tagbox {
justify-content: start;
}
.postcard .postcard__img {
max-width: 350px;
max-height: 500px;
}
.postcard .postcard__text {
padding: 2rem;
width: 100%;
}
.postcard:nth-child(2n+1) {
flex-direction: row;
}
.postcard:nth-child(2n+0) {
flex-direction: row-reverse;
}

}
@media screen and (min-width: 1024px) {
	.postcard .postcard__text {
		padding: 2rem 3.5rem;
	}
}
.text-justify-center{
  text-align: justify;
  text-align-last: center;
}

/* MEDIA QUERY SIZE SCREEN */
@media screen and (max-width: 800px) {
	body {
		overflow-x: hidden;
	}
	.sectionpage {
		padding-left:20px;
		padding-right:20px;
	}
	/* HEADER */
	.navbar {
		padding-left:0px;
		padding-right:0px;
	}
	#categoriesproducts .picture {
		min-height:300px;
	}
	#categoriesproducts .col-12 .inner {
		padding:15px;
	}
	#videoDiv {
		height:auto;
	}
	.sectionpage {
		padding-top:15px;
		padding-bottom:15px;
	}

	.accordion {
		font-size:16px;
	}
	#categoriesproducts h2 {
		font-size:20px;
	}
	.hidemobile {
		display:none;
  }
	#announcement-bottom {
		line-height:1em;
	}
	#announcement-bottom img {
		height:20px;
	}
	/* HOME */
	#herobloc h2 {
		font-size:25px;
		line-height:1.2em;
	}
	#herobloc.heroindex.heroindexpere {
		background:#b0c8e4;
		padding-top:30px;
		padding-bottom:30px;
	}
	#herobloc {
		padding-top:30px;
		padding-bottom:30px;
	}
	#herobloc .container {
		padding-left:20px;
		padding-right:20px;
	}
	#mockup a.call-to-action {
		display:block;
		margin-bottom:20px;
	}
	#mockup h3 {
		font-size:22px;
	}
	#categoriesproducts h2 br {
		display: inline;
		font-size:18px;
		float: left;
	}
	#advantages .card img {
		width:30%;
	}
	/* FOOTER */
	#footerbottom .col-12,#footerbottom .col-12.text-right {
		text-align:center !important;
		margin-bottom:10px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: 600;
		font-size: 12px;
		line-height: 20px;
	}
	input[type="text"], input[type="email"] {
		line-height:1.5em;
	}
	div.bloctabcontent h5, .classh5 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #31393C;
	}
	#containerProduct {
		padding-top:20px;
	}
	h2.boxTitle {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 56px;
		letter-spacing: 0.0025em;
		color: #00234C;
	}
	#moreItemContainer {
		padding-left:40px;
		padding-right:40px;
	}
	#moreItemContainer h3 {
		font-size:20px;
	}
	div.moreItem {
		margin-bottom:20px;
	}
	.blocbonbon {
		font-size:12px;
	}
	#linkbackhome {
		left:20px;
	}
	#linkcreateaccount {
		right:20px;
	}
}
@media screen and (max-width: 767px) {
	.hidemobile {
		display:none;
	}
	#sidebarperso .persoTabContent {
		min-height:auto;
	}
	#colonnecart, #cartsidebarsticky {
		padding:0;
	}
	#colonnecart h5 {
		font-size:16px;
	}
	#moreItemContainer {
		padding-top:40px;
	}
	.showmobile {
		display:block;
	}
	#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
		display:none;
	}
	div.divpaddingmobile {
		float:none;
		width:100%;
		padding:0px;
		margin: auto;
	}
	#herobloc.herointerne h2 {
		font-size:16px;
	}
	#herobloc.herointerne {
		padding-top:20px;
		padding-bottom:15px;
	}
	.hamburger { display:block; }
}

/* UPDATE VERSION V2 + PICTURES ADAPTATION */

/**** PAGE HOME ****/
#herobloc.heroindex {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/v2/bandeauhome.jpg');
	background-position:100% 50%;
	background-repeat: no-repeat;
	background-color:#E0D8CD;
}
#sucre div.picture {
    background-image: none;
	background-position: center center;
	background-color:#e9be4b;
}
div.picture a {
	display: flex;
  	align-items: center;
  	justify-content: center;
}
div.picture a img {
	max-width:100%;
	width:auto;
	display:block;
	margin:auto;
}
#savon div.picture {
	background-image: none;
    background-position: center center;
	background-color:#f5b6be;
}
#bonbon div.picture {
	background-image:none;
    background-position: center center;
	background-color:#9ac9e7;
}
@media screen and (max-width: 1650px) {
	#herobloc.heroindex {
		background-position:120% 50%;
	}

}
@media screen and (max-width: 1400px) {
	#herobloc.heroindex {
		background-position:160% 50%;
	}
}
@media screen and (max-width: 1201px) {
	#herobloc.heroindex {
		background-position:180% 50%;
	}
}

button.callmore {
	border:none;
	box-shadow: none;
	font-size:14px;
	background:none;
	padding-top:5px;
	cursor:pointer;
}
button.callmore:hover { text-decoration:underline; }
button.callmore span.material-icons {
	color:var(--secondary-color);
	position:relative;
	top:5px;
}

.modalconfiserie form{
    margin-bottom: 20px;
}
.modalconfiserie {
    width:90%;
    max-width:600px;
    margin:auto;
    margin-top:50px;
    background: #FFF;
    border-radius:8px;
    padding: 0px;
	padding-top:30px;
	padding-bottom:30px;
    position:relative;
	background: #F4F7FA;
	overflow-y: auto;
	overflow-x: hidden;
}
.modalconfiserie h2.boxTitle {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	font-size:25px;
	background: #F4F7FA;
}
#imgmodalpatefruit {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/contenant/remplissezpatesdefruits.jpg');
	background-position: center center;
	width:100%;
	height:120px;
}
#imgmodalcaramels {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/contenant/remplissezcaramels.jpg');
	background-position: center center;
	width:100%;
	height:120px;
}
#imgmodalsables {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/contenant/remplissezgateaux.jpg');
	background-position: center center;
	width:100%;
	height:120px;
}
#imgmodalcaramels {
	background-image:url('http://localhost:8888/boiteperso2021/assets/img/contenant/remplissezcaramels.jpg');
	background-position: center center;
	width:100%;
	height:120px;
}
.modalconfiserie p.desc {
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	line-height:140%;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	background:#fff;
	margin-bottom:0px;
}
.modalconfiserie p.desc strong {
	font-size:16px;
}

/* PAGE MODELE */
#containermodelechoix {
	background: #F4F7FA;
	height: auto;
	min-height: 100vh;
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
}
#containermodelechoix .card {
	background:#fff;
}
#containermodelechoix .item_v2 { margin-bottom:20px;}
#containermodelechoix h4 a { text-decoration:none; }
#containermodelechoix .item_v2:hover { filter: drop-shadow(0px 8px 16px rgba(0, 48, 102, 0.05)); }

#blocboutons, #blocboutons_verso { position:relative;text-align:center; }
#blocboutons button,
#blocboutons_verso button {
	background:none;
	border:none;
	box-shadow:none;
	width:auto;
	background:#31393C;
	padding-left:10px;
	color:#fff;
	padding-right:10px;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	cursor:pointer;
}
#blocboutons button img,
#blocboutons_verso button img {
	width:18px;
	height:18px;
}
#blocboutons button span.material-icons-outlined,
#blocboutons_verso button span.material-icons-outlined {
	font-size:15px;
	position: relative;
	top: 2px;
}
#pageperso { background:#F4F7FA; }
#pageperso header { background:#fff; }
#barrepersoproduct { display:none; }
#infosboite {
	width:100%;
	max-width:1050px;
	margin:auto;
	margin-top:20px;
}

#blocboutons .buttonimgperso,
#blocboutons_verso .buttonimgperso {
		position:absolute;
		top:170px;
		width:190px;
		z-index:2;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
}
#blocboutons .buttonimgperso2,
#blocboutons_verso .buttonimgperso2 {
		position:absolute;
		top:220px;
		width:190px;
		z-index:2;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
}
#blocboutonsbottom,
#blocboutons_verso_verso { position:relative;top:-50px; }
#blocboutonsbottom button,
#blocboutonsbottom_verso button { cursor:pointer;background:#E13765;border-radius:50%;color:#fff;font-size:20px;padding:0;border:none;box-shadow:none;padding-left: 7px;padding-right: 7px;padding-top: 5px; }
#blocboutons button,
#blocboutons_verso button { position:relative;top:20px;z-index:2; }
#blocboutons button.secondarycolor,
#blocboutons_verso button.secondarycolor { background:#E13765; }
#blocboutonsbottom button.imgdelete,
 #blocboutonsbottom_verso button.imgdelete{ position:relative;top:7px; }
#infosboite .qteboiteinfo { padding-top:5px;padding-bottom:5px; }
#blocboutons .buttonimgperso
#blocboutons .buttonimgperso { top: 180px; }
#blocboutonsbottom,
#blocboutonsbottom_verso { top:-80px; }

#canvas-wrapper .canvas-container,
#canvas-wrapper_verso .canvas-container {
		height: 550px !important;
}
#sidebarcanvas { height:auto;min-height:inherit; }

#infosboite .btn.btn-primary {
		font-size: 16px;
		padding: 15px;
		border-radius: 4px;
		position: relative;
		top: 50px;
		left: 10px;
}
#infosboite small.price { float:right; }
div.qteboiteinfo #slct { margin-bottom:10px; }
.fondvidemodal {
    width:90%;
    max-width:700px;
    margin:auto;
    margin-top:50px;
    background: #FFF;
    border-radius:8px;
    padding: 0px;
	padding-top:30px;
	padding-bottom:30px;
    position:relative;
	background: #F4F7FA;
	overflow-y: auto;
	overflow-x: hidden;
}
.fondvidemodal div.row { margin-left:0px;margin-right:0px; }
.fondvidemodal h2.boxTitle {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	font-size:25px;
	background: #F4F7FA;
}
.fondvidemodal img { border-radius:8px; }
.fondvidemodal p.desc { text-align:left;font-size:14px; }

#blocformaccount.pageregister .btn-primary:disabled {
	background: #ccc;
	border:#ccc;
	cursor: not-allowed;
}

#modalcaddcart div.alert.alert-success {
	margin-top:-20px;
	margin-left:-15px;
	margin-right:-15px;
	padding:30px;
	text-align:center;
	background:#F4F7FA;
	border:none;
	color:#00BD8F;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 32px;
}
#modalcaddcart h5 { font-size:24px; }
#modalcaddcart h5 .priceadd { font-size: 22px; }
#divbuttonaddcontent button.candySelected, #modalfooterconfirm button {
		margin-bottom:20px;
		font-size:16px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top:0px;
		border-radius:5px;
}
#modalcaddcart .btn-primary {
	margin-bottom: 20px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	border-radius: 5px;
}
#divbuttonaddcontent button,#modalcaddcart .btn-default  {
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* POPUP TEXTE PERSO */
div.bodymodelmodal textarea#tt {
	padding:15px;
	font-size:16px;
	color:#000;
	height:100px;
	border-color:#000;
}
div.bodymodelmodal div.font-dropdown ul.dropdown-list {
	width:100%;
	display:block;
}
body#pageperso div.modal-header { background:#F4F7FA; }
body#pageperso div.bodymodelmodal span.labelquantite { font-size:14px;display:block;margin-top:20px;color:#001833; }
button.btnedittextsubmit { display:block;width:100%;font-size:16px;padding-top:10px;padding-bottom:10px;margin-top:30px;margin-bottom:1px; }
div.color-picker-wrapper { padding-top:30px; }

/* PANIER ET TUNNEL PAIEMENT */
#containercart #cartsidebarsticky span {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	color: #31393C;
}
#containercart #cartsidebarsticky button.btn.btn-primary {
	margin-top:20px;
}
#containercart #cartsidebarsticky .alert.alert-success {
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	background: #73BFB8;
	border-radius: 5px;
	border:none;
}

/* POPUPCONNEXION */
#accountbeforecommande {
	border-radius:8px;
}
#accountbeforecommande .modal-header {
	background: #fff;
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
}
#accountbeforecommande .modal-header h5.modal-title {
	font-weight: 700;
	font-size: 22px;
	font-family: var(--main-font);
	color: var(--primary-color);
	text-align:center;
}
#accountbeforecommande .modal-header button {
    position: absolute;
    left: 10px;
    top: 20px;
    padding-top: 3px;
}
#accountbeforecommande .modal-header .btn span {
    position: relative;
    top: 4.5px;
    font-size: 20px;
    font-size: 20px;
}
body#panier .modal-dialog {
	max-width: 850px;
}
#accountbeforecommande div.modal-body {
	padding:20px;
	background:#F4F7FA;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left:40px;
	padding-right:40px;
}
#accountbeforecommande  #tabsProductPage li {
	position:inherit;
	top:0px;
	line-height:2em;
	padding: 5px;
	text-transform:uppercase;
}
#accountbeforecommande  #tabsProductPage li.active {
	background:#fff;
	border-color:#fff;
	border-radius:8px;
	line-height:2em;
}
#accountbeforecommande .bloctabcontent { padding-top:0px; }
#accountbeforecommande h3.titreblocinfo { margin-top:0px;font-size:22px;margin-bottom:0px; }

#registerMeSubmit.btn-primary:disabled {
	background: #ccc;
	border:#ccc;
	cursor: not-allowed;
	margin-top: 30px;
	opacity:1;
	font-size: 16px;
    line-height: 24px;
    text-align: center;
	padding-top:15px;
	padding-bottom:15px;
}
#accountbeforecommande .form__group__cgv { margin-top:30px; }
#colonnecart section { margin-top:20px; }

#cartsidebarsticky .call-to-action {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #00234C;
	cursor:pointer;
}
#containercart.panier2 {
	padding-bottom: 50px;
}
#cartsidebarsticky #bloccagnotte {
	padding-bottom:20px;
	border-bottom:2px dotted #00234C;
}

#interfacepersocoffret #blocboutonsbottom {
	top: -115px;
}
#linkeventmobile {
	position: absolute;
	left: 60px;
	font-size: 14px;
	background: var(--secondary-color);
	border:none;
	color: #fff;
	width: 80px;
	padding: 5px;
	top: 7px;
	border-radius: 5px;
}
#linkeventmobile:hover {
	background: var(--primary-color);
	color:#ffffff !important;
}

.etrusted-trusted-stars-service-widget-wrapper {
    display: inherit;
    font: 1em "Helvetica Neue",arial,sans-serif;
        font-weight: normal;
    font-weight: 400;
    min-width: 17.1em;
    position: relative;
    background: #fff;
    width: auto;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    margin-left: -20px;
}


/* TABLET PAYSAGE */
@media screen and (max-width: 1200px) {
	#herobloc.heroindex {
		background-position:190% 50%;
	}
	#herobloc h2 {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 45px;
		letter-spacing: 0.0025em;
		padding:0;
	}
	#herobloc h1 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #31393C;
	}
	.navbar-expand-md .navbar-collapse { left:0px; }
	.hidemobiletablet { display:none; }
	.showmobiletablet { display:block; }
	.btn.btn-primary {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		background: #E13765;
		border-radius: 8px;
	}
	h2.titresection {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		text-align: center;
		color: #00234C;
		padding-left:10px;
		padding-right:10px;
	}

	.paddingsection {
		padding-top:40px;
		padding-bottom:40px;
	 }
	 #assurance { padding-left:5px;padding-right:5px; }

	p.desc {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
		padding-left:20px;
		padding-right:20px;
	}
	#occasion p { margin-bottom:20px; }
	div.row.bloccard { padding-left:20px;padding-right:20px;padding-bottom:20px !important; }
	div.row.bloccard div.card { margin-bottom:20px; }
	#occasion .btn.btn-primary { margin-left:20px;margin-right:20px; }
	body#inspirations #occasion .btn.btn-primary { margin-left:5px;margin-right:5px; }
	#categoriesproducts .col-12 .inner {
		padding: 30px;
	}
	.calltoactionsmall {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #FFFFFF;
	}
	h3.titreblocinfo {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		color: #00234C;
	}
	p.chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #001833;
		margin-bottom:30px;
	}
	a.btn.btn-secondary {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		text-align: center;
		color: #E13765;
	}
	#categoriesproducts #savon h3.titreblocinfo { margin-top:0px; }
	#categoriesproducts #bonbon h3.titreblocinfo { margin-top:0px; }
	#categoriesproducts div.bgthird p.chapeau { color:#fff; }
	#becreative .container { padding:0px;}
	#becreative .container .desc { margin-bottom:20px; }
}
@media screen and (max-width: 1050px) {
	#herobloc.heroindex {
		background-position:300% 50%;
	}
}

/* SMARTPHONE */
@media screen and (max-width: 800px) {
	#herobloc.heroindex {
		background-image:none;
		background-color:#EDDDC4;
	}
	#announcement-bottom { font-size:14px; }
	#footerbottom .col-12, #footerbottom .col-12.text-right { font-weight:normal; }
	.sectionpage { padding-top:30px;padding-bottom:30px; }
	#herobloc h3 {
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
	}
	.carousel__thumbnails label {
		cursor: pointer;
	}
	#herobloc h1 {
		padding-right:0px;
	}
	div.skills { text-align:left; }
	#mockup { padding-top:30px;padding-bottom:0px; }
	#mockup .container { padding-left:0px;padding-right:0px; }
	#mockup h2.titresection { padding-left:0px;padding-right:0px; }
	#mockup  .call-to-action { text-align:left;position:relative;top:-15px; }
	#mockup .container .col-6 { float: none;width: 100%;flex: auto;max-width: 100%; }
	#mockup .container .col-6 img { margin-bottom:30px; }
	#homefaq p br { display:none; }
	#homefaq p.desc { margin-bottom:20px;padding-left:0px;padding-right:0px;margin-bottom:30px; }
	#homefaq  .question { padding:20px; }
	#homefaq  .question h4 { max-width:100%;line-height:1.5em; }
	#homefaq  .question h4:after { position: relative;top: -10px;left: 10px; }
	#homefaq  .question:nth-of-type(4) h4:after { top: -3px; }
	#homefaq .container { padding-left:20px;padding-right:20px; }
	#instagramfeed {
		padding:20px;
	}
	#instagramfeed .col-6 { padding-left:15px;padding-right:5px; }
	#instagramfeed .col-6:nth-of-type(2n) { padding-left:5px;padding-right:15px; }
	#instagramfeed img { margin-bottom:10px }
	#instagramfeed h3.titreblocinfo { margin-top:0px; }
	#instagramfeed .container { padding:0; }
	#instagramfeed .desc { margin-bottom:20px;padding-left:0px;padding-right:0px; }
	#instagramfeed .btnborder { margin-top:20px; }
	#blocnewsletter h4 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #001833;
	 }
	 #blocnewsletter form input { width:100%;float:none;padding-top: 10px;padding-bottom: 10px;padding-top: 10px;
padding-bottom: 10px;font-size: 14px; }
	 #blocnewsletter button.btn-primary { width:100%;float:none;margin-top:10px; }
	 #blocnewsletter button.btn-primary {
		font-family: Open Sans;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #FFFFFF;
	 }
	 #blocnewsletter {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		color: #31393C;
	 }
	 #footer { padding-top:20px;padding-bottom:20px; }
	 footer a.call-to-action { position:relative;top:-5px; }
	 .panel p.desc2 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #31393C;
	 }
	 #herobloc.herointerne h2 {
	 	font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 50px;
		letter-spacing: 0.0025em;
		color: #00234C;
		text-align:left;
	}
	.sectionpage .container, .sectionpage .container.col-12 { padding:0; }
	.sectionpage h3.titreblocinfo { margin-top:0px; }
	.sectionpage #sucre h3.titreblocinfo { margin-top:20px; }
	h4.cardTitle {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #00234C;
	}
	.desctext {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #001833;
	}
	.desc2, .labelquantite, .blocbonbon {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		color: #31393C;
	}
	ul.desc2 {
		padding-left: 10px;
	}
	.card-block { padding-left:20px;padding-right:20px; }
	span.cardPrice {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 142%;
		text-align: right;
		color: #E13765;
 	}
	div.card-block a.call-to-action {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #00234C;
	}
	#produits .sectionpage p.desc { padding-left:0px;padding-right:0px; }

	div.sectionthematique h3.titreblocinfo {
		margin-top:0px;
	}
	div.sectionthematique div.container {
		padding-right:20px;
		padding-left:20px;
		margin:auto;
	 }
	 div.sectionthematique div.container .col-md-4 { padding:0; }
	 div.sectionthematique .card p.desc { padding:0; }
	 div.sectionthematique { padding-top:40px;padding-bottom:0px !important; }
	 .sectionthematique .card h5, .card h5 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 32px;
		text-align: center;
		letter-spacing: 0.0015em;
		color: #00234C;
	  }
	  .sectionthematique .card p.desc {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #001833;
		margin-bottom: 40px !important;
	}
	#becreative h3 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 21px;
		line-height: 32px;
		text-align: center;
		letter-spacing: 0.0015em;
		color: #00234C;
	}
	body#home #becreative h3 {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 56px;
		text-align: center;
		letter-spacing: 0.0025em;
		color: #31393C;
	}
	body#home #becreative .chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 21px;
		line-height: 32px;
		text-align: center;
		letter-spacing: 0.0015em;
		color: #31393C;
	}
	div.bloctabcontent { padding-top:0px;padding-bottom:0px; }
	#parrainage #herobloc h1, #apropos #herobloc h1 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	#parrainage #herobloc.herointerne h2, #apropos #herobloc.herointerne h2  { text-align:center; }
	#apropos section.sectionpage  { padding-left:20px;padding-right:20px;padding-top:30px; }
	#apropos section.sectionpage .container, div.innerparagraphe { padding:0; }
	#footer .desc2 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #001833;
	 }
	 #herobloc.herointerne {
		padding-top:40px;
		padding-bottom:15px;
	}
	#footer .container { padding-left:20px;padding-right:20px; }
	body#produitseul #containerProduct { padding: 0px; }
	body#produitseul #containerProduct img { border-radius:0; }
	body#produitseul  ul.carousel__thumbnails { padding-left:20px;padding-right:20px; }
	body#produitseul h2.boxTitle {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		color: #00234C;
		padding-left:15px;
		padding-right:15px;
	}
	body#produitseul .chapeau {
		padding-left:15px;
		padding-right:15px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		color: #31393C;
		margin-bottom:20px;
	}
	body#produitseul p.desctext {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #31393C;
		padding-left:15px;
		padding-right:15px;
	}
	body#produitseul div.bloctabcontent p.desctext {
		padding-left:0px;
		padding-right:0px;
	}
	body#produitseul h3.chapeau {
		padding-left:0px;
		padding-right:0px;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #00234C;
	}
	body#produitseul .sectionchoice {
		padding-left:15px;
		padding-right:15px;
		margin-bottom:0px;
	}
	body#produitseul .labelquantite {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #808B99;
	}
	.infochoicelabel { line-height:2.5em; }
	div.bloctabcontent h4.card-title {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		color: #31393C;
	 }
	div.bloctabcontent p {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		color: #31393C;
	}
	div.bloctabcontent h5, .classh5 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: bold;
		font-size: 21px;
		line-height: 32px;
		letter-spacing: 0.0015em;
		color: #31393C;
	}
	body#produitseul #moreItemContainer h3.titreblocinfo {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		text-align: center;
		color: #00234C;
	}
	body#produitseul #moreItemContainer {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
		padding-bottom:30px !important;
	}
	body#produitseul #moreItemContainer { padding-left:20px;padding-right:20px; }
	body#produitseul #moreItemContainer .moreItem {
		width:50%;float:left;flex:none;
	}
	body#produitseul #moreItemContainer .moreItem h5{
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		letter-spacing: 0.0015em;
		color: #00234C;
		padding:0;
	}
	body#produitseul #moreItemContainer .moreItem .desctext {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #001833;
		padding:0;
	}
	body#produitseul #moreItemContainer .moreItem .desctext span {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.0015em;
		color: #E13765;
		display:block;
		text-align:center;
	}
	body#produitseul #moreItemContainer .moreItem {
		padding-left: 25px;
		padding-right: 10px;
	}
	body#produitseul #moreItemContainer .moreItem:nth-of-type(2n) {
		padding-left: 10px;
		padding-right: 25px;
	}
	body#cgv .desc4, body#legal .desc4, body#faq .desc4 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #31393C;
	}
	body#cgv #herobloc, body#legal #herobloc, body#faq #herobloc {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	body#cgv #herobloc .container, body#legal #herobloc .container, body#faq #herobloc .container {
		padding-left:20px;
		padding-right:20px;
	}
	body#cgv #herobloc h2.titresection, body#legal #herobloc h2.titresection, body#faq #herobloc h2.titresection {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 56px;
		text-align: center;
		letter-spacing: 0.0025em;
		color: #00234C;
	}
	body#cgv #herobloc h1.chapeau, body#legal #herobloc h1.chapeau, body#faq #herobloc h1.chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
	}
	body#cgv #herobloc p.desc4, body#legal #herobloc p.desc4, body#faq #herobloc p.desc4 {
		text-align:center;
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
	}
	body#cgv .sectionpage.divtexte .col-12 {
		padding-left:20px;
		padding-right:20px;
	}
	body#event #herobloc.herointerne {
		padding-top:40px;
		padding-bottom:20px !important;
	}
	#stepspersoevent {
		background-image:none;
	}
	#stepspersoevent .container, #stepcard  .container { padding-left:20px;padding-right:20px; }
	#stepcard .col-12 { padding:0; }
	#stepspersoevent .container .row, #stepcard .row { margin:0; }
	#stepspersoevent .container .desc { padding-left:0px;padding-right:0px; }
	#stepspersoevent { padding-bottom:0px;padding-top:0px; }
	#stepcard, #choicemodeleventbloc { position:inherit;top:0px; }
	#stepcard .container .col-md-4  { margin-bottom:20px; }
	#stepcard { height:auto; }
	#choicemodeleventbloc { margin-top:20px; }
	#choicemodeleventbloc  h2 { padding:0; }
	#blocembedsectiongrey { background:none;margin-top:10px; }

	#choicemodeleventbloc .container{
		padding-left:20px;
		padding-right:20px;
	}
	#choicemodeleventbloc div.col-12 {
		padding-left:0px;
		padding-right:0px;
	}
	#blocnewsletter .container {
		padding-left:20px;
		padding-right:20px;
	}
	#inspirations #herobloc h1.chapeau {
		margin-bottom:0px;
	}
	#blocnewsletter p.chapeau {
		padding-left:0px;
		padding-right:0px;
	}
	#becreative .sectionpage {
		padding-bottom:10px;
	}
	#inspirations h2.titresection {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 38px;
		line-height: 50px;
		letter-spacing: 0.0025em;
		color: #00234C;
		text-align: center;
	}
	#inspirations h1.chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
	}
	#inspirations #herobloc {
		padding-bottom:45px !important;
	}
	body#inspirations #occasion p.chapeau, #divsocialportail #occasion p.chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
	}
	body#inspirations #occasion.sectionthematique .card p.desc, #divblog .card .desc, #divsocialportail .card .desc {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #001833;
	}
	#divsocialportail .card .desc { padding:0;text-align:left; }
	body#inspirations #occasion { padding-bottom:20px !important; }
	body#inspirations #occasion .row {
		margin:auto;
		padding:0px;
	}
	body#inspirations #occasion .row .col-md-4 { padding-left:5px;padding-right:5px; }
	#divinspirationscolor .col-12 { padding-left:5px;padding-right:5px; }
	#divblog .container { padding-left:20px;padding-right:20px; }
	#divblog .card {
		padding-bottom:30px !important;
	}
	#divsocialportail .card { margin-bottom:30px; }
	#divblog h3.titreblocinfo {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		text-align: center;
		color: #00234C;
	}
	#divblog p.chapeau {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: #31393C;
		max-width:100%;
	 }
	 #divblog .card .card-title { text-align:center; }
	 #divblog .card a.readmore { text-align:center;display:block; }
	 #divsocialportail .container { padding-left:20px;padding-right:20px; }

	 #colrightlogin { background:#F4F7FA;height:auto;padding-left:35px;padding-right:35px;max-width:100%;min-height:100vh;align-items:unset; }
	 #blocformaccount { margin:0;max-width:100%;width:100%; }
	 #blocformaccount div.desc4 { text-align:center;margin-top:40px; }
	 .cl-banner .innerbanner {
		min-height: unset;
		max-height: 100%;
		bottom: auto;
		right: auto;
		left: 10%;
		top: 10%;
		transform: translateX(-5%) translateY(-5%);
		position: absolute;
		background: #fff;
		padding: 30px;
		border-radius: 8px;
	}
	body#pagelogin { min-height:100vh; }
	#blocformaccount  .btn.btn-primary { width:100%;margin:auto;display:block; }
	#blocformaccount  h3.titreblocinfo { text-align:center; }
	#blocformaccount.pageregister { padding-top:0px;padding-bottom:30px; }
	#blocformaccount.pageregister .btn-primary { margin-top:20px;display:block; }

	body#modeles #nosmodeles  .col-12  { padding:0;}
	body#modeles #nosmodeles  .col-12 .row { margin:0; }
	body#modeles #nosmodeles .chapeau { font-size:16px;margin-bottom:0 !important; }
	body#modeles #nosmodeles #registerCartCountry { margin-bottom:10px; }
	body#modeles  #nosmodeles h4.card-title { margin-bottom:0px; }
	body#modeles #nosmodeles { padding-top:10px; }
	#nosmodeles .desctext { margin-bottom: 20px;margin-top: 10px;text-align:center; }
	body#modeles #nosmodeles .item_v2 {
		width:50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left:5px;padding-right:10px;
		margin-bottom:20px;
	}
	.item_v2 .card-block { padding:10px; }
	body#modeles #nosmodeles .item_v2:nth-of-type(2n) {
		padding-left:10px;padding-right:5px;
	}
	body#pageaccount .sectionpage { padding-top:20px; }
	body#pageaccount a.btnlinkaccount {
		width: 100%;
		display: inline-block;
		float: none;
		text-align: center;
		padding: 0;
		font-size: 12px;
		margin:0;
	}
	body#pageaccount a.btnlinkaccount:nth-of-type(2) {
		margin-top:20px;
	}
	body#pageaccount .chapeau { margin-bottom:20px; }
	body#pageaccount div.marginbottom40 { margin-bottom:20px; }
	body#pageaccount #colcardaccount .card { padding:20px; }
	body#pageaccount .btn.btn-primary { margin:0;display:block;width:100%; }
	body#pageaccount div.row div.col-6 { width:100%;flex: 0 0 100%;max-width: 100%;}
	body#pageaccount div.row div.col-6:nth-of-type(1) { margin-bottom:20px; }
	body#pageaccount div.row div.col-6 h3.titreblocinfo { margin-bottom:0px; }
	#blocparrainage div.row { margin:0;  }
	#blocparrainage div.row div.col-12 { padding:0; }
	#blocparrainage input.form-control, #blocparrainage .btn.btn-primary { width:100%;display:block;border-radius:8px; }
	#blocparrainage input.form-control { margin-bottom:15px; }
	#blocparrainage .input-group-append { width:100%;display:block; }
	#blocparrainage div.row .input-group { padding:0 !important; }
	#accountadresse { padding:0 !important;margin-top:30px; }

	#containermodelechoix h2.boxTitle {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		color: #00234C;
	}

	#containermodelechoix {
		padding-top: 20px;
	}
	#containermodelechoix #productchoice .item_v2 {
		padding:0;
		width:50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left:5px;padding-right:10px;
		margin-bottom:20px;
	}
	#containermodelechoix  .item_v2 .card-block { padding:0px; }
	#containermodelechoix  .item_v2 .card-block h4 { padding-top:10px; }
	#containermodelechoix  .item_v2:nth-of-type(2n) {
		padding-left:10px;padding-right:5px;
	}
	#barrepersoproduct {
		height: 70px;
		padding: 0;
		background: #fff;
		box-shadow: 0 4px 2px -2px #efefef;
		height:70px;
	}
	#infosboite { padding-left: 30px;padding-right: 30px;margin-top: 20px; }
	#infosboite .card { padding:15px; }
	#infosboite h3 {
		font-family: Open Sans;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 24px;
		color: #31393C;
		margin-bottom:0px;
	}
	div.qteboiteinfo #slct { margin-bottom:10px; }
	#infosboite .price {
		float:right;font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;

		/* identical to box height, or 150% */
		text-align: right;

		/* Outer Space crayola */
		color: #31393C;
	}
	.colors label, .qteboiteinfo {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		color: #31393C;
	}
	#blocboutons { position:relative;}

	.modalconfiserie {
		width:100%;
		max-width:600px;
		margin:auto;
		margin-top:0px;
		background: #FFF;
		border-radius:8px;
		padding: 0px;
		padding-top:0px;
		padding-bottom:15px;
		position:relative;
		background: #F4F7FA;
		border-radius:0;
		min-height:100vh;
	}
	.modalconfiserie h2.boxTitle {
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		font-size:24px !important;
		background: #F4F7FA;
	}
	.closeThis { font-size:30px; }
	#blocboutons .buttonimgperso {
		position:absolute;
		top:130px;
		width:190px;
		z-index:1040;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	#blocboutons .buttonimgperso2 {
		position:absolute;
		top:220px;
		width:190px;
		z-index:1040;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	#blocboutonsbottom { position:relative;top:-50px; }
	#blocboutonsbottom button { cursor:pointer;background:#E13765;border-radius:50%;color:#fff;font-size:20px;padding:0;border:none;box-shadow:none;padding-left: 7px;padding-right: 7px;padding-top: 5px; }
	#blocboutons button { position:relative;top:20px;z-index:1040; }
	#blocboutons button.secondarycolor { background:#E13765; }
	#blocboutonsbottom button.imgdelete { position:relative;top:7px; }
	#infosboite .qteboiteinfo { padding-top:5px;padding-bottom:5px; }
	#barrepersoproduct { display:block; }

	/* Modal Modeles */
	body#pageperso.modal-open .modal-dialog { margin:0;border-radius:0; }
	body#pageperso.modal-open .modal-content { border-radius:0; }
	body.modal-open .headermodelmodal h3 { padding-top:40px; }

	div.bodymodelmodal div.boxTypeItem {
		flex: 0 0 50%;
		max-width: 50%;
	}
	div.bodymodelmodal div.boxTypeItem {
		padding-left:5px;padding-right:10px;
	}
	div.bodymodelmodal div.boxTypeItem:nth-of-type(2n) {
		padding-left:10px;padding-right:5px;
	}

	.fondvidemodal {
		width:100%;
		max-width:500px;
		margin:0;
		margin-top:0px;
		background: #FFF;
		border-radius:0px;
		padding: 0px;
		padding-top:0px;
		padding-bottom:0px;
		position:relative;
		background: #F4F7FA;
		overflow-y: auto;
		min-height:100vh;
	}
	.fondvidemodal h2.boxTitle {
		font-size:24px !important;
		padding-top:10px;
		padding-left:10px;
	}
	.fondvidemodal p.desc {
		padding-left:10px;
		padding-right:10px;
		font-size:14px;
		text-align:left;
		padding-top:20px;
	}
	.fondvidemodal img { border-radius:0px; }
	.fondvidemodal div.row { margin-left:-15px;margin-right:-15px;overflow-x:hidden; }
	#morecandy h1.titre { margin-left:-15px;margin-right: -15px; }
	#modalcaddcart .btn-primary { margin-top:20px; }
	#cartsidebarsticky { margin-top:0px;margin-bottom:20px; }

	#moreItemContainer .moreItem {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right:10px;
		padding-left:5px;
	}
	#moreItemContainer .moreItem:nth-of-type(2n) { padding-left:10px;padding-right:5px; }
	#moreItemContainer h3.titreblocinfo {
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 28px;
		line-height: 142%;
		text-align: center;
		color: #00234C;
	}
	#moreItemContainer .moreItem h5 {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		letter-spacing: 0.0015em;
		color: #00234C;
		padding: 0;
	}
	#moreItemContainer  .moreItem .desctext {
		font-family: Open Sans;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #001833;
		padding: 0;
	}
	#moreItemContainer .moreItem .desctext span {
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.0015em;
		color: #E13765;
		display: block;
		text-align: center;
	}

	body#panier .modal-dialog {
		width:100%;
		border-radius:0px;
		margin:0;
		min-height:100vh;
	}
	body#panier div.modal-content { min-height:100vh; }
	#accountbeforecommande .modal-header h5.modal-title {
		padding-top:40px;
	}
	#accountbeforecommande .modal-header button { top:10px; }
	#accountbeforecommande div.modal-body { padding-left:15px;padding-right:15px; }
	#accountbeforecommande #tabsProductPage li { width:50%; }
	#accountbeforecommande div.sectionpage .containersmall { padding:0px; }

	#accountbeforecommande .btn.btn-primary {
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#accountbeforecommande h3.titreblocinfo {
		margin-bottom: 20px;
	}
	body#panier div.modal-content { background: #F4F7FA; }
	body#panier .modal-content, #accountbeforecommande .modal-header { border-radius:0px; }
	body#panier #accountbeforecommande .form-group { margin-bottom:10px; }

	#containercart.panier2 { padding:30px; }
	#blocchoixlivraison table.table td { width:75%; }
	#blocchoixlivraison table.table td:nth-of-type(2)  { width:25%; }
	div.panier2 #cartsidebarsticky { margin-top:20px; }
	#blocchoixlivraison table.table span.label { display:block;width:100%;margin:0;  }
	#blocchoixlivraison table.table .bulgy-radios { padding:0px; }
	table.tablepanier .col-12  { padding-left:5px;padding-right:5px; }
	table.tablepanier h5 { font-size: 20px;font-weight:bold; }
	body#pagepro .btn.btn-primary { font-size: 16px; }
	body#pagepro .btn.btn-secondary { font-size: 16px; }
	body#pagepro #herobloc .btn { margin:0;width:100%;display:block;margin-bottom:10px; }
	#blocclientslogos { margin:0;padding-top:20px;padding-bottom:20px; }
	#blocclientslogos { display:none; }
	#blocformcontact div.col-12 { padding-left:5px;padding-right:5px; }
	#formpro .col-12 input { margin-bottom:15px; }
	#formpro div.margin20 { margin-top:0px; }
	#formpro button.btn { cursor:pointer;display:block;width:100%;margin-top:20px; }

	body#doctechnique .container-fluid.bglightgrey div.productSection .row {
		padding:0;
	}
	body#doctechnique .container-fluid.bglightgrey div.productSection .row .btn.btn-primary {
		font-size: 16px;
	}
	body#doctechnique .container-fluid.bglightgrey div.productSection .row .col-12 {
		padding-left:5px;
		padding-right:5px;
	}
	body#panier #tabsProductPage li a { font-size:15px; }
}

@media screen and (max-width: 800px) {
	#canvas-wrapper canvas { top: 180px !important; }
	#blocboutons .buttonimgperso { top: 200px; }
	#canvas-wrapper .canvas-container { height: 400px !important; }
	#interfacepersobonbon #canvas-wrapper canvas { top: 200px !important; }
	#interfacepersobonbon #blocboutonsbottom { position: relative;top: -20px; }
	#interfacepersocube #canvas-wrapper canvas { top: 200px !important; }
	#interfacepersocube #blocboutonsbottom { position: relative;top: -20px; }
	#interfacepersocoffret #canvas-wrapper canvas { top: 190px !important; }
	#interfacepersocoffret #blocboutonsbottom { position: relative;top: -55px; }
	#interfacepersocoffret .buttonimgperso { top: 140px; }
}
@media screen and (max-width: 400px) {
	#canvas-wrapper canvas { top: 150px !important; }
	#blocboutons .buttonimgperso { top: 130px; }
	#canvas-wrapper .canvas-container { height: 320px !important; }
	#interfacepersobonbon #canvas-wrapper canvas { top: 200px !important; }
	#interfacepersobonbon #blocboutonsbottom { position: relative;top: -20px; }
	#interfacepersobonbon #canvas-wrapper .canvas-container { min-height:400px; }
	#interfacepersobonbon #blocboutons .buttonimgperso { top: 160px; }
	#interfacepersocube #canvas-wrapper canvas { top: 200px !important; }
	#interfacepersocoffret #blocboutonsbottom { position: relative;top: -30px; }
	#interfacepersocoffret #canvas-wrapper .canvas-container { min-height:400px; }
	#interfacepersocoffret .buttonimgperso { top: 110px; }
	#interfacepersocoffret #canvas-wrapper canvas { top:150px !important; }
	#interfacepersocoffret #blocboutonsbottom { position: relative;top: -120px; }
}