@import url(typo.css);
@import url(skin.css);
@import url(forms.css);
@import url(menu.css);
@import url(lightbox.css);

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

#wrap-container, #container, #header, #footer, .ref {width: 805px; margin: 0px auto;}
#left-column, #footer-left { width: 226px;}
#right-column, #footer-right {width: 579px;}
#contenu{width: 564px; margin: 0px auto;}


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

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

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

* {margin: 0; padding: 0px;}
html, body {height: 100%;width: 100%;}

#wrap-container {
	min-height: 100%;
  height: auto !important;
  height: 100%;
}
#left-column, #right-column, #footer-left, #footer-right {
  float: left;
	margin: 0px;
  padding: 0px;
}
#actualite, #contact-info, #plan-thumb {
	padding: 40px 0px 0px;
  text-align: center;
}
#title{
  width: 560px;
	text-align: right;
	margin-bottom:15px;
}
.text{
	width: 564px;
  padding: 15px 0px 0px 0px;
  height: 109px;
}
#footer-left {
  text-align: left;
	padding-top: 10px;
}
#footer-right {
	text-align: right;
	padding-top: 10px;
}
.ref {
text-align:center;
}

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

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

img {border: 0;}
.thumb-right{
  float: right;
	margin-left: 25px;
}
.thumb-left{
  float: left;
	margin-right: 25px;
}

/*	--- 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;}
.clear{
 	clear: both;
	height: 0px;
	line-height: 0px;
}
.center{text-align: center;}

.separator{
  border-top: 1px solid #88755D;
	width: 520px;
	margin: 0px auto 15px auto;
 	clear: both;
	height: 0px;
	line-height: 0px;
}
.paragraph {
  width: 100%;
  clear: both;
	display: table;
	margin-bottom: 25px;
}


/*===================| contenu |=======================*/

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