Body {
  color: #000000;
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: regular;
  font-size: 10pt;
  }
  
  
A { text-decoration: none; color: #000000 }
A:Link { color: #0080C6; text-decoration: none; font-weight: bold; }
A:Active { color: #0080C6; text-decoration: none; font-weight: bold; }
A:Visited { color: #0080C6; text-decoration: none; font-weight: bold; }
A:Hover { color: #0080C6; text-decoration: none; font-weight: bolder; }

.cachediv { display:block; z-index: 1; } 
.affichediv { display:block; z-index: 4; }

.invisible { display:none; } 
.visible { display:block; }    

.TitreEv { font-family: Trebuchet, Arial, Verdana; font-size: 14pt; font-weight: regular; color:#0080C6; margin-left:8px; margin-right:8px; margin-top:8px; margin-bottom:2px; }
.DateLieuEv { font-family: Trebuchet, Arial, Verdana; font-size: 12pt; font-weight: regular; color:#4DBFFF; margin-left:8px; margin-right:8px; margin-top:6px; margin-bottom:2px; }
.TexteEv { font-family: Trebuchet, Arial, Verdana; font-size: 9pt; font-weight: regular; color:#000000; margin-left:8px; margin-right:8px; margin-top:2px; margin-bottom:2px; }

.TitreMarge { font-family: Trebuchet, Arial, Verdana; font-size: 12pt; font-weight: regular; color:#0080C6; margin-left:4px; margin-right:4px; margin-top:4px; margin-bottom:0px; }
.DateLieuMarge { font-family: Trebuchet, Arial, Verdana; font-size: 10pt; font-weight: regular; color:#FFFFFF; margin-left:4px; margin-right:4px; margin-top:4px; margin-bottom:0px; }
.TexteMarge { font-family: Trebuchet, Arial, Verdana; font-size: 8pt; font-weight: regular; color:#000000; margin-left:8px; margin-right:8px; margin-top:1px; margin-bottom:1px; }

.TitrePOPUP { font-family: Trebuchet, Arial, Verdana; font-size: 14pt; font-weight: regular; color:#FFFFFF; margin:8px; }

.arriereplanclair { background: #4DBFFF; }
.arriereplan { background: #0080C6; }

.TeteOngletActif { background-image:url('../../images/elements/hiver/encarts/Tete_Clair.gif'); font-family: Trebuchet,Arial,Verdana; font-size: 11pt; font-weight: bold; } 
.TeteOngletPassif { background-image:url('../../images/elements/hiver/encarts/Tete_Clair.gif'); font-family: Trebuchet,Arial,Verdana; font-size: 9pt; font-weight: bold; }

a.infobulle { position:relative; }
a.infobulle:hover { z-index:10; }
a.infobulle span { display: none }
a.infobulle:hover span { 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; position:absolute;
 top:1em; left:1em; width:14em;
 border:1px solid #0080C6; 
 background-color:#FFFFFF;
 opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; filter: alpha(opacity=85);
 text-align: left;
 font-weight:none;
 padding:1px;
 font-family: Trebuchet, Arial, Verdana; font-size: 9pt; font-weight: regular; color:#0080C6; 
 }


#Marge {
  
  font-size: 9pt; 
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: regular;
  color: #000000;
  }

#Evenement {
  
  font-size: 9pt; 
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: regular;
  color: #000000;
  }

#titrerubrique {
  
  font-family: Trebuchet, Arial, Verdana;
  font-size:18pt; 
  color:#004B75; 
  font-weight:bold;
  margin-left:20px;
  margin-right:20px;
  margin-top:10px;
  margin-bottom:10px;
  }

#elementMenu {
  background: transparent; 
  border: transparent; 
  font-family: Trebuchet, Arial, Verdana;
  font-size: 9pt; 
  font-weight: bold; 
  text-align:left;
  padding: 2px;
  }
  
#elementFormTransparent {
  background: #4DBFFF; 
  border: transparent; 
  font-family: Trebuchet, Arial, Verdana;
  font-size: 9pt; 
  font-weight: regular; 
  text-align:center;
  }
  
#piedpage {
  
  font-size: 9pt; 
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: regular;
  color: #004B75; 
  }

form {
  padding: 4px;
  margin: 8px;  
  font-family: Trebuchet, Arial, Verdana; 
  }

legend {
  color: #004B75;
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: bold;
  font-size: 10pt;
  margin: 4px;
  }
  
label {
  color: #004B75;
  font-family: Trebuchet, Arial, Verdana; 
  font-weight: regular;
  font-size: 10pt;
  margin: 4px;
  }
  
input [type=text] {
  background: #4DBFFF; 
  border: transparent;
  padding: 2px;
  }
  
input [type=submit] {
  border: 2px outset black;
  font-weight: bold;
  color: white;
  font-family: Trebuchet, Arial, Verdana; 
  }

/*  POUR API jQuery Texte Défilant  */
.tickercontainer { /* the outer div with the black border */
border: none;
background: transparent; 
width: 680px; 
height: 28px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 660px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 700px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: transparent;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}