p
{
    text-indent: 5%;
}




/** NAVBAR **/

.navbar{
 background-color: #393c63;

}

.on
{
    color: white !important;
}


/********** Accueil ************/

.intro{

    margin-top: 5%;
}

@media screen and (max-width: 720px)
{
    .intro{

        margin-top: 15%;
    }


    .logointro
    {
        margin-left:17%;
        margin-top: -5%;
       
        height: 60%;
        width: 80%;
       
    }
}

.titreaccueil
{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}


.imageintro
{
    border-radius: 2%;
    margin-left: 10%;
}



@media screen and (max-width: 720px)
{
.imageintro
{

    width: 85% !important;
    height: 40% !important;
    border-radius: 2%;
    margin-left: 8%;
    margin-bottom: 5%;
}
}

.h5intro
{
    margin-bottom: 4%;
}


@media screen and (max-width: 720px)
{
.textpresta
{
    margin-top: 5% !important;
}
}



.info
{
    padding-bottom: 3%;
}



/********** Facade *************/

.facade
{
    margin-top: 5%;
}

@media screen and (max-width: 720px)
{
    .facade
{
    margin-top: 15%;
}
}


.facadetext .facadeh3 
{
    padding-top: 5%;
    padding-left: 5%;
}


.facadetext .list2
{
    padding-left: 15%;
}






/********** toiture *************/

.toiture
{
    margin-top: 5%;
}

@media screen and (max-width: 720px)
{
    .toiture
{
    margin-top: 15%;
}
}



.toituretext .h3 
{
    padding-top: 5%;
    padding-left: 5%;
}


.toituretext .list
{
    padding-left: 15%;
}




/********** contact *************/

.contact
{
    margin-top: 5%;
    margin-bottom: 8%;
}

@media screen and (max-width: 720px)
{
    .contact
{
    margin-top: 15%;
    margin-bottom: 8%;
}
}

.contacticon a 
{
    color: #212529 !important;
}

.contacticon
{
    text-align: center;
}



.form
{
    margin-bottom: 3%;
}



/********** Redirect ************/


.redirect
{
    margin-top: 5%;
    margin-bottom: 25%;
}


.reply
{
    color: #212529 !important;
    padding: 48%;
}

@media screen and (max-width: 720px)
{
    .redirect
{
    margin-top: 15%;
    margin-bottom: 8%;
}



.reply
{
    color: #212529 !important;
    padding: 42%;
}

}


/********** Mention ************/

.mention
{
    margin-top: 5%;
    margin-bottom: 8%;
}


@media screen and (max-width: 720px)
{
    .mention
{
    margin-top: 15%;
    margin-bottom: 8%;
}

}




/********** footer *************/
footer
{
    background-color: #6469b1;
}

footer a{
    color: white !important;
}

.footer1
{
    color: white;
    
}

.titrefooter
{
    color: white;
    font-weight: bold;
}

.footer-copyright
{
    color: white;
    background-color: #393c63;
}




/******** Call Button *********/

.button {
    visibility: hidden;
    background-color : #31B0D5;
    color: white;
    padding: 1%;
    border-radius: 50%;
    border-color: #46b8da;
  }
  
  #mybutton {
    position: fixed;
    bottom: 5%;
    left: 82%;
  }

@media screen and (max-width: 720px)
{
.button {
    visibility: visible !important;
    background-color : #6469b1;
    color: white;
    padding: 15%;
    border-radius: 50%;
    border-color: #6469b1;
  }
  
  #mybutton {
    position: fixed;
    bottom: 5%;
    left: 75%;
  }
}