@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	outline:none;
}
a {
	outline: none;
}
a img {
	border: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	background-image: url(../WD_IMAGES/bgBody.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size:12px;
}
@font-face {
 font-family: 'TFFCopperplateNormal';
 src: url('../WD_POLICES/copperplate-webfont.eot');
 src: url('../WD_POLICES/copperplate-webfont.eot?#iefix') format('embedded-opentype'), url('../WD_POLICES/copperplate-webfont.woff') format('woff'), url('../WD_POLICES/copperplate-webfont.ttf') format('truetype'), url('../WD_POLICES/copperplate-webfont.svg#TFFCopperplateNormal') format('svg');
 font-weight: normal;
 font-style: normal;
}
.brunF {
	color:#514947
}
.brunM {
	color:#837c7a
}
.brunC {
	color:#ad988f
}
#container {
	width:980px;
	height:600px;
	margin:100px auto 0 auto
}
#header {
	width:980px;
	height:100px;
	background-color:#514947;
	position:relative;
}
.logo {
	margin-left:40px;
	float:left
}
.navigation {
	float:left;
	margin-left:200px !important;
	/*padding-left:230px;*/
	
}
.navigation span {
	margin-right:10px
}
.navigation a {
	font-family: 'TFFCopperplateNormal';
	font-size: 17px;
	color:#FFF;
	text-transform: uppercase;
	text-decoration:none;
	position:relative;
	top:50px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.navigation a:hover, a.linkOn {
	color:#e4c29a;
}
.sousRubrique { position:absolute; display:none; *bottom:65px; *right:80px; text-align:left!important;  }
.sousRubrique  a{ font-size:11px!important;	font-family: Arial, Helvetica, sans-serif;}
.langues {
	float:left;
	margin-left:15px
}
.langues a, .langues span {
	font-family: 'TFFCopperplateNormal';
	font-size: 15px;
	color:#e4c29a;
	text-transform: capitalize;
	text-decoration:none;
	position:relative;
	top:51px;
	font-style: italic;
}
#middle {
	width:980px;
	height:500px;
	position:relative;
}
.fondTransparent {
	width:980px;
	height:500px;
	position:absolute;
	background-color:#efece9;
	opacity : 0.88;
	-moz-opacity : 0.88;
	-ms-filter: "alpha(opacity=88)"; /* IE 8 */
	filter : alpha(opacity=88); /* IE < 8 */
	z-index:10
}
.fondTransparent_galerie {
	background-color:#514947;
}
.content {
	position:absolute;
	top:80px;
	left:40px;
	z-index:20;
	
	color:#5b5b5b;
}
.content a {
	color:#514947;
	text-decoration:none;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.content a:hover {
	color:#7e706d
}
.scroll-pane1 {
	width:855px;
	height:380px;
	overflow:auto;
	padding-right:25px;
	padding-bottom:25px
}
.scroll-pane2 {
	position:relative;
	top:25px;
	width: 890px;
	height: 295px;
	overflow: auto;
}
.scroll-pane3 {
	width:110px;
	height:380px;
	overflow:auto;
	padding-right:8px
}
.horizontal-only {
	height: 295px;
}
span.TitreCopperlate {
	text-align:left
}
div.containerPhotos {
}

div.thumbPics {
	width:110px;
	height:150px;
	margin-right:0px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:white;
	float:left;
	overflow:hidden;
	position:relative;
}
div.titreThumbPics {
	width:500px;
	text-align:left;
	position:absolute;
	bottom:40px;
	left:40px;
	z-index:80
}
div.thumbPicsRollover {
	width:210px;
	height:280px;
	background-color:#544c49;
	opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter : alpha(opacity=50); /* IE < 8 */
	z-index:50;
	text-align:center;
	display:none;
	position:relative
}
a.linkVignetteOn {
	opacity : 0.5;
	-moz-opacity : 0.5;
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter : alpha(opacity=50); /* IE < 8 */
}
div.thumbPicsRollover img { position:relative; top:90px }
div.containerDetailOeuvre {
	width:855px;
	height:380px;
	position:relative;
	left:25px;
}
div.containerDetailOeuvre .col1 { width:270px; float:left }
div.containerDetailOeuvre .col1 .descriptionOeuvre { margin-top:25px; line-height:25px }
div.containerDetailOeuvre .col2 { width:585px; height:380px; float:right }
.col2 .visionneuse {
	width:465px;
	float:left;
	height:380px;
	background-color:white;
	margin-right:2px;
	background-repeat: no-repeat;
	background-position: center center;
}
.col2 .vignettes { float:right;}
.vignettes .vignette { width:110px; height:120px; margin-bottom:2px; overflow:hidden; text-align:center; background-color:#FFF}
td.tdVideo { padding:10px;}