body {margin:0;padding:0;background-color:#fafafa;text-align:center;font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #333;}
.ypage {width:100%;padding:0;margin: 0;text-align:center;}
.yheader, .yfootimg, .yfooter {width:100%;}
.yheader {height:120px;background-image:url(../imgAll/fond_fe_129.jpg);padding:20px 0 0 0;text-align:center;}

.yheadcont, .ycontain, .yfootcontent, .yfootimg img, .ymenu {width:90vw;margin:auto;background-color:#FFF; text-align:left;max-width: 1000px;}
.yheadcont {height:124px;background-color:#FFF; text-align:left;}
.ylogo {float:left;}
.ylogo img {}
.yhright {display:inline;background-color:#FFF; text-align:right;max-width:75vw;}
  .ylang {font-size: 13px;font-variant:small-caps;font-variant-caps: all-small-caps;padding-top:10px;}
  .ylang a {margin-right:20px;}
  .ymenu {/*background-color:#333; height:25px;*/ margin-top: 73px;}
  .ymenu ul {margin:0;float:right;}
  .ymenu li {float:left; background-color:#333; width:135px;height:20px;
    margin: 0;padding: 3px 6px 2px 6px;list-style-type: none;
    font-size: 13px;font-variant:small-caps;font-variant-caps: all-small-caps;
    text-align: center;cursor: pointer;overflow: auto;}
  .ymenu li a { color:#dadada;display:block;width:100%;height:20px;}
  .ymenu li:hover { font-size: 11px;border-bottom:solid 2px #FFF;padding-top:2px;padding-bottom:1px;}
  .ymenu li a:hover { color:#fff;}

.yclear, .yclear2 {clear:both;}
.ycontain {background-color:#FFF; text-align:left;margin-top:10px;margin-bottom:10px;padding:0;}
.ycontent {padding:10px 20px;}

.yfootimg {max-height:300px;overflow:hidden;}
.yfootimg img {height:auto;}
.yfooter {background-color:#333; min-height:120px;}
	.yfootcontent {background-color:#333; padding:10px 0;height:inherit;}
	.yfootblock {float:left; line-height:2em;margin-top:10px;}
	.yfootblock a {margin-right:100px;}
	.yfootlogo {float:right; margin-top:20px;}

p {margin:4px 0; padding:0;}
ul, ol {margin-bottom:4px;margin-top:4px;}
h1, h2, h3 {font-size: 18px;margin:6px 0; padding:0;}
h4, h5, h6 {font-size: 15px;margin:5px 0; padding:0;}
h1, h4 {font-variant-caps: all-small-caps;}
h1 {font-size: 24px;}
h4 {font-size: 18px;}
ol li {padding-bottom:4px;}

.ybloc {display:inline-grid; margin: 5px 20px;}
.ycontent img {max-width:85vw; height:auto;}
.yblog, .ybloga {display:block; padding:10px;border-bottom:solid 8px #fafafa;min-height: 90px;}
.yblogico {display:block; float:left; width:100px; height:80px; overflow:hidden; margin:0 10px 3px 0;object-fit: cover;object-position:center;}
.yblogico img {object-fit: cover;object-position:center;width:130%; height:auto;}
.ybloga:hover {background-color:#ed6b0d0f; cursor:pointer;}
.ybloga a {color:#333;}
.ybloga .ybutt {color:#ed6b0d;}
td.yalbum {width:25%;}
td.yalbum img {max-width:25vw;}
.yagenda p {margin-bottom:10px;padding-right:10px;}
.ytitline {display:block; border-top: 1px solid; padding-top:6px;margin-top:30px;}
.ycitation {float:right;padding:8px;margin:10px 0 10px 20px;background-color:#e6fbe0;width:44%;}
.ycitation p {margin-bottom:8px;}

.ybggreen {background-color: #e6fbe0;}
.ypadlink {padding:3px 6px;line-height: 20px;}

/*Sections...*/
.ysections {}
.ycontent iframe {border:0;height:800px;}
.ycontent .yframecharte iframe {border:0;height:380px;}
.ysekdetails {text-align:left;padding:10px;}
.ysekaddr {float:left; width:17vw;height:180px; margin-right:15px; margin-bottom:15px; padding:4px; background-color:#fff;}

/*pub frontpage*/
.ypub {padding: 0;text-align: center;overflow: hidden;
	background-image: url("../images22/RefusControleCave-motif-web.png");background-attachment: fixed;background-repeat: no-repeat;background-origin: padding-box;background-position: 30px 65px;background-size: auto;}
.ypubin {padding: 5px 25px 30px 25px;background-color: rgba(230,251,224,0.67);}
.ypubtab {text-align: left;width: 100%;max-width: 800px;margin: auto;margin-top:10px;margin-bottom: 10px;}

.ylegge {margin-left:20px;color:darkslateblue}

@media screen and (max-width: 1400px) {
	.yheadcont {height:134px;}
	.ymenu {float: none;position: absolute;width: 90vw;text-align:right;margin-top: 0px;top: 150px; }
	.ymenu ul {display: inline-block;padding:0;float:none; margin-bottom:20px;background-color:#333;width: 90vw;}
	.yfooter {min-height:200px;}
	.yclear {height:40px;}
	.yfootblock a {margin-right:40px;}

	.ysekaddr {width:21vw;}
}
@media screen and (max-width: 940px) {
	.yclear {height:60px;}
	.ysekaddr {width:27vw;}
	td.ysecmap {display:none;visibility:hidden;}
	td.ysecgrp {float:left; width:95vw;}
	.ysections {}
}

@media screen and (max-width: 600px) {
	.yheadcont, .ycontain, .yfootcontent, .yfootimg img {width:95vw;height:inherit;margin:auto;}
	.ylogo img {width:60vw;height:auto;}
	.ylang a {display: block; margin-bottom:8px;}
	.ymenu {float: none;display:block; position: absolute;top: 140px;left:0;width: 100vw;background-color:#333;}
	.ymenu ul {padding:0;display:block;}
	.ymenu li {width:40vw;height:32px;font-size: 15px;}
	.ymenu li:hover { font-size: 13px;padding-top:2px;padding-bottom:1px;}
	.yclear {height:120px;}
	.yfooter {min-height:280px;}
	.ycontent td {display:block; width:85vw;}
	td.yalbum img {max-width:85vw;}
	td.ysecmap {display:none;visibility:hidden;}
	.ysections {}
	.ycontent .yframecharte iframe {border:0;height:480px;}
	.ysekaddr {width:80vw;height:auto;padding-bottom:20px;}
	.ypub {background-position: 0px 135px;}

}