﻿html body { 
	background-color: #110012; 
	background-image: url(../ressources/fond_etoiles_plus1.gif);
	background-attachment: fixed;
	font-family:Arial; 
	padding: 0;
	margin: 0;
	color:white; 
}

/* appel aux polices (astro et grec) : */

@font-face {
    font-family: 'astro';
    src: url('astro.eot');
    src: url('astro.eot?#iefix') format('embedded-opentype'),
         url('astro.woff') format('woff'),
         url('astro.ttf') format('truetype'),
         url('astro.svg#astro') format('svg');
}

.astro {
	font-family : astro;
	font-size: 30px;
	color: #ffff99;
	font-weight: 200;
}

.astra {
	font-family : astro;
	font-size: 24px;
	color: #aa66ff;
	font-weight: 200;
	letter-spacing: 3.6mm; 
}

.astro20 {
	font-family : astro;
	font-size: 22px;
	color: #e9c9f5;
	font-weight: 200;
	vertical-align: -20%;
}

@font-face {
	font-family: 'grec';
    src: url('alpha.eot');
    src: url('alpha.eot?#iefix') format('embedded-opentype'),
         url('alpha.woff') format('woff'),
         url('alpha.ttf') format('truetype'),
         url('alpha.svg#grec') format('svg');
}

.grec {
	font-family: grec;
	color: #e9c9f5;
	font-weight: 400;
	font-size: 17px;
}

#base {
	width: 100%;
	height: 100%;
}
#fond {
	position:relative;
	z-index: -99;
	width: 902px;
	height: 100%;
	margin: auto;
	bottom: 0;
	top: 0;
	padding: 0px;
	border: 5px solid #3a003a;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	background-attachment: fixed;
	z-index: 2;
	overflow: hidden;
}

#contenu {
	position: relative;
	width: 900px;
	margin: 0px auto 20px auto;
	padding: 0;
	font-family:Arial; 
	z-index: 1;
	border: 0;
	border-right: 1px solid #446699; 
	overflow: hidden;
}

.contenu {
	z-index: 1;
	max-width: 710px;
	color: #c9c9f5;
	width: 100%;
	margin: 27px 0 0 165px;
	padding: 0 12px 0 12px;
	z-index: 1;
	overflow: hidden;
}
#colonleft {
	width: 164px;
	height: 90%;
	float: left;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	border-right: 1px solid #446699; 
	border-left: 1px solid #446699; 
	margin: 0 0 0 0px;
	padding: 0;
	position: fixed;
	overflow: hidden;
	z-index: 1;
}

#pub {
	position: fixed;
	bottom: 37px;
	overflow: hidden;
	margin: 0px 0px 0px 1px;
	text-align: center;
	z-index: 99999;
	padding: 8px;
	border: 0;
	background-image : url(../ressources/fond_etoiles_.gif);
	border-radius: 9px;
/*	width: 162px;
	height: 50%; */
}

#pub p {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
#pub img {
	width: 136px;
	height: 50px;
	border: 1px solid #500;
	border-radius: 8px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	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;
}
#pub img:hover {
	width: 300px;
	height: 140px;
	background-image : url(../ressources/fond_etoiles_.gif);/**/
	margin: 0px 0px -6px -4px;
	border: 1px solid #c00;
}

p {
	font-size: 14px;
	font-weight: 200;
	line-height: 140%;
}

li {
	line-height: 140%;
	padding: 5px 10px 5px 0px;
	font-weight: 400;
	font-size: 14px;
	text-align: justify;
}
h1 { 
	color: #ffffbb; 
	font-family:Arial; 
	font-size:24px; 
	line-height: 130%; 
}
h2 { 
	color: #ffdd22;
	font-family:Arial; 
	font-size:24px; 
	line-height: 140%; 
}
h3 { 
	font-family:Arial; 
	font-size:18px; 
	line-height: 150%; 
	padding: 0 16px 0 15px;
}
h4 { 
	color:white; 
	font-family:Arial; 
	font-size:16px; 
	line-height: 150%; 
}
#h16 {
	font-weight: 200; 
	font-size: 16px; 
	padding: 14px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 150%;
}
#h17 {
	font-weight: 200; 
	font-size: 17px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 160%;
}
#h18 {
	font-weight: 200; 
	font-size: 18px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 170%;
}
#h20 {
	font-weight: 200; 
	font-size: 20px; 
	padding: 15px 0 0 10px; 
	margin: 0; 
	color: #ffdd22; 
	line-height: 175%;
}
#h24c {
	font-weight: 200; 
	font-size: 24px; 
	padding: 18px 0 0 0; 
	color: #ffdd22; 
	line-height: 175%;
	text-align: center;
}
.in {
	font-style: italic;
	font-weight: 400; 
}
.bn {
	font-weight: 600; 
}
.ib {
	font-style: italic;
	font-weight: 600; 
}
.j {
	text-align: justify;
	font-family:Arial; 
	padding: 0 9px 0 10px;
}

.pjm {
	text-align: justify;
	color:white; 
	font-family:Arial; 
}

a:link { 
	color:#8000ff; 
	text-decoration: none; 
}
a:active { 
	color:#bb8888; 
	text-decoration: none; 
}
a:hover { 
	color:#ffbbbb; 
	font-family:Arial; 
	text-decoration: underline; 
}
a:visited { 
	color:#8000ff; 
	text-decoration: none; 
}

/* liens perso */
#liens a, a:visited, a b {
      text-decoration: none;
}
#liens a:hover, a:active {
	background: #888888;
	color: #555;
	font-weight: 400;
	background: url(../ressources/fleche-left-active-red.png) right -1px bottom -1px no-repeat;
}

#addin_top {
	text-align: center; 
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px; 
	position: relative;
	bottom: 22px;
	width: 164px;
}

#addin_top_2 {
	position: relative; 
	bottom: 0px;
	text-align: center; 
	margin: 0 0 0 25px;
	padding: 0;
	letter-spacing: -2px; 
}

#boutons_top {
	margin: 0px; 
}

#addin_bas {
	z-index: 3;
	width: 320px;
	margin: -53px 12px 0px 0px ;
	padding: 0;
	float: right; 
}

#add_bas {
	line-height: 100%; 
	font-size: 12px;
}

.add_bas_left {
	text-align: left; 
	margin: 7px 0px -22px 5px; 
	letter-spacing: 0px; 
}

.add_bas_right {
	text-align: right; 
	margin: 0px 2px 3px 0px; 
}

#add_bas a.add_bas   {
	color: rgb(105, 125, 190); 
	text-decoration: none; 
	font-family:Arial; 
	font-weight: 400;
}
#add_bas a.add_bas:hover {
	color:yellow; 
	color: #a949aF; 
	text-decoration: underline; 
	font-family:Arial; 
	font-weight: 400;
}

#boutons_bas {
	letter-spacing: -0.4mm; 
	text-align: right; 
	margin: 0px; 
	background: transparent;
}
.boutons_bas {
	margin: -7px -5px -9px 0; 
	padding: 0;
	text-align: right;
	line-height: 100%; 
	background: transparent;
}
#sign {
	z-index: 3;
	width: 734px;
	padding: 0;
	border: 1px solid; 
	border-color: #446699; 
	color: #9999cc;
	position: fixed;
	bottom: 36px;
	margin-right: 20px; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
	margin: 0 0 0 -12px;
	height: 55px;
	color: rgb(153, 153, 204);
}

.sign {
	margin: 15px 0px 15px 17px; 
}
.sign_img {
	border: 0; 
	margin: 12px 0 -10px 0;
	width: 100px;
	height: 50px;
}

.addinto_sharebox .social_buttons a {
	width: 32px;
	height: 32px;
	padding: 0.5px;
}
.addinto_sharebox .social_buttons a img {
	opacity: 1.2;
	border:0 none;
	border-radius: 3px;
	padding: 1px;
}
.addinto_sharebox .social_buttons a:hover img {
	opacity: 0.7;
	padding: 1px;
}

#b_top {
	margin: 0 0 0 -1px; 
	padding: 0; 
	position: relative; 
	bottom: 23px; 
	left: 165px; 
	width: 734px;
	height: 27px;
	border: 1px solid #446699; 	
}

#boite_top {
	width: 900px;
	height: 102px; 
	position: relative;
	margin: 0px;
	padding: 0;
	border: 1px solid #446699; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
	z-index: 4;
  }
.boite_top {   
	position: fixed;
	top: 0;
	height: 0px;
	border-top: 5px solid #3a003a;
	width: 901px;
	z-index: 9;
	border-bottom: 1px solid #446699; 
	margin: 0 0 0 1px
}
#boite_left {
	height: 102px;
	width: 400px;
	padding: 0;
	margin: 0px 0 23px 0;
}

#boite_right {
	margin: -124px 22px 0px 0px;
	text-align: center;
	float: right;
	font-weight: 200; 
	color: #cc44ee; 
	padding: 5px;
	height: 92px;
}
.boite_right {
	margin: 0;
	text-align: center;
	float: right;
	font-weight: 200; 
	color: #cc44ee; 
	padding: 0px 0 0 0;
}

.bas_box {
	width: 910px; 
	margin-left: -200px; /**/
	margin-right: auto; 
	height: 54px; 
	padding: 0px; 
	padding-top: 1px;
	position: fixed; 
	bottom: 0px; 
	z-index: 1;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
}

#boite_bas {
	z-index: 4;
	width: 899px;
	margin: 0px;
	bottom: 5px;
	padding: 2px 0 0 0;
	border: 1px solid #446699; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
	position: fixed; 
  }

.boite_bas {
	z-index: 3;
	width: 908px;
	position: fixed; 
	margin-left: -4px;
	bottom: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	border-bottom: 5px solid #3a003a;
  }
  
.b_bas {
	margin: 1px 0px -5px 113px;
}  
 
.clign {
    animation: 2s steps(2, start) 0s normal none infinite clignotement;
        animation-duration: 2s;
        animation-timing-function: steps(2, start);
        animation-delay: 0s;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-iteration-count: infinite;
        animation-name: clignotement;
}

.banner {
	width: 400px;
	height: 120px;
}

.nmsw_menu_1 { 
	font-family: Arial; 
	font-weight: 600; 
	font-size: 15px; 
	line-height: 20px;
	color: yellow; 
	background-color: rgb(20,20,194); 
	letter-spacing: -0.25mm; 
	margin: 0;
	padding: 0;
}
.list { 
	color: #fff;
	line-height: 20px;
	padding: 0;
	margin: 0 1px 0 1px; 
	z-index: 0;
	overflow: hidden; 
}

#list_a { 
	color: yellow;
	line-height: 25px;
	overflow: hidden; 
	letter-spacing: -0.3px; 
	text-decoration: none;
	padding: 0 0px 0 0;
	background: url(../ressources/fleche-left-active-red.png) right 14px no-repeat;
	border: 1px solid red; 
	margin: 2px 0px 1px 1px;
	border-radius: 5px; 
}

#menu {
	border: 1px solid #446699;
	margin: -1px;
}

#menu a.liens15 {
	font-family:Arial; 
	font-weight:400; 
	font-size:15px; 
	line-height: 20px;
	color: #ffffff; 
	text-decoration: none;
	padding: 0 3px 0 0;
	margin: 0;
	letter-spacing: -0.1px; 
}
#menu a.liens15:hover {
	font-family:Arial; 
	font-weight: 400; 
	font-size:15px; 
	line-height: 20px;
	color:yellow; 
	letter-spacing: -0.3px; 
	text-decoration: none;
	padding: 0 11px 0 0;
	margin: 0; 
	background: url(../ressources/fleche-left-active-red.png) right 9px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#menu a.liens15:active, a.liens15:focus {
	font-family:Arial; 
	font-weight:400; 
	font-size:15px; 
	line-height: 20px;
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0;
	padding: 0 12px 0 0;
	margin: 0; 
	background: url(../ressources/fleche-left-active-red.png) right bottom no-repeat;
}
#menu a.liens20 {
	font-family:Arial; 
	font-size:16px; 
	line-height: 20px;
	color: #ffffff; 
	padding: 0 5px 0 0;
	margin: 0;
	text-decoration: none;
}
#menu a.liens20:hover {
	font-family:Arial; 
	font-weight:400; 
	font-size:16px; 
	line-height: 20px;
	color:yellow; 
	background : url(../ressources/fleche-left-active-red.png) right bottom no-repeat; 
	text-decoration: none;
	padding: 0 10px 0 0;
	margin: 0;
	letter-spacing: -0.1px;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}

#menu a.liens20:focus, a.lien20:active {
	font-family:Arial; 
	font-weight:400; 
	font-size:16px; 
	line-height: 20px;
	color:red; 
	background-color:rgb(20,20,194); 
/*	letter-spacing: -0.2mm; */
	text-decoration: none;
	background: url(../ressources/fleche-left-active-red.png) right bottom no-repeat;
	padding: 0 10px 0 0;
}

#object .zodiaque {
	width: 180px;
	height: 185px;
	z-index: 2;
}

#fleche {
	margin: 0px 2px 5px 2px;  
	padding: 0 0 0px 0;
	text-align: center;  
	line-height: 100%;
	border: 0;
	border-top: 1px solid #446699;
}

div#fond .premier {
	margin-top: 0;
}
div#fond .dernier {
	margin-bottom: 0;
}

div#pied {
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
	background: transparent;
}
table#tb1 {
	margin-left: auto; 
	margin-right: auto; 
	border-spacing: 17px 0;
	padding: 0;
	border: 0; 
	font-size: 13px;
	text-align: center; 
	border: 0;
}

p.tb1 {
	 text-align: center; 
	 margin: 0 0 3px 0; 
	 padding:0;
	 font-size:13px;
}

/* Fixer le zodiaque top gauche */

#fixetop_image {
	z-index: 3;
	width: 162px;
	height: 128px;
	position:fixed; 
	top:5px; 
	opacity:0.90;
	margin: 0px;
	padding: 1px 0 1px 2px; 
	overflow: hidden;
	border: 1px solid #446699; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
}

#framtop_image {
	margin: 0px;
	padding: 0; 
	width:166px; 
	height: 108px;
	overflow: hidden;
	border: 1px solid #446699; 
}
#bloc_image {
	text-align: center;
	margin: 0px 5px 0 -1px;
	padding: 0;
	width:164px; 
	height: 108px;
	border: 1px solid #446699; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	overflow: hidden;
}


/* Fixer le bandeau haut */

#fixetop_bando {
	z-index: 3;
	width: 735px;
	height: 40px;
	top:0px; 
	margin: 0 0 0px 164px;
	position:fixed; 
	display: block;
	padding: 5px 0 0 0; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	z-index: 3; 
}

#framtop_bando {
	margin: 0px 0 0px 0px;
	padding: 0; 
	width:733px; 
	position: absolute;
	left: 0px;
	top: 3px;
	height: 40px;
}
#bloc_bando {
	text-align: right;
	width: 734px;
	position: absolute;
	left: 0px;
	top: 4px;
	margin: 0px 0px 0px -1px;
	padding: 0 0 0 0px;
	border: 1px solid #446699; 
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles.gif);
	height: 32px;
}
#liste1 {
	line-height: 175%;
}

#plus {
	border: 1px solid #446699; 
	margin: 0 12px 20px 12px; 
	padding: 8px 12px 8px 12px; 
	border-radius: 7px;
}
.j0 {
	 margin: 0; 
	 padding: 0;
	font-size: 15px; 
	text-align: justify;
	color: #ffee99;
}

/* liens avec (ou sans) flèche rouge (ou bleue) */

#lien10 {
	font-family:Arial; 
	font-weight:400; 
	font-size:10px; 
	margin: 0;
}

#lien10 a.lien10 {
	text-decoration: none;
	color: rgb(90, 190, 255); 
}
#lien10 a.lien10:hover {
	color: yellow; 
	text-decoration: underline;
	color: rgb(140, 240, 255); 
}
#lien10 a.lien10:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	text-decoration: none;
}


#lien12 {
	font-family:Arial; 
	font-weight:400; 
	font-size:12px; 
	margin: 0;
}

#lien12 a.lien12 {
	text-decoration: none;
	padding: 0 0px 0px 8px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-red-smal.png) 2px 4px no-repeat;
}
#lien12 a.lien12:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 8px;
	background: url(../ressources/fleche-left-red-smal-active.png) 0px 7px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien12 a.lien12:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 8px;
	background: url(../ressources/fleche-left-red-smal-active.png) 0px 8px no-repeat;
}

#lien14 {
	font-family:Arial; 
	font-weight:400; 
	font-size:14px; 
	margin: 0 0 0 0px;
}

#lien14 a.lien14 {
	text-decoration: none;
	padding: 0 0px 0px 8px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-blue.png) 0px 4px no-repeat;
}
#lien14 a.lien14:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 8px;
	background: url(../ressources/fleche-left-red.png) 0px 4px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien14 a.lien14:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) 0px 4px no-repeat;
	font-weight:400; 
}

#lien16 {
	font-family:Arial; 
	font-weight:400; 
	font-size:16px; 
	margin: 0;
}
#lien16 a.lien16 {
	text-decoration: none;
	padding: 0 0px 0px 9px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-red.png) 0px 5px no-repeat;
}
#lien16 a.lien16:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 10px;
	background: url(../ressources/fleche-left-active-red.png) 0px 9px no-repeat;
	text-shadow: 0.02em 0.03em 0.01em #f00;
}
#lien16 a.lien16:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) 0px 5px no-repeat;
}

#lien_list {
	font-family:Arial; 
	font-weight:400; 
	font-size:16px; 
	margin: 0 0 7px 20px;
}
#lien_list a.lien16 {
	text-decoration: none;
	padding: 0 0px 0px 9px;
	color: rgb(90, 190, 255); 
	background: url(../ressources/fleche-left-red.png) 0px 5px no-repeat;
	color: #fff;
}
#lien_list a.lien16:hover {
	color:yellow; 
	letter-spacing: -0px; 
	text-decoration: underline;
	padding: 0 0px 0px 10px;
	background: url(../ressources/fleche-left-active-red.png) 0px 9px no-repeat;
	text-shadow: 0.02em 0.04em 0.02em #f00;
}
#lien_list a.lien16:active, a.lien12:focus {
	color:red; 
	background-color:rgb(20,20,194); 
	letter-spacing: -0px; 
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../ressources/fleche-left-active-red.png) 0px 5px no-repeat;
}

#ligne {
	margin: 0;
	height: 17px;
	width: 500px;
	border: 0 none;
}
.ligne {
	margin: 0 0 14px 0;
	height: 17px;
	width: 500px;
	border: 0 none;	
}
.retour {
	text-align: right;
}

#deco {
	margin: 25px 100px;
	text-align: center;
	border: 1px solid #333366;
	border-radius: 9px;
	padding: 12px;
	font-size: 13px;
	font-style: italic;
	font-weight: 400; 
}
#deco img {
	border: 0;
	border-radius: 7px;
}
#deco_ {
	margin: auto;
	text-align: center;
	border: 2px solid #333366;
	padding: 20px;
	font-size: 13px;
	font-style: italic;
	font-weight: 400; 
	width: 640px;
}

#einstein {
	position: relative;
	margin: 0px auto;
	text-align: justify;
	padding: 12px 30px 12px 30px;
	width: 600px;
	background-image: url("../ressources/06/einstein_5.png");
	background-position: 50% 50%; 
	border: 1px solid #323264; 
	border-radius: 20px; 
}
.einstein {
	color: #cbbcfc;
	font-size: 16px;
	font-style: italic; 
	font-weight: 400; 
}

#deco_  img{
	margin: auto;
	text-align: center;
	width: 630px;
	border: 0;
}

#deco_2 {
	margin: auto;
	text-align: center;
	border: 1px solid #333366;
	border-radius: 20px; 
	padding: 3px;
	font-size: 13px;
	font-style: italic;
	font-weight: 400; 
	width: 695px;
}

#deco_2  img{
	margin: auto;
	text-align: center;
	width: 695px;
	border: 0;
}

#chronobio {
	margin: auto;
	text-align: center;
	border: 1px solid #333366;
	border-radius: 20px; 
	padding: 5px;
	font-size: 13px;
	font-style: italic;
	font-weight: 400; 
	width: 700px;
	z-index: 0;
}

#chronobio  object{
	margin: auto;
	text-align: center;
	width: 700px;
	height: 490px;
	border: 0;
	z-index: 0;

}

.chronobio {
	background: url(../ressources/06/chronobio.png) left 10px top 10px no-repeat transparent;
	border: 0;
	z-index: 4;
	height: 490px;
/*	margin-top: -458px;*/
}

#flashContent {
position: relative;
	text-align: center;
	width: 600px; 
	height: 600px; 
	margin: 12px auto 0 auto; 
	text-align: center; 
	padding: 4px 0px 0; 
	border: 7px solid #705599; 
	border-radius: 7px 7px 7px 7px; 
/*	background: url(../ressources/06/carte-anim_100.png) left 10px top 9px no-repeat transparent; */
}
/*
#flashContent object {
	background: url(../ressources/06/carte-anim_100.png) left 10px top 10px no-repeat transparent; 
	margin: auto;
	text-align: center;
	width: 600px;
	height: 600px;
	border: 0;
	z-index: 0;
}*/

#flashContent video {
	margin: auto;
	text-align: center;
	width: 600px;
	height: 600px;
	border: 0;
	z-index: 0;
}

#psy {
	margin: 0; 
	padding: 0px;
	position: absolute;
	width: 30px; 
	height: 30px;
	bottom: 20px; 
	right: 150px;
	border: 1px solid #600;
	border-radius: 5px; 
	z-index: 999;
}

#psy img {  
	width: 100%;
	height: 100%;
	border: 0;
	opacity: 1;
	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: width,height, margin;
		-webkit-transition-duration: 1.2s;
		-webkit-transition-timing-function: ease 0.1s;
}

#psy img:hover {
    position: relative; 
	width: 320%;
	height: 410%;
	margin: -75px 0 0 -40px;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
	border: 1px solid red;
	border-radius: 7px;
	opacity: 1;
	z-index: 999;
/*	right: 40px;
	bottom: 75px;
	background-color: #270000; */
}

.psy {
	margin: 0 0 0 6px; 
	padding: 0px;
	position: fixed;
	width: 24px; 
	height: 24px;
	border: 1px solid #600;
	border-radius: 5px; 
	z-index: 9;
/*	bottom: 0px; 
	left: 5px; */
}

.psy img {  
	width: 100%;
	height: 100%;
	border: 0;
	opacity: 1;
	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;
}
.psy img:hover {
    position: relative; 
	width: 350%;
	height: 420%;
	margin: -78px 0 0 -6px;
/*	background-image : url(../ressources/galaxy_bg.gif); */
	background-image : url(../ressources/fond_etoiles_.gif);
	border: 1px solid red;
	border-radius: 7px;
	opacity: 1;
/*	z-index: 999;
	left: -6px;
	bottom: 78px;
	background-color: #270000; */
}

img {
	border: 0;
	border-radius: 7px;
}
/*
.facebook{
	z-index: 9999;
	position: absolute;
	margin: 340px 0px;
	width: 100%;
}
.facebook ifram {
	border: medium none;
	overflow: hidden;
	height: 80px;
	width: 100%;
}
*/