/* last modified : 21 février 2022 */

/* les couleurs ============================================================ */

/* les class ---------- */
.surligne{background-color:yellow;color:black}
.date{color:#FFFFFF}
.note{color:#ff4500}
.rouge{color:#FF0000}
.bleu{color:#0033FF}
.red{background-color:red;color:white} /* 30 nov  2018 */
.code{background-color:white;color:black} /* 10 juillet 2021 */

/* ---------- la page et sa structure ---------------- */
body{background-color:#a9a9a9;color:black;}
header {background-color:#d5b980}
nav{background-color:#80FFFF}
nav a:hover {color:#000000}
footer{background-color:#d5b980}
article,#article{background-color:#b9d175}
aside{background-color:#96dc97; color:#000000}
details{background-color:#DDFFFF; color:#000000; border-left:6px solid blue} /* 4 août 2023 */

/* --------------- autres balises --------------------- */
a:link{color:blue;}
a:hover {color:white;}
a:visited {color:red;} /*lime*/

hr{color:#FFFFFF}

/* ------ table ------ */
table{background-color:#CC9933;color:#000000;}
table p[class="note"]{color:#FFFFFF}
table span[class="note"]{color:#FFFFFF}
table h4{color:#FFFFFF}

/* ------ input ------ */
input:required, textarea:required {background-color:#FF8A8A}
input:focus:invalid, textarea:focus:invalid {background-color: #FF8A8A;color:#FFFFFF}
input:valid, textarea:valid {background-color: #99FFBB;color:#000000}






/* les non-couleurs (tel que dimensions et positions) ====================== */

/* les class ---------- */
.centrer{text-align:center;}
.droite{text-align:right;}

.souligne{ text-decoration:underline; }
.barre{	text-decoration: line-through; }
.signature{ text-align:right; }

.minuscule{font-size: xx-small;}
.trespetit{font-size: x-small;}
.petit{font-size: small;}
.moyen{font-size: medium;}
.grand{font-size: large;}
.tresgrand{font-size: x-large;}
.gigantesque{font-size: xx-large;}

.cursive{font-family:cursive;}  /* 2021-08-07 */

.date {font-size:10pt; text-align:center;}
.note {font-size:10pt; text-align:justify;}
.retrait {margin-left:50px; margin-right:10px; text-align:justify;}
.citation {margin-left:50px; margin-right:10px; text-align:justify;
	font-size: small; font-style:italic; }
.justifie {text-align:justify;}
.red{padding:5px} /* 30 nov  2018 */
.code{padding: 2px 4px} /* 10 juillet 2021 */

/* les id ----------- */

/* dans le header */
#titre { font-size: 200%; font-weight: bold; } /* 10/10/2014 */

#cnx {  /*background-color:#75c1d1;*/
	display:inline;
  text-align:right;
	width:200px;  }





/* ======== la page et sa structure ===== */

body{
  /*background-image:url(vague.jpg);*/
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica;
	/*margin-left:35px;*/ }

#container{
  margin-left: auto;
  margin-right: auto; /* pour centrer */
  max-width:1024px;
  }

header {
	border-radius:20px;
  margin: 5px;
	padding: 5px;
	text-align:center;
  opacity: 0.85;
	}

nav {
	border-radius:20px;
  margin: 5px;
	padding: 5px;
  opacity: 0.85;
	}

footer {
	border-radius:20px;
	margin: 5px;
	padding: 5px;
	text-align:center;
  opacity: 0.85;
	}

section,#section {
	border-radius:20px;
	padding: 5px;
	margin: 5px;
  opacity: 0.85;
	}

article,#article {
	border-radius:20px;
	padding: 10px;
	margin: 5px;
  opacity: 0.85;
	}

article li{ margin-top:10px; margin-bottom:10px;}

aside {
	border-radius:20px;
	padding: 5px;
	margin: 5px;
  }


/* ============= balises =============== */
figure{ /* 2018 11 28*/
  text-align: center;
  }

img{border: none;}

/* ----------- lien ------------------- */
/*a img{border: none;}*/


a[href^=http]::after{
  content: url(web.gif); margin-left: 7px;
  }

/* --------- autres balises ----------- */
/*p {word-wrap: break-word;}*/
/*h1 {vertical-align:middle;}*/

h1 {
  text-align: center;
  margin-top: 60px;
  font-weight: bold;
  }

h2 {
  padding-left: 15px;
  margin-top: 30px;
  }

blockquote{ text-align: justify; margin-left:30px;}
em { text-decoration:underline; }



/* ----------- table ------------------- */
table {
  font-family:Verdana, Arial, Helvetica;
  font-size:10pt;
	border-radius:20px;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	table-layout: fixed;
  }

table td p {overflow: auto;word-wrap: break-word;}

table.center {
  margin-left:auto;
  margin-right:auto;
  }

.rangeH {width: 400px; height: 20px; margin: 0; padding: 0;}



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

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

* {background-color:white;color:black}

/* Ci-dessous, chaque class utilisant la couleur */
.surligne { background-color:white;color:black}
.date {color:black}
.note {color:black}
.rouge {color:black}
.bleu{color:black}

}