body
{
   width: 985px;
   margin: auto;    /* Pour centrer notre page */
   margin-top: 0;   /* Pour éviter de coller avec le haut de la fenêtre du navigateur ! */
   margin-bottom: 0;    /* Idem pour le bas du navigateur */
  background-image: url("fondcorps/cieletoile.gif");
}




/*--------- Menu horizontal -----------*/

/*Texte du menu et sous menu*/

.Txt_1 {
	color: #000000;
                   font-size: 17px;
                   font-weight:600;    /* Tous les liens en gras */
}

.Txt_2 {
	color: #000000;
                   font-size: 15px;
}

A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: none; }
A:active { text-decoration: none; }


/*Le menu horizontal*/

#menuhorizontal {
	width: 984px;
	height: 30px;
                   border: 0 solid black;                   	
                   background: url(/image/bg_menu3.gif) repeat-x;
	background-position : 0 0;
	/*background:#FD590E;*/
}
.menu {
width:984px; 
position:relative;
z-index:0;
}

/* remove all the bullets, borders and padding from the default list styling */
/* enlever par défaut toutes les bullets, borders et padding de la liste de style*/
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:123px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* mettre la liste en float pour la faire horizontale et une position relative ainsi vous pouvez controler la position menu déroulant vers le bas, dropdown */
.menu li {
float:left;
width:123px;
position:relative;
}

/* style the links for the top level */
/* donner l'aspect des liens du niveau supérieur, menu horizontal */
.menu a, .menu a:visited {
display:block;
width:113px; 
height:30px; 
                          
border-width: 0 0  0  0 ;
background: url(image/bg_menu7.gif) bottom;
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
/* un hack petit script alternatif qui va permettre pour IE5.5 de corriger l'erreur  du modele de boite */
* html .menu a, * html .menu a:visited {
width:123px;
w\idth:118px;
}

/* style the second level background */
/* donner l'aspect du background du second niveau */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	/*background:#22dd00 url(image/menufleche1.gif) bottom right no-repeat;*/
	background:#22DD00 url(image/menufleche1.gif) bottom right no-repeat;
                   border:1px solid #000000; 
                   border-width: 1px 1px  1px  1px ;
}
.menu ul ul a.nodrop, .menu ul ul a.nodrop:visited {
	/*background:#22DD00;*/
	background:#22DD00;
                   border:1px solid #000000; 
                   border-width: 1px 1px  1px  1px ;
}

/* style the second level hover */
/* donner l'aspect du second niveau au moment ou on passe dessus  hover */
.menu ul ul a.drop:hover{
	/*background:#000000 url(image/menufleche1.gif) bottom right no-repeat;*/
	background:#000000 url(image/menufleche2.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
	/*background:#000000 url(image/menufleche1.gif) bottom right no-repeat;*/
	background:#000000 url(image/menufleche2.gif) bottom right no-repeat;
}

/* style the second level hover */
/* donner l'aspect du second niveau au moment ou on passe dessus  hover */
.menu ul ul a.nodrop:hover{
	/*background:#000000;*/
	background:#000000;
}
.menu ul ul :hover > a.nodrop {
	/*background:#000000;*/
	background:#000000;
}

/* style the third level background */
/* donner l'aspect du background du 3eme niveau */
.menu ul ul ul a, .menu ul ul ul a:visited {
	/*background:#AAFF11;*/
	background:#AAFF11;
border:1px solid #000000; 
border-width: 1px 1px  1px  1px ;
}
/* style the third level hover */
/* donner l'aspect du 3eme niveau au moment ou on passe dessus  hover */
.menu ul ul ul a:hover {
	/*background:#000000;*/
	background:#000000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
/* cacher les niveaux inferieurs et leur donner une position absolu afin qu'ils ne prennent plus de place */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:123px;
}
/* another hack for IE5.5 */
/* un autre script alternatif pour IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
/* positionner le 3eme niveau du flyout menu   menu de vol */
.menu ul ul ul{
left:123px; 
top:0;
width:123px;
}

/* position the third level flyout menu for a left flyout */
/* positionner le 3eme niveau du flyout menu   menu de vol   pour un vol à gauche */
.menu ul ul ul.left {
left:-123px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
/* donner laspect à la table pour qu'elle ne prenne pas de place ou pas part dans la disposition  script necessaire pour que IE fonctionne */
.menu table {position:absolute; top:0; left:0;}
/* style the second level links */
/* donner un style aux liens du 2eme niveau */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd;                      /* faut-il changer la couleur aussi ici en #ff7700 ou celle choisie plus haut */
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:102px
/* yet another hack for IE5.5 */
/* pourtant un autre script alternatif pour IE5.5 */
}
* html .menu ul ul a{
width:102px;
w\idth:107px;
}

/* style the top level hover */
/* donner l'aspect du niveau superieur quand on passe la souris dessus */            
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
/*background:#000000;*/
background: url(image/bg_menu7.gif)
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
/*background:#000000;*/
background: url(image/bg_menu8.gif)
}

/* make the second level visible when hover on first level list OR link */
/* rendre visible le 2eme niveau quand on passe sur le premier niveau ou le lien */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}

/* keep the third level hidden when you hover on first level list OR link */
/* garder le 3eme niveau caché quand on passe sur le 1er niveau ou le lien */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
/* rendre le 3eme niveau visible quand on passe sur le 2eme niveau ou le lien */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


/*--------- Menu verticale gauche -----------*/

#menuvertical
{
   float: left;
   width: 122px; /* Très important : donner une taille en largueur au menu */
}

.element_menuvertical
{
   background-color: #FF5100; /* Couleur de fond des menus */
   border: 1px solid black;
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */

.element_menuvertical h3 /* Tous les titres de menus */
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menuvertical ul /* Toutes les listes à puces se trouvant dans un menu */
{  
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-top: 10px;
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menuvertical a /* Tous les liens se trouvant dans un menu */
{
   color: #000000;
   font-weight:bold; /* Tous les liens en gras */
   text-decoration:none;/* Tous les liens: non soulignés */
}

.element_menuvertical a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #000000;
   color: white;
}


/*--------- Menu webmasteur -----------*/

#menuwebmasteur
{
   float: left;
   width: 122px;
}

.element_menuwebmasteur
{
   background-color: #E6E6FA;
   border: 1px solid black;
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur le menu */

.element_menuwebmasteur h3 
{    
   color: #8B0000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menuwebmasteur ul /* Toutes les listes à puces se trouvant dans un menu */
{  
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-top: 10px;
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menuwebmasteur a /* Tous les liens se trouvant dans un menu */
{
   color: #000000;
   font-weight:bold; /* Tous les liens en gras */
   text-decoration:none;/* Tous les liens: non soulignés */
}

.element_menuwebmasteur a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #4682B4;
   color: white;
}


/*--------- Cadre recettes -----------*/

#menurecettes
{
   position: absolute;
   width: 122px; /* Très important : donner une taille en largueur au menu */
}

.element_recettes
{
   background-color: #33cccc; /* Couleur de fond des menus */
   border: 1px solid #000000;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_recettes a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_recettes a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660000;
   color: white;
}


/*--------- Cadre Calendrier Perpetuel -----------*/

#menuperpetuel
{
   position: absolute;
   width: 122px; /* Très important : donner une taille en largueur au menu */
}

.element_perpetuel
{
   background-color: #EDF8F1; /* Couleur de fond des menus */
   border: 1px solid #000000;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_perpetuel a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_perpetuel a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660000;
   color: white;
}


/*--------- Cadre Newsletter -----------*/

#autorepondeur
{
    float: left;
   width: 122px;
}

.element_autorepondeur
{
   background-color: #9EB6B9; /* Couleur de fond des menus */      
   border: 4px ridge #98E6EF;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_autorepondeur h3 /* Tous les titres de menus */
{    
   color: #0C2794;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_autorepondeur ol /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

/*Bouton Newsletter*/

.bouton2{text-align:center;padding:5px;}
a.bouton2:link{
width:145px;
height:30px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-color:#0C2794;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver}

a.bouton2:visited{
width:145px;
height:30px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-color:#0C2794;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver}

a.bouton2:hover{
width:145px;
height:30px;
text-decoration:none;
color:#FF0033;
text-align:center;
font-weight:bold;
background-color:#0000FF;
background-image:url(bouton/newsletter.jpg);
padding:5px;
border-style:inset;
border-width:2px;
border-color:silver}


/*--------- Cadre email -----------*/

#email
{
   float: left;
   width: 122px;
}

.element_email
{
   background-color: #FFE4C4; /* Couleur de fond des menus */      
   border: 4px ridge #FFE4C4;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_email a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_email a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660033;
   color: white;
}


/*--------- Cadre publicités gauche -----------*/

#menupubgauche
{
   float: left; 
   width: 122px; /* Très important : donner une taille en largueur au menu */
}

.element_menupubgauche
{
   background-color: #000000; /* Couleur de fond des menus */   
   border: 1px solid black;  
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre publicités droite -----------*/

#menupubdroite
{
  float: left; 
  width: 122px; 
}

.element_menupubdroite
{
     
   border: 1px solid black;  
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre menu jeux-----------*/

#menujeux
{
   float: left;
   width: 151px; /* Très important : donner une taille en largueur au menu */
}

.element_menujeux
{
   background-image: url("fondcorps/Pool 2.jpg");  
   border: 1px solid black;
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */

.element_menujeux h3 /* Tous les titres de menus */
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menujeux ul /* Toutes les listes à puces se trouvant dans un menu */
{  
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-top: 10px;
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 216px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menujeux a /* Tous les liens se trouvant dans un menu */
{
   color: #FFD700;
   font-weight:bold; /* Tous les liens en gras */
   text-decoration:none;/* Tous les liens: non soulignés */
}

.element_menujeux a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #000000;
   color: white;
}


/*--------- Des corps différents ---------*/

#corps
{
    width: 700px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 0 solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("fondcorps/branche_verte_et_noir.gif");
}  
.element_corps a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #4682B4;
   color: #ffffff;
}

#corpsaffili-boutique
{
   position: absolute;
   left: 122px; 
   width: 738px;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: #ffeebb;
}

#corpsaffiliation
{
   width: 739px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: #ffeebb;
} 

#corps1000
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #000000;
} 

#corpstravaux
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("fondcorps/carte.jpg");
} 

#corpscalendrier
{
    width: 740px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 0 solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}  

#corpstele
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: #DDDDDD;
}  

#corpsrecette
{
    width: 740px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 0 solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
} 

#corpsastrologie
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 1px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 1px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 0 solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("fondcorps/etoilegrande.gif");
}  

#corpshorlogeheure
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("fondcorps/gazon.jpg");
}  

#corpsfondecran
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */  
   background-color: #660000;
}  

#corpsmeteo
{
    width: 739px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
background-image: url("fondcorps/ciel.jpg");
} 

#corpsnewsletter
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
background-image: url("fondcorps/email.jpg");
} 

#corpsvideo
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #ffe4c4;
} 

#corpscouleurs
{
    width: 738px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("fondcorps/couleurs.jpg");
} 

#corpsplan
{
    width: 700px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 0 solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}  

#corpsannuaire
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #ffe4c4;
} 

#corpsactualite
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #ffcc99;
} 

#corpsactualite1
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #330000;
} 

#corpssport
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
   background-color: #669999;
} 

#corpsvideobusiness
{
    width: 985px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 0; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */    
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-image: url("http://www.70ideesdebusiness.com/v/img/pix-main.jpg");
} 

#corpstv
{
    width: 728px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */   
} 

#corpspartenaire
{
    width: 698px; float: left;
   margin-left: 0; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: #E6E6FA;
}


/*--------- Cadre horloge -----------*/

#horloge
{
   position: absolute;
   width: 161px; /* Très important : donner une taille en largueur au menu */
   position: absolute;
   left: 837px;
}

.element_horloge
{
   background-color: #FFE4C4; /* Couleur de fond des menus */      
   border: 6px ridge #FFE4C4;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_horloge a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_horloge a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660033;
   color: white;
}

/*Bouton Météo*/

.bouton1{text-align:center;padding:5px;}
a.bouton1:link{
width:147px;
height:30px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-color:#1C1C1C;
padding:5px;
border-style:outset;
border-width:5px;
border-color:silver}

a.bouton1:visited{
width:147px;
height:30px;
text-decoration:none;
color:white;
text-align:center;
font-weight:bold;
background-color:#1C1C1C;
padding:5px;
border-style:outset;
border-width:5px;
border-color:silver}

a.bouton1:hover{
width:147px;
height:30px;
text-decoration:none;
color:#FF0033;
text-align:center;
font-weight:bold;
background-color:#0000FF;
background-image:url(image/ciel.jpg);
padding:5px;
border-style:inset;
border-width:5px;
border-color:silver}


/*--------- Cadre horloge recette-----------*/

#horlogerecette
{
    float: left;
   width: 100px; /* Très important : donner une taille en largueur au menu */  
}

.element_horlogerecette
{
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre horloge heure -----------*/

#horlogeheure
{
   float: left;
   width: 118px; /* Très important : donner une taille en largueur au menu */
   border: 0 solid black;  
   margin-left: -1em;
}


/*--------- Menu Top Dix -----------*/

#menutopdix
{
   float: left;
   width: 159px; /* Très important : donner une taille en largueur au menu */
   border: 2px solid black;  
}

.element_menutopdix
{
   background-color: #eca; /* Couleur de fond des menus */         
   border: 6px ridge #FF0000;
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menutopdix h3 /* Tous les titres de menus */
{    
   color: #BB0A0A;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menutopdix ol /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 32px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 15 pixels */
   margin: 0; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menutopdix a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_menutopdix a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #CCFF99;
   color: black;
}


/*--------- Cadre radio -----------*/

#radio
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre radio */
   position: absolute;
   left: 837px;  
}

.element_radio
{
   background-color: #9EB6B9; /* Couleur de fond des menus */      
   border: 10px ridge #98E6EF;   
}


/*--------- Cadre Paradis TV -----------*/

#tv
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre radio */
   position: absolute;
   left: 837px;  
}

.element_tv
{
   background-color: #ddffff; /* Couleur de fond des menus */      
   border: 10px ridge #98E6EF;   
}


/*--------- Cadre allo cine -----------*/

#cine
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur a l'autorepondeur */
   position: absolute;
   left: 837px;  
}

.element_cine
{
   background-color: #FFD700; /* Couleur de fond des menus */      
   border: 4px ridge #FFD700;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre saint du jour -----------*/

#saint
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur a l'autorepondeur */
   position: absolute;
   left: 837px;  
}

.element_saint
{
   background-color: #F9F8F5; /* Couleur de fond des menus */      
   border: 4px ridge #98E6EF;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre horoscope -----------*/

#horoscope
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre tele */
   position: absolute;
   left: 837px;  
}

.element_horoscope
{
   background-color: #eca; /* Couleur de fond des menus */      
   border: 6px ridge #FF0000;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_horoscope a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_horoscope a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660033;
   color: white;
}


/*--------- Cadre programe tele -----------*/

#tele
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre tele */
   position: absolute;
   left: 837px;  
}

.element_tele
{
   background-color: #eca; /* Couleur de fond des menus */      
   border: 6px ridge #FF0000;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_tele a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_tele a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #660033;
   color: white;
}


/*--------- Cadre elisee -----------*/

#elisee
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre radio */
   position: absolute;
   left: 837px;  
}

.element_elisee
{
   background-color: #000000; /* Couleur de fond des menus */      
   border: 10px ridge #98E6EF;   
}


/*--------- Menu Partenaires -----------*/

#menupartenaires
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au menu */
   position: absolute;
   left: 837px;  
}

.element_menupartenaires
{
   background-color: #B0906D; /* Couleur de fond des menus */      
   border: 6px ridge #B0906D;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menupartenaires h3 /* Tous les titres de menus */
{    
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menupartenaires ul /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 10 pixels */
   margin: 0; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 20px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menupartenaires a /* Tous les liens se trouvant dans un menu */
{
   color: #660000;
}

.element_menupartenaires a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #000000;
   color: white;
}


/*--------- Cadre club -----------*/

#club
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au cadre radio */
   position: absolute;
   left: 837px;  
}

.element_club
{
   background-color: #9B9A62; /* Couleur de fond des menus */      
   border: 10px ridge #9B9A62;   
}


/*--------- Cadre google -----------*/

#google
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur a l'autorepondeur */
   position: absolute;
   left: 837px;  
}

.element_google
{
   background-color: #F9F8F5; /* Couleur de fond des menus */      
   border: 4px ridge #98E6EF;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre plugboards -----------*/

#plugboards
{
   position: absolute;
   width: 159px; /* Très important : donner une taille en largueur au menu */
   position: absolute;
   left: 837px;  
}

.element_plugboards
{
   background-color: #E6E6FA; /* Couleur de fond des menus */      
   border: 6px ridge #E6E6FA;   
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/*--------- Cadre annonces -----------*/

/*Texte des annonces*/

.Txt_3 
{
   color: #FFFACD;
   font-size: 12px;
   font-weight:600;    /* Tous les liens en gras */
}

.Txt_4 
{
   color: #000000;
   font-size: 12px;
}


/*Cadre des annonces*/

#annonces
{
   float: left;
   width: 122px; /* Très important : donner une taille en largueur au menu */
}

.element_annonces
{ 
   background-color: #FF5100; /* Couleur de fond des menus */         
   margin-bottom: 0; /* Pour éviter que les éléments du menu ne soient trop collés */
   border: 1px solid black;
   padding: 5px; 
}

.element_annonces a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #ffffff;
   color: black;
}



/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
  width: 985px; 
  clear: both; /* Pour éviter que l'élément flottant ne chevauche le pied de page */
   padding: 0;
   text-align: center;
   font-size: 12px;
   color: #626262;
   background-color: #E6E6FA;
   border: 1px solid black;
}

.element_pied_de_page a /* Tous les liens se trouvant dans un menu */
{
   color: #626262;
}

.element_pied_de_page a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #4682B4;
   color: white;
}