* {margin: 0; padding: 0}	/* définit à 0 par défaut les marges intérieures et extérieures de tous les éléments */

p {margin-bottom: 12px;}		/* définit par défaut la hauteur du saut de ligne après un paragraphe */

.gauche {
	float: left;
	margin: 0 12px 12px 0;
}

.droite {
	float: right;
	margin: 0 0 12px 12px;
}

p.clear {					/* permet de réinitialiser les positionnements de bloc */
	clear: both;
	margin: 0; padding: 0;
}

p.espace {
	line-height: 48px;
}

body {
	background: url(../images/fond_zourine.jpg) top left no-repeat;		/* arrière-plan de la page */
	
	background-color: #f8f1e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;					/* police par défaut de la page */
	font-size: 10px;													/* taille de police par défaut */
	color: #1d1d1d;														/* couleur de police par défaut */
	margin: 3px 18px 9px 145px;			/* positionnement du cadre central dans la page */
}

/* définition haut de page = bannière + menu */
#banniere {
	background: url(../images/entete_zourine.gif) top left no-repeat;
	height: 95px;		/* hauteur de l'image d'entête */
}

/* définition du bandeau de menu en haut de page */
ul.menu {
	clear: both;				/* pour réinitialiser le positionnement en bas de page */
	width: 700px;				/* idem largeur du bloc central */
	list-style-type: none;		/* liste sans puce */
	height: 18px;
	margin-top: 100px;			/* hauteur de la bannière au-dessus de la barre de menus */
	padding: 0 0 0 21px;		/* positionnement vertical du texte dans la barre de menu et par rapport à la gauche */
	text-align: center;			/* centrage de l'ensemble dans la barre */
	color: #756e67;				/* couleur du lien lorsqu'on est sur la 1e page de la rubrique (lien inactif) */
	font-size: 11px;
	font-weight: bold;
}

ul.menu li {
	padding: 0 4px;		/* espacement entre deux "boutons" */
	float: left;		/* pour que les "boutons" s'affichent horizontalement et non verticalement comme une liste */
}

ul.menu a {				/* apparence du lien */
	text-decoration: underline;
	font-weight: bold;
	color: #756e67;
}

ul.menu a:hover {			/* changement de couleur du lien au survol */
	color: #373737;
}
/* fin de la définition du bandeau de menu */
/* fin de la définition du haut de page : bannière + menu */


#page {
	width: 700px;		/* largeur du bloc central */
	text-align: center;
	background-color: #eee3d7;
	/* background-color: #d8cabb;		variante légèrement plus claire */
}

#textepage {
	width: 650px;		/* largeur "utile" dans le bloc central */
	text-align: left;
	padding: 12px 0 3px 0;	/* marge par rapport au haut du bloc central */
	margin: 0 auto;			/* centrage horizontal dans la page */
}

#piedpage {				/* copyright */
	clear: both;
	width: 700px;		/*idem largeur du bloc central "page" */
	padding-top: 3px;
	text-align: center; 
}

h1 {
	font-size: 14px;
	line-height: 18px;
	padding-top: 6px; 
	margin-left: 36px;
}

h1.page {
	font-size: 25px;
        font-family: Baskerville Old Face, Times New Roman, serif;
        font-weight: normal;
	line-height: 30px;
	color: #1d1d1d;
}

div.cadre_intro {
	width: 380px;
	margin: 6px 0 6px 36px;
}

div.cadre_evene {
	width: 200px;
	margin: 6px 0 6px 36px;
	float: left;
}

div.cadre_menu {				/* colonne de droite = menu en images */
	float: right;			/* positionnement à droite du bloc central */
	width: 190px;			/* largeur des images du menu */
	margin: 0 0 6px 18px;
	background-color: #d6c5b4;
}

p.sstitre {
	clear: both;
	width: 520px;
	margin: 0 0 12px 36px;
	color: #756e67;
	font-style: normal;
}

p.lien {
	padding-right: 50px;
	font-style: normal;
	text-align: right;
	color: #756e67;
	margin: 0;
}

p.sstitre  a, p.lien a, a.texte {
	font-size: 10px;
	font-weight: bold;
	color: #756e67;
	text-decoration: none;
}

p.sstitre a:hover, p.lien a:hover, a.texte:hover {
	color: #b6a99c;
	text-decoration: underline;
}

p.contact {
	clear: both;
	margin: 0;
	float: right;
	color: #87784B;
}

p.contact a {
	color: #87784B;
	font-weight: bold;
	text-decoration: none;
}

p.contact a:hover {
	color: #1a5f66;
}



a.lien-important {

                font-size: 10px;

                font-weight: bold;

                color: #F48311;

                text-decoration: none;

}

a.lien-important:hover {

                color: #F48311;

                text-decoration: underline;

}