/* CSS Document */
body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#1a171b;
}
/* TITRE-IMAGES via Background CSS */
body#qui {
background:#fff url(../img/quiSommesNous.gif) 259px 55px no-repeat;
}
body#charte {
background:#fff url(../img/charteEditoriale.gif) 256px 13px no-repeat;
}
body#comment {
background:#fff url(../img/commentParticiper.gif) 261px 63px no-repeat;
}
body#contacts {
background:#fff url(../img/contacts.gif) 256px 32px no-repeat;
}
body#enImages {
background:#fff url(../img/enImages.gif) 256px 54px no-repeat;
}
body#liens {
background:#fff url(../img/liens.gif) 256px 54px no-repeat;
}
body#nousRecevoir {
background:#fff url(../img/nousRecevoir.gif) 258px 9px no-repeat;
}
body#programmes {
background:#fff url(../img/programmes.gif) 256px 56px no-repeat;
}
body.programmes {
background:#fff url(../img/programmes.gif) 256px 56px no-repeat;
}
/* CADRE PRINCIPAL */
#page {
width:1004px;
/*height:596px;*/
height:756px;
background:url(../img/fdHome.jpg) 0 100% no-repeat;
margin:0;
}
/* TITRAGE / MASQUAGE via position */
#logo h1 {
display:inline;
}
h1 span, h2 span, h3 span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* COLONNES */
#gauche {
float:left;
width:270px;
}
#droite {
float:left;
width:734px;
}
/* LIENS */
a {
color:#333;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#f33;
}

/* MENU GRAPHIQUE - Rollover via CSS */
#niv1 {
list-style-type:none;
margin:0;
padding:15px 0 0 35px;
float:left;
}
#niv1 li {
padding:0;
}
#niv1 li.accueil a {
display:block;
padding:0;
height:34px;
width:105px;
background:url(../img/accueil2.png) 0 0 no-repeat;
}
#niv1 li.accueil a:hover {
background:url(../img/accueil2.png) 0 -34px no-repeat;
}
#niv1 li.quisn a {
display:block;
padding:0;
height:38px;
width:196px;
background:url(../img/qui-sommes-nous3.png) 0 0 no-repeat;
}
#niv1 li.quisn a:hover {
background:url(../img/qui-sommes-nous3.png) 0 -38px no-repeat;
}
#niv1 li.prog a {
display:block;
padding:0;
height:41px;
width:133px;
background:url(../img/programmes3.png) 0 0 no-repeat;
}
#niv1 li.prog a:hover {
background:url(../img/programmes3.png) 0 -41px no-repeat;
}
#niv1 li.enimg a {
display:block;
padding:0;
height:39px;
width:134px;
background:url(../img/en-images3.png) 0 0 no-repeat;
}
#niv1 li.enimg a:hover {
background:url(../img/en-images3.png) 0 -39px no-repeat;
}
#niv1 li.charte a {
display:block;
padding:0;
height:61px;
width:171px;
background:url(../img/charte3.png) 0 0 no-repeat;
}
#niv1 li.charte a:hover {
background:url(../img/charte3.png) 0 -61px no-repeat;
}
#niv1 li.recevoir a {
display:block;
padding:0;
height:55px;
width:113px;
background:url(../img/nous-recevoir2.png) 0 0 no-repeat;
}
#niv1 li.recevoir a:hover {
background:url(../img/nous-recevoir2.png) 0 -55px no-repeat;
}
#niv1 li.comment a {
display:block;
padding:0;
height:37px;
width:191px;
background:url(../img/comment-participer2.png) 0 0 no-repeat;
}
#niv1 li.comment a:hover {
background:url(../img/comment-participer2.png) 0 -37px no-repeat;
}
#niv1 li.comment a {
display:block;
padding:0;
height:37px;
width:191px;
background:url(../img/comment-participer2.png) 0 0 no-repeat;
}
#niv1 li.comment a:hover {
background:url(../img/comment-participer2.png) 0 -37px no-repeat;
}
#niv1 li.contact a {
display:block;
padding:0;
height:40px;
width:115px;
background:url(../img/contacts2.png) 7px 0 no-repeat;
}
#niv1 li.contact a:hover {
background:url(../img/contacts2.png) 7px -40px no-repeat;
}
#niv1 li.liens a {
display:block;
padding:0;
height:33px;
width:112px;
background:url(../img/liens2.png) 0 0 no-repeat;
}
#niv1 li.liens a:hover {
background:url(../img/liens2.png) 0 -33px no-repeat;
}
#niv1 li a span {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
#niv1 img {
border:0;
}

/* CONTENU - Taille fixe + scroll */
#contenu {
background:#fff;
filter:alpha(opacity=85);
opacity:.85;
float:left;
padding:0;
width:734px; /* 734 - 30 */
height:480px;
overflow:auto;
margin-top:116px;
}
/* spécifique page contacts */
#contenu.cont {
background:none;
}
#contenu .inner {
padding:0 15px 15px 15px;

}
#contenu p {
clear:both;
margin:1em 0;
}
#contenu h2 {
font-size:1.15em;
margin:0 0 10px 0;
padding:5px 0 2px;
text-transform:uppercase;
/*background:#ccc;*/
}
#contenu h3 {
font-size:1.1em;
margin:0;
clear:both;
}
/* Lien version imprimable */
#vPrint {
display:block;
float:right;
background:#9c9c9a;
padding:5px 7px;
color:#fff;
font-weight:bold;
font-size:0.9em;
text-decoration:none;
margin-bottom:6px;
float:right;
}
#vPrint:hover {
text-decoration:underline;
}
/* Bloc gris de contenu */
.blocGris {
background:#9c9c9a;
color:#fff;
float:left;
padding:0;
margin:0 0 6px 0;
width:100%;
font-weight:bold;
}
#contenu .blocGris p {
margin:0;
padding:5px 10px;
}
#contenu .blocGris a {
color:#f6c900;
text-decoration:none;
}
#contenu .blocGris a:hover {
text-decoration:underline;
}
#contacts .blocGris {
background:#EDEDE7;
color:#1B1B1F;
font-weight:normal;
}

/* TABLEAUX PROGRAMMES */
#jours, #moments {
border:0;
border-collapse:collapse;
border-spacing:0;
font-weight:bold;
font-size:0.9em;
margin:0;
}
#jours td {
width:80px;
padding:5px;
}
#moments {
float:left;
clear:left;
}
#moments td {
width:80px;
padding:5px;
background:#9c9c9a;
text-align:center;
}
#jours td.act, #moments td.act {
background:#1a171b;
}
#jours td a {
text-decoration:none;
color:#9d9ea0;
}
#moments td a {
text-decoration:none;
color:#fff;
}
#jours td a:hover {
color:#1a171b;
}
#jours td.act a:hover {
color:#fff;
}
#moments td a:hover {
color:#1a171b;
}
#moments td.act a:hover {
color:#9d9ea0;
}

/* CONTENU PROGRAMMES */
table#programmes {
width:100%;
clear:both;
border:0;
border-collapse:collapse;
border-spacing:0;
font-size:0.9em;
}
table.programmes {
width:100%;
clear:both;
border:0;
border-collapse:collapse;
border-spacing:0;
font-size:0.9em;
}
table#programmes tr td {
width:50%;
vertical-align:top;
}
table.programmes tr td {
width:33%;
vertical-align:top;
}
#contenu table#programmes h3 {
font-size:1.2em;
margin:2px 0;
}
#contenu table.programmes h3 {
font-size:1.2em;
margin:2px 0;
}
.emission {
padding:0 40px 20px 0;
}
.emission h4 {
font-size:1.1em;
margin:0;
padding:2px 0 0;
}
#contenu .emission p {
margin:3px 0 0 0;
padding:0 0 0 5px;
}
#contenu .emission p.info {
margin:0;
font-size:0.95em;
}
#contenu .emission a {
text-decoration:none;
}


/* TABLEAU PAGE LIENS */
#contenu #liens {
width:100%;
clear:both;
border:0;
border-collapse:collapse;
border-spacing:0;
}
#contenu #liens tr td {
width:50%;
vertical-align:top;
padding-right:20px;
}
#contenu #liens h3 {
font-size:1.1em;
padding:12px 0 0 0;
}
#contenu #liens p {
margin:10px 0 0 0;
}
#contenu #liens a {
color:#aec51b;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}
#contenu #liens a:hover {
text-decoration:underline;
}

/* HOME - EDITO */
#edito {
float:left;
background:#fff;
filter:alpha(opacity=85);
opacity:.85;
padding:15px;
width:470px; /* 500 - 30 */
text-align:justify;
margin-top:55px;
overflow : auto;
height : 455px;
}
#edito h2 {
display:inline;
}
/* HOME - VIDEO EN DIRECT */
#direct {
float:left;
width:180px;
margin:0;
margin-top:116px;
padding:0 25px;
}
#direct h2 {
color:#98989C;
font-size:1em;
}
#direct .date {
font-size:0.9em;
margin:2px 0;
text-align:center;
}

/* tableaux */
.enImages {
margin:8px 0 8px 30px;
border-collapse:collapse;
border-spacing:0;
}
.enImages td {
width:200px;
vertical-align:top;
}
.enImages .video {
margin-bottom:15px;
}
.enImages .titre {
padding-right:20px;
font-size:1.1em;
}
.enImages .infos {
padding-right:20px;
font-size:0.85em;
}

/* COULEURS PROGRAMMES TV */
.hebdo, .hebdo a{
color:#8bb613;
}
.cuisine, .cuisine a {
color:#ed8800;
}
.emploi, .emploi a {
color:#a481b5;
}
.hier, .hier a {
color:#e2007a;
}
.libreAntenne, .libreAntenne a {
color:#aaa296;
}
.nuit, .nuit a {
color:#ffe144;
}
.aujourdhui, .aujourdhui a {
color:#467492;
}
.bonus, .bonus a {
color:#b11f16;
}
.cinema, .cinema a {
color:#004c99;
}
.theatre, .theatre a {
color:#4d8f21;
}
.danse, .danse a {
color:#f096a3;
}
.cirque, .cirque a {
color:#db001b;
}
.docu, .docu a {
color:#009ee0;
}
.fiction, .fiction a {
color:#781b7c;
}
.musique, .musique a {
color:#fcc400;
}

#bas {
position:absolute;
left:0px;
top:590px;
height:156px;
width:1004px;
}

/* formulaire de contact */
.formContact {
background:#fff;
filter:alpha(opacity=85);
opacity:.85;
float:left;
width:300px;
clear:both;
margin-left:25px;
}
.formContact form {
margin:0;
padding:8px;
}
.formContact form p {
clear:both;
margin:5px 0;
}
.formContact form p label {
font-weight:bold;
display:block;
margin-bottom:5px;
}
.formContact form p input, .formContact form p textarea {
width:100%;
border:0;
background:#EDEDE7;
font-size:1em;
display:block;
font-family:Arial, Helvetica, sans-serif;
}
.formContact form p input.submit {
width:auto;
background:none;
float:right;
margin-bottom:10px;
}
#contenu .inner p.erreur {
color:#E51718;
font-style:italic;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}

/* formulaire newsletter */
.newsletter {
background:#fff;
filter:alpha(opacity=85);
opacity:.85;
float:left;
width:300px;
margin-left:25px;
}
.newsletter form {
margin:0;
padding:8px;
}
.newsletter form p {
clear:both;
margin:5px 0;
}
.newsletter form p label {
font-weight:bold;
display:block;
margin-bottom:5px;
}
.newsletter form p input {
width:100%;
border:0;
background:#EDEDE7;
font-size:1em;
display:block;
font-family:Arial, Helvetica, sans-serif;
}
.newsletter form p input.submit {
width:auto;
background:none;
float:right;
margin-bottom:10px;
}

/* div overlib programme */

.overProg {
padding:3px; 
width:224px; 
height:170px; 
background-color:#ffffff;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}

/* nouveau FCE en Images */
.blocCategorieEnImages {width:320px; float:left; padding:0 10px 10px;}
.zoneDescriptifCategorie {text-align:justify;}
.zoneLienCategorie {text-align:right;}

/* recettes cuisine */
.csc-menu dt {margin-top:10px;}
.csc-menu-4 dt {margin-top:10px;}