:root {
	/* BORDER */
	--border-radius: 0;
	--border-width: 1px;
    --outline-width: 2px;
		
    
	/* WRAPPER / LOGO */
	--wrapper-size: 1700px;
    --wrapper-size-small: 960px;
    --logo-ratio: 235 / 51;
			
    
	/* COLORS */
	--background-color: #FFFFFF;
	--background-grey: #F0EDED;
	--background-dark: #0D5973;
	
	--dark-title-color: #0D5973;
	--light-title-color: #FFFFFF;
	--dark-text-color: 13, 89, 115;
	--light-text-color: 255, 255, 255;
	
	--primary-color: #F086A4;
	--primary-hover-color: #e94977;
	--primary-focus-color: #e31c54;
	--primary-rgb: 240, 134, 164;
	
	--secondary-color: #5BC5EC;
	--secondary-hover-color: #1aabe0;
	--secondary-focus-color: #137aa0;
	--secondary-rgb: 91, 197, 236;
      
    --alert-danger-color: #DF2935;    
    --alert-danger-rgb: 223, 41, 53;
    
    --alert-warning-color: #E8814A;
    --alert-warning-rgb: 232, 129, 74;
    
    --alert-success-color: #4FB477;  
    --alert-success-rgb: 79, 180, 119;
		
	
	/* FONTS */
	--font-title: 'Ubuntu', sans-serif;
	--font-text: 'Ubuntu', Sans-serif;
	--letter-spacing: 0;
		
	
	/* FONT SIZES */
	--h1-font-size: 4rem;
	--h1-produit-font-size: 1.125rem;
	--h2-font-size: 3rem;
	--h2-product-font-size: 2.5rem;
	--h2-picto-font-size: 1.5rem;
	--h3-font-size: 2rem;
	--h4-font-size: 1.5rem;
	--text-font-size: 1rem;
	--text-small-size: .75rem;
	
	
	/* MARGES */
	--margin-h2: 2.5rem;
	--margin-h3: 1.5rem;
	--margin-h4: 1rem;
    --margin-section: 5.5rem;
    --margin-block: 3rem;
    --padding-section: 4.5rem;
    --padding-block: 3.5rem;
		
	
	/* GRID */
	--items-by-row: 4;
	--items-margin: 32px;
		
	
	/* VECTORS */
}



/* ICONS SET */
.inodia-icons.play:before,
.bouton.icon.icon-play a > span:before {
  content: "\74";
}
.inodia-icons.rentabilite:before {
  content: "\73";
}
.inodia-icons.confort:before {
  content: "\72";
}
.inodia-icons.efficacite:before {
  content: "\71";
}
.inodia-icons.fiabilite:before {
  content: "\70";
}
.inodia-icons.bien-etre:before {
  content: "\6f";
}
.inodia-icons.tools:before {
  content: "\6e";
}
.inodia-icons.calendar:before {
  content: "\6d";
}
.inodia-icons.employees:before {
  content: "\6c";
}
.inodia-icons.germany:before {
  content: "\6b";
}
.inodia-icons.facebook:before {
  content: "\6a";
}
.inodia-icons.linkedin:before {
  content: "\69";
}
.inodia-icons.instagram:before {
  content: "\68";
}
.inodia-icons.dots:before {
  content: "\67";
}
.inodia-icons.arrow_left_long:before {
  content: "\66";
}
.inodia-icons.arrow_right_long:before {
  content: "\65";
}
.inodia-icons.arrow_left:before {
  content: "\64";
}
.inodia-icons.arrow_right:before {
  content: "\63";
}
.inodia-icons.arrow_up:before {
  content: "\62";
}
.inodia-icons.arrow_down:before,
.bouton.icon.arrow_down a > span::before {
  content: "\61";
}





/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */

@media screen and (max-width: 1800px) {
    
    :root {
        --wrapper-size: 85%;
    }
}



@media screen and (max-width: 1500px) {
    
}



@media screen and (min-width: 1251px) {
	
}



@media screen and (max-width: 1250px) {
	
	:root {
		--items-by-row: 3;
		--items-margin: 24px;
	}	
}



@media screen and (max-width: 1140px) {
    
}



@media screen and (max-width: 989px) {
	
	:root {
		--items-by-row: 2;
	}	
}



@media screen and (max-width: 767px) {
    
}



@media screen and (max-width: 575px) {
	
    :root {
        --h1-font-size: 3rem;
        --h2-font-size: 2.5rem;
        --h2-picto-font-size: 1.25rem;
        --h3-font-size: 1.875rem;
        --h4-font-size: 1.25rem;
        --margin-section: 5rem;
        --padding-section: 4rem;
		--padding-block: 3rem;
		--items-by-row: 1;
	}	
}



@media screen and (max-width: 480px) {
	
}



@media screen and (max-width: 375px) {
	
	:root {
        --h1-font-size: 2.5rem;
        --h2-font-size: 2rem;
        --h2-picto-font-size: 1rem;
        --h3-font-size: 1.5rem;
        --text-font-size: .9375rem;
    	--margin-h2: 1.875rem;
    	--margin-h3: 1.25rem;
    	--margin-h4: 1rem;
		--padding-block: 2rem;
	}
}



@media screen and (max-width: 300px) {
	
}