body {
width:99%;
height:99%;
margin:0;
padding: 0;
border-width: 0;
background-color:#000000;
font-size: 10pt;
line-height: 1em;
color: white;
font-family: verdana;
/* enlevons le bug de "double marge" d'IE */

	display:inline; /*
scrollbar-face-color: #3366cc;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: black;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF */
}
/* les liens des differents menus */
.introanglais {
position: absolute;
top:65%;
left: 10%;
color: #ffffff;
font-size: 12;
font-weight: bold;
}
.introfrancais {
position: absolute;
top:65%;
left: 80%;
color: #ffffff;
font-size: 12;
font-weight: bold;
}
.construction {
position: absolute;
top:50%;
left: 45%;
color: red;font-size: 16;
font-weight: bold;
}

.mail {
color: #99ffff;
text-decoration: none;
}
a:link {
color: #ffffff;
text-decoration: none;
}
a:visited {
color: #ffffff;
text-decoration: none ;
}
a:hover {
color: #99ffcc;
text-decoration: none;
}
a:active {
color: #99ffff;
text-decoration: none;
}
/* la banniere */
div#header {
position: absolute;
display: block;
clear: both;
margin:0;
padding: 0;
width: 99%;
height: 25%; 
}
/* le bloc de gauche et son contenu */
div#gauche {
position: absolute;
display: block;
top: 25%;
left: 0;
line-height: 1.2em;
vertical-align: top;
width: 26%;
height: 73%;
background-position: 0%100%;
background-image: url(index_files/deco.gif);
background-repeat: repeat-y;
}
div#text_menu {
position: absolute;
width: 100%;
height: 100%;
text-align: left;
left: 0;
top: 0;
font-size: 10pt;
line-height: 1em;
color: white;
font-family: verdana, arial;
overflow: auto;
}
/*le bloc principal et ses differents contenus */
div#main {
position: absolute;
line-height: 1.2em; 
top: 25%;
left: 27%;
width: 71%; 
height: 72%;
background-color: #000000;
background-repeat: no-repeat;
}
div#cd {
position: absolute;
line-height: 1.2em; 
top: 25%;
left: 27%;
width: 73%; 
height: 72%;
overflow: auto;
background-color: #000000;
background-repeat: no-repeat;
}
div#pix {
position: relative;
float: left;
line-height: 1.2em; 
left: 2%;
width: 100%;
height: 32%;
}
div#colla {
position: relative;
float: left;
left: 0;
width: 95%;
height: 15%;
}
div#pix_colla {
position: relative;
float: left;
padding: 0;
font-size: 10pt;
color: white;
left: 0;
width: 95%;
height: 93px;
}
div#text_box {
position: relative;
float: left;
top: 0; 
left: 0;
padding: 1em;
height: 59%;
width: 97%;
text-align:left;
color: white; 
background: black;
overflow: auto;
} 
div#text_colla {
position: relative;
float: left;
top: 0; 
left: 0;
height: 55%;
width: 100%;
padding-top:1em;
text-align:left;
color: white; 
line-height: 1.2em; 
background: black;
overflow: auto;
} 
.title {
color: #99ffcc;
vertical-align: text-top;
line-height: 1.5em;
font-size: 14pt;
font-weight: bold;
}
.title_red {
color: red;
vertical-align: text-top;
line-height: 1.5em;
font-size: 16pt;
font-weight: bold;
}
.red {
color: red;
vertical-align: text-top;
line-height: 1.2em;
font-size: 12pt;
font-weight: bold;
}
.text_colla {
color: #ffffff;
vertical-align: text-top;
font-size: 12;
font-weight: bold;
}
.title_menu_black {
color: #000000;
vertical-align: text-top;
font-size: 12;
font-weight: bold;
}
.title_menu {
color: #ffffff;
vertical-align: text-top;
font-size: 12;
font-weight: bold;
}
.text_menu {
color: #ffffff;
vertical-align: text-top;
font-size: 11;
font-weight: normal;
}
.text_menu_black {
color: #000000;
vertical-align: text-top;
font-size: 11;
font-weight: normal;
}
img.cd {
float: left;
padding-right: 1em;
padding-bottom: 1em;
margin-top: 15em;
margin: 0;
}
.livred {
background-color:#ffffff;
}

.lo1 {
background: url(index_files/livre_or.gif) no-repeat center bottom; }
.lo2 {
background: url(index_files/livre_or2.gif) no-repeat left center; padding-right: 1em; }
.agenda {
background: url(index_files/livre_or.gif) no-repeat center bottom; }
.denis1 {
background: url(index_files/c_denis.gif) no-repeat center bottom; padding-right: 3em; }
.denis2 {
background: url(includes/bio50ans.jpg) no-repeat center bottom; } 
.suzanne {
background: url(includes/Suzanne.jpg) no-repeat center top; } 
.rob-b {
background: url(includes/RobertB.jpg) no-repeat center top; }
.fran {
background: url(includes/francois.jpg) no-repeat center top; }
.andr {
background: url(includes/andre.jpg) no-repeat center top; }
.rob-p {
background: url(includes/RobertP.jpg) no-repeat center top; }
.ben {
background: url() no-repeat center top; }
.eric {
background: url(includes/Eric.jpg) no-repeat center top; }
.joha {
background: url() no-repeat center top; }
.denis_pix { padding-right: 1em;}
.pix_album {
margin: auto;
border : 0 none;
margin: 1em;
padding-top: 0;
vertical-align: center;
}
.pix_vert_album {
margin: auto;
border : 0 none;
margin-top: 0;
padding-top: 0;
vertical-align: center;
}