/*################## slider ####################*/

#left {
	position: fixed;
	margin-left: -405px;
	width: 400px;
	height: 100%;
	z-index: 9;
	background-color:#110012; 
	border-right: 5px solid #3a003a;
	background-image: url(../ressources/fond_etoiles_plus1.gif);
	background-attachment: fixed;
}

#right {
	position: fixed;
	margin-left: 950px;
	width: 400px;
	height: 100%;
	z-index: 9;
	background-color:#1a001a; 
	border: 0px solid;
}


#slider {
	width: 164px;
	margin: 0px 0 0 0;
	padding: 0;
	position: fixed; 
	top: 137px;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	z-index: 0;
	border-bottom: 1px solid #446699;
/*	border-right: 1px solid #446699;
	float: left;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	overflow: hidden;
	bottom: 36px;
	min-width: 600px;
	text-align: center;*/
}

#slider .txt {
/*	text-align: right;*/
	margin-right: 0px;
	padding: 0 0 0 0px;
	overflow: hidden;  
	/*	border: 1px solid #446699; 
	scrollbar-style-width: 5px;
	border-right: 1px solid #bb7777; */
	overflow-y: auto;  
	height: 100%; 
	width: 161px;
	z-index: 1;
}

#slider div p {
	padding: 5px 0px 5px 0; 
	text-align: right;
/*	line-height: 140%;
	margin: 3px;
	text-align: justify;
	max-height: 380px;
	overflow: auto; */
}

#slider_fixed { 
	width: 164px;
	border-right: 1px solid #446699;
	border-top: 1px solid #446699;
	border-bottom: 0px solid #446699; 
	margin:  -1px 0 0 0;
	padding: 0;
	position: fixed; 
	top: 110px; 
	float: left;
	z-index: 1;  
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
/*	overflow: auto;   */
}

#slider_fixed .txt {
	margin-right: 0px;
	padding: 0 0 0 0px;
	height: 100%; 
	width: 161px;
	z-index: 0;
	overflow: hidden;  
/*	overflow: auto;  
	overflow-y: auto;  
	border: 1px solid #446699; 
	border-right: 1px solid #bb7777;
	text-align: right;*/
}

#slider_fixed div p {
	padding: 5px 3px 5px 0; 
	text-align: right;
	z-index: 0;
	overflow-x: hidden;  
	overflow: auto;  
/*	line-height: 140%;
	margin: 3px;
	text-align: justify;
	max-height: 380px;
	overflow: auto; */
}
/*		*/	


#slider div img {
	z-index: 3;
	background: transparent;
	border: 0;
	position: absolute;
	left: 1px;
	top: 33px;
	height: 245px;
	transition: transform 3.0s ease-in-out 0.1s;
	-moz-transition: -moz-transform 3.0s ease-in-out 0.1s;
	-o-transition: -o-transform 3.0s ease-in-out 0.1s;
	-webkit-transition: -webkit-transform 3.0s ease-in-out 0.1s;
	width: 162px;
	margin-bottom: 5px;
	background-image : url(../ressources/fond_etoiles_.gif);
}
#slide_ {
	width: 330px;
	border: 1px solid #446699;
    border-radius: 7px;
	margin: auto;
	padding: 0;
	position: relative; 
	top: 20px;
/*	text-align: center;*/
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	z-index: 0;
}


#slide_ div img {
	z-index: 0;
	background: transparent;
	border: 0;
	position: absolute;
	height: 98%;
/*	height: 280px;*/
	transition: transform 3.0s ease-in-out 0.1s;
	-moz-transition: -moz-transform 3.0s ease-in-out 0.1s;
	-o-transition: -o-transform 3.0s ease-in-out 0.1s;
	-webkit-transition: -webkit-transform 3.0s ease-in-out 0.1s;
	width: 98%;
	top: 0px;
	margin: 4px;
/*	text-align: center;
	left: 10px;
	margin-bottom: 5px;
	background-image: url(../ressources/galaxy_bg.gif);
	background: #18000 url(../ressources/plancher_1.pn);
	margin-bottom: 50px;
	padding-top: 40px;
	bottom: 160px;*/
}
			
#slider div.slide-down:hover img {
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
			
#slider div.slide-down-left:hover img {
	transform: translate(-300px,410px);
	-moz-transform: translate(-300px,410px);
	-o-transform: translate(-300px,410px);
	-webkit-transform: translate(-300px,410px);
}
			
#slider div.slide-down-right:hover img {
	transform: translate(300px,410px);
	-moz-transform: translate(300px,410px);
	-o-transform: translate(300px,410px);
	-webkit-transform: translate(300px,410px);
}
			
#slider div.slide-left:hover img {
	transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	-o-transform: translateX(-400px);
	-webkit-transform: translateX(-400px);
}

#slider div.slide-right:hover img {
	transform: translateX(300px);
	-moz-transform: translateX(300px);
	-o-transform: translateX(300px);
	-webkit-transform: translateX(300px);
}
			
#slider div.slide-up:hover img {
	transform: translateY(-410px);
	-moz-transform: translateY(-410px);
	-o-transform: translateY(-410px);
	-webkit-transform: translateY(-410px);
}
			
#slider div.slide-up-left:hover img {
	transform: translate(-300px,-410px);
	-moz-transform: translate(-300px,-410px);
	-o-transform: translate(-300px,-410px);
	-webkit-transform: translate(-300px,-410px);
}
			
#slider div.slide-up-right:hover img {
	transform: translate(300px,-410px);
	-moz-transform: translate(300px,-410px);
	-o-transform: translate(300px,-410px);
	-webkit-transform: translate(300px,-410px);
}
			
#slide_ div.slide_up:hover img {
	transform: translateY(-610px);
	-moz-transform: translateY(-610px);
	-o-transform: translateY(-610px);
	-webkit-transform: translateY(-610px);
}
#slide_ div.slide_up_right:hover img {
	transform: translateY(-600px) translateX(230px);
	-moz-transform: translateY(-600px) translateX(230px);
	-o-transform: translateY(-600px) translateX(230px);
	-webkit-transform: translateY(-600px) translateX(230px);
}
/*			
#slide_ div.slide_up_right:hover img {
	transform: translate(230px, -600px );
	-moz-transform: translate(230px, -600px);
	-o-transform: translate(230px, -600px);
	-webkit-transform: translate(230px, -600px);
}
*/
#objet {
  width: 100px;
  height: 75px;
  overflow: hidden;
  border: 0;
  margin: auto;
/*  padding: 0;*/
}

#boite_page {
	z-index: 999;/**/
	color: #ffeeee;
	height: 700px; 
	margin: 110px 120px 0 120px;
/*	position: relative; 
	top: 100px;
	left: 120px;
	width: 100%; */
	
	/*
	background-color: transparent;
	background-position: bottom;
	background-attachment:fixed;*/
}
.boite_page {
	text-align: left;
	margin: 10px 5px 10px 0px;
}

.boite_page_ {
/*	z-index: 999;
	color: #ffeeee;*/
	position: relative;
	width: 95%;
	margin: auto;
/*	padding: 0;
	margin-left: 0%;
	margin-right: 10%;
	height: 700px; 
	float: right; */
}
.boite_page_ .bottom {
	z-index: 19;/**/
	text-align: center;
	position: relative;
	bottom: 0px;
/*	width: 80%;
	margin-left: 10%;
	padding: 0px;
	margin-right: 10%; 
	margin-bottom: 10px;
	margin-top: 10px;
	height: 80%;
	margin: 10px 5px 10px 0px;*/
}

#boite_page a, b {
	font-size: 100%;
	color: rgb(220,220,255);
	text-decoration: none;
 }
#boite_page a:hover {
	font-size: 100%;
	font-style: italic;
	font-weight: 600;
	color: rgb(255,50,50);
	text-decoration: none;
	background-color: rgb(0,0,0);
 }
 
  /* Zoom sur image */

#zoom_c {
    float: right;
    height: 120px;
    width: 125px;
	margin:0px 0px;
	padding: 0px;
    background:transparent;
	border:none;
	border-radius:5px;
	z-index: 99;
}
#zoom_c img {  
    height: 100%;
    width: 100%;
	border:none;
	border-radius:5px;
    background:transparent;
	z-index: 99;
	transition: all 1.2s ease 0.1s;
	-moz-transition: all -moz-transform 1.2s ease 0.1s;
	-o-transition: all -o-transform 1.2s ease 0.1s;
	-ms-transition: all -ms-transform 1.2s ease 0.1s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0.1s;
}
#zoom_c img:hover {
    background:transparent;
    height: 270%;
	margin: -140px 0 0 -110px;
    padding: 0px;
    position: relative; 
    width: 270%;
	border: 3px solid #000047;
	border-radius:10px;
	z-index: 99;
/*    top: -140px;
    right: 110px; */
}


#stylo {
    background:transparent;
	width: 320px; 
	height: 245px;
	border:none;
	z-index: 99;
	opacity: 0.85;
	transition: all 0.1s ease 0.0s;
	-moz-transition: all -moz-transform 0.1s ease 0.0s;
	-o-transition: all -o-transform 0.1s ease 0.0s;
	-ms-transition: all -ms-transform 0.1s ease 0.0s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.1s;
		-webkit-transition-timing-function: ease 0.0s;
	border: 0; 
	margin: 0px; 
	padding: 0; 
	text-align: center;
}

#stylo:hover {
	width: 324px; 
	height: 249px;
	z-index: 99;
	opacity: 1.0;
	margin-bottom: -4px;
	padding: 0px;
	position: relative;
	top: -4px;
}