@charset "utf-8";
/* CSS Document */

/*Body*/
body {
	background : #FFF url(images/ab_background.jpg) no-repeat top center;	
	margin:0;
	padding:0;
}

/*Phrases FLASH*/
#slogTop{
position:absolute;
z-index:999;
top:30px;
left:25px;
}

/*LINKS*/
a:link {
	text-decoration: none;
	color: #c3760e;	
}
a:visited {
	text-decoration: none;
	color: #525252;
}
a:hover {
	text-decoration: none;
	color: #d7761e;
}
a:active {
	text-decoration: none;
	
}

.bordure{
	border:#bcbdc0 solid 2px;
}

.hr{border-top:1px solid#ccc;margin:0 0 10px 0;clear:both;width:886px;height:1px;}
/*STRUCTURE*/


#contentWrap {
width:1003px;
height: auto;
overflow:hidden;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

		#topShadow {
		height: 6px;
		width: 1003px;
		margin-top: 6px;
		position: relative;
		background-image: url(images/top_body_shadow.png);
		background-repeat: no-repeat;
		}

		#content {
		position:relative;
		width:1003px;
		height: auto;
		overflow:hidden;
		background-image: url(images/body_background.png);
		background-repeat: repeat-y;		
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		}
		.realcontainer {		
		width:930px;		
		overflow:hidden;
		
		}
		
			.album{
			float:left;
			margin:4px 15px 15px 0;
			border:#bcbdc0 solid 2px;
			}
			
			.motif{
			float:left;
			margin:4px 31px 10px 0;
			border:#bcbdc0 solid 2px;
			}
		
			#header {
			position:relative;
			width:912px;
			height:70px;			
			margin-left: 42px;
			margin-top: 10px;			
			}

				#logo {	
				margin-top:7px;					
				margin-left:-23px;		
				width:280px;
				height:70px;
				float:left;				
				}
			
				#secnavig {
				position:relative;
				height: 20px;
				width: 465px;
				float:right;
				padding-top:35px;									
				}
				
					.caseNavigSec {
					clear: none;
					float: right;
					position: relative;
					margin-left: 27px;
					width: auto;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: normal;
					color: #525252;
					}
			
				#alternimg {
				background-image: url(images/cadre_big_img.gif);
				background-repeat: no-repeat;				
				height: 355px;
				width: 922px;
				margin-left: 42px;
				position: relative;
				overflow: hidden;
				}
				
					#bigimg {					
					height: 323px;
					width: 890px;
					margin-left: 15px;
					margin-top: 15px;
					position:relative;
					overflow: hidden;					
					}
					
						#imgselectzone {
						position:absolute;
						right: 28px;
						bottom:28px;							
						height: auto;
						width: auto;
						z-index:99;															
						}					
							
						#imgselectzone a{
						text-align:left;
						width: 8px;
						height: 8px;
						margin-right:4px;						
						display:inline-block;						
						background-image: url(images/btn_white_circle.png);	
						background-repeat: no-repeat;	
						text-decoration: none;
    					outline: none;						
						}
							
						#imgselectzone a:hover{
						background-image: url(images/btn_orange_circle.png);
						text-decoration: none;
    					outline: none;							
						}
							
						#imgselectzone a.activeSlide{
						background-image: url(images/btn_orange_circle.png);	
						text-decoration: none;
    					outline: none;						
						}
									
				#primnavig {
				height: 30px;
				width: auto;
				margin-left: 55px;
				padding-top:7px;
				position: relative;				
				}
			
					.caseNavigPrim {
					position: relative;
					clear: none;
					float: left;
					height:auto;
					width:auto;	
					margin-top:4px;						
					}
			
					.caseNavigSep {
					clear: none;
					float: left;
					height:auto;
					width:auto;
					position: relative;			
					margin-right: 44px;
					margin-left: 43px;
					}
					
				#body {
				position:relative;
				width:914px;
				height:auto;			
				margin-left: 52px;
				margin-top:18px;						
				}
				#colgauche{
				float:left;
				width:520px;
				height:auto;
				margin-right:0px;	
				}
					.minicol{
					margin-bottom:10px;
					float:left;
					width:auto;
					height:auto;
					margin-right:10px;					
					}
					.col{
					margin-bottom:10px;
					float:left;
					width:600px;
					clear:left;
					height:auto;
					margin-right:10px;	
					margin-top:10px;				
					}
					
				#coldroite{					
				float:right;
				width:385px;
				height:auto;
				margin-right:5px;	
				}
				#colright{
				padding-left:13px;
				float:right;
				width:300px;
				height:auto;					
				}
				#colblank{
				float:left;
				width:475px;
				height:300px;
				margin-right:30px;	
				}
				#colleft{
				float:left;
				width:570px;
				height:auto;
				margin-right:30px;
				}
					#Betontxt {
					float:left;					
					position:relative;
					width:550px;
					height:auto;
					margin-top:10px;					
					margin-right:10px;				
					}
					
						.arrow {
						width: auto;					
						padding-left:2px;															
						}
					
					.caseimg {
					position:relative;				
					float:left;
					clear: none;
					width: auto;
					height:auto;		
					margin-left:0px;
					margin-bottom:5px;
													
					}
					
					#Betontxtdeux {
					clear:both;
					float:left;
					position:relative;
					width:592px;
					height:auto;										
					margin-right:21px;
					margin-top:10px;
					}
					
					#Piscinetxt {
					float:left;
					position:relative;
					width:282px;
					height:auto;
					margin-right:0px;				
					margin-top:7px;			
					}
					
					.Detailspiscine {
					float:right;
					position:relative;
					width:220px;
					height:auto;										
					margin-right:17px;
					margin-top:20px;
					}
					
					.Detailsbeton {
					float:left;
					position:relative;
					width:220px;
					height:auto;										
					margin-right:90px;					
					}
					
					#pubestimation {
					float: left;
					height: 262px;
					width: auto;
					margin-top: 10px;
					position: relative;
					margin-left: -5px;
					}
					
					#pubservice {
					float: right;
					height: 240px;
					width: auto;
					margin-top: 30px;					
					position: relative;
					}
					
				#advant{
				float:left;
				padding-top:50px;
				padding-left:20px;
				width:916px;
				height:auto;
				background-image: url(images/avantages_bck.jpg);
				background-repeat:no-repeat;	
				}
				#adleft{
				float:left;
				margin-right:20px;
				width:320px;
				clear:right;
				}

				#adright{
				float:left;
				width:560px;							
				}
				
				#footer {
				position:relative;
				float:left;
				width:914px;
				height:auto;			
				margin-left: 50px;
				margin-top:15px;										
				}
				
					#slice {
					float:left;
					width:914px;					
					background-color:#b6b6b6;
					height:1px;
					}
					
					.footerlogo {
					float:left;
					position:relative;
					width:330px;
					height:auto;										
					margin-right:50px;
					margin-top:10px;
					}
					
					.logoorage {
					float:right;
					position:relative;
					width:110px;
					height:auto;										
					margin-right:5px;
					margin-top:20px;
					}
					
					#signatureCache{
					position:absolute;
					left:-9999px;
					}
					
				#footShadow {
				height: auto;
				float:left;
				width: auto;
				position: relative;				
				}