/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header {width: 996px;}
#header {height:302px;}
#left-column {width:240px;}
#middle-column {width: 546px;}
#right-column {width: 210px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 60px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height
	-----------------------------------------------
*/	#wrap-container {width:996px;	margin: 0 auto -60px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}
object { outline:none; }

html, body { width: 100%; }
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}


#wrap-container {
  min-height: 100%;
	height: auto !important;
	height: 100%;
 }
#container {
	margin:0 auto;
	text-align: left;
  min-height: 100%;
	height: auto !important;
	height: 100%;
   }
#header {
/*	text-indent: -9999em;*/}

#left-column{
	float:left;

	}
#catalogue {
	margin:0 auto;
	text-align: left;
  min-height: 100%;
	height: auto !important;
	height: 100%;
  width:240px;
  background-color:#300000;
   }
#int-catalogue{
 padding-top:6px;
 padding-bottom:10px;
 padding-left:21px;

}

#connexion{
  width:240px;
  height:427px;
}
#int-connexion{
  padding-top:82px;
  padding-left:18px;
}

#middle-column{
	float:left;
}

#right-column{
	float:left;
}
#int-right-column{
	padding-right:23px;
}
#flags{
  width:210px;
  height:50px;
 }
#int-flags{
  padding-top:12px;
  padding-left:20px;

}
#panier{
  width:210px;
  height:60px;
 }
#int-panier{
 padding-left:7px;

}
#newsletter{
  width:210px;
  height:200px;
 }
#int-newsletter{
  padding-top:88px;
  padding-left:20px;

}
#actualite{
  width:210px;
  height:397px;
 }
#int-actualite{
  padding-top:34px;
  padding-left:15px;
  padding-right:22px;

}

#footer {
	margin: 0 auto;
	text-align: left;
	padding: 0;}
.ref {
		 width: 100%;
		margin: 0 auto;
		text-align:center;
		color: #300000;
		font-family:Arial;
		font-size:11px;
    padding-top:5px;
    background-color:#e8e8e8;
  	}


/*	--- Important! -----------------------------------
	If you want space between paragraphs or headers,
	use padding instead of margin.
	-------------------------------------------------*/

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}

/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/	.left{float: left;} .right{float: right;}

.thumb{
	display: block;
 }

a.command:link, a.command :visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#CECECE;
	text-decoration: none;}
a:hover.command, a.command:active {
	color:#ffffff !important;
	text-decoration: none !important;}


-->
/* ===| IV. NAVIGATION |===============================================*/

/* ---| THE END |------------------------- */