@charset "UTF-8";

/* Layout des pages et classes de bases */

body {
	height: 100%;
	font-family: Arial, Verdana;
	margin: 0;
	padding: 0;
}

.ctrBody {
  text-align: center;
  margin: 0 auto;
}

.estompe {
	color: #524c3e;
}

#contenant
{

	width: 1000px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

#centrage
{
/*	margin-top: 60px;*/
	height: 676px;
	background: #fff;
	overflow: hidden;
	display: block;
	/*position: relative;
	top: 50%;*/
}

#cadreHaut {
	display: block;
    height: 140px;
	text-align: left;
}
 ul.galerie, li {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
 
ul.gauche {
	float: left;
}

#tableauxGauche {
    float: left;
    width: 660px;
    height: 240px;
	overflow: hidden;
	display: block;
}

#tableauxDroite {
    float: right;
    width: 332px;
    height: 240px;
	overflow: hidden;
	display: block;
}
a.prev, a.next {
	display: inline-block;
	width: 11px;
	height: 11px;
	border: none;
}

a.prev, a.prev:visited  {
	background: url(img/flecheO_Ouest.gif) no-repeat;
}
a.next, a.next:visited {
	background: url(img/flecheO_Est.gif) no-repeat;
}
a.prev:focus, a.prev:hover, a.prev:active  {
	background: url(img/flecheOuest.gif) no-repeat;
}
a.next:hover, a.next:active {
	background: url(img/flecheEst.gif) no-repeat;
}

#vignetteCont{
 display: block;
 height: 160px;
}
#vignette {
 display: block;
 margin-top:16px;
 padding-left: 30px;
 width: 220px;
 height: 160px;
}

#vignette h1 {
	color: #000;
	font-size: 11pt;
	font-weight: normal;
	margin: 0;
}
div#vignette p {
color: #848484;
font-size: 10pt;
font-weight: normal;
margin: 0;
}
div.tableau {
	width: 617px;
	height: 405px;
}
.cachee {
	display: none;
}

#signature {
		position: absolute;
		top:192px;
		margin: 0;
		padding: 0; 
		width: 658px; 
		height: 458px; 
		overflow: hidden; 
		margin-left: 344px;
}

#banniere { 
	background: #fff;
	display: block;
}

#banniere h3 {
	color: #EA5E40;
	font-size: 1em;
	background: #fff;
	display: block;
	padding: 0;margin: 0;
}

.crochet {
	position : relative;
	font-size : 88%; 
	top: -1px;
}

.signajpeg
{
	display: block;
	width: 1000px;
	height: 670px;
	padding: 0;
	margin: 0;
	text-align: left;
	overflow: show;
	background-color: #FFF;
	background-image: url(img/signature.jpg);
	background-repeat: no-repeat;
	background-position: 342px 194px;
}
/* IE hack*/
* html #contenant, * html  #contenu
{

}

* html #signature {
	margin-left: -304px;
}