/*****************************************************************************************************************************************
 * MISE EN FORME DES NOUVELLES POLICES DE CARACTERE
*****************************************************************************************************************************************/

/*variable CSS*/
:root{
    --btn-border-color: #555555;
}


@font-face {
   font-family: sansation_light;
   src: url(font/sansation_light.woff);
}

@font-face {
   font-family: sansation_bold;
   src: url(font/sansation_bold.woff);
}

html, body {
  height: 88%;
}

.wrap {
  min-height: 100%;
}

hr.darker {
  border-top: 1px solid #aaa;
}

.no-padding > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.grey_row
{
	height:35px;
	color: #6a6a6a;
	background-color:#f5f5f5;
	border:1px solid #dddddd;
	/*padding-top : 10px;*/
}

.grey_title
{
	height:35px;
	color: #6a6a6a;
	background-color:#f5f5f5;
	border:1px solid #dddddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.info-label { color:#6a6a6a;font-size:11px; }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    color: #EA0E6F;
	font-weight:500;
}

.list-group-header {
	background-color:#efefef;
}

.list-group-header-inv {
	color:#aaaaaa;
	background-color:#ffffff;
}

.font-size-promo{
	font-size: 13px;
	text-decoration:none;
}

.head_promo_img {
	margin-top:25px;
}

.head_promo_img :hover,
.head_promo_img :focus{
	opacity: 0.9;
	color: #040035;
	}

.context-heading
{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:600;
	font-size:25px;
	color: #fff;
	background-color:#e60064;
	padding:15px;
	border: 1px solid #e60064;
	border-radius:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:lowercase;
}

.context-heading-msg
{
	font-family: 'Josefin Sans', sans-serif;
	font-size:20px;
	color:#999;
	padding-top:15px;
	padding-bottom:15px;
	/*border-top: 1px dotted #ddd;*/
	/*border-bottom: 1px dotted #ddd;*/
}


.navbar-chapier
{
	font-family: "Helvetica",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	color: #ffffff;
	background-color: #e60064;
}

.navbar-chapier > a,
.navbar-chapier > a:focus,
.navbar-chapier > a:hover
{
	color: #ffffff !important;

}


/* navbar event */
.navbar-event
{
	font-family: "Helvetica",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	background-color: #FEDA5A; /*#FFC805;*/
}

.navbar-event > a
{
	color: black !important;
}

.navbar-event > a:hover
{
	color: #FEDA5A !important;
	background-color: black !important;
	/*font-weight:bold !important;*/
}

/* navbar event */
.navbar-contest
{
	font-family: "Helvetica",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	background-color: #63d629; /*#FFC805;*/
}

.navbar-contest > a
{
	color: black !important;
}

.navbar-contest > a:hover
{
	background-color: #5eeb16 !important;
	/*font-weight:bold !important;*/
}

.navbar-calendar
{
	font-family: "Helvetica",Helvetica,Arial,sans-serif;
	font-weight: lighter;
	background-color: #4e91ff; /*#FFC805;*/
}

.navbar-calendar > a
{
	color: black !important;
}

.navbar-calendar > a:hover
{
	background-color: #3e7be1  !important;
	/*font-weight:bold !important;*/
}


/*
 * START ADMIN CSS
*/

.form-group-admin{
	margin-bottom: 0px;
}

.padding-list-group-item{
	padding-top: 15px;
}

.right-value{
	background-color: #36e39866;
}

.wrong-value{
	background-color: #e3363666;
}

#login-fav{
	background-color: inherit;
}

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
.table-fixed td {
	overflow: hidden;
	height:40px
}

.activated {color: #33d636;}
.deactivated {color: #f90000;}
.waiting {color: #de9820;}

.big-checkbox	 {width: 30px; height: 30px;}
.modified {  background-color: #d0251433 ;}

/*
 * END ADMIN CSS
*/

/*
 * START NAVBAR ADMIN CUSTOM
*/
.navbar-chapier-admin {
  background-color: #222;
  border-color: #080808;
  border:0px;
}
.navbar-chapier-admin .navbar-brand {
  color: #9d9d9d;
}
.navbar-chapier-admin .navbar-brand:hover,
.navbar-chapier-admin .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-chapier-admin .navbar-text {
  color: #9d9d9d;
}
.navbar-chapier-admin .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-chapier-admin .navbar-nav > li > a:hover,
.navbar-chapier-admin .navbar-nav > li > a:focus {
  color: #222;
  background-color: #fff;
}
.navbar-chapier-admin .navbar-nav > .active > a,
.navbar-chapier-admin .navbar-nav > .active > a:hover,
.navbar-chapier-admin .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #e60064;
}
.navbar-chapier-admin .navbar-nav > .disabled > a,
.navbar-chapier-admin .navbar-nav > .disabled > a:hover,
.navbar-chapier-admin .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-chapier-admin .navbar-toggle {
  border-color: #333;
}
.navbar-chapier-admin .navbar-toggle:hover,
.navbar-chapier-admin .navbar-toggle:focus {
  background-color: #333;
}
.navbar-chapier-admin .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-chapier-admin .navbar-collapse,
.navbar-chapier-admin .navbar-form {
  border-color: #101010;
}
.navbar-chapier-admin .navbar-nav > .open > a,
.navbar-chapier-admin .navbar-nav > .open > a:hover,
.navbar-chapier-admin .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-chapier-admin .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-chapier-admin .navbar-link {
  color: #9d9d9d;
}
.navbar-chapier-admin .navbar-link:hover {
  color: #fff;
}
.navbar-chapier-admin .btn-link {
  color: #9d9d9d;
}
.navbar-chapier-admin .btn-link:hover,
.navbar-chapier-admin .btn-link:focus {
  color: #fff;
}
.navbar-chapier-admin .btn-link[disabled]:hover,
fieldset[disabled] .navbar-chapier-admin .btn-link:hover,
.navbar-chapier-admin .btn-link[disabled]:focus,
fieldset[disabled] .navbar-chapier-admin .btn-link:focus {
  color: #444;
}

/*
 * END NAVBAR ADMIN CUSTOM
*/

/* Start Promotion */
.image-promo {
	width: 8%;
	height: auto;
}

.image-promo-big {
	width: 100%;
	height: auto;
}

.hasChild{
	color: #0e90c8;
}

#promo-selected{
	color: #fff;
	background-color: #565555;
}

.pointer{
	cursor: pointer;
}


.hide-element-trigger-true{
	visibility: hidden;
}

.hide-element-trigger-false{
	visibility: visible;
}

.display-element-trigger-false{
	display: none;
}

.display-element-trigger-true{
	display: block;
}

.backgroundColor{
	background-color: #ddd;
	border: 1px solid black;
	color: black;
}

.border-promotion{
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.offset-right1 {
	padding-left : 5%;
}

.offset-right2 {
	padding-left : 10%;
}

/* End Promotion */

.text-chapier{
	color:#e60064;
}

.btn-chapier {
  color: #ffffff;
  background-color: #e60064;
}
.btn-chapier:focus,
.btn-chapier.focus {
  color: #ffffff;
  background-color: #ab004a;
  border-color: transparent;
}
.btn-chapier:hover {
  color: #ffffff;
  background-color: #ab004a;
  border-color: transparent;
}
.btn-chapier:active,
.btn-chapier.active,
.open > .dropdown-toggle.btn-chapier {
  color: #ffffff;
  background-color: #ab004a;
  border-color: transparent;
}
.btn-chapier:active:hover,
.btn-chapier.active:hover,
.open > .dropdown-toggle.btn-chapier:hover,
.btn-chapier:active:focus,
.btn-chapier.active:focus,
.open > .dropdown-toggle.btn-chapier:focus,
.btn-chapier:active.focus,
.btn-chapier.active.focus,
.open > .dropdown-toggle.btn-chapier.focus {
  color: #ffffff;
  background-color: #ab004a;
  border-color: #86003a;
}
.btn-chapier:active,
.btn-chapier.active,
.open > .dropdown-toggle.btn-chapier {
  background-image: none;
}


.btn-chapier:focus,
.btn-chapier.focus {
  color: #ffffff;
  background-color: #ff006f;
  border-color: #555555;
}
.btn-chapier:hover {
  color: #ffffff;
  background-color: #ab004a;
  border-color: transparent;
}
.btn-chapier:active,
.btn-chapier.active,
.open > .dropdown-toggle.btn-chapier {
  color: #ffffff;
  background-color: #ab004a;
  border-color: #86003a;
}
.btn-chapier:active:hover,
.btn-chapier.active:hover,
.open > .dropdown-toggle.btn-chapier:hover,
.btn-chapier:active:focus,
.btn-chapier.active:focus,
.open > .dropdown-toggle.btn-chapier:focus,
.btn-chapier:active.focus,
.btn-chapier.active.focus,
.open > .dropdown-toggle.btn-chapier.focus {
  color: #ffffff;
  background-color: #ff006f;
  border-color: #555555;
}



.btn-chapier-grey:active,
.btn-chapier-grey.active,
.open > .dropdown-toggle.btn-chapier-grey {
  background-image: none;
}
.btn-chapier-grey.disabled,
.btn-chapier-grey[disabled],
fieldset[disabled] .btn-chapier-grey,
.btn-chapier-grey.disabled:hover,
.btn-chapier-grey[disabled]:hover,
fieldset[disabled] .btn-chapier-grey:hover,
.btn-chapier-grey.disabled:focus,
.btn-chapier-grey[disabled]:focus,
fieldset[disabled] .btn-chapier-grey:focus,
.btn-chapier-grey.disabled.focus,
.btn-chapier-grey[disabled].focus,
fieldset[disabled] .btn-chapier-grey.focus,
.btn-chapier-grey.disabled:active,
.btn-chapier-grey[disabled]:active,
fieldset[disabled] .btn-chapier-grey:active,
.btn-chapier-grey.disabled.active,
.btn-chapier-grey[disabled].active,
fieldset[disabled] .btn-chapier-grey.active {
  background-color: #777777;
  border-color: #777777;
}
.btn-chapier-grey.badge {
  color: #777777;
  background-color: #fff;
}


.btn-chapier-grey {
  color: #ffffff;
  background-color: #AAAAAA;
  border-color: #777777;
}
.btn-chapier-grey:focus,
.btn-chapier-grey.focus {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}
.btn-chapier-grey:hover {
  color: #ffffff;
}
.btn-chapier-grey:active,
.btn-chapier-grey.active,
.open > .dropdown-toggle.btn-chapier-grey {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555;
}
.btn-chapier-grey:active:hover,
.btn-chapier-grey.active:hover,
.open > .dropdown-toggle.btn-chapier-grey:hover,
.btn-chapier-grey:active:focus,
.btn-chapier-grey.active:focus,
.open > .dropdown-toggle.btn-chapier-grey:focus,
.btn-chapier-grey:active.focus,
.btn-chapier-grey.active.focus,
.open > .dropdown-toggle.btn-chapier-grey.focus {
  color: #ffffff;
  background-color: #444444;
  border-color: #555555;
}

.panel-chapier {
  border-color: #e60064;
}
.panel-chapier > .panel-heading {
  color: #ffffff;
  background-color: #e60064;
  border-color: transparent;
}
.panel-chapier > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e60064;
}
.panel-chapier > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-chapier > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e60064;
}

.btn-youtube
{color:#fff;background-color:#DC2725;border-color:rgba(0,0,0,0.2)}
.btn-youtube:hover,.btn-youtube:focus,.btn-youtube:active,.btn-youtube.active,.open>.dropdown-toggle.btn-youtube
{color:#fff;background-color:#B21E1C;border-color:rgba(0,0,0,0.2)}
.btn-youtube:active,.btn-youtube.active,.open>.dropdown-toggle.btn-youtube
{color:#fff;background-image:none}
.btn-youtube.disabled,.btn-youtube[disabled],fieldset[disabled] .btn-youtube,.btn-youtube.disabled:hover,.btn-youtube[disabled]:hover,fieldset[disabled] .btn-youtube:hover,.btn-youtube.disabled:focus,.btn-youtube[disabled]:focus,fieldset[disabled] .btn-youtube:focus,.btn-youtube.disabled:active,.btn-youtube[disabled]:active,fieldset[disabled] .btn-youtube:active,.btn-youtube.disabled.active,.btn-youtube[disabled].active,fieldset[disabled] .btn-youtube.active
{color:#fff;background-color:#DC2725;border-color:rgba(0,0,0,0.2)}
.btn-youtube .badge{color:#DC2725;background-color:#fff}

/*
.dropdown:hover .dropdown-menu
{ display: block; }*/
.label-vcenter
{
	padding-top:6px;
}

.glyphicon-square
{
	border:1px solid
}

.glyphicon-bigger1
{
    font-size: 27px;
    margin-top: 5px;
    left: 4px;
}

.glyphicon-bigger2
{

}

.input-group-addon-basic
{
	border:0px;
	background-color:transparent !important;
}

.block_addresses
{
	font-size:12px;
	padding-left:50px;
	background-color:#eeeeee;
}

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

div.vert-align{
    vertical-align: middle;
}

.table-hover > tbody > tr.no-hover:hover
{
	background-color: #ffffff;
}



/*.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {*/
.lg-title-city.active, .lg-title-city.active:focus, .lg-title-city.active:hover {
    z-index: 2;
    color: #FFF;
    background-color: #ea0e6f;
    border-color: #ea0e6f;
}

.lg-title-city.active > .badge { color: #ea0e6f; }


/*
.lg-title-city
{
	background:#dddddd;
}
*/


.panel-heading-txt
{
	font-size: 18px;
	color: #6a6a6a !important;
}

.navmenubar .navbar-nav {
    display: inline-block;
    float: none;
}

.navmenubar .navbar-collapse {
    text-align: center;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border:1px;
}
.navmenubar .navbar-nav > li > a:hover, .navmenubar .navbar-nav > li > a:focus {
	/*color: #6a6a6a; */ /*Sets the text hover color on navbar*/
}

.navmenubar .navbar-nav > .active > a, .navmenubar .navbar-nav > .active >
 a:hover, .navmenubar .navbar-nav > .active > a:focus {
color: white; /*BACKGROUND color for active*/
background-color: white;
}

.navmenubar {
    background-color: #fff;
    border-color: #030033;
}

ul.navbar-catmenu
{
	border-bottom: 1px solid #e7e7e7;
}

.navmenubar .dropdown:hover,
.navmenubar  .dropdown:focus
{
	color: red;
	text-decoration: none;
	background-color: white;	  /*change color of links in drop down here*/
}

.navmenubar  .dropdown .open
{ background-color : black; }

 .nav > .navmenubar > li > a:hover,
 .nav > .navmenubar > li > a:focus {
    text-decoration: none;
    background-color: silver; /*Change rollover cell color here*/
  }


  .navmenubar .navbar-nav > li > a {
   /*color: white;*/	 /*Change active text color here*/
    }

  .navbar-actions li { margin-left: 5px; }

  .navbar-actions li li { margin: 0px; }
  .navbar-actions li ul.not-identified > li { padding: 0px; }
  ul.navbar-actions { margin-right: 0px; }
  .navbar-brand img { max-height:27px; }
  ul.navbar-actions { text-align: right; }
  .navbar-actions li { display: inline; }

  /*body { margin-top: 55px; }*/



/*
 * CSS Custom "NAVBAR"
 */

/*form#login-nav { padding: 10px 10px 0px 10px; min-width: 250px; }*/
.main-nav-wrapper  ul.account-not-identified form
{ padding: 10px 10px 0px 10px; min-width: 250px; }

.main-nav-wrapper  ul.account-identified,
.main-nav-wrapper  ul.cart-identified,
.main-nav-wrapper  ul.change-lang-ddm
{ padding: 10px 0px 10px 0px; min-width:200px}

.main-nav-wrapper  ul.account-identified form,
.main-nav-wrapper  ul.cart-identified form
{ padding:0px 10px 0px 10px; }

.main-nav-wrapper  ul.cart-identified a.no-hover:hover
{background-color : #ffffff}

.main-nav-wrapper ul.change-lang-ddm li{
	margin-left:10px;
	cursor:pointer;
}


/*
 * CSS Custom "MENU CATALOGUE"
 */
.menu-catalogue .navmenubar a.famcatmenu
{
	font-size: 14px;
	border-bottom: 4px solid white;
	padding: 10px 15px 8px 15px;
	vertical-align: bottom;
	line-height:15px;
	min-height:52px;
	background: white;
}

.menu-catalogue ul.CatMenuContent
{ width:600px;font-size:11.5px; border: 1px solid #e7e7e7;}

/*
*/
.breadcrumb li.active a { font-weight: bold; }

div.breadcrumb_view

.product_view span.add2caddie_short{display:none;}

/*
 * CSS Custom "MEMBRE"
 */
  .membre .panel-body { min-height:227px; }



@media (min-width: 1200px) {
	.product_view span.add2caddie_long{ display:block; }
	.product_view span.add2caddie_short{ display:none; }
}

@media (max-width: 1200px) {
	.product_view_trigger div.quantity-trigger { width: 33.33333333%; }
	.product_view span.add2caddie_long{ display:none; }
	.product_view span.add2caddie_short{ display:block; }


	.quick_add_updown,
	.updnqty,
	.updnqtyfav
	{ padding: 6px 4px; };
}

@media (max-width: 1024px) {
	#bs-example-navbar-collapse-1 li.navbar-info-partner { display: none; }
}
/*
@media (max-width: 1110px) {
	.quick_add_updown,
	.updnqty,
	.updnqtyfav
	{ display : none };
}
*/
@media (max-width: 992px) {
	#bs-example-navbar-collapse-1 .btn-caddie > span + span { display: none; }

	.quick_add_updown,
	.updnqty,
	.updnqtyfav
	{ display : none };
}

@media (max-width: 768px) {
  /*
  .dropdown:hover .dropdown-menu
	{ display: none; transition-delay: 2s; }
  */

  nav.navbar.navbar-default.navbar-fixed-top { position: relative; }
  #bs-example-navbar-collapse-1 .btn-chapier > span + span { display: none; }
  #bs-example-navbar-collapse-1 .btn-caddie > span + span { display: none; }
  .navbar-nav { margin: 0px; }
  /*div.navbar-header { position:absolute; }*/
  body { margin-top: 0px; }

	/*.quick_add_updown,
	.updnqty,
	.updnqtyfav
	{ display : block };*/
}



@media (max-width: 400px) {
ul.navbar-catmenu { width:100%; }
}

@media (max-width: 320px) {

}


@media (min-width: 768px) {
  .sidebar {
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #ffffff;
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: 5px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -22px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}

.nav-sidebar > li.sb_header {
  color : #666666;
  padding-right: 0px;
  margin-right: 10px;
  padding-left: 10px;
  margin-left: 10px;
  padding-bottom: 5px;
  border-bottom:1px solid #dddddd;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color : #ea0e6f;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #ea0e6f;
}

li.root-cat-header > .caption { font-weight: bold; color: #ea0e6f; }
li.root-cat-header .caption span.badge { font-size: 10px; margin-top: -4px; }
.trigger-toggle-subcat { cursor: pointer; }
.subcat-wrapper ul.sub-categories { list-style: none; padding-left: 0px; }
.subcat-wrapper { display: none; }
.subcat-wrapper .caption a.active { font-weight: bold; color: #ea0e6f; }
.subcat-wrapper .level2 ul.sub-categories { padding-left: 10px; }
.subcat-wrapper .level3 ul.sub-categories { padding-left: 10px; }
.subcat-wrapper .level4 ul.sub-categories { padding-left: 10px; }

span.gap-fill { padding-left: 15px; }

li.promo {}
li.promo.active a { font-weight: bold; color: #ea0e6f; }
li.promo.active a:hover { font-weight: bold; color: #ea0e6f; }
li.promo a { color : #337ab7; text-decoration: none; font-weight: normal; }
li.promo a:hover { color: #23527c; text-decoration: underline; }

.index-view a.carousel-control{
	background-image : none;
}


/*===================
  Instant search for printer
  =================== */
#searchresponse {
	display: none;
	position: absolute;
	z-index: 1200;
	background: #fafafa;
	padding: 5px 12px 9px;
	width: inherit;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: -1px;
}
#searchresponse a {}

#searchresponse div.more-results { margin-top: 5px; color: #ea0e6f; font-size: 12px; }




/*=========================
  SOCIAL SNIPPETS
  ========================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss,
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook,
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter,
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle,
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoYoutube,
.social-network a.icoYoutube:hover {
	background-color:#E62117;
}
.social-network a.icoVimeo,
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin,
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 35px;
	height: 35px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:35px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/*
.social-circle a { background-color: #666; }
*/
/*=========================
  END SOCIAL SNIPPETS
  ========================= */


/*=========================
  FOOTER DISTRIBUTED
  ========================= */

  .footer-distributed{
	/*background-color: #292c2f;*/
	background-color: #f8f8f8;
	border-top:1px solid #e7e7e7;
	color : #666;

	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;

	padding: 55px 50px;
	margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 33%;
}

/* The company logo */

.footer-distributed h3{
	color:  #666;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #666;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-links a:hover{
	color:  #e60064;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	position:relative;
	bottom:-30px;
	overflow:hidden;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	text-align:right;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	/*background-color:  #33383b;*/
	background-color:  #e60064;
	color: #f8f8f8;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-fax,
.footer-distributed .footer-center i.fa-pencil,
.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #666;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:12px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #666;
	text-decoration: none;
}

.footer-distributed .footer-center p a:hover{
	color:  #e60064;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #666;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}
/*
.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}*/

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

	.footer-distributed .footer-company-name{
		text-align:center;
	}

	div.footer-center i.fa {
		display: block;
		margin: 10px auto !important;
	}

}

/*=========================
  END FOOTER DISTRIBUTED
  ========================= */

/*=========================
  START RGPD
  ========================= */

.error_rgpd	{
	color: #e92033;
	font-weight: bold;
}
.error_row_rgpd{
	border: solid 3px red;
}



/*=========================
  END RGPD
  ========================= */


/*=========================
  START ACTION CO
  ========================= */
.logo_carte_cadeau {
    max-width: 80px;
    margin-right: 10px;
    margin-top: 2%;
}

.logo_carte_cadeau_product_view {
    width: 100%;
    margin-top: 25%;
}

.margin-top-actionCo {
    color: #ea0e6f;
    font-weight: bold;
}
/*=========================
  END ACTION CO
  ========================= */
.navbar-inverse .navbar-nav>li>a  {
    color: #ccc; !important
}


/*=========================
  START GIFT
  ========================= */
.error_gift{
     background-color: darkred;
 }

.error_field{
    background-color: rgb(250, 255, 189) !important;
    border: #ec0707 solid   medium;
}


.error_text{
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
    color: #FFFFFF;
    border: #ec0707 solid   medium;
}

.success_gift{
    background-color: transparent;
}

/*=========================
  END GIFT
  ========================= */


/*=========================
  START JOBS
  ========================= */

 .panel-default-hover{
     cursor:pointer ;
 }

 .jobs strong {
     color: #FF33CC;
     font-size: 18px;
 }

/*=========================
  END JOBS
  ========================= */

/*=========================
  STRAT NEW PRODUCT
  ========================= */
 .box {
     height: 310px;
     border: solid 1px rgba(234, 14, 111, 0.21);
     border-radius: 5px;
     margin-top: 10px;
     margin-bottom: 12px;
     padding-top: 10px;
     position: relative;
 }

.box:hover {
    border: 1px solid #ea0e6f;

}

.picture_new_product {
    height: 125px;
    display: inline-block;
}


.picture_box {
    width: 100%;
    margin-bottom: 10px;
}

.text_description {
    height: 60px;
    font-family: Roboto,Arial,Helevtica,sans-serif;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    /*white-space: nowrap;*/
    overflow: hidden;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.input_snippet {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1%;
    padding-top: 5px;
    white-space: nowrap;
}

.product_price {
    font-size: 25px;
    color: #ea0e6f;
    font-weight: bold;
    text-align: right;
    padding: 4px 1px;
    background-color: #fff;
    border: 0px solid #ea0e6f;
    border-radius: 5px;
}


.product_info {
    font-size: 14px;
}

.unite_vente {
    font-size: 11px;
    color: #666666;
}

.plus,
.minus {
    /*width: 10%;*/
    /*height: auto;*/
    /*border-radius: 0;*/
    /*text-align: center;*/
    /*display: inline-block;*/
    cursor: pointer;
}

.minus {
     margin-right: -3%;
 }

.plus {
    margin-left: -3%;
}
.qta {
    width: 50%;
    text-align: center;
}

.main {
    font-size: 18px;
}

.secondary {

    padding-left: 25px;
    list-style-type: circle;
}

.listCategories {
    margin-bottom: 20px;
}

.pictos {
    position: absolute;
    width: 30px;
}

.pictos img {
    width: 100%;
    margin-top: 5px;
    margin-left: 5px;
}


.pictos-mini {
    width: 15px;
    margin-left: -5px;
    margin-top: -8px;
}

.bestsell img {
    margin-left: 10px;
    margin-top: 10px;
}

.pictos_right {
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 5px;
    width: 92px;
    font-size: 85%;
}

.pictos_right *{
    color: white;
    padding: 2px;
}


.picto_right_radius {
    border-top-right-radius: 5px;
}

.hors_stock_picto {
    background-color: #0a3d70;
}
.promotion_picto {
    background-color: #e60064;
}

.product_image {
    position: relative;
}


.pictos_list {
    width: 25px;
    position: absolute;
}

.pictos_list img {
    width: 90%;
    margin-bottom: 4px;
    margin-left: 0.5px;
}

.descr_picto {
    max-width: 80px;
    max-height: 80px;
}

.ecology {
    margin-bottom: 20px;
}

.ecology-label{
    padding: 5px 10px;
}

.ecology-label td{
    padding: 5px;
}

#ecology-title{
    margin: 5px 10px;
    color: green;
}

.left-side{
    width: 40%;
    float: left;
}

.menu{
    margin-left: 18%;
    margin-right: 10%;
}

.right-side{
    float: right;
    width: 30%;
}

#picto-ecology-menu{
    max-width: 100%;
    max-height: 30px;
}

li a.specialMenu{
    padding: 10px 5px 8px 5px !important;
}

.scratched_price {
    font-size:14px;
    color:#7d7d7d;
    text-decoration: line-through;
    margin-right: 10px;
}



@media (max-width: 1365px) {
    .product_price {
        font-size: 19px;
    }


    .box {
        height: 440px;
    }

    .input_snippet {
        margin-bottom: 10px;
        width: 100%;
    }

    .cart {
        text-align: center;
        width: 100%;
    }

    .text_description {
        height: 90px;
    }

}

@media (max-width: 1200px) {


    .product_price {
        text-align: center;
    }

    .minus {
        margin-right: -0.5%;
    }
    .text_description {
        height: 105px;
    }


}
@media (max-width: 900px) {
    .text_description {
        height: 150px;
    }

    .box {
        height: 440px;
    }

    .pictos {
        width: 30px;
    }

    .pictos-mini {
        width: 20px;
    }
Z

}
@media (max-width: 767px) {



    .pictos {
        width: 35px;
    }

    .text_description {
        height: 90px;
    }

    .box {
        height: 440px;
    }
}


@media (max-width: 350px) {
    .input_snippet {
        margin-bottom: 10px;
        width: 100%;
    }
}


/*=========================
  END NEW PRODUCT
  ========================= */

.gift_pictogramme {
    position: absolute;
    top: -14px;
    left: 185px;
    width: 100%;
}


.favPicto {
    font-size: 23px;
    margin-top: 0px;
    left: 0px;
}

.box .favPicto {
    left: 5px;
}

.product-wrapper {
    border: 1px solid #e2e1e17d !important;
}

.scrollBar-relatedProduct{
    max-height: 470px;
    overflow-y: scroll;
    margin-bottom: 50px;
}


.carousel-inner img {
    width: 1140px;
    height: 440px !important;

}

.filter-panel {
    min-height: 300px;
}

.search-form{
    width: 30% !important;
}


.favorite-message {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #003366;
    color: white;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
}
.favorite-message > li {
    display: inline-block;
}
.favorite-message > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.favorite-message > .active {
    color: #777;
}

.circle{
    margin-left: -16px;
    padding: 2px;
    background: black;
    color: white;
    text-align: center;
    border-radius: 100px;
    font-size: 14px;

}


/* Modal product video css */
 .modal-dialog {
     max-width: 800px;
     margin: 30px auto;
 }

.modal-body {
    position: relative;
    padding: 0px;
}
.close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}


#stock_statement{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Brand image */
.brand_image{
    max-width: 100px;
    max-height: 100px;
}

.panel-body {
    padding: 10px;
}

.btn-default-unselect {
    color:#333;
    background-color: #d5d5d7;
    border-color:#ccc
}
.btn-default-unselect.focus,
.btn-default-unselect:focus {
    color:#333;
    background-color: #d5d5d7;
    border-color:#8c8c8c
}
.btn-default-unselect:hover {
    color:#333;
    background-color: #c2c0c0;
    border-color:#adadad;
}
.btn-default-unselect.active,
.btn-default-unselect:active,
.open>.dropdown-toggle.btn-default-unselect {
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}

/*------NAV--------*/
.nav-icon {
    width: 100px;
    margin-left: 10px;
    padding-bottom: 4px;
    background-color: transparent;
}

.nav-icon:hover {
    background-color: #336699;
}

.techsheet {
    margin: 15px;
}

.techsheet-pdf {
    margin-right: 10px;
}