/* ADD RESET */

/* FONT */

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('../fonts/BebasNeueBook.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'PTSans';
    src: url('../fonts/PTSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

li {
    list-style-type: none;
}

/* cms */

body,
body.mce-content-body  { color:#444; }

html {
    font-size: 62.5%; /* Ré-équilibrage du Rem face au Pixel, 1rem == 10px */
    height: 100%;
}

html, body, form, fieldset, button, textarea {
    font-family: 'PTSans', sans-serif;
}

body {
    font-family: 'PTSans', sans-serif;
    font-size: 1.6rem;
}

:root{
    --color1: #e1876d;
    --color2: #55613a;
}

/* separation */
.sep{
    margin: 15px 0;
    height:1px;
    background-color:#d4d8da;
}


/* `Clear Floated Elements */
.wrap,
.clear,
.line,
.row
{
    clear:both;
}

.masque, .hidden {display : none;}


/* Button */
.button {
    display : inline-block;
    position:relative;
    background-color:#77d23b;
    border:1px solid #77d23b;
    color: #fff;
    /*border-radius:3px;*/
    font-size:12px;
    font-weight:normal;
    padding: 8px 15px;
    line-height:1.3;
    cursor:pointer;
    text-align: center;

    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.button.button-vert { background-color:#6cc332; color:#fff; border:1px solid #6cc332;}
.button.button-rouge { background-color:#dd3b59; color:#fff; border:1px solid #dd3b59; }
.button.button-orange { background-color:#f88e13; color:#ffe7cb; border:1px solid #ffb560; }
.button.button-violet { background-color:#92278f; color:#fff; border:1px solid #92278f; }
.button.button-blanc { background-color:#fff; color:#3d3d3d; border:1px solid #3d3d3d; }
.button.button-bleu-clair { background-color:#26AFB8; color:#fff; border:1px solid #26AFB8; padding: 5px 40px; margin-top: 2rem;}

.button.button-vert:hover,
.button.button-vert:focus { background-color:rgba(255,255,255,0.8); color:#6cc332; border:1px solid #6cc332; }

.button.button-rouge:hover,
.button.button-rouge:focus { background-color:rgba(255,255,255,0.8); color:#dd3b59; border:1px solid #dd3b59; }

.button.button-violet:hover,
.button.button-violet:focus { background-color:#fff; color:#92278f; border:1px solid #92278f; }

.button.button-blanc:hover,
.button.button-blanc:focus { background-color:#3d3d3d; color:#fff; border:1px solid #3d3d3d; }

.button.button-bleu-clair:hover,
.button.button-bleu-clair:focus { background-color:rgba(255,255,255,0.8); color:#26AFB8; border:1px solid #26AFB8; }


.button.button-color1 {
    color: #fff;
    background-color: var(--color1);
    font-size: 1.6rem;
    font-family: 'Bebas Neue', sans-serif;
    border: 1px solid transparent;
    padding: 1.2rem 2.2rem;
    margin-top: 2rem;
}
.button.button-color1:hover,
.button.button-color1:focus {
    color: #fff;
    background-color: rgba(225, 135, 109, .5);
    border:1px solid transparent;
}

.button.button-color2 {
    color: #fff;
    background: var(--color2);
    border: none;
    font-size: 1.6rem;
    font-family: 'Bebas Neue', sans-serif;
    padding: 1.2rem 2.2rem;
    margin-top: 2rem;
}
.button.button-color2:hover,
.button.button-color2:focus {
    background-color: rgba(225, 135, 109, .5);
    color: #fff;
    box-shadow: none;
    border: none;
}

.button:hover,
.button:focus,
.news_article .article a:hover .button,
.news_article .article a:focus .button {
    background-color:#fff;
    border: 1px solid #77d23b;
    color: #77d23b;
    text-decoration:none;
}
.news_article .article a .button { text-transform: uppercase; }
.button.btn-small {
    font-size:10px;
    padding: 5px 10px;
}
.button.btn-big {
    font-size:14px;
    padding: 15px 25px;
}

.button.btn-block {
    display:block;
    width:100%;
}
.button.btn-inline {
    display:inline-block;
}
.button.btn-rounded,
.news_article .article a .button.btn-rounded {
    border-radius:30px 0 0 30px;
    border-right:none;
}
.button.btn-rounded:hover,
.button.btn-rounded:focus,
.news_article .article a:hover .button.btn-rounded,
.news_article .article a:focus .button.btn-rounded{
    padding-left: 20px;
    padding-right: 20px;
}

/*** lien ***/
/* Remember "LoVe/HAte" Linking */
a  {
    -ms-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.cms a:not(.button),
.mce-content-body a:not(.button)  {
    color: var(--color1);
    text-decoration: none;
    cursor: pointer;
}

.cms a:not(.button):hover,
.cms a:not(.button):focus,
.mce-content-body a:not(.button):hover,
.mce-content-body a:not(.button):focus { /* ce groupe de s�lecteurs offrira � un navigateur au clavier la m�me exp�rience de survol que celle d'une personne employant la souris. */
    opacity: 0.8;
    text-decoration:none;
}

/*** TITRE ***/
h1,
.h1,
.titre {
    font-size: 4.8rem;
    line-height: 1;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: normal;
    text-transform: none;
    color: var(--color1);
}

h2,
.h2,
.stitre,
.s_titre {
    font-size: 3.8rem;
    line-height: 4rem;
    font-family: 'Bebas Neue Book', sans-serif;
    color: var(--color2);
}

h3,
.h3,
.sstitre,
.ss_titre {
    font-size: 2.8rem;
    line-height: 3rem;
    font-family: 'Bebas Neue', sans-serif;
    color: var(--color2);
}

h4,
.h4,
.ssstitre {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-family: 'Bebas Neue', sans-serif;
    color: var(--color2)!important;
}

h5,
.h5 {
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: 'Bebas Neue', sans-serif;
    color: var(--color1);
}

h6,
.h6 {
    font-size: 1.5rem;
    font-family: 'Bebas Neue Book', sans-serif;
    color: var(--color1);
}

.color1, .color1 a {
    color: var(--color1);
}

.color2, .color2 a {
    color: var(--color2);
}

.strong, .bold {
    font-weight: 700;
}

.vertical_center{
    display: flex;
}
.vertical_center > div,
#grid_builder .vertical_center > div{
    margin-top: auto;
    margin-bottom: auto;
}


/* liste */

#builder .texte_content ul,
#builder .texte_content ol,
.mce-content-body ul,
.mce-content-body ol,
.cms ul,
.cms ol,
.faq_answer ul,
.faq_answer ol {
    line-height: 1.5rem;
    list-style-type: inherit;
}

#builder .texte_content ul li,
#builder .texte_content ol li,
.mce-content-body ul li,
.mce-content-body ol li,
.cms ul li,
.cms ol li,
.faq_answer ul li,
.faq_answer ol li {
    list-style-position: inside;
    margin: 4px auto 4px 20px;
}

#builder .texte_content ol,
.mce-content-body ol,
.cms ol,
.faq_answer ol {
    list-style-type: decimal;
}

.liste li {
    list-style-type: square;
    list-style-position: inside;
    margin-left: 1em;
    padding: 2px 0;
}

/* Table */
.table {
    display: table;
    border: 1px solid #e3e3e3;
    border-collapse: collapse;
    font-size: 1.1rem;
    background-color: #fff;
    color: #3d3d3d;
}

.table-container {
    width: 100%;
    overflow-y: auto;
}

.table th,
.table td {
    border: 1px solid #e3e3e3;
    padding: 5px 10px;
}

.table th {
    padding: 10px 10px;
}

.td {
    display: table-cell;
}

/* Slider pour le builder en association */
#cms .slider_container{
    margin-top: -3rem;
}
#cms ul.noslideshow{
    padding-left: 0;
}

#cms .slider_container .bx-viewport,
#cms .slider_container .slider,
#cms .slider_container .noslideshow,
#cms .slider_container .slide{
    height: 100px!important;
}

/*Accordéon*/

.entete_accordeon,
.ui-accordion .entete_accordeon {
    background: #209cbf none repeat scroll 0 0;
    border: 1px solid #209cbf;
    color: #ffffff;
    font-size: 1.9rem;
    padding: 0.3em 1em;
    border-radius: 0 0 0 0;
}

.mce-content-body h2:after,
.mce-content-body h2.entete_accordeon:after,
.mce-content-body .stitre.entete_accordeon:after {
    border-bottom: none;
    margin: auto;
    width: auto;
    display: inline-block;
}

/* Images */

.cms img {
    height: auto;
    max-width: 100%;
}

/* Responsive pour les videos intégrées par builder pour backo et front  */

#grid_builder .content.type-video,
#form-builder .liste-content .video_content,
#video_home .video_c {
    width: 100%;
    padding-top: 56%;
    height: 0;
    position: relative;
}

#grid_builder .content.type-video .abs_ratio,
#video_home .absolute_c {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#grid_builder .content.type-video iframe,
#form-builder .liste-content .video_content iframe,
#video_home .absolute_c iframe {
    max-width: 100%;
    min-width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    h1,
    .h1,
    .titre {
        font-size: 3.5rem;
    }

    h2,
    .h2,
    .stitre {
        font-size: 3rem;
    }

    h3,
    .h3,
    .sstitre {
        font-size: 1.8rem;
    }

    h4,
    .h4,
    .ssstitre {
        font-size: 1.6rem;
    }

}