* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}
#page-main {
	margin: 0px auto;
	padding: 0;
	display: flex;
	justify-content: space-around;
	justify-content: center;
}

main {
	margin-bottom: 10px;
	padding: 15px;
	/*color: #B3B3B3;*/
	/*background-color:rgb(60,60,60);*/
	background-color: black;
	background-repeat: repeat;
	/*background-color: #626262;*/
	/*background-color: black;*/

	/*border: 2px solid black;*/
	border-radius: 13px;
	text-align: justify; /*on justifie le texte présent dans le corps*/
	box-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
	color: white;
}
/*simulation touches claviers : Controle du lecteur avec le clavier : https://sebsauvage.net/wiki/lib/exe/css.php?t=dokuwiki&tseed=cb64682d4fc81d5b79f586d31f99b6b0*/
kbd {
	font-family: monospace;
	background-color:#F2F2F2;
	border-style:outset;
	border-width:3px;
	border-radius:.3em;
	padding:0 2px !important;
	color: black;
}

main h1, main h2, main h3, main h4, main h5 {
	color: #F26615;
	/*font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;*/
	font-family: sans-serif;
	font-weight: 500;
}
main h1 {
  font-size: 3rem;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-left: 0; /* Réinitialiser la valeur de padding */
}

main h2 {
  font-size: 2rem;
  font-weight: normal;
  margin-top: 2rem;
  margin-bottom: 0.1rem;
  padding-left: 1rem; /* Ajouter une valeur de padding */
}

main h3 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 2rem; /* Ajouter une valeur de padding */
}

main h4 {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 0.1rem;
  padding-left: 3rem; /* Ajouter une valeur de padding */
}

main h5 {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 0.1rem;
  padding-left: 4rem; /* Ajouter une valeur de padding */
}

body
{
	/*width: 764px;*/
	width: auto;
	margin: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("../images/layout/puce.jpg");
	background-repeat: repeat-x; /*l'image est répété uniquement sur la première ligne, horizontalement*/
	background-color: #f6f6f6;
	
}
::selection{
	color: black;
	background: #5cf;
}

#en_tete
{
	height: 194px;
	background-image: url("../images/layout/banniere_01.webp");
	background-position: left;
	background-size:     cover; 
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-radius: 13px;
	box-shadow:0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 5px #000000;
}



.k_control 
{
	color: ghostwhite;
	text-shadow:0px 0px 1px #000000,0px 0px 1px #000000,1px 1px 1px #000000;
}
strong, main b
{
	color: #ff5722;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: initial;
}
main a
{
	color: #ff5722;
	text-decoration: none;
	margin-left: 0px;
}

main a strong, main a b
{
	font-size: 100%;
	font-family: sans-serif;

}

#pied_de_page a:hover, main a:hover /*signifie dessus, permet ici la surbrillance des liens lors du passage du curseur dessus*/
{
	background-color: darkslateblue;
	text-decoration: none;
	color: #F77F7F;
	text-decoration: underline;
	
}
/*permet les puces en orange*/
main ul {
	list-style: none;
}
main li::before
{
	margin-left: -1em;
        content: '';
        margin-right: 11px;
        background-color: #F26615;
        height: 12px;
        width: 12px;
        margin-top: -4px;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
	/*box-shadow: 1px 1px 1px #000000,1px 1px 1px #000000,1px 1px 1px #000000;*/
}
main ul * li::before
{
        height: 8px;
        width: 8px;
}
/*fin puces en orange*/

#pied_de_page
{
	padding: 13px;
	font-weight: bold;	/*permet de mettre en gras*/
	font-size: medium;
	text-align: center;
	background-image: url("../images/layout/bottom.webp");
	color: #B3B3B3;
	/*background-color: #626262;*/
	border-radius: 13px;
	font-family: sans-serif;
	box-shadow: 7px 10px 5px #888888,0px 0px 10px #000000,0px 0px 5px #000000;
	background-position: center;
}
#pied_de_page a
{
	font-size: medium;
	text-decoration: none;
	color: #F26615;
}
.rss:hover {
	opacity: .5;
}

/*----------------------------------------
----------Les Tableaux--------------------
----------------------------------------*/
th /*première ligne du tableau*/
{
	/*border: 2px solid white;*/
	padding: 8px; /*évite aux cellules d'être trop collé au texte*/
	padding-right: 26px;
	/*background-color: blue;*/
	background-color: rgb(156,158,219);
	color: white;
	font-size: 16px;
	/*font-family: Arial;*/
	font-family: sans-serif;
}
td
{
	border: 2px solid white;
	padding: 5px;
	font-size: small;
	/*width: 555px;*/
	font-family: sans-serif;
}
table
{
	border-collapse: collapse;
	border: 3px solid white;
	/*border: 4px outset black;*/
	margin: auto;
}
caption /*titre du tableau*/
{
	margin: auto;
	font-family: sans-serif;
	font-weight: bold;
	font-size: medium;
	color: blue;
	margin-bottom: 20px; /*pour éviter que le titre ne soit trop coller au tableau*/
}
.centrer 
{
	text-align: center; /*centrer le texte*/
}
.signature
{
	border: transparent;
	text-align: center; /*centrer le texte*/
        padding: 2px; /*évite aux cellules d'être trop collé au texte*/
        padding-right: 0px;
        /*background-color: blue;*/
        background-color: transparent;
        color: white;
        font-size: 16px;
	background-image: none;
        font-family: Arial;
	text-shadow:0px 0px 5px #000000,0px 0px 5px #000000,0px 0px 5px #000000;
}
.red {
	/*color: red;
	color: #FF7A7A;
	color: #FF642E;*/
	color: #FC674F;
	font-weight: bold;
}
.green {
	color: greenyellow;
	font-weight: bold;
}
.orange {
	color: orange;
	font-weight: bold;
}


/*---Code---*/
/*code.code, pre.code, pre.code_sh, pre.code_ps */
code.code_ps, pre.code_ps /*pour les commandes utilisateurs*/
{
	background-color: #F3F5F7;
	color: black;
	font-family: consolas, monospace!important;
	border: 2pt solid black;
	display: block;
	font-size: 1.2em;
}
.code,
code,pre.code_sh,code.code_apache,code.code_python,code.code_sh,code.code_php,code.code_batch {
  overflow:auto;
  white-space: pre;
  font-size: .9em;
  margin: .5em 0;
  font-family: 'courier new', monospace;
  padding: 1em;
  overflow-x: auto;
  border-radius: 14px;
  display: block;
  border: 3pt solid white;
  background-color: #1e1e1e;
  color: #ffffff;
}
code.cisco {
	background-color: white;
	color: black;
	border: 3pt
}
p code, li code, td code {
  font-family: 'Courier New', Courier, monospace;
  white-space: preserve-spaces;
  display: inline;
  background-color: #f4f4f4;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  color: #c7254e;
  font-size: 0.95em;
  padding: 0.1vw;
  border: none;
}
/*----------------------------------------
------------------LES IMAGES--------------
----------------------------------------*/
.images_autosize
{
	/*display: block;*/
	max-width: 100%;
	height: auto;
}
.images_autosize_white
{
	/*display: block;*/
	max-width: 100%;
	height: auto;
	background-color: white;
}
figure, .images_autosize_center
{
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
figure img, .images_autosize_center_white
{
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	color: black;
}
figure img
{
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	color: black;
}
.centrer_image
{
	/*margin-top: 0px;
	margin-left: 80px;*/
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  /*width: 50%;*/
}
div.images_big
{
        /*width: 500px;*/
	min-width: 200px;
        width: 30%;
	margin-top: 0px;
	margin-left: 15px;
}
div.images_big > img
{
        width: 100%;
}
/*ajouter un espace si image puis balise h*/
main :is(.images_autosize40, .images_autosize60, .images_autosize80, .images_autosize20, .images_autosize_center80, .images_autosize_center60, .images_autosize_center40, .images_autosize_center20) + h4,
main :is(.images_autosize40, .images_autosize60, .images_autosize80, .images_autosize20, .images_autosize_center80, .images_autosize_center60, .images_autosize_center40, .images_autosize_center20) + h5,
main h5 + :is(.images_autosize40, .images_autosize60, .images_autosize80, .images_autosize20, .images_autosize_center80, .images_autosize_center60, .images_autosize_center40, .images_autosize_center20),
main h4 + :is(.images_autosize40, .images_autosize60, .images_autosize80, .images_autosize20, .images_autosize_center80, .images_autosize_center60, .images_autosize_center40, .images_autosize_center20)
{
	margin-top: 1vw;
}
/*----------------------------------------
--tabulation---
----------------------------------------*/
.tab
{
	margin-left:4em;
}
main ul li a * { 
	font-weight: normal;
	padding: 0px;
	background-color: inherit;
}