/*                                                        */
/*                        GENERAL                        */
/*                        ---                                */

body{
        margin:0px;
        padding:0px;
        -margin-left:1px;
        background-color: #444444;
        background-image:url(img/fond4.jpg);
        background-position:center;
        background-repeat:repeat-y;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        text-align:center;
}
a{
      /*  font-weight:bold;*/
       /* color:#009C55;*/
       color:#339767;

}
a:hover{
        text-decoration:none;
}


/*                                                                                */
/*                        HEADER & MENU TOP                        */
/*                        ---                                                        */


#header{
        position:relative;
        width:950px;
        height:182px;
        background: url(img/logo.jpg) no-repeat;
        background-color: #FFFFFF;
        margin: 0px auto;
}


/*                                                        */
/*                        MENU                        */
/*                        ---                                */


#menu {
        position: absolute;
        width: 950px; height: 30px;
        right:0px; top:152px;
        background: url(img/bande3.jpg) left top no-repeat;
        margin: 0 auto;
        text-align:left;
}
#menu ul {
        position: absolute;
        top: 0px; left: 0px;
        width: 950px; height: 30px;
        padding: 0px; margin:0px;
        list-style: none;
}
#menu li {
        float: left;
}
#menu li a {
        display: block;
        height: 37px;
}
#menu li a span {
        position:absolute;
        left:-5000px;
}
#menu li a:hover {
        background: transparent url(img/bande3hover.jpg) top left no-repeat;
}
#menu a#Presentation { width: 159px;}
#menu a#Presentation:hover { background-position: 0px 0px;}
#menu a#Developpement { width: 158px;}
#menu a#Developpement:hover { background-position: -159px 0px;}
#menu a#Internet { width: 158px;}
#menu a#Internet:hover { background-position: -317px 0px;}
#menu a#Interfacage { width: 158px;}
#menu a#Interfacage:hover { background-position: -475px 0px;}
#menu a#Produits { width: 158px;}
#menu a#Produits:hover { background-position: -633px 0px;}
#menu a#Contact { width: 159px;}
#menu a#Contact:hover { background-position: -791px 0px;}




#global{
        position:relative;
        background-image:url(img/fondc.jpg);
        background-color:#FFFFFF;
        width:950px;
        margin: 0px auto;
}

#global #content{
        text-align:center;
        width:800px;
        padding:30px 75px 30px 75px;
}
#global #content #liste{
        text-align:left;
        width:650px;
         font-weight:bold;

}
#global #bas{
        text-align:center;
        width:950px;
        background-image:url(img/bas.jpg);
        height:30px;


}

.titre {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: #000000;
        text-align:center;
        font-weight:bold;
}

.titreblink {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000000;
        text-align:center;
        font-weight:bold;
        text-decoration:blink;
}

.titrevert {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #339767;
        font-weight:bold;
        text-decoration:underline;
}

#global #menuprod {
        position:absolute;
        top:0px;
        left:650px;
        width:120px;
        overflow:none;
        visibility:hidden;
        color:#ffffff;
        height: 114px;"

        }