/*-------------------  styles globaux -------------------*/

html
{
	height: 100%;
	min-height:100%;
	margin: 0;
	padding: 0;
}

body
{
	padding: 0;
	margin: 0;
	height: 100%;
	background: #c8c9c8 url(../images/fond_page.gif) repeat-x top center;
}

/*-------------------  divs individuels -------------------*/

#conteneur
{
    margin:auto;
    width:960px;
     background-color:#ffffff;
}

#header
{
    width : 960px;
    height:200px;
    background: url(../images/header.jpg) no-repeat top left;
}

#haut
{
   float : left;
   width : 960px;
   /*min-height:100px;*/
   background-color: #ececec;
}

#haut_contenu
{
	float : left;
	margin : 2px 0px 20px 25px;
	width : 720px;
}

#bas
{
   float : left;
   width : 960px;
   min-height:200px;
   background-color: #ffffff;
}

#bas_gauche
{
	float : left;
	margin : 10px 0px 0px 25px;
	width : 153px;
}

#bas_contenu
{
	float : left;
	margin : 10px 0px 20px 13px;
	width : 732px;
}

#footer
{
    float : left;
    width : 960px;
    height:35px;
    background: #ececec url(../images/footer.gif) no-repeat bottom left;
    text-align : center;
    padding-top : 25px;
    margin-bottom:20px;
}

#alphabet
{
	float : left;
	margin-top : 16px;
	margin-bottom : 16px;
	width : 732px;
}


#navig_bas
{
	float:left;
	margin-top : 20px;
	width : 732px;
}

/*-------------------  moteur de recherche -------------------*/

#recherche
{
	float : right;
	width : 153px;
	margin : 80px 38px 0px 0px;
}

#recherche_haut
{
	float : left;
	width : 153px;
	height: 21px;
    background: #ffffff url(../images/rech_haut.gif) no-repeat top left;
}

#recherche_centre
{
	float : left;
	width : 153px;
	padding: 10px 0px 5px 0px;
	background-color: #7a7a7b;
}

#recherche_bas
{
	float : left;
	width : 153px;
	height : 5px;
    background: #ffffff url(../images/rech_bas.gif) no-repeat top left;
}

.recherche
{
	float : left;
	width : 105px;
	height : 16px;
	margin-left : 10px;
	border : 1px solid #7a7a7b;
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:11px;
    text-decoration : none;
    color : #666666;
}

#recherche fieldset { border: 0; padding:0; }
#recherche a, #recherche a:hover
{
	margin-left : 10px;
    font-family:Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:10px;
    color : #b9b9b9;
    text-decoration : none;
}

#recherche a:hover
{
    color : #ffffff;
}

.ok
{
	float : left;
	margin : 1px 0px 0px 5px;
}

/*------------------- menu deroulant --------------------*/

#navbar
{
	margin-left: 192px;
	margin-top:-30px;
	padding: 0;
	width : 730px;
	height: 32px;
	background: url(../images/fond_menu.gif) no-repeat top left;
}

#navbar li
{
	list-style: none;
	float: left;
}

#navbar li a
{
	display: block;
	width : 730px;
	height: 32px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:16px;
    color : #777;
    line-height : 32px;
    text-decoration : none;
    padding-left : 44px;
}

#navbar li ul
{
	display: none;
}

#navbar li:hover ul, #navbar li.hover ul
{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index : 9999;
}

#navbar li:hover li, #navbar li.hover li
{
	float: none;
}

#navbar li:hover li a, #navbar li.hover li a
{
	width : 676px;
	margin-left:5px;
	background-color: #F6C01A;
    font-size:14px;
	color: #fff;
	border-bottom:1px solid #fee8a3;
	height: 26px;
	line-height: 26px;
}

#navbar li li a:hover
{
	background-color: #666;
	color:#e2e2e2;
}

/*-------------------  retour à l'accueil -------------------*/

#retouraccueil_haut
{
	float : left;
	width : 153px;
	height: 18px;
    background: #ECECEC url(../images/retour_haut.gif) no-repeat top left;
}

#retouraccueil_centre
{
	float : left;
	width : 153px;
	padding: 0px 0px 0px 0px;
	background-color: #F7CD48;
}

#retouraccueil_bas
{
	float : left;
	width : 153px;
	height : 5px;
    background: #ECECEC url(../images/retour_bas.gif) no-repeat top left;
}
.ok2
{
	float : left;
	margin : 1px 0px 0px 5px;
}

#mediaspace
{
	width : 728px;
	margin-bottom:20px;
}

.fiche, .texte
{
	width:670px;
	margin-left:10px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height : 20px;
	color : #000000;
	text-align: justify;
}

/*--------------------- styles texte ----------------------*/

.contenu
{
	/* float : left; */
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height : 18px;
	color : #000000;
	text-align: justify;
    padding : 8px 0px 8px 8px;
}

.contenu_film
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height : 20px;
	color : #000000;
	text-align: justify;
}

.titre_film
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
	font-size:21px;
	color : #7a7a7b;
}

.soustitre_film
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	color : #7a7a7b;
	text-transform: uppercase;
}

.mention_film
{
	float : left;
	width : 688px;
	height :16px;
	padding-left : 40px;
	background :#ffffff url(../images/carre_pt.gif) no-repeat 6px 0px;
    font-family: Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #7a7a7b;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
}

.prod_film
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:12px;
	color : #000000;
	line-height : 24px;
	list-style : none;
	margin-left:-40px;
}

.comment_film
{
	float : left;
	width : 688px;
	text-align: right;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:10px;
	color : #7a7a7b;
	font-style: italic;
}

.source_film, .source_film TABLE
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:11px;
	text-align: justify;
	color : #7a7a7b;
	font-style: italic;
	line-height : 16px;
}
.source_film UL { list-style-type: None; }
.source_film TABLE TD {vertical-align: top; padding-left: 0px; margin-left: 0; }
.lettre
{
	float : left;
	width : 688px;
	height :40px;
	font-family: Arial, "Trebuchet MS",sans-serif;
	font-weight:normal;
	font-size:32px;
	color : #7a7a7b;
    padding : 8px 0px 16px 8px;
}

#haut_contenu a
{
    font-family: Arial, "Trebuchet MS", sans-serif;
    font-weight:bold;
    font-size:15px;
    color : #7a7a7b;
    line-height : 30px;
    text-decoration : none;
    padding-left : 30px;
    background : url(../images/carre.gif) no-repeat 0px 4px;
}

#haut_contenu a:hover
{
	color : #F7CD48;
}

.barredetitre, a.barredetitre
{
	float:left;
	width : 732px;
	height : 32px;
	margin : 5px 0px 5px 0px;
	background : url(../images/barredetitre.gif) no-repeat top left;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:16px;
    color : #ffffff;
    line-height : 32px;
    text-decoration : none;
    padding-left : 44px;
}

.barredetitreon, a.barredetitreon, .barredetitreon a,
.barredetitreonaveclien, a.barredetitreonaveclien, .barredetitreonaveclien a
{
	width : 732px;
	height : 32px;
	margin : 5px 0px 5px 0px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:16px;
    color : #ffffff;
    line-height : 32px;
    text-decoration : none;
}

.barredetitreon, a.barredetitreon,
.barredetitreonaveclien, a.barredetitreonaveclien
 {
	background : url(../images/barredetitre_over.gif) no-repeat top left;
    padding-left : 44px;
}

a:hover.barredetitre
{
	background : url(../images/barredetitre_over.gif) no-repeat top left;
}

div:hover.barredetitreonaveclien { background: url(../images/barredetitre.gif) no-repeat top left; }

.listing
{
	float:left;
	width : 732px;
}

.col_gauche
{
	float:left;
	width:360px;
	margin-left:0px;
}

.col_droite
{
	float:right;
	width:360px;
	padding-right:6px;
}
	
.listing_annee, a.listing_annee,
.listing_film, a.listing_film
{
	float : left;
	width : 320px;
	height :16px;
	padding-left : 40px;
	background :#efefef url(../images/carre_pt.gif) no-repeat 6px 0px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #7a7a7b;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
}

a:hover.listing_annee,
a:hover.listing_film
{
	background-color : #F7CD48;
    color : #ffffff;
}
a.listing_annee span.auteur,
a.listing_film span.auteur
 { font-size: 85%; font-weight: normal; padding-left: 2px; }


/* DEBUT NOUVEAUX STYLES POUR RESULTATS DE RECHERCHE */

.article, .pagination
{
    border-top:1px dotted #666;
    padding:10px 0px 10px 0px;
    }

.article a
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	font-size:16px;
	text-align: justify;
	color : #F5C11A;
	line-height : 16px;
	text-decoration:none;
	padding:3px;
}

.article a:hover
{
	color : #ffffff;
	background-color:#F5C11A;
}


.type_document a
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align: justify;
	color : #333;
	line-height : 16px;
	text-decoration:none;
	padding:3px;
}

.type_document a:hover
{
	color : #ffffff;
	background-color:#F5C11A;
}

.pagination a
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	font-size:13px;
	color : #7A7A7B;
	text-decoration:none;
    padding: 4px
}

.pagination span.currentpage, .pagination a:hover
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-weight:bold;
	font-size:13px;
	color : #ffffff;
	background-color:#F5C11A;
	text-decoration:none;
    padding: 4px
}


/* FIN NOUVEAUX STYLES */


/* .listing_film, a.listing_film
{
	float : left;
	width : 705px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:normal;
    font-size:10px;
    color : #7a7a7b;
    line-height : 16px;
    text-decoration : none;
}

a:hover.listing_film 
{
	background-color : #F7CD48;
    color : #ffffff;
}

.lien_film, a.lien_film
{
	float : left;
	width : 250px;
	padding-left : 40px;
	background :#efefef url(../images/carre_pt.gif) no-repeat 6px 0px;
	height :16px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #7a7a7b;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
}

a:hover.lien_film 
{
	background-color : #F7CD48;
    color : #ffffff;
} */

.suivant, a.suivant
{
	float : right;
	text-align: right;
	width : 150px;
	height :16px;
	padding-right : 4px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #fff;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
	background-color : #F7CD48;
}

a:hover.suivant
{
	background-color : #666;
    color : #ffffff;
}

.precedent, a.precedent
{
	float : left;
	width : 150px;
	height :16px;
	padding-left : 4px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #fff;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
	background-color : #F7CD48;
}

a:hover.precedent
{
	background-color : #666;
    color : #ffffff;
}

.sommaire, a.sommaire
{
	float : left;
	width : 250px;
	height :16px;
	padding-left : 4px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:12px;
    color : #fff;
    line-height : 16px;
    text-decoration : none;
    margin : 3px;
	background-color : #F7CD48;
}

a:hover.sommaire
{
	background-color : #666;
    color : #ffffff;
}

.alphabet, a.alphabet
{
	float : left;
	width : 18px;
	height :24px;
	padding-left : 5px;
    font-family:"Trebuchet MS", Arial, sans-serif;
    font-weight:bold;
    font-size:18px;
    color : #7a7a7b;
	background-color : #ECECEC;
    text-decoration : none;
    margin : 2px;
}

a:hover.alphabet
{
	background-color : #F7CD48;
    color : #ffffff;
}

.sstitre { font-weight: bold; }

/* ------------ Photo dans la fiche ----------------- */

DIV.affiche { float: right; width: 250px; margin-top: 8px; margin-bottom: 20px; }
IMG.affiche { float: right; margin-right: 0.5em; }

/* ----------- Ajouts Odile 05/2010 ----------------- */

UL { margin-top: 0; }

P.resume { margin-top: 2px; margin-bottom: -2px; padding-top: 0; }

/* ----------- Ajouts Odile 09/2011 ----------------- */

UL#onglets LI { padding-left:6px; padding-right:6px;}
LI.prod_film {margin-bottom: 12px;} 
TABLE.listedenoms TD, LI.prod_film TD {padding-top:0; padding-bottom:0;padding-right:5em;line-height:120%;text-align:left;}
TABLE.listedenoms, TABLE.listedenoms TR, TABLE.listedenoms TD.sstitre { padding-left: 0; margin-left:0 ; vertical-align: top; }
TABLE.listedenoms TD.sstitre { width:15em; padding-right: 2em; }
UL#haut_resume { margin-bottom: 25px; }

/* ----------- Ajouts Odile 11/2011 ----------------- */

H3 { color: brown; }
H3.sstitreannexe { display: table; margin: auto; text-align: center; border-top: 1px solid black; width: 85%;
                   margin-top: 20px ; padding-top: 5px; padding-left: 4em; padding-right: 4em; padding-bottom: 5px;}
/* H3.sstitreannexe { padding-left: 13em; margin-right: -33px; border-top: 1px solid black; margin-top: 20px ;} */
DIV#resume, DIV#notefin { padding-bottom: 0.5em; }

/* ----------- Ajouts Odile 12/2011 ----------------- */

#avecaffiche { min-height: 320px; }
UL.resume { padding-left: 20px; padding-top: 0px;} /* 12 px ? */
DIV.source_film {  margin-left: -2px; margin-top : 10px; }