body, html {
height: 100%;
overflow:hidden;
}
body {
background: #ffffff;
padding: 0px;
margin: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000000;
}

table.projb {
	margin: 0px 0px 0px 8px;
	border-width: 1px 0px 0px 0px;
	border-spacing: 0px;
	width: 588px;
	border-style: dotted;
	border-color: #9E9E9E #9E9E9E #9E9E9E #9E9E9E;
	border-collapse: separate;
	background-color: white; 
	padding: 0px 0px 0px 0px;
}

table.projk {
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 1px 0px;
	border-spacing: 0px;
	width: 30px;
	border-style: dotted;
	border-color: #9E9E9E #9E9E9E #9E9E9E #9E9E9E;
	border-collapse: separate;
	background-color: white; 
	padding: 0px 0px 0px 0px;
}

table.proj {
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: dotted;
	border-color: #9E9E9E #9E9E9E #9E9E9E #9E9E9E;
	border-collapse: separate;
	background-color: white; 
	padding: 10px 0px 10px 0px;
}


strong, b {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#m {
position: absolute;
background: #bebebe;
left: 0px;
top: 0px;
width: 21%;
height: 100%;
text-align: right;
overflow: hidden;
}

#m p.nom {
position: relative;
margin: 27px 30px 20px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 150%;
text-align: right;
color: #333333;
}

#m p.fomenu {
position: relative;
margin: 0px 30px 0px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
display: block;
height: 1.4em;
text-align: right;
color: #333333;
}

#m p.almenu {
position: relative;
margin: 0px 30px 0px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
display: block;
height: 1.6em;
text-align: right;
color: #333333;
}

#m p.almenuu {
position: relative;
margin: 0px 30px 10px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
display: block;
height: 1.6em;
text-align: right;
color: #333333;
}

#m a {
color: #FFFFFF;
text-decoration: none;
}

#m a:hover {
color: #333333;
text-decoration: none;
}

#m a.msa {
color: #333333;
text-decoration: none;
}

#m a.msa:hover {
color: #333333;
text-decoration: none;
}

#m a.mspa {
color: #FFFFFF;
text-decoration: none;
}

#m a.mspa:hover {
color: #333333;
text-decoration: none;
}

#b {
position: absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
width: 79%;
padding:0px;
margin: 0% 0% 0% 21%;
overflow: auto;
color: #000000;
}

#b a {
color: #555555;
text-decoration: none;
}
#b a:hover, #b a.highlight, #b a.highlight:link, #b a.highlight:visited {
color: #555555;
text-decoration: underline;
}

#b a.pres {
color: #284083;
text-decoration: none;
}
#b a.pres:hover, #b a.highlight, #b a.highlight:link, #b a.highlight:visited {
color: #284083;
text-decoration: underline;
}

a img {
	border : 1px dotted #999999;
}

a:hover img {
	border : 1px dotted #999999;
}

#b #box {
position:relative;

line-height: 1.6em;
margin: 30px 20px 50px 30px;
background: #ffffff;
display: block;
overflow: visible;
}

#b p.titre {
position: relative;
margin: 0px 0px 10px 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
display: block;
text-align: left;
color: #555555;
}

#b p.titrepres {
position: relative;
margin: 0px 0px 15px 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
display: block;
text-align: left;
color: #333333;
}

#b p.proj {
position: relative;
margin: 0px 0px 0px 8px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 120%;
display: block;
text-align: left;
color: #284083;
}

#b span.date {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #555555;
}

#b p.legende {
position: relative;
margin: 0px 0px 6px 8px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 80%;
display: block;
text-align: left;
color: #333333;
}

#b p.legendepres {
position: relative;
margin: 0px 0px 6px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 80%;
display: block;
text-align: left;
color: #333333;
}

#b p.pres {
margin: 0px 0px 10px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #333333;
}

#b p.pres_video {
margin: 0px 0px 10px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #333333;
line-height: 2em;

}

#b p.pres_cv {
margin: 0px 0px 10px 10px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left;
color: #333333;
}

#b p {

font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 90%;
display: block;
height: 1.6em;
color: #333333;
}