@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  font-family: Georgia;
  color: #353535;
  background-color: #fff;
  font-size: 16px;
  text-align: center;
}

H1, H2, h3, H4{
  color:#B09B58;
}

form,
h1,
h4,
img,
li,
ul {
  padding: 0;
  margin: 0;
  border: 0
}

li {
  list-style: none
}

a {
  outline: 0
}

.main_content {
  display: flex;
  flex-direction: column;
  width: 1045px;
  padding: 0 20px 0 20px;
  text-align: left;
  position: relative;
  min-height: 300px;
  margin: auto
}

.main_content.affiliate_section {
  max-height: unset;
}

.relatedSearchs {
  display: flex;
  flex-direction: column;
  width: 1045px;
  padding: 20px;
  text-align: left;
  position: relative;
  margin: auto;
  box-sizing: border-box;
}

.relatedSearchs .keywords_list {
  padding-top: 0px;
}

.infoBar {
  width: 100%;
  background-color: #ff0;
  line-height: 25px;
  font-size: 16px;
  
  font-weight: 100;
  margin:auto;
  text-align: center;
  display: inline-block;
  justify-content: center;
  align-items: center;
}

.infoBar a {
  font-weight: 200;
  text-decoration: none;
  color: #000;
  margin-left: 5px;
}

.mm-opened .infoBar {
  float: left;
}

@media (max-width: 991px) {
  .infoBar {
    flex-direction: column;
  }
}

.infoBar a:hover {
  text-decoration: underline
}

@media only screen and (min-width:0px) and (max-width:1045px) {
  .main_content {
    width: 90%;
    min-height: 500px;
    /*width: calc(100% - 20px);*/
    /*padding: 0 5px 0 5px*/
  }
  .relatedSearchs {
    /*width: calc(100% - 20px);*/
    width: 100%;
    min-height: 100px;
    padding:20px 10px;
  }
}

input::-ms-clear {
  display: none
}

input,
select,
textarea {
  
  font-weight: 200
}

input {
  border: solid 1px #000;
  padding: 5px 10px 5px 10px;
  font-size: 16px;
  color: #000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box
}

.main_header {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.header {
  position: relative;
  width: 1045px;
  padding-top: 20px;
  text-align: left;
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  box-sizing: border-box;
}

.header .logo {
  color: #000;
  font-size: 38px;
  line-height: 45px;
  text-decoration: none;
  grid-row: 1 / span 2;
  grid-column: 1/2;
  display: flex;
  align-items: center;
}

.header .toplinks {
 
  font-size: 15px;
  font-weight: 100;
  line-height: 24px;
  display: flex;
}

.header .toplinks .tlink {
  width: 100%;
  align-items: flex-start;
  text-align: right;
}

.header .toplinks .tlink a {
  text-decoration: none;
  color: #000;
  text-transform: uppercase
}

.header .toplinks .tlink a:hover {
  text-decoration: underline
}

.header .toplinks .tlink .icon {
  display: inline-block;
  font-family: icon;
  margin-right: 8px
}

.header .toplinks .tlink .nb {
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 10px 0 5px;
  font-weight: 200;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #ff0;
  text-align: center
}

.header .headsearch {
  height: 54px;
  overflow: hidden;
  transition: all .25s;
  grid-column: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-row: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  
  padding-top:10px;
}

.header .headsearch.open-location-filter {
  height: 90px;
  transition: all .25s;
}

.header .headsearch input {
  width: 250px;
  height: 36px;
  line-height: 36px;
  padding-right: 10px
}

.header .headsearch form {
  position: relative;
  padding-right: 30px;
  height: 36px;
}

.header .headsearch input:nth-child(1) {
  width: 220px;
}

.header .headsearch input:nth-child(3) {
  width: 180px;
  margin-left: 10px;
}
.header .headsearch a {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  font-family: icon;
  color: #000;
  text-decoration: none;
  height: 36px;
  line-height: 36px;
  font-size: 22px
}

.header .headsearch a:hover {
  color: #20d5d3
}

@media only screen and (min-width:0px) and (max-width:1100px) {
  .header {
    width: calc(100% - 40px);
    height: auto;
  }

  .header .logo {
    position: relative;
    font-size: 30px;
    line-height: 30px;
    text-decoration: none;
    width: fit-content;
    margin-bottom:10px;
  }
}

@media only screen and (min-width:0px) and (max-width:1024px) {
  .header {
    display: block;
  }
  .header .toplinks {
    padding-top:5px;
  }
  .header .headsearch {
    right: 20px;
    bottom: 0px;
  }
  .header .logo {
    width: fit-content
  }
}

@media only screen and (min-width:0px) and (max-width:876px) {
  .header .logo {
    width: fit-content
  }
}

@media only screen and (min-width:0px) and (max-width:736px) {
  .header {
    width: calc(100% - 40px)
  }

  .header .logo {
    font-size: 22px
  }
}

@media only screen and (min-width:0px) and (max-width:670px) {
  .header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding:5px;
  }
  
  .header .headsearch {
    position: initial;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .header .logo {
    padding-left:30px;
  }
}

@media only screen and (min-width:0px) and (max-width:536px) {

  .leaderboard_desktop {
    display:none;
  }

  .header .headsearch {
    height: fit-content
  }
  .header .headsearch form{
    position: relative;
    width: 100%;
    display: flex;
    height: fit-content;
    justify-content: center;
    padding-right: 30px;
  }
  .header .headsearch input:nth-child(3) {
    margin-left: 10px !important; 
  }
  .header .headsearch form input {
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 10px;
  }
  .header .headsearch a {
    right: 5px;
  }
}

.bar_menu_container {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  text-align: center;
  font-size: 0;
  background-color:#FAFAFA;
}

.bar_menu {
  display: inline-block;
  width: 1045px;
  padding: 0 20px 0 20px;
  height: 44px;
  color: #fff;
  text-align: left;
  z-index: 9999;
  
}

@media only screen and (min-width:0px) and (max-width:736px) {
  .bar_menu {
    width: 100%
  }
}

.bar_menu .menu {
  display: block;
  width: 100%;
  height: 44px;
  z-index: 9999;
  text-align: left
}

.bar_menu .menu .section {
  display: inline-block;
  position: relative;
  vertical-align: top
}

.bar_menu .menu .section .m {
  display: inline-block;
  text-decoration: none;
  color: #000;
  line-height: 44px;
  height: 44px;
  padding: 0 10px 0 10px;
  text-align: center;
  margin: 0;
  
  font-size: 18px;
}

.bar_menu .menu .section:first-child .m {
  font-weight: 200;
  padding: 0 15px 0 0
}

.bar_menu .menu .section:first-child .m {
  font-weight: 200;
  padding: 0 15px 0 0
}

.bar_menu .menu .section:first-child .m:hover {
  font-weight: 200
}

.bar_menu .menu .section .m:hover {
  color: #20d5d3;
  font-weight: 100
}

.bar_menu .menu .sectionx .m:hover {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  font-weight: 100
}

#nav li .sm {
  display: none;
  width: 300px;
  position: absolute;
  top: 44px;
  left: 0;
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px 0 10px 0;
  margin: 0;
  z-index: 22;
  text-align: left
}

#m2 {
  width: 90px
}

#m3 {
  min-width: 60px
}

#m4 {
  width: 90px
}

#m5 {
  width: 100px
}

#m6 {
  width: 100px
}

#m7 {
  width: 100px
}

#m8 {
  width: 50px
}

#m9 {
  width: 80px
}

#nav li .sm li {
  width: calc(100% - 30px);
  line-height: 18px;
  padding: 4px 15px 4px 15px;
  margin: 0;
  height: auto
}

#nav li .sm li a,
#nav li .sm li span {
  display: block;
  padding: 0;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 100;
  cursor: pointer
}

#nav li .sm li a:hover,
#nav li .sm li span:hover {
  display: block;
  color: #20d5d3
}

.btnmenu {
  display: none
}

@media only screen and (min-width:0px) and (max-width:1100px) {
  .bar_menu {
    width: 100%;
    box-sizing: border-box
  }

  .bar_menu_container {
    
  }

  .btnmenu {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-family: icon;
    font-size: 22px;
    text-decoration: none;
    position: absolute;
    top:0px;
    left: 0;
    color: #000;
    text-align: left;
    z-index: 9999;
    padding-left:5px;
    padding-top:5px;
  }

  .menu li .m,
  .sm li a {
    font-size: 14px;
    text-transform: uppercase;
    text-align: left
  }

  .menu .section:first-child {
    display: none
  }
}

@media only screen and (min-width:671px) {
  .btnmenu {
    display: none
  }

  .leaderboard_mobile {
    display:none;
  }
}

@media only screen and (min-width:0px) and (max-width:1100px) {
  .bar_menu {
    padding: 0 5px
  }

  .bar_menu .menu .section .m {
    padding: 0;
    font-size: 12px
  }

  .bar_menu_container #menu {
      white-space: nowrap;   /* Empêche le retour à la ligne automatique */
      overflow-x: auto;      /* Active le défilement horizontal si nécessaire */
      overflow-y: hidden;    /* Désactive le défilement vertical */
      width: 100%;           /* Utilisez la largeur souhaitée ou adaptez-la selon vos besoins */
  }

  .bar_menu_container #menu ul.menu {
      list-style-type: none; /* Supprime les puces de liste */
      padding: 0;            /* Supprime le rembourrage par défaut */
      margin: 0;             /* Supprime la marge par défaut */
      display: flex;         /* Aligne les éléments horizontalement */
  }

  .bar_menu_container  #menu ul.menu > li.section {
      margin-right: 20px;   /* Espacement entre les éléments de liste */
  }

  .bar_menu_container #menu a.m {
      text-decoration: none; /* Supprime le soulignement des liens */
      color: #333;           /* Couleur des liens (adaptez-la selon*/

 }

}


.main_footer {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #FAFAFA;
  
  margin: 30px 0 0 0
}

.main_footer .whatsapp-footer{
  width: 95%;
  border:2px solid black;
  padding:5px;
  margin-bottom:10px;
}

.main_footer .whatsapp-footer a{
  text-decoration: none;
  color:black;
}

.footer {
  display: inline-block;
  width: 1045px;
  text-align: left;
  margin: auto
}

.footer .fcol-group {
  display: flex;
  flex-direction: column;
  width: calc(30% - 30px);
  float: left
}

.footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.footer>:not(.fcol) {
  flex-basis: 100%
}

.footer>.fcol {
  flex-basis: calc(33% - 40px);
  margin-bottom: 30px
}

.footer>.fcol.first-row ul li {
  margin: 0;
}

.footer .fcol a {
  color: #000;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  text-transform: capitalize;
  position: relative;
  padding-left: 6px
}

.footer .fcol a::before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  content: '';
  left: -4px;
  top: calc(50% - 2px);
  background-color: #222
}

.footer .fcol a:after {
  content: " / ";
  display: inline-block;
  padding: 0 0 0 3px;
  font-size: 16px;
  vertical-align: middle;
  font-weight: 500;
  text-transform: capitalize
}

.footer .fcol a:last-child:after {
  content: ""
}

.footer .fcol a:hover {
  text-decoration: underline
}

.footer .fcol a:hover:after {
  overflow: hidden;
  text-decoration: none
}

.footer .blog .titre,
.footer .fcol .titre {
  float: left;
  width: 100%;
  
  text-transform: uppercase;
  font-size: 13px;
  line-height: 25px;
  padding: 10px 0 15px 0
}

.footer .copy {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  color: #808080;
  text-align: center
}

.footer .copy a {
  text-decoration: none;
  color: #808080;
}

.footer .copy a:hover {
  text-decoration: underline
}

@media only screen and (min-width:0px) and (max-width:1100px) {

  .footer,
  .main_footer {
    width: 100%
  }

  .main_footer {
    box-sizing: border-box;
    padding: 10px
  }

  .footer .blog .titre a {
    text-align: left
  }
}

@media only screen and (min-width:0px) and (max-width:736px) {
  .footer .fcol {
    width: calc(45%);
    flex-basis: 45%;
    padding-right: 0;
    padding-bottom: 0
  }

  .footer .fcol .titre {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
    font-weight: 700
  }

  .footer .fcol a {
    font-size: 12px
  }

  .footer .fcol a:after {
    font-size: 14px
  }

  .footer .copy {
    margin-top: 15px
  }
}

@media only screen and (min-width:0px) and (max-width:670px) {
  .mm-menu {
    background: #fff;
    border-color: #fff;
    color: #000;
    border-right: 1px solid #000;
    font-size: 16px
  }

  .mm-listview>li:not(.mm-divider):after {
    border-color: #000;
    left: 0
  }

  .mm-listview .mm-next:before {
    border-left-width: 0;
    border-left-color: #000
  }

  .mm-menu .mm-listview>li .mm-arrow::after,
  .mm-menu .mm-listview>li .mm-next::after {
    border-color: #000
  }

  .mm-menu .mm-btn::after,
  .mm-menu .mm-btn::before {
    border-color: #000
  }

  .mm-prev {
    height: 40px
  }

  .mm-navbar {
    background-color: #fff;
    border-color: #000
  }

  .mm-navbar .mm-title {
    color: #000 !important;
   
    font-weight: 200;
    font-size: 16px;
    text-transform: uppercase
  }

  .mm-navbar .mm-title:first-child {
    font-size: 26px;

  }

  .mm-navbar-top {
    position: relative;
    background-color: #fff !important;
    border-bottom: none
  }

  .headsearch_mob {
    position: absolute;
    top: 22px;
    right: 0;
    width: calc(100% - 40px);
    padding: 0 20px 0 20px
  }

  .headsearch_mob input {
    width: 100%;
    height: 36px;
    line-height: 36px
  }

  .headsearch_mob a {
    display: inline-block;
    position: absolute;
    right: 28px;
    top: 0;
    font-family: icon;
    color: #000 !important;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    font-size: 22px
  }

  .headsearch_mob a:hover {
    color: #20d5d3 !important
  }

  .mm-navbar-bottom {
    background-color: #f5f3f3 !important;
    height: 80px;
    border-top: none
  }

  .tlink_mob {
    display: inline-block;
    font-size: 12px;
    height: 30px;
    width: calc(100% - 40px);
    padding: 15px 20px 0 20px;
    text-align: left;
    white-space: nowrap
  }

  .tlink_mob a {
    display: inline-block;
    text-decoration: none;
    color: #000 !important;
    text-transform: uppercase
  }

  .tlink_mob a:hover {
    text-decoration: underline
  }

  .tlink_mob .icon {
    display: inline-block;
    font-family: icon;
    margin-right: 8px;
    color: #000 !important
  }

  .tlink_mob .nb {
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 10px 0 5px;
    font-weight: 200;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: #ff0;
    text-align: center;
    color: #000 !important
  }
}

.headsearch form {
  display: flex;
  align-items: center;
  position: relative;
}

.headsearch form .checkbox-wrapper {
  display: flex;
  width: 300px;
  align-items: center;
}

.headsearch form .checkbox-wrapper label {
  user-select: none;
  cursor: pointer;
}

.headsearch form input {
  width: 150px;
}
.headsearch form input[name="l"] {
  padding-right: 10px;
}

.button {
  display: inline-block;
  border: solid 1px #ff0;
  background-color: #ff0;
  text-decoration: none;
  color: #000;
  
  font-size: 18px;
  font-weight: 200;
  line-height: 20px;
  height: 40px;
  padding: 10px 10px 10px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase
}

.button:hover {
  background-color: #ff0;
  border: solid 1px #000
}

.sharebutton{
  float: left;
  margin-right: 10px;
}

.instagram_modal {
  position: fixed;
  width: 400px;
  height: 400px;
  background-color: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  bottom: -400px;
  left: calc(50% - 200px);
  transition: all .25s;
}

.instagram_modal a {
  margin: 40px 0px 10px;
}

.instagram_modal a img {
  max-width: 70px;
  transform: scale(1);
  transition: transform 0.3s;
}

body.open-instagram .instagram_modal {
  transition: all .25s;
  bottom: calc(50% - 200px);
}

body.open-instagram {
  position: relative;
  overflow: hidden;
}

body.open-instagram .backdrop {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
}
.instagram_modal * {
  user-select: none;
}
.instagram_modal img.title {
  max-height: 150px;
}

.instagram_modal a:hover img {
  transform: scale(1.05);
  transition: transform 0.3s;
}

@media (max-width: 576px) {
  .instagram_modal {
    width: 300px;
    height: 300px;
    bottom: -300px;
    left: calc(50% - 150px);
  }
  body.open-instagram .instagram_modal {
    transition: all .25s;
    bottom: calc(50% - 150px);
  }
  .instagram_modal img.title {
    width: 200px;
  }
  .instagram_modal img.label {
    max-height: 40px;
  }
  .instagram_modal a {
    margin: 20px 0px 10px;
  }
}

.paypalmessage {
  width:50%;
  float:left;
}

.paypalfooter {
  background-color:#FAFAFA;
  text-align:center;
}

.nonaffiliate a.link {
  text-decoration: none;
  color:black;
}

.nonaffiliate a.link:hover{
  text-decoration: underline;
} 

/* photo zoom */
  .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 10px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.9);
    }

    .modal-content {
        margin: auto;
        display: block;
        max-height: 80%;
        max-width: 80%;

    }

    .modal-content {
        animation-name: zoom;
        animation-duration: 0.6s;
    }

    @keyframes zoom {
        from {transform:scale(0)}
        to {transform:scale(1)}
    }

    .modal .close {
        position: absolute;
        top: 15px;
        right: 40px;
        color: #f1f1f1;
        font-size: 60px;
        font-weight: bold;
        transition: 0.3s;
    }
    .modal .gauche {
        position: absolute;
        bottom: 250px;
        color: #f1f1f1;
        font-size: 60px;
        font-weight: bold;
        transition: 0.3s;
        left: 50px;
    }

    .modal .droite {
        position: absolute;
        bottom: 250px;
        color: #f1f1f1;
        font-size: 60px;
        font-weight: bold;
        transition: 0.3s;
        right: 50px;
    }

    .modal .close:hover,
    .modal .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .modal .gauche:hover,
    .modal .gauche:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }
    .modal .droite:hover,
    .modal .droite:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

    @media only screen and (max-width: 700px){
        .modal-content {
            width: 100%;
        }
    }
    /* end of photo zoom */


/* annonce keyword page */
.alertbox, .searchbox{
  float:left;
  width: 100%;
  padding-top:20px;
}

.additional_content ul li {
  list-style : disc;
  margin-left:10px;
}


.desktop-read-description-below {
    display:block;
}

    @media only screen and (max-width: 450px){
        .desktop-read-description-below {
            display: none;
        }
    }


/* menu expand collapse "mon compte" */
.header .side_menu {
    max-height: 0;
    display:none;
    transition: max-height 0.5s ease-out;
}

.header .expanded {
    display: block;
}

.header .side_menu .block_menu{
    margin: 20px;
    position: absolute;
    z-index: 1111;
    background: white;
    border: 1px solid;
    right: 0px;
    width: 300px;
    padding: 10px;  
}

.header #toggleButton{
  color:black;
  border:none;
  background:white;
  cursor: pointer;
  padding:5px;
  width: 200px;
  text-align: left;
}

.header .linkList li{
  list-style: disc;
}

.validateMessage {
  height:40px;
  width: 90%;
  float:left;
  background-color:yellow;
  color:black;
  padding:5px;
}
.validateMessage a {
  text-decoration: none;
}

/* display for Random Products on Hompages (index, bhp, tops) */
.randomProducts .item {
  border:1px solid #C0C0C0;
  margin:10px;
}

.randomProducts .img_container{
  padding:10px;
  max-height: 200px;
  overflow: hidden;
}

.randomProducts .infos{
  padding:10px;
}

.randomProducts img {
  width: 100%;
}

.alertbox{
  float:left;
  width: 100%;
  padding-top:5px;
  padding-bottom:5px;
}

.subdescription{
  font-size:12px;
  text-transform: capitalize;
  background-color:whitesmoke;
}

/* OLD MAIN STYLE CSS */
@media only screen and (min-width: 0px) and (max-width: 1045px){
.noMob{ display:none !important; }
}

.main_content.listing .colResult {
  width: 100%;
}
.main_content .colResult  {
  width: 100%;
}

.main_content .colResult .ButtonSub  {
  max-width: max-content;
}

.main_content .colResult .list-wrapper {
  display: flex; width: 100%;
  position: relative;
}
.main_content .colResult .list-wrapper .location {
  position: absolute;
  width: 200px;
  right: 0px;
  top: 10px;
}
.main_content .colResult .list-wrapper .side_menu {
  position: initial;
  padding-top: 100px;
  padding-left: 15px;
}
.main_content .colResult .list-wrapper .side_menu .block_menu:first-child {margin-top: 20px;}

@media only screen and (min-width: 0px) and (max-width: 1045px){
  .main_content .colResult .list-wrapper { flex-direction: column;}
  .main_content .colResult .list-wrapper .side_menu {padding: 20px 0px;}
  .main_content .colResult .list-wrapper .location {
    position: initial;
    width: 100%;
  }
} 
/******************************************************************************************/
/*FORMS ELEMENTS*/
/******************************************************************************************/
input,select,textarea{ font-weight:200;}
input.paypalBtn{ border:0px; padding:0 0 0 0; margin-top:20px;width:200px;margin-left:30px;}
@media only screen and (min-width: 0px) and (max-width: 443px){
  .parti{ font-size:0px; padding:0 0px 0 0!important;}
input.paypalBtn{ width:100% !important;}   

}

.greybar {
  color:grey;
}

.bar_menu {
  max-height: 88px;
}

                
input[type="file"]{ color:#000; padding:2px 10px 2px 2px;}

.size50{ width:50px;}
.size100{ width:100px;}

textarea{
border:solid 1px #000;
padding:5px 10px 5px 10px;
font-size:16px;
color:#000;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px;
box-sizing:border-box;
}              

select{
border:solid 1px #000;
padding:4px 10px 4px 10px;
font-size:16px;
color:#000;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px;
box-sizing:border-box;
}              
  
  input:focus, textarea:focus, select:focus, .formTable .champ .addNewBack:hover{ -moz-box-shadow: 0px 0px 5px 0px #20D5D3;
-webkit-box-shadow: 0px 0px 5px 0px #20D5D3;
-o-box-shadow: 0px 0px 5px 0px #20D5D3;
box-shadow: 0px 0px 5px 0px #20D5D3;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFF00, Direction=NaN, Strength=5);}
/*border:solid 1px #0D6DE7;*/

.ob:after{ font-size:16px; content: '*'; padding-left: 3px; vertical-align:top; color:#000;} 

/*global*/
.formTable{  padding:0px; text-align:left;} /* border:1px solid #CCC;*/
.formTable .champ{ white-space:nowrap; vertical-align:top; padding:5px 0 0 0; font-size:0px;}
.formTable .champ input{ width:calc(100% - 10px); max-width:300px;}
.formTable .champ textarea{ width:calc(100% - 10px); max-width:300px; min-height:150px;}
.formTable .champ select{max-width:300px;}
  
.formTable .label{padding:5px 10px 0 0; font-size:16px; line-height:16px;}
.formTable .label span{ display:inline-block; font-size:13px; padding:5px 0 0 0; line-height:14px; width:100%;}
@media only screen and (min-width: 0px) and (max-width: 450px){ 
.formTable .label:not(.fix) {  font-size:0px; padding:0 0 0 0;}
.formTable .label:not(.fix) span{font-size:0px; padding:0 0 0 0;}
}
.formTable .titre{  padding-bottom:5px;}
.formTable .titre span{ display:inline-block; width:calc(100%); line-height:24px; padding:15px 0px 15px 0px;  font-size:18px; font-weight:200; border-bottom:solid 1px #000; color:#000; text-transform:uppercase;}
.formTable .mt{ padding-top:20px;}
.formTable .info{ font-size:16px; padding-top:10px; padding-bottom:10px;}
.formTable .btn{ padding-top:20px;}
/*spécial*/
.formTable .champ .err{border:solid 1px #D6071B; font-size:16px;}
.formTable #zerreur{ display:none;}
.formTable #zerreur td #erreur{border:solid 1px #FF2F00; color:#FFF; background-color:#FF2F00; padding:10px 10px 10px 10px; margin:10px 0 0 0;}
.formTable #zreponse{ display:none;}
.formTable #zreponse td #reponse{border:solid 1px #20D5D3; color:#000; background-color:#20D5D3; padding:10px 10px 10px 10px; margin:10px 0 0 0;}
  
.formTable tr td .alerte{border:solid 1px #FFFF00; color:#000; background-color:#FFFF00; padding:10px 10px 10px 10px; margin:10px 0 0 0;}

.formTable .afficher_tel{padding:5px 0 0 0;}
.formTable .conditions{padding:15px 0 0 0; font-size:16px;}
.formTable .conditions a{ color:#000; text-decoration:underline;}

.formTable .link{ color:#000; text-decoration:underline;}
  
.formTable .champ .addNew{ width:calc(100% - 40px); max-width:270px;}
.formTable .champ .addNewBack{display:inline-block; width: 20px; height:20px; border: 1px solid #000; background: none; border-radius: 22px; text-decoration:none; text-align:center; line-height:20px; font-size:16px; font-weight:300; color:#000; margin-right:8px; }

/******************************************************************************************/
/* COOL CHECKBOX ROUND*/
/******************************************************************************************/  
.chkbRound:not(:checked),.chkbRound:checked {position: absolute; left: -9999px ;  }  
.chkbRound:not(:checked) + label, .chkbRound:checked + label{position: relative; padding-left: 30px; cursor: pointer;}
/* Aspect des checkboxes */ 
.chkbRound:not(:checked) + label:before,
.chkbRound:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 20px; height:20px;
  border: 1px solid #000;
  background: none;
  border-radius: 22px;
}
/* Aspect général de la coche */
.chkbRound:not(:checked) + label:after,
.chkbRound:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 5px;
  font-size: 15px;
  color: #000; 
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.chkbRound:not(:checked) + label:after {
  opacity: 0; 
  transform: scale(0); 
}
/* Aspect si "cochée" */
.chkbRound:checked + label:after {
  opacity: 1; 
  transform: scale(1);
  color:#000;
}   
.chkbRound:checked + label:before {
    border: 1px solid #000;
}


/******************************************************************************************/
/*MENU*/
/******************************************************************************************/  
.bar_menu .menu .actif .m {color:#20D5D3; font-weight:100;}
.bar_menu .menu .section .bOn {border-right:1px solid #000; border-left:1px solid #000;color:#20D5D3; font-weight: 100;} 
.bar_menu .menu .social{ float:right; text-align:right; line-height:44px;  height:44px; }
.bar_menu .menu .social .icon{ display:inline-block; vertical-align:middle; text-align:center;  line-height:32px; height:32px; width:32px; font-family: "icon"; font-size:15px; text-decoration:none; color:#FFF; background-color:#000; -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px; margin:0 0 0 5px;}
.bar_menu .menu .social .icon:hover{ background-color:#20D5D3;}
.bar_menu .menu .social .facebook:hover{background-color:#3D5B96;}

/******************************************************************************************/
/*MULTIPAGE*/
/******************************************************************************************/
.multi{
  background-color: #F5F5F5;
  /* float:left; */
  /* width:100%; */
  text-align:center;
  padding:20px 10px;
  height:36px;
  line-height:36px;
  font-size:16px;
  font-weight:100;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.multi .num { display: flex; justify-content: center; align-items: center; float:left; width:calc(100% - 220px); margin:0 auto 0 auto; font-size:0px;}
.multi .num a { display:inline-block; border:1px solid #000; margin: 0px 4px; width:36px; font-size:18px;  line-height:36px; height:36px; padding:0px 0 0 0;  color:#000; text-decoration:none;}
.multi .num a.active,
.multi .num a:hover {background-color:#FFFF00; border:1px solid #000;}
.multi .num span{ display:inline-block; line-height:30px; height:30px;  width:30px; font-size:17px; text-align:center; color:#000; margin:0 0 0 0;}
.multi .num .actif { display:inline-block; background-color:#000; color:#FFF; line-height:30px; height:30px; border:1px solid #000;}
.multi .num .actif:hover {background-color:#000;}
.multi .start,.multi .end { float:left; width:110px;}
.multi .start a, .multi .end a{ float:left; width:100%; border:1px solid #000; color:#000; height:36px; line-height:36px; text-align:center; text-decoration:none; text-transform:uppercase; padding: 0px 5px;}
.multi .start a:hover,.multi .end a:hover{ background-color:#FFFF00;} 
.multi .end a{ float:right;}

  @media only screen and (min-width: 0px) and (max-width: 736px){
  
  .multi .start a, .multi .end a {
    padding: 0px 2px;
  }
  .multi{ height:auto; padding: 20px 0px;box-sizing: border-box;}
    .multi .num { width: 100%;}
    .multi .num a { width: 26px; margin: 0px 2px;}
  .multi .start a,.multi .end a,.multi .num a {
    font-size: 18px;
    height: 32px;
  }
  }
/******************************************************************************************/
/*COLONNE MENUS*/
/******************************************************************************************/
.side_menu{ float:right; width:199px; position: absolute; right: 0px;}
.side_menu .block_menu{ margin:20px}
.page-wrapper .side_menu .block_menu:first-child {
  margin-top: 30px;
}
.page-wrapper .side_menu {top: 0px;}
.side_menu .block_menu .titre{ display:inline-block; width:100%; font-size:16px; padding:0 0 0 0; }
.side_menu .block_menu .linkList{ width:calc(100% - 32px);  padding:0 15px 15px 15px; }


.side_menu .block_menu .linkList .link{ display:inline-block; text-transform:uppercase; color:#000; font-size:16px; text-decoration:none; padding:10px 0 0 0; cursor: pointer;}
.side_menu .block_menu.location .linkList .link{ text-transform:initial;}
.side_menu .block_menu .linkList .link.actif{ color:#20D5D3; font-weight:500;}
  
.side_menu .block_menu .linkList .link{ display:inline-block; text-transform:uppercase; color:#000; font-size:16px; text-decoration:none; padding:10px 0 0 0; }
.side_menu .block_menu .linkList .link:hover{ text-decoration:underline;}
.side_menu .block_menu .linkList .link.actif{ color:#20D5D3; font-weight:500;}

.side_menu .block_menu .linkList .item{display:inline-block;  text-transform:uppercase; color:#000; font-size:16px; text-decoration:none; padding:10px 0 0 0; } 
.side_menu .block_menu .linkList .item label {display:inline-block;}
.side_menu .block_menu .linkList .item label span{ display:inline-block; width:140px;vertical-align:top; }
.side_menu .block_menu.location .linkList .item label span{ text-transform:initial;}
.side_menu .block_menu .linkList .item:hover label span{text-decoration:underline;} 
  
/*COMPTE MENUS*/
.side_menu .block_menu .linkList .miniInfos{padding:5px 0 0 0; font-size:13px;}
.side_menu .block_menu .titrespe{ word-break:break-all; padding:12px 0 12px 0;  }
.side_menu .block_menu .linkList .lcpt {display:inline-block;  text-transform:uppercase; color:#000; font-size:16px; text-decoration:none; padding:10px 0 0 0; vertical-align:top;}
.side_menu .block_menu .linkList .lcpt .icon{ display:inline-block; vertical-align:middle; line-height:20px; height:20px; width:20px; font-family: "icon"; font-size:15px; text-decoration:none; color:#000; position:relative; top:2px; }
.side_menu .block_menu .linkList .lcpt a{ vertical-align:middle; padding:0 0 0 0;}

@media only screen and (min-width: 0px) and (max-width: 736px){
  .page-wrapper .side_menu {display: none !important;}
  .side_menu{width:100%;position: relative;}
} 
/******************************************************************************************/
/*COMPTE*/
/******************************************************************************************/
.colCpt{ float:left; width:816px;}

.headCpt{ float:left; width:100%; padding:36px 0 25px 0; position:relative;}
.headCpt h1{float:left; width:100%; top:50px;  font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.headCpt h2{float:left; font-size:18px; font-weight:200; line-height:20px; }

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.colCpt{ width:100%;}
.headCpt{ padding:20px 0 25px 0;}
.headCpt h1{margin:14px 0 10px 0; font-size:40px;line-height:40px;}
}

/******************************************************************************************/
/*HEADER CONTENUS*/
/******************************************************************************************/ 
.headliste{ width:100%; border-bottom:1px solid #C0C0C0; padding:0 0 5px 0; position:relative; min-height:135px;display: flex; flex-direction: column;}
.headliste h1{float:left; width:100%; top:50px; font-size:40px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0; min-height: 60px}
.headliste h2{float:left; font-size:18px; font-weight:200; line-height:20px; }
/*.headliste select{ position:absolute;  right:0px; bottom:25px;}*/


.headliste.has_content {
  margin-bottom: 10px;;
}

.main_content.listing .additional_content {
  display: inline-block;
  padding-top: 10px;
  width: 100%;
  min-height: 150px;
}

.additional_content {
    padding-bottom: 10px;
    margin: auto;
    width: 78%;
    text-align: left;
}

.additional_content.second_section {
  border-top: 1px solid #C0C0C0;
  padding: 10px 0px;
}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headliste{ border-bottom:0px; min-height:inherit;}
.headliste h1{margin:14px 0 10px 0; font-size:22px;line-height:22px;min-height: 40px}
.headliste select{bottom:15px;}
}

.ariane{float:left; display:block; font-size:15px; margin:10px 0 0 0;}
.ariane a{text-decoration:none; color:#000;}
.ariane a:hover{text-decoration:underline;}
  
  
.noResults{ float:left; width:100%; padding:0 0 25px 0; position:relative; min-height:135px;}
.noResults h1{float:left; width:100%; top:50px; font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.noResults h2{float:left; font-size:18px; font-weight:200; line-height:20px; }

.noResults_subscribe a{float:left; clear:both; margin:14px 0 0 0; }

.ButtonSub {
  box-shadow:inset 0px 1px 3px 0px #91b8b3;
  background:linear-gradient(to bottom, #ffff00 5%, #d5e848 100%);
  background-color:#ffff00;
  border-radius:6px;
  display:inline-block;
  cursor:pointer;
  color:#000000;
  font-size:15px;
  padding:12px 20px;
  text-decoration:none;
}
.ButtonSub:hover {
  background:linear-gradient(to bottom, #d5e848 5%, #ffff00 100%);
  background-color:#d5e848;
}
.ButtonSub:active {
  position:relative;
  top:1px;
}


  
  @media only screen and (min-width: 0px) and (max-width: 736px){ 
.noResults{ border-bottom:0px; min-height:inherit;}
.noResults h1{margin:14px 0 10px 0; font-size:40px;line-height:40px;}
}

/******************************************************************************************/
/*CATALOGUE*/
/******************************************************************************************/
.colResult{ float:left; width:816px;}
.colResult>.ezoic-ad {
  width: 816px !important;
  min-width: 816px !important;
  overflow: auto;
}

@media only screen and (max-width: 736px) and (min-width: 0px) {
  .colResult .ezoic-ad {
    width: 100% !important;
    min-width: 100% !important; 
  }
}
/*liste resultats items*/
/* .listeItems{ float:left; width:100%; padding:30px 0 0 0;}
.listeItems .pub{ width:242px; height:252px; background-color:#DEDEDC;}
.listeItems .item {
  position:relative;
  float:left;
  width:242px;
  margin-right:30px;
} 

.listeItems .item ~ .google-auto-placed {
  max-width: 242px;
  max-height: 300px;
  overflow: hidden;
}

.listeItems .max3 ~ .google-auto-placed {
  max-width: 846px;
  overflow: hidden;
}

.listeItems .item .img_container{ float:left; position:relative; overflow:hidden; width:242px; height:242px; background-color:#000; cursor:pointer;}
.listeItems .item .img_container img{ width:150%;  position: absolute; top:-100%; left:-100%; right: -100%; bottom:-100%; margin:auto; }
  
.listeItems .item .infos{float:left; width:100%; font-size:15px; line-height:18px; height:105px; padding:10px 0 0 0;}
.listeItems .item .infos .modele{ display:inline-block; width:100%; line-height:20px; color:#000; text-decoration:none; font-weight:400; text-transform:uppercase;}
.listeItems .item .infos .prixneuf{ display:inline-block; text-decoration:line-through;}
.listeItems .item .infos .prix{ display:inline-block;}

.listeItems .item .infos .mini{ display:inline-block; font-size:13px;}
.listeItems .item .infos .mini a{ color:#000; text-decoration:none;}
.listeItems .item .infos .mini a:hover{ text-decoration:underline;} */

@media (max-width: 1045px) {
  .colResult {
    width: 100%;
  }

}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.colResult{width:100%;}
/* .listeItems{padding:0px 0 0 0;}
.listeItems .max4 > *,
.listeItems .max3 > *{
  width:100% !important;
  max-width: 100% !important;
  margin-right:0px;
} */
.google-auto-placed {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0px !important;
}
/* .listeItems .item .img_container{width:100%; height:252px;}
.listeItems .item .infos{ height:auto; padding-bottom:20px;} */
}

/* .listeItems .item .img_container .inf{ visibility:hidden; opacity:0; width:200px; height:200px;}
.listeItems .item .img_container:hover .inf{ visibility:visible; opacity:1; transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; }
.listeItems .item .img_container:hover .inf{display:inline-block; position:absolute; z-index:9800;   padding:15px 15px 15px 15px; text-align:left; background-color:#000; top:11px; left:11px;   color:#FFFFFF; font-size:30px; font-weight:200; mix-blend-mode: multiply; opacity:1;}
.listeItems .item .img_container:hover .inf span{display:inline-block;  line-height:30px; text-transform:uppercase; word-break: break-all;}  */
/* 
@media only screen and (min-width: 0px) and (max-width: 736px){ 
  .listeItems .item .img_container .inf,.listeItems .item .img_container:hover .inf{ visibility:hidden;}
} */
  
/*variantes*/
.max3>*:nth-child(3n){ margin-right:0px;} 
.max4 { margin-top:30px;}
.max3, .max4 {
  display: flex;
  flex-wrap: wrap;
}
.max4 .item{width:238px; margin-right:31px;}
.max4 .item ~ .google-auto-placed {
  width: 238px;
  max-width: 238px;
  max-height: 300px;
  margin-right:31px;
  overflow: hidden;
}
.max4  .pub{height:238px;}
.max4 > *:nth-child(4n+0){ margin-right:0px;}
.max4 .item .img_container{width:238px; height:238px;}
.max4 .item .img_container .inf{ width:187px; height:187px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
  .max4 { margin-top:30px; padding-top:20px;}
  .max4 .item{ width:100%; margin-right:0px;}  
  .max4 .item .img_container{width:100%; height:252px;} 
  /* .listeItems .max4 > * {
    width:100%;
    margin-right:0px;
    max-width: 100%;
  } */
}

.relationList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.relationList > * {
  flex-basis: calc((100% - 60px) / 4);
  width: calc((100% - 60px) / 4) !important;
  margin: 0px !important;
}
.relationList > * .img_container { width: 100%; }

@media (max-width: 1045px) { .relationList.max4>* {width: calc((100% - 80px) / 4);} }
@media (max-width: 640px) { .relationList.max4>* {width: 100%; flex-basis: 100%;} }

.searchColResult{
  width:100%;
  display: flex;
  flex-direction: column;
}
.searchItems{border-top:0px; margin-top:0px;}

/*compte client edit*/
.editInfo{display:inline-block;  font-size:15px; border:1px solid #000; padding:10px 10px 10px 10px; width:calc(100% - 20px); margin-bottom:30px }

.statut{display:inline-block; vertical-align:middle; font-size:0px; height:13px; width:13px;  -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px;}
.statut.vert{background-color:#20D5D3;}
.statut.jaune{background-color:#FFFF00;}
.statut.rouge{background-color:#FF2F00;}
.editInfo a{ text-decoration:none; color:#000;}
.editInfo a:hover{text-decoration:underline;}
.editInfo .mod{ font-weight:300;}

  /******************************************************************************************/
/*FICHE*/
/******************************************************************************************/
.headfiche{ float:left; width:100%; margin:0 0 30px 0; position:relative;}
.headfiche h1{float:left; width:700px; top:50px;  font-size:50px; font-weight:200; text-transform:uppercase; line-height:50px; margin:14px 0 0 0;} 
.headfiche .retour{ float:left; width:100%; padding:20px 0 0 0;}
.headfiche .retour .icon{ display:inline-block; vertical-align:middle; text-align:left;  line-height:32px; height:32px; width:26px;  font-family: "icon"; font-size:30px; text-decoration:none; color:#000;}
.headfiche .retour a{display:inline-block; vertical-align:middle;   font-size:18px; line-height:32px; font-weight:100; text-decoration:none; color:#000;}
.headfiche .retour a:hover{ text-decoration:underline;}
.headfiche .social{position:absolute; right:0px; bottom:0px; text-align:right; font-size:0px; }
.headfiche .social .icon{ display:inline-block; vertical-align:top; text-align:center;  line-height:32px; height:32px; width:32px; font-family: "icon"; font-size:15px; text-decoration:none; color:#FFF; background-color:#000;  margin:0px 5px 0 0 ;}
.headfiche .social .icon:hover{ background-color:#20D5D3;}  
.headfiche .social .selection{ background-color:#000; color:#FFF; height:30px; width:30px; border:1px solid #000;}
.headfiche .social .selection:hover, .headfiche .social .selection.activ{ background-color:#FFFF00; color:#000; height:30px; width:30px; border:1px solid #000;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headfiche h1{ width:80%; font-size:28px; line-height:28px; top:0px;  margin:14px 0 0 0;} 
.headfiche .social{display:inline-block; width:10%; position:relative; right:auto; bottom:auto; margin-top:10px; text-align:left;}
}

/*ADD THIS*/
.headfiche .social .addthis_sharing_toolbox{display:inline-block; font-size:0px; vertical-align:top; padding:0px; margin:0px; height:0px; line-height:0px; } 
.at-icon{ background-color:#000;}
.at-icon-pinterest:hover{ background-color:#C3282C;}
.at-icon-facebook:hover{background-color:#3D5B96;}
.at-icon-twitter:hover{background-color:#2AA7DE;}
  
.colFiche{ float:left; width:65%;margin-right:20px}

.colFiche .formBox{margin-bottom:30px; padding:30px; border:1px solid #000; display:none;}
@media only screen and (min-width: 0px) and (max-width: 736px){
  .colFiche .formBox{ border-right:0px; border-left:0px; border-top:0px; padding:0px 0 20px 0;}
}

.colFiche .photos{ float:left; width:100%;}

.colFiche .photos .minis{ float:left; width:100px;}
.colFiche .photos .minis img{ float:left; width:100%; cursor:pointer;}

.colFiche .photos .minis img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: .3; transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; }
.colFiche .photos .minis img:hover { filter: none; -webkit-filter: grayscale(0%); opacity: 1 }
.colFiche .photos .minis .activ { filter: none; -webkit-filter: grayscale(0%); opacity: 1 }
  
.colFiche .photos .photo{ float:right; width:400px;}
.colFiche .photos .photo img{ width:100%;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
  .colFiche{width:100%;}
  .colFiche .photos .minis{   width:100%;}
  .colFiche .photos .minis img{ width:80px;}
  .colFiche .photos .photo{ width:100%;}
}


.sideFiche{ float:right; width:30%;}
.sideFiche .titre{  font-size:18px; font-weight:200; text-transform:uppercase; line-height:25px; margin-top:25px;}
.sideFiche .titre:first-child{ margin-top:0px;} 
.sideFiche .prix{ font-size:30px;}
.sideFiche .prix span{ text-decoration:line-through;}
.sideFiche .texte{ display:inline-block; font-size:16px; line-height:22px;}
.sideFiche .texte a{ text-decoration:none; color:#000; }
.sideFiche .texte a:hover{ text-decoration:underline;  }
.sideFiche .texte .mini{ display:inline-block; font-size:13px; line-height:15px !important;}
.sideFiche .texte .mini b{ font-weight:400;}
.sideFiche .texte img{ display:inline-block; float:left;}
.sideFiche .btn  { display:inline-block; float:left; margin-top:25px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
  .sideFiche{ margin-top:20px; width:100%;}
}
/******************************************************************************************/
/*MESSAGES DE INTERNAUTES*/
/******************************************************************************************/
.messages{ float:left; width:100%; margin:0 0 30px 0;}
.messages:last-child{ margin:0 0 0 0;}
.messages .head{ float:left; width:100%;  border-top:1px solid #000; border-bottom:1px dotted #000; padding:10px 0 10px 0; }
.messages .head b{ font-weight:300; }
.messages .alerte{float:left; width:100%; color:#FF2F00; padding:10px 0 0 0;}
.messages .texte{float:left; width:100%; padding:10px 0 10px 0;}

/******************************************************************************************/
/*MARQUES ET DESIGNERS*/
/******************************************************************************************/
/* listingLetter */
.listingLetter { float: left; padding:36px 0 0 0; width: 100% }
.listingLetter h1 { float:left; width:100%; top:50px;  font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 20px 0;}
  
.listingLetter .lettres { float: left; width:calc(100% - 20px); border: 1px solid #000; padding:5px 10px 5px 10px; color: #DDD; margin-bottom: 30px }
.listingLetter .lettres .aller { display: block; float: left; color: #000; text-transform: uppercase; font-weight: 300; width: 80px}
.listingLetter .lettres a, .listingLetter .lettres span{ display:inline-block; text-align: center; width:30px; height:30px; line-height:31px; text-decoration: none; color: #000; -webkit-border-radius:32px; -moz-border-radius:32px; border-radius:32px; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; }
.listingLetter .lettres a:hover, .listingLetter .lettres a.activ{ background:#000; color:#FFF;}
.listingLetter .liste { float: left; width: 100% }
.listingLetter .liste .colonne { float: left; width:25% }
.listingLetter .liste .colonne .container{opacity:1; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out;} 
.listingLetter .liste .colonne .container.inactiv{opacity:.2;} 
.listingLetter .liste .colonne .lettre { float: left;  font-weight:100; width: 100%;  font-size: 80px }
.listingLetter .liste .colonne .item { display:inline-block; text-decoration: none; color: #000; font-size: 14px; cursor: pointer; }
.listingLetter .liste .colonne .item:hover { text-decoration:underline;}  
.listingLetter .liste .colonne  .inactiv .item:hover{text-decoration:none;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.listingLetter h1 {font-size:40px;line-height:40px;}
.listingLetter .liste .colonne {width:calc(100% / 3);}
}

/******************************************************************************************/
/*EDITOR ET ZONE DE TEXTE*/
/******************************************************************************************/ 
.headclassic{ float:left; width:100%;  padding:0 0 25px 0; position:relative; min-height:135px;}
.headclassic h1{float:left; width:100%; top:50px;  font-size:60px; font-weight:200; text-transform:uppercase; line-height:60px; margin:14px 0 0 0;}
.headclassic h2{float:left; font-size:18px; font-weight:200; line-height:20px; } 
  
.ztexte{ float:left; width:100%; margin:20px 0 20px 0; font-size:16px;}

.editor p{ line-height:22px; text-align:justify;}
.editor a {text-decoration:underline; color:#000;}
.editor a:hover {text-decoration:underline; background-color:#FFFF00;} 
.editor img { border:0 }
.editor .img_right { float:right; margin:5px 0 0 20px;}
.editor .img_left { float:left;  margin:5px 20px 0 0;} 

.editor h3 { display:inline-block; width:100%;  font-size:30px; line-height:30px; text-transform:uppercase; font-weight:100;  text-align:left; margin-top:10px; border-top:1px dotted #000; border-bottom:1px dotted #000; padding-top:15px; padding-bottom:15px;} 
.editor h4 { display:inline-block; width:100%; font-size:20px; line-height:26px; font-weight:200; text-align:left; margin-top:10px;}
.editor .couleur1{color:#20D5D3;}
.editor .fmini{ font-size:13px; line-height:16px;}

.editor strong{font-weight:300;} 
.editor ul{ margin:0 0 0 6px; padding:0 0 0 0; list-style-type:circle; list-style-position:inside;}
.editor ul li{padding:0 0 0 0; margin:0 0 0 0;}

.docs{float:left; width:100%; margin:20px 0 0 0;}
.docs .titre{float:left; width:100%; color:#333;  font-size:20px; line-height:26px; font-weight:200; text-align:left; margin:0 0 14px 0;}  
.docs a{ display:inline-block; font-size:16px; background:url(../img/ic_pdf.png) no-repeat; background-position:0px 0px; line-height:20px; padding:0 10px 10px 30px; color:#333; text-decoration:none;}
.docs a:hover{ text-decoration:underline;}

.columns{
    -moz-column-count:3;
    -webkit-column-count:3;
    -o-column-count:3;
    column-count:3;
    -moz-column-gap:40px;
    -webkit-column-gap:40px;
    -o-column-gap:40px;
    column-gap:40px;
    -webkit-column-rule-width:1px;
    -webkit-column-rule-color:#000;
    -webkit-column-rule-style:dotted;
    -moz-column-rule-width:1px;
    -moz-column-rule-color:#000;
    -moz-column-rule-style:dotted;
    -o-column-rule-width:1px;
    -o-column-rule-color:#000;
    -o-column-rule-style:dotted;
    column-rule-width:1px;
    column-rule-color:#000;
    column-rule-style:dotted;
}
.columns p:first-child{ margin-top:0px;}
.columns h3:first-child{ margin-top:0px; padding-top:0px; border-top:0px;}
.columns p:last-child{ margin-bottom:0px;}
.columns h4:last-child{ margin-bottom:0px; padding-top:0px; border-top:0px;}

@media only screen and (min-width: 0px) and (max-width: 736px){ 
.headclassic{min-height:inherit; margin-top:20px;}
.headclassic h1{font-size:40px; line-height:40px; }
.columns{
    -moz-column-count:1;
    -webkit-column-count:1;
    -o-column-count:1;
    column-count:1; 
}
}

/******************************************************************************************/
/*404*/
/******************************************************************************************/ 
.ads_more_content{ display:inline-block; width:100%; margin-bottom:20px;}

.rub_map { float: left; width: 100% }
.rub_map div a.titre { display:inline-block;  font-weight:100; width: 100%;  font-size:30px; line-height:30px; color:#000000; text-transform:uppercase; text-decoration:none; margin-top:10px; border-top:1px dotted #000; border-bottom:1px dotted #000; padding-top:15px; padding-bottom:15px;}
.rub_map div a.link{ display:inline-block; color:#000000; text-decoration:none; margin-top:5px; }
.rub_map div a:hover{ color:#20D5D3;} 
.rub_map div a.titre:first-child{ margin-top:0px; padding-top:0px; border-top:0px;}
.rub_map div a.link:first-child{ margin-top:0px;} 
.keywords_list {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
}

.keywords_list > a { position: relative; padding-left: 15px; cursor: pointer; text-decoration: none; color: #222;}
.keywords_list > a:hover { text-decoration: underline;}
.keywords_list > a::before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  content: '';
  left: 0;
  top: 9px;
  background-color: #222;
}

@media (max-width: 1024px) {
  .keywords_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 576px) {
  .keywords_list {
    grid-template-columns: repeat(2, 1fr);
  }
}


.listing { /*border:1px solid #BEBEBE; box-sizing: border-box;*/ }
.listing th {padding: 5px; text-align:center}
.listing_nobt{ border-top:0px;}
.listing_nobb{ border-bottom:0px;}
.listing td { height:38px; border-top:1px solid #DDDDDD; font-size:16px;padding: 5px 10px; border-right: 1px solid #DDD;}
.listing .a { padding-left:15px }
.listing .statut { color:#090 }
.listing thead { background-color:#F8F8F8; font-weight:bold; height:42px; color:#666 }
.listing thead a { text-decoration:none; color:#666 }
.listing thead a:hover { text-decoration:underline }
.listing thead .ongOn { display:block; float:left; background-color:#FFF; border:1px solid #CCC; margin-right:5px; padding:8px }
.listing thead .ongOff { display:block; float:left; margin-right:5px; padding:9px }
.listing .line { background-color:#FFF; color:#666 }
.listing .linehover { background-color:#F8F8F8; color:#666 }

.listing tr td .roundimg { display:block; width:40px; height:40px; -webkit-border-radius:40px; 
-moz-border-radius:40px;
border-radius: 40px; overflow:hidden;}

.listing .line2 { background-color:#F8F8F8; color:#999 }
.listing .linehover2 { background-color:#F8F8F8; color:#999 }
.listing:not(.main_content) span { font-weight:normal; font-size:13px; color:#999 }
.listing input { border:1px solid #000; padding:3px; font-size:16px; width:150px }
.listing textarea { border:1px solid #000; padding:3px; height:60px; font-size:12px; width:500px }
.listing select { border:1px solid #000; padding:3px; font-size:16px; }
.listing .ck { padding:10px; background-color:#FFF }
.listing .sub { background-color:#FFF; border:0; padding-top:10px; padding-bottom:10px; }
.listing .nob { border:0 }
.listing .line2 a,
.listing .linehover2 a { color:#999; text-decoration:none }
.listing.message_list a {font-weight: 300; text-decoration: none; color: #000;}
.listing.message_list th {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}
@media only screen and (min-width: 737px) {
  .listing.message_list .linehover td .label,
  .listing.message_list .line td .label{
    display: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 736px){
  .listing.message_list {
    display: inline-block;
  }
  .listing.message_list thead {
    display: none;
  }
  .listing.message_list tbody {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .listing.message_list .linehover,
  .listing.message_list .line {
    width: 90%;
    display: flex !important;
    flex-direction: column !important;
    border:1px solid #C0C0C0;
    margin:5px;
    border-collapse: collapse;

  }

  .listing.message_list .linehover td,
  .listing.message_list .line td {
    display: flex !important;
    align-items: flex-start;
    width: 100% !important;
    box-sizing: border-box;
    padding: 5px;
    height: unset !important;
  }
  .listing.message_list .linehover td .label,
  .listing.message_list .line td .label {
    padding-right: 10px;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    text-align: right;
    color: #222;
  }
}
.contact-us h1 {
  float: unset;
}
.contact-us td.label {
  max-width: 150px;
}

.contact-us .formTable .champ input,
.contact-us .formTable .champ textarea {
  width: 100%;
  max-width: 100%;
}

.login_template {
  display:flex;
  margin-top: 20px;
}

.login_template > *:first-child {
  width: 60%;
}

.login_template > *:last-child {
  width: 40%;
  margin-left: 40px;
}

.login_template > *:last-child li {
  margin: 10px 0px;
}

@media (max-width: 736px) {
  .login_template {
    flex-direction: column;
  }
  .login_template > *:first-child,
  .login_template > *:last-child {
    width: 100%;
    margin-left: 0px;
  }
}

.metalines {
  float: initial;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.metalines h2 {
  white-space: nowrap;
  margin-right: 10px;
}

.metalines select {
  position: initial;
}

.metalines ~ p {
  margin-bottom: 0px;
}

.metalines .btn-filtering {
  display: none;
}

@media (min-width: 1046px) {
  body .side_menu.noMob .close_modal {
    display: none;
  }
}

@media (max-width: 1045px) {
  body .side_menu.noMob .close_modal {
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
  }

  body.openFiltering .side_menu.noMob {
    flex-wrap: wrap;
    max-height: calc(100vh - 150px);
    overflow: auto;
  }

  body.openFiltering .side_menu.noMob .block_menu {
    width: 40%;
  }

  body.openFiltering .side_menu.noMob.onlyLocation .block_menu {
    width: 100%;
  }

  body.openFiltering .side_menu.noMob .close_modal:hover {
    color: #000;
  }

  body.openFiltering {
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }

  body.openFiltering .header .headsearch input {
    opacity: .7;
  }
  body.openFiltering .side_menu.noMob::before {
    width: 100vw;
    height: 100vh;
    position: fixed;
    content: '';
    z-index: -1;
    top: 0px;
    left: 0px;
  }

  .metalines {
    padding-right: 32px;
    box-sizing: border-box;
  }

  .metalines .btn-filtering {
    display: block;
    position: absolute;
    right: 0px;
    cursor: pointer;
  }
  
  .metalines .btn-filtering img {
    width: 20px;
  }
    
  body.openFiltering .listing select,
  body.openFiltering .btnmenu {
    background-color: transparent;
    z-index: -1;
  }
  body.openFiltering .side_menu.noMob {
    display: flex !important;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    position: fixed !important;
    top: 70px;
    width: calc(100% - 40px);
    left: 20px;
  }

  body.openFiltering .side_menu.noMob::-webkit-scrollbar {
    width: 3px;
  }
  
  body.openFiltering .side_menu.noMob::-webkit-scrollbar-track {
    background: transparent;
  }
  
  body.openFiltering .side_menu.noMob::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  
  body.openFiltering .side_menu.noMob::-webkit-scrollbar-thumb:hover {
    background: #aaa;
  }
}

@media (max-width: 640px) {
  .metalines h2 {white-space: normal; min-width: 160px;margin-right: 0px;}
}

@media (max-width: 576px) {
  body.openFiltering .side_menu.noMob .block_menu {
    width: 100%;
  }
  .metalines h2 {
    font-size: 14px;
  }
}

.liste.topsearch {
  display: flex;
  flex-direction: column;
}

.liste.topsearch .listKeywords {
  padding: 30px 0px;
  margin-top: 30px;
  border-top: 1px solid #222;
}

.liste.topsearch .listKeywords h2 {
  font-weight: normal;
}

.liste.topsearch .listKeywords ul li {
  position: relative;
  padding-left: 15px;
}

.liste.topsearch .listKeywords ul li::before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  content: '';
  left: 0px;
  top: 9px;
  background-color: #222;
}

.related_keywords_list {
  margin: 20px 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}




.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
    -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}

.multiselect {
  width: 100%;
  display:inline-block;
  font-size: 15px;
  border: 1px solid #000;
  height:30px;
    font-weight: 200; 
    cursor:pointer;
    margin-bottom:5px;
}


.multiselect.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.multiselect > .title {
  cursor: pointer;
  height: 16px;
  padding: 4px 10px 4px 10px;
}

.multiselect > .title > .text {
  max-height: 25px;
  padding-right: 30px;
  display: block;
  overflow: hidden;
  line-height: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multiselect > .title > .expand-icon,
.multiselect > .title > .close-icon {
  position: absolute;
  padding: 0 4px;
  font-weight: 700;
  transition: 0.2s;
  right: 5px;
  top: calc(50% - 10px);
  text-decoration: none;
}

.multiselect.selection > .title > .expand-icon {
  display: none;
}

.multiselect > .title > .expand-icon,
.multiselect.selection > .title > .close-icon {
  display: block;
}

.multiselect > .title > .close-icon:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: rgb(203, 32, 32);
  color: #fff;
}

.multiselect > .container {
  overflow: auto;
  margin-top: 4px;
  margin-left: -1px;
  transition: 0.2s;
  position: absolute;
  z-index: 99999;
  background: #fff;
}

.multiselect.active > .container {
  border: 1px solid rgba(0, 0, 0, 1);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  /* border-top: 0; */
}

.multiselect:hover > .container {
  border-top-color: rgba(0, 0, 0, 0.3);
}

.multiselect.active:hover > .container {
  border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .container > li {
  display: none;
  padding: 5px;
  cursor: pointer;
  transition: 0.2s;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.multiselect > .container > li.selected {
  background: rgb(122, 175, 233);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
}

.multiselect > .container > li:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.multiselect.active > .container > li {
  display: block;
}

@media (max-width: 736px) {
  .block_menu.location {
    margin-bottom: 20px;
  }
  .multiselect{
    width: 40%;
  }
}

.locations_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.locations_wrapper > * {
  padding: 5px 10px;
  border-radius: 10px;
  background-color: #CCC;
  font-size: 12px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.locations_wrapper > * .times {
  margin-left: 10px;
  cursor: pointer;
}

#shippingmethod  {
  clear:both;
  text-align: center;
  min-width:100px;
  border:1px solid #808080;
  padding:10px;
  margin-top:80px;
  color:black;
  font-size:16px;
}

#shippingmethod a{
  color:black;
  text-decoration: none;
  font-size:16px;
}

#shippingmethod a:hover{  
  text-decoration: underline;
}


/** Grid ***/
.grid-layout { margin-top: 20px; width: 100%;}
.grid-col-3 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.grid-col-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }

.grid-col-3 .item { flex-basis: calc((100% - 25px) / 3); display: flex; flex-direction: column; margin-bottom: 15px; border: 2px solid #EAEAEA;  }
.grid-col-4 .item { flex-basis: calc((100% - 25px) / 4); display: flex; flex-direction: column; margin-bottom: 15px; border: 2px solid #EAEAEA; }


/* mobile grid-col-4 and grid-col-3 becomes 2 for better readability*/
@media only screen and (min-width: 0px) and (max-width: 450px) {

  .grid-col-3 .item { flex-basis: calc((100% - 15px) / 2); display: flex; flex-direction: column; margin-bottom: 15px;    border: 2px solid #EAEAEA;  }
  .grid-col-4 .item { flex-basis: calc((100% - 15px) / 2); display: flex; flex-direction: column; margin-bottom: 15px;    border: 2px solid #EAEAEA; }

}


.grid-col-3 .item.google-ad {flex-basis:  calc(((100% - 5px) / 3) * 2);}
.grid-col-4 .item.google-ad {flex-basis:  calc(((100% - 5px) / 4) * 2);}


.grid-layout .item .img_container{ align-content:flex-start; position:relative; overflow:hidden; width:100%; min-height:180px; cursor:pointer;}
.affiliates_content .grid-layout .item .img_container img { width:auto;height:100%!important; }
.grid-layout .item .img_container img{ width:100%;  position: absolute; max-height: 300px; object-fit: scale-down; margin:auto; }
  
.grid-layout .item .infos{float:left; width:100%; font-size:15px; line-height:18px; padding:10px 0 0 0; text-align:center;}
.grid-layout .item .infos .modele{ display:inline-block; width:100%; line-height:20px; color:#000; text-decoration:none; font-weight:400; text-transform:uppercase;}
.affiliates_content .grid-layout .item .infos .modele { font-weight: 100!important; }
.grid-layout .item .infos .prixneuf{ display:inline-block; text-decoration:line-through;font-weight: bolder}
.grid-layout .item .infos .prix{ display:inline-block;}

.grid-layout .item .infos .mini{ display:inline-block; font-size:13px;}
.grid-layout .item .infos .mini a{ color:#000; text-decoration:none;}
.grid-layout .item .infos .mini a:hover{ text-decoration:underline;}
.grid-layout .item .img_container .inf{ visibility:hidden; opacity:0; box-sizing: border-box;}
.grid-layout .item .img_container:hover .inf{ visibility:visible; opacity:1; transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; }
.grid-layout .item .img_container:hover .inf{display:inline-block; position:absolute; z-index:9800;   padding:15px 15px 15px 15px; text-align:left; background-color:#000; top:11px; left:11px; right: 11px; bottom: 11px;   color:#FFFFFF; font-size:30px; font-weight:200; mix-blend-mode: multiply; opacity:1;}
.grid-layout .item .img_container:hover .inf span{display:inline-block;  line-height:30px; text-transform:uppercase; word-break: break-all;}
.grid-layout .item.google-ad * {
  max-width: 100%; max-height: 100%;
}


/*
improve the layout of the horizontal scrollbar
*/

::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}


/* special image container for affiliate pictures to avoid wrong click */
.img_container_affiliate {
  position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    min-height: 200px;
    cursor: pointer;
    text-align: center;
}


@media (max-width: 600px) {
    .img_container_affiliate {
        min-height: 100px;
    }

    .grid-layout .item .img_container_affiliate img{
        width: 100%;
    }
        
}



.grid-layout .item .img_container_affiliate img {

  object-fit: scale-down;
  /* position: absolute; 
    top: -100%; 
    left: -100%; 
    right: -100%; 
    bottom: -100%; 
*/
    
    margin: auto;
    
}


.affiliates_content .grid-layout .item .img_container_affiliate img {
  /*width: auto;*/
}

.obfulink {
  cursor: pointer;
  font-weight: 100;
}

/* end of affiliate images */

.notifAlert {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nonaffiliate {
  width: 100%;
  min-height:20px;
  padding-bottom: 10px;
  padding-top:5px;
  margin-bottom: 5px;
  border-bottom:1Px solid #C0C0C0;
}


/* random Products Display for homepages */

@media only screen and (min-width: 736px){ 
  .top-container div .item { 
  float:left;
    cursor:pointer;
    width: 30%;
    height: 390px;
    display: inline-flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;    
  }
  .top-container div .item:hover .img_container { background-color:#FFFF00; }
  .top-container div .item:hover .img_container img{
     mix-blend-mode: multiply; opacity:0.8;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
  transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; 
  }
  
  .top-container div .item:hover .infvar1{background-color:#000; color:#FFF; mix-blend-mode: multiply; opacity:1;} 
  .top-container div .item:hover .infvar2{ background-color:#000; color:#FFF; mix-blend-mode: multiply; opacity:1;} 
  .top-container div .item:hover .infvar2 a,.hom div .item:hover .infvar1 a{ color:#FFF;}
 
 }

.top-container .section-container .image-wrapper {
  width: 350px;
  display: flex;
  flex-direction: column;
}

.top-container .section-container .image-wrapper p.img-title {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  position: relative;
  color: #222;
  transition:  all .25s;
}

.top-container .section-container .image-wrapper picture {
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: 2px solid #222;
  position: relative;
  transition: all .25s;
}

.top-container .section-container .image-wrapper picture:hover {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  transition: all .25s;
}

.top-container .section-container .image-wrapper picture:hover ~ .img-title {
  color: #d53036;
  transition:  all .25s;
}

.top-container .section-container .image-wrapper picture a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.top-container .section-container .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-container .section-container.row-1 {
  float:left;
  display: flex;
  margin-top: 20px;
}

.top-container .section-container.row-1 .repeater-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.top-container .section-container.row-1 .repeater-wrapper > * {
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  text-align: center;
}

.top-container .section-container.row-1 .repeater-wrapper > * img {
  margin-bottom: 10px;
}

/* eof random products */

.itemTitle {
    text-align: center;
    padding:5px;
    width: 97%;
    height:60px;
    overflow: hidden;
}

.itemTitle:hover {
    font-weight: bold;
    cursor:pointer;
}

.itemTitle a {
   text-decoration: none;
   color:black;
}


@media only screen and (min-width: 0px) and (max-width: 450px) {
    .itemTitle {
      min-height:100px;
      overflow:hidden;
      text-align: center;
      width:97%;
  }
}

.affiliateCTA {
  cursor: pointer;
  padding:8px;
  font-weight: normal;
  margin-top:10px;
  margin-bottom:10px; 
  background-color: black;
  color:white;
  border:none;
  font-size:18px;
}

/* Social Share Widget */
.share-title {
  display:block;
  width:100%;
  padding-bottom:10px;

}

.share-widget {
    margin: 5px;
    padding: 5px;
    margin-bottom:10px;
    border: 1px solid #ccc;
    text-align: center;
}
.share-widget a {
    margin: 0 5px;
    display: inline-block;
}
.share-icon {
    width: 24px;
    height: 24px;
}

/* honey pot forms */
.disclaimer{
  color:grey;
  font-size:12px;
}

.honeypot{
  display:none;
}

/* promotion page */
.promotions a {
  text-decoration: none;
  color:black;
}

.promotions .promoItem {
  width:100%;
}

.promotions hr {
  width: 100%;
  display:block;
  border:1px solid grey;
}

.promotions ul li {
  list-style:disc;
  margin-left: 20px;
}

.affiliateCTA2nd{
  border:none;
  color:black;
  font-size:14px;
  background-color:#D0C2B2;
  padding:5px;
  margin-top:7px;
  margin-bottom:7px;
  cursor: pointer;
}