

.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.agora-tec.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: #555555;
  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.agora-tec.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;
}

#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: 800px;

  border-left: 1px solid #555555;

  -moz-column-count: 3;
  -moz-column-width: 120px;
  -moz-column-rule: 1px solid #555555;
  -webkit-column-count: 3;
  -webkit-column-width: 120px;
  -webkit-column-rule: 1px solid #555555;
  column-count: 3;
  column-width: 120px;
  column-rule: 1px solid #555555;
}

.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: #555555;
  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: #555555;
}

#menu_principal a {
  display: block;
  width: 124px;
  line-height: 34px;

  border-left: 1px solid #cdcdcd;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #555555;
  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: #555555;
  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:#8DC63F;
}

#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: #32519e;

  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 {
  width: 90px;
  padding-left: 50px;

  background-image: url(https://www.agora-tec.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: #32519e;

  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: #32519e;
  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.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: right -219px;
}
#bande {
  height: 370px;

  background-image: url(https://www.agora-tec.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(255,255,255,0.25);
}

#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: #555555;
  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: #555555;
  font-weight: normal;

  background-image: url(https://www.agora-tec.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: #555555;
  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: #8dc63f;

  background-image: url(https://www.agora-tec.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.agora-tec.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.agora-tec.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(141,198,63,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.agora-tec.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.agora-tec.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: #8DC63F;
}

.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.agora-tec.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.agora-tec.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:#32519E !important;
	color:#fff;
}

.ui-state-hover {
	background-image:none !important;
}

.calque_quantitÃ© {
	display:none;
}

.ui-dialog-content h3 {
	color: #555555;
  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: #555555;
  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: #8DC63F;
  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: #555555 !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:#8DC63F;
  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:#555555;
}

#infos_contact a:hover {
  color:#32519E;
}

#infos_contact > div:nth-child(1) span {
  color:#8DC63F;
  text-transform:uppercase;
  font-weight:bold;
}

ul.tagit {
  margin:5px 0 0 0;
}

ul.tagit li.tagit-new {
    padding: 2px;
    width:100%;
}

ul.tagit li.tagit-new input {
  margin-top:0;
  height:20px;
  background-color:#fff;
  width:100%;
  padding:0;
}

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;
}

ul.tagit li.tagit-choice .tagit-label:not(a) {
  color:#898989;
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
  background-color: #555555;
  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: #8dc63f;

  background-image: url(https://www.agora-tec.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:#8DC63F;
}

#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;
  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: #555555;
  border: solid #555555 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:#555555;
  color: white;
}

#menu_principal ul.colonnes li.une_collection.ouvert {
  background-color:#fff;
}

#menu_principal .ssmenu a, #menu_principal .ssmenu li.une_collection {
  width:240px;
}

.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;
}



#bandeau, #navigation {
	position:fixed;
	z-index:888;
}

#bandeau {
	background-color:#fff;
	top:0;
  z-index:889;
}

#navigation {
	top:130px;
	width:100%;
}

#navigation > div {
	margin:0 auto;
}

#bande {
  background-image: url(https://www.agora-tec.fr/commun/modeles/defaut/img/fond-marques.jpg);
	margin-top:165px;
}

#bande.une_marque,
#bande.un_produit,
#bande.les_produits {
  background-image: url(https://www.agora-tec.fr/commun/modeles/defaut/img/fond-une-marque.jpg);
}

#bande.une_marque > div,
#bande.un_produit > div {
  width: 994px;
  height: 372px;
  margin: 0px auto;

  position: relative;
}

.ei-slider-loading {
  background-image: url(https://www.agora-tec.fr/commun/modeles/defaut/img/fond-marques.jpg);
}

#recherche {
  background-color: #5D5D5D;
  background-color: rgba(0,0,0,0.5);
}

#recherche h2 {
  font-size: 13.7px;
}



#contenu {
  min-height: 700px;
}

#contenu img {
	max-width:100%;
	height:auto !important;
}


#contenu.une_marque {
  overflow: visible;
}

#contenu > div {
}


#ariane {
  position: absolute;
  top: 185px;
  z-index: 777;

  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}

#ariane > div {
  display: inline-block;
}

#ariane a {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
}

#ariane a:hover {
  text-decoration: underline;
}



#bloc_gauche {
  width: 202px;

  position: absolute;
  top: 220px;
  z-index: 777;
}

#recherche_generale,
#filtres, #filtre_special,
#top_five {
  width: 180px;
  margin-bottom: 25px;
  padding: 10px;

  background-color: #ffffff;
  border: 1px solid #d7d7d7;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #898989;
}

#recherche_generale h2,
#filtres h2, #filtre_special h2,
#top_five h2 {
  margin-top: 0px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 13px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}


#recherche_generale label {
  display: block;
  clear: left;
  padding-top: 15px;
  font-weight:bold;
}

#recherche_generale form > label:first-of-type {
  padding-top: 0px;
}

#recherche_generale input {
  width: 97%;
  height: 28px;
  margin-top: 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;
}

#recherche_generale input.secondaire {
  displya: inline-block;
  width: 45px;
  height: 20px;
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  padding-right: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: normal;
  text-align: right;

  border: 1px solid #e1e1e1;
  border-radius: 3px;

  background-color: #ffffff;
}

.slider_range {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ui-slider-horizontal {
  height: 2px !important;
}

.ui-slider-horizontal .ui-slider-handle {
  margin-left:-7px;
  top:-3px;
  background-position: -20px -612px !important;
}

.ui-slider-horizontal .ui-slider-handle:first-of-type {
  margin-left:-2px;
}

.calque_quantité h3 {
	font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}



#recherche_generale .dd {
  display: block;
  width: 97% !important;
  height: 28px;
  line-height: 28px;
  margin-top: 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: #555555;
  font-weight: normal;

  background-image: url(https://www.agora-tec.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 135px -502px;
}

#recherche_generale .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;

  background-color: #e1e1e1;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: normal
}

#recherche_generale .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;
}

#recherche_generale .ddChild ul{
  list-style: none;
  margin: 0px;
  padding: 0px
}

#recherche_generale .ddChild ul li{
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px
}

#recherche_generale .ddChild ul li:hover {
  background-color: #f1f1f1;
}

#recherche_avancee {
  display: none;
}

.critere_selectionne {
  display: inline-block;
  margin-top: 5px;
  margin-right: 3px;
  padding: 3px 5px;

  border-radius: 2px;

  background-color: #efefef;
}
.critere_selectionne span {
    font-size: 16px;
    color: black;
    height: 27px;
    line-height: 27px;
    display: inline-block;	
}

.critere_selectionne a {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;

  text-align: center;
  line-height: 12px;
  color: #ffffff;
  font-size: 9px;
  text-decoration: none;

  border-radius: 12px;

  background-color: #555555;

}

a.bouton {
  display: inline-block;
  margin-top: 15px;
  margin-left: 38px;
  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: #8dc63f;

  background-image: url(https://www.agora-tec.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 103px -218px;
}

#recherche_generale a.bouton {
  background-position: 93px -218px;
}

a.bouton.cache {
	display:none;
	margin-top:0;
}

.plus {
  display: block;
  margin-top: 10px;
  padding: 5px;

  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-align: center;

  border-radius: 3px;

  background-color: #32519E;
  clear:both;
}

.plus:hover {
  background-color: #555555;
}






#filtres ul, #filtre_special ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#filtres input, #filtre_special input {
  display: none;
}

#filtres label, #filtre_special label {
  line-height: 25px;
  padding-left: 25px;

  cursor: pointer;

  background-image: url(https://www.agora-tec.fr//commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -15px -641px;
}

#filtres label:hover, #filtre_special label:hover {
  color: #000000;
}

#filtres input:checked + label, #filtre_special input:checked + label {
  background-position: -15px -671px;
  color: #8DC63F;
}


#liste_articles .tag, .liste_articles .tag {
	display:inline-block;
	height:17px;
	line-height:17px;
	padding: 0 7px;
  margin-right:1px;
  margin-bottom:4px;
  color: #898989;
  font-family: 'Open Sans',sans-serif;
  font-size: 10px;
  background-color:#EFEFEF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
}

#liste_articles .tag span, .liste_articles .tag span {
	position:inherit;
	width:auto;
	height:auto;
	display:inline-block;
}

#liste_articles .bloc_tags, .liste_articles .bloc_tags {
	position:absolute;
	top:-50px;
}

.une_marque #liste_articles .bloc_tags, .une_marque .liste_articles .bloc_tags {
	position:relative;
	top:0px;
	margin-top:10px;
}

#liste_articles .bloc_tags p, .liste_articles .bloc_tags p {
	color:#EFEFEF;
	margin-left:2px;
	margin-right:0;
	display:inline-block;
}

.une_marque #liste_articles  .bloc_tags p, .une_marque .liste_articles  .bloc_tags p {
	color:#555555;
}

#liste_articles .bloc_tags h1, .liste_articles .bloc_tags h1 {
	width:auto;
	margin:0 !important;
	display:block;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 17px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.une_marque #liste_articles .bloc_tags h1, .une_marque .liste_articles .bloc_tags h1 {
  color: #555;
}

#liste_articles .un_tag, .liste_articles .un_tag {
	display:inline-block;
}

#liste_articles .bloc_tags h1 .tag, .liste_articles .bloc_tags h1 .tag {
	height:27px;
	line-height:27px;
	padding: 0 7px;
  margin-right:2px;
  margin-bottom:7px;
  color: #898989;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  background-color:#EFEFEF;
}

#liste_articles .bloc_tags h1 > div, .liste_articles .bloc_tags h1 > div {
	display:inline-block;
}

#liste_articles .bloc_tags h1 > div:nth-child(2):before, .liste_articles .bloc_tags h1 > div:nth-child(2):before {
	content : '/';
	margin:0 4px;
}




#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;
}

#carrousel_top_five div.bloc_image {
  display: table-cell;
  height: 92px;
  padding-top: 5px;
  vertical-align: middle;
  width: 178px;    display: table-cell;
  height: 92px;
  padding-top: 5px;
  vertical-align: middle;
  width: 178px;
}





.nouveautes {
  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -6px -62px;
}

.promotions {
  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -101px;
}

.tops {
  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -9px -1419px;
}

.avant_premiere {
  background-image: url(https://www.agora-tec.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.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -13px -897px;
}

#carrousel_top_five li .stock.non_dispo {
  background-position: -13px -937px;
}

#carrousel_top_five li .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: #8DC63F;
}

#carrousel_top_five span.prix_barre {
	display: inline-block;
	position:relative !important;
	margin-right:10px;
	text-decoration: line-through;
	color:#8DC63F;
	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: #32519e;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
}

#carrousel_top_five a p {
  margin-top: 0px;
  margin-bottom: 0px;

  line-height: 14px;

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #555555;
  font-weight: normal;
}

#carrousel_top_five a {
  text-decoration:none;
}

#carrousel_top_five a img {
	border:0;
}


#carrousel_top_five a.ajouter {
  display: block;
  padding: 3px 10px 3px 3px;

  position: absolute;
  bottom: 0px;

	text-decoration: none;

	font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #8dc63f;
  font-weight: normal;
  font-style: italic;

  -webkit-transition:all 500ms ease-out;
  -moz-transition:all 500ms ease-out;
  -o-transition:all 500ms ease-out;
  transition:all 500ms ease-out; /* CSS3 */
}

#carrousel_top_five a.ajouter p {
	font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #8dc63f;
  font-weight: normal;
  font-style: italic;
	margin:0;
}

#carrousel_top_five a.ajouter span {
  display: none;
	background-image:none;
	width:10px;
	height:10px;
	position:absolute;
	bottom:0;
	right:0;
	margin-left:32px;
	margin-top:5px;
}

#carrousel_top_five .ajouter.clique {
  color: #ffffff;
  border-radius: 3px;
  background-color: #8dc63f;
}


#partage {
  float: right;
	z-index: 885;
  position:relative;
}

.texte,
#texte, #module_actualites {
  margin-left: 218px;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: normal;
  line-height: 18px;
}


.texte {
  width: 515px;
  float: left;
}
.contenu_texte {
	position:relative;
	top:-270px;
	width:734px;
	background-color:#fff;
	padding:10px 20px;
	border:1px solid #D7D7D7;
}

.contenu_texte ul ul {
	-moz-column-count:3;
	-webkit-column-count:3;
	-o-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
}


.contenu_texte ul li {
	list-style:square;
}

.contenu_texte ul li a {
	color:#898989;
	text-decoration:none;
}

.contenu_texte ul li {
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
}

.contenu_texte ul li ul li {
	text-transform:none;
	font-weight:normal;
	margin-top:0;
}

.contenu_texte ul li a:hover {
	color:#8DC63F;
}

#description {
  margin-bottom: 15px;
}

.description {
  width: 340px;
  float: left;
}

#logo_marque {
  width: 160px;
  height: 75px;
  margin-top: 25px;
  margin-left: 10px;
  float: right;
}

#logo_marque img {
  display: block;
  margin: auto;
}

.texte h2,
#texte h2 {
  margin-top: 25px;
  margin-bottom: 0px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 14px;
  color: #32519E;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#caracteristiques h2 {
  margin-top: 5px;
}
#caracteristiques {
  width: 750px;
  clear:both;
}
#caracteristiques ul {
  list-style: none;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;

  -moz-column-count: 3;
  -moz-column-width: 150px;
  -webkit-column-count: 3;
  -webkit-column-width: 150px;
  column-count: 3;
  column-width: 150px;
}

.texte h3,
#texte h3 {
  margin-top: 0px;
  margin-bottom: 0px;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

.texte h3 +p,
#texte h3 +p {
  margin-top: 5px;
}

#texte a {
  color: #8DC63F;
}

#texte a:hover {
  text-decoration:none;
}

.aucun_resultat {
	margin-top: 20px;

  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: normal;
}





#liste_marques {
  margin-left: 218px;
}

#liste_marques ul {
  list-style: none;
  margin: 0px;
  margin-top: 30px;
  padding: 0px;
}

#liste_marques li {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 137px;
  margin-right: 14px;
  margin-bottom: 18px;
}

#liste_marques li:nth-child(4n+4) {
  margin-right: 0px;
}

#liste_articles li:nth-child(4n+4) {
  //margin-right: 0px;
}

#liste_articles .articles_complementaires li:nth-child(3n+3) {
  //margin-right: 0;
}

#liste_articles .articles_complementaires li:nth-child(4n+4) {
  //margin-right: 17px;
}

#liste_marques h4 {
  margin: 0px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 13px;
  color: #8dc63f;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#liste_marques a {
  display: block;
  width: 158px;
  height: 115px;
  padding: 10px;

  border: 1px solid #d7d7d7;

  background-color: rgba(255,255,255,1);

  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
}

#liste_marques a:hover {
  -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}

#liste_marques a > div {
  display: table-cell;
  width: 160px;
  height: 75px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}

#liste_marques img {
  display: block;
  margin: auto;
}


.ei-slider-thumbs {
	z-index:885;
}


#slider_une_marque {
  width: 537px;
  height: 285px;

  position: absolute;
  top: 80px;
  left: 218px;
	z-index:100;
}

#slider_une_marque ul {
  list-style-type: none;
  width: 537px;
  height: 255px;
  margin: 0px;
  padding: 0px;
}

#slider_une_marque > div > ul, #slider_une_marque > ul {
  position:relative;
  top:30px;
}

#slider_une_marque > div > ul li, #slider_une_marque > ul li {
  position:absolute;
  top:0;
  right:0;
}

#slider_une_marque > div > ul li img, #slider_une_marque > ul li img {
  height:auto !important;
  width:100% !important;
}

#slider_une_marque li {
  height: 255px;

  background-color: #fff;
}

#slider_une_marque span {
  display: table-cell;
  width: 537px;
  height: 255px;
  vertical-align: middle;
}

#slider_une_marque img {
  display: block;
  margin: auto;
}

#slider_une_marque li a img {
  border: 0px;
}

#slider_une_marque .bx-viewport {
  top: 30px !important;
}

#slider_une_marque .bx-wrapper .bx-pager {
  padding: 0px !important;
  top: 15px !important;
  bottom: inherit !important;
  text-align: left !important;
  font-size: 0 !important;
  left:30px !important;
  z-index:888;
}

#slider_une_marque .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255,255,255,0.5);
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 2px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#slider_une_marque .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgba(255,255,255,1);
}



#bande.une_marque #titre,
#bande.un_produit #nom_produit {
  width: 759px;
  height: 55px;

  position: absolute;
  top: 55px;
  right: 0px;

  border-left: 17px solid rgba(141,198,63,0.5);

  background-color: #5D5D5D;
  background-color: rgba(0,0,0,0.5);
}

.bande_texte #titre {
  top: 50px !important;
	width:auto !important;
	border-left: none !important;
}

.bande_texte #titre h1 {
	padding-right:10px;
	border-left: 17px solid rgba(141,198,63,0.5);
	height:100%;
	padding-top:13px !important;
}

#bande.une_marque h1,
#bande.un_produit h2 {
  line-height: 20px;
  margin: 0px;
  padding-left: 15px;
  float: left;

	padding-top:10px;
	padding-bottom:10px;

  color: #ffffff;
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: normal;
}

#bande.une_marque .stock,
#bande.un_produit .stock {
  width: 20px;
  height: 20px;
  float: right;

  position: absolute;
  top: 0px;
  right: 0px;

  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -13px -897px;
}

#bande.une_marque .stock.non_dispo,
#bande.un_produit .stock.non_dispo {
  background-position: -13px -937px;
}

#bande.une_marque .stock.dispo_consult,
#bande.un_produit .stock.dispo_consult {
  background-position: -13px -1363px;
}

#bande.une_marque #texte,
#bande.un_produit #descriptif {
  width: 214px;
  height: 230px;
  margin: 10px 0 0 0px;
  padding: 0px 10px 26px 15px;

  position: absolute;
  top: 100px;
  right: 0px;

  overflow: auto;

  color: #ffffff;
  line-height: 15px;

  background-color: #5D5D5D;
  background-color: rgba(0,0,0,0.5);
}

#bande.un_produit #descriptif {
  height: 220px;
	padding: 20px 10px 20px 15px;

  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  line-height: 20px;

}

#descriptif span {
  display: block;
  text-transform: uppercase;
	font-size:18px;
}

#bande.une_marque #texte a,
#bande.un_produit #descriptif a {
  color: #8DC63F;
}

#bande.une_marque #texte a:hover,
#bande.un_produit #descriptif a:hover {
  text-decoration:none;
}

.carrousel_produits a.ajouter span, #descriptif .ajout_panier span, #liste_articles li > a:last-of-type span, .liste_articles li > a:last-of-type span {
	display:none;
}

.carrousel_produits a.ajouter p, #descriptif .ajout_panier p, #liste_articles li > a:last-of-type p, .liste_articles li > a:last-of-type p {
	margin:0;
	font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #8dc63f;
  font-weight: normal;
  font-style: italic;
}
.carrousel_produits a.bouton_centralisateur p, #descriptif .bouton_centralisateur p, #liste_articles li > a.bouton_centralisateur:last-of-type p, .liste_articles li > a.bouton_centralisateur:last-of-type p {
  color:#32519E;
}

#liste_articles .plus_articles a {
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 15px;
  color: #32519e;
  font-weight: normal;
  font-style: italic;
}

.le_prix {
  height: 70px;
  margin-top: 20px;
}

#descriptif .le_prix span {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  padding: 5px 10px;

  border-radius: 3px;

  text-align: center;
  font-weight: bold;
  background-color: #32519E;
}

#descriptif .le_prix span.barre {
  background-color: rgba(50, 81, 158, 0.7);
  color: rgba(255, 255, 255, 0.7);
  text-decoration: line-through;
}

#descriptif .ajout_panier {
  display: inline-block;
  width: 175px;
  line-height: 38px;
  margin-top: 15px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 28px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;

  border-radius: 3px;

  background-color: #8dc63f;

  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 168px -711px;

  -webkit-transition: color 500ms ease-out;
  -moz-transition: color 500ms ease-out;
  -o-transition: color 500ms ease-out;
  transition: color 500ms ease-out;

  -webkit-transition: background-color 500ms ease-out;
  -moz-transition: background-color 500ms ease-out;
  -o-transition: background-color 500ms ease-out;
  transition: background-color 500ms ease-out;
}

#descriptif .ajout_panier p {

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 14px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
	margin:0;

}

#descriptif .ajout_panier.clique {
  color: #8dc63f;
  background-color: #ffffff;

  background-position: 168px -796px;
}

#descriptif img {
  display: block;
  margin: 5px auto;
}

#bande.une_marque #texte h2 {
  margin-top: 0px;
  color: #ffffff;
}

#partage.une_marque {
  margin-top: 15px;
}

#partage.les_produits {
  width: 304px;
  position: absolute;
  top: 262px;
  margin-left: 690px;

  text-align: right;
}

#liste_articles, .liste_articles {
  margin-left: 218px;
}

#liste_articles.les_produits , .liste_articles.les_produits {
  width: 774px;
  position: absolute;
  top: 232px;
  margin-left: 218px;
}

#liste_articles h2, .liste_articles h2 {
  display: inline-block;
  width: 74%;
  margin-top: 0px;
  margin-bottom: 10px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 15px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#liste_articles h2 span, .liste_articles h2 span {
  display: inline;
  font-size: 12px;
  text-transform: none;
  position: static;
}

#liste_articles > h2:first-of-type, .liste_articles > h2:first-of-type {
  margin-top: 28px;
}

#liste_articles.les_produits h2.blanc, .liste_articles.les_produits h2.blanc {
  color: #ffffff;
  display:block;
}

#liste_articles ul, .liste_articles ul, .liste_articles ul, .liste_articles ul {
  list-style: none;
  margin: 0px;
  padding: 0 0 30px 0;
}

#liste_articles li, .liste_articles li {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 210px;
  margin-right: 12px;
  margin-bottom: 18px;

  position: relative;

  border: 1px solid #d7d7d7;
  background-color: #ffffff;
}

#liste_articles .declinaisons_articles li, .liste_articles .declinaisons_articles li {
  height:auto;
  //height:110px;
}

#liste_articles .declinaisons_articles li.li_connecte, .liste_articles .declinaisons_articles li.li_connecte {
  //height:146px;
}

#liste_articles .declinaisons_articles li:not(.li_connecte) span, .liste_articles .declinaisons_articles li:not(.li_connecte) span {
  position:relative;
}

#liste_articles .declinaisons_articles li > a:last-of-type, .liste_articles .declinaisons_articles li > a:last-of-type {
  position:relative;
  bottom:0;
  margin-bottom:5px;
  margin-top:5px;
}

#liste_articles li.grid-sizer, .liste_articles li.grid-sizer {
  height: 0 !important;
  border:0 !important;
  margin:0 !important;
  position:absolute;
}

#liste_articles li.largeur_double, .liste_articles li.largeur_double {
  width: 374px;
}

#liste_articles li.largeur_triple, .liste_articles li.largeur_triple {
  width: 568px;
}

#liste_articles li.largeur_quadruple, .liste_articles li.largeur_quadruple {
  width: 762px;
}

#liste_articles li:nth-child(4n+4), .liste_articles li:nth-child(4n+4) {
  //margin-right: 0px;
}

#liste_articles .img_article, .liste_articles .img_article {
  display: table;
  //width: 178px;
  height: 92px;
  padding-top: 5px;
  vertical-align: middle;
  width:100%;
  table-layout:fixed;
}
#liste_articles .img_article > div, .liste_articles .img_article > div {
  display: table-cell;
  vertical-align: middle;
}

#liste_articles li.largeur_double .img_article {
  //width: 374px;
  //max-width:100%;
}
#liste_articles li.largeur_triple .img_article {
  //max-width: 568px;
  //max-width:100%;
}

#liste_articles img, .liste_articles img {
  display: block;
  margin: auto;
  //max-width:calc(100% - 2px);
}

#liste_articles span, .liste_articles span {
  display: block;
  width: 39px;
  height: 39px;

  position: absolute;
  top: 5px;
  left: 5px;
}

#liste_articles li .stock, .liste_articles li .stock {
  width: 20px;
  height: 20px;

  position: absolute;
  top: 0px;
  right: 0px;

  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-position: -13px -897px;
}

#liste_articles li .stock.non_dispo, .liste_articles li .stock.non_dispo {
  background-position: -13px -937px;
}

#liste_articles li .stock.dispo_consult, .liste_articles li .stock.dispo_consult {
  background-position: -13px -1363px;
}


#liste_articles .bloc_prix, .liste_articles .bloc_prix {
	text-align:right;
	margin-top:-25px;
	margin-bottom:5px;
}

#liste_articles .declinaisons_articles .bloc_prix, .liste_articles .declinaisons_articles .bloc_prix {
  margin-top:5px;
  margin-right:10px;
}

#liste_articles span.prix, .liste_articles span.prix, .liste_articles span.prix, .liste_articles span.prix {
  display: inline-block;
  width: 75px;
  height: 25px;
  line-height: 25px;
  padding-left: 3px;
  padding-right: 3px;
	margin-right:8px;
  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: #8DC63F;
}

#liste_articles span.prix_barre, .liste_articles span.prix_barre {
	display: inline-block;
	position:relative !important;
	margin-right:10px;
	text-decoration: line-through;
	color:#8DC63F;
	width: 75px;
  height: 25px;
	font-family: 'Open Sans', sans-serif;
  white-space:nowrap;
  font-size: 14px;
}

#liste_articles ul h2, .liste_articles ul h2 {
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

#liste_articles h2 a, #liste_articles .declinaisons_articles h2, .liste_articles h2 a, .liste_articles .declinaisons_articles h2 {
  font-family: 'ProximaNovaBold', sans-serif;
  color: #32519e;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
}

#liste_articles .declinaisons_articles h2, .liste_articles .declinaisons_articles h2 {
  margin-top:10px
}

#liste_articles a, .liste_articles a {
	text-decoration:none;
}

#liste_articles p , .liste_articles p {
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;

  line-height: 14px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  color: #555555;
  font-weight: normal;
}

#liste_articles li > a:last-of-type, .liste_articles li > a:last-of-type {
  display: block;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 10px 3px 3px;

  position: absolute;
  bottom: 5px;

  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  color: #8dc63f;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;

  -webkit-transition:all 500ms ease-out;
  -moz-transition:all 500ms ease-out;
  -o-transition:all 500ms ease-out;
  transition:all 500ms ease-out; /* CSS3 */
}

#liste_articles li > a.clique:last-of-type, .liste_articles li > a.clique:last-of-type {
  color: #ffffff;
  border-radius: 3px;
  background-color: #8dc63f;
}

#liste_articles .ias_loader, .liste_articles .ias_loader {
  position:absolute !important;
  bottom:10px !important;
  left:50% !important;
  margin: 0 0 0 -64px !important;
}






#revendeurs {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 219px;
  margin-top: 15px;
  padding: 10px;
  clear: right;

  background-color: #dbdbdb;
}

#revendeurs h2 {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 25px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 13px;
  color: #555555;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#revendeurs label {
  display: block;
  margin-top: 5px;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 16px;
  color: #555555;
  font-weight: normal;
}

#revendeurs input {
  width: 95%;
  height: 25px;
  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: #f2f2f2;
}

#revendeurs .dd {
  width: 95% !important;
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left: 5px;
  float: left;

  position: relative;

  border: 0px;
  border-radius: 3px;
  border-radius: 3px;

  background-color: #f2f2f2;

  font-family: 'ProximaNovaRegular', sans-serif;
  font-size: 12px;
  color: #555555;
  font-weight: normal;

  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 170px -503px;
}

#revendeurs .ddcommon input.text {
  display:block;
  height: 100%;
  margin-top: 0px;
  padding:0 0 0 0;
  padding-left: 10px;

  position:absolute;
  left:0px;
  top: -4px;

  border:none;
  border-radius: 3px;
  border-radius: 3px;
  background-color: #666666;

  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none
}

#revendeurs .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: #f2f2f2;
}

#revendeurs .ddChild ul{
  list-style: none;
  margin: 0px;
  padding: 0px
}

#revendeurs .ddChild ul li{
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px
}

#revendeurs .ddChild ul li:hover {
  background-color: #ffffff;
}

#revendeurs a {
  display: inline-block;
  margin-top: 15px;
  margin-left: 70px;
  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: #8dc63f;

  background-image: url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 103px -218px;
}
.trigger {
	display: none;
}



#module_actualites ul {
	list-style:none;
	padding-left:0;
}

#module_actualites ul li {
	width:345px;
	height:180px;
	margin:0 20px 20px 0;
	border: 1px solid #D7D7D7;
	display:inline-block;
	overflow:hidden;
	position:relative;
}

#module_actualites ul li p {
	font-weight:normal;
	text-transform:none;
}


#module_actualites ul li a {
	color:#555555;
	text-decoration:none;
	border:0;
}

#module_actualites ul li a h2 {
	margin:0;
	padding:7px;
	color: #32519E;
  font-family: 'ProximaNovaRegular',sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

#module_actualites ul li span {
	display:block;
	height: 120px;
	width:auto;
	margin:0 auto;
	padding:0 10px 0 10px;
}

#module_actualites ul li span img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	display:block;
	margin:0 auto;
}


@-webkit-keyframeskeyframes texteactuinit{
	 from { top:30px; }
	 to { top:120px; }
}
@-moz-keyframeskeyframes texteactuinit{
	 from { top:30px; }
	 to { top:120px; }
}
@-o-keyframeskeyframes texteactuinit{
	 from { top:30px; }
	 to { top:120px; }
}
@-ms-keyframes texteactuinit{
	 from { top:30px; }
	 to { top:120px; }
}

@keyframes texteactuinit{
	 from { top:30px; }
	 to { top:120px; }
}


#module_actualites ul li .bloc_actu  {
	display:block;
	height: 142px;
	width:332px;
	margin:-2px 0 0 0;
	padding:5px 7px 7px 7px;
	background-color: rgba(0, 0, 0, 0.6);
	position:absolute;
	color:#fff;
	-webkit-animation:texteactuinit 0.5s linear;
	-moz-animation:texteactuinit 0.5s linear;
	-o-animation:texteactuinit 0.5s linear;
	-ms-animation:texteactuinit 0.5s linear;
	animation:texteactuinit 0.5s linear;
}

#module_actualites ul li .bloc_actu h3 {
	margin-top:0;
	font-size:11px;
	text-transform:uppercase;
	width:92%;
}

#module_actualites ul li .bloc_actu h3:before {
	content:'';
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	display:block;
	width:40px;
	height:18px;
	color:#555555;
	background-image:url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-size:70%;
	position:absolute;
	right:0;
	margin-top:14px;
	opacity:0.7;
}

#module_actualites ul li .bloc_actu :before {
	content:'';
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	display:block;
	width:40px;
	height:18px;
	margin-top:-8px;
	margin-left:182px;
	color:#555555;
	//background-image:url(https://www.agora-tec.fr/commun/modeles/commun/structure/img/sprite.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-size:70%;
	margin-bottom:-15px;
	opacity:0.7;
}


@-webkit-keyframes texteactu{
	 from { top:120px; }
	 to { top:30px; }
}
@-moz-keyframeskeyframes texteactu{
	 from { top:120px; }
	 to { top:30px; }
}
@-o-keyframeskeyframes texteactu{
	 from { top:120px; }
	 to { top:30px; }
}
@-ms-keyframes texteactu{
	 from { top:120px; }
	 to { top:30px; }
}

@keyframes texteactu{
	 from { top:120px; }
	 to { top:30px; }
}

#module_actualites ul li a:hover .bloc_actu {
	-webkit-animation:texteactu 0.5s linear both;
	-moz-animation:texteactu 0.5s linear both;
	-o-animation:texteactu 0.5s linear both;
	-ms-animation:texteactu 0.5s linear both;
	animation:texteactu 0.5s linear both;
}

.consultation_actus a.retour_liste {
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	right:0;
	top:0;
	position:absolute;
}

.consultation_actus a.retour_liste:hover {
	background-color:#8DC63F;
}

.date {
	color:#fff;
  width: auto;
  height: 35px;
	line-height:35px;
  position: absolute;
  top: -46px;
  right: -1px;
  border-left: 17px solid rgba(141, 198, 63, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
	padding:5px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14	px;
}

#infos_contact {
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
  margin:0;
}



#bandeau.petit_bandeau #logo {
  height:50px;
  background-size:auto 100%;
}

#bandeau.petit_bandeau + #navigation {
  top:50px;
}

#bandeau.petit_bandeau #infos_contact {
  top:26px;
  text-align:right;
  font-family: 'Open Sans', sans-serif;
}
#bandeau.petit_bandeau #infos_contact > div {
  margin:0 !important;
}

#bandeau.petit_bandeau #infos_contact span, #bandeau.petit_bandeau #infos_contact p {
  display:inline-block !important;
}

#bandeau.petit_bandeau #infos_contact > div:nth-child(2) {
  background-color:#fff;
  padding:0;
}

#bandeau.petit_bandeau #infos_contact > div:nth-child(1) p {
  margin-left:5px;
}

#bandeau.petit_bandeau #infos_contact > div:nth-child(2) span {
  padding:0;
  font-weight:bold;
  margin:0 0 0 5px !important;
}

#bandeau.petit_bandeau #infos_contact .non_connecte {
  width:auto;
}

#bandeau.petit_bandeau #infos_contact .non_connecte a {
  line-height: 12px;
  margin-left: 5px;
  padding: 2px 4px;
}



#liens_utiles a {
  color: #8DC63F;
  text-decoration: none;
}


@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: #555555;
    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:100%;
		max-width:404px;
		min-width:200px;
		height:80px;
	}

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

	#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;
	}

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

	#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;
	}

	#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.agora-tec.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:#8dc63f !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:#555555 !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:#555555;
		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%;
	}



}
@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;
	}


}
