body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #000000;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #FFFFFF;
    }
	
    .oneColFixCtrHdr #container {
    	width: 990px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #000000;
    	margin: 10px auto 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 1px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }
    .oneColFixCtrHdr #mainContent {
		height: 600px;
    	padding: 0 10px 0 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
		background-image:url(images/fond_general.jpg);
		background-repeat:no-repeat;
    	
    }
	.oneColFixCtrHdr #menu {
		float:left;
		height: 370px;
		width: 200px;
		font-size:0;
		margin: 8px 20px 0 0;
    	padding: 0 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */	
    }
	.blochomeclair {
		float:left;
		height: 134px;
		width: 344px;
		background-image:url(images/home_cadre.gif);
		background-repeat:no-repeat;
		margin: 0 5px 0 0;
    	padding: 0px 10px 10px 10px;
		display:inline;	
    }
	.blochomeclairlight {
		float:left;
		clear:right;
		height: 184px;
		width: 158px;
		background-image:url(images/home_cadre2.gif);
		background-repeat:no-repeat;
		margin: 0 5px 0 0;
    	padding: 0px 10px 10px 10px;
		display:inline;	
    }
	.blochomeclairbig {
		float:left;
		height: 184px;
		width: 344px;
		background-image:url(images/home_cadre3.gif);
		background-repeat:no-repeat;
		margin: 0 5px 0 0;
    	padding: 0px 10px 10px 10px;
		display:inline;	
    }
	.colonneproduit {
	float:left;
	width: 170px;
	height: 350px;
	margin: 0 0 0 0;
    padding: 0 0 0 10px;
	display:inline;
	}
	.colonneproduitgros {
	float:left;
	width: 680px;
	height: 450px;
	margin: 0 0 0 0;
    padding: 0 0 0 10px;
	display:inline;
	}
	.btntelecharger1 {
	float:left;
	margin: 0 0;
	}
	.btntelecharger2 {
	float:right;
	margin: 0 0;
	}
	.bloccolonne {
		float:left;
		width: 320px;
		margin: 0 0 ;
    	padding: 0 0 10px 0;	
    }
	.oneColFixCtrHdr #blochomerien {
		float:left;
		height: 134px;
		width: 354px;
		margin: 0 0 ;
    	padding: 0 0 10px 0;	
    }
    .oneColFixCtrHdr #footer {
    	padding: 0 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	background:#OOOOOO;
    }
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
	.blocoverflow {
	width:700px; 
	height:400px; 
	overflow:auto;
	padding: 0 5px;
	margin: 0 0 0 10px;
	}
	.juridique {
	text-align:center;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	}
	.juridique a {
	color: #666;
	text-decoration: none;
	}
	.juridique a:hover {
	color: #666;
	text-decoration: underline;
	}
	
	.textecourant {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-align:justify;
	}
	.texteencadre {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#032443;
	text-align:left;
	}
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#032443;
	text-align:center;
	margin: 5px 0 20px 0;
	padding: 0;
	}
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	text-align:left;
	margin: 0;
	padding: 0;
	}
	.bloc_flotant {
	float:left;
	width: 260px;
	}
	ul {
	margin: 0 0 0 0;
	padding: 0;
	float:left;
	}
	li {
	padding: 0 0 0 5px;
	margin: 0 0 0 20px;
	}
	p {
	padding:0;
	margin:0;
	}
	a {
	outline: none;
	}

	a:link {
	color: #FFFFFF;
	}
	a:visited {
	color: #CCCCCC;
	}
	a:hover {
	color: #00CCFF;
	}
	a:active {
	color: #FFFFFF;
	}
	.retouraccueil {
	display:block;
	width:400px;
	height:120px;
	margin: 0 0 0 260px;
	}