@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
/*----------------------------------------*/
/* !GENERAL */
/*----------------------------------------*/
--rootPath: '/'; 
--fontSizeHtml: 62.5%;
/* Font Family */
--sansserifFont:'Poppins', sans-serif;
--serifFont:'Poppins', serif;
--cursiveFont:'Poppins', cursive;
/* Background gen */
--backgroundColor:#ffffff;
--backgroundColorRGB: 255,255,255;
/**/
--primaryColor: #000000;
--primaryColorRGB: 0,0,0;

--secondaryColor: #B4B080;
--secondaryColorRGB: 180,176,128;
--secondaryColorContrast: #ffffff;
/**/
--linkColor: var(--secondaryColor);
--linkHover: var(--primaryColor);
/**/ 
--max-width: 1440px;
--filterSvg:invert(77%) sepia(12%) saturate(807%) hue-rotate(18deg) brightness(89%) contrast(88%);;
/*----------------------------------------*/
/* !Navigation gen */
/*----------------------------------------*/
/* Logo */
--logo:url('/medias_upload/moxie/ihf_logo.svg');
--logo-home:var(--logo);
/* Soutien */
--soutien:url('medias_upload/moxie/ambiance/bgtit.svg');
/* Menu */
--menuColor: var(--secondaryColorContrast);
--menuColorhover: #FFF;
--borderRadmegamenu:0px;
--megamenuaHover:red;
/* bouton mobile */
--toggleColor:#FFF;
/* menu mobile */
--mobileMenuSize:100vw;
--mobileMenuBg:var(--secondaryColor);
/*----------------------------------------*/
/* social sharing */
/*----------------------------------------*/
/* !Cycleslider var */
--ssBg:none;
--ssBgHover:var(--ssBg);
--ssborderRadius:5px;
--ssBorder:1px solid rgba(var(--primaryColorRGB),0);
--ssBorderHover:1px solid rgba(var(--primaryColorRGB),.5);
/*----------------------------------------*/
/* !FORMULAIRE */
/*----------------------------------------*/
--placeholderColor:var(--primaryColor);
--placeholderWeight:400;
/* label */
--labelBg:var(--secondaryColor);
--labelColor:#FFF;
--labelColorHover:#A7965D;
--labelRadius:5px;
--labelSize:1.2rem;
/* input */
--inputBg:none;
--inputColor:var(--primaryColor);
--inputBorderColor:rgba(var(--primaryColorRGB),.5);
--inputBorder:1px solid var(--inputBorderColor);
--inputRadius:10px;
--inputiColor:#000;
--inputSize:1.5rem;
--inputWeight:600;
/* input hover */
--inputBgHover:rgba(var(--primaryColorRGB),.05);
--inputColorHover:var(--primaryColor);
--inputBorderColorHover:var(--secondaryColor);
--inputBorderHover:1px solid var(--inputBorderColorHover);
--inputRadiusHover:10px;
/* input focus */
--inputBgFocus:rgba(var(--primaryColorRGB),.05);
--inputColorFocus:var(--primaryColor);
--inputBorderFocus:1px solid var(--secondaryColor);
--inputRadiusFocus:10px;
/* textarea */
--textareaBg:var(--inputBg);
--textareaColor:var(--inputColor);
--textareaBorder:var(--inputBorder);
--textareaRadius:var(--inputRadius);
/* textarea hover */
--textareaBgHover:var(--inputBgHover);
--textareaColorHover:var(--inputColorHover);
--textareaBorderHover:var(--inputBorderHover);
--textareaRadiusHover:var(--inputRadiusHover);
/* select */
--selectBg:var(--inputBg);
--selectColor:var(--inputColor);
--selectBorder:var(--inputBorder);
--selectRadius:var(--inputRadius);
/* select hover */
--selectBgHover:var(--inputBgHover);
--selectColorHover:var(--inputColorHover);
--selectBorderHover:var(--inputBorderHover);
--selectRadiusHover:var(--inputRadiusHover);
/**/
--selectiColor:var(--inputColor);
--selectiColorHover:var(--inputBorderColorHover);
/* submit */
--submitBg:var(--secondaryColor);
--submitColor:var(--secondaryColorContrast);
--submitBorder:none;
--submitRadius:10px;
--submitSize:1.4rem;
/**/
--submitBgHover:var(--secondaryColor);
--submitColorHover:var(--secondaryColorContrast);
--submitBorderHover:none;
--submitRadiusHover:10px;
/* radio & checkbox */
--rcLabelFont:var(--sansserifFont);
--rcLabelSize:1.4rem;
--rcHeight:20px;
--rcBorder:1px solid var(--inputBorderColor);
--rcBgcolor:var(--inputBg);
--radioChecked:var(--inputBorderFocus);
--radioBeforecolor:#192E3C;
--checkboxBorderColor:var(--inputColorFocus);
--checkboxColorChecked:var(--secondaryColor);
--checkboxBorderColorChecked:var(--primaryColor);
--checkboxChecked:#000;
/* file */
--fileBg:var(--secondaryColor);
--fileColor:var(--secondaryColorContrast);
--fileBorderColorHover:var(--inputBorderColorHover);
--fileRadius:var(--inputRadius);
}