.nav-close {
    background:  url("images/close-icons2.png") no-repeat scroll center center;
    cursor: pointer;
   
   
   
}

#openbar{
	position:absolute;
	right:0px;
	width:120px;
	height:100%;
	background: #a3a4a6;
	display:none;
	
}
#menu_principal {
	
	position:relative;
	text-align:center;
	padding: 0;
	margin:0;
	float: left;
	width: 100%;
	overflow:visible;
	 display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
	 display: -moz-flex; /* Safari */
    -moz-justify-content: center; /* Safari 6.1+ */
}
.tablemaxwidth{
	max-width:990px;
	margin: 0 auto;
	
}
#menu_principal li{
	list-style: none;
	display: inline;

	margin:0;
	padding:0;

}

#menu_principal a.rub, .rub_actif{
	margin:0;
	margin-top:-4px;
	display:block;
	float: left;
	line-height:55px;
	height:55px;
	overflow:hidden;
	padding-right: 20px;
	padding-left: 20px;
	font-size:16px;
	text-decoration: none;
	color: #fff;
	font-family: "Lucida_Grande_Bold","Trebuchet MS", Tahoma, serif;
	font-weight: normal;
	background-image: url(images/sepX.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu_principal  #rub_20_fr {
		background-image:none;

}

#menu_principal li a:hover{
	text-decoration: none;
	background-color: #555555;
}

#menu_principal .rub_actif, #menu_principal .rub_actif:hover{
	background-color: #222222;
	color: #fff;

}

#menu_principal .rub:hover{
	background-color: #555555;
	color: #fff;

}


#menu_principal li ul li a:hover{
	color: #bfbd00;
	text-decoration: none;
}


/* Submenu */
#menu_principal li > ul {
	margin:0;
	padding-top:50px;
	padding-left:0px;
	padding-bottom:15px;
	width:100%;
	display: none;
	position: absolute;
	height:auto;
	left:-1px;
	top: 50px;
	float:none;
	background-color: white;
	color: #fff;

}
.nav > li {
    position: static;
}


#menu_principal li ul li a:hover{
	text-decoration: none;
	background-color: #a3a4a6;
	color: #fff;
}


 
 
.div_cat {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #777;
	min-height: 100%;
	max-height: 100%;
	height: 100%;
	text-align: center;
	vertical-align: top;
}

.div_cat:first-child{
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #FFF;
}

.div_cat .tit {
	font-size:14px;
	color: black;
	font-family: "Lucida_Grande_Bold", "Trebuchet MS", Tahoma, serif;
	font-weight: normal;

	height:30px;
	text-transform: uppercase;
}

.div_cat .image {
	background-color: #fff;
	margin-top:3px;
	margin-bottom:5px;
	padding:10px 0px;
	height:87px;
}

.div_cat .image img {
/*	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.25);*/
	height:57px;
}

.div_cat .prod {
	margin: 0 5px;
	text-align:left;

}

.div_cat .prod a{
	color: black;
	font-family: "Trebuchet MS", Tahoma, serif;
	display:block;
	line-height:14px;
	font-size:12px;
	text-decoration: none;
	padding: 3px 3px;
	font-weight: normal;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #777;
}

.div_cat .prod a:hover{
	background-color: #a3a4a6;

}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: none;
}

.navbar-collapse {
    overflow-x: visible;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 1050px) {
		#menu_principal li > ul {
    background-color: #555555;
	
	}
#menu_principal {
    display: block;
}	

#menu_principal li a:hover{
	text-decoration: none;
	background-color:transparent;
	color:black;
}
#menu .container-fluid {
    width: 50px;
}

	.navbar-collapse {
    border-top: none;
    box-shadow: none;
   
}


#menu_principal li > ul {
	
	
	color: #555555;
	margin-top:0px;
}

#menu_principal li ul li{
    
    margin: -11px 0 0;
  
}

.div_cat .tit {
    color: #fff;
    line-height: 10px;
	background:#555555;
}
.div_cat .prod a {
   
    color: #555555;
  
}
	.div_cat {
		width:100% !important;
		
	}
	.div_cat {
	background-color: white;
	}
	#menu_principal li > ul {
	
	width:100%;
	

}
#header_contenu {
    height: 100%;
    
}
#header_contenu_2 {
    height: 100%;
    padding-top:15px;
   
}
.floatright {
  
    margin-top: 0px;
    
}

.div_cat .prod a {
  
    font-size: 16px;
   
    text-align: center;
   
}

	.div_cat {
    display: block;
       margin-bottom: 20px;
}
	.navbar-brand, .navbar-nav > li > a {
   
    padding-right: 32px;

}

#menu_principal li > ul {
    
    position:static;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color:transparent;
}
	
 .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#555555;border-color:none}

 .navbar .container-fluid{
	  padding-left: 0px;
    padding-right: 0px;
	width:80px;
 }
 

.div_cat {
    border-left: none;
    
}

#menu_principal li > ul {
	left:0px;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-left: 0px;
    margin-right: 0px;
}

.nav > li {
    position: relative;
}
.navbar-collapse {
  position:absolute;
	top: 113px;
	right:0px;
	background:#a3a4a6;
	z-index:9999;
	width:50%;
	
padding-left: 0px;
    padding-right: 0px;
}
#menu_principal li {
	display:table;
	
}	
#menu_principal li > ul {
	
}


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border-color: transparent;
	text-align: center;
    width: 75%;
	text-transform: uppercase;
}


}
@media (max-width: 890px) {
	
	
#openbar{
	
	width:120px;
	
	
	
}
}

@media (max-width: 830px) {
	
#openbar{
	
	width:112px;
	
	
	
}
}


@media (max-width: 667px) {	
 .nav-close {
    background:  url("images/close-icons2.png") no-repeat scroll center center;
  
   
   
   
}

	
}
@media (max-width: 660px) {	
#header_contenu_1 {
   margin-top:10px;
}
 .navbar-toggle {
    margin-right: 0;
    width: 40px;

}
@media (max-width: 630px) {	
}
#openbar {
    width: 102px;
}
.navbar-brand, .navbar-nav > li > a {
    padding-right: 0;
}
}
@media (max-width: 571px) {	



}

@media (max-width: 590px) {
	 .navbar .container-fluid {
   
    width: 50px;
}
	
	#openbar {
   width:87px;
}

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

	#header_contenu_1 {
    margin-top: 0px;
}
	.navbar-collapse {
    
    top: 103px;
  
}

}
@media (max-width: 570px) {
	#header_contenu_1 {
    margin-top: 7px;
}
	.navbar-collapse {
    
    top: 103px;
  
}

}

 @media (max-width: 540px) {
	

	 #header_contenu_1 {
    margin-top: 10px;
}

.navbar-collapse {
   
    top: 103px;
  
}
#openbar {
   width:77px;
}

 }
 
 
  @media (max-width: 530px) {
	    .nav-close {
    background:  url("images/close-icons3.png") no-repeat scroll center center;
  
   
   
   
}
	  .navbar-collapse {
   
    width: 100%;
    
}


  #header_contenu_1{
		  
		  width: 35%;
		  
	  }
.navbar-collapse {
   
    top: 80px;
  
}

 }
  @media (max-width: 500px) {
	  #menu .container-fluid {
    width: 40px;
}
	  #header_contenu_1{ 
	  margin-top: 0px;
	  }
 .navbar-toggle {
    margin-right: 0;
    width: 40px;

}
	.navbar-toggle {
    margin-right: 0px;
    width: 40px;
} 

.navbar-collapse {
   
    top: 62px;
  
}

  }
   @media (max-width: 471px) {
	  #header_contenu_1{ 
	  margin-top:5px;
	  } 
   }
  @media (max-width: 453px) {
	
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
   
    width: 65%;
}
	 
#menu .container-fluid {
    width: 30px;
}

	#openbar {
   width:70px;
}

  }
  
  @media (max-width: 413px) {
	   #header_contenu_1{ 
	  margin-top:10px;
	  } 
	
  }
  
    @media (max-width: 403px) {
	   #header_contenu_1{ 
	  margin-top:5px;
	  } 
	  	#openbar {
   width:58px;
}
 .navbar-toggle {
    margin-right: 0;
    width: 30px;
	
}
  }
    @media (max-width: 370px) {
			#openbar {
   width:47px;
}
		
 .navbar-toggle {
    margin-right: 0;
    width: 30px;
	
}

   #header_contenu_1{
		  
		  width: 50%;
		  margin-top:0px;
	  }
	  
	  .floatright {
    margin-left: -5px;
   
}
	}  
	
 @media (max-width: 365px) {
	 #header_contenu_1{
		  
		 
		  margin-top:3px;
	  }
 }