/* code Footer: zone */
    .footer1{
        text-align: center;
        margin: 0 auto;
        background-color: rgb(255, 255, 255);
        width: 100%;
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .footer1 div{
        display: inline-block;
        vertical-align: top;
    
    
        
    }
    
                                                                /* container tailles */
    .container1{
        width:300px;
        height: auto;
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: justify;
        margin:10px;
    }
    .container2{
        width:300px;
        height: 300px;
        padding-top: 10px;
        margin:10px;
    
        
    }
    .container3{
        width:300px;
        height: 300px;
        text-align: center;

    
    }
    .container3 .logo{
        margin: 0 auto;
    }
                                                            /* titre global */
                                                        /* Tout les section:titre */
    .footer1 h2 {
        color: rgb(83, 83, 83);
        font-family: 'Lucida Sans';
        font-size: 17px;
    }
    .footer1 .links h2{
        margin-left: -40px;
        color: rgb(83, 83, 83);
    }
    
                                                            /* container: about */
                                                        /* Code section 1: about*/
    
                                                                /* paragraphe */
    /* paragphe hors span */
    .footer1 .container1 .about p{
        font-family: 'Lucida Sans';
        text-align: justify ;
        color: black;
        font-size: 13px;
    }
    /* paragphe avec span */
    .footer1 .container1 .about span{
        font-family: 'Lucida Sans';
        text-align: justify ;
        color: black;
        line-height: 12px;
        font-size: 13px;
    }
    /* idem span 2 */
    .footer1 .container1 .about span2{
        font-family: 'Lucida Sans';
        text-align: justify ;
        color: black;
        line-height: 12px;
        font-size:  13px;
    }
                                                                /* coordonnées */
        /* mise en forme hors lien a*/
    .footer1 .container1 .about .contact span{
        display: block;
        font-size: 1.0em;
        margin-bottom: 8px;
        font-family: 'Lucida Sans';;
        text-align: left;
        color: black;   
        margin-bottom: 10px;
        font-size:  13px;
    }
        /* mise en forme avec lien a*/ 
        
        .footer1 .container1 .about .contact a{
        display: block;
        font-size: 1.0em;
        margin-bottom: 8px;
        font-family: 'Lucida Sans';
        text-decoration: none;
        text-align: left;
        color: black; 
        line-height: 18px;  
    }
        
    
    
                                                        /* Container2: les liens */

                                                                /* les liens */
    .footer1 .container2 .links ul a {
    text-align: justify;
    margin-left: 8px;
    line-height: 35px;
    font-family: 'Lucida Sans';
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: rgb(71, 71, 71);
    list-style-type: none;
    font-weight: bold;
    margin-top: -10px;
    
    }
    
    .footer1 .container2 .links ul a:hover{
        color: rgb(20, 122, 255);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    
    }
    /* position et design des icones */
    /* facebook */
    .footer1 .container1 .about .socials span1 a{
        width: 45px;
        height: 35px;
        padding-top: 5px;
        margin-right: 5px;
        text-align: center;
        display: inline-block;
        font-size: 1.3em;
        border-radius: 5px;
        color: rgb(0, 99, 247);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-top: 20px;
        text-decoration: none;
    }
    
                                                                /* Youtube */
    .footer1 .container1 .about .socials span2 a{
    
        width: 45px;
        height: 35px;
        padding-top: 5px;
        margin-right: 5px;
        text-align: center;
        display: inline-block;
        font-size: 1.3em;
        border-radius: 5px;
        color: rgba(247, 0, 0, 0.788);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-top: 20px;
        text-decoration: none;
    }
    
                                                                    /* Paypal */
    .footer1 .container1 .about .socials span3 a{
    
        width: 45px;
        height: 35px;
        padding-top: 5px;
        margin-right: 5px;
        text-align: center;
        display: inline-block;
        font-size: 1.3em;
        border-radius: 5px;
        color: rgba(0, 156, 247, 0.788);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-top: 20px;
        text-decoration: none;
    }
                                                                    
                                                                    
    
                                                                /* footer: bottom */
                                                    
    .footer2 .footer-bottom p{
        font-family: 'Lucida Sans';
        font-size: 12px;
        color: rgb(78, 78, 78);
        background-color: #f7f7f7;
        width: 100%;
        height: 60px;
        text-align: center; 
        bottom: 0px;
        left: 0px;
        padding-top: 20px;
    }
    /* effet sur mon nom */
    .footer2 .footer-bottom a{
        font-family: 'Lucida Sans';
        font-size: 12px;
        color: rgb(78, 78, 78);
        text-decoration: none;  
    }

    @media only screen and (max-width:800px){
     
        
        .container3{
       
         text-align: center;
        }  
        .container3 .logo {
            margin-left: 50px;
        } 
                                        /* Container2: les liens */                                                /* Container2: les liens */
        /* titre */
        .container2{
            width:300px;
            height: 300px;
            padding-left: 8px;
            text-align: justify;
            
        }
        .footer1 .container2 h2{
            color: rgb(49, 49, 49);
            font-family: 'Lucida Sans';
            text-align: justify;
            margin-left: 5px;
            
        }
        /* les liens */
        .footer1 .container2 .links ul a {
        text-align: justify;
        margin-left:5px;
        line-height: 30px;
        font-family:'Lucida Sans';
        display: block;
        text-decoration: none;
        color: rgb(71, 71, 71);
        list-style-type: none;
        font-size: 12px;
        }
        
        .footer1 .container2 .links ul a:hover{
            color: rgb(20, 122, 255);
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        
        }
        
        /* footer: bottom */
        
        .footer2 .footer-bottom p{
            font-family: 'lucida Sans';
            color: rgb(99, 99, 99);
            font-size: 12px;
            width: 100%;
            height: 60px;
            text-align: center; 
            padding-top: 20px;
           
            
        }
        
    
    }