body
{
color:#000000;
margin: 0px; 
background-image:url("../templates/images/background.jpg");
background-color:#FFCC00;
background-position: top center;
background-repeat: no-repeat;
}

h1
{
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
}

#logo { 
height: 100px; 
width: 995px; 
margin-left: auto;
margin-right: auto;
} 

#top {
position: relative; 
float: right;    
width: 760px; 
height: 95px;  
text-align: left;
margin-top: 5px;
margin-left: 5px;} 

#top2 {
position: relative; 
float: left;       
width: 205px; 
height: 95px;  
text-align: right;
margin-top: 5px;
margin-right: 5px;}

#menu {
height: 55px; 
width: 100%;
margin-left: auto;
margin-right: auto; } 

.menu2 {
height: 21px; 
width: 995px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;} 

.menu_top {
position: relative; 
float: left;       
height: 20px;  
text-align: center;
margin-top: 0px;
margin-left: 0px;} 
.menu_top A:link { color: white; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top A:visited { color: white; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top A:active { color: white; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top A:hover { color: #eeeeee; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.menu_top_red {
position: relative; 
float: left; 
height: 20px;  
text-align: center;
margin-top: -5px;
margin-left: 5px;} 
.menu_top_red A:link { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top_red A:visited { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top_red A:active { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_top_red A:hover { color: #330000; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}



#back_layer { 
height: 600px; 
width: 100%; 
margin-left: auto;
margin-right: auto;
}  

#mainpage_layer { 
height: 695px; 
width: 1010px; 
} 

#menu_layer {
position: relative; 
float: left;    
width: 120px; 
height: 678px;  
text-align: left;
margin-top: 5px;
margin-left: 5px;}

.mainpage_video_layer {
position: relative; 
float: left;    
width: 390px; 
/*height: 678px;*/  
text-align: left;
margin-top: 5px;
margin-left: 5px;}

.text_field {
position: relative; 
float: left;    
height: 18px;  
text-align: left;
margin-top: 0px;
margin-left: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #663300;}
.text_field A:link { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.text_field A:visited { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.text_field A:active { color: #663300; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.text_field A:hover { color: #FF6600; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}



.video_button {
background-image: url("../templates/images/video_button.png");
height: 18px;
width: 148px;
position: relative; 
float: left; 
text-align: center;
vertical-align: top;
margin-top: 2px;
margin-left: 2px;} 
.video_button A:link { color: white; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.video_button A:visited { color: white; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.video_button A:active { color: white; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.video_button A:hover { color: #eeeeee; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.video_button:hover {
/*filter: alpha(opacity=70);*/
-moz-opacity: 0.7;
opacity: 0.7; }

.rozjasnij_obrazek:hover {
/*filter: alpha(opacity=70);*/
-moz-opacity: 0.7;
opacity: 0.7;
}

.mainpage_new_video_heart {
position: relative; 
/* float: middle; */   
height: 75px;
width: 95px;  
text-align: left;
margin-top: 0px;
margin-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #482400;}
.mainpage_new_video_heart:hover {
background-image: url("../templates/images/main_play.png");
}

.mainpage_new_video {
position: relative; 
float: left;    
height: 18px;  
text-align: left;
margin-top: 0px;
margin-left: 1px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #482400;}
.mainpage_new_video:hover {
opacity: 0.6;
}

.calendar {
background-image: url("../templates/images/calendar.png");
position: relative; 
float: left;    
width: 180px; 
height: 200px;  
text-align: right;
margin-top: 10px;
margin-left: 118px;}


#ben_vole {
background-image: url("../templates/images/mascotte_presentation.png");
margin-top: 35px;
}

.calendar2 {
position: relative; 
float: left;       
height: 20px;  
text-align: center;
margin-top: 0px;
margin-left: 0px;
color: #663300;} 
.calendar2 A:link { color: #663300; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.calendar2 A:visited { color: #663300; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.calendar2 A:active { color: #663300; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.calendar2 A:hover { color: #FF6600; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}


#fond-quizz {
  background-image: url("../templates/images/games_quizz_bgd.png");
}


.title_jeu_flash{

width:180px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #663300;

}

.jeu_flash
{

float: left;

border-top-width: 2px;



border-bottom-width: 2px;



border-top-style: solid;

border-right-style: solid;



border-bottom-style: solid;

border-left-style: solid;



border-top-color: #000000;


border-bottom-color: #000000;



padding-top: 10px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;



}