/* CSS Document */
* {margin:0; padding:0; border:0}

html {
	background-image:url(../images/fond-motif.gif);
}

body {
	width:760px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
}
img {
  display: block;
}
.presentation {
	width:760px;
	height:272px;
}
	.conteneur-logo {
		width:370px;
		height:272px;
		float:left;	
	}
		.logo {
			width:370px;
			height:114px;
		}
		.slogan {
			width:370px;
			height:158px;
		}
		.video {
			width:390px;
			height:272px;
			float:left;
			background-image:url(../images/fond-video.jpg);
			background-repeat:no-repeat;
		}
.packs {
	width:760px;
	height:126px;
	background-image:url(../images/cadre-packs.jpg);
	background-repeat:no-repeat;
}
	.pack1 {
		width:178px;
		height:126px;
		float:left;
	}
		.pack1 h1 {font-size:14px; color:#000000; padding:40px 0 0 56px; text-align:center}
		.pack1 h2 {font-size:12px; color:#990000; padding-left:56px; text-align:center}
		.pack1 h3 {font-size:20px; color:#990000; padding-left:56px; text-align:center}
	.pack2 {
		width:132px;
		height:126px;
		float:left;
	}
		.pack2 h1 {font-size:14px; color:#000000; padding:40px 0 0 3px; text-align:center}
		.pack2 h2 {font-size:12px; color:#990000; padding-left:3px; text-align:center}
		.pack2 h3 {font-size:20px; color:#990000; padding-left:3px; text-align:center}
	.pack3 {
		width:137px;
		height:126px;
		float:left;
	}
		.pack3 h1 {font-size:14px; color:#000000; padding:40px 0 0 2px; text-align:center}
		.pack3 h2 {font-size:12px; color:#990000; padding-left:2px; text-align:center}
		.pack3 h3 {font-size:20px; color:#990000; padding-left:2px; text-align:center}
	.pack4 {
		width:137px;
		height:126px;
		float:left;
	}
		.pack4 h1 {font-size:14px; color:#000000; padding:40px 0 0 2px; text-align:center}
		.pack4 h2 {font-size:12px; color:#990000; padding-left:2px; text-align:center}
		.pack4 h3 {font-size:20px; color:#990000; padding-left:2px; text-align:center}
	.pack5 {
		width:129px;
		height:126px;
		float:left;
	}
		.pack5 h1 {font-size:14px; color:#000000; padding:40px 0 0 2px; text-align:center}
		.pack5 h2 {font-size:12px; color:#990000; padding-left:2px; text-align:center}
		.pack5 h3 {font-size:20px; color:#990000; padding-left:2px; text-align:center}
		.liens-packs1 {color:#535252; text-decoration:none}
		.liens-packs2 {color:#990000; text-decoration:none}
.texte {
	width:760px;
	height:207px;
}	
		
	.texte-gauche {
		width:370px;
		height:207px;
		float:left;
	}
	.texte-gauche h1 {
		font-size:14px;
		color:#FFCC00;
		margin:10px 0 0 60px;
	}
	.texte-gauche p {
		font-size:12px;
		color:#FFFFFF;
		margin:8px 0 0 60px;
	}
	.texte-visuel {
		width:390px;
		height:207px;
		float:left;
		background-image:url(../images/visuel-texte.jpg);
		background-repeat:no-repeat;
	}	
.pied {
	width:760px;
	height:60px;
	background-image:url(../images/fond-pied.gif);
	background-repeat:no-repeat;
}
.pied p {
	font-size:12px;
	color:#990000;
	padding-left:103px;
	line-height:63px;
}
a:link.liens-pied {color:#990000; text-decoration:underline}
a:visited.liens-pied {color:#990000; text-decoration:underline}
a:hover.liens-pied {color:#000000; text-decoration:none}
a:active.liens-pied {color:#990000; text-decoration:underline}	
.pied_ref, .pied_ref a, .pied_ref a:link, .pied_ref a:hover, .pied_ref a:visited {
	font-size:10px;
	text-align:center;
	color:#666666;
	clear:both;
}