/*======================================================
CSS Layout
======================================================*/

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.clear{
	clear:both;
}

a {
	text-decoration: none;
	color: #9B3705;
}

img, a img {
	border: none;
}

/*========================
Image de fond global
========================*/
body.tetTetieres1 {
	background: url(../images/commun/tetieres/tetieres_1.jpg) no-repeat top left;
}

body.tetTetieres2 {
	background: url(../images/commun/tetieres/tetieres_2.jpg) no-repeat top left;
}

body.tetTetieres3 {
	background: url(../images/commun/tetieres/tetieres_3.jpg) no-repeat top left;
}

body.tetcontact {
	background: url(../images/commun/tetieres/contact.jpg) no-repeat top left;
}

body.tetimplantation {
	background: url(../images/commun/tetieres/implantation.jpg) no-repeat top left;
}

body.tetliner {
	background: url(../images/commun/tetieres/liner.jpg) no-repeat top left;
}

body.tetpanneau {
	background: url(../images/commun/tetieres/panneau.jpg) no-repeat top left;
}

.logo {
	position:absolute;
	top: 40px;
	left: 808px;
}
.back-home{
	position:absolute;
	width:300px;
	height:160px;
	top:0px;
	left:0px;
}

div.s_traitorange {
	width: 520px;
	height: 1px;
	background-color: #EBA90D !important;
	background:none;
	border-bottom: 0 !important;
	border-bottom: 1px solid #EBA90D;
	margin: 5px 0px;
	padding:0;
}


/*========================
Main
========================*/
#header {
	position: absolute;
	width: 500px;
	top: 0px;
	left: 400px;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	color:#003399;
}
	#header ul {
	 	padding: 0px;
		margin: 0px;
		float: left;
		width: 150px;
		text-align: right;
	}	
		#header ul li {
			list-style: none;	
		}
			#header ul li ul {
				display: none;
				clear: left;
				position: relative;
				left: 0px;
				top: 0px;	
			}
			
		#header ul li:hover ul, #header ul li.sfhover ul {
			display: block;
		}
	#header span {
		float: left;
	}
	#header a {
		padding: 0 6px 0 6px;
		color:#003399;
	}
	#header a.boutique {
		padding: 0 0 0 6px;
	}
	#header a.accessoires {
		padding: 0 6px 0 0;
	}
	#header form {
		float: left;
		margin-top: -5px;
		padding-left: 6px;
	}
	#header input.case {
		font-size: .8em;
		width:59px;
		padding: 1px 2px 0 2px;
	}
	#header input.envoi {
		font-size: 1em;
		border: none;
		background: none;
		font-weight: bold;
		color: #003399;
	}


/*========================
Main
========================*/
.main {
	width: 740px;
	margin: 0;
	padding: 155px 0 0 243px;
	height: auto !important;
	height: 440px;
	min-height: 440px;
}

	/*========================
	HOME
	========================*/
	h1.accrocheL1 {
		color: #EBA90D;
		margin: 0px;
		padding: 0px;
		font-size: 2.5em;
		width:80%;
	}
	h1.accrocheL2 {
		text-align: right;
		color: #00579E;
		margin: 0;
		padding: 0 33px 0 0;
		font-size: 1.6em;
		font-weight: bold;
	}
	
	/*========================
	PISCINE
	========================*/
	.ajax-loader {
		text-align: center;
		padding: 20px 0;
	}
	
	#photo-piscine-med {
		height: 272px;
	}
	.mask-med {
		display: block;
		position: absolute;
		width: 512px;
		height: 272px;
		background: url(../images/mask_med.png) no-repeat;
		text-decoration: none;
	}
	.mask-med:hover {
		text-decoration: none;
	}
	.photo-piscine-pic {
		padding: 5px 0 20px 0;
	}
		.one-pic {
			width: 79px;
			float: left;
			margin: 0 3px 6px 3px;
		}
			.mask-picto {
				display: block;
				position: absolute;
				width: 79px;
				height: 42px;
				background: url(../images/mask_picto.png) no-repeat;
				text-decoration: none;
			}
			.mask-picto:hover {
				text-decoration: none;
			}
			
		.one-thumb {
			width: 245px;
			float: left;
			margin: 0 3px 6px 3px;
		}
			.mask-thumb {
				display: block;
				position: absolute;
				width: 245px;
				height: 137px;
				background: url(../images/mask_thumb.png) no-repeat;
				text-decoration: none;
			}
			.mask-picto:hover {
				text-decoration: none;
			}
			
	.rightcol-inContent {
		position: absolute;
		top: 30px;
		width: 220px;
		margin: 0 0 0 530px;
	}
	.rightcol-inContent2 {
		float: right;
                margin-top: 30px;
		width: 220px;
	}
	.leftcol-inContent2 {
		float: left;
                margin-top: 30px;
		width: 520px;
	}
		.cartouche-orange {
			width: 180px;
			background: url(../images/commun/cartouches/cartouche5.png) left top no-repeat;
			margin: 10px auto 0 auto;
			padding: 7px 0 0 0;
			color:#004A97;
			font-size:1.2em;
		}
			.cartouche-orange-inner {
				background: #F3BD5A url(../images/commun/cartouches/cartouche6.png) left bottom no-repeat;
				padding: 1px 8px 8px 8px;
			}
		
		.cartouche-caract {
			width: 180px;
			background: url(../images/commun/cartouches/cartouche1.png) left top no-repeat;
			margin: 15px auto 0 auto;
			padding: 6px 0 0 0;
			color:#004A97;
			font-size:1.2em;
		}
			.cartouche-caract h3 {
				background: #004A97 url(../images/commun/cartouches/cartouche2.png) left bottom no-repeat;
				margin: 0;
				padding: 2px 8px 8px 8px;
				color:#fff;
				font-size:1em;
				font-weight: normal;
			}
			.cartouche-caract-inner {
				background: #F3BD5A url(../images/commun/cartouches/cartouche2_btom.png) left bottom no-repeat;
				padding: 8px;
				height: auto !important;
				height: 60px;
				min-height: 60px;
			}
			
	.gallery {
		position: relative;
		width: 760px;
	}
#blocActualites hr{
	margin:auto;
	width:90%;
	border:none;
	border-bottom:1px dashed #000;
}
/*========================
Footer
========================*/
	#footer {
		width: 740px;
		margin: 0;
		color: #999999;
		font-size:1.1em;
		padding: 0 0 0 243px;
	}
	.footerHome {
		margin-top: 70px !important;
	}
	.footerHome .s_traitorange {
		display: none;
	}

	#footer .module {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#footer ul {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#footer ul li {
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	#footer ul a {
		color: #999;
		padding: 0 5px;
		border-right: 1px solid #ccc;
	}
	#footer ul a.count-last {
		border-right: none;
	}
	#footer ul a:hover {
		color: #EBA90D;
	}
	
	#footer ul.partenaires {
		display: block;
		margin-top: 50px;
		margin-bottom: 10px;
		text-align: center;
	}
	#footer ul.partenaires a {
		border-right: 0;
		border-right: none;
	}
	
/* gestion des erreurs */
.errorLog, .successLog  {
	width:300px;
	position:absolute;
	top:30%;
	left:50%;
	margin-left: -170px;
	z-index: 10000000000;
	font-size: 12px;
	padding: 20px 20px 10px 20px;
}
.errorLog {
	background: #ffffff;
	color: #1E61A6;
	border: 4px solid #1E61A6;
}
	.errorLog b {
		color:#990000;
	}
.successLog {
	background: #99cc00;
	color: #000;
}
.errorList, .successList  {

}
.error_show, .success_show {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 100000000;
	width : 100%;
	height: 100%;
	/*background: url(_mm/dither.gif);*/
	background: #1E61A6;
	opacity: .60;
	filter: alpha(opacity=60);
}
.error_hide, .success_hide{
	display:none;
}
/* fin gestion des erreurs */