body, html {
   padding:0;
   margin:0;
   font-family:Helvetica, Arial, sans-serif;
   font-size:18px;
   line-height:28px;
}

body {
   overflow-x:hidden;
}

header,
footer,
section,
main,
img,
label,
input,
button {
   display:block;
}

img {
   max-width:100%;
   height:auto;
}

main {
   position:relative;
   top:43px;
   background-color:#fff;
}

figure {
   margin:0;
}

figure a {
   margin:0 auto;
}

figcaption {
   line-height:24px;
}

figcaption h3 {
   margin-top:10px;
   color:#7e0000;
   line-height:30px;
}

h1 {
   color:#fff;
   font-size:50px;
   line-height:50px;
   text-transform:uppercase;
}

h2 {
   color:#fff;
   font-size:36px;
   line-height:42px;
   margin:0 0 28px;
}

h3 {
   color:#fff;
   font-size:24px;
   font-weight:700;
   line-height:48px;
   margin:0 0 12px;
}

h4 {
   color:#fff;
   font-size:20px;
   line-height:48px;
   margin:0;
}

button, input[type="submit"] {
   cursor:pointer;
}

.container {
   width:100%;
   max-width:1260px;
   padding:0 30px;
   box-sizing:border-box;
   margin:0 auto;
}

.row {
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:nowrap;
   flex-wrap:nowrap;
   width:100%;
}

.row-wrap {
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
   width:100%;
}

.col-2 {
   padding:0 10px;
   max-width:50%;
   width:100%;
   float:left;
}

.col-2-no-padding {
   max-width:50%;
   width:100%;
   float:left;
}

.col-2-33 {
   padding:0 25px;
   max-width:33.333%;
   width:100%;
   float:left;
}

.col-2-66 {
   padding:0 25px;
   max-width:66.666%;
   width:100%;
   float:left;
}

.col-3-no-padding {
   max-width:33.333%;
   width:100%;
   float:left;
}

.entry-title {
   padding:90px 0 30px 0;
   box-sizing:border-box;
}

.entry-title-bas-index {
   position:relative;
   top:4px;
   padding:0 20px;
   box-sizing:border-box;
}

.entry-title-bas-index h2 {
   font-size:4vw;
   line-height:3vw;
   text-align:center;
   text-transform:uppercase;
}

.entry-content .entry-title {
   padding:28px 0 12px 0;
   box-sizing:border-box;
}

.entry-content a {
   color:#fff;
   transition:0.22s;
}

.entry-content a:hover,
.entry-content a:focus {
   color:#7e0000;
}

.entry-title h1 {
   text-align:center;
   margin:0;
}

.entry-title h2 {
   margin:0;
}

.content-center {
   text-align:center;
}

.align-left {
   float:left;
}

.align-center {
   margin:0 auto;
}

.align-right {
   float:right;
}

.contents {
   display:contents;
}

a[href="tel:514 607-6379"]:hover {
   color:#fff;
}

iframe html body {
   display:none;
}

input, select {
   font-size:16px;
   width:100%;
   max-width:460px;
   line-height:30px;
   padding:0 15px;
   box-sizing:border-box;
   border-radius:6px;
   border:1px solid #ccc;
   transition:1.12s;
}

select {
   padding:10px 15px;
   background-color:#fff;
}

input:hover,
input:focus {
   outline-style:none;
   outline:none;
   border:0;
   border:1px solid #ccc;
   box-shadow:0 0 12px #2776a2;
   transition:1.12s;
}

button {
   display:block;
   font-size:20px;
   line-height:48px;
   font-weight:600;
   color:#fff;
   padding:4px 50px;
   background-color:#b50000;
   border-radius:30px;
   border:0;
   margin:30px auto 0;
   transition:0.12s;
}

button:hover,
button:focus {
   background-color:#7e0000;
   transition:0.12s;
}

.erreur {
   color:#d52020;
   font-size:20px;
}

#instafeed-container {
   display:table;
   width:100%;
}

#instafeed-container div {
   width:16.666%;
   background-size:cover;
   float:left;
}

#instafeed-container div:after {
   content:"";
   display:block;
   padding-bottom:100%;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Carrrousel
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.carrousel {
   position:relative;
   width:100%;
   max-width:2100px;
   top:175px;
   z-index:1;
}

.carrousel .image-carrousel {
   position:absolute;
   width:100%;
   max-width:2100px;
   margin:0 auto;
}

.carrousel .precedant,
.carrousel .suivant {
   position:absolute;
   top:50%;
   padding:12px;
   font-size:42px;
   font-weight:700;
   color:#fff;
   text-decoration:none;
   border-radius: 0 3px 3px 0;
   user-select:none;
   cursor:pointer;
   transition:0.2s;
}

.carrousel .precedant:hover,
.carrousel .suivant:hover {
   color:#a31a1a;
   transition:0.2s;
}

.carrousel .suivant {
   right:25px;
}

.carrousel .precedant {
   left:25px;
}

.decolorer {
   -webkit-animation-name:decolorer;
   -webkit-animation-duration:3.2s;
   animation-name:decolorer;
   animation-duration:3.2s;
}

@-webkit-keyframes decolorer {
   from {opacity:.2}
   to {opacity:1}
}

@keyframes decolorer {
   from {opacity:.2}
   to {opacity:1}
}

.image-carrousel {
   position:absolute;
}

.fleche-carrousel {
   left:50%;
   transform:translateX(-50%);
   position:absolute;
   display:block;
   margin-top:37%;
   width:unset;
   max-width:unset;
   z-index:2;
   animation:4s fleche-carrousel-anim infinite;
}

@keyframes fleche-carrousel-anim {
   0% {
      margin-top:37%;
   }
   50% {
      margin-top:39%;
   }
   100% {
      margin-top:37%;
   }
}

.accueil-accordeon {
   margin-top:60px;
   padding-bottom:60px;
}

.accueil-accordeon .entry-title {
   padding:0;
}

.accueil-accordeon h3 {
   text-align:center;
}

.fleche-accordeon {
   margin:0 auto;
   cursor:pointer;
   transition:0.4s;
}

.fleche-accordeon.actif {
   transform:rotate(180deg);
   transition:0.4s;
}

.lire-accordeon {
   margin-top:8px;
   margin-bottom:10px;
   font-weight:700;
   text-align:center;
   opacity:0;
   transition:0.4s;
}

.lire-accordeon:not(.actif) {
   opacity:0;
}

.lire-accordeon.actif {
   opacity:1;
   transition:0.4s;
}

.accueil-accordeon .entry-content {
   background-color:rgba(0, 0, 0, 0.38);
   border-radius:22px;
   box-sizing:border-box;
   opacity:1;
   transition:0.3s;
}

.accueil-accordeon .contenu {
   padding:40px 50px;
   box-sizing:border-box;
   opacity:0;
   transition:0.3s;
}

.accueil-accordeon .contenu.actif {
   opacity:1;
   transition:0.6s;
}

.accueil-accordeon .entry-content:not(.actif) {
   display:none;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Art de rue & Blogue
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.art-de-rue .entry-title {
   margin:0 0 20px;
}

.table-artistes {
   display:block;
   position:relative;
   height:auto;
   width:100%;
   padding:60px 0;
   background-color:rgba(0,0,0,0);
   transition:0.3s;
}

.table-artistes:hover {
   background-color:rgba(0,0,0,0.42);
}

.table-artistes .image,
.table-artistes .image-sans-cercle {
   padding-left:100px;
   float:left;
   box-sizing:border-box;
   max-width:40%;
   width:100%;
}

.table-artistes .image-vide {
   padding-left:100px;
   float:left;
   box-sizing:border-box;
   max-width:400px;
   min-width:400px;
   width:100%;
   height:400px;
}

.table-artistes .image img,
.table-artistes .image-adaptative img  {
   border-radius:50%;
   max-width:400px;
   min-width:400px;
   width:100%;
}

.table-artistes .image-sans-cercle img {
   max-width:400px;
   width:100%;
}

.table-artistes h2 {
   position:absolute;
   display:block;
   width:100%;
   font-size:40px;
   text-transform:uppercase;
   top:33%;
   left:50%;
   transform:translate(-28%, 160%);
   margin:0;
   transition:0.3s;
}

.blogue h2 {
   position:absolute;
   display:block;
   width:100%;
   font-size:40px;
   text-transform:uppercase;
   top:33%;
   left:50%;
   transform:translate(-28%, 35%);
   margin:0;
   transition:0.3s;
}

.table-artistes:hover h2 {
   top:0;
   left:0;
   transform:translate(0, 0);
}

.table-artistes .entry-content {
   position:relative;
   float:left;
   height:100%;
   text-align:left;
   max-width:60%;
   width:100%;
}

.table-artistes .visibility-hidden {
   margin-top:60px;
   font-size:22px;
   font-weight:600;
   visibility:hidden;
   opacity:0;
   transition:0.3s;
}

.section-a-propos .table-artistes .visibility-hidden {
   margin-top:60px;
   font-size:22px;
   font-weight:600;
   visibility:hidden;
   opacity:0;
   transition:0.3s;
}

.container-a-propos {
   max-width:960px;
   padding-bottom:60px;
   font-size:22px;
   font-weight:600;
   line-height:34px;
}

.container-a-propos p {
   text-align:justify;
}

.table-artistes .image-adaptative {
   display:none;
}

.table-artistes .visibility-visible {
   position:relative;
   font-size:22px;
   font-weight:600;
   top:80px;
}

.table-artistes .a-bouton {
   display:contents;
}

.table-artistes button {
   margin:33px 0 0;
   text-decoration:none;
}

.table-artistes:hover .visibility-hidden {
   visibility:visible;
   opacity:1;
}

.section-a-propos .table-artistes:hover .visibility-hidden {
   margin-top:100px;
   visibility:visible;
   opacity:1;
}

.blogue .image img {
   max-width:300px;
   min-width:unset;
   float:right;
}

.article .image img {
   max-width:300px;
   min-width:unset;
   margin-left:50px;
   margin-bottom:20px;
   border-radius:20px;
   float:right;
}

.article-date {
   font-size:20px;
   margin-bottom:30px;
   padding-top:40px;
}

.article .entry-content {
   font-size:20px;
   line-height:30px;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Boutique & Zone vidéo
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.boutique {
   display:flex;
}

.boutique figure {
   text-align:center;
}

.boutique figure a {
   text-decoration:none;
}

.boutique figure button {
   padding:0 40px;
   font-size:18px;
}

.produit-100 {
   max-width:100%;
}

.produit-50 {
   max-width:50%;
   width:100%;
   padding:0 25px;
   box-sizing:border-box;
   float:left;
}

.produit-33 {
   max-width:33%;
   width:100%;
   padding:0 25px;
   box-sizing:border-box;
   float:left;
}

.boutique h2 {
   text-align:center;
   color:#7e0000;
}

.boutique .tarifs-livraison {
   font-style:italic;
   font-weight:400;
   font-size:15px;
}

.boutique .prix-tarifs {
   font-size:18px;
   margin-left:5.5px;
}

.boutique .gratuit {
   text-transform:uppercase;
   color:#7e0000;
   font-weight:700;
}

.boutique .crochet {
   font-size:32px;
   color:#7e0000;
}

.produit-image {
   border-radius:20px;
   max-height:260px;
   margin:0 auto;
}

.separation-produits {
   clear:both;
   padding:40px;
}

.alerte-panier {
   border-radius:6px;
   line-height:60px;
   text-align:center;
   background-color:#b60101;
   color:#fff;
   font-size:20px;
   font-weight:700;
   max-width:50%;
   width:100%;
   margin:0 auto;
   box-shadow:0px 0px 10px #f9efef;
}

.panier {
   display:table;
   width:100%;
}

.panier-table {
   background-color:rgba(255,255,255,0.96);
   width:100%;
   border-collapse:collapse;
   border-spacing:30px;
   border-radius:20px;
   box-shadow:2px 2px 10px #686868;
   color:#000;
}

.panier-table .entry-title h2 {
   text-align:center;
   color:#7e0000;
}

.panier-table tr {
   border-bottom:1px solid #eaeaea;
}

.panier-table tr:first-child {
   border-bottom:1px solid #eaeaea;
}

.panier-table tr:last-child {
   border-bottom:none;
}

.panier-table th {
   padding:5px 30px;
   font-size:24px;
   line-height:12px;
   border-right:1px solid #ddd;
   border-bottom:1px solid #ddd;
}

.panier-table th:last-child {
   border-right:none;
   font-size:18px;
   line-height:22px;
   text-align:center;
}

.panier-table td {
   border-right:1px solid #ddd;
   text-align:center;
   padding:5px 20px 5px;
}

.panier-table td:first-child {
   border-right:unset;
}

.panier-table td:last-child {
   border-right:none;
}

.panier-table .image {
   max-width:120px;
   max-height:160px;
}

.panier-table .image img {
   max-width:120px;
   max-height:160px;
   border-radius:20px;
   margin:0;
}

.panier-table .description {
   font-size:15px;
   line-height:20px;
   text-align:left;
   width:100%;
}

.panier-table .nom {
   color:#000;
   font-size:26px;
   font-weight:700;
   line-height:28px;
   padding-top:18px;
   margin-bottom:12px;
}

.prix-panier-table {
   min-width:95px;
}

.panier-table .prix-gratuit {
   text-transform:uppercase;
   color:#cb8d00;
}

.panier-table button {
   margin-top:0;
   padding:0 30px;
   background-color:#a10a0a;
   font-size:15px;
   font-weight:500;
   line-height:38px;
}

.panier-table button:hover {
   background-color:#730303;
}

.panier-total {
   background-color:rgba(255,255,255,0.96);
   margin-top:40px;
   padding:10px 20px;
   width:100%;
   max-width:250px;
   border-radius:20px;
   box-shadow:2px 2px 10px #686868;
   color:#000;
   line-height:30px;
   float:right;
}

.panier-total tbody {
   padding-top:40px;
}

.panier-total td {
   padding:2px 20px;
}

.panier-total .total {
   font-size:20px;
   font-weight:700;
}

.panier .entry-title {
   text-align:center;
}

.panier .entry-title a {
   text-decoration:none;
   color:#fff;
}

.boutique .proceder-bouton {
   text-decoration:none;
   margin-top:36px;
   background-color:#000;
   box-shadow:1px 1px 6px #000;
}

.boutique .proceder-bouton:hover {
   background-color:#393939;
}

.panier .proceder-bouton {
   float:right;
   margin-right:30px;
   text-decoration:none;
   margin-top:36px;
   box-shadow:1px 1px 6px #686868;
}

.proceder {
   width:100%;
   display:table;
}

.proceder .entry-content,
.proceder .bloc {
   max-width:460px;
   padding:30px 40px;
   background-color:rgba(0,0,0,0.3);
}

.proceder label {
   font-size:20px;
   font-weight:700;
   margin-top:25px;
   margin-bottom:8px;
}

.proceder label:first-child {
   margin-top:0;
}

.proceder input {
   line-height:39px;
}

.proceder input:focus {
   box-shadow:0 0 20px #cb8d00;
   transition:1.2s;
}

.produits-caches {
   visibility:hidden;
}

.h3-adresse {
   font-size:28px;
   margin-top:20px;
   line-height:34px;
   text-decoration:underline;
   color:#fff;
}

.proceder .erreur {
   color:red;
   font-size:15px;
   font-style:italic;
}

.no-achat {
   display:block;
   text-align:center;
   width:100%;
   font-size:28px;
   font-weight:700;
   margin-bottom:20px;
}

.form-no-achat h4 {
   line-height:27px;
}

.form-no-achat input {
   max-width:170px;
   margin-top:20px;
}

.form-no-achat button {
   max-width:170px!important;
   margin:20px 0 0!important;
}

.panier-bloc {
   display:table;
   width:100%;
   padding:20px 0;
   border-bottom:1px solid #a08888;
   clear:both;
}

.panier-bloc:last-child {
   border-bottom:none;
}

.panier-bloc button {
   margin-top:20px;
   padding:0 30px;
   background-color:#a10a0a;
   font-size:15px;
   font-weight:500;
   line-height:38px;
   float:right;
}

.panier-bloc button:hover {
   background-color:#730303;
}

.panier-bloc .image {
   height:100px;
   width:100px;
   background-position:center;
   background-repeat:no-repeat;
   background-size:cover;
   border-radius:20px;
   margin-right:25px;
   margin-bottom:10px;
   float:left;
}

.panier-bloc h3 {
   font-size:22px;
   line-height:24px;
}

.panier-proceder-total {
   margin-top:40px;
   padding:30px 40px;
   background-color:rgba(255,255,255,0.88);
   color:#000;
   font-size:20px;
   font-weight:500;
}

.panier-proceder-total .total {
   line-height:35px;
   font-size:24px;
   font-weight:700;
}

.zone-video {
   margin-top:60px;
   max-width:50%;
   width:100%;
   padding:0 20px;
   float:left;
}

.zone-video h2 {
   text-align:center;
}

.zone-video video {
   max-width:100%;
   width:100%;
   margin-bottom:20px;
   float:left;
}

.zone-video figcaption {
   display:block;
   text-align:center;
}

#espace-client .achats {
   background-color:#2776a2;
   text-decoration:none;
   margin:0;
   float:right;
   font-size:16px;
   font-weight:700;
   line-height:24px;
   max-width:240px;
   padding:6px 30px;
   transition:0.12s;
}

#espace-client .achats:hover {
   background-color:#125375;
   box-shadow:0 0 8px rgba(255,255,255,0.25);
   transition:0.12s;
}

#espace-client .achat {
   padding:20px 30px;
   box-sizing:border-box;
   background-color:rgba(255,255,255,0.92);
   color:#000;
   font-size:22px;
   line-height:30px;
   margin-bottom:40px;
}

#espace-client .titre-no-achat {
   font-weight:700;
   font-size:28px;
   line-height:36px;
}

#espace-client .titre {
   font-weight:700;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

header {
   position:absolute;
   z-index:9;
}

#header-secondaire {
   position:fixed;
   top:0;
   width:100%;
   height:40px;
   line-height:34px;
   display:block;
   background-color:#000;
   z-index:12;
}

#header-secondaire a {
   font-size:16px;
   color:#fff;
   transition:0.12s;
}

#header-secondaire a:hover,
#header-secondaire a:focus {
   color:#c6c6c6;
   transition:0.12s;
}

#header-admin {
   position:fixed;
   top:0;
   width:100%;
   height:40px;
   line-height:34px;
   display:block;
   background-color:#000;
   z-index:12;
}

#header-admin a {
   font-size:16px;
   color:#fff;
   transition:0.12s;
}

#header-admin a:hover,
#header-admin a:focus {
   color:#c6c6c6;
   transition:0.12s;
}

.slogan {
   font-size:22px;
   font-weight:500;
   color:#fff;
   letter-spacing:0.03em;
}

#header-principal {
   position:fixed;
   top:0;
   width:100%;
   height:auto;
   background-color:#000;
   transition:250ms ease-in-out;
   z-index:8;
}

/* Défilement du menu */
.defilement-bas {
   transform:translateY(-100%)!important;
}

.defilement-haut {

}

.col-logo {
   float:left;
}

.col-logo img {
   width:100%;
   height:auto;
   max-width:41.4px;
   padding:4px 0 4px;
}

#display-logo-noir {
   visibility:visible;
   transition:0.3s;
}

#display-logo-blanc {
   visibility:hidden;
   transition:0.3s;
}

#logo-blanc {
   display:none;
}

#nav-principale {
   position:relative;
   max-width:86%;
   width:100%;
}

#nav-principale ul {
   padding:0;
   margin:0 0 0 20px;
   float:left;
}

#nav-principale li {
   display:inline-block;
   margin:0 16px;
   line-height:43px;
   font-size:15px;
   font-weight:700;
}

.li-line-height {
   line-height:60px;
}

#nav-principale li a {
   color:#fff;
   text-decoration:none;
   transition:0.22s;
}

#nav-principale li a:hover {
   color:#d3d3d3;
   text-decoration:none;
   transition:0.22s;
}

#nav-reseaux-sociaux {
   position:relative;
   max-width:165px;
   width:100%;
   margin-top:6.7px;
   float:right;
}

#nav-reseaux-sociaux img {
   float:left;
   margin:0 10px;
}

#nav-reseaux-sociaux img[alt="Tik Tok Bazar Production"] {
   float:left;
   margin:5px 10px 0 10px;
}

#nav-reseaux-sociaux img[alt="Courriel"] {
   float:left;
   margin:6px 0 0 10px;
}

#nav-secondaire {
   float:right;
}

#nav-secondaire ul {
   margin:0;
}

#nav-secondaire li {
   display:inline-block;
   list-style:none;
   line-height:38px;
   font-size:16px;
   font-weight:700;
   text-transform:uppercase;
   margin-left:30px;
}

#nav-secondaire li a {
   color:#fff;
   text-decoration:none;
}

#nav-secondaire li a span {
   height:2px;
   width:0;
   background-color:#7e0000;
   top:-10px;
   left:50%;
   transform:translateX(-50%);
   position:relative;
   display:block;
}

#nav-secondaire li a:hover,
#nav-secondaire li a:focus {
   color:#7e0000;
}

#nav-secondaire li a:hover > span {
   animation:span-header-secondaire 0.8s forwards;
}

@keyframes span-header-secondaire {
   from {
      width:0;
      transition:width 0.24s;
   }
   to {
      width:100%;
      transition:width 0.24s;
   }
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Navigation (Hamburger / Adaptatif)
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

#menu-hamburger {
   position:absolute;
   display:none;
   margin-top:11px;
   right:30px;
   cursor:pointer;
   width:44px;
   z-index:9;
}

#menu-hamburger:hover .bar1,
#menu-hamburger:hover .bar2,
#menu-hamburger:hover .bar3 {
   background-color:#777;
}

.bar1, .bar2, .bar3 {
   width:44px;
   height:5px;
   background-color:#fff;
   border-radius:3px;
   margin:8px 0;
   transition:0.15s;
}

#nav-hamburger {
   display:none;
   visibility:hidden;
   position:fixed;
   width:100%;
   transform:translate(0, -150%);
   transition:0.5s;
   z-index:7;
}

#nav-hamburger.actif {
   visibility:visible;
   transform:translate(0, 70px);
}

#nav-hamburger ul {
   margin:0;
   padding:0 25px;
   box-sizing:border-box;
   width:100%;
   background-color:#850200;
}

#nav-hamburger li {
   display:block;
   padding:0 30px;
   box-sizing:border-box;
   border-bottom:1px solid rgba(255,255,255,0.42);
   margin:0;
   font-size:26px;
   font-weight:700;
   line-height:60px;
   text-align:center;
}

#nav-hamburger li:last-child {
   border-bottom:0;
   border-bottom:none;
}

#nav-hamburger li:hover a,
#nav-hamburger li:focus a {
   color:#7e0000;
}

#nav-hamburger li a {
   display:block;
   width:100%;
   color:#fff;
   line-height:60px;
   text-decoration:none;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Éléments
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

.section-contenu {
   padding:0 0 80px;
   background:url('/images/texture-animation-rue-bazard-production.png');
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-size:cover;
   color:#fff;
}

.section-contenu-accueil {
   padding:0;
   background:url('/images/texture-animation-rue-bazard-production.png');
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-size:cover;
   color:#fff;
}

.section-video {
   padding:0 0 180px;
   box-sizing:border-box;
   background:url('/images/texture-animation-rue-bazard-production.png');
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-size:cover;
   color:#fff;
}

#main-accueil {
   position:absolute;
   margin-top:43%;
   width:100%;
}

#main-accueil .section-contenu {
   padding:60px 0 140px;
}

#main-accueil .row {
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
}

#main-accueil footer .row {
   -ms-flex-wrap:nowrap;
   flex-wrap:nowrap;
}

#main-accueil .col-2 {
   padding:0 45px;
}

.accueil-100 {
   max-width:100%;
   width:100%;
}

.accueil-50 {
   max-width:50%;
   width:100%;
   padding:0 25px;
   margin:0 auto;
   box-sizing:border-box;
   float:left;
}

.accueil-50 img,
.accueil-100 img {
   margin:0 auto!important;
   border-radius:50%;
}

.accueil-50 h3,
.accueil-100 h3 {
   max-width:70%;
   text-align:center;
   text-transform:uppercase;
   line-height:30px;
   margin:20px auto 0;
}

.accueil-50 button,
.accueil-100 button {
   margin-top:30px;
   margin-bottom:60px;
}

.accueil-50 a,
.accueil-100 a {
   display:contents;
   text-decoration:none;
}

.accueil-50 figcaption,
.accueil-100 figcaption {
   max-width:70%;
   text-align:center;
   margin:20px auto 0;
}


.prix {
   margin-top:10px;
   font-size:20px;
   font-weight:700;
}

.section-a-propos {
   padding:60px 0 100px;
   box-sizing:border-box;
   background:url('/images/texture-animation-rue-bazard-production.png');
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-size:cover;
   color:#fff;
}

.banniere-a-propos {
   position:relative;
}

.banniere-a-propos img {
   max-width:1940px;
   width:100%;
   margin:0 auto;
}

.banniere-a-propos .entry-title {
   position:absolute;
   top:80%;
   left:50%;
   transform:translateX(-50%);
}

.banniere-a-propos .entry-title h1 {
   font-size:80px;
}

.nous-joindre {
   padding-bottom:180px;
}

.nous-joindre p {
   font-size:22px;
   line-height:32px;
}

.nous-joindre .entry-content {
   display:table;
   max-width:800px;
   padding:60px 120px;
   box-sizing:border-box;
   margin:0 auto;
   background-color:rgba(0,0,0,0.3);
}

.nous-joindre .entry-content div {
   display:flex;
   width:100%;
   margin-bottom:20px;
   height:100px;
}

.nous-joindre img {
   float:left;
   margin:auto 0;
   min-width:60px;
}

.nous-joindre a {
   font-size:34px;
   font-weight:700;
   vertical-align:middle;
   display:table-cell;
   margin-left:50px;
   line-height:92px;
   float:left;
}

.nous-joindre a[href="tel:514 607-6379"] {
   text-decoration:none;
}

#espace-client button {
   margin:20px auto 0;
   max-width:220px;
   width:100%;
   padding:unset;
}

.video-accueil {
   position:relative;
   top:-8px;
   display:block;
   margin:0 auto;
   width:100%;
   pointer-events:none;
}

.video-corporatif {
   position:relative;
   top:-8px;
   display:block;
   margin:0 auto;
   width:100%;
}

.inscription {
   width:100%;
   display:table;
}

.inscription .entry-content {
   margin:0 auto;
   max-width:460px;
   padding:30px 40px 40px;
   background-color:rgba(0,0,0,0.3);
}

.inscription label {
   font-size:20px;
   font-weight:700;
   margin-top:25px;
   margin-bottom:8px;
}

.inscription label:first-child {
   margin-top:0;
}

.inscription input {
   line-height:39px;
}

.inscription input:focus {
   box-shadow:0 0 20px #cb8d00;
   transition:1.2s;
}

.inscription h1 {
   margin-bottom:10px;
}

.inscription h2 {
   margin-bottom:40px;
   text-align:center;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

footer {
   position:relative;
   color:#fff;
}

footer h1 {
   margin-top:15px;
}

#footer-accueil {
   top:3px;
}

#footer-principal {
   background-color:#000;
   padding:32px 0;
   box-sizing:border-box;
}

#footer-secondaire {
   padding:60px 0 80px;
   box-sizing:border-box;
   background-color:#fff;
}

.footer-secondaire-container {
   display:block;
   margin:0 auto;
   width:160px;
}

#footer-secondaire img {
   margin:0 10px;
   float:left;
}

footer .col-2 span {
   display:block;
   width:100%;
   font-size:21px;
   font-weight:500;
   line-height:26px;
}

footer .col-2 .images-rs {
   display:block;
   margin-top:20px;
   width:100%;
   height:auto;
   float:left;
}

footer .col-2 span a {
   color:#fff;
   transition:0.12s;
}

footer .col-2 span a:hover,
footer .col-2 span a:focus {
   color:#767676;
   transition:0.12s;
}

footer .col-2:first-child img {
   float:left;
   margin-right:20px;
}

footer .tel {
   text-decoration:none;
}

footer .tel:hover {
   color:#fff!important;
   text-decoration:none;
}

footer form {
   width:100%;
   float:right;
}

footer h3 {
   font-size:18px;
   line-height:24px;
   text-align:right!important;
}

footer input {
   max-width:380px;
   font-size:16px;
   line-height:40px;
   float:right;
}

button:hover,
button:focus {
   background-color:#7e0000;
   transition:0.12s;
}

footer input[type="submit"] {
   font-size:18px;
   font-weight:700;
   max-width:180px;
   margin-top:8px;
   display:block;
   padding:4px 30px;
   background-color:#b50000;
   border-radius:10px;
   border:0;
   color:#fff;
   float:right;
   transition:0.12s;
}

footer input[type="submit"]:hover {
   background-color:#7e0000;
   box-shadow:none;
   transition:0.12s;
}

footer .menu {
   display:block;
   width:100%;
   margin-top:20px;
   color:#fff;
   font-size:16px;
   font-weight:400;
   float:left;
   transition:0.12s;
}

footer .menu a {
   color:#fff;
}

footer .menu:hover,
footer .menu:focus {
   color:#767676;
   transition:0.12s;
}

footer .espace-client:hover,
footer .espace-client:focus {
   color:#c6c6c6;
   transition:0.12s;
}

.nous-ont-fait-confiance {
   clear:both;
}

.nous-ont-fait-confiance .container {
   display:grid;
   grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   align-items:center;
   padding:20px 25px;
   box-sizing:border-box;
   margin:0 auto;
   max-width:100%;
}

.nous-ont-fait-confiance .entry-title {
   padding:15px 0 0 0;
}

.nous-ont-fait-confiance h2 {
   margin:15px 0;
   text-align:center;
   color:#000;
}

.nous-ont-fait-confiance img {
   display:block;
   margin:0 auto;
   padding:0 20px;
   box-sizing:border-box;
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
Stripe
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

#card-element {
   background-color:#fff;
}

.StripeElement {
   padding:10px;
}

.formulaire-stripe {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-content: center;
  height: 100vh;
  width: 100vw;
}

.formulaire-stripe form {
  width: 30vw;
  min-width: 500px;
  align-self: center;
  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
  border-radius: 7px;
  padding: 40px;
}

.hidden {
  display: none;
}

#payment-message {
  color: rgb(105, 115, 134);
  font-size: 16px;
  line-height: 20px;
  padding-top: 12px;
  text-align: center;
}

#payment-element {
  margin-bottom: 24px;
}

.formulaire-stripe button {
  background: #5469d4;
  font-family: Arial, sans-serif;
  color: #ffffff;
  border-radius: 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
  width: 100%;
}

.formulaire-stripe button:hover {
  filter: contrast(115%);
}

.formulaire-stripe button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}

.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}

.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}

.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media only screen and (max-width: 600px) {
  .formulaire-stripe form {
    width: 80vw;
    min-width: initial;
  }
}

/*---------------------------------------------------------------------------
-----------------------------------------------------------------------------
@ queries - Adaptatif
-----------------------------------------------------------------------------
----------------------------------------------------------------------------- */

@media screen and (max-width:1290px) {
   .table-artistes .image img {
      min-width:unset;
   }

   .table-artistes h2 {
      top:0;
      left:0;
      transform:translate(0, 0);
   }

   .table-artistes .visibility-hidden,
   .section-a-propos .table-artistes .visibility-hidden {
      visibility:visible;
      margin-top:100px;
      opacity:1;
   }
}

@media screen and (max-width:1260px) {
   .proceder .col-2-33 {
      max-width:40%;
      box-sizing:border-box;
   }
}

@media screen and (max-width:1160px) {
   #header-admin {
      display:none;
   }

   #header-secondaire {
      display:none;
   }

   #header-principal {
      height:70px;
   }

   header {
      position:unset;
   }

   #nav-principale {
      display:none;
   }

   #nav-reseaux-sociaux {
      display:none;
   }

   #menu-hamburger {
      display:block;
   }

   #nav-hamburger {
      display:block;
   }

   .col-logo img {
      max-width:41.4px;
   }

   .carrousel {
      position:unset;
      top:103px;
   }

   .fleche-carrousel {
      margin-top:34%;
   }

   @keyframes fleche-carrousel-anim {
      0% {
         margin-top:34%;
      }
      50% {
         margin-top:36%;
      }
      100% {
         margin-top:34%;
      }
   }
}

@media screen and (max-width:1100px) {
   #nav-principale li {
      margin:0 14px;
   }
}

@media screen and (max-width:1060px) {
   .table-artistes .image-vide {
      display:none;
   }
}

@media screen and (max-width:1024px) {
   .table-artistes h2 {
      font-size:36px;
   }

   .table-artistes p,
   .table-artistes button {
      visibility:visible;
      opacity:1;
   }

   .table-artistes h2 {
      top:0;
      left:0;
      transform:translate(0, 0);
   }

   .nous-ont-fait-confiance .container {
      grid-template-columns:1fr 1fr 1fr 1fr;
      padding:10px 25px 30px;
   }

   .nous-ont-fait-confiance img {
      margin:20px auto;
   }

   .proceder {
      display:block;
   }

   .proceder .bloc {
      display:none;
   }

   .proceder .col-2-66 {
      margin:0 auto;
      max-width:100%;
      float:unset;
   }

   .proceder .col-2-33 {
      display:none;
   }

   .proceder .entry-content {
      margin:0 auto;
   }
}

@media screen and (max-width:940px) {
   .banniere-a-propos .entry-title {
      width:100%;
   }

   .banniere-a-propos .entry-title h1 {
      margin:0;
   }

   .boutique figure button {
      padding:0 20px;
      font-size:17px;
   }
}

@media screen and (max-width:900px) {
   .fleche-carrousel {
      display:none;
   }

   .accueil-50 {
      max-width:100%;
      padding:0;
   }

   .table-artistes h2 {
      position:unset;
      font-size:36px;
   }

   .table-artistes .visibility-hidden {
      margin-top:20px;
   }

   .table-artistes p {
      font-size:20px;
   }

   .alerte-panier {
      max-width:100%;
   }

   #espace-client .row {
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
   }

   #espace-client .zone-video {
      max-width:100%;
   }

   #footer-principal .row {
      -ms-flex-wrap:wrap!important;
      flex-wrap:wrap!important;
   }

   #footer-principal .col-2 {
      margin-bottom:50px;
      max-width:100%;
      padding:0;
      text-align:center;
      float:unset;
   }

   #footer-principal .col-2:last-of-type {
      margin-bottom:0;
   }

   #footer-principal .col-2:last-of-type br {
      display:none;
   }

   #footer-principal a {
      display:contents;
   }

   #footer-principal .col-2 img {
      margin:15px auto;
      float:unset;
   }

   footer h3 {
      text-align:center!important;
   }

   footer input {
      float:unset;
      margin:0 auto;
   }

   footer input[type="submit"] {
      float:unset;
      margin:30px auto;
   }
}

@media screen and (max-width:860px) {
   .panier-table th {
      font-size:18px;
   }

   .panier-table td {
      padding:5px;
   }

   .panier-table .description p {
      display:none;
   }

   .panier-table .nom {
      font-size:20px;
   }

   .table-artistes .image {
      padding-left:40px;
   }

   .entry-title-bas-index h2 {
      font-size:6vw;
      line-height:5vw;
   }
}

@media screen and (max-width:800px) {
   .nous-joindre .entry-content {
      padding:40px 80px;
   }
}

@media screen and (max-width:790px) {
   .produit-33 {
      max-width:100%;
      margin-bottom:60px;
      float:unset;
   }
}

@media screen and (max-width:740px) {
   .nous-joindre .entry-content {
      padding:20px 50px;
   }
}

@media screen and (max-width:690px) {
   .panier .container {
      padding:0;
   }

   .panier-total {
      margin-right:30px;
   }
}

@media screen and (max-width:680px) {
   #main-accueil {
      margin-top:60%;
   }

   .fleche-carrousel {
      display:none;
   }

   .table-artistes .entry-content {
      float:unset;
      max-width:100%;
      text-align:center;
   }

   .table-artistes h2 {
      text-align:center;
   }

   .table-artistes p {
      font-size:18px;
   }

   .table-artistes button {
      margin:0 auto;
   }

   .table-artistes .image-adaptative {
      display:block;
      width:100%;
   }

   .table-artistes .image-adaptative img {
      margin:40px auto 20px;
      min-width:unset;
   }

   .table-artistes .image {
      display:none;
   }

   .section-a-propos .table-artistes .visibility-visible {
      top:0;
   }

   .table-artistes .visibility-hidden, .section-a-propos .table-artistes .visibility-hidden {
      margin-top:25px;
   }

   .section-a-propos .table-artistes:hover .visibility-hidden {
      margin-top:25px;
   }

   .nous-joindre a {
      font-size:28px;
   }
}

@media screen and (max-width:660px) {
   .panier .image {
      display:none;
   }
}

@media screen and (max-width:640px) {
   .fleche-carrousel {
      display:none;
   }

   .table-artistes p {
      font-size:18px;
   }
}


@media screen and (max-width:624px) {
   .nous-joindre .entry-content img {
      display:none;
   }

   .nous-joindre .entry-content a {
      float:unset;
      display:block;
      margin:0 auto;
      line-height:50px;
   }

   .nous-joindre .entry-content td {
      text-align:center;
   }
}

@media screen and (max-width:580px) {
   .banniere-a-propos .entry-title {
      top:70%;
   }

   .panier-table .nom {
      font-size:18px;
   }

   .panier-table th {
      padding:0 10px;
   }

   .proceder .col-2-66 {
      padding:0;
   }
}

@media screen and (max-width:480px) {
   #main-accueil {
      margin-top:65%;
   }

   .banniere-a-propos .entry-title h1 {
      font-size:60px;
   }

   .panier .nom {
      font-size:16px;
      line-height:20px;
   }

   .panier .prix {
      font-size:16px;
   }

   .panier-table th:last-child {
      font-size:16px;
      line-height:19px;
   }

   .panier-table button {
      padding:0 18px;
   }

   .nous-joindre .entry-content {
      padding:30px 15px;
   }

   .alerte-panier {
      font-size:16px;
      line-height:22px;
      padding:8px 0;
   }

   .nous-ont-fait-confiance img {
      padding:0 15px;
   }

   .nous-ont-fait-confiance .container {
      grid-template-columns:1fr 1fr!important;
      padding: 10px 25px 30px;
   }
}

@media screen and (max-width:440px) {
   .proceder .container {
      padding:0;
   }

   .proceder .entry-content {
      padding:30px 15px;
   }

   .nous-joindre .container {
      padding:0;
   }
}

@media screen and (max-width:400px) {
   .panier-table th ,
   .panier-table th:last-child {
      font-size:14px;
      padding:0 3.5px;
   }

   .nous-ont-fait-confiance img {
      padding:0 8px;
   }
}

@media screen and (max-width:380px) {
   #main-accueil {
      margin-top:69%;
   }

   button {
      font-size:18px;
      padding:0 30px;
   }

   .prix-panier-table {
      max-width:60px;
      min-width:60px;
   }

   .panier-total {
      display:block;
      margin:60px auto 0;
      float:unset;
   }

   .panier .proceder-bouton {
      margin:40px auto 0;
      float:unset;
   }

   .panier a {
      text-decoration:none;
   }

   .banniere-a-propos .entry-title {
      top:62%;
   }

   .banniere-a-propos .entry-title h1 {
      font-size:42px;
   }

   .nous-joindre a {
      font-size:22px;
   }
}

@media screen and (max-width:360px) {
   main h1 {
      font-size:40px;
   }

   footer h1 {
      font-size:34px;
      line-height:42px;
   }

   footer .col-2 span {
      font-size:20px;
   }

   .panier-proceder-total {
      padding:15px;
   }
}

@media screen and (max-width:320px) {
   #header-principal .container {
      padding:0 15px;
   }
}