/* Correction des couleurs, fonds et bordures */
html {}
#page			{ border:1px solid black;}
nav				{ 				border:1px solid black;}
section 			{ border:1px solid black;}
article 			{				border:0;}

/* nouveaux styles */
nav ul li a:hover  	{ background:#8a0041; color:#ea69a6} 		/* changer la couleur au survol de la souris */
section header 	{ text-align:center;}	/* centrage du texte dans le header */
article 			{ background:#ffe;		padding:3px; padding-left:6px; padding-right:6px;} /*mise en forme des articles : fond et marges intérieures */
table			{border-collapse:collapse} 	/* coller les cellules entre elles */

/* positionnement, structures */
#loginContenaire{ float:right;}						/* espace login : à droite du menu*/
#loginContenaire * {font-size:11px;display:inline;}	/* agencement du contenu du login */
#logo			{ float:left;}						/* et le logo à gauche du titre */
.encart 			{width:30%; float:right;} 			/* les encarts sont à droite */


/* Styles du menu et de ses items */
	nav ul 	{margin:0;list-style-type:none;} 		/* pas de marge ni de points */
	nav  		{height:23px;} 							/* dans ce cas, il faut donner de la hauteur au menu */
	nav li 	{float:left;}							/* les lignes sont écrites sur une seule ligne */
	nav ul li a {padding:0 5px 8px 5px; text-decoration:none;}

/* petite innovation : utilisation de styles CSS4 */
.col2 {-webkit-columns: 2;	-moz-columns: 2;	columns:2;  }
.col3 {-webkit-columns: 3;	-moz-columns: 3;	columns:3;  }
.col4 {-webkit-columns: 4;	-moz-columns: 4;	columns:4;  }
.col1, .col2, .col3, .col4 {-webkit-column-rule: 1px solid #777; -moz-column-rule: 1px dotted #999; column-rule: 1px solid #777; margin-bottom:3px; margin-top:3px;}
