html, body{
	width:100%;
	height:100%;
}

*{
	margin:0;
	padding:0;
}

html{
	background-color:#00579d;
}

#container0{
	width:822px;
	height:100%;
	background:url(../images/bg-content.jpg) repeat-y center top;
	margin:auto;
}

#container{
	width:822px;
	margin:auto;
}

#header{
	width:822px;
	background:url(../images/header.jpg) repeat-y center top;
	height:219px;
	margin:0 auto;
	padding:0;
}

#footer{
	position:relative;
	width:802px;
	clear:left;
	margin:0 auto;
	background:url(../images/footer.jpg) no-repeat center top;
	height:62px;
	padding-left: 20px;
}

	#footer .digitalAge{
		width:200px;
		float:left;
		font-family:Tahoma;
		font-size:11px;
		color:#FFFFFF;
		padding:23px 0 0 0px;
		text-align:center;
	}
	
		#footer .digitalAge a:link, #footer .digitalAge a:visited{
			color:#b9d8f6;
			text-decoration:none;
		}
		
		#footer .digitalAge a:hover, #footer .digitalAge a:active{
			color:#FFFFFF;
			text-decoration:none;
		}
		
	#footer .menu{
		width:560px;
		float:right;
		font-family:Tahoma;
		font-size:11px;
		color:#FFFFFF;
		padding:23px 20px 0 0px;
		text-align:right;
	}
	
		#footer .menu .liens{
			color:#b9d8f6;
		}
	
			#footer .menu .liens a:link, #footer .menu .liens a:visited{
				color:#FFFFFF;
				text-decoration:none;
			}

			#footer .menu .liens a:hover, #footer .menu .liens a:active{
				color:#b9d8f6;
				text-decoration:none;
			}
			
		#footer .menu .mentions{
			padding-top:5px;
		}
			
			#footer .menu .mentions a:link, #footer .menu .mentions a:visited{
				color:#b9d8f6;
				text-decoration:none;
			}
			
			#footer .menu .mentions a:hover, #footer .menu .mentions a:hover{
				color:#FFFFFF;
				text-decoration:none;
			}

#newsletterHoraire{
	background:url(../images/newsletter-horaires.jpg) no-repeat;
	height:25px;
	width:782px;
	margin:auto;
	padding-left:40px;
	margin-bottom:2px;
}

	#newsletterHoraire p{
		float:left;
		padding-top:6px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#0f64c4;
		font-weight:normal;
		width:135px;
	}

	#newsletterHoraire .newsInput{
		float:left;
		width:185px;
		height:18px;
		margin-top:3px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}

		#newsletterHoraire .newsInput input{
			background-color:#f4f8fc;
			border:1px solid #c8d5e3;
			width:154px;
			height:16px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			letter-spacing:1px;
		}

		#newsletterHoraire .newsInput .inputButton{
			background:transparent url(../images/ok.jpg) no-repeat center;
			border:0px solid #c8d5e3;
			width:14px;
			cursor:pointer;
		}

	#newsletterHoraire .horaire{
		margin-left:103px;
		float:left;
		padding-top:7px;
	}

#content{
	width:802px;
	margin:auto;
	background:url(../images/bg-content.jpg) repeat-y left;
	padding-left: 20px;
}

#menuGauche{
	border-right:1px solid #ef2741;
	float:left;
	width:200px;
	background:#e1eefc url(../images/bg-menu-gauche.jpg) repeat-x top;

}

	#menuGauche .actuTitre{
		margin:11px 0 0 2px;
	}

	#menuGauche .mdm{
		clear:both;
		font-family: Tahoma;
		font-size:11px;
		line-height:12px;
		text-align:left;
		color:#145aa9;
		padding:5px 0 0 10px;
		height:100px;
	}

		#menuGauche .mdm .mdmPhotoLink{
			float:right;
			text-align:right;
			margin-right:5px;
		}

			#menuGauche .mdmPhotoLink .mdmPhoto{
				border:1px solid #FFFFFF;
				margin:0px 0px 20px 5px;
			}
			
			#menuGauche .mdmPhotoLink a:link, #menuGauche .mdmPhotoLink a:visited{
				font-family:Tahoma;
				font-size:10px;
				color:#ee1935;
				text-decoration:underline;
			}
			
			#menuGauche .mdmPhotoLink a:hover, #menuGauche .mdmPhotoLink a:active{
				font-family:Tahoma;
				font-size:10px;
				color:#ee1935;
				text-decoration:none;
			}

	#menuGauche .abonnement{
		width:199px;
		height:149px;
		background:url(../images/abonnement.jpg) no-repeat;
		font-family:Tahoma;
		font-size:11px;
		color:#00579d;
	}
	
		#menuGauche .abonnement .abonnementEconomies{
			padding-top:11px;
			text-align:center;
		}
		
		#menuGauche .abonnement .items{
			padding:10px 0 0 5px;
			line-height:14px;
			text-align:left;
		}
	
	#menuGauche .adresseTel{
		font-family:Tahoma;
		font-size:11px;
		line-height:14px;
		color:#3671b4;
	}
	
		#menuGauche .adresseTel .hr{
			background-color:#ee1935;
			width:100px;
			height:1px;
			margin:2px auto;
		}
		
		#menuGauche .adresseTel a:link, #menuGauche .adresseTel a:visited{
			color:#ee1935;
			font-family:Tahoma;
			font-size:11px;
			text-decoration:underline;
		}
		
		#menuGauche .adresseTel a:hover, #menuGauche .adresseTel a:active{
			color:#ee1935;
			font-family:Tahoma;
			font-size:11px;
			text-decoration:none;
		}
		
#contenu{
	width:580px;
	float:left;
	margin-left:1px;
	font-family:Tahoma;
	font-size:12px;
	line-height:16px;
	color:#014088;
	background:url(../images/bg-contenu-footer.jpg) no-repeat center bottom;

}

	#contenu .texte{
		padding:0 7px 0 15px;
	}
		
	#contenu .nouvelleGeneration{
		text-align:center;
		padding-top:10px;
	}
	
	#contenu .presentation01{
		float:right;
		margin:20px 0px 5px 0px;
	}

	#contenu .rouge{
		color:#ef1d1e;
	}
	
	#contenu .hr2{
		
		background-color:#ee1935;
		width:554px;
		height:1px;
		margin:10px auto;
	}
	
	#contenu .presentation02{
		float:left;
		margin:20px 0px 5px 0px;
	}
	
	#contenu .list01{
		float:left;
		width:340px;
		font-size:11px;
		padding-left:30px;
		padding-top:7px;
	}
	
		#contenu .list01 ul li{
			background:url(../images/bullet03.jpg) no-repeat left 3px;
			list-style-type:none;
			padding-left:20px;
			margin-left:10px;
			padding-bottom:3px;
		}	
	
	#contenu .list02{
		float:left;
		width:180px;
		font-size:11px;
		padding-left:20px;
		padding-top:15px;
	}
	
		#contenu .list02 ul li{
			background:url(../images/bullet03.jpg) no-repeat left 3px;
			list-style-type:none;
			padding-left:20px;
			margin-left:10px;
			padding-bottom:3px;
		}

	#contenu .list03{
		float:left;
		width:160px;
		font-size:11px;
		padding-left:0px;
		padding-top:15px;
	}

		#contenu .list03 ul li{
			background:url(../images/bullet03.jpg) no-repeat left 3px;
			list-style-type:none;
			padding-left:20px;
			margin-left:10px;
			padding-bottom:3px;
		}

  #contenu .list04{
		float:left;
		width:300px;
		font-size:11px;
		padding-left:0px;
		padding-top:15px;
	}

		#contenu .list04 ul li{
			background:url(../images/bullet03.jpg) no-repeat left 3px;
			list-style-type:none;
			padding-left:20px;
			margin-left:10px;
			padding-bottom:3px;
		}

		#contenu .texte .link01:link, #contenu .texte .link01:visited{
      color: #ee1935;
			font-family: Tahoma;
			font-size: 12px;
			text-decoration: underline;
    }

    #contenu .texte .link01:hover, #contenu .texte .link01:active{
      color: #ee1935;
			font-family: Tahoma;
			font-size: 12px;
			text-decoration: none;
    }

	#contenu .texte .avant{
    width:180px;
		float:left;
		text-align:center;
  }

	#contenu .texte .apres{
    width:370px;
		float:left;
		text-align:center;
  }

  #contenu .texte .avant img, #contenu .texte .apres img{
    margin-top: 5px;
  }

.movie{
  text-align: center;
	width: 430px;
}