/*reset & body */
html, body, div, span, em, h1, h3, p, blockquote, pre, a, img {
margin: 0;
padding: 0;
border: 0;
}
html {
font: normal normal normal 1em/1em "Century Gothic", "Apple Gothic", Verdana, sans-serif;
height: 100%;
}
body {
height: 100%;
background-color: white;
font-size: 62.5%;
}

/* definion de base */
p {
font-size: 1em;
margin-bottom: 1em;
margin-top: 0.6em;
}
sup {
font-style: italic;
padding-left: 2px;
}
a {
text-decoration: none;
color: #555;
}
a:hover {
color: red;
}
em {
color: red;
font-style: normal;
}

/*FOOT & HEAD*/

#footer {
height: 80px;
}

#head {
width: 100%;
/*position: fixed;*/
top: 0px;
left: 0px;
display: block;
z-index: 21;
	
/*bande transparente*/
}
#trans {
width: 100%;
height:1.6em;
font-size: 1.3em;
line-height: 1.6em;
background-color: white;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
text-align: right;
margin-right: 8px;
position:fixed;
left:0px;
top:0;
}

/*Bande verte*/
#menu {
	background-color: #BF0;
	color:#FFFFFF;
	display:block;
	position:fixed;
	top:1.6em;
	width:100%;
	height:90px;
	left:0px;
}

#menu h1 {
margin-top: 10px;
margin-bottom: 0px;
padding-left: 95px;
text-align: left;
font: 2.5em "Century Gothic", "Apple Gothic", Verdana, sans-serif;
margin-right: 195px;
}

#menu h2 a {
color: #555;
}


#menu h1 a:hover {
color: #fff;
}

#menu span {
color: #555;
}

.def {
font-size: 0.5em;
}

/*Spacers*/
.spacer {
height: 60px;
width: 100%;
clear: both;
}
.spacer2 {
height: 55px;
width: 25em;
float: right;
}

/* menu */
ul.nav {
/*	display:block;*/
font-size: 1.7em;
margin: 0 150px 0 80px;
padding: 0;
z-index: 30;
}
ul.nav li {
display: inline ;
background-color: #BBFF00;
float: left;
margin: 10px 0 0 35px;
}
ul.nav li span {
margin: 3px 0 0 10px;
display: block;
}

ul.nav a {
padding: 2px;
color: #555;
text-decoration: none;
border: none;
}
ul.nav a:hover {
color: white;
}
ul.nav a.selected {
color: white;
}
ul.nav a.selected em {
display: none;
}
ul.nav a.selected:hover {
cursor: default;
}
ul.nav a:focus {
outline: none;
}

/*CONTACT*/
#contact {
color: #555;
background-color: #BBFF00;
margin-top: -25px;
margin-bottom: 5px;
font-size: 1.2em;
text-align: right;
margin-right:13px;
float: right;
}
#contact p {
line-height: 1.4em;
}
#contact a {
position: relative;
text-align: right;
}
#contact a:hover {
color: white;
}
#contact a:hover em {
color: red;
}

/*Content*/

#content {
font-size: 1.3em;
line-height: 1.7em;
width: 50em;
margin: 120px auto 0 auto;
padding: 0em 2em 2em 2em;
text-align: justify;
}

*html #content {
	margin-top:0px;
}

#content h2 {
margin: 0px -15px 10px -15px;
font-size: 1.4em;
font-weight: normal;
}

/*CV*/
ul.menuCV {
list-style-type: none;
text-align: center;
border-bottom: 1px solid #000;
padding: 0;
width: 69em;
margin: 2em 0 2em -8em;
}
ul.menuCV li {
display: inline;
margin: 0 15px;
}
ul.menuCV li.menuCV_active {
font-size: 1.6em;
color: black;
}
.cv_head {
text-align: center;
margin-top: 5px;
line-height: 17px;
margin-bottom: -160px;
}
.anch {
height: 140px;
width: 0px;
}
.cvbox {
margin-bottom: -150px;
}
.haut_page {
text-align: right;
font-size: 0.8em;
}
.cv_date {
width: 12em;
float: left;
text-align: right;
color: #555;
}
.cv_desc {
width: 40em;
margin-left: 13em;
margin-bottom: 1.5em;
padding-left: 0.4em;
}
h5 {
text-align: center;
font-weight: normal;
padding-top: 1em;
line-height: 26px;
font-size: 18px;
letter-spacing: 2px;
margin-bottom: 3em;
}


/*TRAVAUX*/
.exemple {
font-size: 0.8em;
}

.exemple ul {
text-align: left;
list-style: none;
padding: 0;
}

.meta {
margin: 0;
font-variant:small-caps;
font-size: 1em;
color: #555;
}

.left {
float: left;
margin-right: 2em;
}

.right {
float: right;
margin-left: 2em;
}

.clear {
clear: both;
height: 1.4em;
}

/*SLIDER = portfolio web*/
#slider {
width: 680px;
margin: 0 auto;
position: relative;
z-index: 20;
}
.scroll {
height: 400px;
width: 680px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
background-color: #111;
color: #fff;
}
.scrollContainer div.panel {
padding: 15px;
text-align: center;
overflow-y: auto;
height: 370px;
width: 650px;
}
.sb {
position: absolute;
font-size: 3em;
top: 150px;
cursor: pointer;
}
.sb.right a:active {
outline: none;
}
.sb.left {
left: -30px;
}
.sb.right {
right: -30px;
}
#slider ul {
/*	display:none;*/
}
.scrollContainer h2 {
margin: 0;
padding-right: 15px;
border-right: 5px solid #ccc;
color: #999;
font-size: 1.4em;
line-height: 1.5em;
text-align: right;
font-weight: normal;
}
.scrollContainer div.show {
text-align: center;
}
.scrollContainer div.desc {
font-size: 0.9em;
padding: 5px;
text-align: left;
border-left: 5px solid #ccc;
}
.desc p {
margin-left: 10px;
}

/*Scroll navigation*/
ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 8px;
}

ul.navigation li {
display: inline;
margin-right: 10px;
}

ul.navigation a {
padding: 10px;
color: #000;
text-decoration: none;
}

ul.navigation a:hover {
background-color: #eee;
}

ul.navigation a.selected {
background-color: #111;
color: #fff;
}

ul.navigation a:focus {
outline: none;
}