/**
 * @version $Id: lepass.css,v 1.14.2.1 2011-10-12 08:56:38 vle Exp $
 * @package gaumont-pathe.lucky
 * @copyright Copyright (C) 2007 BROCELIA. All rights reserved.
 */

#colonne_gauche
{
  background-color:#ffffff;
}

#lepass_gauche {
  width: 198px;
  float: left;
}

#lepass_gauche ul.menu
{
  list-style: none;
  list-style-image: none;
  padding:0;
  margin:0;
}

#lepass_gauche ul.menu li
{
  font-size:17px;
  background-image:url(../img/lepass/bg_menu.gif);
  background-repeat:repeat-x;
  margin:0;
  padding:0;
  padding:3px 0px 3px 5px;
  margin-bottom:2px;
  color:#fac312;
  cursor:pointer;
}

#lepass_gauche ul.menu li a
{
  color:#fac312;
  text-decoration:none;
  display:inline;
}

#lepass_gauche ul.menu li .petit
{
  font-size:17px;
}

#lepass_gauche ul.menu li ul.niveau2
{
  padding:0;
  margin:0;
}

#lepass_gauche ul.menu li ul.niveau2 li
{
  list-style: none;
  background-image:none;
  background-color:none;
  padding:0;
  margin:0;
  font-size:11px;
  background-image:url(../img/interface/puces/puce_menu_blanche.png);
  background-repeat:no-repeat;
  background-position:2px;
  padding-left:10px;
  padding-bottom:5px;
  padding-top:5px;
  *margin-bottom: -6px;
  *padding-left:9px;
  height:14px;
}
#lepass_gauche ul.menu li ul.niveau2 li a
{
  color:white;
  display:block;
}

#lepass_gauche ul.menu li.selected,
#lepass_gauche ul.menu li.selected a
{
  color:#ffffff;
}

#lepass_gauche ul.menu li ul.niveau2 li.selected
{
  background-color:#6a6a6a;

}

#lepass_gauche ul.menu li ul.niveau2 li:hover
{
  background-color:#6a6a6a;
}

#lepass_centre {
  width: 434px;
  float: left;
  overflow: hidden;
}
#lepass_centre .break
{
  clear: both;
}

#lepass_centre .centre
{
  text-align: center;
}


#lepass_centre .bandeau_top
{
  background-image:url(../img/lepass/bandeau_top_lepass.gif);
  background-repeat:repeat-x;
  height:90px;
  color:#ffffff;
  font-size:20px;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
  width:434px;
}

#lepass_centre .bandeau_page
{
  background-image:url(../img/interface/fonds/lepass/bg_bandeau_page.gif);
  background-repeat:repeat-x;
  height:31px;
  font-size: 14px;
  font-weight: bold;
  color:#f8c03d;
  padding-left:14px;
  padding-top:7px;
}

#lepass_centre .bandeau_page_accueil
{
  background-image:url(../img/interface/fonds/lepass/bg_bandeau_page_accueil.gif);
  background-repeat:repeat-y;
  height:24px;
  font-size: 14px;
  font-weight: bold;
  color:#f8c03d;
  padding-left:14px;
  padding-top:7px;
}

#lepass_centre .avantage_form,
#lepass_centre .accueil,
#lepass_centre .liste_cinemas
{
  width:407px;
  margin-left:auto;
  margin-right:auto;
  margin-top:7px;
  margin-bottom:20px;
}

#lepass_centre .accueil .carte
{
  position:relative;
  margin-top:-33px;
  margin-bottom:20px;
}

#lepass_centre h2
{
  color:#464645;
  border:none;
  border-bottom:1px solid #2E2E2E;
  font-weight: bold;
  font-size:18px;
  height:auto;
  margin:0px 5px 0px 5px;
  line-height:18px;
  padding-bottom:5px;
}

#lepass_centre h2 span.petit
{
  font-size:14px;
}

#lepass_centre .avantage_form .top,
#lepass_centre .accueil .top,
#lepass_centre .liste_cinemas .top
{
  background-image:url(../img/interface/fonds/lepass/lepass_bandeau_top.gif);
  height:3px;
  width:407px;
}

#lepass_centre .avantage_form .bottom,
#lepass_centre .accueil .bottom,
#lepass_centre .liste_cinemas .bottom
{
  background-image:url(../img/interface/fonds/lepass/lepass_bandeau_bottom.gif);
  height:3px;
  width:407px;
}

#lepass_centre .avantage_form .contenu,
#lepass_centre .accueil .contenu,
#lepass_centre .liste_cinemas .contenu
{
  background-color:#efedee;
  padding:10px 15px;
}

#lepass_centre .avantage_form .contenu .separation,
#lepass_centre .accueil .contenu .separation,
#lepass_centre .liste_cinemas .contenu .separation
{
  background-image:url(../img/lepass/separation.gif);
  background-repeat:repeat-x;
  height:1px;
}

#lepass_centre .avantage_form .contenu .titre,
#lepass_centre .accueil .contenu .titre,
#lepass_centre .liste_cinemas .contenu .titre
{
  font-size:18px;
  color:#404040;
  font-weight: bold;
}

#lepass_centre .accueil .contenu .titre,
#lepass_centre .accueil .contenu .sous_titre,
#lepass_centre .liste_cinemas .contenu .sous_titre
{
  text-align:center;
}

#lepass_centre .avantage_form .contenu .sous_titre,
#lepass_centre .accueil .contenu .sous_titre,
#lepass_centre .liste_cinemas .contenu .sous_titre
{
  font-size:15px;
  color:#404040;
  font-weight: bold;
}

#lepass_centre .avantage_form .contenu .instruction,
#lepass_centre .accueil .contenu .instruction,
#lepass_centre .liste_cinemas .contenu .instruction
{
  clear:both;
  margin-top:5px;
  margin-bottom:5px;
}

#lepass_centre .avantage_form .contenu .instruction .short
{
	padding-top:5px;
}

#lepass_centre .avantage_form .contenu .numero,
#lepass_centre .accueil .contenu .numero,
#lepass_centre .liste_cinemas .contenu .numero
{
  background-image:url(../img/lepass/encadrement_numero.gif);
  background-repeat: no-repeat;
  width:23px;
  height:23px;
  color:#ca0205;
  padding-left:9px;
  padding-top:4px;
  font-weight: bold;
  float:left;
}

#lepass_centre .avantage_form .bloc,
#lepass_centre .accueil .bloc,
#lepass_centre .liste_cinemas .bloc
{
  width:375px;
  margin-bottom:5px;
  clear:both;
}

#lepass_centre .avantage_form .checkbox,
#lepass_centre .accueil .checkbox,
#lepass_centre .liste_cinemas .checkbox
{
  margin-bottom:7px;
}

#lepass_centre .avantage_form .bloc .libelle,
#lepass_centre .accueil .bloc .libelle,
#lepass_centre .liste_cinemas .bloc .libelle
{
  float:left;
  width:175px;
  text-align: right;
  padding-right:7px;
}

#lepass_centre .avantage_form .bloc .libelle em,
#lepass_centre .warning
{
  color:red;
}

#lepass_centre .succes
{
  text-align:center;
  font-size:17px;
  font-weight:bold;
}

#lepass_centre .echec
{
  text-align:center;
  font-size:17px;
  font-weight:bold;
}

#lepass_centre .avantage_form .bloc .champ
{
  float:left;
}

#lepass_centre  .bloc .champ select,
#lepass_centre  .bloc .champ input,
#lepass_centre  .bloc .champ textarea
{
  border:1px solid black;
}

#lepass_centre  .bloc .champ select
{
  width:187px;
}
#lepass_centre .avantage_form .bloc .champ input,
#lepass_centre  .bloc .champ textarea
{
  width:185px;
}

#lepass_centre .btn_valider
{
  margin-top:15px;
  margin-bottom:25px;
  text-align: right;
}

#lepass_centre .avantage ul,
#lepass_centre .accueil ul,
#lepass_centre .dans_cinema ul
{
  list-style-image: url(../img/interface/puces/tick_rouge.png);
  margin-top:20px;
  margin-bottom:30px;
}

#lepass_centre .accueil ul
{
  margin-bottom:10px;
}
#lepass_centre .accueil ul li
{
  margin-bottom:5px;
}

margin-bottom:10px;

#lepass_centre .avantage ul li
{
  margin-bottom:8px;
}

#lepass_centre .important
{
  font-weight: bold;
}

#lepass_centre .petit
{
  font-size: 9px;
}

#lepass_centre .bloc_jaune
{
  background-image:url(../img/lepass/bloc_jaune_lepass.gif);
  height:175px;
  width:307px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  margin-bottom:20px;
  text-align:center;
}
#lepass_centre .bloc_jaune_autoHeight
{
  background-image:url(../img/lepass/bloc_jaune_lepass_autoHeight.gif);
  width:307px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  text-align:center;
  background-repeat:no-repeat;
  background-color:#FFCC34;
}
#lepass_centre .bloc_jaune_autoHeight_bottom
{
  background-image:url(../img/lepass/bloc_jaune_lepass_autoHeight_bottom.gif);
  height:7px;
  width:307px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
}


#lepass_centre .bloc_jaune_large
{
  background-image:url(../img/lepass/bloc_jaune_lepass_large.gif);
  height:69px;
  width:381px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  margin-bottom:20px;
  padding:10px;
  text-align:center;
}

#lepass_centre .bloc_jaune_large .titre
{
  font-weight: bold;
  font-size:15px;
}

#lepass_centre .bloc_jaune_large .infos
{
  text-align: left;
  margin-top:8px;
}

#lepass_centre .parrainage .bloc_jaune p
{
  width:250px;
}

#lepass_centre .infos_pratiques p,
#lepass_centre .parrainage p,
#lepass_centre .commande_carte p,
#lepass_centre .en_ligne p,
#lepass_centre .dans_cinema p
{
  width:400px;
  margin:5px auto 5px auto;
}

#lepass_centre .infos_pratiques p a,
#lepass_centre .commande_carte a,
#lepass_centre .en_ligne a,
#lepass_centre .dans_cinema a,
#lepass_centre .parrainage a
{
  color:#9c1621;
  font-weight: bold;
}

#lepass_centre p.justify
{
  text-align:justify;
  line-height:15px;
}

#lepass_centre .parrainage .bloc .libelle
{
  width:100px;
}

#popup_pass .top
{
  background-image:url(../img/lepass/popup_top.png);
  background-repeat: no-repeat;
  width:331px;
  height:16px;
  padding:5px;
  font-weight:bold;
  font-size:15px;
  color:#ffffff;
}

#popup_pass .top .btn_close
{
  font-size:13px;
}

#popup_pass .top .normal
{
  font-weight:normal;
}

#popup_pass .bg
{
  background-image:url(../img/lepass/popup_bg.png);
  background-repeat: repeat-y;
  width:341px;
  height:206px;
  padding:15px;
}

#popup_pass .bg .bloc_cinema
{
  background-image:url(../img/lepass/popup_separation.png);
  background-repeat: no-repeat;
  background-position:bottom;
  padding-bottom:10px;
  padding-top:10px;
  color:#000000;
  width:300px;
  clear:both;
}

#lepass_centre .liste_cinemas
{
  padding:5px;
}

#lepass_centre .liste_cinemas .bloc_cinema
{
  background-image:url(../img/lepass/separation.gif);
  background-repeat: repeat-x;
  background-position:bottom;
  padding-bottom:10px;
  padding-top:10px;
  color:#000000;
  width:366px;
  clear:both;
}

#popup_pass .bg .bloc_cinema .gauche
{
  float:left;
  width:230px;
}

#lepass_centre .liste_cinemas .bloc_cinema .gauche
{
  float:left;
  width:307px;
}

#popup_pass .bg .bloc_cinema .droite,
#lepass_centre .liste_cinemas .bloc_cinema .droite
{
  float:left;
  padding-top:10px;
}

#popup_pass .bg .bloc_cinema .libelle,
#lepass_centre .liste_cinemas .bloc_cinema .libelle
{
  color:#931721;
}

#lepass_centre .visible
{
  display:block;
}

#lepass_centre .cache
{
  display:none;
}

#popup_pass .bottom
{
  background-image:url(../img/lepass/popup_bottom.png);
  background-repeat: no-repeat;
  width:341px;
  height:5px;
}

/* SCROLL BAR */
    #page #contenu .contenu_scroll{
      float:left;
      display:inline;
      position:relative;
      width:590px;
    z-index:1;
    }
      .contenu_scroll .plgscrollbar{
        float:left;
        display:inline;
        width:7px;
        z-index: 2;
        position:relative;
      }
      .contenu_scroll .plgscroll_content{
        width:575px;
      }
      .contenu_scroll .plgscrollbar .plgscrollbar_up{
        width:12px;
        height:7px;
        font-size:1px;
        margin-bottom:3px;
        background-color:transparent;
        background-image:url(../img/lepass/scroll_top.png);
      }
      .contenu_scroll .plgscrollbar .plgscrollbar_down{
        width:12px;
        height:7px;
        font-size:1px;
        margin-top:3px;
        background-color:transparent;
        background-image:url(../img/lepass/scroll_bottom.png);
      }
      .contenu_scroll .plgscrollbar .plgscrollbar_track{
        width:8px;
        margin:0px auto;
        margin-left:2px;
        background-color:#ecd0b5;
      }
    .contenu_scroll .plgscrollbar .plgscrollbar_thumb{
    background-color:#c77322;
    font-size:1px;
    margin-left:-2px;
    width:12px;
      }
/* /SCROLL BAR */

#carte
{
  margin-left:12px;
  margin-bottom:15px;
}


#popup_pass
{
	position:absolute;
	margin-left:49px;
	margin-top:108px;
}

#popup_pass #btn_close
{
	cursor:pointer;
}

#lepass_centre .txt_liste_cinemas
{
	color:#404040;
	font-size:13px;
	font-weight:bold;
	margin-left:12px;
	width:407px;
}

/* ABO DESCRIPTION MOYEN PAIEMENT */

#lepass_centre .en_ligne .abo_more_info .more_content
{
	margin: 0px 5px 0px 60px;
	border-left: 2px solid #DCDCDC;
	font-size: 10px;
	font-weight: bold;
	padding-left:10px;
}


#lepass_centre .en_ligne .abo_more_info p
{
	margin:0;
	width:auto;
}



#lepass_centre .en_ligne .abo_photo_info .more_content
{
	padding: 0px 5px;
	background-color:#DCDCDC;
}

#lepass_centre .en_ligne .abo_photo_info .more_top
{
	background-image:url(../img/interface/fonds/lepass/lepass_info_top.gif);
  	height:3px;
  	width:375px;
}

#lepass_centre .en_ligne .abo_photo_info .more_bottom
{
	background-image:url(../img/interface/fonds/lepass/lepass_info_bottom.gif);
  	height:3px;
  	width:375px;
}


#lepass_centre .en_ligne .abo_photo_info p
{
	margin:0;
	width:auto;
}

#lepass_centre .pass_confirmation
{
	padding:5px 10px 20px;
}
#lepass_centre .pass_confirmation h2
{
	margin-bottom:20px;
}
#lepass_centre .error
{
	color:red;
}

#lepass_centre form
{
	padding:5px 10px 20px;
}

#lepass_centre .gris_centrer
{
	background-color:#F2F2F2;
	border:1px solid red;
	font-size : 11px;
	color:#5A5A5A;
	margin:18px 5px;
	padding:15px;
	text-align:center;
	font-weight:bold;
}

#lepass_centre .gris_centrer .bold
{
	font-size : 12px;
	font-weight:bolder;
	color:black;
}
#lepass_centre .information
{
	background-image:url(../img/lepass/info_LP.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left:35px;
}

.pass_confirmation .withPuce
{
	padding-left : 15px;
	background-image:url(../img/lepass/puce_abo_confirm.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}
.pass_confirmation .sousPuce
{
	font-weight:bold;
	color:#5A5A5A;
	margin-left:15px;
}



/* /ABO DESCRIPTION MOYEN PAIEMENT */

.bloc .error_pass
{
	color:red;
}