:root {
--main-font-family: Verdana, Arial, Helvetica, sans-serif; 
--main-grey-color: #FAFDFF;/*#FFF9F0;/*#F5EDE6;/*#F6FFF0;*/
--main-calendar-event-color: #70A3CC; 
--main-calendar-content-color: #A3CC70; 
--main-calendar-other-color: #CC9970; 
--main-calendar-link-color: var(--main-font-text-color); 	
--main-calendar-font-size10: 10px; 
--main-calendar-font-size14: 18px; 
}

/*img{max-width: 100%; height: auto; min-width: auto; min-height: auto;}*/
.class_table_div{	font-size: var(--main-font-size14); color: var(--main-font-color); font-weight: bold; font-style: italic; text-decoration: none; margin: 10px 10px 10px 10px; padding: 2px 0px 5px 10px; border: solid var(--main-border-color) 1px; border-radius: 5px 5px 5px 5px; background:  var(--main-shadow-light-color); background-image: linear-gradient(to bottom, var(--main-shadow-light-color), var(--main-shadow-dark-color)); clear: both; box-shadow: 0px 1px 3px var(--main-shadow-light-color);}
.class_table{top: 0px; color: var(--main-font-color); margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px; border: 1px solid var(--main-border-color);background: var(--main-box-body-color);}
.class_table i{font-size:var(--main-font-size12);}

/* calendar.php *//*.class_table_div*/
.table_calendar {background-color: var(--main-box-body-color);font-size: var(--main-font-size-box);width: auto;}
.table_calendar td {border: solid 1px var(--main-border-color); padding: 10px; vertical-align: top;width: 150px;}
.table_calendar a {text-decoration: none; font-size: var(--main-calendar-font-size10);}
.table_calendar_arrow, .table_calendar_arrow a {text-decoration: none; font-size: var(--main-calendar-font-size14);}
.table_calendar_event{ background-color: var(--main-calendar-event-color);font-size: var(--main-calendar-font-size10);}
.table_calendar_event a {color: var(--main-calendar-link-color);}
.table_calendar_content{ background-color: var(--main-calendar-content-color);font-size: var(--main-calendar-font-size10);}
.table_calendar_content a {color: var(--main-calendar-link-color);}
.table_calendar_other{ background-color: var(--main-calendar-other-color);font-size: var(--main-calendar-font-size10);}
.table_calendar_other a {color: var(--main-calendar-link-color);}

/*Cookie Consent Begin*/
.overlay {background-color: rgba(20,20,20,0.8); min-height: 26px; font-size: 14px; color: #ccc; line-height: 26px; padding: 8px 0 8px 30px; position: fixed; bottom: 0; left: 0; right: 0; display: table; z-index: 9999;}
.overlay-inner a {color: #33AAFF; text-decoration: none;}
.overlay {opacity:80%; position:fixed; width:100%; height:100%; display:table; background:rgba(0,0,0,0.8);}
.overlay-inner {display:table-cell; vertical-align:middle; text-align:center;}
.overlay-inner a {color: #FFD700; text-decoration: underline;}
.overlay-inner button {background-color: #FFD700; color: black; border: none; height:auto; width:250px; padding: 10px 20px; margin:5px; cursor: pointer; font-weight: bold; border-radius: 5px; margin-right: 35px;}
.overlay-inner button:hover {background-color: #ffaa00;}
/* Slides */
.slides{margin:10px;width:450px;height:525px;position:relative; font-family:var(--main-font-family); color:var(--main-font-text-color); background-color:var(--main-bg-main-color); font-size:var(--main-font-size-body);clear:both; border:1px solid var(--main-border-dark-color);}
.slides-title{text-align: center;font-size:var(--main-font-size-content-title);font-style: italic;font-weight: bold;padding:5px;}
.slides-container{width:450px;height:450px;padding:5px;background-color:var(--main-white-color);}
.slides-container img{width:100%;height:auto; opacity:0.3;}
.slides-box{display:none;}
.slides-display-text{position:absolute;top:0;left:0;right:0;bottom:auto;text-align:center;margin:50px;padding-top:50px;padding-bottom:50px;}
.slides-text, .slides-text a{font-size:14px;color:var(--main-black-color);text-decoration:none;}
.slides-bar{margin:auto;text-align:center;width:250px;height:50px;background-color:#grey;color:#black;}
.slides-bar-left{padding:15px;float:left;}
.slides-bar-right{padding:15px;float:right;}
.slides-bar-arrow{background-color:var(--main-dark-color);border: 1px var(--main-border-dark-color) solid; border-radius:5px; color:var(--main-white-color);}
.slides-bar-arrow:hover{ background-color:var(--main-dark-color);border: 1px var(--main-border-dark-color) solid; border-radius:5px; color:var(--main-black-color);}
.slides-bar-numbers{margin:auto;padding-top:15px;text-align:center;}
.slides-bar-n{color:var(--main-dark-color); font-size:14px;}
.slides-bar-nhover{border-radius:5px; color:var(--main-white-color); background-color:var(--main-dark-color); font-size:14px;}
.wrapper {    display: inline-block; transform: scale(0.7);transform-origin: top right; border: 1px solid black; foat:left; padding: 10px; margin-right: 10px;}
.wrapper table {min-width: 300px; min-height: 100px;}

/* Tabs*/
.tabs {display: block;cursor: pointer;clear:both;}
.tab {padding: 10px 20px;border: 1px solid #ccc;border-bottom: none;margin-right: 5px;background-color: var(--main-box-body-color);transition: background-color 0.3s;display: inline-block;}
.tab:hover {background-color: var(--main-light-color);}
.tab.active {background-color: var(--main-light-color);border-bottom: 2px solid var(--main-dark-color);}
.tab_content {display: none;padding: 20px;border: 1px solid var(--main-dark-color);background-color: var(--main-box-body-color);}
.tab_content.active {display: block;}

.slider-scroll-container {border: 1px solid var(--main-dark-color); display: inline-block; position: relative; width: 650px; overflow: hidden;background-color: var(--main-box-body-color); padding: 10px; margin:10px}
.slider-scroll {gap: 10px;padding: 10px;width: max-content;transition: transform 0.3s ease-out;}
.slider-scroll img {width: 300px;height: 200px;object-fit: cover;border-radius: 10px;}
.slider-scroll-btn {background: var(--main-dark-color);color: white;border: none;padding: 10px;cursor: pointer;font-size: 20px;border-radius: 50%;}
.slider-scroll-btn:hover {background: var(--main-light-color);}
.slider-scroll-prev {left: 10px;}
.slider-scroll-next {right: 10px;}

.resizable {transition: transform 0.3s ease-in-out;float:left;padding: 10px;}
.resizable:hover {transform: scale(1.8); /* Agrandit de 90% */}

.draggable_box {opacity:60%; position: absolute;min-width: 150px;min-height: 150px;background-color: var(--main-light-color);color: var(--main-font-text-color);border-radius: 5px;display: flex;justify-content: center;align-items: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);cursor: grab;user-select: none;transition: transform 0.1s ease-out;z-index: 1;}
.draggable_container {display:block; padding: 15px; margin:10px; position: relative;min-width: 600px;min-height: 450px; max-width: 100%;max-height: 80vh;background-color: var(--main-box-body-color);border: 2px solid var(--main-dark-color);overflow: hidden;border-radius: 5px;}
.draggable_active {opacity:100%; z-index: 100;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);}


a {
    pointer-events: auto !important;
    z-index: 1001;
}


@media (max-width: 768px) {
	.menu_box_bottom {flex-direction: column;}
	.menu_box_bottom > li > a {text-align: center;}
	/*.submenu_box_bottom, .subsubmenu_box_bottom {position: relative;display: none;}*/

;}

@media (max-width:450px){
	.slides{display:none;}
	.wrapper{display:none;}
	.slider-scroll-container{display:none;}
	.draggable_container{display:none;}
;}