﻿body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   background:#6b0000 repeat; /* Le fond de la page sera rouge*/
   width: 900px;
   height:1700px;
   font-size:13px;
   color:#FFFFFF;
   text-align:center;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   /* Idem pour le bas du navigateur */
   font-family:"Comic Sans MS",arial,serif;
   
}
#en-tete
{ width:900px; position:top;height:194px;}

#page
{ width:900px; height:800px; background:url("Image/ImageFond.jpg") no-repeat;}
#page a {text-decoration:none;border:none;}

#colonnegauche
{ width:160px;height:800 px; color:#ffffff; font-size:13px; float:left; }

#menu, #menu ul /* Liste */     /* Styles du menu deroulant*/
{ width:162px; padding:0px;margin-left:0px; float:left; margin-top:0px; list-style:none; line-height:28px; text-align:center; }

#menu /* Ensemble du menu */
{font-size:12px; float:left; font-family:"Comic Sans MS",arial,serif;}

#menu a /* Contenu des listes */
{  display:block; background:url("Image/menufond.jpg") no-repeat; color:#ffffff; text-decoration:none;}
#menu a:hover
{ color: #ffffff;} /*rouge*/

#menu li /* Elements des listes */      
{ float: center;}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{ border-right: 0px;}

#menu li ul /* Sous-listes */
{position: absolute; margin-left: 160px;  left: -999em; margin-top:-28px;}
#menu li ul a:hover 
{ color: #d20202;} /*rouge*/
#menu li ul li /* Éléments de sous-listes */
{border: transparent;}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li     
{border: transparent;}           


/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{border-left: transparent ; /* on met une bordure transparente sur la gauche de chaque élément */}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{left: -999em; position:right; min-height: 0;
	/* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        color: #D20F0F;
        min-height: 0px; /* Corrige un bug sous IE */
}



#voyance-image
{ width:155px;
height:185px;
margin-top:3px;
margin-left:3px;
float:left;}



#newsletter { width:140px;height:200px; color:#FFFFFF; font-size:12px;margin-left:20px; text-align:center; }

#newsletter1 { width:140px;height:200px;margin-top:10px; color:#FFFFFF; font-size:12px; float: left; text-align:center; }

#colonnedroite { width:150px; float:right; padding-right:5px; padding-left:5px;}

#voyance-visio {float:right; margin-top:5px;margin-left:80px;}

#horoscope {float:right; text-align: center; margin-top:40px;margin-right:3px;font-size:9px;font-weight: bold;}

#horoscope a,a:hover
{color:#000000;}

img{ border:0 none;text-decoration:none;}
a { border:0 none;text-decoration:none;}
#corps 
{width: 480px;
   height:710px;
  float:left;
  margin-top:0px;
  margin-left:40px;
  padding:10px;
} 
#corps a{text-decoration:none,color:#ffffff;}
#corps1
{ width: 480px;
height:710px;
  float:left;
  margin-top:5px;
  margin-left:40px;
  padding:10px;
  overflow:auto;
} 
#corps 
h1 { text-align:center; font-size: 30px;  color:#9e7e45;margin-top:0px;}
h2 { text-align:center; font-size: 18px; color:#9e7e45;}
h3 { text-align:center; color:#9e7e45;}
#2 { font-size: 16px; margin-top:50px;} 

#corps1 
h1 { text-align:center; font-size: 30px;  color:#9e7e45;margin-top:0px;}
h2 { text-align:center; font-size: 18px; color:#9e7e45;}
h3 { text-align:center; color:#9e7e45;}
#2 { font-size: 16px; margin-top:50px;} 

#text-corp {

  float:left;
  padding-left:10px;
  padding-right:10px;
  text-align:justify;
  margin-top:0px;}
  
#text-corp a {color:#ffffff; text-decoration:none;}
#texte-corps {

  float:left;
  padding-left:10px;
  padding-right:10px;
  text-align:justify;
  margin-top:0px;}
  
#texte-corps a {color:#ffffff; text-decoration:none;}

#corps-horo a{text-decoration:none,color:#ffffff;}
#corps-horo
{ width: 480px;
height:710px;
text-align:left;
  float:left;
  margin-top:5px;
  margin-left:40px;
  padding:10px;
  overflow:auto;
} 
#corps-horo
h1 { text-align:center; font-size: 30px;  color:#9e7e45;margin-top:0px;}
h2 { text-align:center; font-size: 18px; color:#9e7e45;}
h3 { text-align:center; color:#9e7e45;}
#2 { font-size: 16px; margin-top:50px;} 


.horo-2011
{color: #AEABAB; font-size: 15px; font-style: normal; font-weight: bold;}


strong {font-size:18px;}

.important
{ font-size:14px;

 text-decoration:none;
}
.important2
{ font-size:15px;
font-weight:bold;
text-decoration:none;
}
.titre
{ font-size:17px;
font-weight:bold;
text-decoration:none;
}
.num
{ font-size:17px;
text-decoration:blink;
color:#D5010F;
}
.signature{
float:right;}

.fin{font-size:13px;}

#voyance-corpshoro
{ width: 460px;
  height:710px;
  float:left;
  overflow:none;
  margin-top:0px;
  margin-left:0px;
  padding:0px;}
  
#horo iframe
{width:520px; height:742px;margin-top:0px; margin-right:0px;padding-right: 0px border:0px; font-size: 12px; color: #white; }

/* Style des imports RSS*/
.rss_corps
{width: 485px;height:742px; font-size: 13px; color:#ffffff; padding-right:10px; float: center; text-align: justify;}

/* Titre Horo Hebdo + jour*/
.rss_itemtitle {color: #9e7e45; margin-top:13px; font-size: 13px;color: #000000; }
.rss_itemtitle a {color:#9e7e45; text-decoration:none;}


/*Titre Horoscope Hebdomadaire*/
.rss_channelname
{margin-top: -50px;font-size:0px;#000000;}

/*Texte de l'Horoscope*/
.rss_itemdescription {font-size: 13px;}
.rss_itemdescription b {font-size: 13px;color:#9e7e45;}
.rss_itemdescription a {font-size: 0px;color:000000;}
.rss_itemdescription a,a:hover    
{font-size: 13px;}
.rss_itemdescription em {color: #ffffff; font-style:normal;color: #000000;}



#menu2
{  
   width:900px;
   height:400px;
   list-style:none;
   color:#ffffff;
   font-size: 11px;
}
#menu2 a
{ 
   text-decoration:none;color:#ffffff;}
   
.menu3
{  
   width:170px;
   float:left;
   text-align:left;
   margin-right:50px;
   color:#ffffff;

}
.menu3 ul
{ 
   text-decoration:none;
   color:#ffffff;
   list-style:none;
} 
   
   
#pied-de-page
{  
   width:900px;
   margin-top:90px;
   margin-left:0px;
   float:center;
   color: #ffffff;
   font-size: 12px;
   text-decoration:none;
}
#pied-de-page a 
{color:#ffffff; font-size:12px;text-decoration:none;}
#pied
{  
   width:900px;
   margin-top:50px;
   margin-left:0px;
   float:center;
   color:#ffffff;
   font-size: 8px;
}
#pied a 
{color:#ffffff;float:center; font-size:8px;text-decoration:none;}
