/*www.thierryhahn.com*/
/*Site fait par "Le tisseur d'e-toiles"*/
* {margin: 0; padding: 0;}

body,html {
  height : 100%;
}

body{
	background-color: #0c0a0c;
	color: #ced2c6;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.bdyaccueil{
		background-image: url(sonnettes/briquebig.jpg);
}

.bdyaccueil a img {
  border : none;
}

.bdycontact {
background-image: url(sonnettes/brique3.jpg);
}

.bdycontact img {
            border : none;
}

#allpage {
 min-height  : 100%;
 position : relative;
}

img#show {
 cursor : pointer;
}

#deuxmille input{
  font-size : 30px;
}


/*elements qui constituent les dégradés de noir sur page accueil et contact*/
#leftwall{
	background-image: url(sonnettes/degradegauche.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 100px;
	margin: 0px;
	border: none;
	position: absolute;
	top : 0px;
	left : 0px;
	z-index: 3;
}

#middlewall {
        position: absolute;
	top : 9px;
	left : 42px;
	z-index : 2;
	height: 98%;
	width: auto;
}

#rightwall{
  background-image: url(sonnettes/degradedroite.png);
	background-repeat: repeat-y;
	height: 100%;
	width: 301px;
	border: none;
	float : right;
}

/*styles généraux*/
p {
	text-align: justify;
}


h2 {
	color: #616349;
	padding-right: 15px;
	font-family: Cursive;
	font-style: italic;
}

h1 {
  color : black;
}

/*element div de la page accueil*/
#emptyth{
	height: 20px;
}

#bannerth{
	width: 100%;
	text-align: right;
}

#mainth {
	width: 100%;
	border-color: #0c0a0c;
	border-right-style : none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	height: 69%;
	padding-right: 1px;
	max-height: 700px;
	min-height: 375px;
}

#menuth{
	width: 310px;
	float: left;
}

#menuth img {
  border : none;
}

#menuth ul {
	list-style: none;
	padding: 0px;
	margin : 0px;
}

#menuth ul a {
	color: #3d3b3b;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#menuth ul a:hover {
	color: #b44230;
}
#menuth ul a:active {
	color: #77262d;
}

#menuth table{
	margin: 5px;
}

#menuth ul li {
	background-image: url(sonnettes/ringMid.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 22px;
	height: 61px;
	max-height: 39px;
	/*padding-right : 70px;*/
}

#contentth {
	width : 100%;
	height: 100%;
	padding-top: 10px;
}

#contentth p {
	font-style: italic;
}

#credits {
        position: absolute;
	top : 90px;
	left : 70%;
	z-index: 1;
}

/*elements qui encapsulent les pages GALLERY2*/
#mainth-gal {
	width: 99%;
	border-color: #0c0a0c;
	border-right-style : solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#menuth-gal{
	float : left;
}

#menuth-gal h2, #menuth-gal p {
        color : black;
}

.vignette {
  background-image: url(vignettes/vignmid.gif);
  height: 107px;
}

.vignL {
	width : 35px;
  height: 107px;
	background-image: url(vignettes/vignleft.gif);
}
.vignD {
	width : 33px;
	  height: 107px;
	background-image: url(vignettes/vignright.gif);
}

#preambule {
height: 100%;
	width: 100%;
}

#preambule img {
	width: 100%;
	height : 100%;
}

#preambulenote {
	position: absolute;
	z-index: 2;
	top : 29%;
	left : 20%;
	color: Black;
	font-family: cursive;
	font-style: italic;
	width : 35%;
	font-size : smaller;
	height: 60%;
	overflow: auto;
}

#preambulenote p {
	margin-left: 7%;
	margin-right : 7%;
}

#preambulenav {
	position: absolute;
	z-index: 3;
	top : 90%;
	left : 2%;
}

#preambulenav img {
	border : none;
}

/*pied de page*/
#footerth{
	/*clear: both;*/
	width : 100%;
	position : absolute;
	bottom : -10px;
	text-align: center;
	font-size: 10px;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 5px;
	color : #74809e;
}


/*elements sur la page index*/
#leftdoor {
          background-image: url(sonnettes/odleft.jpg);
          background-repeat: repeat-x;
          width: 75%;
          height: 600px;
}


#rightdoor {
	background-image: url(sonnettes/odright.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 600px;
}


#door p {
	text-align: right;
	padding: 0px;
	margin: 0px;
}

#plaque {
	visibility: hidden;
}

#plaque img {
        border: none;
}


#entrancetable {
	background-image : url(sonnettes/odleft.jpg);
	background-repeat: repeat-x;
	width: 100%;
	vertical-align: top;
	padding: 0px;
	border: none;
	margin: 0px;
	border-spacing: 0px;
}

#sortie {
  float : left;


}

#gsThumbMatrix {
  float : left;
  max-width : 970px;
}