.bandeau{
	margin-top:0px;
	margin-bottom:1px;
}

.titre01 b {
font-family: Times New Roman,Times,serif;
text-decoration: underline;
color: #219F06;
font-size: 40px;
font-weight: 300;
text-align: center;
}

.titre02  d{
	font-family: Times New Roman,Times,serif;
text-decoration: underline;
color: #000000;
font-size: 30px;
font-weight: 200;
text-align: left;
}
	
.paragraphe  
 a {
font-family: Times New Roman,Times,serif;
text-decoration: none;	
font-size: 20px;
text-align: justify;
color: #000;
}

.paragraphegras  
 k {
font-family: Times New Roman,Times,serif;
text-decoration: none;	
font-size: 23px;
font-weight: 300;
text-align: justify;
color: #000;
}

.paragfondbleu  
 c {
font-family: Lucida Calligraphy;
font-size: 20px;
text-align: justify;
background-color: #21FFF0;
color: #000;
}

.titre03 f {
font-family: Times New Roman,Times,serif;
color: #219F06;
font-size: 40px;
font-weight: 200;
text-align: center;
}

.titre04 h {
font-family: Times New Roman,Times,serif;
color: #219F06;
font-size: 25px;
font-weight: 300;
text-align: center;
}

.paragraphemini  
 g {
font-family: Times New Roman,Times,serif;	
font-size: 12px;
font-style:italic;
text-align: justify;
color: #000;
}

.titre05  j{
	font-family: Times New Roman,Times,serif;
text-decoration: underline;
color: #000000;
font-size: 25px;
font-weight: 200;
text-align: left;
}

.titrebleu  
 l{
font-family: Lucida Calligraphy;
text-decoration: underline;
font-size: 35px;
text-align: Center;
background-color: #21FFF0;
color: #000;
}


.dropdownmenu {
  background-color: #FFFF35;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin-top: 0px;
  top: 0px;
  padding: 0;
  list-style: none;
}
.dropdownmenu ul {
  display: none;
}
.dropdownmenu,
.dropdownmenu p {
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: clamp(12px, 1.5vw, 18px);
}
.dropdownmenu ul {
  list-style-type: none;
  margin: 0px;
  padding: 10px;
}
.dropdownmenu a {
  display: block;
  width: auto;
  min-width: 80px;
  padding: 10px clamp(5px, 1vw, 15px);
  height: 30px;
  line-height: 30px;
  color: #6100FF;
  background-color: #FFFF35;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}
.dropdownmenu li {
  position: relative;
  flex: 1 1 auto;
}
.dropdownmenu li:hover ul {
  display: block;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 100;
  min-width: 200px;
}
.dropdownmenu a:hover {
  background-color: #9FFFF3;
  color: #31B509;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.dropdownmenu a {
  transition: background-color 0.3s ease, color 0.3s ease;
}

@media screen and (max-width: 1200px) {
  .dropdownmenu,
  .dropdownmenu p {
    font-size: clamp(11px, 1.3vw, 16px);
  }
  .dropdownmenu a {
    padding: 8px clamp(3px, 0.8vw, 10px);
  }
}

@media screen and (max-width: 900px) {
  .dropdownmenu,
  .dropdownmenu p {
    font-size: clamp(10px, 1.2vw, 14px);
  }
  .dropdownmenu a {
    padding: 8px 5px;
    min-width: 60px;
  }
}

@media screen and (max-width: 600px) {
  .dropdownmenu {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
  }
  
  .dropdownmenu,
  .dropdownmenu p {
    font-size: 16px;
  }
  
  .dropdownmenu li {
    width: 100%;
    border-bottom: 1px solid #e0e000;
  }
  
  .dropdownmenu a {
    width: 100%;
    padding: 12px 10px;
    height: auto;
    line-height: normal;
    white-space: normal;
  }
  
  .dropdownmenu li:hover ul {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
  }
  
  .dropdownmenu ul {
    padding: 0;
    width: 100%;
  }
  
  .dropdownmenu ul li a {
    background-color: #FFFFA0;
    padding-left: 25px;
  }  
}