/************/
/*polices   */
/************/

@font-face {
    font-family: 'PromptReg';
    src: url('./fonts/prompt/Prompt-Regular.ttf');
}

@font-face {
    font-family: 'PromptBold';
    src: url('./fonts/prompt/Prompt-Bold.ttf');
}

@font-face {
    font-family: 'PromptItalic';
    src: url('./fonts/prompt/Prompt-Italic.ttf');
}

@font-face {
    font-family: 'DancingSript';
    src: url('./fonts/Dancing_Script/DancingScript-Regular.ttf');
}


/******************/
/*Classes CSS    */
/*****************/

.contenu {
    margin: 0;
    padding: 5% 5% 50% 5%;
    background: url(./images/fond15.png);
    background-size: cover;
}

.contenu .telephone {
    float: right;
    background-color: #6852a3;
    padding : 2%;
    color: white;
    font-family:PromptReg;
}


.lienClient {
    font-family: PromptReg;
    font-size: 20px;
    padding-bottom: 20px;
}

.lienClient a{
    color:lightgrey;
}

.lienClient a:hover {
    color:red;
}

.logo {
    padding-top:30px;
    padding-bottom:30px;
}

.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    max-width: 400px;
    max-height: 400px;

}

.description {
    font-family: DancingSript;
    font-size: 30px;
    color: white;
    padding-top: 5%;
    margin-left: auto;
    margin-right:auto;
    width: 50%;
    text-align:left;
}


/***************************/
/*PIED DE PAGE             */
/***************************/

.piedDePage {
    background-color: #6852a3;
    padding: 5% 10% 9% 5%;
}

/*Mise à gauche du téléphone et du texte*/

.piedDePage .telephone {
    float:left;
}

/*image du téléphone*/

.piedDePage .telephone img {

}

/*text téléphone*/

.piedDePage .telephone span{
    font-family:PromptReg;
    color:white;
}

.piedDePage .telephone span a{
    color:white;
}

.piedDePage .telephone span a:hover {
    color:red;
}

/*Mise à droite du courriel et de son texte*/

.piedDePage .email {
    float:right;
}

/*image du courriel*/


/*texte courriel*/
.piedDePage .email span {
    font-family: PromptReg;
    color: white;
}

.piedDePage .email span a {
    color: white;
}

.piedDePage .email span a:hover {
    color: red;
}