@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; /* il est conseill de mettre  zro la marge et le remplissage de l'lment body, pour tenir compte des diffrentes valeurs par dfaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramtrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align  gauche (valeur par dfaut) dans le slecteur #container */
    	color: #000000;
    }
    .thrColLiqHdr #container { 
		background:#FFFFFF none repeat scroll 0 0;
		margin:0 auto;
		text-align:left;
		width:1000px;
     } 
    .thrColLiqHdr #header { 
		height:143px;
    } 
    .thrColLiqHdr #headerrevendeur { 
		background:transparent url(images/banniereOK.gif) no-repeat scroll 0 0;
		height:143px;
    } 
    .thrColLiqHdr #header h4 {
		margin:0;
	}
    
    /* Conseils pour les encadrs :
    1. Comme nous travaillons en pourcentages, il est prfrable de ne pas utiliser de remplissage latral pour les encadrs. Pour les navigateurs conformes aux standards, il sera ajout  la largeur, crant ainsi une largeur relle inconnue. 
    2. Pour crer un espace entre le ct de l'lment div et les lments qu'il contient, attribuez une marge gauche et une marge droite  ces lments, comme dans la rgle ".thrColLiqHdr #sidebar1 p".
    3. Comme Internet Explorer calcule les largeurs aprs avoir restitu l'lment parent, des bogues inexpliques peuvent parfois se produire pour les colonnes calcules en pourcentage. Pour obtenir des rsultats plus prvisibles, il est donc prfrable de dimensionner les colonnes en pixels.
    */
    .thrColLiqHdr #sidebar1 {
    	float: left; /* Cet lment doit prcder dans le code source tout lment  ct duquel il doit tre positionn */
    	width: 220px; /* cet lment est flottant, il faut donc lui attribuer une largeur */
    	background: #FFFFFF; /* la couleur de l'arrire-plan est affiche sur la largeur du contenu de la colonne, mais pas au-del */
    	padding: 0 0; /* le remplissage en haut et en bas cre un espace visuel  l'intrieur de cet lment div  */
    }
    .thrColLiqHdr #sidebar2 {
    	float: right; /* Cet lment doit prcder dans le code source tout lment  ct duquel il doit tre positionn */
    	width: 200px; /* cet lment est flottant, il faut donc lui attribuer une largeur */
    	background: #FFFFFF; /* la couleur de l'arrire-plan est affiche sur la largeur du contenu de la colonne, mais pas au-del */
    	padding: 0 0; /* le remplissage en haut et en bas cre un espace visuel  l'intrieur de cet lment div */
    }
    .thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    	margin-left: 3px; /* il est conseill d'attribuer des valeurs pour les marges gauche et droite de chaque lment qui sera plac dans les colonnes latrales */
    	margin-right: 3px;
    }
    
	
	
	
    /* Conseils pour mainContent :
    1. l'espace compris entre l'lment mainContent et les encadrs est cr avec les marges gauche et droite de l'lment div mainContent.
    2. pour viter une perte de l'lment flottant  la rsolution minimale prise en charge (800 x 600), la taille des lments contenus par l'lment div mainContent doit tre gale ou infrieure  300 pixels (images comprises).
    3. dans le commentaire conditionnel pour Internet Explorer ci-dessous, la proprit zoom permet de donner  l'lment mainContent l'attribut "hasLayout." Cela vite l'apparition de plusieurs bogues spcifiques d'Internet Explorer.
    */
    .thrColLiqHdr #mainContent { 
    	margin:0 0 2px 22.9%;
	}
    
	
	.thrColLiqHdr #mainContent table{ 
		float: left;
		text-align:left;
	}
		
	
    .thrColLiqHdr #footer { 
    	padding: 0 0px; /* ce remplissage correspond  l'alignement  gauche des lments des div qui apparaissent au-dessus. */
    	background:#FFFFFF none repeat scroll 0 0;
    } 
    .thrColLiqHdr #footer p {
    	margin: 0; /* la mise  zro de la marge du premier lment du pied de page permet d'viter une possible disparition de la marge (espace entre les lments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet lment cre un espace, tout comme une marge l'aurait fait, mais en vitant le risque de disparition de la marge */
    }
    
    /* Diverses classes  rutiliser */
    .fltrt { /* cette classe permet de rendre flottant le ct droit d'un lment dans la page. L'lment flottant doit prcder l'lment  ct duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre un lment flottant  gauche de la page. L'lment flottant doit prcder celui  ct duquel il doit apparatre dans la page. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit tre place pour un lment div ou break et doit tre l'lment final avant la balise de fin d'un conteneur qui doit contenir entirement des lments flottants */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }