*{ margin: 0; padding: 0; box-sizing: border-box;}

/* style de la section entête de page */
.navbar{display: flex; align-items: center; padding: 20px;}

.logo img{width: 165px;}

nav{flex: 1;  text-align: right;}

nav ul {display: inline-block;  list-style-type: none;}

nav ul li {display: inline-block; list-style-type: none; margin-right: 20px;}

nav ul li a {text-decoration: none; color: blue; display: inline-block; padding: 8px 8px; background-color:#dbb4d9; 
    color: #fff; border-radius: 30px; margin-top: 0px; transition: background 0.3s;}

nav ul li a:hover{background-color: rgb(165, 181, 194);}

.container{max-width: 2000px; margin: 20px; padding-left: 10px; padding-right: 5px; }

.row{display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; }

.col-2{flex-basis: 90%; min-width: 10px;
}

nav{flex: 1; text-align: right;}

nav ul {display: inline-block; list-style-type: none;}

nav ul li {display: inline-block; list-style-type: none; margin-right: 20px;}

nav ul li a {text-decoration: none; color: blue;}

.col-2 img{width: 500px; height: 400px; padding: 10px 0;}

.col-2 h1{font-size: 40px;  line-height: 70px;  margin: 0px 0px; margin-top: 0px; padding: 0px 0px;}

.col-2 a{display: inline-block; text-decoration: none; padding: 10px 30px; background-color: blue; color: #fff; 
    border-radius: 30px; margin-top: 25px;transition: background 0.3s;} 

.col-2 a:hover{background-color: #3b4b5e;}

p{color: rgb(12, 12, 12); font-family: Arial, Helvetica, sans-serif; font-size: 15pt}

.header-section{ background: radial-gradient(#fff, #5e7fa5 ); /*background: radial-gradient(#fff, #eaf2fb );*/}

/* style de la section catégories */
.categories {margin: 40px 10px; background: radial-gradient(#fff, #5e7fa5 );}

.col-3{flex-basis: 90%; min-width: 190px; margin: auto;}

.col-3 img{width: 49%; padding: 20px 30px;}

.container h2 {text-align: center; font-size: 1.8rem; color: rgb(21, 64, 129); margin: 30px 0;}

/* style de la section viste en entreprise */
.categories {margin: 40px 10px; background: radial-gradient(#fff, #5e7fa5 );}

.col-4{flex-basis: 90%; min-width: 150px; margin: auto;}

.col-4 img{width: 75%; padding: 20px 30px; }

.container h2 {text-align: center;font-size: 1.3rem; color: rgb(21, 64, 129); margin: 30px 0;}

/* style de la section pieds de page */
.footer-section{
    background: radial-gradient(#dbb4d9, #f0edef);
}
.container h3 {text-align: center; font-size: 2.8rem; color: rgb(252, 252, 252);}

/* style de la section pieds de page */
.footer2-section{
    background: radial-gradient(#dbb4d9, #e6dae1);
}
.container h3 {text-align: center; font-size: 1.2rem;  color: rgb(66, 55, 170);}