body {
	font-family: tahoma,verdana,sans-serif;
	font-size: small;
}

.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}

form {
	margin: 0;
}

#contenu {
	line-height: 1.5em;
}

#contenu h1 {
	margin: 0;
	padding: 0;

	font-weight: bold;
	color: #1a4f79;
	font-size: 18px;
	line-height: 18px;

	background-image: url(../images/titre-pointilles.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

	padding-bottom: 10px;
}

#contenu h2 {
	margin: 0;
	padding: 0;
	
	border-bottom: 1px solid #cacaca;
	padding-bottom: 0.5em;
	
	margin-top: 1.5em;
	/*margin-bottom: 10px;*/

	font-weight: bold;
	color: #1a4f79;
	font-size: 14px;
	line-height: 16px;
}

#contenu h3 {
	margin: 0;
	padding: 0;
	
	margin-top: 1.5em;
	margin-bottom: 1em;

	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

#contenu .sansMargeHaut {
	margin-top: 0;
}

#contenu p {
	margin-top: 1em;
	margin-bottom: 1em;
}

/*#contenu h2 {
	margin: 0;
	padding: 0;

	font-weight: bold;
	color: #1a4f79;
	font-size: 18px;
	line-height: 18px;

	background-image: url(../images/titre-pointilles.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

	padding-bottom: 10px;
}*/

#contenu strong.emphase {
	/*color: #1a4f79;*/
	text-decoration: underline;
}

#contenu a {
	color: #1a4f79;
}

#contenu .evenement-photo {
	/*border: 7px solid #ccc;*/
	margin-left: 20px;
}


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

#films .horaire_periode {
	margin-bottom: 1em;
	padding: 10px 10px 10px 55px;
	
	background-color: #EAF1F8;
	/*border: 2px solid #D7E1EA;*/
}

#films .horaire_periode strong {
	/*text-transform: uppercase;*/
}

#films .horaire_periode div {
	font-size: 18px;
	line-height: 20px;
	
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 3px;
	
	background-image: url(../images/schedule-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	color: #1A4F79;
}

#films h2 {
	margin: 0;
	padding: 0;
	
	background-color: #1a4f79;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 10px 20px;

	margin-top: 1em;
	margin-bottom: 0.5em;
}

#films h2 .precisions {
	display: inline-block;
	
	font-size: 13px;
	text-transform: none;
	font-weight: normal;
	margin-left: 5px;

	line-height: 15px;
	
	position: relative;
	top: -2px;
}

#films .presentation {
	font-size: 18px;
	line-height: 18px;
	margin-top: 0.25em;
	color: #1a4f79;
	padding-bottom: 4px;
}

#films .film {
	border-top: 1px solid #446173;
	padding-top: 1em;
	
	margin-bottom: 1em;

	min-height: 2px;
}

#films .film .coup_de_coeur {
	/*margin-bottom: 2px;*/
}

#films .film .titre {
	font-size: 17px;
	font-weight: bold;

	line-height: 18px;
	margin-bottom: 5px;
}

#films .film .titre a {
	color: #1a4f79;
	text-decoration: none;
}

#films .film .titre a:hover {
	text-decoration: underline;
}

#films .film .affiche {
	width: 77px;
	float: left;
	padding-right: 13px;
}

#films .film .affiche a img {
	border: 1px solid #d7d7d7;
}

#films .film .affiche a:hover img {
	border: 1px solid #1a4f79;
}

#films .film .details {
	width: 540px;
	float: left;
}

#films .film .details .duree {
	display: inline-block;
	width: 160px;
}

#films .film .horaire {
	margin-top: 3px;
	margin-bottom: 3px;
}

#films .film .date_sortie {
	margin-top: 3px;
	margin-bottom: 3px;
}

#films .film .cine_bebe {
	margin-top: 3px;
	margin-bottom: 3px;
	
	/*color: #9d009d;*/
}

#films .film .suite {
	margin-top: 3px;
}

#films .film .suite a {
	color: #1a4f79;
	text-decoration: none;
}

#films .film .suite a:hover {
	text-decoration: underline;
}

#films .film .icones {
	width: 112px;

	float: right;
	text-align: center;
	/*padding-top: 1em;*/
	padding-top: 0.5em;
}

#films .film .icones .icone-classement {
	margin-bottom: 1em
}

#films .film .icones .dans_certains_cinemas .dans_certains_cinemas-haut {
	width: 112px;
	height: 11px;
	
	background-image: url(../images/horaire-dans_certains_cinemas.gif);
	background-repeat: no-repeat;
}

#films .film .icones .dans_certains_cinemas .dans_certains_cinemas-contenu {
	border-left: 2px solid #f6f7f7;
	border-right: 2px solid #f6f7f7;
	border-bottom: 2px solid #f6f7f7;
	
	padding-bottom: 5px;
}

#films .film .icones .dans_certains_cinemas .dans_certains_cinemas-contenu div {
	padding-top: 5px;
}

#films .film .icones .dans_ce_cinema div {
	margin-top: 1em;
}


/*--------------------------------------------------------------------
 * FICHE DE FILM
 **/
 
#film_boutons {

}

#film_boutons #bouton-bande_annonce {
	margin-right: 10px;
	left: -20px;
	position: relative;
	display: inline-block;
}

#film_boutons #bouton-site_web {
	left: -5px;
	position: relative;
	display: inline-block;
}

#droite_film {
	float: right;
	margin-left: 20px;

	width: 201px;

	padding-top: 1em;
}

#droite_film #shareFilm {
	margin-bottom: 1em;
	
	height: 20px;

}

#droite_film #shareFilm #likeFilm {
	/*width: 100px;
	height: 30px;
	overflow: hidden;
	float: left;*/
}

/*#droite_film #shareFilm #retweetFilm {
	height: 28px;
	float: left;
	width: 100px;
	overflow: hidden;
	padding-top: 2px;
}*/

#droite_film #afficheFilm {
	margin-bottom: 1em;
}

#dureeFilm {
	display: inline-block;
	width: 160px;
}

#iconesFilm {
	/*height: 36px;*/
	margin-top: 1em;
	margin-bottom: 1em;
}

#iconesFilm .dans_certains_cinemas {
	display: inline-block;
	border: 2px solid #F6F7F7;
	
	margin-right: 20px;
	
	min-width: 112px;
	
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#iconesFilm .dans_certains_cinemas .dans_certains_cinemas-titre {
	display: block;
	
	/*background-image: url(../images/film-dans_certains_cinemas.gif);
	background-repeat: no-repeat;
	background-position: center;*/
	
	height: 10px;
	
	position: relative;
	top: -6px;
}

#iconesFilm .trois_d,
#iconesFilm .dbox {
	/*float: left;*/
	/*margin-right: 20px;*/
	
	display: inline-block;
	padding-left : 5px;
	padding-right: 5px;
	
	vertical-align: middle;
}


#iconesFilm .visa {
	display: inline-block;
	padding-left : 5px;
	padding-right: 5px;
	
	
	vertical-align: middle;
}

#iconesFilm .dbox {
	/*padding-top: 6px;*/
}

#iconesFilm .visa .categorie,
#iconesFilm .visa .indications {
	float: left;
}

#iconesFilm .visa .indications {
	margin-left: 5px;
	font-size: 9px;
	width: 150px;
	line-height: 12px;
	padding-top: 3px;
}


/*--------------------------------------------------------------------
 * FILMS À VENIR
 **/
 
.tableau_films_a_venir {
	margin-top: 1em;
	margin-bottom: 1.5em;
	width: 100%;
}

.tableau_films_a_venir .pair td,
.tableau_films_a_venir .impair td {
	padding: 0px 10px;
	height: 40px;
}

.tableau_films_a_venir .pair td {

}

.tableau_films_a_venir .impair td {
	background-color: #f0f0f0;
}

.tableau_films_a_venir .mois td {
	background-color: #1a4f79;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 10px 10px;
}


/*--------------------------------------------------------------------
 * EMPLOIS
 **/

#contenu form {
	margin : 0;
	padding : 0;
}

#contenu form .soumission {
	/*border : 1px solid #333;
	background-color : #fff;
	font-weight : bold;*/
	
	font-size: 16px;
	padding: 5px 20px;
}

#contenu .tableau {
	border-top : 1px solid #f0f0f0;
	border-left : 1px solid #f0f0f0;
	border-right : 1px solid #f0f0f0;
	width: 100%;
	margin-top : 1em;
	margin-bottom : 1em;
}

#contenu .tableau .cellgauche,
#contenu .tableau .celldroite {
	padding-top : 7px;
	padding-bottom : 7px;

	border-bottom : 1px solid #f0f0f0;

	vertical-align : top;
}

#contenu .tableau .alternatif {
	background-color: #f0f0f0;
}

#contenu .tableau .cellgauche {
	padding-left : 10px;
	font-weight : bold;
	width: 200px;
}

#contenu .tableau th {
	text-align: left;
	font-weight : bold;
	background-color : #f0f0f0;
}

#contenu form .texteCourt, #contenu form .texteMoyen, #contenu form .texteLong {
	/*padding-left : 2px;*/
}

#contenu form .texteCourt {
	width : 100px;
}

#contenu form .texteMoyen {
	width : 175px;
}

#contenu form .texteLong {
	width : 275px;
}

#contenu form .texteSiteInternet {
	width : 234px;
}

#contenu form .texteMemo {
	height : 125px;
	width : 300px;
}


/*--------------------------------------------------------------------
 * FORMULAIRES
 **/

.messageSucces {
	margin-top : 1em;
	margin-bottom : 1em;

	padding: 10px;

	border : 1px solid #ADBF97;
	background-color : #E9EDE2;

	color : #1B2905;
}

.messageErreur {
	margin-top : 1em;
	margin-bottom : 1em;

	padding: 0 10px;

	border : 1px solid #A14343;
	background-color : #FFF8F8;

	color : #980505;
}

#infolettre .messageErreur {
	font-size: 0.85em;
	line-height: 1.3em;
}

.messageErreur ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

#infolettre .messageErreur ul {
	margin-left: 0;
	padding-left: 0;
}

#infolettre .messageErreur ul li {
	margin-left: 15px;
	padding-left: 0;
}

.messageErreur p {
	margin-top: 1em;
	margin-bottom: 1em;
}


/*--------------------------------------------------------------------
 * OUVERTURE BIENTOT
 **/
 
.ouverture_bientot {
	font-size: 32px;
	/*text-align: center;*/
}

.ouverture_bientot span {
	font-size: 20px;
	display: block;
}