/* CSS Document */
#centered-box {
margin:0 auto;
text-align:center;
width:846px;
}

#content {
clear:both;
text-align:left;
width:846px;
padding:0;
margin:0;
}

/* portfolio */

#portfolio-window {
height:400px;
padding:0;
margin:0;
}

#portfolio-window ul {
padding:0;
margin:0;
}

#portfolio-window ul li {
padding:0;
margin:0;
list-style:none;
}

#btn-previous-portfolio {
position:absolute;
margin-left:-10px;
margin-top:144px;
width:43px;
height:108px;
background-image:url("_images/portfolio-previous.png");
background-repeat:no-repeat;
cursor:pointer;
z-index:2;
}

#btn-next-portfolio {
position:absolute;
margin-left:813px;
margin-top:144px;
width:43px;
height:108px;
background-image:url("_images/portfolio-next.png");
background-repeat:no-repeat;
cursor:pointer;
z-index:2;
}

#portfolio-window.SlidingPanels {
}

#portfolio-window .SlidingPanelsContentGroup {
float:left;
width:10000px;
}

#portfolio-window .SlidingPanelsContent {
float:left;
width:846px;
}

/* Panneau mandat */

#panel-btn-mandat {
position:absolute;
top:130px;
margin-left:491px;
width:354px;
height:398px;
}

#btn-mandat {
width:354px;
height:22px;
z-index:2;
}

#btn-mandat .background {
position:absolute;
bottom:0;
width:354px;
height:22px;
}

#btn-mandat .label {
position:absolute;
bottom:0;
width:354px;
height:16px;
color:#fff;
text-transform:uppercase;
font-size:10px;
padding-left:60px;
padding-top:6px;
padding-right:0;
padding-bottom:0;
background-image:url("_images/icon-mandat.png");
background-position:8px 8px;
background-repeat:no-repeat;
cursor:pointer;
}

#panel-mandat {
position:absolute;
top:130px;
margin-left:457px;
width:388px;
height:376px;
}

#panel-mandat .SlidingPanelsGroup {
padding:0;
margin:0;
}

#panel-mandat .SlidingPanelsContent {
color:#fff;
padding:0;
}

#panel-mandat-content .background {
width:354px;
height:376px;
margin-left:34px;
}

#panel-mandat-content .content {
position:relative;
top:-376px;
width:354px;
height:376px;
/*line-height:378px;*/
color:#fff;
background-image:url("_images/icon-mandat-hover.png");
background-position:114px 102px;
background-repeat:no-repeat;
}

#panel-mandat-content .content table {
border-collapse:collapse;
height:376px;
padding:0;
margin:0;
}

#panel-mandat-content .content .button {
width:34px; 
padding:0;
margin:0;
}

#panel-mandat-content .content .label {
width:54px; 
text-align:center; 
font-size:12px; 
padding:0;
margin:0;
}

#panel-mandat-content .content .list {
padding-left:50px; 
font-size:11px; 
line-height:20px;
font-weight:bold;
}

#panel-mandat-content .content .list ul {
padding:0;
margin:0;
}

#panel-mandat-content .content .list ul li {
list-style:none;
}

#panel-mandat-content .content .list ul li a {
text-decoration:underline;
}

#btn-close-panel-mandat {
display:inline-block;
width:34px;
height:34px;
background-image:url("_images/icon-close.png");
background-repeat:no-repeat;
margin-left:15px;
cursor:pointer;
}

/* Navigation portfolio */

#portfolio-nav {
width:846px;
height:241px;
background-image:url("_images/portfolio-nav-bg-gradient.png");
background-repeat:repeat-x;
padding:0;
margin:0;
}

#portfolio-nav ul {
width:850px;
height:241px;
padding:0;
margin:0;
}

#portfolio-nav ul li {
padding:0;
margin-right:1px;
margin-bottom:1px;
float:left;
display:block;
width:120px;
height:120px;
text-align:center;
}

#portfolio-nav ul li a {
display:block;
width:120px;
height:120px;
}

#portfolio-nav ul li a.current {
background-color:#fff;
}

#portfolio-nav ul li a:hover {
background-color:#fff;
}