/* CSS POUR LA PAGE DES LEXIQUES */

body {
	color: #C2DFFF; /* couleur du texte */
	background: #98AFC7 ; /* Fond de page bleu ardoise */
	padding: 20px 5px; /* 20px a revoir a la baisse? */
}

a {
	color: #7744DD ;
}

a:hover, a:focus {
	color: #FF4C00;
}

/* CONTENEUR = DIV QUI ENGLOBE LES TROIS COLONNES */
#conteneur {
	width: 100%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* BANNIERE/IMAGE (EN-TETE) POUR LES LEXIQUES WAKEWAKARU */
#entete {
	width: 1050px;
	height: 50px;
	background-image: url("../imgwakewakaru/banniere_wake_sans_fond.png");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 20px 0;
}


/* COLONNE DE DROITE */
#colonnedroite {
background-image: url("../imgwakewakaru/ville.png");
float: right ;
width: 400px;
height: 700px;
background-repeat: repeat-y ;

}

/* COLONNE/MENU DE GAUCHE AVEC ICONES */
#menugauche {
	background: #98AFC7 ; /* Même couleur de fond que la page (background de body) */
	float: left;
	width: 100px;
}


/* CORPS = COLONNE DU MILIEU*/
#corps {
	margin-left: 120px; /* distance entre le bord gauche de l'écran et le début de la colonne du milieu */
	margin-right: 420px ; /* distance entre la fin de la colonne du milieu et le bord droit de l'écran */
	padding: 10px 20px;
	color: #181A12;
	background: #98AFC7/*rgb(128, 157, 144)*/;
}

#corps h2 {
  /*color: #FF7800*/;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 1.7em;
  letter-spacing:-1px;
  font-weight:bold;
}


#corps > :first-child {
	margin-top: 10px;
	}

#corps p, #corps li {
	line-height: 2;
	text-align: left;
}

#corps a {
	color: #2B3856;
}
#corps a:hover, #principal a:focus {
	color: rgb(221, 221, 255);
}

.formulaire {
		margin-bottom: 75px;
		text-align: left;
		}

.illustration {
		margin-top: 75px;
		text-align: center;
		margin-bottom: 75px;
		}



/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 260px 10px 200px;
	font-size: .85em;
}