/*!
 * CLIMSOM CSS
 * Copyright 2018 Neo-Factory.
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html,
body {
overflow-x: hidden; /* Prevent scroll on narrow devices */
font-family: 'Open Sans', sans-serif;
color:#333;
background-color:#FFF;
padding:0;
margin:0 auto;
}

.center-wrapper {position:relative; text-align:center; margin:0 auto;}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
 /* background-color:;*/
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}  

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-60 {
  float: left;
  width: 60%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}


@media screen (min-width: 1px) and (max-width: 600px) {
  .col-25, .col-60, .col-75 {
    width: 100%;
    margin-top: 0;
  }
  
  .NoDisplaySmallMedia {
	  display:none;
  }

}

@media (max-width: 992px) {
 .video-responsive {
	display: block;
	height: auto;
	max-width: 100%;
  }   
  
  .cookDiv {
	  display:none;
  }  
}

/*//////////// @media ///////////////*/

@media (min-width: 1px) and (max-width: 576px) {
  .container {
    max-width: 576px;
  }
  .XXL-device-only {display:none;}
  .XL-device-only {display:none;}
  .L-device-only {display:none;}
  .M-device-only {display:none;}
  .S-device-only {display:inline;}

  .XXL-device-min {display:none;}
  .XL-device-min {display:none;}
  .L-device-min {display:none;}
  .M-device-min {display:none;}
  .S-device-min {display:inline;}
}

@media (min-width: 577px) and (max-width: 768px) {
  .container {
    max-width: 768px;
  }
  .XXL-device-only {display:none;}
  .XL-device-only {display:none;}
  .L-device-only {display:none;}
  .M-device-only {display:inline;}
  .S-device-only {display:none;}

  .XXL-device-min {display:none;}
  .XL-device-min {display:none;}
  .L-device-min {display:none;}
  .M-device-min {display:inline;}
  .S-device-min {display:inline;}
}

@media (min-width: 769px) and (max-width: 992px) {
  .container {
    max-width: 992px;
  }
  .XXL-device-only {display:none;}
  .XL-device-only {display:none;}
  .L-device-only {display:inline;}
  .M-device-only {display:none;}
  .S-device-only {display:none;}

  .XXL-device-min {display:none;}
  .XL-device-min {display:none;}
  .L-device-min {display:inline;}
  .M-device-min {display:inline;}
  .S-device-min {display:inline;}
}

@media (min-width: 993px) and (max-width: 1200px) {
  .container {
    max-width: 1200px;
  }
  .XXL-device-only {display:none;}
  .XL-device-only {display:inline;}
  .L-device-only {display:none;}
  .M-device-only {display:none;}
  .S-device-only {display:none;}

  .XXL-device-min {display:none;}
  .XL-device-min {display:inline;}
  .L-device-min {display:inline;}
  .M-device-min {display:inline;}
  .S-device-min {display:inline;}
}

@media (min-width: 1201px) {
  .container {
    max-width: 1200px;
  }
  .XXL-device-only {display:inline;}
  .XL-device-only {display:none;}
  .L-device-only {display:none;}
  .M-device-only {display:none;}
  .S-device-only {display:none;}

  .XXL-device-min {display:inline;}
  .XL-device-min {display:inline;}
  .L-device-min {display:inline;}
  .M-device-min {display:inline;}
  .S-device-min {display:inline;}

}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' fill='%2307a0b7' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='https://www.w3.org/2000/svg' fill='%2307a0b7' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* indicator de carousel specifique HP. Ds shop page, indicator = images */
.carouselHP .carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 50;
  text-align: center;
  list-style: none;
}

.carouselHP .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carouselHP .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}


.floleft {float:left;}
.floright {float:right;}
.inline-block {display:inline-block;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}
.rd {border-radius:5px;}
.shadow {box-shadow:3px 3px 2px #111;}
.pointer {cursor: pointer;}
.rounded {border-radius:5px;}

/***** COLOR PATTERN *****/
.white {color:#FFF;}
.black {color:#000;}
.color1 {color:#6c0764;}
.color2 {color:#07a0b7;}
.lightcolor2 {color:#E4ECD5;}
.dark {color:#333;}
.grey {color:#808080;}
.whitesmoke {color:#F5F5F5;}
.silver {color:#C0C0C0;}
.lightgrey {color:#D3D3D3;}

.border-block {border-bottom:1px solid #D3D3D3;;}

.bg-white {background-color:#FFF;}
.bg-black {background-color:#000;}
.bg-color1 {background-color:#6c0764;}
.bg-color2 {background-color:#07a0b7;}
.bg-lightcolor2 {background-color:#E4ECD5;}
.bg-dark {background-color:#333;}
.bg-grey {background-color:#808080;}
.bg-whitesmoke {background-color:#F5F5F5;}
.bg-silver {background-color:#C0C0C0;}
.bg-lightgrey {background-color:#D3D3D3}

a, a:visited, a:active, a:focus, a:after {color:#6c0764; text-decoration: none; cursor:pointer;}
a:hover {color:#07a0b7;; text-decoration:none; cursor:pointer;}
a.color1, a.color1:visited, a.color1:active, a.color1:focus, a.color1:after {color:#6c0764; text-decoration: none; cursor:pointer;}
a.color1:hover{color:#07a0b7; text-decoration:none; cursor:pointer;}
a.color2, a.color2:visited, a.color2:active, a.color2:focus, a.color2:after {color:#07a0b7; text-decoration: none; cursor:pointer;}
a.color2:hover{color:#6c0764; text-decoration:none; cursor:pointer;}
a.grey, a.grey:visited, a.grey:active, a.grey:focus, a.grey:after {color:#808080; text-decoration: none; cursor:pointer;}
a.grey:hover{color:#07a0b7; text-decoration:none; cursor:pointer;}
a.dark, a.white:visited, a.dark:active, a.dark:focus, a.dark:after {color:#333333; text-decoration: none; cursor:pointer;}
a.dark:hover{color:#07a0b7; text-decoration:none; cursor:pointer;}
a.white, a.white:visited, a.white:active, a.white:focus, a.white:after {color:#FFFFFF; text-decoration: none; cursor:pointer;}
a.white:hover{color:#07a0b7; text-decoration:none; cursor:pointer;}

.bold {font-weight:600;}
.semibold {font-weight:400;}
.light {font-weight:300;}
.italic {font-style:italic;}
.upper {text-transform:uppercase;}
.underline {text-decoration:underline;}

img {border:0;}

.navbar {color:#789D4A}

/***** FONTS COMMON *****/
.f8 {font-size:8px}
.f9 {font-size:9px}
.f10 {font-size:10px}
.f11 {font-size:11px}
.f12 {font-size:12px}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.f20 {font-size:20px}
.f22 {font-size:22px}
.f24 {font-size:24px}
.f26 {font-size:26px}
.f28 {font-size:28px}
.f30 {font-size:30px}
.f32 {font-size:32px}
.f34 {font-size:34px}
.f36 {font-size:36px}
.f38 {font-size:38px}
.f40 {font-size:40px}
.f50 {font-size:50px}
.f60 {font-size:60px}
.f70 {font-size:70px}
.f80 {font-size:80px}
.f90 {font-size:90px}
.f100 {font-size:100px}
.l12 {line-height:12px;}
.l14 {line-height:14px;}
.l16 {line-height:16px;}
.l18 {line-height:18px;}
.l20 {line-height:20px;}
.l22 {line-height:22px;}
.l24 {line-height:24px;}
.l26 {line-height:26px;}
.l28 {line-height:28px;}
.l30 {line-height:30px;}
.l32 {line-height:32px;}
.l34 {line-height:34px;}
.l36 {line-height:36px;}
.l38 {line-height:38px;}
.l40 {line-height:40px;}
.l50 {line-height:50px;}
.l60 {line-height:60px;}
.l70 {line-height:70px;}
.l80 {line-height:80px;}
.l90 {line-height:90px;}
.l100 {line-height:100px;}

/***** LAYOUT PADDING COMMON *****/
.pl0 {padding-left:0;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pl110 {padding-left:110px;}
.pl120 {padding-left:120px;}
.pl130 {padding-left:130px;}
.pl140 {padding-left:140px;}
.pl150 {padding-left:150px;}
.pl160 {padding-left:160px;}
.pl170 {padding-left:170px;}
.pl180 {padding-left:180px;}
.pl190 {padding-left:190px;}
.pl200 {padding-left:200px;}

.pr0 {padding-right:0;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pr110 {padding-right:110px;}
.pr120 {padding-right:120px;}
.pr130 {padding-right:130px;}
.pr140 {padding-right:140px;}
.pr150 {padding-right:150px;}
.pr160 {padding-right:160px;}
.pr170 {padding-right:170px;}
.pr180 {padding-right:180px;}
.pr190 {padding-right:190px;}
.pr200 {padding-right:200px;}

.pt0 {padding-top:0;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}
.pt170 {padding-top:170px;}
.pt180 {padding-top:180px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}

.pb0 {padding-bottom:0;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.pb170 {padding-bottom:170px;}
.pb180 {padding-bottom:180px;}
.pb190 {padding-bottom:190px;}
.pb200 {padding-bottom:200px;}

/***** LAYOUT MARGIN COMMON *****/
.ml0 {margin-left:0px;}
.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.ml120 {margin-left:120px;}
.ml130 {margin-left:130px;}
.ml140 {margin-left:140px;}
.ml150 {margin-left:150px;}
.ml160 {margin-left:160px;}
.ml170 {margin-left:170px;}
.ml180 {margin-left:180px;}
.ml190 {margin-left:190px;}
.ml200 {margin-left:200px;}

.mr0 {margin-right:0px;}
.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.mr110 {margin-right:110px;}
.mr120 {margin-right:120px;}
.mr130 {margin-right:130px;}
.mr140 {margin-right:140px;}
.mr150 {margin-right:150px;}
.mr160 {margin-right:160px;}
.mr170 {margin-right:170px;}
.mr180 {margin-right:180px;}
.mr190 {margin-right:190px;}
.mr200 {margin-right:200px;}

.mt0 {margin-top:0px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
.mt170 {margin-top:170px;}
.mt180 {margin-top:180px;}
.mt190 {margin-top:190px;}
.mt200 {margin-top:200px;}

.mb0 {margin-bottom:0px;}
.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.mb170 {margin-bottom:170px;}
.mb180 {margin-bottom:180px;}
.mb190 {margin-bottom:190px;}
.mb200 {margin-bottom:200px;}

.btn-color2 {
color:#fff;
background-color:#07a0b7;
border-color:#07a0b7;
}
.btn-color2:hover,
.btn-color2:focus,
.btn-color2.focus,
.btn-color2:active,
.btn-color2.active,
.open > .dropdown-toggle.btn-color2 {
  color:#fff;
  background-color:#07a0b7;
  border-color:#07a0b7;
}
.btn-color1 {
color:#fff;
background-color:#6c0764;
border-color:#6c0764;
}
.btn-color1:hover,
.btn-color1:focus,
.btn-color1.focus,
.btn-color1:active,
.btn-color1.active,
.open > .dropdown-toggle.btn-color1 {
  color:#fff;
  background-color:#6c0764;
  border-color:#6c0764;
}
.btn-lightgrey {
color:#808080;
background-color:#F5F5F5;
border-color:#c0c0c0;
}
.btn-lightgrey:hover,
.btn-lightgrey:focus,
.btn-lightgrey.focus,
.btn-lightgrey:active,
.btn-lightgrey.active,
.open > .dropdown-toggle.btn-lightgrey {
  color:#808080;
  background-color:#F5F5F5;
  border-color:#c0c0c0;
}

.btn-rd {border-radius:5px;}
.btn-rd-sma {border-radius:3px;}
.btn-rd-med {border-radius:5px;}
.btn-rd-big {border-radius:7px;}
.btn-11 {font-size:11px; padding:2px 4px;}
.btn-12 {font-size:12px; padding:3px 6px;}
.btn-14 {font-size:14px; padding:6px 12px;}
.btn-16 {font-size:16px; padding:7px 14px;}
.btn-18 {font-size:18px; padding:8px 16px;}
.btn-bold {font-weight:bold;}

h1 {
  font-weight:600;
  color:#07a0b7;
}

h2 {
  font-weight:800;
  color:#6c0764;
}
h3 {
  font-weight:600;
  color:#07a0b7;
}

@media (min-width: 1px) and (max-width: 576px) {
  body {
  font-size:16px;
  line-height:22px;
  }
  h1 { font-size:26px; font-weight:300; }
  h2 { font-size:20px; font-weight:600; }
  h3 { font-size:22px; font-weight:300; }
  .text {
    font-size:16px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
  p {
    font-size:16px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  body {
  font-size:14px;
  line-height:22px;
  }
  h1 { font-size:30px; font-weight:300; }
  h2 { font-size:22px; font-weight:600; }
  h3 { font-size:24px; font-weight:300; }
  .text {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
  p {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  body {
  font-size:14px;
  line-height:22px;
  }
  h1 { font-size:30px; font-weight:300; }
  h2 { font-size:22px; font-weight:600; }
  h3 { font-size:24px; font-weight:300; }
  .text {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
  p {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  body {
  font-size:14px;
  line-height:22px;
  }
  h1 { font-size:30px; font-weight:300; }
  h2 { font-size:22px; font-weight:600; }
  h3 { font-size:24px; font-weight:300; }
  .text {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
  p {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
}
@media (min-width: 1201px) {
  body {
  font-size:14px;
  line-height:22px;
  }
  h1 { font-size:30px; font-weight:300; text-align:left; }
  h2 { font-size:22px; font-weight:600; text-align:left; }
  h3 { font-size:24px; font-weight:300; text-align:left; }
  .text {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
  p {
    font-size:14px;
    line-height:22px;
    color:#333;
    font-weight:normal;
  }
}

.fa-bullet {
  position:relative;
  top:-1px;
  font-size:8px;
  padding-right:8px;
  line-height:18px;
}
.fa-bullet.top {
  padding-top:5px;
}
.fa-bullet.bottom {
  padding-bottom:5px;
}




/******************************************************************************/
/* HEADER & FOOTER */
/******************************************************************************/

.btn-search {
  color:#FFFFFF;
  background-color:#07a0b7;
  background-image: none;
  border-color:#07a0b7;
}

.btn-search:hover {
  color:#FFFFFF;
  background-color:#07a0b7;
  border-color:#07a0b7;
}

.btn-search:focus, .btn-search.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-search.disabled, .btn-search:disabled {
  color:#07a0b7;
  background-color: transparent;
}

.btn-search:not(:disabled):not(.disabled):active, .btn-search:not(:disabled):not(.disabled).active,
.show > .btn-search.dropdown-toggle {
  color:#FFFFFF;
  background-color:#07a0b7;
  border-color:#07a0b7;
}

.btn-search:not(:disabled):not(.disabled):active:focus, .btn-search:not(:disabled):not(.disabled).active:focus,
.show > .btn-search.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


@media (min-width: 1px) and (max-width: 576px) {
  .header-container {
    margin-bottom:140px;
  }
  .navbar-promo {
    display:none;
  }
  .navbar-contact {
    display:none;
  }
  .navbar-col-contact {
    display:none;
  }
  .navbar-logo {
    margin-top:50px;
    height:80px;
    font-size:12px;
    line-height:25px;
    font-weight:normal;
    background-color:#FFFFFF;
  }
  .navbar-logo-image {
    width:140px;
    margin-top:17px;
  }
  .navbar-search {
    float:left; /*display:none;*/
	margin-top:15px;
	margin-left:0px;
  }
  .navbar-toggler {
    margin-top:5px;
  }
  .navbar-account {
    margin-top:10px;
  }
  .navbar-nav {
    margin-top:10px;
    background-color:#F5F5F5;
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    width:100%;
  }
  .nav-item {
    padding:5px 0 5px 15px;
    border-top:1px solid #D3D3D3;;
  }
  .navbar-topnav {
    width:100%;
    background-color:#ffffff;
  }
  .footer-benefit {
    width:100%;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    margin-top:60px;
  }
  .footer-benefit-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:0 0 10px 0;
  }
  .footer-benefit-title {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-benefit-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:5px 0;
  }
  .footer-benefit-link-container-last {
    padding:5px 0;
  }
  .footer-benefit-link {
    font-size:16px;
  }
  .footer-benefit-title-trans {
    font-weight:bold;
    padding-bottom:5px;
    margin-top:20px;
  }
  .footer-new {
    width:100%;
  }
  .footer-new-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:5px 0;
  }
  .footer-new-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:5px 0;
  }
  .footer-new-link-container-last {
    padding:5px 0;
  }
  .footer-new-link {
    font-size:16px;
  }
  .footer-new-bottom {
    width:100%;
  }

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

  .header-container {
    margin-bottom:140px;
  }
  .navbar-promo {
    height:30px;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    position:relative;
    top:-2px;
  }
  .navbar-contact {
    display:none;
  }
  .navbar-col-contact {
    display:none;
  }
  .navbar-logo {
    margin-top:30px;
    height:80px;
    font-size:12px;
    line-height:25px;
    font-weight:normal;;
    background-color:#FFFFFF;
  }
  .navbar-logo-image {
    width:160px;
    margin-top:17px;
  }
  .navbar-search {
    float:left; /*display:none;*/
	margin-top:60px;
	margin-left:0px;
  }
  .navbar-toggler {
    margin-top:41px;
  }
  .navbar-account {
    margin-top:20px;
  }
  .navbar-nav {
    margin-top:5px;
    background-color:#F5F5F5;
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    width:100%;
  }
  .nav-item {
    padding:5px 0 5px 15px;
    border-top:1px solid #D3D3D3;;
  }
  .navbar-topnav {
    width:30%;
  }
  .footer-benefit {
    width:100%;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    margin-top:60px;
  }
  .footer-benefit-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:0 0 20px 0;
  }
  .footer-benefit-title {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-benefit-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:2px 0;
  }
  .footer-benefit-link-container-last {
    padding:2px 0;
  }
  .footer-benefit-link {
    font-size:14px;
  }
  .footer-benefit-title-trans {
    font-weight:bold;
    padding-bottom:5px;
    margin-top:20px;
  }
  .footer-new {
    width:100%;
  }
  .footer-new-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:5px 0;
  }
  .footer-new-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:5px 0;
  }
  .footer-new-link-container-last {
    padding:5px 0;
  }
  .footer-new-link {
    font-size:14px;
  }
  .footer-new-bottom {
    width:100%;
  }

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

  .header-container {
    margin-bottom:140px;
  }
  .navbar-promo {
    height:34px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    position:relative;
    top:-2px;
  }
  .navbar-contact {
    display:none;
  }
  .navbar-col-contact {
    display:none;
  }
  .navbar-logo {
    margin-top:30px;
    height:80px;
    font-size:12px;
    line-height:25px;
    font-weight:normal;
    background-color:#FFFFFF;
  }
  .navbar-logo-image {
    width:160px;
    margin-top:17px;
  }
  .navbar-search {
    float:left; /*display:none;*/
	margin-top:65px;
	margin-left:0px;
  }
  .navbar-toggler {
    margin-top:41px;
  }
  .navbar-account {
    margin-top:20px;
  }
  .navbar-nav {
    margin-top:5px;
    background-color:#F5F5F5;
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    width:100%;
  }
  .nav-item {
    padding:5px 0 5px 15px;
    border-top:1px solid #D3D3D3;;
  }
  .navbar-topnav {
    width:30%;
  }
  .footer-benefit {
    width:100%;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
    margin-top:60px;
  }
  .footer-benefit-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:10px 0;
  }
  .footer-benefit-title {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-benefit-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:2px 0;
  }
  .footer-benefit-link-container-last {
    padding:2px 0;
  }
  .footer-benefit-link {
    font-size:14px;
  }
  .footer-benefit-title-trans {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-new {
    width:100%;
  }
  .footer-new-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:5px 0;
  }
  .footer-new-link-container {
    border-bottom:1px solid #EFEFEF;
    padding:5px 0;
  }
  .footer-new-link-container-last {
    padding:5px 0;
  }
  .footer-new-link {
    font-size:14px;
  }
  .footer-new-bottom {
    width:100%;
  }

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

  .header-container {
    margin-bottom:200px;
  }
  .navbar-promo {
    height:34px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    position:relative;
    top:-2px;
  }
  .navbar-contact {
    display:inline-block;
    margin-top:34px;
    height:25px;
  }
  .navbar-col-contact {
    font-size:12px;
    font-weight:normal;
    position:relative;
    top:-6px;
  }
  .navbar-logo {
    margin-top:59px;
    height:80px;
    font-size:12px;
    line-height:25px;
    font-weight:normal;
    background-color:#FFFFFF;
  }
  .navbar-logo-image {
    width:180px;
    margin-top:20px;
  }
  .navbar-search {
    width:50%;
    margin-top:24px;
    margin-left:65px;
  }
  .navbar-toggler {
    margin-top:75px;
  }
  .navbar-account {
    margin-top:30px;
  }
  .navbar-topnav {
    margin:139px auto 0 auto;
    height:38px;
    font-size:1vw;
    line-height:40px;
    font-weight:normal;
    text-align:center;
    background-color:#FFF;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
  }
  .nav-item {
    padding-left:0.8vw;
    padding-right:0.5vw;
  }
  .footer-benefit {
    display:none;
    width:100%;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
  }
  .footer-benefit-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:20px 0;
  }
  .footer-benefit-title {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-benefit-link {
    font-size:12px;
  }
  .footer-benefit-title-trans {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-new {
    width:100%;
    margin-top:60px;
  }
  .footer-new-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:10px 0;
  }
  .footer-new-link {
    font-size:10px;
  }
  .footer-new-bottom {
    width:100%;
  }

}
@media (min-width: 1201px) {

  .header-container {
    margin-bottom:190px;
  }
  .navbar-promo {
    height:34px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    position:relative;
    top:-2px;
  }
  .navbar-contact {
    display:inline-block;
    margin-top:34px;
    height:25px;
  }
  .navbar-col-contact {
    font-size:12px;
    font-weight:normal;
    position:relative;
    top:-6px;
  }
  .navbar-logo {
    margin-top:59px;
    height:81px;
    font-size:12px;
    line-height:25px;
    font-weight:normal;
    background-color:#FFFFFF;
  }
  .navbar-logo-image {
    width:180px;
    margin-top:20px;
  }
  .navbar-search {
    width:50%;
    margin-top:24px;
    margin-left:0;
  }
  .navbar-toggler {
    margin-top:75px;
  }
  .navbar-account {
    margin-top:30px;
  }
  .navbar-topnav {
    margin:140px auto 0 auto;
    height:38px;
    font-size:12px;
    line-height:40px;
    font-weight:normal;
    text-align:center;
    background-color:#FFF;
    border-top:1px solid #D3D3D3;
    border-bottom:1px solid #D3D3D3;
  }
  .nav-item {
    padding-left:10px;
    padding-right:10px;
  }
  .footer-benefit {
    display:none;
    width:100%;
    border-top:1px solid #D3D3D3;
  }
  .footer-benefit-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:20px 0;
  }
  .footer-benefit-title {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-benefit-link {
    font-size:12px;
  }
  .footer-benefit-title-trans {
    font-weight:bold;
    padding-bottom:5px;
  }
  .footer-new {
    width:100%;
    margin-top:60px;
  }
  .footer-new-container {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding:10px 0;
  }
  .footer-new-link {
    font-size:10px;
  }
  .footer-new-bottom {
    width:100%;
  }





}

/******************************************************************************/
/* PAGE HOME */
/******************************************************************************/

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

  .home-carousel-image {
    width:120%;
  }
  .home-carousel-caption {
    left:3%;
    right:3%;
    text-align:center;
    margin-bottom:-40px;
  }
  .home-carousel-h1 {
    text-align:center;
    color:#FFF;
    font-size:5vw;
  }
  .home-carousel-text {
    display:none;
    color:#FFF;
    font-size:11px;
  }
  .home-middle-container {
    padding:20px 0 0 0;
  }
  .home-middle-wrapper {
    width:100%;
    float:left;
  }
  .home-col-left-container {
    width:100%;
    float:left;
    text-align:left;
    margin-right:0;
    margin-top:30px;
    padding-right:0;
  }
  .home-col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    margin-bottom:30px;
  }
  .home-col-left-block-title {
    padding:15px 10px 5px 15px;
  }
  .home-col-left-block-intro {
    font-size:14px;
    line-height:22px;
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-menu {
    padding:0 15px 15px 15px;
  }
  .home-col-left-block-illu {
    display:none;
    height:270px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .home-col-left-block2 {
    display:none;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .home-col-left-block2-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-col-left-block2-menu {
    padding:0 0 5px 0;
  }
  .home-col-right-container {
    float:left;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right:0;
    padding-left:0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:justify;
    margin-top:0;
  }
  .home-col-right-wrapper {
    width:100%;
    float:left;
    margin:0 0 0 0;
  }
  .home-col-right-block {
    width:100%;
    float:left;
    text-align:center;
  }
  .home-col-right-interblock {
    display:none;
    width:4%;
    height:100%;
    float:left;
  }
  .home-col-right-block-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-title {
    font-size:24px;
    color:#07a0b7;
  }
  .home-col-right-block-intro {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-image-top-container {
    text-align:left;
    margin:15px 0 15px 0;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-top {
    width:100%;
    height:300px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-block-image-bot-container {
    float:left;
    text-align:left;
    width:32%;
    font-size:10px;
    line-height:12px;
    color:#808080;
    margin-bottom:30px;
  }
  .home-col-right-block-image-bot-intercontainer {
    float:left;
    width:2%;
  }
  .home-col-right-block-image-bot {
    height:120px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-block {
    width:100%;
    float:left;
    text-align:center;
  }
  .home-col-right-blog-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:10px;
  }
  .home-col-right-blog-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-blog-title {
    font-size:24px;
    color:#07a0b7;
  }
  .home-col-right-blog-block {
    float:left;
    width:100%;
  }
  .home-col-right-blog-interblock {
    display:none;
    float:left;
    width:5%;
  }
  .home-col-right-blog-image-container {
    width:100%;
    height:200px;
    max-height:200px;
    margin-bottom:15px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-subtitle-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-subtitle {
    font-size:18px;
    color:#6c0764;
  }
  .home-col-right-blog-text-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-button-container {
    width:100%;
    float:left;
    text-align:left;
    margin:20px 0 40px 0;
  }
  .home-col-avis-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
    padding:20px;
    border-radius:5px;
    background-color:#F5F5F5;
  }
  .home-col-avis-title-container {
    display:none;
    width:50%;
    float:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title {
    visibility: hidden;
    font-size:20px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-title-mobile-container {
    width:100%;
    float:left;
    text-align:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title-mobile {
    font-size:24px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-button-container {
    width:100%;
    float:left;
    margin:0 0 10px 0;
    text-align:right;
  }
  .home-col-avis-list-container {
    width:100%;
    float:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-block-container {
    float:left;
    width:100%;
    text-align:center;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin:0 0 20px 0;
    background-color:#FFF;
  }
  .home-col-avis-interblock {
    display:none;
    float:left;
    width:4%;
  }
  .home-col-avis-illu {
    width:80px;
    height:80px;
  }
  .home-col-avis-stars {
    width:70px;
    padding:0 0 3px 0;
  }
  .home-garanties-container {
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:bold;
  }
  .home-garanties-interblock {
    display:none;
    width:1%;
  }
  .home-garanties-block {
    display:inline-block;
    width:100%;
    padding:12px;
    margin-bottom:20px;
    background-color:#F5F5F5;
  }

}

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

  .home-carousel-image {
    width:100%;
  }
  .home-carousel-caption {
    left:3%;
    right:3%;
    text-align:center;
    margin-bottom:-40px;
  }
  .home-carousel-h1 {
    text-align:center;
    color:#FFF;
    font-size:26px;
  }
  .home-carousel-text {
    font-size:12px;
    line-height:16px;
    color:#FFF;
  }
  .home-middle-container {
    padding:20px 0 0 0;
  }
  .home-middle-wrapper {
    width:100%;
    float:left;
  }
  .home-col-left-container {
    width:100%;
    float:left;
    text-align:left;
    margin-right:0;
    margin-top:30px;
    padding-right:0;
  }
  .home-col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    margin-bottom:30px;
  }
  .home-col-left-block-title {
    padding:15px 10px 5px 15px;
  }
  .home-col-left-block-intro {
    font-size:11px;
    line-height:16px;
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-menu {
    padding:0 15px 15px 15px;
  }
  .home-col-left-block-illu {
    display:none;
    height:270px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .home-col-left-block2 {
    display:none;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .home-col-left-block2-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-col-left-block2-menu {
    padding:0 0 5px 0;
  }
  .home-col-right-container {
    float:left;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right:0;
    padding-left:0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:justify;
    margin-top:0;
  }
  .home-col-right-wrapper {
    width:100%;
    float:left;
    margin:0 0 40px 0;
  }
  .home-col-right-block {
    width:100%;
    float:left;
    text-align:center;
  }
  .home-col-right-interblock {
    display:none;
    width:4%;
    height:100%;
    float:left;
  }
  .home-col-right-block-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-title {
    font-size:24px;
    color:#07a0b7;
  }
  .home-col-right-block-intro {
    width:100%;
    text-align:left;
    font-size:14px;
    line-height:22px;
  }
  .home-col-right-block-image-top-container {
    text-align:left;
    margin:15px 0 10px 0;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-top {
    width:100%;
    height:300px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-block-image-bot-container {
    float:left;
    text-align:left;
    width:32%;
    font-size:10px;
    line-height:12px;
    color:#808080;
    margin-bottom:30px;
  }
  .home-col-right-block-image-bot-intercontainer {
    float:left;
    width:2%;
  }
  .home-col-right-block-image-bot {
    height:120px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
  }
  .home-col-right-blog-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-blog-title {
    font-size:20px;
    color:#07a0b7;
  }
  .home-col-right-blog-block {
    float:left;
    width:100%;
  }
  .home-col-right-blog-interblock {
    display:none;
    float:left;
    width:5%;
  }
  .home-col-right-blog-image-container {
    width:50%;
    height:200px;
    text-align:center;
    max-height:200px;
    margin:0 auto 15px auto;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-subtitle-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-subtitle {
    font-size:18px;
    color:#6c0764;
  }
  .home-col-right-blog-text-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-button-container {
    width:100%;
    float:left;
    text-align:left;
    margin:10px 0 30px 0;
  }
  .home-col-avis-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
    padding:20px;
    border-radius:5px;
    background-color:#F5F5F5;
  }
  .home-col-avis-title-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title {
    font-size:20px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-button-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
    text-align:right;
  }
  .home-col-avis-list-container {
    width:100%;
    float:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-block-container {
    float:left;
    width:100%;
    text-align:center;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin:0 0 20px 0;
    background-color:#FFF;
  }
  .home-col-avis-interblock {
    display:none;
    float:left;
    width:4%;
  }
  .home-col-avis-illu {
    width:80px;
    height:80px;
  }
  .home-col-avis-stars {
    width:70px;
    padding:0 0 3px 0;
  }
  .home-garanties-container {
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:bold;
  }
  .home-garanties-interblock {
    display:none;
    width:0.5%;
  }
  .home-garanties-block {
    display:inline-block;
    width:100%;
    padding:15px;
    margin-bottom:20px;
    background-color:#F5F5F5;
  }

}

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

  .home-carousel-image {
    width:100%;
  }
  .home-carousel-caption {
    left:3%;
    right:3%;
    text-align:center;
    margin-bottom:-40px;
  }
  .home-carousel-h1 {
    text-align:center;
    color:#FFF;
    font-size:30px;
  }
  .home-carousel-text {
    font-size:12px;
    line-height:16px;
    color:#FFF;
  }
  .home-middle-container {
    padding:20px 0 0 0;
  }
  .home-middle-wrapper {
    width:100%;
    float:left;
  }
  .home-col-left-container {
    width:30%;
    float:left;
    text-align:left;
    margin-right:0;
    margin-top:30px;
    padding-right:3%;
  }
  .home-col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    margin-bottom:30px;
  }
  .home-col-left-block-title {
    padding:15px 10px 5px 15px;
  }
  .home-col-left-block-intro {
    font-size:11px;
    line-height:16px;
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-menu {
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-illu {
    height:270px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .home-col-left-block2 {
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .home-col-left-block2-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-col-left-block2-menu {
    padding:0 0 5px 0;
  }
  .home-col-right-container {
    float:left;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    text-align:justify;
    margin-top:30px;
  }
  .home-col-right-wrapper {
    width:100%;
    float:left;
    margin:0 0 40px 0;
  }
  .home-col-right-block {
    width:48%;
    float:left;
    text-align:center;
  }
  .home-col-right-interblock {
    width:4%;
    height:100%;
    float:left;
  }
  .home-col-right-block-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-title {
    font-size:18px;
    color:#07a0b7;
  }
  .home-col-right-block-intro {
    width:100%;
    text-align:left;
    font-size:14px;
    line-height:22px;
  }
  .home-col-right-block-image-top-container {
    text-align:left;
    margin:15px 0 10px 0;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-top {
    width:100%;
    height:300px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-block-image-bot-container {
    float:left;
    text-align:left;
    width:32%;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-bot-intercontainer {
    float:left;
    width:2%;
  }
  .home-col-right-block-image-bot {
    height:10vw;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
  }
  .home-col-right-blog-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-blog-title {
    font-size:20px;
    color:#07a0b7;
  }
  .home-col-right-blog-block {
    float:left;
    width:30%;
  }
  .home-col-right-blog-interblock {
    float:left;
    width:5%;
  }
  .home-col-right-blog-image-container {
    width:100%;
    height:100px;
    max-height:100px;
    margin-bottom:15px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-subtitle-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-subtitle {
    font-size:14px;
    color:#6c0764;
  }
  .home-col-right-blog-text-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-button-container {
    width:100%;
    float:left;
    text-align:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
    padding:20px;
    border-radius:5px;
    background-color:#F5F5F5;
  }
  .home-col-avis-title-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title {
    font-size:20px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-button-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
    text-align:right;
  }
  .home-col-avis-list-container {
    width:100%;
    float:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-block-container {
    float:left;
    width:22%;
    text-align:center;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    background-color:#FFF;
  }
  .home-col-avis-interblock {
    float:left;
    width:4%;
  }
  .home-col-avis-illu {
    width:80px;
    height:80px;
  }
  .home-col-avis-stars {
    width:70px;
    padding:0 0 3px 0;
  }
  .home-garanties-container {
    padding:0;
    margin:0 auto;
    text-align:center;
    font-size:12px;
    font-weight:bold;
  }
  .home-garanties-interblock {
    display:inline-block;
    width:0.5%;
  }
  .home-garanties-block {
    display:inline-block;
    width:15%;
    padding:12px 5px;
    background-color:#F5F5F5;
  }

}

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

  .home-carousel-image {
    width:100%;
  }
  .home-carousel-caption {
    left:3%;
    right:3%;
    text-align:center;
    margin-bottom:-30px;
  }
  .home-carousel-h1 {
    text-align:center;
    color:#FFF;
    font-size:40px;
  }
  .home-carousel-text {
    color:#FFF;
  }
  .home-middle-container {
    padding:20px 0 0 0;
  }
  .home-middle-wrapper {
    width:100%;
    float:left;
  }
  .home-col-left-container {
    width:30%;
    float:left;
    text-align:left;
    margin-right:0;
    margin-top:30px;
    padding-right:3%;
  }
  .home-col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    margin-bottom:30px;
  }
  .home-col-left-block-title {
    padding:15px 10px 5px 15px;
  }
  .home-col-left-block-intro {
    font-size:11px;
    line-height:16px;
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-menu {
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-illu {
    height:270px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .home-col-left-block2 {
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .home-col-left-block2-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-col-left-block2-menu {
    padding:0 0 5px 0;
  }
  .home-col-right-container {
    float:left;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    text-align:justify;
    margin-top:30px;
  }
  .home-col-right-wrapper {
    width:100%;
    float:left;
    margin:0 0 40px 0;
  }
  .home-col-right-block {
    width:48%;
    float:left;
    text-align:center;
  }
  .home-col-right-interblock {
    width:4%;
    height:100%;
    float:left;
  }
  .home-col-right-block-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-title {
    font-size:20px;
    color:#07a0b7;
  }
  .home-col-right-block-intro {
    width:100%;
    text-align:left;
    font-size:14px;
    line-height:22px;
  }
  .home-col-right-block-image-top-container {
    text-align:left;
    margin:15px 0 10px 0;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-top {
    width:100%;
    height:300px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-block-image-bot-container {
    float:left;
    text-align:left;
    width:32%;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-bot-intercontainer {
    float:left;
    width:2%;
  }
  .home-col-right-block-image-bot {
    height:10vw;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
  }
  .home-col-right-blog-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-blog-title {
    font-size:20px;
    color:#07a0b7;
  }
  .home-col-right-blog-block {
    float:left;
    width:30%;
  }
  .home-col-right-blog-interblock {
    float:left;
    width:5%;
  }
  .home-col-right-blog-image-container {
    width:100%;
    height:100px;
    max-height:100px;
    margin-bottom:15px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-subtitle-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-subtitle {
    font-size:14px;
    color:#6c0764;
  }
  .home-col-right-blog-text-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-button-container {
    width:100%;
    float:left;
    text-align:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
    padding:20px;
    border-radius:5px;
    background-color:#F5F5F5;
  }
  .home-col-avis-title-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title {
    font-size:20px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-button-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
    text-align:right;
  }
  .home-col-avis-list-container {
    width:100%;
    float:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-block-container {
    float:left;
    width:22%;
    text-align:center;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    background-color:#FFF;
  }
  .home-col-avis-interblock {
    float:left;
    width:4%;
  }
  .home-col-avis-illu {
    width:80px;
    height:80px;
  }
  .home-col-avis-stars {
    width:70px;
    padding:0 0 3px 0;
  }
  .home-garanties-container {
    padding:0;
    margin:0 auto;
    text-align:center;
    font-size:14px;
    font-weight:bold;
  }
  .home-garanties-interblock {
    display:inline-block;
    width:0.5%;
  }
  .home-garanties-block {
    display:inline-block;
    width:15%;
    padding:12px;
    background-color:#F5F5F5;
  }

}

@media (min-width: 1201px) {

  .home-carousel-image {
    width:100%;
  }
  .home-carousel-caption {
    left:3%;
    right:3%;
    text-align:center;
    margin-bottom:-30px;
  }
  .home-carousel-h1 {
    text-align:center;
    color:#FFF;
    font-size:40px;
  }
  .home-carousel-text {
    color:#FFF;
  }
  .home-middle-container {
    padding:20px 0 0 0;
  }
  .home-middle-wrapper {
    width:100%;
    float:left;
  }
  .home-col-left-container {
    width:275px;
    float:left;
    text-align:left;
    margin-right:17px;
    margin-top:30px;
    padding-right:30px;
  }
  .home-col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    margin-bottom:30px;
  }
  .home-col-left-block-title {
    padding:15px 10px 5px 15px;
  }
  .home-col-left-block-intro {
    font-size:11px;
    line-height:16px;
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-menu {
    padding:0 15px 5px 15px;
  }
  .home-col-left-block-illu {
    height:270px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .home-col-left-block2 {
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .home-col-left-block2-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .home-col-left-block2-menu {
    padding:0 0 5px 0;
  }
  .home-col-right-container {
    float:left;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    text-align:justify;
    margin-top:30px;
  }
  .home-col-right-wrapper {
    width:100%;
    float:left;
    margin:0 0 40px 0;
  }
  .home-col-right-block {
    width:48%;
    float:left;
    text-align:center;
  }
  .home-col-right-interblock {
    width:4%;
    height:100%;
    float:left;
  }
  .home-col-right-block-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-block-title {
    font-size:26px;
    color:#07a0b7;
  }
  .home-col-right-block-intro {
    width:100%;
    text-align:left;
    font-size:14px;
    line-height:22px;
  }
  .home-col-right-block-image-top-container {
    text-align:left;
    margin:15px 0 10px 0;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-top {
    width:100%;
    height:300px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-block-image-bot-container {
    float:left;
    text-align:left;
    width:32%;
    font-size:10px;
    line-height:12px;
    color:#808080;
  }
  .home-col-right-block-image-bot-intercontainer {
    float:left;
    width:2%;
  }
  .home-col-right-block-image-bot {
    height:120px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
  }
  .home-col-right-blog-title-container {
    width:100%;
    text-align:left;
    padding:0 0 10px 0;
  }
  .home-col-right-blog-title {
    font-size:26px;
    color:#07a0b7;
  }
  .home-col-right-blog-block {
    float:left;
    width:30%;
  }
  .home-col-right-blog-interblock {
    float:left;
    width:5%;
  }
  .home-col-right-blog-image-container {
    width:100%;
    height:100px;
    max-height:100px;
    margin-bottom:15px;
    border:1px solid #C0C0C0;
    border-radius:5px;
  }
  .home-col-right-blog-subtitle-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-subtitle {
    font-size:18px;
    color:#6c0764;
  }
  .home-col-right-blog-text-container {
    width:100%;
    float:left;
    text-align:left;
  }
  .home-col-right-blog-button-container {
    width:100%;
    float:left;
    text-align:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-container {
    width:100%;
    float:left;
    text-align:center;
    margin-bottom:40px;
    padding:20px;
    border-radius:5px;
    background-color:#F5F5F5;
  }
  .home-col-avis-title-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
  }
  .home-col-avis-title {
    font-size:26px;
    color:#07a0b7;
    text-align:left;
  }
  .home-col-avis-button-container {
    width:50%;
    float:left;
    margin:0 0 10px 0;
    text-align:right;
  }
  .home-col-avis-list-container {
    width:100%;
    float:left;
    margin:10px 0 0 0;
  }
  .home-col-avis-block-container {
    float:left;
    width:22%;
    text-align:center;
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    background-color:#FFF;
  }
  .home-col-avis-interblock {
    float:left;
    width:4%;
  }
  .home-col-avis-illu {
    width:80px;
    height:80px;
  }
  .home-col-avis-stars {
    width:70px;
    padding:0 0 3px 0;
  }
  .home-garanties-container {
    padding:0;
    margin:0 auto;
    text-align:center;
    font-size:16px;
    font-weight:bold;
  }
  .home-garanties-interblock {
    display:inline-block;
    width:0.5%;
  }
  .home-garanties-block {
    display:inline-block;
    width:15%;
    padding:12px;
    background-color:#F5F5F5;
  }

}

/******************************************************************************/
/* PAGE GENERIC COLUMNS */
/******************************************************************************/

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

  .col-left {
    display:none;
  }
  .col-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:left;
  }

}

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

  .col-left {
    display:none;
  }
  .col-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:left;
  }

}

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

  .col-left {
    display:none;
  }
  .col-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align:left;
  }

}

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

  .col-left {
    display:inline;
  }
  .col-left-block-new {
    background-position:cover center;
    border:0px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }
  .col-left-block-title-new {
    border-bottom:1px solid #FFFFFF;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .col-left-block-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .col-left-block-menu {
    padding:0 0 5px 0;
  }
  .col-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    text-align:justify;
  }

}

@media (min-width: 1201px) {

  .col-left {
    display:inline;
  }

  .col-left-block-new {
    background-position:cover center;
    border:0px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }

  .col-left-block {
    border:1px solid #C0C0C0;
    border-radius:5px;
    padding:15px;
    margin-bottom:30px;
  }

  .col-left-block-title-new {
    border-bottom:1px solid #FFFFFF;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .col-left-block-title {
    border-bottom:1px solid #C0C0C0;
    margin-bottom:10px;
    padding-bottom:2px;
  }
  .col-right {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    text-align:justify;
  }
  .col-right-full {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    text-align:justify;
  }
  .col-full {
    float:left;
    width:100%;
  }

}




/******************************************************************************/
/* PRODUIT */
/******************************************************************************/

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

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

  .product-image-container {

    margin-bottom:100px;
    padding:0 15px;
    background-color:;
  }
  .product-image-carousel-container {
    width:100%;
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
    border:1px solid #C0C0C0;
  }
  .product-thumb-carousel-container {
    bottom: -80px;
  }
  .product-thumb-carousel-image {
    margin:2px;
    border:1px solid #C0C0C0;
    width:60px;
    height:48px;
  }
  .product-top-container {
    float:left;
    width:100%;
    margin:0 0 0 0;
  }
  .product-image-carousel {
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
  }
  .product-topinfo-container {
    float:left;
    width:100%;
    padding:0 15px 0 15px;
    background-color:;
  }
  .product-color-bullet-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-color-bullet-container {
    display:inline-block;
    position:relative;
    top:10px;
  }
  .product-color-bullet {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #333;
  }
  .product-quantity-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-quantity-select {
    display:inline-block;
    padding-right:10px;
  }
  .product-button {
    color:#ffffff;
    padding:5px 50px;
  }
  .product-info-container {
    float:left;
    width:100%;
    padding:20px 15px;
  }
  .product-info-title {
    float:left;
    width:100%;
    line-height:40px;
    border-radius:5px;
    border:1px solid #c0c0c0;
    color:#808080;
    background-color:#f5f5f5;
    padding:2px 15px;
    font-size:24px;
    font-weight:300;
    margin-bottom:40px;
  }
  .product-vignette-lg-left {
    display: block;
    text-align:center;
    max-width:300px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-vignette-lg-right {
    display: block;
    text-align:center;
    max-width:300px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-vignette-lg-center {
    display:block;
    max-width:300px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-recommand-container {
    float:left;
    width:100%;
    margin:20px auto;
  }
  .product-recommand-image {
    display: block;
    margin:5px auto;

    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
    width:300px;
    height:225px;
  }

}

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

  .product-image-container {

    margin-bottom:100px;
    padding:0 15px;
    background-color:;
  }
  .product-image-carousel-container {
    width:75%;
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
    border:1px solid #C0C0C0;
  }
  .product-thumb-carousel-container {
    bottom: -80px;
  }
  .product-thumb-carousel-image {
    margin:2px;
    border:1px solid #C0C0C0;
    width:60px;
    height:48px;
  }
  .product-top-container {
    float:left;
    width:100%;
    margin:0 0 0 0;
  }
  .product-image-carousel {
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
  }
  .product-topinfo-container {
    float:left;
    width:100%;
    padding:0 15px 0 15px;
    background-color:;
  }
  .product-color-bullet-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-color-bullet-container {
    display:inline-block;
    position:relative;
    top:10px;
  }
  .product-color-bullet {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #333;
  }
  .product-quantity-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-quantity-select {
    display:inline-block;
    padding-right:10px;
  }
  .product-button {
    color:#ffffff;
    padding:5px 50px;
  }
  .product-info-container {
    float:left;
    width:100%;
    padding:20px 15px;
  }
  .product-info-title {
    float:left;
    width:100%;
    line-height:40px;
    border-radius:5px;
    border:1px solid #c0c0c0;
    color:#808080;
    background-color:#f5f5f5;
    padding:2px 15px;
    font-size:24px;
    font-weight:300;
    margin-bottom:40px;
  }
  .product-vignette-lg-left {
    float: left;
    max-width:300px;
    margin: 5px 30px 5px 0px;
    border-radius:5px;
  }
  .product-vignette-lg-right {
    float: right;
    max-width:300px;
    margin: 5px 0px 5px 30px;
    border-radius:5px;
  }
  .product-vignette-lg-center {
    display:block;
    max-width:300px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-recommand-container {
    float:left;
    width:100%;
    margin:20px auto;
  }
  .product-recommand-image {
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
    width:200px;
    height:150px;
  }

}

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

  .product-image-container {
    float:left;
    width:100%;
    margin-bottom:100px;
    padding:0 15px;
    background-color:;
  }
  .product-image-carousel-container {
    width:75%;
    text-align:center;
    margin:0 auto 10px auto;
    border-radius: 5px;
    border:1px solid #C0C0C0;
  }
  .product-thumb-carousel-container {
    bottom: -80px;
  }
  .product-thumb-carousel-image {
    margin:2px;
    border:1px solid #C0C0C0;
    width:60px;
    height:48px;
  }
  .product-top-container {
    float:left;
    width:100%;
    margin:0 0 40px 0;
  }
  .product-image-carousel {
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
  }
  .product-topinfo-container {
    float:left;
    width:100%;
    padding:0 15px 0 15px;
    background-color:;
  }
  .product-color-bullet-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-color-bullet-container {
    display:inline-block;
    position:relative;
    top:10px;
  }
  .product-color-bullet {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #333;
  }
  .product-quantity-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-quantity-select {
    display:inline-block;
    padding-right:10px;
  }
  .product-button {
    color:#ffffff;
    padding:5px 50px;
  }
  .product-info-container {
    float:left;
    width:100%;
    padding:20px 15px;
  }
  .product-info-title {
    float:left;
    width:100%;
    line-height:40px;
    border-radius:5px;
    border:1px solid #c0c0c0;
    color:#808080;
    background-color:#f5f5f5;
    padding:2px 15px;
    font-size:24px;
    font-weight:300;
    margin-bottom:40px;
  }
  .product-vignette-lg-left {
    float: left;
    max-width:300px;
    margin: 5px 30px 5px 0px;
    border-radius:5px;
  }
  .product-vignette-lg-right {
    float: right;
    max-width:300px;
    margin: 5px 0px 5px 30px;
    border-radius:5px;
  }
  .product-vignette-lg-center {
    display:block;
    max-width:350px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-recommand-container {
    float:left;
    width:100%;
    margin:20px auto;
  }
  .product-recommand-image {
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
    width:200px;
    height:150px;
  }

}

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

  .product-image-container {
    float:left;
    width:40%;
    margin-bottom:100px;
    padding:0 15px;
    background-color:;
  }
  .product-image-carousel-container {
    margin-bottom:10px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
  }
  .product-thumb-carousel-container {
    bottom: -80px;
  }
  .product-thumb-carousel-image {
    margin:2px;
    border:1px solid #C0C0C0;
    width:60px;
    height:48px;
  }
  .product-top-container {
    float:left;
    width:100%;
    margin:0 0 40px 5px;
  }
  .product-image-carousel {
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
  }
  .product-topinfo-container {
    float:left;
    width:60%;
    padding:0 20px;
    background-color:;
  }
  .product-color-bullet-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-color-bullet-container {
    display:inline-block;
    position:relative;
    top:10px;
  }
  .product-color-bullet {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #333;
  }
  .product-quantity-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-quantity-select {
    display:inline-block;
    padding-right:10px;
  }
  .product-button {
    color:#ffffff;
    padding:5px 50px;
  }
  .product-info-container {
    float:left;
    width:100%;
    padding:20px 20px;
  }
  .product-info-title {
    float:left;
    width:100%;
    line-height:40px;
    border-radius:5px;
    border:1px solid #c0c0c0;
    color:#808080;
    background-color:#f5f5f5;
    padding:2px 15px;
    font-size:24px;
    font-weight:300;
    margin-bottom:40px;
  }
  .product-vignette-lg-left {
    float: left;
    max-width:300px;
    margin: 5px 30px 5px 0px;
    border-radius:5px;
  }
  .product-vignette-lg-right {
    float: right;
    max-width:300px;
    margin: 5px 0px 5px 30px;
    border-radius:5px;
  }
  .product-vignette-lg-center {
    display:block;
    max-width:400px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-recommand-container {
    float:left;
    width:100%;
    margin:20px auto;
  }
  .product-recommand-image {
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
    width:200px;
    height:150px;
  }

}

@media (min-width: 1201px) {

  .product-image-container {
    float:left;
    width:40%;
    margin-bottom:100px;
    padding:0 15px;
    background-color:;
  }
  .product-image-carousel-container {
    margin-bottom:10px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
  }
  .product-thumb-carousel-container {
    bottom: -80px;
  }
  .product-thumb-carousel-image {
    margin:2px;
    border:1px solid #C0C0C0;
    width:60px;
    height:48px;
  }
  .product-top-container {
    float:left;
    width:100%;
    margin:0 0 40px 0;
  }
  .product-image-carousel {
    text-align:center;
    margin:0 auto;
    border-radius: 5px;
  }
  .product-topinfo-container {
    float:left;
    width:60%;
    padding:0 15px;
    background-color:;
  }
  .product-color-bullet-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-color-bullet-container {
    display:inline-block;
    position:relative;
    top:10px;
  }
  .product-color-bullet {
    display:inline-block;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #333;
  }
  .product-quantity-text {
    display:inline-block;
    padding-right:10px;
  }
  .product-quantity-select {
    display:inline-block;
    padding-right:10px;
  }
  .product-button {
    color:#ffffff;
    padding:5px 50px;
  }
  .product-info-container {
    float:left;
    width:100%;
    padding:20px 0;
  }
  .product-info-title {
    float:left;
    width:100%;
    line-height:40px;
    border-radius:5px;
    border:1px solid #c0c0c0;
    color:#808080;
    background-color:#f5f5f5;
    padding:2px 15px;
    font-size:24px;
    font-weight:300;
    margin-bottom:40px;
  }
  .product-vignette-lg-left {
    float: left;
    max-width:400px;
    margin: 5px 30px 5px 0px;
    border-radius:5px;
  }
  .product-vignette-lg-right {
    float: right;
    max-width:400px;
    margin: 5px 0px 5px 30px;
    border-radius:5px;
  }
  .product-vignette-lg-center {
    display:block;
    max-width:500px;
    margin: 5px auto;
    border-radius:5px;
  }
  .product-recommand-container {
    float:left;
    width:100%;
    margin:20px auto;
  }
  .product-recommand-image {
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #C0C0C0;
    width:200px;
    height:150px;
  }

}


/******************************************************************************/
/* PRODUIT LIST*/
/******************************************************************************/

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

  .shoplist-block-container {
    display:block;
    width:100%;
    height:365px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-image-container {
    display:block;
    height:200px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:0px solid #C0C0C0;
  }
  .shoplist-title-container {
    display:block;
    height:80px;
    width:100%;
    padding-top:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }
  .shoplist-price-container {
    display:block;
    height:40px;
    width:100%;
    padding-top:15px;
    font-size:12px;
    font-weight:600;
  }
  .shoplist-link-container {
    display:block;
    height:43px;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .shoplist-block-container-short {
    display:block;
    width:100%;
    height:280px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-title-container-short {
    display:block;
    height:80px;
    width:100%;
    padding:15px 0;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }

}

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

  .shoplist-block-container {
    display:block;
    width:100%;
    height:365px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-image-container {
    display:block;
    height:200px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:0px solid #C0C0C0;
  }
  .shoplist-title-container {
    display:block;
    height:80px;
    width:100%;
    padding-top:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }
  .shoplist-price-container {
    display:block;
    height:40px;
    width:100%;
    padding-top:15px;
    font-size:12px;
    font-weight:600;
  }
  .shoplist-link-container {
    display:block;
    height:43px;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .shoplist-block-container-short {
    display:block;
    width:100%;
    height:280px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-title-container-short {
    display:block;
    height:80px;
    width:100%;
    padding:15px 0;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }

}

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

  .shoplist-block-container {
    display:block;
    width:100%;
    height:365px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-image-container {
    display:block;
    height:200px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:0px solid #C0C0C0;
  }
  .shoplist-title-container {
    display:block;
    height:80px;
    width:100%;
    padding-top:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }
  .shoplist-price-container {
    display:block;
    height:40px;
    width:100%;
    padding-top:15px;
    font-size:12px;
    font-weight:600;
  }
  .shoplist-link-container {
    display:block;
    height:43px;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .shoplist-block-container-short {
    display:block;
    width:100%;
    height:280px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-title-container-short {
    display:block;
    height:80px;
    width:100%;
    padding:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }

}

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

  .shoplist-block-container {
    display:block;
    width:100%;
    height:365px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-image-container {
    display:block;
    height:200px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:0px solid #C0C0C0;
  }
  .shoplist-title-container {
    display:block;
    height:80px;
    width:100%;
    padding-top:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }
  .shoplist-price-container {
    display:block;
    height:40px;
    width:100%;
    padding-top:15px;
    font-size:12px;
    font-weight:600;
  }
  .shoplist-link-container {
    display:block;
    height:43px;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .shoplist-block-container-short {
    display:block;
    width:100%;
    height:280px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-title-container-short {
    display:block;
    height:80px;
    width:100%;
    padding:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }

}

@media (min-width: 1201px) {

  .shoplist-block-container {
    display:block;
    width:100%;
    height:365px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-image-container {
    display:block;
    height:200px;
    width:100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:0px solid #C0C0C0;
  }
  .shoplist-title-container {
    display:block;
    height:80px;
    width:100%;
    padding-top:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }
  .shoplist-price-container {
    display:block;
    height:40px;
    width:100%;
    padding-top:15px;
    font-size:12px;
    font-weight:600;
  }
  .shoplist-link-container {
    display:block;
    height:43px;
    width:100%;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
  }
  .shoplist-block-container-short {
    display:block;
    width:100%;
    height:280px;
    border:1px solid #C0C0C0;
    border-radius:5px;
    background-color:#FFF;
  }
  .shoplist-title-container-short {
    display:block;
    height:80px;
    width:100%;
    padding:15px;
    font-size:14px;
    line-height:18px;
    font-weight:600;
    color:;
  }

}





/******************************************************************************/
/* ARTICLE */
/******************************************************************************/


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

  .article-upsale-container {
    width:100%;
    float:left;
  }
  .article-vignette-lg-right{
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:90vw;
    height:70vw;
  }
  .article-vignette-lg-left{
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:90vw;
    height:70vw;
  }
  .article-vignette-md-right{
    float:right;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }
  .article-vignette-md-left{
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:45vw;
    height:30vw;
  }

  .article-vignette-sm-right{
    float:right;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
  .article-vignette-sm-left{
    float:none;
    margin:20px auto;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:45vw;
    height:35vw;
  }
}

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

  .article-upsale-container {
    width:100%;
    float:left;
  }
  .article-vignette-lg-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-lg-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-md-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }
  .article-vignette-md-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }

  .article-vignette-sm-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
  .article-vignette-sm-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
}

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

  .article-upsale-container {
    width:100%;
    float:left;
  }
  .article-vignette-lg-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-lg-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-md-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }
  .article-vignette-md-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }

  .article-vignette-sm-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
  .article-vignette-sm-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
}

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

  .article-upsale-container {
    display:inline-block;
    width:100%;
  }
  .article-vignette-lg-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-lg-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-md-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }
  .article-vignette-md-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }

  .article-vignette-sm-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
  .article-vignette-sm-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
}

@media (min-width: 1201px) {

  .article-upsale-container {
    display:inline-block;
    width:100%;
  }
  .article-vignette-lg-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-lg-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:340px;
    height:255px;
  }
  .article-vignette-md-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }
  .article-vignette-md-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    height:150px;
  }

  .article-vignette-sm-right{
    float:right;
    margin-top:5px;
    margin-left:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
  .article-vignette-sm-left{
    float:left;
    margin-top:5px;
    margin-right:30px;
    margin-bottom:20px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100px;
    height:75px;
  }
}













































/* //////////////////////////////// fond  ////////////////////////////////*/

.clear
{
	clear:both;
}
.center
{
	text-align:center;
}
.justify
{
	text-align:justify;
}
.Fond-TableSurlignage
{
	padding: 3px;
	background-color:#F9F5EF;
	border: 1px solid #473C26;
}

.Fond-TableSurlignageShop,.Fond-TableSurlignageShop2bis
{
	background-color:#F5F5F5; /*F3F4FD;*/
	border: 1px solid #ababab;
}

.Fond-TableSurlignageShop2, .Fond-TableSurlignageShop3
{
	background-color:#FAFAFA;
	/*border-left: 1px solid #ababab;
	border-bottom: 1px solid #ababab;*/
}

/*.Fond-TableSurlignageShop3
{
	border-right: 1px solid #ababab;
}*/

.Fond-TableSurlignageHP
{
	border: 3px solid #666666;
}

.Fond-TableBandeau, .Fond-TableSurlignageHP
{
	background-color:#FFFFFF;
	line-height:0;
}

.FondSurlignage, .Fond-BodySurlignage
{
	background-color:#FFFFFF;
}

.Table_LigneItemCart, .FondSurlignageBlue
{
	background-color:#F5F5F5; /*F3F4FD;*/
}
.Table_LigneItemCart .c1,.Table_LigneItemCart .c2,.Table_LigneItemCart .c3,.Table_LigneItemCart .c4{
	display:inline-block;
}
.Table_LigneItemCart .c1{
	width:20%;
}
.Table_LigneItemCart .c2{
	text-align:right;
	width:78%;
}

#CartWindow
{
	position:relative;
	z-index:10100;
}

.Fond-TableCartWindow
{
	background-color:#FFFFFF;
	border: 6px solid #4EA8DA;
}

.headerStyle
{
	background-color: #CCBCA2;
	border-top: none;
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

.CentralTable
{
    margin-left:auto;
    margin-right:auto;
}

.MoonClass
{
	background-position: 30% 20%;
	background-image: url("../../img/Moonciel_etoiles.jpg");
	background-repeat:no-repeat;
}

.tablecontour
{
 	padding: 0px;
	spacing: 0px;
	background-color:#FFFFFF;
	border-width: 2px solid #ABABAB;
}

.borders
{
	border: 1px solid #473C26;
}

.Fond-TableSurlignage2
{
	padding: 2px;
	background-color:#FFFFFF;
	border-width: 2px solid #4EA8DA;
}

.Fond-TableSurlignage3
{
	padding: 2px;
	background-color:#DEEAFF;
	border-width: 1px solid #4EA8DA;
}

.TestH
{
	border-bottom: 1px solid #006600;
}

.Shop_Bgrd
{
	background-image: url("../../img/ShopBag.jpg");
	background-position: 100% 0%;
	background-repeat: no-repeat;
}

.ShopPadlock_Bgrd
{
	background-image: url("../../img/shop/padlock.gif");
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

.shadeform
{
	font-size: 13px;
	background-image: url("../../img/shadeform.gif");
	text-align: left;
	width: 200px;
	border: 1px solid #000000;
}

#picbordergrey
{
	border: 1px solid #ababab;
}

.hrbenefit
{
	border: none;
	background-color: #D8D9F7;
	height: 2px;
	width: 90%;
}

/* //////////////////////// Round corners ////////////////////////////////*/

.round-corneredp
{
  width:920px;
}

.round-cornered .tlc1
{
  height: 20px;
  background: url(../../img/corner/tlc1.jpg);
}

.round-cornered .trc1
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/trc1.jpg) right no-repeat;
}

.round-cornered .blc1
{
	height: 20px;
	background: url(../../img/corner/blc1.jpg);
}

.round-cornered .brc1
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/brc1.jpg) right no-repeat;
}

.round-cornered .in1
{
	border-left: 2px solid #4b088a;
	border-right: 2px solid #4b088a;
	padding-left: 18px;
	padding-right: 18px;
	background: #FFFFFF;
}

.round-cornered .tlc2
{
  height: 20px;
  background: url(../../img/corner/tlc2.jpg);
}

.round-cornered .trc2
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/trc2.jpg) right no-repeat;
}

.round-cornered .blc2
{
	height: 20px;
	background: url(../../img/corner/blc2.jpg);
}

.round-cornered .brc2
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/brc2.jpg) right no-repeat;
}

.round-cornered .in2
{
	border-left: 2px solid #F5EEE2;
	border-right: 2px solid #F5EEE2;
	padding-left: 18px;
	padding-right: 18px;
	background: #F9F5EF;
}

.round-cornered .tlc3
{
	height: 20px;
	background: url(../../img/corner/tlc3.jpg);
}

.round-cornered .trc3
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/trc3.jpg) right no-repeat;
}

.round-cornered .blc3
{
	height: 20px;
	background: url(../../img/corner/blc3.jpg);
}

.round-cornered .brc3
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/brc3.jpg) right no-repeat;
}

.round-cornered .in3
{
	border-left: 2px solid #473C26;
	border-right: 2px solid #473C26;
	padding-left: 18px;
	padding-right: 18px;
	background: #CCBCA2;
}

.round-cornered .in4, .round-cornered .in6
{
	padding:12px;
	background: #FFFFFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.round-cornered .in4
{
	border:1px solid #EAEBEC;
	margin-top: 30px;
}

.round-cornered .tlc5
{
	height: 4px;
	background: url(../../img/corner/tlc4.jpg);
}

.round-cornered .trc5
{
	margin-top: 0px;
	height: 0px;
	background: url(../../img/corner/trc4.jpg) right no-repeat;
}

.round-cornered .blc5
{
	height: 20px;
	background: url(../../img/corner/blc4.jpg);
}

.round-cornered .brc5
{
	margin-top: -20px;
	height: 20px;
	background: url(../../img/corner/brc4.jpg) right no-repeat;
}

.round-cornered .in5
{
	border-left: 1px solid #473C26;
	border-right: 1px solid #473C26;
	padding-left: 5px;
	padding-right: 0px;
	background: #FFFFFF;
}

/* Permet d'avoir des bords ronds, sans avoir d'images... */
.round-corner_n{
	display:block;
}

.round-corner_n *
{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#F3F4FD;
}

.round-corner_n1
{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #F3F4FD;
	border-right:1px solid #F3F4FD;
	background:#F3F4FD;
}

.round-corner_n2
{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #F3F4FD;
	border-right:1px solid #F3F4FD;
	background:#F3F4FD;
}

.round-corner_n3
{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #F3F4FD;
	border-right:1px solid #F3F4FD;
}

.round-corner_n4
{
	border-left:1px solid #F3F4FD;
	border-right:1px solid #F3F4FD;
}

.round-corner_n5
{
	border-left:1px solid #F3F4FD;
	border-right:1px solid #F3F4FD;
}

.round-corner_nfg
{
	background:#F3F4FD;
}

/* Permet d'avoir des bords ronds, sans avoir d'images... */
.round-corner2_n
{
	display:block;
}

.round-corner2_n *
{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#EAEBEC;
}

.round-corner2_n1
{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:10px solid #EAEBEC;
	border-right:10px solid #EAEBEC;
	background:#EAEBEC;
}

.round-corner2_nfg, .round-corner2_n2
{
	background:#EAEBEC;
}


.round-corner2_n2
{
	padding-right:1px;
	padding-left:1px;
}

.round-corner2_n3, .round-corner2_n2
{
	margin-left:1px;
	margin-right:1px;
}

.round-corner2_n4, .round-corner2_n3, .round-corner2_n2, .round-corner2_n5
{
	border-left:1px solid #EAEBEC;
	border-right:1px solid #EAEBEC;
}

.SitetopPage{
	margin-top : 15px;
	margin-bottom : 32px;
}

.topLogo
{
	float:left;
	width:225px;
	height:82px;
	padding-top: 10px;
}
.topRight
{
	float:right;
	width:225px;
	text-align:right;
	height:72px;
	Line-Height:30px;
	padding-top:10px;
}
.topMiddle
{
	float:left;
	width:750px;
	height:87px;
	text-align:center;
	padding-top:10px;
}

/* //////////////////////// Menu ////////////////////////////////*/
.menu{
	width:1200px;
	z-index: 10000;
}
.menu .ong, .menu .margell, .menu .ongInactif
{
	position:relative;
	float:left;
	/*border-right:1px solid white;*/
	width:149px;
	height:24px;
	background-color:black;
	text-align:center;
	padding-top:8px;
	color:white;
}
.menu .first{
	/*border-left:1px solid white;*/
	width:154px;
}
.menu a
{
	color:white;
	text-decoration:none;
}
.menu .margell{
	/*position:absolute;
	left:-5000px;
	width:10000px;*/
}
.menu div:hover
{
	background-color:#9868BF;
}
.menu .margell:hover, .menu div.MenuProduct, .menu div.MenuProduct div, .menu .ongInactif:hover
{
	background-color:black;
}
.menu div.MenuProduct{
	display:none;
	position:absolute;
	width:1048px;
	margin-top:32px;
	border-top:2px solid white;
	height:auto;
	background-color:white;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom: 1px solid #000000;
}
.menu .MenuProduct .item{
	display:block;
	background-color:#9868BF;
	clear:left;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	float:left;
	width:154px;
	height:24px;
	text-align:center;
	padding-top:8px;
	color:white;
}
.menu .MenuProduct .itemSelected{
	background-color:white;
	color:#9868BF;
}
.menu .MenuProduct .MenuDisplay{
	float:right;
	margin-top:10px;
	background-color:white;
	color:black;
	display:none;
	width:891px;
}
.menu .MenuProduct .MenuDisplay div{

	background-color:white;
}
.menu .MenuProduct .MenuDisplay .e{
	width:277px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
}
.menu .MenuProduct .MenuDisplay .t{
	color:black;
	font-weight:bold;
	margin-bottom:5px;
}
.menu .MenuProduct .MenuDisplay .d{
	color:grey;
	font-size:12px;
}

.menubackground
{
	padding-bottom: 8px;
	padding-top: 8px;
}

.bouton
{
  	border: none;
	padding: 0px;
	cursor: pointer;
}

img.top
{
	vertical-align:text-top;
}

.floatable{
	position: fixed;
	top: 0px;
	width: 1048px;
}
.fixe{
	position: relative;
}

A.bouton,.topMiddle a
{
	text-decoration:none;
}

A.Police-Body-Titre-MoyenPurple:active, A.Police-Body-Titre-MoyenPurple:hover
{
	color: #4B088A;
	background-color: #FFFFFF;
}

A.Police-Body-Titre-GrandPurple:active, A.Police-Body-Titre-GrandPurple:hover
{
	color: #4B088A;
	background-color: #FFFFFF;
}

A.Police-Body-Titre-GrandPurple2:active, A.Police-Body-Titre-GrandPurple2:hover
{
	color: #4B088A;
	background-color: #FFFFFF;
	text-decoration: underline;
}

.menuShop,  .bouton, .menuShopCurrent, .menuShop2, .menuShop2Current
{
	display: block;
	font-size: 10pt;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
	text-align: center;
	letter-spacing: 2px;
}

 .menuShop, .bouton, .menuShopCurrent
{
	margin-right: 0px;
	margin-left: 0px;
}

.menuShop2, .menuShop2Current
{
	margin-right: 1px;
	margin-left: 1px;
}

.menuShop
{
  	border: none;
	padding: 0px 5px;
	cursor: pointer;
}

A.menuShop
{
	text-decoration:none;
}

A.menuShop:link ,A.menuShop:visited
{
	color: #FFFFFF;
	background-color: #9868BF;
}

A.menuShop:active
{
	color: #9868BF;
	background-color: #FFFFFF;
}

A.menuShop:hover
{
	border: none;
	color: #9868BF;
	background-color: #FFFFFF;
}

.menuShopCurrent
{
	border: none;
	padding:0px 5px;
	color: #9868BF;
	background-color: #FFFFFF;
}

.menuShop2
{
  	border: 1px solid #ababab;
	padding:1px 5px;
	cursor: pointer;
	background-position: 98% 50%;
	background-repeat:no-repeat;
}

A.menuShop2
{
	text-decoration:none;
}

A.menuShop2:link,A.menuShop2:visited,A.menuShop2:active
{
	color: #FFFFFF;
	background-color: #000000;
}

A.menuShop2:hover
{
	border: 1px solid #ababab;
	color: #FFFFFF;
	background-color: #F3F4FD;
}

.menuShop2Current
{
	border: 1px solid #ababab;
	border-bottom-style:none;
	padding: 1px 5px;
	color: #000000;
	background-color: #F9F5EF;
	background-position: 98% 50%;
	background-repeat:no-repeat;
}

a.menuShop2Current
{
	font-size: 10pt;
	text-decoration: none;
}

.menuShopIndex{
	font-size: 20px;
	padding: 0.5em 0;
}

.menu_left
{
	font-size: 13px;
	font-weight: normal;
	height: 30px;
	text-indent: 20px;
	vertical-align: middle;
	color: #FFFFFF;
}

.menu_benefitFooter
{
	font-style: normal;
	font-size: 13px;
	font-weight: normal;
	height: 20px;
	color: #4C3E2C;
}
/* deprecated
.main{
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
} */

.barrefooter{
	width: 1200px;
	height: 70px;
	padding: 0.2em 0;
	text-align:center;
	background-color: #FAFAFA;
	margin-bottom: 15px;
}

.barrefooter>div{
	font-size: 14px;
	font-weight: bold;
	float: left;
	height: 100%;
	width: 15%;
	color: #9868BF;
	padding: 0 .4em 0 .7em;
}

.border{
	border-right: 2px solid #D8D8D8;
}

.just
{
	text-align: justify;
}

/* //////////////////////////////// Polices  ////////////////////////////////*/
/******** police boutique ES *****/
.Titre-MegaBigRed
{
	font-size: 20px;
	font-weight: bold;
	color: #DB2F2F;
	letter-spacing: 0.4px;
}

.PageTitle
{
	font: bold 37px;
	color: #a0a0a0;
}

.TxtTitle
{
	font-size: 15px;
	font-weight: bold;
	color: #473C26;
	line-height: 100%;
}
.TxtTitle_2
{
	font-size: 20px;
	font-weight: bold;
	color: #07a0b7;
	line-height: 130%;
}

.Police-Body-Titre-MoyenBlue,.Police-Body-Titre-Moyen ,.Police-Body-Titre-MoyenRed,.Police-Body-Titre-MoyenGrey,.Police-Body-Titre-MoyenBlack
{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.4px;
}

.Police-Body-Titre-MoyenBlue, .Police-Body-Titre-Moyen, .TxtSsTitle3
{
	color: #4EA8DA;
}

.Police-Body-Titre-MoyenRed
{
	color: #DB2F2F;
}

.Police-Body-Titre-MoyenGrey
{
	color: #8E8E8E;
}

.Police-Body-Titre-MoyenBlack
{
	color: #000000;
}

.Police-Body-Titre-MoyenPurple
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.4px;
	color: #9868BF;
}

.Police-Body-Titre-GrandPurple
{
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.4px;
	color: #9868BF;
}

.Police-Body-Titre-GrandPurple2
{
	text-decoration:underline !important;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.4px;
	color: #9868BF;
}

.Police-Body-Titre-MoyenWhite
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.4px;
	color: #FFFFFF;
}

.TxtSsTitle
{
	font-size: 15.5px;
	font-weight: bold;
	color: #9868BF;
}

.TxtSsTitleW
{
	font-size:;
	font-weight:;
	color:;
}

.TxtSsTitle3
{
	font-size: 14px;
	font-weight: bold;
}


.TxtSsTitle4
{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #4EA8DA;
}

.TxtMoyen, .TxtMoyen2
{
	color:#473C26;
	font-size: 14px;
	line-height:18px;
}

.TxtMoyenVitrine
{
	color:#C62160;
	font-size: 16px;
	line-height:18px;
}

.TxtMoyen2
{
	text-decoration:none;
}

.TxtPetit
{
	color:#000000;
	font-size: 11px;
}

.Police-Body-text-left
{
	color:#FFFFFF;
	font-size: 16px;
}

.Police-Body-text-HPSSCookie
{
	color:#4EA8DA;
	font-size: 16px;
}

.TxtBlue
{
	font-size: 12px;
	color: #4EA8DA;
}

.TxtBigBlue
{
	font-size: 14px;
	color: #4EA8DA;
}

.LienBlue
{
	font-size: 13px;
	color: #4EA8DA;
	text-decoration:none;
	font-weight:bold;
}

.LienBlue:hover
{
	color: #CAAA00;
}

.LienBigGrey
{
	font-size: 16px;
	color: #B4B4B4;
	text-decoration:none;
	font-weight:bold;
}

.LienBigGrey:hover
{
	color: #4EA8DA;
}

.LienDarkOrange
{
	font-size: 14px;
	font-weight:bold;
	color: #E63000;
	text-decoration:none;
}

.TxtPurRed
{
	color: #FF0000;
	font-size: 14px;
}

.TxtRed, .TxtDarkOrange2
{
	color: #DE5125;
	font-size: 12px;
	font-weight:bold;
}

.TxtDarkOrange
{
	color: #DE5125;
	font-size: 13px;
}

.TxtDarkOrange2
{
	color: #DE5125;
	font-size: 12px;
}

.TxtGreen
{
	color: #26A814;
	font-size: 14px;
}

.Police-Body-text-Moyen
{
	color:#000000;
	font-size: 12px;
}

.TxtLien
{
	color: #4EA8DA;
	font-size: 12px;
}

.TxtLienb
{
	color: #4EA8DA;
	font-size: 17px;
	font-weight: bold;
}

.TxtLienBig
{
	color: #4EA8DA;
	font-size: 14px;
}

.TxtSubTitleShortShop
{
	color: #C9C9CB;
	font-size: 14px;
}

.short_product, .short_panier
{
	display: block;
	width:160px;
	margin-top:5px;
}
 .short_productHP, .short_bienfait
 {
	display:inline-block;
	width:130px;
	margin:5px;
}
.HPHome div
{
	display:inline-block;
	float:left;
	margin:7px;
}

.ShopHP
{
	margin:10px;
}
.ShopHP a
{
	display:inline-block;
	float:left;
	margin:0.5%;
	width:24%;
}
.footben, .footer, .barrefooter, .cent{
	margin-left: auto;
	margin-right: auto;
}
.footben{
	width:1030px;
	padding-bottom: 0.1em;
	padding-left:20px;
}
.footben a
{
	display:inline-block;
	width:24%;
	text-align:left;
}
.footer{
	width:500px;
	text-align:center;
}
#quiSommesNous{
	float: left;
	width: 24%;
	text-align: left;
	padding-left: 1em;
}

#savoirPlus{
	float: left;
	width: 72%;
}

.ShopHPTitle
{
	text-align:left;
	margin:20px;
}

ul.short
{
	list-style-image: url('../../img/puceg.png');
	padding-left:20px;
}
.short_product, .short_panier, .short_productHP, .short_bienfait
{
	border: #ffffff 0px solid;
	padding: 2px 5px;
	font-size: 14px;
	font-weight:bold;
	cursor: pointer;
	line-height: 22px;
	white-space: nowrap;
	letter-spacing: 2px;
	text-align: center;
	text-decoration:none;
}
a.short_product:link, a.short_product:visited, a.short_productHP:link, a.short_productHP:visited
{
	color: #ffffff;
	background-color: #9868BF;
}

a.short_product:active, a.short_product:hover, a.short_productHP:active, a.short_productHP:hover
{
	color: #9868BF;
	background-color: #FFFFFF;
}

a.short_panier:link, a.short_panier:visited,a.short_bienfait:link, a.short_bienfait:visited
{
	color: #ffffff;
	background-color: #4EA8DA;
}

a.short_panier:active, a.short_panier:hover,a.short_bienfait:active, a.short_bienfait:hover
{
	color: #4EA8DA;
	background-color: #FFFFFF;
}

.TxtLienTitleColor
{
	font-size: 15px;
	font-weight:bold;
	color: #473C26;
	text-decoration:none;
}

.TxtLienTitleColor:hover
{
	color:#4EA8DA;
}

.TxtLienMenuCart
{
	color:#000000;
	font-size: 14px;
}

.TxtLienMenuCart:hover
{
	color:#4EA8DA;
}

.TxtNoLienHP
{
	color:#4EA8DA;
	font-size: 12px;
}

.TxtNoLienHP, .TxtLienMenuCart, .TxtNoLien
{
	line-height:18px;
	text-decoration:none;
}

.TxtNoLienHP:hover
{
	color:#caaa00;
}

.LienTitleShop,.LienHP,.LienA
{
	font-size: 15px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
}
.LienHPV
{
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}

.LienHP div, .LienA div
{
	background-color:white;
	text-align:center;
}
.LienHPV div
{
	background-color:#9868BF;
}

.LienHP div,.LienHPV div,.LienA div
{
	width:250px;
	padding:0px;
	padding-bottom:8px;
	margin-bottom:20px;
	margin-top:15px;
	border: 1px solid #EAEBEC;
}
.LienHP div,.LienHPV div
{
	margin-left:53px;
	margin-right:40px;
}
.LienA div
{
	margin-left:120px;
	height:210px;
}
.LienHP div > img,.LienHPV div img
{
	width:250px;
	height:167px;
	margin-bottom:8px;
}
.LienA div img
{
	margin-bottom:8px;
}

.HPHome{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
}

.HPHome h3{
	text-align: left;
	margin-left: 30px;
	color: #9868BF;
}

.HPproduits div{
	width:210px;
	margin-left: 40px;
	margin-right: 0px;
	float: left;
}

.HPproduits span{
	height:30px;
}

.HPproduits div > img{
	width:200px;
	height:160px;
	float: left;
	margin: 0px 5px 5px 5px
}

.HPproduits div span{
	display:inline-block;
	height:16px;
}

.LienHP{
	float: left;
}

.LienHPProduit{
	font-size: 12px;
}

.LienTitleShop:hover,.LienHP:hover,.LienA:hover
{
	color:#9868BF;
}

.LienssTitleShop
{
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}

.LienssTitleShop:hover
{
	color:#9868BF;
}

.TxtNoLien
{
	color:#000000;
	font-size: 12px;
}

.TxtLienPetit, .TxtLienMini
{
	color: #4EA8DA;
	font-size: 10px;
}

.TxtSsTitle2
{
	color: #4EA8DA;
	font-size: 18px;
	letter-spacing: 5px;
}

.TxtTitleRed
{
	font-size: 14px;
	font-weight:bold;
	color: #F00F0F;
}

.TxtSsTitleRed
{
	font-size: 12px;
	font-weight:bold;
	color: #C0272D;
}

.TxtSsTitleBlue
{
	font-size: 12px;
	font-weight:bold;
	color: #4EA8DA;
}

.Police-Body-text-Petit
{
	color: #000000;
	font-size: 8px;
}

.Police-Body-text-ToutPetit
{
	color:#000000;
	font-size: 4px;
}

.Police-Body-Lien-Article,.Police-HomeGeneral-Language1-Moyen
{
	color:#000000;
	font-size: 12px;
	font-weight:bold;
}

/* EXCEPTION : police de même couleur que le fond */
.Police-Body-text-InvisibleSurBody
{
	color:#DDD4C7;
	font-size: 1px;
}

.TxtOutOfStock
{
	font-size: 14px;
	color: #FE0D00;
}

/* Css pour le bandeau */

#indexLeft{
	float: right;
	width: 17%;
	background-color: #F3F4FD;
	height: 683px;
	overflow:auto;
}

.imgUnivers{
	margin-top: 0.7em;
}

#indexRight{
	width: 83%;
	float: left;
	margin-top: 1rem;
}

#imgSlide{
	padding-left: 2rem;
}

#slides ul{
	list-style-type: none;
	margin: 0 22rem;
	padding: 0;
}

#slides li{
	cursor: hand;
	cursor: pointer;
	float: left;
	margin: 0 1rem 1rem 0;
	font-size: 2.5em;
}
#slides li:hover{
	color: #9f8ab4;
}

#imageIndex{
	float: left;
	width: 61%;
	padding: 0 0 1.5rem 2rem;
}

#textIndex{
	margin: 4rem 0 0 0;
	float: left;
	width: 35%;
	font-size: 26px;
	letter-spacing: 0.4px;
	color: #9868BF;
}

#boutiqueIndex{
	width: 130px;
	margin-top: 4rem;
}

.fb-reseau{
	float: right;
	margin-top: 30px;
	padding-right : 10px;
}

.fb-like{
	padding-right : 10px;
}

.mail{
	float: right;
	padding: 0.4em 0.4em 0 0;
}

#featured
{
	position:relative;
	height:220px;
	overflow:hidden;
	margin-top:15px;
	margin-bottom:3px;
	border:0px;
	border-radius:0px;
	padding:0px;
}

#featured ul.ui-tabs-nav
{
	position:absolute;
	top:0px;
	left:0px;
	list-style:none;
	padding:0px;
	width:243px;
	overflow:hidden;
	vertical-align:middle;
	border:#FFFFFF;
	border-radius:0px;
}

#featured .ui-state-default
{
	background-color:#eaebec;
}
#featured .ui-state-default a
{
	color:#6c6c6c;
}
#featured .ui-state-hover
{
	background-color:#acacac;
}
#featured .ui-state-hover a, #featured .ui-state-active a
{
	color:#eaebec;
}
#featured .ui-state-active
{
	background-color:#6c6c6c;
}
#featured ul.ui-tabs-nav li a{
	width:100%
}
#featured ul.ui-tabs-nav li
{
	border:none;
	width:250px;
	font-weight: bold;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	line-height: 29px;
	border-radius:0px;
	margin:0px;
}

#featured .ui-tabs-panel
{
	width:807px;
	height:220px;
	position:relative;
	left:243px;
	padding:0px;
	margin:0px;
}

#search-container, #search-containerhp
{
	display:block;
	margin-top:2px;
}

#search-container
{
	float: left;
	padding: 8px 133px;
}
#search-containerhp
{
	padding-left: 20rem;
}
#search-containerhp .s
{
	background:url(../../img/Search/searchr.png) bottom left no-repeat;
	width:31px;
}
#search-container .s
{
	background:url(../../img/Search/searchr2.png) bottom left no-repeat;
	height: 35px;
	width: 35px;
}
#search-container .s, #search-containerhp .s
{
	display:block;
	float:left;
	cursor:pointer;
	text-indent:-10000px;
	border:none;
	background-color:#9868bf;
	background-position: center;
}

#search-containerhp .s
{
	height:36px;
}

#search-container .i,#search-containerhp .i
{
	display:block;
	float:left;
	width:12px;
	height:24px;
}

#search-containerhp .i
{
	height:36px;
}

#search-container .t,#search-containerhp .t
{
	display:block;
	float:left;
	width:200px;
	height: 35px;
	line-height: 35px;
	padding:0px;
	margin-top:0px;
	font-size:11px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-left: 50px;
}

#search-containerhp .t
{
	border: 2px solid #9868BF;
	border-left:none;
	width:381px;
	height:36px;
	font-size:21px;
}

.bouton
{
	width:110px;
	border-radius: 6px;
}

.boutonSearch
{
	width:220px;
	float:right;
}

A.bouton:active ,A.bouton:visited ,A.bouton:link
{
	color: #FFFFFF;
	background-color: #4EA8DA;
}

A.bouton:hover
{
	border: none;
	color: #4EA8DA;
	background-color: #C3C5C7;
}

.CaseMenuCart
{
	background:#4EA8DA;
}

.cart_title
{
	color:#4EA8DA;
	text-decoration:none;
}

.cart_title:hover{
	color:#9868BF;
}

.LinkCaseMenuCart
{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 12pt;
	font-weight:bold;
	white-space:nowrap;
}
.LinkCaseMenuCart1
{
	color:#3AE63E; /*#9868BF;*/
	text-decoration:none;
	font-size: 8pt;
	white-space:nowrap;
}

.CaseMenuMyAccount
{
	background:#787D87;
}

.LinkCaseMenuMyAccount
{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 12pt;
	font-weight:bold;
	white-space:nowrap;
}
.LinkCaseMenuMyAccount1
{
	color:#9868BF;
	text-decoration:none;
	font-size: 11pt;
	font-weight:bold;
	white-space:nowrap;
}

.LinkCaseMenuMyAccount1:hover, .LinkCaseMenuMyAccount:active
{
	color: #4B088A;
	background-color: #FFFFFF;
}

.boxproduct
{
	background: #FFFFFF;
	margin:0px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border:1px solid #EAEBEC;
	padding:10px;
}

.roundbox
{
	background:#F3F4FD;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.roundbox2
{
	background:#EAEBEC;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.boxproduct .t
{
	text-align:center;
	margin-bottom:15px;
}

.boxproduct .TxtTitle
{
	float:right;
	margin-top:25px;
}

.boxproduct .p
{
	background-color:#9868BF;
	text-align:center;
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
	padding:4px;
}

/* Fiche Produit */
#prodtop {
	max-width:960px;
	margin:0px;
	position:relative;
	z-index: 0;
	float:left;
	width:100%;
}

#prodimage {
	width:500px;
	height:500px;
	position:absolute;
}

#prodinfo {
	margin-left:505px;
	height:490px;
}

#prodinfo .m{
	float:right;
}

#prodinfo .m span{
	font-size:15px;
	color:#9a6ac1
}

#prodinfo .TxtTitle{
	font-size:21px;
	margin-top:2px;
}

#prodinfo .TxtSsTitle, .TxtFrom {
	margin-top:5px;
	font-weight:normal;
	color:#787d87;
	font-size: 15.5px;
}

#prodinfo .p{
	text-align:right;
	margin-top:8px;
	margin-bottom:8px;
}

#prodinfo .p .p{
	font-weight:bold;
	font-size:20pt;
}

#prodinfo .c
{
	float:left;
	margin-top:20px;
	margin-left:20px;
}

#prodinfo .c .co
{
	margin-top:3px;
	width:100%;
}

#prodinfo .c .cc
{
	margin-left:107px;
}

#prodinfo .c .o, #prodinfo select
{
	width:75px;
}

#prodinfo .c div
{
	float:left;
}

#prodinfo .c .s, #prodinfo .c .o
{
	margin-top:10px;
}
#prodinfo .c .cs
{
	margin-left:75px;
}
#prodinfo .e
{
	float:right;
	text-align:right;
}

#prodinfo .e img
{
	margin-left:10px;
}

#prodinfo .s
{
	float:right;
	margin-top:15px;
	width:150px;
	text-align:center;
}

.buyButton
{
	display: block;
	border: #ffffff 0px solid;
	padding: 2px 5px;
	font-size: 19px;
	font-weight:bold;
	cursor: pointer;
	line-height: 30px;
	white-space: nowrap;
	letter-spacing: 2px;
	text-align: center;
	width:200px;
	margin-top:22px;
	margin-left:20px;
	text-decoration:none;
}

a.buyButton:link, a.buyButton:visited
{
	color: #ffffff;
	background-color: #3AE63E; /*4ea8da;*/
}

a.buyButton:active, a.buyButton:hover
{
	color: #3AE63E; /*4ea8da;*/
	background-color: #FFFFFF;
}
.buttonv,.buttonb, .buttong, .buttonw
{
	top:50px;
  	border: none;
	margin: 5px 5px;
	padding: 5px 5px;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	font-size: 14px;
}

.buttonv,.buttonb, .buttong, .buttonw
{
	text-decoration:none;
}

.buttonv,.buttonv:link ,.buttonv:visited
{
	color: #FFFFFF;
	background-color: #3AE63E; /*#9868BF;*/
}

.buttonv:active,.buttonv:hover
{
	color: #3AE63E; /*#9868BF;*/
	background-color: #FFFFFF;
}

.buttonb,.buttonb:link ,.buttonb:visited
{
	color: #FFFFFF;
	background-color: #4EA8DA;
}

.buttonb:active,.buttonb:hover
{
	color: #4EA8DA;
	background-color: #FFFFFF;
}
.buttong,.buttong:link ,.buttong:visited
{
	color: #000000;
	background-color: #f3f5f7;
	border: 1px solid #888888;
}

.buttong:active,.buttong:hover
{
	color: #000000;
	background-color: #e3e4e6;
		border: 1px solid #888888;
}
.buttonw,.buttonw:link ,.buttonw:visited
{
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;

}

.buttonw:active,.buttonw:hover
{
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF;
}

.connect{
	text-align:left;
}
.connect .t{
width:200px;display:inline-block;text-align:right;margin-top:5px;
}
.connect .i{
display:inline-block;
}
.connect .r{
text-align:right;
}
.connect .l{
text-align:left;
}
.jssoral, .jssorar, .jssoraldn, .jssorardn
{
	width: 30px;
	height: 50px;
	top: 175px;
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(/../img/a14.png) no-repeat;
	overflow:hidden;
}

.jssoral {
	background-position: -15px -35px;
}

.jssorar
{
	background-position: -75px -35px;
}

.jssoral:hover
{
	background-position: -135px -35px;
}

.jssorar:hover
{
	background-position: -195px -35px;
}

.jssoraldn
{
	background-position: -255px -35px;
}

.jssorardn
{
	background-position: -315px -35px;
}

.jssort .w
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort .c
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 78px;
	height: 62px;
	border: #fff 2px solid;
}

.jssort .p:hover .c, .jssort .pav:hover .c, .jssort .pav .c
{
	background: url(/../img/t01.png) center center;
	border-width: 0px;
	top: 2px;
	left: 2px;
	width: 76px;
	height: 60px;
}

.jssort .p:hover .c, .jssort .pav:hover .c
{
	top: 0px;
	left: 0px;
	width: 78px;
	height: 62px;
	border: #000 1px solid;
}
.colorButton
{
	margin:3px;
	float:right;
	width:20px;
	height:20px;
	border:1px black solid;
/* pb avec firefox
	border:3px white solid;
	-webkit-box-shadow: inset 0px 0px 0px 1px black;
	-moz-box-shadow: inset 0px 0px 0px 1px black;
	box-shadow: inset 0px 0px 0px 1px black;*/

}
.colorButtonSelect
{
	border:3px black solid;
	-webkit-box-shadow: inset 0px 0px 0px 1px white;
	-moz-box-shadow: inset 0px 0px 0px 1px white;
	box-shadow: inset 0px 0px 0px 1px white;
}

.colorButtonDisable
{
	background-image:url("../../img/ColorButtonDisable.png");;
}
.prodimageSli
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 485px;
	background: #ffffff;
	overflow: hidden;
}

.prodimageLoa
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.prodimageLoa1
{
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	display: block;
	background-color: #ffffff;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}

.prodimageLoa2
{
	position: absolute;
	display: block;
	background: url(/../img/loading.gif) no-repeat center center;
	top: 0px;
	left: 0px;
	width: 100%;
	height:100%;
}

.prodimageSlic{
	cursor: move;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 400px;
	overflow: hidden;
}

#CartWindow {position:absolute; height:1; width:1px; top:0; left:0;}

.basketLine{
	padding-top:10px;
	clear:both;
}
.basketLine .i{
	float:left;
	width:100px;
}
.basketLine .t{
	float:left;
}
.basketLine .d{
	float:right;
	width:50px;
	text-align:center;
}
.basketLine .m{
	float:right;
	width:60px;
}
.basketLine .p{
	float:right;
	width:80px;
	text-align:right;
	margin-right:4px;
}
.basketLine .n{
	float:right;
	width:150px;
	text-align:right;
}
.basketLine .t{
	margin-top:15px;
}
.bold{
	font-weight:bold;
}
.basketLine .n a, .basketLine .d a{
	text-decoration:none;
	border-color:#a9a9a9;
	border-style:solid;
	border-width:1px;
	width:20px;
	height:19px;
	display:inline-block;
	margin:0px 5px;
	font-weight:bold;
	color:black;
	text-align:center;
}
.adress{
	display:inline-block;
	width:328px;
}
.adressSelec{
	border:2px solid #9868BF;
	width:318px;
	padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.AdressChange{
	margin:25px;
}
.AdressChange .t{
	display:inline-block;
	width:50%;
	font-weight:bold;
	text-align:right;
	margin-top:5px;
}
.AdressChange .i{
	display:inline-block;
	width:50%;
}
.shop_unselect{
	margin-left:610px;
	margin-top:10px;
	border:2px solid white;
}
.shop_select{
	border-color:#9868BF;
}
/*****Cookie Policy styles**********/
.cookDiv{background-color:#666666;padding:3px 10px 7px 0px; color:#fff;font-size:12px;height:33px;position: fixed;bottom: 10px;width: 80%;z-index:10100;}
.cookMsg{float:left; padding:2px 2px;width:80%;}
.cookIcon{float:right; padding:0px 0px;width:20px;text-align:right}
.cookMsg a:link, .cookMsg a:visited, .cookMsg a:hover{color:#fff;text-decoration:underline;}
.AlertMail{
	color:red;
	padding-top:10px;
	text-align:center;
}

/* Page dropshipping */
.drop{
	width: 100%;
	border: 1px solid black;
	margin-bottom : 10px;

}

.drop_titre{
	width: 30%;
	font-weight: bold;
}

.tableau_drop{
	float: left;
	width: 48%;
	margin-left: 15px;
	height: 420px;
}

/* Media */
.mediaSet{
	height:30px;
}
.mediaSet .c{
	float:left;
}
.mediaSet .p{
	float:right;
}
.ConteneurMedia{
	display:flex;
    flex-direction: row;
	justify-content: space-around;
}

.media{
	background-color:#F5F5F5; /*F3F4FD;*/
	padding:5px;
	margin-bottom:20px;
	width:30%;
}
.media .no{
	text-align:center;
}
.media .d{
	float:right;
}

.media .t, .media .d{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.4px;
	color: #4EA8DA;
	margin-bottom:5px;
	text-decoration:none;
}
.media .b {
	width:100%;
}
.media .b p {
	margin: 5px;
	text-align:justify;
}
.media .b a {
	padding:0px;
	margin: 5px;
}
.media .b img {
	width:100px;
	margin-top:auto;
	margin-bottom:auto;
	padding:10px;
}
.mediaNext{
	float:right;
	text-align:center;
}
.mediaPrevious{
	float:left;
	text-align:center;
}
.mediaPrevious input[type="submit"], .mediaNext input[type="submit"]{
	border: solid 0px #000000;
	width: 48px;
	height: 49px;
}
.mediaPrevious input[type="submit"]{
	background-image:url('../../img/MediaPrev.jpg');
}
.mediaNext input[type="submit"]{
	background-image:url('../../img/MediaNext.jpg');
}
.HPMain{
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #4C3E2C;
}

.mainTop{
	float: left;
	margin: 0 30px;
}


.TitreHP{
	text-align: center;
	margin-bottom: 15px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.imgHP{
	float: left;
}

.descriptionHP{
	float: left;
	width: 540px;
	padding-left: 64px;
}

.descriptionHP > p{
	font-size: 16px;
	text-align: justify;
}

.descriptionHP > a {
	font-size: 18px;
	font-weight: bold;
	padding-left: 150px;
	color: #9868BF;
}

.descriptionHP > a:hover{
	color: #4B088A;
}

.NvxPdts{
	float: left;
	margin: 30px 0;
}
.BigNvxPdts{
	float: left;
	margin: 0 11px;
	height: 445px;
	width: 320px;
	text-align : justify;
}
.BigNvxPdts > a > img{
	width: 320px;
	height: 380px;
}
.SmallNvxPdts{
	height: 200px;
	width: 214px;
    white-space: nowrap;
	float: left;
	margin: 11px 11px;
	text-align:center;
}
.SmallNvxPdts > a > img{
	width: 200px;
	height: 160px;
}
.SmallDescription, .SmallDescriptionAvis{
	text-align: justify;
	padding: 10px;
}
.HPthemes{
	width: 480px;
	float: left;
	margin: 20px 0;
}
.HPthemes2{
	margin-right: 90px;
}
.HPtitlethemes > h2{
	font-weight: normal;
	padding: 5px 0;
	text-transform: uppercase;
	width:100%;
	margin-bottom: 15px;
}

.Bigthemes{
	float: left;
	width: 320px;
	height: 389px;
}
.Bigthemes > a > img{
	width: 320px;
	height: 280px;
	margin-top: 5px;
}
.Smallthemes{
	float: right;
	width: 149px;
	height: 129px;
	border: 1px solid #ebebeb;
	margin-top: 5px;
}
.Smallthemes > a > img{
	padding: 6px 2px 0 2px;
	width: 145px;
	height: 100px;
}
.MiniTitleHP{
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.HPavis{
	float: left;
	margin: 20px 0;
	width:100%;
}
.ImgAvis{
	width: 210px;
	margin: 0 25px;
	float: left;
	margin-top: 20px;
}
.ImgAvis > img{
	width: 75px;
}
.NomAvis{
	font-weight: bold;
}
video{
	width: 640px;
	float: left;
}
.ArtBlog{
	width: 390px;
}
.ArtBlogNoVideo{
	width: 330px;
}
.ArtBlog, .ArtBlogNoVideo{
	float: left;
	text-align: justify;
	margin: 15px 10px;
}
.ArtBlog > a, .ArtBlogNoVideo > a{
	text-decoration: none;
	color: #9868BF;
	font-size: 12px;
	text-transform: uppercase;
}

.ArtBlog > a > h3:hover, .ArtBlogNoVideo > a > h3:hover{
	color: #4B088A;
}
.ImgBlog > img{
	margin-left: 50px;
	border: 6px solid #ebebeb;
	border-radius: 6px;
	margin-bottom: 5px;
}
.ariane{
	margin-left:30px;
	margin-top:8px;
	clear:both;
}
.ariane div, .ariane a{
	float:left;
    color:#AAA;
	font-size:14px;
	text-decoration:none;
	}
.ariane .sep{
	background-image: url("../../img/shop/sep.png");
	width:3px;
	height:10px;
	margin:5px;
}


/****************************************************Nouvelle boutique Univers Climsom**************************************************************/

.aluniteProduitThemePr, .packProduitThemePr
{
	/*border: 1px solid black;*/
	display: inline-block;
	text-align: center;
	padding: 5px;
	padding-right: 0px;
	vertical-align: top;
	background-color: #fafafa;
}

.titreThemePr
{
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: left;
	/*-family: century gothic;*/
}

.aluniteProduitThemePr .boxproduct
{
	width:28%;
	display: inline-block;
	margin-top: 30px;
	font-weight:lighter;
}

.barreSeparation
{
	width: 10px;
	display: inline-block;
	background-color:white;
}

.aluniteProduitThemePr .p
{
	font-weight: lighter;
	padding: 0px;
}

.packProduitThemePr .slogan
{
	font-weight: lighter;
	font-size: small;
	margin-top: -10px;
	/*margin-bottom: 0px;*/
}

#lieuMenuDeroulantTheme
{
	margin-top: 30px;
	margin-left: 150px;
	position: fixed;
}

.themePetitCadre
{
	width:30%;
	/*border: 2px solid black;*/
	display: inline-block;
	margin-right: 1%;
	margin-left: 1%;
}

.imageTheme
{
	width:80%;
	margin-right: auto;
	margin-left: auto;
	display:block;
}

.texteTheme
{
	text-align: center;
	font-size: 13px;
	color: black;
}

.ancreThemeIntro
{
	color: black;
	text-decoration: underline;
}

.ancreThemeIntro:hover
{
	text-decoration: none;
}

/*Fiche produit*/
#description a[id]:before{
    display: block;
    content: " ";
}
#description a[id]{
	padding-top: 40px;
	position: relative;
	top: -40px;
	margin-bottom: -40px;
}
.ancreFicheProduit
{
	font-size: 12px;
	color: #4169E1 !important;
	text-align: left;
	text-decoration: none;
}
.titreFicheProduit
{
	font-size: x-large;
	color: #6c0764;
	font-weight: bold;
	text-align: left;
}
.FicheProduitHighlight{
	color: #800080;
	font-weight: bold;
}

#ficheProduit blockquote
{
	font-size: 12px;
	color: black;
	text-decoration: italic;
	text-align: justify;
}
#ficheProduit img
{
	padding-right: 30px;
}

/* permet d'avoir des ancres. Tient compte de la hauteur du menu */
.anchorShop{
  display: block;
  height: 180px; /*same height as header*/
  margin-top: -180px; /*same height as header*/
  visibility: hidden;
}

.field-icon {
  float: right;
  margin-right: 8px;
  margin-top: -23px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}