#bloc_page{
  margin:auto;
/*  width:1350px;*/
/*  height:1900px;*/
  overflow: hidden;
  hyphens: manual;
/*  word-wrap: break-word;*/
 
}
body{
	background-color:#eff2f7;
	overflow-x:hidden;
  
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 18%;
    background-color:#eff2f7;
    position: fixed;
    height: 100%;
    overflow: auto;
}

li {
margin-top:0.8em;
}

li a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color:black;
    font-family: 'Encode Sans Condensed', serif;
}

li a.active {
    background-color: rgb(18, 174, 209); /*bleu par défaut*/
    color: white;
}
li a.active:hover {
    background-color: rgba(18, 174, 209,0.5); /*bleu par défaut*/
    color: white;

}

li a:hover:not(.active) {/* ne compte pas le premier choix de la liste*/
    color: black;
    border-left:solid #12aed1 3px;
    cursor:pointer;
}
a:visited{
  color:purple;
}
h1{
	position:relative;
	left:20%;
  font-family: 'Encode Sans Condensed', serif;
}
p{
  font-size: 16px;
  font-family: 'Markazi Text', serif;
}

h2 , h3{
  font-size:16px;
  font-family: 'Encode Sans Condensed', serif;
}
/*h3{*/
/*  text-align:center;*/
/*}*/
h3{
  position:relative;
  left:5%;
  font-family: 'Inconsolata', monospace;
  font-weight: normal;
}
h2{
  position:relative;
  padding-top:30px;
  left:5%;
}

/* w3 code*/


* {box-sizing:border-box}
body {margin:0}
.mySlides {display:none}
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

ol{
  list-style-type: none;
/*  word-wrap: break-word;*/
  hyphens: auto;
}

ol li{
  font-size: 16px;
}
.resume a{
  font-size: 16px;
}
h3{
  text-align:left;
}

.notbold{
    font-weight:normal
}​





ol.mystyle2{
  list-style-type: none;
    color: #0000FF;
    padding: 10px 20px;
}

li.mystyle2{
  margin-top:0em;
  font-size: 16px;
}



li.mystyle2 a {
    display: inline;
    padding: 0px 0px;
    text-decoration: underline;
    color:/* browser's internal value */;
    font-family: Times, serif;
    font-size:16px;
}

li.mystyle2 a.active {
    background-color: white; /*bleu par défaut*/
    color: /* browser's internal value */;
}
li.mystyle2 a.active:hover {
    background-color: white; /*bleu par défaut*/
    color: /* browser's internal value */;

}

li.mystyle2 a:hover:not(.active) {/* ne compte pas le premier choix de la liste*/
    color: /* browser's internal value */;
    border-left:none;
    cursor:pointer;
}

.boxed {
  margin-left: 3%; /*40px*/
  max-width:850px;
  border: 2px solid rgb(18, 174, 209) ;
}