/* Style general X-prim 6*/
/*@import url('css/fonts/roboto.css'); Pas le meme rendu en local on laisse le distant en attendant*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
* { font-family: 'Roboto', sans-serif; font-weight: 500; margin: 0px; padding: 0px; text-align: left; }

a:link 		{text-decoration:none; color: black;}
a:visited 	{text-decoration:none; color: black;}
a:hover 	{text-decoration:none; color: black;}
a:active 	{text-decoration:none; color: black;}

TABLE { border-collapse: collapse; margin: 0px; }

.IdMenuCateg {
	background: #eb7326;
	color: white;
	padding: 5px;
}
.IdMenuLink {
	font-size: 90%;
	padding: 1px;
	border: 1px solid #cacaca;
	border-top: 0px;
	padding: 5px;
	cursor: pointer;

}
.IdMenuLink:hover {
	background-color: #EBAA31;
	font-size: 100%;
}
.IdTitArticle {
	background-color: #eb7326; padding: 5px;
	color: #ffffff; font-size: 24px; 
	font-weight: bold;
	border-radius: 4px;
}

/* STYLE POUR LES ARTICLES EN HTML */
h1 { font-size: 18px; font-style: italic; color: #d0dab9; }
h2 { font-size: 18px; font-style: italic;  margin: 10px 0px 10px 10px; color: grey; }
h3 { font-size: 14px; font-style: italic;  margin: 5px 0px 0px 20px; color: grey; }
.article { border: 0px solid #cacaca; padding:5px; line-height:180%; font-size: 90%; color: black; font-weight: normal;}
.article a { color: #0080FF; text-decoration: underline;}
.article ul { margin-left: 2%; }
.article ol { margin-left: 2%; margin-bottom: 2%;}
.imageintro { width: 100px; float:left; margin-right: 10px;  } /* ATTENTION Ne pas toucher la valeur width, redimensionner l'image c'est mieux ;-) */
.introduction { 
	text-align:justify; margin: 10px 30px 20px 30px; padding:10px; border: 1px solid black; background: #C1BFB1; font-style: italic; overflow: auto; border-radius: 4px;
}
.introduction a { color: #0080FF; text-decoration: underline;}

.commande { color: #067790; font-weight: bold; }
.alerte { color: #BF3030; font-weight: bold; }
.codeps1 { color: #cacaca; font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; font-size: 12px; margin-right: 5px;}
.codeps2 { color: #ffffff; font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; font-size: 12px; margin-right: 5px;}
.codeinf { line-height:150%; padding: 10px; border: 1px solid grey; background: black; color: #00FF00; font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; margin-bottom:5px; margin-top:5px; font-size: 12px; border-radius: 4px;}
.codersl { line-height:150%; padding: 10px; border: 1px solid grey; background: black; color: #FFFFFF; font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; margin-bottom:5px; margin-top:5px; font-size: 12px;}
.param { background: #cacaca; padding: 2px 0px 0px 0px;}
.tabparam { background: #ffeec3; border-collapse: collapse;  width:100%;}
.cellteteparam { background: #ffa500; color: black; padding: 2px; border: 1px solid #ffa500; color:#ffeec3;} 
.cellcorpsparam { color: black; padding: 2px; border: 1px solid #ffa500; vertical-align: top;}
.fichier { background: #FFFFE0; border: 1px solid #FFD700; border-radius: 4px;}
.titre_fichier { padding-left: 10px; background: #FFD700; border: 0px solid #FFD700;}
.fichier ul { margin-left: 2%; }
.astuce { padding: 10px; background: #edb059; border: 2px dashed #FF7F50; border-radius: 4px; }
.obsolete { padding: 6px; background: #d7acac; border: 2px solid #ff0000; border-radius: 4px; }
.obsolete a { color: #114274; text-decoration: underline; }
.pubamazon {
	float: right; margin: 10px 20px 0px 0px; border: 1px solid #cacaca;
}
.pubamazon a {
	text-decoration: underline; color: blue;
}

.cellcraft { 
	background-color: #c6c6c6; width: 28px; height: 28px; padding: 2px; 
	border-top: 1px solid #373737; border-left: 1px solid #373737; 
	border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;
	text-align:center;
	vertical-align: middle; float:left;
 }
.cellcraft img { margin:0px; padding: 0px; width:100%; }


/* Tableau dans les articles */
.tdtitreflat { 
	border: 1px solid #bebebe; 
	background: #DBDBDB; 
	padding: 3px; 
	font-size: 105%;
}
.tdcorpsflat {
	border: 1px solid #bebebe;
	background: #ffffff;
	padding: 6px;
	font-weight: 400;
	font-size: 100%;
}



/* Rien n'est utilisé sous cette ligne */

/* Element Unique */
/*#IdBarreNavig { 
	border-bottom: 1px solid #cacaca;
	background: #293C55;
}*/
/* Class pour le menu */
.tdnavig {
	border-bottom: 1px solid #bebebe;
	padding: 5px;
	margin-right:10px;
	background: #293C55;
	color: white;
	cursor: pointer;
	text-align: left;
}
.clckble { cursor: pointer; }
.tdnavig:hover{
	background: #77b5fe;
	color: #000;
	border: 1px solid #fff;
}


.btflat {
	border: 1px solid #bebebe;
	padding: 5px 10px 5px 10px;
	margin-right:10px;
	background: #f0f0f0;
	cursor: pointer;
	border-radius: 2px;
	text-align:center;
}
.btflat:hover{
	background: #729fcf;
	color: #fff;
}


.classdebug {
	margin: 20px 10px 10px 20px;
	padding: 10px 10px 20px 10px;
	border: 2px solid #FF7F50;
	background: orange;
	color: black;
	border-radius: 5px;
	width: 50%;
}
.itflat {
	border: 1px solid #cacaca; 
	font-size: 110%; 
	color: black;
	padding: 2px 0px 2px 4px;
}
.seflat {
	background: #f0f0f0;
	border: 1px solid #bebebe; 
	padding: 5px; 
	margin: 0 10px 0 10px; 
}
.optflat {
	padding: 2px;
}