/* Styles généraux */

@font-face {
	font-family: 'Graphie';
	src: url('./fonts/Graphie/Graphie.otf');
}
@font-face {
	font-family: 'Graphie';
	font-weight: bold;
	src: url('./fonts/Graphie/Graphie-Bold.otf');
}
@font-face {
	font-family: 'Graphie';
	font-weight: 900;
	src: url('./fonts/Graphie/Graphie-ExtraBold.otf');
}
@font-face {
	font-family: 'Graphie';
	font-style: italic;
	src: url('./fonts/Graphie/Graphie-Italic.otf');
}
@font-face {
	font-family: 'Graphie';
	font-weight: bold;
	font-style: italic;
	src: url('./fonts/Graphie/Graphie-BoldItalic.otf');
}
@font-face {
	font-family: 'FuturaPTBold';
	src: url('./fonts/FuturaPTBold.otf') format('opentype'),
		url('./fonts/FuturaPTBold.eot') format('embedded-opentype'),
		url('./fonts/FuturaPTBold.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaPTMedium';
	src: url('./fonts/FuturaPTMedium.otf') format('opentype'),
		url('./fonts/FuturaPTMedium.eot') format('embedded-opentype'),
		url('./fonts/FuturaPTMedium.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	src: url('./fonts/Montserrat-Regular.ttf'); /* For IE6-8 */
	src: local('Montserrat'),
	local('Montserrat-Regular'),
	url('./fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Play';
	src: url('./fonts/Play-Regular.ttf'); /* For IE6-8 */
	src: local('Play'),
	local('Play-Regular'),
	url('./fonts/Play-Regular.ttf') format('truetype');
}

:root {
	--c-classic: #AB3B3D;
		--c-base-classic: #AB3B3D;
	--c-titre: #D0858B;
		--c-base-titre: #D0858B;
	--c-important: #252A36;
		--c-base-important: #252A36;
	/* --c-link: #252A36; */
		/* --c-base-link: #252A36; */
	--c-link: #AB3B3D;
		--c-base-link: #AB3B3D;
	--c-linkhover: #E5BAC1;
		--c-base-linkhover: #E5BAC1;

	--c-vitale-1: #0b9444;
	--c-vitale-2: #fedc15;
	
	--c-whatsapp: #25D366;
		--c-whatsapp-rgb: rgb(37,211,102);
	--c-whatsapp-dark: #128C7E;
		--c-whatsapp-dark-rgb: rgb(18,140,126);


	--c-bgred-classic: #FFFFFF;
	--c-bgred-important: #252A36;
	--c-bgred-link: #252A36;
	--c-bgred-linkhover: #FFFFFF;

	--c-error: red;
	
	--c-red: #AB3B3D;
		--c-base-red: #AB3B3D;
	--c-redpale: #D0858B;
		--c-base-redpale: #D0858B;
	--c-redclaire: #E5BAC1;
		--c-base-redclaire: #E5BAC1;
	--c-redclaire-03: rgba(229,186,193,0.3);
	--c-redclaire-05: rgba(229,186,193,0.5);
	
	--c-white: #FFFFFF;
		--c-base-white: #FFFFFF;
	
	--c-gray: #707070;
		--c-base-gray: #707070;
	
	--c-lightgray: #C3C3C3;
		--c-base-lightgray: #C3C3C3;
	
	--c-bluedark: #252A36;
		--c-base-bluedark: #252A36;
	
	--c-bluepale: #859CD0;
		--c-base-bluepale: #859CD0;
	
	--c-blueclaire: #4B5A6E; /* 75,90,110 */
		--c-base-blueclaire: #4B5A6E;
	
	--c-jaune: #FFFCE7;
		--c-base-jaune: #FFFCE7;
	--c-jauneappuye: #F5ECA4;
		--c-base-jauneappuye: #F5ECA4;
	--c-jaune-07: rgba(255,252,231,0.7);
	--c-jaune-05: rgba(255,252,231,0.5);
	--c-jaune-03: rgba(255,252,231,0.3);
	--c-jaune-01: rgba(255,252,231,0.1);

	--c-beige: #EBDFCD;
		--c-base-beige: #EBDFCD;
	--c-beigeclaire: #F5F0EA;
		--c-base-beigeclaire: #F5F0EA;
	--c-beige-01: rgba(235,223,205,0.1);
	--c-beige-02: rgba(235,223,205,0.2);
	--c-beige-03: rgba(235,223,205,0.3);
	--c-beige-05: rgba(235,223,205,0.5);
	--c-beige-06: rgba(235,223,205,0.6);
	--c-beige-07: rgba(235,223,205,0.7);
	--c-beige-08: rgba(235,223,205,0.8);
	--c-beigepale: #DDD8D1;
		--c-base-beigepale: #DDD8D1;

	--c-green: #008A0A;


	--ff-montserrat: 'Montserrat', 'Calibri', arial;
	--ff-graphie: 'Graphie';
	--ff-poppins: 'Poppins';
	--ff-play: 'Play', 'Courier New', arial, 'sans serif';

	--ff-psc-bold: 'FuturaPTBold';
	--ff-psc-medium: 'FuturaPTMedium';
	--c-psc-gray: #6F7072;
	--c-psc-red: #E1000F;
	--c-psc-blue: #000091;

	--sizebanvert: 75px;

	--col-1: 8.33333333%;
	--col-1: calc(100%/12);
	--col-2: 16.6666667%;
	--col-2: calc(200%/12);
	--col-3: 25%;
	--col-4: 33.33333333%;
	--col-4: calc(400%/12);
	--col-5: 41.66666667;
	--col-5: calc(500%/12);
	--col-6: 50%;
	--col-7: 58.33333333%;
	--col-7: calc(700%/12);
	--col-8: 66.66666667%;
	--col-8: calc(800%/12);
	--col-9: 75%;
	--col-10: 83.33333333%;
	--col-10: calc(1000%/12);
	--col-11: 91.66666667%;
	--col-11: calc(1100%/12);
	--col-12: 100%;

	--t-ttt-case: 54px;
	--t-ttt-case-height: 50px;
	--t-agenda-tsr: 50px;
	--t-width-colonne: 250px;
	--t-side-panel-width: 280px;

	--chat-colonne: 60px;
	--chat-colonne-full: 240px;

	--zi-lvl-1: 1;
	--zi-lvl-1a0: 10;
	--zi-lvl-1a: 25;
	--zi-lvl-1b: 30;
	--zi-lvl-2: 500;
	--zi-lvl-3: 600;
	--zi-lvl-3a: 610;
	--zi-lvl-3b: 620;
	--zi-lvl-4: 700;
	--zi-lvl-5: 800;
	--zi-lvl-5a: 810;
	--zi-lvl-6: 900;
	--zi-lvl-7: 1000;
	--zi-lvl-8: 1100;
	--zi-lvl-8a: 1110;
	--zi-lvl-82: 1150;
	--zi-lvl-83: 1151;
	--zi-lvl-83a: 1152;
	--zi-lvl-84: 1153;
	--zi-lvl-85: 1155;
	--zi-lvl-86: 1160;
	--zi-lvl-9: 1200;
	--zi-lvl-9a: 1210;
	--zi-lvl-10: 1300;
	--zi-lvl-max: 99999;
	
	--fs-base: 1;
}