oxCity .contact{background:url(images/contact.gif) no-repeat}

#searchDealerLocator #btnOk { display: block; width: 25px; height: 18px; border: 0; background: #28485e; padding:0;  }
/* ------------------------------------------
	/informations-legales.php
------------------------------------------ */

.informations-legales #midTop h2 {
	top:19px; font-size:18px; width:auto;
}

/* ------------------------------------------
	/plan-site.php
------------------------------------------ */

.plan-site #content {
	height:100%;
}
.plan-site #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;
}
.plan-site #midTop h2 {
	top:19px; font-size:24px;
}
.plan-site #catalogue {
	padding:149px 0 0 0;
}
.plan-site #productInfos {
	padding:0 0 0 12px;
}
.plan-site #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
.plan-site a {
	color:#28485e; text-decoration:underline;
}
.plan-site #boxesResults {
	padding:25px 0 0 0;
}
.plan-site .s2 {
	margin:0 0 0 10px;
}
.plan-site .s3 {
	margin:0 0 0 20px;
}
.plan-site .s4 {
	margin:0 0 0 30px;
}

/* ------------------------------------------
	/error404.php
------------------------------------------ */

.error404 #content{height:auto; margin:0 0 10px 0}
.error404 #mid{background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px}
.error404 #midTop h2{top:19px; font-size:24px}
.error404 #catalogue{padding:149px 0 0 0}
.error404 #productInfos{padding:0 0 0 12px}
.error404 #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.error404 #mid strong{margin:20px 0 0 20px; font-size:12px; color:#28485e; display:block}


/* ------------------------------------------
	/flashContent.php
------------------------------------------ */

.flashContent #content {
	margin:0 0 10px 0; height:100%;
}
.flashContent #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px;
}
.flashContent #midTop h2 {
	width:auto;
}
#flashEx {
	color:#fff; background:#bfbbb6; font-weight:bold; text-align:center; padding:2px 0; width:537px;
}

/* ------------------------------------------
	/referencement.php
------------------------------------------ */

.referencement #content{height:1%; margin:0 0 10px 0}
.referencement #mid{min-height:520px; height:auto!important; height:520px}
.referencement #midTop h2{top:5px; width:auto}
.referencement #catalogue{padding:149px 0 0 0}
.referencement #productInfos{padding:0 0 0 12px}
.referencement #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.referencement #mid strong{margin:20px 0 0 20px; font-size:12px; color:#28485e; display:block}
.referencement #textref{padding:20px 0 25px 24px; width:495px}
.referencement #mid #textref strong{display:inline; margin:0}
.referencement a{color:#28485e; text-decoration:underline;}

/* ------------------------------------------
	/entreprise.php
------------------------------------------ */

.entreprise #productInfos {
	padding:0 0 0 12px; margin:-2px 0 0 0;
}
.entreprise #productInfos img {
	margin:0 0 -2px -12px; border-top:2px solid #fff;
}

/* ------------------------------------------
	/articles.php
------------------------------------------ */

.articles #midLeft{float:left; position:relative}
.articles #midMid{float:left; width:226px; padding:0 20px 0 30px}
.articles #scrollTools{top:67px; left:770px}
.articles #productInfos{padding:0 0 0 12px}
.articles #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.boxArticle{padding:0 0 10px 0}
.boxArticle .articleImg{float:left; margin:0 10px 0 0}
.boxArticle .cont{float:left; width:135px; color:#28485e}
.boxArticle .contNoImg{width:195px}
.boxArticle .cont a{color:#28485e; text-decoration:underline}


/* ------------------------------------------
	/partenaires.php
------------------------------------------ */


.partenaires #productInfos{padding:0 0 0 12px; margin:-2px 0 0 0}
.partenaires #productInfos img{margin:0 0 -2px -12px; border-top:2px solid #fff}
.sIFR-hasFlash .partenaires h3{background:#dae2e7; font-size:16px; color:#28485e; padding:3px 0 3px 25px; visibility:visible; letter-spacing:normal; margin:0 0 9px 0; text-decoration:none}
.partenaires #content{height:auto; }
.boxPartenaires{width:519px; padding:0}
.boxPartenaires .boxesLogos1{padding:0 0 0 150px}
.boxPartenaires .boxesLogos2{padding:0 0 0 30px}
.boxPartenaires .boxLogos{float:left; padding:0 20px; text-align:center; width:192px}
.boxPartenaires .boxLogos .logo{height:80px}
.boxPartenaires a{color:#28485e; text-decoration:none}
 /* CSS Document by Sinfin-c.com */
/* WEBSITE www.piscine-magiline.fr */

html {font-family: Arial, Helvetica, sans-serif; font-size:11px;}
body { margin:0; padding:0; text-align:center; }
img { border:0;}
table {margin:0; padding:0; border:0; border-collapse:collapse;}
form, p, h1, h2, h3, h4, h5, h6 {margin:0;}
ul, ol {list-style:none outside none; margin:0; padding:0;}
.clear { clear:both; font-size:1px;}
p a, #midText li a {color:#28485e; text-decoration:underline;}
p .seeFilm {text-decoration:underline;}
.listCommon {list-style:disc inside none; margin:0; padding:0 0 28px 0; color:#28485e; line-height:19px;}
.listCommon a {color:#28485e; text-decoration:underline;}
.listCommon li {display:list-item;}

.moreArrow {padding:0 0 0 12px; background:url(images/more2-arrow.gif) 0 4px no-repeat; text-decoration:none; color:#2a4860; font-weight:bold;}

.sIFR-hasFlash #left h1, .sIFR-hasFlash #midTop h2, #rightText h3 {visibility:visible; padding:0; letter-spacing:normal;}

#container {position:relative; margin:auto; width:990px; text-align:left; z-index:1;top:10px;}
#languages-bar {position:relative;height:16px;background: transparent url(images/background-languages-bar.png);margin-bottom:4px;padding-top:0px; text-align:center;}
#header { height:132px; position:relative; z-index:4; background:url(images/header-bg.jpg);}

#languages-bar ul li {margin:0 10px 0 10px; display:inline;}
#languages-bar ul li a {text-decoration:none;color:#FFF;}
#languages-bar ul li a:hover{text-decoration:underline;}
#languages-bar ul li a img {height: 14px;width: 20px;margin:1px 4px 0 4px;}
#languages-bar ul li a span {position:relative;top:-3px;}

#header h1 {position: absolute; top:25px; left:270px;font-size:18px; font-weight:bold; color:#0072b1;}
#header h2 {position: absolute; top:45px; left:270px;font-size:18px; font-weight: normal; color:#749fce;}
#header a img {position: absolute; top:20px;left:20px}

#header form {position:absolute; top:10px; left:660px;}
#header form input,  #header form a {float:left; margin:5px 0 0 0;}
#header form input {color:#8ca9d1;  border:1px solid #8bc0e2; height:13px; text-indent:12px; background:#FFF; margin:4px 0 0 0; width:256px;}
#header form .ok {	border:0; width:50px; height:16px; background:#8ca9d1; color:#fff; text-align:center; font-weight:bold; text-decoration:none; margin:4px 0 0 10px; padding:1px 0 0 0;}
#header form label {display:none;}

#header #quickaccess ul {position: absolute; left:660px;top:40px;}
#header #quickaccess ul li {position:relative; float:left; height: 58px;width:98px; background : transparent url(images/background-li.png); display:block; margin:0 12px 0px 0;padding:0;}
#header #quickaccess ul li a {position:relative; text-decoration:none;color:#0072B1; display:block;}
#header #quickaccess ul li a:hover {text-decoration:underline;}
#header #quickaccess ul li a span {position:absolute;z-index:10; font-size:10px;left:2px;top:2px;text-align:center; font-weight:bold;} 
#header #quickaccess ul li a img {margin:0;padding:0;top:2px;left:3px;}

#header #quickaccess li#catalogue_fr a span {font-size:11px;margin-left:2px;}
#header #quickaccess li#magasin_fr a span {font-size:11px;margin:2px 0 2px 0;}
#header #quickaccess li#aide_fr a span {font-size:11px;margin-left:2px;text-align:left;}

#header #quickaccess li#catalogue_en a span {font-size:11px;margin-left:2px;}
#header #quickaccess li#magasin_en a span {font-size:11px;margin:2px 0 2px 0;}
#header #quickaccess li#aide_en a span {font-size:11px;margin-left:2px;text-align:left;}

#header #quickaccess li#catalogue_it a span {font-size:10px; text-align: left; }
#header #quickaccess li#magasin_it a span {font-size:10px;margin:2px 0 2px 0;}
#header #quickaccess li#aide_it a span {font-size:10px;margin-left:2px;text-align:left;}

#header #quickaccess li#aide_en a img, #header #quickaccess li#aide_it a img { display: none; }

.it #header #quickaccess li#catalogue a span { font-size: 8px; text-align: left; }

#nav {position:absolute; bottom:0px; left:0;background: transparent url(images/background-li-nav.png); width:990px;height:16px;display:block; }
#nav ul { }
#nav .first {width:75px; text-align:center; background: transparent url(images/background-li-nav-over.png); border-right: 4px solid #FFF;}
#nav li {margin:0 0px 5px 0px; position:relative; color:#fff; padding:1px 14px 1px 14px;  z-index:98; float:left;border-right: 1px solid #FFF; cursor:pointer; }
.it #nav li { padding-left: 8px;  }
#nav li:hover { background: transparent url(images/background-li-nav-over.png);}
#nav li a {color:#fff; text-decoration:none; padding:0; display:block; font-size:12px;}
#nav .navBg { padding:3px 5px 5px 0;}
#nav ol {position:absolute; margin-top:1px; left:0; padding:0; z-index:99; visibility:hidden; /*display:none;*/ clear:both;}
#nav ol li, .it #nav ol li {float:left;  background: transparent url(images/background-li-nav.png); margin:0; padding:0; /*padding-right:1px;*/ height:16px; display:block; clear:both; white-space:nowrap; border:none;}
#nav ol .sub {/*padding:0 5px 5px 12px; display:block; margin:0;*/}
#nav .hackIEOL {margin:0 0 -3px 0;}
#nav .firstSub, #nav .on .firstSub {/*padding:5px 0 5px 0;*/}
#nav ol li a, #nav ol .first a, #nav ol .on a, .it #nav ol li a, .it #nav ol .first a, .it #nav ol .on a {	padding:0px 15px 5px 11px; color:#fff; display:block; white-space:nowrap; font-weight:normal;}
#nav ol ol {	padding:0; visibility:hidden; /*display:none;*/ z-index:99;}
#nav ol li ol li {	/*margin:0 0 -4px 0;*/ margin:0; z-index:99;}
#nav ol li ol li a {font-size:11px;}
#nav li a.active { color: red; }



/* ------------------------------------------
	/index.php
------------------------------------------ */

#content {position:relative;  margin-top:0;}
#bottom-footer {position: absolute; bottom: 0px; left: 5px; width:980px; height:140px; background:transparent url(images/background-bottom-footer.png); z-index:2; }
#bottom-footer ul { margin-top: 10px; }
#bottom-footer ul li {float:left;width:320px;height:120px;border-right:1px solid #FFF;position:relative;}
#bottom-footer ul li h3 { margin-left:10px;font-size:16px; font-variant:small-caps; color:#004975;}
#bottom-footer ul li h4 { margin-left:10px;font-size:12px; font-weight:normal;}
#bottom-footer ul li p { margin-left:10px;font-size:11px; font-weight:normal;margin-bottom:5px; color:#666;}
#bottom-footer ul li p a { color: #666; }
#bottom-footer ul img {  margin-left:10px;border:1px solid #FFF;}
#bottom-footer ul li a {text-decoration:none;}
#bottom-footer ul li a span {position:absolute; display: block; width: 118px; height: 18px;  text-align: center; text-decoration:none; color:#FFF;  right: 18px; bottom: 0;}

#logo-nav {position:absolute; top:200px; z-index:1;}
#logo-nav ul li {float:left;margin:5px;}

#image-piscine-puzzle{position:absolute; left : 700px; top:20px; z-index:1;}
#image-piscine-puzzle ul li {float:left;margin:5px;}


#piscine-puzzle img#myImg {width:280px;}
#piscine-puzzle div#left ul#navLeft {display:none;}
#piscine-puzzle #midMid p {padding-bottom:20px;}

.rouge {color:#E42D22;}
.vert{color:#82BB51;}
.bleu{color:#00ACE5;}

#loader { height: 450px; position: relative;  }
#loader div { position: absolute; top: 180px; left: 420px; }
#loader div img#load { margin-left: 59px; }

/* Innerfade */
#carousel { position: relative; height: 450px; }
#carousel ul { position: relative;  z-index:1; margin:0; padding:0; height: 460px; }
#carousel ul li { margin:0; padding:0; list-style: none; background: none; height: 460px; }

#carousel li h2,#carousel li h3,#carousel li h4,#carousel li h5 { font-weight: normal; }
#carousel li h2 {color: #fff; font-size: 38px; font-variant:small-caps; float:left;} 
#carousel li h3 { color: #a7e5ff; font-size: 32px;  float:left; margin:6px 0 0 6px; }
#carousel li h4 { color: #fff; font-size: 20px; font-variant:small-caps; clear:left; }
#carousel li h4 span {  font-size: 14px;font-weight:bold; }
#carousel li h5 { color: #fff; font-size: 11px; font-variant:small-caps; margin-bottom:5px;font-weight:bold; }

#carousel li div { background: transparent url(images/background-home-product.png);padding:5px 10px 20px 10px;}
#carousel li div a {position:absolute;bottom:-5px; right:10px; text-decoration:none; color:#FFF; font-size:11px; text-align:center; padding-top: 4px; background: url( images/background-a-home.png) no-repeat; height:26px; width:127px; display:block;font-weight:bold;}

#carousel li#slide1 div { position:absolute; top:130px;left:400px;} 
#carousel li#slide2 div {position:absolute; top: 150px; left: 400px; }
#carousel li#slide3 div { position:absolute;top: 100px; left: 370px; }
#carousel li#slide4 div {position:absolute; top: 76px; left: 275px; }
#carousel li#slide5 div { position:absolute;top: 131px; left: 335px; }
#carousel li#slide6 div {position:absolute; top: 153px; left: 370px; }

/* jCarousel -> portes ouvertes */

/* end of jcarousel */

div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 99; width: 100%; }

div#fancy_close { position: absolute; top: 5px; right:5px; height: 18px; width: 17px;	background:transparent url(../images/close-box.png); cursor: pointer; z-index: 100; display: none; }

div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0;  margin: 0; z-index: 85; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #fff; background: transparent url(images/background-bottom-footer.png); }
#fancy_content h3, #fancy_content h4, #fancy_content h5 { display: none; }

#fancy_content h6, #fancy_content h6 a { font-size: 22px; color: #0072b1; margin-bottom: 15px;  }
#fancy_content h6 a span { font-size: 12px; color: #000; font-weight: normal; }
#fancy_content h6 a.rouge {color:#E42D22;}
#fancy_content a { text-decoration: none; } 
#fancy_content p { font-size: 12px; margin: 5px 0; display: block; width: 492px; text-align: justify; }
#fancy_content #white { background: #fff;  position: absolute; top: -10px; left: -10px; padding: 10px; width: 100%; height: 100%; }
#fancy_content #portes-ouvertes { margin-top: -14px; }
#fancy_content #portes-ouvertes p { text-align: right; width: 417px; }
#fancy_content #portes-ouvertes a img { margin-top: 15px; }
#fancy_content #portes-ouvertes object { margin-top: 10px; }
#fancy_content #portes-ouvertes a#spot , #fancy_content #portes-ouvertes a#offrepo {position: absolute; display: block; width: 110px;  top: 104px; text-align: right; color: #444;  right: 20px; }
#fancy_content #portes-ouvertes a#offrepo { left: 475px; top: 107px;  }

#nos-piscines .boxgrid, #nos-films .boxgrid { position: relative; width: 197px; height: 91px; margin: 2px 4px; float:left; overflow: hidden; }
#nos-piscines .boxgrid:hover, #nos-films .boxgrid:hover { cursor: pointer; }
#nos-piscines .boxgrid a img, #nos-films .boxgrid a img {position: relative;  width: 195px; border: 1px solid #fff;  }
#nos-piscines .boxcaption { float: left; position: absolute; background: url(images/background-bottom-footer.png); height: 32px; width: 100%;  	}
#nos-films .boxcaption { float: left; position: absolute; background: url(images/background-bottom-footer.png); height: 70px; width: 100%;  	}
#nos-piscines .captionfull .boxcaption, #nos-films .captionfull .boxcaption {top: -100px; left: 0;}
#nos-piscines .captionfull h6 a, #nos-films .captionfull h6 a { font-size: 12px; display: block; width: 195px; text-align: center; color: #0072b1; font-weight: normal; padding-top: 2px; }
#nos-piscines .captionfull .boxcaption p a { display: block; width: 195px; font-size: 11px; color: #0072b1; text-align: center; padding-top: 4px; }
#nos-films .captionfull .boxcaption p a img { border: 0; }

#film #left h6 { color: #82bb51; }
#film #left { position: relative; width: 300px; float: left; }
#film #left p { width: 290px; display: block; text-align: justify; padding-right: 10px; }
#film #left p a.video { width: 290px; display: block; text-align: right; }
#film object { float: right; }

#footer {position: relative; width:990px; height:16px; top:12px; background:#92aed5;}
#footer ul { position:relative;padding: 0 0 0 2px;}
#footer li {display:inline;position:relative;top:1px; }
li#join{ background:#4d7db7; height:12px; font-weight:bold;border-left: 8px solid #FFF;top:0; padding:2px 0 2px 0;position:absolute;right:268px;}
li#distributor{ background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; height:12px; font-weight:bold;border-left: 1px solid #FFF;top:0; padding:2px 0 2px 4px;position:absolute;right:134px;}
.de li#distributor { right: 127px;  }
li#distributorit{ background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; height:12px; font-weight:bold;border-left: 1px solid #FFF;top:0; padding:2px 0 2px 4px;position:absolute;right:150px;}
li#distributoren{ background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; height:12px; font-weight:bold;border-left: 1px solid #FFF;top:0; padding:2px 0 2px 4px;position:absolute;right:110px;}
li#extranet  {background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; position:absolute;right:0px;border-left:1px solid #FFF;top:0; height: 12px; padding:2px 0 2px 4px;}
li#extranetit  {background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; position:absolute;right:0px;border-left:1px solid #FFF;top:0; height: 12px; padding:2px 0 2px 4px;}
li#extraneten  {background:#4d7db7 url(../images/icon_lien_ext.png) no-repeat left; position:absolute;right:0px;border-left:1px solid #FFF;top:0; height: 12px; padding:2px 0 2px 4px;}

li#distributor:hover,li#distributorit:hover, li#distributoren:hover, li#extranet:hover, li#join:hover,li#extranetit:hover, li#extraneten:hover  { background: #fff; }
#footer a {text-decoration:none; color:#FFF; padding:3px 6px 3px 6px;}
#footer a:hover {color:#92aed5; background-color:#FFF;}

li#distributor a ,li#distributorit a , li#distributoren a , li#extranet a , li#join a ,li#extranetit a , li#extraneten a { padding: 3px 12px 3px 12px; }

#footer p {font-size:11px; color:#28485e; padding:10px 20px 0 20px; text-align:center;height:16px;}
#footer p a {text-decoration:none; color:#000; font-size:11px; color:#28485e; padding:0;}


.index #footer {
	margin:3px 0 0 0;
}

.child #content {
	height:505px; position:relative; z-index:1; margin:0 0 24px 0;
}

#logo {
	position:absolute; left:0; top:11px;
}
#left {
	float:left; width:247px; height:auto;
}
#left h1, .sIFR-hasFlash #left h1 {
	color:#009ade; font-size:14px; text-transform:uppercase; width:142px; height:48px; padding:18px 0 0 34px;
}
#navLeft {
	padding:10px 0 0 0;
}
#navLeft li {
	 margin:0 0 0 15px; padding:0 0 6px 18px;
}
#navLeft li a {
	text-transform:uppercase; color:#006ab3; text-decoration:none; height:auto!important; height:1%;
}
#navLeft .on {
	 padding:0 0 6px 18px; background:url(images/nav-left-arrow.gif) no-repeat;
}
#navLeft .on a {
	color:#fff; color:#00273e; font-weight:bold;
}
#catalogue {
	padding:0; display:block; bottom:0; position:absolute;
}
#mid {
	float:left; width:743px;
}
#midTop {
	height:50px; background:#fff; border-top:16px solid #fff; position:relative; z-index:1;
}
#midTop h1 {
	text-transform:uppercase; color:#000; font-size:12px; position:absolute; top:15px; left:15px;
}
#midTop h2 {
	color:#000; font-size:19px; text-transform:uppercase; position:absolute; top:0; left:5px; width:225px;
}
#midTopNavMask {
	position:absolute; top:6px; left:285px; clip:rect(0,444px,75px,0); overflow:hidden; width:444px; height:75px;
}
#midTopNav {
	position:absolute; top:0; left:0;
}
#midTopNav .bg {
	position:absolute; bottom:0; left:0; width:67px; height:36px; z-index:2;  
}

#midTopNav li {
	float:left; border-left:3px solid #28485e; border-right:3px solid #28485e; border-top:3px solid #28485e; border-bottom:3px solid #28485e; height:69px; position:relative;
}
#midTopNav li a {
	text-decoration:none ;
}
#midTopNav li a span { background:url(images/mid-top-nav-roll.png) no-repeat left bottom; }
#midTopNav li a span:hover { cursor: pointer; }
#midTopNav li {
	border-color:#89b1cd;
}
#midTopNav .on span, #midTopNav li span {
	position:absolute; padding:38px 0 2px 2px; left:0; top:0; color:#00273e; z-index:3; display:block; width:67px; height:30px; font-weight: bold; font-size: 10px;
}
#midTopNavScLeft {
	position:absolute; top:6px; left:271px;
}
#midTopNavScRight {
	position:absolute; top:6px; right:0;
}

#rightTools {
	margin:0 0 0 -12px; background:#bfbbb6; padding:8px 0 6px 13px;
}
#rightTools li {
	 padding:0 0 2px 19px;
}
#rightTools .sendToFriend {
	background:url(images/send-friend-arrow.gif) 0 3px no-repeat;
}
#rightTools .print {
	background:url(images/print-arrow.gif) 0 1px no-repeat;
}
#rightTools a {
	font-weight:bold; color:#787169; text-decoration:none;
}
#pdv {
	position:absolute; bottom:6px; left:12px;
}
#pdv strong {
	font-size:14px; color:#fff; text-transform:uppercase;
}
#pdv select {
	width:165px; border:1px solid #8d8d8d; font-weight:bold; color:#8d8d8d; font-size: 11px;
}

.btnOk {
	font-weight:bold; color:#fff; background:#28485e; display:block; text-decoration:none; width:24px; height:18px; text-align:center; padding:2px 0 0 0; float:right;
}

/* ------------------------------------------
	/product.php
------------------------------------------ */

.product #content{margin:0; height:500px}
.product .noContent #midTop h2{width:auto}
.product #catalogue{position:absolute; bottom:1px; left:0}
.product #productInfos img, .product #productInfosNew img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.product #left{width:161px}

.product #midTop{background:none; border:0}
.product #midTopNavMask{left:371px;}
.product #midTopNavScLeft{left:357px; }
.product #midTopNavScRight{left:815px; }
#products h2{color:#00273e; font-size:18px; width:335px; text-transform:uppercase; position:absolute; top:17px; left:20px; white-space:nowrap}
#products span {  position:absolute; top:42px; font-size: 13px; left:20px; white-space:nowrap}
#products{position:relative; padding:2px 0 0 0; float:left; width:537px}
#products #myImgMask{position:absolute; left:16px; top:86px; clip:rect(0,537px,409px,0); overflow:hidden; width:537px; height:409px}
#swimForm{position:absolute; top:52px; left:16px}
#swimFormIe{position:absolute; top:52px; left:16px; width:500px; height:500px}
#productMore{position:absolute; top:399px; left:33px; color:#000; z-index:2; white-space:nowrap}

#productMoreNew{position:absolute; top:424px; left:30px; color:#000; z-index:2; white-space:nowrap; font-size:16px}
#productMore1{ text-transform:uppercase; font-weight:bold; font-size:14px}
#productMore2{color:#00273e; font-size:14px; margin:0 0 0 -22px}
#productNav, #productNavi {position:absolute; top:420px; left:16px}
#productNav ul, #productNavi ul{ z-index:6; position:absolute; top:24px; left:6px; width:370px}
#productNav ul li { float: left; } 

/* special for réalisations page */
#productNavi2 {position:absolute; top:63px; left:16px; display: none;}
#productNavi2 ul li {display: block; float: left; width: 533px; height: 410px;}
#productNavi2 ul li ul li  img {width: 65px;}
#productNavi2 ul li ul li { float: left !important; list-style: none; width: 65px !important; height: 65px !important; display: block;  margin:  0 16px 16px 0 !important; border: 1px solid #3fa7d4 !important;  }


/* end of */

#productNav .bg, #productNavi .bg{position:absolute; top:0; left:0; width:537px; height:82px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; background:#fff; z-index:1}
#rightText{position:absolute; top:90px; left:558px; width:248px}
#rightText h3{background:#199dd7; color:#fff; font-size:15px; height:14px; padding:4px 0 7px 10px}
#rightText #rightTextMask{margin:15px 0 0 0; clip:rect(0,230px,350px,0); overflow:hidden; width:221px; height:350px; position:relative}
#rightText #rightTextCont{position:absolute; top:0; left:9px}
#rightText #rightTextCont strong{ font-size:11px}
#rightText #rightTextCont .introRight strong{ font-size:13px; color:#28485e}
#rightText #rightTextCont p{margin:0 0 10px 0; color:#28485e; font-size:11px}
#rightText #rightTextCont p a{font-size:11px; color:#28485e; text-decoration:underline}
#rightText #rightTextCont .boxProductInfos{padding:0 0 10px 0}
#rightText #rightTextCont .boxProductInfos strong, #rightText #rightTextCont .boxProductInfos li{color:#28485e}
#rightText em, #rightText #rightTextCont p em a{color:#28485e; font-size:11px; text-decoration:none}
#scrollToolsProducts{top:30px; left:248px; position:absolute}
#scDnProducts{position:absolute; top:340px; left:0}
#cursorProducts{position:absolute; top:16px; left:0; z-index:2; background:#22a1da; height:323px; width:14px; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60}
#scrollBgProducts{position:absolute; top:15px; left:0; z-index:1; background:#fff; height:325px; width:14px; display:none}
#decouvrez-realisations #rightText, #vad-vi-uppnatt #rightText , #our-achievements #rightText , #realizzazioni #rightText , #entdecken-realisierung #rightText , #descubir-realizacion #rightText  { display: block; width: 206px;  }

#decouvrez-realisations #rightText #rightTextMask, #vad-vi-uppnatt #rightText #rightTextMask, #our-achievements #rightText #rightTextMask, #realizzazioni #rightText #rightTextMask, #entdecken-realisierung #rightText #rightTextMask, #descubir-realizacion #rightText #rightTextMask {margin:15px 0 0 -40px; clip:rect(0,230px,350px,0); overflow:hidden; width:221px; height:350px; position:relative}

#productNavMask{position:absolute; top:1px; left:11px; width:32px; height:32px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-small-mask.png",sizingMethod="noscale")}
#productNavMask[id]{filter:none; background:url(images/product-small-mask.png) no-repeat}
#maskProduct{position:absolute; top:2px; left:0; width:537px; height:426px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-mask1.png",sizingMethod="noscale")}
#maskProduct[id]{filter:none; background:url(images/product-mask1.png) no-repeat}
#maskProduct2{position:absolute; top:2px; left:0; width:537px; height:426px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-mask3.png",sizingMethod="noscale")}
#maskProduct2[id]{filter:none; background:url(images/product-mask3.png) no-repeat}
#midTextMove{position:absolute; top:0px; left:0}
#midTextBg{position:absolute; top:2px; left:0; width:239px; height:426px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-mask2.png",sizingMethod="scale")}
#midTextBg[id]{filter:none; background:url(images/product-mask2.png)}
#midTextMask{clip:rect(0,240px,428px,0); overflow:hidden; position:absolute; top:0px; left:299px; width:240px; height:428px; z-index:2}
#midText{width:183px; border-left:15px solid #fff; padding:29px 0 0 20px; position:absolute; top:0; left:0; z-index:2; min-height:399px; height:auto!important; height:399px}
*:first-child+html .myCss td[class]{height:399px; /* IE7 */}
#midText p{color:#28485e; font-size:11px; padding:0 0 28px 0; line-height:19px}
#midText .intro{padding:0 0 18px 0; line-height:20px}
#midText .introRight strong{font-size:13px}
#scrollTools{position:absolute; top:2px; left:523px; background:#bfbcb7; height:426px; z-index:4}
#scDn{position:absolute; top:410px; left:0}
#cursor{position:absolute; top:16px; left:0; z-index:2; background:#8d8d8d; height:393px; width:14px}
#scrollBg{position:absolute; top:15px; left:0; z-index:1; background:#fff; height:395px; width:14px; display:none}

#productInfosMask{clip:rect(0,156px,409px,0); width:156px; height:409px; overflow:hidden; position:absolute; left:399px; top:86px; z-index:6}
#productInfos{background:#afaaa4; width:192px; position:absolute; right:0; top:68px; height:397px; padding:29px 0 0 12px; color:#fff; font-weight:bold}
#productInfosNew{ width:166px; height:409px; position:absolute; top:0; left:0}
#productInfosNew #boxesProductInfos{position:absolute; z-index:4; top:0; left:36px; width:115px}
#productInfosNew .bg{ background:#fff; position:absolute; top:0; left:22px; width:132px; height:409px; z-index:3; filter:alpha(opacity=95); -moz-opacity:0.80; opacity:0.95}
#productInfosNew .boxProductInfos strong{padding:15px 0; display:block}
#productInfosNew .boxProductInfos a{color:#006bb3; text-decoration:underline}
#productInfosNew #moreInfosArrow{position:absolute; bottom:6px; left:8px; height:5px; z-index:2; width:7px;}
#productInfosNew .open{background:url(images/open.gif) no-repeat}
#productInfosNew .close{background:url(images/close.gif) no-repeat}
#productInfosNew #moreInfos{position:absolute; top:0; left:11px;}

#logoEnvironnement { margin: 0px 0 0 46px;  }

/* ------------------------------------------
	/actualites.php
------------------------------------------ */
.actualites #mid{background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px}
.actualites #midTop h2{width:auto}
.actualites #content{height:auto!important; height:100%}
.boxNews{color:#28485e; position:relative; width:530px; margin:2px 0 16px 0}
.boxNews h3{margin:12px 0 0 0}
.boxNewsLast{margin-bottom:0}
.boxNews img{float:left; margin:0 14px 0 0; width:263px; height:200px}
.boxNews a{color:#28485e}
.boxNews .cont{width:245px; float:left}
.sIFR-hasFlash .boxNews h3, .boxNews h3{visibility:visible; padding:0 0 0 9px; letter-spacing:normal; color:#787169; font-size:13px; text-transform:uppercase}
.boxNews p{padding:0 0 16px 0}
.boxNews h3, .boxNews span{border-left:8px solid #787169}
.boxNews span{color:#bfbbb6; padding:0 0 0 9px; margin:0 0 16px 0; display:block}
.boxNews .more{width:213px; margin:0 0 0 14px; height:18px; position:absolute; bottom:0; left:263px; padding:4px 0 0 30px; background:#8d8d8d url(images/more-arrow.gif) 14px 7px no-repeat}
.boxNews .more a{color:#fff; text-decoration:none; font-weight:bold}
.boxNews .text{padding:16px 0 0 10px; width:510px}
.boxNewsAll{height:auto; padding:0 0 15px 0}
.actualites #back{bottom:0; left:247px; position:absolute}
.actualites #productInfos{padding:0 0 0 12px}
.actualites #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.actualites #pdv{bottom:-20px}


/* ------------------------------------------
	/common
------------------------------------------ */

.common #content {margin:0}
.common #catalogue {position:absolute; bottom:0px; left:0; border-bottom:2px solid #fff}
.common #left {height:500px}
.common #mid {background:url(images/actualites-bg.gif) top right repeat-y}
.common #midTop h2 {width:auto}
.common #productInfos {padding:0 0 0 12px}
.common #productInfos img {margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.common #midLeft {float:left; position:relative}
.common #videoItems {position:absolute; cursor:pointer; bottom:0; z-index:2; left:0; width:245px; height:68px; padding:0 0 0 18px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/video-mask.png",sizingMethod="noscale")}
.common #videoItems[id] {filter:none; background:url(images/video-mask.png)}
.common #videoItems a {position:relative; z-index:20; display:block; text-decoration: none; color: #fff;}
.common #midLeft a img {border:1px solid #fff; margin:9px 0 0 0}
.common #midLeft a {float:left}
.common #seeVideo span {display:block; font-size:16px}
.common #seeVideo {margin:15px 0 0 11px}
.common #seeVideo strong {font-size:18px; color:#fff; text-transform:uppercase; font-weight:bold}
.common #midMid {float:left; width:226px; padding:0 20px 0 30px}
.common #midMid p {color:#28485e; font-size:11px; padding:0 0 28px 0; line-height:19px}
.sIFR-hasFlash .common h3, .common h3 {visibility:visible; letter-spacing:normal; color:#28485e; font-size:13px; line-height:19px; padding:0 0 16px 0}
#presScrollMask {clip:rect(0,226px,426px,0); overflow:hidden; width:226px; height:426px; position:relative}
#presScroll {position:absolute; top:0; left:0; padding-top:29px}
.common #scrollTools {top:67px; left:770px}
.common #pdv {bottom:-20px}

.common #productNavBg {width:263px; height:68px; position:absolute; top:358px; z-index:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/video-mask.png",sizingMethod="noscale")}
.common #productNavBg[id] {filter:none; background:url(images/video-mask.png) no-repeat}
.common #productNav {top:348px; left:0; z-index:2}
.common #productMore {z-index:2; position:absolute; top:363px; left:15px; font-size:14px}
.common #productNavMask {position:absolute; top:10px; left:11px; width:32px; height:32px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-small-mask.png",sizingMethod="noscale")}
.common #productNavMask[id] {filter:none; background:url(images/product-small-mask.png) no-repeat}

#myFlashVideoContent {position:relative; z-index:9}
#myFlashVideo {top:71px; position:absolute; z-index:10; left:247px!important; left:0}


/* ------------------------------------------
	/work-offer
------------------------------------------ */

.work-offer #content {margin:0}
.work-offer #catalogue {position:absolute; bottom:0px; left:0; border-bottom:2px solid #fff}
.work-offer #left {height:500px}
.work-offer #mid {background:url(images/actualites-bg.gif) top right repeat-y}
.work-offer #midTop h2 {width:auto}
.work-offer #productInfos {padding:0 0 0 12px}
.work-offer #productInfos img {margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.work-offer #midLeft {float:left; position:relative}
.work-offer #midLeft a img {border:1px solid #fff; margin:9px 0 0 0}
.work-offer #midLeft a {float:left}
.work-offer #midMid {float:left; width:426px; padding:0 20px 0 30px}
.work-offer #midMid p {color:#28485e; font-size:11px; padding:0 0 5px 0; line-height:16px}
.work-offer h3 {visibility:visible; letter-spacing:normal; color:#28485e; font-size:13px;  padding:0 0 10px 0}
.work-offer #presScrollMask {clip:rect(0,480px,426px,0); overflow:hidden; width:480px; height:426px; position:relative}
.work-offer #presScroll {position:absolute; top:0; left:0; padding-top:29px}
.work-offer .offre-emploi a { font-weight:bold; text-decoration:none; color:#28485e; }
.work-offer #scrollTools {top:67px; left:770px}
.work-offer #pdv {bottom:-20px}

.work-offer #productNavBg {width:263px; height:68px; position:absolute; top:358px; z-index:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/video-mask.png",sizingMethod="noscale")}
.work-offer #productNavBg[id] {filter:none; background:url(images/video-mask.png) no-repeat}
.work-offer #productNav {top:348px; left:0; z-index:2}
.work-offer #productNavMask {position:absolute; top:10px; left:11px; width:32px; height:32px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-small-mask.png",sizingMethod="noscale")}
.work-offer #productNavMask[id] {filter:none; background:url(images/product-small-mask.png) no-repeat}

/* ------------------------------------------
	/work-offer-detail
------------------------------------------ */

.work-offer-detail #content {margin:0}
.work-offer-detail #catalogue {position:absolute; bottom:0px; left:0; border-bottom:2px solid #fff}
.work-offer-detail #left {height:500px}
.work-offer-detail #mid {background:url(images/actualites-bg.gif) top right repeat-y}
.work-offer-detail #midTop h2 {width:auto}
.work-offer-detail #productInfos {padding:0 0 0 12px}
.work-offer-detail #productInfos img {margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.work-offer-detail #midLeft {float:left; position:relative}
.work-offer-detail #midLeft a img {border:1px solid #fff; margin:9px 0 0 0}
.work-offer-detail #midLeft a {float:left}
.work-offer-detail #midMid {float:left; width:426px; padding:0 20px 0 0px}
.work-offer-detail #midMid p {color:#28485e; font-size:11px; padding:0 0 5px 0; line-height:16px}
.work-offer-detail h3 {visibility:visible; letter-spacing:normal; color:#28485e; font-size:13px;  padding:0;}
.work-offer-detail #presScrollMask {clip:rect(0,500px,426px,0); overflow:hidden; width:500px; height:426px; position:relative}
.work-offer-detail #presScroll {position:absolute; top:0; left:0; padding-top:5px}
.work-offer-detail .offre-emploi a { font-weight:bold; text-decoration:none; color:#28485e; }
.work-offer-detail #scrollTools {top:67px; left:770px}
.work-offer-detail #pdv {bottom:-20px}

.work-offer-detail #productNavBg {width:263px; height:68px; position:absolute; top:358px; z-index:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/video-mask.png",sizingMethod="noscale")}
.work-offer-detail #productNavBg[id] {filter:none; background:url(images/video-mask.png) no-repeat}
.work-offer-detail #productNav {top:348px; left:0; z-index:2}
.work-offer-detail #productNavMask {position:absolute; top:10px; left:11px; width:32px; height:32px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/css/images/product-small-mask.png",sizingMethod="noscale")}
.work-offer-detail #productNavMask[id] {filter:none; background:url(images/product-small-mask.png) no-repeat}

.work-offer-detail form label { float:left; margin:6px 0; width:80px; }
.work-offer-detail form label.file { width: 212px; }
.work-offer-detail form input { float:left; margin:4px 20px 4px 0; padding-left:2px; width:130px; background:#EAEAEA; border:1px solid #8D8D8D; }
.work-offer-detail input.submit {margin: 4px 0 0 2px; padding:1px 0; width:100px; color:#FFFFFF; font-weight:bold; background:#28485E; border:0; float: right; }
.work-offer-detail form hr { visibility: hidden; }
form input.file_1 { border:0; border: 1px solid #8d8d8d; }
/* ------------------------------------------
	/lesplus.php
------------------------------------------ */

.lesplus #mid {
/*	background:url(images/actualites-bg.gif) top right repeat-y; */min-height:500px; height:auto!important; height:500px;
}
.lesplus #productInfos {
	padding:0 0 0 12px;
}
.lesplus #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
.lesplus p a {
	text-decoration:none;
}
.lesplus p .seeFilm {
	text-decoration:underline;
}

/* ------------------------------------------
	/entretien.php
------------------------------------------ */

.entretien #content {
	height:100%;
}
.entretien #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:500px; height:auto!important; height:500px;
}
.entretien #midTop h2 {
	width:auto;
}
.entretien #productInfos {
	padding:0 0 0 12px;
}
.entretien #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}

/* ------------------------------------------
	/accordion.php
------------------------------------------ */

.boxAccordion {
	padding:0 0 0 14px; width:523px;
}
.sIFR-hasFlash .boxAccordion h3, .boxAccordion h3 {
	visibility:visible; letter-spacing:normal; color:#28485e; font-size:11px;
}
.boxAccordion h3 {
	border-top:2px solid #fff;
}
.boxAccordion h3 a {
	background:#8d8d8d url(images/entretien-0-arrow.gif) no-repeat; display:block; padding:5px 0 0 32px; height:18px; width:491px; color:#fff; text-decoration:none; border-bottom:2px solid #fff;
}
.boxAccordion h3 .itemOn {
	background:#8d8d8d url(images/entretien-1-arrow.gif) no-repeat;
}
.boxAccordion .cont {
	display:none;
}
.boxAccordion .contOn {
	display:block;
}
.boxAccordion img {
	float:left; margin:0 16px 0 0;
}
.boxAccordion p {
	width:305px; float:left; padding:5px 0 0 0; color:#28485e;
}
.boxAccordion .subText {
	clear:both; width:auto; width:505px;
}
.boxAccordion .noImg p {
	float:none; width:507px;
}

/* ------------------------------------------
	/equipements.php
------------------------------------------ */

.equipements #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:521px; height:auto!important; height:521px;
}
.equipements #midTop {
	border-bottom:2px solid #fff;
}
.equipements #midTop h2 {
	width:auto;
}
.equipements #productInfos {
	padding:0 0 0 12px;
}
.equipements #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}

.boxEquipment {
	width:539px; background:url(images/equipments-box-bot.gif) right bottom no-repeat; position:relative;
}
.boxEquipmentLast {
	background:none;
}
.boxEquipment .boxImg {
	padding:0 35px 0 0; float:left;
}
.boxEquipment .titles {
	position:absolute; top:21px; left:17px;
}
.boxEquipment h3 {
	text-transform:uppercase; color:#fff; font-size:20px; width:220px; margin:0 0 -5px 0; display: none;
}
.boxEquipment h4 {
	color:#fff; font-size:30px; width:220px;
}
.boxEquipment .cont {
	width:225px; float:left; color:#28485e; padding:30px 0 0 0; line-height:19px;
}
.boxEquipment .text {
	height:39px; width:245px; background:#bfbbb6; color:#fff; padding:12px 0 0 18px; position:absolute; bottom:0; left:0;
}
.boxEquipment2 .imgBig {
	border-bottom:11px solid #bfbbb6;
}
.boxEquipment2 img, .boxEquipment3 img {
	border-bottom:11px solid #bfbbb6;
}
.boxEquipment .boxImg ul {
	bottom:26px; left:8px; position:absolute;
}
.boxEquipmentNoText .boxImg ul {
	bottom:66px;
}
.boxEquipment .boxImg li {
	float:left; padding:0 0 0 10px;
}
.boxEquipment .boxImg li a {
	 border:1px solid #fff; display:block;
}
.boxEquipment .boxImg li img {
	border:0;
}

/* ------------------------------------------
	/securite.php
------------------------------------------ */

.securite #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;
}
.securite #midTop {
	border-bottom:2px solid #fff;
}
.securite #midTop h2 {
	width:auto;
}
.securite #productInfos {
	padding:0 0 0 12px;
}
.securite #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}

/* ------------------------------------------
	/recherche.php
------------------------------------------ */

.recherche #content {
	height:100%;
}
.recherche #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px;
}
.recherche #midTop h2 {
	top:19px; font-size:24px;
}
.recherche #catalogue {
	padding:149px 0 0 0;
}
.recherche #productInfos {
	padding:0 0 0 12px;
}
.recherche #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
#mySearchLabel {
	height:29px; background:#bfbbb6; padding:18px 0 0 13px; color:#fff; width:524px; margin:2px 0 15px 0;
}
.boxResult {
	padding:0 0 25px 24px; width:495px; color:#16739c;
}
.sIFR-hasFlash .boxResult h3, .boxResult h3, .sIFR-hasFlash .boxResult h3 a, .boxResult h3 a {
	background:#dae2e7; font-size:16px; color:#28485e; padding:3px 0 3px 25px; visibility:visible; letter-spacing:normal; margin:0 0 9px 0; text-decoration:none;
}
.boxResult a {
	font-weight:bold; color:#16739c; text-decoration:none; margin:0 0 0 24px;
}
.recherche #boxesResults {
	padding:25px 0 0 0;
}

/* ------------------------------------------
	/equipments.php
------------------------------------------ */

.equipments #content {
	height:100%;
}

/* ------------------------------------------
	/productBox.php
------------------------------------------ */

.productBox #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;
}
#boxesProduct {
	padding:35px 0 0 0;
}
.boxProduct {
	position:relative; min-height:144px; padding:0 0 0 14px; margin:0 0 17px 0;
}
.boxProductLast {
	margin:0;
}
.boxProduct img {
	float:left; margin:0 15px 0 0;
}
.boxProduct .cont {
	width:305px; float:left; position:relative; padding:0 0 33px 0; min-height:111px; 
}
.sIFR-hasFlash .boxProduct h3, .boxProduct h3 {
	font-size:13px; color:#787169; visibility:visible; letter-spacing:normal; text-transform:uppercase; padding:0 0 0 5px; margin:0 0 10px 0; height:23px; border-left:8px solid #787169;
}
.boxProduct p {
	color:#28485e;
}
.boxProduct a {
	color:#fff; background:#8d8d8d url(images/entretien-0-arrow.gif) top right no-repeat; width:276px; height:19px; padding:4px 29px 0 0; bottom:0; left:0; position:absolute; text-align:right; display:block; text-decoration:none; font-weight:bold;
}
.productBox .moreArrow {
	margin:0 0 0 430px;
}

/* ------------------------------------------
	/glossary.php
------------------------------------------ */

.glossary #content {
	height:100%;
}
.glossary #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px;
}
.glossary #pdv {
	bottom:-20px;
}
.glossary #midTop h2 {
	top:19px; font-size:24px;
}
.glossary #catalogue {
	padding:149px 0 0 0;
}
.glossary #productInfos {
	padding:0 0 0 12px;
}
.glossary #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
#glossaryNav {
	height:43px; background:#bfbbb6; padding:4px 0 0 13px; color:#fff; width:524px; margin:2px 0 15px 0;
}
#glossaryNav ul {
	padding:5px 0 0 0;
}
#glossaryNav li {
	float:left; padding:4px 7px 0 0;
}
#glossaryNav .on {
	padding:0 7px 0 0;
}
#glossaryNav li a {
	color:#fff; font-size:12px; text-decoration:none; font-weight:bold;
}
#glossaryNav .on a {
	color:#14739f; font-size:18px; font-weight:normal;
}
#glossaryNav .off {
	color:#dadada; font-weight:bold; font-size:12px;
}
#boxesGlossary {
	border-bottom:1px solid #c2beb9; margin:0 0 0 24px; width:495px;
}
.boxGlossary {
	padding:0 0 8px 0; width:495px; color:#28485e;
}
.sIFR-hasFlash .glossary h3, .glossary h3 {
	background:#dae2e7; font-size:16px; color:#28485e; padding:3px 0 3px 25px; visibility:visible; letter-spacing:normal; margin:0 0 9px 0;
}
.boxGlossary p {
	padding:0 0 0 24px;
}

/* ------------------------------------------
	/boxLarge.php
------------------------------------------ */

.boxLarge #content {
	height:100%;
}
.boxLarge #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px;
}
.boxLarge #midTop h2 {
	width:auto;
}
.boxLargeImg {
	background:url(images/equipments-box-bot.gif) right bottom no-repeat; width:527px;
}
.boxLargeImg img {
	float:left; margin:0 28px 0 0; border-bottom:11px solid #bfbbb6;
}
.boxLargeImg .cont {
	float:left; width:236px;
}
.sIFR-hasFlash .boxLargeImg h3, .boxLargeImg h3 {
	visibility:visible; letter-spacing:normal; color:#28485e; font-size:14px; padding:24px 0 16px 0;
}
.boxLargeImg p {
	color:#28485e; font-size:11px; line-height:19px;
}

/* ------------------------------------------
	/contactez-nous.php
------------------------------------------ */

.contact #content {
	height:100%;
}
.contact #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;
}
.contact #midTop h2 {
	top:19px; font-size:24px;
}
.contact #catalogue {
	padding:149px 0 0 0;
}
.contact #productInfos {
	padding:0 0 0 12px;
}
.contact #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
.contact .intro {
	margin:2px 0 0 0; width:519px; height:201px; position:relative;
}
.contact .intro strong {
	color:#FFFFFF; position:absolute; bottom:20px; left:0; padding:0 5px 0 15px; font-size:12px;
}
.contact .boxForm .clear {
	height:1px;
}

/* ------------------------------------------
	Formulaire base
------------------------------------------ */

.boxForm {
	padding:20px 0 20px 20px; width:500px;
}
.boxForm label {
	float:left; margin:6px 0; width:80px;
}
.boxForm input,.boxForm select {
	float:left; margin:4px 20px 4px 0; padding-left:2px; width:140px; background:#EAEAEA; border:1px solid #8D8D8D;
}
.boxForm input,.boxForm select {
	width:134px;
}

.boxForm textarea {
	float:left; margin:4px 0; padding-left:2px; width:385px; height:115px; overflow:auto; background:#EAEAEA; border:1px solid #8D8D8D;
}
.boxForm .mandatory {
	padding:0 35px 0 0; color:#787169; font-size:10px; text-align:right;
}
.boxForm .warning {
	color:#ce2020;
}

.radioInline .warning {
	color:#ce2020;
}

.boxCheck {
	padding:10px; width:500px; background:#BFBBB6;
}
.boxCheck label {
	vertical-align:2px;
}
.radioChoice {
	padding:20px;
}
.radioChoice input {
	vertical-align:-2px;
}
.radioInline {
	padding:0 20px 20px 20px;
}
.radioInline input {
	margin-left:20px; vertical-align:-2px;
}
.checkList {
	padding:20px; width:480px; height:1%;
}
.checkList input {
	float:left;
}
.checkList label {
	float:left; margin:3px 0 4px 5px; width:130px;
}
.cnil {
	padding:20px; width:480px; color:#787169;
}
.mixte {
	padding:20px;
}
.mixte em {
	color:#787169;
}
.mixte .radioInline, .mixte .boxForm {
	padding:0;
}
.btnForm {
	padding:10px 0; width:443px; float:right;
}
.btnForm .mandatory {
	float:left; padding:3px 0 0 20px; color:#787169; font-size:10px;
}
.btnForm input, .btnForm a {
	margin:0 0 0 10px; padding:1px 0; width:100px; color:#FFFFFF; font-weight:bold; background:#28485E; border:0; float:left;
}
.btnForm a {
	display:block; text-align:center; text-decoration:none; padding:2px 0 3px 0;
}
#messageSend {
	font-size:12px; color:#28485e; text-align:center; width:520px; padding:80px 0 120px 0; font-weight:bold;
}

/* ------------------------------------------
	/demande-catalogue.php
------------------------------------------ */

.demande-catalogue #content {
	height:100%;
}
.demande-catalogue #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;  min-height:520px; height:auto!important; height:520px;
}
.demande-catalogue #midTop h2 {
	top:19px; font-size:24px; white-space:nowrap;
}
.demande-catalogue #catalogue {
	padding:149px 0 0 0;
}
.demande-catalogue #productInfos {
	padding:0 0 0 12px;
}
.demande-catalogue #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
.demande-catalogue .intro {
	margin:2px 0 0 0; width:519px; height:190px; position:relative;
}
.demande-catalogue .intro strong {
	color:#FFFFFF; position:absolute; bottom:15px; left:0; padding:0 130px 0 15px; font-size:12px;
}

.step { 
	padding:7px 0 7px 70px; width:450px; color:#28485e; font-size:16px; font-weight:bold; background:url(images/step-01.gif) no-repeat left #BFBBB6;
}
.step1 {
	background-image:url(images/step-01.gif);
}
.step2 {
	background-image:url(images/step-02.gif);
}
.step3 {
	background-image:url(images/step-03.gif);
}
.demande-catalogue .boxForm input { 
	width:130px;
}
.demande-catalogue .boxForm .tiny {
	width:70px;
}

.demande-catalogue .boxForm .large { 
	width:110px;
}
.demande-catalogue .btnForm {
	float:none; width:auto;
}
.demande-catalogue .btnForm #cancelBtn {
	margin:0 0 0 37px; display:block;
}
#btnFormValidCatalogue {
	width:519px;
}
#btnFormValidCatalogue a {
	float:right;
}
#lprojectzipcode, #projectzipcode, #lprojectcity, #projectcity, #lprojectcountry, #projectcountry {
	display:none;
}

/* ------------------------------------------
	/points-vente.php
------------------------------------------ */
#mapGContent{top:-1000px; left:23px; position:absolute; z-index:10}
#mapG{width:495px; height:350px; color:#28485e; background:#000}
#mapGTools{width:485px; padding:5px 10px 5px 0; background:#bfbbb6; text-align:right}
#mapGTools a{color:#fff; font-weight:bold; text-decoration:none}
.points-vente #mid{background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px}
.points-vente #content{height:100%}
.points-vente #midContent{width:518px}
.points-vente #midTop h2{top:19px; font-size:24px; width:auto}
.points-vente #catalogue{padding:149px 0 0 0}
.points-vente #productInfos{padding:0 0 0 12px}
.points-vente #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.points-vente .intro{margin:2px 0 2px 0; width:518px; height:190px; position:relative; }
.points-vente .intro strong{color:#FFF; position:absolute; bottom:0; left:0; padding:0 15px 12px 15px; font-size:11px}
#searchDealerLocator{background:#bfbbb6; height:29px; width:509px; padding:10px 0 0 9px}
#searchDealerLocator strong{color:#28485e; float:left; display:block; padding:2px 7px 0 0}
#searchDealerLocator select, #searchDealerLocator input{color:#8d8d8d; font-weight:bold; border:1px solid #8d8d8d; float:left; font-size: 11px; }
#searchDealerLocator select{width:163px; height:18px; margin:0 15px 0 0}
#searchDealerLocator input{width:140px; height:14px; margin:0 5px 0 0}
#searchDealerLocator .btnOk{ margin:0 10px 0 0; }
.sIFR-hasFlash .points-vente h3, .points-vente h3{font-size:16px; color:#8d8d8d; visibility:visible; letter-spacing:normal; padding:20px 0 20px 22px}
.sIFR-hasFlash .points-vente h4, .points-vente h4{visibility:visible; letter-spacing:normal}
.points-vente h4, .points-vente h5{font-size:16px; color:#28485e}
.points-vente h4{background:#bfbbb6; padding:2px 0 2px 20px; height:1%}
.points-vente h5{background:#dae2e7; font-size:16px; color:#28485e; padding:1px 0 1px 25px; margin:18px 0 0 23px; height:1%; height:20px}

#boxesCity{padding:0 0 22px 0; border-bottom:1px solid #c2beb9; position:relative; z-index:9; min-height:173px; height:auto!important; height:173px}
.boxCity a{color:#14739f; text-decoration:none; font-weight:bold; background:url(images/access-arrow.gif) 21px 2px no-repeat; margin:10px 0 0 27px; display:block; text-indent:40px}
.boxCityLast{margin:0 0 15px 0!important; margin:0 0 15px 0}
.boxCity .contLeft, .boxCity .contRight{float:left; margin:15px 0 0 0}
.boxCity .contLeft{padding:0 0 0 46px; width:189px}
.boxCity, .boxCity .contRight a{color:#28485e; text-decoration:none}
.boxCity .contRight a{padding:0; margin:0; background:none; font-weight:normal; display:inline; float:none; text-indent:0px}
.boxCity .phone, .boxCity .mail, .boxCity .website, .boxCity .contact{padding:0 0 0 20px; margin:0 0 3px 0}
.boxCity .phone{background:url(images/phone.gif) 1px 0 no-repeat}
.boxCity .mail{background:url(images/email.gif) 0 4px no-repeat}
.boxCity .website{background:url(images/website.gif) 0 4px no-repeat}
.boxCity .contact{background:url(images/contact.gif) no-repeat}

#searchDealerLocator #btnOk { display: block; width: 25px; height: 18px; border: 0; background: #28485e; padding:0;  }

.boxCity .visite a { text-align: left;  padding-left: 15px; font-size: 16px; background: none; color:  #0070bc; background: url(../images/logo_visite_magiline.png) no-repeat left; margin-left: 210px; }
.boxCity .visite a span {margin-left: 90px;  color: #14739f; font-size: 11px; }
/* ------------------------------------------
	/informations-legales.php
------------------------------------------ */

.informations-legales #midTop h2 {
	top:19px; font-size:18px; width:auto;
}

/* ------------------------------------------
	/plan-site.php
------------------------------------------ */

.plan-site #content {
	height:100%;
}
.plan-site #mid {
	background:url(images/actualites-bg.gif) top right repeat-y;
}
.plan-site #midTop h2 {
	top:19px; font-size:24px;
}
.plan-site #catalogue {
	padding:149px 0 0 0;
}
.plan-site #productInfos {
	padding:0 0 0 12px;
}
.plan-site #productInfos img {
	margin:-2px 0 -2px -12px; border-top:2px solid #fff;
}
.plan-site a {
	color:#28485e; text-decoration:underline;
}
.plan-site #boxesResults {
	padding:25px 0 0 0;
}
.plan-site .s2 {
	margin:0 0 0 10px;
}
.plan-site .s3 {
	margin:0 0 0 20px;
}
.plan-site .s4 {
	margin:0 0 0 30px;
}

/* ------------------------------------------
	/error404.php
------------------------------------------ */

.error404 #content{height:auto; margin:0 0 10px 0}
.error404 #mid{background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px}
.error404 #midTop h2{top:19px; font-size:24px}
.error404 #catalogue{padding:149px 0 0 0}
.error404 #productInfos{padding:0 0 0 12px}
.error404 #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.error404 #mid strong{margin:20px 0 0 20px; font-size:12px; color:#28485e; display:block}


/* ------------------------------------------
	/flashContent.php
------------------------------------------ */

.flashContent #content {
	margin:0 0 10px 0; height:100%;
}
.flashContent #mid {
	background:url(images/actualites-bg.gif) top right repeat-y; min-height:520px; height:auto!important; height:520px;
}
.flashContent #midTop h2 {
	width:auto;
}
#flashEx {
	color:#fff; background:#bfbbb6; font-weight:bold; text-align:center; padding:2px 0; width:537px;
}

/* ------------------------------------------
	/referencement.php
------------------------------------------ */

.referencement #content{height:1%; margin:0 0 10px 0}
.referencement #mid{min-height:520px; height:auto!important; height:520px}
.referencement #midTop h2{top:5px; width:auto}
.referencement #catalogue{padding:149px 0 0 0}
.referencement #productInfos{padding:0 0 0 12px}
.referencement #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.referencement #mid strong{margin:20px 0 0 20px; font-size:12px; color:#28485e; display:block}
.referencement #textref{padding:20px 0 25px 24px; width:495px}
.referencement #mid #textref strong{display:inline; margin:0}
.referencement a{color:#28485e; text-decoration:underline;}

/* ------------------------------------------
	/entreprise.php
------------------------------------------ */

.entreprise #productInfos {
	padding:0 0 0 12px; margin:-2px 0 0 0;
}
.entreprise #productInfos img {
	margin:0 0 -2px -12px; border-top:2px solid #fff;
}

/* ------------------------------------------
	/articles.php
------------------------------------------ */

.articles #midLeft{float:left; position:relative}
.articles #midMid{float:left; width:226px; padding:0 20px 0 30px}
.articles #scrollTools{top:67px; left:770px}
.articles #productInfos{padding:0 0 0 12px}
.articles #productInfos img{margin:-2px 0 -2px -12px; border-top:2px solid #fff}
.boxArticle{padding:0 0 10px 0}
.boxArticle .articleImg{float:left; margin:0 10px 0 0}
.boxArticle .cont{float:left; width:135px; color:#28485e}
.boxArticle .contNoImg{width:195px}
.boxArticle .cont a{color:#28485e; text-decoration:underline}


/* ------------------------------------------
	/partenaires.php
------------------------------------------ */


.partenaires #productInfos{padding:0 0 0 12px; margin:-2px 0 0 0}
.partenaires #productInfos img{margin:0 0 -2px -12px; border-top:2px solid #fff}
.sIFR-hasFlash .partenaires h3{background:#dae2e7; font-size:16px; color:#28485e; padding:3px 0 3px 25px; visibility:visible; letter-spacing:normal; margin:0 0 9px 0; text-decoration:none}
.partenaires #content{height:auto; }
.boxPartenaires{width:519px; padding:0}
.boxPartenaires .boxesLogos1{padding:0 0 0 150px}
.boxPartenaires .boxesLogos2{padding:0 0 0 30px}
.boxPartenaires .boxLogos{float:left; padding:0 20px; text-align:center; width:192px}
.boxPartenaires .boxLogos .logo{height:80px}
.boxPartenaires a{color:#28485e; text-decoration:none}

/* ------------------------------------------
	/distributeurs.php
------------------------------------------ */

.distributeur #container #content div a {text-decoration:none; color:#0098B6;}
.distributeur #container #content div a:hover {text-decoration:underline;}
.distributeur #container #content div {display:inline-table; width:48%; vertical-align:top; float: left;}
.distributeur #container #content div h2 {font-family:Arial; font-size:18px; font-weight:bold; color:#284B93; margin:10px 0 10px 0;}
.distributeur #container #content div h1 {font-family:Arial; font-size:21px; font-weight:bold; color:#284B93; margin:10px 0 10px 0;}
.distributeur #container #content div p {font-family:Arial; font-size:13px; color:#000; text-align:justify; margin:0 0 0;}
.distributeur #container #content div div#map {float:left; display:block; margin-right:5px;}
.distributeur #container #content div div {display:block;}
.distributeur #container #content div#distributeur,.distributeur #container #content div#offre {margin-right:35px;}
.distributeur #container #content div#offre img {margin-top:5px;}
.distributeur #offre img {width:473px;}
.distributeur #container #content #contact p { text-align: left; font-size: 12px;  }
.distributeur #container #content #contact a { font-size: 11px; }
.distributeur #container #content #galerie h3 { position: absolute; bottom: 3px; display: block; background: url(../images/background-galerie-h3.png); width: 100%; height: 15px; padding: 3px; }
.distributeur #container #content div#distributeur div { height: 180px; width: 475px;  display: block; margin-bottom:20px; }