body {
	background-color: #FFFFFF;
}

img {
    border: 0px;
    text-decoration: none;
}


#content {
    background-color: white;
    color: #333333;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 10pt;
    position: relative;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    
}

#language {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}

#navbar {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
}

#navbar ul {
    margin: 0px;
    padding: 0px;
	list-style-type: none;
}

#navbar li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: lowercase;
} 

#navbar a, #navbar a:visited {
	text-decoration: none;
	color: black;
}

#navbar a:hover {
	color: #666666;
}

#navbar a.current {
    font-weight: bold;
}

a, a:visited {
	color: #3366cc;
}

a:hover {
	color: #003366;
}

.index #splash {
	height: 400px;
	background-image: url(/img/splash/index.jpg);
}

.formation #splash {
	height: 120px;
	background-image: url(/img/splash/formation.jpg);
}

.experiences #splash {
	height: 120px;
	background-image: url(/img/splash/experiences.jpg);
}

.projets #splash {
	height: 120px;
	background-image: url(/img/splash/projets.jpg);
}

.cv #splash {
	height: 400px;
	background-image: url(/img/splash/cv.jpg);
}

.blog #splash {
	height: 400px;
	background-image: url(/img/splash/blog.jpg);
}

#splash {
    position: absolute;
    top: 20px;
    width: 700px;
    margin: 0px;
	background-repeat: no-repeat;
}

#splash_title {
    letter-spacing: 5px;
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 180%;
    font-weight: bold;
    margin: 0px;
    
}

#splash_subtitle {
    color: #333333;
    position: absolute;
    top: 50px;
    left: 120px;
    font-size: 140%;
    font-weight: bold;
    margin: 0px;
}

.index #splash, .projets #splash, .cv #splash, .blog #splash {
    color: #FFFFFF;
}

.index #splash_subtitle, .projets #splash_subtitle, .cv #splash_subtitle, .blog #splash_subtitle {
    color: #cccccc;
}

.formation #splash, .experiences #splash {
    color: #000000;
}

.formation #splash_subtitle, .experiences #splash_subtitle {
    
}

.index h1, .cv h1 {
    display: none;
}

h1 {
    position: absolute;
    top: 90px;
    left: 30px;
    font-size: 200%;
    margin: 0px;
}

h2 {
    font-size: 130%;
    font-weight: bold;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0px;
}

p {
    margin: 0px;
}

.index #contacts {
    position: absolute;
    left: 10px;
    top: 450px;
    width: 210px;
    height: 230px;
    overflow: hidden;
}

.index #langues {
    position: absolute;
    left: 10px;
    top: 550px;
    width: 210px;
    height: 180px;
    overflow: hidden;
}

.index #compet {
    position: absolute;
    right: 10px;
    top: 420px;
    width: 440px;
    height: 350px;
    overflow: hidden;
}

.index #sep_vert {
    position: absolute;
    left: 230px;
    top: 440px;
    background-image: url(/img/shape/index_line_vert.jpg);
    background-repeat: no-repeat;
    width: 2px;
    height: 250px;
}

.index #sep_hor {
    position: absolute;
    left: 30px;
    top: 550px;
    background-image: url(/img/shape/index_line_hor.jpg);
    background-repeat: no-repeat;
    width: 150px;
    height: 2px;
}



.formation #diplomes {
    position: absolute;
    left: 10px;
    top: 140px;
    width: 210px;
    height: 230px;
    overflow: hidden;
}

.formation #formation {
    position: absolute;
    right: 10px;
    top: 140px;
    width: 440px;
    height: 350px;
    overflow: hidden;
}

.formation #sep_vert {
    position: absolute;
    left: 230px;
    top: 160px;
    background-image: url(/img/shape/formation_line_vert.jpg);
    background-repeat: no-repeat;
    width: 2px;
    height: 210px;
}



.experiences #exppro {
    position: absolute;
    left: 10px;
    top: 140px;
    width: 330px;
    height: 400px;
    overflow: hidden;
}

.experiences #expasso {
    position: absolute;
    right: 10px;
    top: 140px;
    width: 330px;
    height: 350px;
    overflow: hidden;
}

.experiences #sep_vert {
    position: absolute;
    left: 350px;
    top: 160px;
    background-image: url(/img/shape/experiences_line_vert.jpg);
    background-repeat: no-repeat;
    width: 2px;
    height: 250px;
}


.projets #filtre1 {
    position: absolute;
    top: 145px;
    left: 10px;
    right: 10px;
    margin: 0px;
    padding: 0px;
	list-style-type: none;
}

.projets #filtre1 li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: lowercase;
}

.projets #filtre2 {
    position: absolute;
    top: 160px;
    left: 10px;
    right: 10px;
    margin: 0px;
    padding: 0px;
	list-style-type: none;
}

.projets #filtre2 li {
	display: inline;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	text-transform: lowercase;
}


.projets #list {
    border-style: none;
    position: absolute;
    top: 200px;
    left: 10px;
    right: 10px;
}

.projets #list td {
    border-style: none;
    width: 50%;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 5px;
    font-size: 80%;
}

.projets #list td.thumb {
    text-align: right;
}

.projets #list td.desc {
    text-align: left;
}


.blog #posts {
    position: absolute;
    left: 10px;
    top: 160px;
    width: 680px;
}

.blog #posts p {
    margin: 20px;
}

.blog h2 {
    margin-top: 50px;
    margin-bottom: 10px;
}

#box {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    display: none;
    padding: 20px;
    background-color: #C0C0C0;
}

#box_inside {
    text-align: center;
    border: 10px solid #000000;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
}

#box img {
    max-height: 90%;
    max-width: 90%;
}

.cv #download {
    position: absolute;
    top: 440px;
    left: 200px;
    right: 200px;
    text-align: center;
}

.cv #download_autresformats {
    position: absolute;
    top: 600px;
    left: 200px;
    right: 200px;
    text-align: center;
}

.selected {
    font-weight: bold;
}