@charset "utf-8";

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

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

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

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

	.header .droite .boutons{
		width:234px;
		height:72px;
		margin:10px 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 .textuel-gauche{
			float:left;
			width:354px;
			margin:10px 20px 0 30px;
		}
		
			.interieur .textuel .textuel-gauche h1{
				font-size:18px;
				font-weight:bold;
				color:#504d4d;
			}
			
			.interieur .textuel .textuel-gauche h2{
				font-size:13px;
				font-weight:bold;
				color:#db2929;
				margin-top:5px;
			}
			
			.interieur .textuel .textuel-gauche p{
				font-size:11px;
				color:#504d4d;
			}
			
			.interieur .textuel .textuel-gauche .cont-videos{
				margin-top:10px;
				height:101px;
			}
			
				.interieur .textuel .textuel-gauche .cont-videos .video{
					float:left;
					width:77px;
					height:57px;
					padding:1px;
					border:1px solid #898989;
					margin-right:7px;
				}
				
				.interieur .textuel .textuel-gauche .cont-videos .date{
					float:left;
					width:81px;
					margin-right:7px;
					height:20px;
					line-height:20px;
					color:#898989;
					font-size:11px;	
					text-align:center;	
				}
				
				.interieur .textuel .textuel-gauche .cont-videos .btn-videos{
					width:135px;
					height:15px;
					margin-top:5px;
				}
				
	
	
		.interieur .textuel .textuel-droite{
			float:left;
			width:280px;
			margin-top:10px;
			
		}
		
			.interieur .textuel .textuel-droite .nouveaute-haut{
				width:280px;
				height:19px;
				font-size:10px;
				background-image:url(../img/home/fond-nouveaute-haut.png);
				background-repeat:no-repeat;
			}
			
			.interieur .textuel .textuel-droite .nouveaute{
				width:280px;
				background-image:url(../img/home/fond-nouveaute.png);
			}
			
				.interieur .textuel .textuel-droite .nouveaute .cont{
					width:240px;
					margin-left:20px;
				}
				
					.interieur .textuel .textuel-droite .nouveaute .cont h1{
						font-size:20px;
						font-weight:bold;
						color:#db2929;
					}
					
					.interieur .textuel .textuel-droite .nouveaute .cont h2{
						font-size:13px;
						font-weight:bold;
						color:#db2929;
						margin-top:5px;
					}
					
					.interieur .textuel .textuel-droite .nouveaute .cont p{
						font-size:12px;
						color:#504d4d;
					}
					
					.interieur .textuel .textuel-droite .nouveaute img.sepa{
						margin:15px 0 5px 0;
					}
				
			
			.interieur .textuel .textuel-droite .nouveaute-bas{
				width:280px;
				height:19px;
				background-image:url(../img/home/fond-nouveaute-bas.png);
				background-repeat:no-repeat;
			}
	
					
								
	.interieur .contextuel{
		float:left;
		display:table;
		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 p{
				font-size:11px;
				color:#504d4d;
				margin-top:15px;
			}
			
			.interieur .contextuel .actus a{
				display:block;
				font-size:11px;
				margin-top:15px;
			}
			
			.interieur .contextuel .actus a:link{
				text-decoration:none;
			}
			
			.interieur .contextuel .actus a:visited{
				text-decoration:none;
			}
			
			.interieur .contextuel .actus a:hover{
				text-decoration:underline;
			}
			
			.interieur .contextuel .actus .date{
				font-size:12px;
				font-weight:bold;
				color:#db2929;
			}