html, body {
      width: 100%;
      height:100%;
}

body {
     padding: 0;
     position: relative;
     width:800px;
     margin-left:auto;
     margin-right:auto;
     font-family:Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
     font-size: 12px;
	 background-color: #99CCFF;
	 /*background: url(images/bleu_ciel.jpg) no-repeat;*/
}

cont {
     width:800px;
     margin: 0 auto 0 auto;
}


a:hover {
	color: #ff0000;
}


  
/* TEXTE */


h1 {
	font-family: Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #3366cc;
	font-style: italic;
}

h2 {
	font-family: Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
	font-size: 18px;
	color: #3366cc;
	font-style: normal;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
	font-size: 13px;
	color: #3366cc;
	font-style: normal;
	font-weight: bold;
	width: 90%;
	text-align:justify;
}

p {
	font-family: Arial, Helvetica,'Bitstream Vera Sans',  sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	width: 90%;
	text-align:justify;
}

p a:link {
	text-decoration:none;
	color: #3366cc;
	font-weight: bold;
    }

p a:visited {
	text-decoration:none;
	font-weight: bold;
	color: #3366cc;
   }
   
p a:hover {
	color: #ff0000;
   }

li { 
	font-family: Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
	font-size: 12px;
   	font-weight: normal;
	color: #333333;
	font-style: normal;
	width: 90%;
	list-style-position: inside;
   } 

li a:link {
	text-decoration:none;
	color: #3366cc;
	font-weight: bold;
    }

li a:visited {
	text-decoration:none;
	font-weight: bold;
	color: #3366cc;
   }
   
li a:hover {
	color: #ff0000;
   }


img  {
    border:0px;
    }


table {
   border: outset 1px #3366cc;
   border-collapse : separate;
   border-spacing :0px;
   width:680px;
   }
 
 td {
   border: inset 1px #3366cc;
   border-collapse : separate;
   vertical-align: top;
   }

 tr a:hover {
 	background-color: #ffff99;
  }

 tr a:visited {
 	background-color: #ffccff;
  }


textarea,input,select {
	background-color: #ffffcc;
	border-color: #3366cc;
	border-style: solid;
	border-width: 1px;
	color: #660000;
	font-size: 12px;
	text-align:left;
	position: absolute;left:150px;
}


label { 
    color:#660000;
    text-align:left;
 }



/*---------------- */

.submit {
	background-color: #f3f7ff;
	border: 1px outset #cc3333;
	padding: 3px 2px 3px 2px;
	margin-left:5px;
	color: #660000;
	background-color: #fae6e7;
	font-size: 11px;
	text-align:center;
	cursor:pointer;
	position: absolute;left:300px;
}

.submit:hover {
    color: #660000;
	background-color: #ff9999;
	border: 1px inset #cc3333;
}

.focus {
   	font-weight: bold;
   }


.petit {
	font-family: Arial, Helvetica,'Bitstream Vera Sans',  sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #3366cc;
	font-style: normal;
	width: 90%;
	text-align:justify;
}

.explorateur {
	font-family: Arial, Helvetica,'Bitstream Vera Sans',  sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3366cc;
	font-style: normal;
	outline-color: transparent;
	outline-width: 1px;
    text-decoration: none;
}

.explorateur_petit {
	font-family: Arial, Helvetica,'Bitstream Vera Sans',  sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: red;
	font-style: normal;
}

.explorateur a:link {
	text-decoration:none;
	color: #3366cc;
    }

.explorateur a:visited {
	text-decoration:none;
	color: #3366cc;
   }

.explorateur a:active {
 	text-decoration:none;
	color: #3366cc;
   }
 
.explorateur a:hover {
   color:red;
   }

          
.explorateur_choix {
	font-family: Arial, Helvetica,'Bitstream Vera Sans',  sans-serif;
	font-size: 12px;
   	font-weight: bold;
	color: red;
    }

 
.puce {
    height:15px;
    width:15px;
    padding:2px 2px 2px 0;
    vertical-align:middle;
  }


.logo {
    padding: 5px 5px 5px 5px;
    vertical-align:middle;
  }
  
  
#info_legale {
	font-size: 11px;
	color: #3366cc;
	font-weight:bold;
    width:200px;
    position:absolute; top:540px; left:310px;
	text-align:center;
	background-color: transparent;
    z-index:3;
	}

#info_legale a:link {
	text-decoration:none;
	color: #3366cc;
	font-weight: bold;
    }

#info_legale a:visited {
	text-decoration:none;
	color: #3366cc;
   }

#info_legale a:active {
 	text-decoration:none;
	color: #3366cc;
   }
 
#info_legale a:hover {
   color:red;
   }


/* graphisme page*/

#logop {
     position:absolute; left:0px; top:0px;
	 width:252px; 
	 height:139px;
     visibility:hidden;
	 }


#logo {
     position:absolute; left:0px; top:0px;
	 width:268px; 
	 height:140px;
     }

#photo1 {
    position:absolute; left:268px; top:140px;
	width:522px; 
	height:59px;
	}

#photo2 {
    position:absolute; left:0px; top:199px;
	width:790px; 
	height:221px;
	}

	
#tube {
     position:absolute; left:0px; top:420px;
	 width:57px; 
	 height:268px;
     }
     

#principal {
     background-color: white;
     position: absolute; top: 420px; left: 0px;
	 width:790px;
	 background: url(../images/tube_s.jpg) repeat-y;
     z-index:2;

     }

#principal2 {
	width:790px;
	height:auto;
	z-index:2;
	background: url(../images/ba.jpg) repeat-y;	 
    padding-bottom:0px;
    }


#texte_central {
     background-color: transparent;
	 padding-left:10%;
     z-index:2;
	 }



#cadre_bas {
     width: 790px;
	 z-index:2;
	 }
	 
	 
#centre {
     background-color: white;
     margin-left:110px;
     background-color: transparent;
	 }




#devanture {
	 width:300px;
	 z-index:2;
    } 



/* Bulles */


#cadre_info {
	position: relative; left: 210px;
	background: url(../images/cadre_blanc.jpg) no-repeat;	
    width:500px;
    height:250px;
    z-index:2;
    } 
    
#infos_legales {
 	position: relative; left: -100px;top:50px;
    font-family: Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
	font-size: 10px;
	color: #3366cc;
	font-weight:bold;
	text-align:center;
    z-index:3;
   }


/* BOUTONS */
	
/*  bouton accueil */

#lien_acc { 
     position:absolute; left:268px; top:0px;
	 width:122px; 
	 height:140px;	 
	 background: url(../images/acc_r.jpg) no-repeat;
     }

#lien_acc a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/acc.jpg) no-repeat;  
	 color: black;
     }

#lien_acc a:hover { 
     background: transparent none repeat;
     }



/*  bouton ventilation */

#lien_ven { 
    position:absolute; left:390px; top:0px;
	width:100px; 
	height:140px;   
	background: url(../images/ven_r.jpg) no-repeat; 
    }

#lien_ven a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/ven.jpg) no-repeat;   
     color: black;
    }

#lien_ven a:hover { 
     background: transparent none repeat;
} 


/*  bouton client */

#lien_cli { 
     position:absolute; left:490px; top:0px;
	 width:99px; 
	 height:140px; 
	 background: url(../images/cli_r.jpg) no-repeat; 
    }

#lien_cli a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/cli.jpg) no-repeat;   
     color: black;
    }

#lien_cli a:hover { 
     background: transparent none repeat;
    } 


/*  bouton hydraulique */

#lien_hyd { 
      position:absolute; left:589px; top:0px;
	  width:100px; 
	  height:140px;
	  background: url(../images/hyd_r.jpg) no-repeat; 
     }

#lien_hyd a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/hyd.jpg) no-repeat;   
     color: black;
     }

#lien_hyd a:hover { 
     background: transparent none repeat;
     } 


/*  bouton catalogue */

#lien_cat { 
     position:absolute; left:689px; top:0px;
	 width:101px; 
	 height:140px;
	 background: url(../images/cat_r.jpg) no-repeat; 
    }

#lien_cat a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/cat.jpg) no-repeat;   
     color: black;
   }

#lien_cat a:hover { 
    background: transparent none repeat;
   } 

/*  bouton email */

#lien_email { 
    position:absolute; left:0px; top:140px;
	width:268px; 
	height:59px;     
	background: url(../images/email_r.jpg) no-repeat; 
   }

#lien_email a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/email.jpg) no-repeat;   
     color: black;
   }

#lien_email a:hover { 
     background: transparent none repeat;
   } 


/*  bouton plan */

#lien_plan_acces { 
    position:absolute; left:622px; top:140px;
	width:168px; 
	height:59px;
	background: url(../images/plan_acces_r.jpg) no-repeat; 
   }

#lien_plan_acces a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/plan_acces.jpg) no-repeat;   
     color: black;
   }

#lien_plan_acces a:hover { 
     background: transparent none repeat;
   } 





/*  plan */

   


#lien_plan { 
    position:absolute; left:110px; top:181px;
	width:610px; 
	height:590px;     
	background: url(../images/plan2.jpg) no-repeat; 
   }

#lien_plan a {       
     display: block;
     width: 100%;
     height: 100%;
     background: white url(../images/plan.jpg) no-repeat;   
     color: black;
   }

#lien_plan a:hover { 
     background: transparent none repeat;
   } 


#plan {
     visibility:hidden;
    }
	
	
	
#logo-t9{
	position: absolute; left:790px; top:10px;
    color: #ffffff;
   }