/************************* GENERAL *************************/
body 
{
        behavior: url(csshover.htc);        
        font-family: arial, helvetica, sans-serif; 
        font-size: 15px;
        color: Black;
/*        background: url(null) fixed ;*/
        margin:0 0 0 0;
        padding:0 0 0 0;        

}

td
 {
        font-family: arial, helvetica, sans-serif; 
        font-size: 15px;
        color: Black
}

table#contenu{
        width:100%;
        height:100%;
        border:0; 
        margin:0 0 0 0;
        padding:0 0 0 0;
}

/************************* CLASS  *************************/

.text 
{
        color: red;
        font-family: arial, helvetica, sans-serif;
        font-size: 15px;
        text-decoration: none
}

.mash 
{
        font-family: arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold; 
        color: SlateGray
}

.mash2
 {
        font-family: arial, helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: Black
}

.mash3
 {
        font-family: arial, helvetica, sans-serif;
        font-size: 15px; 
        font-style: underline;
        text-decoration: none
 }

.mash4 
{
        font-family: times new roman, helvetica, sans-serif;
        font-size: 13px; 
        color: Black 
}

.mash5
{
        font-family: arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold; 
        color: Black
}

.remarque 
{
        font-family: arial, helvetica, sans-serif; 
        font-size: 15px; 
        font-style: italic; 
        color: DimGray        
}

.note
{
        font-family: arial, helvetica, sans-serif; 
        font-size: 12px; 
        font-style: italic; 
        margin: 4px 0px 0px 0px;
        color: DimGray 
}

.decalage 
{
        margin-left : 10px 
}

.decalage2
 {
        margin-left : 30px 
}

/************************* LIENS *************************/

a {
        text-decoration: none;
        color: #333399;
}

a:link 
{
        font-family: arial, helvetica, sans-serif;
        font-size: 14px;
        font-style: underline;
        text-decoration: none
}

a:visited 
{
        color: #707070;
        font-family: arial, helvetica, sans-serif;
        font-size: 14px; 
        font-style: underline;
        text-decoration: none
} 

a:active 
{
        color: #999999; 
        font-family: arial, helvetica, sans-serif;
        font-size: 14px; 
        font-style: underline;
        text-decoration: none
} 

a:hover 
{
        text-decoration: underline;
        color: #ff0000;
        font-family: arial, helvetica, sans-serif;        
        font-size: 14px;
}

a.rouge{
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold; 
        color: #990000;
}

a.rouge:visited 
{
        color: #990000;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px; 
        font-style: underline;
        text-decoration: none
} 



a.rouge:active 
{
        color: #990000; 
        font-family: arial, helvetica, sans-serif;
        font-size: 12px; 
        font-style: underline;
        text-decoration: none;
} 

a.rouge:hover 
{
        text-decoration: underline;
        color: red;
        font-family: arial, helvetica, sans-serif;        
        font-size: 12px;
}

/************************* BALISE DE MENU *************************/

ul#compo
{
   font: 14px arial, helvetica, sans-serif;
   list-style-type: none;
   text-align: left;
}        

ul#compo li 
{
        font: 14px arial, helvetica, sans-serif;
        margin: 5px 0px 0px 0px;
}        

ul#souscompo
{
   font: 14px arial, helvetica, sans-serif;
   list-style-type: disc;
   text-align: left;
}        

ul#souscompo li 
{
        font: 14px arial, helvetica, sans-serif;
        margin: 5px 0px 0px 0px;
}        

div#menu {
        width: 100%;        
}

div#menu ul {
        font: 14px arial, helvetica, sans-serif;
        list-style-type: none;
        text-align: center;
        vertical-align:center;
        padding: 0;
        width: 100%;        
        margin:0px;                
}

div#menu ul li {
        position:relative;        
        list-style: none;
        font: 14px arial, helvetica, sans-serif;
        margin: 15px 0px 0px 0px;
        padding-top:0;        
        height: 20px;
}
div#menu ul ul {
        position: absolute; 
        top: -1px; 
        left: 100%; 
        display:none;
        font: 14px arial, helvetica, sans-serif;
        list-style-type: none;
        text-align: center;        
        background: white;
        border: 1px solid #ccc;
        width:200;
        /*-moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;*/
}

div#menu ul ul li{
        position:relative;
        list-style: none;
        font: 14px arial, helvetica, sans-serif;
        margin: 0px 0px 0px 0px;        
        padding-top:0;
        height: 20px;
}

div#menu li a {
        text-decoration: none;        
        display:block; 
        width:100%
}

div#menu ul.niveau1 li.sousMenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousMenu:hover ul.niveau3{
        display:block;
}

/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu li:hover {
        background: #FFFFFF;        
}

div#menu li.sousMenu:hover {
        background: #FFFFFF;        
}

div#menu ul.niveau2 li:hover {
        background: #E3D8D8;        
}

/*****************************RECHERCHE************************/

div#Recherche
{
        background: #990000;        
        color: #adaeae;
        display:none;

        position:fixed;
        top: 40%;
        left: 35%;
        
        _position: absolute;
        top: expression((body.scrollTop)+200+"px");        
        
        border: 1px outset #333;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        z-index:2;
        
}

.thead
{
        background: #990000;        
        color: #FFF;
        font: bold 11px arial, helvetica, sans-serif;
}

.OptionRecherche
{
        background: #FFF;
        color:000;
        font: 12px arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
        border-left: 1px solid #990000;
        border-top: 1px solid #990000;
}

div#bt_fermer{

        position: relative;
        font-size: 8pt;
        float: right;
        width: auto;
        height: auto;
        color: #eeeeee;
        text-align: center;

}

img#fermer{
        border:1px outset #990000;
        position: relative;
        float: right;
        text-align:right;
        width: auto;
        height: auto;                
}

img.fermer{
        border:1px outset #990000;
        position: relative;
        float: right;
        text-align:right;
        width: auto;
        height: auto;
}

div#fond{
        z-index:1;
        position: fixed;
        top: 0px;
        left: 0px;
        height:100%;
        
        _position: absolute;
        top: expression(body.scrollTop+"px");
        left:expression(body.scrollLeft+"px");
                
        display: none;                
        width: 100%;        
        height: expression(+"px");
        background-color: #000;
        opacity: 0.6;
        filter: alpha(opacity=60);

}

select#nomstructure{
        width: 300;
}

/*****************************CONNEXION************************/


div#Con
{
        background: #990000;        
        color: #adaeae;
        display:none;

        position:fixed;
        top: 40%;
        left: 40%;

        _position: absolute;
        top: expression((body.scrollTop)+200+"px");        
        
        border: 1px outset #333;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        z-index:2;        
}


div#Connexion
{
        background: #990000;        
        color: #adaeae;
        display:none;
		
        position:fixed;
        top: 40%;
        left: 35%;

        _position: absolute;
		_width:235;
        top: expression((body.scrollTop)+200+"px");        
        
        border: 1px outset #333;
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        z-index:2;        
}

.Log
{
        background: #FFF;
        color:000;
        font: 12px arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
        border-left: 1px solid #990000;
        border-top: 1px solid #990000;
}