ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a { text-decoration: none; color: #444C52; }
a:hover { text-decoration: underline; }

html {
  width: 100%;
  height: 100%;
  overflow: auto;
}

a img { border: 0; }

h2 {
  color: #008C67;
  font-weight: bold;
  font-size: 9pt;
  margin: 10pt 0 5pt 0;
}

h3 {
  color: #339966;
  font-weight: bold;
  font-size: 11px;
  margin: 0 0 5pt 0;
}


p {
	margin-bottom: 5pt;
	}
	
ul, ol {
	margin-left: 15pt;
	margin-bottom: 8pt;
	}

li {
	margin-bottom: 2pt;
	}

body {
  margin: 0;
  padding: 0;
	background-color: #444C52;
  text-align:center;
  background-image: url("../images/bg.gif");
  background-position: center center;
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  margin-bottom: 0px;
}

div#container {
    position:absolute;
  	left: 50%; 
  	top: 50%;
    width: 1020px;
    height: 560px;
    margin-top: -280px;
	  margin-left: -510px;
	  padding:0;
    }

div#page-container {
	position:absolute;
	top: 50px;
	left: 0;
	text-align:left;
	width: 1020px;
  height: 460px;
	}

div#contenu-impression {
	display: none;
	}
	

/********************************************************************************************/

#page-container .scroll-pane {
  overflow: auto;
  height: 100%;
  width: 100%;
}

#page-container .jScrollPaneTrack {
	background: url("/images/jscrollpane/track.gif") repeat-y;
}

#page-container .jScrollPaneDrag {
	background: url("/images/jscrollpane/drag_middle.gif") repeat-y;
}

#page-container .jScrollPaneDragTop {
	background: url("/images/jscrollpane/drag_top.gif") no-repeat;
	height: 7px;
	_height: 8px;
}

#page-container .jScrollPaneDragBottom {
	background: url("/images/jscrollpane/drag_bottom.gif") no-repeat;
	height: 7px;
	_height: 8px;
}

#page-container a.jScrollArrowUp {
	height: 24px;
	background: url("/images/jscrollpane/arrow_up.gif") no-repeat 0 -30px;
}

#page-container a.jScrollArrowUp:hover {
	background-position: 0 0;
}

#page-container a.jScrollArrowDown {
	height: 24px;
	background: url("/images/jscrollpane/arrow_down.gif") no-repeat 0 -30px;
}

#page-container a.jScrollArrowDown:hover {
	background-position: 0 0;
}

/* IE SPECIFIC HACKED STYLES */
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/********************************************************************************************/


#flash-msg {
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	overflow: hidden;
	position: fixed;
	color: #AAAAAA;
	}

#flash-msg a { color: #AAAAAA; text-decoration: underline; }

#comocean a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: -7890px;
	width: 80px;
	height: 80px;
	background: url(/images/design-by-com-ocean.gif) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}

/***************************************** MENU LANG *********************************/

div#menulang {
	position:absolute;
	top: 32px;
	left: 25px;
	height: 20px;
	text-align:left;
	padding: 0;
	margin: 0;
	}

div#menulang img {
	position: relative
	}

div#menulang ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div#menulang li {
	display: inline;
	padding: 0;
	margin: 0 10px 5px 0;
}

div#menulang a {
	padding: 0;
	margin: 0;
	color: #CCCCCC;
}

div#menulang a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

/***************************************** MENU DU HAUT (menu1) *********************************/

div#menu1-fr, div#menu1-en {
	position:absolute;
	top: 32px;
	left: 420px;
	height: 20px;
	text-align:left;
	}

div#menu1-en {
	left: 492px;
	}

#menu1-fr ul, #menu1-en ul {
	margin:0;
	padding: 0;
	list-style:none;
}

#menu1-fr ul li, #menu1-en ul li  {
	padding: 0;
	display:inline;
}

#menu1-fr ul li a, #menu1-en ul li a {
	margin: 0;
	background-repeat: no-repeat;
	outline:none;
	float:left;
	height: 20px;
	margin-right: 10px;
	text-decoration: none;
}

#menu1-fr ul li a:hover, #menu1-en ul li a:hover{
	text-decoration: none;
	}

#menu1-fr a#m1--off { width: 65px; background-image:url(../images/menu1/off/accueil.gif);}
#menu1-fr a#m1--off:hover { background-image:url(../images/menu1/over/accueil.gif);}
#menu1-fr a#m1--on { width: 65px; background-image:url(../images/menu1/on/accueil.gif);}

a#m1-prescrire-off { width: 80px; background-image:url(../images/menu1/off/prescrire.gif);}
a#m1-prescrire-off:hover { background-image:url(../images/menu1/over/prescrire.gif);}
a#m1-prescrire-on { width: 80px; background-image:url(../images/menu1/on/prescrire.gif);}

a#m1-mettre-en-oeuvre-off { width: 132px; background-image:url(../images/menu1/off/mettre-en-oeuvre.gif);}
a#m1-mettre-en-oeuvre-off:hover { background-image:url(../images/menu1/over/mettre-en-oeuvre.gif);}
a#m1-mettre-en-oeuvre-on { width: 132px; background-image:url(../images/menu1/on/mettre-en-oeuvre.gif);}

a#m1-creer-les-espaces-off { width: 134px; background-image:url(../images/menu1/off/creer-les-espaces.gif);}
a#m1-creer-les-espaces-off:hover { background-image:url(../images/menu1/over/creer-les-espaces.gif);}
a#m1-creer-les-espaces-on { width: 134px; background-image:url(../images/menu1/on/creer-les-espaces.gif);}

a#m1-catalogue-produit-off { width: 138px; background-image:url(../images/menu1/off/catalogue-produit.gif);}
a#m1-catalogue-produit-off:hover { background-image:url(../images/menu1/over/catalogue-produit.gif);}
a#m1-catalogue-produit-on { width: 138px; background-image:url(../images/menu1/on/catalogue-produit.gif);}


#menu1-en a#m1--off { width: 50px; background-image:url(../images/menu1/off/home.gif);}
#menu1-en a#m1--off:hover { background-image:url(../images/menu1/over/home.gif);}
#menu1-en a#m1--on { width: 50px; background-image:url(../images/menu1/on/home.gif);}

a#m1-specifying-off { width: 84px; background-image:url(../images/menu1/off/specifying.gif);}
a#m1-specifying-off:hover { background-image:url(../images/menu1/over/specifying.gif);}
a#m1-specifying-on { width: 84px; background-image:url(../images/menu1/on/specifying.gif);}

a#m1-installation-off { width: 96px; background-image:url(../images/menu1/off/installation.gif);}
a#m1-installation-off:hover { background-image:url(../images/menu1/over/installation.gif);}
a#m1-installation-on { width: 96px; background-image:url(../images/menu1/on/installation.gif);}

a#m1-creating-spaces-off { width: 121px; background-image:url(../images/menu1/off/creating-spaces.gif);}
a#m1-creating-spaces-off:hover { background-image:url(../images/menu1/over/creating-spaces.gif);}
a#m1-creating-spaces-on { width: 121px; background-image:url(../images/menu1/on/creating-spaces.gif);}

a#m1-product-catalog-off { width: 127px; background-image:url(../images/menu1/off/product-catalog.gif);}
a#m1-product-catalog-off:hover { background-image:url(../images/menu1/over/product-catalog.gif);}
a#m1-product-catalog-on { width: 127px; background-image:url(../images/menu1/on/product-catalog.gif);}


/***************************************** MENU DU BAS (menu2) *********************************/

div#menu2 {
	position:absolute;
	top: 510px;
	left: 25px;
	height: 20px;
	text-align:left;
	z-index: 9;
	}

#menu2 ul {
	margin:0;
	padding: 0;
	list-style:none;
}

#menu2 ul li {
	padding: 0;
	display:inline;
}

#menu2 ul li a {
	margin: 0;
	background-repeat: no-repeat;
	outline:none;
	float:left;
	height: 20px;
	margin-right: 7px;
	text-decoration: none;
}

#menu2 ul li a:hover {
	text-decoration: none;
	}
	
a#m2-qui-sommes-nous-off { width: 119px; background-image:url(../images/menu2/off/qui-sommes-nous.gif);}
a#m2-qui-sommes-nous-off:hover { background-image:url(../images/menu2/over/qui-sommes-nous.gif);}
a#m2-qui-sommes-nous-on { width: 119px; background-image:url(../images/menu2/on/qui-sommes-nous.gif);}

a#m2-savoir-faire-off { width: 89px; background-image:url(../images/menu2/off/savoir-faire.gif);}
a#m2-savoir-faire-off:hover { background-image:url(../images/menu2/over/savoir-faire.gif);}
a#m2-savoir-faire-on { width: 89px; background-image:url(../images/menu2/on/savoir-faire.gif);}

a#m2-references-off { width: 85px; background-image:url(../images/menu2/off/references.gif);}
a#m2-references-off:hover { background-image:url(../images/menu2/over/references.gif);}
a#m2-references-on { width: 85px; background-image:url(../images/menu2/on/references.gif);}

a#m2-telechargements-off { width: 118px; background-image:url(../images/menu2/off/telechargements.gif);}
a#m2-telechargements-off:hover { background-image:url(../images/menu2/over/telechargements.gif);}
a#m2-telechargements-on { width: 118px; background-image:url(../images/menu2/on/telechargements.gif);}

a#m2-liens-off { width: 46px; background-image:url(../images/menu2/off/liens.gif);}
a#m2-liens-off:hover { background-image:url(../images/menu2/over/liens.gif);}
a#m2-liens-on { width: 46px; background-image:url(../images/menu2/on/liens.gif);}

a#m2-contact-off { width: 62px; background-image:url(../images/menu2/off/contact.gif);}
a#m2-contact-off:hover { background-image:url(../images/menu2/over/contact.gif);}
a#m2-contact-on { width: 62px; background-image:url(../images/menu2/on/contact.gif);}

a#m2-actualites-off { width: 76px; background-image:url(../images/menu2/off/actualites.gif);}
a#m2-actualites-off:hover { background-image:url(../images/menu2/over/actualites.gif);}
a#m2-actualites-on { width: 76px; background-image:url(../images/menu2/on/actualites.gif);}

a#m2-news-off { width: 46px; background-image:url(../images/menu2/off/news.gif);}
a#m2-news-off:hover { background-image:url(../images/menu2/over/news.gif);}
a#m2-news-on { width: 46px; background-image:url(../images/menu2/on/news.gif);}

a#m2-about-platec-off { width: 68px; background-image:url(../images/menu2/off/about-us.gif);}
a#m2-about-platec-off:hover { background-image:url(../images/menu2/over/about-us.gif);}
a#m2-about-platec-on { width: 68px; background-image:url(../images/menu2/on/about-us.gif);}

a#m2-know-how-off { width: 75px; background-image:url(../images/menu2/off/know-how.gif);}
a#m2-know-how-off:hover { background-image:url(../images/menu2/over/know-how.gif);}
a#m2-know-how-on { width: 75px; background-image:url(../images/menu2/on/know-how.gif);}

a#m2-portfolio-off { width: 70px; background-image:url(../images/menu2/off/portfolio.gif);}
a#m2-portfolio-off:hover { background-image:url(../images/menu2/over/portfolio.gif);}
a#m2-portfolio-on { width: 70px; background-image:url(../images/menu2/on/portfolio.gif);}

a#m2-links-off { width: 46px; background-image:url(../images/menu2/off/links.gif);}
a#m2-links-off:hover { background-image:url(../images/menu2/over/links.gif);}
a#m2-links-on { width: 46px; background-image:url(../images/menu2/on/links.gif);}