/*                     */
/* Mise forme générale */
/*                     */
html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: wheat;
background: url("../images/background.jpg") repeat-x left top;
background-color: black;
margin: 0;
padding-bottom: 5px;
}
/* Conteneur de la Page */
#container {
width: 990px;
background: url("../images/content_bg.gif") repeat-y left top;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 990px;
height: 155px;
background: url("../images/header.jpg") no-repeat left top;
}
/* Colonne Gauche */
#gauche {
width: 240px;
text-align: center;
background: url("../images/left_foot.gif") no-repeat left bottom;
float: left;
/* top right bottom left */
margin: 0 0 10px 1px;
padding-bottom: 15px;
}
/* Tête Colonne Gauche */
#gauche #top {
width: 240px;
min-height: 30px;
background: url("../images/left_bg.jpg") no-repeat left top;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt;
font-weight: bold;
color: wheat;
background-color: transparent;
}
/* Colonne Droite */
#droite {
width: 728px;
text-align: justify;
float: left;
margin: 10px;
}
/* Bloc Flottant Aligné à Droite */
.bloc_droite {
width: 150px;
text-align: left;
float: right;
margin-left: 10px;
}
/* Footer */
#footer {
width: 990px;
text-align: center;
font-size: 7pt;
color: #33404e;
background-color: transparent;
border-top: 1px solid #440000;
margin: auto;
clear: both;
}

/*                */ 
/* Menu Superieur */
/*                */ 

#top-menu {
width: 990px;
height: 35px;
background: url("../images/top_menu.jpg") no-repeat left top;
}
#top-menu dl {
width: 749px;
height: 30px;
line-height: 26px;
/* top right bottom left */
margin: 0 0 0 243px;
}
#top-menu dd {
width: 58px;
height: 26px;
line-height: 26px;
display: inline;
float: left;
/* top right bottom left */
margin: 7px 2px 0 2px;
}
#top-menu a:link, #top-menu a:visited {
width: 58px;
height: 26px;
text-align: center;
font-family: Tahoma, Helvetica, sans-serif; 
font-size: 8pt;
color: #922600;
background-color: transparent;
display: block;
text-decoration: none;
}
#top-menu a:active, #top-menu a:hover {
width: 58px;
height: 26px;
display: block;
color: #440000;
text-decoration: none;
}
/* Onglets signes astrologiques */
#top-menu .dd1 a:active, #top-menu .dd1 a:hover {
background: url("../images/top_menu_on.gif") no-repeat left top;
}
#top-menu .dd2 a:active, #top-menu .dd2 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -62px top;
}
#top-menu .dd3 a:active, #top-menu .dd3 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -124px top;
}
#top-menu .dd4 a:active, #top-menu .dd4 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -186px top;
}
#top-menu .dd5 a:active, #top-menu .dd5 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -248px top;
}
#top-menu .dd6 a:active, #top-menu .dd6 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -310px top;
}
#top-menu .dd7 a:active, #top-menu .dd7 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -372px top;
}
#top-menu .dd8 a:active, #top-menu .dd8 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -434px top;
}
#top-menu .dd9 a:active, #top-menu .dd9 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -496px top;
}
#top-menu .dd10 a:active, #top-menu .dd10 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -558px top;
}
#top-menu .dd11 a:active, #top-menu .dd11 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -620px top;
}
#top-menu .dd12 a:active, #top-menu .dd12 a:hover {
background: url("../images/top_menu_on.gif") no-repeat -682px top;
}

/*             */
/* Menus Gauche */
/*             */

#menu {
width: 240px;
display: block;
margin: auto;
padding: 0;
/* top right bottom left */
margin: 5px 0 10px 0;
}
#menu dd {
width: 240px;
height: 30px;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11pt;
font-weight: bold;
text-align: left;
text-indent: 10px;
background: url("../images/menu_off.jpg") repeat-x left top;
/* top right bottom left */
margin: 0 0 1px 0;
}
#menu a:link, #menu a:visited {
width: 240px;
height: 30px;
display: block;
color: wheat;
}
#menu a:active, #menu a:hover, #menu #menu_on {
color: white;
text-decoration: none;
background-color: inherit;
background: url("../images/menu_on.jpg") repeat-x left top;
}

/*       */
/* Liens */
/*       */

a:link, a:visited {
text-decoration: underline;
color: white;
background-color: transparent;
outline: none;
}
a:active, a:hover {
color: #ffd937;
background-color: transparent;
outline: none;
}
/* Liens Footer */
#footer a:link, #footer a:visited {
text-decoration: underline;
color: #33404e;
background-color: transparent;
outline: none;
}
#footer a:active, #footer a:hover {
text-decoration: underline;
color: #82737d;
background-color: transparent;
outline: none;
}

/*                      */
/*        Titres        */
/*                      */

/* Titres Droite */
h1 {
height: 30px;
line-height: 30px;
font-size: 16pt;
text-align: left;
text-indent: 30px;
color: #ffd937;
background-color: transparent;
background: url("../images/h1.jpg") repeat-x left top;
border-right: 1px solid #710600;
/* top right bottom left */
margin: 0 0 5px 0;
}
/* Taille Titres */
.medium {
width: 564px;
}
/* Sous Titres */ 
h2 {
font-size: 11pt;
text-align: left;
color: wheat;
background-color: transparent;
/* top right bottom left */
margin: 0 0 5px 0;
}
h3 {
font-size: 9pt;
text-align: left;
color: wheat;
background-color: transparent;
/* top right bottom left */
margin: 0 0 5px 0;
}

/*                 */
/* Eléments divers */
/*                 */

/*  Images dans la colonne Pub  */
#gauche img {
/* top right bottom left */
margin: 0 auto 5px auto;
clear: both;
}
/* Pas de bordure sur les images par défaut */
img {
border: none;
vertical-align: middle;
}
/* Bordure sur les images */
.bord {
border: 2px solid white;
}
/* Retour à la ligne forcé */
.clear {
clear: both;
}
/* Alignement flottant à gauche */
.left {
/* top right bottom left */
margin: 0 10px 0 0;
float: left;
}
/* Alignement flottant à droite */
.right {
/* top right bottom left */
margin: 0  0 5px 10px;
float: right;
}
/* Alignement centré */
.center {
text-align: center;
}
small {
font-size: 7pt;
}

/*               */
/*  Formulaires  */
/*               */

form {
margin: 0;
}
form p {
/* top/bottom left/right */
margin: 5px 0;
}
fieldset {
width: 440px;
text-align: center;
border: 1px solid #b44700;
/* top/bottom left/right */
margin: 10px 0;
padding: 10px;
}
legend {
font-weight: bold;
color: white;
background-color: #440000;
border: 1px solid #b44700;
/* top/bottom left/right */
padding: 1px 5px;
}
form #nom, form #prenom, form #email, form #sexe, form #tel, form #texte, form #login, form #pass, form #message, form #jour_naissance, form #mois_naissance, form #annee_naissance {
background: url("../images/input.png") repeat-x left top;
border: 1px inset #afafaf;
padding-left: 5px;
}
/* Ad haut */
.ad_haut{
	width:100%;
	height:17px;
	text-align:center;
	background-color:#FF6;
	border-bottom:#FF0 3px solid;
	margin-bottom:5px;
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

/* Mise en page */
.ad_728_horoscope{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	width:728px;
	height:90px;
}

.images_liste_signes{
	margin:15px;
	float:left;
}

.entt{
	text-align:right;
}