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

object:focus
 {
   outline: none;
 }

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	/*letter-spacing:0.1em;*/
	font-size:15px;
}
#page-table {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
#page-td {
    height: 100%;
    padding: 0;
    vertical-align: middle;
}
div#global {
	 -webkit-transition-property: opacity, left;
    -webkit-transition-duration: 2s, 4s;
		 transition-property: opacity, left;
    transition-duration: 2s, 4s;
	background-color:#000000;
    width: 1000px;
	height:530px;
    margin: auto;
    text-align: left;
	border: 0px solid;
	border-color:#FFFFFF;
}
div#contenu {
	
	
}
div#top {
	background-color:#000000;
    width: 990px; /* width - padding */
	height:85px;  /* height - padding */
    margin: auto;
    text-align: right;
	/*border: 1px dotted;*/
	border-color:#FFFFFF;
	padding-top:10px;
	padding-right:10px;
}

div#middle {
	background-color:#000000;
    width: 890px;
	height:400px;
    margin: auto;
	margin-bottom:10px;
	/*padding-left:10px;*/
	padding-top:20px;
	padding-right:10px;
    text-align: left;
	/*border: 1px dotted;*/
	border-color:#FFFFFF;
	float:right;
	overflow:hidden;

	/*
  scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#000000;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-3dlight-color: #ffffff;
  */
}

a { color:#ffffff; text-decoration:none; outline: none }
a:hover { color:#d02c25;}

div#bottom {
	background-color:#000000;
    width: 890px;
	height:50px;
    margin: auto;
    text-align: right;
	/*border: 1px dotted;*/
	border-color:#FFFFFF;
	padding-right:10px;
	float:right;
}

div#left {
	width:100px;
	height:465px;
	border: 0px dotted;
	margin-left:0;
	position:relative;
	float:left;
	
}

div#left img {
	position:absolute;
	bottom:0;}


div#scroll_box { overflow:auto;
margin: auto;
padding:10px;
scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#000000;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-3dlight-color: #ffffff;
  
  
  }

div#scroll_box2 { overflow:auto;
margin: auto;

scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#000000;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-3dlight-color: #ffffff;
  
  
  }
  
::-webkit-scrollbar {
    height: 12px;
width: 12px;
background: #000;
    }
::-webkit-scrollbar-thumb {
    background: #ffffff;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
    background: #ffffff;
}


div#menu {
	background-color:#000000;
    width: 880px;
	height:25px;
    margin: auto;
    text-align: right;
	/*border: 1px dotted;*/
	border-color:#FFFFFF;
	/*padding-right:10px;*/
	/*word-spacing:15px;*/
	float:right;
	display:inline;
	
}


div#adr_bldiff_txt {
letter-spacing:6px; font-size:16px; padding-top:5px; 
}



#slideshow {
    position:relative;
    height:auto;
	
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding: 5px;
left: -1000px;
border: 1px solid  #333333;
visibility: hidden;
color: black;
text-decoration: none;
z-index:0;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


div#menu1 {width: 875px; text-align:left; padding-top:30px; margin:0px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1.5px;  }
 
div#menu1 a {color:#ffffff}
div#menu1 a:hover {color:#CC0000;}
div#menu1 ul {padding: 0; width:890px; border-top:1px solid; border-color:#FFFFFF; margin-left:0px; float:left; font-size:12px; padding-top:10px}

div#menu1 ul li {position:relative; list-style:none; border:0px solid; float:left; }
div#menu1 ul ul {position:absolute; left: 0px; top: -35px;  display:none; width:620px; float:left; font-size:10px;  border:0px solid; padding-bottom:10px}
div#menu1 ul ul ul {position:absolute; left: 0px; top: -35px;  display:none; width:620px; float:left; font-size:10px;  border:0px solid; padding-bottom:10px}
div#menu1 ul ul li a {text-decoration: none; padding: 4px 0 4px 18px; display:inline;  width:auto; border:0px solid;}
div#menu1 ul ul ul li a {text-decoration: none; padding: 4px 0 4px 18px; display:inline;  width:auto; border:0px solid;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84  border-left:8px solid #BBB;*/ 
div#menu1 li a {text-decoration: none; padding: 4px 0 4px 18px; display:inline;  width:auto;}
div#menu1 ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu1 ul.niveau1 li.sousmenu:active ul.niveau2, div#menu1 ul.niveau1 li.sousmenu:focus ul.niveau2, 
div#menu1 ul.niveau2 li.sousmenu:hover ul.niveau3, div#menu1 ul.niveau2 li.sousmenu:active ul.niveau3, div#menu1 ul.niveau2 li.sousmenu:focus ul.niveau3, 
div#menu1 ul.niveau3 li.sousmenu:hover ul.niveau4, div#menu1 ul.niveau3 li.sousmenu:active ul.niveau4, div#menu1 ul.niveau3 li.sousmenu:focus ul.niveau4
{display:inline; }