* {
 padding:0;
 margin:0
 }

body	{
 background:#232323;
 font:11px georgia, serif;
 }

hr {
  color:#c3ae96; 
 }

font {
color:#d36d24;
font-size:11px;
letter-spacing:0.1em;
}

.lettre {
font-size:25px;
}

/* ---------- Index ---------- */

#actualite {
 float:left;
 margin-top:39px;
 width:220px;
 text-align:justify;
 margin-right:20px;
 border:dotted 1px #d36d24;
 }

#actualite h3 {
 font-size:11px;
 margin:20px 0;
 font-weight:bold;
 color:#c3ae96;
 text-align:center
 }

#actualite dl {
 letter-spacing:0.1em;
 text-align:justify;
 margin:0 10px;
 padding-bottom:10px; 
 }

#actualite dt {
 font-size:11px;
 margin:10px 0;
 font-weight:bold;
 color:#d36d24; 
 }

#actualite dd {
 letter-spacing:0.1em;
 color:#c3ae96; 
 margin:5px 0;
 }

#actualite p {
 letter-spacing:0.1em;
 color:#c3ae96; 
 margin:5px 10px;
 }

#actualite a {
 color:#d36d24;
 }

/*
#photosaccueil {
 float:left;
 width:584px;
 height:380px;
 border:solid 1px #d36d24;
 margin:40px 50px 0 30px;
 text-align:center
 }
*/

#photosaccueil {
 float:left;
 width:584px;
 height:368px;
 border:solid 1px #d36d24;
 margin:40px 50px 0 30px;
 text-align:center
 }

#photosaccueil img {
 float:left;
 border:0
 }


/* ---------- div ---------- */

#contenant {
 width:3000px;
 text-align:left;
 position:relative;
 }

#intro {
 background-color:#111;
 width:100%;
 height:50px;
 }

#supportingText {
 position:relative;
 width:auto;
 margin:20px;
 text-align:justify;
 }

#copyright {
 position:absolute;
 top:660px;
 left:0;
 width:100%;
 font-size: 10px;
 line-height:1.2em;
 }



/* ---------- h1, h2, h3 etc. ---------- */

#intro h1 {
 font-weight:normal;
 text-align:left;
 line-height:35px;
 letter-spacing:10px;
 padding:7px 0px 5px 50px;
 color:#d36d24;
 font-size:30px;
 }

#intro img {
 float:left;
 margin:20px
 }

#supportingText h2 {
 font-size:14px;
 margin:15px 0 0 20px;
 font-weight:bold;
 color:#c3ae96; 
 letter-spacing:5px;
 }

#linkList h3 {
 height:34px;
 font-size:1em;
 line-height:3em;
 color:#c3ae96; 
 padding-left:10px;
 background-image:url(menu.gif);
 background-repeat:no-repeat;
 }


/* ---------- p ---------- */

#supportingText p {
 letter-spacing:0.1em; 
 color:#c3ae96
 }

#copyright p {
 letter-spacing:0.2em;
 text-align:center;
 font-size:10px;
 margin:10px;
 color:#c3ae96; 
}

/* ---------- ul, li ---------- */

#supportingText ul {
 letter-spacing:0.1em;
 list-style:inside square
 }

#supportingText li {
 margin:20px
 }

/* ---------- a ---------- */

a {
 text-decoration:none
 }

#copyright a {
 color:#d36d24;
 }

#galerie a {
 color:#d36d24;
 }

#textegalerie a {
 color:#d36d24;
 }


/*----------------Partie GALERIE-------------*/

#textegalerie {
 float:left;
 left:0px;
 top:0px;
 width:220px;
 text-align:justify;
 margin-right:20px
 }

#textegalerie h3 {
 font-size:11px;
 margin:20px 10px;
 font-weight:bold;
 color:#c3ae96; 
 }

#textegalerie p {
 margin:0 10px 10px 10px;
 letter-spacing:0.1em;
 color:#c3ae96; 
 }

#galerie {
 float:left;
 height:500px;
 }

#galerie dl {
 text-align:center; 
 float:left
 }

#galerie dt img {
 height:400px;
 margin:20px 20px 20px 0;
 border:solid 1px #a17044
 }

#galerie dd {
 text-align:center;
 font-size:10px;
 color:#c3ae96; 
 letter-spacing:2pt; 
 font-weight:normal;
 margin:5px 20px 20px 0;
 }

  /*----------------sous-partie menus-------------*/
#linkList {
 float:left;
 margin:20px 20px 0 0;
 width:200px;
 font-size:11px;
 text-align:left;
 }

#linkList ul {
 list-style:none;
 }

#linkList li {
 list-style-image:url(carre.gif);
 list-style-position:inside;
 text-align:left;
 margin:1px 0px 1px;
 padding-left:7px;
 line-height:25px;
 }

#linkList a {
 color:#d36d24;
 }

#linkList a:hover {
 color:#c3ae96;
 }


ul#menugalerie	{
 margin:10px 0 0px 20px;
 list-style-type:none;
 color:#c3ae96; 
 }

ul#menugalerie li {
 display:inline;
 margin:0px;
 }

ul#menugalerie li a {
 color:#d36d24;
 }

ul#menugalerie li a:hover, ul#menugalerie li a:active {
 color:#c3ae96; 
 }
#linkList p {
 text-align:left;
 margin:15px 0;
 padding-left:5px;
 color:#c3ae96; 
 font-size:9px; 
 border-left:solid 1px #d36d24;
 }

  /*----------------FIN sous-partie menus-------------*/

/*----------------Autres pages------------*/

#textecolonne{
 float:left;
 margin-top:10px;
 width:500px;
 text-align:justify;
 margin-right:20px;
 }

#textecolonne h3 {
 font-size:13px;
 margin:20px 10px;
 font-weight:bold;
 color:#c3ae96; 
 }

#textecolonne h4 {
 font-size:11px;
 margin:30px 10px 10px;
 font-weight:bold;
 color:#c3ae96; 
 text-decoration:underline;
 }

#textecolonne p {
 margin:0 10px;
 letter-spacing:0.1em;
 color:#c3ae96; 
 margin-bottom:10px;
 }

.legende {
 font-size:9px;
 line-height:20px; 
 text-align:center;
}

#textecolonne li {
 margin:10px;
 letter-spacing:0.1em;
 color:#c3ae96; 
 }

#textecolonne a {
 color:#d36d24; 
 }

#quatre_imagettes {
 text-align:center;
 height:100px;
 margin:20px 0;
 }

dl.quatre_imagettes {
 float:left;
 }

dl.quatre_imagettes dt img {
 border:1px solid #c3ae96;
 padding:3px;
 margin:0 10px;
 }

dl.quatre_imagettes dd {
 margin:0;
 font:11px Trebuchet MS, serif;
 }

dl.quatre_imagettes dd a {
 color:#d36d24;
 text-decoration:none;
 }

dl.quatre_imagettes dd a:hover, dl.quatre_imagettes dd a:active {
 color:#d36d24;
 text-decoration:none;
 }


/*----------------LIENS------------*/
.imagettes_liens {
 margin-left:10px;
 }

.imagettes_liens dl {
 margin-bottom:20px;
 float:left;
 }

.imagettes_liens dt {
 margin-right:20px;
 }

.imagettes_liens dt img {
 border:1px solid #c3ae96;
 padding:3px;
 }

.imagettes_liens dd {
 font-size:10px;
 }

.imagettes_liens a {
 color:#d36d24;
 text-decoration:none;
 }


/* ---------- XITI ---------- */
#xiti-logo {
 margin:5px;
 text-align:center;
 }