#hdpretour {
 width: 240px;
 height: 40px;
 position: relative;
 float: right;
 margin: 0px;
 padding: 0px;
 background-color: white;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 line-height: 40px;
}

#hdpretour a:hover {
 background-color: #006699;
 color: white;
 width: 240px;
 height: 40px;
 float: right;
}

#bdp {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 margin-bottom: 30px;
 padding-bottom: 20px;
 border-bottom: 5px solid #006699;
}

#bdpacc {
 width: 240px;
 height: 80px;
 position: relative;
 float: left;
 margin: 0px;
 padding: 0px;
 background-color: white;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 line-height: 200%;
}

#bdpacc a:hover {
 width: 240px;
 height: 80px;
 float: left;
 background-color: #006699;
 color: white;
}

#bdpaut {
 width: 240px;
 height: 80px;
 position: relative;
 float: left;
 left: 15px;
 background-color: #cccc99;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 valign: center;
 line-height: 200%;
}

#bdpaut a:hover {
 width: 240px;
 height: 80px;
 background-color: #006699;
 color: white;
 float: left;
}

#bdptex {
 width: 240px;
 height: 80px;
 position: relative;
 float: right;
 background-color: #ffff99;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 vertical-align: center;
 line-height: 200%;
}

#bdptex a:hover {
 width: 240px;
 height: 80px;
 background-color: #006699;
 color: white;
 float: left;
}

#bdpchr {
 width: 240px;
 height: 80px;
 position: relative;
 float: left;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 background-color: #ffcc99;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 line-height: 200%;
}

#bdpchr a:hover {
 width: 240px;
 height: 80px;
 float: left;
 background-color: #006699;
 color: white;
}

#bdpinf {
 width: 240px;
 height: 80px;
 position: relative;
 float: left;
 left: 15px;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 background-color: #ccffff;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 valign: center;
 line-height: 200%;
}

#bdpinf a:hover {
 width: 240px;
 height: 80px;
 background-color: #006699;
 color: white;
 float: left;
}

#bdpsit {
 width: 240px;
 height: 80px;
 position: relative;
 float: right;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 background-color: #ccff99;
 font-size: 18px;
 text-align: center;
 font-style: italic;
 valign: center;
 line-height: 200%;
}

#bdpsit a:hover {
 width: 240px;
 height: 80px;
 background-color: #006699;
 color: white;
 float: right;
}

.pretexte {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 0px;
 font-size: 17px;
 text-align: justify;
}

.textetitre {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 5px 0px 5px 0px;
 font-size: 20px;
 font-style: italic;
 font-weight: bold;
 background-color: #ffff99;
}

.textegauche {
 width: 360px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ffff99;
 text-align: justify;
}

.textegauche p {
 text-align: justify;
 text-indent: 1em;
 margin: 0px;
}

.textedroit {
 width: 360px;
 position: relative;
 float: right;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ffff99;
 text-align: justify;
}

.textedroit p {
 text-align: justify;
 text-indent: 1em;
 margin: 0px;
}

.chronplein {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 0px;
 font-size: 20px;
 background-color: #ffcc99;
 text-align: justify;
}

.chronpleintexte {
 width: 740px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
}

.infosgauche {
 width: 360px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ccffff;
 text-align: justify;
}

.infosdroite {
 width: 360px;
 position: relative;
 float: right;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ccffff;
 text-align: justify;
}

.infosplein {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 0px;
 font-size: 20px;
 background-color: #ccffff;
 text-align: justify;
}

.infospleintexte {
 width: 740px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
}

.auteurplein {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 0px;
 font-size: 20px;
 background-color: #cccc99;
 text-align: justify;
}

.auteurpleintexte {
 width: 740px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
}

.listplein {
 margin: 0px;
}

.listplein p {
 text-indent: -14px;
 text-align: left;
 padding-left: 14px;
}

.sitesgauche {
 width: 360px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ccff99;
 text-align: justify;
}

.sitesdroite {
 width: 360px;
 position: relative;
 float: right;
 margin-top: 20px;
 padding: 5px;
 font-size: 20px;
 background-color: #ccff99;
 text-align: justify;
}

.sitesplein {
 width: 750px;
 position: relative;
 float: left;
 margin-top: 20px;
 padding: 0px;
 font-size: 20px;
 background-color: #ccff99;
 text-align: justify;
}

.sitespleintexte {
 width: 740px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 5px;
}

.listsites {
 margin: 0px;
}

.listsites p {
 text-indent: -14px;
 text-align: left;
 padding-left: 14px;
}

.listsites a:link {
 color: #006699;
}

.listsites a:hover {
 background-color: #006699;
 color: white;
}