html{background-image : url(../images/nitubleu.gif);}
body{margin : auto; color : black; font-family : "Times New Roman", serif; text-align : left;
	line-height : 150%;}
	
@media screen and (max-width : 767px) {
	body {padding: 0% 0% 0% 0%; font-size : 12pt} 
	#article img.figure {width : 100%; border-style : ridge; border-width : 2px; border-color : white;}
	#article img.large {width : 100%;}
	p.cita {margin-left : 5%; margin-right : 5%; text-align : justify;}
	blockquote {margin-left : 0%; margin-right : 0%;}
	#article img.encart {width : 100%;}
	}
@media screen and (min-width : 768px) and (max-width : 1023px) {
	body {padding: 0% 6% 0% 6%; font-size : 14pt} 
	#article img.figure {width : 70%; border-style : ridge; border-width : 2px; border-color : white;}
	#article img.large {width : 90%;}	
	#illust {float : right;}
	p.cita {margin-left : 25%; margin-right : 25%; text-align : justify;}
	}
@media screen and (min-width : 1024px) {
	body {padding: 0% 6% 0% 6%; font-size : 14pt} 
	#article img.figure {width : 50%; border-style : ridge; border-width : 2px; border-color : white;}	
	#article img.large {width : 75%;}
	#illust {float : right;}
	p.cita {margin-left : 25%; margin-right : 25%; text-align : justify;}
	}
	
h1 {color : navy; font-size : 150%; text-align : center;}
h2 {background-color : white; color : black; font-size : 100%; text-align : center; border-style : outset; border-width : medium; margin : 0% 25% 0% 25%;}	
h3 {color : navy; font-size : 125%; text-align : center; text-transform : uppercase;}
h4 {color : purple; font-size : 125%; text-align : center;}
h5 {font-size : 100%; font-weight : bold; text-align : center;}
h6 {font-size : 100%; font-weight : normal; text-align : center;}
sup, sub {font-size : 70%;}
table {border-style : ridge; border-width : thin; background-color : white; margin-left : 50px;}
	td {width : auto; border-style : solid; border-width : thin; padding : 3px; text-align : center;}
	
#header, #nav, #article, #footer{display:block;  padding : 2px 10px 2px 10px; border-left : none; border-right : none;}
#header { background-color : navy; color : #2efe2e; font-family : Arial, sans-serif; text-align : left; border-bottom : thin white solid;}
	
#nav {background-color : navy; color : #ffff8f; padding : 2px 10px 2px 10px; 
		 font-family : Arial, sans-serif; }
	#nav ul { display : flex; flex-wrap : wrap; justify-content : space-between; 
			list-style-type : none; margin : 0; padding : 5px; }
	#nav li { }		
	#nav a:link, a:visited {color : #ffff8f; text-decoration : none; }
	#nav a:hover {text-decoration : underline overline white; text-underline-position : under;}
	.bouton {color : #000080; background-color : white; padding : 1px; 
	text-decoration : none; border-radius : 10px; }	
	
#article {background-color : #e6e6ff; color : black; }
	
	#article a {color : navy; }
	
#footer {background-color : aqua; text-align : left; font-style : italic; font-size : 80%;}
#footer {display : block; background-color : teal; color : white; padding : 2px 10px 2px 10px; 
	text-align : right; line-height : 100%; font-size : 80%;}
	#footer a{color : white;}
#credit {background-color : white; color : gray; text-align : right; font-family : Arial, sans-serif; font-size : 50%; line-height : 100%;}
#logo {float : right;}
#frise {background-color : white; color : maroon; font-family : Arial, sans-serif; font-size : 100%; font-weight : normal; text-align : center;
 border-style : outset; border-width : medium; margin : 0% 25% 0% 25%;}	
	#frise img {border-style : none;}
	
p.math {text-align : center;}
p.exple {color : blue;}
p.comment{color : navy;}

p.note {margin-left : 7px; color : #c00000; font-size : 90%;}
p.affma {border-left-style : solid; border-left-width : 2px; border-left-color : #c00000; margin-left : 5px; padding-left : 8px; color : black;
 font-size : 90%;}
.commut{text-decoration : underline; cursor : pointer;}
	.commut:active{color : green}
p.legende {font : italic smaller sans-serif; line-height : 120%; text-align : center; color : black;}

.encadre{padding : 3px; border-style : ridge; border-width : 2px; border-color : white;}
	table.formule {background-color : transparent; margin-left : 20px; padding : 3px; border-style : none; cellpadding : 0;}
	td {width : auto; border-style : none; text-align : center; padding : 0px 0px 1px 0px;}
	td.numerateur {border-bottom-style : solid; border-bottom-width : thin; }
	.over {text-decoration : overline;}
	.under {text-decoration : underline;}