/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@400;700&display=swap');

@font-face {
    font-family: 'cooper_hewittlight';
    src: url('cooperhewitt-light-webfont.woff2') format('woff2'),
         url('cooperhewitt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body {
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	background-color: #fff;
	color: #192736;
	margin: 0;
}
a {
	text-decoration: none;
	color: #7dbee3;
	padding: 0 5px;
	/* border-radius: 5px; */
	transition: all 0.3s ease-in-out 0s;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #7dbee3;
}
a img {
    border: 0;
}
.blog-rdc01 a,
.item-page-rdc01 a {
	color: #2372b5;
}
.blog-rdc01 a:hover,
.item-page-rdc01 a:hover {
	background-color: #2372b5;
	color: #fff;
}
.blog-rdc02 a,
.item-page-rdc02 a {
	color: #f39150;
}
.blog-rdc02 a:hover,
.item-page-rdc02 a:hover {
	background-color: #f39150;
	color: #fff;
}
.blog-rdc03 a,
.item-page-rdc03 a {
	color: #aa82a7;
}
.blog-rdc03 a:hover,
.item-page-rdc03 a:hover {
	background-color: #aa82a7;
	color: #fff;
}
.blog-rdc04 a,
.item-page-rdc04 a {
	color: #f6ae35;
}
.blog-rdc04 a:hover,
.item-page-rdc04 a:hover {
	background-color: #f6ae35;
	color: #fff;
}
.blog-rdc05 a,
.item-page-rdc05 a {
	color: #adc764;
}
.blog-rdc05 a:hover,
.item-page-rdc05 a:hover {
	background-color: #adc764;
	color: #fff;
}
.blog-rdc06 a,
.item-page-rdc06 a {
	color: #537591;
}
.blog-rdc06 a:hover,
.item-page-rdc06 a:hover {
	background-color: #537591;
	color: #fff;
}
.blog-rdc07 a,
.item-page-rdc07 a {
	color: #debc2e;
}
.blog-rdc07 a:hover,
.item-page-rdc07 a:hover {
	background-color: #debc2e;
	color: #fff;
}
.container {
    width: 100%;
    height: 100%;
    margin: 0;
}
.moduletable-actus,
.moduletable-annuaire,
.moduletable-bulletin,
.moduletable-galerie,
.moduletable-rapide,
.moduletable-rapide100,
.moduletable-newsletter {
	padding: 10px 0 20px;
}
.blog h2::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #f1d134;
	margin-right: 10px;
	position: relative;
	top: 8px;
}
h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 100;
	/* text-transform: uppercase; 
	letter-spacing: 0.1em;*/
	color: #a4a3a3;
}
h2 {
	width: fit-content;
}
h2::first-letter,
h3::first-letter,
h4::first-letter {
	text-transform: uppercase;
}
.moduletable-actus h2 {
	color: #f1d134;
}
.moduletable-contact h2 {
	text-align: center;
}
.moduletable-actus > h3,
.moduletable-annuaire > h3,
.moduletable-agenda > h3,
.moduletable-bulletin > h3,
.moduletable-galerie > h3,
.moduletable-rapide > h3,
.moduletable-rapide100 > h3,
.moduletable-newsletter > h3,
.moduletable-plan > h3,
.moduletable-informations > h3,
.custom-informations > h3,
.moduletable-horaires > h3,
.moduletable-meteo > h3,
.moduletable-marches > h3,
.moduletable-contact > h3 {
	font-size: 28px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing:0.2em;
}
.moduletable-actus > h3 {
	margin-bottom: 0;
	color: #f1d134;
}
.moduletable-agenda > h2,
.moduletable-bulletin > h2,
.moduletable-galerie > h2 {
	color: #2a5079;
}
.moduletable-informations > h2,
.moduletable-tags > h2,
.moduletable-meteo > h2,
.moduletable-marches > h2,
.moduletable-contact > h2 {
	color: #7dbee3;
}

.blog h4::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #c1431d;
	margin-right: 10px;
	position: relative;
	top: 1px;
}
.blog h4 {
	color: #c1431d;
	font-size: 22px;
	font-weight: normal;
}
.blog h5::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #2a5079;
	margin-right: 10px;
}
.blog h5 {
	color: #2a5079;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
	text-transform: uppercase;
}
.cat-children {
	text-transform: uppercase;
}
.cat-children h3 {
	font-size: 18px;
	border-bottom: solid 1px #ddd;
	margin-left: 40px;
}
.clearfix {
	clear: both;
}

/*----------------------- module entete logo + slider -----------------------*/
.lignetop {
	display: grid;
	grid-template-columns: 200px 400px auto;
	background-color: #000;
	align-items: center;
}
.moduletable-accueiltop {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin: 0;
	padding: 0;
}
.moduletable-accueiltop p {
	margin: 0;
}
.moduletable-accueiltop a {
	padding: 8px 20px;
	display: block;
	color: #f6ae35;
}
.moduletable-accueiltop a:hover {
	background-color : #f6ae35;
	color: #fff;
}
.moduletable-recherche .inputbox.search-query {
	font-size: 12px;
	letter-spacing: 0.12em;
	padding: 6px 8px;
	border-bottom: solid 4px #ccc;
	background-color: #444;
	color: #ccc;
	border-radius: 0;
}
.moduletable-adressetop {
	color: #fff;
	text-align: right;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	margin: 0;
	padding: 5px 20px;
}
.moduletable-adressetop p {
	padding: 0;
	margin: 0;
}

/*----------------------- module bande top logo + informations -----------------------*/
/*----------------------- module recherche -----------------------*/
.highlight {
	border-bottom: solid 4px #debc2e;
	color: #debc2e;
}
.form-limit, .counter {
	display: none;
}
.btn-toolbar {
	display: grid;
	grid-template-columns: 216px 140px;
	align-items: end;
}
#search-searchword {
	background-color: #debc2e;
	color: #666;
	border-bottom: solid 4px #666;
	width: 200px;
}
.search .btn {
	padding: 12px 40px;
	color: #666;
	border-bottom: solid 4px;
	background-color: #eee;
}
.search .btn:hover {
	background-color: #666;
	color: #fff;
}
.search-results {
	margin: 0;
}
.result-title {
	padding-top: 20px;
}
.result-text {
	padding-bottom: 10px;
	border-bottom: dotted 1px #debc2e;
}

/*----------------------- module menu -----------------------
.modmenutop {
	background-color: #2a5079;
}
.largeurmenutop {
	display: flex;
	align-items: center;
	margin: auto;
	max-width: 1200px;
}
.moduletable-menu {
	width: 100%;
}*/
.moduletable-interne {
	max-width: 1200px;
	margin: auto;
}
.dj-megamenu-wrapper {
	max-width: 1200px;
	margin: auto;
}
/*.fa-caret-right::before {
	content: url("https://www.enviedunsite.fr/rdc/templates/riviere-de-corps-2021/images/rectangle-01.svg");
	width: 28px;
	height: auto;
	display: block;
}
*/
.moduletable-menuactus1,
.moduletable-menuactus2,
.moduletable-menuactus3,
.moduletable-menuactus4,
.moduletable-menuactus5,
.moduletable-menuactus6 {
	padding: 0 0 20px;
	font-size: 14px;
}
.moduletable-menuactus1 h3,
.moduletable-menuactus2 h3,
.moduletable-menuactus3 h3,
.moduletable-menuactus4 h3,
.moduletable-menuactus5 h3,
.moduletable-menuactus6 h3 {
	margin: 12px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.moduletable-menuactus1 .readon-button-wrap,
.moduletable-menuactus2 .readon-button-wrap,
.moduletable-menuactus3 .readon-button-wrap,
.moduletable-menuactus4 .readon-button-wrap,
.moduletable-menuactus5 .readon-button-wrap,
.moduletable-menuactus6 .readon-button-wrap {
	text-align: right;
}
.moduletable-menuactus1 .readon-button,
.moduletable-menuactus2 .readon-button,
.moduletable-menuactus3 .readon-button,
.moduletable-menuactus4 .readon-button,
.moduletable-menuactus5 .readon-button,
.moduletable-menuactus6 .readon-button {
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 3px 5px;
	border-radius: 3px;
}
.moduletable-menuactus1 .readon-button {
	background-color: #2372b5;
	color: #fff;
}
.moduletable-menuactus2 .readon-button {
	background-color: #f39150;
	color: #fff;
}
.moduletable-menuactus3 .readon-button {
	background-color: #aa82a7;
	color: #fff;
}
.moduletable-menuactus4 .readon-button {
	background-color: #f6ae35;
	color: #fff;
}
.moduletable-menuactus5 .readon-button {
	background-color: #adc764;
	color: #fff;
}
.moduletable-menuactus6 .readon-button {
	background-color: #537591;
	color: #fff;
}


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

/*----------------------- module fil ariane -----------------------*/
.moduletable-ariane1 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #2372b5;
}
.breadcrumb-ariane1 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane1 > li {
	display: inline-flex;
	list-style-type: none;
	color: #2372b5;
}
.breadcrumb-ariane1 li.active {
	color:#2372b5;
}
.moduletable-ariane1 .pathway {
	color: #2372b5;
}
.moduletable-ariane1 .pathway:hover {
	background-color: #2372b5;
	color: #fff;
}
.moduletable-ariane2 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #f39150;
}
.breadcrumb-ariane2 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane2 > li {
	display: inline-flex;
	list-style-type: none;
	color: #f39150;
}
.breadcrumb-ariane2 li.active {
	color:#f39150;
}
.moduletable-ariane2 .pathway {
	color: #f39150;
}
.moduletable-ariane2 .pathway:hover {
	background-color: #f39150;
	color: #fff;
}
.moduletable-ariane3 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #aa82a7;
}
.breadcrumb-ariane3 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane3 > li {
	display: inline-flex;
	list-style-type: none;
	color: #aa82a7;
}
.breadcrumb-ariane3 li.active {
	color:#aa82a7;
}
.moduletable-ariane3 .pathway {
	color: #aa82a7;
}
.moduletable-ariane3 .pathway:hover {
	background-color: #aa82a7;
	color: #fff;
}
.moduletable-ariane4 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #f6ae35;
}
.breadcrumb-ariane4 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane4 > li {
	display: inline-flex;
	list-style-type: none;
	color: #f6ae35;
}
.breadcrumb-ariane4 li.active {
	color:#f6ae35;
}
.moduletable-ariane4 .pathway {
	color: #f6ae35;
}
.moduletable-ariane4 .pathway:hover {
	background-color: #f6ae35;
	color: #fff;
}
.moduletable-ariane5 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #adc764;
}
.breadcrumb-ariane5 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane5 > li {
	display: inline-flex;
	list-style-type: none;
	color: #adc764;
}
.breadcrumb-ariane5 li.active {
	color:#adc764;
}
.moduletable-ariane5 .pathway {
	color: #adc764;
}
.moduletable-ariane5 .pathway:hover {
	background-color: #adc764;
	color: #fff;
}
.moduletable-ariane6 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #537591;
}
.breadcrumb-ariane6 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane6 > li {
	display: inline-flex;
	list-style-type: none;
	color: #537591;
}
.breadcrumb-ariane6 li.active {
	color:#537591;
}
.moduletable-ariane6 .pathway {
	color: #537591;
}
.moduletable-ariane6 .pathway:hover {
	background-color: #537591;
	color: #fff;
}
.moduletable-ariane7 {
	/* background-color: #2372b5; */
	max-width: 1200px;
	margin: auto;
	border-bottom: solid 1px #debc2e;
}
.breadcrumb-ariane7 {
	font-size: 12px;
	margin: auto;
	padding: 10px 0;
	text-transform: uppercase;
	max-width: 1200px;
}
.breadcrumb-ariane7 > li {
	display: inline-flex;
	list-style-type: none;
	color: #debc2e;
}
.breadcrumb-ariane7 li.active {
	color:#debc2e;
}
.moduletable-ariane7 .pathway {
	color: #debc2e;
}
.moduletable-ariane7 .pathway:hover {
	background-color: #debc2e;
	color: #fff;
}


/*======================= ARTICLE principal =======================*/
.blocprincipal {
	padding: 140px 0 0 0;
	max-width: 1200px;
	margin: auto;
}
.main {
	display: grid;
	grid-template-columns: 1fr minmax(min-content, 400px);
	grid-column-gap: 40px;
}
.clr6 {
	clear: both;
}
.moduletable-filactus h3 {
	margin-top: 0;
}
.blog-rdc01 h2 a,
.blog-rdc02 h2 a,
.blog-rdc03 h2 a,
.blog-rdc04 h2 a,
.blog-rdc05 h2 a,
.blog-rdc06 h2 a,
.item-page-rdc01 h2,
.item-page-rdc02 h2,
.item-page-rdc03 h2,
.item-page-rdc04 h2,
.item-page-rdc05 h2,
.item-page-rdc06 h2 {
	font-weight: 400;
	font-size: 32px;
	padding: 0 5px;
	border: none;
}
.blog-rdc01 h2 a,
.item-page-rdc01 h2 {
	color: #fff;
	background-color: #2372b5;
	padding: 0 10px;
}
.blog-rdc01 h2 a:hover {
	color: #2372b5;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc02 h2 a,
.item-page-rdc02 h2 {
	color: #fff;
	background-color: #f39150;
	padding: 0 10px;
}
.blog-rdc02 h2 a:hover {
	color: #f39150;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc03 h2 a,
.item-page-rdc03 h2 {
	color: #fff;
	background-color: #aa82a7;
	padding: 0 10px;
}
.blog-rdc03 h2 a:hover {
	color: #aa82a7;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc04 h2 a,
.item-page-rdc04 h2 {
	color: #fff;
	background-color: #f6ae35;
	padding: 0 10px;
}
.blog-rdc04 h2 a:hover {
	color: #f6ae35;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc05 h2 a,
.item-page-rdc05 h2 {
	color: #fff;
	background-color: #adc764;
	padding: 0 10px;
}
.blog-rdc05 h2 a:hover {
	color: #adc764;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc06 h2 a,
.item-page-rdc06 h2 {
	color: #fff;
	background-color: #537591;
	padding: 0 10px;
}
.blog-rdc06 h2 a:hover {
	color: #537591;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
.blog-rdc07 h2 a,
.item-page-rdc07 h2,
.osmap-items h2 {
	color: #fff;
	background-color: #debc2e;
	padding: 0 10px;
	transition: all 0.3s ease-in-out 0s;
}
.blog-rdc07 h2 a:hover,
.osmap-items h2:hover {
	color: #debc2e;
	background-color: #fff;
	padding-left: 20px;
	border-left: solid 5px;
}
h4 {
	font-size: 24px;
	font-weight: 700;
}
hr {
	border-bottom: dotted 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.blog-rdc01 h4,
.blog-rdc01 hr,
.blog-rdc01 li::marker,
.item-page-rdc01 h4,
.item-page-rdc01 hr,
.item-page-rdc01 li::marker {
	color: #2372b5;
}
.blog-rdc02 h4,
.blog-rdc02 hr,
.blog-rdc02 li::marker,
.item-page-rdc02 h4,
.item-page-rdc02 hr,
.item-page-rdc02 li::marker {
	color: #f39150;
}
.blog-rdc03 h4,
.blog-rdc03 hr,
.blog-rdc03 li::marker,
.item-page-rdc03 h4,
.item-page-rdc03 hr,
.item-page-rdc03 li::marker {
	color: #aa82a7;
}
.blog-rdc04 h4,
.blog-rdc04 hr,
.blog-rdc04 li::marker,
.item-page-rdc04 h4,
.item-page-rdc04 hr,
.item-page-rdc04 li::marker {
	color: #f6ae35;
}
.blog-rdc05 h4,
.blog-rdc05 hr,
.blog-rdc05 li::marker,
.item-page-rdc05 h4,
.item-page-rdc05 hr,
.item-page-rdc05 li::marker {
	color: #adc764;
}
.blog-rdc06 h4,
.blog-rdc06 hr,
.blog-rdc06 li::marker,
.item-page-rdc06 h4,
.item-page-rdc06 hr,
.item-page-rdc06 li::marker {
	color: #537591;
}
.blog-rdc01 .btn,
.blog-rdc02 .btn,
.blog-rdc03 .btn,
.blog-rdc04 .btn,
.blog-rdc05 .btn,
.blog-rdc06 .btn {
	border-radius: 3px;
	transition: all 0.3s ease-in-out 0s;
}
.blog-rdc01 .btn {
	color: #fff;
	background-color: #2372b5;
}
.blog-rdc01 .btn:hover {
	color: #fff;
	background-color: #2372b5;
}
.blog-rdc02 .btn {
	color: #fff;
	background-color: #f39150;
}
.blog-rdc02 .btn:hover {
	color: #fff;
	background-color: #f39150;
}
.blog-rdc03 .btn {
	color: #fff;
	background-color: #aa82a7;
}
.blog-rdc03 .btn:hover {
	color: #fff;
	background-color: #aa82a7;
}
.blog-rdc04 .btn {
	color: #fff;
	background-color: #f6ae35;
}
.blog-rdc04 .btn:hover {
	color: #fff;
	background-color: #f6ae35;
}
.blog-rdc05 .btn {
	color: #fff;
	background-color: #adc764;
}
.blog-rdc05 .btn:hover {
	color: #fff;
	background-color: #adc764;
}
.blog-rdc06 .btn {
	color: #fff;
	background-color: #537591;
}
.blog-rdc06 .btn:hover {
	color: #fff;
	background-color: #537591;
}
.blog-rdc07 .btn {
	color: #fff;
	background-color: #debc2e;
}
.blog-rdc07 .btn:hover {
	color: #fff;
	background-color: #debc2e;
}
.blog-rdc01 .items-row {
	border-bottom: dotted 1px #2372b5;
	display: grid;
}
.blog-rdc02 .items-row {
	border-bottom: dotted 1px #f39150;
	display: grid;
}
.blog-rdc03 .items-row {
	border-bottom: dotted 1px #aa82a7;
	display: grid;
}
.blog-rdc04 .items-row {
	border-bottom: dotted 1px #f6ae35;
	display: grid;
}
.blog-rdc05 .items-row {
	border-bottom: dotted 1px #adc764;
	display: grid;
}
.blog-rdc06 .items-row {
	border-bottom: dotted 1px #537591;
	display: grid;
}
.blog-rdc07 .items-row {
	border-bottom: dotted 1px #debc2e;
	display: grid;
}
.pull-none.item-image a {
	padding: 0;
}
.img400 {
	width: 400px;
	height: auto;
}

/*----------------------- module actualités gk5 -----------------------*/
#nsp-filactus a {
	display: block;
	padding: 0;
	color: #000;
}
#nsp-filactus a:hover {
}
#nsp-filactus h4 a {
	display: block;
	color: #a4a3a3;
}
#nsp-filactus h4 a:hover {
	background-color: #fff;
	color: #848283;
}
#nsp-filactus .nspArt h4.nspHeader {
	font-size: 30px !important;
	padding: 0 0 7px 0 !important;
	line-height: 1.2em;
}
#nsp-filactus h4 a::first-letter {
	text-transform: uppercase;
}
#nsp-filactus .nspArt p.nspText {
	font-family: 'cooper_hewittlight';
	text-transform: uppercase;
	letter-spacing: 0.1em !important;
	font-size: 18px !important;
	line-height: 1.2em;
}
#nsp-filactus .nspArt .nspInfo::before {
	content: '# ';
}
#nsp-filactus .nspArt .nspInfo {
	display: block !important;
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
	background-color: #ccc;
	color: #fff;
	padding: 3px 8px;
	border-radius: 3px;
	font-weight: bold;
}
#nsp-filactus .nspArt .nspInfo a {
	display: initial;
	color: #fff;
}
#nsp-filactus .nspArt .nspInfo a:hover {
	background-color: #ccc;
	color: #666;
}
#nsp-filactus .nspInfo.nspInfo1.tright.fright {
	margin: 0;
}
#nsp-filactus .nspCol1 {
	border-bottom: dotted 2px #d8d7d8;
}

/*----------------------- module agenda -----------------------*/
.colonne {
	max-width: 400px;
	margin: 0 auto;
}
.moduletable-agenda {
	/* background-color: rgba(0,0,0,0.15); */
	background: url(/images/agenda/fond-calendrier.jpg) center center no-repeat;
	background-size: cover;
	/*height: 320px;*/
	padding: 40px 0;
	transition: all 0.3s ease-in-out 0s;
}
.moduletable-agenda:hover {
	background-color: rgba(0,0,0,0.1);
}
.moduletable-agenda h3::before {
	content: url(/images/menu/calendar-alt-regular-2.svg);
	width: 40px;
	display: block;
	margin: auto;
}
.moduletable-agenda h3 {
	text-align: center;
	margin: 0 0 20px;
	/*color: #fff;
	letter-spacing: 0.1em;*/
}
#nsp-agenda {
	background-color: rgba(255,255,255,0.8);
}
#nsp-agenda .nspHeader.tright.fnull {
	border-bottom: dotted 2px #d8d7d8;
	font-size: 14px;
	padding: 0;
}
#nsp-agenda .nspInfo.nspInfo1.tright.fleft {
	font-size: 12px;
	font-weight: 700;
	margin: 10px 20px 0 40px;
}
#nsp-agenda a {
	padding: 8px 40px 10px;
	display: block;
	color: #848283;
}
#nsp-agenda a:hover {
	background-color: rgba(0,0,0,0.03);
	color: #7dbee3;
}

#dj-megamenu129 {
	
}
#dj-megamenu129 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0;
	margin: 0;
}
#dj-megamenu129 li {
	display: flex;
	text-align: center;
}
#dj-megamenu129 li a {
	width: 108px;
	height: 200px;
	padding: 0 46px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}
.supp1 {
	background-color: #d8d7d8;
	color: #fff;
}
.supp1:hover {
	background-color: #debc2e;
}
.supp2 {
	background-color: #bebdbe;
	color: #fff;
}
.supp2:hover {
	background-color: #429488;
}
.supp3 {
	background-color: #848283;
	color: #fff;
}
.supp3:hover {
	background-color: #982948;
}
.supp4 {
	background-color: #a4a3a3;
	color: #fff;
}
.supp4:hover {
	background-color: #a3d4dc;
}
.moduletable-supp .fa, .moduletable-supp .fas {
	display: block !important;
	padding-bottom: 10px !important;
}

.moduletable-suppcarres {
	text-align: center;
	text-transform: uppercase;
}
.moduletable-suppcarres p {
	margin: 0;
}
.moduletable-suppcarres a {
	display: flex;
	height: 198px;
	width: 198px;
	padding: 0;
	align-items: center;
	justify-content: space-around;
	border: solid 1px #999;
	color: #fff;
}
.carre01 a {
	background-color: #c3c3c3;
}
.carre01 a:hover {
	background-color: #debc2e;
}
.carre02 a {
	background-color: #999;
}
.carre02 a:hover {
	background-color: #666;
}
.carre03 a {
	background-color: #a5a5a5;
}
.carre03 a:hover {
	background-color: #429488;
}
.carre04 a {
	background-color: #B8B8B8;
}
.carre04 a:hover {
	background-color: #982948;
}
.carre05 a {
	background-color: #7D7D7D;
}
.carre05 a:hover {
	background-color: #a3d4dc;
}
.carre06 a {
	background-color: #292929;
}
.carre06 a:hover {
	background-color: #666;
}


/*----------------------- module ligne bas -----------------------*/
.moduletable-ligne0 {
	background-color: #000;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne1 {
	background-color: #2372b5;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne2 {
	background-color: #f39150;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne3 {
	background-color: #aa82a7;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne4 {
	background-color: #f6ae35;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne5 {
	background-color: #adc764;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne6 {
	background-color: #537591;
	height: 40px;
	margin-top: 80px;
}
.moduletable-ligne7 {
	background-color: #debc2e;
	height: 40px;
	margin-top: 80px;
}


/*----------------------- module plan du site -----------------------*/
.modplan {
	background-color: #d6d1c8;
	padding:0 20px;
}
.largeur9 {
	display: flex;
	justify-content: space-between;
	margin: auto;
	max-width: 1200px;
	flex-wrap:wrap;
}
.moduletable-plan {
	/* align-self: flex-end; */
	font-size: 14px;
	padding-bottom: 20px;
	max-width: 25%;
}
.moduletable-plan a {
	color:#fff;
}
.moduletable-plan a:hover {
	color:#000;
}
.moduletable-plan > h3 {
}
.moduletable-plan li {
	list-style-type:square;
}
.moduletable-plan li.current {
	color:#000;
}
.moduletable-plan li.current a {
	color:#000;
}



/*----------------------- footer -----------------------*/
footer {
	background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	color: #fff;
	font-size: 18px;
	padding: 60px 20px 60px;
	background-color: #282828;
	background-size: 16px 16px;
}
.moduletable-horaires a {
	color: #f6ae35;
}
.moduletable-horaires a:hover {
	background-color: inherit;
	color: #f6ae35;
	padding: 0 0 0 20px;
}
.moduletable-contact h3 {
	text-align: center;
}
.moduletable-informations {
	text-align: right;
}
.moduletable-informations h3 {
	text-align: right;
}
.pieddepage {
	display: grid;
	margin: auto;
	max-width: 1200px;
	grid-template-columns: 1fr 350px 1fr;
	grid-column-gap: 40px;
}
.pieddepage a img {
	background-color: inherit;
	color:#aa4e00;
	border-radius: 0;
	padding: 0;
}
.moduletable-enviedunsite {
	grid-row: 2;
	grid-column: 1 / span 3;
	text-align: center;
	font-size: 12px;
	border-top: solid 1px #a4a3a3;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.moduletable-enviedunsite p {
	margin: 0;
}
.moduletable-enviedunsite a {
	padding: 10px 20px;
	color: #a4a3a3;
	display: block;
}
.moduletable-enviedunsite a:hover {
	background-color: inherit;
	color: #f6ae35;
}


/*--------------------------------------------------------------------*/
/*----------------------- page en liste - blog -----------------------*/
.blog h2 {
	font-size:32px;
	margin-bottom:0;
	line-height: 1.2em;
}
.blog h2 a {
	font-weight: 400;
	font-size: 32px;
	padding: 0 5px;
}
.blog h2 a:hover {
}
.pull-left.item-image img {
	max-width: 150px;
	margin-right: 20px;
}
.items-row {
	border-bottom: dotted 1px #999;
	display: grid;
}




/*---------------------------------------------------------------*/
/*----------------------- page en article -----------------------*/
.pull-none.item-image img {
	max-width: 100%;
}

/*------------------------------------------------------------*/
/*----------------------- 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;
}


/**********************************    divers    **********************************/
.pathway {
	color: #fff;
	background: none;
	border: none;
	padding: 0 5px;
	border-radius: inherit;
	transition: all 0.3s ease-in-out 0s;
	font-weight: bold;
}
.pathway:hover {
	color: #2a5079;
}
input {
	font-size: 18px;
	padding: 5px;
	border: none;
	margin-bottom: 20px;
}
textarea, .inputbox {
	border-radius: 0;
	cursor: text;
	font-size: 18x;
	margin: 0;
	padding: 8px;
	background-color: #2a5079;
	color: #7dbee3;
}
button, .btn {
	background-color: #2a5079;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	/*margin: 10px;*/
	padding: 10px 60px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
}
button:hover {
	background-color: #7dbee3;
}
.readmore {
	text-align: center;
}
.clr6 {
    clear: both;
    visibility: hidden;
}
.search {
	padding: 10px 0;
}
.searchintro {
	clear:both;
}
.search > form {
	padding-bottom: 20px;
}

/*----------------------- accordeon -----------------------*/
.st-accordion139 > ul {
	padding: 0;
	list-style-type: none;
}
.st-content ul {
	/*margin: 0 !important;*/
	padding: revert !important;
}
.st-content ul li {
	overflow: inherit !important;
	list-style-type: inherit !important;
	height: auto !important;
	margin: 0 !important;
}
.st-content ul li a {
	display: initial !important;
	position: initial !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background: none !important;
	padding: 0 5px !important;
	border-radius: 0 !important;
	transition: all 0.3s ease-in-out 0s !important;
	color: #537591 !important;
	text-decoration: none !important;
}
.st-content ul li a:hover {
	background: #537591 !important;
	color: #fff !important;
}

/*----------------------- cookies -----------------------*/
#cookie_banner {
	z-index: 16777270;
}
#hob_feet_div {
	/*display: none;*/
	visibility: hidden;
}
#setting_btn {
	font-size: 12px !important;
	padding: 5px 20px !important;
	border-radius: 3px !important;
}

/*----------------------- Codes Couleur JCE -----------------------*/
.01-bleu {color:#2372b5}
.02-orange {color:#f39150}
.03-mauve {color:#aa82a7}
.04-jaune {color:#f6ae35}
.05-vert {color:#adc764}
.06-bleu {color:#537591}
.commission-01 {color:#a5344b}
.commission-02 {color:#aa81a7}
.commission-03 {color:#f39150}
.commission-04 {color:#adc764}
.commission-05 {color:#288063}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*==============================================================*/
/*----------------------- width < 1200px -----------------------*/
/*==============================================================*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (max-width: 1200px) {

html, body {
	font-size: 16px;
}

/*----------------------- top -----------------------*/
.lignetop {
	grid-template-columns: 1fr;
	padding-bottom: 10px;
}
.moduletable-adressetop {
	text-align: center;
	grid-row: 1;
	font-size: 10px;
	padding: 10px 0;
}
.moduletable-accueiltop {
	display: none;
}
.moduletable-recherche {
	text-align: right;
	padding: 0 20px;
}
#search-searchword {
	width: 160px;
}

/*----------------------- offcanvas menu -----------------------*/
/*--------- offcanvas bouton ---------*/
#dj-megamenu95mobile {
	font-size: 22px;
}
.moduletable-menumobile {
	background-color: #000;
	position: fixed;
	top: 48px;
	left: 15px;
	z-index: 1000;
}
.dj-mobile-open-btn::after {
	content: 'MENU';
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: -4px;
	padding: 10px;
	letter-spacing: 0.12em;
}
.dj-mobile-open-btn {
	padding: 0 5px;
	color: #f6ae35;
}
.dj-mobile-open-btn:hover {
	background-color: #f6ae35;
}

ul.dj-mobile-light li.dj-mobileitem > a {
	text-transform: uppercase;
}
ul.dj-mobile-light .withsubtitle.withimage:hover .html-after,
ul.dj-mobile-light ul li.dj-mobileitem.active .html-after {
	color: #fff;
}
ul.dj-mobile-light .withsubtitle.withimage.lien1,
ul.dj-mobile-light .withsubtitle.withimage.lien2,
ul.dj-mobile-light .withsubtitle.withimage.lien3,
ul.dj-mobile-light .withsubtitle.withimage.lien4,
ul.dj-mobile-light .withsubtitle.withimage.lien5,
ul.dj-mobile-light .withsubtitle.withimage.lien6 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
ul.dj-mobile-light .withsubtitle.withimage.lien1 {
	color: #2372b5;
}
ul.dj-mobile-light .withsubtitle.withimage.lien1:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien1 {
	color: #fff;
	background-color: #2372b5;
}
ul.dj-mobile-light .withsubtitle.withimage.lien2 {
	color: #f39150;
}
ul.dj-mobile-light .withsubtitle.withimage.lien2:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien2 {
	color: #fff;
	background-color: #f39150;
}
ul.dj-mobile-light .withsubtitle.withimage.lien3 {
	color: #aa82a7;
}
ul.dj-mobile-light .withsubtitle.withimage.lien3:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien3 {
	color: #fff;
	background-color: #aa82a7;
}
ul.dj-mobile-light .withsubtitle.withimage.lien4 {
	color: #f6ae35;
}
ul.dj-mobile-light .withsubtitle.withimage.lien4:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien5 {
	color: #fff;
	background-color: #f6ae35;
}
ul.dj-mobile-light .withsubtitle.withimage.lien5e {
	color: #adc764;
}
ul.dj-mobile-light .withsubtitle.withimage.lien5:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien5 {
	color: #fff;
	background-color: #adc764;
}
ul.dj-mobile-light .withsubtitle.withimage.lien6 {
	color: #537591;
}
ul.dj-mobile-light .withsubtitle.withimage.lien6:hover,
ul.dj-mobile-light ul li.dj-mobileitem.active > a.lien6 {
	color: #fff;
	background-color: #537591;
}


/*--------- offcanvas menu custom ---------*/
.dj-offcanvas-light .dj-offcanvas-logo {
	padding: 10px;
	width: 100px;
	margin: auto;
}
.dj-offcanvas-logo a {
	padding: 0;
}
.dj-offcanvas-logo a:hover {
}
.dj-offcanvas-content .dj-icon {
	width: 24px;
}
.dj-offcanvas-content ul {
	list-style-type: none;
	padding: 0 20px;
}
.withsubtitle {
	display: block;
}
.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
	font-size: 24px;
	background: #000;
	color: #f6ae35;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
	background: #f6ae35;
	color: #000;
}
/*ul.dj-mobile-dark li.dj-mobileitem > a.withsubtitle img, ul.dj-mobile-dark li.dj-mobileitem > a.withsubtitle i {
	width: 24px;
}*/
.image-title {
	display: block;
}

/*----------------------- fil d'ariane -----------------------*/
.moduletable-ariane1,
.moduletable-ariane2,
.moduletable-ariane3,
.moduletable-ariane4,
.moduletable-ariane5,
.moduletable-ariane6 {
	display: none;
}

/*----------------------- main -----------------------*/
.blocprincipal {
	padding: 0;
}
.main {
	grid-template-columns: 1fr;
}
.textecentral {
	padding: 40px 20px;
}
.moduletable-filactus {
	/*padding: 0 20px;*/
	margin-bottom: 80px;
}
.moduletable-filactus h3 {
	margin: 0;
}
h1, h2, h3 {
	font-size: 24px;
}
#nsp-filactus .nspArts.bottom {
	padding: 0;
}
#nsp-filactus .nspArt h4.nspHeader {
	font-size: 24px !important;
}
#nsp-filactus .nspArt p.nspText {
	font-size: 16px !important;
}
#nsp-filactus .nspArt .nspInfo {
	font-size: 9px;
}
#nsp-filactus .nspHeader.tleft.fnull {
	float: left;
	width: 100%;
}
#nsp-filactus .nspText.tleft.fnull {
	float: left;
	width: 100%;
}
#nsp-filactus .nspImageWrapper {
	margin: 0 !important;
}
#nsp-filactus .nspImageWrapper:hover {
	background-color: inherit;
}
.moduletable-agenda {
	height: auto;
}
#nsp-agenda .nspArts, .nspLinksWrap {
	padding: 0 !important;
}
#nsp-agenda a {
	padding: 8px 20px 10px !important;
}
#nsp-agenda .nspInfo.nspInfo1.tright.fleft {
	margin: 10px 20px 0 !important;
}
.nspPagination {
	display: inherit;
}
.moduletable-supp li a {
	width: 100%;
	padding: 0 20px;
}
.blog-rdc01 h2 a, .blog-rdc02 h2 a, .blog-rdc03 h2 a, .blog-rdc04 h2 a, .blog-rdc05 h2 a, .blog-rdc06 h2 a, .item-page-rdc01 h2, .item-page-rdc02 h2, .item-page-rdc03 h2, .item-page-rdc04 h2, .item-page-rdc05 h2, .item-page-rdc06 h2 {
	font-size: 24px;
}
.moduletable-ligne0,
.moduletable-ligne1,
.moduletable-ligne2,
.moduletable-ligne3,
.moduletable-ligne4,
.moduletable-ligne5,
.moduletable-ligne6,
.moduletable-ligne7 {
	margin-top: 0;
}
.img400 {
	width: 100%;
	height: auto;
}

/*----------------------- footer -----------------------*/
footer {
	font-size: 16px;
	padding: 60px 20px 20px;
}
.pieddepage {
	grid-template-columns: 1fr;
}
.moduletable-horaires {
	text-align: center;
	grid-row: 3;
}
.moduletable-contact {
	grid-row: 1;
	max-width: 400px;
	margin: 0 auto;
}
.ba-form-page {
	padding: 0 !important;
}
.moduletable-informations {
	text-align: center;
	grid-row: 2;
}
.moduletable-informations h3 {
	text-align: center;
}
.moduletable-enviedunsite {
	grid-row: 4;
	grid-column: 1;
	font-size: 8px;
}


}