a:link 
{ 
 text-decoration:none; 
} 

p.logo {
	color: #404040;
	padding-left: 5px;
	text-align: left;
	width: 100%;
}





/* écrans TELEPHONES largeur maxi 480 px ************************************************************************/
/*******************************************************************************************************************************************/
@media(max-width: 480px) {
	
			div.menu {
				position: relative;
				background-color: white;
				width: 100%;
				margin-left: 0%;
				margin-right: auto;
				clear: both
			}

			table.menu {
				margin-left: auto;
				margin-right: auto;
				width: 100%;							
			}			
			th.menu {
				border: none;
				color: #F76A0C;
				background-color: #white;	
				font-style: arial,tahoma;
				font-weight: bold;
				font-size: 12px;
				text-align: center;								
			}
			
			p.titre {
			text-align: center;
			/*white-space:nowrap; */
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 20px;
			font-weight: bold;
			}
			
			p.lien {
			text-align: left;
			/*white-space:nowrap; */
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 20px;
			font-weight: bold;
			}
			
			
			
				
				



					.ul {
					  width: 150px;
					}

					.ul a {
						background-color:#F76A0C;
					  color: white;
					  display: block;
					  padding: 12px;
					  text-decoration: none;
					  font-weight: bold;
					}

					.ul a:hover {
					  background-color: #ccc;
					}

					.ul a.active {
					  background-color: #04AA6D;
					  color: white;

					}
	
	
}



/* écrans TABLETTES largeur MINI 481 px et MAXI 780 px ************************************************************************/
/*******************************************************************************************************************************************/
@media(min-width: 481px) AND (max-width: 780px) {
	
			div.menu {
				position: static;
				background-color: white;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
			}

			table.menu {
				margin-left: auto;
				margin-right: auto;
				width:90%;							
			}			
			th.menu {
				border: none;
				color: #F76A0C;
				background-color: #white;	
				font-style: arial,tahoma;
				font-weight: bold;
				font-size: 16px;
				text-align: center;								
			}			

			p.titre {
			text-align: center;
			white-space:nowrap;
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 24px;
			font-weight: bold;
			}
			p.lien {
			text-align: left;
			/*white-space:nowrap; */
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 20px;
			font-weight: bold;
			}			
				
				

			 
			 
			 
				.ul {
			  width: 100%;
			  max-width: 50em;
			  min-width: 10em;
			 display: flex;
			  justify-content: center;
			 padding:0;
			 list-style-type:none;
			 }
			.ul li {
			 margin-left:2px;
			 float:left; /*pour IE*/
			 }
			.ul li a {
			 display:block;
			 float:left;   
			 width:150px;
			 background-color:#F76A0C;
			 color:white;
			 text-decoration:none;
			 text-align:center;
			 padding:20px;
			 border:2px solid;
			 /*pour avoir un effet "outset" avec IE :*/
			 border-color:#DCDCDC #696969 #696969 #DCDCDC;
			 }
			.ul li a:hover {
			 background-color:#D3D3D3;
			 border-color:#696969 #DCDCDC #DCDCDC #696969;
			 }

			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
			 
	
	
}



/* écrans ORDIS largeur MINI 781 px ************************************************************************/
/*******************************************************************************************************************************************/
@media(min-width: 781px) {
	
			div.menu {
				position: static;
				background-color: white;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
			}

			table.menu {
				margin-left: auto;
				margin-right: auto;
				width: 50%;							
			}			
			th.menu {
				border: none;
				color: #F76A0C;
				background-color: #white;	
				font-style: arial,tahoma;
				font-weight: bold;
				font-size: 16px;
				text-align: center;								
			}			

				.ul {
			  width: 100%;
			  max-width: 50em;
			  min-width: 10em;
			 display: flex;
			  justify-content: center;
			 padding:0;
			 list-style-type:none;
			 }
			.ul li {
			 margin-left:2px;
			 float:left; /*pour IE*/
			 }
			.ul li a {
			 display:block;
			 float:left;   
			 width:150px;
			 background-color:#F76A0C;
			 color:white;
			 text-decoration:none;
			 text-align:center;
			 padding:20px;
			 border:2px solid;
			 /*pour avoir un effet "outset" avec IE :*/
			 border-color:#DCDCDC #696969 #696969 #DCDCDC;
			 }
			.ul li a:hover {
			 background-color:#D3D3D3;
			 border-color:#696969 #DCDCDC #DCDCDC #696969;
			 }

				 
			p.titre {
			text-align: center;
			white-space:nowrap;
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 22px;
			font-weight: bold;
			}	
			
			p.lien {
			text-align: left;
			/*white-space:nowrap; */
			color: #F76A0C;
			font-style: arial-tahoma;
			font-size: 20px;
			font-weight: bold;
			}				
	
	
}