/* STYLES PAR DÉFAUT */
body {
	margin : 0px 0px 0px 0px;
	padding : 0px;
	font-family : trebuchet, helvetica, sans-serif;
	font-size : 13px;
	text-align : center;
	background-color : #d2d2c8;
	/*background-image : url(../images/site/fondConteneurGeneral.png);*/
	background-repeat: no-repeat;
	background-position: center top;
}

h1, h2, h3, h4, form, input, table {
	font-family : trebuchet, helvetica, sans-serif;
	margin : 0px;
	padding : 0px;
}

h1 {
	font-size : 18px;
	font-weight : bold;
	text-transform : uppercase;
	color : #000;
	text-decoration: none;
	padding-top : 15px;
	margin-bottom : 15px;
	letter-spacing: 0px;
}

h2 {
	font-size : 13px;
	text-transform : uppercase;
	
}

h3 {
	font-size : 14px;
	font-weight : bold;
	text-transform : uppercase;
	text-decoration: none;
	padding: 20px 0px 10px 0px;
	border: none;
}

h4 {
	font-size : 11px;
	text-decoration: none;
	padding: 10px 0px 5px 0px;
	font-weight: bold;
	text-transform : uppercase;
}

h2 a, h2 a:hover {
	color : #000;
}

img {
	border : 0px;
	padding : 0px;
	margin : 0px;
}

a {
	color : #d2410a;
	text-decoration : none;
}

a:hover {
	color : #d2410a;
}

table {
	font-family : trebuchet, helvetica, sans-serif;
	font-size : 13px;
	padding : 0px;
	margin : 0px;
}

ul {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

li {
	padding : 0px;
	margin : 0px;
	list-style : none;
}

/* DÉFINITION DES DIVS */

.preheader_container {
  margin-top: 30px;
	/*outline: 1px solid red;*/
	width : 894px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 5px 20px;
}

	.preheader_container a {
		color: #000;
	}

#header-page {
	background-color : #fff;
	height : 105px;
	/*width : 1034px;*/
	width : 894px;
	margin-left: auto;
	margin-right: auto;
	border : 1px solid #bebeb4;
}

	#header-page.index {
		width: 894px;
	}

#logo-site {
	border: none;
	float : left;
	height: 105px;
	background-color: none;
}

#film-au-hasard {
	background-color : red;
	height: 29px;
	width: 104px;
	float: right;
	margin-top:71px;
	margin-right: 5px;
}

#recherche-cse {
	height: 35px;
	/*width: 295px;*/
	float: right;
	border: none;
	margin-top:35px;
	margin-right: 10px;
	background-color : none;
}

#reseaux-sociaux {
	height: 17px;
	/*width: 600px;*/
	width: 430px;
	position: relative;
	float: right;
	top: 8px;
	right: 0px;
	border: none;
	margin-top: 0px;
	margin-right: 10px;
	text-align: right;
	background-color : none;
}

	#reseaux-sociaux.index {
			width: 430px;
		}

.menu-reseaux-sociaux {
	background-color: none;
	padding: 5px;
}

#menu-principal {
	/*background-image : url(../images/site/fondMenu.png);*/
	background-image : url(../images/site/fondMenuIndex.png);
	height : 26px;
	/*width : 1034px;*/
	width : 894px;
	margin-left: auto;
	margin-right: auto;
	border : 0px;
	margin-top: 10px;
	text-align: center;
        padding-top: 10px;
}

	#menu-principal.index {
			width: 894px;
			background-image : url(../images/site/fondMenuIndex.png);
		}

#contenuPage {
	border: none;
	background-color : none;
	/*width: 1034px;*/
	width: 894px;
	display : inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contenuPage.index {
		width: 894px;
	}

#footer-page {
	bottom : 0px;
	clear: both;
	/*width : 1034px;*/
	width : 894px;
	margin-left: auto;
	margin-right: auto;
	background-color : none;
	/*height : 150px;*/
	border : 0px;
	margin-top: 0px;
	padding-bottom: 50px;
	padding-top: 17px;
}

#footer-page.index {
		width: 894px;
	}

#menuBasDePage {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #bebeb4;
}

#rappel-menuPrincipal {
	margin-top: 15px;
}

#ligne-copyright {
	margin-top: 10px;
	color: #505046;
	font-size: 12px;
}

/* PAGE D'ACCUEIL */
#une-bobine, #une-articles {
	border: 1px solid #bebeb4;
	position : relative;
	float : left;
	width : 500px;
	background-color : #fff;
	text-align: left;
}

#une-bobine {
	height: 435px;
}

#une-articles {
	height: 205px;
	margin-top: 10px;
}

#une-suggestion, #une-calendrier {
	border: 1px solid #bebeb4;
	position : relative;
	float : right;
	width : 380px;
	background-color : #fff;
	text-align: left;
}

#une-suggestion {
	height: 230px;
}

#une-calendrier {
	height: 205px;
	margin-top: 10px;
}

#une-nouveautes-salle {
	border: 1px solid #bebeb4;
	position : relative;
	float : right;
	width : 380px;
	background-color : #fff;
	text-align: left;
	margin-top: 10px;
	/*height: 193px;*/
	height: 410px;
}

#une-dossiers {
	position : relative;
	float : left;
	border: 1px solid #bebeb4;
	width : 892px;
	background-color : #fff;
	text-align: left;
	margin-top: 10px;
	height: 138px;
}

#une-critiques {
	position : relative;
	float : left;
	border: 1px solid #bebeb4;
	width : 723px;
	height: 599px;
	background-color : #fff;
	text-align: left;
	margin-top: 10px;
}

#tableau-critiques {
	border: none;
	/*width: 705px;*/
	margin-top: 0px;
}

#tableau-critiques td {
	border: none;
	padding-right: 20px;
	padding-bottom: 0px;
}

#tableau-calendrier {
	border: none;
	width: 337px;
	margin-left: 20px;
	margin-top: -10px;
	padding: none;
	border-collapse: collapse;
}

#tableau-calendrier td {
	border-bottom: none;
	vertical-align: bottom;
	padding-left: 3px;
}

/* PAGES INTÉRIEURES */
#conteneur-page {
	border: none;
	background-image : url(../images/site/fondConteneurPage.png);
	/*width: 1034px;*/
	width: 894px;
	display : inline-block;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

#conteneur-page.index {
		width: 894px;
		background-image : url(../images/site/fondConteneurPageIndex.png);
	}

#contenu-gauche {
	background-color: none;
	float: left;
	position: relative;
	width: 706px; /* 676 + 2 x 20 pour les bordures */
	text-align: left;
	border-top: 1px solid #bebeb4;
}

#contenu-droite {
	background-color: none;
	float: right;
	position: relative;
 	width: 177px; /* 894 - 706 - 17 (interstice) */
	/*width: 317px;  894 - 706 - 17 (interstice) + 140 (agrandissement pour pub plus large, demande JFV janvier 2016 */
	text-align: left;
	border-top: 1px solid #bebeb4;
}

#page-colonne-gauche {
	width:110px;
	float:left;
	background-color : none;
}

#page-colonne-centre-etroite {
	width:573px;
	float:left;
	background-color : none;
}

#page-colonne-centre-large {
	float:left;
	background-color : none;
	width: 666px;
}

#page-colonne-droite {
	width:324px;
	float:left;
	background-color : none;
}

#page-contenu-gauche {
	text-align: justify;
	margin:0px 0px 20px 0px;
	border: none;
}

#page-contenu-centre {
	margin:0px 0px 20px 0px;
}

#page-contenu-droite {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}

#ligne-separatrice-grise {
	height: 10px;
	width: 706px;
	position: relative;
	left: -20px;
	background-color: #d2d2c8;
	margin: 20px -5px 0px 0px;
	padding: 0px;
	border-top: 1px solid #bebeb4;
	border-bottom: 1px solid #bebeb4;
}

/* Popup d'envoi de courriel */

#popup-courriel {
	background-color: #fff;
	text-align: left;
	margin: 20px;
	padding: 20px;
}

#popup-courriel label {
	width: 150px;
	float: left;
}

#popup-courriel input {
	margin: 0px 0px 5px 0px;
	display: block;
	width: 200px;
}

#popup-courriel textarea {
	margin: 0px 0px 5px 0px;
	width: 350px;
	height: 50px;
	font-family : arial, sans-serif;
	font-size: 11px;
}

/* CLASSES */
.marge-gauche {
	margin: 0px 0px 20px 20px;
}

.marge-droite {
	margin: 0px 10px 20px 10px;
}

.element-menuPrincipal {
	
    padding: 0px 9px 0px 7px;
    border-right : 2px solid #000;
    border-left : 2px solid #fff;
    /*height: 15px;
    float: left;
    margin-top: 10px;*/
    text-transform: uppercase;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0px;
}

.element-menuBasDePage {
	padding: 0px 5px 0px 3px;
	border-right : 1px solid #4c4c4c;
	line-height: 15px;
	text-transform: uppercase;
	font-family: trebuchet, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #505046;
}

.element-rappel-menuPrincipal {
	padding: 0px 5px 0px 3px;
	border-right : 1px solid #4c4c4c;
	line-height: 13px;
	font-family: trebuchet, helvetica, sans-serif;
	font-size: 12px;
	color: #505046;
}

.titre-une-dossiers {
	padding-left:0px;
	padding-bottom: 5px;
}

a:hover.element-menuBasDePage, a:hover.element-rappel-menuPrincipal {
	color: #000;
}

a.une-lien, a.une-lien:hover {
	color : #000;
	text-decoration : none;
}

.fiche-critique {
	width : 200px;
	float : left;
}

.critique-realisateur {
	font-size : 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.critique-redacteur {
	font-size : 10px;
	text-transform: uppercase;
	padding-bottom: 2px;
}

.critique-contenu {
	text-align : justify;
	font-size: 13px;
}

#critique-tableau-cote {
	border: none;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	border-collapse: collapse;
}

#critique-tableau-cote td {
	height: 51px;
	border: none;
}

#critique-lien-fiche-technique {
	float: right;
	position: relative;
	top: 15px;
	right: 0px;
	height: 35px;
	width : 74px;
	/*background-image : url(../images/site/fondLienFicheTechnique.png);*/
	color: #000;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	cursor: hand;
	border-left : 1px solid #d2410a;
	background-color: none;
}

.critique-cote-panorama {
	width: 51px;
	line-height: 51px;
	background-image: url(../images/site/cote/fond-cote.png);
	color: #d2410a;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

#fiche-tableau-cote {
	border: none;
	padding: 0px;
	margin: 0px;
        background-color: none;
        width: 160px;
        margin: 20px;
}

#fiche-lien-critique {
	color: #000;
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-color: none;
  width: 100px;
  height: 25px;
  padding-top: 10px;
}

.fiche-cote-panorama {
	float: right;
	color: #d2410a;
	font-size: 30px;
	font-weight: bold;
  background-color: none;
  height: 25px;
  padding-top: 0px;
}

.nouveautes-redacteur {
	font-size : 10px;
	padding-bottom: 2px;
}

.une-champ {
	border : 1px solid #2b2b2b;
	height : 14px;
	width :  165px;
	/*margin-top : 7px;*/
}

.une-submit {
	background-image : url("../images/site/bouton-submit.png");
	border : 0px solid white;
	width : 25px;
	height : 23px;
	/*margin-top : 8px;*/
	margin-left : 5px;
}

.une-concours, .une-equipe {
	font-family: trebuchet, helvetica, sans-serif;
	font-size: 9px;
	border: none;
	text-transform: uppercase;
	color: #000;
}

.une-concours {
	color: #b63529;
}

.une-equipe {
	color: #000;
}

.date-nouvelle {
	color : #999;
	font-weight : bold;
}

.titre-nouvelle {
	padding-bottom : 7px;
	padding-right : 10px;
}

.une-lien {
	text-decoration : none;
	color : #000;
}

a.une-lien-gris, a.une-lien-gris:hover {
	text-decoration : none;
	color : #999;
}

.une-calendrier-heure {
	font-weight : bold;
}

.une-calendrier-contenu {
	font-size: 11px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.une-calendrier-lieu {
	font-family: "palatino linotype", palatino, serif;
	font-size: 10px;
	font-style : italic;
	text-align: right;
	padding-bottom: 3px;
}

.une-calendrier-jour-debut {
	font-size : 20px;
	font-weight: bold;
	color : #b63529;
}

.une-calendrier-mois-debut {
	font-size : 11px;
	color : #b63529;
	padding-bottom: 3px;
}

.une-calendrier-categorie {
	float : left;
	margin : 5px 3px 5px 0px;
}

a.lien-liste {
	color : #000;
	text-decoration : none;
}

a.lien-liste:hover {
	color : #d2410a;
	text-decoration : none;
}

a.lien-rouge {
	color: #d2410a;
	text-decoration: none;
}

a.lien-rouge-souligne {
	color: #d2410a;
	text-decoration: none;
}

.grosses-lettres {
	font-size : 20px;
	font-weight : bold;
	margin-right : 10px;
}

.moyennes-lettres {
	font-size : 14px;
	font-weight : normal;
	padding-right : 5px;
	color : #000;
}

.petites-lettres {
	font-size : 9px;
}

.message-url {
	font-weight: bold;
	color: #d2410a;
}

.donnees-page {
	/*line-height : 18px;*/
}

.etiquette-donnee {
	text-transform : uppercase;
	font-weight : bold;
	padding-right : 10px;
	line-height : 23px;
}

.image-bio {
	margin : 0px 5px 5px 0px;
}

ul.liste-realisateurs {
	padding : 0px 0px 10px 0px;
	margin : 0px 0px 0px 0px;
}

#navigation-critique {
	font-size : 12px;
	position : relative;
	height : 35px;
}

#navigation-critique a {
	color : #000;
}

#navigation-critique a:hover {
	color : #d2410a;
}

.bouton-critique {
	background-color : #eee;
	float:left;
	margin : 0px 0px 10px 0px;
	border-bottom : 1px solid #fff;
}

.bouton-critique-selection {
	background-color : #e0e0e0;
	float:left;
	margin : 0px 0px 10px 0px;
	font-weight : bold;
}

.contenu-bouton-critique {
	padding : 7px 0px 7px 0px;
	margin : 0px;
	text-align : center;
}

.liste-classement {

}

.critere-tri-liste {
	margin-bottom : 5px;
}

.galerie-photo {
	float : left;
	margin : 0px 10px 10px 0px;
	background-color: yellow;
	border : 1px solid #000;
	padding : 0px;
}

.galerie-photo-vertical {
	float : left;
	margin : 0px 0px 7px 0px;
	border : 1px solid #000;
}

.tableau-calendrier {
	border-left : 1px solid #e0e0e0;
}

.tableau-calendrier th {
	 padding : 5px;
	 text-transform : uppercase;
	 background-color : #e0e0e0;
	 border : 1px solid #e0e0e0;
	 color : #666;
}

.tableau-calendrier td {
	 border-top : none;
	 border-right : 1px solid #e0e0e0;
	 border-left : none;
	 border-bottom : 1px solid #e0e0e0;
	 padding : 5px;
}

.horaire-film-bloc {
	clear : left;
}

.horaire-film-version {
	font-size : 11px;
	padding-bottom : 15px;
}

.horaire-film-adresse {
	font-size : 11px;
	padding-bottom : 10px;
}

.horaire-film-seances {
	margin-bottom : 30px;
	float : left;
}

.horaire-film-h1 {
	margin-bottom : 10px;
}

.horaire-film-h2 {
	margin-top : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.horaire-film-jour {
	float : left;
	width : 25px;
	font-weight : bold;
	text-transform : uppercase;
}

.horaire-film-touslesjours {
	float : left;
	width : 110px;
	font-weight : bold;
	text-transform : uppercase;
}

.horaire-film-affiche {
	float : left;
	width : 70px;
	height : 75px;
}

/* PUBS */
#pub-sommet {
	width : 728px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border: none;
	background-color : none;
}

#pub-gauche {
	border: 0px;
	margin : 0px;
	padding : 7px;
	background-color : #ccc;
}

#pub-droite {
	position: relative;
	float: right;
	border: none;
	width : 160px;
	height: 600px;
	background-color : none;
	margin-top: 10px;
	margin-bottom: 10px;
	left: 1px;
}

/* BOBINE */

#une-galerie {
	position: absolute;
	margin : 0px;
	padding : 0px;
	width : 500px;
	height : 300px;
	float : left;
}

#une-strip {
	margin : 0px;
	padding : 0px;
	width : 20px;
	height : 95px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #fff;
}

.image-strip-enCours {
	margin: 0px 7px 5px 0px;
	background-color: #d2410a;
	height: 13px;
	width: 13px;
}

.image-strip-pasEnCours {
	margin: 0px 7px 5px 0px;
	background-color: #96968c;
	height: 13px;
	width: 13px;
}

.enCours {
	display: block;
	position : absolute;
	top : 0px;
	left : 0px;
}

.pasEnCours {
	display: none;
	position : absolute;
	top : 0px;
	left : 0px;
}

.image-legende {
	position : absolute;
	top : 300px;
	left : 0px;
	height : 135px;
	width : 460px;
	display : block;
}

.texte-legende {
	color : #000;
	position : absolute;
	top : 300px;
	left : 0px;
	height : 135px;
	width : 460px;
}

.texte-legende h1 {
	font-size: 22px;
	text-decoration: none;
	color: #000;
	margin-left: 20px;
	margin-top: 0px;
	padding: 10px 15px 3px 0px;
	border-bottom: 2px solid #e8e8e8;
	background-color: #fff;
}

.texte-legende a {
	text-decoration : none;
}

.une-appel-bobine {
	padding : 5px 20px 20px 20px;
	color : #000;
	text-align: justify;
}

	.une-appel-bobine p {
		margin: 0;
	}

/* Formulaire de réponse aux concours
-------------------------------------------*/

.conteneurChamp {
    margin-bottom: 10px; 
}

.formLabel {
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

.inputText {
    background-color: #F5F5F5;
    border: 1px solid #ccc;
}

.inputSubmit {
    background-color: #d2410a;
    border: none;
    padding: 5px 20px 5px 20px;
    color: #fff;
    font-weight: bold;
}

/*************************/
/* Calendrier de l’Avent */
/*************************/

.set-container {
	background-color: rgba( 0, 0, 0, 1 );
	margin: auto;
	padding: 1.0rem 0;
	position: relative;
	width: 20rem;
	
	/*outline: 1px solid red;*/
}

	.set-container:before,
	.set-container:after {
		height: 100%;
		position: absolute;
		top: 0;
		width: 3rem;
		
		content: " ";

		background-color: #000000;
		background-image: linear-gradient( to bottom, #fff, #fff 50%, #000 50%, #000 );
		background-repeat: repeat-y;
    background-position: 0.75rem 1.0rem;
    background-size: 1.5rem 2.5rem;
    /*outline: 1px solid yellow;*/
	}

	.set-container:before {
		left: -2rem;
	}

	.set-container:after {
		right: -2rem;
	}

	.set-container .entry-container {
		height: 20rem;
		cursor: pointer;

		background-color: #000000;
		
		padding: 0.25rem 1rem;
		/*outline: 1px solid green;*/
	}

		.set-container .entry-container .entry-content {
			height: 100%;
			width: 100%;
			position: relative;

			background-position: center;
			background-repeat: none;
			background-size: cover;
			border-radius: 4px;

			/*outline: 1px solid orange;*/
		}

			.set-container .entry-container .entry-content .entry-content-day{
				color: white;
				position: absolute;
				background-color: rgba( 0, 0, 0, 0.5 );
				border-radius: 50%;
				bottom: 1.0rem;
				line-height: 5rem;
				right: 1.0rem;
				font-size: 4rem;
				font-weight: bold;
				text-align: center;
				text-shadow: 0 0 15px rgba( 150, 150, 150, 0.75 );
				width: 5rem;
				height: 5rem;
			}

/***********************************/
/* Popups with frosted backgrounds */
/***********************************/
.frosted {
  -webkit-filter: blur( 3px );
  filter: blur( 3px );
  display: block;
}

.centered-modal-container {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  background-color: rgba( 0, 0, 0, 0.7 );
}

.centered-modal {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate( -50%, -50% );
  transform: translate( -50%, -50% );
  z-index: 1000;

	background-color: #ffffff;
	padding: 1.5rem;
	line-height: 17px;
	text-align: left;
}

/*************/
/* Modifiers */
/*************/

.hidden {
	display: none;
}

.center {
	text-align: center;
}