body, a, ul, li, p
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #376092;
}

body
{
    margin: 0px 0px 0px 0px;
    background-color: #F3F5F7;
}

.FondLeft
{
    width: 3px;
    background-image: url( /Images/Design/FondLeft.jpg )
}

.FondRight
{
    width: 3px;
    background-image: url( /Images/Design/FondRight.jpg )

}

#Header
{
    height: 70px;
    border: none;
    /*background-image: url( /Images/Design/Bandeau.png );*/
    background-color: #5B5B90
}

#Menu
{
    height: 25px;
    line-height: 25px;
    background-color: #749AA7;
    background-image: url( /Images/Design/BarreGrise.png );
    border: none;
}

#Menu a
{
    color: #376092;
    Padding: 0px 5px;
}

#Menu a:hover
{
    color: white;
}

#Menu TD
{
    border-right: 2px solid #5B5B90;
    height: 100%;
}

#Menu TD:hover
{
    background-color:#5B5B90;
}

#KnowledgeManagement
{
    min-height: 500px;
    background-image: url( /Images/Design/Fond.jpg ); 
    background-color: #FEFEFE;
    background-repeat: no-repeat;
}

#NavigationBar
{
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    background-color:#F3F5F7;
}

.MenuBar
{
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    color: White;
    padding: 0px 0px 0px 0px;
}

.MenuBarVertical
{
    padding: 10px 0px 0px 0px;
    color: White;
}

.wait
{
    position:absolute;
    top: 1px;
    background-image: url( /Images/Design/wait.gif );
}

.logo
{
    float:left;
    margin: 5px 0px 0px 5px;
    height: 60px;
    line-height: 60px;
    width: 100px;
    background-image: url( /Images/Logo.png );
    background-repeat: no-repeat;
}

.Titre
{
    text-align:center;
    margin: 30px 0px 0px 50px;
    color: white;
    font-size: 32px;
}

.FooterBar
{
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    background-image: url(/Images/Design/FooterBar.jpg);
    color: White;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.FooterBar a
{
    font-size: 12px;
    font-weight: bold;
    color: White;
    padding: 0px 0px 0px 0px;
}

#Content P
{
    margin: 5px 0px;
    text-align: justify;
}

#Content h1
{
    margin: 10px 0px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight:bold;
    background-color: transparent;
    color: #FF8F29;
    padding: 2px 2px;
}

#Content h2
{
    margin: 10px 0px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight:bold;
    background-color: transparent;
    color: #FF8F29;
    padding: 2px 2px;
    text-decoration: underline;
}

#Content ul
{
    margin: 0px 0px 0px 20px;
    text-align: justify; 
}

#Piloting
{
    margin: 0px Opx 0px Opx;
    padding:  0px 0px 0px 0px;   
}

#Piloting .Title
{
    background-image: url(/Images/Design/BarreBleu.gif);
    color: white;
    height: 20px;
    text-align: center;
    Padding: 5px 0px 0px 2px;
    font-weight: bold;
}

#Piloting .Title a
{
    color: white;
}

#Piloting a, #Piloting span 
{
    color: white;
}

#Piloting input[type=text] 
{

    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #376092;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 195px;
}

#Piloting input[type=submit] 
{
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #376092;
    width: 100%;
}

#Piloting .Link
{
    color: white;
    Padding: 2px 2px
}

#Piloting .Link:hover
{
    background-color: #298FFF
}

#Piloting .Link a
{
    color: white;
}