/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: justify;
background-color: #e0eaf2;
background-image: url("../images/background.png");
background-repeat: repeat-y;
background-position: left;
background-attachment: fixed;
}
#header {
height: 200px;
}
#wrapper {
position: absolute;
width: 100%;
}
#main_matter {
margin-left: 15%;
margin-right: 10%;
}
#left {
position: absolute;
left:0;
width: 15%;
}
#footnote {
padding: 2em;
text-align: center;
height: 30px;
}

.menu {
font-size: 18px;
list-style-type: none;
margin: 0;
padding:0;
}


.menu li {
margin-bottom: 5px;
}
.menu a {
margin: 0 2px;
text-decoration: none;
color: #6c6e6f;
}
.menu a:hover {
border-top: solid 2px;
border-bottom: solid 2px;
}
p {
margin: 0 0 10px 0;
}


/* My configuration not alsa one */
.mainTitle{ 
            margin-top: 30px;
            text-align: center;
            margin-bottom: 30px;
            }

h2, h4{ 
     color: #6c6e6f;
     }
#Rlogo
{ 
  position: absolute;
  margin-left: 90%;
  margin-right: 0%;
  width: 7%;
  padding: 5px;
  text-align: center;
  /*border: 2px;*/
  
  }

/*R Comments style */
.Rcomments {
             color: gray;
             }

/* R code blocks */
.Rcodes{ 
        background-color: #effff2;
        border: 1px dashed gray;
        margin-left: 2em;
        padding: 4px;
        }

/*R outputs style*/
.Routs {
         color: black;
         text-decoration: none;
         }

a.Routs, code.Routs {
          position: relative;
          color: black;
          }
a.Routs span, code.Routs span {
               color: black;
               display: none;
               }
a.Routs:hover, code.Routs:hover {
                background: none; /* correction d'un bug IE */
                z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
                color: teal;
                }
a.Routs:hover span, code.Routs:hover span {
                     display: inline; /* on affiche l'infobulle */
                     position: absolute;

                     white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

                     top: 30px;  /*on positionne notre infobulle */
                     left: 20px;

                     background: white;

                     color: teal;
                     padding: 3px;

                     border: 1px solid teal;
                     border-left: 4px solid teal;
                     }

img { 
      border: none;
      }