coll*{
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-ms-border-radius: 0!important;
	-o-border-radius: 0!important;
	border-radius: 0!important;
	outline: 0;
}
.btn:active,.btn:focus,a:active,a:focus{outline: 0}
.no-border-right{border-right: 0!important}
.no-border-left{border-left: 0!important}
.no-padding{padding: 0!important}
.hero-spacer {margin-top: 50px}
.hero-feature{margin-bottom: 30px}
select{border:1px solid #ddd;padding:3px}
@font-face {
    font-family: 'StephanieHeavy';
    src: url('../fonts/StephanieHeavy.ttf');
    src: url('../fonts/StephanieHeavy.woff') format('woff');
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'source_sans_proregular';
	/*color: gerer par php;*/
	/*background-color: gerer par php;*/
	padding: 0; 
}

input[type="text"] {
   color: #000000!important;
}
textarea {
   color: #000000!important;
}
.dataTable {
	color: #000000!important;
}
.tableDemo{
	color: #000000!important;
	background-color: #fff;
}
.tableDemo_menu {
    color: #000000 !important;
    background-color: #fff;
}
.table_user{
	background-color: #fff !important;
	color: #000 !important;
}
@media (max-width:768px) {
  .table{
    overflow-x: auto;
    display: block;
    text-align: left;
  }
}
input[type="search"] {
	color: #000000!important;
}
input[type="submit"] {
	color: #000000!important;
}
input[type="button"] {
	color: #000000!important;
}
input[type="password"] {
	color: #000000!important;
}
select {
	color: #000000!important;
}

.container{
	width:100% !important;
}
.main-container{
	*padding-top: 20px;
	
}
.main-container-compte{
	*padding-top: 20px;
	min-height:450px;
}


header{
	/*background-color: gerer par php;*/
	*margin-top: -23px;
    *padding-top: 23px;
}
header .well{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	padding: 0;
	*padding-top: 20px;
	border: 0;
	background: transparent;
	margin-bottom: 0!important;
}
header .logo{
	padding: 0;
}
header .logo a{
	color: #333;
	font-size: 35px;
	font-family: 'open_sanscondensed_light';
}
header .logo a span{
	color: #69A55E;
}
header .logo a:hover{
	text-decoration: none;
}
/*custom header*/
@media (min-width: 768px) {
	.header-logo{
		max-width: 165px;
        position: absolute;
        z-index: 100000;
	}
} 
@media (min-width: 992px) {
	.header-logo{
		max-width: 250px;
        position: absolute;
        z-index: 100000;
	}
} 
.flou{
  background: rgba(255, 255, 255, 0.9);
}
.margintop20{
  margin-top: 20px !important;
}
.margintop40{
  margin-top: 40px !important;
}
.margintop60{
  margin-top: 60px !important;
}
.marginbottom20{
  margin-bottom: 20px !important;
}
.marginbottom40{
  margin-bottom: 40px !important;
}
.marginbottom60{
  margin-bottom: 60px !important;
}

.dropdown-menu > li > a {
	white-space: normal !important;
}
.navbar-brand {
    color: #fff !important;
    *margin-left: 50px;
}

.btn-custom{
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.active {
	*color: #fff!important;
	*background-color: #69A55E !important;
	font-weight:bold!important;
	
}
.pagination li span a {
	color: #69A55E;
	font-weight:bold!important;
}
.pagination li :hover{
	background-color: #69A55E;
	color: #fff;
	text-decoration:none;
}
.slider{
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
}
ul.bxslider {
	list-style: none;
}
.bx-wrapper .bx-viewport {
	top: 0;
	left: 0;
}
.bx-wrapper img {
	margin-left: auto;
    margin-right: auto;
    width: 500px;
}
.bx-viewport {
	max-height: 500px!important;
}
.input-search{
	position: relative;
	z-index: 1;
}
.btn-group-cart,.btn-group-cart .btn{
	width: 100%;
}
.btn-group-cart .btn{
	text-align: center;
}
.btn-group-cart .search{
	right: -120px !important;
}
.btn-group-cart .cart-content{
	z-index: 1001;
	left: inherit;
	right: -30px;
}
.btn-group-cart .m-icon-cart{
	font-size: 45px;
}
.btn-group-cart .m-icon-search{
	font-size: 40px;
}
ul.search{
	min-width: 270px !important;
}
ul.cart-content{
	min-width: 270px;
	padding: 5px;
	color : #000000;
}
ul.cart-content b{
	font-weight: normal;
	display: block;
	font-family: 'DroidSansRegular';
	/*font-size: 16px;*/
	color: #69A55E;
}
.fa-panier{
	font-size: 20px !important;
	left: 60px !important;
    top: 10px; 
	width: 0 !important;
}
.link-p{
	display: block;
	min-height: 150px;
	margin-right: auto;
	margin-left: auto;
	min-width: 50px;
	background: url('../images/puces/chargement.gif') no-repeat;
	background-position: 2em; 
}
.img-100 img{
	width: 100%!important;
}
.first-p{
	min-height: 169px;
}
.def-img{
	position: inherit!important;
	width: auto!important;
	height: inherit!important;
	max-width: inherit!important;
	max-height: inherit!important;
	left: inherit!important;
	top: inherit!important;
}
.prod-caption-descrip{
	background: #fbfbfb;
	border-top: 1px solid #ddd;
	overflow: hidden;
	*height: 100px;
}
.prod-caption{
	background: #fbfbfb;
	*border-top: 1px solid #ddd;
}
.prod-caption h4{
	font-size: 16px;
	height: 40px;
	overflow: hidden;
}
.thumbnail > img, .thumbnail a > img {
   float: left !important;
}
.thumbnail .caption {
    float: right !important;
	padding-left: 2em;
}
span.title{
	display: block;
	font-size: 20px;
	border-bottom: 3px solid #000;
	margin-top: 60px;
    margin-bottom: 10px;
	font-family: 'open_sanscondensed_light';
	font-size: 22px;
	
}
span.title_menu{
	display: block;
	font-size: 20px;
	border-bottom: 3px solid #000;
	margin-top: 50%;
    margin-bottom: 10px;
	font-family: 'open_sanscondensed_light';
	font-size: 22px;
	
}
h1.title {
    border-bottom: 3px solid #fff;
    color: #fff;
    display: block;
    font-family: "open_sanscondensed_light";
    font-size: 22px;
    margin-bottom: 20px;
    padding-bottom: 8px;
}
.menuLateralCat{
	*color: #eee;
	*background: #313131;
}
.menuLateralCat h4{
	border-bottom: 1px solid #5d5d5d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
.menuLateralCat .column ul{
	font-size: 13px;
	list-style: none;
	padding: 0;
	line-height: 22px;
	
}
.menuLateralCat .column ul a{
	*color: #a09f9f;
	color: #f1f1f1;
}

footer{
	color: #eee;
	*background: #222222;
}
footer h4{
	border-bottom: 1px solid #5d5d5d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
footer .column ul{
	font-size: 13px;
	list-style: none;
	padding: 0;
	line-height: 22px;
}
footer .column ul {
	color: #000;
}
footer .column ul a{
	color: #fff;
}
footer .column ul li{
	color: #fff;
}
footer .copyright{
	padding: 10px;
	color: #ccc;
	background: #313131!important;
}
.navbar{
	/*background-color: gerer par php;*/
	margin-bottom: 1px;
    *top: -10px;
}
@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 17px;
		padding-bottom: 17px;
	}
}
.navbar li a{
	font-family: 'open_sanscondensed_light';
	font-size: 16px;
	text-transform: uppercase;
	color: #000000!important;
	-ms-transition: all 100ms ease-in-out 0s ;
	-moz-transition: all 100ms ease-in-out 0s ;
	-webkit-transition: all 100ms ease-in-out 0s ;
	-o-transition: all 100ms ease-in-out 0s ;
	transition: all 100ms ease-in-out 0s ;
}
.navbar li a:hover, .navbar li a.active{
	background-color: #d3c085 !important;
	color: #fff !important;
	*margin: 10px;
}
.navbar li.nav-dropdown .caret{
	border-top-color: #fff;
	border-bottom-color: #fff;
}

@media (min-width: 768px) {
	.navbar li.nav-dropdown ul li a{
		font-family: Arial;
		font-size: 15px;
		color: #333!important;
		text-transform: inherit;
	}
	.navbar li.nav-dropdown ul li a:hover{
		background-color: #f1f1f1!important;
	}
}
.list-categ a{
	font-family: 'DroidSansRegular';
	background: #fbfbfb;
	-ms-transition: all 100ms ease-in-out 0s ;
	-moz-transition: all 100ms ease-in-out 0s ;
	-webkit-transition: all 100ms ease-in-out 0s ;
	-o-transition: all 100ms ease-in-out 0s ;
	transition: all 100ms ease-in-out 0s ;
}
.list-categ a:hover{
	background: #fff;
	color: #69A55E;
}
.thumbnail:hover{
	box-shadow: 0 0 10px 1px #69A55E;
}
.thumbnail{
	*height: 30%;
	display:table;
	table-layout: fixed;
	border: 1px #69A55E;
  width: 100%;
}
.catalogue-pagination{
	margin: 0;
	margin-bottom: 40px;
	font-family: 'open_sanscondensed_light';
}
.catalogue-pagination li.disabled:hover a{
	cursor: default;
}
.catalogue-pagination li a{
	-ms-transition: all 100ms ease-in-out 0s ;
	-moz-transition: all 100ms ease-in-out 0s ;
	-webkit-transition: all 100ms ease-in-out 0s ;
	-o-transition: all 100ms ease-in-out 0s ;
	transition: all 100ms ease-in-out 0s ;
	padding: 3px 12px;
}
.back-top{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 30px;
	background: #555;
	color: #fff;
	height: 23px;
}
.back-top:hover, .back-top:focus, .back-top:active{
	color: #fff;
}
.back-top:hover{
	-ms-transition: all 100ms ease-in-out 0s ;
	-moz-transition: all 100ms ease-in-out 0s ;
	-webkit-transition: all 100ms ease-in-out 0s ;
	-o-transition: all 100ms ease-in-out 0s ;
	transition: all 100ms ease-in-out 0s ;
	background: #333;
}
.tbl-cart thead{
	background: #f8f8f8
}
.tbl-cart .td-qty{
	white-space: normal !important;
	width: 130px;
}

.glyphicon-shopping-cart{
	margin-right: 3px;
}

.btns-cart {
    height: 2.75rem;
    line-height: inherit;
    padding-top: .625rem;
	font-size: 1.7rem !important;
}
.btn-primary {
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
    text-transform: uppercase;
    font-weight: 600;
    padding: .5rem 1.25rem;
    padding-top: 0.5rem;
	color: #fff;
	background-color: #69A55E;
	border-color: transparent;
}
#search {
	height: 34px;
}


.tbl-checkout tbody tr td:nth-child(odd){
	background: #f8f8f8;
}
.input-qty-detail .bootstrap-touchspin{
	float: left;
	margin-right: 5px;
	width: 130px;
}
.input-qty-detail .bootstrap-touchspin{
	float: left;
	margin-right: 5px;
	width: 130px;
}
/* css warning */
#warning {
    background-color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #ddd;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 13px 15px 10px;
    position: fixed;
    width: 100%;
    z-index: 1000000;
}
/*css upload*/

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; height: 20px; margin: auto;}
.bar0, .bar1, .bar2,.bar3, .bar4, .bar5, .bar6  { background-color: #B4F5B4; width:0%; height: 20px; border-radius: 3px; }
.percent0, .percent1, .percent2, .percent3, .percent4, .percent5, .percent6 { position:absolute; display:inline-block; top: -1px; left:48%; }

/*formulaire*/
.colonneFormulaireInscriptionDroite{
	color:#f1f1f1 !important;
}
.champFormulaireInscription{
	color:#313131 !important;
}

.colonneFormulaireInscriptionGauche{
	color:#f1f1f1 !important;
}
/*step commande*/
ul.step {
  margin-bottom: 30px;
  overflow: hidden; 
  list-style: outside none none;
  padding: 1px;
  }
  
  @media (min-width: 768px) {
    ul.step {
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px; } }
  ul.step li {
    float: left;
    width: 20%;
    text-align: left;
    border: 1px solid;
    border-top-color: #cacaca;
    border-bottom-color: #9a9a9a;
    border-right-color: #b7b7b7;
    border-left-width: 0px; }
    @media (max-width: 767px) {
      ul.step li {
        width: 100%;
        border-left-width: 1px; } }
    ul.step li a,
    ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
      display: block;
      padding: 13px 10px 14px 13px;
      color: #333;
      font-size: 17px;
      line-height: 21px;
      font-weight: bold;
      text-shadow: 1px 1px white;
      position: relative; }
      @media (max-width: 992px) {
        ul.step li a,
        ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
          font-size: 15px; } }
      @media (min-width: 992px) {
        ul.step li a:after,
        ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
          content: ".";
          position: absolute;
          top: 0;
          right: -31px;
          z-index: 0;
          text-indent: -5000px;
          display: block;
          width: 31px;
          height: 52px;
          margin-top: -2px; } }
      ul.step li a:focus,
      ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
        text-decoration: none;
        outline: none; }
    ul.step li.first {
      border-left-width: 1px;
      border-left-color: #b7b7b7; }
      @media (min-width: 768px) {
        ul.step li.first {
          -moz-border-radius-topleft: 4px;
          -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-border-radius-bottomleft: 4px;
          -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px; } }
      ul.step li.first span,
      ul.step li.first a {
        z-index: 5;
        padding-left: 13px !important; }
        @media (min-width: 768px) {
          ul.step li.first span,
          ul.step li.first a {
            -moz-border-radius-topleft: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px; } }
    ul.step li.second span, ul.step li.second a {
      z-index: 4; }
    ul.step li.third span, ul.step li.third a {
      z-index: 3; }
    ul.step li.four span, ul.step li.four a {
      z-index: 2; }
    ul.step li.last span {
      z-index: 1; }
    @media (min-width: 768px) {
      ul.step li.last {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px; }
        ul.step li.last span {
          -moz-border-radius-topright: 4px;
          -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
          -moz-border-radius-bottomright: 4px;
          -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px; } }
    ul.step li.step_current {
      font-weight: bold;
      background: #42b856;
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#42b856), to(#43ab54));
      background-image: -webkit-linear-gradient(top, #42b856, 0%, #43ab54, 100%);
      background-image: -moz-linear-gradient(top, #42b856 0%, #43ab54 100%);
      background-image: linear-gradient(to bottom, #42b856 0%, #43ab54 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF42B856', endColorstr='#FF43AB54', GradientType=0);
      border-color: #399b49 #51ae5c #208931 #369946; }
      ul.step li.step_current span {
        color: #fff;
        text-shadow: 1px 1px #208931;
        border: 1px solid;
        border-color: #73ca77 #74c776 #74c175 #74c776;
        position: relative; }
        @media (min-width: 992px) {
          ul.step li.step_current span {
            padding-left: 38px; }
            ul.step li.step_current span:after {
              background: url(../images/icones/order-step-a.png) right 0 no-repeat; } }
    ul.step li.step_current_end {
      font-weight: bold; }
    ul.step li.step_todo {
      background: #f7f7f7;
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f7f7f7), to(#ededed));
      background-image: -webkit-linear-gradient(top, #f7f7f7, 0%, #ededed, 100%);
      background-image: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
      background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7', endColorstr='#FFEDEDED', GradientType=0); }
      ul.step li.step_todo span {
        display: block;
        border: 1px solid;
        border-color: #fff;
        color: #333;
        position: relative; }
        @media (min-width: 992px) {
          ul.step li.step_todo span {
            padding-left: 38px; }
            ul.step li.step_todo span:after {
              background: url(../images/icones/order-step-current.png) right 0 no-repeat; } }
    ul.step li.step_done {
      border-color: #666666 #5f5f5f #292929 #5f5f5f;
      background: #727171;
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#727171), to(#666666));
      background-image: -webkit-linear-gradient(top, #727171, 0%, #666666, 100%);
      background-image: -moz-linear-gradient(top, #727171 0%, #666666 100%);
      background-image: linear-gradient(to bottom, #727171 0%, #666666 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF727171', endColorstr='#FF666666', GradientType=0); }
      ul.step li.step_done a {
        color: #fff;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
        border: 1px solid;
        border-color: #8b8a8a; }
        @media (min-width: 992px) {
          ul.step li.step_done a {
            padding-left: 38px; }
            ul.step li.step_done a:after {
              background: url(../images/icones/order-step-done.png) right 0 no-repeat; } }
    @media (min-width: 992px) {
      ul.step li.step_done.step_done_last a:after {
        background: url(../images/icones/order-step-done-last.png) right 0 no-repeat; } }
    @media (min-width: 992px) {
      ul.step li#step_end span:after {
        display: none; } }
    ul.step li em {
      font-style: normal; }
      @media (min-width: 768px) and (max-width: 991px) {
        ul.step li em {
          display: none; } }