/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

html {
    /*height              : 100%;*/
}

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #000 url(../images/fd_page.gif) repeat-x left top;
    /*height             : 100%;*/
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#ombrage {
    /*height             : 100%;*/
    background         : transparent url(../images/fd_page_ombre.gif) no-repeat center top;
}

#container {
    /*height             : 100%;*/
	width              : 980px;
	margin             : 0 auto;
	background         : #0C0506;
	padding-left       : 32px;
}

/* --- HEADER --- */
#header {
}

div#header div.slogan {
    /*float               : right;*/
    width               : auto;
    height              : 21px;
    color               : #c0c0c0;
    font-style          : italic;
    text-align          : right;
    padding-right       : 12px;
    padding-top         : 6px;
    background          : #393334 url(../images/fd_menu_haut_fin.gif) repeat-x left top;
}

#header_menu {
    text-align         : left;
    font-size           : 12px;
}
#header ul {
	margin             : 0;
	padding             : 0;
}
#header ul li {
	list-style         : none;
	float               : left;
	margin             : 0;
	border-right        : 4px solid #0c0506;
	/*width               : 130px;*/
	text-align          : center;
}

#header ul li ul li {
	list-style         : none;
	float               : left;
	margin             : 0;
	border-right        : none;
	width               : 200px;
	text-align          : left;
}

#header ul li a, #header ul li a:link, #header ul li a:visited {
    display             : block;
    height              : 21px;
	text-decoration    : none;
	color              : #fff;
	background          : #686263 url(../images/menu_haut_fd_off.gif) repeat-x left top;
	padding             : 6px 11px 0 11px;
}

#header ul li a, #header ul li a:link, #header ul li a:visited {
    display             : block;
    height              : 21px;
	text-decoration    : none;
	color              : #fff;
	background          : #686263 url(../images/menu_haut_fd_off.gif) repeat-x left top;
	padding             : 6px 11px 0 11px;
}

#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
    display             : block;
    height              : 21px;
	text-decoration    : none;
	color              : #fff;
	background          : #333;
	padding             : 0;
}

#header ul li li a, #header ul li li a:hover, #header ul li li a:active {
    display             : block;
    height              : 21px;
	text-decoration    : none;
	color              : #fff;
	background          : #6c6667;
	padding             : 0;
}

#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
	background         : #ACC958;
	color              : #fff;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
	padding            : 3px 10px;
	font-size          : 11px;
}
#header ul li a:hover {
	background         : #333;
	color              : #fff;
}

div.bandeau_flash {
    padding-top         : 11px;
}

/* --- SIDEBAR --- */
#sidebar {
	float              : left;
	width              : 220px;
	background         : #070303;
}

/* --- CONTENT --- */
#content {
	margin-left        : 220px;
	margin-bottom       : 47px;
	padding            : 30px 10px 10px 33px;
	background         : #e7e4e7 url(../images/fd_haut_contenu.gif) repeat-x left top;
	height              : auto;
    min-height          : 500px;
    _height             : 500px;
}
#page_title {
    border-bottom      : 1px solid #474D4D;
}
#content div.page_contenu {
    margin-left        : 3px;
}

/* --- ACTUS HOME --- */
div.entete_actu_home {
    background          : url(../images/fd_actu_home.gif) no-repeat left top;
    width               : 199px;
    height              : 20px;
}

div.entete_actu_home div {
    text-align          : center;
    padding-left        : 28px;
    padding-top         : 1px;
    color               : #e8ecf6;
    font-size           : 13px;
}

div.actus_home {
    width               : 500px;
    padding            : 17px 10px 10px 4px;
    background         : #e2dee0 url(../images/fd_haut_actus_home.gif) repeat-x left top;
}

div.actus_home div.actu_titre {
    color               : #454545;
    font-weight         : bold;
}

h2.actu {
    font-size           : 16px;
    color               : #454545;
}

/* --- AGENDA HOME --- */
div.entete_agenda_home {
    background          : url(../images/fd_actu_home.gif) no-repeat left top;
    width               : 199px;
    height              : 20px;
    float               : right;
}

div.entete_agenda_home div {
    text-align          : center;
    padding-left        : 28px;
    padding-top         : 1px;
    color               : #e8ecf6;
    font-size           : 13px;
}

div.agenda_home {
    width               : 422px;
    padding            : 17px 10px 10px 4px;
    background         : #e2dee0 url(../images/fd_haut_actus_home.gif) repeat-x left top;
}

div.agenda_home div.un_evenement {
    padding             : 5px 0;
}

div.agenda_home div.un_evenement div.nom_evenement {
    color               : #454545;
    font-weight         : bold;
}

div.agenda_home div.un_evenement div.checkbox {
    float               : right;
    width               : 20px;
}

div.agenda_home div.un_evenement div.date_evenement {
    color               : #ab1700;
    font-weight         : bold;
}

h2.actu {
    font-size           : 16px;
    color               : #454545;
}

/* --- FOOTER --- */
#footer {
    color               : #9f9f9f;
	background         : #333 url(../images/fd_footer.gif) repeat-x left top;
	padding-top         : 2px;
	height              : 36px;
	text-align          : center;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color              : #9f9f9f;
}

#footer_menu {
	text-align         : center;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 5px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #9f9f9f;
}
#footer ul li a:hover {
	text-decoration    : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    /*position            : absolute;
    bottom              : 0;
    left                : 50%*/
    padding            : 5px 0px;
    text-align         : center; 
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

/* ----------------------------------------------------------*/
/* ---------->>> NAVIGATION BASSE PAGE ACCUEIL <<<-----------*/
/* ----------------------------------------------------------*/

div#axes_home ul li {
    background          : #000;
    list-style-type     : none;
}

div#axes_home ul li div.image {
    float               : left;
    width               : 152px;
    cursor              : pointer;
}

div#axes_home ul li div.nav {
    float               : left;
    width               : 222px;
}

/* ----------------------------------------------------------------*/
/* ---------->>> NAVIGATION GAUCHE PAGES INTERIEURES <<<-----------*/
/* ----------------------------------------------------------------*/

ul.nav_axe {
    margin              : 0;
    padding             : 0;
    width               : 200px;
}

ul.nav_axe li {
    margin              : 0;
    padding             : 0;
    list-style-type     : none;
    font-weight         : bold;
    width               : 204px;
    background          : #0c0506;
    position            : relative;
    cursor              : pointer;
}

ul.nav_axe li a:link,
ul.nav_axe li a:visited,
ul.nav_axe li a:hover,
ul.nav_axe li a:active {
    display             : block;
    padding             : 3px 2px;
}

ul.nav_axe li.on a:link,
ul.nav_axe li.on a:visited,
ul.nav_axe li.on a:hover,
ul.nav_axe li.on a:active {
    background          : #241e1e;
}

ul.nav_axe li.on li a:link,
ul.nav_axe li.on li a:visited,
ul.nav_axe li.on li a:hover,
ul.nav_axe li.on li a:active {
    background          : transparent;
}

ul.nav_axe li ul {
    margin              : 0 0 0 8px;
    padding             : 0;
    background          : #524c4c;
}

ul.nav_axe li ul.off {
    display             : none;
    position            : absolute;
    left                : 196px;
    top                 : 0px;
    width               : 200px;
    z-index             : 300;
}

ul.nav_axe li ul.on {
    display             : block;
}

ul.nav_axe li li {
    font-weight         : normal;
    width               : auto;
    cursor              : auto;
    background          : transparent;
}

ul.nav_axe li li a {
    display             : block;
    padding             : 4px;
}

ul.nav_axe li li a.on:link,
ul.nav_axe li li a.on:visited,
ul.nav_axe li li a.on:hover,
ul.nav_axe li li a.on:active {
    background           : #686262;
}

ul.nav_axe a:link,
ul.nav_axe a:visited,
ul.nav_axe a:hover,
ul.nav_axe a:active {
    text-decoration     : none;
    color               : #fff;
}

/* ------------------------------------------*/
/* ---------->>> CHEMIN DE FER <<<-----------*/
/* ------------------------------------------*/

div#chemin_de_fer {
    padding             : 3px 0;
    color               : #cfc9ca;
}

div#chemin_de_fer span.texte {
    color               : #0060c1;
}

div#chemin_de_fer a:link,
div#chemin_de_fer a:visited {
    color               : #cfc9ca;
    text-decoration     : none;
}

div#chemin_de_fer a:hover,
div#chemin_de_fer a:active {
    text-decoration     : underline;
}

div#logo,
div#form_inscription_newsletter,
div#form_recherche {
    float               : left;
}

div#drapeau {
    float               : right;
}

div#form_inscription_newsletter,
div#form_recherche,
div#drapeau {
    padding-top         : 19px;
}

div#form_inscription_newsletter {
    padding-left        : 275px;
}

div#form_recherche {
    padding-left        : 18px;
}

div#drapeau {
    padding-left        : 10px;
}


div#form_inscription_newsletter .champ,
div#form_recherche .champ {
    background          : #e4e0e3;
    font-family         : verdana, arial, helvetica, sans-serif;
    font-size           : 11px;
    border              : none;
    height              : 16px;
}

/* ----------------------------------------*/
/* ---------->>> HSLIDE HOME <<<-----------*/
/* ----------------------------------------*/

div#axes_home ul {
    margin          : 0 0 17px 0;
    padding         : 0;
    font-weight     : bold;
}

div#axes_home a:link,
div#axes_home a:visited {
    color           : #fff;
    text-decoration : none;
}

div#axes_home a:hover,
div#axes_home a:active {
    text-decoration : unerline;
}

div#axes_home  td.lien_page_int {
    padding-top         : 5px;
}

/* -----------------------------------*/
/* ---------->>> AGENDA <<<-----------*/
/* -----------------------------------*/

div.ficheevenement div.titre {
    font-size           : 20px;
    font-weight         : bold;
    margin-bottom       : 10px;
}

div.ficheevenement div.date {
    font-size           : 14px;
    font-weight         : bold;
}

div.ficheevenement div.lieu {
    font-size           : 12px;
    font-weight         : bold;
}

div.ficheevenement div.presentation {
    margin              : 5px 0;
}

div.un_evenement_interieur {
    border-bottom       : 1px dotted #000;
    padding             : 10px;
}

div.un_evenement_interieur div.date_evenement {
    font-weight         : bold;
    font-size           : 14px;
}

/* ---------------------------------------*/
/* ---------->>> FICHE FILM <<<-----------*/
/* ---------------------------------------*/

div.titre_vo {
    font-size          : 12px;
}

div.prix, div.pays,
div.synopsis_titre,
div.avis_titre {
    font-weight         : bold;
}
 
img.realisateur_photo {
    margin-right        : 5px;
}

div.realisateur_nom {
    font-size           : 14px;
    font-weight         : bold;
}

div.realisateur_dob {
    font-size           : 12px;
    font-weight         : bold;
}

/* --------------------------------------------------*/
/* ---------->>> POUR LA PROGRAMMATION <<<-----------*/
/* --------------------------------------------------*/

.jour {
    font-weight             : bold;
    color                   : #fff;
    background-color        : #828a8a;
}

.ancre {
    font-weight: bold;
    border:1px solid #FFCC00;
    text-align:center;
    vertical-align:middle;
    width:24px;
    height:24px;
}

.ancre a {
    color: #000000;
    text-decoration: none;
}
.ancreover {
    font-weight: bold;
    background-color: #FFDE00;
    cursor: hand;
    border:1px solid #FFCC00;
    text-align:center;
    vertical-align:middle;
    width:24px;
    height:24px;
}
.ancreover a {
    color: #000000;
    text-decoration: none;
}
.ancreover a:hover {
    color: #000000;
    text-decoration: none;
}

.txth3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

/* ----------------------------------------------*/
/* ---------->>> COLONNE DE DROITE <<<-----------*/
/* ----------------------------------------------*/

/* Il y en a dans style.css.php */

td.colonne_droite {
    background              : #fff;
}

td.colonne_droite p {
    margin-left             : 16px;
}

td.colonne_droite .champ_texte, td.colonne_droite .champ_select {
    font-size               : 11px;
    border                  : 1px solid #d1cfd0;
}

td.colonne_droite .champ_texte {
    width                   : 124px;
}

td.colonne_droite .champ_select {
    width                   : 146px;
}

div.une_actu_colonne_droite {
    background: transparent url(../images/fd_actu_colonne_d.gif) repeat-x left bottom;
    margin: 11px 7px 0 5px;
    padding: 0 11px 11px 7px;
}

div.une_actu_colonne_droite a:link,
div.une_actu_colonne_droite a:visited,
div.une_actu_colonne_droite a:hover,
div.une_actu_colonne_droite a:active {
    color: #366585;
}

div.evenement_interieur {
    background: transparent url(../images/fd_actu_colonne_d.gif) repeat-x left bottom;
    margin: 11px 0px 0 5px;
    padding: 0 3px 11px 7px;
}

div.evenement_interieur .date_evenement {
    color: #ab1700;
}

div.evenement_interieur .nom_evenement {
    color: #454545;
}

div.evenement_interieur .nom_evenement a:link,
div.evenement_interieur .nom_evenement a:visited,
div.evenement_interieur .nom_evenement a:hover,
div.evenement_interieur .nom_evenement a:active {
    color: #454545;
}

input.ajout_programme {
    color: #fff;
    background: #000;
    border: 1px solid #000;
    font-size: 10px;
    font-family: verdana;
    padding:0;
    margin:0;
    height: 19px;
    width: 153px;
}

/* -----------------------------------*/
/* ---------->>> DIVERS <<<-----------*/
/* -----------------------------------*/

.debug {
    border              : 1px dashed red;
    background          : transparent url(../images/shading.png);
}

*:focus {
    outline             : none;
}