/***************** CSS COMPLETE (GLOBAL + PAGE) des 8 Familles de PRESTATIONS *****************/


/***************** INSTRUCTIONS DE BASE *****************/

body         {
	color: #fff;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Verdana, Arial, Helvetica, serif;
	line-height: 16px;
	background-color: #630;
	background-image: url("../../images/fond/fond.jpg");
	margin: 58px 0 0;
	padding: 0
	}




	
* {
	margin: 0;
	padding: 0;
	}


p  {
	margin: 0;
	padding: 0;
	}
	
	
img {
	margin: 0;
	padding: 0;
	border: 0;
	}



/***************** CONTAINER *****************/

#metacontainer      {
	text-align: left;
	margin-left: 84px;
	width: 783px;
	height: 501px
	}


#container      {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 783px;
	height: 501px
	}



#body-prestations-rub1 #container, #body-prestations-rub4 #container, #body-prestations-rub8 #container   {
	background-image: url(../../images/scope/prestations/prestations-neutre-scope.jpg);
	background-repeat: no-repeat;
	background-position: left top
	}


#body-prestations-rub2 #container, #body-prestations-rub3 #container, #body-prestations-rub5 #container  {
	background-image: url("../../images/scope/prestations/prestations-seance-scope.jpg");
	background-repeat: no-repeat;
	background-position: left top
	}
	

#body-prestations-rub6 #container, #body-prestations-rub7 #container          {
	background-image: url("../../images/scope/prestations/prestations-classique-scope.jpg");
	background-repeat: no-repeat;
	background-position: left top
	}
	


/*EN-TETE*/

#entete      {
	text-align: left;
	position: relative;
	width: 783px;
	height: 96px
	}

#entete ul          {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
	position: absolute;
	top: 26px;
	left: 38px;
	width: 400px
	}



#entete ul li       {
	margin-bottom: 2px
	}


#entete a:link, #editorial-droit a:link   {
	color: #fff;
	text-decoration: none
	}

#entete a:visited, #editorial-droit a:visited {
	color: #fff;
	text-decoration: none
	}

#entete a:hover, #editorial-droit a:hover     {
	color: #eabffc;
	text-decoration: none
	}




	


/***************** EDITORIAL *****************/

#editorial       {
	text-align: left;
	position: relative;
	width: 783px;
	height: 343px
	}


#editorial-gauche          {
	text-align: left;
	position: relative;
	width: 665px;
	height: 343px
	}

	
#editorial-droit   {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 118px;
	height: 343px
	}


/*Design lien page active*/

.active  {
	color: #eabffc;
	text-decoration: none
	}


/*ZONE EDITORIAL - GAUCHE*/

#zone-editorial                   {
	text-align: left;
	position: absolute;
	top: 44px;
	left: 4px;
	width: 660px;
	height: 244px
	}




/*ZONE EDITORIAL - DROIT*/


#editorial-droit ul          {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
	position: absolute;
	top: 46px;
	left: 5px;
	width: 108px
	}


#editorial-droit ul li       {
	margin-bottom: 10px
	}
	
	
#editorial-droit a:hover      {
	background: none;
	}
	
#editorial-droit a.popup span        {
	display: none;
	}
	
#editorial-droit a.popup:hover span             {
	color: #fff;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	display: block;
	position: relative;
	z-index: 10;
	right: 99px;
	width: 180px
	}







/***************** SCROLLING *****************/


#box     {
	background-color: #06c;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0
	}



#up        {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 60px;
	left: 8px
	}




	
#track       {
	position: absolute;
	z-index: 3;
	top: 70px;
	left: 0;
	height: 80px
	}




	


#down       {
	cursor: pointer;
	position: absolute;
	z-index: 5;
	top: 140px;
	left: 8px
	}





#contentMask                 {
	position: absolute;
	z-index: 6;
	top: 0;
	left: 44px;
	width: 616px;
	height: 243px;
	overflow: hidden;
	clip: rect(0, 630px, 243px, 0)
	}







/*BLOC CONTENANT LE TEXTE*/
#content            {
	color: #fff;
	font-style: italic;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 628px
	}







/***************** MENU *****************/

#menu          {
	text-align: left;
	margin-left: 30px;
	width: 753px;
	height: 31px
	}




/***************** Menu - Mise en place *****************/

#menu-nav     {
	background-color: #f3c;
	text-align: left;
	position: relative;
	width: 359px;
	height: 31px;
	}

#menu-liste     {
	margin: 0
	}

#menu-liste li     {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	}

#menu-liste a      {
	padding: 0;
	float: left;
	height: 31px;
	}
	
#menu-liste a span       {
	margin-left: -1000px;
	padding: 0;
	float: left
	}


/***************** Menu - Rubriquage *****************/

#volupteo a      {
	background-image: url("../../images/menu/rub-vol.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 101px
	}


#prestations a      {
	background-image: url("../../images/menu/rub-pres.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 78px
	}


#visite a      {
	background-image: url("../../images/menu/rub-vis.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 41px
	}


#photos a      {
	background-image: url("../../images/menu/rub-pho.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 49px
	}

	
#contact a      {
	background-image: url("../../images/menu/rub-con.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 90px
	}



#volupteo a:hover, #prestations a:hover, #visite a:hover, #photos a:hover, #contact a:hover    {
	background-position: left bottom;
	}

#menu li a.on  {
	background-position: left bottom;
	}

/***************** Menu - Baseline *****************/


#baseline        {
	color: #ccc;
	font-size: 10px;
	font-style: italic;
	display: inline;
	margin-left: 132px
	}

#baseline  a:link       {
	color: #ccc;
	text-decoration: none
	}

#baseline a:visited  {
	color: #ccc;
	text-decoration: none
	}

#baseline a:hover  {
	color: #fff;
	text-decoration: none
	}

	
	
/***************** DESIGN CARTE TARIFAIRE *****************/







/**** Design tarifs (prestations et colonnes prix ****/

h1       {
	color: #eabffc;
	font-size: 14px;
	}

h1 span       {
	color: #fff;
	font-size: 11px;
	font-style: italic;
	}


h2        {
	color: #fff;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 14px
	}

h3        {
	color: #fff;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 44px;
	width: 400px;
	border-top: 1px solid #ccc
	}




#content dl      {
	color: #fff;
	margin-bottom: 22px;
	position: relative
	}






#content dl dt              {
	font-weight: bold;
	text-decoration: none;
	position: relative;
	}




#content dl dd               {
	font-size: 12px
	}




#content dl span        {
	color: #fff;
	font-weight: normal;
	display: inline;
	position: absolute;
	left: 440px
	}




	
#content dl span span         {
	color: #fff;
	font-weight: normal;
	display: inline;
	position: absolute;
	top: 0;
	left: 84px;
	width: 90px
	}


#offres-moment               {
	color: #eabffc;
	font-size: 14px;
	text-decoration: none
	}








#offres-moment    a:link          {
	color: #c9c;
	text-decoration: none
	}




#offres-moment   a:visited    {
	color: #fcbdf2;
	text-decoration: none
	}



#offres-moment   a:hover     {
	color: #fff;
	text-decoration: none
	}