body {
margin: 0;
font-family:"Gill sans", sans-serif;
font-weight: 120;
font-size:1.9vw;
width:100vw;
padding:0;
max-width:100vw;
line-height:1.4;
}

.MathJax{
font-size: 1.9vw;
}

.katex{
font-size: 1.9vw;
font-weight: 100;
}


#bodyCours{
  background-color:#f2f7ff;
}

.aide {
  border-radius: 0px 10px 0px 10px;
  box-shadow: 1px 1px 4px #888;
  background: #0541a3;
  padding: 1.5em;
  color: white;
  margin: auto;
  margin-top: 10px;
  border:2px;
  overflow-y:scroll;
}

.plancheCours{
  background-color:#f2f7ff;
}


div.aide>ul
  {
    list-style-type: disc;
  }


  
 .solution {
   border-radius: 0px 10px 0px 10px;
   background: #414e63;
   padding: 1.5em;
   color: white;	 
   margin: auto; 
   margin-top: 10px; 
   overflow-y: scroll;
   box-shadow: 1px 1px 4px #888;
   max-height:70vh;
   }



div.solution>ul
  {
    list-style-type: disc;
    line-height: 150%;
  }


.cours {
    border-radius: 0px 10px 0px 10px;
    background: #5a6e8f;
    padding: 1.5em;
    color: white;
  	margin: auto;
  	margin-top: 10px;
    max-height: 70vh;
    overflow-y:scroll;
    box-shadow: 1px 1px 4px #888;
} 


div.cours>ul
  {
    list-style-type: disc;
    line-height: 150%;
  }

a{
  text-decoration: none;
}

.question {
	/* border-radius: 0px 10px 0px 10px;*/
	background: white;
	padding: 2%;
	padding-bottom:1em;
  padding-top:1em;
	margin: auto;
	margin-top: 0px;
 /* max-width: 85vw;*/	   
}	

.ssmenu{
  /* border-radius: 0px 10px 0px 10px;*/
  
  background: white;
  padding: 1vh;
  max-width:50vw;   
  cursor: pointer;   
  -moz-user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}

.ssmenu:hover{
  background-color: #b5c4d3;
  
}



.sousM{
  margin:0;
  padding:5vh;
  display:none;
  z-index:150;
  position:fixed;
  top:5vw;
  left:5vw;
  max-width:50vw;
  min-width:50vw;
  background-color:white;
  overflow-y:scroll;
  max-height:60vh;
  box-shadow:0px 2px 5px #b5c4d3;
  border-top:2px;
  border-collapse;
  font-color:black;
  font-size:1.5vw;
  backdrop-filter: grayscale(20%);
  opacity: 98%;
}

.iconeACS{
  display: inline;
  vertical-align:middle;
  font-size: x-large;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}


.jour2Cours{
box-shadow:0px 0px 3px #b5c4d3;
background-color:#9fb8e0;
color:white;
margin:auto;
padding:1em;
border: 1px ridge #f2f7ff;
border-collapse:collapse;
}

/* Clear floats after the columns */
.row:{
  display:table-row;
  min-width:100vw;
  right:0;
  /* width:100vw;*/ 
  padding:0;
  margin:0; 
  table-layout:fixed;
}

.row>div{
  background-color: #e0e7eb;
  display:table-cell;
  padding:0em;
  vertical-align: text-top;
  max-width:85vw;
  box-sizing: border-box;
  overflow-x: scroll;
  resize:horizontal;
}


nav{
 background-color: black;
 vertical-align:middle;
 top:0;left:0;
 right:0;
 margin-left:0;
 margin-right:0;
 margin-top:0; 
 text-align:center;
 z-index: 10;
 position:sticky;
 position:-webkit-sticky;
 padding:0.5em;
 display: block;
 box-shadow: 0px 2px 2px #DDD;
 overflow-y:visible;
}



#BoutonAffMas{
  display:block;
}


#plancheCours{
  font-family: "Computer Modern Serif", serif;
  font-weight: 400;
  margin:auto;
  padding-top:1em; 
  background-color: white; 
  max-width:85vw;
  padding:0px;
  box-shadow: -2px 0px 4px #b5c4d3, 2px 0px 4px #b5c4d3;

}


#planche{
  font-family: "Computer Modern Serif", serif;
  font-weight: 400;
  margin:auto;
  /*min-width:75vw;*/
  padding-top:1em; 
  background-color: white; 
}

#planche>ol{
  list-style-position:outside;
  margin:3.5vw;
  padding-left:0.2em;
}

#planche>ol>li{
  border-bottom:1px solid #b5c4d3;
  padding:0vw;
  margin-left:0em; 
}

#planche>ol ol ol{
  list-style-type: lower-alpha ;
  padding-left:2vw;
}

#iconographie{
margin:auto;  
margin-top:0.5em;
display:block;
/*top:4em;*/
background-color: #f2f7ff;
padding:0.5vw;
font-size:1.5vw;
/*box-shadow: 1px 1px 4px #888;*/
}

#iconographie ul{
  padding-left:0.2em;
}

#iconographie li{
  list-style-type: none;
}

.container {
  display: inline-block;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}

.bar1,.bar2,.bar3 {
  width: 1em;
  height: 0.1em;
  margin-top:0.2em;
  background-color: white;
  transition: 0.4s;  
  opacity:100%;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(0em,0.45em) ;
  transform: rotate(-45deg) translate(0em,0.45em);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(0em,-0.45em);
  transform: rotate(45deg) translate(0em,-0.45em);
}

#toTop{
  position:fixed;
  top:15%;
  right:2%;cursor:pointer;
  font-size: x-large;
  z-index:200;
  -moz-user-select: none;
  -ms-user-select:none;
  -webkit-user-select:none;
}

.page2cours{
  border: 1px 0px 1px 0px solid #b5c4d3;
}

 
nav a:{
  text-decoration:none;
  vertical-align: middle;
  color:white;
} 

nav a:link{
  color:white;
}

nav a:visited{
  color:white;
}

nav ul li{
  display:inline-block;
}

nav ul .sous{
  display:none;
  left:;
}


nav ul li:hover .sous{
  display:block;
}

/* mouse over link */
nav a:hover {
  background-color: white;
  color:black;
}



/* selected link */

nav a:active{
  color:#DDDDDD;
  border-bottom: solid 2px #f2f7ff;
}


#colGauche{
  background-color: #f2f7ff;
  box-shadow: inset -2px 0px 4px #b5c4d3;
}

#colDroite{
  background-color: #f2f7ff;/*#f2f7ff;$/
  /*border-right: 1px solid #b5c4d3;*/
  box-shadow: inset 2px 0px 4px #b5c4d3;
  min-width:4vw;
  width:auto;
}



@media (orientation: landscape) {

body {
margin: 0;
font-family:"Gill sans", sans-serif;
font-weight: 120;
font-size:1.9vw;
width:100vw;
padding:0;
max-width:100vw;
line-height:1.4;
}


  
#navMenu{
display:none;
}

nav{
  display:block;
}

#iconographie{
display:block;
}



html{
  -webkit-text-size-adjust:100%;
}
  
#titrePortrait{
  display:none;
}

#colGauche{
  width:20vw;
}

#colCentre{
  width:76vw;
  /*border-left: 1px solid #b5c4d3; 
  border-right: 1px solid #b5c4d3;*/ 
  background-color: white; 

}

}


@media (orientation: portrait){

  /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

body {
margin: 0;
font-family:"Gill sans", sans-serif;
font-weight:120;
font-size:1.9vh;
width:100vw;
padding:0;
max-width:100vw;
}

.MathJax {
font-size: 1.9vh;
}

.katex{
font-size: 1.9vh;
}

.ssmenu{
  /* border-radius: 0px 10px 0px 10px;*/
  background: white;
  padding: 1vh;    
}

.sousM{
  margin:0;
  padding:1vh;
  display:none;
  z-index:150;
  position:fixed;
  top:10vh;
  left:5vw;
  max-width:90vw;
  min-width:90vw;
  background-color:white;
  overflow-y:scroll;
  max-height:70vh;
  box-shadow:0px 2px 5px #b5c4d3;
  border-top:0px;
  border-collapse;
  font-color:black;
  font-size:1.9vh;
  backdrop-filter: grayscale(20%);
  opacity: 98%;
}


#iconographie{
  display:none;
}


#titrePortrait{
  color:white;
  display:inline-block;
}

#planche{
  width:80vw;
  margin-left:3.5vw;
}

nav{
  text-align:left;
}

nav a{
display:none;
}

#colGauche:{
  width:4vw;
}

html{
  -webkit-text-size-adjust:100vw;
}

#colCentre{
  width:92vw;
  border-left: 1px solid #b5c4d3; 
  border-right: 1px solid #b5c4d3; 
  background-color: white;

  }

img,table,tr,td,blockquote,code,pre,textarea,input,iframe,object,embed,video {
    max-width: 100vw;
  }  

}