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;
		padding: 10px 30px; }
/* 11/09/2019 - bloc pour la page Suresnesaccueil.htm (festival 2018*/		
#contenuSuresnes2018 { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20180522au26-Flyer-600-607OPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }
		
/* 12/06/2019 - bloc pour la page Suresnes2019accueil.htm */		
#contenuSuresnes2019 { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20190604au08-Affiche-OPA97.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }

/* 02/05/2019 - bloc pour la page 9emeEBChallenge.htm */		
#contenu9emeEBC { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20190406-203614-IMG_3414-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }			

/* 30/11/2018 - bloc pour la page index.htm */		
#contenuACCUEIL { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20170625-IMG_1001-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }
		
/* 30/11/2018 - bloc pour la page AccueilAuto.html */		
#contenuAUTO { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20180907-IMG_9859-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }	

/* 17/12/2018 - bloc pour la page EBC2018.htm */		
#contenuEBC2018 { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20180911au15-FlyerOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }
		
/* 11/09/2019 - bloc pour la page BAYCAR2018.htm */
#contenuBAYCAR2018 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20181102et03-Flyer-970-516OPA2.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 13/11/2021 - bloc pour la page BAYCAR2021.htm */
#contenuBAYCAR2021 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20211105et06-Flyer-516-OPA5.JPG');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 09/11/2022 - bloc pour la page BAYCAR2022.htm */
#contenuBAYCAR2022 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20221104et05-Flyer-516-OPA 95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 08/05/2023 - bloc pour la page BeautifulSwampBlues2023.htm */
#contenuBEAUTIFULSWAMP2023 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20230427-29-Flyer-516-OPA 95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 06/12/2023 - bloc pour la page MontfortBluesFestival2023.htm */
#contenuMONTFORTBLUEFESTIVAL2023 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20231117et18-MONTFORT BLUES FESTIVAL-OPA95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 30/04/2024 - bloc pour la page BeautifulSwampBlues2024.htm */
#contenuBEAUTIFULSWAMP2024 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20240418-21-Flyer-516-OPA95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 02/05/2025 - bloc pour la page BeautifulSwampBlues2025.htm */
#contenuBEAUTIFULSWAMP2025 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20250424au26-Flyer-516-OPA95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 19/07/2025 - bloc pour la page 20250710au12-CahorsBluesFestival.htm */
#contenuCAHORS2025 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20250710au12-Cahors Blues Festival-OPA95-516.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }

/* 02/05/2026 - bloc pour la page BeautifulSwampBlues2026.htm */
#contenuBEAUTIFULSWAMP2026 { width: 1290px; float: left;
background-color: black; height: 655px;
background-image: url('FONDdePAGE/20260424au26-Flyer-OPA95.jpg');
background-repeat: no-repeat;
background-position:center center;
padding: 10px 30px; }
		
/* 30/11/2018 - bloc pour la page Accueilharley.html */		
#contenuHARLEY { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20130703-IMG_1649-1000OPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }		

/* 30/11/2018 - bloc pour la page AccueilMoto.html */			
#contenuMOTO { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20081019-IMG_3379-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }

/* 30/11/2018 - bloc pour la page AccueilMusique.html */	
#contenuMUZIK { width: 1290px; float: left;height: 655px;
		background-color: black; 
		background-image: url('FONDdePAGE/20081125-IMG_3639-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }	
		
/* 30/11/2018 - bloc pour la page AccueilPresse.html */
#contenuPRESSE { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/Montage-accreditions fonds NOIR-OPA1-830p.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }	

/* 30/11/2018 - bloc pour la page AccueilSreetArt.html */		
#contenuSTREET { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20161124-IMG_5515-1000pOPA5.jpg');
		background-repeat: no-repeat;
		background-position:center center;
		padding: 10px 30px; }	

/* 30/11/2018 - bloc pour la page AccueilVieillesMotos.html */				
#contenuVIEILLES { width: 1290px; float: left;
		background-color: black; height: 655px;
		background-image: url('FONDdePAGE/20130703-IMG_1646-1000OPA5.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;
        background-color: #FFFFFF; }
		
#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;
		/* Color : white est la couleur du texte */
		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 Blues sur Suresnes 2018 - page index.htm*/

#contenuSuresnes2018 a:link
{
	color: #FFFFFF; 
	text-decoration: none;
}
#contenuSuresnes2018  a:visited
{
	color: #FFFFFF; 
} 
#contenuSuresnes2018  a:hover
{
	color: #FFFFFF; 
} 

#contenuSuresnes2018  a:active 
{
	color: #FFFFFF;
}


#contenuSuresnes2018
{   overflow: auto; 
	display: bloc; 
	}	
		
	
/* Details pour le contenu Blues sur Suresnes 2019 - page index.htm*/

#contenuSuresnes2019 a:link
{
	color: #FFFFFF; 
	text-decoration: none;
}
#contenuSuresnes2019  a:visited
{
	color: #FFFFFF; 
} 
#contenuSuresnes2019  a:hover
{
	color: #FFFFFF; 
} 

#contenuSuresnes2019  a:active 
{
	color: #FFFFFF;
}


#contenuSuresnes2019
{   overflow: auto; 
	display: bloc; 
	}	
	
	
	
/* Details pour le contenu 9eme EBChallenge - page index.htm*/

#contenu9emeEBC a:link
{
	color: #FFFFFF; 
	text-decoration: none;
}
#contenu9emeEBC  a:visited
{
	color: #FFFFFF; 
} 
#contenu9emeEBC  a:hover
{
	color: #FFFFFF; 
} 

#contenu9emeEBC  a:active 
{
	color: #FFFFFF;
}


#contenu9emeEBC
{   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 contenu AUTO*/

#contenuAUTO a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuAUTO  a:visited
{
	color: #FFFFFF; 
} 
#contenuAUTO  a:hover
{
	color: #FFFFFF; 
} 

#contenuAUTO  a:active 
{
	color: #FFFFFF;
}

#contenuAUTO 
{   overflow: auto; 
	display: bloc; 
	}	
	
/* Details pour le contenu EBC2018*/

#contenuEBC2018 a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuEBC2018  a:visited
{
	color: #FFFFFF; 
} 
#contenuEBC2018  a:hover
{
	color: #FFFFFF; 
} 

#contenuEBC2018  a:active 
{
	color: #FFFFFF;
}

#contenuEBC2018 
{   overflow: auto; 
	display: bloc; 	
}	
/* Details pour le contenu BAY CAR BLUES 2018*/
#contenuBAYCAR2018 a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuBAYCAR2018  a:visited
{
	color: #FFFFFF; 
} 
#contenuBAYCAR2018  a:hover
{
	color: #FFFFFF; 
} 

#contenuBAYCAR2018  a:active 
{
	color: #FFFFFF;
}

#contenuBAYCAR2018 
{   overflow: auto; 
	display: bloc; 	
}	
/* Details pour le contenu BAY CAR BLUES 2021*/
#contenuBAYCAR2021 a:link
{
	color: #00FFFF; 
/* JMP 13/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 13/11/2021 - Fin changement */	
}
#contenuBAYCAR2021  a:visited
{
	color: #FFFFFF; 
} 
#contenuBAYCAR2021  a:hover
{
	color: #FFFFFF; 
} 

#contenuBAYCAR2021  a:active 
{
	color: #FFFFFF;
}

#contenuBAYCAR2021 
{   overflow: auto; 
	display: bloc; 	
}		
/* Details pour le contenu BAY CAR BLUES 2022*/
#contenuBAYCAR2022 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuBAYCAR2022  a:visited
{
	color: #FFFFFF; 
} 
#contenuBAYCAR2022  a:hover
{
	color: #FFFFFF; 
} 

#contenuBAYCAR2022  a:active 
{
	color: #FFFFFF;
}

#contenuBAYCAR2022 
{   overflow: auto; 
	display: bloc; 	
}

/* Details pour le contenu BEAUTIFUL SWAMP BLUES FESTIVAL 2023*/
#contenuBEAUTIFULSWAMP2023 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuBEAUTIFULSWAMP2023  a:visited
{
	color: #FFFFFF; 
} 
#contenuBEAUTIFULSWAMP2023  a:hover
{
	color: #FFFFFF; 
} 

#contenuBEAUTIFULSWAMP2023  a:active 
{
	color: #FFFFFF;
}

#contenuBEAUTIFULSWAMP2023 
{   overflow: auto; 
	display: bloc; 	
}		

/* Details pour le contenu MONTFORT BLUES FESTIVAL 2023*/
#contenuMONTFORTBLUEFESTIVAL2023 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuMONTFORTBLUEFESTIVAL2023  a:visited
{
	color: #FFFFFF; 
} 
#contenuMONTFORTBLUEFESTIVAL2023  a:hover
{
	color: #FFFFFF; 
} 

#contenuMONTFORTBLUEFESTIVAL2023  a:active 
{
	color: #FFFFFF;
}

#contenuMONTFORTBLUEFESTIVAL2023 
{   overflow: auto; 
	display: bloc; 	
}		

/* Details pour le contenu BEAUTIFUL SWAMP BLUES FESTIVAL 2024*/
#contenuBEAUTIFULSWAMP2024 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuBEAUTIFULSWAMP2024  a:visited
{
	color: #FFFFFF; 
} 
#contenuBEAUTIFULSWAMP2024  a:hover
{
	color: #FFFFFF; 
} 

#contenuBEAUTIFULSWAMP2024  a:active 
{
	color: #FFFFFF;
}

#contenuBEAUTIFULSWAMP2024 
{   overflow: auto; 
	display: bloc; 	
}		

/* Details pour le contenu BEAUTIFUL SWAMP BLUES FESTIVAL 2025*/
#contenuBEAUTIFULSWAMP2025 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuBEAUTIFULSWAMP2025  a:visited
{
	color: #FFFFFF; 
} 
#contenuBEAUTIFULSWAMP2025  a:hover
{
	color: #FFFFFF; 
} 

#contenuBEAUTIFULSWAMP2025  a:active 
{
	color: #FFFFFF;
}

#contenuBEAUTIFULSWAMP2025 
{   overflow: auto; 
	display: bloc; 	
}		

/* Details pour le contenu CAHORS BLUES FESTIVAL 2025*/
#contenuCAHORS2025 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuCAHORS2025  a:visited
{
	color: #FFFFFF; 
} 
#contenuCAHORS2025  a:hover
{
	color: #FFFFFF; 
} 

#contenuCAHORS2025  a:active 
{
	color: #FFFFFF;
}

#contenuCAHORS2025 
{   overflow: auto; 
	display: bloc; 	
}		

/* Details pour le contenu BEAUTIFUL SWAMP BLUES FESTIVAL 2026*/
#contenuBEAUTIFULSWAMP2026 a:link
{
	color: #00FFFF; 
/* JMP 09/11/2021 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 09/11/2021 - Fin changement */	
}
#contenuBEAUTIFULSWAMP2026  a:visited
{
	color: #FFFFFF; 
} 
#contenuBEAUTIFULSWAMP2026  a:hover
{
	color: #FFFFFF; 
} 

#contenuBEAUTIFULSWAMP2026  a:active 
{
	color: #FFFFFF;
}

#contenuBEAUTIFULSWAMP2026 
{   overflow: auto; 
	display: bloc; 	
}		


/* Details pour le contenu HARLEY*/
#contenuHARLEY a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuHARLEY  a:visited
{
	color: #FFFFFF; 
} 
#contenuHARLEY  a:hover
{
	color: #FFFFFF; 
} 

#contenuHARLEY  a:active 
{
	color: #FFFFFF;
}

#contenuHARLEY 
{   overflow: auto; 
	display: bloc; 
	}	
/* Details pour le contenu MOTO*/

#contenuMOTO a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: underline;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuMOTO  a:visited
{
	color: #FFFFFF; 
} 
#contenuMOTO  a:hover
{
	color: #FFFFFF; 
} 

#contenuMOTO  a:active 
{
	color: #FFFFFF;
}


#contenuMOTO 
{   overflow: auto; 
	display: bloc; 
	}	

/* Details pour le contenu MUZIK*/

#contenuMUZIK a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuMUZIK  a:visited
{
	color: #FFFFFF; 
} 
#contenuMUZIK  a:hover
{
	color: #FFFFFF; 
} 

#contenuMUZIK  a:active 
{
	color: #FFFFFF;
}


#contenuMUZIK 
{   overflow: auto; 
	display: bloc; 
	}	

/* Details pour le contenu PRESSE*/

#contenuPRESSE a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuPRESSE  a:visited
{
	color: #FFFFFF; 
} 
#contenuPRESSE  a:hover
{
	color: #FFFFFF; 
} 

#contenuPRESSE  a:active 
{
	color: #FFFFFF;
}


#contenuPRESSE 
{   overflow: auto; 
	display: bloc; 
	}	

/* Details pour le contenu STREET*/

#contenuSTREET a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuSTREET  a:visited
{
	color: #FFFFFF; 
} 
#contenuSTREET  a:hover
{
	color: #FFFFFF; 
} 

#contenuSTREET  a:active 
{
	color: #FFFFFF;
}


#contenuSTREET 
{   overflow: auto; 
	display: bloc; 
	}	

/* Details pour le contenu VIEILLES*/

#contenuVIEILLES a:link
{
	color: #00FFFF; 
/* JMP 19/11/2018 - Début changement de text-decoration: underline en text-decoration: none */	
	text-decoration: none;
/* JMP 19/11/2018 - Fin changement */	
}
#contenuVIEILLES  a:visited
{
	color: #FFFFFF; 
} 
#contenuVIEILLES  a:hover
{
	color: #FFFFFF; 
} 

#contenuVIEILLES  a:active 
{
	color: #FFFFFF;
}


#contenuVIEILLES 
{   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; }


