/************************************************************
 couleurs et formats pour la page principale (index)
*************************************************************/
.index { width:100%; }

/* titre */
.index h1.titre
{
	text-align: center;
	font-size: 3.5em;
	font-weight: bolder;
	color: #012;
	padding: 0px;
	margin: 10px 0px 20px;
}

/* bienvenue */
.index .drapeaufr { float: left; }
.index .drapeauen { float: right; }

.index .bienvenue {
	display:table;
	margin: 2px 5% 25px;
	width: auto;
	height: auto;
}
.index .bienvenue .bienvenue2 {
	display:table-row;
}
.index .bienvenue .fr,
.index .bienvenue .en {
	display:table-cell;
	width:50%;
	padding:5px;
	vertical-align: top;
	background: #E6E6FD;
	border-width: 2px;
	border-color: white;
	border-style: solid;
}
.index .bienvenue .fr {
	/*border:green dotted 1px;*/
	text-align: left;
}
.index .bienvenue .en {
	/*border:blue dotted 1px;*/
	text-align: right;
}
#pied {
	font-size: 10px;
	overflow:hidden;
}
#pied p {
	float:right;
}