body 
{	
	margin: 0 auto;
    padding: 0px;
	
	max-width: 100%;

	background: #999;

}
			
/* -- HAUT COURS -- */	
			
			#haut	
			{	
				margin: auto;
				max-width: 1500px;
				padding: 10px;		
				border-bottom: 2px solid #ccf;
				border-right: 2px solid #000;									
				background-color: #333;				
				box-shadow: 5px 5px 5px #999;		
			}	
			
			.souslogo
			{				
				font-family: arial, helvetica, sans-serif;
				font-size: 16px;
				color:  #ccc;
				text-decoration: none;
				font-style: italic;
				font-weight: normal;
				padding: 5px;
				border: 1px solid #333;
			}	
			
			.souslogo:hover
			{				
				font-family: arial, helvetica, sans-serif;
				font-size: 16px;
				color:  #c9c;
				text-decoration: none;
				font-style: italic;
				font-weight: normal;
				padding: 5px;
				border: 1px solid #c9c;
			}	
			
			.souslogofixe
			{				
				font-family: arial, helvetica, sans-serif;
				font-size: 16px;
				color:  #ccc;
				text-decoration: none;
				font-style: italic;
				font-weight: normal;
				padding: 5px;
				border: 1px solid #333;
			}
			
			.page
			{				
				font-family: arial, helvetica, sans-serif;
				font-size: 18px;
				color:  #eec600;
				text-decoration: none;
				font-style: none;
				font-weight: normal;
			}	
					
			.titresmp
			{
				display: block;
				max-width: 300px;
				padding: 5px;
				font-family: arial, helvetica, sans-serif;	
				font-size: 20px;
				color:  #393;	
				text-decoration: none;
				font-style: normal;	
				border: 1px solid #393;
			}
			

/* -- CORPS -- */	
		
			#corps
			{		
				margin: auto;
				max-width: 700px;	
				min-width: 320px;				
				background-color: #fff;		
				box-shadow: 5px 5px 5px #666;	
			}
			
			.titrecorps
			{
				font-family: arial, helvetica, sans-serif;
				font-size: 25px;
				color:  #933;
				text-decoration: none;
				font-style: normal;
				font-weight: none;	
			}		
			
			.remisila2024
			{
				font-family: verdana, arial;
				font-size: 12px;
				color:  #666;
				text-decoration: none;
				font-style: none;
				font-weight: normal;
			}

/* -- LARGEUR LOGO IMAGE -- */			

			.largelogo
			{
				max-width: 500px;
			}	
			
			.logoover 
			{
				display: block;
				border: 1px solid #fff;
				padding-top: 30px;
				padding-bottom: 30px;
			}

			.logoover:hover 
			{
				max-width: 500px;
				border: 1px solid #000;
				background-color: #66996655;
			}		
			
/* -- NAVIG -- */		

			.cadretexte
			{
				display: block;
				width: auto;
				padding-left: 40px;		
				padding-right: 40px;		
				font-family: arial, helvetica, sans-serif;
				font-size: 16px;
				color:  #666;
				text-decoration: none;
				font-style: none;
				font-weight: normal;
			}
				
			.boutonmenu 
			{
				display: block;
				padding-top: 8px;
				padding-bottom: 8px;
				margin: auto;
				max-width: 340px;
				font-family: arial, helvetica, sans-serif;
				font-size: 20px;
				color:  #000;
				text-align: center;
				background-color: #c99;
				text-decoration: none;
				font-style: italic;
				border: 1px solid #000;		
				border-radius: 0px;				
				box-shadow: 5px 5px 5px #999;	
			}
			
			.boutonmenu:hover
			{
				background-color: #886;
				color:  #000;
			}	
				
			.boutonretourjw
			{
				display: block;
				padding-top: 8px;
				padding-bottom: 8px;
				margin: auto;
				max-width: 340px;
				font-family: arial, helvetica, sans-serif;
				font-size: 20px;
				color:  #000;
				text-align: center;
				background-color: #abc;
				text-decoration: none;
				font-style: italic;
				border: 1px solid #000;		
				border-radius: 0px;				
				box-shadow: 5px 5px 5px #999;	
			}
			
			.boutonretourjw:hover
			{
				background-color: #abc;
				color:  #fff;
			}	
				
			.boutonmenuselect
			{
				display: block;
				padding-top: 8px;
				padding-bottom: 8px;
				margin: auto;
				max-width: 340px;
				font-family: arial, helvetica, sans-serif;
				font-size: 20px;
				color:  #fff;
				text-align: center;
				background-color: #900;
				text-decoration: none;
				font-style: italic;
				border: 1px solid #000;		
				border-radius: 0px;				
				box-shadow: 5px 5px 5px #999;	
			}	
				
			.savoirplus 
			{
				display: block;
				padding-top: 8px;
				padding-bottom: 8px;
				margin: auto;
				width: 360px;
				font-family: arial, helvetica, sans-serif;
				font-size: 20px;
				color:  #000;
				text-align: center;
				background-color: #9cc;
				text-decoration: none;
				font-style: italic;
				border: 1px solid #000;		
				border-radius: 0px;				
				box-shadow: 5px 5px 5px #999;	
			}
			
			.savoirplus:hover
			{
				background-color: #9aa;
				color:  #000;
			}			
			
/* -- REMISILA 2021 -- */				
			
			.remisila2021
			{
				font-family: arial, helvetica, sans-serif;
				font-size: 10px;
				color:  #77c;
				text-decoration: none;
				font-style: italic;
				font-weight: normal;
			}				
	
			
	/* -- AUDIO -- */	

			#player 
			{
				max-width: 300px;
				padding: 2px;
				background: #070;
				border-radius: 5px;		
				box-shadow: 5px 5px 5px #999;	
			} 
			
			#playlist 
			{	
				display: block;
				font-family: arial, helvetica, sans-serif;
				font-size: 22px;
				list-style: none;	
				text-decoration: none;
				color: #933;
				
				padding-top: 8px;	
				padding-bottom: 8px;
				padding-left: 25px;	
				padding-right: 25px;
				
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
			}
			
			#playlist li:nth-child(even) 
			{
				padding-top: 8px;	
				padding-bottom: 8px;
			}
			
			#playlist li:nth-child(odd) 
			{
				padding-top: 8px;	
				padding-bottom: 8px;
			} 	  
			
			#playlist li a
			{
				text-decoration: none;
				color: #933;
			}		
			
			#playlist li a:hover 
			{
				color: #070;
				text-decoration: none;
				
				background: #eee;
				
				padding-top: 8px;	
				padding-bottom: 8px;
				padding-left: 25px;	
				padding-right: 25px;
				
				border-right: 1px solid #777;
				border-bottom: 1px solid #777;
				border-top: 1px solid #777;
				border-left: 1px solid #777;
			}	
			
	/* -- VIDEO -- */		

			#playervid
			{
				max-width: 300px;
				padding: 0px;
				background: #000;	
				
				border-radius: 5px;			
				box-shadow: 5px 5px 10px #bbb;
			} 
			
			#playlistvid  
			{	
				display: block;
				font-family: arial, helvetica, sans-serif;
				font-size: 22px;
				list-style: none;	
				text-decoration: none;
				color: #933;
				
				padding-top: 8px;	
				padding-bottom: 8px;
				padding-left: 25px;	
				padding-right: 25px;
				
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
			}
			
			#playlistvid li:nth-child(even) 
			{
				padding-top: 8px;	
				padding-bottom: 8px;
			}
			
			#playlistvid li:nth-child(odd) 
			{
				padding-top: 8px;	
				padding-bottom: 8px;
			} 	  
			
			#playlistvid li a
			{
				text-decoration: none;
				color: #933;
			}	
			
			#playlistvid li a:hover 
			{
				color: #070;
				text-decoration: none;
				
				background: #eee;
				
				padding-top: 8px;	
				padding-bottom: 8px;
				padding-left: max;	
				padding-right: max;
				
				border-right: 1px solid #777;
				border-bottom: 1px solid #777;
				border-top: 1px solid #777;
				border-left: 1px solid #777;
			}				


	/* -- PDF -- */	
	
			.partpdf 
			{	
				font-family: arial, helvetica, sans-serif;
				font-size: 22px;
				list-style: none;	
				text-decoration: none;
				color: #933;
				
				padding-top: 6px;	
				padding-bottom: 6px;
				padding-left: 25px;	
				padding-right: 25px;
				
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				border-top: 1px solid #fff;
				border-left: 1px solid #fff;
			}		
			
			.partpdf:hover 
			{
				color: #070;
				text-decoration: none;
				
				background: #eee;
				
				padding-top: 6px;	
				padding-bottom: 6px;
				padding-left: 25px;	
				padding-right: 25px;
				
				border-right: 1px solid #777;
				border-bottom: 1px solid #777;
				border-top: 1px solid #777;
				border-left: 1px solid #777;
			}		
	
			.legendpdf 
			{	
				font-family: arial, helvetica, sans-serif;
				font-size: 14px;
				list-style: none;	
				text-decoration: none;
				color: #999;
			}	
	
			.legendpdfstyle 
			{	
				font-family: arial, helvetica, sans-serif;
				font-size: 20px;
				list-style: none;	
				text-decoration: none;
				font-weight: bold;
				color: #99c;
			}