/* Base CSS */
body {
  color: #000;
font-family: 'Dosis', sans-serif;
  font-size: 17px;
  background-color: #B92F2F;
}

html, body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
}

.container { background-color:#FFFFFF; padding-left:0; padding-right:0; }

/* Typography */
h1 {
  font-size: 32px;
  margin-bottom: 24px;
  margin-top:10px;
  color: #B40B24;
  font-weight:bold;
}

h2, h1.second {
  font-size: 28px;
  margin-bottom: 15px;
  font-weight:bold;
  margin-top:10px;
}
h1.second { text-align:center; color:#000000; }
h1.bord_bas { border-bottom:2px solid #B2484C; padding-bottom:10px; }
h2.amis { background-color:#F07F09; text-align:center; color:#7D0015; padding:4px 0 8px; font-style:italic; }
h3 {
  font-size: 33px;
  margin-bottom: 15px;
  font-weight:bold;
}
h3.produit { font-size:24px; }

h4 {
  font-size: 21px;
  font-weight:bold;
  margin: 30px 40px;
}
h4.sansmarge { margin:20px 0 10px; }
h5 {
  font-size: 20px;
  margin: 10px 0;
  font-weight:bold;
}

a {
  color: #000;
  font-weight: 700;
  outline: 0 !important;
}
a:hover, a:active, a:focus {
  color: #999;
  text-decoration: none;
}

p { 
margin:10px 0;
  line-height: 20px;
text-align:justify;
font-weight:300;
}

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

.text-uppercase {
  text-transform: uppercase;
}

.petit {
  font-size: 13px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-rouge {
  color: #B40B24 !important;
}
.text-orange {
  color: #ED7902 !important;
}
.text-violet {
  color: #812B6B !important;
}
.text-vert {
  color: #00694A !important;
}
.text-vert-clair {
  color: #729725 !important;
}
.text-bleu {
  color: #19307C !important;
}
.text-rouge2 {
  color: #D30023 !important;
}

.text-success {
  color: #93bc49 !important;
}

.text-info {
  color: #54bedc !important;
}

.text-warning {
  color: #e2a740 !important;
}

.text-danger {
  color: #de3f3f !important;
}

.bg-default {
  color: white;
  background: #294a6b;
  padding: 3px 4px;
}

.bg-primary {
  color: white;
  background: #bc9d4b;
  padding: 3px 4px;
}

.bg-success {
  color: white;
  background: #93bc49;
  padding: 3px 4px;
}

.bg-info {
  color: white;
  background: #54bedc;
  padding: 3px 4px;
}

.bg-warning {
  color: white;
  background: #e2a740;
  padding: 3px 4px;
}

.bg-danger {
  color: white;
  background: #de3f3f;
  padding: 3px 4px;
}

/* / End Typography */
.row {
  margin-right: 0;
  margin-left: 0;
}

img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-border {
  border: none !important;
}

.no-border-radius {
  border-radius: 0 !important;
}

.rounded {
  border-radius: 5px !important;
}

a:focus {
  outline: none !important;
}

.btn:focus {
  outline: none !important;
}

input:focus {
  outline: none !important;
  border: 1px solid #bc9d4b !important;
  box-shadow: none !important;
}

.form-group:focus {
  outline: none !important;
  border: 1px solid #bc9d4b !important;
  box-shadow: none !important;
}

select:focus {
  outline: none !important;
  border: 1px solid #bc9d4b !important;
  box-shadow: none !important;
}

textarea {
  max-width: 100%;
  max-height: 100%;
}

textarea:focus {
  outline: none !important;
  border: 1px solid #bc9d4b !important;
  box-shadow: none !important;
}

.fa {
  display: initial !important;
}

.separator-line {
  max-width: 60px;
  height: 2px;
  background: #ebebeb;
}

.separator-line-center {
  max-width: 60px;
  height: 2px;
  text-align: center;
  background: #ebebeb;
  margin: 0 auto;
}

.separator-line-2x {
  max-width: 120px;
  height: 3px;
  background: #ebebeb;
}

.separator-line-center-2x {
  max-width: 120px;
  height: 3px;
  text-align: center;
  background: #ebebeb;
  margin: 0 auto;
}

/* Buttons */
.btn {
font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.05em;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 0;
  padding: 10px 18px;
  margin: 5px;
}

.btn span {
  margin-left: 15px;
  margin-right: 0;
}

.btn:hover {
  background: transparent;
}

.btn:focus {
  background: transparent;
}

.row{
 overflow: hidden; 
}
[class*="col-"]{
 margin-bottom: -99999px;
 padding-bottom: 99999px !important;
}

/* specifique */
header { color:#FFFFFF; letter-spacing:1px; font-size:20px; }
header div.col-sm-4 { background-color:#CA0425; border-right:#9A0E20 solid 1px; text-align:center; }
header div.active, header div.col-sm-4:hover { background-color:#B40923; }
header a { color:#FFFFFF; line-height:40px; }
header a:hover { color:#FFFFFF; }
.actu { border-top:#B2484C solid 1px; padding-top:15px; margin-top:15px; }
.bord_gauche { border-left:#AFB0B2 solid 2px; }
.bord_gauche2 { border-left:#F07F09 solid 4px; margin-left:-18px; padding-left:18px; }
.fond_rose { background-color:#FEDFB3; }
img.image_lien { margin-top:50px; padding-top:10px; border-top:#F49401 solid 8px; padding-bottom:10px; }
img.bloc_image { margin-top:50px; margin-bottom:8px; }
img.naturel { width:auto; }
#presentation .row img { margin-top:20px; }
p.gros { font-size:110%; margin-top:20px; }
img.fleche { display:inline; width:auto;}
ul#menucat li { border-bottom:#F07F09 2px solid; padding:7px 0; }
ul#menucat li ul li { border-bottom:none; padding:4px 0; margin-left:20px; }
.row .bord_bas { border-bottom:2px solid #AFB0B2;}
.row .bord_haut { border-top:2px solid #AFB0B2; padding-top:5px;}
.bord_droit {border-right:2px solid #AFB0B2;  padding-right:5px;}
#head_prod { padding:10px 0; }
img.produit { max-height:620px; max-width:400px; width:auto; height:auto; }
#fiche { background-color:#FFFFFF; width:80%; margin-left:10%; margin-bottom: -99999px;
 padding-bottom: 99999px !important; margin-top:-10px; padding-left:10%; padding-right:10%; }
 #contenu_fiche { padding:20px 0; margin-bottom:20px; border-bottom:2px solid #AFB0B2; }
@media screen and (max-width:992px){
#fiche {  width:100%; margin-left:0%; }
}
@media screen and (max-width:767px){
img.noxs { display:none;}
img.image_lien { width:50%; margin-left:25%;}
h1 { margin-top:50px; text-align:center; }
}
@media screen and (max-width:720px){
ul#menucat li { font-size:80%; } 
ul#menucat img { height:10px; } 
img.produit { max-height:480px; max-width:300px; }
}
@media screen and (max-width:500px){
ul#menucat img { display:none; } 
ul#menucat li ul li { margin-left:8px; }
img.produit { max-height:300px; max-width:200px; }
#fiche {  margin-left:-15px; margin-right:0px; padding-left:5%; padding-right:5%;width:110%;  }
}

button.btn_rouge { width:100%; background-color:#CA0425; color:#FFFFFF; font-size:21px; height:40px; border:none; }
button.btn_rouge:hover { background-color:#B40923; }
#minga { margin-top:100px; font-size:90%; }

ul#sous_categories  {  list-style:none; border:#F07F09 2px solid; width:100%; overflow:auto;}
ul#sous_categories li {float:left; text-align:center; font-weight:bold; border-right:#F07F09 2px solid;}
ul#sous_categories li.active, ul#sous_categories li:hover {background-color:#F07F09; }
ul#sous_categories li a:hover { color:#000000; }
h4.petitexte { font-weight:normal; text-align:center; }
img.prod { max-height:160px; max-width:120px; width:auto; height:auto; position:absolute; bottom:5px; margin:0 33%;  }
.case { height:270px; position:relative; }