html {
background-color: black;
background:
url(http://farm4.static.flickr.com/3447/3245850780_71bb3ab365_b.jpg)
no-repeat black
bottom left;
background-attachment: fixed;
}

#titreindex{
background-color: black;
background: url(titre.jpg) black no-repeat bottom center;
min-height: 545px;
border-left: solid 1px #000000;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
margin-left: 15%;
margin-right: 5%;
width: 1024px;
text-align: center;
/*padding: 0 80px 20px 80px;*/
}

#titreindex h1 {
color: #77afd4;
text-align: center;
padding: 0 80px 20px 80px;
position:relative;
bottom:-255px;
right:0%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#titre{
background-color: black;
background: url(titre.jpg) black no-repeat center;
min-height: 200px;
border-left: solid 1px #000000;
border-top: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
margin-left: 15%;
margin-right: 5%;
width: 1024px;
text-align: center;
/*padding: 0 80px 20px 80px;*/
}

#titre h1 {
color: #77afd4;
text-align: center;
padding: 0 80px 20px 80px;
position:relative;
/*bottom:-243px;*/
bottom:-72px;
right:0%;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

#menu {
color: white;
margin-top: 0;
margin-left: 15%;
margin-right: 15%;
min-height: 10px;
width: 1024px;
text-indent: 0;
text-align: center;
position:relative;
bottom:40px;
right:0%;

}
                
#menu ul {  
background-color: #000000;
list-style-type: none;  
padding-left: 5px;
margin: 5px 0 5px 0;
text-indent: 0;
}
                   
#menu li {
background-color: #000000;
font-weight: bold;
text-indent: 0;
margin : 5px 0 10px 0;
padding: 0 0 0 5px;
}
                       
#menu a:link { color: #175aa5;
font-size: 17px;
}
                       
#menu a:visited { color: #366eae;
font-size: 17px }
                       
#menu a.actif { color: #0d3d73; }

div.linkList {
	position: absolute;
	top: 250px;
	left: 2px;

	width: 150px;
}
div.linkList ul {
	margin: 0px;
	padding: 0px;
}
div.linkList li {
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
}
div.linkList img {
             width: 135px;
}

div.linkListindex {
	position: absolute;
	top: 0px;
	left: 2px;

	width: 150px;
}
div.linkListindex ul {
	margin: 0px;
	padding: 0px;
}
div.linkListindex li {
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
}
div.linkListindex img {
             width: 140px;
}

div.linkListindex a:link { color: #175aa5;
font-size: 17px;
}
                       
div.linkListindex a:visited { color: #366eae;
font-size: 17px }
                       
div.linkListindex a.actif { color: #0d3d73; }

div.linkList a:link { color: #175aa5;
font-size: 17px;
}
                       
div.linkList a:visited { color: #366eae;
font-size: 17px }
                       
div.linkList a.actif { color: #0d3d73; }

.in {
  background:#ffffff; 
/*                  background: url(neige.jpg) white bottom left;*/

  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }

.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }

.out {
  display:block; 
  background:#777; 
/*  border:1px solid #000000; */
  position:relative;
  margin:1em 0;
  }
.in2 {
  display:block; 
  background:#777; 
/*  border:1px solid #000000; */
  position:relative;
  padding:1px;
  margin:1px;
  }

p {
  font-family: sans-serif;
  font-style : normal;
  text-align : justify;
}

p:first-letter {font-weight: bold}

div.Corps {
          position: absolute;     
	  top: 250px;
	  margin-left: 15%;
          margin-right: 5%;

	  width: 1024px;
          font-family: Garamond, serif;

}


div.Corps h1 {
  font-family: Garamond, serif;
  text-align: right;
  font-variant: small-caps;
  text-align: right;
  font-size: large;
  letter-spacing: 0.3ex;
/*  text-transform: capitalize;*/
    font-style: normal ;
          color : #000e78;
}

.box {
  	border: 1px dashed #cccccc;
		padding: 0ex 1ex;
		margin: 2ex;
                background: transparent fixed no-repeat 5px 5px;
}

.box:hover {  	border: 1px dashed #444444;
}

.photo {
  	border: 1px dashed #cccccc;
		padding: 0ex 1ex;
		margin: 2ex;
                background: transparent fixed no-repeat 5px 5px;
}

.photo:hover {  	border: 1px dashed #ffffff;
                background: black fixed no-repeat 5px 5px;
                color: white;
}


}

div.Corps h2 { 
          padding-left : 25px ;
          line-height : 20px ;
          font-size : 1.4em ;
          border-bottom : 1px dashed #cccccc ;
          font-style: italic ;
          font-family: Garamond, cursive;
          font-variant: small-caps;
}

div.Corps h2:hover {  	border-bottom: 1px dashed #444444;
}

div.Corps h2:first-letter {font-weight: bold}

div.Corps h3 { 
          padding-left : 10px ;
          line-height : 15px ;
          font-size : 1em ;
          border-bottom : 1px dashed #cccccc ;
          font-style: italic ;
          font-family: Garamond, cursive;
          font-variant: small-caps;
}

div.Corps h3:hover {  	border-bottom: 1px dashed #444444;
}

dic.Corps h3:first-letter {font-weight: bold}

div.Corps p {
          font-family: Garamond, fantasy;
          font-style: normal ;
}