.txt {
  font-family: "Sour Gummy", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
body {
	background-color: orange;
	margin: 0px;
}
main {
	background-color: yellow;
	padding-bottom: 300px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 180px;
}
.header-img {
	padding: 4px;
	float: left;
}
.header-txt {
	padding-left: 10px;
}
h1 {
	padding-bottom: 10px;
	font-size: 40px;
}
h2 {
	padding-bottom: 5px;
	color: red;
	text-decoration: underline 2px;
	font-size: 30px;
}
h3 {
	color: blue;
	font-size: 20px;
}
header {
	border: 2px solid red;
}
.bare {
	border: 1px solid black;
	margin-right: 180px;
}
.zone-verte {
	color: green;
	background-color: #95FF8D;
    margin-right: 250px;
	padding: 2px;
}
p {
	padding-left: 3px;
}
.note {
	color: grey;
}
.lien-main a {
	color: yellow;
	border: 1px solid orange;
	padding: 3px;
	background-color: red;
	text-decoration: none;
}
.lien-main a:hover {
	color: red;
	border: 1px solid red;
	padding: 3px;
	background-color: yellow;
	text-decoration: none;
}
.header-txt a {
	color: purple;
	text-decoration: none;
	border: 1px solid purple;
	padding: 2px;
	background-color: pink;
}
.header-txt a:hover {
	color: orange;
	text-decoration: none;
	border: 1px solid red;
	padding: 2px;
	background-color: yellow;
}
.form {
	border: 1px solid black;
	padding: 4px;
	background-color: grey;
}
.form-input {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.form-name {
	width: 600px;
    padding: 10px;
	box-sizing: border-box;
	border: 1px solid black;
}
.form-publication {
	width: 900px;
    padding: 40px;
	box-sizing: border-box;
	border: 1px solid black;
	padding-bottom: 250px;
}
.form-name:focus {
	width: 600px;
    padding: 10px;
	box-sizing: border-box;
	border: 1px solid green;
	outline: none;
	background-color: yellow;
}
.form-publication:focus {
	width: 900px;
    padding: 40px;
	box-sizing: border-box;
	border: 1px solid green;
	outline: none;
	background-color: yellow;
	padding-bottom: 250px;
}
.form-submit {
	width: 1100px;
	padding: 10px;
	box-sizing: border-box;
	background-color: lightgreen;
	border: 2px solid green;
	outline: none;
	text-align: center;
	font-size: 20px;
	color: green;
}
.form-submit:hover {
	color: lightgreen;
	background-color: green;
	border: 2px solid lightgreen;
}
.error {
	color: red;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid red;
	background-color: yellow;
	text-align: center;
}
.th {
	border: 1px solid black;
	background-color: lightgreen;
	padding-bottom: 5px;
}
.name {
	border: 4px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: lightblue;
	padding-right: 300px;
	text-align: center;
}
.publication {
	border: 1px solid black;
	padding-bottom: 2px;
}
.souligne {
	text-decoration: 2px underline;
}
.event {
	border: 1px solid black;
	background-color: orange;
}
.event p, .event h3 {
	margin-left: 10px;
	margin-right: 10px;
}
.event-te {
	background-color: yellow;
	padding: 10px;
	margin-right: 10px;
}
.form-select {
	width: 600px;
    padding: 10px;
	box-sizing: border-box;
	border: 1px solid black;
	background-color: lightblue;
}
.form-select:hover {
	background-color: lightgreen;
}
.titre {
	font-size: 30px;
	color: blue;
	text-decoration: underline;
}
.form-file {
	width: 600px;
    padding: 10px;
	box-sizing: border-box;
	border: 1px solid black;
	background-color: lightblue;
	text-align: center;
	color: blue;
}
.admin-menu {
	background-color: lightgreen;
	border: 1px solid green;
}
.pages-class {
	border: 1px solid black;
	margin-right: 350px;
	background-color: red;
	margin-bottom: 20px;
}
.pages-class p {
	padding-left: 30px;
	font-size: 30px;
	color: yellow;
}
.lien-tt a {
	text-decoration: none;
}
.partage {
	background-color: orange;
	padding: 10px;
}
.partage-titre {
	background-color: white;
	font-size: 20px;
	padding-right: 15px;
	border: 1px solid black;
	padding-left: 15px;
}
.partage-auteur {
	color: blue;
	border: 1px solid blue;
	background-color: lightblue;
	padding-right: 5px;
	padding-left: 5px;
}
.file {
  height: 0;
  padding: 0;
  opacity: 0;
}
label[for="file"] {
  background: yellow;
  border: 1px solid orange;
  border-radius: 11px;
  line-height: 1.5;
  padding: 10px;
  margin-bottom: 30px;
  padding-right: 20px;
  text-decoration: underline;
  color: orange;
}

label[for="file"]:hover {
  background: orange;
  box-shadow: inset 1px 1px 3px orange;
  color: yellow;
}

label[for="file"]:active {
  background: red;
  border: 1px solid red;
}
h1[contenteditable='true']:focus, p[contenteditable='true']:focus {
	outline: none;
	border: 3px solid red;
	padding: 10px;
	border-radius: 5px;
	margin-right: 40px;
	background-color: orange;
}
h1[contenteditable='true']:hover, p[contenteditable='true']:hover {
	border: 3px dashed grey;
	margin-right: 40px;
}
.actu-titre {
	color: red;
	background-color: yellow;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed grey;
	border-top: 1px solid black;
	margin-top: 0px;
	padding-left: 20px;
}
.actu {
	background-color: orange;
	border: 1px solid black;
}
.actu-contenu {
	background-color: red;
	padding-top: 10px;
	padding-bottom: 10px;
	color: yellow;
	padding-left: 40px;
}
.contenteditable-texte:hover {
	border: 3px dashed grey;
	margin-right: 40px;
	padding-bottom: 120px;
}
.contenteditable-texte:focus {
	outline: none;
	border: 3px solid red;
	padding-top: 10px;
	border-radius: 5px;
	margin-right: 40px;
	background-color: orange;
}
.contenteditable-texte {
	padding-bottom: 120px;
}
header img:hover {
	border: 2px solid black;
	background-color: yellow;
	border-radius: 5px;
}
.page {
	background-color: orange;
	padding: 20px;
}
.page ptitre {
	font-size: 30px;
}
.page paction {
	padding-top: 5px;
}
.page paction a {
	margin-right: 30px;
	margin-left: 30px;
}