html, body {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#666666;
    color: white;
}

body noscript div{
    color: red;
    position:absolute;
	left:50%;
	margin-left:-200px;
	width:400px;
    background-color:white;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
    z-index:10;
}

#cache {
	position:absolute; top:10px; z-index:10;visibility:hidden;left:5px;
}

#global{
	/*background:yellow;*/
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-380px;
	margin-top:-250px;
	width:760px;/*largeur 350+60+350 */
	/*height:450px;*/
}

#titre{
	height:75px;
    color: #FF9900;
    /*background-color:#666666;*/
    font-size: 20px;
	line-height:75px;
}

#titre a{
	height:75px;
    color: #FF9900;
    background-color:#666666;
    font-size: 20px;
    line-height:75px;
    text-decoration: none;
}

#titre a:hover {
	height:75px;
    color: white;
    background-color:#666666;
    font-size: 20px;
    line-height:75px;
        text-decoration: none;
}

#menu{
	margin : 0;
	padding : 20px;
    list-style-type : none;
}

#menu a {
    color: #666666;
    background-color:#999999;
    font-size: 17px;
    text-decoration: none;
}

#menu a:hover {
    color: white;
    background-color:#999999;
    font-size: 17px;
    text-decoration:none;
}

#data_left {
	float:left;
    background-color:#999999;
    color:#FFFFFF;
    width:350px;
    height:350px;
    font-size: 12px;
    margin:0;
   /* overflow : auto;*/
}

#data_left p{
    /*font-size: 17px;*//*test de l'overflow*/
    margin : 0;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 10px;
	padding-bottom : 10px;
	text-align: justify;
}

/*#data_left a {
    color: #666666;
    background-color:#999999;
}

#data_left a:hover {
    color: white;
    background-color:#999999;
}*/

#data_right {
	float:right;
    background-color:#999999;
    color:#FFFFFF;
    width:350px;
    height:350px;
    font-size: 12px;
}

.data_border{
	border:1px solid #FF9900;
}

div#bas{
    /*background-color:blue;*/
    clear:both;
	height:75px;
}

#logo{
	float : left;
}

p#lang {
	position : absolute;
	margin : 0;
	right : 0;
    color: #FF9900;
    background-color:#666666;
    font-size: 10px;
}

#lang a{
    text-decoration: none;
    background-color:#666666;
    color: #FF9900;
    font-size: 10px;
}
#lang a:hover{
    text-decoration: none;
    background-color:#666666;
    color: white;
    font-size: 10px;
}

p#contact{
	margin : 0;
    position : absolute;
    right : 0;
    bottom : 10px;
    vertical-align : bottom;
}

#contact a{
    color: white;
    text-decoration: none;
    background-color:#666666;
    font-size: 20px;
}

#contact a:hover {
    color: #FF9900;
    text-decoration: none;
    background-color:#666666;
    font-size: 20px;
}

#slideshow{
	position : absolute;
	right : 20px;
	bottom : 95px;/* 75px + 20px*/
}

#slideshow img{
	border : 1px solid #999999;
	border-color : orange;
}

#choix_piece{
	padding: 0;
	margin:0;
    list-style-type : none;
    text-align : left;
    margin-top : 20px;
}

#choix_piece li{
    margin-left : 135px;/*(350px - 80px)/2*/
    margin-bottom : 1px;
	border : 1px solid orange;
	width : 80px;
	padding : 3px;
	font-size : 12px;
}

#choix_piece a {
    color: #666666;
    background-color:#999999;
    text-decoration: none;
}

#choix_piece a:hover {
    color: white;
    background-color:#999999;
    text-decoration:none;
}

#liste_piece{
    list-style-type : none;
    padding-left : 1px;
    margin : 0;
    text-align:center;
    margin-bottom : 3px;
}

#liste_piece li{
	font-size : 12px;
	display : inline;
}

#liste_piece a {
    color: #666666;
    background-color:#999999;
    text-decoration: none;
}

#liste_piece a:hover {
    color: white;
    background-color:#999999;
    text-decoration:none;
}

a#prev{
	position : absolute;
	color: #666666;
    background-color:#999999;
    text-decoration: none;
    margin-top:3px;
}

a:hover#prev{
    color: white;
    background-color:#999999;
    text-decoration:none;
}

a#next{
	position : absolute;
	right : 0px;
	color: #666666;
    background-color:#999999;
    text-decoration: none;
    margin-top:3px;
}

a:hover#next{
    color: white;
    background-color:#999999;
    text-decoration:none;
}

img{
	border : 0;
}

.map_img{
	height:20px;
	width:20px;
	/*position : absolute;*/
	/*right : 20px;*/
	vertical-align : super;
}

#list_objet_disp{
    list-style-type : none;
	padding-left : 1px;
	margin-left : 5px;
    margin-top : 8px;
    margin-right : 10px;
}

#list_objet_disp li{
	font-size : 12px;
	height:33px;
	}
	
#list_objet_disp p{
	float:left;
	padding:0;
	width:295px;
}

#list_objet_disp a {
    color: #666666;
    background-color:#999999;
    text-decoration: none;
}

#list_objet_disp a:hover {
    color: white;
    background-color:#999999;
    text-decoration:none;
}

#list_objet_all{
    list-style-type : none;
    padding : 1px;
	margin-left : 5px;
    margin-top : 9px;
    margin-right : 10px;
}

#list_objet_all li{
	font-size : 12px;
	height:25px;
}

#list_objet_all p{
	float:left;
	padding:0;
	width:295px;
}

#list_objet_all a {
    color: #666666;
    background-color:#999999;
    text-decoration: none;
}

#list_objet_all a:hover {
    color: white;
    background-color:#999999;
    text-decoration:none;
}

p#objet_nom{
	font-size:14px;
	font-weight:bold;
}

div#objet_detail{
	float:left;
    background-color:white;
    color:black;
    width:380px;
    height:350px;
    font-size: 12px;
    overflow : auto;
}

#objet_detail p{
    /*font-size: 17px;*//*test de l'overflow*/
    margin : 0;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 15px;
	padding-bottom : 0px;
	text-align: justify;
}

#photo {
	float:right;
    background-color:white;
    color:#FFFFFF;
    width:380px;
    height:350px;
    font-size: 12px;
    overflow:auto;
}

#photo .header{
	font-size:10px;
	background-color:black;
	height:22px;
	width:380px;
}

#photo .span_left{
	float:left;
}

#photo .span_right{
	position:absolute;
	right:0;
}

#photo a{
    color: white;
    text-decoration: none;
}

#photo a:hover {
    color: #FF9900;
    text-decoration:none;
}

#photo .bottom{
	font-size:10px;
	background-color:black;
	height:22px;
	width:380px;
}

#photo .middle{
	height : 306px;
	position: relative;
	overflow:auto;
}

#scroller {
	margin-top:83px;
	white-space: nowrap;
	display: block;
}
#menu_scroller{
	display: none;
	background: #999999;
	overflow: hidden;
	height :306px;
	width : 380px;
	position:absolute;
	
}

a.thickbox img {
	border:1px solid orange;
	margin: 10px;
	padding: 2px;
	background: #666666 none repeat scroll 0%;
}









/* Scroll bar en couleur */
.holder {
	float: left;
    background-color:#999999;
    color:#FFFFFF;
    width:350px;
    height:350px;
    font-size: 12px;
}

.scroll-pane {
	/*width: 200px;*/
	height:350px;
	overflow: auto;
	/*background: #ccc;*/
	/*float: left;*/
}
			
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #999999;/*Couleur scrollbar fond*/
}

.jScrollPaneDrag {
	position: absolute;
	background: #FF9900;/*Couleur scrollbar mobile devant*/
	cursor: pointer;
	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;
	background: url(images/basic_arrow_up.gif) no-repeat 0 0;
}

a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
		
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(images/basic_arrow_down.gif) no-repeat 0 0;
}	
		
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
/* Fin scrollbar en couleur */






/* Mise en forme des textes à copier dans dans les en cas de modification*/

/* Gras [TXT_GRAS] */
.txt_span_gras {
	font-weight:bold;
}

/* Gras souligné [TXT_GRAS_U] */
.txt_span_gras_u {
	font-weight:bold;
	text-decoration: underline;
}

/* Gras italique [TXT_GRAS_I] */
.txt_span_gras_i {
	font-weight:bold;
	font-style:italic;
}

/* Gras souligné italique [TXT_GRAS_UI] */
.txt_span_gras_ui {
	font-weight:bold;
	font-style:italic;
	text-decoration: underline;
}

/* Souligné [TXT_U] */
.txt_span_u {
	text-decoration: underline;
}

/* Italique [TXT_I] */
.txt_span_i {
	font-style:italic;
}


/* Lien souligné A [TXT_LIEN]*/
a.txt_lien {
    color: #666666;
    background-color:#999999;
    text-decoration: none;
}

/* Lien souligné A hover [TXT_LIEN]*/
a.txt_lien:hover {
    color: white;
    background-color:#999999;
    text-decoration:none;
}

/* Liste UL [TXT_UL] */
.txt_ul{
   padding-left:30px;

}

/* Liste UL [TXT_LI] */
.txt_li{
   	padding-bottom : 10px;

}

/* Fond Orange/Ecriture noir SPAN [TXT_TARIFS]*/
.txt_tarifs{
	color:black;
	background:orange;
	padding-right:10px;
}

/* Gras orange [TXT_GRAS_ORANGE] */
.txt_span_gras_orange {
	font-weight:bold;
	color:#FF9900;
}




/* Fin Texte */


/*Message defilant*/
#cadrpg { 
	position:absolute;
	left:50%;
	margin-left:-300px;
	width:600px;
	margin-top:10px;
	background-color:transparent;
	overflow:hidden;
	padding:0;
}
#defile { 
	width:580px;
	position:relative;
	background-color:#9E4F94;
	overflow:hidden;
	text-align:center;
	color:white;
	padding-bottom:15px;
}