/*
------------------------------------------------------------
|                         Site styles         
------------------------------------------------------------
*/

body {height:100%;margin:0px; padding:0px; background:transparent url(images/backgroundGreyWhite.JPG) repeat-y fixed center center; font-family: Arial, Helvetica,sans-serif;}

#container {
    width:960px;
    margin:0 auto;
}

#content {
    float:right;
    width:698px;
    position:relative;
    margin:0px;
    padding:50px 0px 40px 20px;
    text-align:justify;
    margin-bottom:30px;
}


#content p {
    line-height:21px;
}

a img {
    border:0 none;
}

#MenuBarre { 
    height: 60px; 
    background-color: black; 
    border-bottom: 1px solid #191919; 
    z-index: 100; 
    line-height: 53px; 
    margin-bottom: 1px; 
     position:fixed;
     width:100%;
}

/*
------------------------------------------------------------
|                         Sidebar styles         
------------------------------------------------------------
*/
#sidebar {
    width:212px;
    float:left;
    padding:30px 20px 0px 10px;
}

.fixed {
    position:fixed;
}

#details {
    padding:0px;
    margin:30px 0px 0px 0px;
    list-style:none;
    color:#686868;
    font-weight:bold;
    letter-spacing:-1px;
}

#details a{
    padding:0px;
    margin:30px 0px 0px 0px;
    list-style:none;
    color:#686868;
    font-weight:bold;
    letter-spacing:-1px;
}

#details a:hover{
    padding:0px;
    margin:30px 0px 0px 0px;
    list-style:none;
    color:#0000FF;
    font-weight:bold;
    letter-spacing:-1px;
}

#details a:link{text-decoration:none}

#details li {
    padding:15px 0px 0px 0px;
    margin:20px 0px;
}

#details #emailside {
    background: url(images/email.jpg) no-repeat;
}


/*
------------------------------------------------------------
|                        Top styles         
------------------------------------------------------------
*/


/* Menu */

#nom { 
float:left;
}

#top { 
    padding: 15px 0px 0px 0px;
    float: right;
    width:550px;
    position:relative;
}


#menu {
	width:960px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    text-align:justify;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 4px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	//float: left;
	height: 24px;
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: #8A5608 0px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
    text-align:center;
	width:120px;
	}

#menu li.current_page_item {
	background: url(images/img09.jpg) no-repeat left top;
}

#menu .current_page_item a {
	background: url(images/img10.jpg) no-repeat right top;
}

#menu .current_page_item a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
	color: #FF0000;
}

#linkedin {
    margin-left:30px;
}

#imgame {
    width:550px;
}

#imwc {
    width:335px;
}

/*
------------------------------------------------------------
|                        Content styles         
------------------------------------------------------------
*/

h1 {
    background: url(images/gray-trans.png) no-repeat;
    height:52px;
    width:369px;
    left:-34px;
    position:relative;
    padding:5px 0px 0px 34px;
    font-size:25px;
    color:white;
    text-shadow:1px 1px #444;
    margin-bottom:-10px;
    margin-top:25px;
}

.black { background: url(images/barre.png) no-repeat; }
.big_black { background: url(images/barre.png) repeat-x; }

hr {
    border:0 none;
    border-bottom:3px dashed #999;
}

h2 small {
    text-transform:uppercase;
    font-size:17px;
    color:#999;
}

h3 {
    font-size:17px;
    margin:0px 0px 17px 0px;
}

#piedpage{
    font-size:10px;
    color:grey; 
    margin-left:250px;
}

.position {
    margin:-19px 0px 0px 0px;
    text-transform:uppercase;
    font-size:12px;
    color:#333;
}

.floatleft {
    float:left;
    overflow:hidden;
    margin:0px 30px 0px 0px;
}

.floatleft ul {
    margin-bottom:0px;
    list-style:square;
}

.clear {
    clear:both;
    height:0px;
}