/*
* Style pour le thème par défaut de Silicium24
*/

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway'), url("../fonts/Raleway-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Raleway SemiBold';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway SemiBold'), local('Raleway+SemiBold'), url("../fonts/Raleway-SemiBold.ttf") format('truetype');
}
@font-face {
  font-family: 'Raleway Black';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Black'), local('Raleway+Black'), url("../fonts/Raleway-Black.ttf") format('truetype');
}

.material-icons {
  font-size: 24px;
  /*color: #2ECCFA;*/
  vertical-align: middle;
}

:root {
    --color-primary: #333;
    --color-secondary: #555;
    --color-background: #f0f0f0;
    --color-text: #333;
    --color-accent: #007BFF;
    --font-family: 'Raleway', sans-serif;
    --ombre-boite: 0px 2px 5px -1px #00000070;
}
body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    background-color: var(--color-background);
    color: var(--color-text);
    width: 100%;
}
main {
    padding: 0 1em;
}
.limite {
    max-width: 1480px;
    margin: 0 auto;
}
h1{
    font-size: 3em;
    margin: 0.67em 0em 0 0em;
    width: 100%;
    font-family: 'Raleway Black', sans-serif;
}
h2{
    font-size: 2em;
    margin: 0.83em 0em 0 0em;
    width: 100%;
    font-family: 'Raleway SemiBold', sans-serif;
}
h3{
    font-size: 1.17em;
    margin: 1em 0em 0 0em;
    width: 100%;
    font-family: 'Raleway SemiBold', sans-serif;
}
b{
    font-family: 'Raleway SemiBold', sans-serif;
}
strong{
    color: #93c01f;
    font-family: 'Raleway SemiBold', sans-serif;
}
.text-align-left{
    text-align: left;
}
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
/* Style pour le menu de navigation */
#logo{
    padding: 1em 1em;
    text-align: center;
}
#logo img{
    width: 200px;
}
#menu_nav{
    background-color: var(--color-primary);
    color: #fff;
}
#menu_nav #btn_menu{
    display: none;
}
#menu_nav ul#menu_principal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*background-color: #333;*/
    gap: 1em;
    flex-wrap: wrap;
}
#menu_nav ul#menu_principal li{
    padding: 10px 20px;
    border: 0px none;
    background-color: transparent;
}
#menu_nav ul#menu_principal li button{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
    font-family: 'Raleway SemiBold', sans-serif;
}
#menu_nav ul#menu_principal li#logo_menu{
    padding: 10px;
    display: none;
}
#menu_nav ul#menu_principal li#logo_menu img{
    height: 40px;
}

/* Style pour le corps de la page */

/* Slider d'accueil */
#slider_accueil {
    position: relative;
    width: 100%;
    /*height: 400px;*/
}
.bento{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    border-radius: 20px;
    /*box-shadow: var(--ombre-boite);*/
    margin: 20px 0;
    padding: 4px;
    overflow: hidden;
}
.bento.horizontal,.bento_item.horizontal{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /*align-items: center;*/
    gap: 10px 20px;
}
.bento.vertical,.bento_item.vertical{
    display: flex;
    flex-direction: column;
}
.bento.sansbordure{
    box-shadow: none;
    border-radius: 0;
    border: 0px none;
}
.bento_item{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.bento_item_flexible{
    width: 100%;
}
.bento_item_image{

}
.bento_item_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bento.egal > *, .bento_item.egal > *{
    flex: 1;
}
.bg_none{
    background-color: transparent;
}
.bg_none.bg_image{
    background-image: linear-gradient(rgba(255,255,255, 0), rgba(255,255,255, 0)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(255,255,255, 0);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_blanc{
    background-color: #fff;
    color: #333;
}
.bg_blanc.bg_image{
    background-image: linear-gradient(rgba(255,255,255, 0.93), rgba(255,255,255, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(255,255,255, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_rouge{
    background-color: #ff4d4d;
    color: #fff;
}
.bg_rouge.bg_image{
    background-image: linear-gradient(rgba(255, 77, 77, 0.93), rgba(255, 77, 77, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(255, 77, 77, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg_gris_fonce{
    background-color: #333;
    color: #fff;
}
.bg_gris_fonce.bg_image{
    background-image: linear-gradient(rgba(51,51,51, 0.93), rgba(51,51,51, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(51,51,51, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_gris_clair{
    background-color: #ccc;
    color: #333;
}
.bg_gris_clair.bg_image{
    background-image: linear-gradient(rgba(204,204,204, 0.93), rgba(204,204,204, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(204,204,204, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_noir{
    background-color: #000;
    color: #fff;
}
.bg_noir.bg_image{
    background-image: linear-gradient(rgba(0,0,0, 0.93), rgba(0,0,0, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(0,0,0, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_rose{
    background-color: #dc4d69;
    color: #FFF;
}
.bg_rose.bg_image{
    background-image: linear-gradient(rgba(220,77,105, 0.93), rgba(220,77,105, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(220,77,105, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_bleu{
    background-color: #1FABE2;
    color: #fff;
}
.bg_bleu.bg_image{
    background-image: linear-gradient(rgba(31,171,226, 0.93), rgba(31,171,226, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(31,171,226, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_vert{
    background-color: #93c01f;
    color: #fff;
}
.bg_vert.bg_image{
    background-image: linear-gradient(rgba(147,192,31, 0.93), rgba(147,192,31, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(147,192,31, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_vert_fonce{
    background-color: #25a851;
    color: #fff;
}
.bg_vert_fonce.bg_image{
    background-image: linear-gradient(rgba(37,168,81, 0.93), rgba(37,168,81, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(37,168,81, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg_orange{
    background-color: #f8af3c;
    color: #fff;
}
.bg_orange.bg_image{
    background-image: linear-gradient(rgba(248,175,60, 0.93), rgba(248,175,60, 0.93)),
                     url('../../../contenu/images/circuits-4.webp');
    /*background-color: rgba(248,175,60, 0.93);
    background-image: url('../../../contenu/images/circuits-4.webp');
    background-blend-mode: multiply;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bento-ombre{
    box-shadow: var(--ombre-boite);
}
.texte_blanc{
    color: #fff;
}
.texte_bleu{
    color: #1FABE2;
}
.texte_vert{
    color: #93c01f;
}
.texte_orange{
    color: #f8af3c;
}
.texte_rose{
    color: #dc4d69;
}
.texte_gris_fonce{
    color: #333;
}
.texte_vert_fonce{
    color: #25a851;
}
.m-0{
    margin: 0;
}
.m-1{
    margin: 1em;
}
.m-2{
    margin: 2em;
}
.m-3{
    margin: 3em;
}
.mt-0{
    margin-top: 0;
}
.mb-0{
    margin-bottom: 0;
}
.mt-1{
    margin-top: 1em;
}
.mb-1{
    margin-bottom: 1em;
}
.mt-2{
    margin-top: 2em;
}
.mb-2{
    margin-bottom: 2em;
}
.mt-3{
    margin-top: 3em;
}
.mb-3{
    margin-bottom: 3em;
}
.p-0{
    padding: 0;
}
.p-1{
    padding: 1em;
}
.p-2{
    padding: 2em;
}
.p-3{
    padding: 3em;
}
.p-4px{
    padding: 4px;
}
.pt-0{
    padding-top: 0;
}
.pb-0{
    padding-bottom: 0;
}
.pt-1{
    padding-top: 1em;
}
.pb-1{
    padding-bottom: 1em;
}
.pt-2{
    padding-top: 2em;
}
.pb-2{
    padding-bottom: 2em;
}
.pt-3{
    padding-top: 3em;
}
.pb-3{
    padding-bottom: 3em;
}
.pg-1{
    padding-left: 1em;
}
.pg-2{
    padding-left: 2em;
}
.pg-3{
    padding-left: 3em;
}
.pd-1{
    padding-right: 1em;
}
.pd-2{
    padding-right: 2em;
}
.pd-3{
    padding-right: 3em;
}

/* Marge et padding pour mobile seulement */
.m-0-mobile{
    margin: 0;
}
.m-1-mobile{
    margin: 1em;
}
.m-2-mobile{
    margin: 2em;
}
.m-3-mobile{
    margin: 3em;
}
.mt-0-mobile{
    margin-top: 0;
}
.mb-0-mobile{
    margin-bottom: 0;
}
.mt-1-mobile{
    margin-top: 1em;
}
.mb-1-mobile{
    margin-bottom: 1em;
}
.mt-2-mobile{
    margin-top: 2em;
}
.mb-2-mobile{
    margin-bottom: 2em;
}
.mt-3-mobile{
    margin-top: 3em;
}
.mb-3-mobile{
    margin-bottom: 3em;
}
.p-0-mobile{
    padding: 0;
}
.p-1-mobile{
    padding: 1em;
}
.p-2-mobile{
    padding: 2em;
}
.p-3-mobile{
    padding: 3em;
}
.pt-0-mobile{
    padding-top: 0;
}
.pb-0-mobile{
    padding-bottom: 0;
}
.pt-1-mobile{
    padding-top: 1em;
}
.pb-1-mobile{
    padding-bottom: 1em;
}
.pt-2-mobile{
    padding-top: 2em;
}
.pb-2-mobile{
    padding-bottom: 2em;
}
.pt-3-mobile{
    padding-top: 3em;
}
.pb-3-mobile{
    padding-bottom: 3em;
}


.m-0-desktop{
    margin: unset;
}
.m-1-desktop{
    margin: unset;
}
.m-2-desktop{
    margin: unset;
}
.m-3-desktop{
    margin: unset;
}
.mt-0-desktop{
    margin-top: unset;
}
.mb-0-desktop{
    margin-bottom: unset;
}
.mt-1-desktop{
    margin-top: unset;
}
.mb-1-desktop{
    margin-bottom: unset;
}
.mt-2-desktop{
    margin-top: unset;
}
.mb-2-desktop{
    margin-bottom: unset;
}
.mt-3-desktop{
    margin-top: unset;
}
.mb-3-desktop{
    margin-bottom: unset;
}
.p-0-desktop{
    padding: unset;
}
.p-1-desktop{
    padding: unset;
}
.p-2-desktop{
    padding: unset;
}
.p-3-desktop{
    padding: unset;
}
.pt-0-desktop{
    padding-top: unset;
}
.pb-0-desktop{
    padding-bottom: unset;
}
.pt-1-desktop{
    padding-top: unset;
}
.pb-1-desktop{
    padding-bottom: unset;
}
.pt-2-desktop{
    padding-top: unset;
}
.pb-2-desktop{
    padding-bottom: unset;
}
.pt-3-desktop{
    padding-top: unset;
}
.pb-3-desktop{
    padding-bottom: unset;
}

.sansbordure {
    border: 0px none;
    box-shadow: none;
    border-radius: 0;
}
button.bouton{
    border: none;
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
}
button.bouton:hover{
    filter: brightness(1.2);
}
button .icon_btn {
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
.liste_sans_puce{
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.8em;
}
.liste_sans_puce li{
    display: flex;
    align-items: center;
}
.liste_sans_puce li .material-icons{
    margin-right: 5px;
}
/* Slider */
.slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    position: relative;
}

.slide img {
    width: 100%;
    /*height: 400px;*/
    object-fit: cover;
    display: block;
}

.slide-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 18px;
}

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 1em);
    display: flex;
    justify-content: space-between;
    padding: 0 0.5em;
}

.slider-nav button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.slider-nav button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.slider-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s;
}
#prestations .bento_item{
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: space-between;
    text-decoration: none;
}
#prestations .bento_item:hover{
    filter: brightness(1.1);
    transform: translateY(-2px);
}

#prestations .prestation_image{
    /*position: absolute;
    top: 20px;
    left: 20px;*/
    width: 100%;
    min-width: 150px;
    height: 100%;
    object-fit: cover;
    position: relative;
    display: inline-block;
}
#prestations .bg_bleu .prestation_image::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(30, 60, 120, 0); /* couleur + transparence */
}
#prestations .bg_rose .prestation_image::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 105, 180, 0); /* couleur + transparence */
}
#prestations .bg_vert .prestation_image::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 128, 0, 0); /* couleur + transparence */
}
#prestations .bg_vert_fonce .prestation_image::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 100, 0, 0); /* couleur + transparence */
}
#prestations .bg_orange .prestation_image::after{
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 165, 0, 0); /* couleur + transparence */
}
#prestations .prestation_description{
    padding: 20px;
}
#prestations .prestation_image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.liste_clients {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.liste_clients .logo_client{
    width: 100%;
    max-width: 150px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 0px;
    box-shadow: var(--ombre-boite);
}
.liste_clients .logo_client img{
    width: 100%;
    height: auto;
    display: block;
}
.liste_clients a img:hover{
    filter: brightness(1.1);
}
.liste_clients .logo_client:hover{
    filter: brightness(1.1);
    transform: translateY(2px);
}
#formulaire_contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#formulaire_contact #contact-form {
  border-radius: 12px;
  width: 100%;
  max-width: 480px;
}

#formulaire_contact .field {
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
}

#formulaire_contact label {
  font-size: 14px;
  margin-bottom: 6px;
  color: #333;
}

#formulaire_contact input, #formulaire_contact textarea {
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
}

#formulaire_contact input:focus, #formulaire_contact textarea:focus {
  outline: none;
  border-color: #4f46e5;
}

#formulaire_contact .error {
  color: #dc2626;
  font-size: 13px;
  margin-top: 4px;
  min-height: 16px;
}

/* Honeypot : caché hors écran, pas en display:none */
#formulaire_contact .hp-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

#formulaire_contact button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
  margin-top: 8px;
}

#formulaire_contact button:hover {
  filter: brightness(1.2);
}

#formulaire_contact button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#formulaire_contact#form-response {
  margin-top: 14px;
  font-size: 14px;
  text-align: center;
}

#formulaire_contact #form-response.success { color: #16a34a; }
#formulaire_contact #form-response.error { color: #dc2626; }
/*#formulaire_contact .input_formulaire {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1em;
    font-family: var(--font-family);
}
#formulaire_contact textarea.input_formulaire {
    resize: vertical;
    min-height: 150px;
}
#formulaire_contact .input_formulaire:focus {
    border-color: var(--color-accent);
    outline: none;
}*/
.slider-dots .dot.active {
    background-color: white;
}

/* Style pour le pied de page */
footer {
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
    padding: 20px 0;
    position: relative;
    margin-top: 4em;
}
footer a,footer a:link,footer a:visited {
    color: #fff;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
footer a img:hover{
    filter: brightness(1.1);
}
footer img#logo_pied {
    width: 200px;
    margin: 2em 0 1em 0;
}
footer .chevron {
    background-color: #4D4D4D;
    width: 4em;
    height: 4em;
    border-radius: 2em;
    position: absolute;
    top: -1.8em;
    left: calc(50% - 1.5em);
    left: -webkit-calc(50% - 1.5em);
    left: -moz-calc(50% - 1.5em);
    transition-duration: 0.3s;
    transition-delay: 0.05s;
}
footer .chevron::before {
    border-style: solid;
    border-width: 0.5em 0.5em 0 0;
    content: '';
    display: inline-block;
    height: 1em;
    left: 0em;
    position: relative;
    top: 1em;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: middle;
    width: 1em;
}
footer .chevron:hover {
    background-color: rgba(127, 202, 195, 0.99);
    transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    -webkit-transform: translateY(-0.5em);
}
footer #local_pied {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
footer #local_pied img {
    width: 24px;
}
footer #reseau_soc {
    margin-bottom: 10px;
}
footer #reseau_soc img.social {
    width: 24px;
    transition: transform 0.3s ease;
}
footer #reseau_soc img.social:hover {
    transform: scale(1.2);
}
footer #mentions {
    margin-bottom: 10px;
}
footer #info_pied {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 0.9em;
    margin: 1em 0;
}
footer #info_pied figure{
    margin: 0;
    overflow: hidden;
}
footer #info_pied img {
    width: 100px;
    border-radius: 50%;
    transition: transform 0.3s ease;
}
footer #coordonnees_pied {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10px;
}
footer #coordonnees_pied div {
    display: flex;
    align-items: center;
    gap: 10px;
}
footer #coordonnees_pied img {
    width: 24px;
}
footer button.bouton {
    background-color: var(--color-accent);
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    margin: 1em 0;
}
footer button .icon_btn {
    width: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
footer #createur{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 3em;
}
footer #createur figure{
    margin: 0;
    overflow: hidden;
}
footer #createur img {
    width: 150px;
    vertical-align: middle;
}
/* Responsive design */
/*================================================= 
            I-    Ecrans moyens
  =================================================*/

@media only screen and (min-width: 700px) {
    .m-0-mobile{
        margin: unset;
    }
    .m-1-mobile{
        margin: unset;
    }
    .m-2-mobile{
        margin: unset;
    }
    .m-3-mobile{
        margin: unset;
    }
    .mt-0-mobile{
        margin-top: unset;
    }
    .mb-0-mobile{
        margin-bottom: unset;
    }
    .mt-1-mobile{
        margin-top: unset;
    }
    .mb-1-mobile{
        margin-bottom: unset;
    }
    .mt-2-mobile{
        margin-top: unset;
    }
    .mb-2-mobile{
        margin-bottom: unset;
    }
    .mt-3-mobile{
        margin-top: unset;
    }
    .mb-3-mobile{
        margin-bottom: unset;
    }
    .p-0-mobile{
        padding: unset;
    }
    .p-1-mobile{
        padding: unset;
    }
    .p-2-mobile{
        padding: unset;
    }
    .p-3-mobile{
        padding: unset;
    }
    .pt-0-mobile{
        padding-top: unset;
    }
    .pb-0-mobile{
        padding-bottom: unset;
    }
    .pt-1-mobile{
        padding-top: unset;
    }
    .pb-1-mobile{
        padding-bottom: unset;
    }
    .pt-2-mobile{
        padding-top: unset;
    }
    .pb-2-mobile{
        padding-bottom: unset;
    }
    .pt-3-mobile{
        padding-top: unset;
    }
    .pb-3-mobile{
        padding-bottom: unset;
    }


    .m-0-desktop{
        margin: 0;
    }
    .m-1-desktop{
        margin: 1em;
    }
    .m-2-desktop{
        margin: 2em;
    }
    .m-3-desktop{
        margin: 3em;
    }
    .mt-0-desktop{
        margin-top: 0;
    }
    .mb-0-desktop{
        margin-bottom: 0;
    }
    .mt-1-desktop{
        margin-top: 1em;
    }
    .mb-1-desktop{
        margin-bottom: 1em;
    }
    .mt-2-desktop{
        margin-top: 2em;
    }
    .mb-2-desktop{
        margin-bottom: 2em;
    }
    .mt-3-desktop{
        margin-top: 3em;
    }
    .mb-3-desktop{
        margin-bottom: 3em;
    }
    .p-0-desktop{
        padding: 0;
    }
    .p-1-desktop{
        padding: 1em;
    }
    .p-2-desktop{
        padding: 2em;
    }
    .p-3-desktop{
        padding: 3em;
    }
    .pt-0-desktop{
        padding-top: 0;
    }
    .pb-0-desktop{
        padding-bottom: 0;
    }
    .pt-1-desktop{
        padding-top: 1em;
    }
    .pb-1-desktop{
        padding-bottom: 1em;
    }
    .pt-2-desktop{
        padding-top: 2em;
    }
    .pb-2-desktop{
        padding-bottom: 2em;
    }
    .pt-3-desktop{
        padding-top: 3em;
    }
    .pb-3-desktop{
        padding-bottom: 3em;
    }
    
    #prestations .bento_item {
        flex-direction: row;
    }
    #prestations .prestation_image{
        width: 30%;
    }
}
@media (min-width: 782px){
	
}
/*================================================= 
            II-    Ecrans larges
  =================================================*/
@media only screen and (min-width: 900px) {
    .bento.horizontal,.bento_item.horizontal{
        flex-direction: row;
    }
    .bento_item_flexible{
        flex: 1 1 300px;
        width: auto;
    }
    .bento_item_2x{
        flex: 2 1 620px;
    }
    .bento_item_4x{
        flex: 4 1 1200px;
    }
    .bento_item_25{
        flex: 1 1 calc(25% - 4em);
    }
    .bento_item_50{
        flex: 1 1 calc(50% - 4em);;
    }
    .bento_item_75{
        flex: 1 1 calc(75% - 4em);
    }
    .bento_item_100{
        flex: 1 1 100%;
    }
    .bento_item_min_4em{
        flex: 1 1 300px;
        min-height: 4em;
    }
    .bento_item_image_25{
        width: 25%;
    }
    .bento_item_image_50{
        width: 50%;
    }
    .bento_item_image_75{
        width: 75%;
    }
}
@media (min-width: 1000px){
	
}
/*================================================= 
            III-    Ecrans très larges
  =================================================*/
@media only screen and (min-width: 1100px) {
}
@media (min-width: 1220px){
	
}
@media (min-width: 1280px){
}