@charset "utf-8";

/* ::::: HEADER :::::: */

.header{
	width:959px;
	height:188px;
}

.header .bandeau{
	float:left;
	width:697px;
	height:188px;
	background-image:url(../img/graphisme/fond-bandeau.png);
}

.header .droite{
	float:left;
	width:262px;
	height:188px;
	background-image:url(../img/graphisme/fond-header-droite.png);
}

	.header .droite .boutons{
		width:234px;
		height:72px;
		margin:40px 0 0 15px;
	}
	
	.header .newsletter{
		margin:15px 0 0 20px;
	}
	
		.header .newsletter h1{
			font-size:18px;
			color:white;
		}
		
		.header .newsletter p{
			font-size:11px;
			color:white;
		}
		
		.header .newsletter td{
			font-size:11px;
			color:white;
		}
		
		.header .newsletter form input.champ{
			font-size:11px;
			color:#504d4d;
			padding:1px;
			width:170px;
			border:1px solid #988989;
		}
		
		
		
/* ::::: INTERIEUR :::::: */

.interieur{
	width:959px;
	display:table;
}

	.interieur .textuel{
		float:left;
		width:697px;
		background-image:url(../img/general/fond-page-degrade.png);
		background-repeat:no-repeat;
	}
	
		.interieur .textuel .fil-ariane{
			padding:10px 0 0 32px;
		}
		
			.interieur .textuel .fil-ariane p{
				line-height:11px;
				word-spacing:5px;
				font-size:11px;
			}
		
		.interieur .textuel .textuel-gauche{
			width:647px;
			margin:10px 0px 0 30px;
		}
		
			.interieur .textuel .textuel-gauche h1{
				clear: both;
				font-size:18px;
				font-weight:bold;
				color:#504d4d;
				margin:0 0 10px 0;
			}
			
			.interieur .textuel .textuel-gauche h1.diminue{
				clear: both;
				font-size:16px;
				font-weight:bold;
				color:#504d4d;
				margin:0 0 10px 0;
			}
			
			.interieur .textuel .textuel-gauche h2{
				font-size:13px;
				font-weight:bold;
				color:#8d318c;
				margin-top:5px;
			}
			
			.interieur .textuel .textuel-gauche p{
				font-size:11px;
				color:#504d4d;
			}
			
			.gros{
				font-size:12px;
			}
			
			.interieur .textuel .textuel-gauche .cat-videos-tt{
				margin-top:10px;
				text-align:center;
			}
				.interieur .textuel .textuel-gauche .cat-videos{
					width: 179px;
					height: 365px;
					background:url(../img/graphisme/fond-cat-videos.png) no-repeat;
					float:left;
					margin:0 35px 0 0;
					text-align:center;
					overflow: hidden;
				}
					.interieur .textuel .textuel-gauche .cat-videos a.rubrique {
						margin-top:5px;
						text-decoration:none;
						background:url(../img/graphisme/puce-play.png) no-repeat right;
						height:13px;
						padding-right:15px;
					}
					.interieur .textuel .textuel-gauche .cat-videos a:hover {
						margin-top:5px;
						text-decoration:underline;
					}
					
					.interieur .textuel .textuel-gauche .cat-videos  h2{
						font-size:14px;
						text-align:center;
						margin:5px 0 5px 0;
					}
					.interieur .textuel .textuel-gauche .cat-videos img{ border: 0px; text-align:center; }
					.interieur .textuel .textuel-gauche .cat-videos a{ margin:5px 0 5px 0;}
					.interieur .textuel .textuel-gauche .cat-videos .flash { text-align:center; }
					.interieur .textuel .textuel-gauche .cat-videos .separation-acces {
						background:url(../img/graphisme/separation-btn-acces-cat-video.png);
						text-align:center;
						width:140px;height:2px;
						font-size:0px;
						margin:5px 0 5px 0;
					}
					
								
	.interieur .contextuel{
		float:right;
		width:262px;
		height:317px;
		background-image:url(../img/general/fond-contextuel.png);
		background-repeat:no-repeat;
	}
	
		.interieur .contextuel .actus{
			width:230px;
			margin:0 0 0 20px;
		}
		
			.interieur .contextuel .actus h1{
				font-size:18px;
				font-weight:bold;
				color:#504d4d;
			}
		
			.interieur .contextuel .actus h2{
				font-size:14px;
				font-weight:bold;
				color:#504d4d;
			}
			
			.interieur .contextuel .actus ul{
				margin:0 0 20px 2px;
				padding:0;
			}
			
				.interieur .contextuel .actus ul.sous-menu a{
					color:#504d4d;
					font-size:12px;
				}
			
				.interieur .contextuel .actus li.pause{
					margin:0;
					padding-left:20px;
					list-style:none;
					background-image:url(../img/graphisme/puce-pause.png);
					background-repeat:no-repeat;
					background-position:0% 69%;
				}
			
			.interieur .contextuel .actus .sepa{
				font-size:0px;
				height:2px; width:230px;
				background-image:url(../img/graphisme/separation-droite.png);
				margin:15px 0 15px 0;
			}
			
			.interieur .contextuel .actus a.esp{
				display:block;
				font-size:11px;
				margin-top:15px;
			}
			
			.interieur .contextuel .actus p{
				font-size:11px;
				color:#504d4d;
				margin-top:15px;
			}
			
			.interieur .contextuel .actus .date{
				font-size:12px;
				font-weight:bold;
				color:#db2929;
			}