/* Global */
@font-face {font-family: 'Lato';font-weight: normal;src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');}
@font-face {font-family: 'Lato';font-weight: bold;src: url('../fonts/Lato/Lato-Bold.ttf') format('truetype');}

@font-face {font-family: 'OoohBaby';font-weight: normal;src: url('../fonts/OoohBaby/OoohBaby-Regular.ttf') format('truetype');}
@font-face {font-family: 'OoohBaby';font-weight: bold;src: url('../fonts/OoohBaby/OoohBaby-Regular.ttf') format('truetype');}


html {}
a, a:visited {color:#3c7fc3; text-decoration: none;}
h4 {font-size: 15px;}
body {font-family: Lato;color:#f1d5c2;/*#533*/font-size: 14px;max-width: 1200px;margin: 12px auto;background: url('../img/fond 01.jpg') center center fixed;background-size: cover; }

/*==============================================================*/
/* SCROLL COULEURS 												*/
/*==============================================================*/
div::-webkit-scrollbar {
  width: 14px;               /* width of the entire scrollbar */
  /* display: none; */
}

div::-webkit-scrollbar-track {
  background: #3e3e3e;        /* color of the tracking area */
}

div::-webkit-scrollbar-thumb {
  background-color: #727272;  /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 2px solid #3e3e3e;  /* creates padding around scroll thumb */
}
#main_div_left::-webkit-scrollbar {
  width: 8px;        
}
#main_div_left::-webkit-scrollbar-thumb {
  border: 0px solid #555;  
}
div {/*scrollbar-width:thin;*/scrollbar-color: #876f5d #3a2e2b;}

/*==============================================================*/

hr {border: none;height: 1px;color: #f0ede9ff;/* old IE */background-color: #dbd8d4;margin:7px -12px}
input, textarea {font-family: Lato;color:#555;border-style: none;}
input[type="checkbox"],input[type="radio"] {transform: scale(1.1);cursor: pointer;vertical-align: bottom;margin: 0 5px 6px 2px;}
label {cursor: pointer;}
textarea:focus, input:focus, div:focus {outline: none;}

#commune_list {font-size: 13px;font-weight: normal;line-height: 23px;letter-spacing: 0.04em;padding-left: 6px;}
#commune_list a {color: inherit;display: inline-block;width: calc(100% - 26px);}
#commune_list a:hover {background-color: #ffffff15;padding: 1px 10px 0 6px;margin: -1px 0px -1px -6px;}

/*#main_div_left {overflow-x: hidden;overflow-y: hidden;width: 240px;display: inline-block;position: fixed;padding-left: 18px;line-height: 1.6em;font-size: 14px;left: calc(50% - 604px);top: 0px;bottom: 0;background-color: #00000011;}*/
#main_div_left {overflow-x: hidden;overflow-y: hidden;width: 240px;display: inline-block;position: fixed;padding-left: 18px;line-height: 1.6em;font-size: 14px;left: calc(50% - 636px);top: 0px;bottom: 0;background-color: #00000011;}
#main_div_left hr {margin: 10px 16px 10px 0px;background-color: #704f33;}
/*#main_div_right {top:0;bottom:0;width: 300px;display: inline-block;position: fixed;margin-left:870px;margin-top: 10px;line-height: 1.5em;padding-right: 10px;}*/
#main_div_right {top:0;bottom:0;width: 300px;display: inline-block;position: fixed;margin-top: 10px;line-height: 1.5em;padding-right: 10px;}

#main_div_search {width: 657px;min-width: 572px;max-width: 658px;display: inline-block;position: fixed;margin-left:238px;z-index: 10;box-sizing: border-box;}
input[type="text"],textarea {width: calc(100% - 107px);max-width: 550px;border-radius: 8px;padding: 10px 14px;box-shadow: 0px 0px 10px rgba(0,0,0,0.02) inset;background-color: #e7dcd0;font-family: inherit;color: #222;font-size: 15px;}
#main_div_search input[type="text"]::placeholder {color:#444;}
#main_div_search button {vertical-align: top;margin:0 0 0 3px;}

#div_search_options {display: none;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0,0,0,0.02) inset;background-color: #ffffff11;color:#f1eae1;height: 350px;margin-right: 2px;margin-top: 7px;padding:1px;}
#div_search_options_autocomp {padding:4px 0;background-color:#e1dad3;color:#333;display: inline-block; width:calc(100% - 300px);height: 100%;overflow-y: auto;vertical-align: top;line-height: 1.4em;box-sizing: border-box;border-radius:5px;}
#div_search_options_autocomp div {cursor: pointer;padding: 2px 8px;}
#div_search_options_autocomp div:hover,#div_search_options_autocomp div:focus {background-color: #00000020;color:#222;border-radius: 0;}
#div_search_options_right {display: inline-block; width: 266px;vertical-align: top;line-height: 1.6em;padding: 7px 15px;}
#div_search_options_right select {height: 28px;width: 100%;border-radius: 4px;background-color: #555;padding: 4px;color: #cdc6bc;border-style: none;outline: none;color:#f1eae1;}
#div_search_options_right input[type="text"] {height: 20px;width: 40px;border-radius: 4px;background-color: #555;padding: 4px 7px;color: #cdc6bc;border-style: none;outline: none;color:#f1eae1;font-size: 14px;}

#main_div_center {position: absolute;top:0;bottom:0px;right: 0;left:0;display: inline-block;margin-top: 58px;padding-bottom: 50px;padding-top: 5px;overflow-y: scroll;line-height: 1.35em;}
/*#main_div_center_scroll {width: 570px;max-width: 100%;margin: 0 auto;padding-right: 80px;}*/
#main_div_center_scroll, #div_center_page {max-width: 660px;min-width: 570px;position: relative;left: calc(50% - 358px);}
#main_div_left_menu {margin-top: 10px;line-height: 2.2em;font-weight: bold;font-size: 15px;}
#main_div_left_menu div {cursor: pointer;padding-left: 14px;margin-right: 16px;}
#main_div_left_menu div:hover {background-color: #ffffff15;}


#div_diapo {overflow: hidden; display: none; position: absolute; top:0px;left:0px; bottom:0px;right: 0px;box-sizing: border-box;background-color: #222;z-index: 100;}
#div_diapo_left {position: absolute;top:0;bottom:0px;left:0;right: 350px;padding: 0px;text-align: center;}
#div_diapo_left img {/*position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);*/}
#div_diapo_right {color:#444;position: absolute;right:0;width: 350px;height:100%; box-sizing: border-box;padding: 20px;background-color: #fffcf7;overflow-y: auto;line-height: 1.28em;}

#imageContainer {max-width: 100%;max-height:100%; box-sizing: border-box;pointer-events: none;}
#mediaContainer {position:relative;top:0;left:0;cursor:pointer;z-index:1;text-align:center;padding-bottom:8px;overflow: hidden;user-select: none;-webkit-user-select: none;-moz-user-select: none;}

#themes_list_container {overflow-y: hidden; max-height: 184px;margin-block:8px; transition: max-height 0.5s ease-out;overflow: hidden;}
#themes_list_container:hover {max-height: 1000px;transition: max-height 0.5s ease-in;}    
#themes_list div {padding: 3px 14px;cursor: pointer;margin: -2px 0;}
#themes_list div:hover {background-color: #ffffff22;}

.alert{color:red;background-color: #ffdbc9;padding:12px 14px;border-radius: 4px;margin-bottom: 14px;}
.info{color:#2b6201;background-color: #d0ff92;padding:9px 15px 10px;border-radius: 8px;margin-bottom: 14px;max-width: 660px;}

.next_prev_arrows {height:100%;width:42px;position:fixed;opacity:0.5;cursor: pointer;background: url(../img/icons/arrow_next42.png) transparent center no-repeat;top:0;z-index:50;padding:0 15px;}
.next_prev_arrows:hover {opacity:0.9;background-color:#22222233}
.prev_arrow {background-image: url(../img/icons/arrow_prev42.png)}

.main_div_left_icon {margin-right: 10px;margin-bottom: -1px;}

.mini_icon {margin-right: 5px;margin-bottom: -2px;}
.mini_icon2 {margin-right: 3px;margin-bottom: -3px;}

.annonce_container {padding: 8px 8px 0 8px;border-radius: 8px;min-height: 110px;background-color: #443733;margin-bottom: 12px;overflow: hidden;max-height: 250px;cursor: pointer;}
.annonce {display: flex; width: 100px;height: 142px;float: right;margin:-8px -8px 0 7px;}
.annonce_date {font-size: 15px;background-color: #5f4b3e;padding: 5px 8px;margin:-8px;}
.annonce_titre {font-size: 15px;margin-top:15px;color: #f78c34}
.annonce_img {object-fit: cover;}

.dalle {background-color:#fffcf7;border-radius: 8px;box-shadow: 2px 2px 6px 6px rgba(0,0,0,0.05);margin: 0 0 8px;padding: 11px 12px;color:#5a5652ff;}
.dalle .illustration {margin:2px -12px 2px;max-width: calc(100% + 40px);z-index: 10;cursor: pointer;}
.dalle .illustration img {max-width: calc(100% + 3px);box-shadow: 10px 0px 30px #00000044;}
.dalle .illustration img:hover {filter:brightness(110%);}
.dalle_entete,.dalle_pied {font-size: 13px;color:#827d76;line-height: 1.3em;}
.dalle_entete {color: #f5e5db;background-color: #5f4b3e;margin: -12px;padding: 6px 12px;border-top-left-radius: 8px;border-top-right-radius: 8px;margin-bottom: 10px;}
.dalle_pied{line-height: 28px;}
.dalle_pied a {text-decoration: none !important;color:#333 !important;}
.dalle_entete b {color:#ffa154 !important;}
.dalle_entete .pub {color:#ffb100 !important;}
.dalle_entete .bull {color:#a98170 !important;}
.dalle_entete .pertinence {color:#93cd48;float: right;font-weight: bold;}
.dalle h3 {margin: 0;margin-top: 14px;margin-bottom:6px;color:  #1e1008;font-size: 15px;}
.dalle .description {color: #5e5148;font-size: 14.2px;margin-bottom: 15px;cursor: pointer;}
.dalle .subline {font-size: 13px;text-align: left;margin-top: 8px;margin-bottom: -1px;min-height: 19px;}
.dalle .subline a {color:#625448;text-decoration: none;}
.dalle .subline b {color:#625448;}
.dalle .comment {font-size: 14px;line-height: 1.2em;background-color: #9999991d;padding:8px 10px;border-radius: 5px;margin: 6px -2px 0 -2px;}
.dalle .comment .date {font-size: 12.5px;color: #aaa;margin-bottom: 3px;}
.dalle .mon_commentaire {width: 100%;margin-top: 6px;border-style: none;padding:5px;box-sizing: border-box;border-radius:4px;}


.fill {display: flex;justify-content: center;align-items: center;overflow: hidden;/*min-height: 150px;*/background-color: #e7e1db;box-shadow: 0px 10px 40px inset #00000033;background-image: url('../img/fond_dalle.jpg');background-size: cover;}
.fill img {flex-shrink: 0;min-width: 100%;min-height: 100%;max-height: 720px;object-fit: cover;max-height: 720px;}
.diff img {filter: brightness(0.6)}
.plus_dimages {position: absolute;color:white;font-size: 26px;font-weight: bold;text-shadow: #888 2px 2px 6px;pointer-events: none;}
.single_image {min-width: 300px !important;min-width: 300px !important; max-height:500px !important;}

.pdf {margin-top:16px;margin-bottom:6px;margin-left:12px;cursor:pointer;}

.hr002 {margin-top: 10px;}

#s_mc::placeholder {color: #5f4b3e !important;opacity: 0.9 !important;}

.mc {
    display: inline-block;
    cursor: pointer;
    padding: 0px 8px 1px;
    border-radius: 4px;
    background-color: #f1ede4;
    margin-right: 3px;
    margin-top: 3px;
    line-height: 24px;
}
.mc_lieu {
	background-color: #e3ede4;
	color:#color: #5f8989;
}

.mc:hover {background-color: #ffd577;}

.surbrill {background-color: #ddd9d1;color: #706e6a;}

#site_entete {
	display:none;
	max-width: 534px;
}

@media screen and (max-width: 1257px) {
	#main_div_left {left: -2px;}
	#main_div_right {right:0;}
	/*#main_div_center {position: relative;margin-left:256px;padding:0 21px;margin-top:50px;overflow: hidden;}*/
	#main_div_center {left:250px;}
	#main_div_center_scroll, #div_center_page {left:20px;}
	#main_div_search {margin-left: 260px;}
	body {margin: 12px 10px;}
}
@media screen and (max-width: 1180px) {
	#main_div_right {display: none;}
}
@media screen and (max-width: 874px) {
	body {margin: 0px;font-size:16px !important;}
	#main_div_left {display: none;}
	#main_div_center {position: unset;padding: 0px;margin-left:0px;max-width: 100%;box-sizing: border-box;margin-top: 8px;}
	#main_div_center_scroll, #div_center_page {position: relative;margin: 0 auto;padding: 0px;}
	#main_div_center_scroll, #div_center_page {min-width: auto;position: unset;;}
	#main_div_search {margin: 0px;padding:8px 5px;position: relative;background-color: #2d2d2d;width: 100%;min-width: auto;}
	#main_div_search input[type="text"] {width:calc(100% - 80px);box-sizing: border-box;}
	#main_div_right {display: none;}
	.dalle {border-radius: 0px;padding: 10px 12px;color:#5a5652ff;}
	.dalle_entete {border-radius: 0px !important;}
	#div_diapo {position: initial;overflow-y: auto;}
	.div_diapo_mobile {position: fixed !important;top:0;bottom:0;overflow-y: auto;z-index:100;}
	#div_diapo_right {position: initial;width: 100%;height: auto;}
	#div_diapo_left {position: initial;}
	#img_outils{display: none;}
	#site_entete {display:block;margin-bottom: -14px;}
	#div_search_options {height:auto;}
	#div_search_options_autocomp {width: 100%;height:250px;}
	#div_search_options_right {width: 100%;box-sizing: border-box;}
}
	
.btn {border-style: none;}
.btn001 {border: 0px solid #ccc;border-radius: 8px;background-color: #dd7242;padding: 11px;cursor: pointer;box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.06);}
.btn001:hover {filter:brightness(110%);}	
.btnOK {background-color: #54b100 !important;color:#fff;cursor: pointer;}
.btnOK:hover {filter:brightness(110%);}
.btnSUPPR {background-color: #d70 !important;color:#fff;cursor: pointer;}
.btnSUPPR:hover {filter:brightness(110%);}	
.btnCANCEL {background-color: #918a7a !important;color:#fff;cursor: pointer;}
.btnCANCEL:hover {filter:brightness(110%);}
.btnEdit {float: right;display: inline-block;margin-top: -18px;margin-right: -2px;}
.btnEdit:hover {filter:brightness(0.9);}
.btnEdit img {cursor:pointer;}

.calendar_min {width: 40px;border-top-left-radius: 5px;border-bottom-left-radius:5px; font-size: 13px;display: inline-block;text-align: center;padding: 10px 7px;background-color: #463a36;}
.calendar_min_quantiem {font-size: 20px;font-weight: bold;}

.comment_link {margin-top:5px;margin-bottom:5px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.comment_link img {margin-right: 6px;margin-bottom:-3px;}
.comment_link a {color:#3c7fc3 !important;}


#contact_form tr td {padding:6px;}
#contact_form tr td:first-child {width: 100px;vertical-align: top;padding-top: 14px;}
#contact_form input[type=text],#contact_form textarea {width: 400px;}

.mobile_diapo_descript {text-align:left;font-size:14px;padding:12px 11px 10px;background-color:#5f4b3e;margin-top:-6px;}