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

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

#header, #container, #footer {width: 816px; margin: 0 auto;}
#left-column, #actualites, #adresse, #newsletter, #acces {width: 208px; float: left; margin: 0px; padding: 0px;}
#right-column {width: 608px; float:left; margin: 0px; padding: 0px;}
#contenu{width: 600px; margin: 0px; padding: 0px;}
#contenu div.contenu-texte, #contenu div.bg-texte div.contenu-texte { width: 580px; margin: 0 auto;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/
#wrap-footer, #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;}

html, body {height: 100%; width: 100%; background-color: #483C32;}
br {line-height: 10px; height: 10px;}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/charte/bg-container.gif) center top repeat-y;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/charte/bg-container.gif) left top repeat-y;
	margin:0 auto;
	padding: 0px;
}

#header {height: 310px;}

/*********** LEFT ***************/

#actualites {height: 156px; background: url(../images/charte/bg-actualites.jpg) left top no-repeat;}
	#actualites-contenu { padding: 60px 0px 0px 40px;}
#newsletter {height: 137px; background: url(../images/charte/bg-newsletter.jpg) left top no-repeat;}
 	#newsletter-contenu {padding: 50px 0px 0px 40px;}
#adresse {height: 139px; background: url(../images/charte/bg-adresse.jpg) left top no-repeat;}
	#adresse-contenu { padding: 35px 0px 0px 40px;}
#acces {height: 118px; background: url(../images/charte/bg-acces.jpg) left top no-repeat;}
	#plan-acces {padding: 52px 0px 0px 40px;}
/*********** RIGHT ***************/


/*********** FOOTER ***************/

#footer {
	background: url(../images/charte/bg-footer.jpg) left top no-repeat;
	margin: 0 auto;
	padding: 0px;
}
#footer-right {
	padding: 10px 22px 0px 0px;
}

#digitalage { width: 210px; float: left;}
	#digitalage-contenu {padding: 0px 0px 0px 30px;}
#menu {float: right; width: 583px;}

/*	--- 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: 15px;}
.thumb-left{float: left; margin-right: 15px;}


/*	--- Important! ----------------------------------
	Use class "left" or "right" on the html elements
	you want to float (on the thumbs, for example)
*/
#contenu .left{float: left;} .right{float: right;}
#contenu .no-padding {padding: 0px;}
#contenu .no-margin {margin: 0;}
.ref{
  color: #fff;
  width:816px;
  margin:0 auto;
  text-align:center;
}


.clear{
  width: 100%;
	height: 0px;
	clear: both;
	padding:0;
	margin: 0;
	line-height: 0px;
}

/*#contenu-texte .separateur{
	background: url(../images/charte/separateur.gif) center top no-repeat;
	width: 544px;
	height: 2px;
	clear: both;
	padding:0;
	margin: 0px 0px 8px 0px;
	line-height: 0px;}*/