body.front{
  font-family: 'front-font2', Helvetica, Arial, sans-serif;
}
body.front .hidden{
  display: none;
}
body.front .content{
  display: inline-block;
  padding: 10px;
  width: 100%;
  /*max-width: 1000px;*/
}
body.front .content .section{
  padding: 10px 0;
  margin: 10px 0;
  border-top: solid thin #d4d4d4;
  border-bottom: solid thin #d4d4d4;
}
body.front h2.title,
body.front .content > h2{
  font-size: 24px;
  color: #0071b9;
  margin-bottom: 10px;
}
body.front .content h2.sub-title {
  color: #0071b9;
  font-size: 1.4em;
  margin-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  width: 100%;
}
body.front .content h3{
  color: #41ac44;
  font-size: 1.2em;
  margin-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  width: 100%;
}
body.front .content h4{
  color: #0071b9;
  font-size: 1.1em;
  margin-bottom: 10px;
  padding-left: 10px;
  text-align: left;
  width: 100%;
}
body.front .content > div{
  padding: 5px 0;
  width: 100%;
}
body.front .content p{
  text-align: left;
  padding: 0 0 10px 10px;
  width: 100%;
}
body.front .content a{
  text-decoration: none;
  color: #41ac44;
  font-weight: bold;
}
body.front .content a:hover{
  cursor: pointer;
  color: #43bb46;
}

/*{ Les contenus spécifiques :*/

/*{ Revenir en arrière :*/

body.front a.back{
  display: inline-block;
  margin-bottom: 10px;
}
body.front .back:before{
  content: '';
  display: inline-block;
  background: transparent no-repeat url('../img/btn-back.svg') center;
  background-size: 100%;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
body.front *:hover .back:before{
  background: transparent no-repeat url('../img/btn-back-hover.svg') center;
  background-size: 100%;
}
/*Icône*/
body.front .icon-back{
  display: inline-block;
  background: transparent no-repeat url('../img/btn-back.svg') center;
  background-size: 100%;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

/*}*/

/*{ Fil d'Ariane :*/

body.front .breadcrumb{
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
}
body.front .breadcrumb > span{
  font-size: 14px;
  width: auto;
}
body.front .breadcrumb .navigation{
  display: inline-block;
}
body.front .breadcrumb .navigation > a{
  display: inline-block;
  background-color: #41ac457d;
  color: inherit;
  margin: 0 10px /2;
  height: 10px *2;
  padding: 3.5px;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
body.front .breadcrumb .navigation > a:hover{
  background-color: #41ac44;
  color: inherit;
}
/*Flèche arrière*/
body.front .breadcrumb .navigation > a:before{
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: -10px;
  opacity: 0.5;
  /*@include draw-inverted-triangle-right(10px, #41ac44);*/
  width: 0;
  height: 0;
  border-top: 10px solid #41ac44;
  border-bottom: 10px solid #41ac44;
  border-left: 10px solid transparent;
}
/*Flèche avant*/
body.front .breadcrumb .navigation > a:after{
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  right: -10px;
  opacity: 0.5;
  /*@include draw-triangle-right(10px, #41ac44);*/
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #41ac44;
}
body.front .breadcrumb .navigation > a:first-child{
  padding-left: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
body.front .breadcrumb .navigation > a:last-child{
  padding-right: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
body.front .breadcrumb .navigation > a:hover:before,
body.front .breadcrumb .navigation > a:hover:after{
  opacity: 1;
}
body.front .breadcrumb .navigation > a:first-child:before,
body.front .breadcrumb .navigation > a:last-child:after{
  display: none;
}

/*Fil d'Ariane Produits :*/
body.front .breadcrumb-product .navigation > a{
  color: inherit;
}
body.front .breadcrumb-product .navigation .icon-back{
  position: absolute;
  left: 5px;
  top: 1px;
}
body.front .breadcrumb .navigation > a:first-child{
  padding-left: 5px + 20px;
}

/*}*/

/*{ Pas d'image :*/

body.front .no-picture{
  display: inline-block;
  width: 800px;
  height: 800px;
  background: transparent url('../img/img-no-picture.svg') no-repeat 50% 50%;
  background-size: 100%;
}

/*}*/

/*{ block en relief :*/

body.front .block{
  display: inline-block;
  /*border: solid thin #eee;*/
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.15);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.15);
  box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.15);
}

/*{ Contact :*/

body.front .block.contact{
  max-width: 600px;
}
body.front .block.contact > div,
body.front .block.contact .section > div{
  width: 100%;
  padding: 5px;
}

/*}*/

/*{ Profil :*/

body.front .block.profile{
  max-width: 360px;
}
body.front .block.profile .section > div{
  width: 100%;
  padding: 5px;
}

/*}*/

/*}*/

/*}*/

/*{ Tuiles d'Univers/Sous-univers :*/

body.front .products,
body.front .categories{
  display: inline-block;
  max-width: 1000px;
}

/*}*/

/*{ Sections/séparations :*/

body.front hr{
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 10px 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid thin #adadad;
  opacity: 0.3;
}

/*}*/

/*{ blocks news (index) :*/

body.front .news{
  display: inline-block;
  width: 100%;
  max-width: 480px;
  height: 720px;
  margin: 10px;
  vertical-align: top;
}
body.front .news > .fb-page,
body.front .news > a img{
  border: solid thin #0071b9;
}
body.front .news.promotion > div{
  width: 100%;
  max-width: 480px;
  height: 702px;
  border: solid thin #0071b9;
}

/*}*/

/*{ blocks purchase (index) :*/

body.front .purchase{
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  width: 100%;
  max-width: 480px;
  height: 100px;
  margin: 10px;
  border: solid thin #0071b9;
  text-decoration: none;
  overflow: hidden;
}
body.front .purchase.drugs{
  background: transparent no-repeat url('../img/img-purchase-drugs.png') center;
}
body.front .purchase.para{
  background: transparent no-repeat url('../img/img-purchase-para.png') center;
}
body.front .purchase.drugs:hover,
body.front .purchase.para:hover{
  opacity: 0.8;
}
body.front .purchase.drugs p,
body.front .purchase.para p{
  font-family: 'front-font3', Helvetica, Arial, sans-serif;
  font-size: 30px;
  text-decoration: none;
  color: #fff;
}
body.front .purchase.drugs p{
  text-shadow: 5px 5px 15px #0a3312;
}
body.front .purchase.para p{
  text-shadow: 5px 5px 20px #331414;
}

/*}*/

/*{ Logos payment options (index, product/category, product/subcategory,
 product/index, product/index.type, product/product, product/search,
 cart/index, purchase/book, purchase/purchase) :*/

body.front .payment-options{
  display: inline-block;
  position: fixed;
  width: 220px;
  height: 160px;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}
body.front .payment-options .logo{
  position: absolute;
  display: inline-block;
  top: 5px;
  left: 10px;
  width: 200px;
  height: 110px;
  background: transparent no-repeat url('../../img/ui/front/logo-payment-options.svg') center;
  background-size: 100%;
}
body.front .payment-options p{
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 5px;
}

/*}*/

/*{ legal (legal, cgv, etc.) :*/

body.front .content.policy{
  max-width: 1000px;
}

/*}*/