/* CSS Document */

INPUT {
color:#1111aa; 
background-color: #e1f0fa; 
font-size:10px; 
font-family:Arial, Helvetica, sans-serif; 
border-width:1px; 
border-color:#6995b3;
border-style:solid;
}

TEXTAREA  {
color:#1111aa; 
background-color:#e1f0fa; 
font-size:10px; 
font-family:Arial, Helvetica, sans-serif; 
height:40px; 
border-width:1px; 
border-color:#6995b3;
border-style:solid;
}

#lightbox {
  background-color : #eee;
  padding : 10px;
  border-bottom : 2px solid #666;
  border-right : 2px solid #666;
  }
#lightboxDetails {
  font-size : 0.8em;
  padding-top : 0.4em;
  }
#lightboxCaption {
  float : left;
  }
#lightbox img {
  border : none;
  }

body{
    background-color: #ffffff;
/*    background-image:url(elm/motif3.jpg);*/
}

.tablo-principal{
    position:absolute; 
    left:0px; 
    top:0px;
    background-color: #ffffff;
/*    border-top: 1px solid #46b4dc;     */
/*    border-right: 1px solid #46b4dc;*/
/*    border-bottom: 1px solid #46b4dc;*/
    border-left: 1px solid #46b4dc;
}

.tablo-popup{
    background-color: #ffffff;
    border-top: 1px solid #46b4dc;
    border-right: 1px solid #46b4dc;
    border-bottom: 1px solid #46b4dc;
    border-left: 1px solid #46b4dc;
}

.menu-usages{
    position:absolute; 
    left:75px; 
    top:179px; 
    width:175px; 
    height:130px; 
    z-index:1; 
    visibility: hidden;
}

.menu-membranes{
    position:absolute; 
    left:165px; 
    top:179px; 
    width:183px; 
    height:110px; 
    z-index:1; 
    visibility: hidden;
}

.menu-fournitures{
    position:absolute; 
    left:282px; 
    top:179px; 
    width:147px; 
    height:110px; 
    z-index:1; 
    visibility: hidden;
}

.menu-contact{
    position:absolute; 
    left:375px; 
    top:179px; 
    width:172px; 
    height:54px; 
    z-index:1; 
    visibility: hidden;
}

.menu-galerie{
    position:absolute; 
    left:450px;
    top:180px;
    width:172px; 
    height:54px; 
    z-index:1; 
    visibility: hidden;
}

.bleu-b {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000066;
}

a.bleub:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #334499;
    text-decoration:none;
}

a.bleub:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #334499;
    text-decoration:none;
}

a.bleub:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #222266;
    text-decoration:none;
}

a.bleub:active{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #222266;
    text-decoration:none;
}

.coordonnees {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #E8E8E8;
}
a.soustitre:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6f7e83;
    text-decoration:none;
}

a.soustitre:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6f7e83;
    text-decoration:none;
}

a.soustitre:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111166;
    text-decoration:none;
}

a.soustitre:active{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111166;
    text-decoration:none;
}   

.voiraussi{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
    color: #b0b0b0;
}
.tablo-contenu {
    width:750px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #003241;
    background-color: #E1F0FA;
    background-image:url(elm/motif2.jpg);
    border: 1px solid #9BC8E6;
}
.tablo-image {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #8bb5d3;
}
.titbleu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0028A5;
}
.bordure {
    border: 1px solid #000066;
}

a.contenu:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333399;
    text-decoration:none;
    font-style:italic;
}

a.contenu:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333399;
    text-decoration:none;
    font-style:italic;
}

a.contenu:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3366ff;
    text-decoration:none;
    font-style:italic;
}

a.contenu:active{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3366ff;
    text-decoration:none;
    font-style:italic;
}

a.blanc:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eeeeee;
    text-decoration:none;
    font-style:italic;
}

a.blanc:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eeeeee;
    text-decoration:none;
    font-style:italic;
}

a.blanc:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration:none;
    font-style:italic;
}

a.blanc:active{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
    text-decoration:none;
    font-style:italic;
}
.tablo-form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #8bb5d3;
    border: 1px solid #000066;

}
.tablo-form2 {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    background-color: #73C866;
    border: 1px solid #336666;
}