body {
  background-color: #999966;
  background-image: url(../_frame/outerbk.png);
  width:100%;
  height: 100%;
  font-family:Candara;
  margin: auto;
}

#maintable{
  width: 80%;
  height:100%;
  border:1px solid #FFFFFF;
  background-color: #FFFFFF;
}

#banner {
  padding-bottom: 20px;
}

#banner:hover{
  transform: scale(1.2);
}

#intro-img {
  padding-right: 20px;
}

#intro-img:hover{
  transform: scale(1.2);
}

.logo {
  padding-top: 50px;
  max-height: 200px;
}

.logo:hover {
  transform: scale(1.2);
}


.low-content{
  padding-bottom: 170px;
}

nav {
  padding-top: 25px;
}

nav ul {
  list-style-type:none;
  padding-left:0;
}

nav ul li {
  height:25px;
  border-bottom:1px solid #C5C5C5;
  width:80px;
}

nav ul li a:hover{
  font-size: 18px;
}

.wg-formfield {
 font-family:Candara;
 font-size:14px;
}

.wg-popup {
 border:solid 1px #D2A679;
 width:160px;
 padding:2px;
 position:absolute;
 z-index:100;
 margin-left: 79px;
 margin-top: -17px;
 visibility:hidden;
 color: #000000;
 background-color: #FFFFFF;
 layer-background-color:#FFFFFF;
 text-align:left;
}

.wg-popup a {
 color: #000000;
 padding:2px;
 width:159px;
 display:block;
 text-decoration:none;
}

.wg-popup a:hover {
 color:#FFFFFF;
 background-color:#392613;
 text-decoration:none;
 display:block;
}

.wg-button {
 width: 80px;
 overflow:hidden;
 display:block;
}

.wg-button a {
 color:#000000;
 text-decoration: none;
 display:block;
}

.wg-button a:hover {
 color:#D2A679;
 color:#D2A679;
 display:block;
}

hr { 
 height:1px;
 color:#FFFFFF;
 background-color:#FFFFFF;
}

.wg-price {
 color:#000000;
 font-size:11px;
 font-weight:bold;
}

.wg-strikeprice {
 text-decoration:line-through;
 color:#000000;
 font-size:11px;
}

h1 {
 margin:10px 1px 1px 25px;
 font-size:25px;
 color:#392613;
 border-bottom:1px solid #C5C5C5;
}

.wg-subparag {
margin-left:16px;
}

.wg-paragraph {
 font-size:16px;
 color:#000000;
 padding:10px;
}

.wg-paragraph h2 {
 margin:1px;
 font-size:20px;
 color:#392613;
}
.wg-paragraph h3 {
 margin:1px;
 font-size:18px;
}
.wg-paragraph a {
 color:#A98662;
 text-decoration : underline;
}
.wg-paragraph ul#s2h {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.wg-paragraph ol {
 margin-top:10px; margin-bottom:10px;
}
.wg-panel {
 background-color:#8D5D30;
 font-size:14px;
 text-align:justify;
 color:#FFFFFF;
}
.wg-panel h2 {
 margin:1px;
 text-align:center;
 font-size:16px;
 color:#FFFFFF;
}
.wg-panel h3 {
 margin:1px;
 text-align:left;
 font-size:16px;
 color:#FFFFFF;
}
.wg-panel a {
 color:#FFFFFF;
 text-decoration : underline;
}
.wg-panel ul#s2h {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:16px;
}
.wg-panel ol {
 margin-top:10px; margin-bottom:10px;
}.pagination a
{
 font-size:14px;
 margin: 0px 3px 0px 3px;
 padding:0px 5px 0px 5px;
 border:1px solid;
 color:#392613;
 text-decoration:none;
}
.pagination a#pag_sel
{
 margin: 0px;
 font-weight:bold;
 border:none;
 color:#392613;
}

#poll-container {
  width: 200px;
  text-align: left;
}
.graph {
 position: relative;
}
.bar-title {
 margin-bottom: 1px;
 margin-top: 1px;
 text-align: left;
}
.bar-container {
  position: relative;
  float: left;
  width: 160px;
  height: 20px;
  margin: 0;
}
.bar-container strong {
  position: absolute;
  right: -40px;
  top: 0px;
  overflow: hidden;
}
.bar-container div {
  height: 20px;
}
#poll-results {
}
#poll-results p {
  text-align: center;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d {
 font-size:14px;
 color:#000000;
 border:1px solid #000000;
 background-color:#FFFFCC;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d h2 {
 margin:1px;
 font-size:18px;
 color:#392613;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d h3 {
 margin:1px;
 font-size:11px;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d a {
 color:#D2A679;
 text-decoration: underline;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d ul#s2h {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.twps_3e342ea1fb3fa19dee22893554d0e17d ol {
 margin-top:10px; margin-bottom:10px;
}

.wg-navbt img {
 border:0;cursor:pointer;
}
table.shopcart, table.tbl_dm { border-spacing:0px;border-collapse:collapse; }
table.shopcart th, table.tbl_dm th { border:1px solid #C4C4C4;background-color:#F7F7F7; }
table.shopcart td { border:1px solid #C4C4C4;padding:2px 6px 2px 6px;}
table.shopcart td.total { background-color:#F7F7F7; }
table.tbl_dm td { border:none; padding:2px 2px 2px 2px;}
table.shopcart a{ color:#000000; text-decoration : none;}
table.shopcart a:hover{ text-decoration : underline;}
#dhtmltooltip {
 position: absolute;
 width: 150px;
 font-family:Candara;
 font-size:14px;
 padding: 2px;
 visibility: hidden;
 z-index: 100;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 background-color:#FFFFDD;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* NOUVEAU CSS ITE */

h3{
  margin-bottom: 20px;
  text-decoration: underline;
}

section{
  margin-left: 10px;
  margin-top: 50px;
}

#itelink {
  text-decoration: none;
  color: #A98662;
  font-size: 1.3em;
  position: relative;
  padding: 0 6px;
  transition: .2s all;
  font-weight: 600;
}

#itelink::before {
  content: '';
  position: absolute;
  background: #4cd3c2;
  width: 2px;
  height: 100%;
  left: 0;
  transition: .2s all;
  z-index: -1;
}
}

#itelink:hover::before {
  width: 100%;
}

#itelink:hover {
  color: rgba(52, 73, 94, 0.8);
  font-size: 1.6em;
}

/*
#itelink:hover {
  color: rgba(52, 73, 94, 0.8);
  font-size: 20px;
}
*/

#visite{
  font-size: 10px;
}

/* Pagination page actualités*/
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        .pagination a {
            color: black;
            padding: 8px 16px;
            text-decoration: none;
            border: 1px solid #ddd;
            margin: 0 4px;
            cursor: pointer;
        }
        .pagination a.active {
            background-color: #9599a2;
            color: white;
            border: 1px solid #A98662;
        }
        .pagination a:hover:not(.active) {
            background-color: #A98662;
        }
        .content-pagination {
            display: none;
        }
/*Fin pagination page actualités*/

.icones img {
  height:15px;
}

/* ancien code Galerie

.img-galerie {
  position: relative;
  width: 300px;
}

.img-galerie {
    position: relative;
    width: 300px; 
}

.img-galerie img {
    width: 100%;
    height: auto;
    display: block;
}

.overlay-galerie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.7); /* Fond semi-transparent */
    /*padding: 10px 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-align: center;
}

.img-galerie:hover .overlay-galerie {
    opacity: 1;
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.image-gallery img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; /* Espace entre les images en ligne */
    /*flex: 1 1 calc(33.33% - 10px); /* Trois images par ligne avec un espace de 10px */
    /*box-sizing: border-box;
}

@media (max-width: 768px) {
    .image-gallery img {
        flex: 1 1 calc(50% - 10px); /* Deux images par ligne en dessous de 768px */
    /*}
}

@media (max-width: 480px) {
    .image-gallery img {
        flex: 1 1 100%; /* Une image par ligne en dessous de 480px */
    /*}
}*/

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.image-item {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.image-item img:hover {
    transform: scale(1.05);
}

.image-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    padding: 5px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-item:hover .image-title {
    opacity: 1;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
}

.modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.caption {
    margin: auto;
    display: block;
    padding: 10px;
    color: white;
    text-align: center;
    font-size: 16px;
    background-color: rgba(0,0,0,0.6);
}

.close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #f1f1f1;
    text-decoration: none;
    cursor: pointer;
}