@charset "utf-8";
/* Theme "classique" : identite visuelle Symcad d'origine (bleu marine, Roboto Condensed) */

@font-face
	{
	font-family:'title'; font-style:normal; font-weight:400;
	src:url('fonts/Roboto-Condensed.ttf') format('ttf');
	src:url('fonts/Roboto-Condensed.eot') format('eot');
	src:url('fonts/Roboto-Condensed.svg') format('svg');
	src:url('fonts/Roboto-Condensed.woff') format('woff');
	}

@font-face
	{
	font-family:'title'; font-style:normal; font-weight:700;
	src:url('fonts/Roboto-Condensed-Bold.ttf') format('ttf');
	src:url('fonts/Roboto-Condensed-Bold.eot') format('eot');
	src:url('fonts/Roboto-Condensed-Bold.svg') format('svg');
	src:url('fonts/Roboto-Condensed-Bold.woff') format('woff');
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:400;
	src:url('fonts/Roboto-Condensed.ttf') format('ttf');
	src:url('fonts/Roboto-Condensed.eot') format('eot');
	src:url('fonts/Roboto-Condensed.svg') format('svg');
	src:url('fonts/Roboto-Condensed.woff') format('woff');
	}

:root
	{
	--activebgcolor:#5aa423;
	--activebgcolorover:#4a831c;
	--activefgcolor:#efefef;
	--activefgcolorover:#ffffff;
	--successbgcolor:#5aa423;
	--successbgcolorover:#4a831c;
	--successfgcolor:#efefef;
	--successfgcolorover:#ffffff;
	--alertbgcolor:#c60f13;
	--alertbgcolorover:#9e0c0f;
	--alertfgcolor:#efefef;
	--alertfgcolorover:#ffffff;
	--warningbgcolor:#ffae00;
	--warningbgcolorover:#cc8b00;
	--warningfgcolor:#efefef;
	--warningfgcolorover:#ffffff;

	--texte-attribue-color: #5aa423;
	--texte-selectionne-color: #2a7ae2;

	--headerbgcolor:#0e314b;
	--footerbgcolor:#071825;
	--offCanvasbgcolor:#071825;
	--menubgcolor:#0e314b;
	--menubgcolorhover:#0072b0;
	--menucolor:#e0e0e0;

	--primarylightcolor:#ccf3ff;
	}


body
	{
	background-color:#dcdcdc;
	background:linear-gradient(to bottom, rgba(220,220,220,1) 1rem, rgba(220,220,220,0.2) 80%); background-position:top; background-attachment:scroll;
	}

body header	{ background-color:var(--headerbgcolor); color:#dfdfdf; }
body footer	{ background-color:var(--footerbgcolor); color:#dfdfdf; font-size:0.8rem; padding:1rem 0; box-shadow: 0px 0px 5px 0px #151515; }

#offCanvasLeft	{ background-color:var(--offCanvasbgcolor); color:#e0e0e0; }

main .panel { background-color:#ffffff; }

body .panel h2.title		{ margin-bottom:1rem; font-weight:700; color:var(--footerbgcolor); }

body .panel.colored { background-color:var(--primarylightcolor); box-shadow:0px 0px 10px -5px #000000; }


/* Small */
@media only screen and (max-width: 40em)
	{
	}

/* Medium */
@media only screen and (min-width: 40.063em) and (max-width: 64em)
	{
	}

/* Not large */
@media only screen and (max-width: 63.99em)
	{
	}

/* Large */
@media only screen and (min-width: 64.063em)
	{
	}

/* >1400px */
@media only screen and (min-width: 85em)
	{
	}