body{
margin: auto; padding: 0; position: center;
background-color: #fff; background-image: url('../_frame/ext_bas.jpg'); background-repeat: repeat-x; background-position: bottom;
}

/*--------------PAGE-------------*/

#page{
width: 977px; margin: auto; min-height:100%; margin-bottom: -50px; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 30px;
}

/*--------------MENU-------------*/

#menu{
width: 977px; height: 41px;  padding-top: 7px; text-align: center;
background-image: url('../_frame/menu/menu.jpg'); background-repeat: no-repeat;
}

#menu a{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 20px; text-decoration: none; padding: 20px;
}

#menu a:hover{
color: #4fcdff; font-family: "Arial", Verdana, serif; font-size: 20px; text-decoration: none; background-position: center; padding-top: 18px;
background-image: url('../_frame/menu_survol/hover.jpg'); background-repeat: no-repeat;
}

/*--------------BANNIERE-------------*/

#bann{
z-index: 10;
}

/*--------------HAUT DE PAGE-------------*/

#haut_page{
width: 977px; height: 301px;
background-image: url('../_frame/haut_contenu/ext_bleu.jpg'); background-repeat: repeat-y;
}

#navigation{
width: 977px; height: 31px;
background-image: url('../_frame/haut_contenu/navig.jpg'); background-repeat: no-repeat;
}

#navigation p{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 12px; margin: auto; padding: auto; padding-left: 10px; padding-top: 8px;
}

#bienvenue p{
color: #0388cd; font-family: "Arial", Verdana, serif; font-size: 23px; margin: auto; padding: auto; padding-left: 20px; padding-top: 10px;
}

#reportage{
width: 143px; height: 130px; float: left; padding-top: 35px; padding-left: 60px;
}

#reportage a:hover{
width: 143px; height: 130px; float: left; padding-top: 35px; padding-left: 60px;
background-image: url('../_frame/haut_contenu/mini_tv/report_h.png'); background-repeat: no-repeat; visibility: visible;
}

#reportage a:hover img{
visibility: hidden;
}

#archive{
width: 143px; height: 130px; float: left; padding-top: 35px; padding-left: 40px;
}

#archive a:hover{
width: 143px; height: 130px; float: left; padding-top: 35px; padding-left: 40px;
background-image: url('../_frame/haut_contenu/mini_tv/arch_h.png'); background-repeat: no-repeat; visibility: visible;
}

#archive a:hover img{
visibility: hidden;
}

#direct{
width: 452px; height: 300px; float: right; padding-right: 30px; position: relative; margin-top: 180px; z-index: 20; text-align: center;
}

#video object{
z-index: 30; margin-top: -435px; float: right; padding-right: 4px;
}

#direct p{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 10px; text-align: center; font-weight: bold; margin-top: 10px; padding-left: 35px; 
}

#direct p.texte{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 21px; text-align: left; line-height: 20px; line-height: 16px;
}

#direct a{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 10px; margin-top: 0; padding-bottom: 20px;
}

/*--------------BAS DE PAGE-------------*/

#bas_page{
width: 977px; padding-bottom: 10px; min-height: 700px;
background-image: url('../_frame/bas_contenu/ext_blanc.jpg'); background-repeat: repeat-y;
}

#separation{
width: 977px; height: 57px; z-index: 10;
background-image: url('../_frame/bas_contenu/sep_hb.jpg'); background-repeat: no-repeat;
}

#MediaPlayer{
margin-left: 125px;
}

#milieu_contenu h3{
padding-left: 20px;
}

#tv_direct{
margin-left: 100px;
}

/*--------------LES EMISSIONS-------------*/

.titre{
width: 616px; height: 27px; margin: 15px;
background-image: url('../_frame/bas_contenu/barre_titre.jpg'); background-repeat: no-repeat;
}

.titre p{
padding: 5px; padding-left: 10px;
color: #fff; font-size: "Arial", Verdana, serif; font-size: 15px;
}

#emission object{
margin:auto; padding: auto; margin-left: 105px;
}

#arch{
width: 439px; height: 60px; padding: 15px; margin-left: 92px;
}

/*--------------MENU DE DROITE-------------*/

#menu_droite{
float: right; position: relative; margin-right: -480px;
}

#box{
padding-right: 3px; z-index: 20; margin-top: -53px;
}

#sepa{
width: 302px; height: 5px; margin-top: 10px; margin-bottom: 10px;
background-image: url('../_frame/bas_contenu/sep_bloc.jpg'); background-repeat: repeat-x;
}

#meteo{
margin-top: 20px;
}

/*--------------NOUVEAUTEE-------------*/

#news{
width: 615px; z-index: 20; padding-left: 20px; margin-top: -40px; 
}

#titre{
width: 615px; height: 29px;
background-image: url('../_frame/bas_contenu/news/tittle.jpg'); background-repeat: no-repeat;
}

#titre p{
color: #fff; font-family: "Arial", Verdana, serif; font-size: 15px; padding-left: 10px; padding-top: 5px;
}

#haut_contenu{
width: 615px; height: 9px;
background-image: url('../_frame/bas_contenu/news/h_news.jpg'); background-repeat: no-repeat;
}

#milieu_contenu{
width: 615px; margin-top: -16px; margin-bottom: -16px;
background-image: url('../_frame/bas_contenu/news/m_news.jpg'); background-repeat: repeat-y;
}

#milieu_contenu p{
color: #444444; font-family: "Arial", Verdana, serif; font-size: 15px; padding: 10px;
}

#bas_contenu{
width: 615px; height: 13px; margin-bottom: 100px;
background-image: url('../_frame/bas_contenu/news/b_news.jpg'); background-repeat: no-repeat;
}

/*--------------COPYRIGHT-------------*/

#bas{
width: 977px; height: 38px; margin: 0; padding: 0;
background-image: url('../_frame/bas_contenu/bas_cont.png'); background-repeat: no-repeat;
}

#copyright{
text-align: center; padding-top: 20px; width: 977px; margin-bottom: -15px;
background-image: url('../_frame/bas_contenu/ext_blanc.jpg'); background-repeat: repeat-y;
}

#copyright a{
color: #0388cd; font-family: "Arial", Verdana, serif; font-size: 10px;
}

#copyright a:hover{
color: #00d2ff;
}

#bas p{
color: #444444; font-family: "Arial", Verdana, serif; font-size: 9px; padding: 0; margin: 0; text-align: center; padding-top: 20px;
}

#bas a{
color: #0388cd; text-decoration: none;
}

#bas a:hover{
color: #00d2ff; text-decoration: none;
}

/*--------------OPTIMISATION-------------*/

#optimisation{
width: 781px; height: 86px; margin: auto; padding: auto;
background-image: url('../_frame/optimisation/fond_op.png'); background-repeat: no-repeat;
}

#optimisation p{
color: #444444; font-family: "Arial", Verdana, serif; font-size: 21px; text-align: center;
}

#optimisation a{
padding-left: 15px;
}