/* table {border: 1px solid black} */
/* td {border: 1px dotted gray}*/
/* div {border: 1px solid orange}*/
/* img, form {border: 1px dashed blue}*/
/* h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}*/
/* ul {border: 1px solid green}*/
/* li {border: 1px solid lightgreen}*/


body {
    margin: 0 auto;
    margin-top:9px;
    text-align: center;
    font-family: Verdana,Helvetica,Arial;
    /* background-color: #E1FFFF; */
    /*background-color: #00BBFF; */
    background-color: 99CCFF;
    z-index: 1;
}
#levelA {
	position: absolute;
    margin: auto !important;
 	z-index: 1;
	top: 160px !important;
	top: 170px;
       width:100% !important;
	width:800;
       margin-left:0 !important;
       margin-left:-400;
}

#Baselevel {
    position: relative;
    /*top: 4;*/
    top:-13 !important;
    top:-10;
    margin:0, auto;
    background:#3399CC;
    width:100%; # - New, outermost DIV
}

#main { # Where the main content goes
    margin:0;
    padding-right:10px;
    background-color: #00BBFF;
    background-color: #99CCFF;
    height: 460 !important; 
    height: 580; 
    width=620;
    overflow: auto;
    z-index: 1;
    color:#FFF;
}
#main h1 { # Where our main section headers go
    margin:0;
    padding-left:.3em;
    font:1.25em Verdana,Helvetica,Arial;
    background:#66CC99;
}
#main h3 a { # soutitre hyperlien
    color: #FFF;
    color: #E0FFFF;
    text-decoration: underline;
}


#main dt { # Bump up the main content links
    font-weight:bold;
    font-size:120%;
    margin-top:.8em
}
#main li, strong {
    color:#FFF;
}

#topbar {
    margin:0, auto;
    z-index:100;
}

#topBar form {
    margin-right: auto;
    margin-left: auto;

}

#topBar h1 {
    Font-Family: "Arial";
    font-weight:bold;
    font-size:2.5em;
}  

#topBar input {
    font-size:.8em;
}


#menumain {
    position: relative;
    top: 2;
    margin: 0 auto;
    background:#66CC99;
    clear:both; # - New, clear the search form
    float:left;
    width:800;
    z-index: 2;
}
#menumain h1 { # Where our main section headers go
    position: relative;
    left:0px;
    margin:0;
    padding-left:.6em;
    text-align:left;
    font-family: Verdana,Helvetica,Arial;
    font-size:18px; /* taille des caract�es */
    color:#FFF;
    background:#0074AD;
    z-index: 2;
}
#menumainhome {
    margin: 0 auto;
    /*background:#0074AD;*/
    clear:both; # - New, clear the search form
    float:left;
    width: 800;
    z-index: 2;
}
#menumainhome h1 { # Where our main section headers go
    position: relative;
    left:0px;
    margin:0;
    padding-left:.6em;
    text-align:left;
    font-family: Verdana,Helvetica,Arial;
    font-size:15px; /* taille des caract�es */
    color:#000;
    z-index: 2;
}
#bottomBar {
    position: relative;
    top:20;
    margin: auto !important;
    background-color: #99CCFF;
       font-size:.75em;
    line-height:1em; # - Crucial!
    z-index:2;
    width:800;
    text-align:center;
}   

#bottomBar a {
    text-decoration:underline;
    color:#3333FF;
}

#RightBar {
    position:relative;
    /*	background-image:  url('./images/rgt_bck.jpg');
    	background-repeat: no-repeat; */
    background-image: url('./images/rgt_bck2.jpg');
    width:178px;
    top: -4px;
    left:3px!important;
    left:0px;
    text-align:center;
    margin-top:.6em;
}


#events {
    position: relative;
    width:176px;
    padding:1px;
    color:#FFF;
    top:-45 !important;
    top:0 !important;
    top:-8;
    top:0;
    left:0;

}
#events a{
    text-decoration:underline;
    color:#FFF;
}
#events p {
    margin:1px;
    padding:0.1px;
    width:168px;
    /*background: #FFFFFF; */
    color:#FFF;
    font-size:.6em;
    text-align:center;
    border: 1px solid gray;
    height:5em;
    overflow: auto;
}
#events th {
    padding:0.25px;
    background:#0074AD;
    font-size:.9em;
    text-align:center;
    border: 1px solid gray;
    color:#FFF;
}
#events th a{
    color:#FFF844;
    color:#FFF;
}

#docu{
    position: relative;
    top:-40 !important;
    top:0 !important;
    left:0 !important;
    width:176px;
    padding:1px;
    top:0;
}
#docu a{
    text-decoration:underline;
    color:#FFF;
}
#docu p {
    margin:1px;
    padding:0.1px;
    width:168px;
    /*background: #FFFFFF; */
    color:#FFF;
    font-size:.6em;
    text-align:center;
    border: 1px solid gray;
    height:5em;
    overflow: auto;
}
#docu th {
    padding:0.25px;
    background:#0074AD;
    font-size:.9em;
    text-align:center;
    border: 1px solid gray;
}
#docu th a{
    /*color:#FFF844; */
    color:#FFF;
}
#docu td {
    margin:0px;
    padding:0.25px;
    padding-left:.3em;
    background: #FFFFFF;
    font-size:.65em;
    text-align:center;
    border: 1px solid gray;
    height:4em;
    float:left;  
    overflow: auto;
}
#news{
    position: relative;
    color:#FFF;
    top:-50 !important;
    top:-15 !important;
    left:0 !important;
    width:176px;
    font-family: Verdana,Helvetica,Arial;
    padding:1px;
    top:-10;
}
#news a{
    text-decoration:underline;
    color:#FFF;
}
#news p {
    margin:1px;
    padding:0.1px;
    width:168px;
    /*background: #FFFFFF; */
    color:#FFF;
    font-size:.6em;
    text-align:center;
    border: 1px solid gray;
    height:5em;
    overflow: auto;
}
#news th {
    padding:0.25px;
    background:#0074AD;
    font-size:.9em;
    text-align:center;
    border: 1px solid gray;
}
#news th a{
    color:#FFF844;
    color:#FFF;
}
#news td {
    margin:0px;
    padding:0.25px;
    padding-left:.3em;
    background: #FFFFFF;
    font-size:.65em;
    text-align:center;
    border: 1px solid gray;
    height:5em;
    float:left;  
    overflow: auto;
}
#googleSearch{
	position:relative;
	top: 60 !important;
	top: -6 !important;
	top: 0;
}
#menu2 {
    position: relative !important;
    top: 3 !important;
    top: -2;
    margin: auto !important;
    margin-left: 0 !important;
    margin-left: 0;
    left:-4 !important;
    left:-4;
    z-index:100;
    color:#FFF;
    width: 100%;
}
#menu2 dl {
   float: left;
   width: 111 !important;
   height: 44 !important;
   height: 36;
   width: 107 !important;
   width: 105;
   margin: 0 1px;
   font-family: Verdana,Helvetica,Arial;
   font-size:7pt;
   text-decoration: none;
}

#menu2 dt {
   cursor: pointer;
   padding-top: 2px !important;
   padding-top: 0px;
   text-align: center;
   font-weight: bold;
   /*background:#CCFFCC;*/
   /* background:#0074AD;*/
    background:#6699CC;
   text-decoration: none;
   height: 44 !important;
   height: 37;
   border: 2px solid #99CCFF;
}

#menu2 dt a {
   height: 44 !important;
   height: 36;
   color: #FFF;
   text-decoration: none;
   display: block;
   height: 100%;
   border: 0 none;
}
#menu2 dt a:hover {
background: #99CCCC;
}

#menu {
    position: relative;
    margin: auto;
    margin-left: 4 !important;
    margin-left: 27;
    left:-4 !important;
    left:-66;
    z-index:100;
   color:#FFF;
    width: 100% !important;
    width: 880;
}

#menu dl {
   float: left;
   width: 111 !important;
   width: 107;
   margin: 0 1px;
   font-family: Verdana,Helvetica,Arial;
   font-size:10pt;
   text-decoration: none;
}

#menu dt {
   cursor: pointer;
   text-align: center;
   font-weight: bold;
   /*background:#CCFFCC;*/
    background:#0074AD;
   text-decoration: none;
}

#menu dd {
   margin-left:0px;
   padding-left:0px;
   width: 107;
   border: 1px solid gray;
}
#menu li {
   margin-left:-40px;
   padding-left:-15px;
   list-style: none;
   text-align: center;
   /*background: #fff;*/
   width: 107;
}
#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #99CCCC;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}