/***  formulaire  **/
@charset "utf-8";


@import 'bootstrap.css';
@import 'form.css';
@import 'pdf.css';
@import 'produit.css';
@import 'tooltip.css';
@import 'jquery-ui.css';
@import 'font-awesome.min.css';




body,th,td{
	font-family:"Personal police";
	font-size:12px;
}
.formdiv{
 cursor: pointer;
  max-width:450px;
  border:1px solid #CCC;
  padding:15px;
  min-height:200px;
}
.input-line {
	width:90%;
}
.input-middle {
	width:44%;
}
.input-tiers {
	width:33%;
}
.spacetop{
	border-bottom:1px #e5e5e5 solid; 
	height:58px;
}
.spacemain{
	border-bottom:1px #e5e5e5 solid; 
	height:60px;
	background-color:#fafafa;
	padding:15px;
}
.spacenav{
	clear:both;
	padding:4px;
	min-height:30px;
	background-color:#fff;
	border-bottom:1px solid #f8f8f8;
	
}
.spaceright{
	border-bottom:3px;
	float:left;
	width:250px;
	border-left:1px solid #ccc;
	padding-left:3px;
	min-height:400px;
}
.spaceleft{
	border-bottom:3px;
	float:left;
	width:190px;
	padding:1px;
	min-height:400px;
}
.spacehome{
	border-bottom:3px;
	float:left;
	width:554px;
	padding:3px;
}

.spacefooter{
	background-color:#ffffff;
	clear:both;
}
#topleft{
	width:920px;
	height:100%;
	padding:15px;
}
#topright{
	width:250px;
	float:right;
	height:100%;
	vertical-align:middle;
	padding:15px;
}
#toplogo{
	width:210px;
	height:100%;
	padding-left:25px;
	background-color:#006;
}
#topsearch{
	background-color:#000;
	width:540px;
}
.left {
	float:left;
}
.right{
	float:right;
	height:100%;
}

#allbody{
	min-height:400px;
	width:100%;
	min-width:1000px;
}
#container{
	min-height:100px;
}

#header{
	background:url(../images/header_bg.jpg) no-repeat center;
	background-position:0px 0px;
	margin:auto;
	background-repeat:repeat-x;
}
.fixer {
	min-width:1200px;
	
}
.mcontainer{
	min-height:10px;
	max-width:1200px;
	padding:0px;
	background-position:0px 0px;
	margin:auto;
	clear:both;	
}
.spacer{
	clear:both;
	height:0px;
}
.col-gauche {
	width:300px;;
	float:left;
}
.col-content-gauche {
	width:250px;;
	float:left;
}
.col-content-centre {
	width:700px;;
	float:left;
}
.col-content-droite {
	width:250px;
	float:left;
}
.col-droite {
	width:300px;
	float:left;
	padding:15px;	
}
.col-centre {
	width:600px;
	float:left;
	padding:15px;
}
.col-suite {
	width:900px;
	float:left;
	padding:15px;
}
.block  {
	clear:both;	
}
.right_footer a {
	color:#FFF;
	font-size:14px;
}

#divtop{
	height:90px;
	background-color:blue;
	vertical-align:middle;
}
#search_bar{
	background-color:#4a4a4a;
	padding:8px ;
	height:48px;
	width:100%;	
}
#search_bar form{
	padding:0px;
}
#divbanniere{
	width:990px;
	height:100%;
	padding-top:2px;
}
.block
{
	clear:both;	
}
.mainmenu ul {
	list-style:none;
	padding:0px;
}
.mainmenu ul li{
	padding:3px;
	padding-top:10px;
	height:40px;
	border-bottom:1px solid #ccc;
}
#gotop{
	border:1px solid #f7f7f7;
	height:30px;
	position:absolute;
	width:30px;
	font-weight:bold;
	text-align:center;
	padding:5px;
	background-color:#e5e5e5;
	cursor:pointer;
	display:none;
	font-size:16px;
}



.search{
	padding:5px;	
}

thead td,th{
	background-color:#f4f4f4;
	padding:3px;
	font-size:14px;

}
.icon-img{
	padding:2px;
	max-height:25px;
	max-width:25px;
}
.formdiv{
	background-color:#d0d0d0;	
}
.presentation{
	padding:15px;
	line-height:155%;
	text-align:justify;
	font-size:14px;
}
.ligne td {
	font-size:14px;
	border-bottom:1px solid #a9bbc6;
	border-collapse:collapse;
	padding:0px;
	line-height:145%;
}
.nligne td {
	font-size:14px;
	border-bottom:2px solid #a9bbc6;
	border-collapse:collapse;
	padding:0px;
	line-height:145%;
}
.mainmenu{
	background-color:#F4F4F4;	
}
.td_head {
	border-bottom:2px solid #333;
}
.GrandTitre{
	font-size:19px;
	font-weight:bold;
	color:#033358;
}
.menuv li {
	background-color:#f5f5f5;
	padding:0px;
}
.menuv .active {
	background-color:#c3c7ca;
}

@media  (min-width: 68px) and (max-width: 484px) { 
/************ DETAIl PRODUIT*************/
#block-select  select {
		width:100%;				
	}
	.dfiltre{
		width:100%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:22px;
	}
	.gfiltre{
		width:100%; float:left; font-size:14px; font-weight:normal; color:#333;
		
		line-height:4px;
		letter-spacing:22px;
	}
	
    .nave_menu .navbar-collapse
	{
		padding:25px;
		z-index:500;
		right:25px;
		position:absolute;
		width:320px;;
	}
	.nave_menu li {
		text-align:left;
		padding:0px;

	}
	
	
	.nave_menu li a {
		width:100%;
		border-bottom:1px solid #CCC;
		font-weight:bold;
		padding-left:25px;
	}
	.mheader img{
		width:100%;
		max-width:250px;	
	}
	
	.detail-group
	{
		clear:both;
		background-color:#f5f5f5;
		padding:0px;
	}
	.detail-label{
		min-height:25px;
		float:left;
		font-weight:bolder;
		width:20%;
		padding:5px;
	}
	.detail-infos{
		background-color:#fff;
		min-height:25px;	
		float:left;
		width:80%;	
		padding:5px;
		border-bottom:1px solid #d9d9d9;
	}
	/*---------FIN PRODUIT------------------*/
.product
	{
		width:100%;
		float:left;
		padding:25px 5px 5px 5px;
		min-height:340px;	
		border-bottom:1px solid #e6e4e4;	
	}
	.product-top 
	{
		border-bottom:4px solid #e6e4e4;
		min-height:60px;
		color:#000;
		font-size:15px;
		padding:5px;	
		text-align:center;
		vertical-align:bottom;
	}
	.product-group
	{
		border:1px solid #eee;
		background-color:#f4f4f4;		
	}
	.product-image 
	{
		min-height:180px;
		padding:8px;
		text-align:center;	
	}
	.product-image img
	{
		max-width:60%;
		max-height:260px;		
	}
	.product-shop 
	{
		border-bottom:1px solid #e6e4e4;
		padding:4px;
		min-height:18px;
		text-transform:uppercase;
		font-weight:bold;
		text-align:center;		
	}
	.product-foot 
	{
		padding:5px;
		min-height:38px;
		color:#000;
		font-size:11px;
		text-align:center;	
	
	}
	.product-prix{
		color:#f68b1e;
		font-size:11px;
		font-weight:bold;
		text-align:center;	
	}
 .mtitre{
		display:none;	
	}
	 .smtitre{
		display:none;	
	}
	.col-gauche{
	   width:100%;
   }
   .col-centre{
	   width:100%;
	   min-height:150px;
	   background-color:#0473b8;
	   clear:both;
   }
   .col-droite{
	   width:100%;
	   clear:both;
	   background-color:#0473b8;
   }
   .mlogo{
	   height:120px;
	   padding:12px; 
   }
   #search_bar{
	   background-color:#300;   
   }
   .space{
	   clear:both;
	   height:20px;   
   }
   .headspace {
	   background-image:url(../images/back-line.png);
	   background-color:#F00;
	   min-height:135px;
	   padding:0px;
   }
   #header .logo{
	   height:50px;
	   width:140px;
   }
   /************* Zon des annonces head *************/
    .hannonce  {
	   padding:2px;   
	   }
   .hannonce a {
	   width:28%;
	   clear:both;

   }
   .hannonce .space {
	   height:6px;
	   font-size:0px; 
	   width:20px;
	   float:left;
 }    /****zone de defilement-**/
	.headtop .col-lg-6{
	   min-height:103px;
	   padding:7px;
 
   }
   .headtop .col-lg-3{
	   text-align:center;
	    background-image:url(../images/header_bg.png)   
   }
    #defile_top 
	{
		padding:12px;
	}
   #defile_top img
	{
		max-height:45px; max-width:90px;
		float:left;
		
	}
	#defile_top a,#defile_top .price
	{
		font-size:12px;
		line-height:90%;	
	}
	 /***************** ZONE DE REHERCHE ***************/
	.barsearch .col-lg-6{
	   min-height:1px;
	   padding:4px;

   }
   .barsearch .hvide{
	   height:1px;
	   padding:0px;
   }
   .barsearch .hlang{
	  min-height:26px;
	   padding:3px;
   }
   .barsearch #topcategorie{
	   font-size:12px;
	   display:none;
   }
   
   .zonemenu .col-lg-3{
	
	max-height:54px;
	background-color:#fff;
	
	}
	.zonemenu .col-lg-9{
	
	max-height:50px;
	min-height:50px;
	background-color:#d7d7d7;
	
	}
	 #bs-example-navbar-collapse-1{
		background-color:#eeeff2;
		padding:3px;

	}
	.navbar-header button {
		background-image:url(../images/main.png);
		background-color:#FFF;	
	}
	.menu{
		padding:9px;
	}
	.divider{
		visibility:hidden;
		height:0px;
		width:0px;
		display:none;
	}
	
	ul.menu li.divider {
	display:none;
	width:2px;
	height:50px;
	float:left;
	max-width:10px;
	background:url(../images/menu_divider.gif) no-repeat center;
	}
	.zlien a{
		font-size:16px;
		padding:2px 2px 2px 2px;
		
	}
	#newsmobile {
		display:none;	
	}
	.newsglobal {
		display:none;		
	}
	/************************************/
	.zone-produit {
	float:left;
	padding:8px;
	min-height:20px;
	width:100%;

	}
	.zone-produit .price{
		width:100%;
		text-align:center;
		min-height:30px;
	}
	.zone-produit .voir{
		width:100%;
		text-align:right;
		min-height:20px;
		padding-top:9px;
	
	}
	.top-article {
		height:47px;
		border-bottom:1px solid #eee;
		padding:5px;
		text-align:center;
	}
	.top-article a{
		font-size:14px;
		color:#f56b2a;
	
	}
	.zone-produit .panel-footer {
		min-height:50px;
		padding:7px;
	}
	.zone-produit .panel-body{
		min-height:220px;
		padding:8px;
	}
	.zone-produit .panel-body img {
		width:98%;
		padding:8px;
	}
	/* footer */
.footer .col-lg-3{
		text-align:left;
		line-height:150%;
		width:100%;
		padding-top:15px;
	}
	.footer .col-lg-3 p{
		font-size:12px;
		width:100%;
		float:left;
	}
	.footer .col-lg-9 p{
		font-size:12px;		
	}
	.footer .col-lg-9{
		font-size:14px;
		text-align:left;
		line-height:150%;
		min-height:50px;
		padding-top:20px;
		width:100%;
	}
	.footer .col-lg-3,.footer .col-lg-9 a,.footer .col-lg-3 a{
		font-size:12px;
		color:#FFF;
	}
	/***********PRODUITS EN COURS**********************/
	.produit{
		border:1px solid #d1d0d0;
		border-top:0px solid red;
		min-height:100px;
		padding:15px 15px 15px 15px;
		
	}
	
	.produit .photo{
		width:100%;
		float:left;
		padding:6px;
		background-color:#fff;
		min-height:110px;
		text-align:left;
	}
	.produit .detail{
		width:77%;
		float:left;
		padding:8px;
	}
	.first {
		border-top:1px solid #d1d0d0;
	}
	.produit .prix,#collast .prix{
		font-weight:bold;
		font-size:16px;
		color:#f56b2a;
	}
	.produit .resume{
		line-height:150%;
		font-size:12px;
	}
	.produit .pied{
		line-height:150%;
		font-size:12px;
		padding-top:12px;
	}
	.produit .titre {
		font-size:18px;
	}
	.produit img{
		max-width:215px;
		max-height:180px;
	}
/*DEtailo produit*/
	.product .libelle{
	width:40%;
	background-color:#F4F4F4;
	padding:7px 7px 6px 5px;
	text-align:left;
	font-weight:bold;
	min-height:25px;
	border-bottom:1px solid #cccccc;

	}
	.product .ztext {
		width:60%;
		color:#161313;
		background-color:#fff;
		padding:7px 7px 6px 5px;
		text-align:left;
		float:left;
		border-bottom:1px solid #cccccc;	
	}
	.z-avis{
	border:1px solid #F5F5F5;	
	font-size:13px;
	padding:3px;
	width:100%; 
	padding-left:25px; float:left;
	min-height:33px;
}
.z-avis h4{
	font-size:15px;
}
}
 @media (min-width: 485px) and (max-width: 767px) { 
 .dfiltre{
		width:100%; float:left; font-size:14px; font-weight:normal; color:#333;
		
		line-height:4px;
		letter-spacing:22px;
	}
	.gfiltre{
		width:100%; float:left; font-size:14px; font-weight:normal; color:#333;
		
		line-height:4px;
		letter-spacing:22px;
	}
 #block-select  select {
		width:100%;				
	}
 .mheader img{
		width:100%;
		max-width:250px;	
	}
  .nave_menu .navbar-collapse
	{
		padding:25px;
		z-index:500;
		right:25px;
		position:absolute;
		width:320px;;
	}
	.nave_menu li {
		text-align:left;
		padding:0px;

	}
	
	
	.nave_menu li a {
		width:100%;
		border-bottom:1px solid #CCC;
		font-weight:bold;
		padding-left:25px;
	}
	 .mtitre{
		display:none;	
	}
	/************ DETAIl PRODUIT*************/
	.detail-group
	{
		clear:both;
		background-color:#f5f5f5;
		padding:0px;
	}
	.detail-label{
		min-height:25px;
		float:left;
		font-weight:bolder;
		width:20%;
		padding:5px;
	}
	.detail-infos{
		background-color:#fff;
		min-height:25px;	
		float:left;
		width:80%;	
		padding:5px;
		border-bottom:1px solid #d9d9d9;
	}
	/*---------FIN PRODUIT------------------*/
	/********* PRODUCT PROPERTY *********/
	.product
	{
		width:50%;
		float:left;
		padding:25px 5px 5px 5px;
		min-height:340px;	
		border-bottom:1px solid #e6e4e4;	
	}
	.product-top 
	{
		border-bottom:4px solid #e6e4e4;
		min-height:60px;
		color:#000;
		font-size:12px;
		padding:5px;
		vertical-align:text-bottom;
	}
	.product-group
	{
		border:1px solid #eee;
		background-color:#fcfcfc;		
	}
	.product-image 
	{
		min-height:180px;
		padding:8px;
		text-align:center;	
	}
	.product-image img
	{
		max-width:125px;
		max-height:160px;		
	}
	.product-shop 
	{
		border-bottom:1px solid #e6e4e4;
		padding:4px;
		min-height:18px;
		text-align:left;
		text-transform:uppercase;
		font-weight:bold;		
	}
	.product-foot 
	{
		padding:5px;
		min-height:38px;
		color:#000;
		font-size:11px;
	
	}
	.product-prix{
		color:#f68b1e;
		font-size:11px;
		font-weight:bold;
	}
	/***************************************/
	.col-gauche{
	   border:0px solid red;
	   width:33%;
   }
   .col-centre{
	   border:0px solid red;
	   width:33%;
   }
   .col-droite{
	   border:0px solid red;
	   width:33%;
   }
  
   .hannonce  {
	   padding:2px;   
	   }
   .hannonce a {
	   width:29%;
	   clear:both;

   }
   .hannonce .space {
	   height:6px;
	   font-size:0px; 
	   width:20px;
	   float:left;
 }
 
   .headtop .col-lg-6{
	   min-height:10px;
	   padding:3px;
	  /*background-image:url(../images/header_bg.png) ;  */  
   }
   
   .headtop .col-lg-3{
	   text-align:center;
	    background-image:url(../images/header_bg.png)   
   }
    
    #header .logo{
	   height:50px;
	   width:140px;
   }
   /****zone de defilement-**/
	.headtop .col-lg-6{
	   min-height:103px;
	   padding:7px;
 
   }
    #defile_top 
	{
		padding:12px;
	}
   #defile_top img
	{
		max-height:45px; max-width:90px;
		float:left;
		
	}
	#defile_top a,#defile_top .price
	{
		font-size:12px;
		line-height:90%;	
	}
	 .hannonce 
	  {
	   padding:10px; 
	   }
	  /***************** ZONE DE REHERCHE ***************/
	.barsearch .col-lg-6{
	   min-height:1px;
	   padding:4px;

   }
   .barsearch .hvide{
	   height:1px;
	   padding:0px;
   }
   .barsearch .hlang{
	  min-height:26px;
	   padding:3px;
   }
    .zonemenu .col-lg-3{
	
	max-height:54px;
	background-color:#fff;
	
	}
	.zonemenu .col-lg-9{
	
	max-height:50px;
	min-height:50px;
	background-color:#d7d7d7;
	
	}
	 #bs-example-navbar-collapse-1{
		background-color:#e0dfdf;
		padding:3px;

	}
	.navbar-header button {
		background-image:url(../images/main.png);
		background-color:#FFF;	
	}
	.menu{
		padding:9px;
	}
	.divider{
		visibility:hidden;
		height:0px;
		width:0px;
		display:none;
	}
	
	ul.menu li.divider {
	display:none;
	width:2px;
	height:50px;
	float:left;
	max-width:10px;
	background:url(../images/menu_divider.gif) no-repeat center;
	}
	.zlien a{
		font-size:16px;
		padding:2px 2px 2px 2px;
		
	}
	#newsmobile {
		display:none;	
	}
	.newsglobal {
		display:none;		
	}
	/************************************/
	.zone-produit {
	float:left;
	padding:8px;
	min-height:20px;
	width:220px;

	}
	.zone-produit .price{
		width:100%;
		text-align:center;
		min-height:30px;
	}
	.zone-produit .voir{
		width:100%;
		text-align:right;
		min-height:20px;
		padding-top:9px;
	
	}
	.top-article {
		height:47px;
		border-bottom:1px solid #eee;
		padding:5px;
		text-align:center;
	}
	.top-article a{
		font-size:14px;
		color:#f56b2a;
	
	}
	.zone-produit .panel-footer {
		min-height:50px;
		padding:7px;
	}
	.zone-produit .panel-body{
		min-height:220px;
		padding:8px;
	}
	.zone-produit .panel-body img {
		max-width:170px;
		max-height:120px;
		padding:8px;
	}
	/* footer */
.footer .col-lg-3{
		text-align:left;
		line-height:150%;
		padding-top:15px;
		width:100%;
	}
	.footer .col-lg-3 p{
		font-size:12px;
		width:33%;
		float:left;
	}
	.footer .col-lg-9 p{
		font-size:12px;		
	}
	.footer .col-lg-9{
		font-size:14px;
		text-align:center;
		line-height:150%;
		min-height:50px;
		padding-top:20px;
		width:100%;
	}
	.footer .col-lg-3,.footer .col-lg-9 a,.footer .col-lg-3 a{
		font-size:12px;
		color:#FFF;
	}
	/***********PRODUITS EN COURS**********************/
	.produit{
		border:1px solid #d1d0d0;
		border-top:0px solid red;
		min-height:100px;
		padding:15px 15px 15px 15px;
		
	}
	
	.produit .photo{
		width:28%;
		float:left;
		padding:6px;
		background-color:#fff;
		min-height:110px;
	}
	.produit .detail{
		width:72%;
		float:left;
		padding:8px;
	}
	.first {
		border-top:1px solid #d1d0d0;
	}
	.produit .prix,#collast .prix{
		font-weight:bold;
		font-size:16px;
		color:#f56b2a;
	}
	.produit .resume{
		line-height:150%;
		font-size:12px;
	}
	.produit .pied{
		line-height:150%;
		font-size:12px;
		padding-top:12px;
	}
	.produit .titre {
		font-size:18px;
	}
	.produit img{
		max-width:115px;
		max-height:80px;
	}
	/*DEtailo produit*/
	.product .libelle{
	width:25%;
	background-color:#f2f2f2;
	padding:7px 7px 6px 5px;
	text-align:left;
	font-weight:bold;
	min-height:25px;
	border-bottom:1px solid #cccccc;

	}
	.product .ztext {
		width:75%;
		color:#161313;
		background-color:#fff;
		padding:7px 7px 6px 5px;
		text-align:left;
		border-bottom:1px solid #cccccc;	
	}
	.z-avis{
	border:1px solid #F5F5F5;	
	font-size:13px;
	padding:3px;
	width:50%; padding-left:25px; float:left;
	min-height:33px;
}
}
@media (min-width: 768px) and (max-width: 991px) { 
/*.logo img {
		border:2px solid red;	
	}*/
	.dfiltre{
		width:40%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
	.gfiltre{
		width:60%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
	#block-select  select {
		width:110px;				
	}
	.mheader img{
		width:100%;
		max-width:165px;	
	}
	/************ DETAIl PRODUIT*************/
	.detail-group
	{
		clear:both;
		background-color:#f5f5f5;
		padding:0px;
	}
	.detail-label{
		min-height:25px;
		float:left;
		font-weight:bolder;
		width:20%;
		padding:5px;
	}
	.detail-infos{
		background-color:#fff;
		min-height:25px;	
		float:left;
		width:80%;	
		padding:5px;
		border-bottom:1px solid #d9d9d9;
	}
	/*---------FIN PRODUIT------------------*/
   /********* PRODUCT PROPERTY *********/
	.product
	{
		width:33%;
		float:left;
		padding:25px 5px 5px 5px;
		min-height:340px;	
		border-bottom:1px solid #e6e4e4;	
	}
	.product-top 
	{
		border-bottom:4px solid #e6e4e4;
		min-height:60px;
		color:#000;
		font-size:12px;
		padding:5px;	
	}
	.product-group
	{
		border:1px solid #eee;
		background-color:#fcfcfc;		
	}
	.product-image 
	{
		min-height:180px;
		padding:8px;
		text-align:center;	
	}
	.product-image img
	{
		max-width:125px;
		max-height:160px;		
	}
	.product-shop 
	{
		border-bottom:1px solid #e6e4e4;
		padding:4px;
		min-height:18px;
		text-align:left;
		text-transform:uppercase;
		font-weight:bold;		
	}
	.product-foot 
	{
		padding:5px;
		min-height:38px;
		color:#000;
		font-size:11px;
	
	}
	.product-prix{
		color:#f68b1e;
		font-size:11px;
		font-weight:bold;
	}
	/***************************************/
    .col-gauche{
	   border:3px solid red;
	   width:100%;
   }
   .hannonce  {
	   padding:10px;   
	}
	.hannonce .space {
	   height:6px;
	   font-size:6px;
	   float:left;
	   width:100px;
 }
   .hannonce a {
	   width:83%;
	   clear:both;

   }
    
    #header .logo{
	   height:70px;
	   width:140px;
   }
   .col-lg-3{
	   width:187px;
	   float:left;	   
   }
   .col-lg-6{
	   width:375px;
		float:left;	
   }
    /****zone de defilement-**/
	.headtop .col-lg-6{
	   min-height:150px;
	   padding:12px;
 
   }
    #defile_top 
	{
		padding:12px;
	}
   #defile_top img
	{
		max-height:60px; max-width:90px;
		float:left;
		
	}
	#defile_top a,#defile_top .price
	{
		font-size:16px;
		line-height:120%;	
	}
	/***************** ZONE DE REHERCHE ***************/
	.barsearch .col-lg-6{
	   min-height:10px;
	   padding:7px;
 
   }
   .barsearch .col-lg-3{
	   padding-top:15px;
	   padding-left:28px;
 
   }
   /******************Menu horizontale *************/
   .zonemenu .col-lg-9,.zonemenu .col-lg-3{
	
	max-height:54px;
	background-color:#000;
	
	}
	.zonemenu .col-lg-9{
		width:100%;
		float:left;
		padding:0px;
		background:url(../images/menu_bg.gif) repeat-x;
	}
	.zonemenu .col-lg-3{
		width:100%;	
		background-color:#03C;
		padding:0px;
		background:url(../images/menu_bginv.gif) repeat-x;
	}
	ul.menu {
	list-style-type:none; float:left; display:block; width:100%;
	margin:0px; padding:0px;
	
	}
	
	ul.menu li {
	display:inline;
	padding:0px;
	}
	
	ul.menu li a{

	font-size:13px;
	font-weight:bold;
	padding:15px 8px 14px 8px;
	min-height:53px;
	}
	.col-lg-3 a{
	font-size:14px;
	font-weight:bold;

	
	}
	
	ul.menu li.divider {
	display:inline;
	width:2px;
	height:50px;
	float:left;
	max-width:10px;
	background:url(../images/menu_divider.gif) no-repeat center;
	}
   /*******************************/
	.showmenu {
		display:block;	
	}
	
	.rubmenu,.newsglobal {
		display:none;	
	}
	
	/********** zone de contenu ****/
	.zcontent .col-lg-3 {
		width:100%;
		background-color:#FFF;
		padding:1px;
	
	}
	.zcontent .col-lg-6 {
		width:100%;
		background-color:#FFF;
		padding:4px;
	
	}
	#newsmobile {
		display:none;	
	}
	.newsglobal {
		display:none;		
	}
	
	/************************************/
	.zone-produit {
	float:left;
	padding:8px;
	min-height:20px;
	width:33%;

	}
	.zone-produit .price{
		width:100%;
		text-align:center;
		min-height:30px;
	}
	.zone-produit .voir{
		width:100%;
		text-align:right;
		min-height:20px;
		padding-top:9px;
	
	}
	.top-article {
		height:47px;
		border-bottom:1px solid #eee;
		padding:5px;
		text-align:center;
	}
	.top-article a{
		font-size:14px;
		color:#f56b2a;
	
	}
	.zone-produit .panel-footer {
		min-height:50px;
		padding:7px;
	}
	.zone-produit .panel-body{
		min-height:220px;
		padding:8px;
	}
	.zone-produit .panel-body img {
		max-width:170px;
		max-height:120px;
		padding:8px;
	}
	/* footer */
.footer .col-lg-3{
		text-align:left;
		line-height:150%;
		width:100%;
	}
	.footer .col-lg-3 p{
		font-size:12px;
		width:33%;
		float:left;
	}
	.footer .col-lg-9 p{
		font-size:12px;		
	}
	.footer .col-lg-9{
		font-size:14px;
		text-align:left;
		line-height:150%;
		min-height:50px;
		padding-top:20px;
		width:100%;
	}
	.footer .col-lg-3,.footer .col-lg-9 a,.footer .col-lg-3 a{
		font-size:12px;
		color:#FFF;
	}
/***********PRODUITS EN COURS**********************/
	.produit{
		border:1px solid #d1d0d0;
		border-top:0px solid red;
		min-height:100px;
		padding:15px 15px 15px 15px;
		
	}
	
	.produit .photo{
		width:22%;
		float:left;
		padding:6px;
		background-color:#fff;
		min-height:110px;
	}
	.produit .detail{
		width:77%;
		float:left;
		padding:8px;
	}
	.first {
		border-top:1px solid #d1d0d0;
	}
	.produit .prix,#collast .prix{
		font-weight:bold;
		font-size:16px;
		color:#f56b2a;
	}
	.produit .resume{
		line-height:150%;
		font-size:12px;
	}
	.produit .pied{
		line-height:150%;
		font-size:12px;
		padding-top:12px;
	}
	.produit .titre {
		font-size:18px;
	}
	.produit img{
		max-width:115px;
		max-height:80px;
	}
	/*DEtailo produit*/
	.product .libelle{
	width:25%;
	background-color:#f2f2f2;
	padding:7px 7px 6px 5px;
	text-align:left;
	font-weight:bold;
	min-height:25px;
	border-bottom:1px solid #cccccc;

	}
	.product .ztext {
		width:75%;
		color:#161313;
		background-color:#fff;
		padding:7px 7px 6px 5px;
		text-align:left;
		border-bottom:1px solid #cccccc;	
	}
	.z-avis{
	border:1px solid #F5F5F5;	
	font-size:13px;
	padding:3px;
	width:50%; padding-left:25px; float:left;
	min-height:33px;
}
}
@media  (min-width: 992px) and (max-width: 1199px) { 
	.mheader img{
		width:100%;
		max-width:200px;	
	}
	#block-select  select {
		width:100px;				
	}
     .headspace {

	   padding:0px;
   }
   .dfiltre{
		width:40%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
	.gfiltre{
		width:60%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
   /************ DETAIl PRODUIT*************/
	.detail-group
	{
		clear:both;
		background-color:#f5f5f5;
		padding:0px;
	}
	.detail-label{
		min-height:25px;
		float:left;
		font-weight:bolder;
		width:20%;
		padding:5px;
	}
	.detail-infos{
		background-color:#fff;
		min-height:25px;	
		float:left;
		width:80%;	
		padding:5px;
		border-bottom:1px solid #d9d9d9;
	}
	/*---------FIN PRODUIT------------------*/
   /********* PRODUCT PROPERTY *********/
	.product
	{
		width:33%;
		float:left;
		padding:25px 5px 5px 5px;
		min-height:340px;	
		border-bottom:1px solid #e6e4e4;	
	}
	.product-top 
	{
		border-bottom:4px solid #e6e4e4;
		min-height:60px;
		color:#000;
		font-size:12px;
		padding:5px;	
	}
	.product-group
	{
		border:1px solid #eee;
		background-color:#fcfcfc;		
	}
	.product-image 
	{
		min-height:180px;
		padding:8px;
		text-align:center;	
	}
	.product-image img
	{
		max-width:125px;
		max-height:160px;		
	}
	.product-shop 
	{
		border-bottom:1px solid #e6e4e4;
		padding:4px;
		min-height:18px;
		text-align:left;
		text-transform:uppercase;
		font-weight:bold;		
	}
	.product-foot 
	{
		padding:5px;
		min-height:38px;
		color:#000;
		font-size:11px;
	
	}
	.product-prix{
		color:#f68b1e;
		font-size:11px;
		font-weight:bold;
	}
	/***************************************/
    #header .logo{
	   height:90px;
	   width:180px;
   }
   .col-lg-3{
	   width:242px;
	   float:left;	   
   }
   .col-lg-6{
	   width:485px;
		float:left;	
   }
   .headtop .col-lg-3{
	   min-height:125px;
   }
   .hannonce {
	   padding-top:45px;
	   
   }
   .hannonce .btn { float:left; width:29%}
   .hannonce .space {
	   height:6px;
	   font-size:0px; 
	   width:3px;
	   float:left;
 }
 
  /****zone de defilement-**/
	.headtop .col-lg-6{
	   min-height:150px;
	   padding:20px;
 
   }
    #defile_top 
	{
		padding:12px;

	}
   #defile_top img
	{
		max-height:60px; max-width:90px;
		float:left;
		
	}
	#defile_top a,#defile_top .price
	{
		font-size:16px;
		line-height:120%;	
	}
	/***************** ZONE DE REHERCHE ***************/
	.barsearch .col-lg-6{
	   min-height:10px;
	   padding:7px;
 
   }
   .barsearch .col-lg-3{
	   padding-top:15px;
	   padding-left:55px;
 
   }
   /******************Menu horizontale *************/
   .zonemenu .col-lg-9,.zonemenu .col-lg-3{
	background:url(../images/menu_bg.gif) repeat-x;
	max-height:54px;
	
	}
	
	.zonemenu .col-lg-9{
		width:75%;
		float:left;
	}
	.zonemenu .col-lg-3{
		width:25%;
		min-height:54px;	
	}
	.zonemenu .col-lg-3 a{
		font-size:13px;	
	}
	ul.menu {
	list-style-type:none; float:left; display:block; width:100%;
	margin:0px; padding:0px;
	
	}
	
	ul.menu li {
	display:inline;
	padding:0px;
	}
	
	ul.menu li a{
font-size:13px;
	font-weight:bold;
	padding:15px 8px 18px 9px;
	}
	
	
	ul.menu li.divider {
	display:inline;
	width:2px;
	height:50px;
	float:left;
	max-width:10px;
	background:url(../images/menu_divider.gif) no-repeat center;
	}
	/*******************************/
	.showmenu {
		display:none;	
	}
	/********** zone de contenu ****/
	.zcontent .col-lg-3 {
		width:30%;
		background-color:#FFF;
		padding:1px;
	
	}
	.zcontent .col-lg-6 {
		width:70%;
		background-color:#FFF;
		padding:4px;
	
	}
	.newsmobile {
		display:none;	
	}
	
	/************************************/
	.zone-produit {
	float:left;
	padding:8px;
	min-height:20px;
	width:33%;

	}

	.zone-produit .price{
		width:100%;
		text-align:center;
		min-height:30px;
	}
	.zone-produit .voir{
		width:100%;
		text-align:right;
		min-height:20px;
		padding-top:9px;
	
	}
	.top-article {
		height:47px;
		border-bottom:1px solid #eee;
		padding:5px;
		text-align:center;
	}
	.top-article a{
		font-size:12px;
		color:#f56b2a;
	
	}
	.zone-produit .panel-footer {
		min-height:50px;
		padding:7px;
	}
	.zone-produit .panel-body{
		min-height:220px;
		padding:8px;
	}
	.zone-produit .panel-body img {
		max-width:140px;
		max-height:120px;
		padding:8px;
	}
	.macarte img {
		transform:scaleX(.69)
	}
/* footer */
.footer .col-lg-3{
		text-align:left;
		line-height:150%;
		float:right;
		width:22%;
	}
	.footer .col-lg-3 p{
		font-size:12px;		
	}
	.footer .col-lg-9 p{
		font-size:12px;		
	}
	.footer .col-lg-9{
		font-size:13px;
		text-align:left;
		line-height:150%;
		float:right;
		min-height:60px;
		padding-top:30px;
		width:77%;
	}
	.footer .col-lg-3,.footer .col-lg-9 a,.footer .col-lg-3 a{
		font-size:12px;
		color:#FFF;
	}
	/***********PRODUITS EN COURS**********************/
	.produit{
		border:1px solid #d1d0d0;
		border-top:0px solid red;
		min-height:100px;
		padding:15px 15px 15px 15px;
		
	}
	
	.produit .photo{
		width:22%;
		float:left;
		padding:6px;
		background-color:#fff;
		min-height:110px;
	}
	.produit .detail{
		width:77%;
		float:left;
		padding:8px;
	}
	.first {
		border-top:1px solid #d1d0d0;
	}
	.produit .prix,#collast .prix{
		font-weight:bold;
		font-size:16px;
		color:#f56b2a;
	}
	.produit .resume{
		line-height:150%;
		font-size:12px;
	}
	.produit .pied{
		line-height:150%;
		font-size:12px;
		padding-top:12px;
	}
	.produit .titre {
		font-size:18px;
	}
	.produit img{
		max-width:115px;
		max-height:80px;
	}
	/*DEtailo produit*/
	.product .libelle{
	width:25%;
	background-color:#f2f2f2;
	padding:7px 7px 6px 5px;
	text-align:left;
	font-weight:bold;
	min-height:25px;
	border-bottom:1px solid #cccccc;

	}
	.product .ztext {
		width:75%;
		color:#161313;
		background-color:#fff;
		padding:7px 7px 6px 5px;
		text-align:left;
		border-bottom:1px solid #cccccc;	
	}
	.z-avis{
	border:1px solid #F5F5F5;	
	font-size:13px;
	padding:3px;
	width:50%; padding-left:25px; float:left;
	min-height:33px;
}
}


@media  (min-width: 1200px) { 
	
	.mheader img{
		width:100%;
		max-width:250px;	
	}
	.dfiltre{
		width:40%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
	.gfiltre{
		width:60%; float:left; font-size:14px; font-weight:normal; color:#333;
		line-height:4px;
		letter-spacing:2px;
	}
	#block-select  select {
		width:100px;				
	}
	.block-image
	{
		width:25%;
		float:left;
		min-height:45px;
		padding:5px;
		
	}
	/*****************************/
	.tableligne 
	{
		clear:both;
	}
	.tableligne .libelle
	{
		font-weight:bolder;
		width:20%;
		float:left;
	}
	.tableligne .champ
	{
		
		float:left;
		width:80%;
	}
	/********FIN FORM-------------*/
	/************ DETAIl PRODUIT*************/
	.detail-group
	{
		clear:both;
		background-color:#f5f5f5;
		padding:0px;
	}
	.detail-label{
		min-height:25px;
		float:left;
		font-weight:bolder;
		width:20%;
		padding:5px;
	}
	.detail-infos{
		background-color:#fff;
		min-height:25px;	
		float:left;
		width:80%;	
		padding:5px;
		border-bottom:1px solid #d9d9d9;
	}
	/*---------FIN PRODUIT------------------*/
	/********* PRODUCT PROPERTY *********/
	.product
	{
		width:25%;
		float:left;
		padding:25px 5px 5px 5px;
		min-height:340px;	
		border-bottom:1px solid #e6e4e4;	
	}
	.product-top 
	{
		border-bottom:4px solid #e6e4e4;
		min-height:60px;
		color:#000;
		font-size:12px;
		padding:5px;	
	}
	.product-group
	{
		border:1px solid #eee;
		background-color:#fcfcfc;		
	}
	.product-image 
	{
		min-height:180px;
		padding:8px;
		text-align:center;	
	}
	.product-image img
	{
		max-width:125px;
		max-height:160px;		
	}
	.product-shop 
	{
		border-bottom:1px solid #e6e4e4;
		padding:4px;
		min-height:18px;
		text-align:left;
		text-transform:uppercase;
		font-weight:bold;		
	}
	.product-foot 
	{
		padding:5px;
		min-height:38px;
		color:#000;
		font-size:11px;
	
	}
	.product-prix{
		color:#f68b1e;
		font-size:11px;
		font-weight:bold;
	}
	/***************************************/
	.block-image img
	{
		max-width:200px;
		max-height:100px;
	}
	.block-options
	{
		width:40%;
		float:left;
		padding:5px;
	}
	.block-adresse
	{
		width:60%;
		float:left;
		padding:5px;
	}
	.block-data
	{
		width:75%;
		float:left;
		padding:5px;
		min-height:45px;
	}
	.block-data a
	{
		font-size:19px;
		text-decoration:none;
	}
	.product-price {
		font-size:20px;
		color:#003;
		font-weight:bold;
	}
	.headspace {
	   min-height:35px;
	   padding:0px;
   }
    .headtop .col-lg-3{
		min-height:125px;
   }
   .hannonce {
	   padding-top:55px;
	   
   }
   .hannonce .btn { float:left;}
   .hannonce .space {
	   height:6px;
	   font-size:0px; 
	   width:6px;
	   float:left;
 }
 .hannonce a {
	   width:29%;
   }
    /****zone de defilement-**/
	.headtop .col-lg-6{
	   min-height:155px;
	   padding:20px;
 
   }
    #defile_top 
	{
		padding:12px;
	}
   #defile_top img
	{
		max-height:60px; max-width:90px;
		float:left;
		
	}
	#defile_top a,#defile_top .price
	{
		font-size:16px;
		line-height:120%;	
	}
	/***************** ZONE DE REHERCHE ***************/
	.barsearch .col-lg-6{
	   min-height:15px;
	   padding:9px;
 
   }
   .barsearch .col-lg-3{
	   padding-top:17px;
	   padding-left:55px;
 
   }
   /******************Menu horizontale *************/
   .zonemenu .col-lg-9,.zonemenu .col-lg-3{
	background:url(../images/menu_bg.gif) repeat-x;
	max-height:54px;
	
	}
	.zonemenu .col-lg-3 {
	min-height:54px;
	
	}
	.zonemenu .col-lg-3 a{
	font-size:14px;
	font-weight:bold;
	
	}
	ul.menu {
	list-style-type:none; float:left; display:block; width:100%;
	margin:0px; padding:0px;
	
	}
	
	ul.menu li {
	display:inline;
	}
	
	ul.menu li a{

	font-size:14px;
	font-weight:bold;
	padding:15px 15px 14px 15px;
	}
	
	
	ul.menu li.divider {
	display:inline;
	width:2px;
	height:50px;
	float:left;
	max-width:10px;
	background:url(../images/menu_divider.gif) no-repeat center;
	}
	/******************************/
	.showmenu {
		display:none;	
	}
	/********** zone de contenu ****/
	.zcontent .col-lg-3 {
		width:25%;
		padding:12px;
	
	}
	.zcontent .col-lg-6 {
		width:75%;
		background-color:#FFF;
		padding:4px;
	
	}
	.newsmobile {
		display:none;	
	}
	.newsglobal {
		display:block;		
	}
	/************************************/
	.zone-produit {
	float:left;
	padding:8px;
	min-height:20px;
	width:33%;

}
.zone-produit .price{
	width:100%;
	text-align:center;
	min-height:30px;
}
.zone-produit .voir{
	width:100%;
	text-align:right;
	min-height:20px;
	padding-top:9px;

}
.top-article {
	height:47px;
	border-bottom:1px solid #eee;
	padding:5px;
	text-align:center;
}
.top-article a{
	font-size:14px;
	color:#f56b2a;

}
.zone-produit .panel-footer {
	min-height:50px;
	padding:7px;
}
.zone-produit .panel-body{
	min-height:220px;
	padding:8px;
}
.zone-produit .panel-body img {
	max-width:170px;
	max-height:140px;
	padding:8px;
}
/* footer */
.footer .col-lg-3{
		font-size:13px;
		text-align:left;
		line-height:150%;
		float:right;
		
	}
	.footer .col-lg-9{
		font-size:13px;
		text-align:left;
		line-height:150%;
		float:right;
		min-height:60px;
		padding-top:30px;
	}
	.footer .col-lg-3,.footer .col-lg-9 a,.footer .col-lg-3 a{
		font-size:15px;
		color:#FFF;
	}
	/***********PRODUITS EN COURS**********************/
	.produit{
		border:1px solid #d1d0d0;
		border-top:0px solid red;
		min-height:100px;
		padding:15px 15px 15px 15px;
		
	}
	
	.produit .photo{
		width:22%;
		float:left;
		padding:6px;
		background-color:#fff;
		min-height:110px;
	}
	.produit .detail{
		width:77%;
		float:left;
		padding:8px;
	}
	.first {
		border-top:1px solid #d1d0d0;
	}
	.produit .prix,#collast .prix{
		font-weight:bold;
		font-size:16px;
		color:#f56b2a;
	}
	.produit .resume{
		line-height:150%;
		font-size:12px;
	}
	.produit .pied{
		line-height:150%;
		font-size:12px;
		padding-top:12px;
	}
	.produit .titre {
		font-size:18px;
	}
	.produit img{
		max-width:115px;
		max-height:80px;
	}
	/*DEtailo produit*/
	.product .libelle{
	width:25%;
	background-color:#f2f2f2;
	padding:7px 7px 6px 5px;
	text-align:left;
	font-weight:bold;
	min-height:25px;
	border-bottom:1px solid #cccccc;

	}
	.product .ztext {
		width:75%;
		color:#161313;
		background-color:#fff;
		padding:7px 7px 6px 5px;
		text-align:left;
		border-bottom:1px solid #cccccc;	
	}
	.z-avis{
	border:1px solid #F5F5F5;	
	font-size:13px;
	padding:3px;
	width:50%; padding-left:25px; float:left;
	min-height:33px;
}
}