:root 
{
    --bs-link-color: #b76e79 !important;
}



body
{
    background-image:url("../medias/background.jpg") ;
    background-position: center center;
}


h1
{
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    
    padding:20px;

    border-top:3px solid #b76e79;
    border-bottom:3px solid #b76e79;

    text-align:center;

}


label
{
    color:#000000;
    font-size:17px;
}

a
{
    text-decoration:none;
}

table
{
    margin-top:50px;
}


table tr td
{
    background-color:#ffffff !important;

    text-transform:uppercase;

    font-size:15px;
}



#main-container
{
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.95));
    border:1px solid #ffffff;
    border-radius:10px;

    margin-top:10px;
    margin-bottom:10px;
    padding:50px;


    min-height:100vh;
}




.button-for-landing-page
{
    border:3px solid #b76e79;
    border-radius:5px;
    height:130px;

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255,1));

    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;

    margin:10px 0px !important;

}

a .button-for-landing-page, a:hover .button-for-landing-page, a:link .button-for-landing-page
{
    color:#b76e79;
    text-decoration:none;
}



/*** réponse ****/

#response .space-response
{
    background-image: linear-gradient(to bottom, rgba(183, 110, 121, 0.95), rgba(183, 110, 121,1));
    color:#ffffff;
    margin:12px 0px;
    padding:12px 12px;

    font-size:16px;
    text-align:center;

}




/* zone active pour les actions du client */

.area-client-active-button
{
    background-image: linear-gradient(to bottom, rgba(183, 110, 121, 0.55), rgba(183, 110, 121,0.39));

    padding:25px 12px ;

    border-radius:15px;
}

.area-client-active-button h2
{
    font-size:18px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;

}


.area-client-active-button .button-for-landing-page
{
    border:3px solid #b76e79;
    border-radius:5px;
    height:110px;

    background-image: linear-gradient(to bottom, rgba(183, 110, 121, 1), rgba(183, 110, 121,1));
    color:#ffffff !important;

    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;

    text-decoration:none;


    margin:10px 0px !important;

}









/* formulaire */

input.form-control, select.form-control
{
    height:65px !important;
}

textarea.form-control
{
    height:250px !important;
}


.btn-style, .btn-style:hover
{

    font-size:17px;
    text-transform:uppercase;
    color:#000000;
    background-color:#b76e79;
    border:1px solid #b76e79;
    border-radius:0px;
    padding: 10px 25px;

    text-decoration:none;
    
}


.btn-menu-top-header, .btn-menu-top-header:hover
{
    position:relative;
    top:-7px;
    font-size:17px;
    text-transform:uppercase;
    color:#000000;
    font-weight:normal;
    background-color:#ffffff;
    border:1px solid #dba863;
    border-radius:10px;
    padding: 10px 15px;

    text-decoration:none;
   
}


/* MODAL */

.space-product 
{

    margin-bottom:30px;
    padding:20px 5px;
}

.space-product h5
{
    font-size:17px;
    font-weight:bold;
    text-transform:uppercase;
    color:#000000;
    
}


.space-product .price
{
    font-size:23px;
    color:#b76e79;
    margin-bottom:10px;
    
}


/* DEVIS */


.information-total
{
    padding:10px;
    border:1px solid #787878 ;
    font-size:22px;
}

.information-element
{
    background-color:#ececec;
}

.information-total-price
{
    padding:10px;

    color:#000000;
    font-weight:bold;
    font-size:25px;
    text-transform:uppercase;

    border:1px solid #787878 ;
}


/* Fiche cliente */

.space-information
{
    border:1px solid #787878;
    margin-bottom:10px;
    padding:15px;
}

.space-information .information-user
{
    font-size:11px;
    margin-bottom:10px;
    font-weight:bold;

}

.space-information .information
{
    font-size:13px;
}