/* Général */
html{scroll-behavior: smooth;}
*{ color: var(--Color-Blue); font-family: "Inter Tight"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 32px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
/* Variable */
:root {
    --Color-Black: #000;
    --Color-White: #fff;
    --Color-Brown: #B78062;
    --Color-Blue: #001C44;
    --Color-Beige: #F6F3EE;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }


/* global */


/* button */
.btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 30px;transition: .5s; background: transparent;border: 1px solid var(--Color-Beige);padding: 18px 20px;color: var(--Color-Beige); font-family: "Inter Tight"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.btn-link:hover{background: var(--Color-Brown);border-color: var(--Color-Brown);}
.btn-link.white{background: var(--Color-Beige);color: var(--Color-Blue);}
.btn-link.white:hover{background: var(--Color-Brown);border-color: var(--Color-Brown);}

/* Bloc text */
.bloc-text h1{color: var(--Color-White); font-family: "Inter Tight"; font-size: 40px; font-style: normal; font-weight: 500; line-height: normal;margin-top: 0;margin-bottom: 30px;}

.bloc-text h2{color: var(--Color-Beige); font-family: "Inter Tight"; font-size: 40px; font-style: normal; font-weight: 500; line-height: normal;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Color-Brown); font-family: IvyJournal; font-size: 40px; font-style: italic; font-weight: 300; line-height: normal;}

.bloc-text h3{color: var(--Color-Blue); font-family: "Inter Tight"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h3 span{color: var(--Color-Brown); font-family: IvyJournal; font-size: 30px; font-style: italic; font-weight: 300; line-height: normal;}

.bloc-text h4{color: var(--Color-Blue); font-family: "Inter Tight"; font-size: 25px; font-style: normal; font-weight: 500; line-height: 28px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h4 span{color: var(--Color-Brown); font-family: IvyJournal; font-size: 25px; font-style: italic; font-weight: 300; line-height: normal;}

.bloc-text p{color: var(--Color-Blue); font-family: "Inter Tight"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 32px;}
.bloc-text li{color: var(--Color-Blue); font-family: "Inter Tight"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 32px;}
.bloc-text p:last-of-type{margin-bottom: 0;}

/* Bloc media */
.bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}

/* Formulaire */
.bloc-contact form{display: flex;flex-wrap: wrap;gap:20px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 20px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 10px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey, #3B3D44);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form select{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form textarea{width: 100%;padding: 10px 20px;border-radius: 10px;background: var(--Color-White);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none; height: 160px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
/* .bloc-contact form *::placeholder{color: var(--Color-LightGrey);} */
.bloc-contact form button.btn-container{margin-left: auto;margin-top: auto;cursor: pointer; display: flex;gap: 5px;align-items: center;transition: .5s;background: transparent;outline: none;border: none;padding: 0;}
.bloc-contact form span:not(.btn-container>*){color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}

/* .bloc-contact form input[type=file] {height: 48px; position: relative; width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.bloc-contact form input[type=file]::file-selector-button { position: absolute;right: 20px; border: none; background-color: transparent; padding: 0; cursor: pointer;color: transparent; background-image: url(/wp-content/themes/microplast/img/file.svg);background-size: cover;width: 24px;height: 24px; } */


/* Header */


/* Header - Burger button */


/* Header - Menu mobile */

/* Footer */

/* page 404 */
.page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;}

/* page classique */
.page-classique{}

/* Page accueil */
.page-home{}

/* ========== RESPONSIVE ========== */