* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006633;
	font-size:12px;
	/*letter-spacing: 0.1em;
	word-spacing:0.4em;*/
	line-height:1.6em;
}

html {
	background:#fff5e2;
	min-width:50em;
	max-width:120em;
}

body {
	background:#fff5e2;
}

/* hack msie < 6 - à virer un jour */
/* img { filter:Chroma(color=#fff5e2); }*/

/*** Titres ***/

/* caractéristiques communes à tous les titres */
h1, h2, h3 {
	display:block;
	background-position: top left;
	background-repeat: no-repeat;
	font-family:"URW Bookman L", "Book Antiqua", "Bitstream Vera Serif", "Times New Roman", times, serif;
	font-weight:bold;
	line-height:100%;
	color:#780808;
	text-align:left;
}

h1 {
	padding-top:0;
	padding-left:0;
	margin-top:2em;
	margin-bottom:0.8em;
	margin-left:2.5em;
	font-size:140%;    /* hack small caps - sinon 165 et virer font-size dans first-letter */
	letter-spacing:0.2em;
	word-spacing:0.4em;
	text-transform: uppercase;   /* hack small caps */
	text-indent:-4em;
	/*font-variant:small-caps;*/
}

h1:first-letter {
	color:#fff5e2;
	background:#780808 url("/images/fond-lettrine-bdx.png") top left repeat-y;
	font-size:160%;   /* hack small caps */
	padding:0.2em 0 0.2em 1.5em;
}

h2 {
	margin-top:1.4em;
	margin-bottom:0.8em;
	margin-left:0.5em;
	padding:0;
	font-size:140%;
}

h3 {
	margin-top:1.2em;
	margin-bottom:0.8em;
	margin-left:1em;
	padding:0;
	font-size:125%;
	font-style:italic;
}

/* Grand titre de page */

div#titre {
	display:list-item;
	height:100px;
	width:25em;
	padding-top:23px;
	padding-right:170px;
	background: #fff5e2 top right no-repeat url("/images/frappapeteur-byebye.png");
	font-family:"URW Bookman L", "Book Antiqua", "Bitstream Vera Serif", "Times New Roman", times, serif;
	font-size:165%;
	font-weight:bold;
	color:#780808;
	margin:0;
	border:none;
	text-align:right;
	list-style: outside url("/images/puce-nuage-fumee.png");
}

div#titre:first-letter {
	font-size:130%;
	color:#780808; /* hack msie7 */
}

/*** Liens ***/

a:link {
	color:#0039bb;
	text-decoration:none;
}

a:visited {
	color:#5274bf;
	text-decoration:none;
}

a:hover {text-decoration:underline;}


cite {
	margin:0 4em;
}

/*** Barre de menus à gauche ***/

#barre {
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:1024px;
	margin:0;
	padding:0 0 15px 0;
	background:#fff5e2 url("/images/fondfeuilles.png") no-repeat top left;
	text-align:center;
	font-weight:bold;
}

#barre hr {
	background:white;
	text-align:center;
	margin:4px auto;
	border:1px outset;
	height:0;
	width:120px;
}

/*** Boutons régionaux ***/

.bouton , div.zoneaccueil {
	width:127px;
	height:39px;
	text-align :center;
	margin:0 auto;
	padding:0px;
}

.bouton a , div.zoneaccueil a {
	display:block;
	width:127px;
	height:39px;
	text-decoration:none;
	font-size:0;
	background-repeat:no-repeat;
	background-position:top left;
	/*filter:Chroma(color=#fff5e2);*/
}

.bouton a:hover { background-position:0 -39px }

a.idf { background-image:url("/images/bouton-idf.png") }
a.azur { background-image:url("/images/bouton-azur.png") }
a.fcomte { background-image:url("/images/bouton-fcomte.png") }
a.limousin { background-image:url("/images/bouton-limousin.png") }
a.isere { background-image:url("/images/bouton-isere.png") }
a.vosges { background-image:url("/images/bouton-vosges.png") }
a.prive { background-image:url("/images/bouton-prive.png") }
a.son-spad { background-image:url("/images/bouton-son-spad.png") }
a.ses-spads { background-image:url("/images/bouton-ses-spads.png") }
a.sa-page { background-image:url("/images/bouton-sa-page.png") }
a.ses-photos { background-image:url("/images/bouton-ses-photos.png") }

div.zoneaccueil , div.zoneaccueil a {
	height:120px;
	width:160px;
	background:none;
	padding:0;
}

div.zoneaccueil a:hover { background:url("/images/frappapeteur-ombre.png") top left no-repeat }

/*** Liens textuels du menu ***/

.menutexte {
	display:block;
	width:115px;
	margin:auto;
	text-align:center;
	font-weight:bold;
	/*font-style:italic;*/
	border-top:2px groove white;
	border-bottom:2px groove white;
}

.menutexte a:link , .menutexte a:visited {
	background:url("/images/fond-menulien.png") top center repeat-y;
	display:block;
	color:white;
	text-align:center;
	padding:0;
	text-shadow: 1px 1px 5px black;
	text-decoration:none;
	font-family:"URW Bookman L", "Book Antiqua", "Bitstream Vera Serif", "Times New Roman", times, serif;
	letter-spacing: 0.05em;
	word-spacing:0.2em;
	line-height:1.4em;
}

.menutexte a:visited {
	color:#eeefc7;
}

.menutexte a:hover {
/*	border:1px solid #006633;*/
	background:url("/images/fond-menutexte.png") top center repeat-y;
}

.menutexte a:active {background:#780808}

/*** Partie pour le contenu de la page ***/

#conteneur {
	position:relative;
	margin:5px 0px 5px 160px;
	background:#fff5e2 url("/images/bordure-verte.png") repeat-y right top;
	width:auto;
	padding:1px;
	border:none;
}

.contenu {
	width:auto;
	height:auto;
	margin:2px;
	background:#fff5e2;
	padding:20px;
	border:none;
}

/* Ligne séparateur avec trèfles */

#conteneur hr {
	background:url("/images/barre-trefle.png") no-repeat top center;
	text-align:center;
	border:none;
	height:36px;
	width:100%;
	display:block;
	margin:1em auto;
}

#conteneur p {
	text-align:justify;
	margin-top:6px;
	margin-bottom:4px;
}

/* Premiere lettre de chaque paragraphe */
#conteneur p:first-letter , #conteneur li:first-letter {
	font-family:"URW Bookman L", "Book Antiqua", "Bitstream Vera Serif", "Times New Roman", times, serif;
	font-weight:bold;
	font-size:140%;
	color:#780808;
}

#conteneur p.auteur {
	text-align:right;
	font-style:italic;
	font-size:smaller;
}

#conteneur p.auteur a {
	font-size:inherit;
}

#conteneur p.poeme , #conteneur p.legende {
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	font-style:italic;
}

/* Listes à puces */

#conteneur li {
	display: list-item;
	list-style-image:url("/images/icon-plateau.png");
}

#conteneur li:first-letter { font-size:120%; }

#conteneur li.photo{ list-style-image:url("/images/icon-photo.png") }
#conteneur li.azur{ list-style-image:url("/images/icon-azur.png") }
#conteneur li.pbn { list-style-image:url("/images/icon-pbn.png") }
#conteneur li.idf { list-style-image:url("/images/icon-idf.png") }
#conteneur li.pinup { list-style-image:url("/images/icon-pinup.png") }
#conteneur li.bouffe { list-style-image:url("/images/icon-bouffe.png") }
#conteneur li.admin { list-style-image:url("/images/icon-admin.png") }

/*** Conteneur du pied de page ***/

#conteneur-pied {
	position:absolute;
	right:8px;
	margin-top:10px;
	margin-right:0;
	margin-bottom:5px;
	margin-left:auto;
	width:auto;
	padding:3px;
	border:none;
	background:url("/images/bordure-rouge.png") repeat-y right top;
}

/*** Pied de page ***/

#pied-page {
	text-align:right;
	color:#780808;
	width:auto;
	height:auto;
	margin:0;
	padding:8px;
	border:none;
	/*background:#fcefd5 url("/images/fond.jaune.jpg") repeat left top;*/
	background:#fff5e2;
}

#pied-page p {
	margin:0;
	text-align:right;
	font-size:70%;
}

#pied-page a {
	font-size:inherit;
}

/* Encadré à ladroite de la page */

.encadre-droite , .encadre-centre {
	display:block;
	background:#c7e2bc;
	/*background:url("/images/fond-feuilles-mortes.jpg") repeat left top;*/
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border:2px outset #006633;
	color:black;
	font-style:italic;
	font-size:65%;	
}

.encadre-droite {
	float:right;
	width:20em;
	margin:1em 0 1em 3em;
	padding:2em;
}

.encadre-centre {
	margin:auto;
	text-align:center;
	width:auto;
	padding:0;
}


.encadre-droite h1 , .encadre-droite h1:first-letter , .encadre-centre h1 , .encadre-centre h1:first-letter {
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	color:inherit;
	margin:0 auto;
	background:none;
}

.encadre-droite p , .encadre-centre p {
	color:inherit;
	padding:0.2em;
}

/*** Images d'illustration ***/

img.illustration-centre {
	display:block;
	padding:1px;
	margin:auto;
	text-align:center;
	border:none;
	color:inherit;
}

img.logo {
	border:none;
	padding:0;
	margin-bottom:0;
}

img.illustration-droite {
	float:right;
	padding:1px;
	margin:1em 0 1em 2em;
	border:none;
}

img.illustration-gauche {
	float:left;
	padding:1px;
	margin:1em 2em 1em 0;
	border:none;
}

img.icone {
	float:left;
	border:none;
	padding:0;
	margin-right:0.5em;
}

/* Destiné aux encadrés contenant des images plus larges que leur largeur fixe */

.large {
	width:auto;
	padding:0.3em;
}

/* Destiné aux encadrés invisibles */
.invisible {
	background:#fff5e2;
	color:black;
	border:none;
	padding:0;
}
/* Décor pour images et cadres */

img.avecdecor , div.avecdecor {
	border:2px dotted #780808;
}

/*** Tableaux ***/

thead , td.titre {
	background:#006633 url("/images/fondfeuilles-large.jpg") center center repeat;
	color:white;
	font-weight:bold;
	text-align:center;
	/*border:thin solid black;*/
	border:none;
	text-shadow: 1px 1px 5px black;
}

thead {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

tr {color:inherit}
td {color:inherit}

span.titreliste {
	color:#780808;
}

