/*
* Cette feuille de style contrôle le look général du site.s
* @author Louis Lapointe
* @since 2005-03-18
*/


/* notes
couleurs #283595  ie218c
*/

/*
* Cette section contrôle l'apparence des balises standards dusite ainsi que
* certains éléments de base tels que la couleur des titre et pied de page.
*/

body {
   width: 98%;
   margin: 0 1%;
   padding: 0;
   font-family: "Bookman Old Style", "Times New Roman", serif;
   font-size: 90%;
   color: #000000;
}

h1, h2, h3, h4, h5, h6,
#titre,
#footer {
   color: #009;
}

h1 {
   font-size: 160%;
}

h2 {
   font-size: 140%;
}

h3 {
   font-size: 130%;
}

h4 {
   font-size: 120%;
}

h5 {
   font-size: 110%;
}

h6 {
   font-size: 100%;
}

strong {
   font-weight: bold;
   font-size: 105%;
}

/*
* Cette section contrôle l'apparence du logo de l'ALTA et son nom en entête.
*/
#header {
   width: 100%;
   padding-top: 5px;
}

#logo {
   position: absolute;
   margin: 0;
   padding: 0;
   width: 122px;
   height: 123px;
}

#alta {
   float: right;
   color: #009;
   font-size: 110%;
   font-weight: bold;
   width: 60%;
   text-align: right;
   margin-top: 0;
   margin-bottom: 0;
}

#motto {
   clear: right;
   float: right;
   color: #339;
   font-size: 100%;
   width: 60%;
   text-align: right;
   margin-top: 0;
}

/*
* main est un container englobant menu, content et sidebar
*/
#main {
   margin: 100px 0 0 0;
   padding: 0;
}

/*
* Cette section contrôle le menu.
*/
#menu {
   float: left;
   margin: 50px 0 0 0;
   padding: 0;
   width: 19%;
}

#menu ul {
   font-weight: bold;
   font-size: .8em;
   font-family: Arial, sans-serif;
   text-align: left;
}

#menu ul #title {
   color: #009;
   background-color: #eef;
   border-color: #009;
   letter-spacing: .2em;
   font-weight: bold;
   text-align: left;
   border-style: solid;
}

#menu ul li,
#menu ul li ul li {
   margin: 0 0 0 -3em;
   padding: 0.25em 1em;
   width: 100%;
   border-width: 1px 2px 1px 1px; 
   list-style: none;
   text-align: left;
   border-color: #009; 
   border-style: solid;
   border-top-style: none;
}

#menu ul li:last-child {
   border-bottom-width: 2px;
}

#menu ul li a,
#menu ul li ul li a {
   padding: 0 0 0 0.75em;
   background-color: transparent;
   border-left-width: 1em;
   border-left-color: #aab;
   border-left-style: solid;
   text-decoration: none;
}

#menu ul li ul li a:link,
#menu ul li ul li a:visited,
#menu ul li a:link,
#menu ul li a:visited {
   color: #009; 
}

#menu ul li ul li:hover,
#menu ul li:hover {
   border-color: #009;
   color: #FFF;
   background-color: #b89b8a;
}

#menu ul li ul li a:hover,
#menu ul li a:hover {
   border-color: #009;
}

#menu ul #currentpage a {
   border-color: #aab;
   color: #b89b8a;
}

#menu ul #currentpage a:hover {
   background-color: #eef;
}

#menu li.sep {
   border: none;
   border-bottom: 1px solid #009;
   height: 50%;
}
/*
* Cette section contrôle l'apparence du sidebar à la droite de l'écan.
*/

#sidebar {
   float: right;
   margin: 0;
   width: 20%;
   padding: 1em 0 0 0.5em;
   padding: 0;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 70%;
   border: 2px solid;
   border-color: #eee #eee #aaa #aaa;
   background: #eef;
}

#sidebar hr {
   width: 50%;
   height: 4px;
   margin: auto;
}
#events {
   font-size: 90%;
   background-color: #fff;
}

#events h2 {
   font-size: 120%;
   font-weight: bold;
}

#events-content {
   /*
   border-top: 4px solid;
   border-right: 3px solid;
   border-bottom: 3px solid;
   border-left: 4px solid;
   border-color: #99f #aac #aac #99f;
   */
   background-color: #eef;
   padding-left: 5px;
}

#sidebar-content {
   padding-left: 0.5em;
}

#sidebar-content h2 {
   font-size: 110%;
}
/*
* Cette section contrôle l'apparence des textes et des listes de la 
* section principale.
*/
#content {
   width: 58%;
   margin: 0 20%;
   padding-bottom: 1em;
   text-align: left; /*justify;*/
}


#content h2 {
   font-size: 140%;
   color: #009;
}


/*
* Cette section contrôle l'apparence du pied de page.
*/

#footer {
   clear: both;
   width: 58%;
   margin-top: 0;
   margin-left: 20%;
   border-top: 3px solid #009;
}

p.footer {
   margin: 0;
   padding: 0;
   font-size: .8em;
   text-align: center;
}   

/*
* Le menu accessibilité ne doit pas être visible à l'écran 
*/
.acces-nav {
   position: absolute;
   left: -1500px;
}

/*
* cette section contrôle l'apparence du formulaire frm_mail.shtml
*/

label {
   width: 10em;
}

#contact {
   width: 80%;
}

.forme {
   width: 100%;
}

/*
* Éléments divers.
*/

/* utilisé pour libérer les floats */
.clear_floats {
   clear: both;
   height: 1px;
   font-size: 1px;
   border: none;
   margin: 0;
   padding: 0;
   background: transparent;
}

.liens {
   color: #009;
}
.lien:hover {
   text-decoration: none;
}