
<!--
span.bidon  { font-family: Verdana, Arial;
                font-size: 10px; 
                font-weight: normal;
                color : #FFFFFF;
                text-align: left;
                }

-->
<!--

#caseInfotrafic { background-color:#c6d02f; font-family: Verdana, Arial; color:black; border:1px solid #8f9522; padding:3px; width:345px;}
#caseInfotrafic span { display:block; height:20px; line-height:20px; text-align:center;  background-color:#8f9522; color:white; font-size:12px; font-weight:bold;  }
#caseInfotrafic p { margin:0px; margin-top:5px; font-style:italic; font-size:12px; text-align:center;}
#caseInfotrafic p a { color:blue; }
#caseInfotrafic ul { margin:0px; padding:0px; list-style-type:none; font-size:10px; width:345px; overflow:hidden;}
#caseInfotrafic ul li { margin:0px; padding:0px; overflow:hidden; margin-top:1px; margin-bottom:1px; white-space:nowrap;}
/* #caseInfotrafic ul li { float:left; width:100%; } */
#caseInfotrafic ul li a { color:black; text-decoration:underline; margin-bottom:1px; margin-top: 1px; white-space:nowrap; }
#caseInfotrafic ul li a:hover { color:#aa0000; }
#caseInfotrafic ul li a.importantInfo { background-color:red; text-decoration:none; }
#caseInfotrafic ul li a.importantInfo:hover { color:white; }

/* Div invisible qui capte la souris pour afficher les infos d'accessibilité */
.mouseTemps { position:absolute; width:100%; left:0px; top:0px; height:22px; cursor:pointer; z-index:5; background-color:blue;}
.caseTempsAttente { cursor:pointer; }
.caseTempsAttente * { cursor:pointer; }

.infobulle{
    position: absolute;   
    display : none;
    border: 1px solid Black;
    padding: 5px;
	padding-bottom:1px;
	padding-right:32px;
    font-family: Arial;
    font-size: 12px;
    background-color: #FFFFCC;
	width: 200px;
	z-index:10;
	font-weight:normal;
}

.infobulle p { position:relative; margin:0px; margin-bottom:4px; padding:0px; font-weight:normal; }
.infobulle p img { position:absolute; left:2px; top:3px; }
.infobulle p span { position:relative; left:27px; }


.tdtab{font-family: Verdana, Arial;
        font-size: 9px;
	color : #1668a9;
	text-align: center
	}
	
.tdtabXP{font-family: Verdana, Arial;
        font-size: 9px;
	color : #1668a9;
	text-align: left
	}

.emploi{font-family: Verdana, Arial;
        font-size: 12px;
	font-weight: normal;
	color : #ffffff;
	text-align: left;
	}

.emploiTxt{font-family: Verdana, Arial;
        font-size: 10px;
	font-weight: normal;
	color : #ffffff;
	text-align:justify;
	}

.tdtab1{font-family: Verdana, Arial;
        font-size: 9px;
	color : #1668a9;
	text-align: left
	}
.tdtab1 A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #1668a9;text-decoration: none; font-weight: normal;}
.tdtab1 A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #1668a9;text-decoration: none; font-weight: normal;}
.tdtab1 A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #1668a9;text-decoration: none; font-weight: normal;}
.tdtab1 A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #1668a9;text-decoration: none; font-weight: normal;}

.tdmenu{font-family: Verdana, Arial;
        font-size: 11px;
	color : #ffffff;
	text-align: left
	}
.tdmenu A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #671984;text-decoration: none; font-weight: normal;}
.tdmenu A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #671984;text-decoration: none; font-weight: normal;}
.tdmenu A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #001f4d;text-decoration: none; font-weight: normal;}
.tdmenu A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #ff354D;text-decoration: none; font-weight: normal;}

.tdblanc{font-family: Verdana, Arial;
        font-size: 10px;
	color : #ffffff;
	text-align: left
	}
.tdblanc A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdblanc1{font-family: Verdana, Arial;
        font-size: 10px;
	color : #ffffff;
	text-align: center
	}
.tdblanc1 A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc1 A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc1 A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblanc1 A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdblancgros{font-family: Verdana, Arial;
        font-size: 12px;
	font-weight: bold;
	color : #ffffff;
	text-align: center
	}
.tdblancgros A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblancgros A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblancgros A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #ffffff;text-decoration: none; font-weight: bold;}
.tdblancgros A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdblancbas{font-family: Verdana, Arial;
        font-size: 9px;
	color : #ffffff;
	text-align: left
	}
.tdblancbas A:visited      	{font-size: 9px;font-family: Verdana, Arial;color: #0e93a7;text-decoration: none; font-weight: bold;}
.tdblancbas A:link 		{font-size: 9px;font-family: Verdana, Arial;color: #0e93a7;text-decoration: none; font-weight: bold;}
.tdblancbas A:active 	{font-size: 9px;font-family: Verdana, Arial;color: #0e93a7;text-decoration: none; font-weight: bold;}
.tdblancbas A:hover  	{font-size: 9px;font-family: Verdana, Arial;color: #0e93a7;text-decoration: underline; font-weight: bold;}

.tdnoir{font-family: Verdana, Arial;
        font-size: 10px;
	color : #000000;
	text-align: left
	}
.tdnoir A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdnoir1{font-family: Verdana, Arial;
        font-size: 11px;
	color : #000000;
	text-align: left
	}
.tdnoir1 A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdnoircentre{font-family: Verdana, Arial;
        font-size: 10px;
	color : #000000;
	text-align: center
	}
.tdnoir1 A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir1 A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdnoirgros{font-family: Verdana, Arial;
        font-size: 11px;
	font-weight: bold;
	color : #000000;
	text-align: left
	}
.tdnoir A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoir A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2d221;text-decoration: none; font-weight: bold;}

.tdnoirjustifie{font-family: Verdana, Arial;
        font-size: 10px;
	color : #000000;
	text-align: left;
	vertical-align: bottom;
	}
.tdnoirjustifie A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoirjustifie A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoirjustifie A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #000000;text-decoration: none; font-weight: bold;}
.tdnoirjustifie A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #f2c221;text-decoration: none; font-weight: bold;}

span.normal  { font-family: Verdana, Arial;
                font-size: 10px; 
                font-weight: normal;
                color : #001f4d;
                text-align: center;
                }  
				
span.accueil  { font-family: Verdana, Arial;
                font-size: 10px; 
                font-weight: normal;
                color : #287CBA;
                }       
                
span.normal A:visited      	{font-size: 10px;font-family: Verdana, Arial;color: #2C5CAB;text-decoration: none; font-weight: bold;}
span.normal A:link 		{font-size: 10px;font-family: Verdana, Arial;color: #2C5CAB;text-decoration: none; font-weight: bold;}
span.normal A:active 	{font-size: 10px;font-family: Verdana, Arial;color: #2C5CAB;text-decoration: none; font-weight: bold;}
span.normal A:hover  	{font-size: 10px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: bold;}

span.voeux  { font-family: Verdana, Arial;
                font-size: 11px; 
                font-weight: normal;
                color : #2a7c34;
                text-align: center;
                }
		
span.voeux A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #2a7c34;text-decoration: none; font-weight: normal;}
span.voeux A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #2a7c34;text-decoration: none; font-weight: normal;}
span.voeux A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #2a7c34;text-decoration: none; font-weight: normal;}
span.voeux A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: normal;}     

span.normal1  { font-family: Verdana, Arial;
                font-size: 10px; 
                font-weight: normal;
                color : #001f4d;
                text-align: left;
                }         

span.orange { font-family: Verdana, Arial;
                font-size: 11px; 
                font-weight: bold;
                color : #ff5600;
                text-align: center;
                } 
                
span.blanc { font-family: Verdana, Arial;
                font-size: 11px; 
                font-weight: bold;
                color : #ffffff;
                text-align: center;
                }                
                
span.rouge { font-family: Verdana, Arial;
                font-size: 10px; 
                font-weight: bold;
                color : #ff0000;
                text-align: center;
                }           
                
span.rouge_titre { font-family: Verdana, Arial;
                font-size: 12px; 
                font-weight: bold;
                color : #ff6600;
                text-align: center;
                }                           
                
span.titre_admin { font-family: Verdana, Arial;
                font-size: 20px; 
                font-weight: bold;
                color : #709fcb;
                text-align: center;
                }                                       

span.texte_admin_default { font-family: Verdana, Arial;
                font-size: 14px; 
                font-weight: bold;
                color : #001f4d;
                text-align: center;
                } 

                
span.surtitre { font-family: Verdana, Arial;
                font-size: 12px; 
                font-weight: normal;
                color : #39a53f;
                text-align: center;
                }          

span.titre { font-family: Verdana, Arial;
                font-size: 14px; 
                font-weight: bold;
                color : #8f9522;
                text-align: center;
                }     
                
span.subtitre { font-family: Verdana, Arial;
                font-size: 14px; 
                font-weight: bold;
                color : #1668a9;
                text-align: center;
                }           

.tdnoirright{font-family: Verdana, Arial;
        font-size: 10px;
	color : #000000;
	text-align: right
	}
LI { text-align: left;}

.imagejustifie{vertical-align:top;}

.textejustifie{vertical-align:top; 
	      text-align:justify;}
	  
.colonnejustifie{vertical-align:top;}  


TABLE.horaire{
empty-cells: hide;
border-collapse: collapse;
color: #1668A9; 
font-weight: normal;
font-size : 11px;
font-family: Verdana, Arial, Helvetica;
}

/* Style pour les page concernant la visite du Grand Besançon */

SELECT.visite{
	font-family: Verdana, Arial;
        font-size: 10px;
	color : #001f4d;
}

.visite_titre{
font-family: Verdana, Arial;
        font-size: 14px;
	font-weight: bold;
	color : #910F84;
}

.visite_intro{
font-family: Verdana, Arial;
        font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color : #910F84;
}

.visite_texte{
font-family: Verdana, Arial;
        font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color : #D31986;
}

.visite_iti{
font-family: Verdana, Arial;
        font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color : #147D21;
}

.visite_iti A:visited      	{font-size: 11px;font-family: Verdana, Arial;color: #147D21;text-decoration: none; font-weight: normal;}
.visite_iti A:link 		{font-size: 11px;font-family: Verdana, Arial;color: #147D21;text-decoration: none; font-weight: normal;}
.visite_iti A:active 	{font-size: 11px;font-family: Verdana, Arial;color: #147D21;text-decoration: none; font-weight: normal;}
.visite_iti A:hover  	{font-size: 11px;font-family: Verdana, Arial;color: #147D21;text-decoration: underline; font-weight: normal;}


/* Style pour les page CONCOURS */
form {
	margin : 0px;
	padding : 0px;
}

input.formu {
	background-color:#FFFFFF;
	font-size:11px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width: thin;
	border-color: #1668A9 #709FCB #709FCB #1668A9;
	border-style :double
}

input.validez {
	background-color:#709FCB;
	color : #FFFFFF;
	font-size:12px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width: thin;
	border-color: #1668A9 #709FCB #709FCB #1668A9;
	border-style :double;
	cursor: pointer
}

.concours{ 
	font-family: Verdana, Arial;
	font-size: 11px; 
	font-weight: normal;
	color : #FFFFFF;
}     

.concoursAc  { 
	font-family: Verdana, Arial;
      font-size: 10px; 
	font-weight: normal;
	color : #ff5600;
        }         
                
.concoursAc A:visited   {font-size: 10px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: bold;}
.concoursAc A:link 		{font-size: 10px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: bold;}
.concoursAc A:active 	{font-size: 10px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: bold;}
.concoursAc A:hover  	{font-size: 10px;font-family: Verdana, Arial;color: #ff5600;text-decoration: underline; font-weight: bold;}    


/* Ajout GinkoTempo by Gael*/
body { background-color: #c7ca97; }


span.normal2  { font-family: Verdana, Arial;
                font-size: 12px; 
                font-weight: normal;
                color : #001f4d;
                text-align: center;
                }

span.normal2 A:visited      	{font-size: 12px;font-family: Verdana, Arial;color: #709fcb;text-decoration: none; font-weight: bold;}
span.normal2 A:link 		{font-size: 12px;font-family: Verdana, Arial;color: #709fcb;text-decoration: none; font-weight: bold;}
span.normal2 A:active 	{font-size: 12px;font-family: Verdana, Arial;color: #709fcb;text-decoration: none; font-weight: bold;}
span.normal2 A:hover  	{font-size: 12px;font-family: Verdana, Arial;color: #ff5600;text-decoration: none; font-weight: bold;}

span.heure70{ font-family: "Times New Roman", Times, serif;
                font-size: 93px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                } 

span.heure60{ font-family: "Times New Roman", Times, serif;
                font-size: 75px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                } 

span.heure50{ font-family: "Times New Roman", Times, serif;
                font-size: 60px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                }
span.heure30{ font-family: "Times New Roman", Times, serif;
                font-size: 40px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                }
span.tempotemps3{ font-family: "Times New Roman", Times, serif;
                font-size: 35px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                } 

span.tempotemps5{ font-family: "Times New Roman", Times, serif;
                font-size: 44px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                } 
span.tempotemps6{ font-family: "Times New Roman", Times, serif;
                font-size: 45px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                } 				
span.tempotemps7{ font-family: "Times New Roman", Times, serif;
                font-size: 65px; 
                font-weight: bold;
                color : #FFFFFF;
                text-align: center;
                }
span.tempotemps3noir{ font-family: "Times New Roman", Times, serif;
                font-size: 35px; 
                font-weight: bold;
                color : #000000;
                text-align: center;
                } 

span.tempotemps5noir{ font-family: "Times New Roman", Times, serif;
                font-size: 44px; 
                font-weight: bold;
                color : #000000;
                text-align: center;
                } 
span.tempotemps6noir{ font-family: "Times New Roman", Times, serif;
                font-size: 45px; 
                font-weight: bold;
                color : #000000;
                text-align: center;
                } 				
span.tempotemps7noir{ font-family: "Times New Roman", Times, serif;
                font-size: 65px; 
                font-weight: bold;
                color : #000000;
                text-align: center;
                }  

/* Fin Ajout Gael */


-->