@charset "utf-8";

/**********************************/
/*	     COMAXESS SIDEBAR CSS     */
/**********************************/

div#com_right_sidebar{
	position:absolute;
	top:0;
	right:0;
	/*width:10%;*/
	max-width:115px;
	min-width:115px;
	height:100%;
	background:url('../img/sidebar-cache.png') repeat-y scroll 0 0 transparent;
	z-index:2000;
	margin-top: 90px;
	padding-top: 20px;
}
/*
div#com_right_sidebar div#espace_connecte{
	position:relative;
	height:105px;
	width:90px;
    margin: 19px 0 6px 5px;
	-moz-opacity : 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	filter : alpha(opacity=60);
	opacity:0.6;
}
div#com_right_sidebar div#espace_connecte:hover{
	height:105px;
	width: 90px;
	background-color:#08aadb;
	border:#7FD1EA 2px solid;
	margin: 17px 0 2px 3px;	
	cursor:pointer;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	filter : alpha(opacity=100);
	opacity:1;
}
div#com_right_sidebar div#espace_connecte .icone_user {
	background:url('../img/mon-espace-perso-avbg-picto.png') no-repeat 50% 0;
	height:50px;
	width:100%;
	position:absolute;
	top:10px;
}*/
div#customer_infos{
	color: #FFFFFF;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 13px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-top: 52px;
    text-align: center;
    width: 90px;
}
div#espace_connecte a{
	background: url("../img/btn-deconnexion.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    margin-left: 18px;
    margin-top: -3px;
    padding-left: 16px;
    padding-top: 1px;
    text-decoration: none;
    width: 65px;
}
div#espace_connecte a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

div#com_right_sidebar div#espace, div#com_right_sidebar div#assistance, 
div#com_right_sidebar div#portfolio, div#com_right_sidebar div#services, 
div#com_right_sidebar div#apropos, div#com_right_sidebar div#livechat,
div#com_right_sidebar div#espace_connecte {
	height:110px;
	width:150px;
    margin: 0 0 10px 15px;
	-moz-opacity : 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
	filter : alpha(opacity=60);
	opacity:0.6;
	-webkit-transition-property: margin-left,opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-property: margin-left,opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	transition-property: margin-left,opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
div#com_right_sidebar div#espace:hover,
div#com_right_sidebar div#assistance:hover,
div#com_right_sidebar div#portfolio:hover,
div#com_right_sidebar div#services:hover,
div#com_right_sidebar div#apropos:hover, 
div#com_right_sidebar div#livechat:hover, 
div#com_right_sidebar div#espace_connecte:hover  {
	margin-left: -5px;	
	cursor:pointer;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	filter : alpha(opacity=100);
	opacity:1;
}
div#com_right_sidebar div#espace.active, 
div#com_right_sidebar div#assistance.active, 
div#com_right_sidebar div#portfolio.active,
div#com_right_sidebar div#services.active, 
div#com_right_sidebar div#apropos.active, 
div#com_right_sidebar div#espace_connecte.active {
	cursor:pointer;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	filter : alpha(opacity=100);
	opacity:1;
}

div#com_right_sidebar div#espace {
	background:url("../img/sidebar-mon-espace-picto.png") no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#espace_connecte {
	background:url("../img/sidebar-mon-espace-active-picto.png") no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#assistance {
	background:url("../img/sidebar-support-picto.png") no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#services {
	background:url('../img/sidebar-boutique-picto.png') no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#portfolio {
	background:url('../img/sidebar-portfolio-picto.png') no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#apropos {
	background:url('../img/comaxess-a-propos-picto2.png') no-repeat scroll 0 0 transparent;
}
div#com_right_sidebar div#livechat {
	background:url('../img/sidebar-assistance-picto.png') no-repeat scroll 0 0 transparent;
	position:relative;
}
div#com_right_sidebar div#livechat > div {
	left: -2px;
    position: absolute;
    top: -2px;
}