/*------------------------------------------------- MISE A JOUR DANIEL-----------------------------------------------------*/



/*--------Section Logo fourniseurs---------*/

h4.h2.ybc-mnf-block-title.text-uppercase {

  text-align: center;

}



span.title_cat {

  text-align: center;

  position: relative;

  background: #ebebeb !important;

  top: -10px;

  margin-right: auto;

  margin-left: auto;

  font-family: sans-serif;

  color: #272962;

}



h4.h2.ybc-mnf-block-title.text-uppercase {

  text-align: center;

  margin-right: auto;

  margin-left: auto;

  font-family: sans-serif;

  color: #272962;

}



#ybc-mnf-block {

  border-top: 3px solid #272962;

  border-bottom: 3px solid #272962;

}



span.title_cat {

  font-size: 1.125rem;

}



#ybc-mnf-block-ul {

  background: #fff;

}



#ybc-mnf-block-ul {

  display: inline-block !important;

  width: 7.5% !important;

  padding: 0px !important;

  margin: 0 3px !important;

}



#mnf-block {

  background: #fff;

  padding-left: 20px;

  padding-bottom: 20px;

}



#ybc-mnf-block {

  clear: left;

  display: block;

  margin: 30px 0 10px;

  position: relative;

  width: 100%;

  margin-top: 70px;

}



#ybc-mnf-block .ybc-mnf-block-li {

  float: left;

  text-align: center;

  width: auto;

}



#ybc-mnf-block .owl-item .ybc-mnf-block-li {

  width: 100%;

  height: 100%;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  -webkit-align-items: center;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  justify-content: center;

  -webkit-justify-content: center;

}



.ybc-mnf-block-li .ybc-mnf-block-a-name {

  color: #666;

}



#ybc-mnf-block .owl-stage {

  display: flex;

  display: -webkit-flex;

}



#ybc-mnf-block .ybc-mnf-block-a-img {

  width: 100%;

  float: left;

}



.ybc-mnf-block-a-img > img {

  float: none;

  height: auto;

  max-height: 120px;

  max-width: 100%;

  width: auto !important;

  display: inline-block !important;

}



#ybc-mnf-block-ul {

  display: block;

  margin-bottom: 0;

  padding-top: 10px;

  position: static;

  width: 100%;

}



#ybc-mnf-block-ul .owl-nav {

  position: absolute;

  right: 0;

  top: 0;

}



#ybc-mnf-block .ybc-mnf-block-title {

  margin-top: 0;

}



#ybc-mnf-block-ul .owl-controls .owl-page,

.owl-controls .owl-buttons div {

  cursor: pointer;

  height: 20px;

  overflow: hidden;

  width: 20px;

  display: inline-block;

}



.ybc-mnf-block-a-name {

  display: inline-block;

  margin-top: 10px;

}



#ybc-mnf-block .owl-buttons .owl-next::before {

  content: "\f061";

  padding-left: 8px;

}



#ybc-mnf-block .owl-buttons .owl-prev::before,

#ybc-mnf-block .owl-buttons .owl-next::before {

  color: #e5e5e5;

  float: left;

  font-size: 15px;

  text-align: center;

  width: 20px;

  height: 20px;

  line-height: 20px;

  font-weight: 300;

}



#ybc-mnf-block .owl-buttons .owl-next::before {

  margin-left: -1px;

}



#ybc-mnf-block .owl-buttons .owl-prev::before {

  content: "\f060";

  border-right: 1px solid #e5e5e5;

  padding-right: 6px;

}



#ybc-mnf-block .owl-buttons .owl-next:hover::before,

#ybc-mnf-block .owl-buttons .owl-prev:hover::before {

  color: #acacac;

}



#ybc-mnf-block .owl-prev.disabled:hover::before,

#ybc-mnf-block .owl-next.disabled:hover::before {

  cursor: not-allowed;

  opacity: 0.5;

}



#ybc-mnf-block .owl-stage-outer {

  display: block;

  overflow: hidden;

}



#ybc-mnf-block .owl-prev:before {

  border-left: 1px solid #999999;

  border-top: 1px solid #999999;

  content: "";

  display: block;

  height: 10px;

  left: 50%;

  margin-left: 2px;

  margin-top: 0;

  position: relative;

  top: 50%;

  transform: translate3d(-50%, -50%, 0px) rotate(-45deg);

  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);

  width: 10px;

}



#ybc-mnf-block .owl-next:before {

  border-left: 1px solid #999999;

  border-top: 1px solid #999999;

  content: "";

  display: block;

  height: 10px;

  left: 50%;

  margin-left: -2px;

  position: relative;

  top: 50%;

  transform: translate3d(-50%, -50%, 0px) rotate(135deg);

  -webkit-transform: translate3d(-50%, -50%, 0px) rotate(135deg);

  width: 10px;

}



#ybc-mnf-block .owl-nav > div {

  background-color: #ffffff;

  border: 1px solid #dedede;

  cursor: pointer;

  display: inline-block;

  height: 24px;

  margin: 0 0 0 5px;

  width: 24px;

}



#ybc-mnf-block-ul .owl-nav.hidden {

  opacity: 0;

  transition: all 0.35s ease 0s;

  -webkit-transition: all 0.35s ease 0s;

  visibility: hidden;

}



#ybc-mnf-block .owl-nav > div:hover:before {

  border-color: #333333;

}



#ybc-mnf-block .owl-nav > div:hover {

  border-color: #666666;

}



/*----------------------------fin code---------------------------*/



/*-------------------------Code responsive forniseurs--------------*/

@media (max-width: 768px) {

  #mnf-block {

    padding-left: 20px;

  }



  h4.h2.ybc-mnf-block-title.text-uppercase {

    width: 50% !important;

  }

}



@media (max-width: 767px) {

  h4.h2.ybc-mnf-block-title.text-uppercase {

    width: 50% !important;

  }

  #content > div > section > form > footer > input.btn.btn-primary,

  #header

    > div.header-top

    > div

    > div:nth-child(1)

    > div.header-top-right.col-md-10.col-sm-12.position-static

    > p

    > button {

    width: 63% !important;

  }

  ul#footer_account_list {

    padding-left: 5px;

  }

  .footer-container .links {

    width: 100%;

    padding-left: 0px !important;

    padding-right: 0 !important;

    text-align: center;

  }

  .footer-container {

    padding-left: 0px !important;

    padding-right: 0px !important;

  }

}



@media (max-width: 767px) and (min-width: 580px) {

  #mnf-block {

    padding-left: 70px;

  }

}



@media (max-width: 579px) and (min-width: 380px) {

  #mnf-block {

    padding-left: 45px;

  }

}



@media (max-width: 379px) {

  #mnf-block {

    padding-left: 30px;

  }

}



@media (max-width: 767px) {

  #mnf-block {

    padding-left: 16px;

  }

}



/*-------------------------Fin responsive-----------------------*/



/*-------------------------Fond de la page-----------------------*/

div#content-wrapper {

  background: #ebebeb !important;

}



/*-----------------------fin fond de la page------------------------*/



/*------------------------Code sur carousel-indicators sous slider------------------------- */



/*------Possition-------*/

div#dots {

  transform: translateY(28px);

}



.carousel-indicators {

  left: 49.6% !important;

}



.carousel-indicators li {

  margin-inline: 8px !important;

}



/*-------------*/



/*----Trace des ligne gauche et droit----*/

#dt2 {

  width: 46%;

  height: 3px;

  background-color: #615d5d;

  margin: auto;

  margin-top: 2px !important;

  margin-bottom: 17px;

  margin-left: -2%;

}



#dt1 {

  width: 45%;

  height: 3px;

  background-color: #615d5d;

  margin: auto;

  margin-top: -20px !important;

  margin-bottom: 13px;

  margin-right: 0;

}



/*----------------------------------------*/



/*-----------Jeu de couleur sur les points #carousel sous slide------------*/

li#test0 {

  background-color: #f1b911;

  border: none;

  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%), 0 6px 12px 0 rgb(0 0 0 / 50%);

}



li#test1 {

  background-color: #1059a3;

  border: none;

  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%), 0 6px 12px 0 rgb(0 0 0 / 50%);

}



li#test2 {

  background-color: #4cbb6c;

  border: none;

  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 30%), 0 6px 12px 0 rgb(0 0 0 / 50%);

}



/*--------------------------------------------------------------*/



/*-------------------Media Responsive-------------------------*/

@media (min-width: 576px) {

  .carousel-indicators {

    bottom: 20px;

  }

}



@media (min-width: 992px) {

  .carousel .carousel-indicators {

    display: block;

  }

}



@media (min-width: 400px) and (max-width: 991px) {

  div#dots {

    transform: translateY(5px);

  }

}



@media (min-width: 769px) and (min-width: 576px) {

  .carousel-indicators {

    bottom: 20px;

  }

}



/*------------------------------------------------------------*/



/*------------------------Fin du code sur carousel-indicators sous slider------------------------- */



/*------------Code sur la section footer---------------------*/



/* -------Correction display------------ */

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  width: 100%;

}



input,

button,

select,

textarea {

  line-height: inherit;

}



/* --------------------------------------------- */

#footer {

  padding-top: 2.5rem;

  background: #ebebeb !important;

}



/* .footer-container 

{

  padding-left: 10px !important;

  padding-right: 10px !important;

} */



#footer .text-sm-center,

#footer .block_newsletter #block-newsletter-label,

#footer p.h3.hidden-sm-down,

#blockEmailSubscription_displayFooter

  > div

  > div

  > form

  > div

  > div:nth-child(2)

  > p {

  display: none;

}



#footer .footer-container {

  padding: 0;

  padding-top: 2rem !important;

  background-image: linear-gradient(#494747, #090909) !important;

  overflow: hidden;

}



.footer-container li {
  display: inline;
  margin-bottom: 0.1rem;
}



.footer-container li a {

  color: #fff !important;

}



#footer_sub_menu_2 li,

#block_myaccount_infos li {

  padding-left: 2px;

  padding-right: 2px;

  line-height: 1.5;

}



#blockEmailSubscription_displayFooter {

  padding-bottom: 1rem;

}



.block_newsletter form .input-wrapper {

  border-radius: 11px 0px 0px 11px;

}

.block_newsletter {
  background: none !important;
  margin-bottom: 0 !important;

}

.block_newsletter
  form
  .row
  .col-xs-12:first-of-type
  .btn-primary:first-of-type {
  font-size: 12px;
  margin-left: 0 !important;

}

.row {

  margin-right: 0 !important;

  margin-left: 0 !important;

}



/*---------Display rigth left theme---------*/

.container,

.container-fluid {

  margin-left: auto;

  margin-right: auto;

  /* padding-left: 0px;

  padding-right: 0px; */

}



.carousel .carousel-item img {

  width: 100%;

  max-width: 100%;

  height: auto;

  padding-left: 15px;

  padding-right: 15px;

}

/*---------Display rigth left theme---------*/



/*---------Section logo facebook------------ */

.logo_fb_footer {

  width: 20px;

  height: 34px;

  float: left;

  margin-right: 20px;

}



/*------------------------------------- */



/*------------Botton s'abonner---------------*/

.btn-primary {

  /*color: #272962 !important;*/

  background-color: #e1e1e1 !important;

  border-radius: 10px;

}



.btn-primary:hover {

  color: #fff !important;

  background-color: #1d93ab !important;

}



input.btn.btn-primary.float-xs-right.hidden-xs-down {

  border-radius: 0px 11px 11px 0px;

}



input.btn.btn-primary.float-xs-right.hidden-sm-up {

  border-radius: 0px 11px 11px 0px;

}



#content > div > section > form > footer > input.btn.btn-primary {

  width: 100%;

  border-radius: 11px;

}



#content > div > section > form > footer > input.btn.btn-primary {

  width: auto !important;

  background-color: #272962 !important;

}

#footer .col-xs-12 {

  margin: 0;

  padding: 0;

  width: 100%;

}

/*-----------------------------------------*/



/*--------------------------Responsive media scream footer-----------------------------*/

@media screen and (max-width: 600px) {

  .block_newsletter {

    width: 100%;

  }

}



@media (max-width: 768px) {

  #footer .text-sm-center,

  #footer .block_newsletter #block-newsletter-label,

  #footer p.h3.hidden-sm-down,

  #blockEmailSubscription_displayFooter

    > div

    > div

    > form

    > div

    > div:nth-child(2)

    > p {

    display: none;

  }

}

@media (min-width: 768px) {
  .footer-container .links {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }

}

@media (min-width: 768px) and (max-width: 991px) {

  #footer .col-md-7 {

    width: 80% !important;

  }



  .block_newsletter {

    padding-top: 1rem;

    padding-bottom: 0.5rem;

  }

}



@media (min-width: 992px) {

  #footer > div.footer-container > div > div:nth-child(1) {

    display: flex;

  }



  .col-md-7.col-xs-12 {

    width: 80% !important;

  }

}



@media (max-width: 1200px) {

  #footer_sub_menu_2_.collapse {

    margin: 0 auto 0 5% !important;

  }

}



@media (max-width: 767px) {

  .footer-container .links ul > li {

    text-align: center;

  }



  .footer-container .links .h3 {

    color: #fff !important;

  }



  .block_newsletter {

    border-bottom: none !important;

  }



  .block_newsletter {

    padding-top: 0.5rem !important;

  }

}



@media (min-width: 992px) {

  #footer > div.footer-container > div > div:nth-child(1) {

    display: flex;

  }

}

@media (min-width: 769px) and (max-width: 991px) {

  #footer_sub_menu_2,

  #footer_account_list {

    text-align: center;

  }



  #blockEmailSubscription_displayFooter {

    float: none !important;

  }



  .carousel .carousel-item .caption .caption-description p,

  .carousel

    .carousel-item

    .caption

    .caption-description

    .page-content.page-cms

    ul,

  .page-content.page-cms

    .carousel

    .carousel-item

    .caption

    .caption-description

    ul {

    font-size: 9px;

  }



  .carousel .carousel-item .caption .caption-description p {

    padding-right: 0;

    padding-left: 0;

  }



  /*--------------------------slide---------------------*/

  .carousel .direction {

    top: calc(0%);

  }



  div#dots {

    transform: translateY(5px);

  }



  #dt1,

  #dt2 {

    width: 44%;

  }



  .carousel-indicators {

    left: 49% !important;

  }

}



@media screen and (max-width: 768px) {

  #footer > div.footer-container > div > div:nth-child(1) > div.col-md-6.links,

  ul#footer_account_list {

    text-align: center;

  }



  .block_newsletter form .input-wrapper {

    overflow: hidden;

  }



  .block_newsletter {

    float: inherit;

    width: 80%;

    max-width: 50rem;

    margin: auto;

    margin-bottom: 0.625rem;

    font-size: 0.875rem;

    background: #fff;

    padding: 1rem;

  }



  .form-footer.text-sm-right,

  .form-footer.text-sm-center {

    text-align: center;

  }

  #content > div > section > form > footer > input.btn.btn-primary,

  #header

    > div.header-top

    > div

    > div:nth-child(1)

    > div.header-top-right.col-md-10.col-sm-12.position-static

    > p

    > button {

    /* width: 12% !important; */

  }

  footer#footer {

    padding-top: 2.5rem;

  }

  ul#footer_account_list {

    font-size: 12px;

  }

  .block_newsletter form input[type="email"] {
    border: 1px solid #ddd;
    padding: 11px;
    padding-left: 15px;
    width: 100%;
  }

  .block_newsletter {

    position: relative;

  }

  div.input-wrapper > input[type="email"] {

    border-radius: 11px 0px 0px 11px;

  }

  #ybc-mnf-block-ul {

    width: 7.5% !important;

  }

  ul#footer_sub_menu_2 {

    padding-left: 0px !important;

  }

  div.input-wrapper > input[type="email"] {

    font-size: 11px !important;

  }

  img.logo_fb_footer {

    width: 20px !important;

    height: 34px !important;

  }

  img.logo_fb_footer {

    float: left !important;

  }

  .block_newsletter .btn-primary {

    font-size: 11px !important;

    color: #272962 !important;

    background-color: #e1e1e1 !important;

    border-color: transparent !important;

  }

  .col-md-6.links {

    font-size: 12px;

  }

  .block_newsletter form input {
    box-shadow: none;
    height: 33px;
    width: 19.5%;
  }

  input.btn.btn-primary.float-xs-right.hidden-xs-down {
    display: block;
    padding-left: 21px;
    padding-top: 8px;
  }

}

@media screen and (max-width: 768px) {

  #search_widget > form > input.ui-autocomplete-input {

    width: 100% !important;

    margin-left: 0%;

    height: 40px !important;

  }

}

/*--------Responsive footer original-------28/04/23-----*/

@media (max-width: 768px) {

  #footer .container .row {

    display: flex;

    flex-direction: column;

  }

  #footer .col-md-6.links {
    font-size: 12px;
    width: 100%;
  }

  #footer .wrapper {

    display: flex;

    width: 100%;

  }

#footer .footer-container {
    padding-top: 2.8rem !important;
}

  #footer .container .links .row {

    display: flex;

    flex-direction: row;

    margin: auto;

    width: 100%;

  }

  #footer #footer_sub_menu_2 {

    display: flex;

    margin: auto;

  }

#footer .col-xs-12 {
    margin: 0 0 -0.8px 0;
    width: 102.7%;
}

  #blockEmailSubscription_displayFooterBefore {

    width: 100%;

    padding-left: 2.5em;

    padding-right: 2.5em;

    border-bottom: none;

  }

}



@media (max-width: 812px) {

  #index #custom-text .texto_sous_bloc .col-md-4 {

    width: 95%;

  }

  #sitemap .col-md-6 .wrapper .title {

    display: none;

  }

  #footer .container li a {

    font-size: 12px;

  }

}
@media (max-width: 320px) {
  #blockEmailSubscription_displayFooterBefore {

    padding-left: 12px;

    padding-right: 12px;

  }

  #footer input.btn.btn-primary.float-xs-right.hidden-xs-down {

    margin: 0 !important;

    display: block;

    font-size: 10px !important;

  }

  #footer .block_newsletter form input[type="email"] {

    font-size: 11px;

  }

  .block_newsletter form input {

    height: 36px;

  }

}

#footer .title.clearfix.hidden-md-up {

  display: none !important;

}

/*--------Fin du code responsive footer original-------28/04/23-----*/



/*------------Code sur la section texto_sous_bloc---------------------*/



/*------------Couleur de fond--------------*/

div#custom-text {

  background-image: linear-gradient(#494747, #090909) !important;

  margin: 0 20px;

  text-align: justify;

}

/*------------Couleur de fond--------------*/



.col-md-4 {

  padding: 0 30px;

}



#custom-text p {

  font-size: 0.9375rem;

  font-weight: 400;

  color: white;

  font-family: sans-serif;

  text-align: justify;

  margin-top: 1rem;

  line-height: 1.5;

}



.texto_sous_bloc h3 {

  color: #fff;

  text-align: center;

  padding-bottom: 20px;

  padding-top: 20px;

}

/*------------Fin du code sur la section texto_sous_bloc---------------------*/



/*--------------Code Design css de la page Mentions légales/Conditions/Plan su site---------------------*/

/*---------------------Design page mentions-legales------------------------*/

#cms section#wrapper {

  background-color: #fff !important;

}



#cms .breadcrumb {

  display: none;

}



#cms header h1 {

  display: none;


}



#cms #content .container {

  padding: 0 15px;

}



#cms #content .container h4 {

  font-family: Roboto Bold, sans-serif !important;

}

/*-------------------Responsive----------------*/

@media (min-width: 992px) {

  #cms #content .container {

    width: 900px;

    max-width: 100%;

  }

}

/*---------------------------*/



/*----------------Design de la page conditions de vente--------------------*/

#cms .container h2 {

  font-family: "Roboto Bold", sans-serif;

}

/*-------Responsive-----------------*/

@media (min-width: 769px) {

  #cms #content p,

  #cms #content span,

  #checkout .js-modal-content span {

    font-family: "Roboto Regular", sans-serif !important;

  }

}

/*-----------------------------------*/



/*-----------Design du Plan du site-------------*/

#sitemap .breadcrumb {

  display: none;

}



/*-------Responsive: Mention-Condition-Plan */

@media (min-width: 769px) and (max-width: 1200px) {

  #cms #content .container {

    width: 720px;

    max-width: 100%;

  }

}



@media (max-width: 768px) {

  #cms #content .container {

    width: 540px;

    max-width: 100%;

  }



  #cms #content .container {

    font-family: Roboto Regular, sans-serif;

  }



  #main .page-header {

    padding-left: 30px;

    margin-bottom: 0 !important;

  }



  .page-content.page-cms {

    margin-top: 0;

  }

}



@media (max-width: 600px) {

  #cms #content .container {

  }

}

/*------------------------------------------------*/

/*--------------Fin du code Design css de la page Mentions-Conditions-Plan ---------------------*/



/*---------Design du page contact-----------*/

/* ----------------------------------------------page contact-------------------------------- */

#contact nav.breadcrumb.hidden-sm-down {

  display: none;

}

#contact div#content-wrapper {

  width: 100%;

}

#contact div#content-wrapper {

  padding-left: 15px;

  width: 100%;

  padding-right: 15px;

}

.page-contact nav.breadcrumb {

  display: none;

}

.page-contact label.col-md-3.form-control-label {

  padding-left: 15px;

  padding-right: 15px;

}



.page-contact .form-group .col-md-6 {

  padding-left: 15px;

  padding-right: 15px;

}



.contact-form .form-fields .row:nth-child(2) {

  visibility: hidden;

}



/*------------Code responsive page contact---------*/

@media (min-width: 768px) {

  .page-contact #content-wrapper.col-md-9 {

    float: left;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

  }

}



.page-contact .form-group {

  font-weight: bold;

}



@media (min-width: 992px) {

  .page-contact #content .container {

    width: 900px;

    max-width: 100%;

  }

}

/*----------------------------------------------------------*/

/*---------Fin du design du page contact-----------*/




/* Fredy */

#index h1#title {
  padding-bottom: 15px;
  margin-bottom: -4px;
  color: aliceblue !important;
}


#title {
  font-size: 50px;
}
/*ny aina */
.block_newsletter form .input-wrapper {
    border-radius: 11px 0px 0px 11px;
}
.footer-container .row .links {
    width: 74%;
}
#header .header-top .menu {
    padding-left: 11px;
    margin-top: -5px;
    padding-right: -12px;
}
#search_widget input[type="text"] {
    font-size: 12px;
    height: 33px;
    font-style: italic;
}
#search_widget input[type="text"] {
    font-size: 12px;
    height: 33px;
    font-style: italic;
}

#index h1#title {
    padding-bottom: 2px;
    margin-bottom: -12px;
    color: aliceblue !important;
    margin-left: 3px;
    margin-top: -12px;
    text-align: right;
}
/* #title {
    font-size: 22px;
    /* float: left; 
    position: absolute;
    left: 1008px;
    top: -122px;
} */
#carousel li:nth-child(2) #link  {
    font-size: 18px;
    background-color: #e96650;
    color: white;
    border-radius: 11px;
    font-weight: 700;
    float: right;
    padding: 8px;
    padding-left: 42px;
    padding-right: 42px;
    text-transform: uppercase;
    position: relative;
    left: 639px;
    top: -8px;
  }
#carousel li:nth-child(1) #link {
    font-size: 18px;
    background-color: green;
    color: white;
    padding: 8px;
    font-weight: 700;
    border-radius: 11px;
    text-transform: uppercase;
    position: relative;
    left: 640px;
}
  #title {
    color: #ffffff;
    background-color: #232323;
    white-space: nowrap;
    position: relative;
    left: 0px;
}
  #h1 {
    white-space: nowrap;
}
.caption-description h1#title {
    top: -3px;
    white-space: break-spaces;
    left: 639px;
    background: none;
}
.caption-description p {
  line-height: 14px;
}
ul.carousel-inner {
  margin-top: 20px;
}
.caption-description p {
  text-align: right;
}
#carousel li:nth-child(3) #link {
  text-transform: uppercase;
}
#prgici {
  position: relative;
  top: -9px;
}
.caption-description p {
  top: -7px;
  position: relative;
}
@media(max-width:1980px){
  .carousel .carousel-control .icon-next {
    right: 3rem;
}
  .caption-description h1#title {
    left: 850px;
  }
  .caption-description a p span {
    left: 850px;
  }
  #carousel li:nth-child(1) #link {
    left: 850px;
}
  #carousel li:nth-child(2) #link {
    left: 850px;
  }
  .caption-description h1#title {
    top: 11px;
  }
  .carousel .carousel-item .caption {
    bottom: 68px;
}
  .caption-description h1#title {
    top: -18px;
  }
  #index h1#title {
    font-size: 60px;
  }
  .caption-description p {
    top: -20px;
}
  .carousel .carousel-item .caption {
    max-width: 47%;
  }
  #carousel li:nth-child(3) #link {
    margin-right: -92%;
}
  #carousel li:nth-child(1) #link {
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media(max-width:1500px){
  .carousel .carousel-control .icon-next {
    right: 2rem;
  }
  #index h1#title {
    font-size: 38px;
  }
  .caption-description h1#title {
    top: -66px;
  }
  .caption-description h1#title {
    left: 635px;
  }
  .caption-description a p span {
    left: 635px;
  }
  #carousel li:nth-child(2) #link {
    left: 635px;
  }
  .caption-description p {
    top: -69px;
  }
  #carousel li:nth-child(1) #link {
    left: 635px;
  }
  #carousel li:nth-child(2) #link {
    top: -70px;
  }
  #prgici {
    position: relative;
    top: -67px;
  }
  #carousel li:nth-child(3) #link {
    margin-right: -90%;
  }
  #carousel li:nth-child(1) #link {
    top: -62px;
  }
}
@media(max-width:1366px){
  .caption-description h1#title {
  left: 560px;
  }
  .caption-description a p span {
    left: 560px;
  }
  #carousel li:nth-child(2) #link {
    left: 560px;
  }
  #carousel li:nth-child(1) #link {
    left: 560px;
  }
  #prgici {
    position: relative;
    top: -73px;
  }
  #carousel li:nth-child(1) #link {
    top: -65px;
}
#carousel li:nth-child(2) #link {
  top: -73px;
}
#carousel li:nth-child(3) #link {
  margin-right: -89%;
}
}
@media(max-width:1200px){
  .caption-description h1#title {
    left: 490px;
  }
  .caption-description a p span {
    left: 490px;
  }
  #carousel li:nth-child(2) #link {
    left:490px;
}
#carousel li:nth-child(1) #link {
  left: 490px;
}
#carousel li:nth-child(3) #link {
  margin-right: -87%;
}
}
@media(max-width:1024px){
  .caption-description p {
    top:57px;
  }
  .caption-description a p span {
    left: 410px;
  }
  #carousel li:nth-child(3) #link {
    margin-right: -86%;
  }
  .caption-description h1#title {
    left: 396px;
  }
  #carousel li:nth-child(2) #link {
    left: 398px;
  }
  #carousel li:nth-child(2) #link {
    top: 54px;
  }
  #carousel li:nth-child(3) #link {
    margin-right: -82%;
  }
  #prgici {
    position: relative;
    top: 55px;
  }
  #carousel li:nth-child(1) #link {
    top:60px;
  }
  #carousel li:nth-child(1) #link {
    left: 398px;
  }
  .caption-description a p span {
    left: 396px;
  }
  #index h1#title {
    font-size: 30px;
  }
  .caption-description h1#title {
    top: 64px;
  }
}
@media(max-width:954px){
  #index h1#title {
    font-size: 23px;
  }
  .caption-description h1#title {
    left: 432px;
  }
  .caption-description a p span {
    left:432px;
  }
  .caption-description a p span {
    left: 432px;
  }
  #carousel li:nth-child(1) #link {
    left: 432px;
  }
  #carousel li:nth-child(1) #link {
    top: -43px;
  }
  #carousel li:nth-child(2) #link {
    margin-top:-104px;
    }
  #carousel li:nth-child(2) #link {
    left: 432px;
  }
  #prgici {
    position: relative;
    top: -52px;
}
#carousel li:nth-child(3) #link {
  margin-right: -96%;
}
.caption-description h1#title {
  top: -154px;
}
.caption-description p {
    margin-top: -217px;
  }
  #index h1#title {
    margin-top: -25px;
}
}
#product section#main {
  width: 900px;
}
.product-actions.js-product-actions {
  margin-left: 40px;
}
.lpqt-quotation-content-btn a.btn.btn-primary {
  background: #272962!important;
  border-radius: 0;
}
.cms-id-157 section#content {
  width: 900px;
  margin: auto;
}
@media(max-width:540px) {
  #index #custom-text .texto_sous_bloc .col-md-4 {
    width: 100%;
  }
  .block_newsletter {
    width: 100%;
}
#search_widget > form > input.ui-autocomplete-input {
    height: 34px !important;
  }
}
@media(max-width:375px) {
#search_widget > form > input.ui-autocomplete-input {
  height: 26px !important;
}
}
@media (max-width: 366px){
i.material-icons.shopping-cart {
    color: white;
    margin-left: -46%;
}
}
@media (max-width: 400px){
div#search_widget {
    left: -5%;
    margin-top: 20px;
    margin-bottom: -185px;
}
}

@media(max-width:908px){
  .cms-id-157 section#content {
    width: 708px;
    margin: auto;
}
}