.prodi_cato{ width:100%; float:left; padding:1%; padding-right:0px}
.cata_produits_tout{ width:100%; float:left; padding:1%;}
.cata_produits_tout table { padding-top:0px;}
.cata_produits_tout td { padding-left:2%; padding-right:2%;}
.prodi_cato p { float:left; margin:0.30%;  padding:2%;color:#003300;   }
.prodi_cato p a:link{ color:#003300; text-decoration:none;    }
.prodi_cato p a:hover{ color:#000; text-decoration:none;}
.prodi_cato p a:visited{color:#003300; text-decoration:none;  }
.cata_produits{ width:100%; float:left; background:#fff; margin-top:0; margin-top:2%; 
padding:0.33%; padding-top:0px; padding-right:0px; border:solid 1px  #CCC;  }
  .question_form{float:left; width:70%;padding:1%;}
  
  .descript{float:left; width:98%; padding:2%;  margin-top:2%;  }
 .descript_image{float:left; width:100%;padding:1%;}
  .row h1{ color:#db1702;}
.question_form input[type="text"],
.question_form input[type="submit"],
.question_form textarea{ margin-top:1%; width:100%;
}
.question_image{ width:32%; float:left;}
.question_image img{float:left;}
  .im_form{ float:left; width:30%; padding:1%;}
  .img-responsive_form{ width:100%;}
.cata_image{ width:40%;float:left; background:#fff;}
.cata_image img{ width:auto; height:150px; float:left; margin-top:3%;}
.nom_prix{ width:50%;float:left; padding:1%;}
.titre_produits{float:left; width:100%;padding:1%; color:#000000; text-align:left;  padding-top:0px; font-weight:bold;  }
.titre_produits a:link{color:#db1702; font-weight:bold; text-decoration:none;}
.titre_produits a:hover{color:#000000;text-decoration:none;}
.titre_produits a:visited{color:#000000;text-decoration:none;}
.prix_produits{float:right; width:30%; background:#db1702;   color:#FFF; font-weight:bold; text-align: LEFT; height:5px;  }
.prix_produits a:link{color:#FFF;text-decoration:none; padding:2%; padding-top:0px;font-size:1.2em;  }
.prix_produits a:hover{ color:#CCFF00; text-decoration:none;}
.prix_produits a:visited{color:#FFF;text-decoration:none;}
.img-responsive { height:149px;}

.tab-content { width:90%; padding:5%; margin:auto; }
.tab-pane{ height:335px; width:100%;}
.menu_p { float:left; width:25%; padding:2%; margin:1%;   
-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
background-color: #003300; color:#CC9933;  margin-bottom:5%;  text-align:center;}
.menu_p a:link{ text-decoration:none; color:#CC9933; color:#FFFF00;}
.menu_p a:hover{ text-decoration:none; color:#fff;}
.menu_p a:visited{ text-decoration:none;color:#CC9933;}
 
   ul li a:link {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;}


 
.page-head-line {
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    padding-bottom: 20px;
    border-bottom: 2px solid #00CA79;
    margin-bottom: 10px;
}

.page-subhead-line {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 20px;
    font-style:italic;
    margin-bottom:30px;
    border-bottom:1px dashed #00CA79;

}


/*==============================================
    MENU STYLES    
    =============================================*/


.navbar-cls-top .navbar-brand {
    color: #fff;
   
	
    width: 400px;
    text-align: center;
    /*height: 75px;*/
	    height: 168px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 900;
    padding-top: 25px;
    text-transform:uppercase;
}

 

.header-center { }
.header-right {
    color: #fff;
    padding: 0;
    float: left;
    font-size: 16px;
	 height:210px;
	 background:#333;
	 margin-left:400px;
	  position: fixed;
	 

z-index: 1030;
	
}

.navbar-cls-top .navbar-brand:hover {
    background: #202020;
    color: #fff;
}

.user-img-div {
    min-height: 140px;
    padding: 20px;
    background-color: #4380B8;
}

    .user-img-div img {
        max-height: 60px;
    }

    .user-img-div .inner-text {
        text-align: right;
        position: relative;
        color: #fff;
        font-weight: 800;
        line-height: 25px;
    }

.active-menu {
    background-color: #00CA79!important;
}
.active-menu-top {
    background-color: #000!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav{ background:#000; text-align:left; }

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
	 
}

    .nav-second-level li a {
        padding-left: 37px;
	
		    }

    .nav-third-level li a {
        padding-left: 55px;
    }

.sidebar-collapse, .sidebar-collapse .nav {
    

left: 0;
/* position: fixed;
z-index: 1030; */
  width:400px;
 padding-top:10px;
 margin-top:10px;
 	  position: absolute;
z-index: 2000;
 }

    .sidebar-collapse .nav {
        padding: 0;
    }

        .sidebar-collapse .nav > li > a {
            color: #fff;
            background: #202020;
            text-shadow: none;
            /*padding: 15px 40px;*/
            border-bottom: 1px solid #2F2E31;
        }

    .sidebar-collapse > .nav > li > a {
        padding:  10px;
    }

    .sidebar-collapse .nav > li > a:hover,
    .sidebar-collapse .nav > li > a:focus {
	 
        background: #0A0A0A;
		background-color:rgba(219, 23, 2, 1);
		 
		 
        outline: 0;
		 
    }


.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;

}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}
 
.navbar-side {
    border: none;
    background-color: #202020;
	margin-top:0px;
	
}

.navbar-cls-top {
/*background-image:url(../img/entete_cat.png);
background-repeat: no-repeat;
background-position: 100%;*/
height:50px;
 

 }
.navbar-cls-top img { }

.navbar-default {
    border: 0px solid black;
}

.navbar-header {
  
 
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  height:210px;
  width:100%;
 
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #00CA79;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #333;
    }

.nav > li > a > i {
    margin-right: 10px;
	 
}
 
@media (min-width:768px) {

.sidebar-collapse, .sidebar-collapse .nav {

/*position: fixed;
left: 0;
bottom:0;
top:0;
  z-index: 1030;
  width:400px;
 padding-top:0px;*/

    
 } 
    #page-wrapper {
        margin: 0 0 0 400px;
        padding: 15px 30px;
		padding-top:0px;
        min-height: 1200px;
    }


    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 400px;
    }

    .navbar {
        border-radius: 0px;
    }
	
	#footer-sec { 
	}
	
}