@charset "utf-8";
/* CSS Document */
#primary{
	position:relative;
	min-height:500px !important;
}

.site-main {
	max-width:500px !important;
	float:right !important;
	text-align:justify !important;
}

#btnOpenCloseMainDiv{
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	height:40px;
	background-color:#666;
	text-align:center;
	color:#fff;
	font-weight:normal;
	font-size:40px;
	line-height:30px;
	cursor:pointer;
	border:2px #bcd643 solid;
	border-radius:0px 0px 0px 15px;
	cursor:pointer;
	transition:all 0.5s;
}
#btnOpenCloseMainDiv:hover{
	background-color:#bcd643;
	color:#666;
}
#btnOpenCloseMainDiv > span{
	display:block;
	transform: rotate(45deg);
	cursor:pointer;
	transition:all 0.5s;
}
#btnOpenCloseMainDiv > span.closed{
	transform: rotate(0deg);
}

/* supersized */
#supersized_overlay{
	transition:all 2s;
	opacity:1.0;
}
#supersized_overlay.closed{
	opacity:0.0; /*ne pas afficher les petits points noirs ... */
}