body
	{
	background-image : linear-gradient(#EFF5FB, #A9D0F5);
	background-repeat : no-repeat;
	}

form textarea
	{
	width : 500px;
	height : 200px;
	}
	
#navbar
	{
	width : 15%;
	height : 400px;
	float : left;
	position : fixed;
	}

#navbar ul
	{
	list-style-type : none;
	}

#navbar a
	{
	color : black;
	text-decoration : none;
	}
	
#container
	{
	width : 70%;
	margin : auto;
	background-image : linear-gradient(#A9D0F5, #EFF5FB);
	background-repeat : no-repeat;

	/*background-color : #FFFEF9;*/
	text-align : center;
	padding : 5px;
	margin-top : 15px;
	}
	
#entete
	{
	}

#logo
	{
	width : 200px;
	height : 200px;
	margin : auto;
	}
	
	
#compteur
	{
	}

#cassos
	{
	color : maroon;
	}

	
#lexique li
	{
	text-align : left;
	}
	
article
	{
	text-align : justify;
	width : 65%;
	margin : auto;
	}
	
	
footer
	{
	padding-top : 200px;
	font-size : x-small;
	}
	
.logoz
	{
	font-size : 400%;
	font-family: Wingdings, Helvetica, serif;
	}

.logofoot
	{
	font-family: Wingdings, Helvetica, serif;
	text-decoration : none;
	}
	

.rouge
	{
	color : red;
	}
	
.magenta
	{
	color : magenta;
	}
	
.signature
	{
	width : 200px;
	}
	
.titre
	{
	text-transform : uppercase;
	color : maroon;
	}

.img_salette
		{
		width : 250px;
		height : 300px;
		}

.fig_salette
		{
		width : 280px;
		height : 350px;
		margin : auto;
		border : solid;
		text-align : center;
		}
	
.thumb
	{
	width : 40px;
	height : 70px;
	}
	
.bio
	{
	border : solid;
	background : silver;
	margin-bottom : 5px;
	}
	
.portrait
	{
	display : inline-block;
	width : 24%;
	height : 200px;
	vertical-align : center;
	padding: 20px;
	}

.nom
	{
	width : 15%;
	display : inline-block;
	vertical-align : top;
	}
	
.grade
	{
	vertical-align : top;
	width : 15%;
	display : inline-block;
	}
	
.vie
	{
	text-align : justify;
	vertical-align : top;
	width : 69%;
	display : inline-block;
	}
	
.texte_bio
	{
	width : 65%;
	display : inline-block;
	vertical-align : top;
	}