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

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

#container, #footer, #header {width: 998px;}
#header {height:308px;}
#left-column {width: 333px;}
#right-column {width: 665px;}
/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 148px;}

.push	{clear: both;}

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


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

* {margin: 0;}

html {height: 100%; width: 100%;}
body {width: 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%;}

#container {
	margin:0 auto;
	text-align: left;

  }
#header {
/*	text-indent: -9999em;*/}
#left-column{
	float:left;
	}
#flash-menu{
  height:383px;
}

#partenaires{
  height:256px;
}
#int-partenaires{
  padding-left:62px;
}
#newsletter{
  height:49px;
}
#int-newsletter{
  padding-top:7px;
  padding-left:64px;

}
#right-column{
	float:left;
  }
#content{
  width:665px;

}
#int-content{
  padding-top:129px;
  padding-right:73px;
}
#pop-news{
  width:500px;
  height:335px;

}
#int-pop-news{
  padding-top:129px;
  padding-right:73px;
}

.ref {
		position: absolute;
		top: -10000px;
	}
#footer {
	margin: 0 auto;
	padding: 0;}
#menu2{
	width: 100%;}
#menu2 ul{
	float: left;
	padding: 0;
	text-align: center;
}
.copyright{
	float: left;
	width: 540px;
	text-align: right;
  font-size:11px;}
#actualites{
 background: url(../images/charte/actualite.jpg) top left no-repeat;
 height: 148px;
 width: 253px;
}
#news{
 background: url(../images/charte/news.jpg) top left no-repeat;
 height: 71px;
 width: 253px;
}
.btOk{
 background: url(../images/charte/btok.jpg) top left no-repeat;
 height:37px;
 width:37px;
 float:left;
 border: none;
}
.btOk:hover{
 background: url(../images/charte/btok-over.jpg) top left no-repeat;
}

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

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

img {border: 0;}

/* ===| IV. NAVIGATION |===============================================*/
#menu2 ul li{display: inline;}
/* ---| THE END |------------------------- */