/* Admin Babylone */
body#art{background-image:none;background-color:#FFFFFF;color:#000000;font-size:16px;padding:15px!important;}
body#art a {color:#4488CC!important;}
body#art p , body#art ul, body#art h1, body#art h2, body#art h3,  body#art h4 {margin-bottom:10px;}
body#art ul {list-style-type:square;margin-left:15px;}

/* Form */
.bab-form {width:inherit;}
.bab-form, .bab-form td {border:0px;}
.bab-form-colonne-gauche {width:25%;}
.bab-form-submit {padding:0.5em 1.5em!important;font-size:1.4em;background-color:#aaa;}
.bab-form input, .bab-form textarea {padding:3px;background-color:#eee;border:1px solid #bbb}
.bab-form-erreur {color:#F00;}
.confirmation-mail{display: none;}

/* Flex */
/*-- Container */
.flex-justify-start {justify-content:flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start;}
.flex-justify-end {justify-content:flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end;}
.flex-justify-center {justify-content:center; -webkit-justify-content: center; -ms-flex-pack: center;}
.flex-justify-spacea {justify-content:space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around;}
.flex-justify-spaceb {justify-content:space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between;}
.flex-align-start {align-items:flex-start;-webkit-align-items:flex-start;}
.flex-align-end {align-items:flex-end;-webkit-align-items:flex-end;}
.flex-align-center {align-items:center;-webkit-align-items:center;}
.stretch {align-content:stretch;-webkit-align-content:stretch;}
.align-content-spaceb {align-content:space-between;-webkit-align-content:space-between;}

/*-- Items --*/
.item-align-center{align-self : center;-webkit-align-self : center;}
.item-align-start{align-self : flex-start;-webkit-align-self : flex-start;}
.item-align-end{align-self : flex-end;-webkit-align-self : flex-end;}

/* General */
body {font-family: Verdana,Arial,Helvetica,sans-serif!important;}
a {text-decoration:none;}
.navTop, .cd-panel {display:none;}
p {line-height:1.3em!important;}
iframe {width:100%!important}
a.button {margin:0.4em 0;display:block;width:100%;background-color:#94a84f;padding:0.4em;color:#FFF!important;text-align:center;}
.mailto span {display:none;}

/* Layout */
body {background-color: #94a84f;}
#bloc-home {
	background-image:url(/theme/montelever/img/bg-site-home.jpg);background-repeat:no-repeat;background-position:top center;
	/*min-height:633px;*/
	background-size:cover;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	-ms-interpolation-mode: nearest-neighbor;  /* IE */
}
#bloc-home h1 {font-size:1.4em;line-height:1em;}
.bg-white {background-color:rgba(255,255,255,0.6)}.bg-green {background-color:rgba(202,212,168,0.8)}
.col-g {border-right:1px solid #FFF}
#bloc-home .col-g {padding-top:11em;}
.col-d {border-left:1px solid #FFF}
#bt-langues a {margin:0 0.3em;}
#zone-logo {display:block;height:14em;background-image:url(/theme/montelever/img/logo.png);background-repeat:no-repeat;background-position:center center;}

/* Intérieur */
#int {background-image:url(/theme/montelever/img/bg-pages-int.png);background-repeat:no-repeat;background-position:top center;}
#int #retour-home {background-image:url(/theme/montelever/img/bg-retour-accueil.png);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#int #retour-home span {color:#FFF;font-weight:bold;}

body#page-100 .right-box {
	display: none;
}
body#page-100 .center-box {
	width: 79%;
}

/* Menus - fonts - colors */
nav.navigation {text-align:left;}
nav.navigation ul li a {display:block;border-top:1px solid #FFF;color:#000;padding:0.2em 0.5em;font-weight:bold;font-size:0.9em;}
nav.navigation ul li:last-child a {border-bottom:1px solid #FFF;}
nav.navigation ul li a:hover {background-color:#FFF;color: #060;}

.bloc-fils {border-top:1px dotted #009900;}

/* Spécifique homepage */
.col-d {font-size:0.8em;}
.col-d h2 {color:#FFF;text-shadow: 0 0 3px rgba(0,0,0,0.5);}
.galpha {background-color:rgba(148,148,80,0.6);color:#FFF;}
.galpha .chapeau p {text-align:justify;}
.galpha .suite {display:none;}

/* Colonne droite news */
.news {margin-bottom:1em;}
.news h3 {font-size:1.1em;color:#000;margin-bottom:0}
.news h3 a {color:#000}
.news .suite a {font-weight:bold;color:#000}
#slider-news {padding-bottom:3em;}
#slider-news .swiper-pagination-bullet {width:12px;height:12px;margin:0 0.2em;}
#slider-news .swiper-pagination-bullet-active {background-color:#4D76C4;opacity:1}
#slider-news .chapeau p {text-align:justify;}
.title {font-size:1.5em;color:#FFF;font-weight:bold;text-shadow: 0 0 2px #000;}

/* Contenu */
.content {background-color:#FFF;}
.contenu {height:100%;position:relative;}
.contenu h1 {color: #94a850;font-family: Georgia,"Times New Roman",Times,serif;font-weight: normal;font-size:2em;margin-bottom:0.4em;line-height:1.1em;}
.contenu h2 {color: #94a850;font-size:1.4em;font-family: Georgia,"Times New Roman",Times,serif;font-weight:normal;margin-top:1em;}
.contenu p, .contenu ul {font-size:1em;font-family:"Arial",sans-serif;color:#666}
.contenu div {font-family:"Arial",sans-serif;color:#666;}
.contenu a {color: #009900;}
.contenu a:link {color: #009900;}
.contenu .fils h3 {font-size:1.2em;margin-bottom:0}
.contenu .fils {margin-bottom:1em;}
.contenu h3 {font-size: 1em;color:#666}
#nav-options {position:absolute;width:100%;bottom:0;left:0;}

.my-gallery figure {margin-top:0;width:33.33%;padding:0.3em}
.my-gallery figure a {display:block;height:115px;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.my-gallery figure a img {display:none;}

/* Forms */

/* Footer */
footer {line-height:1em;color:#637136}
footer a {font-size:0.8em;color:#637136}
footer a:hover {color:#FFF;}
.langues a:after {content:"";display:inline-block;width:1px;height:7px;background-color:#637136;margin-left:0.4em;}
.langues a:last-child:after {display:none;}

.no-disp {display:none;}
#deploy {cursor:pointer;}

/* --- Responsive --- */
@media (max-width: 1024px) {
	
}
@media (max-width: 950px) {
	.w950p {width:100%!important;}
}

@media (max-width: 800px) {
	
	.my-gallery figure a{height:140px;}
	
	.navTop {display:block;}
	
	nav.navigation ul li a {padding:0.5em 0.7em;font-weight:normal;font-size:1.1em;}
	
	.cd-btn {
		color: #fff;
		display: inline-block;
		padding: 0.5em 0.8em;
		position: relative;
		transition: all 0.2s ease 0s;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8BA6D8+0,2b2e83+100 */
		background: #8BA6D8; /* Old browsers */
		background: -moz-linear-gradient(top,  #8BA6D8 0%, #4D76C4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8BA6D8), color-stop(100%,#4D76C4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #8BA6D8 0%,#4D76C4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BA6D8', endColorstr='#4D76C4',GradientType=0 ); /* IE6-9 */
	}
	
	.cd-panel {
		display:block;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		transition: visibility 0s ease 0.6s;
		visibility: hidden;
		width: 100%;
		z-index:999;
	}
	.cd-panel::after {
		background: transparent none repeat scroll 0 0;
		cursor: pointer;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		transition: background 0.3s ease 0.3s;
		width: 100%;
	}
	.cd-panel.is-visible {
		transition: visibility 0s ease 0s;
		visibility: visible;
	}
	.cd-panel.is-visible::after {
		background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
		transition: background 0.3s ease 0s;
	}
	.cd-panel.is-visible .cd-panel-close::before {
		animation: 0.6s ease 0.3s normal none 1 running cd-close-1;
	}
	.cd-panel.is-visible .cd-panel-close::after {
		animation: 0.6s ease 0.3s normal none 1 running cd-close-2;
	}
	.cd-panel-header {
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
		height: 50px;
		line-height: 50px;
		position: fixed;
		transition: top 0.3s ease 0s;
		width: 70%;
		z-index: 1001;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8BA6D8+0,2b2e83+100 */
		background: #8BA6D8; /* Old browsers */
		background: -moz-linear-gradient(top,  #8BA6D8 0%, #4D76C4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8BA6D8), color-stop(100%,#4D76C4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #8BA6D8 0%,#4D76C4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #8BA6D8 0%,#4D76C4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BA6D8', endColorstr='#4D76C4',GradientType=0 ); /* IE6-9 */
	}
	.cd-panel-header .titre {
		color: #FFF;
		padding-left: 5%;
		font-size:2.5rem;
	}
	.from-right .cd-panel-header, .from-left .cd-panel-header {
		top: -50px;
	}
	.from-right .cd-panel-header {
		right: 0;
	}
	.from-left .cd-panel-header {
		left: 0;
	}
	.is-visible .cd-panel-header {
		top: 0;
		transition: top 0.3s ease 0.3s;
	}
	
	.cd-panel-close {
		display: inline-block;
		height: 100%;
		overflow: hidden;
		position: absolute;
		right: 0;
		/*text-indent: 100%;*/
		text-align:center;
		top: 0;
		white-space: nowrap;
		width: 60px;
		color:#FFF;
	}
	.cd-panel-container {
		background: #dbe2e9 none repeat scroll 0 0;
		height: 100%;
		position: fixed;
		top: 0;
		transition-delay: 0.3s;
		transition-duration: 0.3s;
		transition-property: transform;
		width: 70%;
		z-index: 1000;
	}
	.from-right .cd-panel-container {
		right: 0;
		transform: translate3d(100%, 0px, 0px);
	}
	.from-left .cd-panel-container {
		left: 0;
		transform: translate3d(-100%, 0px, 0px);
	}
	.is-visible .cd-panel-container {
		transform: translate3d(0px, 0px, 0px);
		transition-delay: 0s;
	}
	
	.cd-panel-content {
		height: 100%;
		left: 0;
		overflow: auto;
		position: absolute;
		top: 50px;
		width: 100%;
	}
	.cd-panel-content p {
		color: #424f5c;
		font-family: "Droid Serif",serif;
		font-size: 0.875rem;
		line-height: 1.4;
		margin: 2em 0;
	}
	.cd-panel-content p:first-of-type {
		margin-top: 0;
	}	
}

@media (max-width: 568px) {
	
}

@media (max-width: 480px) {
	#zone-logo {height:10em;background-image:url(/theme/montelever/img/logo-mobile.png);background-size:inherit;}
	.contenu img {float:none;display:block;}
	.my-gallery figure {width:50%;}
}