@charset "utf-8";
/* CSS Document site Menuiserie Montout - Webfabgraphie conception */
* { margin:0; padding:0; }

body{
	background:#BEB09E url(images/background_body.jpg) repeat-x center top;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-family:"Trebuchet MS", Geneva, Helvetica, sans-serif, Arial;*/
	font-size:13px;
}

#conteneur{
	margin:0 auto;
	padding:0;
	width: 950px;
}
	
	img{
	border:none;
	margin:0;
	padding:0;
	
	}
	
	hr{
				clear:both;
				visibility:hidden;
				overflow::hidden;
				margin:0;
				padding:0;
	}
	
	a{
		color:#8aaed8;
		text-decoration:underline;
	}
	
	a:hover{
		color:#8aaed8;
		text-decoration:none;
		
		
	}
	.liensite{
		color:white;
		text-decoration:underline;
	}
	
	.liensite:hover{
		color:white;
		text-decoration:none;
		
		
	}
	
	.bold{
		font-weight:bold;
	}
	
	.italic{
		font-style:italic;
		font-size:9px;
	}
	
	.titre{
		display:none;
	}
	
	#header{
		
		height:480px;
		background-image:url(images/background_header.png);
		background-repeat:no-repeat;
	}
	
	h4{
		background-color:#42413F;
		color:#fff;
	}
	
	h5{
		background-color:#42413F;
		color:#fff;
		text-align:center;
		margin : 0 0 0 20px;
		font-size:16px;
				
	}
	
	
	
	/* JQUERY */
		.menu_principal {
			  position: relative;
			  height: 29px;
			  width: 600px;
			  padding: 15px 0 0 0;
			  margin: 18px 0 0 160px;
			  overflow: hidden;
			   }
			.menu_principal li {
			  float: left;
			  list-style: none;
			  }
			.menu_principal li.back {
			  background-color: #8aaed8;
			  top: -6px;
			  width: 9px;
			  height: 38px;
			  z-index: 8;
			  position: absolute;
			  }
			  
			  
			.menu_principal li a {
			  text-decoration: none;
			  color: #ffffff;
			  outline: none;
			  text-align: center;
			  top: -7px;
			 font-weight:bold;
			  letter-spacing: 0;
			  z-index: 9;
			  display: block;
			  float: left;
			  height: 30px;
			  position: relative;
			  overflow: hidden;
			  margin: auto 20px;
			  padding: 0 40px
			  
			  }   
			.menu_principal li a:hover, .menu_principal li a:active, .menu_principal li a:visited {
			  border: none;
			  }      
			
			
			/* ------ Listes Prestations ----------*/
				.listes_prestations{
					margin: 5px 0 20px 40px;
					padding : 0;
				}
				
					.listes_prestations li{
					margin: 0;
					padding :0;
					list-style:square;
				}
					
			
	
	ul#video{
		list-style:none;
		margin:0 0 0 795px;
		padding:0;
	}
	
	#video li a{
		text-decoration:none;
		display:block;
		margin:-62px;
		padding:0;
		background-image:url(images/video.jpg);
		background-repeat:no-repeat;
		width:105px;
		height:70px;
	}
	
	#video li a:hover{
		text-decoration:none;
		display:block;
		margin: -62px;
		padding:0;
		background-image:url(images/video_on.jpg);
		background-repeat:no-repeat;
		width:105px;
		height:70px;
	}
			
	
	/* Fin menu JQUERY */
	
		#contenu{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:580px;
		background-color:#FFF;
	}
	
	#contenu_accueil{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:780px;
		background-color:#FFF;
	}
	
	#contenu_prestations{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:1020px;
		background-color:#FFF;
	}
	
	#contenu_mentions{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:880px;
		background-color:#FFF;
	}
	
	#contenu_qualifs{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:1690px;
		background-color:#FFF;
	}
	
	#contenu_partenaires{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:1900px;
		background-color:#FFF;
	}
	
	#contenu_videos{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:820px;
		background-color:#FFF;
	}
	
	#contenu_liens{
		margin:0 0 -16px 1px ;
		padding: 0;
		width: 949px;
		height:840px;
		background-color:#FFF;
	}
	
	P{
		margin: 5px 0 10px 20px;
		padding:0;
		width: 350px;
	}
	
			#colonne1{
			margin : 0;	
			padding:0;	
			float:left;
			width: 250px;
			height:420px;
			/*background-color:#8aaed8;*/
			}
			
					h2{
						color:#0A71B4;
						margin: 0 0 0 18px;
						height:75px;
						font-size:20px;
					}
					
					#contenu_col1{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:420px;
						background-color:#8aaed8;
					}
			
					#contenu_col1_accueil{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:620px;
						background-color:#8aaed8;
					}
					
					#contenu_col1_prestations{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:900px;
						background-color:#8aaed8;
					}
					
					#contenu_col1_mentions{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:750px;
						background-color:#8aaed8;
					}
					
					#contenu_col1_qualifs{
						/*position:relative;*/
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:1550px;
						background-color:#8aaed8;
					}
						/*#floatingmenu{
							position:absolute;
							top:-620px;
							left: 47px;
							width: 229px;
							height: 300px;
							margin: 560px 0 0 177px;
							padding:0;
						}*/
						
						#floatingmenu{
							position:absolute;
							top:0;
							left: 0;
							width: 229px;
							/*height: 300px;*/
							margin: 0;
							padding:0;
						}
					
					#contenu_col1_partenaires{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:1780px;
						background-color:#8aaed8;
					}
					
					#contenu_col1_videos{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:700px;
						background-color:#8aaed8;
					}
					
					#contenu_col1_liens{
						margin: 0 0 0 18px;
						padding:0;	
						width: 229px;
						height:700px;
						background-color:#8aaed8;
					}
			
			#colonne2{
				margin : 0 0 0 10px;
				padding:0;	
				float:left;
				width: 390px;
				height:420px;
				/*background-color:red;*/
			}
				
				.paragraphes{
					margin: 40px 0 0 0;
					padding:0;
					width: 350px;
				}
				
				ul#liste_liens{
					margin: 5px 0 20px 40px;
					padding : 0;
				}
				
					ul#liste_liens li{
					margin: 0;
					padding :0;
					list-style:square;
				}
				
				fieldset{
					margin: 20px 0 0 20px;
					/*background-color:#bccee8;*/
				}
				
				.legende {
					margin: 0  10px;
					padding: 0;
					background-color:#fff;
					font-weight:bold;
					color:#8aaed8;
				}
				
				#formulaire{
					margin: 20px;
				}
				
					/* .form_style{
						width:155px;
					 }
					 
					 .form_mess{
						width:155px;
					 }*/
				
	
			
			#colonne3{
				margin : 0 0 0 10px;	
				padding:0;
				float:left;
				width: 280px;
				height:420px;
			/*	background-color:yellow;*/
			}
			
				#contenu_col3{
						margin: 45px 0 0 18px;
						padding:0;	
						width: 205px;
						height:450px;
						background-color:#BEB09E;
					}
						
					ul#menu_rubriques {
						margin : 0 0 0 12px;
						padding: 25px 0;
										
					}
		
									ul#menu_rubriques li{
									list-style:none;
									margin : 0 ;
									padding: 0;
									}
									
									.image_menu {
										position:absolute;
										left: -5000px;
									}
								
										ul#menu_rubriques li a{
											margin : 0 0 5px 0;
											padding: 0;
											display:block;
											width:180px;
											height:94px;
											color:white;
											font-weight:bold;	
										}
										
										ul#menu_rubriques li a:hover, ul#menu_rubriques li a.on{
											margin : 0 0 5px 0;
											padding: 0 ;
											width:180px;
											height:94px;
											color:#8aaed8;
											font-weight:bold;				
											text-decoration:none;
										}
										
											a#rubrique1 {
												margin : 0 ;
												padding: 0 ;
												background-image:url(images/rubrique1.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique1:hover, a#rubrique1.on {
												background-image:url(images/rubrique1_on.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique2 {
												background-image:url(images/rubrique2.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique2:hover, a#rubrique2.on {
												background-image:url(images/rubrique2_on.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique3 {
												background-image:url(images/rubrique3.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique3:hover, a#rubrique3.on {
												background-image:url(images/rubrique3_on.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique4 {
												background-image:url(images/rubrique4.gif);
												background-repeat:no-repeat;
											}
											
											a#rubrique4:hover, a#rubrique4.on {
												background-image:url(images/rubrique4_on.gif);
												background-repeat:no-repeat;
											}
			
			
	
	#footer{
		margin:0;
		padding:16px 0 0 0;
		height:70px;
		background-image:url(images/background_footer.png);
		background-repeat:no-repeat;
/*		background-color:yellow;*/
	}	
	
	ul#menu_secondaire {
			margin : 0 0 0 30px;
			padding: 0;
		}
		
			ul#menu_secondaire li{
				margin : 0 ;
				padding: 0;
				float: left;
				list-style:none;
			}
			
				ul#menu_secondaire li a{
					margin : 0;
					padding: 0 25px;
					color:#6E6957;
					text-decoration:underline;
				}
				
				ul#menu_secondaire li a:hover, ul#menu_secondaire li a.on{
					margin : 0;
					padding: 0 25px;
					color:#6E6957;
					text-decoration:none;
				}
	p#siren {
			margin : 60px 0 0 360px;
			padding: 0;
			font-size : 9px;
			color:#FFFFFF;
		}