.clear {
  clear:both;
}

.bouton_menu_modif, #boutons_connecte {
  display:none !important;
}

.ra1-pw-popup-footer, .ra1-pw-popup-title, .ra1-pw-email-footer  {
  display:none !important;
}

header,
footer,
nav,
aside,
section,
figure,
capfigure,
article {
  display: block;
}


.alaligne {
  clear: both;
  width: 100%;
  height: 1px;
  font-size: 1px;
}

.admin_calque {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;

  background-color: #dddddd;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

.bouton_menu_modif {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 999999;
  top: 0px;
  left: 0px;
}

.bouton_menu_modif a img {
  border: 0px;
}

#cadre_boutons_connecte {
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -30px;
  left: 0px;
  z-index: 999;
  background-color: #FFC814;

  //-webkit-box-shadow:  0px 3px 5px 2px rgba(0, 0, 0, 0.2);
  //box-shadow:  0px 3px 5px 2px rgba(0, 0, 0, 0.2);
}

#cadre_boutons_connecte .bandeau_bouton {
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  width: auto;
  padding-right: 10px;
}

#cadre_boutons_connecte a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 22px;

  font-family: 'Homenaje', verdana, sans-serif;
  color: #000000;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
}

#cadre_boutons_connecte a:hover {
  color: #999999;
}

#cadre_boutons_connecte a#bandeau_admin {
  padding-left: 22px;
}

#cadre_boutons_connecte a#bandeau_site {
  display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
  padding-left: 22px;
  margin-left: 20px;
}

hr {
  border: 0px;
  border-bottom: 1px dashed #FF7E00;
}

#bandeau_print {
  display: none;
}

a img {
  border: 0px;
}



html {
  
}

body {
  margin: 0px;

  font-family: 'Lato', verdanna;
}


#bandeau {
  width: 100%;
}

#bandeau > div {
  width: 994px;
  margin: 0 auto;
  position:relative;
}

#logo {
  display: inline-block;
  vertical-align: top;
  width: 71%;
  height: 130px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/logo.gif);
  background-repeat: no-repeat;
  background-position: top left;
}


#menu_top {
  display: inline-block;
  vertical-align: top;
  width: 26%;
  margin-top: 5px;
  float:right;
  text-align:right;
  z-index:2;
}

#menu_top dl {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

#menu_top a {
  padding-left: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #221C5D;
  text-decoration: none;
}

#menu_top a:hover {
  color: #000000;
}

#menu_top a:after {
  content: 'l';
  margin-left: 5px;
}



#langue {
  list-style: none;
  display: inline-block;
  display: none;
  vertical-align: top;
  width: 49px;
  width: 5%;

  // border: 1px solid red;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;
}

#langue li {
  display: inline-block;
}

#langue a {
  display: inline-block;
  width: 20px;
  height: 12px;
  margin-left: 2px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -16px -548px;
}

#langue a#english {
  background-position: -16px -572px;
}


#navigation {
  height: 34px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #f1f1f1;
}

#navigation > div {
  width: 994px;
  margin: auto;
}

#menu_principal {
  display: inline-block;
  vertical-align: top;
}

#menu_principal ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#menu_principal li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  //line-height: 10px;
}

#menu_principal li.menu_responsive {
  display:none;
}

.ssmenu {
  display: none;
  width: 1000px;
  padding: 10px;

  position: absolute;
  z-index: 9999999;

  background-color: #ebebeb;
  border: 1px solid #cdcdcd;
}

li:hover .ssmenu {
  display: inline-block;
}

.ssmenu > div {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin-right: 10px;
  text-align: center;
}

.ssmenu > div > span {
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  height: 75px;
}

.ssmenu span {
  display: table-cell;
  width: 160px;
  height: 75px;
  vertical-align: middle;
}

.ssmenu img {
  display: block;
  margin: auto;
  vertical-align: middle;
}

.ssmenu .colonnes {
  display: inline-block;
  vertical-align: top;
  width: 700px;

  border-left: 1px solid #221C5D;

  -moz-column-count: 3;
  -moz-column-width: 120px;
  -moz-column-rule: 1px solid #221C5D;
  -webkit-column-count: 3;
  -webkit-column-width: 120px;
  -webkit-column-rule: 1px solid #221C5D;
  column-count: 3;
  column-width: 120px;
  column-rule: 1px solid #221C5D;
}

.ssmenu .colonnes.colonnes_4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  width:900px;
}

#menu_principal .ssmenu a {
  width: 169px;
  line-height: 15px;
  padding-left: 10px !important;

  border: 0px;

  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #221C5D;
  text-decoration: none;
  text-transform: none;
  padding-top:6px;
  padding-bottom:6px;

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#menu_principal .ssmenu a:hover {
  background-color: #ffffff;
  color: #221C5D;
}

#menu_principal a {
  display: block;
  width: 124px;
  line-height: 34px;

  border-left: 1px solid #cdcdcd;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

#menu_principal ul.colonnes > li:last-child a {
  width: 149px;

  border-right: 1px solid #cdcdcd;
}

#menu_principal a:hover,
#menu_principal a.selected {
  background-color: #221C5D;
  color: #ffffff;
}

#menu_principal ul.colonnes li.une_collection > a, #menu_principal #collections_marque > a {
  /*font-weight:bold;*/
  /*text-transform:uppercase;*/
}

#menu_principal ul.colonnes li.une_collection ul li a, #menu_principal #collections_marque a {
  padding-left:25px !important;
  font-size: 12px;
  line-height: 13px;
  padding-bottom: 4px;
  padding-top: 4px;
}
#menu_principal ul.colonnes li.une_collection ul li a:hover, #menu_principal #collections_marque a:hover {
  color: #ebc200;
}

#menu_principal ul.colonnes li.une_collection ul, #menu_principal #collections_marque ul {
  margin-bottom:5px;
}

#menu_principal #collections_marque a:hover {
  background-color: transparent;
}

#menu_principal #collections_marque a {
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#collections_marque {
  background-color: white;
  margin-top: 10px;
  padding: 5px;
  display: none;
}



#ma_selection {
  display: inline-block;
  vertical-align: top;
  width: 239px;
  height: 35px;
  overflow: hidden;

  position: relative;
  z-index: 9998;

  background-color: #ebc200;

  color: #ffffff;
  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 14px;
}

#ma_selection p,
#ma_selection span {
  line-height: 35px;
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

#ma_selection p a,
#ma_selection span a {
  text-decoration: none;
  color: #ffffff;
}

#ma_selection p a {
  font-weight:bold;
  text-transform:uppercase;
  font-size:11px;
}

#ma_selection p {
  width: 90px;
  padding-left: 50px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -0px -175px;
}

#ma_selection span {
  width: 85px;
  text-align: right;
}

#ma_selection table {
  display: table;
  width: 209px;
  margin: 15px;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}

#ma_selection tbody {
  width: 100%;
}

#ma_selection tr {
  width: 100%;
  padding-top: 5px;
}

#ma_selection .total {
  font-weight: bold;
}

#ma_selection td.quantite {
  width: 22px;
}

#ma_selection td.supp {
  width: 15px;
}

#ma_selection td.prix {
  white-space: nowrap;
  text-align: right;
}

#ma_selection td span {
  width: auto;
  text-align: right;
}

#ma_selection .designation {
  font-size: 11px;
  border-bottom: 1px dashed rgba(255,255,255,0.2);

  border: 1px solid red;
}

#ma_selection .total td,
#ma_selection .designation td {
  padding-bottom: 5px;
  border-bottom: 1px dashed rgba(255,255,255,0.2);
}

#ma_selection input {
  width: 20px;
  padding: 0px 3px;

  text-align: right;
  color: #ebc200;

  border: 0px;
}

.text {
  background-color: transparent;
}

#ma_selection table a {
  display: block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  margin: 2px 7px 3px;
  padding: 3px;

  text-align: center;
  font-size: 9px;
  text-decoration: none;
  color: #ebc200;
  text-transform: uppercase;

  border-radius: 10px;
  background-color: #ffffff;
}

#ma_selection a.valider {
  line-height: 20px;
  margin-bottom: 10px;
  padding-right: 30px;
  float: right;

  color: #ffffff;
  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: right -219px;
}
#bande {
  height: 370px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/texture.gif);
  background-repeat: repeat;
  background-position: center center;

  -webkit-box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.4);

  position:relative;
  z-index:0;
}

#bande ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#recherche {
  display: inline-block;
  vertical-align: top;
  width: 219px;
  margin: auto;
  padding: 10px;

  position: absolute;
  top: 0px;
  z-index: 200;

  background-color: #dbdbdb;
  background-color: rgba(219, 219, 219, 0.8);
}

#recherche h1 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#recherche label {
  display: block;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
}

#recherche form > input {
  width: 95%;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  border: 0px;
  border-radius: 3px;

  background-color: #f1f1f1;
  background-color: rgba(255,255,255,0.6);
}

#recherche .dd {
  width: 95% !important;
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  float: left;

  position: relative;

  border: 0px;
  border-radius: 3px;
  border-radius: 3px;

  background-color: #f1f1f1;
  background-color: rgba(255,255,255,0.6);

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 170px -503px;
}

#recherche .ddcommon input.text {
  display:block;
  width: 97%;
  height: 100%;
  margin-top: 0px;
  padding:0 0 0 0;
  padding-left: 5px;

  position:absolute;
  left:0px;
  top: 0px;

  border:none;
  border-radius: 3px;
  border-radius: 3px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal
}

#recherche .ddChild {
  list-style: none;
  width: 100%;
  max-height: 220px;
  margin: 0px;
  margin-top: 1px;
  margin-left: 1px;
  padding: 0px;

  position: absolute;
  top: 50px;
  left: -1px;
  z-index: 8;

  overflow-y: auto;
  border-radius: 3px;

  background-color: #f1f1f1;
}

#recherche .ddChild ul{
  list-style: none;
  margin: 0px;
  padding: 0px
}

#recherche .ddChild ul li{
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px
}

#recherche .ddChild ul li:hover {
  background-color: #ffffff;
}

#recherche form > a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 70px;
  padding: 5px 20px 5px 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  border-radius: 3px;

  background-color: #e77d20;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 103px -218px;
}

#recherche a.lien_recherche_avancee {
  padding-right:28px;
}


.ei-slider {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 400px;
  height: 372px;
  margin: 0 auto;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/texture.gif);
  background-repeat: repeat;
  background-position: center center;
}

.ei-slider-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:999;

  background: rgba(0,0,0,0.9);

  color: #fff;
  text-align: center;
  line-height: 400px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/texture.gif);
  background-repeat: repeat;
  background-position: center center;
}

.ei-slider-large {
  height: 100%;
  width: 100%;
  position:relative;
  overflow: hidden;
}

.ei-slider-large li {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ombre {
  width: 100%;
  height: 100%;

  position: absolute;
  z-index: 100;

  -webkit-box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.4);
}

.ei-slider-large li img{
  width: 100%;

  position: absolute;
}

.ei-title {
  display: none;
}

.titre_slide {
  display: inline-block;
  vertical-align: top;
  max-width: 330px;
  margin: auto;
  padding: 10px;

  position: absolute;
  bottom: 25px;
  z-index: 200;

  border-left: 17px solid rgba(231,125,32,0.5);

  background-color: rgba(0,0,0,0.5);
}

.titre_slide h2 {
  margin: 0px;

  font-family: 'ProximaNovaRegular', sans-serif;
  color: #ffffff;
  font-size: 26px;
  font-weight: nomral;
}

.ei-slider-thumbs{
  height: 15px;
  position: absolute;

  top: -30px;
  top: 330px;

  z-index: 200000;
}

.ei-slider-thumbs li{
  position: relative;
  float: left;
  width: 20px !important;
  height: 100%;
}

.ei-slider-thumbs li.ei-slider-element {
  display: block;
  width: 15px !important;
  height: 15px;
  border-radius: 10px;

  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 10;
  text-indent: -9000px;
  background: #000;
  background: rgba(255,255,255,0.9);
}

.ei-slider-thumbs li a {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  text-indent: -9000px;
  background-color: rgba(255,255,255,0.5);
}

.ei-slider-thumbs li a:hover{
  background-color: rgba(255,255,255,0.5);
}

.ei-slider-thumbs li img {
  position: absolute;
  bottom: 50px;
  opacity: 0;
  z-index: 999;
  max-width: 100%;
}
.ei-slider-thumbs li:hover img{
  opacity: 1;
  bottom: 13px;
}

#contenu {
  overflow: auto;
}

#contenu > div {
  width: 994px;
  margin: auto;
}

#baseline {
  -webkit-box-shadow: inset 0px 10px 10px 10px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 10px 10px 10px rgba(0, 0, 0, 0.4);

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/texture.gif);
  background-repeat: repeat;
  background-position: center center;
}

#baseline > div {
  width: 994px;
  margin: auto;

  text-align: center;

  //background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/logo-baseline.png);
  background-repeat: no-repeat;
  background-position: right 15px;
}

#baseline * {
  margin: 0px;
  padding: 0px;
}

#baseline #marques,
#baseline #couteaux,
#baseline #revendeurs_autres {
  display: inline-block;
  vertical-align: top;
  margin-top: 45px;
}

#baseline #couteaux,
#baseline #revendeurs_autres {
  vertical-align: top;
  //width: 190px;
}

.colonnes {
  color: #ffffff;
  text-align: left;

  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-width: 170px;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-width: 190px;
  column-count: 2;
  column-gap: 1em;
  column-width: 190px;
}

#baseline ul {
  list-style-type: none;
  margin: 0px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 0px;
}

#baseline li {
  line-height: 14px;
  text-align: left;
}

#baseline p {
  text-align: left;
  margin-bottom: 10px;
}

#baseline p a {
  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}

#baseline a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}

#baseline li.une_collection > a {
  font-weight:bold;
}
#baseline li.collection_baseline > a {
  font-weight: normal !important;
}

#baseline a:hover {
  color: #e77d20;
}

.baseline_texte {
  margin-top:-250px;
}

#reprise_logo {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 290px;
}

#menu_baseline {
  display: inline-block;
  margin: 20px auto;
  padding: 20px 100px;
  //border-top: 1px solid #d7d7d7;
}

#menu_baseline dl {
  display: inline-block;
}

#menu_baseline a {
  margin-right: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #d7d7d7;
  text-decoration: none;
}

#menu_baseline a:after {
  margin-left: 5px;
  content: '- ';
}

#menu_baseline dl:last-child a:after {
  margin-left: 0px;
  content: '';
}

#menu_baseline a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#menu_baseline a:hover:after {
  color: #d7d7d7;
  text-decoration: none;
}


}

.ui-widget-content {
  border: 0px !important;
  background-color: #e1e1e1 !important;
  background-image: none !important;
}
.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-widget-header {
 border: 0px !important;
 background-color: #8dc73f !important;
 background-image: none !important;
}
.ui-slider .ui-slider-handle {
  width: 8px !important;
  height: 20px !important;
  cursor: move !important;

  border: 0px !important;

  background-color: transparent !important;
  border-radius: 0px !important;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png) !important;
  background-repeat: no-repeat !important;
  background-position: -20px -603px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0px !important;
  background-color: transparent !important;

  //background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png) !important;
  background-repeat: no-repeat !important;
  //background-position: -20px -603px !important;
}

.ui-dialog-content {
  background-color:#fff !important;
}

.ui-dialog-titlebar {
  background-color:#ebc200 !important;
  color:#fff;
}

.ui-state-hover {
  background-image:none !important;
}

.calque_quantité {
  display:none;
}

.ui-dialog-content h3 {
  color: #221C5D;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.ui-dialog-content input {
  background-color: #E1E1E1;
  border: 0 none;
  border-radius: 3px 3px 3px 3px;
  color: #221C5D;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 28px;
  width:50px;
  margin:10px 10px 10px 0;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
}

.ui-dialog-content a.ajouter {
  display:inline-block;
  vertical-align:middle;
  color: #e77d20;
  font-family: 'ProximaNovaBold',sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  text-decoration:none;
}

ul.tagit {
  margin:5px 0 0 0 !important;
}

ul.tagit li.tagit-new {
    padding: 2px !important;
    width:100% !important;
}

ul.tagit li.tagit-new input {
  margin-top:0 !important;
  height:20px !important;
  background-color:transparent !important;
  width:100% !important;
  padding:0 !important;
}

ul.tagit li.tagit-choice {
  background-color:#EFEFEF !important;
  color:#898989 !important;
  border:0px !important;
  -moz-border-radius:2px !important;
  -webkit-border-radius:2px !important;
  border-radius:2px !important;
  font-size:11px !important;
  padding:3px 25px 3px 5px !important;
  line-height:16px !important;
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
  color:#898989 !important;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
  background-color: #221C5D; !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  display: inline-block !important;
  font-size: 9px !important;
  height: 13px !important;
  line-height: 10px !important;
  margin-left: 4px !important;
  text-align: center !important;
  text-decoration: none !important;
  width: 13px !important;
  line-height:12px !important;
  font-family:'Open Sans', sans-serif !important;
}

#recherche ul.tagit {
  background-color: rgba(255, 255, 255, 0.6);
  border:0px;
  width:97%;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-left:5px;
  padding-right:5px;
  max-height:62px;
  overflow:scroll;
}

#recherche ul.tagit li {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#recherche ul.tagit li input {
  background:transparent !important;
}

#recherche form > input {
  width:97%;
}



#infos_contact {
  position:absolute;
  top:45px;
  right:0;
  font-family:'Open Sans', sans-serif;
  margin:0;
}
#infos_contact .non_connecte {
  width: 300px;
}
#infos_contact .non_connecte a {
  color: white;
  font-size: 10px;
}

#infos_contact > div {
  display:inline-block;
  vertical-align:middle;
}

#infos_contact > div:nth-child(2) {
  background-color:#e77d20;
  padding:5px;
  margin-left:8px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

#infos_contact > div:nth-child(2) span {
  display:block;
  padding:4px 8px;
  background-color:#fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  text-align:center;
}

#infos_contact > div:nth-child(2) span:nth-child(1) {
  margin-bottom:4px;
}

#infos_contact, #infos_contact p, #infos_contact a {
  font-size:11px;
  margin:0;
  line-height:16px;
  color:#221C5D;
}

#infos_contact a:hover {
  color:#ebc200;
}

#infos_contact > div:nth-child(1) span {
  color:#e77d20;
  text-transform:uppercase;
  font-weight:bold;
}

#bloc_gauche ul.tagit {
  margin:5px 0 0 0;
}

#bloc_gauche ul.tagit li.tagit-new {
    padding: 2px;
    width:100%;
}

#bloc_gauche ul.tagit li.tagit-new input {
  margin-top:0;
  height:20px;
  background-color:#fff;
  width:100%;
  padding:0;
}

#bloc_gauche ul.tagit li.tagit-choice {
  background-color:#EFEFEF;
  color:#898989;
  border:0px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  font-size:11px;
  padding:3px 25px 3px 5px;
  line-height:16px;
}

#bloc_gauche ul.tagit li.tagit-choice .tagit-label:not(a) {
  color:#898989;
}

#bloc_gauche ul.tagit li.tagit-choice .tagit-close .text-icon {
  background-color: #221C5D;
  border-radius: 12px;
  color: #ffffff;
  display: inline-block;
  font-size: 9px;
  height: 13px;
  line-height: 12px;
  margin-left: 4px;
  text-align: center;
  text-decoration: none;
  width: 13px;
  line-height:12px;
  font-family:'Open Sans', sans-serif;
}

a.bouton {
  display: inline-block;
  margin-top: 5px;
  margin-left: 38px;
  margin-bottom: 5px;
  padding: 5px 20px 5px 10px;
  float: right;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  border-radius: 3px;

  background-color: #e77d20;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 51px -218px;
}
a.bouton.contact {
  background-position: 39px -218px;
}


#bloc_identification {
  width:150px;
  position:absolute;
  right: 0;
  top: 25px;
  background-color:#898989;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:10px;
  z-index:1;
  display:none;
  -moz-border-radius:3px 0 3px 3px;
  -webkit-border-radius:3px 0 3px 3px;
  border-radius:3px 0 3px 3px;
}

#bloc_identification a {
  margin:5px 0 0 0;
}

#bloc_identification input {
  width:100%;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:0;
  padding:3px;
  text-align:center;
}

#menu_top dl.identification.ouvert {
  background-color:#898989;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
}

#menu_top dl.identification.ouvert dt a {
  color:#fff;
  text-transform:uppercase;
}
#menu_top dl.identification.ouvert dt a:after {
  content:'';
}

#texte .information {
  color:#e77d20;
}

#texte .auth {
  width:96%;
  max-width:300px;
  margin:10px auto;

  border: 1px solid #d7d7d7;
  padding: 20px 20px 40px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#texte .auth label {
  display: block;
  clear: left;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #898989;
}

#texte .auth input {
  width: 97%;
  height: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  border: 0px;
  border-radius: 3px;

  background-color: #e1e1e1;
}

#texte .auth .bouton {
  margin-right:3%;
  color:#fff !important;
  padding: 5px 10px;
}

.tagit-autocomplete.ui-menu .ui-menu-item a {
  font-size:12px;
  font-family:'Lato', sans-serif;
}

.tagit-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
  margin:0 !important;
  cursor:pointer;
  background-color:#F1F1F1 !important;
}

.tagit-autocomplete.ui-menu {
  -moz-border-radius:2px !important;
  -webkit-border-radius:2px; !important;
  border-radius:2px !important;
  border:1px solid #c6c6c6 !important;
  padding:0 !important;
}

#menu_principal li {
  position:relative;
}

#menu_principal ul.colonnes li.une_collection ul {
  display:none;
}


#menu_principal ul.colonnes li.une_collection .collection_plus, #menu_principal ul.colonnes li.une_collection .collection_marque_plus {
  position:absolute;
  top:6px;
  right:4px;
  height:16px;
  width:16px;
  font-size:11px;
  line-height:16px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  text-align:center;
  color: #221C5D;
  border: solid #221C5D 1px;
  cursor:pointer;
}

#menu_principal ul.colonnes li.une_collection .collection_plus:hover, #menu_principal ul.colonnes li.une_collection.ouvert .collection_plus,
#menu_principal ul.colonnes li.une_collection .collection_marque_plus:hover, #menu_principal ul.colonnes li.une_collection.ouvert .collection_marque_plus {
  background-color:#ebc200;
  color: white;
}

#menu_principal ul.colonnes li.une_collection.ouvert {
  background-color:#fff;
}


#menu_principal .ssmenu a, #menu_principal .ssmenu li.une_collection {
  width:223px;
}

.ssmenu .colonnes.colonnes_4 {
    width: 980px;
}

.message_resultats {
  text-transform: none !important;
}


#recherche_generale select {
  width:170px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.btn_calque_mdp_perdu {
  color:#fff;
  font-size:11px;
  cursor:pointer;
}


#calque_mdp_perdu label {
  font-size:12px;
  width:55px;
}

#calque_mdp_perdu input {
  width:calc(100% - 70px - 0.3em);
  margin-right:0;
}

.que_agoratec {
  display: none !important;
}




.auth {
  width: 300px;
  margin: auto;
}

.auth label {
  display: block;
  clear: left;
  
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #898989;
}

.auth input {
  width: 97%;
  height: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  
  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: normal;
  
  border: 0px;
  border-radius: 3px;
  
  background-color: #e1e1e1;
}

.auth a {
  line-height: 40px;  
     
  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 11px;
  color: #898989;
  font-weight: normal;
}

.auth a.bouton.connexion {  
  line-height: inherit; 
  background-position: 50px -216px;
}


#texte ul.elements_menu {
	list-style-type: none;
	padding-bottom: 10px;
  margin: 0px;
  margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #efefef;
}

#texte ul.elements_menu li {
  line-height: 20px;
  padding-left: 15px;  

  background-position: 0px 7px;
}

#texte ul.elements_menu li a {
  font-size: 14px;
  text-decoration: none;
}

#texte ul.elements_menu li a:hover {
  text-decoration: underline;
}

#texte ul.elements_menu li ul {
  list-style-type: none;
  padding-left: 15px;
}

#texte ul.elements_menu li ul li {
  background-position: 0px 8px;
}

#texte ul.elements_menu li ul li a {
  font-size: 12px;
  color: ;
}

#texte ul.elements_menu li ul li ul li a {
  font-size: 11px;
  color: ;
}

#texte ul.elements_menu li ul li a:hover {
  color: #FF7E00;
}

    
		


#bande.selection {
  background-image: url(https://www.cor-caroli.fr/commun/modeles/selection/img/fond-marques.jpg);
  position: absolute;
  width: 100%;
}

#contenu {
  min-height: 480px;
}

#contenu > div {
}


.texte_selection {
  width: 754px;
  margin-left: 218px;
  padding: 10px;

  position: relative;
  z-index: 10;

  background-color: #ffffff;
  border: 1px solid #d7d7d7;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;
  line-height: 18px;
  margin-top:99px;

  margin-bottom:20px;
}

.texte_selection h1 {
  margin-top: 0px;
  margin-bottom: 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 13px;
  color: #ebc200;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.texte_selection h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  float: left;
  clear:both;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

.texte_selection h2 + p {
  clear: left;
}

.texte_selection input.ajout_rapide {
  display: block;
  width: 72%;
  height: 28px;
  //margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 22px;
  float: left;
  clear:both;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  border: 0px;
  border-radius: 3px;

  background-color: #e1e1e1;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -16px -215px;
}

#lancer_recherche {
  display: block;
  height: 30px;
  line-height: 30px;
  float: right;
  margin-right:4px;

  text-align: center;
  font-size: 14px;
  color: #ffffff;

  border-radius: 3px;
  border:0px;

  background-color: #e1e1e1;

  cursor: pointer;
  padding:0 1.5%;
}


#fermer_ajout {
  display: block;
  width: 28px;
  height: 30px;
  line-height: 25px;
  float: right;

  text-align: center;
  font-size: 20px;
  color: #ffffff;

  border-radius: 3px;

  background-color: #e1e1e1;

  cursor: pointer;
}

#lancer_recherche:hover {
  background-color: #acacac;
}

#lancer_recherche:active {
  background-color: #e77d20;
}


#fermer_ajout:hover {
  background-color: #acacac;
}

#resultats_ajouts {
  list-style: none;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0px;
  display: none;
  clear:both;
}

#resultats_ajouts li {
  display: inline-block;
  vertical-align: top;
  width: 244px;
  margin-right: 10px;
  margin-bottom: 5px;
}

#resultats_ajouts li:nth-child(3n+3) {
  margin-right: 0px;
}

#resultats_ajouts input {
  display: none;
}

#resultats_ajouts label {
  display: block;
  min-height: 70px;
  padding: 5px 5px 25px 5px;
  border: 1px solid #D7D7D7;
  position:relative;
}

#resultats_ajouts li .stock {
  width: 20px;
  height: 20px;

  position: absolute;
  top: 0px;
  right: 0px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -13px -897px;
}

#resultats_ajouts li .stock.non_dispo {
  background-position: -13px -937px;
}

#resultats_ajouts li .stock.dispo_consult {
  background-position: -13px -1363px;
}

#resultats_ajouts .vignette,
#resultats_ajouts div {
  display: block;
  float: left;
}

#resultats_ajouts h2,
#resultats_ajouts span {
  clear: left;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
}

#resultats_ajouts span {
  font-size: 10px;
  line-height: 12px;
}

#resultats_ajouts div {
  width: 140px;
  margin-left: 5px;
}

#resultats_ajouts .vignette {
  display: table-cell;
  vertical-align: middle;
  width: 85px;
  height: 47px;
  margin-left: 0px;

  background-color: #ffffff;
}

#resultats_ajouts .vignette img {
  display: block;
  max-width: 85px;
  max-height: 44px;
  margin: auto;
}


#resultats_ajouts p {
  margin:0;
}

#resultats_ajouts .prix {
  font-weight: bold;
  color: #e77d20;
  line-height: 16px;
  display:inline-block;
}

#resultats_ajouts .prix.barre {
  text-decoration: line-through;
  display:inline-block;
  font-weight:normal;
}

span.barre {
  text-decoration: line-through !important;
}

#resultats_ajouts li a.ajouter {
  padding:3px 5px;
  position:absolute;
  bottom:0px;
  left:0px;
  clear:both;
}

#resultats_ajouts li a.ajouter p {
  margin:0;
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 12px;
  color: #e77d20;
  font-weight: normal;
  font-style: italic;
  cursor:pointer;

  -webkit-transition:all 500ms ease-out;
  -moz-transition:all 500ms ease-out;
  -o-transition:all 500ms ease-out;
  transition:all 500ms ease-out; /* CSS3 */
}

#resultats_ajouts li a.ajouter.clique {
  border-radius: 3px;
  background-color: #e77d20;
  -moz-transition: background-color 1s;
  -webkit-transition: background-color 1s;
  -o-transition: background-color 1s;
  -ms-transition: background-color 1s;
  transition: background-color 1s;
}

#resultats_ajouts li a.ajouter.clique p {
  color: #ffffff;
}

#resultats_ajouts li a.ajouter span {
  display:none;
}

.actualiser {
  display: inline-block;
  width: 24%;
  float: right;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #707070;
  font-weight: normal;
  text-decoration: none;
  text-transform: lowercase;
  text-align: right;
}

.actualiser:before {
  content: '[';
}

.actualiser:after {
  content: ']';
}

.texte_selection table {
  clear: both;
  width: 100%;
  margin-bottom: 10px;

  border: 1px solid #E1E1E1;
}

.texte_selection th {
  background-color: #E1E1E1;
}

.texte_selection .libelle, .texte_selection .reference, .texte_selection .marque, .texte_selection .designation  {
  padding-left: 5px;
  text-align: left;
}

.texte_selection td.montant,
.texte_selection td.quantite {
  white-space: nowrap;
}

.texte_selection .quantite {
  width: 60px;
}

.texte_selection .montant {
  width: 60px;
  text-align: right;
}

.texte_selection .suppression {
  width: 15%;
}

.texte_selection th.doc_libelle {
  width: 45%;
}

.texte_selection .action {
  width: 100px;
}

.texte_selection tbody {
  width: 100%;
}

.texte_selection tr {
  height: 35px;
  text-align:center
}

.texte_selection tr:nth-child(odd) {
  background-color: #efefef;
}

.texte_selection td {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.texte_selection .libelle {
  //text-align: left;
}

.texte_selection thead tr th {
  text-align:center !important;
}

.texte_selection table input {
  display: inline-block;
  width: 24px;
  height: 20px;
  padding-right: 5px;
  border: 1px solid #E1E1E1;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #221C5D;
  font-weight: normal;
  text-align: right;
}

.texte_selection table a.suppression {
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  margin: 1px auto;
  margin-left: 1px;
  padding: 3px;

  text-align: center;
  font-size: 9px;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;

  border-radius: 10px;
  background-color: #e77d20;
}

.texte_selection table a {
  text-decoration: underline;
  color: #e77d20;
}

.texte_selection table a:hover {
  text-decoration: none;
}

.texte_selection table img {
  display: block;
  margin: 2px auto;
}

a.bouton.validation_selection {
  margin-top: 10px;
  background-position: 53px -216px;
  clear:both;
  display:inline-block;
  margin-left:5px;
}

#bouton_vider_panier{
  display:inline-block;
  margin-left:5px;
  margin-top:10px;
}

a.bouton.btn_retour {
  padding-left: 20px;
  padding-right: 10px;
  background-position: -10px -757px;
}

a.bouton.btn_transformation {
  padding-right: 20px;
  background-position: 106px -215px;
}

.liste_commande {
  margin-right: 15px;
  margin-bottom: 15px;
  float: left;
  line-height: 38px;
}

#cadre_montant_avant_port_offert {
  font-weight: bold;
  color: #ebc200;
  font-size: 11px;
}

.texte_selection .tableau_adresses td {
  text-align:left;
  padding:10px 20px;
}

.texte_selection .important {
  display:block;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color: #ebc200;
  color:#fff;
  margin:10px 0;
  padding:10px;
  text-align:center;
}

.texte_selection .tableau_regelements td {
  font-size:11px;
  line-height:15px;
  width:15%;
}



#adresses_livraison {
  clear: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#adresses_livraison h2{
  clear: both;
  width: 100%;
}

#adresses_livraison li {
  display: inline-block;
  width: 222px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  padding-bottom: 5px;
  min-height: 160px;
  border: 1px solid #D7D7D7;

  vertical-align: top;
}

#adresses_livraison li:nth-child(3n+3) {
  margin-right: 0px;
}

#adresses_livraison address {
  margin-bottom: 10px;
  font-style: normal;
}

a.bouton.adresse {
  margin-left: 0px;
  float: left;
  background-position: 123px -216px;
}


#mode_paiement,
#mode_commande {
  list-style: none;
  margin: 0px;
  margin-left: 15px;
  padding: 0px;
}

#mode_commande {
  margin-top: 10px;
  margin-left: 35px;
}

#mode_paiement input {
  display: none;
}

#mode_paiement label {
  line-height: 25px;
  padding-left: 25px;

  cursor: pointer;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -15px -641px;
}

#mode_paiement label:hover {
  color: #000000;
}

#mode_paiement input:checked + label {
  background-position: -15px -671px;
  color: #e77d20;
}

.infos {
  margin-left: 25px;
  margin-bottom: 15px;
  padding-left: 10px;

  color: #898989;
  font-size: 11px;

  border-left: 1px solid #efefef;
}

.infos p {
  margin-top: 5px;
}

.infos b {
  color: #e77d20;
}

a.bouton.validation_commande {
  background-position: 105px -216px;
}


#btn_recherche_commande {
  display: block;
  line-height: 35px;
  float: right;

  color: #e77d20;
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 0;
}
.tri_recherche {
  position: relative;
}

#recherche_commande {
  clear: both;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #E1E1E1;

  background-color: #efefef;

  display: none;
}

#recherche_commande input {
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom:5px;

  background-color: #E1E1E1;

  border: 1px solid #E1E1E1;
  border-radius: 3px;
}

#recherche_commande label {
  line-height: 20px;
  margin-right: 10px;
  margin-bottom:5px;
}

#recherche_commande label.secondaire {
  color: #898989;
}

a.bouton.recherche_commande {
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 3px;

  background-position: 103px -217px;
}

.datepicker {
  width: 75px;
}

.ui-widget-content {
  margin-top: 5px;
   border: 1px solid #aaaaaa;
   background: #efefef none 50% 50% repeat-x;
   color: #222222;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #ffffff none 50% 50% repeat-x;
  font-weight: normal;
  color: #221C5D;
}

.ui-state-default, .ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-widget-content .ui-state-active {
  background: #e77d20 none 50% 50% repeat-x;
  color: #ffffff;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #E1E1E1 none 50% 50% repeat-x;
  color: #221C5D;
  font-weight: bold;
}

.ui-widget-header.ui-corner-all {
  border-radius: 0px;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
  background-position: -14px -764px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-focus {
  border: 0px solid #999999;
  background: transparent none 50% 50% repeat-x; font-weight: normal;
}


.resultats {
  clear: left;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow: auto;

  font-size: 11px;
  color: #898989;

  border-top: 1px dashed #efefef;
  border-bottom: 1px dashed #efefef;
}

.resultats * {
 display: inline-block;
}

.resultats .multipage {
 float: right;
}

.resultats a {
  margin-left: 3px;
  text-align: center;
  text-decoration: none;
  color: #898989;
}

.resultats a.selected {
 color: #e77d20;
}

.resultats a.fleche {
  width: 17px;
  height: 17px;

  border-radius: 15px;

 color: #898989;
 background-color: #E1E1E1;
}

.resultats a:hover.fleche {
 color: #ffffff;
 background-color: #e77d20;
}

#infos_generales {
  list-style: none;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 0px;

  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-width: 45%;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-width: 45%;
  column-count: 2;
  column-gap: 1em;
  column-width: 45%;
}


a.bouton.demande_modification {
  background-position: 177px -215px;
}
a.bouton.envoi_mail {
  background-position: 177px -215px;
  margin-top: 10px !important;
}



.infos_client {
  list-style: none;
  clear: left;
  margin: 0px;
  padding: 0px;
}

.infos_client li {
  display: inline-block;
  vertical-align: top;
  width: 343px;
  min-height: 148px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 5px 10px;
  border: 1px solid #efefef;
}

.infos_client li:nth-child(3n+3) {
  margin-right: 0px;
}



#ariane {
  position: absolute;
  top: 200px;
  z-index: 9997;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}

#ariane > div {
  display: inline-block;
}

#ariane a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}

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


#bloc_gauche {
  width: 202px;

  position: absolute;
  top: 265px;
  z-index: 9997;
}

#communication > div,
#cadre_connexion,
#top_five {
  width: 180px;
  margin-bottom: 25px;
  padding: 10px;

  background-color: #ffffff;
  border: 1px solid #d7d7d7;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #898989;
}

#perdu h3,
#demande_modification h3,
#envoi_mail h3,
#communication h3,
#cadre_connexion h3,
#top_five h3 {
  margin-top: 0px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 13px;
  color: #221C5D;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  clear:both;
}

#communication > div {
  background-color: #e77d20;
  border: 1px solid #ffffff;

  font-size: 11px;
  color: #ffffff;
}

#communication h1 {
  color: #ffffff;
}


.info {
  margin-bottom: 20px;

  text-align: center;
  color: #e77d20;
  font-weight: bold;
}

#cadre_connexion {
  overflow: auto;
}

#perdu h1,
#demande_modification h1,
#envoi_mail h1,
#cadre_connexion h1 {
  clear: right;
  margin-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid #efefef;
}

#cadre_connexion h1:first-of-type {
  border-top: 0px;
}

#perdu label,
#envoi_mail label,
#demande_modification label,
#cadre_connexion label {
  display: block;
  clear: left;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #898989;
}

#perdu input,
#demande_modification input,
#envoi_mail input,
#cadre_connexion input {
  width: 97%;
  height: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  border: 0px;
  border-radius: 3px;

  background-color: #e1e1e1;
}

#perdu textarea,
#demande_modification textarea,
#envoi_mail textarea,
#cadre_connexion textarea,
#zone_mode_paiement textarea,
#zone_reglement textarea {
  width: 600px;
  height: 250px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  border: 0px;
  border-radius: 3px;

  background-color: #e1e1e1;
}

#zone_mode_paiement textarea {
  width: 600px !important;
  height: 150px !important;
  display: block;
  margin: auto;
  margin-bottom: 15px;
}

.dd,
#cadre_connexion .dd {
  display: block;
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  float: left;

  position: relative;

  border: 0px;
  border-radius: 3px;
  border-radius: 3px;

  background-color: #e1e1e1;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 105px -502px;
}

#cadre_connexion .dd {
  width: 97% !important;
  background-position: 135px -502px;
}

.ddcommon input.text,
#cadre_connexion .ddcommon input.text {
  display:block;
  height: 100%;
  margin-top: 0px;
  padding:0 0 0 0;
  padding-left: 5px;

  position:absolute;
  left:0px;
  top: 0px;

  border:none;
  border-radius: 3px;
  border-radius: 3px;

  background-color: #e1e1e1;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #221C5D;
  font-weight: normal
}

#cadre_connexion .ddcommon input.text {
  width: 97%;
}

.ddChild,
#cadre_connexion .ddChild {
  list-style: none;
  width: 100%;
  max-height: 220px;
  margin: 0px;
  margin-top: 1px;
  margin-left: 1px;
  padding: 0px;

  position: absolute;
  top: 50px;
  left: -1px;
  z-index: 8;

  overflow-y: auto;
  border-radius: 3px;

  background-color: #e1e1e1;
}

.ddChild ul,
#cadre_connexion .ddChild ul{
  list-style: none;
  margin: 0px;
  padding: 0px
}

.ddChild ul li,
#cadre_connexion .ddChild ul li {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px
}

.ddChild ul li:hover,
#cadre_connexion .ddChild ul li:hover {
  background-color: #f1f1f1;
}

#cadre_si_connecte > ul {
  margin-left: 25px;
  padding: 0px;
}

#cadre_si_connecte > ul li a {
  color: #898989;
  text-decoration: none;
}

#cadre_si_connecte > ul li a:hover {
  color: #e77d20;
}

a.bouton {
  display: inline-block;
  margin-top: 5px;
  margin-left: 38px;
  margin-bottom: 5px;
  padding: 5px 20px 5px 10px;
  float: right;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  border-radius: 3px;

  background-color: #e77d20;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 51px -218px;
}

a.btn_reliquats {
  background-image: none !important;
}

a.bouton.contact {
  background-position: 39px -218px;
}
a.bouton.nouveau {
  background-position: right -10px top -216px;
}

a.bouton.deconnexion {
  background-position: 78px -218px;
}

a.bouton.connexion {
  margin-left: 0px;
}

a.bouton.envoyer {
  background-position: 37px -218px;
}

#mot_passe_perdu {
  float: left;
  line-height: 32px;
  font-size: 8px;
  color: #898989;
  text-decoration: none;
}

#mot_passe_perdu:hover {
  color: #e77d20;
}

#perdu {
  display: none;
}


#demande_modification {
  display: none;

}
#envoi_mail {
  display: none;

}


#top_five {
}

#carrousel_top_five li {
  height: 200px;
  position; relative;
}

#carrousel_top_five li > div {
  display: table-cell;
  width: 178px;
  height: 92px;
  padding-top: 5px;
  vertical-align: middle;
}

#carrousel_top_five img {
  display: block;
  margin: auto;
  border: 0px;
}

#carrousel_top_five span {
  display: block;
  width: 32px;
  height: 32px;

  position: absolute;
  top: 0;
  left: 0;
}

.nouveautes {
  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -65px;
}

.promotions {
  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -103px;
}

.tops {
  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -1435px;
}

.avant_premiere {
  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -139px;
}

#carrousel_top_five li .stock {
  width: 20px;
  height: 20px;

  position: absolute;
  top: 0px;
  right: 0px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -13px -897px;
}

#carrousel_top_five .stock.non_dispo {
  background-position: -13px -937px;
}

#carrousel_top_five .stock.dispo_consult {
  background-position: -13px -1363px;
}

#carrousel_top_five .bloc_prix {
  text-align:right;
  margin-top:-25px;
}

#carrousel_top_five span.prix {
  display: inline-block;
  width: 75px;
  height: 25px;
  line-height: 25px;
  padding-left: 3px;
  padding-right: 3px;
  position:relative !important;

  border-radius: 3px;

  text-align: center;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  white-space:nowrap;
  font-size: 14px;

  background-color: #e77d20;
}

#carrousel_top_five span.prix_barre {
  display: inline-block;
  position:relative !important;
  margin-right:10px;

  color:#e77d20;
  width: 75px;
  height: 25px;
  font-family: 'Open Sans', sans-serif;
  white-space:nowrap;
  font-size: 14px;
}

#carrousel_top_five h2 {
  margin: 0px;
}

#carrousel_top_five a h2 {
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #221C5D;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

#carrousel_top_five p {
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #221C5D;
  font-weight: normal;
}

#carrousel_top_five a  {
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #e77d20;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

#carrousel_top_five a.ajouter p {
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #e77d20;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}



#zone_livraison, #zone_mode_paiement {
  display: none;
}


#liste_revendeurs {
  margin-left: 218px;
}

#liste_revendeurs.les_produits {
  width: 774px;
  position: absolute;
  top: 232px;
  margin-left: 218px;
}

#liste_revendeurs h1 {
  display: inline-block;
  width: 74%;
  margin-top: 0px;
  margin-bottom: 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 15px;
  color: #221C5D;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#liste_revendeurs h1:first-of-type {
  margin-top: 30px;
}

#liste_revendeurs.les_produits h1.blanc {
  color: #ffffff;
}

.aucun_resultat {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}

#liste_revendeurs > ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#liste_revendeurs > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 365px;
  margin-right: 18px;
  margin-bottom: 18px;
  padding: 5px;

  position: relative;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #000000;

  border: 1px solid #d7d7d7;

  background-color: #ffffff;
}

#liste_revendeurs > ul > li:nth-child(2n+2) {
  margin-right: 0px;
}

#liste_revendeurs h4 {
  max-width: 175px;
  margin: 5px;
  float: left;

  color: #e77d20;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#liste_revendeurs .geolocalisation {
  display: block;
  margin: 5px 10px;
  float: right;
  color:#fff;
  background-color: #A5A7AA;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  padding:5px;

  //background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  //background-position: center -1152px;
}

#liste_revendeurs .geolocalisation:hover {
  text-decoration:none;
  background-color:#e77d20;
}

.info_bulle h4 {
  margin: 0px;

  color: #e77d20;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.info_bulle ul {
  list-style: none;
  margin: 0px;
  margin-top: 5px;
  padding: 0px;

  font-family: 'Open Sans',sans-serif;
  font-size: 13px;
  line-height: 22px;
}

.info_bulle a {
  color: #ebc200;
  font-family: 'Open Sans',sans-serif;
  font-size: 12px;
  text-decoration: none;
}

#liste_revendeurs > ul > li > ul  {
  display: block;
  vertical-align: top;
  list-style: none;
  width: 46%;
  margin: 5px;
  padding: 0px;
}

#liste_revendeurs > ul > li > ul > li {
  line-height: 22px;
  clear:both;
}

#liste_revendeurs a {
  color: #ebc200;
  font-family: 'Open Sans',sans-serif;
  font-size: 12px;
  text-decoration: none;
}

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

li.telephone {
  padding-left: 18px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -18px -976px;
}

li.fax {
  padding-left: 18px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -18px -1014px;
}

li.email {
  padding-left: 18px;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -18px -1049px;
}

#liste_revendeurs a {
  color: #ebc200;
  font-family: 'Open Sans',sans-serif;
  font-size: 12px;
  text-decoration: none;
}

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

#revendeurs a.recherche_revendeurs {
  display: inline-block;
  margin-top: 15px;
  margin-left: 38px;
  margin-bottom: 5px;
  padding: 5px 20px 5px 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  border-radius: 3px;

  background-color: #e77d20;

  background-image: url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 103px -218px;
}

.btn_revendeur {
  display:none;
}


.commentaire {
  width: 400px;
  height: 150px;
}


.ui-widget-content {
  border: 0px !important;
  background-color: #fff;
  background-image: none !important;
}
.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.ui-widget-header {
 border: 0px !important;
 background-color: #8dc73f !important;
 background-image: none !important;
}
.ui-slider .ui-slider-handle {
  width: 8px !important;
  height: 20px !important;
  cursor: move !important;

  border: 0px !important;

  background-color: transparent !important;
  border-radius: 0px !important;

  background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png) !important;
  background-repeat: no-repeat !important;
  background-position: -20px -603px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0px !important;
  background-color: transparent !important;

  //background-image: url(https://www.cor-caroli.fr//commun/modeles/commun/structure/img/sprite.png) !important;
  background-repeat: no-repeat !important;
  //background-position: -20px -603px !important;
}

.ui-dialog-content {
  background-color:#fff !important;
}

.ui-dialog-titlebar {
  background-color:#ebc200 !important;
  color:#fff;
}

.ui-state-hover {
  background-image:none !important;
}

.calque_quantité {
  display:none;
}

.ui-dialog-content h3 {
  color: #221C5D;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.ui-dialog-content input {
  background-color: #E1E1E1;
  border: 0 none;
  border-radius: 3px 3px 3px 3px;
  color: #221C5D;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 28px;
  width:50px;
  margin:10px 10px 10px 0;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
}

.ui-dialog-content a.ajouter {
  display:inline-block;
  vertical-align:middle;
  color: #e77d20;
  font-family: 'ProximaNovaBold',sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  text-decoration:none;
}

hr {
  border-color: #E1E1E1 !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
#zone_mode_paiement h2 {
  color: #e77d20 !important;
}
#zone_mode_paiement a.conditions {
  text-decoration: none;
  color: #ebc200;
}
#zone_mode_paiement a.conditions:hover {
  color: #E1E1E1;
}

.date_commande {
  width: 80px;
}


.ligne_grise {
  background-color: #efefef !important;
}

.ligne_blanche {
  background-color: #ffffff !important;
}

.ligne_panier_LIGNE-COM {
  font-style: italic;
  font-size: 11px;
  color: gray;
  height: auto !important;
}


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

  #bandeau > div {
    width: inherit;
    width: 100%;
  }

  #menu_top a {
    font-size: 11px;
  }

  #menu_principal a {
    display: block;
    width: 150px;
    line-height: 34px;

    border-left: 1px solid #cdcdcd;

    font-family: 'ProximaNovaRegular', sans-serif;
    font-size: 16px;
    color: #221C5D;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }

  #navigation > div {
      width: inherit;
  }

  #menu_principal ul.colonnes > li:last-child a {
    width: 149px;

    border-right: 1px solid #cdcdcd;
  }

  #ma_selection {
  	width: 180px;
  	float:right;
  }

  #ma_selection p {
  	width: 0px;
		height: 35px;
  }

  #ma_selection p a {
  	display: none;
  }

  #contenu, #contenu > div {
		width:100%;
	}

	.gauche {
		width:70%;
	}

	#texte, .contenu_texte {
		width:70%;
	}


	#reseau {
		width:100%;
		margin-left:10px;
	}

	#reseau h1 {
		margin-top:0;
		margin-bottom:0;
	}


	#marques {
		display:block;
	}

	#marques .bx-wrapper {
		height:auto;
	}

	#marques .bx-wrapper .bx-prev, #marques .bx-wrapper .bx-next {
		top:50%;
	}

	#carrousel_marques li > div  {
    width: 120px;
    height: 55px;
	}

	#carrousel_marques a  {
    width: 120px;
    height: 55px;
		display:block;
	}

	#carrousel_marques a img {
    max-height: 100%;
	}

	.slider_produits {
    height: auto;
	}

	.slider_produits > div {
		width:100%;
	}

	#slider_une_marque {
		left:auto;
		right:240px;
	}

	#slider_une_marque .bx-wrapper {
		width:80%;
		float:right;
	}

	#slider_une_marque > div > ul li, #slider_une_marque > ul li {
		width:80% !important;
		height:auto !important;
		background-color:transparent !important;
	}



	#slider_une_marque .bx-wrapper img {
		width:100%;
		height:auto;
		margin-top:20px !important;
	}




	#baseline > div {
		width:100%;
	}


	#menu_baseline {
		padding: 20px 10%;
	}

	#reprise_logo {
		display:none;
	}

	#bande.une_marque #titre, #bande.un_produit #nom_produit  {
		width:653px;
	}

	.texte_selection input.ajout_rapide {
		width:96%;
	}

	#lancer_rechercher, #fermer_ajout {
		clear:left;
		margin-bottom:10px;
	}

	#resultats_ajouts li:nth-child(3n+3) {
	  margin-right: 10px;
	}

}

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

	#liste_articles li:nth-child(4n+4) {
	  //margin-right: 18px;
	}

	#bande.une_marque > div, #bande.un_produit > div {
		width:100%;
	}

	#liste_revendeurs.les_produits {
		width:75%;
	}

	#liste_revendeurs.les_produits li.post {
		width:45%;
	}

	#liste_revendeurs.les_produits li.post ul {
		width:100%;
	}

	#liste_marques li:nth-child(4n+4) {
    margin-right: 14px;
	}




}

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

	#liste_articles li.largeur_quadruple {
	    width: 568px;
	}

}

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

	#navigation, #navigation > div {
		width:100%;
	}

	#menu_principal {
		width:75%;
	}

	#menu_principal li {
		width:90px;
	}

	#menu_principal li:last-child {
		width:100px;
	}

	#menu_principal li a, #menu_principal ul.colonnes > li:last-child a {
		width:100%;
		font-size:11px;
	}

	#ma_selection {
		font-size:12px;
	}





	.texte_selection h2 {
		display:block;
		width:100%;
	}


	.ssmenu .colonnes.colonnes_4, .ssmenu {
	    width: 768px;
	}

	.ssmenu {
	    width: 768px;
	}

	.ssmenu .colonnes {
		width:590px;
	}

	#menu_principal .ssmenu a, #menu_principal .ssmenu li.une_collection, #menu_principal .ssmenu li.une_collection li {
	    width: 190px;
	}


}

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

	#slider_une_marque .bx-wrapper {
		width:60% !important;
	}
	#slider_une_marque > div > ul li, #slider_une_marque > ul li {
		width:60% !important;
	}

	#slider_une_marque .bx-wrapper img {
		margin-top:40px !important;
	}

	#bande.une_marque #titre, #bande.un_produit #nom_produit  {
		width:545px;
	}

	#baseline > div  {
		background-image:none;
	}

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

	.gauche {
		width:65%;
	}


}


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

	#menu_principal .ssmenu a, #menu_principal .ssmenu li.une_collection {
	    width: 100%;
	}

	html {
		overflow-x:hidden;
	}

	#logo {
		width:60%;
		background-size:auto 100%;
		max-width:404px;
		min-width:200px;
		height:80px;
	}

	#menu_top {
		width:100%;
		position:relative;
		background-color:#DBDBDB;
		float:none;
	}

	#menu_top dl {
		width:auto;
		float:left;
		padding-left:0px;
		padding-right:3px;
		margin-left:2px;
	}

	#menu_top a:after {
	  content: 'l';
	}

	#menu_top dl:last-child a:after {
	  content: '';
	}

	#menu_top dl a {
		float:left;
		text-align:center;
		background-color:#fff;
		width:100%;
		padding-top:0px;
		padding-bottom:0px;
		background-color:#DBDBDB;
	}

	#bloc_identification {
		top:101px;
		left:2px;
		right:auto;
		-moz-border-radius:0 0 3px 3px;
		-webkit-border-radius:0 0 3px 3px;
		border-radius:0 0 3px 3px;
	}

	#menu_top dl.identification.ouvert dt a {
	  background-color:transparent;
	}

	#navigation {
		height:auto;
		border:0;
		position:relative;
		top:0;
	}

	#bandeau, #navigation {
    position: relative !important;
	}

	#menu_principal {
		width:100%;
		height:auto;
	}

	#menu_principal ul li, #menu_principal ul li:last-child {
		width:100%;
		border-top:1px solid #CDCDCD
	}

	#menu_principal ul li:last-child {
		border-bottom:1px solid #CDCDCD;
	}

	#menu_principal li a, #menu_principal li a:hover, #menu_principal li a:selected {
		border:0;
	}

	#navigation {
		position:static !important;
	}

	#ma_selection {
		position:absolute;
		top:0px;
		right:0;
		width:40%;
		height:50px;
		padding:5px;
	}

	#ma_selection a.valider {
		margin-top:10px;
	}

	#ma_selection p, #ma_selection span {
		display:block;
		margin:0px auto;
		text-align:center;
	}

	#ma_selection span {
		width:auto;
		padding:0;
		margin:0;
		margin-top:0px;
		line-height:13px;
		padding-left:5px;
	}

	#ma_selection table {
		margin:0;
		font-size:9px;
		display:block;
		padding-top:10px;
	}

	#ma_selection table td {
		display:block;
		width:auto;
		word-wrap: break-word;
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  -o-hyphens: auto;
	  hyphens: auto;
		float:left;
	}

	#ma_selection table td.prix {
		text-align:left;
	}



	#ma_selection input {
		width:15px;
	}

	li:hover .ssmenu {
  	display: block;
  	position:relative;
		background-color:#e4e1e1;
	}

	li:hover .ssmenu div {
  	display: none;
	}

	#menu_principal li a {
		border-left:0;
	}

	.ssmenu .colonnes {
		-moz-column-count: 1 !important;
	  -webkit-column-count: 1 !important;
	  column-count: 1 !important;
		width:100%;
	}

	#menu_principal .ssmenu {
		left:0 !important;
		border:0;
	}

	#menu_principal .ssmenu, #menu_principal .ssmenu ul, #menu_principal .ssmenu ul li {
		padding:0;
		width:100%;
	}

	#menu_principal .ssmenu a, #menu_principal ul.colonnes li.une_collection ul li a {
		width:inherit;
		text-align:center;
		padding-left:0 !important;
	}

	#menu_principal li.menu_responsive {
		display:block;
	}

	#recherche {
		width:94%;
		position:relative;
		top:0;
		padding-left:3%;
		padding-right:3%;
		background-color:rgba(255, 255, 255, 0);
	}

	#recherche .dd {
		float:none;
		background-position: right -503px;
		padding-left:0;
	}

	.ddTitle {
		padding-left:10px;
	}

	#recherche a {
    float: right;
    margin-right: 4%;
	}

	#recherche label {
		clear:both;
	}

	#bande{
		position:relative;
		height:auto;
		overflow:hidden;
		margin-top:15px;
		box-shadow: 0px 0px 50px 30px rgba(0, 0, 0, 0) inset;
	}

	#bande.les_produits, #slider_une_marque, #slider_les_marques img, #slider_les_marques .ombre  {
		display:none;
	}

	#bande.un_produit #slider_une_marque {
		display:block;
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:auto;
	}

	#slider_une_marque li {
		display:none;
	}

	#slider_une_marque li:first-child {
		display:block;
	}


	#bande.un_produit ~ #contenu > div > #bloc_gauche {
		display:none;
	}

	#slider_une_marque .bx-wrapper {
		width:100%;
		float:none;
	}

	#slider_une_marque > div > ul, #slider_une_marque > ul {
		top:0;
	}

	#slider_une_marque ul {
		width:auto;
		height:auto;
	}



	#slider_une_marque > div > ul li, #slider_une_marque > ul li {
		width:100% !important;
		float:none;
		position:relative;
	}

	#slider_une_marque .bx-wrapper img, #slider_une_marque > div > ul li img, #slider_une_marque > ul li img {
		width:auto;
		max-width:100%;
		margin-top:0 !important;
	}

	#slider_une_marque .bx-viewport {
    top: 0px !important;
		height:auto;
	}

	#slider_une_marque li {
    background-color: rgba(0, 0, 0, 0);
		width:100%;
		height:auto;
	}

	#slider_une_marque li span {
		width:100%;
		display:block;
		margin:0 auto;
		height:auto;
	}

	#slider_une_marque li span img {
		max-width:100%;
	}

	#bande.une_marque, #bande.un_produit, #bande.les_produits {
		background-image:none;
		margin-top:15px;
	}

	#bande.une_marque > div, #bande.un_produit > div, #bande.les_produits > div {
		height:auto;
		width:100%;
	}

	#bande.une_marque #titre, #bande.un_produit #nom_produit {
		position:relative;
		top:0;
		width:100%;
		background-color:rgba(0, 0, 0, 0.8)
	}

	#bande.une_marque #texte, #bande.un_produit #descriptif {
		background-color:rgba(0, 0, 0, 0);
		position:relative;
		width:90%;
		top:10px;
		color:#000;
		height:auto;
	}

	.titre_slide {
		bottom:0;
		background-color:rgba(0, 0, 0, 0);
	}

	.ei-slider {
		height:auto;
	}

	#slider_les_marques .ei-slider, #slider_une_marques .ei-slider {
		height:50px;
	}

	.ei-slider li {
		opacity: 1 !important;
	}

	.ei-slider-thumbs {
		display:none !important;
	}

	#description.texte, #caracteristiques.texte, .description {
		margin-left:2%;
		width:90%;
		position:relative;
	}

	#ariane{
		position:relative;
		top:0;
		color:#000;
		padding-left:2%;
		background-color:#e2e2e2;
	}

	#ariane a{
		color:#000;
	}

	#recherche .ddChild {
		height:auto;
		display:block;
		position:relative !important;
		float:left;
		margin-bottom:35px;
		overflow:visible;
		max-height:10000px;
		top:0 !important;
	}

	.droite {
		width:100%;
	}

	#revendeurs {
		width:94%;
		float:none;
		padding-left:3%;
		padding-right:3%;
	}

	#revendeurs a {
		float:right;
		margin-right:4%;
	}

	#revendeurs .dd {
		float:none;
		background-position: right -503px;
	}

	#contenu {
		overflow:visible;
		position:relative;
		width:100%;
		height:auto !important;
		min-height:100px !important;

	}

	.gauche {
		width:100%;
		float:none;
	}

	.droite {
		float:none;
	}

	#texte {
		width:93%;
		margin-left:2%;
		float:none;
	}

	.contenu_texte {
		width:87.5% !important;
		margin-left:2%;
		float:none;
		top:0;
		position:relative;
		margin-bottom:250px;
	}

	#consultation_actu .contenu_texte {
		width:87%;
		margin-left:2%;
		float:none;
		top:0;
		position:relative;
		margin-bottom:250px;
	}

	#caracteristiques.texte {
		margin-top:10px;
		float:none;
	}

	#reseau {
		width:90%;
	}



	#marques .bx-wrapper {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	.bx-wrapper {
		margin:0 1%;
	}

	.bx-wrapper img {
		max-width:90%;
	}

	.carrousel_produits li {
		height:160px;
	}

	.carrousel_produits li p {
		width:65%;
	}

	.carrousel_produits a.ajouter, #carrousel_top_five a.ajouter, .ajout_panier, #liste_articles li > a:last-of-type {
		display:block !important;
		background-image:url(https://www.cor-caroli.fr/commun/modeles/commun/structure/img/sprite.png) !important;
		background-repeat: no-repeat !important;
		background-position: -5px -175px !important;
		width:40px !important;
		height:30px !important;
		background-color:#e77d20 !important;
		border-radius: 3px 3px 3px 3px !important;
		color:#fff !important;
		font-weight:bold !important;
		font-size:22px !important;
		font-style:normal !important;
		text-decoration:none !important;
		line-height:40px !important;
		text-align:right !important;
		padding-right:3px !important;
		right:5px !important;
		text-indent:-9999px !important;
		padding:3px !important;
		margin-right:0;
	}

	.carrousel_produits a.ajouter p, #carrousel_top_five a.ajouter p, #liste_articles li > a:last-of-type p, #descriptif .ajout_panier p {
		display:none !important;
	}

	.carrousel_produits a.ajouter span, #carrousel_top_five a.ajouter span, .ajout_panier span, #liste_articles li > a:last-of-type span, #descriptif .ajout_panier span {
		display:block !important;
	}

	.carrousel_produits .ajouter.clique, #carrousel_top_five a.ajouter.clique, .ajout_panier.clique, #liste_articles li > a:last-of-type.clique {
	  background-color:#221C5D !important;
	}

	.carrousel_produits .ajouter.clique span, #carrousel_top_five a.ajouter.clique span, .ajout_panier.clique span, #liste_articles li > a:last-of-type.clique span, #descriptif .ajout_panier.clique span  {
		display:none !important;
	}

	#marques {
		width:98%;
	}



	#baseline #couteaux {
		width:98%;
		margin-top:0px;
	}

	#baseline li {
		width:auto;
		float:left;
		padding:5px;
	}

	#baseline li.une_collection {
		width:100%;
	}

	#baseline li:not(.une_collection):after {
		content:'-';
		margin-left:5px;
	}

	#baseline li:last-child:after {
		content:'';
	}

	.colonnes {
		-moz-column-count: 1 !important;
	  -webkit-column-count: 1 !important;
	  column-count: 1 !important;
	}



	#bloc_gauche {
	  position: relative;
    top: 15px;
    width: 100%;
	}

	#bloc_gauche #recherche_generale {
    width: 90%;
		margin-left:2%;
		padding-bottom:20px;
	}

	#bloc_gauche #recherche_generale .dd, #bloc_gauche #recherche_generale input {
		background-position: right -502px;
		width:100% !important;
	}

	#bloc_gauche #recherche_generale input.secondaire {
		width:90% !important;
	}

	a.bouton {
		float:right;
	}

	a.plus {
		clear:both;
		margin-top:15px;
		position:relative;
		top:15px;
	}

	#bloc_gauche #filtre_special, #bloc_gauche #filtres {
		margin-left:2%;
		width:38.3%;
		float:left;
		margin-bottom:15px;
	}

	#bloc_gauche #top_five {
		margin-left:2%;
		width:90%;
		clear:both;
		position:relative;
	}

	.slider_produits > div {
		position:relative;
	}

	#bloc_gauche #top_five .bx-wrapper, .slider_produits .bx-wrapper {
		position:static;
	}

	#bloc_gauche #top_five .bx-wrapper .bx-controls-direction, .slider_produits .bx-wrapper .bx-controls-direction {
		top:100px;
	}

	#bloc_gauche #top_five .bx-wrapper .bx-prev, .slider_produits .bx-wrapper .bx-prev {
		left:0px;
		top:122px;
	}

	#bloc_gauche #top_five .bx-wrapper .bx-next, .slider_produits .bx-wrapper .bx-next {
		right:0px;
		top:120px;
	}

	#liste_marques {
		margin-left:2%;
	}

	#liste_marques li:nth-child(4n+4) {
		margin-right:14px;
	}

	#liste_articles.les_produits, #liste_articles {
    position: relative;
    top: 0px;
    margin-left: 2%;
    width: 100%;
	}

	#liste_articles p {
		width:64%;
		display:block;
		float:left;
	}

	#liste_articles.les_produits h2.blanc {
		color:#000;
	}

	.texte_selection {
		position:relative;
		top:15px;
		width:90% !important;
		overflow:hidden;
	}



	#bande.selection ~ #contenu > div > #bloc_gauche > #top_five {
		display:none;
	}

	.actualiser {
		width:50%;
	}

	#cadre_connexion {
		width:90%;
		margin-left:2%;
	}

	#cadre_connexion #revendeurs {
		width:100%;
		padding:0;
	}

	#cadre_connexion #revendeurs a {
		margin-right:0;
	}

	#cadre_connexion .dd, #cadre_connexion input {
		width:100% !important;
	}

	.texte_selection table {
		font-size:9px !important;
		table-layout: fixed;
	}

	.texte_selection table td {
		padding-left:0;
		padding-right:0;
		word-wrap: break-word;
		-webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  -o-hyphens: auto;
	  hyphens: auto;
	}

	.texte_selection table th {
		word-wrap: break-word;
		-webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  -o-hyphens: auto;
	  hyphens: auto;
	}

	.texte_selection table input {
		//width:15px;
	}

	.resultats {
		width:100%;
	}

	#descriptif .le_prix span {
		color:#fff;
	}

	#descriptif .le_prix br {
		display:none;
	}

	#descriptif .ajout_panier {
		position: absolute;
		right: 0;
		top: 0;
	}

	#liste_revendeurs.les_produits {
		position:relative;
		top:0;
		left:0;
		margin-left:10px;
		width:95%;
	}

	#liste_revendeurs.les_produits li.post {
		width:100%;
		height:auto !important;
	}

	#liste_revendeurs.les_produits li.post ul {
		width:45%;
	}

	#liste_revendeurs.les_produits li.post h4 {
		display:block;
		width:100%;
	}

	h2.blanc {
		color:#000;
	}


	#module_actualites {
		margin-left:2%;
		padding-left:18px;
		width:100%;
		margin-bottom:0 !important;
	}

	#module_actualites ul {
		padding-left:0px;
	}

	#module_actualites ul li {
		height:auto;
		width:100%;
	}

	#module_actualites .bloc_actu	 {
		animation:none !important;
		width:98% !important;
		position:relative !important;
		height:auto !important;
	}

	#module_actualites .bloc_actu h3:before	 {
		display:none !important;
	}

	#module_actualites .bloc_actu:hover	 {
		animation:none !important;
	}


	#mode_commande {
		margin-left:15px;
	}

	#bande.une_marque #titre, #bande.un_produit #nom_produit  {
		height:45px;
	}

	#bande.une_marque #titre {
		top:0px !important;
	}

	#bande.une_marque #titre h1 {
		height:22px !important;
	}

	.date {
		position:relative;
		top:20px;
		height:auto;
		line-height:14px;
		padding:10px;
	}

	#resultats_ajouts li:nth-child(3n+3) {
	  margin-right: 10px;
	}

	.contenu_texte ul ul {
		-moz-column-count:1;
		-webkit-column-count:1;
		-o-column-count:1;
		column-count:1;
		-moz-column-gap:0px;
		-webkit-column-gap:0px;
		-o-column-gap:0px;
		column-gap:0px;
	}

	#liste_articles li, #liste_articles li.largeur_double, #liste_articles li.largeur_triple, #liste_articles li.largeur_quadruple {
		width:95%;
		margin-right:10px;
	}

	#liste_articles li .img_article{
		//display:block;
		margin:0 auto;
	}

	#liste_articles li h2, #liste_articles li p {
		text-align:center;
		width:100%;
	}


	#partage.les_produits {
			width:auto;
	    top: auto;
	    margin-left: 0;
	    float: right;
	    right: 3%;
	}


	#caracteristiques ul {
	    -moz-columns: auto;
	}

	#liste_articles .bloc_tags  {
		position:relative;
		margin-top:40px;
		top:0;
		clear:both;
	}

	#liste_articles .bloc_tags p  {
		color:#221C5D;
		float:none;
		width:auto;
	}

	.texte_selection input.ajout_rapide {
		width:95%;
	}

	#infos_contact {
		position:relative;
		top:0;
		width:100%;
		text-align:center;
		margin:5px;
	}
	#infos_contact > div {
		margin:0 !important;
	}

	#infos_contact span, #infos_contact p {
		display:inline-block !important;
	}

	#infos_contact > div:nth-child(2) {
		background-color:#fff;
		padding:0;
	}

	#infos_contact > div:nth-child(1) p {
		margin-left:5px;
	}

	#infos_contact > div:nth-child(2) span {
		padding:0;
		font-weight:bold;
		margin:0 0 0 5px !important;
	}


}

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

	.texte_selection .quantite, .texte_selection .montant, .texte_selection .action {
		width:auto;
	}
}

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


	#menu_top dl a {
		font-size:9px;
	}

	.texte_selection input.ajout_rapide {
		width:94%;
	}

	#infos_contact {
	width:calc(100% - 10px);
}

	#infos_contact .non_connecte {
		width:100%;
	}

	#bloc_identification {
		top:98px;
	}



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


	.logo {
		width:100%;
	}

	#ma_selection {
		width:100%;
		top:60px;
	}

	#ma_selection table {
		margin-left:10px;
	}

	#menu_top {
		margin-top:50px;
	}

	#bloc_identification {
		top:143px;
	}


}