@font-face {
    font-family: "ubuntu";
    src: url('../polices/Ubuntu_Condensed/UbuntuCondensed-Regular.ttf');
}
@font-face {
    font-family: "Oswald";
    src: url('../polices/Oswald/Oswald-Bold.ttf');
}@font-face {
    font-family: "pt";
    src: url('../polices/PT_Sans-Web-Regular.ttf');
}
@font-face {
    font-family: "open";
    src: url('../polices/Open_Sans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: "lato";
    src: url('../polices/Lato.ttf');
}
@font-face {
    font-family: "Roboto";
    src: url('../fonts/roboto/Roboto-Regular.woff');
}
@font-face {
    font-family: "kreon";
    src: url('../polices/Kreon/Kreon-Regular.ttf');
}
body{color: #424242;background:#f9f9f9;font-size: 16px;line-height: 21px;font-family: 'pt', sans-serif;}
h1,h2,h3,h4,h5,h6{color: #000;margin-bottom: 15px;font-family: 'lato', sans-serif;}
.grey-text{color: #212121 }span{color: #f83a3a}hr{border-color: #f2f3f7;margin: 10px 0px}
h1{font-size: 1.625em;line-height: 1.325em;}
h2{font-size: 1.5em;line-height: 1.325em;}
h3{font-size: 1.375em;line-height: 1.325em;}
h4{font-size: 1.25em;line-height: 1.325em;}
h5{font-size: 1.125em;line-height: 1.325em;}
header{margin-bottom: 15px;}.container-fluid{width: 85%;}
section{margin: 0px 0px;}aside{margin: 10px 0px;}.hidden{display: none;}
.container2{padding: 8px 10px;background: #fff;}
.pub{margin-bottom: 15px;}
.upper{text-transform: uppercase;}
.bar-top{color: #2d5ca9;font-size: 14px;}
.bar-top1{color: #212121;font-size: 14px;}
.form-search{margin-top: 20px;}.black{background: #333}
.form-search input{width: 90%;float: left;border-radius: 0.5em 0em 0em 0.5em}
@media (max-width: 640px) {
.form-search input{width: 80%;float: left;border-radius: 0.5em 0em 0em 0.5em}
}
.btn-form{float: left;margin-left: 0px;border:none;border-radius: 0em 0.5em 0.5em 0em;padding-bottom: 8px;}
.text-phone{font-size: 20px;}.white{background: #fff;}
.title{margin:0px;margin-bottom: 15px;font-size: 1.25em;font-family: 'Oswald'}
.top{font-size: 15px;color: #fff;font-family: 'ubuntu';border-bottom: solid 1px #2d5ca9;padding: 10px 0px;}
.top i{font-size: 10px;}.top a{color: #fff;padding: 0px 5px;}.gris{background: #eee;color: #212121}
.blue{background: #15499f;}.blue-text{color: #15499f;}.phone{font-family: 'kreon';font-size: 36px;}
.white-color{color: #fff}.white-text{color: #fff;}.jaune{background: #ffd200;color: #333}.yellow-text{color: #ffd200}
.orange{background: #f83a3a}.green{background: #388e3c}.pink{background: #d81b60;}.purple{background: #6a1b9a}
.logo a{font-size: 40px;line-height:60px;text-transform: uppercase;color: #fff;font-family: 'Oswald'}
.logo{margin-top: 5px;}
.link-panier:hover{text-decoration: none}
.top2{padding: 10px 0px;}
.col-auto{float: left;margin: 0px;}
.center{text-align: center;}
.panier{background: #3174e3;padding: 0px;margin-top: 20px;border-radius: .3em;font-size: 14px;line-height: 21px}
.panier i{padding: 7px 10px;float:left;color:#fff;background: #2262cc;font-size: 20px;line-height: 30px;padding-bottom: 7px;}
.text-panier{color: #fff;text-transform: uppercase;text-align: center;font-family: 'lato'}
.nav-link{text-transform: uppercase;font-family: 'ubuntu';font-size: 18px;margin: 0px 3px;}
.bloc{background:#fff;padding:20px 25px;box-sizing:border-box;border: solid 1px #dcdee3;
display: inline-block;width: 100%;margin: 5px 0px;}
.bloc2{background:#fff;padding:5px 25px;box-sizing:border-box;border: solid 1px #dcdee3;
display: inline-block;width: 100%;margin: 0px;margin-top: -1px}
@media (min-width: 640px) {
.bloc-promo{height: 440px;}
}
@media (min-width: 640px) {
.produit-top{height: 380px;}
.produit-top img{max-height: 180px;}
}
@media (min-width: 640px) {
.produit-top1{height: 695px;}
}
@media (min-width: 640px) {
.produit-top2{height: 340px;}
.produit-top2 img{max-height: 150px;}

}
@media (min-width: 640px) {
.produit-top3{height: 160px;}
}
.produit-top{border:solid 1px #dcdee3;padding: 15px 10px;margin-bottom: 15px;}
.produit-top1{border:solid 1px #dcdee3;padding: 15px 10px;margin-bottom: 15px;}
.produit-top2{border:solid 1px #dcdee3;padding: 15px 10px;margin-bottom: 15px;}
.produit-top3{border:solid 1px #dcdee3;padding: 15px 10px;margin-bottom: 15px;}
.prix-produit-top{font-size: 1.25em;display: block;width: 100%;margin: 12px 0px;font-weight: bold}
.text-produit-top{font-size: 1.25em;display: block;width: 100%;margin: 12px 0px;font-weight: bold}
.carte h3{padding: 10px 15px;font-family: 'ubuntu';text-transform: uppercase;
font-size: 10em;line-height: 1.325em;margin-top: -20px;font-family: 'kreon'}
@media (min-width: 640px) {
.carte img{width: 100%;max-height:120px;}
}
.z-depth-1{
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.produit-promo{padding: 15px 20px;border:solid 1px #dcdee3;}
.carousel-inner{max-height: 400px;}.carousel-item img{max-height: 400px;}
.carte h3{padding: 10px 15px;font-family: 'ubuntu';text-transform: uppercase;font-size: 1.25em;line-height: 1.5em}
.btn-panier{border: solid 1px #dbdbdb;color: #212121;transition: 900ms;font-size: 14px;}
.btn-panier:hover{background: #15499f;color: #fff;transition: 900ms}
.prix{display: inline-block;width: 100%;margin: 8px 0px;margin-bottom:15px;font-size: 18px;
  line-height: 27px;font-family: 'kreon'}
  .del-price{font-size: 14px;}
.prix1{font-size: 28px;font-family: 'kreon'}.title-vendre{margin-bottom: 5px;}
.prix2{font-size: 20px;font-family: 'kreon';line-height: 30px;}.title-vendre{margin-bottom: 5px;}
.title-categorie{margin-bottom: 0px;font-family: 'kreon'}
.title-bloc{padding: 0px 0px;margin-bottom: 10px;display: inline-block;background: #fff;
  width: 100%;border-bottom:solid 1px #dfdfdf;}
.title-bloc a:hover{text-decoration: underline;}
.prix-top-produit{display: block;width: 100%;margin-top: -10px;}
@media (min-width: 640px) {
.blog-article img{max-height: 180px;width: 100%}
}
.title-bloc2{padding: 10px 0px;color: #fff;margin-left: 0px;float: left;border-bottom: solid 3px #15499f;}
#menu-bar{list-style-type: none;}
#menu-bar li{float: right;margin-top: 10px}
#menu-bar li a{padding: 0px 8px;font-family: 'kreon';text-transform: uppercase;font-size: 16px;line-height: 24px;}
.promo{background: #f83a3a;color: #fff;font-size: 10px;line-height:15px;font-family: 'Oswald';
padding: 2px 8px;top: 0px;left: 0px;position: absolute;}
.promo1{background: #f83a3a;color: #fff;font-size: 10px;line-height:15px;font-family: 'Oswald';
padding: 2px 8px;top: 0px;left: 10px;position: absolute;}
.promo2{background: #f83a3a;color: #fff;font-size: 10px;line-height:15px;font-family: 'Oswald';
padding: 2px 8px;top: 0px;left: 10px;position: absolute;}
.promo3{color: #fff;font-size: 10px;line-height:15px;font-family: 'Oswald';
padding: 2px 8px;top: 0px;right: 10px;position: absolute;}
@media (max-width: 640px) {
.hide-on-mobile{display:none;}
}
@media (min-width: 640px) {
.show-on-mobile{display: none;}
}
@media (min-width: 640px) {
.contenu img{float: left;width: 40%;margin-right: 15px;}
.contenu-marque img{float: left;width: 20%;margin-right: 15px;border-radius: 50%}
.contenu-theme img{float: left;width: 40%;margin-right: 15px;}
}
.bloc-footer{background:#000;padding:20px;box-sizing:border-box;border: solid 1px #dcdee3;
display: inline-block;width: 100%;color: #fff;margin-top: 0px;}
.bloc-footer h4{color: #fff}
.bloc-footer a{color: #fff;}.owl-carousel img{margin-bottom: 20px;}
.content-blog{display: inline-block;width: 100%;margin-top: 8px}
.content-date{display: inline-block;width: 20%;color: #fff;text-align: center;padding: 5px 0px;float: left;}
.content-text{display: inline-block;padding-left: 6px;width: 80%;}
.icone{font-size: 1.165em;line-height: 1.25em;font-family: 'ubuntu'}
@media (max-width: 640px) {
.icone{margin-bottom: 10px;}
.icone i{height: 35px;text-align:center;width: 35px;float: left;line-height: 35px;font-size: 1em;border-radius: 50%;border: solid 1px #414141;margin-right: 5px;}
}
.icone i{height: 55px;text-align:center;width: 55px;float: left;line-height: 55px;font-size: 1.325em;border-radius: 50%;border: solid 1px #414141;margin-right: 10px;}
.icone-produit{font-size: 1.125em;line-height: 1.325em;font-family: 'roboto';border:solid 1px #eee;padding:15px;margin: 15px 0px;}
.icone-produit i{height: 60px;text-align:center;width: 60px;float: left;line-height: 60px;font-size: 1.5em;border-radius: 50%;border: solid 1px #414141;margin-right: 10px;}
.display-none{display: none}
.description-produit{font-size: 18px;line-height: 24px;margin:0px;margin-top: -20px;margin-bottom: 10px;font-family: 'pt'}
.divider{border: solid 1px #fff;margin: 15px 0px;}.divider1{border: solid 1px #fff;margin: 8px 0px;}.divider2{margin: 12px 0px;}
.price{font-size:1.625em;line-height:1.125em;padding:5px;border-radius:.5em;font-family: 'kreon'}
.contenu-produit{padding: 20px;}
.shop{padding: 15px;border: solid 1px #d50000;margin: 15px 0px;}
.shop img{display:block;width: 35%;margin-right: 10px;}
.bar{padding: 5px 20px;border:solid 1px #dcdee3;display: inline-block;width: 100%;
    background: #eee;border-radius: 0.5em 0.5em 0em 0em;margin-top: 10px;}
.bar h1{font-size: 1em;margin: 0px;margin-top: 5px;}
.bar h2{font-size: 1em;margin: 0px;margin-top: 5px;}
.produit{border:solid 1px #eee;padding: 20px 10px;margin-bottom: 20px;}
.produit img{max-height: 240px;}
@media (min-width: 640px) {
.produit{height: 420px;}
}
@media (min-width: 640px) {
.bar{min-height: 45px;}
}
.produit img{margin-bottom: 10px;}
.bloc-categorie{border-top:none;margin-top: 0px;}
.filter-text{float: left;margin-right: 10px;}
.nav-vertical{border:solid 1px #eee;border-radius: 0.3em 0.3em 0em 0em}.error{color: #d50000}
#accordion .card-header{background: #fff;padding: 3px 1px;border-bottom: none}
#accordion .card{border-radius: 0px;border-bottom: none}
#accordion .card-body{margin: -25px 0px;}
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 250px;
  /* == */
}
.titre-menu-vertical{position: relative;display: block;padding: 12px 20px;
    background: #ffd200;border-radius: 0.3em 0.3em 0em 0em;font-family: 'kreon';}
.mcd-menu li {
  position: relative;
  /*float:left;*/
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  padding: 12px 20px;
  color: #424242;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  font-size: 14px;
  /* == */
  text-align: left;
  height: 46px;
  position: relative;
  border-bottom: 1px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  /*display: block;
  font-size: 30px;
  margin-bottom: 10px;*/
  
  /* == */
  float: left;
  font-size: 20px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  text-transform: uppercase;
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.mcd-menu li:hover > a {
  color: #15499f;
}
.mcd-menu li a.active {
  position: relative;
  color: #15499f;
  border:0;
  /*border-top: 4px solid #15499f;
  border-bottom: 4px solid #15499f;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-right: 4px solid #15499f;
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #15499f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #15499f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #15499f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */


.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  list-style-type: none;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*border-top: 4px solid #15499f;*/
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  /*top: 130px;*/
  z-index: 1000;
  
  /* == */
  left:280px;
  top: 0px;
  border-left: 4px solid #15499f;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #15499f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #15499f;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:250px;
  /* == */
}
/*.mcd-menu li ul li {
  float: none;
}*/
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #15499f;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #15499f;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}



/*.mcd-menu li.float {
  float: right;
}*/


@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {
        margin-left:10px;
    }
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}