body{
	background:#D9EFF5;
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 100%;
	line-height: 1.25;
	color: black;
}


/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
}

h1 {
	font-size: 3em;
	font-style: italic;
}

h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	/*margin: .75em 0 .75em 24px;*/
	margin : 0;
	padding: 0;
}
ul {
	list-style: Disc;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}



#entete {
  background-color:#D9EFF5;
	padding: 20px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Navigation */

#navigation {
  border-radius: 10px;
}

#navigation a:hover, #navigation a:focus {
	background: #667882; 
}

#navigation, #navigation a{
  background-color:#C3D9E0;
  color:#040317;
}

/* le menu navigation au survol de la souris */
#navigation a:hover{
  background-color:#667882;
}

#navigation {
	width: 18%;
	float: left; /* -> 2 */
}

#navigation ul {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
}

#navigation a {
	display: block;
	height: 1%; /* -> 3 */
	padding: 6px 6px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}


/* Contenu */

#contenu {
  border-radius: 10px;
}

#contenu {
  color: #4E401D;
  background: #0000FF;
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}
#contenu {
	margin-left: 20%;
	margin-bottom: 20px;
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

#contenu{
  background-color:#C3D9E0;
  color:#040317;
  text-align:justify;
}



@media screen and (max-width: 1200px) {
	#navigation {
		width: 100%;
		float: none;
		font-size: 3em;
	}
	#contenu {
		float: none;
		width: 100%;
		font-size: 3em;
		margin-left: 0%;
		margin-top: 20px;
		padding: 0px 0px;
	}

	#contenu h1{
		font-size: 2em;
	}

}



.sagecell_sessionTitle {display: none;}
.sagecell_done {display: none;}
.sagecell_sessionFilesTitle {display: none;}
.sagecell_editor {
    width: 71%;
    padding-top: 10px;
}
.sagecell_output {width: 71%;}
.CodeMirror-scroll {height: 6em;}
.sagecell_sessionContainer {margin-top: 1em;}