/* ------------------------------------------------------------------ */
/* -                     MODELE MISE EN PAGE 1                        */
/* ------------------------------------------------------------------ */
#pageLeft{
	width:570px;
	float:left;
	padding:20px 10px 0px 0px;

	/*background-color:green;*/
}

	#pageLeft .leftSide{
		width:200px;
		float:left;
		text-align:left;

		/*background-color:red;*/
	}

	#pageLeft .rightSide{
		width:340px;
		float:right;
		text-align:left;
	}

#pageRight{
	width:220px;
	float:right;
	text-align:left;
	padding-bottom:20px;
}
	


/* ------------------------------------------------------------------ */
/*                               Link                                 */
/* ------------------------------------------------------------------ */
.link{
	padding-top:15px;
	margin-bottom:10px;
	background:url('images/bg_link.jpg') 0px 0px  repeat-x;
}

	.link H2{
		padding-left:7px;
	}

	.link A{
		display:block;
		padding:3px 10px 3px 20px;
		text-decoration:none;
		border-bottom:1px solid #DEF1F8;
		font-size:12px;
		background:url('images/puce-link.gif') 5px 8px  no-repeat;
	}

		.link A:hover{
			color:#FFFFFF;
			background:url('images/puce-link.gif') 5px 8px  no-repeat #FE9D0B;
		}

	.link IMG{
	margin-top:3px;
	margin-right:3px;
	}

	.link IMG:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity: 0.50;
	}

	.link .rss{
	
	}
/* ------------------------------------------------------------------ */
/* -                    Important                                     */
/* ------------------------------------------------------------------ */

.important{
	color:#339FCF;
	border:1px solid #339FCF;
	background-color:#DEF1F8;
	padding:5px;
	font-size:120%;
	line-height:22px;
}


/* ------------------------------------------------------------------ */
/* -                    Cadre                                         */
/* ------------------------------------------------------------------ */

.cadre{
	text-align:left;	
	border:#DEF1F8 1px solid;
	padding:5px;
	padding:5px;
}


/* ------------------------------------------------------------------ */
/* -                    Liste                                         */
/* ------------------------------------------------------------------ */

 .liste{
	border-top:4px solid #339FCF;
	background-color:white;
}

 .liste TH{
	color:#339FCF;
	background-color:#DEF1F8;
}

 .liste TD{
	border-bottom:1px solid #DEF1F8;
}


 .liste TD H1{
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

 .liste TD BIG{
	color:#339FCF;
	font-weight:bold;
	font-size:12px;
}


/* ------------------------------------------------------------------ */
/*                               SLOGAN                               */
/* ------------------------------------------------------------------ */
#slogan{
	background:url("images/bg_slogan.jpg") 0px 0px repeat-y #85C9E3;
	padding:20px;
	float:left;
	width:540px;
	height:110px;
	color:white;
	font-size:16px;
	line-height:20px;
	/*text-align:justify;*/
	margin:0px;
}

	#slogan BIG{
		font-size:15px;
		margin-bottom:10px;
		display:block;	
		color:white;
		font-size:23px;
	}

/* ------------------------------------------------------------------ */
/*                               GLASSID                               */
/* ------------------------------------------------------------------ */
#glassID{
	background:url("images/bg_glassid.jpg") 0px 0px no-repeat #135988;
	padding:20px;
	float:left;
	width:180px;
	height:110px;
	color:white;
	font-size:14px;

}

	#glassID H1{
		color:white;
		margin-bottom:10px;
	}

	#glassID TABLE{
		margin-top:10px;
	}

/* -------------------------------------------------------------- */
/*                               LIVRAISON                            */
/* ------------------------------------------------------------------ */
#livraison{
	background:url("images/bg_livraison.jpg") -10px 0px no-repeat;
	padding:20px;
	float:left;
	width:180px;
	height:120px;
	color:#67B9DF;
	text-align:justify;
	font-size:19px;
	display:block;
	text-decoration:none;
	line-height:28px;

	display:none;
}


	#livraison BIG{
		font-size:28px;
		letter-spacing:1px;
		line-height:28px;
	}

#livraison:hover{
	color:#95D6F6;
	background-position:-10px -195px;
}


/* -------------------------------------------------------------- */
/*                      REALISATIONS HOME                         */
/* -------------------------------------------------------------- */
#realisationHome{
}
	
	#realisationHome A{
	background:url("images/bg_realisation.jpg") 0px 0px no-repeat;
	padding:5px;
	display:block;
	width:102px;
	text-align:center;
	float:left;
	height:108px;
	text-decoration:none;
	}

	
	#realisationHome A:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	color:#FE9D0B;
	}


	#realisationHome A small{
		color:#666666;
	}

/* -------------------------------------------------------------- */
/*                          REALISATIONS                          */
/* -------------------------------------------------------------- */
#realisations{
}

	#realisations A{
		padding:8px;
		display:block;
		width:164px;
		height:122px;
		text-align:center;
		float:left;
		font-size:13px;
		line-height:15px;
		text-decoration:none;
		margin-bottom:15px;
		background:url("images/bg_realisations.jpg") 0px 0px no-repeat;
	}

	
	#realisations A:hover{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		color:#FE9D0B;
	}

	#realisations A small{
		color:#666666;
	}

	#realisations A IMG{
		border:0px;
	}

	#realisations .separator{
		width:13px;
		height:1px;
		float:left;
	}

/* -------------------------------------------------------------- */
/*                          PRODUCTS                              */
/* -------------------------------------------------------------- */

A.normal{
	display:block;
	padding-left:20px;
	text-decoration:none;
	margin-bottom:3px;
	background:url('images/puce-link.gif') 5px 5px  no-repeat;
}

A.indent{
	display:block;
	padding-left:35px;
	text-decoration:none;
	margin-bottom:3px;
	background:url('images/puce-link-blue.gif') 20px 5px  no-repeat;
}

	A.indent2{
		display:block;
		padding-left:55px;
		text-decoration:none;
		margin-bottom:3px;
		background:url('images/puce-link-blue.gif') 40px 5px  no-repeat;
	}

	A.indent3{
		display:block;
		padding-left:75px;
		text-decoration:none;
		margin-bottom:3px;
		background:url('images/puce-link-blue.gif') 60px 5px  no-repeat;
	}

#isolation{
	width:180px;
	float:left;
	margin-right:15px;
}

	#isolation .photo{
		height:26px;
		padding-top:112px;
		padding-left:10px;
		font-size:15px;
		color:#339FCF;
		text-decoration:none;
		margin-bottom:10px;
		background:url('images/bg_isolation.jpg') 0px 0px no-repeat;
	}

#security{
	width:180px;
	height:138px;
	float:left;
	margin-right:15px;
	background:url('images/bg_isolation.jpg') 0px 0px no-repeat;
}

	#security .photo{
		height:26px;
		padding-top:112px;
		padding-left:10px;
		font-size:15px;
		color:#339FCF;
		text-decoration:none;
		margin-bottom:10px;
		background:url('images/bg_security.jpg') 0px 0px no-repeat;
	}

#design{
	width:180px;
	height:138px;
	float:left;
	background:url('images/bg_isolation.jpg') 0px 0px no-repeat;
}

	#design .photo{
		height:26px;
		padding-top:112px;
		padding-left:10px;
		font-size:15px;
		color:#339FCF;
		text-decoration:none;
		margin-bottom:10px;
		background:url('images/bg_design.jpg') 0px 0px no-repeat;
	}

/********************* POPUP *************************/

#popup {
	display: none;	
	margin-left: auto;
	margin-right: auto;
	
	position: absolute;
	top: 200px; 
	z-index: 100;
}

	#popup .close {
		right: 0;
		margin: 3px 3px 0 0;
		position: absolute;
		
		font-size: 12px;
		text-decoration: none;
	}

	#popup #info {			
		width: 400px;
		padding: 195px 20px 20px 20px;  
		border: 3px solid white;
		background: url("images/popup_info.jpg") 0px 0px no-repeat;		

		color:white;
		font-size: 16px;
		text-align: center;
	}

	#popup #info .btn {
		padding: 5px 10px;
		font-size: 12px;
		text-decoration: none;
	}