diff --git a/src/App.css b/src/App.css
index 74b5e053450a48a6bdb4d71aad648e7af821975c..2c34c6eecf89636067d919990ba4080831930464 100644
--- a/src/App.css
+++ b/src/App.css
@@ -36,3 +36,10 @@
     transform: rotate(360deg);
   }
 }
+
+.titre {
+  background-color : lightblue;
+  border-radius: 1em;
+  padding: 2em;
+  margin: 1em;
+}
diff --git a/src/App.js b/src/App.js
index a4f536df313d116b800f62449b44204ab715fb77..be83fe42e0a68588bc371ec885da9f12b26b748a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,11 +10,7 @@ const App = () => {
   return (
     <div>
       <div className="App">
-          <div style={{
-              background:   'lightblue',
-              borderRadius: '1em',
-              padding:      '2em',
-              margin:       '1em'}}>
+          <div className="titre">
             <h1>Bienvenue sur notre super site !</h1>
           </div>
       </div>
diff --git a/src/App.test.js b/src/App.test.js
deleted file mode 100644
index 1f03afeece5ac28064fa3c73a29215037465f789..0000000000000000000000000000000000000000
--- a/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
diff --git a/src/Counter.js b/src/Counter.js
index fbac794de31b4137770bf5ba720b8e343640699c..30052ce3757dfaf0c528abc250b56eae9aef9502 100644
--- a/src/Counter.js
+++ b/src/Counter.js
@@ -2,7 +2,6 @@ import { useState } from "react";
 
 const Counter = (props) => {
     const [count, setCount] = useState(0);
-    console.log(props);
     return (
         <div class="card" style={{width:"auto", margin: '2em'}}>
             <div class="card-header">