
/*
@font-face{

	font-family:'Lato light';

	src:url(/projet/steulalie/fonts/Lato-Light.ttf) format('truetype');

}

@font-face{

	font-family:'Lato bold';

	src:url(/projet/steulalie/fonts/Lato-Bold.ttf) format('truetype');

}
*/

body { 
	font-size: 16px;
	line-height: 1.3em;
}
body.fixed{
	overflow-y:hidden;
}
h1{
	line-height: 1em;
}
h2{


	font-family: 'Lato', sans-serif;

	font-weight: 300;
	
	line-height:1em;

	margin:0.5em 0 0.5em 0;

}

.welcome-text  h2 { font-size: 2em;}

.welcome-word{

	color:#0f7f70;

	font-size:3em;

}

.editable ul,
.editable h1,
.editable h2,
.editable h3,
.editable ol,
.editable p {margin: 0.5em 0;}

.editable ol {margin-left: 1em; }
.editable h3 { font-size:1.37em; }

.banniere-infolettre{

	height:400px;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

}

.edition>a{

	text-align:center;

	text-decoration:none;

}

.edition-image{

	padding-bottom:60%;

	/*margin-bottom:10px;*/

}

.add-edition{

	padding:20px 0;

	text-align:center;

	color:#fff;

	background-color:green;

	text-decoration:none;

}

.hamburger{

	position:fixed;

	top:0;

	right:0;

	z-index:3;

	background-color:#000;

}

.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{

	background-color:#fff!important;

}

.editions-container{

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow-y:scroll;

	background-color:#fff;

	transform:translateY(-100%);

	-ms-transform:translateY(-100%);

	-moz-transform:translateY(-100%);

	-o-transform:translateY(-100%);

	-webkit-transform:translateY(-100%);

	transition:transform 0.5s ease;

	-ms-transition:-ms-transform 0.5s ease;

	-moz-transition:-moz-transform 0.5s ease;

	-o-transition:-o-transform 0.5s ease;

	-webkit-transition:-webkit-transform 0.5s ease;

	z-index:2;

}

.editions-container.active{

	transform:translateY(0);

	-ms-transform:translateY(0);

	-moz-transform:translateY(0);

	-o-transform:translateY(0);

	-webkit-transform:translateY(0);

}

.image-static{

	position:relative;

}

.visage{

	width:100%;
	
	padding-bottom:100%;

	border-radius:50%;

	overflow:hidden;

}

.edition-image{
	
	background-repeat:no-repeat;
	
	background-position:center center;
	
	background-size:cover;

	padding-top:30px;

	padding-bottom:50%;

}

.background{

	display:flex;

	align-items:center;

	justify-content:center;

	position:absolute;

	top:0;

	left:0;

	z-index:0;

	height:100%;

	width:100%;

	background-position:center center;

	background-repeat:no-repeat;

	background-size:cover;

}

.editMode .background{

	background-color:#9c9c9c;

}

.journal-logo{

	margin:2.5%;

	padding-bottom:30%

}

.journal-logo>.background{

	background-size:80%;

}

.flex-layout{

	display:flex;

	justify-content:space-between;

}

.flex-layout.items-center{

	align-items:center;

}

.subscribe-form-container{

	background-color:#5a5a5d;

	margin:10px 0;

}

.group_5 .subscribe-form-container{ 
	padding-left: 25px;
	}

.subscribe-form-container>form{

	display:flex;

	justify-content:left;

	padding:0px 0 25px 0;

}

.subscribe-form-container:after{

	content:'';

	display:block;

	clear:both;

}

.subscribe-form-container h2{
	color:#fff;
	padding-top:10px;
}

.municipal-council-container{

	background: #007b6d;

	background: -moz-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -webkit-gradient(left bottom, right top, color-stop(0%, #007b6d), color-stop(100%, #004133));

	background: -webkit-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -o-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: -ms-linear-gradient(45deg, #007b6d 0%, #004133 100%);

	background: linear-gradient(45deg, #007b6d 0%, #004133 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007b6d', endColorstr='#004133', GradientType=1 );

	padding:25px;

	color:#fff;

}

.municipal-council-container>h2{

	font-size:3em;

	text-transform:uppercase;
	
	margin:0;

}

.subscribe-form>button{

	background-color:#dab42b;

	color:#5a5a5d;

	border:none;

	padding:15px 0;

	font-size:24px;

	width:40%;

	font-family: 'Lato', sans-serif;
	font-weight: 300;

}

.subscribe-form>input{

	font-family: 'Lato', sans-serif;
	font-weight: 300;

	font-size:17px;

	width:50%;

	border:1px solid #fff;

	background-color:#5a5a5d;

	color:#fff;

	padding:11px 0;

	text-align:center;

}

.edition-titre{

	display:flex;

	align-items:center;
	
	justify-content:center;

	width:200px;

	height:200px;

	border-radius:50%;

	margin:0 auto;

	border:5px solid #daae29;

	font-size:3em;

	position:relative;

	color:#fff;
	
	text-shadow:0 0 5px #000;
	
	line-height:1em;

	z-index:1;
	
    flex-direction: column;


	text-align:center;

}

.edition-titre.editable p { margin: 0px!important;}

#edition-footer{

	background-color:#5a5a5d;

	color:#fff;

}

#footer {
	background-color: #5a5a5d;
	
}

.footer-logo{

	padding-bottom:30%;

}

.footer-logo>.background{

	background-size:60%;

}

.yellow-bg{

	background-color:#e7d46d;

	color:#000;

}


.widget,#edition-footer,.editions-containerm,#header{

		font-family: 'Lato', sans-serif;
	font-weight: 300;

}

.welcome-text {
	font-weight: 400;
	line-height: 1.5em;
}


.welcome-text h1 { font-weight: 300;} 

.welcome-text-container{
	display:flex;
	align-items:center;
}
#header>.group_5>.overflow{
	font-size:16px;
}
.message-box{
	background-color:#e4e4e4;
	color:#000;
	padding:20px;
	font-size:24px;
}

.section-description p:empty{
	display: none;
}

.welcome-text-container>.grid_5>.fa-facebook-square{
	display:none;
	position:relative;
	top:unset;
	right:unset;
}

.grid_12 h2:empty { display:none; }
.editMode .grid_12 h2:empty {  display:block;  }


.no-padding { padding: 0px; }


@media screen{
	.print_edition_link{
		display:none;
	}
}

@media screen and (min-width:640px){
	h2,.section-title{
		font-size:2em;
	}
	.welcome-text-container{
		margin-top:-20%;
	}

}
@media screen and (max-width:639px){
	h2,.section-title{
		font-size:1.2em;
	}
	
	.section-banner { position: relative; }
	
		#mot-du-maire .grid_5 { padding: 0px; width: 60%!important; }
	#mot-du-maire .grid_2 { padding: 0px; width: 40%!important; }
}
@media print{
	@page{
		margin:32px;
		counter-increment:page;
    	counter-reset:page 1;
	}
	
	body { 
	font-size: 11.8pt;
/*	line-height: 1.3em;*/
	}
	
	.noprint{
		display:none!important;
	}
	

	#header>div:nth-of-type(1),#header>div:nth-of-type(2),#header>div:nth-of-type(3){
		display:block;
		position:relative;
	}
	#header>div:nth-of-type(1){
		height:30vh;
	}
	
	#header>div:nth-of-type(2){
		height:70vh;
	}
	.journal-logo{
		height:100%;
		margin:0;
		padding-bottom:0;
		background-position:center center!important;
	}
	#header .edition-titre{
		font-weight:bold;
		text-shadow:0 0 12px #000;
	}
	#header .edition-image{
		width:100%;
		height:100%;
		padding-bottom:0;
		position:absolute;
		top:0;
		left:0;
		box-sizing:border-box;
	}
	
	.welcome-word{
			margin:0px;
		}
	.welcome-text-container .grid_5 { 
			margin-top: 0px; 
			margin-bottom: 0px;
		}	
	.welcome-text-container .grid_2 { 
			margin:0px;
			width:16%;
	}	
	
	
	.section-title{
		font-size:2em;
	}
	.hamburger,.subscribe-form-container,.editions-container,.swiper-duplicate,#header>.group_7>a,#footer,.fa-facebook-square,#print-container{
		display:none!important;
	}
	.section-logo{
		margin:0 30px;
	}
	.footer-logo>.background{
		background-size:30%;
	}
	.content a:not([href^=mailto]):after{
		content:" "attr(data-parsedUrl);
		font-size:0.75em;
		font-style: italic;
	}
	figure,blockquote{
		/*display:inline-block;*/
		display:block;
	}
	.welcome-text{
		column-count:2;
		font-weight: 300;
		line-height: 1.3em;
		/*-webkit-column-break-inside:avoid;*/
	}
	.welcome-text h1{
		margin:0 0 0.5em 0;
	}

	.welcome-text  p:nth-of-type(2) { 
-webkit-column-break-inside : avoid;
}
	
	.resume p { 
/*-webkit-column-break-inside : avoid;*/
}
	
	.print_edition_link{
		width:100%;
		padding:5px;
		text-align:center;
		background-color:#e7d46d;
		color:#000;
		font-size:1.5em;
	}
	.compact{
		line-height:1.15em;
		font-size: 15px;
	}

	
	.compact p{
		margin:0.2em 0;
	}
	
	.compact2{
		line-height:1em;
		font-size: 14px;
	}	
	
	figure img {
		max-height: 95vh;
	}
.grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_cinquieme { 
margin:0; 
padding-top:0;
padding-bottom:0; }

.widget_8 .grid_6 { padding : 1.5%; }

.section-banner .section-title { padding-top :1.5%; padding-bottom:1.5%; }
.article { padding-top :10px; padding-bottom:10px; margin:0;  
box-sizing:border-box;}

.section-title { padding-top : 15px; }

.article h2.titre { margin-top:0px; }

.article ol li { margin :0.1em 0;}

.compact h2.titre { font-size:1.5em; }

/*.municipal-council-container { margin-top:10px; }*/
}