/*--------------------------------------------------------------------------------------------
	PAGE INDEX
-----------------------------------------------------------------------------------------------*/
h2 { color:#0B5A45}
/*MINI FICHE LISTE------------------------------------------------------------*/		
	.contener_mini_fiche{
	width:620px;
	height:262px;
	margin:20px 0 8px 0;
	display:block;
	clear:both;
	border:1px solid #0B5A45; 
	}
/*bloc image------------------------------------------------------------*/	
	#bloc_image {
	position:relative;
	width:358px;
	height:262px;
	display:block;
	float:left; /*changer position du bloc*/
	}
		#bloc_gd_img{
		position: relative;
		width:350px;
		height:262px;
		display:block;
		float:left; /*changer position du bloc*/
		}
		#bloc_pt_img{
		width:168px;
		height:262px;
		display:block;
		float:right; /*changer position du bloc*/
		}
			#bloc_pt_img .pt_img{
			position:relative;
			width:168px;
			height:126px;
			display:block;
			}
			#bloc_pt_img .pt_img_v{
			position:relative;
			width:126px;
			height:168px;
			display:block;
			margin:45px 15px 0 15px;
			}
/*bloc texte------------------------------------------------------------*/		
	#bloc_txt {
	width:186px;
	height:262px;
	margin:0 15px 0 15px;
	display:block;
	float: right; /*changer position du bloc*/
	}
		#bloc_txt h1 {
		color:#0B5A45;
		font-size:14px;
		font-weight:bold;
		text-transform:capitalize;
		background:none;
		margin:40px 0 10px 0;
		padding:0 0 0 15px;
		background:url(../images/fr/000_general/p_h1.gif) no-repeat 0 0;
		}
		#bloc_txt p {
		font-size:10px;
		line-height:12px;
		color: #B3B3B3;
		padding:0;
		margin:0 0 15px 0;
		text-align: left;
		}
		#bloc_txt a {
		font-size:11px;
		line-height:20px;
		color: #0B5A45;
		padding:5px;
		text-align:center;
		width:100px;
		height:20px;
		border:1px solid #0B5A45;
		display:block;
		padding:0;
		margin:0 0 0 85px;
		text-decoration:none;
		text-transform:uppercase;
		}
		#bloc_txt a:hover {
		border:1px solid #666;
		color: #666;
		text-decoration: none;
		}
/*--------------------------------------------------------------------------------------------
	PAGE FICHE
-----------------------------------------------------------------------------------------------*/	
	/*--DIAPORAMA---*/
	#diaporama_societe {
	float:left;
	width:188px;
	height:136px;
	margin:5px 10px 0 0;
	}
	#diaporama {
	position:relative;
	float:left;
	width:auto; 
	height:auto;
	margin:5px 10px 0 0;
	} 
	/*-IMAGE SEUL---*/
	#image_seul {
	position:relative;
	float:left;
	width:auto; 
	height:auto;
	margin:5px 16px 6px 0;
	}
	.legende_photo {
	font-size:10px; 
	color:#666; 
	text-align:center; 
	padding: 0 0 3px 0;
	}
	/*--ARTICLE--*/
	.col_droite_article {
	width:auto; 
	position:relative;
	vertical-align:top;	
	}
	.col_droite_article h2 {
	color:#0B5A45; 
	background: none !important;
	text-transform: uppercase !important;
	font-weight:bold;
	}
	.desc_article_intro { 
	margin: 5px 0 15px 0;
	text-align:justify; 
	line-height:13px;
	color:#0B5A45;
	}
	.desc_article { 
	margin: 5px 0 15px 0;
	text-align:justify; 
	line-height:13px;
	color:#4B4545;
	}
	.desc_article_pt_img {
	position:relative;
	padding:10px;
	margin:0 10px 10px 0;
	float:left;
	border:1px solid #4B4545;
	}
	.desc_article_pt_img:hover {
	border:1px solid #666666;
	}	
/*--------------------------------------------------------------------------------------------
	ZOOM
-----------------------------------------------------------------------------------------------*/
	#p_zoom {
	position:absolute;
	width:30px;
	height:28px;
	bottom:0;
	right:0;
	background:url(../images/fr/051_realisations/p_zoom.gif) no-repeat 0 0;
	}
	#p_zoom:hover {
	background:url(../images/fr/051_realisations/p_zoom_f2.gif) no-repeat 0 0;
	}
	#zoom {
	width:1000px;
	height:auto;
	float:left;
	margin:0 20px 0 20px;
	border:8px solid #666666;
	margin:10px 10px 10px 30px;
	}
	#zoom_v {
	width:748px;
	height:auto;
	float:left;
	margin:0 20px 0 20px;
	border:8px solid #666666;
	margin:10px 10px 10px 30px;
	}
/*pop-up--------------------------------------------------------------------	*/
	#exemple_zoom {
	float:left;
	width:200px;
	height:auto;
	display:block;
	}
	#exemple_zoom a {
	float:left;
	margin:10px;
	padding:10px;
	border:2px solid #666666;
	}
	#exemple_zoom a:hover {
	border:2px solid #666666;
	}
	#exemple_zoom a.img_actif {
	float:left;
	margin:10px;
	padding:10px;
	border:2px solid #666666;
	}