body {
		background: #fff;
		background: url("sol2.png") no-repeat top;
		/*font-family: 'Passion One', cursive;*/
		/*font-family: 'Nunito', sans-serif;*/
		font-family: 'Concert One', arial , helvetica;
		color: #666;
	}
	
/* header */ 	
	#header{
		height: 250px;
	}
	#ban {
		text-align: center;
		font-size: 36px;
		height: 250px;
		color: #E6007E;
		text-indent: -9999px;
		background: url("passion4.png") no-repeat;
		background-position: center;
	}
	#ban a{
		margin: 0 auto;
		display: block;
		width: 1000px;
		height: 300px;
	}



/* menu */
	#nav ul {
		background: #fff;
		font-size: 16px;
		list-style:none; 
		text-align:center; 
		padding:10px 0; 
		border-top:1px solid #009FE3; 
		border-bottom:1px solid #009FE3;
		box-shadow: 1px 1px 2px black;

	}
		
	#nav ul li { 
		display:inline; 
		text-transform:uppercase; 
		letter-spacing:10px; 
	}
	
	#nav ul li a { 
		text-decoration:none; 
		color: #009FE3; 
		padding:10px;
		text-shadow: 3px 3px 3px #fff inset;
		-webkit-text-shadow: 3px 3px 3px #fff inset;
			}
	
	#nav ul li a:hover {
		background: #E6007E;
		color: #fff;
		
		box-shadow: 2px 2px 2px black inset;
	}
	
/* corp  */

	#container{
		position: relative;
		padding-top: 60px;
		margin: 0 auto;
		width: 1100px;
		left: 60px;
	}

	#content{
		position: relative;
		float: left;
		width:660px;
		left: -20px;
	}
	.date{
		position: relative;
		float:left;
		height: 70px;
		width: 50px;
		border: 2px solid #eee;
		box-shadow: 3px 3px 10px #000;
		top:-20px;
		left: -90px;
		background: #E6007E;
		padding: 8px;
		color: #fff;
		text-align: center;
		z-index: 20;
		border-radius: 4px;
	}
	.article{
		background: #FFF;
		border: 2px solid #eee;
		margin: 20px;
		width:450px;
		box-shadow: 3px 3px 10px #000;
		padding:60px;
		padding-top: 0px;
		border-radius: 10px;
		margin-top: 40px;
	}
	.article_content{
		width: 440px;
	}
	.article h1{
		position: relative;
		font-size:22px;
		width:570px;
		color: #009FE3;
		padding-top: 30px;
		left: -70px;
		padding-bottom: 9px;
		border-bottom: 2px solid #009fe3;
		z-index: 10;
	}
	.article .content{
		padding-top:40px;
		color: #666;
		font-size:16px;
	}
	
	
	.jour{
		font-size:40px;
	}
	.mois{
		font-size:30px;
	}
	.by{
		position:relative;
		float: right;
		margin-top: 20px;
		font-size: 18px;
		color: #E6007E;
	}
	#slide{
		float: left;
		width:300px;
	}
	.liste{
		float:left;
		border: 2px solid #eee;
		width:290px;
		height:100px;
	}
	#lecteur{
		float: left;
	}
	th{
		padding: 19px;
		color: #009fe3;
		font-size: 20px;
	}
	td{
		padding: 10px;
		
	}
	td h4{
		color: #E6007E;
		font-size: 13px;
	}
	td p{
		font-size: 12px;
		color: #009fe3;
	}
	td ul{
		font-size: 12px;
		color: #009fe3;
	}
	#programmes {
		float: left;
		width: 950px;
		border: 2px solid #999;
		border-radius: 8px;
		box-shadow: 2px 2px 9px black;
		margin-bottom: 60px;
		padding-bottom: 20px;
	}
	#grille{
		width: 910px;
		height: 400px;
	}
	caption{
		padding: 20px;
		font-size: 24px;
		position: relative;
		width: 910px;
		background: #FBC476;
		border-radius: 3px;
		box-shadow: 2px 2px 9px black;
		border: 2px solid #999;
		color: #E6007E;
		left: -2px;
		top: -10px;
		text-align: center;
		text-shadow: 1px 1px 4px white;
	}
	.eve{
		float: left;
		width: 274px;
		height: 180px;
		padding: 10px;
		margin-right: 30px;
		border-radius: 8px;
		box-shadow: 2px 2px 9px black;
		border: 2px solid #999;
		margin-top: 30px;
	}
	.eve h2{
		position: relative;
		width: 288px;
		background: #FBC476;
		border-radius: 3px;
		box-shadow: 2px 2px 9px black;
		border: 2px solid #999;
		color: #E6007E;
		left: -20px;
		top: -20px;
		text-align: center;
		padding: 10px;
		font-size: 20px;
		text-shadow: 1px 1px 4px white;
	}
	.anim{
		float: left;
		width: 274px;
		height: 500px;
		padding: 10px;
		margin-right: 30px;
		border-radius: 8px;
		box-shadow: 2px 2px 9px black;
		border: 2px solid #999;
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.anim h2{
		position: relative;
		width: 288px;
		background: #FBC476;
		border-radius: 3px;
		box-shadow: 2px 2px 9px black;
		border: 2px solid #999;
		color: #E6007E;
		left: -20px;
		top: -20px;
		text-align: center;
		padding: 10px;
		font-size: 20px;
		text-shadow: 1px 1px 4px white;
	}
	.img_anim{
		position: relative;
		margin-left: 50%;
		left: -100px;
		width: 200px;
		border-radius: 3px;
		box-shadow: 1px 1px 4px black inset;
		margin-bottom: 20px;
	}
	
	h5{
		color: #E6007E;
		padding: 20px;
	}
	.date_eve{
		color: #009fe3;
		margin-left: 20px;
	}
	.anim p{
		margin-bottom: 10px;
	}
	.emi{
		color: #666;
	}
		
		
	/*footer*/
	#footer {
		float:left;
		border: 2px solid #999;
		width:910px;
		height: 100px;
		margin: 20px;
		margin-left: 0px;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 2px 2px 9px black;
		padding-bottom: 30px;
		margin-top: 60px;
	}
	#footer h3{
		margin-bottom: 10px;
		font-size: 20px;
	}
	#footer a{
		position: relative;
		float: left;
		display: block;
		font-size: 18px;
		margin-right: 30px;
		margin-top: 10px;
		padding:5px;
	}
	
	#copy{
		float: left;
		margin: 60px;
		width: 900px;
		margin-left: 0px;
		margin-top: 20px;
		}
	#copy p{
		text-align: center;
		}