/* @override http://canal15.lux.mediacd.fr/global/css/communs.css */

/* @override http://canal15.lux.mediacd.fr/global/css/communs.css */

/* = RAZ ------- */
body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
font-size: 1em;
margin: 0;
padding: 0;
font-weight: normal;
}
select, input, textarea, button {
border: 1px #acacac solid;
color: #666;
font-size: 1em;
}
pre{
    font-size:1.3em;
    color : #5D7077;
}
form {
margin: 0;
padding: 0;
}
img {
border: 0;
}
html, body {
height: 100%;
}
/* = Base ----- */
body {
background: #fff url(../images/bg_page.gif) repeat-x top left;
}
#page {
width: 800px;
margin: 0 auto;
position: relative;
}
#header {
width: 800px;
height: 438px;
display: block;
position: relative;
background: transparent url(../images/bg_header.gif) no-repeat top left;
float: left;
clear: both;
}
#contenu {
width: 760px;
float: left;
padding: 0 20px;
clear: both;
}
#footer {
width: 760px;
float: left;
padding: 0 20px;
clear: both;
}
a {
text-decoration: underline;
color: #777;
}
a:hover {
text-decoration: none;
color: #333;
}
a:visited {
color: #999;
}
/* = navigation principale ----- */
#mainNav {
width: 490px;
height: 92px;
float: ;
position: relative;
left: 305px;
top: 15px;
display: block;
}
#mainNav ul {
list-style: none;
}
#mainNav ul#nav1 {
width: 100%;
position: relative;
top: -2px;
}
#mainNav ul#nav1 li {
display: inline-block;
float: left;
height: 16px;
}
#mainNav ul#nav1 li a {
display: block;
height: 16px;
overflow: hidden;
}
#mainNav ul#nav1 li a span {
display: block;
height: 16px;
background: transparent url('../images/mainNav.gif') no-repeat top left;
cursor: pointer;
}
#mainNav ul#nav1 li#menu1 a {
width: 90px;
}
#mainNav ul#nav1 li#menu2 a {
width: 118px;
}
#mainNav ul#nav1 li#menu3 a {
width: 102px;
}
#mainNav ul#nav1 li#menu4 a {
width: 116px;
}
#mainNav ul#nav1 li#menu1 a span {
width: 90px;
background-position: 0px -88px;
}
#mainNav ul#nav1 li#menu2 a span {
width: 118px;
background-position: -90px -88px;
}
#mainNav ul#nav1 li#menu3 a span {
width: 102px;
background-position: -172px -88px;
}
#mainNav ul#nav1 li#menu4 a span {
width: 116px;
background-position: -274px -88px;
}
#mainNav ul#nav1 li#menu1 a:hover span {
width: 90px;
background-position: 0px -44px;
}
#mainNav ul#nav1 li#menu2 a:hover span {
width: 118px;
background-position: -90px -44px;
}
#mainNav ul#nav1 li#menu3 a:hover span {
width: 102px;
background-position: -172px -44px;
}
#mainNav ul#nav1 li#menu4 a:hover span {
width: 116px;
background-position: -274px -44px;
}
#mainNav ul#nav2 {
width: 100%;
position: relative;
top: 2px;
float: left;
}
#mainNav ul#nav2 li {
display: inline-block;
float: left;
height: 16px;
}
#mainNav ul#nav2 li a {
display: inline-block;
float: left;
height: 16px;
overflow: hidden;
}
#mainNav ul#nav2 li a span {
display: block;
height: 16px;
background: transparent url('../images/mainNav.gif') no-repeat top left;
cursor: pointer;
}
#mainNav ul#nav2 li#menu5 a {
width: 145px;
}
#mainNav ul#nav2 li#menu6 a {
width: 150px;
}
#mainNav ul#nav2 li#menu7 a {
width: 100px;
}
#mainNav ul#nav2 li#menu8 a {
width: 94px;
}
#mainNav ul#nav2 li#menu5 a span {
width: 145px;
background-position: 0 -110px;
}
#mainNav ul#nav2 li#menu6 a span {
width: 150px;
background-position: -145px -110px;
}
#mainNav ul#nav2 li#menu7 a span {
width: 100px;
background-position: -305px -110px;
}
#mainNav ul#nav2 li#menu8 a span {
width: 94px;
background-position: -405px -110px;
}
#mainNav ul#nav2 li#menu5 a:hover span {
width: 145px;
background-position: 0 -66px;
}
#mainNav ul#nav2 li#menu6 a:hover span {
width: 150px;
background-position: -145px -66px;
}
#mainNav ul#nav2 li#menu7 a:hover span {
width: 100px;
background-position: -305px -66px;
}
#mainNav ul#nav2 li#menu8 a:hover span {
width: 94px;
background-position: -405px -66px;
}
/* Positionnement de la navigation par rapport à l'id de la page ----- */
#mainNav ul#nav1 li#menu1 a.on span {
width: 90px;
background-position: 0 0px;
}
#mainNav ul#nav1 li#menu2 a.on span {
width: 118px;
background-position: -90px 0;
}
#mainNav ul#nav1 li#menu3 a.on span {
width: 102px;
background-position: -172px 0;
}
#mainNav ul#nav1 li#menu4 a.on span {
width: 116px;
background-position: -274px 0;
}
#mainNav ul#nav2 li#menu5 a.on span {
width: 145px;
background-position: 0 -22px;
}
#mainNav ul#nav2 li#menu6 a.on span {
width: 150;
background-position: -145px -22px;
}
#mainNav ul#nav2 li#menu7 a.on span {
width: 100px;
background-position: -305px -22px;
}
#mainNav ul#nav2 li#menu8 a.on span {
width: 94px;
background-position: -405px -22px;
}
/* =header -----*/
#header h1 a {
display: block;
width: 295px;
height: 100px;
text-indent: -200em;
float: left;
position: absolute;
top: 0;
left: 0;
}
#flash {
width: 462px;
height: 337px;
float: left;
position: relative;
top: 11px;
left: 151px;
left: 89px;
}
/* = Accès direct ----- */
#accesdirect {
width: 235px;
height: 250px;
float: right;
padding-top: 10px;
}
#lesemissions label {
width: 98%;
font: 1.7em/1.5em Impact, sans-serif;
color: white;
text-align: right;
float: right;
clear: both;
}
#lesemissions select {
width: 220px;
float: right;
clear: both;
}
#lesthemes {
width: 100%;
height: 100px;
position: relative;
top: 60px;
margin-bottom: 25px;
float: left;
clear: both;
}
#lesthemes p {
margin: 0;
padding: 0;
font: 1.5em/1.5em Impact, sans-serif;
color: #ffffff;
}
#lesthemes ul {
width: 100%;
height: 60px;
margin: 0px;
padding: 0px;
}
#navThematique li {
display: inline-block;
float: left;
height: 60px;
padding: 0px;
overflow: hidden;
}
#navThematique li a {
display: block;
width: 58px;
height: 60px;
float: left;
text-indent: -10em;
}

li#theme3 {display: none;}
ul#navThematique li#theme1 a {
background: url("../images/nav_thematique_01.png") no-repeat;
}
ul#navThematique li#theme2 a {
background: url("../images/nav_thematique_02.png") no-repeat;
}
ul#navThematique li#theme3 a {
background: url("../images/nav_thematique_03.png") no-repeat;
}
ul#navThematique li#theme4 a {
background: url("../images/nav_thematique_04.png") no-repeat;
}
#grilleprogrammes {
position: relative;
top: 30px;
}
#grilleprogrammes label {
width: 98%;
font: 1.7em/1.8em Impact, sans-serif;
color: white;
float: right;
clear: both;
text-align: right;
}
#grilleprogrammes select {
width: 220px;
float: right;
clear: both;
}
/* =contenu ---- */
#colA {
width: 230px;
float: left;
background: transparent url("../images/bg_colA.gif") no-repeat top left;
}
#colB {
width: 490px;
float: right;
}
#colBa {
width: 350px;
float: left;
}
#colBb {
width: 130px;
float: right;
}
/* =layout specifique */
#accueil #colBa, #programmes #colBa {
width: 490px;
}
/* =mise en page ----- */
#edito {
padding: 0 10px;
margin-bottom: 25px;
}
#edito h3 {
width: 95px;
font: 1.5em/1.2em Impact, sans-serif;
color: #86aa12;
}
#edito p {
padding: 12px 0;
font: 1em/1.2em Verdana,sans-serif;
color: #5d7077;
}
#edito a {
background: url("../images/chevrons-bleus.gif") no-repeat 5px left;
padding: 0 0 0 10px;
}
#annonceurs {
width: 210px;
display: block;
float: left;
margin: 0;
padding: 10px;
background-color: #86aa12;
/*background: url("../images/bg_annonceurs.gif") no-repeat top left;*/
}
#annonceurs  h3 {
font: normal 1.7em/1.5em Impact, sans-serif;
color: white;
}
#annonceurs ul {
list-style: none;
}
#annonceurs ul li {
margin: 2px 0;
background: url("../images/chevrons-blancs.gif") no-repeat 4px left;
padding: 0 0 0 10px;
}
#annonceurs ul li a {
color: #fff;
text-decoration: none;
}
#annonceurs ul li a:hover {
text-decoration: underline;
}
#colB h2 {
font: 1.7em/2.8em Impact, sans-serif;
color: #86aa12;
/*background: transparent url("../images/bg_h2.gif") no-repeat top left;*/
padding: 10px 0 0 0px;
}
#colB h2 span {
color: #000;
}
#colB h3 {
font: 1.3em/1.5em Impact, sans-serif;
color: #5d7077;
margin: 12px 0 0 0
}
#colB h4 {
font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #5d7077;
margin: 12px 0 0 0
}
#colB p {
padding: 10px 0 0 0;
font: 1.1em/1.3em Verdana, sans-serif;
color: #5d7077;
}
#colB ul {
padding: 10px 0 0 0;
font: 1.1em/1.3em Verdana, sans-serif;
color: #5d7077;
list-style: none;
}
#colB ul li {
background: url("../images/chevrons-bleus.gif") no-repeat 5px left;
padding: 0 0 1px 10px;
}
#colB ol {
padding: 10px 0 0 0;
font: 1.1em/1.3em Verdana, sans-serif;
color: #5d7077;
}
#lastVideos {
margin: 10px 0 20px 0;
float: left;
clear: both;
}
.goto {
display: block;
height: 35px;
float: left;
padding: 0 40px 0 0;
color: #00c5ef;
line-height: 3em;
background: url("../images/bt_suivant.gif") no-repeat right bottom;
}
#colBb #voir {

}
#colBb #voir h3 {
font: 1.4em/1.5em Impact, sans-serif;
color: #86aa12;
background: transparent url("../images/bg_h3.gif") no-repeat top left;
padding: 20px 0 0 25px;
}
#colBb #voir ul {
padding: 16px 0 0 25px;
list-style: none;
}
#colBb #voir ul li {
float: left;
clear: both;
}
#colBb #voir ul li a {
text-decoration: none;
line-height: 2.2em;
color: #aeb8bb;
background: url("../images/chevrons-bleus.gif") no-repeat left;
padding: 0 0 1px 10px;
margin: 0 10px;
float: left;
}
#programmes #colBa h2 {
width: 360px;
margin: 0;
height: 30px;
font: 1.2em/1em Verdana, sans-serif;
color: #86aa12;
padding: 8px 0 0 15px;
background: none;
float: left;
}
#programmes #colBa h2 span {
font: 1.1em/1em Verdana, sans-serif;
font-weight: bold;
}
#programmes #colBa h3 {
height: 25px;
font: bold 1.1em/1em Verdana, sans-serif;
color: #86aa12;
background: transparent url("../images/bg_h3-programmes.gif") no-repeat top left;
padding: 6px 0 0 35px;
float: left;
}
#programmes #selecteur {
width: 98%;
float: left;
clear: both;
}
/* =Changement picto diffusion */
#pictoDiffusion .actuellement {
width: 300px;
color: #4096cb;
font-weight: bold;
background: url("../images/chevrons-bleus.gif") no-repeat left;
padding: 0 0 1px 10px;
float:left;
}
#pictoDiffusion .changeur a.cable {
width: 100px;
height: 20px;
overflow: hidden;
text-indent: -15em;
float: right;
background: url("../images/grille_cable.gif") no-repeat top left;
}
#pictoDiffusion .changeur a.hertzien {
width: 100px;
height: 20px;
overflow: hidden;
text-indent: -15em;
float: right;
background: url("../images/grille_hertzienne.gif") no-repeat top left;
}
/* =/Changement picto diffusion */
#pictoDiffusion a.cable {
width: 69px;
height: 21px;
display: block;
float: left;
background: url("../images/picto_cable.gif") no-repeat top right;
text-indent: -50em;
;
}
#programmes a.precedent {
width: 40px;
height: 35px;
display: block;
font-size: 1px;
background: transparent url("../images/bt_precedent.gif") no-repeat top left;
text-indent: -200em;
float: left;
overflow: hidden;
}
#programmes a.suivant {
width: 40px;
height: 35px;
display: block;
font-size: 1px;
background: transparent url("../images/bt_suivant.gif") no-repeat top left;
text-indent: -200em;
float: right;
overflow: hidden;
}
#programmes #calendrier {
width: 100%;
float: left;
border-bottom: 1px solid #4096cb;
margin: 0 0 5px 0;
}
#programmes #calendrier ul {
list-style: none;
font: 0.9em/1em Verdana, sans-serif;
padding: 0 0 20px 50px;
float: left;
margin: 0 0 0px 0;
display: block;
}
#programmes #calendrier li {
display: inline-block;
margin: 0 0 0 5px;
float: left;
}
#programmes #calendrier li a {
color: #aeb8bb;
}
#programmes #calendrier li a.active {
color: #4096cb;
}
.horaire {
width: 98%;
float: left;
clear: both;
margin: 0 0 15px 0;
}
.horaire h4{
width: 100%;
float: left;
clear: both;
}
.horaire h4 a {
float: left;
font: 1.1em/1.5em Verdana, sans-serif;
color: #4096cb;
}
.horaire h4 a:hover {
text-decoration: underline;
}
.horaire h4 span {
color: #000;
font: 1.1em/1.5em Verdana, sans-serif;
padding: 0 5px 0 0;
}
.horaire h4 a {
text-decoration: none;
}
#programmes #colBa .horaire p {
width: 300px;
padding: 0 20px 0 0;
float: left;
}
.horaire img.visuel {
width: 150px;
float: right;
}
/* = footer ------*/
#footer p#navBas {
width: 100%;
color: #aeb8bb;
}
#footer p#navBas a {
text-decoration: none;
color: #aeb8bb;
background: url("../images/chevrons-bleus.gif") no-repeat left;
padding: 0 0 1px 10px;
margin: 0 10px;
-}
#footer p#navBas a:hover {
text-decoration: underline;
}

/* = Formulaire --*/

.field_line {
	position: relative;
	width: 100%;
	clear: both;
	padding: .5em 0;
}
.field_line em {
	float: left;
	font-size: 0.8em !important;
}

.field_line label {
	float: left;
	width: 140px;
}
.field_title {
	float: left;
	width: 43% !important;
	padding-right: 1%;
	font-size: 11px !important;
	color: #333;
}
.field_input {
	float: left;
	width: 55%;
}
.field_line label .required {
	color: darkorange;
	padding: 0 0 0 5px;
}
.captcha {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 30px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 3px;
	left: 140px;
	z-index: 1;
}

div.fakefile img {
	position: relative;
	top: 5px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	border: 1px solid red;
}

.field_valid {
	text-align: center;
	margin: 15px 0;
}

/* AJOUT SPOTS */

.spot {float: left; width: 99%;}
p.form_navigation {
	margin: 25px auto 15px auto;
	text-align: center;
}
a.modifier {
	margin: 35px 15px 0 0;
	padding: 15px 0 15px 45px ;
	text-decoration: none;
	background: url(/global/images/bt_before.gif) no-repeat left center;
}

a.continuer {
	margin: 35px 15px 0 0;
	padding: 15px 0 15px 45px;
	text-decoration: none;
	background: url(/global/images/bt_after.gif) no-repeat left center;
}