/*------------------------------------------------
author: webmaster@cmpp.ch
date: 02.01.2025
version: 1.0
-------------------------------------------*/
  body{
background-image: url(http://www.cmpp.ch/fond9.jpg);
     background-color: white;
  font-family:  Arial, sans-serif;
font-size: 1.125rem;
 margin: 20px 40px 40px 40px;
    padding: 0 20px;
overflow: scroll;
text-align: justify;
display: block;
color: black;

}
hr{
 height: 4px; 
width: 100%;
background-color: #176F99;
border:0;
margin: 50px 0;
}
      a{ font-family: Arial, Helvetica, sans-serif; 
        font-style: normal; 
        line-height: normal;
        font-weight: bold; 
        color: red;
      }
      .head{
      padding: 0 0 10px 0;
      text-align:center;
      }
      
      header{
      text-align: center;
        padding: 10px 0;
 display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
    margin-right: auto;
      flex:  0 1 auto;
max-width:100%;
}
header table{
height:91px; 
width:600px;
max-width:100%;
border:4px solid;
border-color:silver grey grey silver;
}
  header td{
      color:#000066;
       background-image: url(http://www.cmpp.ch/fond8.jpg);
       
        font-weight: bold;
padding:20px;
text-align:left;
height:150px;
      }
      
      main{
      padding: 10px 0;
        text-align:center;
 display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
    margin-right: auto;
      flex:  0 1 auto;
max-width:100%;
  }

main table{
height:14px;
 width:384px;
max-width:100%;
border:0 hidden;

}
main td{
height:14px; 
width:1001px;
padding:0;
}
 
article{
 display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
    margin-right: auto;
      flex:  0 1 auto;
max-width:100%;

}
 article table{
width:600px;
max-width:100%;
border:4px solid deepskyblue;
}  
article h2{
font-size:10px;
padding:0;
margin:0;
} 
       footer{
      padding: 10px 0;
 display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
    margin-right: auto;
      flex:  0 1 auto;
max-width:100%;
 }   
  footer table {
height:200px; 
width:600px;
max-width:100%;
border: 4px solid blue;
text-align:center;
}  
footer th{
height:40px;
}
      .td1{  
       color: #00CCFF;
        text-align:center; 
        font-weight: bold;
        padding: 5px 0;
width:200px;
height:20px;
font-size:1rem;
      }
    
    
     
    
      .td2{
        background-image: url(http://www.cmpp.ch/fond9.jpg);
        color: red;
        text-align:center;
        font-weight: bold;
        padding: 10px 0;
width:200px;
height:20px;
      }
      .td2:hover{
      background: #0033FF;
      }
      th{
      font-size: 1.563rem;
        color: #00FFFF;
        background-color: #0033FF;
      }
      .td3{
      background-color:#000099;
height:30px;
 width:350px;
padding:5px;
      }
      .td3:hover{
      background:#0033FF ;
      }
      .td4{
      background-color: #0000FF;
        color: #00CCFF;
        font-weight: bold;
font-size:1rem;
width:200px;
height:10px;
      }
   .imgfrank{
height:300px; 
width:400px;
}  
.pdf{
height:37px; 
width:31px; 
padding:5px;
} 
.epub{
height:30px; 
width:30px; 
padding:5px;
}
.th{
font-size:1.5rem;
text-align:center;
padding:10px;
}
 /*------------------------------------------------------
      typography
-----------------------------------------------------*/
      h1{
      font-size: 1.875rem;
        color: #00CCFF;
        text-align:center;
          font-weight: bold;
        padding: 10px 0 20px 0;
      }      
        h2{
      font-size: 1.875rem;
        color: #00CCFF;
        text-align:center;
          font-weight: bold;
      }  
      
      td{
      text-align:center;
      } 
/*
-------------------------------------------
      navigation
-------------------------------------------*/
::-webkit-scrollbar {
  width: 20px;
color:white;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #87CEFA; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background:  #D7CCB5; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #176F99; 
}