p {margin: 0px; padding:0px;}
img {border:0px solid black;
margin:0px;}
body {font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: Opx; margin: 0px; background-color: #e1dfdf; font-weight:300;}
/* body a:link { color:white; text-decoration:underline;}
body a:visited { color:white; text-decoration:underline;}
body a:hover {color:#00f; text-decoration:underline;}
*/

table {padding:0px;
border-width:0px;
border-spacing: 0px;
border-collapse: collapse; 
}
tr {padding:0px;
border-width:0px}
td {padding:0px;
border-width:0px}

h1 {line-height:22px; font-size:24px; margin: 0px; }
h2 {line-height:19px; font-size:21px; margin: 0px; font-weight: 300;}
h3 {line-height:16px; font-size:18px; margin: 0px;}
h4 {font-size: 15px; line-height:15px; margin:0px; color:#555;}









.bord-gauche{background-image:url(IMG/divers/ombre-gauche.jpg);background-repeat:repeat; width:7px;}
.bord-droit{background-image:url(IMG/divers/ombre-droit.jpg);background-repeat:repeat; width:7px;}



#le-tout {width: 990px; margin: auto; /*border:1px solid #888;*/ overflow:hidden;}  /* faut pas que je mette de couleur dans le-tout,car, bizarrement, de temps en temps la table qui est dedans n'arrive pas à remplir le-tout complètement ( il reste un pixel libre à droite ). Et alors, si le-tout et la table n'ont pas la même couleur de fond, on voit une ligne verticale à droite.
*/
#le-tout a:link { color:white; text-decoration:underline;}
#le-tout a:visited { color:white; text-decoration:underline;}
#le-tout a:hover {color:#00f; text-decoration:underline;}


#table_avec_les_ombres_du_cadre_autour_du_site { width:100%; background-color: #fff; }



#le-tout #entete-tele  { font-size: 20px; font-weight: 900; padding:1px 1px 5px 7px; }
#le-tout #entete-tele a:link { color:#ccc; text-decoration:none;}
#le-tout #entete-tele a:visited { color:#ccc; text-decoration:none;}
#le-tout #entete-tele a:hover {color:#fcc; text-decoration:underline;}



.menu-horizontal {margin-top: 0px; padding: 5px 0px 4px 5px; border-bottom: 1px solid #ccc; background-color: #333; color: white;}
#le-tout .menu-horizontal a:link { color: #fb0; text-decoration:underline; font-weight:900;}
#le-tout .menu-horizontal a:visited { color:#fb0; text-decoration:underline; font-weight:900;}
#le-tout .menu-horizontal a:hover {color:white; text-decoration:underline; font-weight:900;}
.menuhor {text-align:center; height: 30px; padding: 0px 12px; border: 1px solid #444; background-color: #000; width: 50px;}
.menuhor2 {text-align:center; height: 30px; padding: 0px 5px; border: 1px solid #444; background-color: #000; width: 130px; max-width: 130px;}




#secteur-central {padding-bottom: 250px; min-height:1000px; background-color:#fff;}
.menu-g {padding: 2px; vertical-align: top;}
.menu-gauche {}
#section-centrale {vertical-align:top; padding-bottom: 0px; width:;}
#centre {background-color: #fff;
padding-bottom: 80px; padding-left:10px;}
#centre-entete {padding: 0px 15px 85px 0px; text-align: left;}

.maintenance {padding:15px;}


#table_contenant_boutons_balade_entre_jours_ou_semaines { width:100%; margin-left:0px; margin-top:85px; }
.td_contenant_bouton_balade_entre_jours_ou_semaines { width:560px; }
#bouton_periode_precedente {  border:1px solid #aaa; border-radius: 5px; padding:2px 5px 3px 5px; }
#bouton_periode_suivante     { border:1px solid #aaa; border-radius: 5px; padding:2px 5px 3px 5px; }
#table_contenant_boutons_balade_entre_jours_ou_semaines a:link { color:#aaa; text-decoration: none;}
#table_contenant_boutons_balade_entre_jours_ou_semaines  a:visited { color:#aaa; text-decoration: none;}
#table_contenant_boutons_balade_entre_jours_ou_semaines  a:hover { color:#aaa; text-decoration: none;}


#titre_palmares_semaine { font-size:18px; font-weight:900; }
#sous_titre_palmares_semaine { font-size:14px; }
#explication_palmares_semaine { font-size:11px; font-style:italic; }
.titre_programme_jour { margin:80px 0px 40px 0px; }
.pas_de_film_repertorie { text-align:center; margin-top:50px; margin-bottom:20px; color:#222; border:1px solid #faa; background-color:#fcc; border-radius: 5px; padding:2px 5px 3px 5px; }














/* border:1px solid red; */

.bloc-film {background-color: #fff;}
.espace_entre_bloc_film {margin-bottom: 70px;}
.reprise {text-align:right; padding-right:20px; color:#888; font-size:12px;}
.repere_pour_ceux_qui_viennent_de_pub_chez_guide_rapide {margin-bottom: 0px; }

.exttabletitreclassement{padding-bottom:; padding-left:7px;   padding-top:2px; background-image:url(IMG/divers/bord-haut.jpg); background-repeat:repeat-x; text-align:left;}
.coin_droit_haut { background-image:url(IMG/divers/coin-droit-haut-long.jpg); background-repeat:no-repeat; width:10px; }
.bord_gauche { background-image:url(IMG/divers/bord-gauche.jpg); background-repeat:repeat-y; }

.inttabletitreclassement{}
.tabletitreclassement {line-height:; overflow:visible; width:; 
border-spacing: 0px;
border-collapse: collapse; margin-bottom:5px;}
.hauteurtableclassement {height:; vertical-align: bottom;} 

.bluray-tri-date  { padding-bottom:0px; text-align:center; vertical-align:middle;   height:35px; vertical-align:top; padding-top:2px;}
.bluray-tri-date h1 {line-height:30px; font-size:26px; font-weight: 900; margin:0px;}
.bluray-tri-date3 {padding-right: 20px; padding-left: 10px; padding-bottom:0px; vertical-align:middle;   vertical-align:top; padding-top:3px;}

.tdtitreclassement {padding-left: 1px;}

.extfichefilm3 {
background-color:#fff;
width: ;
margin-left:7px;
padding:0px;
border: 0px solid red;
}

.heure_plus_titre { font-size:18px; font-weight:900; } 
.film_diffuse { font-size:10px; }

.fichefilm3 {
height: 181px; 
width: 700px;
background-color: #fff;
border: 0px solid black;
border-spacing: 0px;
border-collapse: collapse; 
}
.cellule1 {padding: 4px 3px 4px 3px; width: 50px; height: 50px; line-height: 0px;}
.image1 {border: 0px solid green;}
.cadre_affiche { border: 1px solid #aaa; }

.cellule2 {padding: 5px 20px 0px 10px; vertical-align: top; text-align:left;
border: 0px solid black;
letter-spacing: ;
}
.cellule2 a:link {}
.film {}
.realisateur {font-weight: 900;}
.grasse {font-weight: 900;}
.duree {font-weight: 900;}
.genre1 {font-weight: 900;}
.space {height: 10px; font-size: 0px; line-height: 0px;}
.story {text-align: justify;}

.cellule3 {border: 0px solid green; width: 46px; text-align:; vertical-align: top; padding-right: 0px; padding-left: px;}
.cell {border: 1px solid #ddd; height: 20px; margin-bottom: 1px; text-align: center; } /*  padding:0px 1px;  */
.pas  {color: #999; font-size:10px;}
.jauge-padding {padding-top: 20px;}
.jauge-padding2 { /* vertical-align:bottom; padding-bottom:9px; */ vertical-align: top; padding-top: 3px;}
.cellule4 {width: 275px; height:; padding-bottom: 5px; padding-left: 3px; padding-right: 8px; vertical-align: bottom; border:0px solid black;
font-size: 12px;
line-height:16px;
}
.couleur_1 { background-color:#e51fe3; }
.couleur_2 { background-color:#005dfe; }
.couleur_3 { background-color:#00ff86; }
.couleur_4 { background-color:#ffdf00; }
.couleur_5 { background-color:#ff915e; }
.couleur_6 { background-color:#c34949; }


.cellule4  a:link { color:#000; text-decoration:none;}
.cellule4 a:visited { color:#000; text-decoration:none;}
.cellule4 a:hover {color:#000; text-decoration:underline;}
.notefilm {font-size: 18px; font-weight: 700;}
.notefilm2 {font-size: 14px; font-weight: 500;}
.espace {font-size: 15px; font-weight: 900;}
.surdix {}

.cellule5 { width: 141px; height:; padding-bottom: 5px; padding-right: 20px;
vertical-align: bottom;
text-align: right;} 

.cellule6 {padding: 12px 12px 0px 3px; text-align: justify; vertical-align: top;
border: 1px solid black; height: 72px;
}


.exttabledatesortie {height:; padding-left:9px; padding-right:0px;}
.inttabledatesortie {padding:; }
.tabledatesortie {vertical-align: top;
/* border-top: #777; */
border-spacing: 0px;
border-collapse: collapse; }

.programme-tele {color: #aaaaaa; padding-right: 5px; font-size: 8px;}
.grise {color:#aaaaaa;}







.menu-d{padding-left: 2px; vertical-align: top;/*border: 1px solid red;*/}

.td_pied_de_page { text-align:left; padding:0px 10px;}
#td_contient_pied_de_page a:link { color: #fff; text-decoration:none;} 
#td_contient_pied_de_page a:visited { color: #fff; text-decoration:none;}
#td_contient_pied_de_page a:hover { color: #fff; text-decoration:none;}












a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.viewpic {
  text-decoration: none; 
  background: none;
}
a.viewpic span {display: none;}

a:hover.viewpic span {
  display: inline; 
  position: absolute;  
  top: -20px; 
  left: 10px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}


/* systeme pour faire apparaître la photo de l'acteur au survol de son nom */
.photo_acteur {
    /* position: absolute;
    margin: -5% 0 0 25%; */
	position: fixed ;
	
    display: none;
	
	/*
	top:5px;
	right:5px; */
	
	vertical-align:middle; text-align:center;
}
.photo_acteur_absente { width:200px; height:270px; background-color:#fff; border:1px solid #999; vertical-align:middle; text-align:center; }
.photo_acteur img {
    height: auto;
    /* border: 3px solid #544A4A; */
	
	border:1px solid #999;
	width:300px;
}
.acteurs {
    font-size: 1em;
    font-family: Helvetica, sans-serif;
    color: #000;
    cursor: pointer;
}
.acteurs:hover {
    color: red;
}


.copyright_photo_acteur { font-size:10px; font-weight:300; }









/* système pour mettre une video en plein écran sur clic d'une zone ayant pour class "play" */
[id*="video-"], 
[id^="video-"] { 
	
	/* width:100px; */
	
	/* donné au départ par Yann */
	 
	position: fixed;
	top: 50%;
	left: 50%;
	/*width: 100%; 
	height: 100%;*/
	z-index: 9999;
	display: none;

	/*
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);*/
}

/* img {
	vertical-align: middle;
}*/

.play {
	cursor: pointer;

	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

.play:hover {
	/*color: red;
	padding: 0 0 0 1em;*/
}