html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;

	background-color: #022444;
	background-image: url(../images/fond.jpg);
	background-repeat: no-repeat;
	background-position: top center;

	/*background-image: url(../images/page-fond.gif);
	background-repeat: repeat-y;
	background-position: top center;*/
}

#page {
	margin: auto;
	width: 960px;
	
	position: relative;
}


/*--------------------------------------------------------------------
 * ENTETE
 **/

#entete {
	position: relative;
	height: 150px;
}

#lienLogo {
	display: block;
	width: 447px;
	height: 89px;
	
	position: absolute;
	top: 50px;
	left: 33px;
}

#entete-liens {
	position: absolute;
	top: 0;
	right: 0;
}

#entete-liens .unLien {
	float: left;

	margin-left: 2px;
}

#entete-liens a {
	display: block;

	background-image: url(../images/entete-liens-fond.png);

	padding: 10px 15px 8px 15px;

	color: #ebab00;
	text-decoration: none;
}

#entete-liens a:hover {
	/*text-decoration: underline;*/
	background-color: #000;
	color: #fff;
}


/*--------------------------------------------------------------------
 * MENU
 **/

#menu {
	position: relative;
	left: -15px;

	width: 948px;
	height: 35px;

	padding-left: 42px;

	background-image: url(../images/menu-fond.gif);
	background-repeat: no-repeat;

	/*overflow: hidden;*/
}

/*#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	padding: 0;
	margin: 0;
	
	float: left;

	margin-right: 33px;
}

#menu ul li img {
	border: 0;
}*/

#menu div {
	float: left;
	margin-right: 33px;
	
	/*display: inline-block;*/
}

#menu a {
	display: block;
	height: 35px;
}

* html #menu a {
	display: inline;
}

#menu img {
	border: 0;
	height: 35px;
}


/*--------------------------------------------------------------------
 * PRINCIPAL
 **/

#principal {
	background-color: #fff;
	background-image: url(../images/principal-fond.gif);
	background-repeat: repeat-y;
}


/*--------------------------------------------------------------------
 * BANDE TITRE
 **/

#bande_titre {
	width: 906px;
	
	padding: 0px 10px 10px 44px;
	background-color: #022648;
	color: #fff;
	
	position: relative;
}

#bande_titre h1 {
	margin: 0;

	font-weight: normal;
	font-size: 18px;
}

#bande_titre h1 strong {
	font-weight: bold;
	text-transform: uppercase;
}

#bande_titre #partager {
	width: 250px;
	
	padding-right: 15px;
	/*padding-top: 5px;*/
	
	position: absolute;
	right: 0;
	top : 0;
	
	line-height: 15px;
}

#bande_titre #partager .texte {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 125px;
	
	padding-top: 10px;
}

#bande_titre #partager .bouton {
	position: absolute;
	top: 0;
	left: 125px;
	
	width: 125px;
	
	padding-top: 17px;
}

#bande_titre.avecBordure {
	background-image: url(../images/bande_titre-fond.gif);
	background-repeat: repeat-x;
	padding-top: 14px;
}

#bande_titre.avecOmbre {
	background-image: url(../images/menu-ombre.png);
	background-repeat: repeat-x;
	padding-top: 14px;
}


/*--------------------------------------------------------------------
 * COLONNE GAUCHE
 **/

#colonne_gauche {
	width: 695px;
	float: left;
	padding-bottom: 20px;
}

#contenu {
	padding-left: 44px;
	padding-right: 20px;
	/*padding-bottom: 20px;*/
}

#contenu.margeEnHaut {
	padding-top: 20px;
}


/*--------------------------------------------------------------------
 * CINE BEBE
 **/
 
.cine_bebe_encadre {
	background-image: url(../images/cine_bebe-fond.jpg);
	background-repeat: no-repeat;

	height: 115px;

	padding-left: 200px;
	padding-right: 50px;
	
	line-height: 1.5em;
	
	padding-top: 25px;

	margin-bottom: 1em;
}


/*--------------------------------------------------------------------
 * INFOS CINÉMA
 **/

.infos_cinema {
	background-repeat: no-repeat;

	height: 124px;

	padding-left: 315px;
	padding-top: 15px;

	margin-bottom: 1em;
}

.infos_cinema.cinema_1 {
	background-image: url(../images/cinemas/carrefour-10.jpg);
}

.infos_cinema.cinema_2 {
	background-image: url(../images/cinemas/st-laurent.jpg);
}

.infos_cinema.cinema_3 {
	background-image: url(../images/cinemas/rgfm-drummondville.jpg);
}

.infos_cinema.cinema_4 {
	background-image: url(../images/cinemas/capitol.jpg);
}

.infos_cinema.cinema_5 {
	background-image: url(../images/cinemas/cine-parc-joliette.jpg);
}

.infos_cinema.cinema_6 {
	background-image: url(../images/cinemas/cine-parc-drummond.jpg);
}

.infos_cinema .nom {
	font-weight: bold;
	color: #1a4f79;
	font-size: 18px;
}

.infos_cinema .coordonnes {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 18px;
}

.infos_cinema .boutons img {
	border: 0;
}


/*--------------------------------------------------------------------
 * COLONNE DROITE
 **/

#colonne_droite {
	width: 265px;
	float: left;
	padding-bottom: 1em;
}

#recherche_horaire {
	background-image: url(../images/recherche_horaire-fond.gif);
	background-repeat: no-repeat;
	
	height: 62px;
	width: 237px;

	padding-top: 26px;
	padding-left: 13px;
}

#choisir_film,
#choisir_cinema {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#choisir_film select,
#choisir_cinema select {
	font-size: 13px;
	font-family: tahoma,verdana,sans-serif;
	width: 220px;
}


/*--------------------------------------------------------------------
 * PIED
 **/

#infolettre {
	background-image: url(../images/infolettre-fond.gif);
	background-repeat: no-repeat;

	padding-top: 88px;
	padding-left: 16px;
	padding-right: 16px;

	margin-top: 12px;
}

#infolettre .texte {
	line-height: 1.5em;
}

#infolettre .note {
	color: #999;
	font-size: 10px;
}

#infolettre .note a {
	color: #999;
	text-decoration: none;
}

#infolettre .note a:hover {
	color: #333;
}

#infolettre .champ,
#infolettre .bouton {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

#infolettre .champTexte {
	font-size: 12px;
	color: #999;
	font-family: tahoma,verdana,sans-serif;
	
	width: 220px;
}

#infolettre .champListe {
	font-size: 13px;
	font-family: tahoma,verdana,sans-serif;
}

#infolettre .bouton {
	/*text-align: center;*/
	margin-bottom: 1em;
}


/*--------------------------------------------------------------------
 * PIED
 **/

#pied {
	background-color: #1a4f79;

	background-image: url(../images/pied-fond.gif);
	background-repeat: repeat-x;

	color: #6bb5f1;

	line-height: 20px;

	padding: 15px 0 15px 40px;
}

#pied .gauche {
	float: left;
	width: 660px;
}

#pied .droite {
	float: left;
	width: 250px;
}

#pied #pied-cinemas .col1,
#pied #pied-cinemas .col2 {
	width: 200px;
	float: left;
}

#pied #pied-cinemas a {
	color: #fff;
	text-decoration: none;
}

#pied #pied-cinemas a:hover {
	text-decoration: underline;
}

#pied #pied-cinemas .titre {
	text-transform: uppercase;
}

#pied #pied-cinemas .titre a {
	color: #6bb5f1;
	text-decoration: none;
}

#pied #pied-cinemas .titre a:hover {
	/*color: #fff;
	text-decoration: underline;*/
}

#pied #copyright {
	margin-top: 1em;
	font-size: 11px;
}

#pied #copyright a {
	color: #6bb5f1;
	text-decoration: none;
}

#pied #copyright a:hover {
	color: #fff;
	text-decoration: underline;
}

#pied #conception_graphique,
#pied #realisation,
#pied #mobile {
	display: inline-block;
	margin-left: 10px;
}

#pied #pied-liens ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#pied #pied-liens a {
	color: #6bb5f1;
	text-decoration: none;
}

#pied #pied-liens a:hover {
	color: #fff;
	text-decoration: underline;
}


/*--------------------------------------------------------------------
 * FILMS
 **/

#films {
	padding-left: 44px;
	padding-right: 20px;
}


/*--------------------------------------------------------------------
 * LIENS CINÉMAS sur ACCUEIL
 **/

#liens_cinemas {
	height: 121px;
	margin-bottom: 1em;
	padding-left: 44px;
	padding-top: 20px;
}

#liens_cinemas .ligne1 {
	height: 66px;
}

#liens_cinemas .unCinema {
	float: left;
	margin-right: 10px;
}

#liens_cinemas .dernier {
	margin-right: 0;
}

#liens_cinemas img {
	border: 0;
}


/*--------------------------------------------------------------------
 * RECHERCHE FILM
 **/

#recherche_film {
	padding-top: 20px;
	height: 40px;
	background-color: #fff;
}

#recherche_film input {
	vertical-align: middle;
}

#recherche_film #txtFilm {
	padding: 0;
	margin: 0;

	font-size: 12px;
	line-height: 12px;
	/*color: #999;*/
	font-family: tahoma,verdana,sans-serif;

	width: 213px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 4px;

	border: 1px solid #a3a3a4;
}


/*--------------------------------------------------------------------
 * ICÔNE COUP DE COEUR
 **/
 
/*.coup_de_coeur {
	position: relative;
	top: 3px;
}*/


/*--------------------------------------------------------------------
 * BOITE HORAIRES
 **/

.boite_horaires {
	/*position: relative;
	left: -15px;*/

	width: 637px;
	background-image: url(../images/boite_horaires-fond.gif);
	background-repeat: repeat-y;

	margin-top: 1.5em;
	/*margin-bottom: 2em;*/

	clear: both;
}

.boite_horaires-haut {
	padding-left: 90px;

	background-image: url(../images/boite_horaires-haut.gif);
	background-repeat: no-repeat;

	padding-top: 10px;
	height: 79px;
	color: #1a4f79;
	font-size: 18px;
}

.boite_horaires-haut span {
	font-size: 15px;
}

.boite_horaires-bas {
	background-image: url(../images/boite_horaires-bas.gif);
	background-repeat: no-repeat;
	height: 11px;
	overflow: hidden;
}

.boite_horaires-contenu {
	padding-left: 15px;
	padding-right: 15px;
}

.boite_horaires-contenu table {
	width: 100%;
}

.boite_horaires-contenu table tr td {
	border-bottom: 1px solid #446173;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	vertical-align: top;
}

.boite_horaires-contenu table tr.dernier td {
	border-bottom: 0;
}

.boite_horaires-contenu table tr td.cell_cinema {
	color: #1a4f79;
	width: 170px;
	font-weight: bold;
}

.boite_horaires-contenu table tr td.cell_horaire {
	padding-left: 5px;
	padding-right: 5px;
}

.boite_horaires-contenu table tr td.cell_icones {
	width: 110px;
	vertical-align: middle;
	text-align: center;
}

.boite_horaires-contenu table tr td.cell_icones div {
	display: inline-block;
	vertical-align: middle;
	padding: 0 2px;
}

#contenu .horaire_note {
	margin-left: 20px;
	margin-top: 1em;
}

#films .horaire_note {
	padding-top: 1em;
	border-top: 1px solid #446173;
	padding-left: 90px;
}

.horaire_note {
	/*background-color: #EAF1F8;
	border: 1px solid #D7E1EA;*/
	
	/*padding: 10px;*/
}

.horaire_note div {
	font-size: 11px;
	line-height: 13px;

	padding-left: 20px;

	background-image: url(../images/info-icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	min-height: 20px;
}


/*--------------------------------------------------------------------
 * LES MISÉRABLES
 **/
 
#lesMiserables {
	margin-top: 30px;
}

#lesMiserables img { border: 0; }


/*--------------------------------------------------------------------
 * HARRY POTTER 7
 **/
 
#bandeau_hp7 {
	border-left: 2px solid #c3c3c3;
}

#bandeau_hp7 #bandeau_hp7-image {
	
}

#bandeau_hp7 #bandeau_hp7-image img {
	border: 0;
}

#bandeau_hp7 #bandeau_hp7-texte {
	padding-left: 20px;
}

/*--------------------------------------------------------------------
 * SIDEBAR PROMO
 **/
 
.sidebar-promo {
	border-left: 2px solid #c3c3c3;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.sidebar-promo .sidebar-promo-image {
	
}

.sidebar-promo .sidebar-promo-image img {
	border: 0;
}