@CHARSET "UTF-8";
/* css pilotant les templates */

@IMPORT url(wpCinemaFiches.css) ;
@IMPORT url(wpCinemaItemCourtListeFilms.css) ;
@IMPORT url(wpCinemaItemCompletListeFilms.css) ;
@IMPORT url(wpCinemaSeances.css) ;

div#wpnavigation {
	height: 103px;
}

div#frame div#coldroite {
	top: 105px;
}

/* css pour le menu haut */
#menuHaut {
  height: 43px ;
  padding-bottom: 3px ;
  background-color: #000000 ;
  background-image: url("../images/menu/ombre.gif");
  background-repeat: repeat-x;
  background-position: top;
}

#menuHaut img.selected {
  cursor: pointer ;
}

#menuHaut img.roll:hover {
  cursor: pointer ; 
}

#blocHaut {
	background-image: url("../images/menuVille/fondBlocHaut.gif");
	background-repeat: repeat-x;
}

/* css pour le menu ville */
#menuVilles {
  height: 46px; 
  padding: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
  background-image: url("../images/menuVille/bando.gif"); 
	background-repeat: no-repeat;
}

#menuVilles ul.listeVilles {
  float: left;
  padding-left: 130px ;
  height: 46px;
  width: 850px ;
}

#menuVilles ul li {
  float: left;
  height: 23px;
	padding-left: 15px;
  line-height: 23px;
  vertical-align: middle;
	white-space: nowrap;
}

#menuVilles ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

#menuVilles ul li a:hover {
  color: #ff0000;	
}

#menuVilles ul li.selected a {
  color: #ff0000; 
}

div.separateurHaut {
  height: 1px;
  background-image: url("../images/menuVille/separateur.gif");
  background-repeat: repeat-x;
}

div.separateurHaut img {
  width: 1px;
  height: 1px;  
}

#wpframe a.lienmenulistereduite {
  font-size: 12px ;
  font-weight: bold ;
  color: #848483 ;
}
#wpframe a.lienmenulistereduite:hover {
  font-size: 12px ;
  font-weight: bold ;
  color: #ffffff ;
  background-image: url("../images/bg/bgliengoodies.png") ;
  background-repeat: no-repeat ;
}

#wpframe a.lientitrelistecourte{
  font-size: 12px ;
  font-weight: bold ;
  font-stretch: condensed ;
  color: #af1f25 ;
}
#wpframe a.lientitrelistecourte:hover{
  font-size: 12px ;
  font-weight: bold ;
  color: #000000 ;
}

#wpframe a.lientitreliste{
  font-size: 18px ;
  font-weight: bold ;
  font-stretch: condensed ;
  color: #af1f25 ;
}
#wpframe a.lientitreliste:hover{
  font-size: 18px ;
  font-weight: bold ;
  color: #000000 ;
}

#wpframe a.lientitrelistereduite{
  font-size: 12px ;
  font-weight: bold ;
  font-stretch: condensed ;
  color: #af1f25 ;
}
#wpframe a.lientitrelistereduite:hover{
  font-size: 12px ;
  font-weight: bold ;
  color: #000000 ;
}

/* css liste normale */
div.hautListeNormaleFilm {
	height: 12px;
  width: 100%;
	background-repeat: repeat-x;
}

div.hautListeNormaleFilm div {
  float: left;
	height: 12px;
}

div.hautListeNormaleFilm div.hautGaucheListeNormaleFilm {
  background-color: #ffffff;
}

div.hautListeNormaleFilm div.hautDroiteListeNormaleFilm {
  float: right;
	background-color: #ffffff;
}

div.milieuListeNormaleFilm {
	overflow: hidden;
	height: 1%;
  border-left:1px solid #888889;
  border-right:1px solid #888889;
}

div.blocItemListeNormaleFilm {
  float: left;
  width: 31% ;
  height: 140px ;
	padding-top: 10px;
  padding-left: 1%;
  padding-right: 1%;
}

div.basListeNormaleFilm {
	width: 100%;
	height: 25px;
	background-image: url("../images/bg/basMilieuColonne.gif") ;
}

div.basListeNormaleFilm div {
	float: left;
	height: 25px;
}

div.basGaucheListeNormaleFilm {
	background-color: #ffffff;
}

div.basDroiteListeNormaleFilm {
  padding-right: 10px;
  text-align: right;
  line-height: 25px;
	background-color: #ffffff;
  background-repeat: no-repeat;
}

/* css liste reduite */

div.milieuListeReduiteFilmCourt {
	height: 1%;
	overflow: hidden;
  border-left:1px solid #888889;
  border-right:1px solid #888889;
}

div.blocItemListeReduiteFilmCourt {
  float: left;
  width: 98% ;
  height: 140px ;
  padding-top: 10px;
  padding-left: 1%;
  padding-right: 1%;
}

div.basListeReduiteFilmCourt {
	background-repeat: no-repeat ;
}

/* css pour la page d'accueil */
#divAffiche,
#divSorties {
  width: 100%;
  padding: 5px 0px;
}

#divSorties h3 {
  background-image: url("../images/tetiere/sortie.gif") ;
}

#divAffiche h3 {
	background-image: url("../images/tetiere/affiche.gif") ;
}

#divSorties h3 span {
	float: right;
  color: #a2a2a2;
	font-size: 12px;
	line-height: 25px;
	vertical-align: baseline;
}

#divSorties div.hautListeNormaleFilm {
	background-image: url("../images/bg/hautMilieuSortie.gif") ;
}

#divAffiche div.hautListeNormaleFilm {
  background-image: url("../images/bg/hautMilieuAffiche.gif") ;
}

#divProchainement div.hautListeNormaleFilm {
  background-image: url("../images/bg/hautMilieuProchain.gif") ;
}

#divAffiche div.basDroiteListeNormaleFilm a ,
#divSorties div.basDroiteListeNormaleFilm a ,
#divProchainement div.basDroiteListeNormaleFilm a ,
#divCetteSemaine div.basDroiteListeNormaleFilm a ,
#divSortiesCetteSemaine div.basDroiteListeNormaleFilm a {
	font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}

#divSorties div.basDroiteListeNormaleFilm {
	float: right;
	width: 81px;
  background-image: url("../images/bg/basDroiteSortie.gif") ;
}

#divAffiche div.basDroiteListeNormaleFilm {
	float: right;
	width: 81px;
  background-image: url("../images/bg/basDroiteAffiche.gif") ;
}

#divProchainement div.basDroiteListeNormaleFilm {
  float: right;
	width: 81px;
  background-image: url("../images/bg/basDroiteProchain.gif") ;
}

#divCetteSemaine div.basDroiteListeNormaleFilm {
  float: right;
	width: 81px;
  background-image: url("../images/bg/basDroiteAffiche.gif") ;
}

#divSortiesCetteSemaine div.basDroiteListeNormaleFilm {
  float: right;
	width: 81px;
  background-image: url("../images/bg/basDroiteSortie.gif") ;
}

#divSorties div.itemCourtListeFilms div.itemCourtListeFilmsMenu ul li:hover {
  background-image: url("../images/bg/degradeNoir.gif") ;
} 

#divAffiche div.itemCourtListeFilms div.itemCourtListeFilmsMenu ul li:hover {
  background-image: url("../images/bg/degradeOrange.gif") ;
}

#divGoodies {
  position: relative;
  float: left;
  width: 300px;
  padding: 10px;
}

#divGoodies div.accueilGoodies {
  width: 300px ;
  height: 155px ;
}

#divGoodies div.accueilPublicite {
  width: 300px ;
  height: 259px ;
}

div.divPublicite {
  height: 260px;
	padding: 5px 0px 5px 25px;
}

#divProchainement {
  padding: 5px 0px 5px 25px;
  text-align: left;
}

#divProchainement h3 {
	background-image: url("../images/tetiere/prochainement.gif") ;
}

#divProchainement div.hautListeFilm {
	background-image: url("../images/bg/hautMilieuProchain.gif") ;
}

#divProchainement div.itemCourtListeFilms div.itemCourtListeFilmsMenupartiel ul li:hover {
  background-image: url("../images/bg/degradeBleu.gif") ;
}

#divCetteSemaine {
  padding: 5px 0px 5px 25px ;
  text-align: left ;
}

#divCetteSemaine h3 {
	background-image: url("../images/tetiere/affiche.gif") ;
}

#divCetteSemaine div.hautListeFilm {
  background-image: url("../images/bg/hautMilieuAffiche.gif") ;
}

#divCetteSemaine div.itemCourtListeFilms div.itemCourtListeFilmsMenu ul li:hover {
  background-image: url("../images/bg/degradeOrange.gif") ;
}

#divSortiesCetteSemaine {
  padding: 5px 0px 5px 25px ;
  text-align: left ;
}

#divSortiesCetteSemaine h3 {
	background-image: url("../images/tetiere/sortie.gif") ;
}

#divSortiesCetteSemaine div.hautListeFilm {
  background-image: url("../images/bg/hautMilieuSortie.gif") ;
}

#divSortiesCetteSemaine div.itemCourtListeFilms div.itemCourtListeFilmsMenu ul li:hover {
  background-image: url("../images/bg/degradeNoir.gif") ;
}

/* css pour les sorties */
#divListeSorties,
#divListeAlaffiche,
#divListeProchainement {
  width: 100% ;  
  padding: 5px 0px ;
}

#divListeSorties h3 {
	background-image: url("../images/tetiere/sortie.gif") ;
}

#divListeAlaffiche h3 {
  background-image: url("../images/tetiere/affiche.gif") ;
}

#divListeProchainement h3 {
  background-image: url("../images/tetiere/prochainement.gif") ;
}

#divListeSorties div.hautListeFilm {
  background-image: url("../images/bg/hautMilieuSortie.gif") ;
}

#divListeSorties h3 span {
	float: right;
  color: #a2a2a2;
	font-size: 12px;
	line-height: 25px;
	vertical-align: baseline;
}

#divListeSorties div.itemListeFilmGoodiesLiens ul li:hover {
	background-repeat: no-repeat;
  background-image: url("../images/bg/degradeNoir.gif") ;
}

#divListeAlaffiche div.hautListeFilm {
  background-image: url("../images/bg/hautMilieuAffiche.gif") ;
}

#divListeAlaffiche h3 span {
	float: right; 
	color: #a2a2a2;
	font-size: 12px ;
	line-height: 25px;
	vertical-align: baseline;
}

#divListeAlaffiche div.itemListeFilmGoodiesLiens ul li:hover {
	background-repeat: no-repeat;
  background-image: url("../images/bg/degradeOrange.gif") ;
}

#divListeProchainement div.hautListeFilm {
  background-image: url("../images/bg/hautMilieuProchain.gif") ;
}

#divListeProchainement h3 span {
	float: right;
  color: #a2a2a2;
	font-size: 12px;
	line-height: 25px;
  vertical-align: baseline;
}

#divListeProchainement div.itemListeFilmGoodiesLienspartiel ul li:hover {
	background-repeat: no-repeat;
  background-image: url("../images/bg/degradeBleu.gif") ;
}

div.hautListeFilm {
  height: 12px;
  width: 100%;
  background-repeat: repeat-x;
}

div.hautListeFilm div {
  float: left;
  height: 12px;
}

div.hautListeFilm div.hautGaucheListeFilm {
  background-color: #ffffff;
}

div.hautListeFilm div.hautDroiteListeFilm {
  float: right;
	background-color: #ffffff;
}

#wpframe div.menuListeFilm {
  text-align: center;
  border-left:1px solid #888889;
  border-right:1px solid #888889;
}

#wpframe div.menuListeFilm a {
	font-size: 12px;
  font-weight: bold;	
	cursor: pointer;
}

#wpframe div.menuListeFilm a:hover {
	color: #a2a2a2;
}

#wpframe div.menuListeFilm a.selected {
  color: #a2a2a2;
}

div.milieuListeFilm {
  border-left:1px solid #888889;
  border-right:1px solid #888889;
}

div.milieuListeFilm div.blocItemListeFilm {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}

div.milieuListeFilm div.separateur {
  width: 100%; 
  height: 0px; 
  border-bottom: 1px dashed #888889;
}

div.basListeFilm {
  width: 100%;
  height: 25px;
  background-image: url("../images/bg/basMilieuColonne.gif") ;
}

div.basListeFilm div.basGaucheListeFilm {
  float: left;
  height: 25px;
	background-color: #ffffff;
}

div.basListeFilm div.basDroiteListeFilm {
  float: right;
	height: 25px;
	background-color: #ffffff;
}