@import url(typo.css);
@import url(skin.css);
@import url(menu1.css);
@import url(menu2.css);

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

#container, #footer,#top-header, #header, #bottom-header  {width: 1000px;}
#top-header {height:36px;}
#header {height:143px;}
#bottom-header {height:38px;}
#bottom-header1 {height:38px;}
#left-column {width: 223px;}
#middle-column {width: 581px;}
#right-column {width: 196px;}

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

.push	{clear: both;}

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


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

* {margin: 0;}

html, body { width: 100%; /*height: 100%;*/}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}

#wrap-container1 {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto;
	text-align: left;}
#int-top-header{
  padding-left:804px;
  padding-top:3px;
}

#int-bottom-header{
padding-left:455px;
padding-top:12px;
}
#int-bottom-header1{
padding-left:189px;
padding-top:12px;
}
#left-column{
	float:left;
	}
#recherche{
  width:223px;
  height:31px;
}
#affaire{
  width:223px;
  height:auto !important;
}
#affaire1{
  width:223px;
  height:224px;
}
#int-affaire{
  padding-left:5px;
  padding-right:14px;
  padding-top:20px;
}
#int-affaire1{
  padding-left:5px;
  padding-right:14px;
  padding-top:20px;
}
#modele{
  width:223px;
 height:auto !important;
}
#int-modele{
  padding-left:5px;
  padding-right:14px;
  padding-top:20px;
}
#article{
  width:223px;
  height:auto !important;
}
#article1{
  width:223px;
  height:234px;
}
#int-article{
  padding-left:5px;
  padding-right:14px;
  padding-top:26px;
}
#int-article1{
  padding-left:5px;
  padding-right:14px;
  padding-top:26px;
}
#newsletter{
  width:223px;
  height:45px;
}
#newsletter-desinscrire{
  width:223px;
  height:45px;
}
#int-newsletter{
  padding-top:23px;
  padding-left:4px;

}

#middle-column{
	float:left;
	}
#content{
padding-top:12px;
padding-left:15px;
padding-right:15px;
}

#right-column{
	float:left;
  }
#mon-panier{
  width:196px;
  height:92px;
}
#int-mon-panier{
  padding-top:25px;
  padding-left:10px;
  padding-right:18px;
}

#mon-compte{
  width:196px;
  height:225px;
}
#int-mon-compte{
  padding-left:10px;
  padding-top:35px;
}
#int-mon-compte1{
  padding-left:10px;
  padding-top:35px;
}

#liens{
  width:196px;
  height:204px;
}
#int-liens{
  padding-left:10px;
  padding-top:37px;
}

#footer {
	margin: 0 auto;
	text-align: left;
	padding: 0;}

.ref {
		width: 1000px;
		margin: 0 auto;
		text-align:center;
		color: #000000;
		font-family:Arial;
		font-size:11px;
	}
/*	--- 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;
 }
/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;
}
/* ---| THE END |------------------------- */