div.message, .info {
	background: #f8fafc url(img/icons/information.png) 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	color:#5282b5;
}

#bandeau p {
width: 380px;
height: 100px;
margin:3em auto;
}

body {
	background: #E2E3E4 url(img/fond_body.png) repeat;
}

a {
	background-color: inherit;
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	background-color: inherit;
	color: #42c3eb;
	text-decoration:none;
}

#content dl, #content dt, #content dd {
	position: static;
	float: none;
	display: block;
}


#content ul {
margin-left: 1em;

}
#content li {
	display: list;
list-style-type: circle;
margin-left: 1em;

}

#docWarpper {
	margin:  10px auto;
	background: url('img/fond_ombre.png') top right no-repeat;
	width: 921px;
	padding: 7px;
}

#doc {
	text-align: left;
	font-family: Verdana;
	width: 921px;
	color: #fff;
	overflow: hidden;
}

#yui-main h1{
	color: #003d4c;
	font-size: 160%;
	margin: 0.1em 0;
}

#yui-main h2{
	color: #FFF;
	font-size: 160%;
	margin: 0.3em 0;
	padding-top: 1em; /*1cm*/
	font-weight: bold;
}

#yui-main h3{
	color: #16bae8;
	font-size: 120%;
	padding-top: 0.2em;
	font-weight: bold;
	background-color: transparent;
}

#yui-main h4{
	color: #c6c65b;
	font-weight: normal;
	padding-top: 0.5em;
}

#content em {
	color: #E1007A;
	text-transform: uppercase;
	font-family: Myriad, Verdana;
	white-space: nowrap;
}

#content strong {
	color: #E1007A;
	font-family: Myriad, Verdana, sans-serif;
	white-space: nowrap;
}

#content p.intro {
	font-family: "Arial Black", Verdana, Impact, sans-serif;
	color: #E1007A;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 1.5;/*8mn*/
}

#content p {
	font-family: Myriad, Verdana, sans-serif;
}

#doc #content h2 {
	margin-top: 22px;
	margin-left: 1px;
	margin-bottom: 50px;
	position: relative;
}

#doc.c-pages.a-display.p-voyance_duo #content h2 {
	display: block;
	background: url(img/h_voyance_duo.png) transparent top left no-repeat;
	width: 374px;
	height: 58px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-users.a-register #content h2 {
	display: block;
	background: url(img/h_je_minscris.png) transparent top left no-repeat;
	width: 322px;
	height: 56px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	padding-bottom: 14px;
}

#doc.c-pages.a-display.p-voyance_direct #content h2 {
	display: block;
	background: url(img/h_voyance_direct.png) transparent top left no-repeat;
	width: 405px;
	height: 57px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-pages.a-display.p-voyance_avec_cb #content h2 {
	display: block;
	background: url(img/h_voyance_avec_cb.png) transparent top left no-repeat;
	width: 398px;
	height: 65px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-tarifs_et_prestations #content h2 {
	display: block;
	background: url(img/h_tarifs_et_prestations.png) transparent top left no-repeat;
	width: 434px;
	height: 67px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-pages.a-display.p-voyance_par_sms #content h2 {
	display: block;
	background: url(img/h_voyance_par_sms.png) transparent top left no-repeat;
	width: 426px;
	height: 54px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-pages.a-display.p-jeu_de_tarots #content h2 {
	display: block;
	background: url(img/h_jeu_de_tarots.png) transparent top left no-repeat;
	width: 252px;
	height: 66px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-faq #content h2 {
	display: block;
	background: url(img/h_faq.png) transparent top left no-repeat;
	width: 38px;
	height: 15px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-nous_contacter #content h2 {
	display: block;
	background: url(img/h_nous_contacter.png) transparent top left no-repeat;
	width: 108px;
	height: 14px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-qui_sommes_nous #content h2 {
	display: block;
	background: url(img/h_qui_sommes_nous.png) transparent top left no-repeat;
	width: 141px;
	height: 15px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-calculez_signe_ascendant #content h2.signe {
	display: block;
	background: url(img/h_calculez_signe.png) transparent top left no-repeat;
	width: 302px;
	height: 106px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-calculez_signe_ascendant #content h2.ascendant {
	display: block;
	background: url(img/h_calculez_ascendant.png) transparent top left no-repeat;
	width: 412px;
	height: 112px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-home #content h2 {
	display: block;
	background: url(img/h_home.png) transparent top left no-repeat;
	width: 264px;
	height: 61px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-informations_legales #content h2 {
	display: block;
	background: url(img/h_informations_legales.png) transparent top left no-repeat;
	width: 146px;
	height: 17px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-pages.a-display.p-conditions_generales #content h2 {
	display: block;
	background: url(img/h_conditions_generales.png) transparent top left no-repeat;
	width: 149px;
	height: 17px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-equipiers.a-index #content h2 {
	display: block;
	background: url(img/h_notre_equipe.png) transparent top left no-repeat;
	width: 297px;
	height: 54px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-users.a-reset #content h2 {
	display: block;
	background: url(img/obtenir_nouveau_mot_de_passe.png) transparent top left no-repeat;
	width: 255px;
	height: 17px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}


#doc #hd {
	background: transparent url(img/fond_entete.png) no-repeat;
	height: 177px;
}


#doc #hd h1 {
	display: block;
	position: relative;
	float: left;
	top: 15px;
	left: 18px;
}

#bandeau {
	position: relative;
	float: left;
	left: 28px;
	width:471px;
	height:177px;
	overflow: hidden;
}

#acces_membre{
	top: 10px;
	width:215px;
	position: relative;
	float: left;
	left: 28px;
}

#acces_membre a.mot_de_pass_oublie{
	position: absolute;
	float: left;
	top: 80px;
	left: 15px;
	color: #fff;
	font-size:9px;
}


#espace_membre h2 {
	display: block;
	background: url(img/entete_bienvenu.png) transparent top left no-repeat;
	width: 196px;
	height: 25px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-color: #000; 
}

#espace_membre {
	width:196px;
	height:167px;
	overflow: hidden;
	background: #e1007a url(img/corps_vous_etes_deja_membre.png) no-repeat;
	background-position: 0 bottom;
	margin: auto;
	margin-bottom: 5px;
}

#espace_membre ul.action, #espace_membre p {
	padding-left: 5px;
}
#espace_membre ul.action {
	font-size: 10px;
}

#deja_membre h2 {
	display: block;
	background: url(img/entete_vous_etes_deja_membre.png) transparent top left no-repeat;
	width: 196px;
	height: 25px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-color: #000; 
}

#deja_membre {
	width:196px;
	height:98px;
	overflow: hidden;
	background: #e1007a url(img/corps_vous_etes_deja_membre.png) no-repeat;
	background-position: 0 25px;
	margin: auto;
	margin-bottom: 5px;
}

#deja_membre label {
	width:82px;
	color: #fff;
	font-size: 11px;
	font-family: "Trebucher MS", Helvetica, Geneva, Arial, sans-serif;
}

#deja_membre input {
	background: #fff;
	border: none;
	height:13px;
	font-size:11px;
}

#deja_membre .formset form input {
	*width: 80px;
}

#deja_membre div.submit {
	clear: both;
	margin-left: 160px;

}

#deja_membre div.submit input {
	display: block;
	background: url(img/bt_ok.png) transparent top left no-repeat;
	width: 29px;
	height: 22px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	padding: 45px 0 0;
	overflow: hidden;
	text-indent: 0;
	font-size:15px;
	line-height:15px;
 cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}


#devenez_membre h2 {
	display: block;
	background: url(img/entete_devenez_membre.png) transparent top left no-repeat;
	width: 196px;
	height: 25px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-color: #000; 
}

#devenez_membre a {
	margin: 7px;
	display: block;
	background: url(img/fleche_anime.gif) transparent top left no-repeat;
	width: 172px;
	height: 22px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#devenez_membre {
	width:196px;
	height:62px;
	overflow: hidden;
	background: #e1007a url(img/corps_devenez_membre.png) no-repeat;
	background-position: 0 25px;
	margin: auto;
	margin-bottom: 5px;
}

#deja_membre input {
	width:92px;
}

#deja_membre div.submit input {
	width:auto;
}

#calculez_signe_ascendant, #jeu_de_tarots, #voyance_par_sms  {
	margin: 0 auto;
	width:196px;
	display: block;

}

#calculez_signe_ascendantWarpper  {
	height: 195px;	margin-bottom: 6px;
}

#jeu_de_tarotsWarpper  {
	height: 195px;	margin-bottom: 6px;
}

#voyance_par_smsWarpper  {
	height: 217px;	margin-bottom: 6px;
}

#doc #bd {
	background: #000;
	overflow: hidden;
}

#doc #ft {
	background: transparent url(img/fond_pied.png) no-repeat;
	height: 40px;
}

#ft ul {
	display: block; 
	position : relative;
	float: right;
	position: relative;
	font-family: "Trebucher MS", Helvetica, Geneva, Arial, sans-serif;
	margin-left: 5px;
	font-size: 12px;
}

#ft ul li {
	color: #91918d;
	display: block; 
	float: left;
	line-height: 40px;
}

#ft ul a {
	padding: 0 10px;
	color: #91918d;
	text-decoration: none;
	display: inline; 
	font-weight: normal;
	border-left: 1px solid #91918d;
	position : relative;
	z-index:5;
}

#ft ul li.first a {
	border-left: none;
}

#ft ul a:hover,
#ft ul a.active {
	color: #000;
}

.© {
display: none;
}

.yui-t2 #nav.yui-b {
	width:235px;
}
.yui-t2 #yui-main .yui-b {
	margin-left:235px;
}

#content {
	padding: 10px;
	width:451px;
	overflow: auto;
	height: 620px;
	background: #2a2424 top left url(img/fond_content.png) no-repeat;
	position: relative;
	float: left;
	font-size: 13px;
}

#content div.content_body{
	
	padding: 0 30px  ;
}

#doc.c-users.a-register #content {
	background-color: #E1007A;
}


.yui-g #featured.yui-u {
	width:215px;
	padding-top: 7px;
}

#nav {
	padding-top: 36px;
	background: #000 top url(img/fond_noir_fleur.png) repeat-x;
	height: 603px;
}

#nav ul, #nav li {
	text-align: center;
	display: block;
	width: 100%;
}


#nav li.voyance_direct a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -0px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.voyance_direct a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -21px;
	height: 21px;
	width: 100%;
}


#nav li.voyance_avec_cb a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -42px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.voyance_avec_cb a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -63px;
	height: 21px;
	width: 100%;
}


#nav li.voyance_par_sms a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -84px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.voyance_par_sms a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -105px;
	height: 21px;
	width: 100%;
}


#nav li.voyance_duo a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -126px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.voyance_duo a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -147px;
	height: 21px;
	width: 100%;
}


#nav li.notre_equipe a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -168px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.notre_equipe a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -189px;
	height: 21px;
	width: 100%;
}


#nav li.tarifs_et_prestations a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -210px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.tarifs_et_prestations a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -231px;
	height: 21px;
	width: 100%;
}


#nav li.astrostar a {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -252px;
	height: 21px;
	margin-bottom: 8px;
	width: 100%;
}


#nav li.astrostar a:hover {
	display: block;
	background: url(img/bt_menu.png) transparent top left no-repeat;
	width: 222px;
	height: 294px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -273px;
	height: 21px;
	width: 100%;
}


#nav ul.horoscopes {
	margin-top: 45px;
	padding-top: 4px;
}


#nav li.horoscopes_2008 a {
	display: block;
	background: url(img/bt_menu_horoscopes.png) transparent top left no-repeat;
	width: 222px;
	height: 204px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -0px;
	height: 51px;
	width: 100%;
	margin-top: -4px;
}


#nav li.horoscopes_2008 a:hover {
	display: block;
	background: url(img/bt_menu_horoscopes.png) transparent top left no-repeat;
	width: 222px;
	height: 204px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -51px;
	height: 51px;
	width: 100%;
}


#nav li.horoscope_du_mois a {
	display: block;
	background: url(img/bt_menu_horoscopes.png) transparent top left no-repeat;
	width: 222px;
	height: 204px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -102px;
	height: 51px;
	width: 100%;
	margin-top: -4px;
}


#nav li.horoscope_du_mois a:hover {
	display: block;
	background: url(img/bt_menu_horoscopes.png) transparent top left no-repeat;
	width: 222px;
	height: 204px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -153px;
	height: 51px;
	width: 100%;
}



#nav li.news_de_la_semaine a {
	display: block;
	background: url(img/news_de_la_semaine.png) transparent top left no-repeat;
	width: 216px;
	height: 174px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -0px;
	height: 87px;
	width: 100%;
}

#nav li.news_de_la_semaine a:hover {
	display: block;
	background: url(img/news_de_la_semaine.png) transparent top left no-repeat;
	width: 216px;
	height: 174px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center -87px;
	height: 87px;
	width: 100%;
}

#nav li.ajouter_favoris a {
	display: block;
	background: url(img/bt_favoris.png) transparent top left no-repeat;
	width: 104px;
	height: 171px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
	background-position: center;
	width: 100%;

	*background: url(img/bt_favoris_ie.png) transparent top left no-repeat;
	background-position: center;
	margin-top: 12px;
	margin-bottom: 10px;
	*margin-top: 5px;
	*margin-bottom: 4px;
}

#doc.c-partenaires.a-index #content h2 {
	display: block;
	background: url(img/h_partenaires.png) transparent top left no-repeat;
	width: 81px;
	height: 14px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}
#doc.c-dynaPages.a-index #content h2 {
	display: block;
	background: url(img/h_astrostar.png) transparent top left no-repeat;
	width: 245px;
	height: 71px;
	text-indent: -9000em;
	font-size:0;
	line-height:0;
}

#doc.c-pages.a-display.p-jeu_de_tarots #content {
	background: #f90 top left url(img/fond_content_jeu_de_tarot.png) repeat-x;
}
#doc.c-pages.a-display.p-voyance_par_sms #content {
	background: #1ab7e7 top left url(img/fond_content_page_sms.png) repeat-x;
}


#doc.c-partenaires.a-index #content {
	background: #2a2424 top left url(img/fond_content.png) no-repeat;
}

#content p.intro {
	margin-bottom: 2em;
}