/* @import 'font-icons.css'; */

@font-face {
	font-family: 'EncodeSansNarrow';
	src: url('../font/encodesansnarrow-200-extralight.eot'); /*A*/
	src: url('../font/encodesansnarrow-200-extralight.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesansnarrow-200-extralight.woff') format('woff'), /*C*/
	url('../font/encodesansnarrow-200-extralight.otf') format('opentype'), /*D*/
	url('../font/encodesansnarrow-200-extralight.svg') format('svg'); /*E*/
	font-weight: 200;
	font-style: narrow;
}

@font-face {
	font-family: 'EncodeSansNarrow';
	src: url('../font/encodesansnarrow-300-light.eot'); /*A*/
	src: url('../font/encodesansnarrow-300-light.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesansnarrow-300-light.woff') format('woff'), /*C*/
	url('../font/encodesansnarrow-300-light.otf') format('opentype'), /*D*/
	url('../font/encodesansnarrow-300-light.svg') format('svg'); /*E*/
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSansNarrow';
	src: url('../font/encodesansnarrow-400-regular.eot'); /*A*/
	src: url('../font/encodesansnarrow-400-regular.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesansnarrow-400-regular.woff') format('woff'), /*C*/
	url('../font/encodesansnarrow-400-regular.otf') format('opentype'), /*D*/
	url('../font/encodesansnarrow-400-regular.svg') format('svg'); /*E*/
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSansNarrow';
	src: url('../font/encodesansnarrow-500-medium.eot'); /*A*/
	src: url('../font/encodesansnarrow-500-medium.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesansnarrow-500-medium.woff') format('woff'), /*C*/
	url('../font/encodesansnarrow-500-medium.otf') format('opentype'), /*D*/
	url('../font/encodesansnarrow-500-medium.svg') format('svg'); /*E*/
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSansNarrow';
	src: url('../font/encodesansnarrow-600-semibold.eot'); /*A*/
	src: url('../font/encodesansnarrow-600-semibold.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesansnarrow-600-semibold.woff') format('woff'), /*C*/
	url('../font/encodesansnarrow-600-semibold.otf') format('opentype'), /*D*/
	url('../font/encodesansnarrow-600-semibold.svg') format('svg'); /*E*/
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSans';
	src: url('../font/encodesanswide-200-extralight.eot'); /*A*/
	src: url('../font/encodesanswide-200-extralight.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesanswide-200-extralight.woff') format('woff'), /*C*/
	url('../font/encodesanswide-200-extralight.otf') format('opentype'), /*D*/
	url('../font/encodesanswide-200-extralight.svg') format('svg'); /*E*/
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSans';
	src: url('../font/encodesanswide-300-light.eot'); /*A*/
	src: url('../font/encodesanswide-300-light.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesanswide-300-light.woff') format('woff'), /*C*/
	url('../font/encodesanswide-300-light.otf') format('opentype'), /*D*/
	url('../font/encodesanswide-300-light.svg') format('svg'); /*E*/
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSans';
	src: url('../font/encodesanswide-400-regular.eot'); /*A*/
	src: url('../font/encodesanswide-400-regular.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesanswide-400-regular.woff') format('woff'), /*C*/
	url('../font/encodesanswide-400-regular.otf') format('opentype'), /*D*/
	url('../font/encodesanswide-400-regular.svg') format('svg'); /*E*/
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSans';
	src: url('../font/encodesanswide-500-medium.eot'); /*A*/
	src: url('../font/encodesanswide-500-medium.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesanswide-500-medium.woff') format('woff'), /*C*/
	url('../font/encodesanswide-500-medium.otf') format('opentype'), /*D*/
	url('../font/encodesanswide-500-medium.svg') format('svg'); /*E*/
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'EncodeSans';
	src: url('../font/encodesanswide-600-semibold.eot'); /*A*/
	src: url('../font/encodesanswide-600-semibold.eot?#iefix') format('embedded-opentype'), /*B*/
	url('../font/encodesanswide-600-semibold.woff') format('woff'), /*C*/
	url('../font/encodesanswide-600-semibold.otf') format('opentype'), /*D*/
	url('../font/encodesanswide-600-semibold.svg') format('svg'); /*E*/
	font-weight: 600;
	font-style: normal;
}

:root {
	/* Colors */
	--color-primary: #0F2337;
	--color-dark:    #193755;
	--color-clear:   #EDEDED;

	--color-grey-1:  hsl(223, 16%, 92%);
	--color-pink:    hsl(346, 87%, var(--color-pink-light, 50%));
	--color-blue:    hsl(210, 100%, var(--color-blue-light, 60%));
	--color-green:   #196d7d;
	--color-orange:  #ec7d06;
	--color-purple:  #7c1ace;

	--color-dark-grey-1: #aaaaaa;
	--color-dark-pink:   #ac163e;
	--color-dark-blue:   #0c4ea9;
	--color-dark-green:  #196d7d;
	--color-dark-orange: #ec380f;
	--color-dark-purple: #7c1ace;

	/* Background */
	--bg-container:    #f2f4f9;
	--bg-default:      #ffffff;
	--bg-light-pink:   #fff3f6;
	--bg-light-blue:   #f0f7ff;
	--bg-light-green:  #e9f2f3;
	--bg-light-orange: #fff5ea;
	--bg-light-purple: #f8f0ff;
	--bg-linear-pink:   linear-gradient(180deg, hsl(350,100%,60%), hsl(350,80%,40%) 200%);
	--bg-linear-blue:   linear-gradient(180deg, hsl(210,100%,60%), hsl(210,100%,40%) 200%);
	--bg-linear-green:  linear-gradient(180deg, hsl(160,100%,40%), hsl(160,90%,30%) 200%);
	--bg-linear-orange: linear-gradient(180deg, hsl(40,100%,50%), hsl(40,100%,40%) 200%);
	--bg-linear-purple: linear-gradient(180deg, hsl(270,100%,50%), hsl(270,100%,30%) 200%);

	/* Border lines */
	--border-simple-color: var(--color-grey-1);
	--border-simple: 1px solid var(--border-simple-color);

	/* Marging */
	--margin-min: 0;
	--margin-md: 1rem;
	--margin-lg: 1.5rem;

	/* Radius */
	--radius-min: 0;
	--radius-xs: 4px;
	--radius-sm: .5rem;
	--radius-md: 1rem;
	--radius-lg: 2rem;
	--radius-xl: 2.5em;
	--radius-xxl: 3rem;
	--radius-max: 50%;

	/* Buttons */
	--btn-radius: var(--radius-xs);

	/* Cards */
	--card-radius: var(--radius-md);
	--card-margin: var(--margin-md);

	/* Title */
	--title-size: 1.25rem;
	--title-color: #193755;
	--title-weight: bold;

	/* Listes */
	--liste-group-margin: .5rem;
	--liste-radius: var(--radius-xs);
	--liste-radius-top: var(--radius-xs) var(--radius-xs) 0 0;
	--liste-radius-bottom: 0 0 var(--radius-xs) var(--radius-xs);

	--txt: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif

}


/* Taille des icon de awesome
-------------------------------------------------- */
.bandeau-col { text-align: center; }
i.bandeau-illustr { font-size: 8em; }

/* Style des label
-------------------------------------------------- */
.label { 
	font-weight: 300;
}




/* Responsive
-------------------------------------------------- */

@media (max-width: 767px) {	

	.bandeau-col { margin-bottom: 20px; }
	i.bandeau-illustr { font-size: 5em; }
}