@charset "utf-8";
/* CSS Document */
/*-----------balises HTML-----------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#FFF;
}
h1 {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:10px 0;
}
* {
	padding:0;
	margin:0;
}
#global {
	background:url(img/bcg_global.gif) no-repeat;
	width:950px;
	height:554px;
	margin:20px auto;
}
#lienHome {
height:50px;
}
/*-----------Usefull-----------*/
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.spacer {
	clear:both;
}
/*-----------menu-----------*/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	height:19px;
	width:700px;
	margin:12px 0 0 50px;
	/*margin:62px 0 0 50px;*/
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:1px;
	float:left;
	position: absolute;
	z-index:100;
}
#menu dl {
	float: left;
	width: 100px;
	margin-right:11px;
}
#menu dt {
	cursor: pointer;
	text-align:left;
	width:100px;
	/*font-weight: bold;*/
	background: #fff;
}
#menu dd {
	border-top: 6px solid #000;
	background: #fff;
}
#menu li {
/*border:1px solid #fff;*/
}
#menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	width:99px;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	width:99px;
	border:1px solid #fff;
}
#menu li a:hover {
	margin-left:-6px;
	padding-left:1px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:6px solid #000;
	width:100px;
	background:#FFF;
}
#menu .active {
	border-bottom: 6px solid #000;
	margin-bottom:-6px;
}
/*-----------home page---------*/
#rdv {
	position:relative;
	top:150px;
	float:right;
	width:286px;
	
}
#rdv h2 {
	margin-right:6px;
	font-size:14px;
}
.boxHome {
	border-top:1px solid #000;
	border-right:6px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	padding:10px;
	font-size:11px;
	height:80px;
	overflow:hidden;
}
#expEnCour {
	position:relative;
	top:160px;
	float:left;
	width:286px;
}
.boxHome2 {
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:6px solid #000;
	padding:10px;
	font-size:11px;
	height:80px;
	overflow:hidden;
}
/*-----------content-----------*/
#content {
	width:950px;
	margin-left:6px;
	position:relative;
	top:31px;
	/*top:81px;*/ 	
}
/*-----------template 700/600-----------*/
#colGauche {
	float:left;
	
}
#colDroite {
	float:right;
	margin:0 43px 0 0;
	padding-top:0px;
	height:450px;
}
#txtExp {
	margin-top:10px;
	font-size:10px;
	padding:10px;
}
#txtExp p {
	margin:15px 0;
}
#txtExp a {
	color:#000;
}
#date {
	text-transform:uppercase;
	margin:15px 0;
}
#commis {
	font-weight:bold;
	font-size:11px;
	margin:15px 0;
}
/*-----------template liste-----------*/
.BlocArch {
	margin:30px 0 0 0;
	border-left:6px solid #000;
	border-bottom:1px solid #000;
	vertical-align:bottom;
	float:left;
}
.BlocArch img {
	width:311px;
	float:left;
	padding:0;
	margin:0 0 0 1px;
	border:none;
}
.TxtArch {
	float:left;
	font-size:10px;
	width:530px;
	margin:0 0 10px 20px;
	display:block;
}
#flashcontent{
margin:0;
padding:0;
width:456px;
display:block;
}
/*-----------Texte simple-------------*/
.TxtSimple {
	float:left;
	font-size:10px;
	margin:90px 0 0 0;
	border-left:6px solid #000;
	border-bottom:1px solid #000;
	display:block;
	padding:10px;
}
.TxtSimple a{
color:#000000;
font-size:11px;
font-weight:bold;
}
/*-----------Gallerie-------------*/
dl#photo dt {
	display:block;
	background:#fff;
	font-size:10px;
	z-index:10;
	position:absolute;
	top:225px;
	float:left;
	max-width:500px;
	padding:10px 15px;
	margin-left:-6px;
	border-left:6px solid #000;
}
#photo {
	position:absolute;
	margin-left:1px;
	/*width:700px;*/
	background:transparent;
	z-index:1;
	
}
/*-----------Scrollerie-----------*/
.scrollpane {
	overflow:auto;
	background:transparent;
	float:left;
}
#pane2 {
	height:450px;
}
a.jScrollArrowUp {
	background: url(img/basic_arrow_up2.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(img/basic_arrow_down2.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent;
}
.jScrollPaneDrag {
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
/*-----------FOOTER-----------*/
#footer {
	width:930px;
}
.mentionspe{
font-size:9px;
}
/*-----sous-menu Image------*/ 
#menuImg {
	font-size:10px;
	margin:-6px 0 0 30px;
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	float:left;
	height:20px;
	width:350px;
}
#menuImg ul {
	margin:0;
	padding:0;
}
#menuImg li, #menuImg li a, #menuImg li a:visited {
	display:block;
	float:left;
	margin-right:7px;
	color:#000;
	padding-top:6px;
	text-decoration:none;
}
#menuImg li a:hover {
	border-top:6px solid #000;
	padding-top:0px;
}
#menuImg li.active {
	border-top:6px solid #000;
	margin-top:6px;
	padding-top:0px;
}
/*titre expo*/
#TitreExpo {
	float:left;
	font-size:10px;
	margin:0 30px;
	padding:6px 0 0 2px;
	border-left:6px solid #000;
	height:12px;
	text-transform:uppercase;
}