/* tags HTML5 qui se comportent comme des blocs */
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video { display : block; }

/* tags de type en ligne */
abbr, eventsource, mark, meter, time, progress, output, bb { display : inline; }


html, body {
	margin : 0; 
	width : 100%;
	height : 100%;
	background-color : rgb(217,217,217); 
	color : rgb(0, 0, 0); 
	font-weight : bold; 
	font-family : 'arial', serif; 
	font-size : 100%;
	font-weight : bold;
	text-align : center;
	padding : 0;
}


header {
	background-color : rgb(200, 200, 200);
	font-size : 75%;
	text-align : center;
}
footer {
	clear : both;
	background-color : rgb(255, 245, 174);
	font-size : 75%;
	text-align : center;
}
article {
	background-color : rgb(213, 213, 162);
	font-size : 120%;
	text-align : left;
	display : block;
}
.artImg {
	cursor : pointer;
	/*display : none;*/
}
aside {
	float : right;
	background-color : rgb(233, 233, 182);
	font-size : 90%;
	width : 50%;
	text-align : left;
	font-style : italic;
	font-weight : bold;
	overflow : auto;
	padding : 2px;
	border : 3px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}

aside.image {
	width : 100%;
}
nav {
	position : absolute;
	top : 0;
	left : 0;
	width : 148px;
	height : auto;
	background-color : rgb(255, 255, 255);
	border : 5px ridge rgb(150, 150, 150);
	/*overflow : auto;*/
	text-align : left;
	font-size : 75%;
	color : rgb(0, 0, 0);
	padding-top : 0;
	visibility : visible;
	z-index : 2;
}



#colonne_gauche {
	position : absolute;
	top : 5%;
	left : 5%;
	width : 25%;
	font-size : 80%;
	overflow : hidden;
	z-index : 2;
}
#logo_ {
	width : 100%;

}
#colonne_gauche_haut {
	background-color : rgb(217,217,217);
	border : 1px;
	border-style : solid;
	border-color : rgb(0, 0, 0); 
}
#colonne_gauche_bas {
	margin-top : 50px;
	background-Color : rgb(200, 200, 200);
	border : 1px;
	border-style : solid;
	border-color : rgb(0, 0, 0); 
}
#pour_pas_js {
	position : absolute;
	top : 5%;
	left : 5%;
	width : 25%;
	font-size : 80%;
	overflow : hidden;
	z-index : 1;
}

#colonne_droite {
	position : absolute;
	top : 5%;
	left : 35%;
	width : 60%;
	margin-top : 20px;
	background-color : rgb(217,217,217);
	border : 1px;
	border-style : solid;
	border-color : rgb(0, 0, 0);
	padding : 5px;
	text-align : left;
	font-size : 100%;
	overflow : hidden; 
}
hr {
	width : 80%;
}
a {
	text-decoration : none; 
	font-weight : bold;
	color : rgb(0, 0, 120);
} 
a:hover {
	color : rgb(255, 0, 0);
}

h1 {
	text-align : center;
	font-size : 200%;
	color : rgb(123, 46, 0);
}
h2 {
	background-color : #aabb00;
	text-align : left;
	font-size : 14px;
	color : black;
}
h3 {
	padding-left : 30px;
	text-align : left;
	font-size : 14px;
	color : black;
}
h4 {
	text-align : center;
	font-size : 100%;
}
h5 {
	background-color : #ffa000;
	text-align : center;
	font-family : arial, serif;
	font-size : 18px;
	color : green;
}
h6 {
	font-style : italic;
	font-size : 12px;
	color : rgb(255, 0, 0);
}
pre {
	width : 95%;
	padding-left : 0;
	font-family : 'Times New Roman', serif;
	font-weight : bold;
	font-size : 14px;
	text-align : left;
	overflow : auto;
	color : rgb(51, 102, 153);
}
.scroll {
	overflow : auto;
}
.educ {
	color : rgb(255, 0, 255);
}
span {
	font-size : 110%;
	color : rgb(255, 0, 0);
}
#aide_ {
	position : absolute;
	top : -1000px;
	left :-1000px;
	background-Color : rgb(240, 240, 240);
	width : 160px;
	font-size : 12px;
	padding : 1px;
	text-align : left;
	border-top-width : 1px;
	border-left-width : 1px;
	border-bottom-width : 3px;
	border-right-width : 3px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	z-index : 3;
}
#pas_js {
	position : absolute;
	top : 0;
	left : 25%;
	width : 50%;
	background-Color : rgb(240, 240, 240);
	visibility : visible;
	text-align : center; 
}