body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
overflow-x:hidden;
}

@font-face {
    font-family: 'KomikaTextRegular';
    src: url('font/KOMTXT__-webfont.eot');
    src: url('font/KOMTXT__-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/KOMTXT__-webfont.woff') format('woff'),
         url('font/KOMTXT__-webfont.ttf') format('truetype'),
         url('font/KOMTXT__-webfont.svg#KomikaTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'TravelerRegular';
    src: url('../font/traveler-webfont.eot');
    src: url('../font/traveler-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/traveler-webfont.woff') format('woff'),
         url('../font/traveler-webfont.ttf') format('truetype'),
         url('../font/traveler-webfont.svg#travelerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Fenetre */

a {
color:#4A3E2F;
font-family:Comic Sans MS;
text-decoration:none;
font-size:160%;
}

.titre_fenet {
padding-top:10px;
padding-left:15px;
line-height:18px;
text-indent:-5px;
background-image:url('../picto/fond/fond_vitre_orange.jpg');
background-repeat:no-repeat;
background-color:#E7E2BC;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
margin-bottom:15px;
border:1px solid #999999;
}

.titre_fenet:first-letter {
font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;margin-right:2px;
text-shadow:
1px 1px 0 #4B4B4B,
2px 2px 0 #4B4B4B, 
-1px -1px 0 #D4D4D4,
1px -1px 0 #D4D4D4,
-1px 1px 0 #D4D4D4,
1px 1px 0 #D4D4D4;
}

.titre_fenet_barre {
padding-left:15px;
line-height:18px;
text-indent:-5px;
padding-bottom:10px;
}


.titre_fenet_barre:first-letter {
font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;margin-right:2px;
text-shadow:
1px 1px 0 #4B4B4B,
2px 2px 0 #4B4B4B, 
-1px -1px 0 #D4D4D4,
1px -1px 0 #D4D4D4,
-1px 1px 0 #D4D4D4,
1px 1px 0 #D4D4D4;
}


.sourc_fenet {
color:#735E2B;
text-decoration:none;
font-weight:bold;
margin-left:20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height:30px;
border:1px solid #B7B878;
float:right;
}
.heure_fenet{
font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:5px;margin-right:2px;
text-shadow:
	1px 1px 0 #565656,
	2px 2px 0 #565656, /* end of 2 level deep grey shadow */
	3px 3px 2px #000,
	-1px -1px 0 #808080,
    1px -1px 0 #808080,
    -1px 1px 0 #808080,
    1px 1px 0 #808080;
	}
.heure_fenet_h {color:#4A3E2F;
font-family:Comic Sans MS;
text-decoration:none;
font-size:160%;
} 

.joure_fenet{
text-decoration:none;
margin-top:15px;
margin-left:5px;
margin-bottom:15px;}
.eleme_fenet {
position:absolute;top:0px;z-index:10000;width:100%;height:100%;padding-right:30px;overflow-y:scroll;overflow-x:hidden;
}
.eleme_fenet_titre {
position:absolute;z-index:10001;top:10;width:123px;text-align:left;left:0px;height:99px;background-image:url('../picto/titre/titre_megav_orang_fenet.png');background-repeat:no-repeat;}
.eleme_fenet_titre_soust {background-image:url("../picto/titre/titre_megav_orang_fenet_soust.png");width:159px;height:87px;background-repeat:no-repeat;float:right;margin-top:35px;margin-bottom:20px;display:none;}

	.texte_date_jour {
	font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;
	text-shadow:
	1px 1px 0 #565656,
	2px 2px 0 #565656, /* end of 2 level deep grey shadow */
	3px 3px 2px #000,
	-1px -1px 0 #808080,
    1px -1px 0 #808080,
    -1px 1px 0 #808080,
    1px 1px 0 #808080;}

/* Barre */

.titre_barre {
color:#FFA518;
padding-left:20px;
margin-top:-35px;
}
.titre_barre:first-letter {
font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:140%;color:#FFA518;font-weight:bold;letter-spacing:1px;margin-right:2px;
text-shadow:
1px 1px 0 #4B4B4B,
2px 2px 0 #4B4B4B, 
-1px -1px 0 #D4D4D4,
1px -1px 0 #D4D4D4,
-1px 1px 0 #D4D4D4,
1px 1px 0 #D4D4D4;}
.sourc_barre {
text-decoration:none;
margin-top:-20px;
margin-right:20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height:27px;
border:1px solid #B7B878;
}
.eleme_barre {width: 100%; height: 40px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding-bottom:50px;}
.eleme_barre_titre {
position:absolute;z-index:10001;top:10px;width:170px;text-align:left;left:80px;height:34px;background-image:url('../picto/titre/titre_megav_orang_redui.png');margin-left:15px;background-repeat:no-repeat;}
.eleme_barre_curse {
position:absolute;z-index:10001;top:15px;width:170px;text-align:left;left:0px;height:34px;margin-left:15px;background-repeat:no-repeat;
font-family:'TravelerRegular',Trebuchet MS, Helvetica, sans-serif;font-size:180%;color:#FF9900;font-weight:bold;letter-spacing:1px;margin-right:2px;
text-shadow:
1px 1px 0 #4B4B4B,
2px 2px 0 #4B4B4B, 
-1px -1px 0 #D4D4D4,
1px -1px 0 #D4D4D4,
-1px 1px 0 #D4D4D4,
1px 1px 0 #D4D4D4;}

/* Animation */

.scroller {display:block; width:15000px; height:40px; position:relative; left:0; top:0;white-space:nowrap;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:170s;
-moz-animation-name: scroll;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:170s;
-webkit-animation-name: scroll;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:170s;
-o-animation-name: scroll;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:170s;
animation-name: scroll;
}
.scroller div {line-height:20px; float:left; width:auto;  padding-top:3px;padding-bottom:40px;}

@-moz-keyframes scroll {
0% {left:15000px;}
100% {left:0px;}
}

@-webkit-keyframes scroll {
0% {left:15000px;}
100% {left:0px;}
}

@-o-keyframes scroll {
0% {left:15000px;}
100% {left:0px;}
}

@keyframes scroll {
0% {left:15000px;}
100% {left:0px;}
}

.scroller:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 }