body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_AccueilLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#AccueilLayoutGrid1
{
   box-sizing: border-box;
   padding: 25px 15px 5px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#AccueilLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#AccueilLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#AccueilLayoutGrid1 > .row > .col-1
{
   float: left;
}
#AccueilLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#AccueilLayoutGrid1:before,
#AccueilLayoutGrid1:after,
#AccueilLayoutGrid1 .row:before,
#AccueilLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#AccueilLayoutGrid1:after,
#AccueilLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#AccueilLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_indexFerrisWheel1
{
   height: auto !important;
}
#indexFerrisWheel1
{
   width: 100%;
   border-radius: 100%;
   position: relative;
   padding: 100% 0 0 0;
   height: 0;
   display: block;
   overflow: hidden
}
#indexFerrisWheel1 .nav
{ 
   width: 100%;
   height: 100%;
   position: absolute;
   margin: auto; top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 100%;
   pointer-events: none;
   z-index: 9;
}
#indexFerrisWheel1 .nav .nav-item
{ 
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80px;
   height: 80px;
   position: absolute;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 50%;
   text-align: center; 
   z-index: 3;
   cursor: pointer;
   border: 2px solid #FFFFFF;
   transition: all 600ms ease-in;
   pointer-events: all;
}
#indexFerrisWheel1 .circle
{ 
   position: absolute;
   left: 10%;
   top: 10%;
   width: 80%;
   height: 80%;
   box-sizing: border-box;
   border: 0px solid #FFFFFF;
   border-radius: 100%; 
   animation: rotation 100s infinite linear; 
}
#indexFerrisWheel1 .nav .nav-item:hover, #indexFerrisWheel1 .nav .nav-item.active
{
   border: 2px solid #DCDCDC; 
}
#indexFerrisWheel1 .content
{
   border-radius: 100%;
   position: absolute;
   top: 10%;
   left: 10%;
   height: 80%;
   width: 80%;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
}
#indexFerrisWheel1 .content .content-item
{
   border-radius: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #FFFFFF;
   position: absolute;
   text-align: center;
   bottom: 0;
   left: 0;
   opacity: 0;
   transform: scale(0);
   transition: all 600ms ease-in;
   font-family: Arial;
   font-weight: normal;
   font-size: 32px;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   display: flex;
   flex-direction: column;
   align-content: center;
   justify-content: center;
   align-items: center;
}
#indexFerrisWheel1 .content-item.active
{
   z-index: 1;
   opacity: 1;
   transform: scale(1);
   transition: all 600ms ease-in;
}
#indexFerrisWheel1 .content .content-item .svg-icon
{
   position: absolute;   width: 100%;
   height: 100%;
   left: 0%;
   top: 0%;
   fill: currentColor;
   opacity: 0.1;
   pointer-events: none;
}
#indexFerrisWheel1 .content-item-overlay
{
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.08);
   border-radius: 100%;
   z-index: -1;
}
#indexFerrisWheel1 .content-item .title
{
   font-weight: bold;
   letter-spacing: 2px;
   position: relative;
   z-index: -1;
   color: #FFFFFF;
   font-size: 32px;
}
#indexFerrisWheel1 .content-item p
{
   font-size: 16px;
   margin: 10px 0;
}
#indexFerrisWheel1 .content-item a
{ 
   color: inherit;
   font-weight: bold;
   text-decoration: inherit;
}
#indexFerrisWheel1 .content-item-1, #indexFerrisWheel1 .nav-item-1
{
   background-image: url("../images/RVCartoon.jpg");
}
#indexFerrisWheel1 .content-item-2, #indexFerrisWheel1 .nav-item-2
{
   background-image: url("../images/2026%2d05%2d16%2d11%2d09%2d14.jpg");
}
#indexFerrisWheel1 .content-item-3, #indexFerrisWheel1 .nav-item-3
{
   background-image: url("../images/LivreAutoMacro.JPG.jpg");
}
#indexFerrisWheel1 .content-item-4, #indexFerrisWheel1 .nav-item-4
{
   background-image: url("../images/Lesfilles.png");
}
#indexFerrisWheel1 .content-item-5, #indexFerrisWheel1 .nav-item-5
{
   background-image: url("../images/Rv%20pigeon.jpg");
}
#indexFerrisWheel1 .content-item-6, #indexFerrisWheel1 .nav-item-6
{
   background-image: url("../images/Agenda.jpg");
}
#wb_wb20_ferriswheel_imagesLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wb20_ferriswheel_imagesLayoutGrid2
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 15px 0 100px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 900px;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 4px;
   padding-left: 4px;
   position: relative;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   flex: 0 0 auto;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_wb20_ferriswheel_imagesLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wb20_ferriswheel_imagesLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 900px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   float: left;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 66.66666667%;
   text-align: center;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: right;
}
#wb20_ferriswheel_imagesLayoutGrid1:before,
#wb20_ferriswheel_imagesLayoutGrid1:after,
#wb20_ferriswheel_imagesLayoutGrid1 .row:before,
#wb20_ferriswheel_imagesLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#wb20_ferriswheel_imagesLayoutGrid1:after,
#wb20_ferriswheel_imagesLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_IndexLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#IndexLayoutGrid1
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 25px 0 25px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#IndexLayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#IndexLayoutGrid1 > .col-1
{
   flex: 0 0 auto;
}
#IndexLayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#IndexLayoutGrid1 > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_IndexHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   vertical-align: top;
   margin: 0 0 25px 0 ;
   padding: 0;
   text-align: center;
}
#IndexHeading1
{
   color: #000000;
   font-family: "Comic Sans MS";
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_AccueilHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 25px 0 ;
   padding: 0;
   text-align: center;
}
#AccueilHeading1
{
   color: #000000;
   font-family: "Comic Sans MS";
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#AccueilLayer1
{
   background-color: transparent;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
}
#wb_IndexHeading1
{
   display: inline-block;
   width: 156px;
   height: 22px;
   z-index: 2;
}
#wb_indexFerrisWheel1
{
   display: block;
   width: 100%;
   z-index: 1;
}
#TxtNews
{
   position: absolute;
   overflow: hidden;
   left: 197px;
   top: 12px;
   width: 704px;
   height: 129px;
   z-index: 3;
}
#wb_AccueilHeading1
{
   display: block;
   width: 100%;
   z-index: 0;
}
#AccueilLayer1
{
   position: absolute;
   text-align: center;
   left: 104px;
   top: 119px;
   width: 90.5282%;
   height: 152px;
   z-index: 8;
}
#AccueilLayer1_Container
{
   width: 994px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
@media only screen and (max-width: 1097px) and (orientation: portrait)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_AccueilLayoutGrid1
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#wb_AccueilLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#AccueilLayoutGrid1
{
   height: auto;
   padding: 25px 15px 5px 15px;
}
#AccueilLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#AccueilLayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#AccueilLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb_indexFerrisWheel1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#indexFerrisWheel1 .nav .nav-item
{
   width: 80px;
   height: 80px;
}
#indexFerrisWheel1 .content .content-item
{
   font-size: 32px;
}
#indexFerrisWheel1 .content-item .title
{
   font-size: 32px;
}
#indexFerrisWheel1 .content-item p
{
   font-size: 16px;
}
#wb_wb20_ferriswheel_imagesLayoutGrid2
{
   visibility: visible;
   display: table;
}
#wb_wb20_ferriswheel_imagesLayoutGrid2
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#wb20_ferriswheel_imagesLayoutGrid2
{
   height: auto;
   padding: 15px 0 220px 0;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   padding-right: 4px;
   padding-left: 4px;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: flex-start;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wb_wb20_ferriswheel_imagesLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_wb20_ferriswheel_imagesLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#wb20_ferriswheel_imagesLayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#wb20_ferriswheel_imagesLayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   padding-right: 15px;
   padding-left: 15px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: center;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: right;
}
#wb_IndexLayoutGrid1
{
   visibility: visible;
   display: table;
   box-shadow: 0px 0px 0px #000000;
}
#wb_IndexLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#IndexLayoutGrid1
{
   height: auto;
   padding: 25px 0 25px 0;
}
#IndexLayoutGrid1 > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#IndexLayoutGrid1 > .col-1
{
   display: flex;
   flex-basis: 100%;
   max-width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   align-content: flex-start;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#wb_IndexHeading1
{
   width: 290px;
   height: 19px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 25px 0 ;
   padding: 0;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_IndexHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#IndexHeading1
{
   color: #000000;
   font-family: "Comic Sans MS";
   font-weight: bold;
   font-style: normal;
   font-size: 13px;
   text-align: center;
   text-transform: none;
}
#wb_AccueilHeading1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0 0 25px 0 ;
   padding: 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_AccueilHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#AccueilHeading1
{
   color: #000000;
   font-family: "Comic Sans MS";
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
   text-transform: none;
}
#TxtNews
{
   left: 20px;
   top: 18px;
   width: 265px;
   height: 262px;
   visibility: visible;
   display: inline;
}
#AccueilLayer1
{
   left: 11px;
   top: 95px;
   height: 288px;
   visibility: visible;
   display: block;
}
#AccueilLayer1_Container
{
   width: 294px;
}
}
        /* Conteneur : masque le débordement */
        .marquee-container {
            width: 100%;
            background: #f0f0f0;
            overflow: hidden;
            border: 1px solid #ccc;
            padding: 10px 0;
        }
        /* Texte défilant */
        .marquee-text {
            display: inline-block;
            white-space: nowrap; /* Empêche le retour à la ligne */
            padding-left: 100%; /* Commence hors de l'écran à droite */
            animation: scroll-left 12s linear infinite;
            font-size: 20px;
        }
        /* Animation */
        @keyframes scroll-left {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }

      @keyframes blinkNews {
       0%   { color: black; }
       50%  { color: #7CFF7C; } /* vert clair bien visible */
       100% { color: black; }
      }

   #TxtNews {
       animation: blinkNews 2.2s infinite;
   }