@charset "utf-8";

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

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

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

.header .droite{
	float:left;
	width:262px;
	height:188px;
	background-image:url(../img/nouveautes/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{
		display:table;
		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{
			float:left;
			width:647px;
			margin:10px 20px 0 30px;
		}
		
			.interieur .textuel .textuel-gauche h1{
				font-size:18px;
				font-weight:bold;
				color:#504d4d;
				margin:0 0 10px 0;
			}
			
			.interieur .textuel .textuel-gauche h2{
				font-size:16px;
				font-weight:bold;
				color:#db2929;
			}
			
			.interieur .textuel .textuel-gauche p{
				font-size:11px;
				color:#504d4d;
			}
			
			.gros{
				font-size:12px;
			}
			
			.interieur .textuel .textuel-gauche .encadre-captation{
				margin-top:20px;
				width:630px;
			}
			
			.interieur .textuel .textuel-gauche .gris{
				background-color:#f6f6f6;
			}
			
				.interieur .textuel .textuel-gauche .encadre-captation .cont-titre{
					display:table;
					width:600px;
					margin:10px 15px 10px 15px;
				}
			
					.interieur .textuel .textuel-gauche .encadre-captation .cont-titre .titre{
						float:left;
					}
		
					.interieur .textuel .textuel-gauche .encadre-captation .cont-titre .btn-haut{
						float:right;
					}
			
				.interieur .textuel .textuel-gauche .encadre-captation .contenu-captation{
					clear:both;
					padding:0 15px 15px 15px;
				}
						
					
								
	.interieur .contextuel{
		float:left;
		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/nouveautes/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/nouveautes/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;
			}