/*---------------------------------
author: webmaster cmpp.ch
date: 02.01.2025
version: 1.1
----------------------------------*/      
  
body {
  font-family: Arial, sans-serif;
  margin: 10px 40px 40px 40px;
  padding: 0 10px 10px 10px ;
  text-align: justify;
      color: black;
         background-image: url(http://www.cmpp.ch/fond4.jpg);    
        font-size: 1.125rem;
        text-indent: 40px;
}
.head{
text-align:center;
padding: 0;
}
header{
padding: 10px 0;
}
article{
padding:  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%;
}

main{
padding:  0;
}
header h1{
letter-spacing: 4px;
}
footer td{
height: 40px;
width:250px;
border:solid white 1px;
padding: 4px;
font-size:16px;
padding: 0;
}

/*-----------------------------------
typography
...................................*/

      h1, h3, table, th{
      font-weight: bold;
      }
      h1, h3, table, th{
      text-align:center;
      }
      h1, h3, .si, table{
      text-indent: 0;
      }
h1 {

  font-size: 1.875rem;
}
header h2 {

  font-size: 1.875rem;
}

h3 { font-weight: normal;
  font-style: italic;
 }

h4{
margin:0;
padding:0;
font-size:0.5rem;
}

  table{

color: #3C0000;
  background-color: #F7F1E1;
  border-color: #FEE1C7;
} 
    
      
        td:hover { 
  background: #EDDFBA;
      }

th{
	background-color: #ECDEB9;
text-align:center;
font-size: 1.125rem; 
padding:10px ;
}
/*-----------------------------------------
pseudo classses
-------------------------------------*/
.th1{
padding:10px 0  10px 0;
}
.th2{
padding:10px;
text-align:center;
}
 .T2 {
    font-size: smaller;
    vertical-align: text-top;
      }  
hr{
margin: 10px 0;
background-color: blue;
color: blue;
height: 4px; 
width: 100%;
}
 .nar{
      font-family:Arial Narrow, serif;
      }
.tab1{
border: solid transparent;
   background-image: url(http://www.cmpp.ch/fond4.jpg);
height:267px;
width:357px;
max-width:100%;
}

.tab2{
height:56px;
width:501px;
max-width:30%;
border: solid white 4px;
border-spacing:10px transparent; 

}
.tab3{
height:200px;
width:501px;
border-spacing:4px transparent;
border: solid white 4px;
max-width:30%;
}
.l7{
font-size:2.875rem;
}
.pdf{
height:37px;
width:31px;
text-align:center;
}
.epub{
height:30px;
width:30px;
text-align:center;
}
 .footer{
      display:flex;
        flex-direction:column;
       
        flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
    margin-right: auto;
      flex:  0 1 auto;
    
      }
/*------------------------------------
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; 
}