BODY {scrollbar-face-color: #446DA4;scrollbar-shadow-color: #446DA4; scrollbar-highlight-color: #446DA4;scrollbar-3dlight-color: #FFFF00; 
;scrollbar-darkshadow-color: #446DA4;scrollbar-track-color: #446DA4; scrollbar-arrow-color: #FFFF00}

body { font-family: verdana, helvetica, sans-serif;  font-size: 9px;  }

td { font-family: verdana, helvetica, sans-serif;  font-size: 9px; color: #FFFFFF }

.l_bleu {
background-color : #FEB010;
}


linkbleu { color :#336699; 
text-decoration:none ; 
}

a:link { color :#FFFFFF; 
text-decoration:none ; 
}

a:visited { color: #FFFFFF; 
} 

A:hover { color: #FEB010; 
}
A {
color:#FFFFFF;
text-decoration:none;
}
A.agenda{
color:#FEB010;
text-decoration:none;
width: 28px; 
height: 21px; 
border: 1px solid #FF9900;
}
.lienday { 
background-color : #FEB010;
}

A.menu {
color:#FFFFFF; 
text-decoration:none;
}
A:hover.menu {
color:#FF9966;
text-decoration:underline none;
}

INPUT {
color:#FFFFFF;
background-color:#336699;
font-size:10px;
font-family:verdana;
}
SELECT {
color:#FFFFFF;
background-color:#336699;
font-size:10px;
font-family:verdana;
}

t_noir { font-family: verdana, helvetica, sans-serif;  font-size: 9px; color: #000000 }
/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	color: red;	/* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}
.recherche {
	background-color: #11b6a9;
	color: #fff;
	width: 750px;
	display: block;
	text-align: right;
	height: 21px;
}
#image {position:relative; width:333px; height:250px; margin:0 auto 20px auto; border:1px solid #000;}
#text {position:absolute; top:0; right:0; width:100px; height:250px; background:#fff; padding:10px;}
#text {filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
#words {position:absolute; top:0; right:0; width:100px; height:250px; background:transparent; padding:10px;}

#image2 {position:relative; width:450px; height:350px; margin:0 auto; border:1px solid #000; margin-bottom:1em;}
#text2 {position:absolute; top:0; right:0; width:200px; height:330px; background:url(opaque.png); padding:10px;}

#image3 {position:relative; width:450px; height:350px; margin:0 auto; border:1px solid #000; margin-bottom:1em;}
#text3 {position:absolute; top:0; right:0; width:200px; height:330px; background:url(teaparty1.jpg) top right; padding:10px;}

#image4 {position:relative; width:450px; height:350px; margin:0 auto; border:1px solid #000; margin-bottom:1em;}
#text4 {position:absolute; top:0; right:0; width:200px; height:330px; background:url(opacity_fade.png) top left; padding:10px;}