body
{
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(./img/BackgroundHexa.jpg);
	//background-color:#333;
	background-attachment:fixed;
}

#titre_principal
{
	text-align:Left;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight:bold;
	font-size:36px;
	color:#000;
	
    //display: inline-block;
	padding-left:10px;
	padding-top:0px;
    margin-bottom: 0px;
	margin-top: 0px;
	
	width:390px;
}

#sous_titre
{
	text-align:Left;
	padding-left:216px;
	
	font-family:Verdana, Geneva, sans-serif;
    font-weight:lighter;
	font-size:32px;
	color:#333;
	
    margin-bottom: 0px;
	margin-top: 0px;
}

#bloc_page
{
    width: 900px;
	margin:auto;
}

/* Navigation */
nav
{
    display: inline-block;
    width: 900px;
    text-align: right;
}

nav ul
{
	padding-top: 0px;
	margin-top: 0px;
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color:#666;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    border-bottom: 3px solid #333;
	color:#333;
}

#selected_page
{
	color:#000;
	border-bottom: 3px solid #000;
}


header
{
	/*
	border-style:solid;
	border-width:thin;
	*/
	background-color:rgba(0,0,0,0.1);
	background-image:url("./img/blackDot.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
}

article
{
    width: 900px;
	margin:0px;
	padding:0px;
	
	background-color:rgba(0,0,0,0.1);
	
	height:400px;
	overflow:auto;

	/*
	text-align:center;
	color:#CCC;
	*/
}
/*
article h1
{
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	margin:0px;
	padding-top:20px;
	padding-bottom:0px;
	padding-left:180px;
	
	text-align:left;
}
*/
article img
{
	opacity:0.75;
	
	margin:0px;
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#666;
}

article img:hover
{
	opacity:1;
	border-color:#333;
}

table
{
	width:848px;
	padding:0px;
	margin:0px;
}

table tr td
{
	padding:8px;
	margin:0px;
	width:200px;
	height:120px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

#portfolio_list
{
	/*
	margin:0px;
	padding:0px;
	list-style-type:none;
	*/
}


footer
{
	background-image:url("./img/blackDot3.jpg");
	background-repeat:repeat-x;
	
	padding-top:10px;
	font-size:10px;
	text-align:right;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #666;
	position: relative;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*
*
*
*		ShadowBox
*
*
*/
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(script/shadowbox-3.0.3/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(script/shadowbox-3.0.3/close.png);}
#sb-nav-next{background-image:url(script/shadowbox-3.0.3/next.png);}
#sb-nav-previous{background-image:url(script/shadowbox-3.0.3/previous.png);}
#sb-nav-play{background-image:url(script/shadowbox-3.0.3/play.png);}
#sb-nav-pause{background-image:url(script/shadowbox-3.0.3/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}