html, body {
width: 100%;
height: 100%;
}
body {
margin : 0; 
padding : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 0.80em; 
background-color: white;
color: black;
} 
#header {
height : 100px; 
background : url('header.jpg') top left no-repeat; 
margin:0;
position: absolute;
left:0;
top:0;
width: 100%;
} 
#slogan {
margin-left: 180px;
margin-top: 50px;
}




/* CSS from tutorials of www.alsacreations.com/articles */

#menu {
position: absolute;
background-color: #00aec6;
height: 20px;
border-top: 0px solid #00aec6;
list-style-type: none;
top: 100px;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 16em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #00aec6;
border: 0px solid gray;
margin: 0px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: white;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #00aec6;
}
#site {
position: absolute;
z-index: 1;
top : 120px;
left : 20px;
color: #000;
background-color: white;
padding: 5px;
border: 0px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}


#conteneur {
margin-top: 135px;
margin-right: 300px;
} 
#conteneur ul {
line-height: 1.7em;
list-style-image: url(puce.gif);
}
#conteneur li {
margin-left: 0;
}
#conteneur p {
margin-left: 1em;
}

h1, h2, h3 {
font-weight: bold;
color: #383E11;
margin: 1em;
}
h1 {
font-size: 1.6em;
line-height: 1.8em;
background : url(menu.gif) bottom right repeat-x; 
}
h2 {
font-size: 1.3em;
line-height: 2.1em;
background : url(titre.jpg) top left no-repeat; 
padding-left: 40px;
}
h3 {
font-size: 1em;
}
#droite {
position: absolute;
right: 1em;
top: 150px;
width: 285px;
background : url(citron.jpg) top left no-repeat;
}
#menudroite, #menucv {
margin-top: 30px;
margin-left: 30px;
border: 1px solid #00aec6;
background-color: #ddddff;
}
#menudroite h2, #menucv h2 {
font-size: 1.2em;
background: none;
margin:0;
padding:5px 0 5px 0;
background-color: #00aec6;
text-indent: 0;
text-align: center;
}
#menudroite ul, #menucv ul {
margin: 1em 0 0 0;
padding:0 0 0 1em;
list-style-type: none;
list-style-image: none;
}
#menudroite li, #menucv li {
margin-bottom: 1em;
}
#menucv {text-align: center;}
#menucv img {border: 2px solid #00aec6; margin-top: 5px;}

a {
text-decoration : underline;
color : #000; 
}
a:hover {
text-decoration : none;
color : #000; 
}

.encadre {
float : left;
margin-top : 20px;
margin-left : 8px;
border : solid 1px #7F9E97;
padding : 5px;
}
.encadrebleu {
margin-top : 20px;
margin-bottom : 20px;
margin-left : 5px;
margin-right : 5px;
border : dashed 1px #663399;
padding : 5px;
background-color: #eeffff;
list-style-type:none;
}
.encadrebleu li {list-style-type:none;}

.img {
border: 0;
}
a img {border: 0 none;}


strong {
color: #004A4A;
}
td {
font-size: 100%;
}
pre {
font-family: Courier, mono;
font-size: 14px;
color: #003399;
border-left : solid 6px #ffcc00;
border-top: solid 1px #ffcc00;
border-bottom: solid 1px #ffcc00;
padding : 5px;
margin: 0 5px 0 5px;
background: url(pre.jpg) top left repeat-y;
width: auto;
}
#footer {
background-color: #00aec6;
line-height: 2em;
text-align: center;
}
#adsense {
width: 240px;
position: absolute;
top: 1em;
right: 10px;
z-index:500;
}
a.bouton {
margin: 1em;
text-decoration: none;
padding: 0.3em 0.5em 0.3em 25px; 
background: #ffffff url(print.gif) center left no-repeat;
border: 1px solid #ffcc00;
z-index: 800;
}

a.bouton:hover {
background: #ffee00 url(print.gif) center left no-repeat;
}
a.boutoncv {
position: absolute;
top: 1em;
right: 1em;
text-decoration: none;
padding: 0.3em 0.5em 0.3em 25px; 
background: #ffffff url(print.gif) center left no-repeat;
border: 1px solid #ffcc00;
z-index: 800;
}

a.boutoncv:hover {
background: #ffee00 url(print.gif) center left no-repeat;
}

ul#livres {
margin:0.2em;
padding:0;
list-style: none;
}
#livres li {
display:inline;
}
#livres li img {
margin:0.2em 0 0.2em 0.4em;
border: 1px solid black;
}