/* CSS Document */
body, html{height:100%;
			background-color:#FFFFFF;}
body{margin:0;
	padding:0;
	top:0;
	
	background:url(images_integr/fd_body_1px.gif) 0 0 repeat-x;
	color:#333;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	cursor:default;
	}
img{border:0px;}



div#global{width:992px;
            overflow:hidden;
			top:0%;
			margin:0 auto 0 auto;
			padding:0;
			background:url(images_integr/fd_centre2.gif) 0 0 no-repeat;
			}

/* BANNIERE */
div#banniere{width:992px;
			height:165px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			}
	div#logo{width:312px;
				height:69px;
				position:relative;
				float:left;
				padding:26px 0 0 0;
				margin:0;
				top:0;
				left:23px;
				overflow:hidden;
				}
	div#menu_haut{width:629px;
					height:30px;
					position:relative;
					float:right;
					margin:0;
					padding:92px 0 0 0;
					top:0;
					left:0;
					overflow:hidden;
					}
		#menu_haut a{display:block;
							position:relative;
							float:left;
							margin:0;
							padding:0;
							top:0;
							left:0;
							text-decoration:none;
							color:#FFFFFF;
							text-align:center;
							font:normal 12px/30px Arial, Helvetica, sans-serif;
							}
							
			#menu_haut a.accueil{width:151px;
							background:url(images_integr/menu_haut/accueil.gif) 0 0 no-repeat;}
			#menu_haut a:hover.accueil{
							background:url(images_integr/menu_haut/accueil.gif) -151px 0 no-repeat;}
			
			#menu_haut a.references{width:158px;
							background:url(images_integr/menu_haut/references.gif) 0 0 no-repeat;}
			#menu_haut a:hover.references{
							background:url(images_integr/menu_haut/references.gif) -158px 0 no-repeat;}
			
			#menu_haut a.societe{width:161px;
							background:url(images_integr/menu_haut/societe.gif) 0 0 no-repeat;}
			#menu_haut a:hover.societe{
							background:url(images_integr/menu_haut/societe.gif) -161px 0 no-repeat;}
							
			#menu_haut a.contact{width:159px;
							background:url(images_integr/menu_haut/contact.gif) 0 0 no-repeat;}
			#menu_haut a:hover.contact{
							background:url(images_integr/menu_haut/contact.gif) -159px 0 no-repeat;}
							
		
		div#facebook{width:184px;
					position:relative;
					float:right;
					margin:0;
					padding:12px 0 0 445px;
					top:0;
					left:0;
					overflow:hidden;
					}
		div#sidebar_droite{width:194px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			top:0;
			left:0;
			}

/* CENTRE */
div#centre{width:978px;
			position:relative;
			float:left;
			margin:0;
			padding:0 0 10px 11px;
			top:0;
			left:1px;
			background:url(images_integr/ombre_centre.gif) 0 0 repeat-y;
			overflow:hidden;
			}

div#sidebar_gauche{width:223px;
			position:relative;
			float:left;
			margin:0 20px 0 0;
			padding:0;
			top:0;
			left:0;
			overflow:hidden;
			}
#sidebar_gauche a.txt{display:block;
					position:relative;
					float:left;
					margin:0;
					padding:0 0 0 30px;
					top:0;
					left:0;
					text-decoration:none;
					color:#333333;
					text-align:left;
					font:normal 12px/30px Arial, Helvetica, sans-serif;
					width:193px;
					background:url(images_integr/menu_gauche/onglet.gif) 0 0 no-repeat;
					border-bottom:1px #C0C0C0 solid;
					overflow:hidden;
					}
#sidebar_gauche a:hover.txt{
						background:url(images_integr/menu_gauche/onglet.gif) -223px 0 no-repeat;
						color:#000000;}

#sidebar_gauche h1{display:block;
						width:213px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 0 10px;
						top:0;
						left:0;
						text-decoration:none;
						color:#FFFFFF;
						text-align:left;
						font:bold 14px/30px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
							
	div#films_stores{width:223px;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					}
		h1.films_stores{
						background:url(images_integr/menu_gauche/entete_stores.gif) 0 0 no-repeat;
						}
	
	div#signaletique{width:223px;
					position:relative;
					float:left;
					margin:0;
					padding:20px 0 0 0;
					top:0;
					left:0;
					overflow:hidden;
					}
		h1.signaletique{background:url(images_integr/menu_gauche/entete_signaletique.gif) 0 0 no-repeat;
						}
								
div#contenu_central{width:541px;
			position:relative;
			float:left;
			margin:0;
			padding:0 0 0 0;
			top:0;
			left:0;
			}
	div#contenu{width:521px;
			position:relative;
			float:left;
			margin:0 0 0 0;
			padding:0 20px 0 0;
			top:0;
			left:0;
			}
		#contenu h2{display:block;
						width:511px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 10px 10px;
						top:0;
						left:0;
						text-decoration:none;
						color:#FFFFFF;
						text-align:left;
						font:normal 16px/30px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
				h2.normal{background:url(images_integr/entete_normal.gif) 0 0 no-repeat;}
				h2.stores{background:url(images_integr/entete_stores.gif) 0 0 no-repeat;}
				h2.signaletique{background:url(images_integr/entete_signaletique.gif) 0 0 no-repeat;}
		
		#contenu p{display:block;
					position:relative;
					float:left;
					width:100%;
					margin:0;
					padding:0 0 0 0;
					top:0;
					left:0;
					text-decoration:none;
					color:#333333;
					text-align:left;
					
					overflow:hidden;
					text-align:justify;
					}
		#contenu a{color:#000000;
					text-decoration:none;
					}	
		#contenu a:hover{text-decoration:underline;}
		
		#contenu a.bleu{color:#1280BB;
		text-decoration:none;
		}
		#contenu a:hover.bleu{color:#000000;
					text-decoration:underline;
					}
		#contenu a.rouge{color:#D31314;
				text-decoration:none;
				}
		#contenu a:hover.rouge{color:#000000;
					text-decoration:underline;
					}
		
		#contenu h3{display:block;
						position:relative;
						float:left;
						width:100%;
						margin:0;
						padding:0 0 10px 0;
						top:0;
						left:0;
						text-decoration:none;
						color:#333333;
						text-align:left;
						font:bold 14px/18px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
		#contenu h4{display:block;
					position:relative;
					float:left;
					width:100%;
						margin:0;
						padding:0 0 10px 0;
						top:0;
						left:0;
						text-decoration:none;
						color:#000000;
						text-align:left;
						font:bold 12px/18px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
		#contenu h5{display:block;
					position:relative;
					float:left;
					width:100%;
						margin:0;
						padding:0 0 10px 0;
						top:0;
						left:0;
						text-decoration:none;
						color:#000000;
						text-align:left;
						font:bold 11px/16px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
		#contenu ul{display:block;
					position:relative;
					float:left;
					margin:10px 0 10px 0;
					padding:0;
					list-style-type:none;
					text-align:justify;
					}
		#contenu ul li{
					background:url(images_integr/puce_noire.gif) 0 6px no-repeat;
					padding-left:12px;}

		div#contenu_stores_signaletique{width:541px;
			height:290px;
			position:relative;
			float:left;
			margin:0;
			padding:0 0 0 0;
			top:0;
			left:0;
			overflow:hidden;
			background:url(images_integr/fd_stores_signaletique.gif) 0 0 no-repeat;
			}				
				#contenu_stores_signaletique a{display:block;
						width:245px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 10px 0;
						top:0;
						left:0;
						text-decoration:none;
						color:#FFFFFF;
						text-align:center;
						font:bold 14px/30px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
				#contenu_stores_signaletique h4{display:block;
						width:225px;
						position:relative;
						float:left;
						margin:0;
						padding:0 10px 0 10px;
						top:0;
						left:0;
						text-decoration:none;
						color:#000000;
						text-align:center;
						font:bold 12px/18px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
				#contenu_stores_signaletique p{display:block;
						width:225px;
						height:110px;
						position:relative;
						float:left;
						margin:0;
						padding:0 10px 0 10px;
						top:0;
						left:0;
						text-decoration:none;
						color:#666666;
						text-align:center;
						font:normal 11px/14px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
				
						
				div#films_stores_centre{width:245px;
					height:228px;
					position:relative;
					float:left;
					margin:40px 20px 0 0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					background:url(images_integr/fd_stores.jpg) 0 30px no-repeat;
					}
					a.films_stores_centre{
									background:url(images_integr/menu_gauche/entete_stores.gif) 0 0 repeat-x;
									}
				
				div#signaletique_centre{width:245px;
					height:228px;
					position:relative;
					float:left;
					margin:40px 0 0 0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					background:url(images_integr/fd_signaletique.jpg) 0 30px no-repeat;
					}
					a.signaletique_centre{background:url(images_integr/menu_gauche/entete_signaletique.gif) 0 0 repeat-x;
									}
		
		
		div.reference{display:block;
						width:504px;
						position:relative;
						float:left;
						margin:0 0 10px 0;
						padding:10px 5px 10px 10px;
						border:1px solid #AAAAAA;
						top:0;
						left:0;
						}
		
		div.reference_txt{display:block;
						width:504px;
						position:relative;
						float:left;
						margin:0 0 20px 0;
						padding:0;
						top:0;
						left:0;
						}
			.reference_txt p{font:normal 11px/18px Arial, Helvetica, sans-serif;}
		
		div.refImage_xl{display:block;
						width:344px;
						position:relative;
						float:left;
						margin:0 20px 0 0;
						padding:0;
						top:0;
						left:0;
						}
			
		div.refImage{display:block;
						width:140px;
						position:relative;
						float:right;
						margin:0 0 0 0;
						padding:0;
						top:0;
						left:0;
						}
		
		div.refImage a {
			display:block;
			position:relative;
			float:left;
			width:56px;
			height:56px;
			padding:2px;
			margin:0 0 5px 5px;
			background:#CCCCCC;
			border:1px solid #000000;
			
		}
		
		div.refImage a:hover {
			background:#FFFFFF;
			border:1px solid #CCCCCC;
		}
		div.refImage a img { border:0px none; }
		
		/* all_refs */
		div.refImage2{display:block;
						width:75px;
						position:relative;
						float:left;
						margin:0 0 0 0;
						padding:0;
						top:0;
						left:0;
						}
		
		div.refImage2 a {
			display:block;
			position:relative;
			float:left;
			width:56px;
			height:56px;
			padding:2px;
			margin:0 0;
			background:#CCCCCC;
			border:1px solid #000000;
			
		}
		div.refImage2 a:hover {
			background:#FFFFFF;
			border:1px solid #CCCCCC;
		}
		div.refImage2 a img { border:0px none; }
		
		div.reference_txt2{display:block;
						width:409px;
						position:relative;
						float:left;
						margin:0 0 0 0;
						padding:0;
						top:0;
						left:0;
						}
			.reference_txt2 p{font:normal 11px/18px Arial, Helvetica, sans-serif;}
		
		/* page statique */
		div.refImage3{display:block;
						width:100%;
						position:relative;
						float:left;
						margin:0 0 0 0;
						padding:0;
						top:0;
						left:0;
						}
		
		div.refImage3 a {
			display:block;
			position:relative;
			float:left;
			width:56px;
			height:56px;
			padding:2px;
			margin:0 4px 4px 0;
			background:#CCCCCC;
			border:1px solid #000000;
			
		}
		div.refImage3 a:hover {
			background:#FFFFFF;
			border:1px solid #CCCCCC;
		}
		div.refImage3 a img { border:0px none; }
		
		
		
		
		
		
div#sidebar_droite{width:194px;
			position:relative;
			float:left;
			margin:0;
			padding:0;
			top:0;
			left:0;
			}
	#sidebar_droite h4{display:block;
						width:174px;
						position:relative;
						float:left;
						margin:0;
						padding:0 0 0 0;
						top:0;
						left:0;
						text-decoration:none;
						color:#FFFFFF;
						text-align:left;
						font:bold 14px/30px Arial, Helvetica, sans-serif;
						overflow:hidden;
						}
	div#references{width:174px;
			position:relative;
			float:left;
			margin:0;
			padding:0 10px 10px 10px;
			top:0;
			left:0;
			background:url(images_integr/sidebar_droite/fd_ref_1px.jpg) 0 0 repeat-y;
			}
			#references a.titre{display:block;
								float:left;
								color:#000000;
								font:bold 11px/12px Arial, Helvetica, sans-serif;
								text-decoration:none;
								padding:0 0 4px 0;
								margin:0;
								top:0;
								left:0;
								}	
			#references a:hover.titre{text-decoration:underline;
									}
			#references p{
						float:left;
						width:100%;
						color:#FFFFFF;
						font:normal 11px/14px Arial, Helvetica, sans-serif;
						text-decoration:none;
						padding:0 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
			#references a.suite{
								color:#000000;
								text-decoration:none;
								}	
			#references a:hover.suite{color:#FFFFFF;
									}
			
			#references a.all_ref{display:block;
				float:left;
				position:relative;
				width:154px;
				color:#FFFFFF;
				font:bold 10px/21px Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 0 0 20px;
				margin:5px 0 0 0;
				top:0;
				left:0;
				background:url(images_integr/sidebar_droite/loupe_ref.jpg) 0 0 no-repeat;
				}	
			#references a:hover.all_ref{text-decoration:underline;
							}
		/* STORES */
		div#references_stores{width:174px;
			position:relative;
			float:left;
			margin:0;
			padding:0 10px 10px 10px;
			top:0;
			left:0;
			background:url(images_integr/sidebar_droite/fd_ref_stores_1px.jpg) 0 0 repeat-y;
			}
			#references_stores a.titre{display:block;
								float:left;
								color:#000000;
								font:bold 11px/12px Arial, Helvetica, sans-serif;
								text-decoration:none;
								padding:0 0 4px 0;
								margin:0;
								top:0;
								left:0;
								}	
			#references_stores a:hover.titre{text-decoration:underline;
									}
			#references_stores p{
						float:left;
						color:#FFFFFF;
						font:normal 11px/14px Arial, Helvetica, sans-serif;
						text-decoration:none;
						padding:0 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
			#references_stores a.suite{
								color:#000000;
								text-decoration:none;
								}	
			#references_stores a:hover.suite{color:#FFFFFF;
									}
			
			#references_stores a.all_ref{display:block;
				float:left;
				position:relative;
				width:154px;
				color:#FFFFFF;
				font:bold 10px/21px Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 0 0 20px;
				margin:5px 0 0 0;
				top:0;
				left:0;
				background:url(images_integr/sidebar_droite/loupe_ref_stores.jpg) 0 0 no-repeat;
				}	
			#references_stores a:hover.all_ref{text-decoration:underline;
							}
		
		/* SIGNALETIQUE */
		div#references_signaletique{width:174px;
			position:relative;
			float:left;
			margin:0;
			padding:0 10px 10px 10px;
			top:0;
			left:0;
			background:url(images_integr/sidebar_droite/fd_ref_signaletique_1px.jpg) 0 0 repeat-y;
			}
			#references_signaletique a.titre{display:block;
								float:left;
								color:#000000;
								font:bold 11px/12px Arial, Helvetica, sans-serif;
								text-decoration:none;
								padding:0 0 4px 0;
								margin:0;
								top:0;
								left:0;
								}	
			#references_signaletique a:hover.titre{text-decoration:underline;
									}
			#references_signaletique p{
						float:left;
						color:#FFFFFF;
						font:normal 11px/14px Arial, Helvetica, sans-serif;
						text-decoration:none;
						padding:0 0 0 0;
						margin:0;
						top:0;
						left:0;
						}
			#references_signaletique a.suite{
								color:#000000;
								text-decoration:none;
								}	
			#references_signaletique a:hover.suite{color:#FFFFFF;
									}
			
			#references_signaletique a.all_ref{display:block;
				float:left;
				position:relative;
				width:154px;
				color:#FFFFFF;
				font:bold 10px/21px Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 0 0 20px;
				margin:5px 0 0 0;
				top:0;
				left:0;
				background:url(images_integr/sidebar_droite/loupe_ref_signaletique.jpg) 0 0 no-repeat;
				}	
			#references_signaletique a:hover.all_ref{text-decoration:underline;
							}
		
	div#coordonnees{width:174px;
		position:relative;
		float:left;
		margin:0;
		padding:0 10px 10px 10px;
		top:0;
		left:0;
		background:url(images_integr/sidebar_droite/fd_coordonnees_1px.jpg) 0 0 repeat-y;
		}
		
		#coordonnees p{
					float:left;
					color:#EBE5D7;
					font:normal 11px/14px Arial, Helvetica, sans-serif;
					text-decoration:none;
					padding:10px 0 0 0;
					margin:0;
					top:0;
					left:0;
					}
		#coordonnees a{color:#FFFFFF;
						font-weight:bold;
						text-decoration:none;
						}
		#coordonnees a:hover{text-decoration:underline;
							color:#000000;
							}
	
	div#infos{width:174px;
		position:relative;
		float:left;
		margin:0;
		padding:0 10px 10px 10px;
		top:0;
		left:0;
		background:url(images_integr/sidebar_droite/fd_infos_1px.jpg) 0 0 repeat-y;
		}
		
		#infos a{display:block;
				float:left;
				position:relative;
				width:164px;
				color:#FFFFFF;
				font:normal 11px/12px Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 0 4px 10px;
				margin:0;
				top:0;
				left:0;
				background:url(images_integr/sidebar_droite/puce_infos.jpg) 0 4px no-repeat;
				}	
			#infos a:hover{text-decoration:underline;
							}
	div#download{width:174px;
		position:relative;
		float:left;
		margin:0;
		padding:0 10px 10px 10px;
		top:0;
		left:0;
		background:url(images_integr/sidebar_droite/fd_download_1px.jpg) 0 0 repeat-y;
		}
		
		#download a{display:block;
				float:left;
				position:relative;
				width:164px;
				color:#FFFFFF;
				font:normal 11px/12px Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:0 0 4px 10px;
				margin:0;
				top:0;
				left:0;
				background:url(images_integr/sidebar_droite/puce_download.jpg) 0 4px no-repeat;
				}	
			#download a:hover{text-decoration:underline;
							}	


/* FOOTER FULL LARGEUR */
div#footer_full_largeur{background-color:transparent;
					height:173px;
					margin:0;
					padding:0;
					background:url(images_integr/fd_footer_1px.gif) 0 0 repeat-x;
					}
div#footer{width:992px;
			margin:0 auto 0 auto;
			padding:0 0 0 0;
			top:0;
			overflow:hidden;
			color:#333;
			text-align:center;
			}
	#footer p{margin-top:20px; font-size:10px;}
	#footer a{color:#000000;
				text-decoration:none;
				}
	#footer a:hover{text-decoration:underline;}
	
	a.cim{color:#990000;
				text-decoration:none;}
	a.bat{color:#000000;
		text-decoration:none;}
	

/* contact */
td.contactForm { padding-top:4px; }
td.contactLabel { text-align:right; vertical-align:top; padding-top:4px;}
input.formItem, textarea.formItem { font-size:12px; }
.formFocus {
	border:1px #333333 solid;
	background-color:#786D5F;
	color:#FFFFFF;
}
.formBlur {
	border:1px #666666 solid;
	background-color:#DBD2C7;
}
.formError { 
	border:1px solid red;
	background-color:#F4ECDD;
	color:#333333;
}

/* Autres */
.sep { margin-top:10px; }

.visible
		{
		display:inline;
		}
.hidden
		{
		display:none;
		}