body, div, ul  { margin: 0; padding: 0; }

body { background-color: #909897;
	font: 16px Garamond, Times, sans-serif; }

#global { margin: 0 auto; width: 1500px;
		background-image: url(HK-global.jpg); }
		
#entete { height: 60px; padding: 10px;
		background-color: black; 
		margin-top: 20px;
		margin-bottom: 5px;}

#entete h1 { margin: 3px 30px; color: white;
		font-size: 36px; font-weight: normal;
		font-family: Monotype Corsiva; text-align: center;}
		
#blocmenu { width: 150px; float: left; }
		
#contenu { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20240830-0901-RDV ERDRE-600-OPA98.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }
		
		
#avantpied { clear: both; height: 5px;
		background-color: #909897; }

		
#pied { 	clear: both; height: 85px;
		padding: 5px 5px 5px 20px;
		background-color: black; }

p#decalage { text-indent: 30px;}

p#decalage2{ text-indent: 60px;}

li#decalage { text-indent: 50px;}

li#decalage2 { text-indent: 60px;}

ul#puce { list-style-position: inside; }

#menu-noir li {list-style-type: none;
        background-color: #000000;
        display: block; width: 130px; height: 140px;
		background-image: url(RnBnB-bouton-noir-200.jpg);
		padding: 5px 10px;		}
	
/* Details pour le menu de navigation */

#menu li {list-style-type: none; }
		
#menu li a, #menu li a:visited {
		display: block; width: 130px; height: 65px;
		background-image: url(RnBnB-bouton.jpg);
		padding: 5px 10px;
		font-family: Arial Black, Arial, sans-serif;
		font-size : 15px; font-weight: bold;
		text-decoration: none; color: white; }

#menu li a:hover {
		background-image: url(RnBnB-bouton-actif-opa55.jpg);
		color: #ee162d;}
/* Details pour le contenu */

#contenu a:link
{
	color: #FFFFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenu  a:visited
{
	color: #FFFFFF; 
} 
#contenu  a:hover
{
	color: #FFFFFF; 
} 

#contenu  a:active 
{
	color: #FFFFFF;
}


#contenu 
{   overflow: auto; 
	display: bloc; 
	}
		
/* Details pour le contenu ACCUEIL - page index.htm*/

#contenuACCUEIL a:link
{
	color: #FFFFFF; 
	text-decoration: underline;
}
#contenuACCUEIL  a:visited
{
	color: #FFFFFF; 
} 
#contenuACCUEIL  a:hover
{
	color: #FFFFFF; 
} 

#contenuACCUEIL  a:active 
{
	color: #FFFFFF;
}


#contenuACCUEIL 
{   overflow: auto; 
	display: bloc; 
	}
	
	
/* Details pour le pied de page */

#pied a:link
{
	color: #FFFFFF; 
	text-decoration: underline;
}
#pied  a:visited
{
	color: #FFFFFF; 
} 
#pied  a:hover
{
	color: #FFFFFF; 
} 

#pied  a:active 
{
	color: #FFFFFF;
}
            		
		
/* Contenu de la page */		

h1 { font-family: "Arial-Black", Arial, sans-serif;
		color: #ee162d;}


h2 { font-family: Arial, sans-serif; color: #f8933c;}

h3 { font-size: 26px; font-family: Monotype Corsiva; color: #FFFFFF;}

h4 { margin-left: 20px; font-size: 18px; font-family: Monotype Corsiva; font-weight: normal; color: #FFFFFF;}

p { margin-left: 20px; font-size: 22px; font-family: Monotype Corsiva; color: #FFFFFF;}

li { font-size: 22px; font-family: Monotype Corsiva; color: #FFFFFF;}

/* JMP 03/12/2018 Début ajout du positionnement de la puce dans une liste - */

ul { list-style-position: inside; }

/* JMP 03/12/2018 Fin ajout du positionnement de la puce dans une liste - */

.underline {
  text-decoration: underline;
}

/* Classes pour l'alignement */		

.droite { float: right; margin-left: 10px; }
.gauche { float: left; margin-right: 10px; }