#cssmenu{display:none;}
.urlPlan{margin:10px 0px 10px 20px;background:url("../images/fleche.jpg") no-repeat scroll left bottom transparent;padding-left:30px;}
.creditsPhotos{padding:20px 0px 20px 20px;}
.creditsPhotos li{display:inline-block;width:200px;height:15px;line-height:15px;font-size:9px;overflow:hidden;}
.googleMAP iframe{width:100%;height:450px;}
a.youtube{padding:0 2px;}
a.youtube,.addthis_sharing_toolbox{display:inline-block;vertical-align:top;}
.msgErreurs{background-color:#F9ABA2;padding:5px;color:#BF2413;border-radius:5px;font-weight:bold;border:1px solid #BF2413;}
.navigation{margin:5px 0px;}
.contactsite{width:100%;}
.contactsite p.plabel{margin:0;padding:0;}
.contactsite p.pinput{margin:0;padding:0 0 10px 0;}
.contactsite .btSubmit1,.contactsite .btSubmit2{background:#20441e;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;color:#fff;font-size:22px;padding:10px 20px;text-decoration:none;cursor:pointer;border:0;}
input[type="text"],textarea,select{padding:10px 15px;font-size:14px;line-height:24px;display:inline-block;border:1px solid #E2E6E7;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;font-family:"Raleway",sans-serif;}
input:focus,textarea:focus,select:focus{outline:none;color:#555;}
::-webkit-input-placeholder{opacity:0.5;}
::-moz-placeholder{opacity:0.5;}
:-ms-input-placeholder{opacity:0.5;}
:-moz-placeholder{opacity:0.5;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder,select:focus::-webkit-input-placeholder{opacity:0.3;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder,select:focus::-moz-placeholder{opacity:0.3;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder,select:focus:-ms-input-placeholder{opacity:0.3;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder,select:focus:-moz-placeholder{opacity:0.3;}
.outter-contall{display:flex;justify-content:space-between;}
.outter-pinput{flex:1;padding:15px;}
#pagerealisation ul,#pagerealisation ul li{margin:0;padding:0;list-style:none;}
#pagerealisation .menuDiapo{float:left;width:28%;margin-right:2%;}
#pagerealisation .menuDiapo ul{padding-left:5px;}
#pagerealisation .menuDiapo ul li{border-bottom:1px solid #eee;}
#pagerealisation .menuDiapo ul li:first-child{border-top:1px solid #eee;}
#pagerealisation .menuDiapo ul li a{display:block;padding:10px 0 10px 5px;text-transform:uppercase;}
#pagerealisation .menuDiapo ul li.play a,#pagerealisation .menuDiapo ul li a:hover{background:#fff;color:#000;}
#pagerealisation .menuDiapo a.rub-disable{cursor:not-allowed;opacity:0.4;}
#diapoREA{float:right;width:70%;}
.titreDiapo{font-size:18px;font-family:"Raleway",sans-serif;height:42px;line-height:24px;padding-left:5px;color:#af1212;margin:0;}
.rubDiapo{display:inline-block;margin:4px;border:1px solid #eee;text-align:center;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:150px;height:158px;overflow:hidden;background:#fff;}
.rubDiapo .img{height:100px;border:1px solid #eee;width:100px;background:#000;margin:auto;}
.rubDiapo img{height:auto;}
.rubDiapo .lien{text-align:center;}
.rubDiapo .lien a{color:#000;text-transform:uppercase;font-weight:bold;font-size:12px;display:block;}
h3.intitule{margin:0;padding:5px 0;}

body{ margin:0; padding:0;}
div, td{ margin:0; padding:0; color: #666;}
img{ border:none; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-weight: 400;}
h2{ font-size: 1.6rem;}
h3{ font-size: 1.3rem;}
p{ margin: 0; padding: 0 0 24px 0;}
a{ text-decoration:none; color:#20441e; -webkit-transition:all .7s ease; transition:all .7s ease;}
a:hover { color: #506100; text-decoration: none;}
b, strong{ font-weight: 700;}
*{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.clear{ clear:both;}
#pageweb{ overflow: hidden;}

.enc-top, .logo{ z-index: 999; top: -52px; display: block;}
.logo{ top: auto; bottom: 87px;}
.right{ background: #fbfeec;}

.cont-coord{ min-height: 95px; background: #fbfeec;}
.coord-top::before{ content: url(../images/picto_coord.png); margin-right: 20px;}
.tel-top::before{ content: url(../images/picto_tel.png); margin-right: 20px;}
.coord-top strong, .tel-top strong{ display: block; font-weight: 400; border-bottom: 1px solid #20441e; line-height: 16px;}
.coord-top strong, .tel-top a{ color: #20441e; font-weight: 700;}
.tel-top a{ font-size: 36px; line-height: 36px;}

.top-menu{ background: #71860d; padding: 0;}
.top-menu ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.top-menu ul li{ flex: 1; border-right: 1px solid #20441e;}
.top-menu ul li:first-child, .top-menu ul li:nth-child(3){ max-width: 100px;}
.top-menu ul li:last-child{ border: none;}
.top-menu ul li a{ color: #fff; line-height: 95px; display: block; padding: 0 5px; text-align: center;}
.top-menu ul li a:hover{ background: #20441e;}

#top-nav{  background: #71860D;}
#top-nav ul, #top-nav ul li, .top-menu ul, .top-menu ul li{ margin: 0; padding: 0; list-style: none; position: relative;}
#top-nav ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: top; -ms-flex-align: top; align-items: top;}
#top-nav ul li a{ display: block; text-align: center; padding: 30px 8px; font-size: 18px; line-height: 18px; height: 100%; color: #fff;}
#top-nav ul li a::after{ content: ''; display: block; width: 1px; height: 40px; top: 50%; margin-top: -20px; position: absolute; right: 0; background: rgba(255, 255, 255, .1);}
#top-nav ul li a:hover{ background:  #303A00;}

#top-nav ul li a:hover::before { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: #506100; }

#top-nav ul li ul{ position: absolute; left: -9999px;-webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; width: 276px; padding: 7px 0 0 0;}
#top-nav ul li ul li{ width: 100%; background: #131313;}
#top-nav ul li ul li a{ line-height: 18px; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 10px 25px; color: #fff;}
#top-nav ul li ul li a:hover{ background: none; color: #e7bb3f;}
#top-nav ul li:hover ul{ left: 0;}

.cont-events{ border: 1px solid #B0C54A; height: calc(100vh - 220px); overflow: auto; direction: rtl;}
.cont-events::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 10px; background-color: #fff; }
.cont-events::-webkit-scrollbar { width: 4px; background-color: #fff; }
.cont-events::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #b0c54a; }
.event-item{ direction:ltr;}
.date-event div{ font-size: 14px;}

.ttl-events{ padding: 15px 0 25px;}
.ttl-events::after{ content: ''; display: block; width: 30px; height: 1px; margin-top: 5px; background: #b0c54a;}
.txt-event h3, .date-event{ color: #71860d; border-bottom: 1px solid; margin-bottom: 16px;}
.txt-event h3 a{ color: #71860d}

.ttl h1{ font-size: 2rem; color: #212529;}
.ttl::after{ content: ''; display: block; width: 60px; height: 3px; margin-top: 10px; background: #b0c54a;}

.enc-cat{ top: 50%; margin-top: -95px; left: 50%; margin-left: -272px; background: rgba(255, 255, 255, .8); padding: 30px;}

.cont-2{ background: #ECF9B0;}
.cont-2 h2{ padding-bottom: 24px; color: #71860d;}
.txt ul{ list-style: none;}
.txt ul li::before{ content: "\2023"; color: #71860d; font-weight: bold; display: inline-block; width: 1em;  margin-left: -1em; font-family: 'Arimo', sans-serif;}
/* ACT */
.act{ width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 15px 0 30px;}
.ph-act{ position: relative;}
.ph-act img{ display: block;}
.ph-act h2 a{ color: #fff; font-size: 14px; text-transform: uppercase; text-align: center; width: 100%;}
.txt-act{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 200px; margin-top: 14px; margin-top: 14px; display: flex; justify-content: space-between;}
.txt-act p{ padding: 10px 0;}
.txt-act > a{ font-style: italic; color: #fff; background: #786b6e; width: 100%; text-align: center; display: block; padding: 8px 10px;}
.txt-act > a:hover{ background: #241c1e;}

.gal a, .ph-act > a{ position: relative; display: block; overflow: hidden;}
.gal a::before, .ph-act > a::before { position: absolute;	top: 50%;	left: 50%;	z-index: 2;	display: block;	content: '';	width: 0;	height: 0;	background: rgba(255,255,255,.2);	border-radius: 100%;	-webkit-transform: translate(-50%, -50%);	transform: translate(-50%, -50%);	opacity: 0;}
.gal a:hover::before, .ph-act > a:hover::before { -webkit-animation: circle .75s;	animation: circle .75s;}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* FOOTER */
#footer{ background: #ECF9B0; width: 100%;}
.logo-btm{ border-right: 1px solid #B0C54A;}
.f-links{ margin-bottom: 16px;}
.f-links ul{ padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.f-links ul li{ margin: 0; list-style: none;}
.f-links ul li:last-child{ border: none;}
.f-links ul li a{ color: #71860d;  padding: 5px 0; display: block; height: 100%;}
.f-links ul li a:hover{ color: #303A00;}
.f-links ul li a::after{ content: '|'; padding: 0 10px; color: #B0C54A;}
.f-links ul li:last-child a::after{ content: '';}
.mtc{ background: #303A00;}

@media screen and (max-width: 1919px){
	.tel-top a{ font-size: 30px;}
	#top-nav ul li a{ font-size: 14px;}
	.top-menu ul li a{ font-size: 14px;}
}
@media screen and (max-width: 1679px){
	.tel-top a{ font-size: 28px;}
	.coord-top{ padding-left: 0;}
	.txt-act{ min-height: 240px;}
	.enc-cat{ left: 30px; margin-left: auto; right: 30px; top: 30px; bottom: 30px; margin-top: auto;}
}
@media screen and (max-width: 1519px){
	.tel-top a{ font-size: 24px;}
	#top-nav ul li a{ font-size: 12px;}
	.top-menu ul li a{ font-size: 12px;}
	.logo{ width: 150px;}
	.coord-top div{ font-size: 14px;}
	
}
@media screen and (max-width: 1359px){
	.coord-top::before, .tel-top::before{ margin-right: 10px;}
	#top-nav ul li a{ font-size: 12px; padding: 30px 5px;}
	.txt-act h2{ font-size: 1.2rem;}
	.tel-top a{ font-size: 22px;}
}
@media screen and (max-width: 1279px){
	.tel-top a{ font-size: 20px;}
	.coord-top div{ font-size: 12px; line-height: 12px;}
	#top-nav ul li{ padding: 0 5px;}
	.top-menu ul li:first-child, .top-menu ul li:nth-child(3) { max-width: 60px; }
	.txt-act{ min-height: 220px;}
}
@media screen and (max-width: 1151px){
	.tel-top a{ font-size: 16px;}
	.logo { width: 120px;}
	.top-menu ul li{ height: 95px;}
	#top-nav ul li a, .top-menu ul li a{ line-height: 14px;}
	.top-menu ul li a { display: flex; flex-direction: column; justify-content: center; height: 100%; }
}
@media screen and (max-width: 1023px){
    #pageweb .right > .position-fixed{ position: static !important;}
    #cssmenu{ display: block;}
    .cont-enc > .position-absolute{ position: static !important;}
    .logo{ bottom: 0;}
    .ph-1{ max-width: 720px; margin: auto;}
    .outer-slide{ width: 100%; height: 245px; overflow: hidden;}
    #slider-inner-1{ width: 1000px; position: absolute; left: 50%; margin-left: -500px;}
}
@media screen and (max-width: 1023px){
	.cont-f-links{ display: none;}
}
@media screen and (max-width: 767px){
	.outter-contall{ flex-wrap: wrap;}
	.outter-pinput{ flex: 0 0 100%; padding: 15px 0;}
}
@media screen and (max-width: 359px){
	.contactsite p:first-of-type{ font-size: 14px;}
	input[type="text"], textarea, select{ max-width: 290px;}
}