/**************************/
/**	Informatique Mercier **/
/**************************/

body{
background: url(../_img/fd/fd_top.jpg) repeat-x top;
}

h1{}
h2{ padding:10px 0 0 0 ; color:#666; border-bottom:1px dotted #ccc; margin: 0 0 5px; 0}
h3{color:#064f8b; padding:0 0 0 0}
h4{color:#064f8b;}
h5{}
h6{}

#main{
	width:1000px;
	margin:0 auto 0 auto;
	height:auto;
	
	}

	#entete{
	background: url(../_img/fd/entete.jpg) no-repeat top center;
	width:1000px;
	height:123px;
	}
		#logo{}
			#logo img{margin:32px 0 0 0}
			
		#menu_entete{ 
		position:absolute;
		/*border:1px solid #ff0000;*/
		margin:5px 0 0 732px;
		height:28px;
		width:225px;
		}
			#menu_entete a{
			display:block;
			background:#fff;
			color:#000;
			width:230px;
			text-align:center;
			float:left;
			padding:6px;
			margin:0 2px;
			
			}
			#menu_entete a:hover{
			cursor:pointer;
			color:#666;
			
			font-weight:bold;
			}
 
	#ACC #box_bleu{ 
		width:1000px;
		min-height:269px;
		background:url(../_img/fd/fd_box_bleu.png) no-repeat top center;
		}
		
		#box_bleu{ 
		width:1000px;
		min-height:1px;
		background:url(../_img/fd/fd_box_bleu.png) no-repeat top center;
		}
		
		.reduit{
			background:url(../_img/fd/top_menu.png) no-repeat top center!important;
			/*background:url(../_img/fd/fd_box_bleu2.png) no-repeat top center!important;*/}
		
		/*.vert{
			background:url(../_img/fd/fd_box_vert.png) no-repeat top center!important;}
		
		.gris{
			background:url(../_img/fd/fd_box_gris.png) no-repeat top center!important;}*/
		
		
		ul#menu,
		ul#menu_in{
			width:970px;
			height:40px;
			margin:0 auto 0 auto;
			padding:7px 0 0 0;
			list-style:none;
			/*border:1px solid #000;*/
			}
			
			#menu li{float:left;width:230px;}
			#menu_in li{float:left;width:170px;}

			
				#menu a,
				#menu_in a{
					height:40px;
					min-width:150px;
					color:#fff;
					float:left;
					display:block;
					padding:0 30px 0 30px;
					line-height:40px;
					text-align:center;
					font-size:14px;
					white-space:nowrap;
					/*background:url(../_img/fd/fd_a_menu.png) no-repeat top center;*/
					}
					
					#menu_in a{
					min-width:110px;
					padding:0 20px 0 20px;
					}
					
				#menu a:hover,
				#menu_in a:hover{ 
					color:#fff;
					/*background:url(../_img/fd/fd_a_menu_hover.png) no-repeat bottom center;*/
					}
					
				#menu a.on,
				#menu_in a.on{ 
					color:#fff;
					/*border:1px solid #00335c;*/
					border-bottom:none;
					border-top:none; 
					background:url(../_img/fd/fd_menu_on.png) no-repeat top center;
					}
					
				
					
	.smenu{
		width:235px;/*200*/ /*235*/
		/*min-height:207px;/*207*/ /*297 */
		margin:3px 0 0 7px;
		float:left;
		
		
		
		}
		
		.wrapper_smenu{
		padding:10px 0 25px 0;
		background:url(../_img/fd/fd_smenu.png) no-repeat bottom center;
		}
		
		#ACC .wrapper_smenu{padding:0;
		background:none;
		}
		
		#ACC .smenu{
			width:200px;/*200*/ /*235*/
			min-height:207px;/*207*/ /*297 */
			margin:0px 0 0 13px;
			float:left;
			padding:0px 0 0 0;
			background:none;
			border:none;
			color:#fff;
			/*background:url(../_img/fd/fd_smenu.png) no-repeat top center;*/
			/*border:1px solid #ff0000;*/
			/*background:#999;*/
		}
	
		.smenu ul{
			width:100%;
			height:auto;
			margin:0 0 0 0;
			padding:0;
			list-style:none;
			
			}
			
			.smenu li{}
			.smenu li a{
				font-size:14px;
				color:#333;
				display:block;
				clear:both;
				padding:2px 0 2px 25px;
				/*border-bottom:1px solid #ccc;
				border-top:1px solid #666;*/
				}
				#ACC .smenu a{color:#fff;padding:1px 0 1px 25px;}
				
			.smenu li a:hover{
				background:#333333;
				color:#fff;
				}
				
				.smenu li a.on{
				background:#165a92;
				color:#fff;
				padding:1px 0 1px 25px;
				border-bottom:1px solid #999;
				border-top:1px solid #999;
				}
			
			
									
					
	.pub_switcher{
	/*border:1px solid #000;*/
	width:774px;
	height:207px;
	float:left;
	}


	#contenu{}
	
	.wrapper_contenu{
	padding:5px 0 0 250px;
	}
	
	.boutons{
	width:219px;
	float:left;
	}
		.boutons a{
			display:block;
			width:216px;
			height:34px;/*59px*/
			color:#fff;
			font-size:14px;
		}
		
		
		a.RSS{
			background:url(../_img/boutons/bt_rss.png) no-repeat; 
			padding:15px 0 0 15px;
			height:44px;
			}
				a:hover.RSS{
				background:url(../_img/boutons/bt_rss_off.png) no-repeat; 
				padding:15px 0 0 15px;
				height:44px;
				}
		a.support{
			background:url(../_img/boutons/bt_support.png) no-repeat;
			padding:25px 0 0 15px;
			}
				a:hover.support{
				background:url(../_img/boutons/bt_support_off.png) no-repeat;
				padding:25px 0 0 15px;
				}
		a.soumission{
			background:url(../_img/boutons/bt_soumission.png) no-repeat;
			padding:25px 0 0 15px;
			}
				a:hover.soumission{
				background:url(../_img/boutons/bt_soumission_off.png) no-repeat;
				padding:25px 0 0 15px;
				}
			
/************************************************/
/*					Bloc Promo 					*/
/************************************************/

	#promotions{
	/*height:180px;*/
	width:759px; float:left;
	margin:10px;
	
	}
	
		.principal{
			clear:both;
			border-top:2px solid #ccc; 
			border-bottom:2px solid #ccc;   
			margin:10px 0 0 0; 
			padding:10px 0 0 10px;
			}
			
			
			div.theme{
			width:325px; 
			float:left; 
			margin:18px 5px 0 30px; 
			padding-right:10px;
			/*background:url(_img/boutons/grosse_pastille.png) no-repeat right center;*/
			}
			
			div.desc_theme{
			}
			
			.principal ul{
				
				font-size:11px; 
				font-weight:bold; 
				list-style:square;
				list-style-type:square; 
				color:#054f8c;
			}
		.secondaire{
			float:left;
			width:210px;
			border-left:2px solid #ccc;
			padding:10px;
			color:#054f8c;
			margin:0 20px 0 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			.secondaire strong{
			font-family:Arial, Helvetica, sans-serif;
			color:#000;
			font-size:11px;}
			
			
			
			
			
/*************************************************/
/*		bloc de produits 						 */
/*************************************************/	

	.produit{
	width:220px;
	border:1px solid #ccc;
	height:210px;
	float:left;
	margin:5px;
	background:#064f8b url(../_img/fd/fd_bleu.png) repeat-x bottom left;
	}
	
	#ACC .produit{
			width:185px;
			border:1px solid #ccc;
			height:185px;
			float:left;
			margin:1px;
			background:#064f8b url(../_img/fd/fd_bleu.png) repeat-x bottom left;
	}
	
		.img_produit{ text-align:LEFT;}
			.img_produit img{
			width:220px;
			height:147px;
			/*border:3px solid #f7f7f7;*/
			overflow:hidden;
			
			}
			
			.img_produit a{
			display:block;
			width:220px;
			height:147px;
			/*border:3px solid #f7f7f7;*/
			overflow:hidden;
			background-position:center center;
			}
			
				#ACC .img_produit a{
				display:block;
				width:185px;
				height:140px;
				/*border:3px solid #f7f7f7;*/
				overflow:hidden;
				background-position:center center;
				}
			
			.img_produit a span{
			display:block;
			width:30px;
			height:30px;
			background:url(../_img/pluss.png) no-repeat;
			position:absolute;
			margin:135px 0 0 192px;
			}
				
					#ACC .img_produit a span{
					display:block;
					width:30px;
					height:30px;
					background:url(../_img/pluss.png) no-repeat;
					position:absolute;
					margin:125px 0 0 158px;
					}
			
		.titre_produit{
		padding:3px 3px 0 7px;
		color:#fff;
		font-size:20px;
		}
		.desc_produit{
		padding: 0 3px 3px 7px ;
		color:#f7f7f7;}	

	
/*************************************************/
/*						footer					 */
/*************************************************/	
	#footer{
	background: #999999 url(../_img/fd/fd_bottom.png) repeat-x top;
	padding:15px 0 0 0;
	
	}
	#milieu{}
		
		.wrapper{
		width:1000px;
		margin:0 auto 0 auto;}
		
		
		
		.heures{
		float:left;
		background:url(../_img/fd/fd_heures.png) no-repeat top center;
		width:213px;
		height:107px;}
		.heures h6{
			padding:6px 0 0 15px;
			font-weight:normal;}
			
			.heures p{
				font-size:11px;
				padding:1px 0 0 15px;
				color:#333;
				}
				.heures p strong{
					color:#000000;
					
					}
		
		
		.adresse{
			background:url(../_img/fd/fd_heures.png) no-repeat top center;
			margin:0px 5px 5px 50px;
			float:left;
			color:#000;
			width:213px;
			height:107px;
			}
			.adresse h6{
				padding:6px 0 0 15px;
				font-weight:normal;
				margin:0 0 5px 0;
			}
			.adresse h3{
				color:#064f8b; padding:0 0 0 15px
			}
			.adresse p{
				font-size:11px;
				padding:1px 0 0 15px;
				color:#333;
			}
		
			.copyright{
				font-size:10px ;	
				text-align:center; 
				clear:both;
				}
					
			#real{ behavior: url("csshover.htc"); width:25px;height:25px; margin:5px;}
			div#real:hover div{display:block; }
			
			.realisations{
				cursor:pointer;
				display:none;
				position:absolute;
				margin-top:7px;
				margin-left:730px;
				background: url(../_img/bloc_prospection.gif) no-repeat;
				width:163px;
				height:43px;
				}
				
		.logo_prospec{
			border:0 none;
			height:26px;
			margin:10px 0 0 900px;
			width:26px;
		}
			
			
/************************************************/
			
			
			.formulaire{ color:#666; font-size:11px; width:700px;}
			.formulaire td{padding:3px; width:150px; white-space:nowrap!important;}
			
			*.formulaire input{}
			
			.formulaire input{
			
			color:#003366;
			padding:3px;}
			
			.formulaire select{
			border:1px solid #ccc;
			color:#003366;
			padding:2px 3px 2px 3px; }
			
			.star{
			color:#990000;
			font-size:14px;
			font-weight:bold;
			}
			
			.promo{
			width:106px;
			height:52px;
			position:absolute;
			background:url(../_img/promo.png) no-repeat top left;
			}

.liquidation{
	font-size:16px;
	background-color:#BA0000;
	font-weight:bold;
}			
			
