@font-face{
	font-family: 'typewriter';
	src: url(/fonts/typewriter.woff2) format('woff2'),
		url(/fonts/typewriter.ttf) format('truetype');
}

blockquote {
/*	padding: 0 0 0 20px; */
	padding: 0 1em 0 1em;
	margin: 0 1em 0 1em;
}
.lien { color: #0000FF;
	text-decoration: underline;}

a {
    font-weight: 400;}

.A10bleu {
	font-size: 10px;
	font-weight: bold;
/*	cursor: default; */
	color: #330066;
	text-decoration: none;}
.A10bleuL {
	font-size: 10px;
	font-weight: bold;
	color: #330066;
	cursor: hand;
	text-decoration: none;}
.A12noir {
	font-size: 13px;
/*	font-weight: default; */
	font-weight: 300;
	cursor: default;
	color: #000000;
	text-decoration: none;}
.A12noirL {
/*	font-size: 1em; */
/*	font-size: 14px; */
/*	font-weight: default; */
	font-weight: 400;
	cursor: Hand;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-variant: normal;}
.A14orange {
/*	font-size: 16px; */
	font-size: 1.3em;
/*	font-weight: default; */
	font-weight: 400;
	cursor: default;
	color: #E95D3C;
	text-decoration: none;}
.V12noir {
	font-size: 12px;
	font-weight: default;
	cursor: default;
	color: #000000;
	text-decoration: none;}
.articletitre {
	font-size: 1.3em;
	font-weight: 400;
	cursor: default;
	color: #E95D3C;
	text-decoration: none;}
.LIEN {
	font-size: 12px;
	font-weight: bold;
	cursor: default;
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	line-height: normal;
	font-variant: normal;}
.Tab80 {
/*	background-color: #FFFF99; */
	font-size: 12px;
	font-weight: bold;}
.Tab65 {
/*	background-color: #FFFFCC; */
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;}
.blanc {
	background-color: #FFFFFF;
	color: #FFFFCC;}
.gris {
	background-color: #CCCCCC;
	color: #FFFFCC;}
.Page1 {
/*	border-style: solid; */
/*	border-width: 1px; */
/*	border-color: #FFFFFF; */
/*	background-color: #FFFFFF; */
	width: 100%;
	padding: 0px;}
.Page2 {
	background-color: transparent;
	padding: 20px;}



.CadreHisto { /* OK */
	margin-bottom: 12px;
/*	padding: 12px 20px 12px 20px; */
	border: solid 0px #999999;}


.articlecontainer { /* voir HistoArtBloc -------------------- */
/*	background-color: #f6f6f6; */
	margin: 10px 0 24px 0;
	border: 1px solid #888;
	clear: both;}
.HistoLigneTitre { /* voir HistoArtLigneTitre -------------------- */
/*	background-color: #fff; */
/*	border-bottom: 1px solid #888; */
/*	font-size: 1.4em; */
	font-size: 22px;
	font-weight: 400;}
.articlecontent { /* voir HistoArtTxt -------------------- */
	padding: 5px 14px 8px 14px;
	overflow: auto;
	background-color: #f6f6f6; /* fond d article legerement gris */}




.Articlebloc { /* voir HistoArtBloc -------------------- */
	border: solid 1px #999999;
	margin: 0px 0px 30px 0px;}
.ArtLigneTitre { /* voir HistoArtLigneTitre -------------------- */
	display: table-row;
	margin:auto;
	background-color: #EDEDED;
	border-bottom: solid 1px #999999;
	font-size: 1.5em;}

.ArtNum { /* voir HistoArtNum -------------------- */
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999;
	padding:0px 10px 0px 10px;
	font-weight: 400;
	color: #E95D3C;
	white-space: nowrap;}
.ArtTitre { /* voir HistoArtTitre -------------------- */
	width: 99%;
	display: table-cell;
	padding:1px 5px 1px 10px;
	font-weight: 300;
	text-align: left;
/*	color: #E95D3C; */}

.Articletxt { /* voir HistoArtTxt -------------------- */
	border-top: solid 1px #999999;
	padding: 15px 20px 0px 20px;}

.article-container { /* voir CadreHisto ou Articlebloc -------------------- */
	/*width: 100%;*/
	margin: 10px 0 20px 0;
	background-color: #fff;
	border: solid 1px  #999999;
	clear: both;
	}
.article-container .ArtLigneTitre { /* a supprimer ? */
	background-color: #fff;
	}
.ArtNum, .ArtTitre { /* voir HistoArtNum et HistoArtTitre-------------------- */
	background-color: #fff;
	border-bottom: solid 1px #999999;
	font-weight: bold;
	}
.article-content { /* voir HistoArtTxt -------------------- */
	background-color: #fff;
	padding: 20px 20px 0px 20px;
	overflow: auto;
	}

	p.comment {
		margin-bottom: 8px;
		display:table-cell;
		float: right;
		background-color: #A8A8A8;
		border-radius: 6px;
		padding: 3px 10px 0px 10px;
		clear: both;}
	.article-content p.comment {
		margin-bottom: 3px;
		float: right;
		background-color: #A8A8A8;
		border-radius: 6px;
		padding: 3px 10px 0px 10px;
		clear: both;
		border: 0px solid #f00;}
	p.comment:hover {
		background-color: #C4C4C4;
		cursor:pointer;	}
	p.comment:active {
		background-color: #bbb;
		cursor:pointer;	}

	p.close_comment {
		margin-bottom: 0;
		float: right;
		background-color: #C4C4C4;
		border-radius: 6px;
		padding: 3px 10px 0px 10px;	}

	p.close_comment:hover {
		background-color: #A8A8A8;
		cursor:pointer;}
	p.close_comment:active {
		background-color: #bbb;
		cursor:pointer;}


.HistoArtBloc {	
	margin: 10px 0 24px 0;
	border: 1px solid #888;
	clear: both;}
.HistoArtLigneTitre {
	display: table-row;
/*	border-bottom: 1px solid #888; */
/*	font-size: 1.4em; */
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	font-weight: 400;}
.HistoArtLigneTitreERP {
	display: table-row;
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	font-weight: 400;}
.HistoArtLigneTitreIGH {
	display: table-row;
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	font-weight: 400;}
.HistoArtLigneTitreHAB {
	display: table-row;
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	font-weight: 400;}
.HistoArtLigneTitreERT {
	display: table-row;
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	font-weight: 400;}
.HistoArtNum {
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999; /* OK */
	padding:0px 10px 0px 10px; /* OK */
	color: #E95D3C; /* couleur orange */
/*	font-weight: bold; */
	background-color: #e3e3e3;
	border-bottom: solid 1px #999999;
	font-weight: 700; /* OK */
	white-space: nowrap;}
.HistoArtNumERP {
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999; /* OK */
	padding:0px 10px 0px 10px; /* OK */
	color: #E95D3C; /* couleur orange */
	background-color: rgba(84,107,192,0.5);
	border-bottom: solid 1px #999999;
	font-weight: 700; /* OK */
	white-space: nowrap;}
.HistoArtNumIGH {
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999; /* OK */
	padding:0px 10px 0px 10px; /* OK */
	color: #E95D3C; /* couleur orange */
	background-color: rgba(248,150,30,0.35);
	border-bottom: solid 1px #999999;
	font-weight: 700; /* OK */
	white-space: nowrap;}
.HistoArtNumHAB {
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999; /* OK */
	padding:0px 10px 0px 10px; /* OK */
	color: #E95D3C; /* couleur orange */
	background-color: rgba(249,65,68,0.3);
	border-bottom: solid 1px #999999;
	font-weight: 700; /* OK */
	white-space: nowrap;}
.HistoArtNumERT {
	display: table-cell;
	vertical-align: middle;
	border-right: solid 1px #999999; /* OK */
	padding:0px 10px 0px 10px; /* OK */
	color: #E95D3C; /* couleur orange */
	background-color: rgba(192,132,151,0.5);
	border-bottom: solid 1px #999999;
	font-weight: 700; /* OK */
	white-space: nowrap;}
.HistoArtTitre {width: 99%;
	display: table-cell;
/*	padding:1px 5px 1px 10px; */
	padding:0px 10px 0px 10px; /* OK */
/*	font-weight: 400; */
	text-align: left;
/*	color: #E95D3C; */
/*	font-weight: bold; */
	background-color: #e3e3e3;
	border-bottom: solid 1px #999999;}
.HistoArtTitreERP {width: 99%;
	display: table-cell;
	padding:0px 10px 0px 10px; /* OK */
	text-align: left;
	background-color: rgba(84, 107, 192,0.5); /* ERP 546bc0 */
	border-bottom: solid 1px #999999;}
.HistoArtTitreIGH {width: 99%;
	display: table-cell;
	padding:0px 10px 0px 10px; /* OK */
	text-align: left;
	background-color: rgba(248,150,30,0.35);
	border-bottom: solid 1px #999999;}
.HistoArtTitreHAB {width: 99%;
	display: table-cell;
	padding:0px 10px 0px 10px; /* OK */
	text-align: left;
	background-color: rgba(249,65,68,0.3);
	border-bottom: solid 1px #999999;}
.HistoArtTitreERT {width: 99%;
	display: table-cell;
	padding:0px 10px 0px 10px; /* OK */
	text-align: left;
	background-color: rgba(192,132,151,0.5);
	border-bottom: solid 1px #999999;}
.HistoArtTxt {
	padding: 5px 14px 8px 14px;
	overflow: auto;
	/*background-color: rgba(248,150,30,0.2);*/}
.HistoArtTxtERP {
	padding: 5px 14px 8px 14px;
	overflow: auto;
	/*background-color: rgba(84,107,192,0.2);*/}
.HistoArtTxtIGH {
	padding: 5px 14px 8px 14px;
	overflow: auto;
	/*background-color: rgba(248,150,30,0.18);*/}
.HistoArtTxtHAB {
	padding: 5px 14px 8px 14px;
	overflow: auto;
	/*background-color: rgba(249,65,68,0.14);*/}
.HistoArtTxtERT {
	padding: 5px 14px 8px 14px;
	overflow: auto;
	/*background-color: rgba(192,132,151,0.2);*/} /*ERT c08497*/

.HistoArtTxtERT p.ArtTxt {
	text-align: justify;}

.Nota {
	margin: 0.9em auto 0.6em auto;}


/* =============================
	menu historique
============================== */
.pageh {
	background-color: rgba(200,200,200,0.2);
	padding: 0 1em;
	background-image: 
	url(https://sitesecurite.com/images/histopapierp.jpg);
	background-repeat: repeat;}

.contenuph {
	background-color: #ffffff;
	padding: 0 1em 0 1em;}

.btinfhisto2 {
     display: flex;
     align-items: center;
     justify-content: center;}
.btinfhisto2item {
	background-color: #a70606;
	border: 1px solid #888;
	border-radius: 4px;	
	padding: 5px 14px 8px 14px;
	font-size: 1.2em;
	font-weight: 600;
	font-weight: bold;
	color: #fff;
	text-align: center;}

.btinfhisto {
	float: right;
	background-color: #a70606;
	border: 1px solid #888;
	border-radius: 5px;
	margin: 0 auto 0.9em auto;
	padding: 5px 14px 8px 14px;
	font-size: 1.2em;
	font-weight: 600;
	font-weight: bold;
	color: #fff;}

.tabjustifnoborder .hmenu {
	vertical-align: top;
	font-weight: 400;
	font-size: 1em;
}
/* ligne titre Règlement de sécurité sur fond orange */
.ltrds {
	font-weight: bold;}
.ltrds1965 {
	text-align: center;
	font-weight: bold;
	color: #000280;}
.ltrds1980 {
	text-align: center;
	font-weight: bold;
	color: #000280;}

.hmenu tr {
	background-color: #fefefe;}
.hmenu tr:nth-child(2n) {
	background-color: #E6EEEE;
	border-top: dotted 1px gray;
	border-bottom: dotted 1px gray;
	padding: 6px;
	}
.hmenu td {
	padding: 2px 3px 2px 5px;
	border-left: dotted 1px #2b1717;
	border-right: dotted 1px #2b1717;}

.hmenu .hmlvr { /* hmlvr : histo menu Livre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.3em;
	font-weight: 600;}
.hmenu .hmttr { /* hmttr : histo menu Titre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.2em;
	font-weight: 600;}
.hmenu .hmchpt {/* hmchpt : histo menu Chapitre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.1em;
	font-weight: 400;
	padding-left: 15px;}
.hmenu .hmschpt {/* hmchpt : histo menu Chapitre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.1em;
	font-weight: 400;
	padding-left: 15px;}
.hmenu .hmsect {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}
.hmenu .hmssect {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}
.hmenu .hmsanx {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}	

.hmenu .hmttl { /* hmttl : histo menu Title */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;}

.hmenu .hmspt { /* hmspt : histo menu Separateur */
	background-color: #e1e1e1;}

.hmenu .hmlink { /* hmlink : histo menu Lien (div) */
	margin: 1px 0 3px 0;}
.hmenu .hmlink a { 
	color: #fff;
	background-color: #000;
	cursor: pointer;
	border-radius: 5px;
	padding: 1px 3px 1px 10px;
	height: 100%;
	font-size: .9em;
	font-weight: 400;
	transition: all ease 320ms;
	width: 145px;
	display:block;
	text-decoration: none;
}
.hmenu .hmlinklg a { 
	color: #fff;
	background-color: #000;
	cursor: pointer;
	border-radius: 5px;
	padding: 1px 3px 1px 10px;
	height: 100%;
	font-size: .9em;
	font-weight: 400;
	transition: all ease 320ms;
	width: 100%;
	display:block;
	text-decoration: none;
}
.hmenu .hmlink a:hover {
	background-color: rgba(233, 93, 60, 0.9);}
.hmenu .hmlinklg a:hover {
	background-color: rgba(233, 93, 60, 0.9);}