@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #404040;
	
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
	background-color: #7F7F7F;

}
h1, h2, h3, h4, h5, h6,p0, p1,p2,p3,p4,p5 {
	background-color: #DBEEF4;

	margin-top: 0px;	 
	padding-bottom:0px;
	padding-top:0px;
	padding-right: 30px;
	padding-left: 30px; 
}
h2 {
	font-family: Calibri;
	font-size: 22px;
}
h3 {
	font-family: Calibri;
	font-size: 18px;
	font-style:normal;
	float: left;
}
h4 {
	font-family: Calibri;
	font-size: 18px;
	font-style:normal;
	float:none;
}
h5 {
	background-color: #7F7F7F;	
	font-family: Calibri;
	font-size: 18px;
	font-style:normal;
	float:inherit;

}

h6 {
	font-family: Calibri;
	font-size: 50px;
	font-style:normal;
	float:none;
}

p0 {
    font-family: "Bradley Hand ITC";
	font-size: 20px;
	font-style:normal;
	font-weight:bold;
	float: left;
	color:#404040;
}

p1 {
	font-family: Calibri;
	font-size: 16px;
	font-style:normal;
	float: left;
}

p2 {
	font-family: Calibri;
	font-size: 16px;
	font-style:normal;
	float: left;
}

p3 {
	font-family: Calibri;
	font-size: 22px;
	font-style:normal;
	float: left;
	font-weight:bold;
	
}
p4 {
	font-family: Calibri;
	font-size: 16px;
	font-style:normal;
	float: none;
}
p5 {
	font-family: Calibri;
	font-size: 28px;
	font-style:normal;
	font-weight:bold;
	float: left;
	color:#CC0000;
}
p {
	background-color: #7F7F7F;
	margin-top: 0px;
	padding-right: 15px;
	padding-left: 15px; 
}

f {
	background-color: #404040;
	color: #F2F2F2;
	font-family: Calibri;
	font-size: 14px;
	text-align:center;
}

a img { 
	border: none;
	background-color:transparent;
}

a:link {
	text-decoration: none; 
	color: #F2F2F2;
}
a:visited {
	color: #F2F2F2;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:active, a:focus { 
	text-decoration: none;
}

a.bulle {
      position:relative;
      color:#404040; 
     text-decoration:none; 
     font-family:arial, verdana, sans-serif; 
     text-align:center; 
     font-size:11px;
}

a.bulle:hover {
   background: none; 
}

a.bulle span { 
 display: none;
}

a.bulle:hover span {
   display: block; 
   position: absolute;
   top: -243px; 
   left: 0px;
   font-family:arial, verdana, sans-serif; 
   text-align:justify; 
   font-size:12px;
   font-weight:normal;
   background:none;
   padding: 0px;
   border: 1px solid #000;
}

.container {
	width: 840px;
	margin: 0 auto; 
	overflow:hidden; 
	background-color: #7F7F7F;

}

.footer {
	width: 840px;
	margin: 0 auto; 
	overflow:hidden; 
	background-color: #404040;
	text-align:center;
}

.footer a { 
	border: none;
	background-color: #404040;

}

.footer a:link {
	background-color: #404040;
	text-decoration: none; 
	color: #F2F2F2;
}
.footer a:visited {
	background-color: #404040;
	color: #F2F2F2;
	text-decoration: underline;
}
.footer a:hover{
	background-color: #404040;
	text-decoration: underline;
}
.footer a:active{
	background-color: #404040;
	text-decoration: underline;
}
.footer a:focus { 
	background-color: #404040;
	text-decoration: none;
	outline:none;

}

.contact {
	margin: 0 auto; 
	overflow:hidden; 
	background-color: #DBEEF4;
	text-align:left;
}

.contact a { 
	border: none;
	background-color: #DBEEF4;
	color: #000;
}

.contact a:link {
	background-color: #DBEEF4;
	text-decoration: none; 
	color: #000;
}
.contact a:visited {
	background-color: #DBEEF4;
	color: #000;
	text-decoration: underline;
}
.contact a:hover{
	background-color: #DBEEF4;
	text-decoration: underline;
}
.contact a:active{
	background-color: #DBEEF4;
	text-decoration: underline;
}
.contact a:focus { 
	background-color: #DBEEF4;
	text-decoration: none;
	outline:none;

}

.sidebar1 {
	float: left;
	width: 60px;
	background-color: #7F7F7F;
	padding-bottom: 10px;
}

.header {
	padding: 42px 0px 0px;
	width: 546px;
	float: left;
	color: #BAF4DE;
	font-family: Broadway;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	background-color: #7F7F7F;
	height: 50px;
}

.header2 {
	padding: 0px 0;
	width: 546px;
	float: left;
	color: #BAF4DE;
	font-family: Broadway;
	font-size: 90px;
	font-style: normal;
	font-weight: normal;
	background-color: #7F7F7F;
	height: 156px;
}

.content {
	background-color: #7F7F7F;
	padding: 0px 0;
	width: 546px;
	float: left;
}

.contentlivre {
	background-color:#FFF;
	padding: 0px 0;
	width: 500px;
	float: left;
}

.contentinside {
	background-color: #DBEEF4;
	padding: 0px 0;
	width: 546px;
	float: left;
	text-align:justify;
	
}

.sidebar2 {
	float: left;
	width: 234px;
	background-color: #7F7F7F;
	padding: 10px 0;
	color: #D6E3BC;
	font-family: "Bradley Hand ITC";
	font-size: 30px;
}

.sidebarRomanSeRetrouver {
	float: left;
	width: 234px;
	background-color: #7F7F7F;
	padding: 10px 0;
	color: #D6E3BC;
	font-family: "Bradley Hand ITC";
	font-size: 22px;
	text-align:left;
}

.content ul, .content ol {
	padding: 0 0px 0px 0px; 
	text-decoration: none;
}

ul.nav {
	margin-bottom: 15px; 
	list-style-image: none;
	list-style-type: none;
	float: left;

}
ul.nav li {
	float: left;
}

ul.nav a, ul.nav a:visited{ 
	padding: 5px 10px 5px 10px;
	display: block; 	
	text-decoration: none;
	font-family: Calibri;
	font-size: 18px;
	text-align:center;
}

ul.nav a:hover { 
	background-color: #404040;
}
ul.nav a:active { 
	background-color: #404040;
}
ul.nav a:focus { 
	outline:none;

}
.activePage, .activePage:link, .activePage:visited{ 
	background-color: #BAF4DE;
	color: #000;
}

.activePage:hover { 
	color: #BAF4DE;
}
.activePage:active { 
	color: #BAF4DE;
}
.activePage:focus { 
	color: #BAF4DE;
	outline:none;
}

ul.nav activePage{ 
	padding: 5px 10px 5px 10px;
	display:block; 
	text-decoration: none;
	font-family: Calibri;
	font-size: 18px;
	text-align:center;
	background-color: #BAF4DE;
	color: #000;
	outline:none;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}