body {
	font-family: Verdana, sans-serif;
	background-color: rgb(245,219,194);
	text-align: justify;
	margin-top: 2em;
	font-size: 13px;
	min-width: 500px;
}

h1, h2, .sous-titre {
	text-align: center;
}

/* Titre principal */
h1 {
	font-family: Monotype Corsiva;
	font-size: 4em;
	margin-top: 0;
	margin-bottom: 0px;
}

/* Titre de niveau 2 */
h2 {
	font-family: Monotype Corsiva;
	font-size: 2em;
	margin-bottom: 0.4em;
}

/* Titre de chaque grosse boîte centrale*/
h3 {
	margin-left: -1em;
	color: rgb(181,54,39);
	font-size: small;
}

/* Titre des petites boîtes à gauche */
h4 {
	font-family: Verdana, sans-serif;
	color: white;
	background-color: rgb(232,143,122);
	border-bottom: 1px solid;
	font-size: 1em;
	text-align: left;
	text-indent: 1em;
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
}

/* Sous le h1 */
.sous-titre {
	margin: 0px;
	font-family: Arial;
	font-size: 0.8em;
}

/* Sous le h2 */
.auteur {
	margin: 0 0 0.5em 0;
	font-family: Monotype Corsiva;
	font-size: 1.5em;
	text-align: center;
}

/* Emphase par défaut */
em {
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}

/* Pas de bordure pour les images */
img {
    border: 0;
}

/* Les liens sont d'une couleur claire et en italique */
a {
	font-style: italic;
	/*font-weight: normal;*/
	text-decoration: none;
	color: rgb(232,143,122);
}

/* Les liens externes sont marqués par une image */
a.urlextern{
    background: transparent url(../img/ext.png) no-repeat right;
    padding: 1px 18px 1px 0px;
}

/* Icone collée en haut à gauche */
.imggauche {
	float: left;
	clear: left;
	border: 0;
	padding-left: 0.2em;
	margin-bottom: 1em;
	background-color: rgb(245,219,194);
}

/* Toutes les boîtes collées à gauche */
.gauche {
	padding-bottom: 0.8em;
	width: 14.1em;
	text-align: left;
	font-size: 0.9em;
	margin-bottom: 1.5em;
	float: left;
	clear: left;
	border: 1px solid rgb(232,143,122);
	background-color: rgb(248,230,212);
}

/* Les paragraphes dans les boîtes à gauche */
.gauche p {
	margin: 0em 1em 0.2em 1em;
	padding: 0em;
}

/* Les liens url des boîtes à gauche (pour le menu) */
a.menu {
	margin-top: 0.2em;
	font-style: normal;
	font-weight: bold;
	color: black;
	display: block;
}

/* Pour que l'adresse email tienne sur une ligne dans les boîtes à gauche */
a.petit {
	font-weight: normal;
	font-size: smaller;
	margin-bottom: 0.8em;
}

/* La couleur du lien s'assombrit quand on passe dessus */
/* Placé après a.*, sinon cette propriété est cachée */
a:hover {
	color: rgb(181,54,39);
}

/* Contenant de toutes les boîtes centrales */
.contenu {
    margin: 2.5em 0 0 14em;
}

/* Pour mettre au centre */
.center {
	text-align: center;
}

/* Chaque grosse boîte centrale */
.boite {
	background-color: rgb(249,232,215); 
	padding: 0em 1em 0.2em 2em;
	margin-bottom: 2em;
	border: solid 1px white;
	-moz-border-radius: 20px;
	border-color: rgb(232,143,122);
}

/* Les listes à points, pour réduire l'espacement entre chaque item */
ul {
	margin-top: 0.2em;
}

li {
	margin-top: 0.2em;
}


/* Expo photo */
table.galerie {
	padding-bottom: 1.5em;
}

table.galerie tr td {
	width: 134px;
	height: 134px;
	background-color: rgb(245,219,194);
	text-align: center;
	vertical-align: middle;
}

table.galerie tr td img {
	padding: 0px;
	border: solid 1px rgb(249,232,215);
}

/* Cartes issues de Google Maps sur l'agenda */
div.map {
    width: 650px;
    height: 500px;
    margin: 2em;
}

/* Pour la table des permanences */
table.permanences {
	table-layout: fixed;
	border: solid 1px rgb(232,143,122);
	width: 85%;
	border-collapse: collapse;
	margin: 1em 0 2em 0; 
	font-size: 1em; /* Pour IE */
	text-align: center;
}

div > table.permanences {
	width: 100%;
}

table.permanences th {
	background-color: rgb(232,143,122);
      color: white;
}

table.permanences td, table.permanences th {
	border: dotted 1px rgb(232,143,122);
}

th.date {
	width: 20%;
}
th.horaire {
	width: 20%;
}