/* ---page professionel ---*/
#page-professionel {
    margin-top: 40px;
    margin-bottom: 40px;
}
#page-professionel h2 {
    color: #cfaa3d;
    font-size: 26px;
    padding: 40px;
    text-align: center;
}
#page-professionel a {
    color: #28356c !important;
}

#page-professionel .description {
    color: #28356c;
    font-weight: 500;
    line-height: 28px;
    padding: 20px;
    margin-top: 55px;
}

#page-professionel .box-professionel {
    border: 12px solid #cfaa3d;
    height: 170px;
    margin: 50px;
}
/* ---/page professionel ---*/

/* ---page revendeurs ---*/
.page-revendeur {
    margin-top: 40px;
    width: 94%;
    margin: auto;
}
.page-revendeur .title-revendeur {
    text-align: center;
    color: #cfaa3d;
    font-size: 26px;
    font-family: "Homemade Apple", cursive;
    margin-bottom: 40px;
    margin-top: 130px;
}
.page-revendeur .title-revendeur-un {
    margin-top: -23px;
}

.page-revendeur h2 {
    font-weight: bold;
    color: #28356c;
    font-size: 20px;
    font-family: "Montserrat", sans-serif !important;
    padding-top: 60px;
}
.box-revendeur h2{
    padding-top: 20px !important;
}
.page-revendeur p {
    width: 450px;
}

.page-revendeur .num {
    font-weight: bold;
    color: #28356c;
    font-size: 40px;
    margin-right: 10px;
}

.page-revendeur {
    color: #28356c;
}

.page-revendeur img {
    width: 380px !important;
    height: 250px;
    padding-top: 20px;
    margin-left: 40px;
}

.page-revendeur .row {
    margin-top: 60px;
}
.page-revendeur .box-revendeur {
    border: 12px solid #cfaa3d;
    margin-top: 90px;
    width: 100%;
    padding: 20px 35px;
    margin-bottom: 50px;
}
.page-revendeur .box-revendeur p {
    width: 100%;
    padding-left: 20px;
}
.page-revendeur .box-revendeur h2 {
    color: #cfaa3d;
    font-size: 26px;
    font-family: "Homemade Apple", cursive !important;
}
.page-revendeur .text-formulaire {
    margin-top: 100px;
    margin-bottom: 100px;
}
.page-revendeur .text-formulaire p {
    width: 100%;
    padding-top: 15px;
    font-size: 16px;
    margin-bottom: 50px;
}
.page-revendeur .text-formulaire a {
    color: #28356c;
}
.page-revendeur .text-formulaire strong {
    display: inline-block;
}
.page-revendeur .text-formulaire strong::after {
    content: "";
    height: 2px;
    width: 100%;
    display: block;
    background-color: #28356c;
}
#form-revendeur {
    margin: 0 auto;
}
#form-revendeur label {
    display: block;
    text-align: right;
    color: #28356c;
    font-weight: 500;
}
#form-revendeur .form-input,
#form-revendeur textarea {
    width: 70%;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #1787f7;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out; box-shadow 0.15s ease-in-out;
}
/* .form-group {
    display: flex;
} */
/* ---/page revendeurs ---*/


/* ---page séminaire ---*/
#page-seminaire {
    width: 94%;
    margin: 40px auto 60px auto; 
    color: #28356c;
}
#page-seminaire .title-seminaire {
    text-align: center;
    color: #cfaa3d;
    font-size: 26px;
    font-family: "Homemade Apple", cursive;
    margin-bottom: 40px;
    margin-top: 130px;
}
#page-seminaire .subtitle {
    text-align: center;
    font-weight: 500;
    color: #28356c;
    font-size: 20px;
    font-family: "Montserrat", sans-serif !important;
}
#page-seminaire p{
    max-width: 70%;
    margin: auto;
}

#page-seminaire img{
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 3px;
    width: 100%;
    height: 398px;
}
#page-seminaire .arguments{
    max-width: 70%;
    margin: 50px auto;
}
#page-seminaire .sous-title{
    color: #cfaa3d;
    font-size: 24px;
    font-family: "Homemade Apple", cursive;
    padding-top: 25px;
}
#page-seminaire .arg{
    max-width: 90%;
    margin: 0;
    width: 100%;
}


#page-seminaire .title-event{
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

#page-seminaire .text-event{
    font-weight: 500;
    font-size: 14px;
}

#page-seminaire .fs-12{
    font-size: 14px;
}

/* ---/page séminaire ---*/


@media screen and (max-width: 360px) {
    .citation {
        font-size: 18px !important;
        line-height: 42px !important;
    }
    .author {
        font-size: 12px !important;
    }
    #page-professionel h2 {
        font-size: 17px !important;
        padding: 34px !important;
    }
    .page-revendeur img {
        margin-left: 0px !important;
    }
    .page-revendeur p {
        width: 290px;
    }
    .pt-xs-0{
        padding-top: 0 !important;
    }
    .my-xs-10{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

}