/*
body{
    background-color: blueviolet!important;
}
*/
.accordion {
  /* max-width: 600px; */
  margin: 20px auto;
}

.accordion-item {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: rgba(170, 170, 170,0.6) 4px 4px 4px;
}
.accordion-item:hover {
    box-shadow: rgba(170, 170, 170, 0.0) 4px 4px 4px;
}

.accordion-header {
    padding: 10px;
    background:#002e67;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.6s ;
}
.accordion-header span {
    color:#fce16e;
    font-weight:normal;
}
.accordion-header h3 {
    color:#ffffff;
    font-size: 1.1rem;
}

.accordion-header:hover {
    background-color: #052143;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s, padding 0.6s;
  /* padding: 0 15px; */
}

.accordion-item.active .accordion-content {
  max-height: 500px;
  /* padding: 15px; */
}






#toggle-button-caddie {
    display: inline-block;
    position:fixed;
    width:190px;
    bottom:-5px;
    right:10px;
    padding: 10px;
    background-color: #fce16e;
    border: #002e67 2px outset;
    color: #002e67;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    /* border: none; */
    text-decoration: none;
    outline: none;
    z-index:9898989;
}

#toggle-button-caddie > .vide {
    background-color: #eeeeee;
}

#toggle-button-content {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: rgba(170, 170, 170,0.6) 4px 4px 4px;

    background-color: rgba(255, 255, 255, 0.99);
    padding: 10px;
    box-sizing: border-box;
    border: #002e67 2px solid;
    display: block; /* Initialement masqué */
    z-index:999;
    width: 100%;
}

#toggle-button-content h3 {
    color: #002e67;
    text-align: center;
}


.wpe-liste {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: stretch;
}

    /*
.wpe-liste .wpe-offre{
    margin:5px;
    background-color:#fff;
    border-radius:20px 20px 0px 0px;
    padding:0px;
    text-align:center;
    position: relative;
}
    */


#lien_catalogue {
    display:block;
}

@media (min-width: 769px) {
    #lien_catalogue {
        display:none;
    }
    #lien_commander {
        display:block;
    }
}


.wpe-choix-btn {
    display: flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items: stretch;
}
.wpe-img-fluid {
  float: inline-end;
  width:130px;
  margin:10px;
}

.wpe-text {
    padding:10px!important;
    text-align:left;
    font-size: 0.9rem;
}
/*
.wpe-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * 0);
  margin-right: calc(-0.5 * 1rem);
  margin-left: calc(-0.5 * 1rem);
}
.wpe-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(1rem * 0.4);
  padding-left: calc(1rem * 0.4);
  margin-top: 0;
}

.wpe-col {
  flex: 1 0 0%;
}


.wpe-offre-titre {
    background:#002e67;
    height:110px;
    border-radius:20px 20px 0px 0px;
}
.wpe-offre-titre h3 {
    padding:15px 5px;
    color: white;
    font-size: 1.1rem;
    line-height: 1rem;
}
.wpe-offre-titre h4 {
    font-size: 1rem;
    line-height: 0.95rem;
    color: #ebe6cb;
}
*/

.wpe-offre-ajout {
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items: stretch;
    width:100%;
    background:#002e67;
}

.wpe-offre-ajout div, button{
    padding:10px;
}

.wpe-offre-ajout-duree{
    vertical-align: middle;
    color:aliceblue;
}
.wpe-offre-ajout-duree svg {
    vertical-align: middle;
    color:aliceblue;
    margin:0 5px
}

.wpe-lien{
    text-decoration: none!important;
    text-align: center;
    background:rgba(2, 20, 42, 0.085)!important;
    border: #002e67 1px solid;
    border-radius:5px;
    padding:5px 10px;
}
.wpe-center{
    text-align: center;
    font-weight: 500;
    padding:5px 10px;
}
.wpe-lien:hover{
    background:rgba(2, 20, 42, 0.385)!important;
    border-color:rgba(2, 20, 42, 0.5)!important;
}

.wpe-offre-ajout-btn{
    background:rgba(45, 87, 138, 0.185)!important;
}

.wpe-offre-ajout-btn:hover{
    background:rgba(2, 20, 42, 0.385)!important;
    border-color:rgba(2, 20, 42, 0.385)!important;
}