/**
* #.# Fonts
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


/**
* #.# Variables CSS
*/

:root {    
/* --------- Font Title --------- */
	--h1-font-align: ;
  	--h1-font-family: DM Sans,sans-serif;
  	--h1-font-lineheight: normal;
  	--h1-font-size: 48px;
  	--h1-font-spacing: ;
  	--h1-font-transform: ;
  	--h1-font-weight: 700;
  
  	--h2-font-align: ;
  	--h2-font-family: DM Sans,sans-serif;
  	--h2-font-lineheight: normal;
  	--h2-font-size: 40px;
  	--h2-font-spacing: ;
  	--h2-font-transform: ;
  	--h2-font-weight: 700;
  
  	--h3-font-align: ;
  	--h3-font-family: DM Sans,sans-serif;
  	--h3-font-lineheight: normal;
  	--h3-font-size: 22px;
  	--h3-font-spacing: ;
  	--h3-font-transform: ;
  	--h3-font-weight: 600;
  
  	--h4-font-align: ;
  	--h4-font-family: DM Sans,sans-serif;
  	--h4-font-lineheight: normal;
  	--h4-font-size: 24px;
  	--h4-font-spacing: ;
  	--h4-font-transform: ;
  	--h4-font-weight: 600;
  
  	--h5-font-align: ;
  	--h5-font-family: DM Sans,sans-serif;
  	--h5-font-lineheight: normal;
  	--h5-font-size: 20px;
  	--h5-font-spacing: ;
  	--h5-font-transform: ;
  	--h5-font-weight: 500;
  
  	--h6-font-align: ;
  	--h6-font-family: DM Sans,sans-serif;
  	--h6-font-lineheight: normal;
  	--h6-font-size: 16px;
  	--h6-font-spacing: ;
  	--h6-font-transform: ;
  	--h6-font-weight: 500;
/* ------- End Font Title ------- */
  
/* --------- Mobile Font Title --------- */
  --mobile-h1-font-align: ;
  --mobile-h1-font-family: DM Sans,sans-serif;
  --mobile-h1-font-lineheight: normal;
  --mobile-h1-font-size: 20px;
  --mobile-h1-font-spacing: ;
  --mobile-h1-font-transform: ;
  --mobile-h1-font-weight: bold;

  --mobile-h2-font-align: ;
  --mobile-h2-font-family: DM Sans,sans-serif;
  --mobile-h2-font-lineheight: normal;
  --mobile-h2-font-size: 24px;
  --mobile-h2-font-spacing: ;
  --mobile-h2-font-transform: ;
  --mobile-h2-font-weight: bold;

  --mobile-h3-font-align: ;
  --mobile-h3-font-family: DM Sans,sans-serif;
  --mobile-h3-font-lineheight: normal;
  --mobile-h3-font-size: 20px;
  --mobile-h3-font-spacing: ;
  --mobile-h3-font-transform: ;
  --mobile-h3-font-weight: SemiBold;

  --mobile-h4-font-align: ;
  --mobile-h4-font-family: DM Sans,sans-serif;
  --mobile-h4-font-lineheight: normal;
  --mobile-h4-font-size: 18px;
  --mobile-h4-font-spacing: ;
  --mobile-h4-font-transform: ;
  --mobile-h4-font-weight: SemiBold;

  --mobile-h5-font-align: ;
  --mobile-h5-font-family: DM Sans,sans-serif;
  --mobile-h5-font-lineheight: normal;
  --mobile-h5-font-size: 18px;
  --mobile-h5-font-spacing: ;
  --mobile-h5-font-transform: ;
  --mobile-h5-font-weight: SemiBold;

  --mobile-h6-font-align: ;
  --mobile-h6-font-family: DM Sans,sans-serif;
  --mobile-h6-font-lineheight: normal;
  --mobile-h6-font-size: 16px;
  --mobile-h6-font-spacing: ;
  --mobile-h6-font-transform: ;
  --mobile-h6-font-weight: Medium;
/* ------- End Font Title ------- */
  
/* --------- Font Text --------- */
  --body-font-align: ;
  --body-font-family: Raleway,sans-serif;
  --body-font-lineheight: normal;
  --body-font-size: 16px;
  --body-font-letterspacing: ;
  --body-font-transform: ;
  --body-font-weight: 400;
  
  --secondary-font-align: ;
  --secondary-font-family: Raleway,sans-serif;
  --secondary-font-lineheight: normal;
  --secondary-font-size: 14px;
  --secondary-font-letterspacing: ;
  --secondary-font-transform: ;
  --secondary-font-weight: 400;
  
  --caption-font-align: ;
  --caption-font-family: Raleway,sans-serif;
  --caption-font-lineheight: normal;
  --caption-font-size: 12px;
  --caption-font-letterspacing: ;
  --caption-font-transform: ;
  --caption-font-weight: 400;
  
  --label-font-align: ;
  --label-font-family: DM Sans,sans-serif;
  --label-font-lineheight: normal;
  --label-font-size: 16px;
  --label-font-letterspacing: ;
  --label-font-transform: ;
  --label-font-weight: 600;
  
  --button-font-align: ;
  --button-font-family: Raleway,sans-serif;
  --button-font-lineheight: normal;
  --button-font-size: 16px;
  --button-font-letterspacing: ;
  --button-font-transform: ;
  --button-font-weight: 600;
/* ------- End Font Text ------- */
  
/* --------- Font Menu --------- */
  --menu-label-font-align: ;
  --menu-label-font-family: Raleway,sans-serif;
  --menu-label-font-lineheight: normal;
  --menu-label-font-size: 18px;
  --menu-label-font-letterspacing: ;
  --menu-label-font-transform: uppercase;
  --menu-label-font-weight: 400;
/* ------- End Font Menu ------- */
  
/* --------- Backgrounds --------- */
  --btn-bg-color: #455878;
  --btn-bg-hover-color: #455878;
  --btn-border-color: #FFF;
  --btn-border-hover-color: #FFF;
  --btn-secondary-bg-color: #FFFFFF;
  --btn-secondary-bg-hover-color: #F6F6F6;
  --btn-secondary-border-color: #E7E7E7;
  --btn-secondary-border-hover-color: #E7E7E7;
  --btn-footer: #FFFFFF;
  --btn-footer-hover: #F6F6F6;
  --primary-card-bg: #14274E;
  --secondary-card-bg: #ffffff;
  --bg-section-realisation: #14274E;
  --bg-section-prestation: #14274E;
  --bg-card-prestation: #455878;
  --bg-card-pages: #455878;
  --bg-infos: #14274E;
  --bg-tarifs: #14274E;
  --primary-tastimonials-bg: #14274E;
  --secondary-testimonials-bg: #ffffff;
  --bg-form: #14274E;
  --footer-bg: #14274E;
  --line-footer: #FFFFFF;
  --body-bg: #F1F6F9;
  --primary-quote: #455878;
  --secondary-quote: #ffffff;
  --bg-shape: #455878;
/* ------- End Backgrounds ------- */
  
/* --------- colors --------- */  
  --text-btn: #FFFFFF;
  --text-secondary-btn: #282828;
  --menu-label-color: #14274E;
  --menu-label-hover-color: #6D6D6D;
  --footer-label-color: #FFFFFF;
  --footer-label-hover-color: #6D6D6D;
  --text-card-prestation: #FFFFFF;
  --text-card-testimonials: #ffffff;
  --text-card-pages: #ffffff;
  --text-primary: #14274E;
  --text-secondary: #ffffff;
  --label-color: #ffffff;
  --text-slider: #fff;
  --text-primary-card: #fff;
  --phone-color: #14274E;
  --phone-color-hover: #14274E;
  --icon-nav-prestation: #282828;
  --icon-nav-prestation-hover: #282828;
  --icon-nav-realisation: #282828;
  --icon-nav-realisation-hover: #282828;
  --title-hero: #FFFFFF;
  --title-body: #14274E;
  --title-reassurances: #282828;
  --title-prestations: #F1F6F9;
  --title-partners: #282828;
  --title-realisation: #F1F6F9;
  --title-testimonials: #282828;
  --title-contact: #14274E;
  --title-infos-pratiques: #ffffff;
  --title-tarifs: #14274E;
  --title-tarifs-rubrique: #ffffff;
  --title-pages: #282828;
  --icon-nav-hero: #14274E;
  --icon-nav-hero-hover: #282828;
  --input-form-color: #ffffff;
  --text-infos-pratiques: #ffffff;
  --title-form-color: #ffffff;
  --text-rgpd-color: #ffffff;
/* ------- End Colors ------- */
  
}