body {background-image: url(images/fond1.jpg); background-color: black;
margin-right: auto; margin-left: auto; margin-top: 0px;
position: relative; width: 800px; height: auto;}

#bandeau { width : 800px; height: 150px;
margin-left : auto; margin-right : auto;
background-image: url(images/bandeau.jpg); background-repeat: no-repeat;}

#filet {background-image: url(images/filet.jpg); width: 800px; height: 4px; }

#body-centre { width : 798px; height: auto; margin-top: -10px;}

#col_centre { width : 798px; height: auto;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; font-size : 12px;
	background-color: #f2f1f1;
	margin-top: -10px; border: 1px solid black; }
	
#remerciements { margin-left: auto; margin-right: auto; width: 500px;}
	
#col_compo { width : 170px; height: 450px; margin-left: 0px; position: absolute;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; font-size : 12px;
	background-color: #f2f1f1;
 }
	
#col_institution { width : 357px; height: 450px; margin-left: 170px; position: absolute;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; font-size : 12px;
	background-color: #f2f1f1;
}
	
#col_interprete { width : 270px; height: 450px; margin-left: 527px; position: absolute;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; font-size : 12px;
	background-color: #f2f1f1;
 }
	
#ecoute {margin: 10px 25px -18px 25px; padding-left: 30px; height: 80px; border: 1px  dashed #bcbcbc; style-position: "center";
}

#sugar {margin: 15px 25px 0px 25px; height: 125px; border: 1px solid #8797b0; style-position: "center";
}

#disque {margin: 15px 25px 0px 25px; height: 236px; border: 1px solid #8797b0; style-position: "center";
}

#livre {margin: 15px 25px 0px 25px; height: 345px; border: 1px solid #8797b0; style-position: "center";
}

#bibliographie {margin: 10px 25px 5px 25px; height: 250px; border: 1px solid #8797b0; style-position: "center";
}

#signature { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #3d3c3c; font-style: italic; text-align: right;
}

p  { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #2a2929;
margin-left: 10px; margin-right: 10px; text-align: justify; }

.p2 { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #3d3c3c; font-style: italic; 
}

.p3  { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #545668;
margin-left: 20px; margin-right: 40px; text-align: justify; }

.p4  { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #545668;
margin-left: 26px; margin-right: 0px; text-align: justify; }

.p5  { font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #545668;
margin-left: 40px; margin-right: 20px; text-align: justify; }

b { color: #302f2f; font-weight: bold; font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; }

h1 { font-size: 14px; font-family: "Arial Narrow", "Trebuchet MS", Verdana; color: #302f2f;
background: url(images/puce_titre.png) left center no-repeat;
padding: 0 25px 2px 15px; margin: 10px 40px 0 10px; }

h2 { font-size: 14px; font-family: "Arial Narrow", "Trebuchet MS", Verdana; color: #646262;
padding: 0 0px 0px 15px; margin: 10px 0px 0 10px; }

h3  { font-size: 12px; font-weight: bold; font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial; color: #3d3c3c;
margin-left: 40px; margin-right: 10px; text-align: justify; }

h4  { font-size: 60px; font-weight: bold; font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial; color: #3d3c3c; text-align: center; margin-top: 40px; margin-bottom: 2px}

a { color: gray; font-weight: bold;
font-family: "Trebuchet MS", "Arial Narrow", Verdana, Arial; font-size: 12px;
text-decoration: none; border-bottom: 1px dotted gray; }

a.lien1 { color: #302f2f; font-weight: bold;
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Verdana, Arial; font-size: 12px;
text-decoration: none; border-bottom: 1px dotted gray; }

 a:hover { background: #a0aec4; font-weight: bold;
font-family: Century Gothic", "Trebuchet MS", "Arial Narrow", Verdana, Arial; font-size: 12px;
text-decoration: none; }

#img_d {margin: 10px; padding: 1px; float:right; border: 1px solid #020451 ; }

#img_g {margin: 10px 30px 10px 30px; padding: 1px; float:left; border: 1px solid #020451 ; }


li {margin: 1px 0 0 20px; list-style: none; list-style-position: inside;  url(images/puce_liste.gif);
font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; color:#2a2929; font-size: 12px;}

.li2 { margin: 1px 0 0 30px;
font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; color:#2a2929; font-size: 12px;
list-style-image: url(images/puce_liste.gif); list-style-position: inside; margin-bottom: 0px}

.li3 { margin: 1px 0px 0 22px;
font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; color:#333c4b; font-size: 12px;
list-style-image: url(images/puce3_liste.png); list-style-position: outside; margin-bottom: -2px}

.li4 { margin: 1px 10px 0 22px;
font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; color:#2a2929; font-size: 12px;
list-style-image: url(images/puce3_liste.png); list-style-position: inside;}

.li5 { margin: 0px 10px 0 60px;
font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; color:#2a2929; font-size: 12px; list-style-position: inside;}

#filet2 { width : 140px; height: 2px; margin-left: 26px;
background : url(images/filet2.jpg); background-repeat: no-repeat; }

ul.menu {float:none ; list-style-type: none; margin-left: 4px; margin-top:0px; margin-bottom: 2px; padding: 0; background-color: black; }
ul.menu li 	{ float: left; margin: 0; border: 0; }
ul.menu ul 	{ position: absolute; display: none; list-style-type: none; margin: 0; padding: 0; }
ul.menu ul li {	float: none; padding: 0; border-top: 1px solid #7f8080; }
ul.menu li a:link, ul.menu li a:visited { display: block; color: #dcdada; background: #3d3c3c; padding: 2px 23px 5px 23px;  border-right: 1px solid #cecfd0; border-right-style: groove ; text-decoration: none; }
ul.menu li a:hover { background: #888787; }
ul.menu li:hover > ul {	display: block;	}
ul.menu a { font: 12px "Arial Black", "Trebuchet MS", Impact,Arial,sans-serif; text-shadow: #3d3e3f 1px 4px 3px; text-decoration: none; border-bottom:none; }

#pied_de_page { color: #FFF; font-size: 10px; font-family: "Arial Narrow", "Trebuchet MS", Verdana;
text-align: center;  margin-top: 5px; }