@charset "utf-8";

/* SOURCE Police https://fonts.google.com/specimen/Inter?query=inter&sidebar.open=true&selection.family=Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@font-face {
    font-family: 'LCD_martin';
    src: url('fonts/lcd-ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a img {
	border:none;
}
/*#container{margin-left:300px;}*/
#FondDuSite {
	background-color: #F8F8F8;
	z-index: 1;
}
#FondDuSite, #TagCloud {
	width:1000px;
	height:auto;
	margin:0 auto;
}
#TagCloud{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:9px;
}
#LayerBanner {
	background-image:url(images/martin-apps-com-bandeau.png);
	width:800px;
	height: 50px;
	font-family: 'LCD_martin';
	font-size:0px;
}

#LayerBanner, LayerBannerPrint {
	position:relative;
	left:50px;
	top:0px;
	/*	width:358px;
	height:37px;*/
	z-index:3;
}
#LayerBannerPrint, #MenuMobileOnOff, #dl-menu{
   display:none;
}
#dl-menu{
	/* pour MENU GENERAL POUR APPAREILS MOBILES (gauche)*/
	position:absolute;
	top:0px;
	left:0px;
	z-index:1010;
}
#MenuMobileOnOff{
	position:absolute;
	top:0px;
	left:0px;
	width:2.5em;
	height:2.5em;
	z-index:1000;
}
#EspaceSousBanner1 {
	width:100%; 
	height:20px; 
	background-color:#FFFFFF;
}
#EspaceSousBanner2 {
	width:100%; 
	height:10px;
}
#LayerMenu {
	float:left;
	width:195px;
	height:auto;
	z-index:1000;
	margin-left:5px;
}
#LayerMenuButton{
	float:left;
	width:32px;
	height:auto;
	margin-left:-2px;
}
#LayerImprimante, #LayerSearch, #LayerDiapos, #LayerPlan, #LayerContact {
	padding-bottom:10px;
	padding-top:5px;
	text-align:center;
	z-index: 1004;
}
#lImprimer, #lSearch, #lDiapos, #lPlan, #lContact {opacity:0.15; border:none;}
#lImprimer:hover, #lImprimer:focus {
	opacity:1;
	background-image:url(imprimante-anim.gif);
	background-repeat:no-repeat;
	z-index: 1005;
}
#lSearch:hover, #lSearch:focus, #lDiapos:hover, #lDiapos:focus, #lPlan:hover, #lPlan:focus, #lContact:hover, #lContact:focus{
	opacity:1;
}
#LayerMenuShadow{
	box-shadow: 2px 2px 4px #AAA;
	width:150px;
	margin-left: 38px;
}
#LayerPartage {
	position:relative;
	top:10px;
	width:80%;
	height:auto;
	z-index:10;
	opacity:0.75;
	margin-left: 38px;
	text-align: center;
}
#LayerPartage:hover, #LayerPartage:focus {
	opacity:1;
}
#LayerLang {
	float:right;
	width:125px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	margin-top: -40px;
	z-index:1000;	
	/*background-color: #FFCCCC;*/
}
#LayerLang a:visited, #LayerLang a:link, #LayerLang a:hover {
	text-decoration: none;
	border-style: none;
}
#LayerLang a:hover {
	background-color:#FFCC66;
}
#LayerSummary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	width:147px;
	height:auto;
	z-index:1006;
	border-top-style:dotted;
	border-left-style:dotted;
	border-top-width:1px;
	border-left-width:1px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#FFFFFF;
	font-size:9px;
	text-align:left;
	box-shadow:2px 2px 4px #AAA;
	visibility:visible;
	color: #000000;
	opacity:0.35;
	position:relative;
	margin-left: 38px;
	top: 20px;
}
#LayerSummary:link, #LayerSummary:visited {
	color: #CCCCCC;
}
#LayerSummary:hover, #LayerSummary:focus, #LayerSummary:link, #LayerSummary:visited {
	color: #000000;
	opacity:1;
	z-index: 1006;
	background-color: #FFFFEA;
}
#LayerSummary a:visited {
	text-decoration: none;
	color: #999999;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#LayerSummary a:link {
	text-decoration: none;	
	color: #999999;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#LayerSummary a:hover {
	text-decoration: none;	
	background-color:#FFCC66;
	color: #000000;
	border-style: dotted;
	border-width: 1px;
	border-color: #CCCCCC;
}
#LayerArboCorps {
	margin-left:205px;
	height:auto;
}
#LayerArbo, #LayerArboHeightClone {
	height: 95px;
}
#LayerArbo {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	font-size:12px;
	width:99%;
	z-index:2;
}
#LayerArbo tr {
	opacity: 0.5;
}
#LayerArbo tr:hover {
	opacity: 1;
}
#LayerArbo a:visited {
	text-decoration: none;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#LayerArbo a:link {
	text-decoration: none;	
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#LayerArbo a:hover {
	text-decoration: none;	
	background-color: #FFCC66;
	color: #000000;
	border-style: dotted;
	border-width: 1px;
	border-color: #CCCCCC;
}
.TableMenus {
	width: 100%;
}
#TableMenu1 a:hover, #TableMenu2 a:hover {
	background-color: yellow;
}
#LayerCorps {
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Inter', Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	width:97%;
	height:auto;
	z-index:1;
	border-top-style:dotted;
	border-left-style:dotted;
	border-top-width:1px;
	border-left-width:1px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	background-color:#FFFFFF;
	box-shadow:2px 2px 4px #AAA;
}
#LayerCorps a.ToIntDL:visited, #LayerCorps a.ToIntDL:link, #LayerCorps a.ToIntDL:hover, #LayerCorps a.ToInt:visited, #LayerCorps a.ToInt:link, #LayerCorps a.ToInt:hover, #LayerCorps a.ToExt:visited, #LayerCorps a.ToExt:link, #LayerCorps a.ToExt:hover {
	text-decoration: none;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}
#LayerCorps a.ToInt:visited, #LayerCorps a.ToInt:link, #LayerCorps a.ToInt:hover {
	border-width: 1px;
	border-style: dotted;
	border-color: #666666;
}
#LayerCorps a.ToExt:visited, #LayerCorps a.ToExt:link, #LayerCorps a.ToExt:hover {
	border-width: 1px;
	border-style: dotted;
	border-color: #FF0000;
	background: url(icon/external-link-red.gif) center
		right no-repeat;
        padding-right: 16px;
}
#LayerCorps a.ToIntDL:visited, #LayerCorps a.ToIntDL:link, #LayerCorps a.ToIntDL:hover {
	border-width: 1px;
	border-style: dotted;
	border-color: #FF9900;
	background: url(icon/internal-download-orange-11x10.gif) center
		right no-repeat;
	padding-right: 16px;
}
#LayerCorps a.ToExt:visited, #LayerCorps a.ToExt:link {
	background-color:#FFF4F4;
}
#LayerCorps a.ToIntDL:visited, #LayerCorps a.ToIntDL:link, #LayerCorps a.ToInt:visited, #LayerCorps a.ToInt:link {
	background-color:#FFFFD2;
}
#LayerCorps a.ToInt:hover, #LayerCorps a.ToExt:hover {
	background-color:#FFCC66;
}
#LayerCorps li{line-height:120%}
#LayerCorpsUpdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align: center;
	height:auto;
	z-index:1;
	padding-top:3px;
	padding-bottom:2px;
}
#LayerCorpsW3C {
	text-align: center;
	height: 25px;
}
#w3c_xhtml{opacity:0.25}
#w3c_xhtml:hover, #w3c_xhtml:focus {opacity:1;}
#w3c_css{opacity:0.25}
#w3c_css:hover, #w3c_css:focus {opacity:1;}
#tagcloud{	font-family: Verdana, Arial, Helvetica, sans-serif;opacity:0.25}
#tagcloud:hover, #tagcloud:focus {opacity:1;}
.LigneMenuFin {
	display:none;
}
.LigneMenuDebut {
	display:inline;
}
/* Nouvelle Font Inter */
.StyCorpsMoins1pix{font-size:12px;}
.StyCorpsMoins2pix{font-size:11px;}
.StyCorpsMoins3pix{font-size:10px;}
/* ancienne Font (avant Inter)
.StyCorpsMoins1pix{font-size:11px;}
.StyCorpsMoins2pix{font-size:10px;}
.StyCorpsMoins3pix{font-size:9px;}*/
.StyNorm{font-weight:normal;}
.StyGras{font-weight:bold;}
.StyItal{font-style:italic;}
.StyMajus{text-transform: uppercase;}
.StyMinus{text-transform: lowercase;}
.StyBarr{text-decoration:line-through}
.StyH1Plus8pix{font-size:24px;}
.StyListCircle{list-style-type:circle; padding-left:20px;}
.StyListSquare{list-style-type:square; padding-left:20px;}
.StyListDecimal{list-style-type:decimal; padding-left:20px;}
.StyListSquare li{margin-bottom:5px; text-align:left}
.StyRetraitLigne1{Text-Indent:-10px; margin-left:10px}
.StyMargeBas3pix{margin-bottom:3px}
.StyMenuArbo, .StyMenuMarge{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;}
.StyMenuText{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;}
.StyOmbrage{ 
  text-shadow: 0px 0px 9px #777; 
  color: #fff; 
} 
.StyFlamme{  text-shadow:0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
  color: #000;}
.InputReadOnly{	background-color: #E4E4E4; font-style:italic;}
ul.retract > li:first-child {margin-top:-11px}
ol.retract > li:first-child {margin-top:-11px}
#ApresMenu0, #ApresMenu1, #ApresMenu2{width:100%; height:1px; border-top-style: solid; border-top-width: 1px; border-top-color: #CCCCCC;}

body {
	overflow-y: scroll; /* rend l'ascenseur TOUJOURS visible afin que la largeur soit constante, sinon l'affichage est variable selon la présence ou pas de l'ascenseur */
	counter-reset: chapNv2 chapNv3 chapNv4 chapNv5 cNv1 cNv2 cNv3 cNv4 cNv5;
	background-color: #FFFFFF;
}
acronym{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
h1, h2, h3, h4, h5, hModal {font-family:Verdana, Arial, Helvetica, sans-serif; }
h1 {
	text-align:center;
	color:#000000;
	background-color: #FEDD27;
	font-size:16px;
	font-weight:bold;
	border-width: 2px;
	border-style: solid;
	border-color: #795946;/*#C41E99;;*/
	padding-top: 5px;
	padding-bottom: 5px;
}
h2, h3, h4, h5 {
	color:#FFFFFF;
	background-color: #999999;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-style: solid;
}
h2{	counter-reset: chapNv3 chapNv4 chapNv5; border-width: 2px; font-size:14px; } 
h2:before { 
	counter-increment: chapNv2;
	content: counter(chapNv2) ". - ";
}
h3{	counter-reset: chapNv4 chapNv5;	border-width: 1px; font-size:14px;	margin-left:40px;	margin-right:0px;}
h3:before { 
	counter-increment: chapNv3; 
	content: counter(chapNv2) "." counter(chapNv3) ". - " ;
}
h4{	counter-reset: chapNv5;	border-width: 1px; font-size:13px;	margin-left:80px;	margin-right:0px;}
h4:before { 
	counter-increment: chapNv4; 
	content: counter(chapNv2) "." counter(chapNv3) "." counter(chapNv4) ". - " ;
}
h5{	font-size:13px;	border-width: 0px; border-bottom-width: 1px; margin-left:120px;	margin-right:0px;}
h5:before { 
	counter-increment: chapNv5; 
	content: counter(chapNv2) "." counter(chapNv3) "." counter(chapNv4) "." counter(chapNv5) ". - " ;
}

.jquery-toc-1 li{margin-left:-40px;	list-style-type: none;}
.jquery-toc-2 li{margin-left:-60px;	list-style-type: none;}
.jquery-toc-3 li{margin-left:-80px;	list-style-type: none;}
.jquery-toc-4 li{margin-left:-100px; list-style-type: none;}
.jquery-toc-5 li{margin-left:-120px; list-style-type: none;}
.jquery-toc-6 li{margin-left:-140px; list-style-type: none;}

.jquery-toc-1 li		 {counter-reset:cNv2 cNv3 cNv4 cNv5 ;}
.jquery-toc-2 li		 {counter-reset:cNv3 cNv4 cNv5 ;}
.jquery-toc-3 li		 {counter-reset:cNv4 cNv5 ;}
.jquery-toc-4 li		 {counter-reset:cNv5 ;}

.jquery-toc-1 li:before {counter-increment: cNv1; content: counter(cNv1) ". - " ;}
.jquery-toc-2 li:before {counter-increment: cNv2; content: counter(cNv1) "." counter(cNv2) ". - " ;}
.jquery-toc-3 li:before {counter-increment: cNv3; content: counter(cNv1) "." counter(cNv2) "." counter(cNv3) ". - " ;}
.jquery-toc-4 li:before {counter-increment: cNv4; content: counter(cNv1) "." counter(cNv2) "." counter(cNv3) "." counter(cNv4) ". - " ;}
.jquery-toc-5 li:before {counter-increment: cNv5; content: counter(cNv1) "." counter(cNv2) "." counter(cNv3) "." counter(cNv4) "." counter(cNv5) ". - " ;}
/* il faut un counter de plus (de trop) pour bien compter, sinon le dernier niveau ne s'incrémente pas*/


.cTabExt{border-width: 2px; border-style: solid; border-color: silver; vertical-align:top; text-align:center}
.cTabInt{border-width: 1px; border-style: dotted; border-color: silver; vertical-align:top; text-align:center}
#Info404 {font-size:10px;}
#Info404 input { width: 90%;font-size:9px;} 
#output{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#999999;
	text-align: center;
}
.colonne1de3, .colonne2de3, .colonne3de3 {float:left; height:auto}
.colonne1de3 {width:30%; }
.colonne2de3 {width:30%; margin-left:5%; }
.colonne3de3 {width:30%; margin-left:5%; }

.FamilyCol_1de2, .FamilyCol_2de2 {float:left; height:auto}
.FamilyCol_1de2 {width:100px; }
.FamilyCol_2de2 {width:auto; margin-left:0px; }

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{
    display: block;
}
html[xmlns].clearfix{
    display: block;
}
*.clearfix{
    height: 1%;
}
.clearfixMartin{
	float: none;
	line-height: 0;
}
.DisplayNone {
	display: none;
}
sup.SupAligne { 
	/* Applique a un exposant un alignement en haut de ligne. Ce qui evite d'augmenter l'interlignage 
	l'effet est applique avec <sup class="SupAlign">
	C'est interessant par exemple pour les termes 1er, 2eme
	Par contre pour les formules mathematique on utilise <sup> tout court qui modifiera l'interlignage, mais sera plus explicite	*/
	vertical-align: text-top;
	font-size: 80%;
}
.center-div {
     margin: 0 auto;
     width: 100px; 
}
.blockButton {
	display: block;
	width: 100%;
	border: solid #000000;
	background-color: #FF9900;
	color: black;
	padding: 14px 28px;
	cursor: pointer;
	text-align: center;
	font-family: 'Inter', Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 16px;*/
	font-size:13px;

}
.blockButton:hover {
	background-color: #D78100;
	color: white;
}
/*=======================================================================================*/
/* Paramètres de la popup qui affiche l'historique des versions */
.white-popup-History {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 800px;
  margin: 20px auto;
  font-family: 'Courier New', monospace;
  font-size: 12px
}
/*=======================================================================================*/
/* Source https://www.w3schools.com/howto/howto_css_equal_height.asp */
/* Obtenir des colonnes juxtaposées de même hauteurs*/ 
.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}
.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
	padding: 1px;
}
/*=======================================================================================*/

.col_Famille_1 {padding-left:20px }
.col_Famille_2 {width:100% ; padding-left:20px ;}
/*.col_Famille_1 img{border-width: 100px }
.col_Famille_2 h2{margin-top: 0px }*/

.IMG_Desktop {display: block}
.IMG_Mobile {display: none}
.T_A_C {text-align: center;}

h1.Family_RANDO, h2.Family_RANDO {
	color:#FFFFFF;
	background-color: #A0765C;
}
h1.Family_CALC, h2.Family_CALC {
	color:#FFFFFF;
	background-color: #A0765C;
}
h1.Family_DIAPO, h2.Family_DIAPO {
	color:#FFFFFF;
	background-color: #A0765C;
}
h1.Family_WEB, h2.Family_WEB {
	color:#FFFFFF;
	background-color: #A0765C;
}
h1.Family_DIV, h2.Family_DIV {
	color:#FFFFFF;
	background-color: #A0765C;
}