* {
 padding:0;
 margin:0
 }
body	{
 background:#222;
 color:#fff;
 font:11px georgia, serif;
 }


/* ---------- Page d'Index (actualités) ---------- */
#centrage {
 margin-top:30px;
 width:620px;
 text-align:center;
 }

#centrage img {
 border:1px solid #c0c5b9;
 padding:3px;
 margin-bottom:20px;
}

#centrage dl{
 letter-spacing:0.1em;
 text-align:justify;
 padding-bottom:10px;
 border-bottom:dotted 1px #fff
 }

#centrage dt {
 font-size:11px;
 margin:10px 0 10px 20px;
 font-weight:bold;
 color:#fff;
 }

#centrage dd {
 letter-spacing:0.1em;
 margin:0 20px 10px 20px;
 }


/* ---------- div ---------- */
#contenant {
 position:relative;
 width:900px;
 margin:0 auto;
 background-color:#444;
 text-align:justify;
 }

#intro {
 background-color:#888;
 }

#presentation {
 position:relative;
 width:640px;
 margin:30px 20px;
 padding-bottom:30px;
 text-align:justify;
 }

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

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

#intro h1 span {
 color:#222;
 }

#presentation h2 {
 top:55px;
 font-size:14px;
 margin:20px 0 0 10px;
 font-weight:bold;
 color:#fff;
 }


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

#presentation p {
 letter-spacing:0.1em;
 margin:10px 20px 0
 }

em {
font-style:italic;
font-weight:bold;
}

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

#presentation ul {
 letter-spacing:0.1em;
 list-style:inside square
 }
#presentation li {
 margin:20px
 }


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

a {
 text-decoration:none
 }
#presentation a {
 color:#222;
}
#presentation a:hover, #presentation a:active {
 color:#fff;
 }


/* ---------- LinkList ---------- */

#linkList {
 position:absolute;
 top:55px;
 left: 660px;
 width:220px;
 background-color:#888;
 font-size:10px;
 line-height: 1.2em;
 }
#linkList h3 {
 width: 220px;
 height: 34px;
 font-size:1.0em;
 line-height:3em;
 padding:0 0 0 5px;
 color:#fff
 }
#linkList ul {
 border-top:1px solid #ddd;
 list-style:none;
 }
#linkList li {
 border-bottom:1px solid #ddd;
 padding:5px 5px 5px 20px;
 list-style:none
 }
#linkList a {
 color:#222;
 }
#linkList a:hover, #linkList a:active {
 color:#fff;
 }


/*----------------Partie orientant vers les différentes galeries-------------*/

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

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

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

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

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

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


/*----------------Partie GALERIE avec imagettes carrées-------------*/


#galerie {
 margin-left:6px
 }

#galerie img {
 loat:left;
 margin:10px 7px 10px;
 border:1px solid #c0c5b9;
 padding:3px;
 }

#galerie h3 {
 top:20px;
 font-size:12px;
 margin:20px 0 0 10px;
 font-weight:bold;
 color:#fff;
 }
}

#galerie p {
 letter-spacing:0.1em;
 margin:10px 10px 0
}

ul#menugalerie	{
 margin:10px 0 20px 0px;
 list-style-type:none;
 text-align:center
}

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

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

ul#menugalerie li a:hover, ul#menugalerie li a:active {
 color:#fff;
}

hr {
color:#888;
margin: 0 10px 0 10px;
}

/*----------------Partie Grandes PHOTOS-------------*/

#photos {
 margin:30px 0 30px 0;
 width:900px;
 text-align:center;
 }

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

#photos img {
 border:1px solid #c0c5b9;
 padding:3px;
 margin-bottom:20px;
}

#photos p {
 letter-spacing:0.1em;
 margin:10px 170px 0;
 }


/* ---------- Pied de page ---------- */
#footer {
 both:clear;
 background-color:#888;
 border-bottom:solid 10px #222;
 margin-top:20px;
 }

#footer p {
 letter-spacing:0.1em;
 text-align:center;
 font-size:10px;
 color:#222;
 line-height:18px;
 }

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