@font-face {

	font-family:"Noto Sans";
	src:local("Noto Sans"),
	url( ../fonts/NotoSans-Regular.ttf ) format("truetype");
	

}

html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, span, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, label, table, caption, tbody, tfoot, thead, tr, th,
td {
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: "Noto Sans",consolas,"Trebuchet MS",Arial,Helvetica,courier,Verdana,"Lucida Grande",Lucida,Tahoma,Geneva,sans-serif;
	/*font-family: arial,'lucida grande','lucida sans unicode','bitstream vera sans','dejavu sans','trebuchet ms',sans-serif;*/
	/*font:normal normal 700 17px/normal Arial*/
	/*font-size: 13px;*/
	/*font-size: 1em;*/
	font-weight:normal ;
}

/* test

body {
	font-weight:normal;
	background-color:rgb(252,252,252);
	color:dimgray;
	background-image:url(./../images/background_front_1000x2000.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	background-position:top center;
	}
	
*/

* {

	box-sizing:border-box ;
	padding:0 ;
	margin:0 ;
	word-wrap:break-word ;

}

#content {

	width:100% ;
	font-size:medium ;
	/*background-image:linear-gradient(#006060, darkcyan) ;*/
	/*margin-top:20px ;
	margin-bottom:20px ;*/
	/* align-self:center ; */
	padding:15px ;
	/*border-radius:25px ;*/


}

a.line {

	text-decoration:none ;

}

a.link_seagreen_totop {

	color:seagreen ;
	text-decoration-color:seagreen ;

}

a:hover.link_seagreen_totop {

	border-bottom: medium dotted ;

}

a.dots_orchid {

	color:orchid ;
	text-decoration-color:orchid ;
	/*font-weight:bold ;*/

}

a:hover.dots_orchid {
	
	color:orchid ;
	border-bottom: medium dotted ;
	
}

a.dots_seagreen {

	color:seagreen ;
	text-decoration-color:seagreen ;
	/*font-weight:bold ;*/

}

a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

a.dots_khaki_xlarge {

	color:khaki ;
	text-decoration-color:khaki ;
	/*font-weight:bold ;*/
	font-size:x-large ;

}

a:hover.dots_khaki_xlarge {
	
	color:khaki ;
	border-bottom: medium dotted ;
	
}

a.dots_moccasin_xlarge {

	color:moccasin ;
	text-decoration-color:moccasin ;
	/*font-weight:bold ;*/
	font-size:x-large ;

}

a:hover.dots_moccasin_xlarge {
	
	color:moccasin ;
	border-bottom: medium dotted ;
	
}

a.dots_seagreen_xlarge {

	color:seagreen ;
	text-decoration-color:seagreen ;
	/*font-weight:bold ;*/
	font-size:x-large ;

}

a:hover.dots_seagreen_xlarge {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

a.menuSubtitle {
	
	color:dimgray ;
	text-decoration:none ;
	display:block ;
	padding-bottom:5px ;
	padding-top:5px ;
	padding-left:25px ;
	/*background-image: url("./../image/bgmenu_package.png");
	background-repeat:no-repeat;*/
	
}

a:hover.menuSubtitle {
	
	color:dimgray ;
	padding:5px ;
	padding-left:10px ;
	text-decoration:none ;
	/*background-image: url("./../image/bgmenu_on.gif");
	background-repeat:no-repeat;*/
	
}

/* note link --> default to unvisited link */

a:visited {

	text-decoration:none ;

}

a:link {

	text-decoration:none ;

}

article.code {
	
	border-color:dimgray ;
	border-style:dotted ;
	border-width:2px ;
	border-radius:6px ;
	margin-bottom:10px ;
	text-align:left ;
	padding: 5px 5px 5px 5px;
	
}

article.container {

	display:flex ;
	flex-wrap:wrap ;
	border-color:dimgray ;
	border-style:dotted ;
	border-width:2px ;
	border-radius:6px ;
	margin-bottom:10px ;
	text-align:left ;
	/* align-self:center ; */
	/* align-content:top ; */

}

article.container2 {

	display:flex ;
	flex-wrap:wrap ;
	/* border-color:dimgray ; */
	/* border-style:dotted ; */
	border-width:2px ;
	border-radius:6px ;
	margin-bottom:10px ;
	text-align:left ;
	/* align-self:center ; */
	/* align-content:top ; */

}

body {

	background-color:#F2F2F2 ;
	font-family: "Noto Sans",consolas,"Trebuchet MS",Arial,Helvetica,courier,Verdana,"Lucida Grande",Lucida,Tahoma,Geneva,sans-serif ;
	max-width:100% ;
	font-weight:normal ;
	/* align-self:center ; */

}

div.center {

	/* float:left ; */
	margin-right:auto ;
	text-align:center ;
	/* background-color:blue ; */

}

div.code {
	
	font-family:'courier',consolas, "Trebuchet MS",Arial,Helvetica,courier,Verdana,"Lucida Grande",Lucida,Tahoma,Geneva,sans-serif;
	font-size: small;
	font-weight: lighter;
	float: none;
	white-space: pre;
	line-height: 1;
	background: #3F3F3F;
	color: #DCDCCC;
	border-color:black ;
	border-style:solid ;
	border-width:2px ;
	border-radius:6px ;
	padding: 5px 5px 5px 5px;

}

figure {

	margin:20px ;
	/* border:4px solid red ; */

}

figcaption.subtitle {

	font-size:medium ;
	color:indianred ;
	font-weight:normal ;
	margin-top:10px ;
	/* text-align:center ; */

}

footer {

	font-size:medium ;
	/*font-weight:bold ;*/

}

/* h2 { */

	/* margin-top:20px ; */
	/* padding-bottom:20px ; */

/* } */

h3 {

	color:black ;
	margin-top:20px ;
	padding-bottom:20px ;

}

h4 {

	color:black ;
	text-decoration:underline;
	margin-top:20px ;
	padding-bottom:20px ;
	margin-left:1em ;

}

header {

	font-size:xx-large ;
	/*font-weight:bold ;*/
	color:white ;
	background-color:black;
	width:100% ;
	margin-top:20px ;
	margin-bottom:20px ;
	padding:10px ;
	border-radius: 25px ;
	box-shadow:5px 5px 5px grey;

}

header img {

	float:right ;
}

hr.sep5 {
	
	height:5px ;
	background-color:rgb(250,250,250) ;
	border-width:0 ;
	
}

img {

	max-width:100% ;
	height:auto ;

}

img.wyswyg {

	/* max-width:100% ; */
	/* height:auto ; */

}

img.icon {

	float:left ;

}

img.intextl {
	
	float:left ;
	padding-right:1.5em ;
	padding-top:1em ;
	padding-bottom:1em ;
	
}


img.shadedrad {

	box-shadow:2px 2px 3px grey ;
	border-radius:6px ;
	align-self:center ;
	vertical-align:middle ;
	/* width:100% ; */
	/* height:100% ; */
	/* border:4px solid black ; */

}

li {
	
	vertical-align:middle ;
	line-height:1.5em ;
	
}

main {

	align-self:center ;

}

nav.contents_blog {

	font-size:medium ;
	/*font-weight:bold ;*/
	color:seagreen ;
	/* text-decoration-color:seagreen ; */
	margin-top:20px ;
	margin-bottom:10px ;
	/*background-color:green ;*/

}

nav.contents_blog a {

	text-decoration:none ;
	color:seagreen ;

}

nav.contents_examples a:hover {

	border-bottom: medium dotted ;

}

nav.contents_blog a:hover {

	border-bottom: medium dotted ;

}

nav.relations {

	font-size:large ;
	/*font-weight:bold ;*/
	color:seagreen ;
	/* text-decoration-color:seagreen ; */
	margin-top:20px ;
	margin-bottom:10px ;
	/*background-color:green ;*/

}

nav.relations a {

	text-decoration:none ;
	color:seagreen ;

}

nav.relations a:hover {

	border-bottom: medium dotted ;

}

nav.topmenu a {

	text-decoration:none ;
	color:dimgray ;

}

nav.topmenu a:hover {

	border-bottom: medium dotted dimgray;

}

nav.tags a:hover {

	/* border-bottom: medium dotted ; */
	background-color:lemonchiffon ;
	border-style:solid ;

}

ol {
	
	margin-left: 2.5em;
	padding-left: 0;
	line-height:1.5em;

}

p {

	margin-top:10px ;
	margin-bottom:10px ;
	line-height:1.5em ;

}


		
p.link_seagreen_totop {

	display:block ;
	margin-top:10px ;
	margin-bottom:10px ;
	line-height:1.5em ;
	margin-left:1em ;

}

p.link1 {

	position:absolute ;
	left:55% ;
	top:130px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link1 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link1 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link2 {

	position:absolute ;
	left:55% ;
	top:160px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link2 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link2 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link3 {

	position:absolute ;
	left:55% ;
	top:190px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link3 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link3 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link4 {

	position:absolute ;
	left:55% ;
	top:220px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link4 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link4 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link5 {

	position:absolute ;
	left:55% ;
	top:250px ;
	width: 250px ;
	z-index: 1;
	/* color:black ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link5 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link5 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link6 {

	position:absolute ;
	left:55% ;
	top:280px ;
	width: 250px ;
	z-index: 1;
	/* color:black ; */
	/* background-color:snow; */
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link6 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link6 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire1 {

	position:absolute ;
	left:55% ;
	top:130px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire1 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire1 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire2 {

	position:absolute ;
	left:55% ;
	top:160px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire2 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire2 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire3 {

	position:absolute ;
	left:55% ;
	top:190px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire3 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire3 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire4 {

	position:absolute ;
	left:55% ;
	top:220px ;
	width: 250px ;
	z-index: 1;
	/* color:seagreen ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire4 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire4 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire5 {

	position:absolute ;
	left:55% ;
	top:250px ;
	width: 250px ;
	z-index: 1;
	/* color:black ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire5 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire5 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.link_without_sommaire6 {

	position:absolute ;
	left:55% ;
	top:280px ;
	width: 250px ;
	z-index: 1;
	/* color:black ; */
	background-color:snow;
	font-size:medium ;
	/*font-weight:bold ;*/

}

p.link_without_sommaire6 a {

	color:seagreen ;
	/* text-decoration-color:seagreen ; */

}

p.link_without_sommaire6 a:hover.dots_seagreen {
	
	color:seagreen ;
	border-bottom: medium dotted ;
	
}

p.margin1 {

	line-height:1.5em ;
	margin-left:1em ;

}

p.tablecaption {

	font-size:medium ;
	color:indianred ;
	/*font-weight:bold ;*/
	margin-top:10px ;
	text-align:center ;

}


p.title1 {

	position:absolute ;
	left:55% ;
	top:240px ;
	color:sienna ;
	/*font-weight:bold ;*/

}

p.title2 {

	position:absolute ;
	left:55% ;
	top:270px ;
	color:sienna ;
	/*font-weight:bold ;*/

}

p.title1b {

	position:absolute ;
	left:55% ;
	top:220px ;
	z-index: 1;
	color:sienna ;
	/*font-weight:bold ;*/

}

p.title2b {

	position:absolute ;
	left:55% ;
	top:250px ;
	z-index: 1;
	color:sienna ;
	/*font-weight:bold ;*/

}

p.title1c {

	position:absolute ;
	left:55% ;
	top:310px ;
	z-index: 1;
	color:sienna ;
	/*font-weight:bold ;*/

}

p.title2c {

	position:absolute ;
	left:55% ;
	top:340px ;
	z-index: 1;
	color:sienna ;
	/*font-weight:bold ;*/

}

section.code_top {
	
	width:100% ;
	font-weight: lighter ;
	
}

section.code_bottom {
	
	width:100% ;
	font-weight: lighter ;
	
}

/*span.code {
	
	font-family:'Consolas';
	color: #DCDCCC;
	
}*/

span.sc0 {
	
	
	
}


span.sc3 {
	
	color: #8CD0D3;
	
}

span.sc5 {
	
	color: #CC9393;
	
}

span.sc6 {
	
	/*font-weight: bold;*/
	color: #9F9D6D;
	
}

span.sc7 {
	
	
	
}
span.sc8 {
	
	/*font-weight: bold;*/
	color: #FFEBDD;
	
}

span.sc10 {
	
	
	
}

span.sc12 {
	
	/*font-weight: bold;*/
	color: #DFC47D;
	
}

span.glossary_bold {

	color:dodgerblue ;
	font-weight:bold ;

}

span.link_dodgerblue {

	color:dodgerblue ;
	/*font-weight:bold ;*/

}

span.link_orchid {

	color:orchid ;
	font-weight:bold ;

}

span.link_seagreen {

	color:seagreen ;
	font-weight:bold ;

}

span.link_sienna {

	color:sienna ;
	/*font-weight:bold ;*/

}

span.link_white_inactive_xlarge {

	color:white ;
	/*font-weight:bold ;*/
	font-size:x-large ;

}

span.notice_bold {

	color:sienna ;
	/*font-weight:bold ;*/

}

span.page_products {

	color:dimgray ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

span.page_products_orchid {

	color:orchid ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

span.page_products_cornflowerblue {

	color:cornflowerblue ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

span.title_inactive {

	color:black ;
	/*font-weight:bold ;*/

}

span.title_inactive2 {

	color:black ;
	/*font-weight:bold ;*/
	font-size:medium ;
	display:block ;
	padding-bottom:5px ;
	padding-top:5px ;
	padding-left:25px ;

}

span.title_inactive3 {

	color:sienna ;
	/*font-weight:bold ;*/

}

summary.title {

	position:absolute ;
	left:55% ;
	top:100px ;
	font-size:x-large ;
	/*font-weight:bold ;*/
	color:sienna ;

}

table.front {

	box-shadow:5px 5px 5px grey ;

}

/* table.left { */

 	/* align-content:right ; */
	/* align-items:right ; */

/* } */

	/* display:flex ; */
	/* flex-wrap:wrap ; */
	/* border-color:dimgray ; */
	/* border-style:dotted ; */
	/* border-width:2px ; */
	/* border-radius:6px ; */
	/* margin-bottom:10px ; */
	/* text-align:left ; */

table.menuTableTitle {
	
	padding-bottom:0px ;
	padding-top:0px ;
	padding-left:4px ;
	padding-right:4px ;
	/* border-style:solid ; */
	/* border-color:red ; */
	border-width:2px ;
	width:250px ;
	padding:2px ;
	/* display:table ; */
	
}

table.type1 {

	border:0px ;
	padding:2px ;
	width:100% ;
	align-content:center ;
	align-items:center ;

}

table.type1 td {

	padding:2px ;

}

table.type1b {

	border:0px ;
	padding:2px ;
	width:90% ;
	align-content:center ;
	align-items:center ;
	margin-left:auto;
	margin-right:auto;

}

table.type1b td {

	padding:4px ;

}

table.type2 {

	border:0px ;
	padding:2px ;
	/* width:50% ; */
	display:table ;
	/* align-content:top ; */
	/* align-items:top ; */
	/* vertical-align:top ; */
	/* border-style:solid ; */
	/* border-color:red ; */
	/* border-width:2px ; */

}

td.inter {
	
	border-bottom:1px ;
	border-bottom-style:solid ;
	border-bottom-color:tomato ;
	
}

td.main {
	
	border-left:2px dotted rgb(176,176,176) ;
	border-right:2px dotted rgb(176,176,176) ;
	border-top:2px dotted rgb(176,176,176) ;
	border-bottom:2px dotted rgb(176,176,176) ;
	padding:0.25em ;
	
}

td.menu {
	
	width:230px ;
	height:1px ;
	padding:0px ;
	
}

td.menuMargin {
	
	border-bottom:2px ;
	border-bottom-color:lightsteelblue ;
	border-bottom-style:dotted ;
	
}

td.menuTitle {
	
	border-bottom:4px ;
	border-bottom-color:lightsteelblue ;
	/* border-bottom-color:orchid ; */
	border-bottom-style:dotted ;
	font-size:medium ;
	
}

td.top {
	
	border-bottom:2px solid ;
	border-bottom-color:lightsteelblue ;
	
}

td.vert {
	padding:0.25em;
	border-left-width: 2px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 0px;
	border-style:dotted;
	border-color:rgb(176,176,176);
	/*border-color: lightsteelblue;*/
}

td.summary {

	padding-top:0.25em ;
	padding-bottom:0.25em ;

}

td.tothetop {

	padding-top:0.25em ;
	padding-bottom:0.25em ;

}

td.black_white_center {

	background-color:#000000 ;
	text-align:center ;
	color:white ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

td.center {

	text-align:center ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

td.topalign {

	vertical-align:top ;
	/* text-align:top ; */


}

td.D2E1F0_sienna_center {

	background-color:#d2e1f0 ;
	text-align:center ;
	color:sienna ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

td.F0F0F0_center {

	background-color:#F0F0F0 ;
	text-align:center ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

td.E5E5E5_indianred_center {

	background-color:#E5E5E5 ;
	text-align:center ;
	color:indianred ;
	font-size:medium ;
	/*font-weight:bold ;*/

}

td.E5E5E5_center_middle {

	background-color:#E5E5E5 ;

}

/* see fa-ul */

ul {
	
	margin-left: 2.5em;
	padding-left: 0;
	line-height:1.5em;

}

/* ul > li { */
	
	/* position: relative; */
	
/* } */

@media only screen and (min-width: 800px) {
	
	#allincluded {

		width:100% ;
		margin:auto ;
		/* align-content:center ; */

	}
	
	#home_inactive {

		position:absolute ;
		left:30px ;
		top:100px ;
		color:sienna ;

	}

	#home {

		position:absolute ;
		left:30px ;
		top:100px ;

	}
	
	#news_inactive {

		position:absolute ;
		left:100px ;
		top:100px ;
		color:sienna ;

	}

	#news {

		position:absolute ;
		left:100px ;
		top:100px ;

	}
	
	#products_inactive {

		position:absolute ;
		left:170px ;
		top:100px ;
		color:sienna ;

	}

	#products {

		position:absolute ;
		left:170px ;
		top:100px ;

	}

	#contact {

		position:absolute ;
		left:240px ;
		top:100px ;

	}
	
	#contact_inactive {

		position:absolute ;
		left:240px ;
		top:100px ;
		color:sienna ;

	}

	#legal {

		position:absolute ;
		left:310px ;
		top:100px ;

	}
	
	#legal_inactive {

		position:absolute ;
		left:310px ;
		top:100px ;
		color:sienna ;

	}

	#sitemap {

		position:absolute ;
		left:380px ;
		top:100px ;

	}
	
	#sitemap_inactive {

		position:absolute ;
		left:380px ;
		top:100px ;
		color:sienna ;

	}
	
	article.mobile {
		
		display:none ;
		
	}
	
	article.desktop {
		
		display:block ;
		
	}
	
	a.tags_interface {

		color:orange ;
		text-decoration-color:orange ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_scripts {

		color:tomato ;
		text-decoration-color:tomato ;
		/* font-size:medium ; */
		/*font-weight:bold ;*/

	}

	a.tags_computations {

		color:seagreen ;
		text-decoration-color:seagreen ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_quickfield {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_magnetostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_thermal {

		color:sienna ;
		text-decoration-color:sienna ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_material {

		color:dimgray ;
		text-decoration-color:dimgray ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_electronics {

		color:orange ;
		text-decoration-color:orange ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_electrical {

		color:seagreen;
		text-decoration-color:seagreen ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_models {

		color:tomato;
		text-decoration-color:tomato ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_electrostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_measurements {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	a.tags_tkfab {

		color:dimgray ;
		text-decoration-color:dimgray ;
		font-size:medium ;
		/*font-weight:bold ;*/

	}

	/* aside { */

		/* width:50% ; */
		/* float:left ; */
		/* min-height: 350px ; */
		/* display:inline-block ; */
		/* padding:10px ; */
		/* background-color:yellow ; */
		/* align-content: center ; */
		/* text-align:center ; */

	/* } */

	details {

		display:inline ;
		/* background-color:black; */

	}
	
	img.responsive {

		display:inline ;

	}
	
	nav.contents_examples {
		
		display:block ;
		font-size:medium ;
		/* font-weight:bold ; */
		/*color:seagreen ;*/
		/* text-decoration-color:seagreen ; */
		line-height:1.5em ;
		max-width:50% ;
		/*margin-top:20px ;
		margin-bottom:10px ;*/
		/* background-color:aquamarine ; */
		border-style:solid ;
		border:2px ;

	}
	
	nav.contents_examples a {

		text-decoration:none ;
		color:seagreen ;
		/*line-height:1.5em ;*/

	}

	nav.tags {

		display:block ;
		max-width:50% ;
		font-size:medium ;
		padding:5px ;
		align-content:center ;
		text-align:center ;
		line-height:1.5em ;
		
		/* background-color:orchid ; */

	}

	nav.topmenu {

		color:dimgray ;
		font-size:medium ;
		padding:0px ;
		list-style:none ;
		display:flex ;
		flex-wrap:wrap ;

	}
	
	p.desktop {
		
		display:block ;
		
	}
	
	p.mobile {
		
		display:none ;
		
	}

	section.navleft {

		width:25% ;
		padding:10px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}

	section.navright {

		width:25% ;
		padding:10px ;
		/* background-color:yellow ; */

	}

	section.left {

		width:50% ;
		align-content:top ;
		padding:2px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}

	section.right {

		width:50% ;
		align-content:top ;
		padding:2px ;
		font-size:medium ;
		/* background-color:yellow ; */

	}
	
	section.part_1on4 {

		width:25% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_2on4 {

		width:25% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_3on4 {

		width:25% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_4on4 {

		width:25% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	span.desktop {
		
		display:inline ;
		
	}
	
	span.link_seagreen_totop {

		color:seagreen ;
		font-size:medium ;
		/* text-decoration-color:seagreen ; */

	}
	
	strong.title_inactive2 {

		color:black ;
		/*font-weight:bold ;*/
		font-size:medium ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;

	}
	
	strong.menuStrongSubtitle {
		
		font-size:medium ;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongSubtitleInactive {
		
		font-size:medium;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongTitle {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_desktop {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_mobile {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:large ;
		color:black ;
		display:none ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	table.responsive_titre {
		
		display:none ;
		
	}

}

@media all and (min-width: 440px) and  (max-width: 800px) {
	
	#allincluded {

		width:100% ;
		margin:auto ;

	}
	
	#home_inactive {

		position:absolute ;
		left:10% ;
		top:130px ;
		color:sienna ;

	}

	#home {

		position:absolute ;
		left:10% ;
		top:130px ;

	}
	
	#news_inactive {

		position:absolute ;
		left:45% ;
		top:130px ;
		color:sienna ;

	}

	#news {

		position:absolute ;
		left:45% ;
		top:130px ;

	}
	
	#products_inactive {

		position:absolute ;
		left:80% ;
		top:130px ;
		color:sienna ;

	}

	#products {

		position:absolute ;
		left:80% ;
		top:130px ;

	}

	#contact {

		position:absolute ;
		left:10% ;
		top:200px ;

	}
	
	#contact_inactive {

		position:absolute ;
		left:10% ;
		top:200px ;
		color:sienna ;

	}

	#legal {

		position:absolute ;
		left:45% ;
		top:200px ;

	}
	
	#legal_inactive {

		position:absolute ;
		left:45% ;
		top:200px ;
		color:sienna ;

	}

	#sitemap {

		position:absolute ;
		left:80% ;
		top:200px ;

	}
	
	#sitemap_inactive {

		position:absolute ;
		left:80% ;
		top:200px ;
		color:sienna ;

	}
	
	a.tags_interface {

		color:orange ;
		text-decoration-color:orange ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_scripts {

		color:tomato ;
		text-decoration-color:tomato ;
		/* /* font-size:x-large ; */ */
		/*font-weight:bold ;*/

	}

	a.tags_computations {

		color:seagreen ;
		text-decoration-color:seagreen ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_quickfield {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_magnetostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_thermal {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_material {

		color:dimgray ;
		text-decoration-color:dimgray ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electronics {

		color:orange ;
		text-decoration-color:orange ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electrical {

		color:seagreen;
		text-decoration-color:seagreen ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_models {

		color:tomato;
		text-decoration-color:tomato ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electrostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_measurements {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_tkfab {

		color:dimgray ;
		text-decoration-color:dimgray ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	/* aside { */

		/* width:100% ; */
		/* display:inline-block ; */
		/* padding:10px ; */
		/* background-color:yellow ; */
		/* align-content:center ; */
		/* text-align:center ; */

	/* } */
	
	article.mobile {
		
		display:block ;
		
	}
	
	article.desktop {
		
		display:none ;
		
	}

	details {

		display:none ;

	}
	
	img.responsive {

		display:none ;

	}
	
	nav.contents_examples {
		
		display:block ;
		font-size:medium ;
		/* font-weight:bold ; */
		/* color:seagreen ; */
		/* text-decoration-color:seagreen ; */
		line-height:2em ;
		max-width:100% ;
		/*margin-top:20px ;
		margin-bottom:10px ;*/
		/* background-color:aquamarine ; */

	}
	
	nav.contents_examples a {

		text-decoration:none ;
		color:seagreen ;
		/*line-height:3em ;*/

	}

	nav.tags {

		display:block ;
		max-width:100% ;
		font-size:large ;
		padding:5px ;
		align-content:center ;
		text-align:center ;
		line-height:2em ;
		/* background-color:orchid ; */

	}

	nav.topmenu {

		color:dimgray ;
		font-size:medium ;
		padding:10px ;
		list-style:none ;
		display:flex ;
		flex-wrap:wrap ;
		margin-bottom:20px ;

	}
	
	p.desktop {
		
		display:none ;
		
	}
	
	p.mobile {
		
		display:block ;
		
	}

	section.navleft {

		width:100% ;
		padding:10px ;
		font-size:large ;
		margin-top:10px ;
		margin-bottom:10px ;
		/* background-color:aqua ; */

	}

	section.navright {

		width:100% ;
		padding:10px ;
		font-size:large ;
		margin-top:10px ;
		margin-bottom:10px ;
		/* background-color:yellow ; */

	}

	section.left {

		width:100% ;
		align-content:top ;
		padding:2px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}

	section.right {

		width:100% ;
		align-content:top ;
		padding:2px ;
		font-size:medium ;
		/* background-color:yellow ; */

	}
	
	section.part_1on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_2on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_3on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_4on4 {

		width:25% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	span.desktop {
		
		display:none ;
		
	}
	
	span.link_seagreen_totop {

		color:seagreen ;
		font-size:large ;

	}
	
	strong.menuStrongSubtitle {
		
		font-size:large ;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongSubtitleInactive {
		
		font-size:large;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongTitle {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:x-large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_desktop {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:large ;
		color:black ;
		display:none ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_mobile {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:x-large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	table.responsive_titre {
		
		width:100% ;
		display:table ;
		text-align:center ;
		color:sienna ;
		font-size:large ;
		/*font-weight:bold ;*/
		margin-top:20px ;
		margin-bottom:20px ;
		padding:10px ;
		border-radius: 25px ;
		box-shadow:5px 5px 5px grey;
		/*border-style:solid ;*/
		border:2px ;
		background-color:bisque ;
		
	}

}

@media all and (max-width: 440px) {
	
	#allincluded {

		width:100% ;
		margin:auto ;

	}
	
	#home_inactive {

		position:absolute ;
		left:10% ;
		top:130px ;
		color:sienna ;

	}

	#home {

		position:absolute ;
		left:10% ;
		top:130px ;

	}
	
	#news_inactive {

		position:absolute ;
		left:45% ;
		top:130px ;
		color:sienna ;

	}

	#news {

		position:absolute ;
		left:45% ;
		top:130px ;

	}
	
	#products_inactive {

		position:absolute ;
		left:80% ;
		top:130px ;
		color:sienna ;

	}

	#products {

		position:absolute ;
		left:80% ;
		top:130px ;

	}

	#contact {

		position:absolute ;
		left:10% ;
		top:200px ;

	}
	
	#contact_inactive {

		position:absolute ;
		left:10% ;
		top:200px ;
		color:sienna ;

	}

	#legal {

		position:absolute ;
		left:45% ;
		top:200px ;

	}
	
	#legal_inactive {

		position:absolute ;
		left:45% ;
		top:200px ;
		color:sienna ;

	}

	#sitemap {

		position:absolute ;
		left:80% ;
		top:200px ;

	}
	
	#sitemap_inactive {

		position:absolute ;
		left:80% ;
		top:200px ;
		color:sienna ;

	}
	
	article.mobile {
		
		display:block
		
	}
	
	article.desktop {
		
		display:none
		
	}
	
	a.tags_interface {

		color:orange ;
		text-decoration-color:orange ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_scripts {

		color:tomato ;
		text-decoration-color:tomato ;
		/* /* font-size:x-large ; */ */
		/*font-weight:bold ;*/

	}

	a.tags_computations {

		color:seagreen ;
		text-decoration-color:seagreen ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_quickfield {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_magnetostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_thermal {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_material {

		color:dimgray ;
		text-decoration-color:dimgray ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electronics {

		color:orange ;
		text-decoration-color:orange ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electrical {

		color:seagreen;
		text-decoration-color:seagreen ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_models {

		color:tomato;
		text-decoration-color:tomato ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_electrostatics {

		color:sienna ;
		text-decoration-color:sienna ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_measurements {

		color:dodgerblue ;
		text-decoration-color:dodgerblue ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	a.tags_tkfab {

		color:dimgray ;
		text-decoration-color:dimgray ;
		/* font-size:x-large ; */
		/*font-weight:bold ;*/

	}

	/* aside { */

		/* width:100% ; */
		/* display:inline-block ; */
		/* padding:10px ; */
		/* background-color:yellow ; */

	/* } */

	details {

		display:none ;

	}

	img.responsive {

		display:none ;

	}
	
	nav.contents_examples {
		
		display:block ;
		font-size:medium ;
		/* font-weight:bold ; */
		/* color:seagreen ; */
		/* text-decoration-color:seagreen ; */
		line-height:2em ;
		max-width:100% ;
		/*margin-top:20px ;
		margin-bottom:10px ;*/
		/* background-color:aquamarine ; */

	}
	
	nav.contents_examples a {

		text-decoration:none ;
		color:seagreen ;
		/*line-height:3em ;*/

	}

	nav.tags {

		display:block ;
		max-width:100% ;
		font-size:large ;
		padding:5px ;
		align-content:center ;
		text-align:center ;
		line-height:2em ;
		/* background-color:orchid ; */

	}

	nav.topmenu {

		color:dimgray ;
		font-size:medium ;
		padding:10px ;
		list-style:none ;
		display:flex ;
		flex-wrap:wrap ;
		margin-bottom:20px ;

	}
	
	p.desktop {
		
		display:none ;
		
	}
	
	p.mobile {
		
		display:block ;
		
	}

	section.navleft {

		width:100% ;
		padding:10px ;
		font-size:large ;
		margin-top:10px ;
		margin-bottom:10px ;
		/* background-color:aqua ; */

	}

	section.navright {

		width:100% ;
		padding:10px ;
		font-size:large ;
		margin-top:10px ;
		margin-bottom:10px ;
		/* background-color:yellow ; */

	}

	section.left {

		width:100% ;
		align-content:top ;
		padding:2px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}

	section.right {

		width:100% ;
		padding:10px ;
		align-content:top ;
		/* text-align:left ; */
		padding:2px ;
		/* background-color:yellow ; */

	}
	
	section.part_1on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_2on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_3on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	section.part_4on4 {

		width:50% ;
		align-content:top ;
		padding:0px ;
		font-size:medium ;
		/* background-color:aqua ; */

	}
	
	span.desktop {
		
		display:none ;
		
	}
	
	span.link_seagreen_totop {

		color:seagreen ;
		font-size:large ;

	}
	
	strong.menuStrongSubtitle {
		
		font-size:large;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongSubtitleInactive {
		
		font-size:large;
		color:dimgray ;
		text-decoration:none ;
		
	}
	
	strong.menuStrongTitle {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:x-large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_desktop {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:large ;
		color:black ;
		display:none ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	strong.menuStrongTitle_mobile {
		
		/*background-image: url("./../image/bgmenu_off.png");
		background-repeat:no-repeat;*/
		font-size:x-large ;
		color:black ;
		display:block ;
		text-decoration:none ;
		padding-bottom:5px ;
		padding-top:5px ;
		padding-left:25px ;
		/*width:180px;*/
		
	}
	
	table.responsive_titre {
		
		width:100% ;
		display:table ;
		text-align:center ;
		color:sienna ;
		font-size:large ;
		/*font-weight:bold ;*/
		margin-top:20px ;
		margin-bottom:20px ;
		padding:10px ;
		border-radius: 25px ;
		box-shadow:5px 5px 5px grey;
		/*border-style:solid ;*/
		border:2px ;
		background-color:bisque ;
		
	}

}