@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ this fixed width container surrounds all other divs~~ */
.container {
	width: 1240px;
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
}
.leftside {
	width: 130px;
	float: left;
	background-image: url(../logo_atelier.png);
	background-repeat: repeat-y;
	height: 750px;
}



.content {
	width: 980px;
	height: 750px;
	margin-top: 0px;
	float: left;
}
.rightside {
	background-image: url(../logo_atelier.png);
	width: 130px;
	top: 0px;
	float: left;
	background-repeat: repeat-y;
	height: 750px;
}
.sidebar2 {
	float: left;
	width: 80px;
	background: #EADCAE;
	padding: 10px 0;
	background-image: url(../make-up_logo_atelier.jpg);
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.fixed_left {
	position: fixed;
	left: 100px;
	width: 50px;
	height: 40px;
	bottom: 50px;
}
.fixed_right {
	position: fixed;
	width: 45px;
	height: 100px;
	right: 25px;
	bottom: 25px;
}
.flagim {
	height: 40px;
	width: 40px;
	margin: 5px;
}