/* version 2024 */
@import "https://fonts.googleapis.com/css?family=Tangerine" screen;
.policeTangerine { font-family: 'Tangerine', serif; font-size: 200%; }

body,div,header,footer,aside,nav,article,section{margin:0px;padding:0}

body{
  font-family:"Times New Roman", serif, Verdana, Arial, Helvetica, sans-serif;
  font-size: 150%;
	background-color:#FFDEAD;
  color:black;
  height:100%; /*lié à l'input du bas de page*/
  /*margin:16px; 2025-01-30 pour que l'entête colle aux bords */
}

header{
	background-color:#DFF;
  /* margin:0px; /* 2025-01-30 */
	padding:4px;
	text-align:center;
}

header p{
  margin:0px /* 2025-01-30 */
}

#titre{font-size:200%;
  font-weight:bold;
  margin:16px 0px /* 2025-01-30 */
}

nav{
  background-color:#87CEEB;
  padding:4px;
}

article,.article{ /* <article> requiert un <h1> */
  background-color:#FFDEAD;
	padding:10px;
  position:relative;
}

footer{
  background-color:#F5F5DC;
  text-align: center;
}

input[type=submit]{
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

aside{
	background-color:#ffc42e;
	border-radius:20px;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
}

blockquote{
  background-color:#90EE90;
  border-radius:20px;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
}

h1{
  background-color:#f47267;
  padding-left:5px;
}

h2{
  background-color:#ffa05c;
  padding-left:5px;
  margin-left:10px;
}

h3{
  background-color:#ffd761;
  padding-left:5px;
  margin-left:20px;
}

h4{
  background-color:#FFFFCC;
  padding-left:5px;
  margin-left:30px;
}

h5{
  background-color:#FFE5E5;
  padding-left:5px;
  margin-left:40px;
}

figure{text-align:center}
li{margin:10px}
table{width:100%}
em{text-decoration:underline}
q{font-style:italic}
q::before{content:"\0000AB\0000A0"}
q::after{content:"\0000A0\0000BB"}

details{margin-bottom: 8px; background-color:#FFC; padding: 8px;}
details p{color:#000}
details ol{color:#000}
details ul{color:#000}
details pre{color:#000}
details figcaption{color:#000}
details .note{color:#AA1244}  /*------- modifier sur incels ------------*/
details details{background-color:#FFD761}

summary{color:#AA1244}
summary::after{content:" ↓"}


/*
input:invalid{background-color: #FF8A8A}
input:valid{background-color: #99FFBB}
*/

a:link{color:#1E47C2} /* #0000DB */
a:visited {color:red}
a:hover {color:blue}
a[href^=http]::after{content: url(web.gif);margin-left:7px}

.centrer{text-align:center}
.centrer_bloc {margin: auto}

.signature{text-align:right;font-style:italic}

.note{color:#BF0D6F;font-size:10pt}

aside .note{color:#A70C61}

.red{background-color:#EB0000;color:white;padding: 5px}
.orange{background-color:#FF9800;color:black;padding: 5px}
.barre{text-decoration:line-through}
.code{background-color:white; color:black; padding: 0px 8px}
.vert{background-color:lightgreen}
.blackAndWhite{background-color:black;color:white}
.noteAuteur{background-color:#90EE90}  /* articles/termPute.htm */

.terminal { /* 2024-02-14 */
  background-color:black; color:white;
}

.copyable { /* 2025-01-31 from cours4.css */
  background-color:white; color:black;
  padding:2px; border-style: solid; cursor:copy;
  margin:0px 4px
}

/*-------------War Thunder ----------------*/
hr{border: 2px solid black}

summary .note{color: black}




/* Uniquement à l'écran */
@media screen{
	.no_screen {display:none}
}

/* Pour les petits écrans */
@media screen and (max-width: 480px) {

  a, input, button, textarea{font-size:200%}

}

/* Pour les smartphones */
@media handheld {

	body{background-color:#62e1ec}
  a, input, button, textarea{font-size:200%}

}

/* Uniquement pour l'impression */
@media print{

header,footer,nav {display:none}
.no_print {display:none}

* {color:black;background-color:white}
a {text-decoration:none}

}