.lienslocaux {
	font-size:  75%;
	clear: both;
	text-align: center; }
.appartée {
	font-size:  75%; }


/* DEFINITION DES POLICES DES CARACTERES */
body {
	font-family: 'Comic Sans MS', arial, verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%; }
h1, h2, h3, h4 {

margin: 0;
margin-top: 1ex;
margin-bottom: 0.5ex;
	font-family: arial, sans-serif;
	font-weight: bold; }
h1 {
	margin-top: 0;
	font-size: 140%; }
h2 {
	font-size: 120%; }
h3 {
	font-size: 100%; }
h4 {
	font-size:  80%; }
#entete h1 {
	font-size: 150%; }
#entete p {
	font-size:  75%; }
#petits_cailloux p, #navigation_de_voisinage p, .bouton {
	font-size:  75%; }
#contact p {
	font-size:  85%; }
#extraitslivredor p {
	font-size:  85%; }
.ensavoirplus {
	font-size:  75%; }
.refrain {
	font-size: 75%; }
	
/* DEFINITION DES BOITES */

body {
	margin: 0ex;
	border: none;
	padding: 0ex; }
	
/* Boîte principale */

#contenant {
	margin: 0ex;
	border: none;
	padding: 1ex; }

/* Boîtes contenues par la boîte principale #contenant */

#entete, #petits_cailloux, .contenu, #navigation_de_voisinage, #annexes {
	margin: 0ex;
	margin-left: 19ex;
	border: none;
	padding: 0ex;
	clear: both; }
#a_gauche {
	position: absolute;
	left: 0ex;
	top: 100px;
	margin: 0ex;
	width: 19ex;
	border: none;
	padding: 0ex; }

/* Boîtes contenues par la boite #entete */

#entete h1 {
	margin: 0ex;
	border: none;
	padding: 0ex;
	padding-top: 1ex; }
#entete p {
	margin: 0ex;
	margin-top: 1ex;
	border: none;
	padding: 0ex; }

/* Boîtes contenues par la boite #contenu */

#au_milieu {
	float: left;
	width: 64%;
	padding-right: 2%; }

#a_droite {
	float: left;
	width: 32%;
	margin-bottom: 2ex;
	padding: 1%; }

/* Boîtes contenues par la boite #a_gauche */

.menu, #contact {
	margin: 2ex;
	margin-bottom: 4ex; 
	border: none;
	padding: 0ex; }

/* Boîtes contenues par la boîte #contact */

#contact p {
	margin: 0ex;
	border: none;	
	padding: 0ex;
	margin-top: 1em;}

/* Boîtes contenues par la boîte #navigation_de_voisinage */

#page_voisine_suivante {
	width: 33%;
	float: right;
	text-align: right;
}

#page_voisine_du_dessus {
	width: 34%;
	float: right;
	text-align: center;
}

#page_voisine_precedente {
	width: 33%;
	float: left;
	text-align: left;
}

/* Boîte contenue par la boîte #annexes */

#annexes p {
	margin-top: 1ex; }

/* POSITIONEMENT DES TEXTES */

body {
	text-indent: 0ex;
	text-align: left; }
#entete {
	text-align: center; }
#contact p {
	text-align: center; }
#navigation_de_voisinage {
	text-align: right; }
#annexes {
	text-align: center; }
#extraitslivredor {
	text-align: right; }

/* MISE EN FORME DES TEXTES */

body {
	text-decoration: none;
	letter-spacing: 0ex;
	text-transform: none; }
	
#extraitslivredor p {
	font-style: italic; }
	


/* DEFINITION DES COULEURS */

body {
	background-color: white;
	color: black; }
.gris {	color: grey; }

div.groupe          { border-bottom: medium dotted #AAA; }
div.groupe.groupe_1 { border-bottom: medium dotted #F90; }
div.groupe.groupe_2 { border-bottom: medium dotted #AD0; }
div.groupe.groupe_3 { border-bottom: medium dotted #FD2; }
div.groupe.groupe_4 { border-bottom: medium dotted #C95; }
div.groupe.groupe_5 { border-bottom: medium dotted #99F; }
div.groupe.groupe_6 { border-bottom: medium dotted #F8D; }

#a_droite {
	background-color: #CCC; }


/* MISE EN FORME DES LIENS */

a:link    { text-decoration: none; color: inherit; }
a:visited { text-decoration: none; color: inherit; }
a:hover   { font-weight: bold; text-decoration: none; color: inherit;}
a:active  { font-weight: bold; text-decoration: none; color: red; }

#a_gauche a:link    { text-decoration: none; color: black; }
#a_gauche a:visited { text-decoration: none; color: black; }
#a_gauche a:hover   { font-weight: bold; text-decoration: none; color: black;}
#a_gauche a:active  { font-weight: bold; text-decoration: none; color: red; }

/* IMAGES */

/* Logo */
#contenant {
	background: white url("../images/logo.gif") no-repeat 6ex 10px; }

/* Toutes les images du site */
img {
	margin: 0%;
	margin-right: 1%;
	border: thin solid black; }
	
.flotte_a_gauche {
	float: left;
	margin-right: 1ex;
	}

/* Illustration principale de chaque page */
#illustration img {
	border : none;
	margin-left : 1ex;
	float : right; }

/* NE PAS AFFICHER */

#contact h2,
#email,
#site,
.menu h2,
#navigation_de_voisinage h2,
#annexes h2,
hr {
	display:none; }
#xlaius {
	font-style: italic;	
	text-align: center; }

div.image_livre_d_or {
	margin-right: 1ex;
	float: left; }

div.livre_d_or.page_impaire a {
	float: right;
	margin-left: 2ex; }
div.livre_d_or.page_paire a {
	float: left;
	margin-right: 2ex; }
div.livre_d_or.page_impaire {
	text-align: right; }
div.livre_d_or.page_paire {
	text-align: left; }
div.livre_d_or h2 {
	font-size:  75%;
	border-bottom: thin solid #AAA;
	clear: both; }

ul.histoires {
	list-style: none; }
li.histoire {
	clear: both; }
li.histoire a img {
	float: left;
	margin-right: 2ex; }

div.article.presse {
	clear: both; }
div.article.presse a img {
	float: left;
	margin-right: 2ex; }
div.article.presse p.reference {
	font-size: 75% }

#etapes_passees, #etapes_futures {
	float: left;
	width: 50%;
	border: none; }
.liste_d_etapes {
	height: 50em;
	margin: 1ex;
	border: medium solid #AAA;
	padding: 1ex;
	overflow: scroll;
	font-size: 85%;
}
.liste_d_etapes h3 {
	border-bottom: thin solid #AAA; }

.photo_a_telecharger {
	max-width : 20ex;
	float : left;
	margin-right: 1ex;
	text-align: center;
	}
.apres_photos {
	clear : both; }

div.image_ecole {
	clear: both;
	float: right;
	margin-left: 2ex;
	margin-bottom: 1ex;}
	
#a_droite #focus {
	float: right;
	margin: 1px; }


/* MENUS */

.menu ul {
	text-align: center;
	list-style: none;
	}
.menu ul {
	margin: 0ex;
	border: none;
	padding: 0ex;
	}

.menu ul li {
	font-size: 100%;
	margin-top: 1em;
	}
.menu ul li .groupe_1 { background: #F90; }
.menu ul li .groupe_2 { background: #AD0; }
.menu ul li .groupe_3 { background: #FD2; }
.menu ul li .groupe_4 { background: #C95; }
.menu ul li .groupe_5 { background: #99F; }
.menu ul li .groupe_6 { background: #F8D; }

.menu ul ul li {
	font-size:  75%;
	padding-left: 1ex;
	padding-right: 1ex;
	margin-top: 3px;
	}
.menu ul ul li.groupe_1 { background: #FC8; }
.menu ul ul li.groupe_2 { background: #CE7; }
.menu ul ul li.groupe_3 { background: #FE8; }
.menu ul ul li.groupe_4 { background: #EB8; }
.menu ul ul li.groupe_5 { background: #CCF; }
.menu ul ul li.groupe_6 { background: #FCE; }

.menu ul li.annexe {
	font-size:  75%;	
	margin-top: 3px;
	padding-left: 1ex;
	padding-right: 1ex;
	background: #BBB;
	}
.selection {
	font-weight: bold;
	border: thin dotted black;
	}