.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {margin:0;padding:0;background-color:#fafafa;text-align:center;font-family: 'outfit', Verdana, sans-serif;font-size: 14px;color: #333;}
.ypage {width:100%;padding:0;margin: 0;text-align:center;}
.yheader, .yfooter {width:100%;}
.yheader {height:170px;background-image:url(../imgAll/25Header1400-bg.jpg);background-position: center;background-repeat: no-repeat; background-size: auto; ;padding:0px 0 0 0;text-align:center;}

.yheadcont, .ycontain, .yfootcontent, .ymenu {width:90vw;;margin:auto;text-align:left;max-width: 1000px;}
.ycontain {background-color:#FFF}
.yheadcont {background-image:url("../imgAll/25HeaderFR_1000.svg");background-position: top left;background-repeat: no-repeat; background-size: contain; height:16.2vw;padding:0px 0 0 0;}
.ylogo {max-width:40vw;float: left; }
.ylogo img {width:400px;height:145px;  /*border:1px dotted red;*/}
.yhright {float:right; text-align:right;max-width:40vw;margin:15px 25px;}
  .ylang {font-size: 13px;font-variant:small-caps;font-variant-caps: all-small-caps;padding-top:0px;color:#ddd;}
   .ylang a {margin-left:20px;margin-right: 0;}
   .ylang a, .ylang a:link, .ylang a:visited {background-color: #E50003; color:#fff;padding:0px 6px;}
   .ylang a:hover {background-color: #B10002;}
   .zlanginactive {padding:0;margin-left: 20px;}
  .ymenu {float: none;position: absolute;text-align:right;margin-top: 0px;margin-bottom: 0px;top: 155px;height:36px;width: 90vw;}
  .ymenu ul {margin:0;padding:0;background-color:#E50003 ; border-top: 4px solid #000;border-bottom: 4px solid #000;
	  min-height:25px;padding-left:106px;}
  .ymenu li {float:left; background-color:transparent; height:20px;
    margin: 0;padding: 3px 12px ;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:#fff;display:block;width:100%;height:20px;}
  .ymenu li:hover { background-color: #B10002; /*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;}

.yfooter {height:140px;background-image:url(../imgAll/25Footer1400-bg.jpg);background-position:  bottom center;background-repeat: no-repeat; background-size: auto; padding:0px 0 0 0;text-align:center;}
	.yfootcontent {background-image:url(../imgAll/25FooterFR_1000.svg); background-position: bottom right;background-repeat: no-repeat; padding:0px 0;height:inherit;}
	.yfootblock {float:left; line-height:2em;margin-top:10px;margin-left:20px;}
	.yfootblock a, .yfootblock a:link, .yfootblock a:visited {color:#fff;padding:1px 2px;}
	.yfootblock a:hover {background-color: #E50003;}


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;}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #B10002;
}


.ybloc {display:inline-grid; margin: 5px 20px;}
.ycontent img {max-width:85vw;/*width:100%;*/ 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: rgb(255, 251, 235); /*rgb(233, 252, 255) #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: rgb(255, 251, 235); /*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: 1100px) {
	.yheader {height: 15.3vw ;}
	.ylogo img {width:35vw;height:12.5vw;}
	.yhright {max-width:40vw;margin:0.6vw 2vw;}
     .ylang a, .zlanginactive {margin-left:10px;margin-right: 0;}
	.ymenu {float: none;position: absolute;text-align:right;margin-top: 0px;top: 14vw; }
	.ymenu ul {padding-left: 4.4vw; }
	.yclear {height:10px;}	
    .ycontent {padding:10px 2vw;}
	.yfooter {height: 13.9vw ;}
	.yfootcontent {height: 14vw ;}
	.yfootblock {margin-left:2vw;line-height: 1.8em; }
	.yfootblock a {margin-right:30px;}
	.ysekaddr {width:21vw;}
}
@media screen and (max-width: 940px) {
	.ymenu ul {padding-left: 1vw; }
	.ymenu li {padding: 3px 8px; }
	.ysekaddr {width:27vw;}
	td.ysecmap {display:none;visibility:hidden;}
	td.ysecgrp {float:left; width:95vw;}
}

@media screen and (max-width: 600px) {
	.yheader {background-image:none;padding:0 0 0 0;}
	.yheadcont, .ycontain, .yfootcontent {width:100vw;margin:auto;max-width: 600px;/*border: 1px dotted red;*/}
	.yheadcont {background-image:url(../imgAll/25HeaderFR_600.jpg);width:100vw;height:26.5vw;overflow: hidden;}
	.ylogo img {width:50vw;height:19vw;}
	.yhright {margin:1.1vw 2.3vw;}
	.ylang  {font-size: 13px;}
	 .ylang a, .zlanginactive {margin-left:5px;margin-right: 0;}
	.ymenu {float: none;display:block; position: absolute;top: 25vw;left:0;width: 100vw;}
	.ymenu ul {display:block;height:132px;padding-left:5vw;}
	.ymenu li {float:left;width:40vw;height:32px;font-size: 15px;padding-top: 10px;}
	.yclear {height:190px;}
	.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;}
	.yfootcontent {background-image:url("../imgAll/25FooterFR_600.jpg");width:100vw;height:26.5vw;overflow: hidden;background-size: cover;}
	.yfootblock {margin-left:1.5vw;line-height: 1.8em;font-size: 0.9em; }
}