/* ------------------------
   Stylesheet for Ecodev.ch
   marc.rolli@ecodev.ch
   07.12.2007
   
   Couleurs
   DimGray    = #696969
   Gray       = #808080
   Gris       = #BCBCBC
   Gris-Noir  = #444444
   DarkOrange = #FF8C00
   Orange     = #FF9900
   Bleu       = #1A69A9
   ------------------------ */

/* --- body --- */
* {
   padding: 0;
   margin: 0;
   }
* html body {
   font-size: 75%;
   }
body {
   background-color: #FFFFFF;   /* blanc */
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   /* font-size: small; */
   color: #444444;   /* gris-noir */
   text-align: center;
   }

ul li{
	margin-left: 20px;
}
    
/* --- page --- */
#container {
   width: 860px;
   margin: 20px auto 20px auto;
   background: #FFFFFF;  /* blanc */
   }

#header {
   width: 860px;
   float: left;
   color: #333333; /* gris */
   margin: 0px;
   padding: 10px;
   height: 100px;
   }


/* partie de gauche de la page */
#sidebar {
   width: 200px;
   float: left;
   margin: 0;
   padding: 0px;
   }

/* partie de droite de la page */
#maincontent {
   width: 600px;
   float: right;
   padding: 10px;
   text-align: justify;
   }

/* --- en-tete --- */
h2 {
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 130%;
   }
h3 { }

/* ---couleurs --- */
.bleu { color: #1A69A9; }
.orange { color: #FF9900; }
.gris { color: #BCBCBC; }
.grisnoir { color: #444444; } /* texte */

/* --- images --- */
img { border: none; }
img.left {
   float: left;
   margin-right: 10px;
   border: 0px outset #BCBCBC;  /* gris */
   }
img.right {
   float: right; 
   margin-left: 10px;
   border: 0px outset #BCBCBC;  /* gris */
   }

/* --- liens --- */
a:link {
    text-decoration: none;
    color: #1A69A9;  /* bleu */
    }
a:visited {
    text-decoration: none;
    color: #1A69A9;  /* bleu */
    }
a:hover, a:active {
    /* text-decoration: underline; */
    color: #FF8C00;  /* dark-orange */
    }
.external {
    background: url(../images/externalLink.gif) no-repeat right center;
    padding-right: 12px;
    }

#maincontent a:link, a:visited {
    text-decoration: none;
    color: #444444;  /* gris-noir */
    }
#maincontent p a:link, p a:visited {
    text-decoration: none;
    color: #FF8C00;  /* orange */
}
#maincontent a:hover, a:active {
    text-decoration: none;
    color: #FF8C00;  /* dark-orange */
    }

a.link {
    color: #FF8C00;  /* dark-orange */
    }

/* --- boite en savoir plus (more) --- */
.box {
   border: solid 1px #CCCCCC;  /* gris */
   background: #F5F5F5;   /* gris-clair */
   padding: 5px;
   color: #444444;   /* gris-noir */
   font-size: 85%;
   }

.bord {
   border: solid 1px #CCCCCC;  /* gris */
   }

.info {
   line-height: 150%;
   }
.info .popimage1 .popimage2 .popimage3 {
   float: left;
   width: 205px;
   }
* html .info p{ /* IE 3px jog hack*/
   height: 1%;
   }
.info p{
   margin-top: 0;
   margin-left: 210px;
   }

/* --- citation --- */
.citation {
   width: 420px;
   float: right;
   margin-top: 20px;
   text-align: right;
   padding: 10px;
   color: #BCBCBC;  /* gris */
   font-size: 90%;
   font-style: italic;
   }

/* --- menu --- */
.mainMenu {
   margin-top: 70px;
   }
.mainMenu li {
   list-style: none;
   text-align: left;
   font-size: 16px;
   font-style: bold;
   padding: 5px;
   width: 150px;
   border-bottom: solid 2px #CCCCCC;   /* gris */
   }
   
.mainMenu li a:visited {
   color: #1A69A9;  /* bleu */
   }
   
.mainMenu li a.select {
   color: #FF8C00;  /* dark-orange */
   }

.haut {
   height:400px;
   float:right;
   width:1px;
   }

.clear {
   clear: both;
   height: 1px;
   overflow: hidden;
   }
   
a.select {
   background-image: url(../images/select.jpg);
   background-position: bottom center;
   background-repeat:no-repeat;
   padding-bottom: 8px;
   color: #FF8C00;  /* dark-orange */
   }

/* --- pied de page --- */
#footer {
   clear: both;
   background-image: url(../images/line.gif);
   background-repeat:repeat-x;
   height:45px;
   }
#foot {
   float: right;
   margin-top: 23px;
   padding-top: 7px;
   color: #444444;    /* gris-noir */
   /* font-size: 7pt; */
   font-size: xx-small;
   text-align: right;
   }
#logo {
   float: left;
   margin-left:15px;
   }

/* --- borders for Firefox on MacOSX --- */
input, textarea, checkbox {
  border-right: solid 1px #AAAAAA;   /* gris */
  border-bottom: solid 1px #AAAAAA;  /* gris */
}