/*--------------------------
author: webmaster cmpp.ch
date: 02.01.2025
version 1.1
--------------------------*/

body {
  font-family:  Arial, sans-serif;
  margin: 10px 40px 40px 40px;
 padding: 10px;  
  text-align: justify;
  font-size: 18px;
  color: black;
  background-color: white;
text-indent: 0;
background-image: url(http://www.cmpp.ch/fond4.jpg);
}
.head{
text-align: center;
padding:0;
}
header{
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%;
}
main{
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{
padding: 10px 0 0 0 ;
}
article h2{
padding: 10px 0;
}



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;
max-width:100%;
}
/*------------------------
typography
------------------------*/
h1 {
 
  font-size: 30px;
}
h2 {
  font-size: 18px;
padding: 20px 0;
}
h3 {
  font-size: 18px;
 font-style: italic;
padding: 10px 0;
margin:0;
 
}
h4{
font-size: 10px;
margin:0;
padding:0;
}
h1, h2, h3, h4, .ctr, .table{
text-align: center;
}
h1, h2, h4{
font-weight: bold;
}
 .times{
      font-family: Times New Roman, serif;
      }
main{
padding: 0;
}
main h2{
font-size: 25px;
padding: 10px 0;
}

hr{
 height: 4px; 
width: 100%;
background-color: #FF8040;
border: 0;
margin: 20px 0;
}
 


/*--------------------------------------------
tableaux
----------------------------------------*/
footer .table1{
height:85px;
width:501px;
border: 4px solid salmon;
text-align:center;
border-spacing: 4px;
max-width:100%;
background-color: #F7F1E1;
  }


footer .tab1{
text-align: center;
font-weight: bold;
background-color: #FFDCB9;
  border:4px solid salmon;
height:200px;
width:600px;
max-width: 100%;

}
.tdh{
height:35px;
width:167px;
border-spacing: 4px;
padding:5px;
border: 1px solid salmon;
}
   .tdh:hover { 
  background: #EDDFBA;
      }
    .td3{
border:1px solid salmon;
padding:5px;
width:300px;
}
.td3:hover{
background: #FFB66C;
}
.tr1{
background-color:#ECDEB9;
border-color:#FF8040;
color: black;
text-align:center;
font-size:20px;
}
.tr2{
background-color:#FFB66C;
border:1px solid #FF8C1A;
color: #3C0000;
text-align:center;
font-size:18px;
}
     .td2{
    background-color:#ECDEB9;
      border: 2px, solid, #FF8040;
      text-align: center;
      font-size:1em;
border-spacing: 4px;
padding:2px;
    }
.td3{
background-color:#FFDCB9;
height:40px;
width:250px;
border-spacing: 4px;
padding:2px;
border:2px, solid, #FF8040;
}
.th1{
border:1px solid #FF8040;
padding:5px;
height:40px;
}
.th2{
border:1px solid #FF8040;
padding:5px;
font-size:26px;
height:40px;
}
/*-------------------------------
pseudo class
------------------------------*/
.T2 {
    font-size: smaller;
    vertical-align: text-top;
}


.vec{
text-align: center;
padding: 0 80px;

}

.T2 {
    font-size: smaller;
    vertical-align: text-top;
}
.nar{
font-family: Arial Narrow, sans-serif;
}

      .flex{
       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{
      display:flex;
        flex-direction:column;
      flex-wrap:nowrap;
        justify-content:center;
        align-items:center;
         margin-left: auto;
         margin-right: auto;
        flex:  0 1 auto;
    
      }
.pdf{
height:37px;
width:31px;
text-align:center;
}
.epub{
height:30px;
width:30px;
text-align:center;
}


.f6{
font-size:30px;
font-weight:bold;
}
.f5{
font-size:24px;
font-weight:bold;
}
/*-------------------------------
         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; 
}