@charset "iso-8859-1";
/* GRIS moyen : #65726B #384042; clair : #B0C6BA; sombre :  #2A302D; très clair:  #F6F7EB */
* {margin:0; padding:0}
html, body 
{ 
width:100%; 
height:100%; 
margin: 0; 
padding:0; 
border:0; 
text-align:center; 
vertical-align:top; 
} 
body 
{ 
font-family:arial, verdana, geneva, helvetica, sans-serif;
font-size:1em; 
font-style:normal; 
font-weight:normal; 
background:black url(../images/hb.jpg) repeat 0 0; height:100%;
color:#F6F7EB;
} 
/* images */
img {border:0}
img.photo-r {border-width:1px; border-color:#B0C6BA; border-style:solid; margin:0; width:400px; height:400px}
img.photo-h {border-width:1px; border-color:#B0C6BA; border-style:solid; margin:0; width:600px; height:450px}
img.photo-v {border-width:1px; border-color:#B0C6BA; border-style:solid; margin:0; width:338px; height:450px}
img.mini-h, img.mini-v, img.mini-r {padding:1px; margin:1px; display:inline; border:medium none transparent; border-style:solid; border-width:1px ;}

#page {position:absolute; top:50%; left:50%; width:40px;  height:40px; overflow:visible;}
#boite-r {position:absolute; left: -202px; top:-255px; width:405px;  height:510px;}
#boite-h {position:absolute; left: -302px; top:-280px; width:605px;  height:560px;}
#boite-v {position:absolute; left: -172px; top:-280px; width:343px;  height:560px;}
#photo {position:absolute; left:0; top:0;}

#corps ul {padding-left:60px;}
#corps ul li {padding-top:3px}

a:link {color:white}
#index a:link, #index a:visited, #index a:active
 {background-color:transparent;color:#65726B;padding:1px;height:auto;}
#index a:hover {background-color:transparent; color:#FFAA00; padding:1px; height:auto; }
#index a {text-decoration:none}
#index img.mini-h:hover, #corps img.mini-v:hover
 {border:medium none #FFAA00; border-style:solid; border-width:1px ;background-color:#FFAA00;}
h1, h2, h4 {color:#9D0; font-style:normal; font-weight:normal;}
h1 {font-size: 22px;}
h2 {font-size: 18px;padding-top:24px}
h4 {font-size: 16px;padding-bottom:4px}

#corps {width:70%; padding-right:20px; position:relative; top:190px;left:40px; height:auto;}

#logo {position:absolute;top:0;left:0; background-color:#2A302D;padding:20px}
#davo {width:110px;height:110px;}
#sigle-micheldavo {width:340px; height:334; display: block; position: relative; top: 0; left:119px; padding:3px; border-width:1px; border-color:black; border-style:solid;}


#h {color:#65726B; background:#2A302D url(../images/dg.jpg) repeat-y 0 0; width:625px; height:5px;text-align:left;}
#h {position:absolute;top:150px;left:0; overflow:hidden; font-size:10px}

h2 {background:transparent url(../images/gd.jpg) repeat-y 0 0; width:auto; height:auto;
 padding:3px 0 3px 120px; margin:10px 0 10px 0;position: relative;top:0;left:-120px; white-space:nowrap}
#mel {width:340px; background:pink url(../images/mel.gif) no-repeat top left; height:14px; font-size:12px;padding:0;margin:0;overflow:hidden}
#mel {padding:3px 0 3px 120px; margin:0;position: relative;top:0;left:-120px;}

div.contenu, #pied {padding:0 0 20px 0; height:100%;text-align:left;}
div.contenu p, #pied p {padding-top:10px}

div.contenu a {text-decoration:underline}
#pied a:visited, #corps ul a:visited, div.contenu a:visited {color:#AA44EE }
a:link, a:active, #corps ul a:link, #corps ul a:active, #pied a:link, #pied a:active, #pied a.prec:visited {color:#AADDFF}
#corps ul a:hover, #pied a:hover, #pied a.prec:hover, div.contenu a:hover {color:#FFAA00}

#nom {position:absolute;top:65px;left:190px; font-size:23px; color:#B0C6BA}
#droite {text-align:left;height:auto; padding-bottom:140px; position:relative; top:0;left:150px;}
#droite {background:transparent url(../images/bh.jpg) repeat-y top left;}
p.cite {padding-left:20px; text-align:justify; font-family:verdana, geneva, helvetica, arial, sans-serif;}

/* taille font fixe pour copyright et page photo */
.copyright {color:#78888B; padding:10px 0 0 0; font-size:11px}
/* pages photo */
#photo a {font-size:20px; text-decoration:none; color:#B0C6BA}
#photo h3 {font-size:14px; font-weight:bold; padding:10px 0 10px 0; color:#B0C6BA;}
#photo h1 a {color:#5A6569}
#photo a:hover {color:#FFAA00}

/* 2 colonnes pour le CV */
p.c1 { width:110px;line-height:2.0em;height:2.0em; white-space:nowrap}
p.c2 {position:relative; top:-2.0em; left:8em; width:420px; text-align:justify}

/***********************/
div.contenu {width:100%}