a
{
vertical-align: middle;
color: #FF6600;
text-decoration: none;
}
a:hover
{
color: #F26100;
text-decoration: underline;
}

<!--//info bulle-->
a.info{
position:relative;
text-decoration:none;
color:#CCCCCC;
border-bottom:1px gray dotted;
}
a.info span{
display:none;
}
a.info:hover{
background:none;
z-index:500;
}
a.info:hover span{
display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:150px;
   height:150px;
   top: 100px; 
   left: 100px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
   

}
<!--fin info bulle-->
#annonceK
{
	width:368px;
	height:360px;
	float:left;
}

#annonce_2
{
	width:368px;
	height:360px;
	float:left;
	background-color:#FFFFCC;
}
#annonce_3
{
	width:710px;	
	float:left;
	background-color:#FFFFFF;
	margin-top:40px;
}


#annonce_location
{
	width:368px;
	height:400px;
	float:left;
	margin-left:10px;
}
    

 
  #bloc_actualite
 
  {
float: left;
background-color:#FFFFFF;
border-color:#FF6600;
width:200px;
height:100px;
  }
  
  
  
  #barre_bleue
  {
  float: left;
margin-left:15px;
background-image:url(image/barre_480.jpg);
border:thick;
width:530px;
height:35px;
  } 
  
  #bloc_choix_annonces
 
  {
float: left;

margin-left:5px;
background-color:#FFFFFF;
border:thick;
width:300px;
height:150px;
  }
  
 #bloc_formulaire
 
  {
float: left;

margin-left:5px;
background-color:#6699CC;
border:thick;
width:300px;
height:400px;
  } 
  
  #bloc_formulaire_vacances
 
  {
float: left;

margin-left:5px;
background-color:#FFFF00;
border:thick;
width:300px;
height:400px;
  } 
  #bloc_formulaire_gites
 
  {
float: left;

margin-left:5px;
background-color:#33CC00;
border:thick;
width:300px;
height:400px;
  }
  #bloc_jeu
 
  {
float:right;
margin-left:3px;
background-color:#FFFF00;
border:thick;
width:125px;
height:350px;
  }
   #bloc_photo_jour
 
  {
float: left;
margin-left:10px;
width:200px;
height:150px;
font-size:11px;
font-stretch:narrower;
background-color:#FFFFCC;
font-weight:100;


  }
 #bloc_photo_jour_2
 
  {
float: left;
margin-left:10px;
margin-top:10px;

width:200px;
height:150px;
font-size:11px;
font-stretch:narrower;
background-color:#CCCCCC;
font-weight:100;
border:#666666;




  }  
  
  
  #boite
{
float:left;
background-color:#CCCCCC;
width:530px;
text-align:center;
}

body
{
height: 100%;
background-color:#FFFFFF;
font-family: verdana, arial, sans-serif;
font-size:12px;
line-height: 1.6em;
width: 98%;
margin-left:auto;
margin-right:auto;
}

#banniered
{
float:right;
heigt: 55px;
widht: 90px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;


}

#blocmenu{
float:left;
width:150px;
background-color:#FF6600;
margin-top:100px;
color:#FFFFFF;
text-align:left;
}
  .bordure{
 width:15em;
 border-right:5px ;
 }
 

#contenu
{

margin-top:30px;
margin-left:110px;
margin-right:220px;
width:auto;

background-color:#FFFFFF;
}
#contenu_formulaire
{
margin-left:10%;
margin-top:30px;
margin-right:20%;
width:150px;

}

#contenu3
{
margin-left:20%;
margin-top:120px;
}

#contenu_choix
{
margin-left:20%;
margin-top:40px;
width:45%;
}
#contenaire
{
width:498px;
margin-left:20%;
margin-top:30px;
margin-right:20%;
background-color:#FFFFFF;
}
#corps
{

padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
background-color: #FFFFFF;
color: #333333;
margin-left:110px;
margin-right:110px;
list-style-position:inside;
font-size:11px;
font-weight:200;
font-stretch:narrower;
}
#corps_2
{
float: left;
padding-top:100px;
margin-left:350px;
text-align: center;
width:auto;
}
#corps_3
{
float: left;
background-color:#CCCCCC;
padding-top:100px;
margin-left:250px;
text-align: center;
width:auto;
}

#comptage
{
float:right;
background-color:#999999;
}

#connexion
{
margin-left:9px;
margin-bottom:0px;
padding-bottom:0px;
}
   #contenu2{
margin-left:30px;
}
.coordonnees
{
color:#CC0000;
font-size:14px;
text-align:center;
font-weight:bold;
} 
#contact
 {
 float:left;
 margin-left: 0%;
 }
 
 #carte
{margin-top:30px;
}

 .center
{
padding-left:30%;
}


  #diaporama
{
	width:368px;
	height:200px;
	float:left;
	display:inline;
}

.diffuser
{
background-image:url(image/bouton_diffuser _sur_le_net.gif);

}


 #detail
{
float:left;
margin-top:20px;
margin-left:3px;
margin-right:0px;
padding-right:0px;
width:65%;
}

#explain
{
float:right;
}


em
{font-style:normal;
background-color:#FFCC00;
}

#exterieurg
{
float:left;
margin-top:20px;
margin-left:0;

}
#exterieurd
{
float:left;
margin-top:20px;
padding-left:20px;
color:#000000;


}
#exterieurp
{
float:left;
margin-top:20px;
padding-left:10px;
}
#en_tete h1{
font-size:24px;
color: #727272;
}

#en_tete
{
width: 100%;
height: 60px;
border: 0px;
font-size:11px;
font-weight:200;
font-stretch:narrower;
}


#formulaire
{
width:300px;
height:230px;
background-color:#7E96A0;
}
#formulaire_recherche
{
width:200px;
height:320px;

margin-left:40px;
padding-right:5px;
margin-top:2px;

}
#fond_formulaire
{
width:250px;
height:100px;
margin-top:0px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding-top:0px;
}
#fond_menu
{
width:100%;
height:5px;
background-color:#000000;


}


#global {
width:950px;
background-color:#FFFFFF;
}
#gratuit
{

width:100%;
height:23px;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
background-color:#00CC00;
margin-top: 600px; 
margin-bottom: 2px; 

}


h1
{
color:#FFCC33;
font-size:18px;
font-weight:bold;

}


h2{font-size:18px;
color:#FF6600;
font-style:italic;
font-weight:bold;
}
h3
{
font-size:18px;
font-weight:bold;
color:#000000;
}

h4
{
font-size:18px;
font-weight:bold;
color:#CC0000;
}
h5
{
font-size:14px;
font-weight:bold;
color:#003366;
}
h6
{
font-size:18px;
font-weight:bold;
color:#003366;
}
h7
{
font-size:24px;
font-weight:100;
color:#990000;
}
h8
{
color:#FF00FF;
font-size:16px;
font-weight:bold;

}
p{
color:#666666;

font-size:11px;
font-style:normal;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:1em 1em 1em 1em;
}


html{

height: 100%;
}

#immo
{
color: #FF8040;
}

.imageflottanteg
{
float: left;
padding-right: 5px;
}

.imageflottanted
{
float: right;
padding-right:2px;
margin-left:2px;
}
input[type=image]
{
text-align:center;

value:rechercher ;
}
input[type=submit]
{
background-image:url('../image/submit.png');
}
input[type=submit2]
{
background-image:url('../image/submit2.png');
}
input[type=submit3]
{
background-image:url('../image/rechercher.gif');
}

input[type=image]
{background-image:url('../image/bouton_bleu_recalculer.jpg');
}
img
{
border: 0px;
}
#info
{
float:left;
margin-top:100px;
padding-left:17px;
}

#info_vendeur
{
font-style:normal;
margin-top:80px;
margin-left:100px;
margin-right:200px;
}

#img_prog
 {margin-left:10px;
 margin-top:50px;
 }   

 #img2_prog
 {margin-left:10px;
 margin-top:50px;
  }
#image_retour
{
float:left;
margin-top:20px;
}
#image_info
{
float:left;
margin-left:100px;
margin-top:20px;
}
#jeu
  {
float: right;
margin-left:10px;
background-color:#FF6600;
border:thick;
width:100px;
height:40px;
  }
  
  .labaraqua
  {background-color:#FFFFCC;  
  }
  #localisation
{
margin-top: 50px;
margin-left:200px;
}
#mention
{
margin-top:50px;
margin-left:20%;
max-width:50%;
}
/* Menu horizontal */

#menuh
{
background-image:url(php/images/menuh.png);
margin-top: 10px;
font-weight: 700;
height: 25px;

text-align: center;
}
#menu form.champ
{
width:6em;
}


/* Le menu de gauche */


#menugblanc
{
min-height: 100%;
width: 13%;
background-color:#FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
#menug
{
min-height: 100%;
width: 110px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menugo
{
height:1200px;
width: 110px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menugto
{
height:2300px;
width: 110px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menug2to
{
height:3000px;
width: 110px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menug2
{
height:400px;
width: 110px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menugu
{
height:1000px;
width: 13%;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}

#menugo a
{
color:#FFFFFF;
}
#menugu a
{
color:#0000FF;
}
#menug a
{
color: #FFFFFF;
}

#menugindex a
{
color:#004080;
}
#menudindex a
{
color:#004080;
}
#menudo a
{
color: #0000FF;
}
#menudu a
{
color: #0000FF;
}
/* Le menu de droite*/
#menud
{
width: 220px;
min-height: 100%;
background-color: #FF6600;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menudo
{
width: 220px;
height: 1200px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}
#menugindex
{
width: 110px;
height: 650px;
background-color:#FFFFFF;
text-align:center;
color:#003399
font-size: 12px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;

}

#menudindex
{
width: 110px;
height: 650px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;
}

#menudto
{
width: 220px;
height: 2300px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;

}
#menud2to
{
width: 220px;
height: 3000px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;

}
#menudu
{
width: 13%;
height: 1000px;
background-color: #FFFFFF;
text-align:center;
color: #003399;
font-size: 12px;
float: right;
padding-top: 10px;
padding-bottom: 10px;
border-width: 1px 1px 1px 1px;
border-color:#cecece #cecece #cecece;
border-style:solid;

}
#menud a
{
color:#FFFFFF;
}
/*menu boutons*/
ul#menux {
margin:0;
padding:0;
font:  1em Georgia, Times, serif;
list-style-image:url(image/pic_fleche01.jpg);
list-style-position:inside;
}

ul#menugo {
margin:0;
padding:0;
font:  1em Georgia, Times, serif;
list-style-type:none;
list-style-position:inside;
}
#menugo a {
display:block;
margin:5px 0;
color:#666666;
text-decoration:none;
line-height: 15px;
width:120px;
border:1px solid black;
background:#CCCCCC;
text-align:center;
border-width: 1px 2px 2px 1px;
border-color:#cecece #4a4a4a #cecece;
border-style:solid;
}
#menugo a:hover,#menub a:focus{
border-width:2px 1px 1px 2px;
border-color:#4a4a4a #cecece #4a4a4a ;
}

#menux a {
display:block;
margin:5px 0;
color:#333333;
text-decoration:none;
line-height: 25px;
width:300px;
border:1px solid black;
background:#FFFFFF;
text-align:left;
border-width: 1px 2px 2px 1px;
border-color:#cecece #4a4a4a #cecece;
border-style:solid;
}
#menux a:hover,#menub a:focus{
border-width:2px 1px 1px 2px;
border-color:#4a4a4a #cecece #4a4a4a ;

}

#menugx a {
display:block;
margin:1px 0;
color:#333333;
text-decoration:none;
line-height: 25px;
width:90px;
border:1px solid black;
background:#FFFFFF;
text-align:left;
border-width: 0px 0px 0px 0px;
border-color:#cecece #4a4a4a #cecece;
border-style:solid;
}
#menugx a:hover,#menub a:focus{
border-width:2px 1px 1px 2px;
border-color:#4a4a4a #cecece #4a4a4a ;

}

ul#menugx {
margin:0;
padding:0;
font:  1em Georgia, Times, serif;
list-style-image:url(image/pic_fleche01.jpg);
list-style-position:inside;
}

<!--menu deroulant  i -->
#menui, #menui ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 30px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menui /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		text-align : center;
}
#menui a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background:#FF0000; /* couleur de fond */        
        color:#FFFFFF /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 129px; /* largeur */
}
#menui li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menui li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menui li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 129px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menui li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menui li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menui li ul ul 
{
        margin    : -22px 0 0 129px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menui li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}



#menui a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}
 1
 2
 3
 4
 5
 6
 7
 8
 9
10

	

#menui li:hover ul ul, #menui li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menui li:hover ul, #menui li li:hover ul, #menui li.sfhover ul, #menui 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 */
        min-height: 0; /* Corrige un bug sous IE */
}
<!----fin du menu deroulant i-->

#modele
{
float:right;
}

  #negocier
{

float:left;
margin-top:170px;
margin-left:12px;
}

#negocier_reponse
{
float:left;
width:40%;
margin-left:200px;
}


  
  #particulier
{
width:70%;
height:23px;
color:#FFFFFF;
text-align:left;
background-color:#FF0000;
margin-top:20px;
padding-left:5px;
margin-left:10px;
}
 #photo
{
float: left;
margin-top:30px;
  }  
  #photo2
{
float: left;
margin-top:10px;
  }
  #photo_jour
  {
float: left;
margin-left:10px;
background-color:#FF6600;
border:thick;
width:200px;
height:20px;
  }  
  #photo_jour2
  {
float: left;
margin-left:0px;
background-color:#FF6600;

width:250px;
height:20px; 
 }  
  #photo_jour3
  {
float: left;
margin-left:10px;
background-color:#FFFF00;

width:200px;
height:40px;
  }
  #photo_jour3 a
  {
  color:#0033CC;
  }
   
#photo_legend
{
 float: left;
 margin-top:150px;
 margin-left:15px;
 }
 
 #pied_de_page
{
clear: both;
text-align: center;
vertical-align: middle;
background-image: url('../image/menuh.png');
margin-bottom: 0px;
color: #333333;
height: 25px;
font-size:11px;
font-weight:200;
font-stretch:narrower;
}
#plugoo
 {
 float:left;
 padding-top:120px;
 padding-left:20px;
 }
#proprietaire
{

float:left;
margin-top:20px;
margin-left:2px;

}
#requete6
{
margin-left:120px;
margin-right:50px;
}

#requete7
{
margin-left:200px;

width:530px;
}
#retour
{float:left;
}

#right
{
float:right;
margin-right:10px;
margin-left:80px;
padding-right:5px;
width:150px;
}
.separation
{ 
height: 1px; 
background-color: #999999;
margin-top: 2px; 
margin-bottom: 2px; 
}

#texte
{
float:left;
width:40%;
height:650px;
margin-top:30px;
margin-left:5px;
font-size:11px;
font-weight:200;
font-stretch:narrower;
}

.gras
{
font-weight:bold
}




<!--couleurs-->
.rouge
{
font-size:16px;
color:#FF0000;
font-weight:bold;
}
.rougec
{
color:#FF0000;
font-weight:bold;
}
.bleuf
 {
 color:#003399;
 font-weight:bold;
}

.bleu
{color:#0000FF;

}
.bleu_gris
{color:#6699CC;

}
.bleuL
{color:#0099FF;
font-weight:bold;
font-size:14px;
}
.gris
{color:#CCCCCC;
font-weight:bold;
font-size:14px;
}
.grispetit
{color:#CCCCCC;
font-weight:bold;
font-size:10px;
}
.grisf
{color:#666666;
font-weight:bold;
font-size:12px;
}

<!--fin couleur-->





proprietes de chaque coin
#hautgauche
{
background-image:url(image/hautgauche.png);
}
#hautdroit
{
float:right;
background-image:url(image/hautdroit.png);
}
#basgauche
{
background-image:url(image/basgauche.png);
}
#basdroit
{
float:right;
background-image:url(image/basdroit.png);
}
propriete communes aux quatre coins
#hautgauche,#hautdroit,#basgauche,#basdroit{
height: 30px;   width:30px;
background-repeat:no-repeat;
font-size:1px;
}

div#cadre {
width:500px;
padding-top:30px;
background:url(image/cadre_haut.jpg) left top no-repeat ;
margin-left:30px;
}

div#cadre_gris {
width:500px;
padding-top:30px;
background:url(image/haut_gris.jpg) left top no-repeat ;

}
div#bloccadre_gris{
width:500px;
background:url(image/bas_gris.jpg) left bottom no-repeat;
padding-bottom:30px;
}
div#bloccadre{
background:url(image/cadre_bas.jpg) left bottom no-repeat;
padding-bottom:30px;
}

div#bloccadre p {
margin:0 20px 0 15px;
}

div#cadre_orange {
width:500px;
padding-top:7px;
background:url(image/haut_orange.jpg) left top no-repeat ;
margin-left:30px;
}
div#bloccadre_orange{
background:url(image/orange_bas.jpg) left bottom no-repeat;
padding-bottom:7px;

}
div#bloccadre_orange p {
margin:0 20px 0 15px;
}





<!--menu deroulant-->
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		text-align : center;
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 129px; /* largeur */
}
#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 129px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 129px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}



#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}
 1
 2
 3
 4
 5
 6
 7
 8
 9
10

	

#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; /* 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 */
        min-height: 0; /* Corrige un bug sous IE */
}






 .video
  {
	position:absolute;
	left: 4px;
	top: 907px;
	margin-left:315px;
	margin-top:280px;
	width: 247px;
  }
  #videoplayback
  {
  float: right;
  padding-right:10px;
margin-left:2px;
font-size:11px;
font-stretch:narrower;
background-color:#FFFFCC;
font-weight:100;

  }
  #video_comment
  {
  float:right;
  padding-right:280px;
margin-left:2px;  
  }