body {
  margin: 0;
  padding: 0;
  background: #CA6F6A ;
 }
 p {
  margin: 0;
  padding: 2 0;
 }
 .aslink {
  text-decoration: underline;
  cursor: pointer;
 }
 .smallimg {
  cursor: pointer;
  margin: 2 0;
  border: 2px white outset;
 }
 .monoimg {
  cursor: pointer;
  margin: 0 0;
  border: 1px white outset;
 }
 .monoimgover {
  cursor: pointer;
  margin: 0 0;
  border: 1px white inset;
 }
 .monoimgtxt {
  cursor: pointer;
  margin: 5 0;
  border: 1px white outset;
 }
 #logo_mono {
 padding-left: 50px;
 font: normal 14pt genova, arial;
 color: rgb(160,160,160);
 letter-Spacing: 1.5ex;
 }
 .smallimgtxt {
  margin: 2 0;
  border: 2px white outset;
  cursor: pointer;
 }
 .smallimgover {
  cursor: pointer;
  margin: 2 0;
  border: 2px white inset;
 }
 .smallimgopen {
  cursor: pointer;
  margin: 2 0;
  border: 3px crimson groove;
 }
 #maintable {
  border: 1px #CA6F6A solid;
  background: white ;
 }
 .bottom_title {
  font: normal 8pt tahoma, arial;
  text-align: center;
  color: lightblue;
  white-space: nowrap;
  border-bottom: 1px gold solid;
 }
 .about {
  color: silver;
  cursor: pointer;
  text-decoration: underline;
 }
 .bottom_title a:link {
  text-decoration: none;
  color: lightblue;
 }
 .bottom_title a:visited  {
  text-decoration: none;
  color: yellow;
 }
 .bottom_title a:hover {
  text-decoration: underline;
  color: cyan;
 }
 .bottom_title a:active {
  text-decoration: none;
  color: lime;
 }
 .a1 {
  width: 333px;
  height: 100%;
  background: #933935 url(http://www.frenchhistory.net/en/tdb4_eu.png) repeat-y top right;
 }
 .a2 {
  width: 3px;
  padding: 0;
  background: #933935 ;
  overflow: hidden;
 }
 .a22 {
  width: 3px;
  color: lightblue;
  font: normal 8pt tahoma, arial;
  background: #933935 ;
  overflow: hidden;
 }
 .a3 {
  background: transparent url(http://www.frenchhistory.net/en/tdb3.png) left repeat-y;
 }
 .a31 {
  background: transparent url(http://www.frenchhistory.net/en/tdb31.png) right repeat-y;
 }
 .a4 {
  text-align: right;
  font: normal 1pt arial;
  xpadding-Top: 40px;
  xpadding-Top: 80px;
  overflow-x: hidden;
  overflow: hidden;
  background: rgb(200,105,100) url(http://www.frenchhistory.net/en/tdb4.png) left repeat-y; /*transparent url(http://www.frenchhistory.net/en/tdb4.png) left repeat-y;*/
 }
 .a5 {
  width: 100%;
  overflow: hidden;
  text-Align: left;
  cursor: pointer;
  background: transparent url(http://www.frenchhistory.net/en/tdb5.png) left repeat-y;
 }
 .a51 {
  width: 100%;
  overflow: hidden;
  text-Align: left;
  cursor: pointer;
  background: transparent url(http://www.frenchhistory.net/en/tdb51.png) right repeat-y;
 }
 .a55 {
  width: 100%;
  overflow: hidden;
  text-Align: left;
  cursor: pointer;
 }
 div.maintext {
  margin-Left: 10px;
  padding-Left: 15px;
  padding-Top: 10px;
  padding-Right: 120px;
  padding-Bottom: 6px;
  font: bold 16pt genova, arial;
  text-align: left;
  color: darkslateblue;
 }
 div.maintext0 {
  padding: 6 6 2 10;
  font: bold 12pt genova, arial;
  text-align: left;
  color: darkslateblue;
 }
 div.maintext:first-letter {
  text-transform: uppercase;
  font: bold 20pt genova,arial;
 }
 div.maintext2 {
  padding: 6 6 2 10;
  font: bold 12pt genova, arial;
  text-align: justify;
  text-indent: 15px;
  color: darkslateblue;
 }
 div.maintext2:first-letter {
  text-transform: uppercase;
  font: bold 13pt genova,arial;
 }
 div.sub_tit {
  margin-Left: 10px;
  padding-Top: 6px;
  margin-Right: 3px;
  margin-Top: 8px;
  margin-bottom: 3px;
  font: bold 12pt genova, arial;
  text-align: left;
  padding-left: 15px;
  padding-right: 3px;
  color: darkslateblue;
  background: gainsboro;
 }
 div.israndom {
  padding-Left: 10px;
  padding-Top: 6px;
  padding-Right: 3px;
  font: normal 12pt genova, arial;
  text-align: center;
  color: darkslateblue;
 }
 div.sub_txt {
  padding-Left: 10px;
  padding-Top: 6px;
  padding-Right: 20px;
  font: normal 12pt genova, arial;
  text-align: justify;
  text-indent: 15px;
  color: darkslateblue;
 }
 div.sub_txt:first-letter {
  text-transform: uppercase;
  font: bold 12pt genova,arial;
 }
 .largeimg {
  z-index: 2;
  border-left: 1px silver solid;
  margin-left:2px;
  cursor: pointer;
  background: transparent url(http://www.frenchhistory.net/en/tdb5.png) left repeat-y;
 }
 .titonimg {
  text-align: left;
  font: bold 8pt tahoma;
  color: white; /* midnightblue; */
  float: right;
  white-space: nowrap;
  padding: 3 3 0 3;
 }
 .titonimg0 {
  text-align: right;
  font: bold 8pt tahoma;
  color: white; /* midnightblue; */
  white-space: nowrap;
  padding: 3 3 0 3;
 }
 .titonimg2 {
  text-align: center;
  font: bold 8pt tahoma;
  color: midnightblue;
  white-space: wrap;
  padding: 2;
 }
 .xdivsmallimg {
  float: right;
 }
 .divclear{
  visibility: hidden;
  font: normal 1pt tahoma;
  clear: both;
 }
 .txtoff {
  display:none;
 }
 .txton {
  z-index=1;
  color: white;
  padding: 5px;
 }
 .txton1 {
  position: absolute;
  z-index=1;
  color: white;
  padding: 5px;
 }
 .txton2 {
  position: absolute;
  z-index=1;
  color: white;
  padding: 5px;
 }
 div.tittxt {
  font: bold 12pt genova,arial;
  text-align: left;
  text-indent: 1ex;
  padding-Top: 5px;
 }
 div.txttxt {
  font: normal 10pt genova,arial;
  text-align: justify;
  text-indent: 1ex;
  padding-Top: 8px;
 }
 div.tittxt:first-letter {
  text-transform: uppercase;
  font: bold 14pt genova,arial;
 }
 div.txttxt:first-letter {
  text-transform: uppercase;
  font: bold 10pt genova,arial;
 }
 .divatxttxt {
  font: bold 8pt genova,arial;
  color: white;
  padding: 6 0;
 }
 a.atxttxt:link {
  color: white;
 }
 a.atxttxt:visited {
  color: blanchedalmond;
 }
 a.atxttxt:hover {
  font-size: 9pt;
  color: orange;
 }
 a.atxttxt:active {
  font-size: 9pt;
  color: lime;
 }
 a.txttxt:link {
  color: white;
 }
 a.txttxt:visited {
  color: blanchedalmond;
 }
 a.txttxt:hover {
  color: orange;
 }
 a.txttxt:active {
  color: lime;
 }
 .img0 {
  position: relative;
  bottom: -8px;
  margin-right: 5px;
  border: 1px white outset;
 }
 .img00 {
  position: relative;
  bottom: -4px;
  margin-right: 5px;
 }
 div.imgtxt {
  text-align: left;
  width: 300px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
 }

 a.ad2:link {
  letter-spacing: 0.2ex;
  padding: 2 0 1;
  text-decoration: none;
  color: white;
 }
 a.ad2:visited {
  text-decoration: none;
  color: yellow;
 }
 a.ad2:hover {
  text-decoration: underline;
  color: cyan;
 }
 a.ad2:active {
  text-decoration: none;
  color: lime;
 }


 a.ad:link {
  font: normal 8pt tahoma, arial;
  text-decoration: none;
  color: white;
 }
 a.ad:visited {
  font: normal 8pt tahoma, arial;
  text-decoration: none;
  color: yellow;
 }
 a.ad:hover {
  font: normal 8pt tahoma, arial;
  text-decoration: underline;
  color: cyan;
 }
 a.ad:active {
  font: normal 10pt tahoma, arial;
  text-decoration: none;
  color: lime;
 }
 a.adp:link {
  font: bold 10pt tahoma, arial;
  text-decoration: none;
  color: red;
 }
 a.adp:visited {
  font: bold 10pt tahoma, arial;
  text-decoration: none;
  color: red;
 }
 a.adp:hover {
  font: bold 10pt tahoma, arial;
  text-decoration: underline;
  color: orange;
 }
 a.adp:active {
  font: bold 10pt tahoma, arial;
  text-decoration: none;
  color: lime;
 }
 .si {
  cursor: pointer;
  color: white;
  letter-spacing: 0.2ex;
  padding: 2 0 1;
 }
 .ssi {
  cursor: pointer;
  color: white;
  letter-spacing: 0.2ex;
 }
 .sin {
  color: white;
  letter-spacing: 0.2ex;
  padding: 2 0 1;
 }
 .ssin {
  color: white;
  letter-spacing: 0.2ex;
 }
 .sse {
  padding-left: 22px;
 }
 #divlist {
   width: 300px;
   white-space: noWrap;
   font: bold 10pt tahoma, arial;
   color: lightcyan;
   padding-Left: 10px; padding-Right: 10px; padding-Top: 12px; padding-Bottom: 12px;
   text-align: left;
   text-overflow: ellipsis;
   overflow-x: hidden;
   overflow: hidden;
  }
  .nouse_blue{
           scrollbar-3dlight-color:slateblue;
           scrollbar-arrow-color:white;
           scrollbar-base-color:lightblue;
           scrollbar-darkshadow-color:navy;
           scrollbar-face-color:cornflowerblue;
           scrollbar-highlight-color:white;
           scrollbar-shadow-color:white;
  }
  .nouse_red {
           scrollbar-3dlight-color:crimson;
           scrollbar-arrow-color:white;
           scrollbar-base-color:pink;
           scrollbar-darkshadow-color:red;
           scrollbar-face-color:orangered;
           scrollbar-highlight-color:white;
           scrollbar-shadow-color:white;
  }
  .hdfimg { margin: 0px 3px; }
  #se1, #se2, #se3, #se4 {
   padding: 5 0;
  }
  .tdtitlist{
   padding: 20 3;
   letter-spacing: 0.3ex;
   font: bold 8pt tahoma, arial;
   text-align: center;
   color: white;
  }
  .tablemenu {
   font: normal 8pt/10pt tahoma, arial;
   color: lightblue;
  }
  .ca0 {
  width: 100%;
  font: normal 8pt tahoma, arial;
  text-align: center;
  padding-Top: 1ex;
  color: orange;
  }
 .maintitle {
  position: relative;
  xpadding-Left: 340px;
  text-align: left;
  caption-side: top;
 }
  .ca1 {
  font: bold 16pt genova, arial;
  text-align: left;
  color: white;
  white-space: nowrap;
  }
  .ca2 {
  font: bold 10pt genova, arial;
  text-align: left;
  color: white;
  overflow-x: hidden;
  white-space: nowrap;
  xtext-overflow: ellipsis;
  }
  .fullmenu {
   margin-top: 12px; 
   padding: 6 0 6 30; 
   font: normal 8pt arial; 
   color: white;
  }
  .fullmenuon {
   text-decoration: underline;
   cursor: pointer;
   color: white;
  }
   .fullmenuoff {
   text-decoration: none;
   cursor: normal;
   color: silver;
  }
  .imgoff {
   filter: alpha(opacity=25);
   opacity: .25;
  }
  .imgon {
   cursor: pointer;
  }
  .langoff {
   border-Top: 1px solid yellow;
   border-Left: 1px solid yellow;
   border-Right: 1px solid orange;
   border-Bottom: 1px solid orange;
   margin-bottom: 4px;
   cursor: pointer;
  }
  .langon {
   border-Top: 1px solid #CA6F6A;
   border-Left: 1px solid #CA6F6A;
   border-Right: 1px solid black;
   border-Bottom: 1px solid black;
   cursor: pointer;
  }
  .divdiapo {
   position: absolute;
   top: 5px;
   left: 5px;
   width: 250px;
   white-space: nowrap;
  }
  .spandiapo {
   color: lime;
   font: normal 9pt genova;
   padding-left: 12px;
  }
  .topleft {
   position: absolute;
   z-index: 1000;
   top: 5px;
   left: 10px;
  }
  .topleft2 {
   position: absolute;
   z-index: 1000;
   top: 5px;
   left: 120px;
  }
  .divbck {
   white-space: nowrap;
   color: white;
   font: normal 8pt verdana, arial;
   letter-spacing: .4ex;
  }
  .divbck2 {
   white-space: nowrap;
   color: white;
   font: normal 8pt verdana, arial;
   letter-spacing: -.1ex;
  }
  .spanbck {
   text-decoration: none;
  }
  a.spanbck:link {
   xcolor: darkslateblue;
   color: #933935;
  }
  a.spanbck:visited {
   xcolor: darkslateblue;
   color: #933935;
  }
  a.spanbck:hover {
   color: orange;
  }
  a.spanbck:active {
   color: lime;
  }
  .blockimgmono {
   padding: 20 0;
  }
  .tableblockimg {
   display: inline;
   border: 0;
   margin: 3px;
   width: 115px;
   height: 115px;
   padding: 0px;
   vertical-align: middle;
  }
  .tdblockimg {
   width: 115px;
   height: 115px;
   padding: 2px;
   text-align: center;
   vertical-align: middle;
   font: bold 8pt tahoma;
   color: white;
  }
  .divblockimg {
   width: 115px;
   margin: 0px;
   padding: 2px;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-x: hidden;
   font: bold 8pt tahoma;
   color: white;
  }
  .blockimg {
   display: inline;
   float: left;
   border: 1px dashed rgb(70,70,140);
   background: rgb(60,60,120);
   width: 115px;
   height: 115px;
   margin: 3;
   padding: 2;
   text-align: center;
   vertical-align: middle;
   overflow: hidden;
   text-overflow: ellipsis;
   overflow-x: hidden;
   font: bold 8pt tahoma;
   color: white;
  }
  .generic_text {
   padding: 10 20;
   width: 450px;
   font: normal 8pt arial;
  }
 div.copyleft {
  font: normal 7pt genova,arial;
  color: silver;
  text-align: left;
  text-indent: 0;
  padding: 18px 2ex 12px 2ex;
  font-style: italic;
 }
 a.copyleft:link {
  color: silver;
 }
 a.copyleft:visited {
  color: orange;
 }
 a.copyleft:hover {
  color: white;
 }
 a.copyleft:active {
  color: lime;
 }
 .scrollifr {
   /* border: 3px dodgerblue solid; */
           scrollbar-3dlight-color:darkslateblue;
           scrollbar-arrow-color:white;
           scrollbar-base-color:pink;
           scrollbar-darkshadow-color:blue;
           scrollbar-face-color:slateblue;
           scrollbar-highlight-color:white;
           scrollbar-shadow-color:white; 
 }
 .scrolldiv {
   overflow: auto;
   text-overflow: ellipsis;
    overflow-x: hidden;
	overflow-y: scroll;
           scrollbar-3dlight-color:darkslateblue;
           scrollbar-arrow-color:white;
           scrollbar-base-color:pink;
           scrollbar-darkshadow-color:blue;
           scrollbar-face-color:slateblue;
           scrollbar-highlight-color:white;
           scrollbar-shadow-color:white;
 }