* {margin:0; padding:0; border:0;}
body
{
	text-align:center;
}
#principal
{
	position:relative;
	width:930px;
	margin:0 auto;
	text-align:left;
	top:51px;
	padding:0;
}
#cadre_base
{
	position:relative;
	width:930px;
	text-align:left;
	margin:0 auto;
}
#situation
{
	position:absolute;
	bottom:0;
	width:217px;
	z-index:0;
}
#situation p
{
	text-align:right;
	font:400 14px "Trebuchet Ms";
	padding:0.5em 0.5em 4em;
}
#situation p a
{
	text-decoration:none;
}
#header
{
	width:930px;
	height:304px;
	position:relative;
	z-index:99;
}
#header .lefthead
{
	position:relative;
	top:80px;
	width:217px;
	height:224px;
}
#header .lefthead .logo
{
	position:relative;
	display:block;
	text-align:center;
	top:66px;
}
#header .righthead
{
	position:absolute;
	width:713px;
	height:304px;
	left:217px;
	top:0;
}
#header .righthead .illus
{
	position:absolute;
	width:713px;
	height:280px;
	left:0;
	top:0;
}
#header .righthead .arrondi
{
	position:absolute;
	width:20px;
	height:24px;
	top:280px;
	right:0;
}
#gauche
{
	position:relative;
	left:0;
	width:217px;
	float:left;
}
#gauche .navigation
{
	position:relative;
	margin:34px 0 400px;
}
#gauche ul.navigation  li 
{
	position:relative;
	display:inline;
}
#gauche ul,
#gauche ul li,
#gauche ul li ul,
#gauche ul li ul li,
#gauche ul li ul li ul,
#gauche ul li ul li ul li,
#gauche ul li ol,
#gauche ul li ol li
{
	list-style-type:none;
}
#gauche ul li ul,
#gauche ul li ul li ul
{
	display:none;
}
#gauche ul li:hover ul,
#gauche ul li ul li:hover ul,
#gauche ul li.dspblock ul
{
	display:block;
}
#gauche ul li a,
#gauche ul li .galerie
{
	display:block;
	height:30px;
	width:217px;
}
#gauche ul li ul li a,
#gauche ul li ul li ul li a,
#gauche ul li ul li .galerie,
#gauche ul li ul li ul li .galerie
{
	/*position:relative;*/
	display:block;
	height:30px;
	width:217px;
	/*left:4px;*/
}
#gauche ul li a span,
#gauche ul li .galerie span
{
	display:none;
}
#imageGalery
{
	position:relative;
	margin-top:2px;
	left:5px;
}
#gauche ul li ol li,
#gauche ul li ol li a
{
	display:inline;
}
#gauche ul li ol li img
{
	margin:1px;
	border-width:2px;
	border-style:solid;
}
#gauche div.page_photo
{
	text-align:center;
}
#gauche div.page_photo .suiv,
#gauche div.page_photo .prec
{
	font:400 10px verdana;
	border-width:1px;
	border-style:solid;
	padding:1px 6px;
	margin:0 60px 0 0;
	cursor:pointer;
}
#gauche div.page_photo .prec
{
	margin:0 0 0 60px;
}
#droite
{
	margin:0 0 0 217px;
	width:713px;
}
#droite .ariane
{
	margin:0 0 3em 4px;
	font:400 14px/30px "Trebuchet Ms";
}
#droite .ariane a
{
	text-decoration:none;
	padding:0 13px 0 4px;
}
#droite .ariane a:hover
{
	text-decoration:underline;
}
#droite .ariane span
{
	padding:0 13px 0 4px;
	font-weight:700;
}
#droite .contenu
{
	font:400 14px "Trebuchet Ms";
	padding:0 3em 3em 3em;
}
#droite .contenu h2
{
	margin:0 0 0em;
	padding:0 6em 0 0,5em;
}

#droite .contenu h3
{
	margin:0 1em 2em;
	padding:0 6em 0 0,5em;
}


#droite .contenu h2:before 
{
	content:" “ ";
	font:400 36px/20px "Trebuchet Ms";
	vertical-align:super;
	margin:0 -10px 0 0;
}
#droite .contenu h2 img
{
	position:absolute;
	right:3em;
}
#droite .contenu p
{
	margin: 0 0 1em;
}
#droite .contenu p.demarque
{
	margin:0.5em 0;
	padding:0.5em ;
	text-align:center;
	font-weight:700;
	font-style:italic;
	line-height:25px;
}
#droite .contenu p a
{
	color:#fff;
}
#droite .contenu dl
{
	padding-bottom:1em;
}
#droite .contenu dt
{
	font-weight:700;
}
#droite .contenu dd
{
	padding:0 0 0 2em;
}
#droite .contenu ul
{
	margin: 0 0 1em;
}
#droite .contenu ul li
{
	margin: 0 0 0 2em;
	list-style-type:square;
}
/*------------------ PARTICULARITES CARREFOUR -------------------*/
#droite .carrefour
{
	float:left;
}
#droite .carrefour .group
{
	width:310px;
	float:left;
	height:170px;
	position:relative;
}
#droite .carrefour .group p
{
	position:absolute;
	top:115px;
	width:250px;
}
#droite .carrefour .group .photoillus
{
	position:absolute;
	/*top:0;*/
}
#droite .carrefour .group p a
{
	font:700 15px "Trebuchet Ms";
	color:#fff;
	text-decoration: none;
}
#droite .carrefour .group p a:hover
{
	text-decoration:underline;
}
/*------------------ FIN -------------------*/

#droite .documents
{
	padding:0 3em 3em 40px;
}
#droite .documents a
{
	font:400 11px/20px arial;
	text-decoration:none;
	padding:0 2em;
}
#droite .documents a:hover
{
	text-decoration:underline;
}
#droite .documents a.pdf
{
	background:url(../pict/page_white_acrobat.png) center left no-repeat;
}
#droite .documents a.link
{
	background:url(../pict/link.png) center left no-repeat;
}
#droite  .photosillus
{
	height:114px;
	margin:0 0 10px;
	position:relative;
	/*max-width:713px;*/
	overflow:hidden;
	white-space:nowrap;
}
#droite  .photosillus .coulissant
{
	background-image:url(../images/bg-img.png);
	background-repeat:no-repeat;
	height:114px;
	position:relative;
	float:left;
}
#droite  .photosillus .coulissant .contenu
{
	background-image:url(../images/bg-img.png);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
	padding:7px 7px 7px 0;
	left:7px;
}
#droite  .photosillus .coulissant .contenu img
{
	height:100px;
	padding:0;
	margin:0 1px;
}
#footer
{
	height:2em;
	clear:both;
	position:relative;
	font:italic 400 11px/20px arial;
	padding:0 0 0 217px;
	text-align:center;
	color:#4F4F4F;
}

/*---------------------- Acces autres sites -----------*/
#acces_sousdomaines
{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index: 100;
}
#acces_sousdomaines div
{
	position:relative;
	width:930px;
	margin:0 auto;
}
#acces_sousdomaines div ul
{
	position:relative;
}
#acces_sousdomaines div ul li
{
	display:inline;
}
#acces_sousdomaines div ul li a
{
	background-image:url(../images/topnav.png);
	background-repeat:none;
	width:160px;
	height:25px;
	float:left;
	display:block;
	margin-left: 3px;
}
#acces_sousdomaines div ul li a.intersite_accueil
{
	background-position:0px -65px;
	width:98px;
}
#acces_sousdomaines div ul li a.intersite_piscine { background-position:-98px -65px; }
#acces_sousdomaines div ul li a.intersite_abrisol { background-position:-258px -65px; }
#acces_sousdomaines div ul li a.intersite_landru { background-position:-418px -65px; }
#acces_sousdomaines div ul li a.intersite_heral { background-position:-578px -65px; }
#acces_sousdomaines div ul li a.intersite_deco { background-position:-738px -65px; }

#acces_sousdomaines div ul li a.intersite_accueil_on { background-position:0px 0px; }
#acces_sousdomaines div ul li a.intersite_piscine_on { background-position:-98px  0px; }
#acces_sousdomaines div ul li a.intersite_abrisol_on { background-position:-258px 0px; }
#acces_sousdomaines div ul li a.intersite_landru_on { background-position:-418px 0px; }
#acces_sousdomaines div ul li a.intersite_heral_on { background-position:-578px  0px; }
#acces_sousdomaines div ul li a.intersite_deco_on { background-position:-738px  0px; }

#acces_sousdomaines div ul li a.intersite_accueil:hover { background-position:0px 0px; height:90px;}
#acces_sousdomaines div ul li a.intersite_piscine:hover { background-position:-98px  0px; height:90px;}
#acces_sousdomaines div ul li a.intersite_abrisol:hover { background-position:-258px 0px; height:90px;}
#acces_sousdomaines div ul li a.intersite_landru:hover { background-position:-418px 0px; height:90px;}
#acces_sousdomaines div ul li a.intersite_heral:hover { background-position:-578px  0px; height:90px;}
#acces_sousdomaines div ul li a.intersite_deco:hover { background-position:-738px  0px; height:90px;}

#acces_sousdomaines div ul li a span { display:none; }


/* pub */
.ads img { margin-top: 15px; margin-left: 3px; }





/* scrollable div area */
#scrollable2{
position:relative;
height: 150px;
overflow: hidden;
width:215px;
}

#imageGalery{
white-space: nowrap;
}

/* wrap to make sure that image area is clickable */
#wrap4 {
height: 10px;
width:210px;
position:relative;
left:2px;
}

/* left image of track */
#track4-left {
position:absolute;
width:3px;
height:10px;
background: url('http://data.piscineetjardin.com/pict/rail-s.png') top left repeat;
}

/* horizontal track */
#track4 {
position:absolute;
width:207px;
height:10px;
left:3px;
top:0;
background: url('http://data.piscineetjardin.com/pict/rail-e.png') top right no-repeat;
}

/* horizontal track handle */
#handle4 {
width: 20px;
height: 10px;
cursor:pointer;
}


/* Ferdinand slider */
.ferdinand-slider div {
	font-family:Tahoma;
}
.ferdinand-slider p {
	padding:2px 4px 4px 6px;margin:0;
}
.ferdinand-slider a.title {
	font-size: 18px;
	color:#fff;
	padding:2px 4px;
	text-decoration:none;
}
.ferdinand-slider p.tekst {
	font-size:11px;
	color:#fff;
}