@media screen and (min-width: 1901px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 2rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.8em!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 1.6em!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.4em!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.0rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.0rem; }}

@media screen and (min-width: 1601px) and (max-width: 1900px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.8rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 0.6rem!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.4rem!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.2rem; }}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.8rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.6rem!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 1.4rem!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1rem!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem; }}

@media screen and (min-width: 721px) and (max-width: 1199px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.6rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.4rem!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 1.2rem!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.0rem!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.6rem; }}

@media screen and (min-width: 480px) and (max-width: 720px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.6rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.4rem!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 1.2rem!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1.0rem!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.4rem; }}

@media screen and (max-width: 479px) {
	h1{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 2px;  margin-bottom: 2px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 1rem!important; -webkit-text-stroke: 0.02em white!important; font-weight: 900!important; }
	h2{color: blue; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.8rem!important;}
	h3{color: red; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/ font-size: 0.6rem!important; }
	h4{color: #0000ff; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.4rem!important; }
	h5{color: grey; text-align: center!important; /*ext-transform: uppercase!important;*/ margin-top: 1px;  margin-bottom: 1px; font-style: italic!important;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.2rem; -webkit-text-stroke: 0.01em black!important;}
	h6 {color: black; text-align: center!important; text-transform: uppercase!important; margin-top: 1px;  margin-bottom: 1px;
		/*background-color: rgb(0, 0, 0, 0.1);*/font-size: 0.2rem; }}


























.container-header {
  background-color: black;  background-image: none; margin-bottom: 0px!important; /* espace sous l'en-tête */}
  
/* Exemple : marge autour du contenu principal */
.container-component {
    margin-top: 0px;   /* marge en haut */ margin-bottom: 0%!important; /* marge en bas */}

.body,
.grid-child container-component,
.main,
.container-footer,
.bottom-b,
.bottom-a {
   content: ''; position: absolute; top: 0; right: 50%; background: red; width: 100vw;
   transform: translateX( 50%); height: 100%; margin: none!important; padding: none!important;}