#menu ul li a { behavior: url(iepngfix.htc); cursor: pointer; }

body {
font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", sans-serif;
background-color: #1d1e21;
color: white;
margin: 0;
padding: 0;
}

#globale {
width: 1024px;
}

.clearer { 
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

#footer {
color: #b0b1b2;
font-size: 0.7em;
text-align: center;
margin-left: 200px;
margin-top: 80px;
}

a {
color: #32b6fa;
text-decoration: none;
}
a img {
border: none;
}

a:hover {
text-decoration: underline;
}

.clearer { 
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

#logo {
background: url("images/titre.png") no-repeat;
width: 516px;
height: 276px;
float: left;
}

#menu {
background: url("images/fond_menu.png") no-repeat;
position: relative;
width: 169px;
height: 239px;
float: left;
}

#menu ul {
margin: 0;
padding: 0;
margin-top: 35px;
}

#menu a{
display: block;
outline-style: none;
}

#menu ul li{
list-style-type: none;
}

#btn_presentation a {
background: url("images/presentation_off.png") no-repeat;
width: 147px;
height: 34px;
}
#btn_presentation a:hover {
background: url("images/presentation_on.png") no-repeat;
}

#btn_etudes a {
background: url("images/etudes_off.png") no-repeat;
width: 147px;
height: 31px;
}
#btn_etudes a:hover {
background: url("images/etudes_on.png") no-repeat;
}

#btn_realisations a {
background: url("images/realisations_off.png") no-repeat;
width: 147px;
height: 36px;
}
#btn_realisations a:hover {
background: url("images/realisations_on.png") no-repeat;
}

#btn_competences a {
background: url("images/competences_off.png") no-repeat;
width: 147px;
height: 34px;
}
#btn_competences a:hover {
background: url("images/competences_on.png") no-repeat;
}

#btn_cv a {
background: url("images/cv_off.png") no-repeat;
width: 147px;
height: 30px;
}
#btn_cv a:hover {
background: url("images/cv_on.png") no-repeat;
}

/* 01 - Contenu - Présentation */

#contenu_pres {
background: url("images/head_pres.png") top left no-repeat;
position: relative;
float: right;
width: 735px;
height: 475px;
margin: -20px 50px 0px 0px;
}

#head_pres {
min-width: 680px;
min-height: 150px;
background-color: #2a2626;
color: #9fa3a5;
margin-left: 45px;
margin-top: -5px;
text-align: justify;
line-height: 1.1em;
}

#head_pres p {
padding: 20px 18px 15px 15px;
font-size: 0.9em;
font-style: italic;
}

#presentation {
background: url("images/img_pres.png") no-repeat;
margin: 50px 0px 0px 45px;	
}

.lettrine {
float: left; 
font-size: 3em;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, "Bitstream Vera Sans", sans-serif;
color: white;
margin: 2px;
padding: 2px;
line-height: 0.4em;
}

.bold {
font-weight: bolder;
color: white;
font-size: 1em;
}

/* 02 - Contenu - Etudes */

#contenu_etu {
background: url("images/head_etu.png") top left no-repeat;
position: relative;
float: right;
width: 735px;
height: 475px;
margin: -20px 50px 0px 0px;
}
#head_etu {
margin-left: 45px;
margin-top: -5px;
}
#head_etu h3 {
padding:0;
margin: 10px 50px -10px 0px;
}
#head_etu p {
float: right;
font-size: 0.9em;
}
#head_etu img {
float: left;
display: block;
}
#head_etu ul li {
font-size: 0.9em;
}

/* 03 - Contenu - Réalisations */

#contenu_rea {
background: url("images/head_rea.png") top left no-repeat;
position: relative;
float: right;
width: 735px;
margin: -20px 50px 0px 0px;
}

/* 04 - Contenu - Compétences */

#contenu_compe {
background: url("images/head_compe.png") top left no-repeat;
position: relative;
float: right;
width: 735px;
height: 475px;
margin: -20px 50px 0px 0px;
}
#adv2 {
	width: 600px;
	margin: 6px auto;
	background: #181818;
}
#adv2 ul {
	height: 50px;
	float: left;
}
#adv2 li {
	float: left;
	list-style-type: none;
	padding: 0px 20px 0px 20px;
}
#adv2 li.split {
	clear: both;
}
#adv2 li a {
	display: block;
	height: 25px;
	line-height: 22px;
	text-decoration: none;
	background: #161619;
	color: white;
	opacity: 0.5;
	padding: 0px 5px 0px 5px;
}
#adv2 li a:hover {
	color: white;
	outline: none;
		opacity: 1;
}
#adv2 li a.selected {
	color: white;
	outline: none;
		opacity: 1;
	border-bottom: 2px solid #32b6fa;
}
#adv2 span {
	display: block;
	line-height: 35px;
	top: -10px;
	width: 600px;
	float: right;
	font-size: 0.8em;
	background: #181818;
}

#adv2 span p {
margin-left: 15px;
}
#ani2 {
margin-top: -10px;
line-height: 25px;
}

#ani2 img {
position: relative;
top: 15px;
padding-right: 2px;
padding-bottom: 5px;
}

/* 05 - Contenu - CV */

#contenu_cv {
background: url("images/head_cv.png") top left no-repeat;
position: relative;
float: right;
width: 735px;
height: 475px;
margin: -20px 50px 0px 0px;
}

#head_cv_art {
float: left;
background: #181818;
border: 1px solid #595959;
width: 120px;
height: 120px;
margin: 8px 0px 0px 55px;
}
#head_cv_art:hover {
background: #2a2626;
border: 1px solid #fdca3f;
}

#head_cv_art p {
text-align: center;
padding-top: 0px;
color: white;
}

#head_cv_art img {
margin-left: 30px;
padding: 0 auto;
}

#head_cv {
float: left;
background: #181818;
border: 1px solid #595959;
width: 120px;
height: 120px;
margin: 8px 0px 0px 55px;
}

#head_cv:hover {
background: #2a2626;
border: 1px solid #03afe0;
}

#head_cv p {
text-align: center;
padding-top: 0px;
color: white;
}

#head_cv img {
margin-left: 30px;
padding: 0 auto;
}
