/* Start of CMSMS style sheet 'css_layout' */
@charset "utf-8";

/* CSS Layout */

body {
	margin: 0px;
	padding: 0px;
}

#layout {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#footer_content {
	padding-top: 35px;
	padding-right: 18em;
	padding-left: 20px;
}

#background_page  {
	background-image: url(images/template/background_page.png);
	background-repeat: no-repeat;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}

#texte_banner {
	position: absolute;
	left: 42px;
	top: 38px;
	width: 650px;
	height: 129px;
	color: #FFF;
	font-size: 24px;
	font-weight: normal;
}



#column_left {
	left: 0px;
	top: 35px;
	float: left;
	margin-top: 35px;
	width: 163px;
}

#column_center {
	width: 520px;
	padding-top: 55px;
	background-position: right;
	padding-right: 0px;
	float: left;
	padding-left: 10px;
}
#breadcrumb {
	position: absolute;
	left: 7px;
	top: 7px;
}

#column_right {
	float: right;
	width: 117px;
	margin-bottom: 5em;
}

/* --Layout elements -- */ 
#header {
	background-repeat: no-repeat;
	height: 80px;
	width: 850px;
	position: relative;
}

#banner {
	height: 201px;
	width: 850px;
	position: relative;
}

#footer {
	width: 850px;
	height: 105px;
	position: relative;
}

#visuel_footer {
	height: 102px;
	width: 290px;
	position: absolute;
	left: 559px;
	top: -102px;
}


#content {
	position: relative;
	background-repeat: repeat-y;
	background-position: 710px;
	margin-bottom: 7em;
}

/* --Layout Chocolat Hazelnuts -- */ 



#chocolat-hazelnut #header {
	background-image: url(images/template/chocolat-hazelnut/header.png);
	background-repeat: no-repeat;
}

#chocolat-hazelnut  #footer {
	background-image: url(images/template/chocolat-hazelnut/footer.jpg);
	background-repeat: no-repeat;
}

#chocolat-hazelnut #visuel_footer {
	background-image: url(images/template/chocolat-hazelnut/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#chocolat-hazelnut  #banner {
	background-image: url(images/template/chocolat-hazelnut/banner.jpg);
	background-repeat: no-repeat;
}

#chocolat-hazelnut #content {
	background-image: url(images/template/chocolat-hazelnut/ligne.jpg);
	background-repeat: repeat-y;

}

/* --Layout Chocolat Strawberry -- */ 



#chocolat-strawberry #header {
	background-image: url(images/template/chocolat-strawberry/header.png);
	background-repeat: no-repeat;
}

#chocolat-strawberry  #footer {
	background-image: url(images/template/chocolat-strawberry/footer.jpg);
	background-repeat: no-repeat;
}

#chocolat-strawberry #visuel_footer {
	background-image: url(images/template/chocolat-strawberry/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#chocolat-strawberry  #banner {
	background-image: url(images/template/chocolat-strawberry/banner.jpg);
	background-repeat: no-repeat;
}

#chocolat-strawberry #content {
	background-image: url(images/template/chocolat-strawberry/ligne.jpg);
	background-repeat: repeat-y;

}

/* --Layout Chocolat orange -- */ 



#chocolat-orange #header {
	background-image: url(images/template/chocolat-orange/header.png);
	background-repeat: no-repeat;
}

#chocolat-orange  #footer {
	background-image: url(images/template/chocolat-orange/footer.jpg);
	background-repeat: no-repeat;
}

#chocolat-orange #visuel_footer {
	background-image: url(images/template/chocolat-orange/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#chocolat-orange  #banner {
	background-image: url(images/template/chocolat-orange/banner.jpg);
	background-repeat: no-repeat;
}

#chocolat-orange #content {
	background-image: url(images/template/chocolat-orange/ligne.jpg);
	background-repeat: repeat-y;

}

/* --Layout Sirup Berry -- */ 


#sirop-berry #header {
	background-image: url(images/template/sirop-berry/header.png);
	background-repeat: no-repeat;
}

#sirop-berry  #footer {
	background-image: url(images/template/sirop-berry/footer.jpg);
	background-repeat: no-repeat;
}

#sirop-berry #visuel_footer {
	background-image: url(images/template/sirop-berry/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#sirop-berry  #banner {
	background-image: url(images/template/sirop-berry/banner.jpg);
	background-repeat: no-repeat;
}

#sirop-berry #content {
	background-image: url(images/template/sirop-berry/ligne.jpg);
	background-repeat: repeat-y;

}

/* --Layout Cream Mango -- */ 


#cream-mango #header {
	background-image: url(images/template/cream-mango/header.png);
	background-repeat: no-repeat;
}

#cream-mango  #footer {
	background-image: url(images/template/cream-mango/footer.jpg);
	background-repeat: no-repeat;
}

#cream-mango #visuel_footer {
	background-image: url(images/template/cream-mango/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#cream-mango  #banner {
	background-image: url(images/template/cream-mango/banner.jpg);
	background-repeat: no-repeat;
}

#cream-mango #content {
	background-image: url(images/template/cream-mango/ligne.jpg);
	background-repeat: repeat-y;

}


/* --Layout Chocolat Mint -- */ 



#chocolat-mint #header {
	background-image: url(images/template/chocolat-mint/header.png);
	background-repeat: no-repeat;
}

#chocolat-mint  #footer {
	background-image: url(images/template/chocolat-mint/footer.jpg);
	background-repeat: no-repeat;
}

#chocolat-mint #visuel_footer {
	background-image: url(images/template/chocolat-mint/footer_visuel.jpg);
	background-repeat: no-repeat;
	
}

#chocolat-mint  #banner {
	background-image: url(images/template/chocolat-mint/banner.jpg);
	background-repeat: no-repeat;
}

#chocolat-mint #content {
	background-image: url(images/template/chocolat-mint/ligne.jpg);
	background-repeat: repeat-y;

}

/* End of 'css_layout' */