body{margin:0px;background-color:#FFFFFF}
a{margin:0px;}
a img{border:none;margin:0px;padding:0px;}

#global{  /* CONTENEUR GLOBAL DU SITE */
	position: absolute;
	width:790px;   /* LARGEUR DE LA PAGE */
	margin-left: -395px;   /* TRUC UNIVERSEL POUR CENTRER LES PAGES */
	left: 50%;             /* TRUC POUR CENTRER LES PAGES    */
	text-align: center;
}

#head{
	position:relative;
	width:790px;
	height:343px;
}

#menuFFR{
	position:relative;
	width:790px;
	height:205px;
	text-align:left;
}

#menuFFR a img{
	float:left;
	display:block;
}

#content {
	position:relative;
	float:left;
	width:790px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#646566;
}

#content p a{
color:#0259F8;
text-decoration:underline;
}
#content p a:visited{text-decoration:underline;}
#content p a:hover{text-decoration:none;}
#content p img{margin-bottom:15px;}


.zoneNouvelles{
	position:relative;
	float:left;
	width:602px;
	padding-left:15px;
	padding-right:15px;
	text-align:justify;
}

.zoneNouvelles h2{
	font-size:large;
	font-weight:bold;
	text-transform:uppercase;	
}

.zoneNouvelles p img{
	margin-bottom:15px;	
}

.nouvelles{
	position:relative;
	width:550px;
	padding-left:10px;
}


.zonePartenaires{
	position:relative;
	float:left;
	width:158px;
	margin-top:10px;
}

.zonePartenaires img{
	margin-bottom:40px;
}

.zonePartenaires p{
	padding-top:10px;
	margin-bottom:30px;
	border-bottom:12px solid #F2F2F2;
	border-top:12px solid #F2F2F2;	
}

#footer{
	position:relative;
	float:left;
	width:790px;
	margin-top:20px;
	text-align:right;
	margin-bottom:30px;
}

#footer p{
	border-top:12px solid #F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;	
}


/* ===================================
=====  SECTION PROGRAMATION FFR ======
====================================== */

#prog_ffr{
	position:relative;
	float:left;
	background-color:#cccccc;
	width:600px;
	margin-bottom:20px;
	margin-left:10px;
}

.titreProg{
	text-align:left;	
}

.bloc{
	position:relative;
	float:left;
	background-color:black;
	color:white;
	text-transform:uppercase;
	font-size:x-large;
	width:205px;
	height:42px;
	border:solid white 3px;
	padding-top:8px;
	text-align:center;
	margin:10px 22px 10px 12px;
}

.fiche_film{
	position:relative;
	float:left;
	/*background-color:orange;*/
	width:556px;
	/*height:148px;*/
	margin:22px;
	border:solid black 3px;
}

.img_film{
	position:relative;
	background-color:none;
	float:left;
	width:165px;
}

.img_film img{
	position:relative;
	float:left;
	margin:29px 0px 10px 27px;
	border:solid black 3px;
}

.img_film span{
	position:relative;
	font-size:x-small;
	font-weight:bold;
	padding:4px;
	color:black;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border:2px solid black;
	background-image:url("img/gris_transparent.png");
	margin-left:15px;
	
}

.img_film span:hover{
	/*border:2px solid #cccccc;
	background-image:url("images/gris_transparent.png");
	color:black;*/
	background-image:url("img/gris_transparent.png");
	border:2px solid #cccccc;
}

.info_film{
	position:relative;
	float:left;
	font-weight:bold;
	width:391px;
}

.synopsis{
	position:relative;
	float:left;
	background-color:#5a5a5a;
	color:white;
	width:370px;
	padding:5px;
	/*height:81px;*/
	border:solid white 3px;
	margin-bottom:10px;
	text-align:justify;
}

.titre_film{
	position:relative;
	float:left;
	text-align:left;
	font-size:x-large;
	color:black;
	background-image:url("images/gris_transparent.png");
	padding:2px;
}

.annonceBloc{
	font-size:medium;
	text-align:left;
	text-transform:uppercase;
}

.annonceBloc a{margin-bottom:5px;}

.real{position:relative;font-size:medium;color:white;float:right; margin-right:10px;}



/* ===================================
=====  SECTION PARTENAIRE FFR ======
====================================== */


#partenaires{
	position:relative;
	width:700px;
	text-align:left;
	padding-left:25px;
}

#partenaires img{
	margin-left:3px;
	margin-top:5px;	
}

.tableauPartenaires{
	position:relative;
	width:700px;
	text-align:center;
	margin-bottom:10px;
}

.tableauPartenaires img{	
	margin-left:15px;	
}


/* ===================================
=====  SECTION JURY ======
====================================== */

#sectionJury{
	position:relative;
	width:100%;
}

.jury{
	position:relative;
	float:left;
	/*height:270px;*/
	width:100%;
	margin-bottom:20px;
}

.imgJury{
	position:relative;
	float:left;
	height:260px;
	width:225px;
}

.descJury{
	position:relative;
	float:left;
	width:540px;
}

.descJury h3{
	margin:0px 0px 0px 20px;
	padding:3px;
	font-size:large;
	background-color:#636363;
}

.descJury p {
	text-align:justify;
	font-size:medium;
	margin-left:20px;
}


/* ===================================
=====  SECTION GAGANTS ======
====================================== */

.listeGagnants {
	list-style-type: none;	
	margin-top:10px;
	padding-top:15px;
}

.listeGagnants li{
	margin-bottom:15px;
}


/* ===================================
=====  MENU PROGRAMATION ======
====================================== */

#en-tete {
	overflow: hidden;
	font-size:large;
	background-color:#FFFFFF;
}
#en-tete ul {
  float: right;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url("img/coin-gauche2.png");
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url("img/coin-gauche2.png");
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url("img/coin-droit2.png");
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url("img/coin-droit2.png");
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}