/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/  
body #content{
    min-height: 100%;
   
  
}
                                                       /*zone 1*/                                               
#za1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
} 
#za1 .banniere{
    text-align: center;
    width: 100%;
    height: auto;
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
    margin: 0 auto;
}
#za1 h4{
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify;
    width: 95%;
    margin: 0 auto;
    line-height: 35px;
    font-size: 18px;
}

/* code de la zone 2 texte témoignage*/

/* Code général de la zone témoignage*/
#za2 {
    width: 100%;
    height: auto;
    background-image: linear-gradient(to top, #fafafa 0%, white 100%);
} 

                                                            /* boite zone 2 */

#za2 .box2 {
    padding-top: 50px;
    width: 90%; 
    height: auto;
    text-align: center;
    margin: 0 auto;
}
#za2 .box2 p{
    padding: 12px;
    font-family: arial;
    font-size: 25px;
    text-align:justify ;
    line-height: 50px;
}
                                                                /* Titre T1 */

#za2 .box2 .t1{
  width: 100%;
  height: auto;
  background-color: #4158D0;
 background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);    
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 50px;
}
#za2 .box2 .t1 h2{
    color: rgb(255, 255, 255);
}

@media screen and (max-width:800px){
    #za1 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding-top: 50px;
    } 
   
    #za1 h4{
        color: #fff;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: justify;
        width: 95%;
        margin: 0 auto;
        line-height: 35px;
        font-size: 15px;
        font-family: 'lucida Sans';
    }
   
                                                                /* boite zone 2 */
    
    #za2 .box2 {
        padding-top: 50px;
        width: 90%; 
        height: auto;
        text-align: center;
        margin: 0 auto;
    }
                                                                /* Titre T1 */
    
    #za2 .box2 .t1{
      width: 100%;
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      border-radius: 50px;
    }
    #za2 .box2 .t1 h2{
        text-shadow: 3px 3px 3px rgb(141, 141, 141);
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-family: 'lucida Sans';
        font-weight: bold;
    }
    #za2 .box2 p{
        padding: 12px;
        font-family: 'lucida Sans';
        font-size: 15px;
        text-align:justify ;
        line-height: 30px;
    }
       
}