/* Layout */

div.page {
  float:left;
  top: 0;
  left: 50%;
  width: 778px;
  margin-left: -389px;
  min-height:55em;
  height:55em;
  position: absolute;
}

html>body div.page{
  height:auto;
}

div.bg-left {
  float:left;
  top:0;
  left:50%;
  width:237px;
  height:235px;
  margin-left: -626px;
  position:absolute;
}

/* -- Header --------- */
div.header {
  top: 0;
  left:0;
  width:778px;
  height:164px;
  background-image:url(/images/bg-header.jpg);
  background-repeat:no-repeat;
  position:relative;
}

div.ico-contact {
	top: 10px;
	right: 25px;
	width:auto;
	z-index:2;
	position:absolute;
}

/* -- Menu ----------- */
div.menu-partenaires {
  top: 229px;
  left:490px;
  width:15px;
  height:16px;
  z-index:1;
  position:absolute;
}

div.menu-partenaires-txt {
  top:212px;
  left:496px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

div.menu-nouveautes {
  top: 221px;
  left:641px;
  width:17px;
  height:15px;
  z-index:1;
  position:absolute;
 
}

div.menu-nouveautes-txt {
  top:224px;
  left:658px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

div.menu-nouveautes-produits {
  top: 245px;
  left:573px;
  width:17px;
  height:15px;
  z-index:1;
  position:absolute;
  /* border: 3px solid white; */
}

div.menu-nouveautes-produits-txt {
  top:255px;
  left:590px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

div.menu-competences {
  top: 174px;
  left:645px;
  width:24px;
  height:24px;
  z-index:1;
  position:absolute;
}

div.menu-competences-txt {
  top:175px;
  left:504px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

div.menu-produits {
  top: 116px;
  left:673px;
  width:47px;
  height:46px;
  z-index:1;
  position:absolute;
}

div.menu-produits-txt {
  top: 130px;
  left:583px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}


div.menu-produits-nouveaux {
  top: 90px;
  left:600px;
  width:47px;
  height:46px;
  z-index:1;
  position:absolute;
}

div.menu-produits-nouveaux-txt {
  top: 100px;
  left:500px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}


div.menu-catalogue {
  top: 185px;
  left:685px;
  width:17px;
  height:15px;
  z-index:1;
  position:absolute;
}

div.menu-catalogue-txt {
  top: 188px;
  left:700px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

div.menu-societe {
  top: 100px;
  left:728px;
  width:17px;
  height:17px;
  z-index:1;
  position:absolute;
}

div.menu-societe-txt {
  top: 90px;
  left:690px;
  width:auto;
  height:15px;
  z-index:2;
  position:absolute;
}

/* -- Search ------------------------------------------------ */
div.catalogue-search {
	float:left;
	top: 210px;
	left:10px;
	width:300px;
	height:auto;
	color:#666;
	z-index:5;
	position:absolute;
}

input.search-input {
	width:150px;
	color:#666;
	border:1px solid #666;
}

input.search-btn {
	width:auto;
	color:#666;
	border:1px solid #666;
}

/* -- Content ----------------------------------------------- */
div.content-titre {
  float:left;
  width:600px;
  margin-top:120px;
  left:80px;
  position:relative;
}

div.content-stitre1 {
  float:left;
  width:600px;
  padding-top:2px;
  padding-left:101px;
  position:relative;
}

div.content-stitre2 {
  float:left;
  width:600px;
  padding-left:101px;
  position:relative;
}

div.content-bloc {
  float:left;
  left:80px;
  width:600px;
  position:relative;
}

div.content-bloc-left {
  float:left;
  left:80px;
  width:450px;
  position:relative;
}

div.content-bloc-right {
  float:right;
  top:26px;
  right:0px;
  width:218px;
  position:relative;
}

div.content-part-left {
  float:left;
  left:80px;
  width:250px;
  position:relative;
}

div.content-part-right {
  float:right;
  right:80px;
  width:250px;
  position:relative;
}

/* -- Home -------------------------------------------------- */
div.content-home {
  float:left;
  width:778px;
  height:395px;
  background-image:url(/images/home/bg-home.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid #333;
}

div.home-text {
  float:left;
  top:340px;
  left:200px;
  width:450px;
  position:absolute;
}

/* -- Partenaires ------------------------------------------- */
div.content-partenaires {
  float:left;
  width:778px;
  background-image:url(/images/partenaires/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#9E4C58;  
  border-bottom:1px solid #333;
}

div.partenaires-text {
  float:right;
  width:450px;
  position:relative;
}

div.partenaires-logo {
  float:left;
  width:146px;
  height:60px;
  position:relative;
}

/* -- Nouveautes -------------------------------------------- */
div.content-nouveautes {
  float:left;
  width:778px;
  min-height:350px;
  background-image:url(/images/nouveautes/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#8C3A78;
  border-bottom:1px solid #333;
}

/* -- Competences ------------------------------------------- */
div.content-competences {
  float:left;
  width:778px;
  background-image:url(/images/competences/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#2A4993;
  border-bottom:1px solid #333;
}

div.competences-n1 {
  float:left;
  width:100%;
  margin-top:25px;
  position:relative;
}

div.competences-n2 {
  float:left;
  width:100%;
  padding-left:20px;
  margin-top:5px;
  padding-left:20px;
  position:relative;
}


div.logotoxem {
  float: right;

}



/* -- Produits Majeurs -------------------------------------- */
div.content-produits {
  float:left;
  width:778px;
  background-image:url(/images/produits/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#F1B650;
  border-bottom:1px solid #333;
}

div.produits-photo {
  float:right;
  top:350px;
  margin-right:40px;
}

div.content-bloc-left-nouv 
{
  margin: 0;
  padding: 0;
  float:left;
  left:80px;
  width:695px; 
  position:relative;
}

div.titre-nouveautes
{
   margin: 10px 0 5px 0; 
   padding: 0;
   text-transform: uppercase;
}

div.nouveautes
{
  margin: 0 0 0 0;
  padding: 0;
  width: 500px;
  float: left;
  text-align: justify;
  /* position:relative; */
}

div.nouveautes-image
{
   float: right;
   margin: 0;
   padding: 0 40px 0 0;
} 

/* -- Catalogue --------------------------------------------- */
div.content-catalogue {
  float:left;
  width:778px;
  height:auto;
  background-image:url(/images/catalogue/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#fff;
  border-bottom:1px solid #333;
}

td.produits-catalogue {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color:#666;
}

td.produits-catalogue-titre {
  color: #666;
  font-size:11px;
  border-top:1px solid #f2f2f2;
  border-right:1px solid #d2d2d2;
  border-bottom:1px solid #b2b2b2;
  border-left:1px solid #c2c2c2;
  background-color:#e2e2e2;
  padding:2px;
}

div.produits-catalogue-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  font-weight:bold;
  color:#666;
  background-color:#d2d2d2;
  padding: 4px;
  margin: 30px 0 5px 0;
  position:relative;
}

div.catalogue-photos {
  float:left;
  top:350px;
  right:60px;
  width:120px;
  z-index:5;
  position:absolute;
}

div.prodcat1 {
  float:left;
  width:300px;
  padding: 4px;
  margin-top:10px;
  position:relative;
}

div.prodcat1-onglet {
  float:left;
  width:41px;
  height:22px;
  margin-top:10px;
  position:relative;
}

div.prodtitre1 {
  font-size:12px;
  padding: 10px 0 0 0;
}

div.prodcat2 {
  float:left;
  width:100%;
  padding-top: 8px;
  padding-left:20px;
  position:relative;
}

div.prodtitre2 {
  font-size:11px;
  padding: 10px 0 0 0;
}

div.prodcat3 {
  float:left;
  width:100%;
  font-size:10px;
  margin-top:2px;
  padding-left:35px;
  position:relative;
}

div.prodtitre3 {
  font-size:11px;
  font-weight:bold;
  padding: 15px 0 0 0;
}

div.prodcat4 {
  float:left;
  width:100%;
  margin-top:8px;
  padding-left:60px;
  position:relative;
}

div.prodtitre4 {
  color:#333;
  font-size:11px;
  padding: 10px 0 0 0;
}

div.prodcat5 {
  float:left;
  width:100%;
  margin-top:8px;
  padding-left:80px;
  position:relative;
}

div.prodtitre5 {
  font-size:11px;
  font-style:italic;
  padding: 10px 0 0 0;
}

div.prodref {
  float:left;
  width:100%;
  padding-left:100px;
  position:relative;
}

/* -- Produits -- */
div.produits-hemostase {
  float:left;
  width:778px;
  height:auto;
  color: #c14244;
  background-image:url(/images/produits-hemostase/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#F4D8CC;
  border-bottom:1px solid #333;
}

td.produits-hemostase-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #faebea;
  border-right:1px solid #dd907b;
  border-bottom:1px solid #c7836f;
  border-left:1px solid #eaada0;
  background-color:#e9a99f;
  padding:2px;
}

div.produits-hemostase-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#b01016;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-hemostase {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color:#c14244;
}

div.produits-biochimie {
  float:left;
  width:778px;
  height:auto;
  color: #bc9634;
  background-image:url(/images/produits-biochimie/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#FFF2DF;
  border-bottom:1px solid #333;
}

td.produits-biochimie-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #fbe0a3;
  border-right:1px solid #f0a938;
  border-bottom:1px solid #e9b84a;
  border-left:1px solid #fad681;
  background-color:#fbc25e;
  padding:2px;
}

div.produits-biochimie-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#febf40;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-biochimie {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color:#bc9634;
}

div.produits-mycologie {
  float:left;
  width:778px;
  height:auto;
  color: #8374b5;
  background-image:url(/images/produits-mycologie/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#E3DFF0;
  border-bottom:1px solid #333;
}

td.produits-mycologie-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #a68fb9;
  border-right:1px solid #83539c;
  border-bottom:1px solid #794488;
  border-left:1px solid #b29ccb;
  background-color:#a082b8;
  padding:2px;
}

div.produits-mycologie-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#715fa9;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-mycologie {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color: #8374b5;
}

div.produits-limulus {
  float:left;
  width:778px;
  height:auto;
  color: #4d7bbc;
  background-image:url(/images/produits-limulus/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#DBDEF1;
  border-bottom:1px solid #333;
}

td.produits-limulus-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #94bee2;
  border-right:1px solid #5f8bb8;
  border-bottom:1px solid #3b83b0;
  border-left:1px solid #b3cfec;
  background-color:#70adde;
  padding:2px;
}

div.produits-limulus-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#2964af;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-limulus {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color: #4d7bbc;
}

div.produits-mutageneicite {
  float:left;
  width:778px;
  height:auto;
  color: #31c3ae;
  background-image:url(/images/produits-mutageneicite/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#E0F0EF;
  border-bottom:1px solid #333;
}

td.produits-mutageneicite-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #81cdb7;
  border-right:1px solid #41b192;
  border-bottom:1px solid #169f7b;
  border-left:1px solid #a8ddd2;
  background-color:#3eb99a;
  padding:2px;
}

div.produits-mutageneicite-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#00b79e;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-mutageneicite {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color: #31c3ae;
}

div.produits-cytotoxicite {
  float:left;
  width:778px;
  height:auto;
  color: #94b470;
  background-image:url(/images/produits-cytotoxicite/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#EAF5E5;
  border-bottom:1px solid #333;
}

td.produits-cytotoxicite-titre {
  color: #fff;
  font-size:11px;
  border-top:1px solid #c1e2a2;
  border-right:1px solid #60b889;
  border-bottom:1px solid #4da85b;
  border-left:1px solid #c5e3ad;
  background-color:#81c362;
  padding:2px;
}

div.produits-cytotoxicite-titre2 {
  float:left;
  width:300px;
  font-size:12px;
  color:#fff;
  background-color:#89c765;
  padding: 4px;
  margin: 10px 0 10px 0;
  position:relative;
}

td.produits-cytotoxicite {
  padding:1px 5px 1px 5px;
  font-size:10px;
  color: #94b470;
}

/* -- Societe ----------------------------------------------- */
div.content-societe {
  float:left;
  width:778px;
  height:610px;  
  background-image:url(/images/societe/bg-page.jpg);
  background-repeat:no-repeat;
  background-color:#626DA5;
  /* border-bottom:1px solid #333; */
  /* border: 1px solid white; */
}

div.societe-batiment {
  top:308px;
  left:511px;
  width:267px;
  height:248px;
  z-index:1;
  position:absolute;
}

div.societe-bloc {
  top:288px;
  left:80px;
  width:380px;
  height:auto;
  z-index:2;
  position:absolute;
}

div.societe-text {
  position:relative;
}

div.societe-logo {
  top:0;
  left:0;
  width:auto;
  height:auto;
  position:relative;
}

/* -- Form ---------------------------------------------------- */
div.form-left {
  float:left;
  width:150px;
  text-align:right;
  padding:2px;
  position:relative;
}

div.form-right {
  float:right;
  width:430px;
  padding:2px;
  position:relative;
}

/* -- Copyright ----------------------------------------------- */
div.copyright {
  float:left;
  width:100%;
  margin-top:5px;
  text-align:center;
  position:relative;
}

/* -- Other --------------------------------------------------- */
.spacer {
  clear: both;
  font-size:50%;
  position:relative;
}