@charset 'utf-8';/*! jQuery UI - v1.11.4 - 2015-04-10
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("lib/jquery/img/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("lib/jquery/img/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("lib/jquery/img/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("lib/jquery/img/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("lib/jquery/img/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("lib/jquery/img/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("lib/jquery/img/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("lib/jquery/img/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("lib/jquery/img/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("lib/jquery/img/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("lib/jquery/img/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("lib/jquery/img/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("lib/jquery/img/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("lib/jquery/img/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("lib/jquery/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("lib/jquery/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}/* reset ---------------------------------------------------------------------- */

html, body, div, p, object, iframe, blockquote, q, table, caption, tbody, tfoot, thead, tr, td, th, legend, form, fieldset, ol, ul, li, textarea, h1, h2, h3, h4, h5, h6, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, audio, video {
    margin:0;
    padding:0;
}
html, body {
    position:relative;
    display:block;
    height:100%;
    width:100%;
}
html {
    font: inherit;
    line-height:1.3;
    overflow:hidden;
}
body {
    overflow:auto;
}
table {
    border-spacing:0;
    border-collapse: collapse;
}
input[type=radio], img, fieldset, table, tr, td, th {
    border:none;
}
a[href], a[onclick] {color:#000; cursor:pointer !important;}
a[href]:focus {outline:0;}
a[href]:link {text-decoration:underline;}
a[href]:hover {text-decoration:none;}
ol, ul {
    list-style: none;
}
img {
    vertical-align: middle;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

b, strong {
    font-weight:bold;
}
i, em {
    font-style:italic;
}
sup {
	font-size:.6em;
    line-height: 1.5em;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:normal; 
}

textarea {vertical-align: top; width:100%;}

textarea, input[type=text] {font-family : 'Arial', sans-serif;}


/* interne ---------------------------------------------------------------------- */

	/* popin */
	
		._popin_wrap {
			z-index:0;
		}
		#_popin_loader {
			z-index:1;
		}
		._popin {
			position:fixed;
			top:0;
			right:0;
			bottom:0;
			left:0;
			z-index:99;
			text-align: center;
			overflow: auto;
		}
		._popin_box {
			display: inline-block;
			max-width: 80%;
			min-width: 30%;
			text-align: left;
			position:relative;
		}
		._popin.separate {
			position:relative;
			display: inline-block;
		}
		._popin.separate ._popin_box {
			margin:0;
			max-width:inherit;
		}
		#_popin_loader {
			display:none;
		}
		#_popin_loader.load1 {
			display:block;
		}

	/* console */

		#_console_wrap {
				z-index:100;
				position:fixed;
				bottom:0;
				left:0;
				font-family : 'Courier New', 'Courier', sans-serif;
				color:#000;
				font-size:12px;
				max-height:100%;
				max-width:50%;
				border-top:1px solid #666;
				border-right:1px solid #666;
				box-shadow:0 0 5px rgba(0,0,0,.5);
				-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
				-o-box-shadow:0 0 5px rgba(0,0,0,.5);
				-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
				background:url('img/trame_recur_dedede.png') repeat rgba(255,255,255,.9);
				overflow: auto;
		}
		#_console_list ._console_item {
				margin:15px 20px;
				border:1px solid #dedede;
		}
		#_console_list ._console_item > pre,
		#_console_list ._console_item_note {
				overflow:auto;
				padding-left:10px;
				padding-right:10px;
		}
		._console_item > pre {max-height: 400px; margin:0;}
		._console__dump, ._console__print, ._console__die {background-color:#e7f2e6;}
		._console__exception {background-color:#F9F0E5; padding-bottom: 10px;}
		._console__backtrace {background-color:#595959; color:#fff}
		._console_php_error {background-color:#AD0200; color:#fff}
		._console_php_notice {background-color:#FF4C00; color:#fff}
		._console_php_warning {background-color:#FF9400; color:#fff}
		._console_php_err {border:1px solid #AD0200; color:#AD0200;}
		._console_item_note {display:block; color:#666; max-height: 100px; overflow: auto;}
		._console_item_title {
				font-weight:bold;
				display:inline-block;
				margin-bottom:10px;
				font-style:italic;
				padding-top:5px;
				padding-left:10px;
				margin-right:20px;
		}
		._console_f {
				padding-top:5px;
				padding-right:10px;
				display:inline-block;
				float:right;
				margin-bottom:10px;
				font-style:italic;
				white-space:nowrap;
		}
		._console_list_title {
			background-color:#666;
			color:#fff;
			padding:2px 5px;
			font-weight:bold;
			font-style:italic;
		}

		#_console_list ._console_list_title:not(:first-child) {
			margin-top:20px;
		}

		._console_list_title ._kP {
			float:right;
			font-family: "Courier New","Courier",sans-serif;
			font-size: 12px;
			font-weight:normal;
		}

		#_console_displayer {
			background-image:url('img/_console_displayer.png');
			background-repeat:no-repeat;
			background-color:#333;
			display:block;
			height:20px;
			min-width:40px;
		}

		#_console_wrap:not(.isHide) #_console_displayer {background-position:0 0;}
		#_console_wrap:not(.isHide) #_console_displayer:hover {background-position:0 -20px;}

		#_console_wrap.isHide #_console_displayer {background-position:0 -40px;}
		#_console_wrap.isHide #_console_displayer:hover {background-position:0 -60px;}._visible {visibility:visible !important;}
._hidden {visibility:hidden !important;}
._absolute {position:absolute !important;}
._none {display:none !important;}
._clear {clear:both !important;}
._center {text-align:center;}
._right {text-align:right;}
._left {text-align:left;}
._justify {text-align: justify;}
._rFloat {float:right;}
._lFloat {float:left;}
._em {font-style:italic;}
._bd {font-weight:bold;}
._underline {text-decoration:underline !important;}
._help {cursor:help !important;}
._block {display:block !important;}
._inline, ul._inline > li {display:inline-block !important;}
._table-cell {display:table-cell; vertical-align:top;}
._table {display:table;}
._w100 {width:100%;}
sup {
	position: relative;
	top: 2px;
	font-size: .6em;
	line-height: .8em;
	vertical-align:super;
	text-decoration:none;
}

.error {color:#FF0000;}
.notif {color:#FF5F0F;}
.success {color:#2FB200;}

html {
	cursor: default;
	font-family: "Gafata";
	background-color:#000;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.disabled {
	background-color:#FF6600 !important;
	color:#eee !important;
}

.menu .disabled a:hover,
.disabled[onclick]:hover,
.disabled[href]:hover {
	background-color:#FF7921 !important;
	color:#fff !important;
}

/** indices */

	#indices .i {
		float:right;
		display:inline-block;
		height:16px;
		width:16px;
		background:url('img/sprites.png') -288px 0 no-repeat transparent;
	}
	
	#indices.hvs .i:hover, #indices.hvs:not(:hover) .i.hv, #indices:not(.hvs) .i.hv,
	#indices.hvs .i:hover + .i, #indices.hvs:not(:hover) .i.hv + .i, #indices:not(.hvs) .i.hv + .i,
	#indices.hvs .i:hover + .i + .i, #indices.hvs:not(:hover) .i.hv + .i + .i, #indices:not(.hvs) .i.hv + .i + .i,
	#indices.hvs .i:hover + .i + .i + .i, #indices.hvs:not(:hover) .i.hv + .i + .i + .i, #indices:not(.hvs) .i.hv + .i + .i + .i,
	#indices.hvs .i:hover + .i + .i + .i + .i, #indices.hvs:not(:hover) .i.hv + .i + .i + .i + .i, #indices:not(.hvs) .i.hv + .i + .i + .i + .i {
		background-position:-288px -16px;
	}


/** table */

	._fullTable {
		display:table;
		width:100%;
	}
	
	._fullTable > div {
		display:table-row;
	}
	
	._fullTable > div > div {
		display:table-cell;
		vertical-align:top;
	}
	
	._fullTable > div._2cell > div {
		width:50%;
	}
	
	._fullTable > div._2cell > div:first-child {
		padding-right:20px;
	}
	
	._fullTable > div._2cell > div:last-child {
		padding-left:20px;
	}

/* popin */

    ._popin {
            background-color:rgba(0,0,0,.8);
    }
    #_popin_loader.load1_neg {
		background-color: rgba(0, 0, 0, 0.8);
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		display:block;
    }
    ._popin_box {
            margin:50px;
            width: 400px;
    }
    ._popin_box .submit_close {
            float: right;
            position: relative;
            z-index: 1;
			border-radius:0;
			border:none;
			box-shadow:none;
			-moz-box-shadow:none;
			-o-box-shadow:none;
			-webkit-box-shadow:none;
			margin-top:12px;
    }
	#_popin ._popin_box .submit_close:hover,
	#_popin ._popin_box .submit_close {
		background-color:transparent !important;
	}
    ._popin_title {
            cursor:default;
            position:relative;
            color:#eee;
            padding-top:10px;
            padding-bottom:10px;
            padding-left:25px;
            padding-right:35px;
            font-size:20px;
    }
    ._popin_body {
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
			overflow:hidden;
    }

    ._popin_body {
            padding:25px;
            background-color:#fff;
    }

    ._popin.separate {
            background-color:transparent;
            -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.6);
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.6);
            -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.6);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,.6);
            filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
    }

    ._popin.alert ._popin_title {
            display:none;
    }

    ._popin.alert ._popin_body {
            padding:15px;
            font-size:15px;
            font-size:italic;
    }

	
noscript > div {
	padding:3px 6px;
	display:block;
	background-color:#FF5F0F;
	color:#fff;
	font-size:14px;
	text-align:center;
}

#info_cookie {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}

#info_cookie div {
	padding:16px 260px 16px 20px;
	color:#fff;
	font-size:16px;
	background-color:rgba(255,95,15,.9);
	position:relative;
}

#info_cookie div a {
	position:absolute;
	top:10px;
	padding:5px 10px;
	border:1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	text-decoration:none;
}

#info_cookie div a.btn_accept {
	right:20px;
	background-color:rgba(255,255,255,.15);
}

#info_cookie div a.btn_refuse {
	right:150px;
}

#info_cookie div a:hover {
	background-color:rgba(255,255,255,.1);
}

#cookie_settings {
	position:fixed;
	left:10px;
	bottom:8px;
	z-index:2;
}

#cookie_settings a {
	display:inline-block;
	padding:4px 8px;
	border-radius:4px;
	background:rgba(0,0,0,.65);
	color:#fff;
	font-size:12px;
	text-decoration:none;
}

#cookie_settings a:hover {
	background:rgba(0,0,0,.85);
}

@media screen and (max-width: 600px) {

	#info_cookie div {
		padding:16px 20px 66px 20px;
	}

	#info_cookie div a {
		position:static;
		display:inline-block;
		margin:10px 10px 0 0;
	}

}

.load1,
.load1_neg,
.load2,
.load3 {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
}

.load1 {background-image:url('img/loader1.gif');}
.load1_neg {background-image:url('img/loader1_neg.gif');}
.load2 {background-image:url('img/loader2.gif');}
.load3 {background-image:url('img/loader3.gif');}

h1, h3 {
	color:#704E21;
}

.last_update {
	text-align:center;
	font-size:14px;
	color:#333;
}

/** cycle temperatures */

	.bclr1 {background-color:rgb(54,0,255); color:#fff;}
	.bclr2 {background-color:rgb(52,104,251); color:#fff;}
	.bclr3 {background-color:rgb(0,180,255); color:#fff;}
	.bclr4 {background-color:rgb(8,220,230); color:#fff;}
	.bclr5 {background-color:rgb(6,219,181); color:#fff;}
	.bclr6 {background-color:rgb(40,223,36); color:#fff;}
	.bclr7 {background-color:rgb(162,218,9); color:#fff;}
	.bclr8 {background-color:rgb(239,190,20); color:#fff;}
	.bclr9 {background-color:rgb(255,108,0); color:#fff;}
	.bclr10 {background-color:rgb(255,6,0); color:#fff;}

		
		
/** retablissement des regles classiques dans les bloc wysiwyg */

	html:not(.isADMIN) h1, .rCSS h1 {font-size:24px; margin-bottom:19px;}
	html:not(.isADMIN) h2, .rCSS h2 {font-size:20px; margin-bottom:17px;}
	html:not(.isADMIN) h3, .rCSS h3 {font-size:18px; margin-bottom:15px;}
	html:not(.isADMIN) h4, .rCSS h4
	html:not(.isADMIN) h5, .rCSS h5
	html:not(.isADMIN) h6, .rCSS h6 {font-size:16px; margin-bottom:15px;}

	html:not(.isADMIN) p, .rCSS p,
	html:not(.isADMIN) ul, .rCSS ul {
		margin-bottom:15px;
		margin-top:15px;
	}
	
	html:not(.isADMIN) p:first-child, .rCSS p:first-child {
		margin-top:0;
	}
	
	html:not(.isADMIN) p:last-child, .rCSS p:last-child {
		margin-bottom:0;
	}
	
	html:not(.isADMIN) ul, .rCSS ul {
		list-style-type: disc;
	}
	
	html:not(.isADMIN) li, .rCSS li {
		list-style-position: outside;
		margin-left: 30px;
		margin-right: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
/** personnalisation */

#PAGE_ATELIER #_str .bloc {
	display:inline-block;
}

#PAGE_PAIN #_str .bloc {
	display:inline-block;
}

@media screen and (min-width: 600px) {
	
	#PAGE_ORIGINE #_str {
		top:200px;
		bottom:200px;
	}	
	
}
/**
 * Charte graphique — refonte 2026
 * -----------------------------------------------------------------------------
 * Feuille additive : elle ne remplace aucune regle existante, elle les surcharge.
 * Pour revenir a l'ancien habillage, retirer '_charte.css' de _inc/_private/html.php.
 *
 * Les surcharges visuelles sont limitees a #contain, present uniquement sur le
 * site public. L'administration n'est pas touchee a ce stade.
 */

:root {

	/* couleurs — relevees sur les photos du hameau */
	--suie:#2A211A;			/* texte principal, fonds sombres */
	--suie-clair:#4B3B2C;	/* texte secondaire */
	--braise:#B8431E;		/* accent unique : liens, surtitres */
	--miel:#D9A03C;			/* accent chaud sur fond sombre */
	--lichen:#6F7A62;		/* accent froid, encarts */
	--calcaire:#EDEAE0;		/* fond de section alternee */
	--pierre:#C9C1B2;		/* filets, separateurs */
	--panneau:#F7F5EF;		/* fond de section principale */
	--lauze:#6E6A5F;		/* gris des toits, neutre */

	/* typographie */
	--display:"Fraunces", Palatino, Georgia, serif;
	--texte:"Karla", "Helvetica Neue", Arial, sans-serif;

	/* rythme */
	--marge:clamp(20px, 5vw, 64px);
	--rayon:3px;
}

/** ------------------------------------------------------- modele de boite
 *
 * Le site n'avait aucune declaration box-sizing : les marges interieures
 * s'ajoutaient a la largeur declaree. Une section a 100% de large avec
 * 20 px de marge de chaque cote occupait donc 100% + 40 px, et la page
 * debordait sur les petits ecrans — poussant hors de l'ecran tout ce qui
 * est cale a droite.
 *
 * On limite la regle aux elements de la refonte et au contenu public, pour
 * ne pas bousculer les mises en page anciennes de l'administration.
 */

	#contain,
	#contain *,
	#contain *:before,
	#contain *:after {
		box-sizing:border-box;
	}

/** ------------------------------------------------------------- stabilite */

	/* la place de la barre de defilement est reservee en permanence :
	   sans cela, son apparition decale horizontalement toute la page. */
	html {
		scrollbar-gutter:stable;
	}

	/* iOS agrandit de lui-meme le texte de certains blocs, ce qui elargit
	   les elements et provoque des chevauchements absents ailleurs. */
	html {
		-webkit-text-size-adjust:100%;
		text-size-adjust:100%;
	}

	/* rien ne doit elargir la page : un debordement horizontal decale tout
	   ce qui est cale a droite hors de l'ecran, sur telephone surtout. */
	html, body {
		overflow-x:hidden;
		max-width:100%;
	}

	img, table, iframe, video {
		max-width:100%;
	}

/** ------------------------------------------------------------------ texte */

	#contain,
	#contain input,
	#contain textarea,
	#contain select,
	#contain button {
		font-family:var(--texte);
	}

	#contain {
		color:var(--suie);
	}

	#contain h1,
	#contain h2,
	#contain h3,
	#contain h4,
	#contain h5,
	#contain h6 {
		font-family:var(--display);
		font-variation-settings:"SOFT" 60, "WONK" 1, "opsz" 90;
		font-weight:600;
		letter-spacing:-.015em;
		text-wrap:balance;
		color:var(--suie);
	}

	#contain h1 {
		font-variation-settings:"SOFT" 70, "WONK" 1, "opsz" 144;
		letter-spacing:-.02em;
	}

/** ----------------------------------------------------------------- liens */

	#contain a:not(.submit):not(.submit2):not([class*="menu"]) {
		color:var(--braise);
	}

	#contain #_str a:not(.submit):not(.submit2):hover {
		color:var(--suie);
	}

/** --------------------------------------------------------------- details */

	#contain .last_update {
		color:var(--lauze);
	}

	#contain .error {color:#A3301A;}
	#contain .notif {color:var(--braise);}
	#contain .success {color:#4C6B2F;}
/**
 * Barre de menu — refonte 2026
 * -----------------------------------------------------------------------------
 * Le menu est partage par toutes les pages : son habillage doit l'etre aussi.
 * Ces regles etaient d'abord limitees a l'accueil, ce qui laissait les pages
 * interieures avec l'ancienne mise en page et la nouvelle typographie — le
 * menu y remontait sur le nom du site au survol.
 *
 * Les entrees, leur ordre et leurs adresses ne changent pas.
 */

/** ------------------------------------------------------------------ menu
 *
 * Le menu est conserve tel quel : memes entrees, memes URL, meme ordre.
 * Seul l'habillage change.
 */

#contain #content {
	position:relative;
	z-index:20;
	background:var(--panneau);
	border-bottom:1px solid var(--pierre);
}

#contain #content #content_second {
	background-color:transparent;
}

#contain #content .menu li > a {
	font-family:var(--texte);
	font-size:13.5px;
	font-weight:600;
	color:var(--suie);
	text-shadow:none;
	padding:9px 9px;
	white-space:nowrap;
}

#contain #content .menu li:hover > a,
#contain #content .menu li.hv > a {
	color:var(--braise);
	background-color:rgba(42,33,26,.05);
	text-shadow:none;
}

#contain #content_second > li:hover > a {
	box-shadow:none;
}


/** --------------------------------------------------- mise en page du menu
 *
 * Les entrees sont nombreuses : elles passent sur deux lignes. Le conteneur
 * doit donc suivre leur hauteur, sinon la seconde ligne deborde sur le hero.
 */

#contain #content > div {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 10px;
	max-width:1440px;
	margin:0 auto;
	padding:10px var(--marge);
	min-height:0;
	height:auto;
}

#contain #content_prim {
	display:flex;
	align-items:center;
	flex:0 0 100%;
	font-size:17px;
}

/** ------------------------------------------------------------------ logo
 *
 * Le monogramme des trois voutes precede le nom du site. Il est pose en
 * masque plutot qu'en image, ce qui lui fait suivre la couleur du texte :
 * un seul fichier sert donc partout, quelle que soit la teinte du fond.
 */

#contain #menu_INDEX a {
	text-decoration:none;
}

#contain #menu_INDEX a:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:66px;
	height:39px;
	/* la braise, accent unique de la charte : le logo en suie se confondait
	   avec le fond clair. Remplacer par var(--lauze) pour un rendu discret,
	   ou var(--miel) pour un ton chaud. */
	background-color:var(--braise);
	/* les trois voutes, sans la ligne de sol : a cette taille son trait
	   devenait plus epais que les assises. Le fichier complet reste
	   disponible pour les grands formats. */
	-webkit-mask:url('img/logo-cabanes-entete.svg') left center no-repeat;
	mask:url('img/logo-cabanes-entete.svg') left center no-repeat;
	-webkit-mask-size:66px 39px;
	mask-size:66px 39px;
}

/** le nom tient sur deux lignes a cote du logo, et porte la mention du lieu */

/* le logo est cale a gauche, le texte occupe la place restante sur deux
   lignes : un display:flex ferait du logo et de la mention deux colonnes. */
#contain #content #content_prim > li#menu_INDEX > a {
	display:block;
	position:relative;
	padding-left:80px;
	min-height:39px;
	line-height:1.04;
	padding-top:2px;
}

#contain #content #content_prim > li#menu_INDEX > a:after {
	content:"Saint André-Allas · Dordogne";
	display:block;
	font-family:var(--texte);
	font-size:9px;
	font-weight:600;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:var(--lauze);
	margin-top:6px;
}

#contain #content #content_prim > li > a {
	font-family:var(--display);
	/* opsz 90 : le dessin de Fraunces prevu pour les grandes tailles,
	   plus contraste, qui tient tete au logo */
	font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 90;
	font-weight:600;
	font-size:22px;
	letter-spacing:-.012em;
	letter-spacing:.01em;
	padding:9px 14px 9px 0;
	color:var(--suie);
	white-space:nowrap;
}

#contain #content_second_wrap {
	flex:0 0 100%;
	position:static;
	display:block;
	width:100%;
}

#contain #content_second {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:0 2px;
}

#contain #content_second > li {
	position:relative;
	margin:0;
	flex:0 0 auto;
}

/* le bouton d'ouverture ne sert qu'en dessous de 1000 px, ou le moteur
   replie le menu ; au-dessus, les entrees sont affichees en permanence */
@media screen and (min-width:1001px) {

	#contain #content_btn {
		display:none;
	}

}

@media screen and (max-width:1000px) {

	#contain #content > div {
		display:block;
		padding:10px var(--marge);
		min-height:0;
	}

	#contain #content {
		min-height:0;
	}

	/* le bouton d'ouverture, repris a la charte */
	#contain #content_btn {
		display:block;
		position:absolute;
		top:12px;
		right:16px;
		width:40px;
		height:40px;
		background-image:none;
		border:1px solid var(--pierre);
		border-radius:3px;
	}

	#contain #content_btn:before,
	#contain #content_btn:after {
		content:"";
		position:absolute;
		left:9px;
		right:9px;
		height:2px;
		background:var(--suie);
	}

	#contain #content_btn:before {top:13px;}
	#contain #content_btn:after  {top:25px; box-shadow:0 -6px 0 var(--suie);}

	#contain #content_prim {
		display:flex;
		height:auto;
		line-height:normal;
	}

	#contain #content_prim > li > a {
		height:auto;
		line-height:1.2;
		padding:6px 12px 6px 0;
	}

	/* le panneau deroulant */
	#contain #content #content_second_wrap {
		background:var(--panneau);
		border-top:1px solid var(--pierre);
		box-shadow:0 14px 28px rgba(42,33,26,.22);
	}

	#contain #content_second {
		display:block;
		text-align:left;
	}

	#contain #content_second > li {
		display:block;
		width:100%;
		border-bottom:1px solid var(--pierre);
	}

	#contain #content_second > li:last-child {
		border-bottom:0;
	}

	#contain #content #content_second .menu li > a,
	#contain #content #content_second > li > a {
		display:block;
		padding:13px var(--marge);
		font-size:16px;
	}

	/* les sous-menus se deplient dans le flux : pas de survol au doigt */
	#contain #content_second .submenu {
		position:static;
		opacity:1;
		height:auto;
		overflow:visible;
		box-shadow:none;
		border-top:0;
		border-left:2px solid var(--braise);
		margin:0 0 8px var(--marge);
		min-width:0;
	}

	#contain #content_second .submenu a {
		padding:9px 14px;
		font-size:15px;
	}

}

/** ---------------------------------------------------- vignettes officielles
 *
 * Monument historique et Site naturel classe : deux distinctions reelles,
 * elles restent dans la barre. On les ramene simplement a l'echelle du
 * texte — elles etaient dimensionnees en 53 px par l'ancien habillage.
 */

/** Trois marques se disputaient l'entree de la barre : le losange rouge du
 *  Monument historique, l'eventail dore du Site naturel, et le logo du site.
 *  Aucune hierarchie, donc trois signaux de meme force.
 *
 *  Le logo et le nom passent en premier — c'est la marque. Les deux
 *  distinctions officielles suivent, en retrait et sans couleur : ce sont
 *  des mentions, pas des logos concurrents. Elles retrouvent leurs teintes
 *  au survol, avec leur infobulle explicative.
 */

#contain #content_prim #menu_INDEX {
	order:1;
}

#contain #content #menu_MONUMENT_HIST,
#contain #content #menu_SITE_NATUREL {
	display:flex;
	align-items:center;
	order:2;
	padding:0 4px;
	background-color:transparent;
	filter:grayscale(1);
	opacity:.42;
	transition:opacity .15s linear, filter .15s linear;
}

#contain #content #menu_MONUMENT_HIST:first-child {
	margin-left:18px;
}

#contain #content #menu_MONUMENT_HIST:hover,
#contain #content #menu_SITE_NATUREL:hover {
	filter:none;
	opacity:1;
}

#contain #menu_MONUMENT_HIST span,
#contain #menu_SITE_NATUREL span {
	width:22px;
	height:22px;
	background-size:22px 44px;
	background-position:left top;
}

/** ------------------------------------------ neutralisation du survol d'origine
 *
 * CAUSE DU MENU QUI REMONTE AU SURVOL — ne pas retirer.
 *
 * _body.css contient, pour les ecrans de plus de 1000 px :
 *
 *     #content:hover #content_second_wrap,
 *     #content:focus-within #content_second_wrap {
 *         display:inline-block;
 *         position:absolute;
 *         padding-right:53px;
 *     }
 *
 * Des que la souris entre dans la barre, le bloc des entrees sortait du flux
 * et remontait sur la ligne du nom, les deux se chevauchant. C'etait voulu par
 * l'ancien habillage, ou le menu s'ouvrait par-dessus le contenu.
 *
 * La nouvelle barre affiche les entrees en permanence : le bloc reste dans le
 * flux, survol ou non.
 */

#contain #content:hover #content_second_wrap,
#contain #content:focus-within #content_second_wrap {
	display:block;
	position:static;
	padding-right:0;
}

/** -------------------------------------------------- superposition du menu
 *
 * Le rappel de page courante suit le menu dans le flux et se dessinait
 * par-dessus les sous-menus : en descendant vers un sous-menu, la souris
 * passait sur ce bandeau, quittait l'entree survolee et le menu se refermait.
 */

#contain .submenu {
	z-index:50;
}

#contain #content_second_thread_wrap {
	z-index:1;
}

/** ------------------------------------------------ composition figee
 *
 * Le nom du site et les entrees occupent chacun une ligne entiere, quoi
 * qu'il arrive. Sans cela, le moindre changement de largeur au survol
 * fait remonter les entrees sur la ligne du nom, les deux se chevauchant.
 */

#contain #content_prim,
#contain #content_second_wrap {
	flex-basis:100%;
	max-width:100%;
}

/** ------------------------------------------- boutons reserves a l'administration
 *
 * Administration et Deconnexion n'apparaissent que pour une personne
 * connectee, jamais pour un visiteur. Dimensionnes en 53 px avec un aplat
 * gris et rouge, ils ecrasaient la barre a cote du logo.
 *
 * L'administration reste joignable par son adresse directe, et la
 * deconnexion depuis l'administration.
 *
 * A placer en fin de feuille : la regle d'affichage des elements de
 * #content_prim est plus specifique qu'un simple #contain #menu_logout et
 * la reactiverait.
 */

#contain #content_prim > li#menu_logout,
#contain #content_prim > li#menu_admin,
#contain #content_prim > li#menu_sondes {
	display:none;
}

/** ==========================================================================
 *  REGLES D'ECRAN — a garder en fin de feuille
 *
 *  Une regle generale ecrite plus bas dans le fichier l'emporte sur un
 *  @media de meme specificite place plus haut. Toute regle dependant de la
 *  largeur d'ecran doit donc figurer ici, apres les regles generales.
 *  ========================================================================== */

@media screen and (max-width:1000px) {

	/* Telephone : le menu ne s'ouvre qu'au bouton. La regle generale qui le
	   garde affiche au survol ou au focus est faite pour l'ecran large ; ici,
	   le lien touche garde le focus, le menu restait deplie dans la page et la
	   page choisie s'affichait en dessous. L'ouverture au bouton passe par un
	   style en ligne (content.open_second), qui l'emporte toujours. */
	#contain #content:hover #content_second_wrap,
	#contain #content:focus-within #content_second_wrap {
		display:none;
		position:absolute;
	}

	/* Les deux distinctions restent visibles. Elles passaient sous le bouton
	   du menu, pose en absolu a droite : on lui reserve sa place plutot que
	   de les masquer. */
	#contain #content > div {
		padding-right:72px;
	}

	/* le nom occupe la place restante, les vignettes se rangent a sa suite,
	   avant l'espace reserve au bouton */
	#contain #content_prim {
		display:flex;
		align-items:center;
		gap:9px;
	}

	#contain #content_prim > li#menu_INDEX {
		flex:1 1 auto;
		min-width:0;
		padding-right:8px;
	}

	/* la place disponible pour le nom est etroite : logo, deux vignettes et
	   bouton du menu occupent deja pres de la moitie de la largeur.
	   On reduit le corps plutot que de rogner le texte. */
	#contain #content #content_prim > li#menu_INDEX > a {
		font-size:17px;
		padding-left:60px;
		min-height:36px;
	}

	#contain #menu_INDEX a:before {
		width:50px;
		height:30px;
		-webkit-mask-size:50px 30px;
		mask-size:50px 30px;
	}

	#contain #content #content_prim > li#menu_INDEX > a:after {
		font-size:8px;
		letter-spacing:.14em;
		margin-top:4px;
	}

	#contain #content #menu_MONUMENT_HIST,
	#contain #content #menu_SITE_NATUREL {
		display:flex;
		flex:none;
		padding:0;
	}

	#contain #menu_MONUMENT_HIST span,
	#contain #menu_SITE_NATUREL span {
		width:19px;
		height:19px;
		background-size:19px 38px;
	}

}

/* Sous-menus sur écran large : le style d'origine (_body.css) les cale sur
   la largeur de l'entrée parente (width:100%). Avec un intitulé court comme
   « Le lieu », le panneau devenait plus étroit que « L'histoire des cabanes »,
   qui débordait hors du fond. Le panneau prend désormais la largeur de son
   intitulé le plus long, sans jamais être plus étroit que l'entrée parente. */
@media screen and (min-width:1001px) {

	#contain #content_second > li > .submenu {
		width:auto;
		min-width:100%;
	}

	#contain #content_second > li > .submenu a {
		white-space:nowrap;
	}

}
/**
 * Pages interieures — refonte 2026
 * -----------------------------------------------------------------------------
 * Un seul habillage pour les deux familles decrites au brief :
 *
 *   - les pages recit    (Histoire, Origine du nom, La ferme) : une colonne
 *     de lecture, des intertitres, des encadres pour les apartes ;
 *   - les pages pratiques (Horaires et tarifs, Venir, Bus, Reservation,
 *     Contact) : les memes regles, plus des tableaux lisibles.
 *
 * Rien n'est specifique a une page : le meme panneau sert partout, ce qui
 * evite d'avoir a reprendre chaque gabarit du moteur.
 */

/** ------------------------------------------------------------- le panneau */

#contain #_str.bloc {
	max-width:820px;
}

#contain #_str.bloc > .padd {
	padding:clamp(30px,4vw,56px) clamp(24px,4vw,56px);
}

/* le fond etait semi-transparent : le texte se lisait sur la photo */
#contain #_str.bloc > * {
	background-color:var(--panneau);
}

/** --------------------------------------------------------------- le titre */

#contain .page_titre {
	font-family:var(--display);
	font-variation-settings:"SOFT" 70,"WONK" 1,"opsz" 144;
	font-weight:600;
	font-size:clamp(28px,4vw,44px);
	line-height:1.06;
	letter-spacing:-.02em;
	color:var(--suie);
	margin:0 0 26px;
	padding-bottom:20px;
	border-bottom:1px solid var(--pierre);
	text-transform:none;
}

/* les titres saisis commencent parfois par une minuscule */
#contain .page_titre::first-letter {
	text-transform:uppercase;
}

/** ------------------------------------------------------------- la lecture */

#contain #_str.bloc p,
#contain #_str.bloc li {
	max-width:65ch;
	font-size:17px;
	line-height:1.7;
	color:var(--suie);
}

#contain #_str.bloc h2,
#contain #_str.bloc h3 {
	font-family:var(--display);
	font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 70;
	font-weight:600;
	color:var(--suie);
	letter-spacing:-.012em;
	margin-top:1.8em;
}

#contain #_str.bloc h2 {font-size:clamp(22px,2.8vw,30px); line-height:1.15;}
#contain #_str.bloc h3 {font-size:20px; line-height:1.2;}

#contain #_str.bloc a {
	color:var(--braise);
	text-decoration:none;
	border-bottom:1px solid rgba(184,67,30,.35);
}

#contain #_str.bloc a:hover {
	border-bottom-color:var(--braise);
}

/** --------------------------------------------------------------- images */

#contain #_str.bloc img {
	max-width:100%;
	height:auto;
	border-radius:var(--rayon);
	margin:10px 0;
}

/** -------------------------------------------------------------- tableaux */

#contain #_str.bloc table {
	width:100%;
	max-width:65ch;
	border-collapse:collapse;
	margin:22px 0;
	font-size:16px;
}

#contain #_str.bloc th {
	text-align:left;
	font-family:var(--texte);
	font-size:11px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--lauze);
	border-bottom:2px solid var(--suie);
	padding:10px 12px 10px 0;
}

#contain #_str.bloc td {
	padding:10px 12px 10px 0;
	border-bottom:1px solid var(--pierre);
	vertical-align:top;
}

#contain #_str.bloc td:last-child {
	text-align:right;
	color:var(--suie-clair);
	padding-right:0;
	font-variant-numeric:tabular-nums;
}

/** -------------------------------------------------------------- encadres */

#contain #_str.bloc blockquote,
#contain #_str.bloc .encart {
	margin:26px 0;
	padding:18px 22px;
	background:rgba(111,122,98,.12);
	border-left:2px solid var(--lichen);
	max-width:65ch;
}

#contain #_str.bloc blockquote p:last-child,
#contain #_str.bloc .encart p:last-child {
	margin-bottom:0;
}

/** --------------------------------------------- fleches de page precedente */

#contain #content_quick a {
	opacity:.75;
}

#contain #content_quick a:hover {
	opacity:1;
}

/** ---------------------------------------------------- bandeau des cookies */

#contain #info_cookie div {
	background-color:rgba(42,33,26,.94);
	font-family:var(--texte);
	font-size:15px;
}

#contain #info_cookie div a {
	border-color:rgba(240,234,224,.5);
	border-radius:2px;
}

#contain #info_cookie div a.btn_accept {
	background-color:var(--braise);
	border-color:var(--braise);
}

@media screen and (max-width:700px) {

	#contain #_str.bloc td:last-child {
		text-align:left;
	}

}

/** ------------------------------------------------ fenetres superposees
 *
 * Les fenetres du site (connexion, alertes, bibliotheque d'images) ont une
 * largeur figee a 400 px et une marge de 50 px : sur un telephone, elles
 * debordaient de l'ecran et leurs champs devenaient inatteignables.
 */

@media screen and (max-width:640px) {

	/* login.css fixe la fenetre de connexion a 400 px, largeur minimale
	   comprise, et sa regle est plus specifique : d'ou la surcharge. */
	._popin_box,
	#_popin_login ._popin_box {
		width:auto !important;
		min-width:0 !important;
		max-width:calc(100vw - 24px) !important;
		margin:16px 12px;
	}

	._popin_body {
		padding:18px;
	}

	._popin_title {
		padding-left:16px;
		padding-right:30px;
		font-size:17px;
	}

	/* les champs de connexion sont figes a 330 px par login.css */
	._popin_box input[type=text],
	._popin_box input[type=password],
	._popin_box input[type=email],
	._popin_box textarea,
	._popin_box select,
	#connexion input {
		width:100% !important;
		max-width:100% !important;
	}

	#connexion,
	#connexion form,
	#connexion p {
		max-width:100%;
	}

}

/** ------------------------------------------------ photo de fond, telephone
 *  Le moteur cadre la photo de fond sur son coin haut gauche. Sur un ecran
 *  en hauteur, on ne voyait que le bord gauche de l'image (le mur de bois
 *  sur la page du pain) : on la centre. */

@media screen and (max-width:760px) {

	#bg .bg {
		background-position:center center;
	}

}