*
{
    margin: 0;
    padding: 0;
    border: 0;
}
* html a:hover
{
    visibility: visible;
}
body
{    font-size: 10pt;

}
h1
{
    font-size: 14pt;
    font-weight: bold;
    padding: 7px 0;
}
h3
{
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    padding: 5px 0 3px 0;
}
p
{
    padding: 3px 0;
    font-size: 10pt;
}

li
{
    margin-left: 20px;
    margin-bottom: 3px; 
}
body
{
    background-color: #0C519C;
    color: #ffffff;
    font-family: Verdana, Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 9pt;
}
table
{
    border-collapse:collapse;
}
div#cadre
{
    width: 800px;
    background-image: url(../images/mosaique.png);
    margin: 0 auto;
}
div#entete-orthopedie-bontoux
{
    position: relative;
    height: 200px;
    width: 800px;
}
div#entete-orthopedie-bontoux-gauche
{
    position: relative;
    float: left;
    width: 730px;
    height: 200px;
    background-image: url(../images/entete-orthopedie-bontoux.jpg);
}
div#entete-orthopedie-bontoux-droite
{
    position: relative;
    float: left;
    width: 70px;
    height: 200px;
    background-image: url(../images/entete-orthopedie-bontoux.gif);
}
.logo-orthopedie-bontoux
{
    position: absolute;
    display: block;
    top: 8px;
    left: 7px;
}
.orthopedie
{
    position: absolute;
    display: block;
    top: 20px;
    left: 201px;
}
.bontoux
{
    position: absolute;
    display: block;
    top: 58px;
    left: 244px;
}
hr#filet
{
    position: absolute;
    top: 51px;
    left: 190px;
    width: 560px;
    height: 1px;
    display: block;
    border: solid 1px white;
}
div#menu
{
    border: solid 0px red;
    position: absolute;
    top: 179px;
    background-image: url(../images/menu-fond.gif);
    height: 21px;
    width: 720px;
}
div#menu ul li
{
    display: block;
    float: left;
    margin-right: 1px;
    margin-left: 0;
}
div#menu ul li a
{
    display: block;
    line-height: 21px;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    font-size: 6pt;
    font-weight: bold;
}
div#menu ul li a:hover
{
    color: #000000;
}
div#menu ul li a:hover img
{
    visibility: hidden;
}
a.menu-accueil
{
    background-image:url(../images/menu-accueil.gif);
    width: 51px;
    height:21px;
}
a.menu-accueil:hover
{
    background-image:url(../images/menu-accueil-over.gif);
}
a.menu-ortheses-protheses
{
    background-image:url(../images/menu-ortheses-protheses.gif);
    width: 131px;
    height:21px;
}
a.menu-ortheses-protheses:hover
{
    background-image:url(../images/menu-ortheses-protheses-over.gif);
}
a.menu-protheses-mammaires
{
    background-image:url(../images/menu-protheses-mammaires.gif);
    width: 141px;
    height:21px;
}
a.menu-protheses-mammaires:hover
{
    background-image:url(../images/menu-protheses-mammaires-over.gif);
}
a.menu-petit-appareillage
{
    background-image:url(../images/menu-petit-appareillage.gif);
    width: 116px;
    height:21px;
}
a.menu-petit-appareillage:hover
{
    background-image:url(../images/menu-petit-appareillage-over.gif);
}
a.menu-genouilleres
{
    background-image:url(../images/menu-genouilleres.gif);
    width: 86px;
    height:21px;
}
a.menu-genouilleres:hover
{
    background-image:url(../images/menu-genouilleres-over.gif);
}
a.menu-materiaux-composites
{
    background-image:url(../images/menu-materiaux-composites.gif);
    width: 140px;
    height:21px;
}
a.menu-materiaux-composites:hover
{
    background-image:url(../images/menu-materiaux-composites-over.gif);
}
a.menu-sport
{
    background-image:url(../images/menu-sport.gif);
    width: 41px;
    height:21px;
}
a.menu-sport:hover
{
    background-image:url(../images/menu-sport-over.gif);
}

div#menu-langues
{
    position: absolute;
    top: 180px;
    left: 18px;
    background-image: url(../images/menu-langues-fond.gif);
    /*width: 43px;*/
    height: 20px;
}
div#menu-langues ul li
{
    display: block;
    float: left;
    margin: 0;
}
div#menu-langues ul li a
{
    display: block;
}
div#menu-langues ul li a:hover img
{
    visibility: hidden;
}
div#marquee
{
    font-size: 14pt;
}

div#contenu
{
    padding: 0 20px 30px 20px; 
    background-image : url(../images/hexagone.gif); 
    background-repeat: no-repeat;
}
/* connexion */
div#connexion {position:absolute; padding: 2px; width:235px; height: 60px; top:112px; left:466px; border: solid 0px white; font-size: 7pt; text-align: left; background-image:url(../images/login-fond.jpg)}
div#connexion a {color: White; }
div#connexion input {width: 100px; height: 12px; font-size: 7pt;}
div#connexion table { border-collapse: collapse;}
div#connexion-ok { width: 38px; height: 22px; top: 70px; left: 30px; background-image: url(../images/bouton-ok-over.gif);}

/* connexion */
.connexion * { border: 0; }
.connexion input {width: 100px; height: 14px; font-size: 8pt;}
.connexion td { margin: 0; padding: 0; }

.jaune
{
    color: #FECE16;
}
.rouge
{
    color: Red;
}
div#souris a:hover img
{
    visibility: visible;
}
.sport-vignette
{
    
    margin: 0px;
    padding: 0;
    border: solid 1px #6394BD;
}
.documents * a
{
    color: #ffffff;
}
.document-description
{
    font-style: italic;
}
.legende
{
    font-size: 8pt;
    font-style: italic;
}