body { 
    font-family: Arial, sans-serif; 
    margin:0; 
    padding:0; 
    background:#f5f5f5;
}

    
    
/* Sections internes */
    section { 
        background:#fff; 
        padding: 40px;
        margin: 20px auto;
        border-radius:6px; 
        box-shadow:0 2px 4px rgba(0,0,0,0.05); 
        box-sizing:border-box;
       
    }
    .propos{
        padding-left: 2%;
    }

    .btn { 
        border-radius:10px;
        border: solid 1px;
        display:inline-block; 
        padding:12px 24px; 

        background: linear-gradient(
    to bottom,
    #0077FF, /* Bleu azur profond */
    #3399FF, /* Bleu azur */
    #66BFFF, /* Bleu ciel */
    #99D8FF, /* Bleu très clair */
    #CCEFFF, /* Bleu pastel */
    #FFFFFF  50%/* Blanc */
);
        color:#000; 
        text-decoration:none; 
        
    }
    .btn:hover{
        color: red;
        transform: scale(1.03);
    }


.btn-orange {
    border-radius: 10px;
    border: solid 1px;
  display: inline-block;
  padding: 12px 24px;
  background: linear-gradient(
    to bottom,
    #0077FF, /* Bleu azur profond */
    #3399FF, /* Bleu azur */
    #66BFFF, /* Bleu ciel */
    #99D8FF, /* Bleu très clair */
    #CCEFFF, /* Bleu pastel */
    #FFFFFF  50%/* Blanc */
);
  color: #000;
  text-decoration: none;
  font-weight: bold;
  max-width: 100%;
  min-width: 300px;
}

.btn-orange:hover{
        color: red;
        transform: scale(1.03);
    }







    
    

    


    .cta-centre {
    text-align: left;
    margin-top: 40px;

    max-width: 100%;
    width: fit-content;
    white-space: normal; /* autorise le retour à la ligne */
    word-wrap: break-word;
}



section {
    border-radius: 20px;
    border: solid 1px  #0077FF, /* Bleu azur profond */;
    max-width: 1800px;
    margin: 10px auto 40px auto;
    padding: 10px 20px;
}
.liste-plans {
    border-radius: 25px;
    border: 1px solid ;
    max-width: 95%;
    margin:  auto; 
    margin-top: 10px;  
    margin-bottom: 10px;
    color: #000;
    text-align: center;    
    box-sizing: border-box;
     height: 600px;
   /* background-image: url('img-copilot/structure-beton.jpg');
    background-size: auto 80%; ( Largeur automatique, hauteur ajustée au cadre )
    background-position: center;
    background-repeat: no-repeat;*/

}

.center{
    margin-top: 5%;
    margin-bottom: 5%;
    height: 600px;
   
}
.titre-page {
  font-size: 2rem;
  margin-bottom: 30px;
  font-weight: bold;
}




.liste-boutons {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 40px;
  align-items: center;   /* centre les boutons horizontalement */
}
@media (max-width: 768px) {

  .titre-page {
    font-size: 1.7rem;
  }  
}