html, body{
  font-size:14px;
  background-color:#EEEEEE;
}

/* --- CLASSES --- */
.center{
  text-align:center;
}


.example{
  font-size:0.9em;
  margin-left:2em;
}
.example th{
  font-weight:normal;
  text-align:left;
  border-bottom:1px solid black;
}
p.example:before{
  content: "Example: ";
}

span.equation{
  box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
  border:1px solid rgba(0, 0, 0, 0.2);
  padding-right:4px;
  padding-left:4px;
}

span.isotope{
  white-space:nowrap;
}
span.isotopenumbers{
  display:inline-block;
  margin-bottom:-0.3em;
  vertical-align:-0.4em;
  line-height:1.2em;
  font-size:85%;
  text-align:right;
}

div.row{
  margin-left:0;
  }

div.row div{
  margin-left:0;
}


/* --- TAGS --- */

html, body{
  font-family: 'Open Sans', sans-serif;
}

a, a:visited, a:hover{
  color:rgb(0,60,115);
}
a.btn{
  color:rgb(51,51,51);
}
a.btn-primary{
  color:rgb(255,255,255);
}

p img{
  padding:4px;
  border:1px solid rgba(0,0,0,0.2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
}

p, li, h1, h3, table{
  margin-bottom:0.5em;
  margin-top:0;
}

h2{
  margin-bottom:0;
  margin-top:0;
}

p, li{
  line-height:1.5em;
}

h1{
  font-size:2em;
  font-weight:normal;
  text-align:center;
}
h2{
  font-size:1.6em;
  font-weight:normal;
}
h3{
  font-size:1.2em;
  font-weight:bold;

}

h4{
  font-size:1.4em;
  font-weight: lighter;
  line-height: 1.2em;
 }
 

p, li{
  font-size:1em;
}

th, td{
  padding:0.2em;
}

/* --- LAYOUT --- */

div#logo{
  padding-top:1em;
  text-align:center;
}

div#logo p{
  font-size:2.5em;
}

nav{
  height:2.5em;
  padding-left:1em;
  padding-right:1em;
  background-color:#08298A; /*rgb(0,0,0)*/
}
nav ul{
  padding:0;
  margin:0;
}
nav li{
  margin: 0px;
  float:left;
  list-style-type:none;
  padding:0.6em;
}
nav a, nav a:visited{
  padding:0.5em;
  color:white;
}
nav a:hover{
  text-decoration:none;
  color:rgb(0,60,115);
  background-color:white;
}

aside{
  margin-top:1em;
  float:left;
  padding-left:1em;
  width:200px;
}
aside h2{
  padding-left:1em;
}

footer{
  text-align:center;
  padding-top:1em;
  padding-bottom:1em;
  clear:both;
}

div#content{
  box-shadow: 1px 1px 0 #FFFFFF inset, 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-color:white;
  padding:2em;
}

/*div.container{
  width:940px;
}*/

p{
  font-style:normal;
  font-size-adjust:none;
}

/* Modification-Laurent (Novembre 2019)*/

div.image{
    text-align:center;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:0;
    height: auto;
}

div.recherche{
  padding-left:1%;
  padding-right:1%;
  /*border: 1px solid #ccc!important;;*/
}

div.article{
  margin-left:20px;
  margin-right:20px;
}

img.article{
    max-width: 60%;
}

div.article_large{
  margin-left:20px;
  margin-right:20px;
}

img.article_large{
  max-width: 100%;
}

hr.recherche{
  margin-bottom: 20px;
  margin-top:0;
}

div.titre{

  padding-top:0.5em;
 
}

div.titre h2{

  text-align:center;

}

div.espace{
  margin-top:50px;
}

div.espace2{
  margin-top:20px;
}

li.selected a {background-color: white ; color:black; }

/*Section tests*/

.colonne1 {
  float: left;
  width: 90%;
}
.colonne2 {
  float: right; 
  max-width: 30px;
}
.colonne3 {
  float: right;
  max-width: 70px;
  border:100px;
  background-color:rgb(0,60,115);
  border-radius:10px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
.colonne4 {
  float: left;
  width: 80%;
}

.range:after {
  content: "";
  display: table;
  clear: both;
}
img.icon{
  margin-top:10px;
  max-width:100%;
}