/* CSS Document */

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway-VariableFont_wght') format('ttf'),
    font-weight: 400;
    font-style: normal;
  font-display: swap;

}

/* <weight>: Use a value from 100 to 900
   <uniquifier>: Use a unique and descriptive class name */

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

html,
body {
	font-family: 'Raleway', sans-serif;
    margin: 0;
    font-size: 18px;
  font-weight: 400;
    color: #5f5b54;
    height: 100%;
}
a {
	text-decoration: none;
	color: #96b030;
	transition: all 0.3s ease-in-out 0s;
	background-color: #eee;
	padding: 0 12px;
	border-radius: 10px;
}
a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #667d0c;
}
a img {
    border: 0;
	margin: 0;
	padding: 0;
}
.modinfotop a,
.modmenutop a,
.modariane a,
.moduletable-galerie a,
.modtrois a {
	background-color: inherit;
	padding:0;
	border-radius: 0;
}
.container {
	background:
    radial-gradient(#96b030 3px, transparent 4px),
    radial-gradient(#96b030 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #96b030 75px, #96b030 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #96b030 76px, #96b030 77px, transparent 78px, transparent 109px),
    #fff;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
	background-attachment: fixed;
    width: 100%;
    height: auto;
    margin: 0;
	padding: 40px 0;
}
.page {
	max-width: 1180px;
	margin: auto;
	background-color: #fff;
	border: solid 10px #96b030;
	border-radius: 20px;
	-webkit-box-shadow: #aaa 0 0 40px;
	        box-shadow: #aaa 0 0 40px;
}
.moduletable-logo {
	font-weight: normal;
}
.moduletable-logo h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 48px;
	color: #fff;
	margin-top: 6px;
	font-weight: normal;
	text-shadow: #fff 0 0 10px, #000 2px 2px 4px;
}
.moduletable.-actus,
.moduletable.-annuaire,
.moduletable.-agenda,
.moduletable.-bulletin,
.moduletable.-rapide,
.moduletable.-newsletter {
	padding: 0;
}
.moduletable.-actus > h3::before,
.moduletable.-annuaire > h3::before,
.moduletable.-rapide > h3::before,
.moduletable.-newsletter > h3::before,
.moduletable.-informations > h3::before,
.custom.-informations > h3::before,
.moduletable.-tags > h3::before,
.moduletable.-meteo > h3::before,
.moduletable.-contact > h3::before,
.moduletable.-marches > h3::before {
	content: '\0000a0';
	background-color: #96b030;
	border-radius: 5px;
	margin-right: 10px;
}
.moduletable.-agenda > h3::before,
.moduletable.-bulletin > h3::before,
.moduletable.-galerie > h3::before {
	content: '\0000a0';
	background-color: #5f5b54;
	border-radius: 5px;
	margin-right: 10px;
}
.moduletable.-agenda > h3,
.moduletable.-bulletin > h3,
.moduletable.-galerie > h3 {
	font-family: 'Marmelad', sans-serif;
	font-size: 28px;
	color: #5f5b54;
	font-weight: normal;
}
.moduletable.-plan > h3::before {
	content: '\0000a0';
	background-color: #667d0c;
	border-radius: 5px;
	margin-right: 10px;
	font-size: 28px;
}
.moduletable.-actus > h3,
.moduletable.-annuaire > h3,
.moduletable.-rapide > h3,
.moduletable.-newsletter > h3,
.moduletable.-plan > h3,
.moduletable.-informations > h3,
.custom.-informations > h3,
.moduletable.-tags > h3,
.moduletable.-meteo > h3,
.moduletable.-contact > h3,
.moduletable.-marches > h3 {
	font-family: 'Marmelad', sans-serif;
	font-size: 28px;
	color: #96b030;
	font-weight: normal;
}
.moduletable.-actus > h3 {
	margin-bottom:0;
}
h4 {
	border-bottom: 1px solid #96b030;
	color: #96b030;
}

/*----------------------- module bande top logo + informations -----------------------*/
.modinfotop {
	padding:0 20px;
}
.largeur0 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	flex-wrap: wrap;
	padding: 40px 0;
	text-align: center;
}
.logomairie {
	font-size: 40px;
	font-weight: 100;
	letter-spacing: 0.2em;
	padding: 60px 0;
	text-transform: uppercase;
}
.logomaville {
	font-weight: 700;
}
.logo {
	order:1;
}
.infos {
	align-self: flex-start;
	display: flex;
	margin-top: 10px;
	align-items: center;
	flex-wrap:wrap;
	order:2;
}
.custom.-telephone > p {
	margin:0;
}

/*----------------------- module logo -----------------------*/
.modinfotop {
	background: url(../images/fond_dienville_04.jpg) no-repeat top center;
	background-size: cover;
	border-radius: 10px 10px 0 0;
}
.custom.-logo a:hover {
	border:none;
}
.moduletable.-logo p {
	margin: 0;
}

/*----------------------- module menu -----------------------*/
.modmenutop {
}
.largeurmenutop {
	display: flex;
	align-items: center;
	margin: auto;
}
.moduletable.-menu {
	width:100%;
}
.nspArt h4.nspHeader a {
	display: block;
	text-align: center;
	border-radius: inherit;
	font-size: 14px;
	padding: 5px 12px;
	background-color: inherit;
	border-bottom: solid 1px;
	color: #96b030;
}
.rapide {
	text-align: center;
	height: 80px;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.rapide .image-title {
	padding-top: 5px;
	line-height: 1.2em;
}

/*----------------------- module slider -----------------------*/
.moduletable.-360 {
	height:500px;
}

/*----------------------- module fil ariane -----------------------*/
.modariane {
	background-color: #96b030;
	color: #667d0c;
	padding: 0 40px;
}
.largeurariane {
	margin: auto;
	max-width: 1200px;
}
.breadcrumb.-ariane {
	font-size: 12px;
	margin: 0;
	padding: 10px 0;
	text-transform: uppercase;
	line-height:1em;
}
.breadcrumb.-ariane > li {
	display: inline-flex;
	list-style-type: none;
}
.breadcrumb.-ariane li.active {
	color:#fff;
	font-weight: bold;
}

/*----------------------- module actualités gk5 -----------------------*/
.modavant {
	padding:0 40px;
}
.moduletable.-actus img {
	background-color: inherit;
	padding: 0;
	border-radius: 0;
}
.largeur3 {
	margin: auto;
	max-width: 1200px;
}
.moduletable.-actus {
	padding: 20px 0 60px;
}
.moduletable.-actus h4 {
	border-bottom: none;
}
.nspMain.-actus {
}
.nspArt h4.nspHeader {
	font-size:18px!important;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.readon.inline {
	background-color: #96b030;
	border-radius: 20px;
	color: #fff;
	display: block;
	font-size: 12px;
	margin: 20px auto 0;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	width: 180px;
	box-shadow: #eee 0 0 0 10px;
}
.readon.inline:hover {
	background-color: #667d0c;
}
.nspArt .nspImageWrapper {
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

/*======================= ARTICLE principal =======================*/
.article {
	padding:0 40px;
}
.largeurarticle {
	display: grid;
	grid-template-columns: minmax(500px, 2fr) minmax(300px, 1fr);
	grid-column-gap: 40px;
}
.blog-featured {
	line-height:1.6em;
	padding: 0;
}
.item-page {
	padding: 0 0 40px;
	line-height:1.6em;
	
}
.page-header,
.icons,
.article-info.muted {
	line-height:1.2em;
}
.page-header {
	display: flex;
}
.page-header h2::before {
	content: '\0000a0';
	background-color: #96b030;
	width: 30px;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	height: 30px;
	top: -3px;
}
.page-header h2 {
	font-family: 'Marmelad', sans-serif;
	font-size: 28px;
	color: #96b030;
	font-weight: normal;
	background-color: #fff;
	padding: 12px 30px 6px 10px;
	border-radius: 30px;
	box-shadow: #f5f5f5 0 0 0 10px;
}

/*++++++++ module annuaire de la ville ++++++++*/
.moduletable.-annuaire {
}
.moduletable.-annuaire ul {
	background-color: #96b030;
	border-radius: 20px;
	display: flex;
	flex-flow: column nowrap;
	padding: 20px;
}
.moduletable.-annuaire li {
	list-style-type: none;
	margin: 10px;
}
.moduletable.-annuaire a {
	background-color: #667d0c;
	border-radius: 25px;
	color: #fff;
	padding: 5px 20px;
}
.moduletable.-annuaire a:hover {
	color: #fff;
	padding-left:30px;
}

/*----------------------- 3 modules supplémentaires 3 -----------------------*/
.modtrois {
	background-color: #d6d1c8;
	padding:0 40px;
}
.largeur5 {
	display: grid;
	grid-template-columns: 3fr 3fr 4fr;
	grid-column-gap: 40px;
}
.moduletable.-agenda,
.moduletable.-bulletin {
}
.moduletable.-galerie {
}
.ba-gallery {
}
.nspArt .tcenter {
	display:flex;
}

/*----------------------- module accès rapide -----------------------*/
.modrapide {
	padding:0 40px;
}
.largeur6 {
	margin: auto;
	max-width: 1200px;
}
.custom.-rapide > p {
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
}
.moduletable.-rapide {
	font-size:10px;
	text-transform:uppercase;
}
.btn.-rapide {
	color: #5f5b54;
	text-align: center;
	width: 70px;
}
.btn.-rapide1::before {
	content: url("/mairie/images/maville/acces-rapide/acces_01.jpg");
}
.btn.-rapide1:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_01b.jpg");
}
.btn.-rapide2::before {
	content: url("/mairie/images/maville/acces-rapide/acces_02.jpg");
}
.btn.-rapide2:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_02b.jpg");
}
.btn.-rapide3::before {
	content: url("/mairie/images/maville/acces-rapide/acces_03.jpg");
}
.btn.-rapide3:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_03b.jpg");
}
.btn.-rapide4::before {
	content: url("/mairie/images/maville/acces-rapide/acces_04.jpg");
}
.btn.-rapide4:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_04b.jpg");
}
.btn.-rapide5::before {
	content: url("/mairie/images/maville/acces-rapide/acces_05.jpg");
}
.btn.-rapide5:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_05b.jpg");
}
.btn.-rapide6::before {
	content: url("/mairie/images/maville/acces-rapide/acces_06.jpg");
}
.btn.-rapide6:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_06b.jpg");
}
.btn.-rapide7::before {
	content: url("/mairie/images/maville/acces-rapide/acces_07.jpg");
}
.btn.-rapide7:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_07b.jpg");
}
.btn.-rapide8::before {
	content: url("/mairie/images/maville/acces-rapide/acces_08.jpg");
}
.btn.-rapide8:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_08b.jpg");
}
.btn.-rapide9::before {
	content: url("/mairie/images/maville/acces-rapide/acces_09.jpg");
}
.btn.-rapide9:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_09b.jpg");
}

/*----------------------- module accès rapide 100 -----------------------*/
.custom.-rapide100 > p {
	display: flex;
	justify-content: space-around;
}
.moduletable.-rapide100 {
	font-size:10px;
	text-transform:uppercase;
}
.moduletable.-rapide100 a {
	color:#d6d1c8;
	padding:10px;
}
.moduletable.-rapide100 a:hover {
	color:#fff;
}
.btn100.-rapide {
	color: #5f5b54;
	text-align: center;
	width: 70px;
}
.btn100.-rapide1::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_01.jpg");
}
.btn100.-rapide1:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_01b.jpg");
}
.btn100.-rapide2::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_02.jpg");
}
.btn100.-rapide2:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_02b.jpg");
}
.btn100.-rapide3::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_03.jpg");
}
.btn100.-rapide3:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_03b.jpg");
}
.btn100.-rapide4::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_04.jpg");
}
.btn100.-rapide4:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_04b.jpg");
}
.btn100.-rapide5::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_05.jpg");
}
.btn100.-rapide5:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_05b.jpg");
}
.btn100.-rapide6::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_06.jpg");
}
.btn100.-rapide6:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_06b.jpg");
}
.btn100.-rapide7::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_07.jpg");
}
.btn100.-rapide7:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_07b.jpg");
}
.btn100.-rapide8::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_08.jpg");
}
.btn100.-rapide8:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_08b.jpg");
}
.btn100.-rapide9::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_09.jpg");
}
.btn100.-rapide9:hover::before {
	content: url("/mairie/images/maville/acces-rapide/acces_100_09b.jpg");
}

/*----------------------- module newsletter -----------------------*/
.modnewsletter {
	/*background: #5f5b54 url("../images/fond-newsletter.jpg") no-repeat scroll right center;*/
	background-image:url("../images/fond-newsletter.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-position:center right;
	color:#d6d1c8;
	padding:0 20px;
}
.largeur7 {
	margin: auto;
	max-width: 1200px;
}
.moduletable.-newsletter > div {
	text-align:center;
}
.bfPage {
	display: flex;
	flex-flow: column nowrap;
	margin: auto;
	max-width: 400px;
	place-items: flex-end;
}
.form-actions {
}

/*----------------------- module carte Google -----------------------*/
.modcarte {
	background-color: #96b030;
	padding: 50px;
}
.largeur8 {
}
.moduletable.-carte {
	height: 300px;
	border-radius: 0 150px 150px;
	overflow: hidden;
	box-shadow: rgba(255,255,255,0.2) 0 0 0 50px, rgba(255,255,255,0.2) 0 0 0 10px;
}

/*----------------------- module plan du site -----------------------*/
.modplan {
	background-color: #96b030;
	padding:0 40px;
}
.largeur9 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
}
.moduletable.-plan {
	padding: 40px 0;
}
.moduletable.-plan a {
	color: #fff;
	background-color: inherit;
}
.moduletable.-plan a:hover {
	color: #667d0c;
	background-color: #fff;
}
.moduletable.-plan > h3 {
	color: #667d0c;
	font-weight: bold;
	font-size: 24px;
}
.moduletable.-plan li {
	color: #667d0c;
	padding: 3px 0;
}
.moduletable.-plan li.current {
	color:#000;
}
.moduletable.-plan li.current a {
	color:#000;
}

/*----------------------- module tags populaires -----------------------*/
.tagspopular.-tags > ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.tagspopular.-tags li {
	list-style-type: none;
}
.tagspopular.-tags a {
	background-color: #5f5b54;
	border-radius: 3px;
	color: #d6d1c8;
	font-size: 10px;
	margin: 2px 5px;
	padding: 5px 20px;
	text-transform: uppercase;
}
.tagspopular.-tags a:hover {
	color:#fff;
}

/*----------------------- module météo locale -----------------------*/
.gkwMainRight h2 {
	font-size: 30px;
	font-weight: 700;
	margin: 4px 0;
}

/*----------------------- footer -----------------------*/
footer {
	color: #fff;
	padding: 0 40px 40px;
	background: url(../images/fond_dienville_02.jpg) no-repeat bottom;
	background-size: cover;
	border-radius: 0 0 10px 10px;
}
.pieddepage {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
}
.pieddepage a img {
	background-color: inherit;
	color:#aa4e00;
	border-radius: 0;
	padding: 0;
}
.moduletable.-informations {
}
.moduletable.-informations > h3 {
	margin-bottom: 10px;
}
.custom.-informations > h3 {
	margin-top: 0;
}

.moduletable.-carte > h3,
.moduletable.-infosfooter > h3,
.moduletable.-contactfooter > h3 {
	font-family: "Open Sans Condensed",sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	text-align:center;
}
.moduletable.-infosfooter a {
	background-color: #fff;
	color:#aa4e00;
	border-radius: 2px;
	padding: 0 6px;
}
.moduletable.-infosfooter a:hover {
	background-color: #aa4e00;
	color:#fff;
	border-bottom:none;
}
.enviedunsite {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	text-align: center;
}
.enviedunsite a {
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	display: inline-block;
}
.enviedunsite a:hover {
	background-color: #96b030;
	color: #fff;
}
.moduletable.-enviedunsite {
	padding: 40px 0 0;
}
.moduletable.-switch {
	background-color:#fff;
	font-size:12px;
	text-align:center;
	padding:10px 0;
	display:block;
	width:100%;
}
.logomairiepied {
	font-size: 30px;
	font-weight: 100;
	letter-spacing: 0.2em;
	padding: 20px 0 0;
	text-transform: uppercase;
}
.logomavillepied {
	font-weight: 700;
}
.forms-recaptcha {
	border-radius: 30px;
	overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------- page en liste - blog -----------------------*/
.derniermot {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}
.blog h2 {
	/*font-size:36px;
	margin-bottom:0;*/
}
.blog h2 a {
	text-decoration: none;
	color: #aa4e00;
	transition: all 0.3s ease-in-out 0s;
	background-color: inherit;
	padding: 0;
	border-radius: inherit;
}
.tableauactus {
}
.celluleactus{
	color: #8f1422;
	font-size: 14px;
	box-shadow: 2px 2px 6px #aaa inset;
	padding: 10px;
	width: 400px;
	text-transform:uppercase;
	background-color:#ddd;
}
.blog-pageile a:hover {
	border:none;
}
.pull-left {
	margin:9px 10px 10px 0;
}
.pull-left.item-image img,
.pull-none.item-image img {
	transition: all 0.3s ease-in-out 0s;
	width:100%;
}
.pull-left.item-image img:hover,
.pull-none.item-image img:hover {
	transform:scale(1.05) rotate(-2deg);
	box-shadow:0 3px 6px #444;
}
.bloglisteactu {
	align-items: center;
	background-color: #ddd;
	border-left: 10px solid #8f1422;
	border-radius: 5px;
	color: #8f1422;
	display: flex;
	font-size: 14px;
	justify-content: center;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 2px 2px 6px #aaa inset;
}
.blog-pageile,
.blog-pagechamp {
	padding: 20px 0 80px;
}
.pagination {
	padding: 20px 0;
}
.pagination > ul {
	padding: 0;
	text-align: center;
}
.pagination li {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	list-style-type: none;
	margin: 5px 10px;
}
.pagination-start .pagenav,
.pagination-prev .pagenav,
.pagination-next .pagenav,
.pagination-end .pagenav {
	display:none;
	background-color: #1e1e1e;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
	text-transform: uppercase;
	width:auto;
	height:auto;
}
.hasTooltip.pagenav,
a.pagenav {
	background-color: #8f1422;
	border-bottom:none;
	color: #fff;
}
.hasTooltip.pagenav:hover,
.pagenav:hover {
	background-color: #1e1e1e;
	border-bottom:none;
	color: #fff;
}
.pagenav {
	align-items: center;
	background-color: #1e1e1e;
	color:#fff;
	border-radius: 50%;
	display: flex;
	font-size: 16px;
	height: 36px;
	justify-content: center;
	width: 36px;
}
.blog,
.contact {
	flex:3 3 0;
	padding: 20px 0 40px;
}
.category-desc.clearfix {
	text-align:center;
}
.pull-none.item-image {
	float: left;
	padding: 0 20px 20px 0;
}
.pull-none.item-image img {
	width:480px;
}
.readmore {
	text-align: center;
	clear:both;
}
.readmore .btn {
	background-color: #667d0c;
	border-radius: 25px;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
	text-transform: uppercase;
}
.readmore .btn:hover {
	background-color: #96b030;
	border-bottom:none;
}

/*---------------------------------------------------------------*/
/*----------------------- page en article -----------------------*/
.article-info.muted {
	font-size: 14px;
	padding: 0;
}
.article-info-term {
	font-size: 12px;
	text-transform: uppercase;
}
.dropdown-menu li {
	display: inline-flex;
	font-size: 12px;
	padding: 0 5px;
	text-transform: uppercase;
}
ul.dropdown-menu {
	padding:0 40px 0 0;
}
ul.pager.pagenav {
	align-items: center;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: flex;
	height: auto;
	justify-content: center;
	padding: 0;
	width: 100%;
}
.pager.pagenav li {
	list-style-type: none;
	margin:0 2px;
}
.pager.pagenav li a {
	background-color: #aa4e00;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
	text-transform: uppercase;
}
.pager.pagenav li a:hover {
	background-color: #5f5b54;
	border-bottom:none;
}

/*---------------------------------------------------------------*/
/*----------------------- page contact -----------------------*/
.contact fieldset {
    border: none;
    max-width: 100%;
}
.contact input,
.contact textarea,
.contact.inputbox {
	font-family: "Roboto",sans-serif;
    background-color: #eee;
	border: medium none;
	border-radius: 5px;
	color: #888;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 10px;
}
.contact button {
	background-color: #8f1422;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-family: "Roboto",sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 10px 50px;
	text-transform: uppercase;
}
.contact button:hover {
    background-color: #1e1e1e;
	color: #fff;
}
#jform_contact_message {
	margin:0;
}
#jform_spacer-lbl {
	font-size: 12px;
	text-transform: uppercase;
}

/**********************************    divers    **********************************/
.pathway {
	color: #667d0c;
	background-color: #fff;
	border:none;
	padding:0 5px;
	border-radius:1px;
	font-weight: bold;
	transition: all 0.3s ease-in-out 0s;
}
.pathway:hover {
	font-weight:bold;
}
.clr6 {
    clear: both;
    visibility: hidden;
}
.search {
	padding: 80px 0;
}
.searchintro {
	clear:both;
}
.search > form {
	padding-bottom: 20px;
}
.colonnes {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
  	-moz-column-gap: 40px;
  	column-gap: 40px;
}
.boutonimg {
	padding: 0;
	margin: 0;
	background: none;
}
.boutonimg:hover {
	background: none;
}

/**********************************    tableaux    **********************************/
.tableau12 {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 4px 20px;
}
.tableau12 > div {
	border-bottom: solid 1px #96b030;
}
.tabasso {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-gap: 4px 20px;
}
.titre {
	text-align: center;
	grid-column: 1/3;
	background-color: #667d0c;
	padding: 10px;
	border-radius: 10px 10px 0 0;
	color: #fff;
}
.titre p {
	margin: 0;
}
.vert {
	background-color: #96b030;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.h100 {
	display: grid;
	align-content: center;
	justify-content: center;
	border-radius: 5px;
}
.tabasso {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-gap: 4px 20px;
	background-color: #96b030;
	color: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.asso2 {
	padding: 20px;
	display: grid;
	align-content: center;
	justify-content: center;
}