body {
    margin-right: 10%;
    margin-top: 1%;
    margin-left: 10%;
    margin-bottom: 10%;

}

.header{
    font-family: 'Dubai', sans-serif;
}

.footer{
    font-family: 'Dubai', sans-serif;
}


.article0 { font-family:'Times New Roman', Times, serif; }

.kmg0 { /*✓*/
    width: 20%;
    height: 70%;
}

.kmg1 { /*✓*/
    width: 90%;
    height: 100%;
    float: none;
    text-align: center;
}

.bt{ /*✓*/
    float: right;
    text-align: right;
    color: orange;
    margin-left: 5%;
}

.bts{ /*✓*/
    float: right;
    text-align: right;
}

.binks { /*✓*/
    margin: 0% 2%;
    float: right;
}

.nav-1 {

    list-style-type: none;
}

.nav { /*✓*/
    display: inline-block;
    width: 100%;
    text-align: center;
}

.nav {
    white-space: nowrap;
}


.RL{
    visibility: visible;
    opacity: 1;
    box-shadow: var(--bs-box-shadow);
}

.nav-tems { /*✓*/
    display: inline-block;
    margin: 0px 10px;
    justify-content: center;
    font-size: 14px;
}

.spa { /*✓*/
    display: inline-block;
    width: 100%;
    text-align: center;
}

.spa0 { /*✓*/
    display: inline-block;
    margin: 0% 3%;
    justify-content: center;
    color: orange;
}

.spa1 { /*✓*/
    display: inline-block;
    justify-content: center;
}

.spa2 { /*✓*/
    display: inline-block;
    justify-content: center;
    color: orange;
}

.spa3 { /*✓*/
    display: inline-block;
    margin: 0% 3%;
    justify-content: center;
}

.spa4 { /*✓*/
    display: inline-block;
    justify-content: center;
    color: orange;
}

.img1 { /*l'effet sur la photo du pont*/
    width: 93%;
    height: 85%;
}

.PR0 { /* Pour deplacer le nom de l'auteur */
    width: 500px;
    text-align: right;
}

.img2 { /*l'effet sur la photo de la canette*/
    width: 100%;
    height: 100%;
}

.img3 { /*l'effet sur la photo de mariage*/
    width: 100%;
    height: 100%;
}

.CL0 { /*Pour la taille de colonne du premier texte*/
    width: 100%;
    height: 100%;
}

.CL1 { /*Pour la taille de colonne de la photo du pont */
    width: 0%;
    height: 0%;
}

.LG0{ /*Pour la ligner de separation 1*/
    border-top: 2px solid;
    border-left-width: 70PX;
    border-left: 5px black;
}

.CL2 { /*Pour la taille de colonne de la canette et le mariage*/
    width: 500px;
    height: 460px;
}

.CL3 { /*Pour la taille de colonne de la photo de muscle*/
    width: 500px;
    height: 350px;
}

.CL4 { /*Pour la taille de colonne de la photo de muscle*/
    width: 20%;
    height: 20%;
}

.CL3\.0{ /*Pour la taille de colonne de la photo de muscle*/
    display: inline-block;
    justify-content: center;
}

.img4 { /*l'effet sur la photo de muscle*/
    width: 350px;
    padding-left: 0px;
}

.img5 { /*l'effet sur la photo de livre cuisine*/
    width: 311px;
    height: 200px;
    padding-left: 70px;
}

vl { /*l'effet sur la ligne vertical*/
    border-left: 2px solid black;
}
.footer { font-family:'Times New Roman', Times, serif;}

.rt { /*✓*/
    margin-right: 9%;
}
.rd{
    margin: 3% 5%;
    font-size: 14px;
}

.dr0{
    text-align: center;
    margin: 0% 10%;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: orange;
    text-decoration: underline;
}


.kmg2 { /*✓*/
    color: orange;
    width: 30%;
    height: 100%;
}




.FM{ /* pour le formulaire */
    border: 40px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px;
    width: 100%;
    max-width: 70%;
    color: orange;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: 13%;
}
.FM1 { /*✓*/
    display: flex;
    margin-top: 5%;
}
.FM1 label {
    flex: 1;
    padding-right: 10px;
}
.FM1 input,
.FM1 select {
    flex: 2;
}
.FM1 input[type="date"] {
    flex: none;
}
.FM1 input[type="number"] {
    width: 100px;
}
.FM2 {
    text-align: right;
}
.FM2 button {
    padding: 2% 15%;
    border: none;
    background-color: #fd7e14;
    color: white;
    margin-top: 5%;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    color: #292929;
}

.k {
    color: orange;
    background-color: white;
}