html {font-size: 100%;}
body {font-size: 0.8em;}

#global {
width:956px;
margin-left:auto;
margin-right:auto;
}

/* image en arrière plan header flash */
#haut {
margin:0;
padding:0;
width: 956px;
height:152px;
background: url(img/fondpage_haut.jpg) top left no-repeat;
}

/* conteneur page */
#centre {
margin:0;
padding:0;
background: url(img/fondpage_milieu.jpg);
background-repeat:repeat-y;
width:956px;
}

/* gauche page menu */
#gauche {
float:left;
position:relative;
width: 200px;
height:1200x;
padding:20px 5px 0px 10px;
margin:0;
}

/* droite page encadrés*/
#droite {
float:right;
position:relative;
width:175px;
height:1200px;
padding-top: 15px;
/*text-align:center;*/
}

/* milieu page texte */
#milieu {
float:left;
position:relative;
left:0px;
width:550px;
}

/* milieu page index */
#milind {
float:left;
position:relative;
left:0px;
width:565px;
}

/* footer */
#footer {
margin:0;
padding:0;
background: url(img/fondpage_footer.jpg);
background-repeat:no-repeat;
width: 956px;
height:16px;
}

/* bannière flash */
#ban{
padding: 12px 0px 0px 3px;
}

/* conteneur texte */
#texte {
width: 550px;
padding:20px 10px 0px 0px ; 
margin:0;
}

/* conteneur texte page index */
#texind {
width: 360px;
padding:20px 10px 0px 0px ; 
margin:0;
}

/* milieu droit page index*/
#mildrt {
float:right;
position:relative;
width:163px;
padding-top: 20px;
padding-left:15px;
padding-right:10px;
border-left-style:solid;
border-left-width:1px;
border-left-color:#cce9fd;
}

#new {
width: 242px;
height: 190px;
padding: 8px;
border-style:dashed;
border-width:1px;
border-color:#fc6d6d;
margin-left:5px;
margin-right:5px;
margin-top:20px;
float:left;
}

#new1 {
width: 512px;
height: 210px;
padding: 8px;
border-style:dashed;
border-width:1px;
border-color:#fc6d6d;
margin-left:5px;
margin-right:5px;
margin-top:20px;

}

#visit {
width: 500px;
padding: 20px;
border-style:dashed;
border-width:1px;
border-color:#fc6d6d;
margin-left:5px;
text-align:center;
}

#boxrouge {
width: 500px;
padding: 20px;
border-style:dashed;
border-width:1px;
border-color:#ff6666;
margin-left:5px;
text-align:center;
}

#boxvert {
width: 500px;
padding: 20px;
border-style:dashed;
border-width:1px;
border-color:#abd501;
margin-left:5px;
text-align:center;
}

.cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 170px;
padding-bottom: 10px;
background: white url(img/cadrebas.gif) no-repeat;
background-position: center bottom;
font-size: .8em;
float:left;
}

.bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
margin: 0;
padding: 10px 10px 5px 10px;
background: transparent url(img/cadrehaut.gif) no-repeat;
background-position: center top;
text-align: center;
}

#cadre p{
margin: 1em 20px;
text-align: justify;
font-family:verdana;
font-weight:normal;
color:#0099FF;
font-size:1em;
line-height:1.3em;
}

.admin{
text-align: left;
padding: 10px;
margin-bottom:10px;
margin-top:10px;
border-style:double;
border-color:#33CCCC;
background-color:#FFFFFF;
}

.admin2{
text-align: left;
padding: 10px;
margin-bottom:10px;
margin-top:10px;
border-style:dotted;
border-color:#33CCCC;
background-color:#93DCFF;
}

.tcad{ /* texte dans les encadrés centrés */
text-align: center;
width:135px;
margin-bottom:10px;
margin-top:10px;
}

.cbleu{ /* encadré bleu */
text-align: center;
width:550px;
margin-bottom:0px;
margin-top:0px;
border-style:dotted;
border-color:#0099FF;
border-width:2px;
}

.spacer {
clear: both;
}

/* titres gras */
h1 {
font-family:verdana;
font-weight:normal;
color:#96dbfa;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres gras */
h2 {
font-family:verdana;
font-weight:normal;
color:#0099FF;
font-size:1.4em;
line-height:1.3em;
}

/* textes pages */
h3 {
font-family:verdana;
font-weight:normal;
color:#0099FF;
font-size:.85em;
line-height:1.3em;
text-align:justify;
}

/* textes pages noir*/
h4 {
font-family:verdana;
font-weight:normal;
color:#000000;
font-size:.85em;
line-height:1.3em;
text-align:center;
}

/* textes pages rose*/
.rose {
font-family:verdana;
font-weight:normal;
color:#fc6d6d;
font-size:.85em;
line-height:1.3em;
text-align:justify;
}

/* textes menu */
.menu {
font-family:verdana;
font-size:.85em;
font-weight:normal;
color:#0099FF;
line-height : 1.3em;
padding: 0px 0px 0px 0px;
}

/* textes gros caractères page acteur */
.acteur {
font-family:verdana;
font-weight:normal;
color:#0099FF;
font-size:1.4em;
line-height:1.3em;
text-align:justify;
}

/* sous titre jaune */
.sstitre {
font-family: verdana;
font-size:.95em;
font-weight:normal;
color:#f9bb00;
text-align:left;
}

/* sous titre jaune centré*/
.sstitre4 {
font-family: verdana;
font-size:1em;
font-weight:normal;
color:#f9bb00;
text-align:center;
}

/* 2ème sous titre rose */
.sstitre3 {
font-family: verdana;
font-size:.95em;
font-weight:normal;
color:#fc6d6d;
text-align:left;
}

/* sous titre violet */
.sstitre1 {
font-family: verdana;
font-size:1.4em;
font-weight:normal;
color:#8826e3;
text-align:center;
}

/* sous titre bleu centré */
.sstitre9 {
font-family: verdana;
font-size:1.3em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* jaune centré */
.sstitre10 {
font-family: verdana;
font-size:.9em;
font-weight:normal;
color:#f9bb00;
text-align:center;
}


/* sous titre bleu centré */
.sstitre11 {
font-family: verdana;
font-size:1em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* texte moyen centré bleu*/
.sstitre2 {
font-family: verdana;
font-size:.85em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* texte voeux*/
.voeux {
font-family: verdana;
font-size:1.2em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* sous titres rose violet gros */
.sstitre5 {
font-family:verdana;
font-weight:normal;
color:#abd501;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres rouges gras */
.sstitre6 {
font-family:verdana;
font-weight:normal;
color:#FF6666;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres orange gras */
.sstitre7 {
font-family:verdana;
font-weight:normal;
color:#FDCA60;
font-size:1.3em;
line-height:1.3em;
}

/* sous titres vert anis gras */
.sstitre12 {
font-family:verdana;
font-weight:normal;
color:#66FF66;
font-size:1.4em;
line-height:1.3em;
text-align:left;
}

/* sous titres roseviolet gras */
.sstitre14 {
font-family:verdana;
font-weight:normal;
color:#e244d1;
font-size:1.3em;
line-height:1.3em;
}

/* texte moyen justifié bleu*/
.sstitre8 {
font-family: verdana;
font-size:.9em;
font-weight:normal;
color:#0099FF;
text-align:justify;
}


/* sous titre jaune presentation*/
.sstitre13 {
font-family: verdana;
font-size:1em;
font-weight:bold;
color:#f9bb00;
text-align:left;
}

/* texte moyen centré bleu encadrés*/
.sstitre15 {
font-family: verdana;
font-size:1em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* titres gras */
.sstitre16 {
font-family:verdana;
font-weight:normal;
color:#0099FF;
font-size:1.3em;
line-height:1em;
}

/* sous titres rudhyar */
.sstitre17 {
font-family:verdana;
font-weight:normal;
color:#2273f5;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres accueil */
.sstitre18 {
font-family:verdana;
font-weight:normal;
color:#96dbfa;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres astro */
.sstitre19 {
font-family:verdana;
font-weight:normal;
color:#6fbed4;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres livres */
.sstitre20 {
font-family:verdana;
font-weight:normal;
color:#6536cc;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres livres */
.sstitre21 {
font-family:verdana;
font-weight:normal;
color:#8826e3;
font-size:1.4em;
line-height:1.3em;
}

/* sous titres livres */
.sstitre22 {
font-family:verdana;
font-weight:normal;
color:#f6a70e;
font-size:1.4em;
line-height:1.3em;
}

/* sous titre violet envoi contact */
.sstitre23 {
font-family: verdana;
font-size:1.1em;
font-weight:normal;
color:#8826e3;
text-align:center;
}

/* sous titre rose envoi contact */
.sstitre24 {
font-family: verdana;
font-size:1.1em;
font-weight:normal;
color:#e244d1;
text-align:center;
}

/* sous titres cristaux */
.sstitre25 {
font-family:verdana;
font-weight:normal;
color:#48c290;
font-size:1.4em;
line-height:1.3em;
}



/* texte légendes images centrées */
.legende {
font-family: verdana;
font-size:.85em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* textes petits bleu*/
.mentions {
font-family: verdana;
font-size:.75em;
font-weight:normal;
color:#0099FF;
text-align:center;
}

/* textes chemin */
.chemin {
font-family: verdana;
font-size:.85em;
font-weight:normal;
color:#0099FF;
text-align:left;
padding:20px 0px 0px 10px;
}

.cita {
font-family:verdana, sans serif;
font-weight:normal;
font-style:italic;
color:#6699FF;
font-size:1.2em;
line-height:1.3em;
float:right;
width:250px;
margin-left: 20px;
margin-top:20px;
margin-bottom:20px;
}

/* tags
#pg1 {
	text-decoration:none;

	font-family:verdana, sans-serif;
}*/
.tagcloud{
	padding: 5px;
	font-family: verdana, sans-serif;
	line-height: 160%;
}
/*.tagcloud a {
	text-decoration:none;
}
.tagcloud a:hover {
	text-decoration:none;
	color:#f9bb00;
}*/
.pg1-1:link {
	color:#8826e3;
	font-size: 1.5em;
}
.pg1-2:link {
	font-size: 1.4em;
	color:#5cbbd5;
}
.pg1-3:link {
	font-size: 1.3em;
	color:#e244d1;
}
.pg1-4:link {
	font-size: 1.2em;
	color:#ff6666;
}
.pg1-5:link {
	font-size: 1.1em;
	color:#f6a70e;
}
.pg1-6:link {
	font-size: 1em;
	color:#abd501;
}
.pg1-7:link {
	font-size: 11px;
	color:#66ff66;
}
.pg1-8:link {
	font-size: 11px;
	color:#f6a70e;
}

.image{
border:0;
text-align:center;
}

.imagef{
float:left;
border:0;
margin-right: 10px;
}

.imaged{
float:left;
border:0;
margin-left: 10px;
margin-top:5px;
}

.imgr{
float:right;
border:0;
margin-left: 10px;
}

/* image centrée */
.centree {
display: block;
margin-left: auto;
margin-right: auto;
border:0;
}

/* image centrée */
.imgcentree {
display: block;
margin-left: auto;
margin-right: auto;
border:0;
}

/* retrait page plan du site */
p.retrait1 {
margin-left:20px;
font-family: verdana;
font-size: .85em;
color : #a699ff;
font-weight:normal ;
}

/* retrait page plan du site */
p.retrait2 {
margin-left:40px;
font-family: verdana;
font-size: .85em;
color : #a699ff;
font-weight:normal ;
}

/* formulaires */
.form {
	position : absolute;
	left : 120px;
	width: 180px;
}

/* formulaire admin */
.form1 {
	position : absolute;
	left : 120px;
	width: 100px;
}

/* liens survolés et visités toutes pages*/
a:link { color: #a699ff; text-decoration:none; }
a:visited { color: #6666ff; text-decoration:none ;}
a:hover { color: #f9bb00 ; text-decoration:none ;}

/* menu accueil */
.macc { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#0099FF;}
/* menu accueil actif */
.macc_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#1db2f4;
border-bottom:dashed;
background-color:#ecffff;
border-width:1px;}
/* liens survolés menu accueil*/
.macc:link{color:#00CCFF; text-decoration:none;}
.macc:visited{color: #00CCFF; text-decoration:none;}
.macc:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu accueil actif*/
.macc_act:link{color:#1db2f4; text-decoration:none;}

/* menu astrologie */
.mast { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#5cbbd5;}
/* menu astrologie actif */
.mast_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#0cb5d5;
border-bottom:dashed;
background-color:#e8f8ff;
border-width:1px;}
/* liens survolés menu astrologie*/
.mast:link{color:#5cbbd5; text-decoration:none;}
.mast:visited{color: #5cbbd5; text-decoration:none;}
.mast:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu astrologie actif*/
.mast_act:link{color:#0cb5d5; text-decoration:none;}

/* menu rudhyar */
.mrud { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#2273f5;}
/* menu galerie */
.mrud_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#2167d7;
border-bottom:dashed;
background-color:#e8eef7;
border-width:1px;}
/* liens survolés menu galerie */
.mrud:link{color:#2273f5; text-decoration:none;}
.mrud:visited{color: #2273f5; text-decoration:none;}
.mrud:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu galerie actif*/
.mrud_act:link{color:#2167d7; text-decoration:none;}

/* menu livres */
.mliv { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#0099FF;}
/* menu accueil actif */
.mliv_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#5C36C1;
border-bottom:dashed;
background-color:#f0edfe;
border-width:1px;}
/* liens survolés menu accueil*/
.mliv:link{color:#6536CC; text-decoration:none;}
.mliv:visited{color: #6536CC; text-decoration:none;}
.mliv:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu accueil actif*/
.mliv_act:link{color:#5C36C1; text-decoration:none;}

/* menu actualités */
.mact { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#8826e3;}
/* menu actualités actif */
.mact_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#8115e5;
border-bottom:dashed;
background-color:#f7eaff;
border-width:1px;}
/* liens survolés menu actualités du ciel*/
.mact:link{color:#8826e3; text-decoration:none;}
.mact:visited{color: #8826e3; text-decoration:none;}
.mact:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu actualités actif*/
.mact_act:link{color:#8115e5; text-decoration:none;}

/* menu communication */
.mcom { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#ff6666;}
/* menu communication actif */
.mcom_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#f06060;
border-bottom:dashed;
background-color:#ffeaef;
border-width:1px;}
/* liens survolés menu communication*/
.mcom:link{color:#ff6666; text-decoration:none;}
.mcom:visited{color: #ff6666; text-decoration:none;}
.mcom:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu communication actif*/
.mcom_act:link{color:#f06060; text-decoration:none;}

/* menu psycho soma */
.mpsy { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#f6a70e;}
/* menu psycho soma actif */
.mpsy_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#f2a91c;
border-bottom:dashed;
background-color:#fff8ea;
border-width:1px;}
/* liens survolés menu psycho soma*/
.mpsy:link{color:#f6a70e; text-decoration:none;}
.mpsy:visited{color: #f6a70e; text-decoration:none;}
.mpsy:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu psycho soma actif*/
.mcom_act:link{color:#f2a91c; text-decoration:none;}

/* menu portrait */
.mpor { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#abd501;}
/* menu portrait actif */
.mpor_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#acd019;
border-bottom:dashed;
background-color:#fbffe8;
border-width:1px;}
/* liens survolés menu portraits */
.mpor:link{color:#abd501; text-decoration:none;}
.mpor:visited{color: #abd501; text-decoration:none;}
.mpor:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu portrait actif*/
.mpor_act:link{color:#acd019; text-decoration:none;}

/* menu prestations */
.mpre { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#e244d1;}
/* menu prestations */
.mpre_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#e339dd;
border-bottom:dashed;
background-color:#ffecf9;
border-width:1px;}
/* liens survolés menu prestations */
.mpre:link{color:#e244d1; text-decoration:none;}
.mpre:visited{color: #e244d1; text-decoration:none;}
.mpre:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu prestations actif*/
.mpre_act:link{color:#e339dd; text-decoration:none;}

/* menu galerie */
.mgal { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#66FF66;}
/* menu galerie */
.mgal_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#5df35d;
border-bottom:dashed;
background-color:#f5ffe8;
border-width:1px;}
/* liens survolés menu galerie */
.mgal:link{color:#66FF66; text-decoration:none;}
.mgal:visited{color: #66FF66; text-decoration:none;}
.mgal:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu galerie actif*/
.mgal_act:link{color:#5df35d; text-decoration:none;}

/* menu cristaux */
.mcri { font-family:verdana; 
font-size:.85em; 
font-weight:normal; 
line-height : 1.2em;
color:#48c290;}
/* menu galerie */
.mcri_act { font-family:verdana; 
font-size:.85em; 
font-weight:normal;
line-height : 100%;
color:#48c290;
border-bottom:dashed;
background-color:#ecf9f4;
border-width:1px;}
/* liens survolés menu galerie */
.mcri:link{color:#48c290; text-decoration:none;}
.mcri:visited{color: #48c290; text-decoration:none;}
.mcri:hover{color: #f9bb00; text-decoration:none;}
/* liens survolés menu galerie actif*/
.mcri_act:link{color:#48c290; text-decoration:none;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
	}
	
a.info {
   position: relative;
   color:#e244d1;
   text-decoration: none;
   border-bottom: 1px #e244d1 dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   color:#f9bb00;
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;

   color: #1db2f4;
   padding: 3px;

   border: 1px dotted #1db2f4;
   border-left: 4px solid #1db2f4;
}