body	{
					margin: 0px auto;
					padding: 0px;
					background-color: #FFBA7F;
					background-image: url('images/texture-fond.jpg');
					background-repeat: repeat;
					background-attachment: scroll;
					background-position: top left;
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 13px;
					font-style: normal;
					font-weight: normal;
  				color: #342E23;
	}
	
#motif-background {
					position: absolute;
					width: 100%;
					height: 483px;
					left: 0;
					top: 0;
					min-width:920px;
	}
	
#motif-background-cadre {
					position: absolute;
					width: 100%;
					height: 483px;
					left: 0;
					top: 0;
					min-width: 200px
	}

					#motif-background-image {
										background-image: url('images/motif-fond.png');
										background-repeat: no-repeat;
										height: 483px;
										width: 304px;
										margin: 0;
						}

#container {
					position: relative;
	       	width: 100%;
	       	left: 0;
	       	top: 0;
	}

/* cadre principale */
.feuille {
					position:relative;
					z-index:0;
					margin:0 auto;
					width: 920px;
					min-width:115px;
					min-height:115px;
					margin-top: 30px !important;
	}

					.feuille-tl, .feuille-tr, .feuille-bl, .feuille-br, .feuille-tc, .feuille-bc, .feuille-cl, .feuille-cr {
										position:absolute;
										z-index:-1;
						}
					
					.feuille-tl, .feuille-tr, .feuille-bl, .feuille-br {
										width: 162px;
										height: 162px;
										background-image: url('images/feuille-angle.png');
						}
					
					.feuille-tl {
										top:0;
										left:0;
										clip: rect(auto, 81px, 81px, auto);
						}

					.feuille-tr {
										top: 0;
										right: 0;
										clip: rect(auto, auto, 81px, 81px);
						}
					
					.feuille-bl {
										bottom: 0;
										left: 0;
										clip: rect(81px, 81px, auto, auto);
						}
					
					.feuille-br {
										bottom: 0;
										right: 0;
										clip: rect(81px, auto, auto, 81px);
						}
					
					.feuille-tc, .feuille-bc {
										left: 81px;
										right: 81px;
										height: 162px;
										background-image: url('images/feuille-hb.png');
						}
					
					.feuille-tc {
										top: 0;
										clip: rect(auto, auto, 81px, auto);
						}
					
					.feuille-bc {
										bottom: 0;
										clip: rect(81px, auto, auto, auto);
						}
					
					.feuille-cl, .feuille-cr {
										top: 81px;
										bottom: 81px;
										width: 162px;
										background-image: url('images/feuille-gd.png');
						}

					.feuille-cr {
										right:0;
										clip: rect(auto, auto, auto, 81px);
						}
					
					.feuille-cl {
										left:0;
										clip: rect(auto, 81px, auto, auto);
						}
					
					.feuille-cc {
										position:absolute;
										z-index:-1;
										top: 81px;
										left: 81px;
										right: 81px;
										bottom: 81px;
										background-color: #FFCC99;
						}
					
					.feuille-body {
										position: relative;
										z-index: 1;
										padding: 21px;
						}
/* fin cadre principale */


.cleared {
					float: none;
					clear: both;
					margin: 0;
					padding: 0;
					border: none;
					font-size:1px;
	}

/* logo */
.logo {
					display : block;
					position: absolute;
					left: 0px;
					top: 84px;
					width: 853px;
	}

					.logo-text {
										display: block;
										text-align: right;
						}
					
					.logo-text, .logo-text a {
										font-family: Andalus, Arial, Helvetica, Sans-Serif;
										font-size: 26px;
										font-style: italic;
										font-weight: normal;
										padding:0;
										margin:0;
										color: #FFCC99 !important;
						}
/* fin logo */


/* structure menu */
.nav {
					position: relative;
					height: 31px;
					z-index: 100;
	}

					.nav .l, .nav .r {
										position: absolute;
										z-index: -1;
										top: 0;
										height: 31px;
										background-image: url('images/menu-fond.png');
						}
					
					.nav .l {
										left: 0;
										right:0px;
						}
					
					.nav .r {
										right: 0;
										width: 878px;
										clip: rect(auto, auto, auto, 878px);
						}

					.nav-center {
										position:relative;
										float:right; 
										right:50%;
						}
/* fin structure menu */


/* menu */
ul.menu {
					position:relative;
					float:left; 
					left:50%;
	}

.menu {
					padding: 6px 3px 0px 3px;
	}

					.menu, .menu ul {
										min-height: 0;
						}

					.menu, .menu ul {
										margin: 0;
										border: 0;
										list-style-type: none;
										display: block;
						}
					
					.menu li {
										margin: 0;
										padding: 0;
										border: 0;
										display: block;
										float: left;
										position: relative;
										z-index: 5;
										background:none;
						}
					
					.menu a, .menu a:link, .menu a:visited, .menu a:hover {
										text-align:left;
										text-decoration:none;
										outline:none;
										letter-spacing:normal;
										word-spacing:normal;
						}
					
					.menu a {
										position:relative;
										display: block;
										overflow:hidden;
										height: 25px;
										cursor: pointer;
										text-decoration: none;
										margin-right: 4px;
										margin-left: 4px;
						}
					
					.menu a.active .l, .menu a.active .r {
										top: -50px;
						}
					
					.menu a:hover .l, .menu a:hover .r {
										top:-25px;
						}
					
					.menu a .l {
										left:0;
										right:12px;
						}
					
					.menu a .l, .menu a .r {
										position:absolute;
										display: block;
										top:0;
										z-index:-1;
										height: 75px;
										background-image: url('images/menu-couleur.png');
						}
					
					.menu a .r {
										width:424px;
										right:0;
										clip: rect(auto, auto, auto, 412px);
						}
					
					.menu a.active .t {
										color: #120C07;
						}
					
					.menu a .t {
										font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
										font-size: 14px;
										font-style: normal;
										font-weight: bold;
										text-decoration: none;
										color: #EFE1D7;
										padding: 0 0px;
										margin: 0 12px;
										line-height: 28px;
										text-align: center;
						}
					
					.menu a:hover .t {
										color: #373125;
						}
/* fin menu */				


/* l'en-tete */
.en-tete {
					margin: 0 auto;
					position: relative;
					z-index:0;
					width: 878px;
					height: 300px;
	}

					.en-tete-png {
										position: absolute;
										z-index:-2;
										top: 0;
										left: 0;
										width: 878px;
										height: 300px;
										background-image: url('images/en-tete.png');
										background-repeat: no-repeat;
										background-position: left top;
						}
					
					.en-tete-jpeg {
										position: absolute;
										z-index:-1;
										top: 0;
										left: 0;
										width: 878px;
										height: 300px;
										background-image: url('images/en-tete.jpg');
										background-repeat: no-repeat;
										background-position: center center;
						}
/* fin l'en-tete */


/* présentation des contenus */
.content-layout {
					position: relative;
					margin-bottom: 23px;
					width: 878px;
	}

.content-layout .content {
					position: relative;
					margin: 0;
					padding: 0;
					border: 0;
					float: left;
					overflow: hidden;
					width: 877px;
	}
/* fin présentation des contenus */


/* l'article */
.article {
					position:relative;
					z-index:0;
					min-width:1px;
					min-height:1px;
					margin: 29px;
	}

.article-histoire {
					position:relative;
					z-index:0;
					min-width:1px;
					min-height:1px;
					margin: 50px;
	}

					.article-body {
										position: relative;
										z-index: 1;
										padding: 0px;
						}
					
					.article-tete {
										text-decoration:none;
										margin: 0.5em 0;
										padding: 0;
										font-weight:bold;
										font-style:normal;
										letter-spacing:normal;
										word-spacing:normal;
										font-variant:normal;
										text-decoration:none;
										font-variant:normal;
										text-transform:none;
										text-align:left;
										text-indent:0;
										line-height:inherit;
										font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
										font-size: 31px;
										text-align: center;
										color: #000000;
						}
					
					.articlecontent {
  									margin:0;
						}
					
					.articlecontent, .articlecontent p {
										font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
										font-size: 16px;
										font-style: normal;
										font-weight: normal;
										text-align: center;
										color: #342E23;
						}
					
					.articlecontent p {
										margin: 0.5em 0;
						}
/* fin l'article  */

/* boite  */
.block {
					position:relative;
					z-index:0;
					margin:0 auto;
					min-width:1px;
					min-height:1px;
	}

.block {
					margin: 0px;
	}

					.block-body {
										position: relative;
										z-index: 1;
										padding: 7px;
						}

					.block-content {
										position:relative;
										z-index:0;
										margin:0 auto;
										min-width:1px;
										min-height:1px;
						}
						
					.block-content-body img {
	    			    border: 2px solid #373125;
	      		}
					
					.block-tete {
										float: center;
										padding: 0;
	        					margin: 80px 0px 0 0px !important;
	       						margin: 80px 0px 0 0px;
						}
					
					.block-tete h1 {
										font-style: normal;
										font-weight: bold;
										font-family: Andalus, Arial, Helvetica, Sans-Serif;
						}
/* fin boite  */


/* bouton  */
.bouton-wrapper {
					display:inline-block;
					vertical-align: middle;
					position:relative;
					height: 32px;
					overflow: hidden;
					white-space: nowrap;
					width: auto;
					z-index:0;
	}

.firefox2 .bouton-wrapper {
					display:block;
					float:left;
	}

					.bouton-wrapper a .hover .bouton a, .bouton a:hover {
										color: #541D08 !important;
										text-decoration: none !important;
						}
					
					.bouton-wrapper.active .bouton {
										color: #4D4433 !important;
						}
					
					.bouton-wrapper .l, .bouton-wrapper .r {
										display:block;
										position:absolute;
										z-index:-1;
										height: 96px;
										background-image: url('images/bouton.png');
						}
					
					.bouton-wrapper .l {
										left:0;
										right:15px;
						}
					
					.bouton-wrapper .r {
										width:423px;
										right:0;
										clip: rect(auto, auto, auto, 408px);
						}
					
					.bouton-wrapper.hover .l, .bouton-wrapper.hover .r {
										top: -32px;
						}
					
					.bouton-wrapper.active .l, .bouton-wrapper.active .r {
										top: -64px;
						}
					
.bouton-wrapper .bouton {
					display:block;
					height: 32px;
					font-family: Andalus, Arial, Helvetica, Sans-Serif;
					font-size: 16px;
					font-style: normal;
					font-weight: bold;
					white-space: nowrap;
					text-align: left;
					padding: 0 12px !important;
					line-height: 32px;
					color: #5C3C24 !important;
	}

.bouton-wrapper .bouton {
					width: auto;
					outline:none;
					border:none;
					background:none;
					margin:0 !important;
					overflow: visible;
					z-index:0;
					vertical-align: middle;
	}
/* fin bouton  */


/* bas de la feuille */
.bas-feuille { 
					position:relative;
					z-index:0;
					overflow:hidden;
					width: 878px;
					margin: 5px auto 0px auto;
	}

					.bas-feuille .bas-feuille-inner {
										height:1%;
										position: relative;
										z-index: 0;
										padding: 8px;
										text-align: center;
						}
					
					.bas-feuille .bas-feuille-texte {
										display:inline-block;
										color:#2B261D;
										font-family: Andalus, Arial, Helvetica, Sans-Serif;
										font-size: 14px;
						}
					
					.bas-feuille .bas-feuille-texte p {
										margin: 0;
						}
					
					.bas-feuille .bas-feuille-texte a:visited {
										text-decoration: none;
										color: #5C513D;
										font-family: Andalus, Arial, Helvetica, Sans-Serif;
										text-decoration: none;
						}
					
					.bas-feuille .bas-feuille-texte a:hover {
										text-decoration: none;
										color: #BB4111;
										font-family: Andalus, Arial, Helvetica, Sans-Serif;
										text-decoration: underline;
						}
					
					.bas-feuille .bas-feuille-background {
										position:absolute;
										z-index:-1;
										background-repeat:no-repeat;
										background-image: url('images/bas-feuille.png');
										width: 878px;
										height: 150px;
										bottom:0;
										left:0;
						}
/* fin bas de la feuille */


/* pied de page */
.pied-page {
					margin: 1em;
					text-align: center;
					text-decoration: none;
					color: #5C513D;
					font-size: 12px;
										
	}

					.pied-page a, .pied-page a:link, .pied-page a:visited, .pied-page a:hover {
										font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
										font-size: 11px;
										letter-spacing: normal;
										word-spacing: normal;
										font-style: normal;
										font-weight: normal;
										text-decoration: underline;
										color: #936039;
						}
/* fin pied de page */


ul {
					color: #342E23;
					margin: 0;
					padding: 0;
					font-family: Andalus, Arial, Helvetica, Sans-Serif;
					font-size: 13px;
					list-style-type: none;
	}

li {
					margin:0.2em 0;
					padding:0;
	}

a {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					text-decoration: underline;
					color: #2F005E;
	}

a:link {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					text-decoration: none;
					color: #2F005E;
	}

a:visited, a.visited {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					text-decoration: none;
					color: #2F005E;
	}

a:hover, a.hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					text-decoration: none;
					color: #BB4111;
	}

h1, h2, h3, h4, h5, h6, h7
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
				  font-weight: normal;
				  font-style: normal;
				  text-decoration: none;
	}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
					font-family: Andalus, Arial, Helvetica, Sans-Serif;
					font-size: 32px;
					color: #5C513D;
	}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 30px;
					color: #000;
	}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 20px;
					color: #7A6C52;
	}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 15px;
					color: #910000;
	}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 14px;
					color: #000;
	}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 12px;
					color: #910000;
					text-align: center;
  				padding: 0;
  				margin: 0;
  }

h7 {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 17px;
					color: purple;
					text-align: center;
  				padding: 0;
  				margin: 0;
	} 
	
h8 {
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 15px;
					color: #000000;
					padding: 0;
  				margin: 0;
	}

.subcontent h8 img {
					padding: 0;
  				margin: 0;
	}


/* tableau */
.table {
					width: 100%;
					text-align: center;
					border: 2px solid #373125;
					margin: 0 auto !important;
					margin: 0;
					padding: 0;
	}
	
.parent {
					text-align: center;
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 13px;
					font-style: normal;
					font-weight: bold;
					color: #000;
					background-color: #f3c292;
	}

.nouvelles {
					text-align: left;
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 13px;
					font-weight: bold;
					color: #000;
					background-color: #ffd7a8;
					line-height: 200%;
	}

					.nouvelles a {
										text-decoration: underline;
										color: #5C513D;	
						}
					
.dates {
					text-align: center;
					font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
					font-size: 13px;
					font-weight: bold;
					color: #000;
					background-color: #ffd7a8;
					line-height: 180%;
					width: 200px;
	}
	
.genealogie {
					text-align: center;
					font: bold 13px "Trebuchet MS", Sans-Serif;
					color: #000;
					background-color: #ffd7a8;
					line-height: 160%;
	}
/* fin tableau */


.subcontent p {
				text-align: center;
				margin: 10px;
				padding: 10px;
				font-size: 16px;
	}

.subcontent img {
				text-align: center;
				border: 0 none;
				padding: 0px;
				margin: 10px 0;
	}
	
				.subcontent td a {
								text-decoration: underline;
								color: #000;
					}
					
				.subcontent ul.thumb li {
        				display: inline
        	}
        
        .subcontent ul.thumb img {
        				display: block;
								margin-bottom: 4px;
					}
					
				.subcontent ul.thumb span.legend {
								font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
								font-size: 13px;
								overflow: hidden;
					}
					
				.subcontent ul.thumb span.wrap1 {
								margin: 1px !important;
				        margin: 1px;
				        display: table-cell;
								display: inline-table;
								display: inline-block;
								vertical-align: top;
								text-align: center;
					}
	
				.subcontent ul.thumb span.wrap2 {
								margin: 0;
								display: table-cell;
								vertical-align: middle;
					}
	
.adresse {
				text-align: center;
        line-height: 1.3em;
        margin: 4em 250px;
        padding: 1em 0;
        border-top: 1px solid #545454;
        border-bottom: 1px solid #545454;
        font-size: 14px;
	}
	
.tiny {
				font-size:0.7em;
				line-height: 1.4em;
				padding: 4px;
	}
	   
.texterouge {
				color: #910000;
				font-size: 12px;
	}