.main-content {
	min-height: 100vh;
}
.ml-5 {
	margin-left:5px;
}
.ml-10 {
	margin-left:10px;
}
.m-0 {
	margin:0;
}
h1 {
	font-size:28px;
	font-weight:500;
}
h2 {
	font-size:24px;
	font-weight:500;
	/* color:#305BDE; */
}
h3 {
	font-size:18px;
	font-weight:600;
	/* color:#305BDE; */
}
.minuscules {
	text-transform:lowercase;
}
.bread {
	color:#A2B6F0;
}

/* accueil */
#home {
	border:solid 1px #ccc;
	background:#DFDFDF;
}
.banner {
	
}
.banner-image {
	background:#fff;
	padding:0;
	overflow:hidden;
}
.banner-texte {
	padding:45px;
	overflow:hidden;
}
.banner-texte-content {
	font-size:16px;
	color:#222;
	/* background:#ff0000; */
}
.banner-texte h1 {
	font-size:30px;
	line-height:32px;
	padding:0;
	margin:0;
	margin-bottom:20px;
	color:#222;
	text-transform:uppercase;
}
.info-importante {
	margin-bottom:10px;
}
.agenda-date {
	font-size:14px;
	font-weight:500;
	color:#B9F1FF;
}
.agenda-titre {
	font-size:16px;
	font-weight:600;
}
.agenda-desc {
	font-size:14px;
}
.agenda-desc i {
	font-size:14px;
	margin-right:5px;
}
.list-clics li {
	border-bottom: dotted 1px #000;
	padding:5px 0;
}
.list-clics i {
	margin-right:5px;
	color:#999;
}
.list-clics li a {
	/* color:#305BDE; */
}

/* actualites */
.categories li {
	text-transform:uppercase;
}
.categories li a {
	/* color:#305BDE; */
}

/* actu détail */
.detail-actu {
	margin-top:20px;
}
.detail-actu-titre {
	margin-bottom:20px;
}
.detail-actu p {
	text-align:justify;
	line-height:22px;
	margin:0;
	margin-bottom:15px;
}
.detail-actu a {
	color:#305BDE;
	text-decoration:underline;
}
.detail-actu ul {
	margin-left:20px;
	margin-bottom:15px;
}
.detail-actu li {
	list-style:square;
	padding-left:10px;
	text-align:justify;
}
/* contenu */
.contenu {
	padding: 20px;
	/* background:#F5F5F5; */
}
.contenu h2 {
	margin:0;
	margin-bottom:20px;
}
.contenu p {
	text-align:justify;
	line-height:22px;
	margin:0;
}
.contenu a {
	color:#305BDE;
	text-decoration:underline;
}
.contenu ul {
	margin-left:20px;
	margin-bottom:15px;
}
.contenu li {
	list-style:square;
	padding-left:10px;
	text-align:justify;
}
/* conseil municipal */
.elu-img {
	height:230px;
	margin-top:30px;
}
.elu-fonction {
	margin:0;
	line-height:18px;
}
.elu-nom {
	color:#222;
	font-weight:700;
	font-size:17px;
	margin:0;
}
/* évènement */
.schedule-box {
	height:190px;
	overflow:hidden;
}
/* page */
.droite {
	background:#F5F5F5;
	padding:20px;
}
/* documents conseil */
.docs td a {
	color:#414141;
	text-decoration:none;
}
.docs td i {
	margin-right:7px;
	color:#305BDE;
}
/* numéros */
.cat_num {
	background:#305BDE;
	color:#fff;
	padding:5px 10px;
	font-size:16px;
	margin-bottom:0;
	
}
.numero {
	margin-top:10px;
	
}
.numero hr {
	margin:0px;
	margin-top:10px;
	border: dotted 1px #305BDE;
}
/* docs / démarches */
.table-liens {
	line-height:20px;
}
.table-liens a {
	color:#305BDE;
}
.table-liens i {
	margin-right:7px;
}
/* page */
.page p {
	margin-bottom:20px;
}
.page a {
	color:#305BDE;
}
.page img {
	width:100%;
	margin-bottom:20px;
}

/* partenaires */
.partenaires-content {
	/* background:#f0f0f0; */
	margin-left:0;
	margin-bottom:30px;
	padding:20px;
	border:solid 1px #305BDE;
}
.partenaires p {
	margin:0;
}
.partenaires a {
	color:#305BDE;
}
.partenaires i {
	color:#305BDE;
	margin-right:5px;
}

@media only screen and (min-width: 992px) {
	#home {
		max-height:450px;
	}
	.banner-image {
		overflow:hidden;
		max-height:448px;
	}
}
@media only screen and (max-width: 768px) {
	h1 {
		font-size:22px;
	}
	h2 {
		font-size:20px;
	}
	h3 {
		font-size:18px;
	}
	.banner-texte {
		padding:35px;
		overflow:hidden;
	}
	.banner-texte h1 {
		font-size:20px;
		line-height:22px;
		line-height:22px;
	}
	.banner-image {
		margin-right:15px;
	}
	.detail-actu p, .detail-actu li {
		text-align:left;
	}
	.contenu p, .contenu li {
		text-align:left;
	}
}
@media only screen and (max-width: 768px) {
	h1 {
		font-size:22px;
	}
	h2 {
		font-size:20px;
	}
	h3 {
		font-size:18px;
	}
	.banner-texte {
		padding:35px;
		overflow:hidden;
	}
	.banner-texte h1 {
		font-size:20px;
		line-height:22px;
		line-height:22px;
	}
	.banner-image {
		margin-right:15px;
	}
	.detail-actu p, .detail-actu li {
		text-align:left;
	}
}
@media only screen and (max-width: 385px) {
	.no-tel {
		display:none;
	}
}