{box-sizing: border-box}
 
#texte button {
font-family: Arial,"Comic Sans Ms", verdana;
text-align:center;
color:black;
font-size:19px;

}



/* Style the tab */
div.tab {
    float: left;      
    width: 200px;
    height: auto;
   
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: lightblue;
    color: black;
    
    width: 200px;
    height:199px;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.5s;
    font-size: 17px;
}



/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: rgb(163,201,25);;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: orange;
}

/* Style the tab content */
.tabcontent {
    float: right;    
    padding: 0px 12px;
    position:absolute;
    width: 595px;
    border-left: none;
    height: 590px;
    left:470px;   
    
}



.tabcontent h3, #texte h3{
    text-align:center;
    font-size:22px;
    margin-bottom:20px;
    margin-left:-50px;
    color:rgb(63,165,235);
    font-family:arial, verdana , sans-serif;
}


.tabcontent h4 {
    font-size:20px;
    text-align:center;
    margin-top:100px;
}

.tabcontent a{
    text-decoration:none;   
}



#vie , #psy{    
    width:650px;
    margin-left:-55px;
    margin-top:5px;

  
}

#vie p, #psy p {
    padding:0;    

   
   
     font-family:Arial,verdana , sans-serif;

}

#psy h3 {
    margin-bottom:-30px;
}

#psy h4 {
    padding-bottom:5px;
    font-size:19px;
    margin-bottom:5px;
}

#psy span {
    display:inline-block;
    padding:0;
    font-weight:bold;
    padding:20px 0;
    font-size:17px;
}

#vie article  {
    margin-left:-10px;

}


/* Politique qualité */

#processus, #qualite, #evaluation {
     width:650px;
    margin-left:-55px;
    margin-top:5px;

}

#evaluation p {
    padding:0;   
    margin-top:70px;
    margin-bottom:-20px;
   
}

#processus p {
    padding:0;   
    margin-top:40px;
    
}

#qualite p {
     padding:0;   
    margin-top:40px;
   
}

#evaluation p  {
     padding:0;   
    margin-top:40px;
    padding-bottom:20px;
}

 #processus h3 ,#qualite h3,#evaluation h3{
     color:rgb(63,165,235);
     font-size:26px;
     margin:0 auto;
     margin-top:10px;
     padding:10px;
 }

#processus span {
   padding-left:0px;
   font-size:17px
    
}




.description {
    width:435px;
    position:absolute;
    top:250px;
    margin-left:180px;
    text-align:center;     
    font-weight:bold;

}

.description p {
    font-size:15px;
    position:relative;
    top:50px;
    letter-spacing: -0.05em;
    text-align:justify;
    margin-top:-70px;
    color:rgb(63,165,235);

}


article {
    margin-top:80px;
    font-family:arial,verdana , sans-serif;
    font-size:17px;
  /*  background-color:rgb(240,240,240); */
    padding:10px;
    border-radius:10px;
    margin-bottom:20px;

}



div .processus {
    position:relative;
    left:100px;
}

#processus h3, #qualite h3, #evaluation h3{
    color:black;
}


div .comite {
    position:relative;
    left:50px;
}




#dem a h3 {
    margin-top:120px;
    text-decoration:none;
}

#dem a h3:hover {
    color:rgb(249,134,7);
}

.logo img {
   width:400px;
   height:auto;
   display:block;
   margin:auto;
 
  z-index:0;
 
  top:140px;
}



/* chanson vievas */

.audio {
    position:relative;
    top:10px;
    left:-60px;
    width:100px;    
    height:15px;
    display:block;
    margin:auto;
    cursor:pointer;
}


.audio audio {
    width:180px;
}