/*--------------------------
author: webmaster cmpp.ch
date: 02.01.2025
version 1.1
--------------------------*/
/*--------------------------------
typography
--------------------------------*/
      body{
    font-family: Arial, sans-serif;
      font-size: 18px;
      text-align: justify;
      margin:40px;
      color:black;
      background-color: white;
      background-image:url(http://www.cmpp.ch/fond9.jpg);
      }
a{
color:cyan;
}     
 h1{
      
        color: #00CCFF;
        font-weight: bold;
        text-align:center;
        font-size: 32px;
padding: 20px 0;
      }
      h2{
        text-align:center;
        font-weight:bold;
        font-size: 18px;
        color: #000066;
      }
    .f5{
font-size:24px;
font-weight:bold;
}
/*-----------------------------------
classes
-------------------------------------*/   
table{
      background-image:url(http://www.cmpp.ch/fond8.jpg);
        text-align:center;
        font-family: Arial, sans-serif;
        margin: 40px 0;
      }
   th{
      color: #00FFFF;
        background-color:#0033FF;
        text-align:center;
       font-weight: bold;
        font-size:24px;
padding:10px;
      }
   
      hr{
  width:740px;
max-width:100%;
background:rgb(100,182,255);
height:4px;
      }


header, main, article, 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%;
}
header table{
width:700px;
max-width:100%;
height:80px;
text-align:center;
color:#000066;
border: rgb(252,182,108) thick ridge; 
padding:5px; 
}
header td{
padding:10px;
}
main table{
width:740px;
max-width:100%;
text-align:center;
border:4px solid rgb(252,182,108);
}
article table{
width:740px;
max-width:100%;
text-align:center;
border: 4px solid rgb(100,182,255);
}
article h2{
font-size:10px;
padding:0; 
margin:0;
}
footer table{
border: 4px solid rgb(100,182,255);
width:600px;
height:200px;
max-width:100%;
text-align:center;
}
/*------------------------
pseudo classes
-----------------------*/
   .td1:hover{
      background: #0033FF;
      }
 .td2:hover{
      background: #0033FF;
      }
.T2{

    font-size: smaller;
    vertical-align: text-top;

}
.td2{
height:35px; 
width:370px;
}
      .td1{
      background-color: #000099;
        color:black;
        text-align:center;
       font-weight: bold;
        height:40px;
width:300px;
      }
    .fc{
background-color:#226AFF;
color:#000066;
padding: 40px;
} 
.th2{
color: #00FFFF;
background-color: #0033FF;
font-size:18px;
}
.bc{
color: #00FFFF;
}
.bct{
color: #006262;
text-align:center;
font-weight: bold;
}
.gc{
font-weight: bold;
font-size: 18px;
}
.line{
width:740px;
height:40px;
padding:5px;
}
    .f9{
  background-image:url(http://www.cmpp.ch/fond9.jpg);
}
.tab1{
   padding: 40px; 
text-indent: 20px; 
color:#000066; 
font-size:18px;  
text-align:justify;
} 
      
 .f7{
 background-image:url(http://www.cmpp.ch/fond7.jpg);
  color:#000066;
font-weight: bold;
padding: 40px;
text-align: justify;
}     
   
    .blrou{
background-color: white;
color: red;
text-align:center;
font-weight: bold;
padding: 20px;
font-size: 20px;
}
.f3{
font-size:16px;
}
.f2{
font-size:14px;
}
.line2{
height:35px;
width:370px;
}
/*-------------------------------------------
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; 
}