/***************************************************************************************************
    Auteur          :   Michel Gratton (mgratton@infinitdesign.ca)
    Date creation   :   03 octobre 2007
    Fichier	        :   style_ph.css
    Type            :   theme / gene
    Description     :   Contient toutes les style utilisés pour le site Pierre Hébert pour le theme "ph"
***************************************************************************************************/
body {
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 12px;
  color: #fff;
  background: #000 url(images/main-bg.jpg) no-repeat center 30px;
  text-align: center;
  padding-top:30px; /*espace pour la nav bar onf*/
  margin: 0px;
  padding-bottom: 0px;
}
#header_bg {
  background: transparent url(images/header-bg.gif) repeat-x center top;
  text-align: center;
	position: relative;
}
/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/
#div_main_content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding: 0px;
  text-align: left;
  background: transparent url(images/content-bg.gif) repeat-y top left;
}

p, ul, ol, li, div, span, a {text-align: left;}
a{color: #fff; text-decoration: none;}

b, strong{font-weight:bold}
i, em{font-style:italic}

ul,ol{list-style-position:outside}
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#div_page_content {
	display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: 700px;
}

.header_main_title {
  font-size: 1.3em;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 35px;
  padding-top: 22px;
  line-height: 1.2em;
  height: 96px;
}
.header_main_title a {
	font-size: 0.7em;
  text-transform: none;
  color: #ffffcc;
}

/**************************************************
	STYLE POUR LE LOGO DE GAUCHE
**************************************************/
#left_col {
	float: left;
  display: block;
  width: 260px;
  position: relative;
}

  #logo_container {
    display: block;
    width: 260px;
  }
  #logo_container img {border-width: 0px;}

	#left_view_pub {
  	position: relative;
    top: -137px;
  }
  .small_player_link_box {
  	display: block;
    width: 207px;
    text-align: center;
    position: absolute;
    left: 25px;
    top: 0px;
  }
    .small_player_link_box img {border-width: 0px; margin-bottom: 10px;}
    .small_player_link_box img.btn_play {
      position: absolute;
      left: 80px;
      top: 37px;
      width: 43px;
      height: 43px;
      opacity:.7;
      -moz-opacity: 0.7;
      margin: 0px;
    }
    .small_player_link_box:hover img.btn_play {
      opacity:.9;
      -moz-opacity: 0.9;
    }
    .small_player_link_box_caption {
      font-size: 1em;
      text-transform: uppercase;
    }

/**************************************************
	STYLE POUR LE TOP MENU
**************************************************/
#top_menu {
	color: #ff9933;
  font-size: 1.1em;
  text-transform: uppercase;
  line-height: 2.2em;
  height: 30px;
  margin-left: 20px;
}
#top_menu a {
	color: #fff;
  margin: 0px 15px;
  line-height: 2em;
}
#top_menu a:hover, #top_menu a.active {
	color: #ffcc66;
}

#top_sub_menu {
	display: block;
	float: right;
  position: relative;
  width: 680px;
  height: 90px;
  bottom: 90px;
}
#top_sub_menu_bg {
  background-color: #000;
  opacity:.65;
  -moz-opacity: 0.65;
	height: 90px;
}
.top_sub_menu_title {
	display: block;
  float: left;
  font-size: 2.5em;
  text-transform: uppercase;
  margin-left: 24px;
  margin-top: 11px;
  position: absolute;
  top: 0px;
  width: 632px;
}
.top_sub_menu_title span.legend {
	display: block;
  padding-top: 4px;
	float: right;
  text-align: right;
  font-size: 0.4em;
  text-transform: none;
  width: 260px;
  /*margin-right: 24px;*/
}

.top_sub_menu_holder {
	width: 680px;
  background-color: #961c00;
  font-size: 1em;
  text-transform: uppercase;
  position: absolute;
  top: 60px;
  line-height: 30px;
  height: 30px;
  color: #ff9933;
}
.top_sub_menu_holder a {
	color: #fff;
  margin: 0px 11px;
}
.top_sub_menu_holder a:hover, .top_sub_menu_holder a.active {
	color: #ffc956;
}

/**************************************************
	STYLE DE CONTENU
**************************************************/
/* HOME PAGE */
.home_page_content {
	margin-left: 20px;
  margin-top: 20px;
  line-height: 1.4em;
  text-align: left;
}
  .player_link_box {
    display: block;
    width: 512px;
    height: 289px;
    position: relative;
    overflow: hidden;
  }
    .player_link_box img {border-width: 0px;}
    .player_link_box img.btn_play {
      position: absolute;
      left: 228px;
      top: 94px;
      width: 55px;
      height: 55px;
      opacity:.7;
      -moz-opacity: 0.7;
    }
    .player_link_box:hover img.btn_play {
      opacity:.9;
      -moz-opacity: 0.9;
    }
    .player_link_box span.caption {
      display: block;
      width: 512px;
      font-size: 1.5em;
      text-transform: uppercase;
      text-align: center;
      position: absolute;
      top: 168px;
      left: 0px;
    }
  .home_text {
  	width: 512px;
    margin-top: 15px;
    padding-bottom: 80px;
    font-size: 1.4em;
    line-height: 1.8em;
    text-align: justify;
  }

.text_page_content {
	float: right;
  position: relative;
  width: 632px;
  padding: 20px 24px 80px 24px;
  top: -90px;
  font-size: 1.4em;
  line-height: 1.8em;
  text-align: justify;
  background-color: #000;
}
.text_page_content .text_title {
	font-size: 1.2em;
  margin: 1em 0px;
}
.text_page_content a.in_text {
	text-decoration: underline;
  font-style: italic;
}
span.gen_info {color: #ffc956;}
.chapter_menu {
	width: 680px;
  background-color: #531000;
  font-size: 0.8em;
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 30px;
  height: 30px;
  color: #ff9933;
}
.chapter_menu a {
	color: #fff;
  margin: 0px 11px;
}
.chapter_menu a:hover, .chapter_menu a.active {
	color: #ffc956;
}

.media_info {
	line-height: 1em;
}
.media_info a {color: #ffc956; line-height: 1.4em;}
.media_info a:hover {text-decoration: underline;}

hr.hr_org {
	border-width: 0px;
  height: 1px;
  background-color: #961C00;
  color: #961C00;
}

/*style pour screenings*/

.screenings ul, ul ul {list-style: none ;margin-left:0px;padding-left:0px}
.screenings li{margin-top:1em;line-height:1.2em}
.screenings li li{margin-top:0em}
.screenings li ul{margin-bottom:1em}

.screenings li a{text-decoration:underline}

.ville{font-weight:bold}
.ville li{font-weight:normal}
.lieu{}
.adresse{font-size:0.8em}
.tel{font-size:0.8em}
.date{}




/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE
**************************************************/
.fr {float: right;}
.fl {float: left;}
.block {display: block;}
.clear {clear: both;}
.center {text-align: center;}
.justify {text-align: justify;}
.ml24 {margin-left: 24px;}
.ml13 {margin-left: 13px;}

/**************************************************
	GESTION DES DIV AVEC CONTENUE EN FLOAT
**************************************************/
#div_main_content:after, 
#div_page_content:after,
#left_menu_holder:after,
#header_bg:after,
.gen_page_content:after
 {content:".";display:block;height:0;clear:both;visibility:hidden;}