/* |||||||||||| GLOBAL |||||||||||||||||||*/ 

body {
	hyphens: auto;
}


.has-global-padding {
	padding:0;
}


/* ||||||||||||| Page accueil |||||||||||||*/



/* Zone en quelques mots */


.follow-us-link a {
	text-decoration:none !important;
}

.acc-style-page h2,
.acc-style-page p,
.group-text-style h2 {
	position:relative;
	left:0;
}

/* |||||||||| Style 1 : titre H2, zone derniers articles |||||||||| */


.desktop .col-1 h2::before,
.desktop .col-1 h2::after,
.mobile .col-1 h2::before,
.mobile .col-1 h2::after,
.group-text-style h2::before,
.group-text-style h2::after {
	position: absolute;
	content: "";
    background: transparent;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

 /* grand triangle */
.desktop .col-1 h2::before,
.mobile .col-1 h2::before,
.desktop .group-text-style h2::before,
.tablet .group-text-style h2::before,
.mobile .group-text-style h2::before {
    height: 24px;
    width: 24px;
	border-top: 5px solid #dc5467;
	border-right: 5px solid #dc5467;	
	z-index:1;
}

.desktop .col-1 h2::before,
.desktop .group-text-style h2::before {
	bottom: 8.5px;
	left:-10px;
}

.tablet .col-1 h2::before,
.tablet .group-text-style h2::before {
	bottom: 8.5px;
	left:-10px;
}

.mobile .col-1 h2::before,
.mobile .group-text-style h2::before {
	bottom: 8.5px;
	left:-10px;
}



 /* petit triangle */
 
.desktop .col-1 h2::after,
.mobile .col-1 h2::after,
.desktop .group-text-style h2::after,
.tablet .group-text-style h2::after,
.mobile .group-text-style h2::after { 
    height: 10px;
    width: 10px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	z-index:0;
}

.desktop .col-1 h2::after,
.desktop .group-text-style h2::after { 
	bottom: 16.30px;
	left: 20px;
}

.tablet .col-1 h2::after,
.tablet .group-text-style h2::after { 
	bottom: 16.30px;
	left: 20px;
}

.mobile .col-1 h2::after,
.mobile .group-text-style h2::after { 
	bottom: 16.30px;
	left: 20px;
}




/* |||||||||| Style 2 : Titre H2, découvrez nos fiches patrimoines |||||||||| */

.desktop .col-2 .block-1 h2::before,
.mobile .col-2 .block-1 h2::before {
	position: absolute;
	content: "";
    background: #cd1125;
    height: 13px;
    width: 13px;
	z-index:1;
}

.desktop .col-2 .block-1 h2::before {
	bottom: 12px;
	left:-18px;
	bottom: 21px;
}

.mobile .col-2 .block-1 h2::before {
	bottom: 12px;
	left:-15px;
	bottom: 12px;
}


/* rectangle noir & flèche blanche */

.col-2 .block-1 p::before,
.col-2 .block-1 p::after {
	position: absolute;
	content: "";
}

.col-2 .block-1 p::before {
    height: 25px;
    width: 20px;
	background: black;
	bottom: 2px;
	left:-30px;
	z-index:0;
	border-radius: 3px;
}


.col-2 .block-1 p::after { 
	height: 5px;
	width: 5px;
	background: black;
	border-top: 3px solid white;
	border-right: 3px solid white;
	bottom: 9px;
	left: -25px;
	z-index: 1;
	-ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.col-2 .block-1 p {
	box-shadow: inset 0 -0.4em 0 0px #fff019;
}

/* Style 3 : Titre H1, découvrez aussi l'affaire Pépiot */


.desktop .col-2 .block-2  h2::before,
.mobile .col-2 .block-2  h2::before {
	position: absolute;
	content: "";
    background: black;
    height: 13px;
    width: 13px;
	z-index:1;
}

.desktop .col-2 .block-2  h2::before {
	bottom: 21px;
	left:-15px;
}

.mobile .col-2 .block-2  h2::before {
	bottom: 16px;
	left:-18px;
}


/* |||||||||||||||||     hacures derrière le bandeau de photo     |||||||||||||| */


.img-acc-style {
	position:relative;
}


.img-acc-style::before {
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(37% 99%, 61% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 58%);
	content:'';
	position:absolute;
	width:100%;
	height:145px;
	bottom:0;
	left:0;
	z-index:-1;
}






/* ||||||||||||||||   **** BLOC **** 'Pages histoires'    ||||||||||||||||||||*/


/* background */

.bloc-dark-blue-background-acc::before {
	background: linear-gradient(-45deg, #cd1125 1.25%, #1c2c3d 1.25%, #1c2c3d 48.75%, #cd1125 48.75%, #cd1125 51.25%, #1c2c3d 51.25%, #1c2c3d 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0% 34%, 100% 1%, 100% 34%, 0 66%);
	content:'';
	position:absolute;
	width:100%;
	height:85px;
	top:0;
	left:0;
}

.bloc-dark-blue-background-acc {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 3.1%, 100% 0, 100% 99%, 0 100%);
}

.bloc-dark-blue-background-acc-mobile {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 0.5%, 100% 0, 100% 99.5%, 0 100%);
}

.bloc-dark-blue-background-acc-mobile::before {
	background: linear-gradient(-45deg, #cd1125 1.25%, #1c2c3d 1.25%, #1c2c3d 48.75%, #cd1125 48.75%, #cd1125 51.25%, #1c2c3d 51.25%, #1c2c3d 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0% 0.5%, 100% 1%, 100% 85%, 0 100%);
	content:'';
	position:absolute;
	width:100%;
	height:30px;
	top:0;
	left:0;
}


/**/






.bloc-dark-blue-background-acc .style-zone-hist {
	background: linear-gradient(-45deg, #cd1125 1.25%, #1c2c3d 1.25%, #1c2c3d 48.75%, #cd1125 48.75%, #cd1125 51.25%, #1c2c3d 51.25%, #1c2c3d 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	padding : 10px;
	display: inline-block;
}





/* ||||||||||| Zone jaune 'vous videz vos greniers'  ||||||||||||||||||| */


.background-call-banner {
	z-index:-1;
}

.background-call-banner,
.background-in-a-few-words {
	background: linear-gradient(-45deg, #cbc8a6 4%, #fef5af 4%, #fef5af 46%, #cbc8a6 46%, #cbc8a6 54%, #fef5af 54%, #fef5af 96%, #cbc8a6 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
}


.bloc-home-page,
.group-text-style {
	position:relative;
}


/* ||||||||||  Zone en quelques mots (zone jaune) ||||||||||| */




.txt-some-words-home {
	padding: 20px;
}


.background-in-a-few-words .desktop h2,
.background-in-a-few-words .mobile h2 {
	position:relative;
	left:0;
}


/* carré noir */


.background-in-a-few-words .desktop h2::before {
	position: absolute;
	content: "";
    background: black;
    height: 13px;
    width: 13px;
	bottom: 21px;
	left:-23px;
	z-index:1;
}



/* ||||||||||||||  PAGES |||||||||||||||||||||||*/



.lign-deco-haute-pages {
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	height:100%;
}









/*  |||||||||||||||| pages règlement intérieur & statut de l'association, bureau et conseil d'administration  |||||||||||| */


.list-niv1 ul,
.list-niv1 li,
.list-niv2 li {
	list-style:none;
}

.list-niv3 li {
padding-top: 20px;
}


.list-all {
	position:relative;
}


.list-all::before{
	background: linear-gradient(-45deg, #cd1125 1.25%, transparent 1.25%, transparent 48.75%, #cd1125 48.75%, #cd1125 51.25%, transparent 51.25%, transparent 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:'';
	position:absolute;
	width:64px;
	height:98.7%;
	top:-15px;
	left:0;
	z-index:-1;
}


.list-all.statut::before{
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:'';
	position:absolute;
	width:64px;
	height:98.5%;
	top:-15px;
	left:0;
	z-index:-1;
}


.modif-acts-lists {
	position:relative;
}

.modif-acts-lists p::before,
.modif-acts-lists p::after {
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:'';
	position:absolute;
	width:206px;
	height:16px;
	left:0;
	z-index:-1;
}

.modif-acts-lists p::before {
	top:-20px;
}

.modif-acts-lists p::after {
	bottom:-20px;
}

.modif-acts-lists.statut p::before,
.modif-acts-lists.statut p::after {
	background: linear-gradient(-45deg, #cd1125 1.25%, transparent 1.25%, transparent 48.75%, #cd1125 48.75%, #cd1125 51.25%, transparent 51.25%, transparent 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
}




.bck-composition {
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	height:100%;
	position:relative;
}


.bck-composition h2 {
	position:relative;
}

.bck-composition h2::after {
	position:absolute;
	content:'';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	border-radius:50%;
	width:217px;
	height:217px;
	top: -185px;
	left: 504px;
	opacity: 50%;
	z-index:10;
}


.group-photos {
	position:relative;
	width:1190px;
}

.photo-pg-statut-01,
.photo-pg-statut-02,
.photo-pg-statut-03 {
	position:relative;
}

.photo-pg-statut-01 {
	top:-105px;
	right:0;
}

.photo-pg-statut-03 {

}

.photo-pg-statut-01::after {
	position:absolute;
	content:'';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	border-radius:50%;
	width:237px;
	height:237px;
	top:38px;
	right: -138px;
	z-index:10;
}


.photo-pg-statut-02::after {
	position:absolute;
	content:'';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	width:38px;
	height:328px;
	top: -120px;
	left: -19px;
	z-index:10;
}



/* |||||||||||||||||| PAGE Toponymie ||||||||||||||||||||||| */



/* Titre H3, introduction page */

.intro-page h3 {
	position:relative;
	left:0;
}

.intro-page h3::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 46px;
    width: 46px;
	top: -17.5px;
	left:-25px;
	z-index:-1;
}


/* Titre H3 -> 'Hillion, quelle origine ?' */

.bloc-dark-blue-background-topo h3{
	box-shadow: inset 0 -0.4em 0 0px #172333;
	display: inline;
}

.group-bck-white h4::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 35%;
	width:100%;
	bottom: 0;
	left:0;
	z-index:-1;
}



/* Titre H3 -> autre */


.group-title-h3-h4 h3h4::before {
	position:relative;
}

.group-title-h3-h4 {
	position:relative;
}


.group-bck-white {
	position:relative;
	display:inline-block;
	margin-left:45px !important;
}

.group-bck-white h4  {
	display:inline;
}

.group-title-h3-h4 h3::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 35%;
	bottom: 0;
	left:0;
	z-index:-1;
}

.group-bck-white h4::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 35%;
	width:100%;
	bottom: 0;
	left:0;
	z-index:-1;
}



/* background -> 'Hillion, quelle origine ?' */

.bloc-dark-blue-background-topo::before {
	background: linear-gradient(-45deg, #ffec00 1.25%, #1c2c3d 1.25%, #1c2c3d 48.75%, #ffec00 48.75%, #ffec00 51.25%, #1c2c3d 51.25%, #1c2c3d 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0% 34%, 100% 1%, 100% 18%, 0 58%); */
	content:'';
	position:absolute;
	width:100%;
	height:20px;
	top:0;
	left:0;
}

.bloc-dark-blue-background-topo {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 3.1%, 100% 0, 100% 99%, 0 100%); */
}


.bloc-dark-blue-background-topo::after {
	background: linear-gradient(-45deg, #18546b 4%, white 4%, white 46%, #18546b 46%, #18546b 54%, white 54%, white 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0% 27%, 100% 13%, 100% 40%, 0 56%); */
	content:'';
	position:absolute;
	width:100%;
	height:20px;
	bottom:0;
	left:0;
}




/* bloc citations */


.citation-dark-bakground {
	background: linear-gradient(-45deg, #cd1125 1.25%, #1c2c3d 1.25%, #1c2c3d 48.75%, #cd1125 48.75%, #cd1125 51.25%, #1c2c3d 51.25%, #1c2c3d 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	position:relative;
}

.group-txt-topo {
	position:relative;	
}


.img-toponymie-origine {
	width: 221px;
	top: -60px;
	right: -150px;
	position: absolute;
	display: inline-block;
}



.citation-group {
	position:relative;
}


.citation-dark-bakground::before,
.citation-dark-bakground::after{
	font-size:4.5em;
	position:absolute;
	color: white;
	opacity: 35%;
}


.citation-dark-bakground::before{
	content: "\275D";
	top: 0;
	left: -62px;
}

.citation-dark-bakground::after{
	content: "\275E";
	bottom: 0;
	right: -42px;
}



.list-etimologie li {
	list-style: none;
}


.example-topo {
	background: linear-gradient(-45deg, #c9cfd6 1.25%, transparent 1.25%, transparent 48.75%, #c9cfd6 48.75%, #c9cfd6 51.25%, transparent 51.25%, transparent 98.75%, #c9cfd6 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	position:relative;
}


/* background 2 */

.bloc-dark-blue-background-topo-2::before {
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0% 21%, 100% -2%, 100% 4%, 0 53%); */
	content:'';
	position:absolute;
	width:100%;
	height:85px;
	top:0;
	left:0;
}

.bloc-dark-blue-background-topo-2 {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 3.1%, 100% 0, 100% 99%, 0 100%); */
}


.bloc-dark-blue-background-topo-2::after {
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	/* clip-path: polygon(0% 53%, 100% 12%, 100% 47%, 0 53%); */
	content:'';
	position:absolute;
	width:100%;
	height:20px;
	bottom:-20px;
	left:0;
}


.last-txt-topo {
	position:relative;
}


.last-txt-topo::before{
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:'';
	position:absolute;
	width:31px;
	height:100%;
	top:-15px;
	left:0;
	z-index:-1;
}







/* ||||||||||||| Pages histoires |||||||||||||*/



/* Sliders et images */


.slider-pages-histoires .n2-ss-slider-3 {
	border-radius:20px;
}


/* global */

.History-style-page .wp-block-group {
	margin-top:0 !important;
	margin-bottom:0 !important;
}


.History-style-page h1 {
	position:relative;
	padding-left:55px;
	left:15px;
}

.History-style-page h1::before,
.History-style-page h1::after {
	position: absolute;
	content: "";
    background: white;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}


.History-style-page h1::before {
    height: 24px;
    width: 24px;
	border-top: 5px solid #dc5467;
	border-right: 5px solid #dc5467;	
	bottom: 2.5px;
	left:5px;
	z-index:1;
}


.History-style-page h1::after {
    height: 10px;
    width: 10px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	bottom: 11px;
	left: 35px;
	z-index:0;
}



.History-style-page h2 {
	position:relative;
	left:10px;
	
}

.History-style-page h2::before{
	position: absolute;
	content: "";
    background: white;
	height: 100%;
	border-left: 5px solid #172333;
	left:-10px;
}

.History-style-page h2.title-page-history.first::before{
	left:-210px;
}

:root :where(.wp-block-separator.History-separator){
	border-style: none;
	width: 100%;
}


.History-separator {
	height: 40px;
	background: linear-gradient(-45deg, black 4%, white 4%, white 46%, black 46%, black 54%, white 54%, white 96%, black 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;

}

.History-style-page h3 {
	padding-left: 3.2rem;
	padding-right: 11px;
	display: inline;
}

.History-style-page h4 {
	padding-top: 25px;
}



.History-chap-empty-background-txt,
.History-chap-dark-blue-background-txt,
.History-chap-black-hatch-background-txt,
.History-chap-red-hatch-background-txt,
.History-chap-yellow-hatch-background-txt,
.History-chap-red-background-txt {
	padding: 20px;
}




/* Zone blanche chapitre : class. History-chap-empty-background   */

.History-chap-empty-background h3,
.History-chap-black-hatch-background h3 {
	box-shadow: inset 0 -0.4em 0 0px #fff019;
}


.History-intro-txt-chap {
	background: linear-gradient(-45deg, yellow 4%, white 4%, white 46%, yellow 46%, yellow 54%, white 54%, white 96%, yellow 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	padding : 10px;
}


.History-style-page p::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 11px;
	margin-top: 9px;
	margin-left: -58px;
}

.History-intro-txt-chap p::before,
.is-style-quote-history-page p::before,
p.txt-p-histoire-testimony:before {
	content:inherit;
}

.History-chap-empty-background p::before {
	background: #ECECED;
 } 


/* Zone bleue foncée hachurée : class. History-chap-dark-blue-background   */

.History-chap-dark-blue-background {
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
}


.History-chap-dark-blue-background h3 {
	box-shadow: inset 0 -0.4em 0 0px #001921;
}

.History-chap-dark-blue-background p::before {
	background: #5b5967;
}


/* Zone hachures noires : class. History-chap-black-hatch-background */

.History-chap-black-hatch-background {
	background: linear-gradient(-45deg, #c7c8c9 1.25%, transparent 1.25%, transparent 48.75%, #c7c8c9 48.75%, #c7c8c9 51.25%, transparent 51.25%, transparent 98.75%, #c7c8c9 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
}

.short-testimony{
	background: white;
	background-size: 10px 10px;
	background-position: 50px 50px;
	border-radius:15px;
}


.History-chap-black-hatch-background h3 {
	box-shadow: inset 0 -0.4em 0 0px white;
}

.History-chap-black-hatch-background p:before {
	background: #486b80;
}

.History-chap-black-hatch-background ul  {
	background: linear-gradient(-45deg, #c9cfd6 1.25%, transparent 1.25%, transparent 48.75%, #c9cfd6 48.75%, #c9cfd6 51.25%, transparent 51.25%, transparent 98.75%, #c9cfd6 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
}


/* Zone hachures rouges : class. History-chap-red-hatch-background*/

.History-chap-red-hatch-background {
	background: linear-gradient(-45deg, #ea9c9d 1.25%, transparent 1.25%, transparent 48.75%, #ea9c9d 48.75%, #ea9c9d 51.25%, transparent 51.25%, transparent 98.75%, #ea9c9d 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 0%, 100% 4%, 100% 96%, 0 100%);
}


.History-chap-red-hatch-background h3 {
	box-shadow: inset 0 -0.4em 0 0px white;
}


.History-chap-red-hatch-background p:before {
	background: #486b80;
}


/* Zone hachures jaunes : class. History-chap-yellow-hatch-background*/

.History-chap-yellow-hatch-background {
	background: linear-gradient(-45deg, #fecd00 1.25%, transparent 1.25%, transparent 48.75%, #fecd00 48.75%, #fecd00 51.25%, transparent 51.25%, transparent 98.75%, #fecd00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 0%, 100% 4%, 100% 96%, 0 100%);
}

.History-chap-yellow-hatch-background h3 {
	box-shadow: inset 0 -0.4em 0 0px white;
}


.History-chap-yellow-hatch-background p:before {
	background: #486b80;
}



/* Zone hachures bleues claires : class. History-chap-blue-hatch-background*/

.History-chap-blue-hatch-background {
	background: linear-gradient(-45deg, #0d88cc 1.25%, transparent 1.25%, transparent 48.75%, #0d88cc 48.75%, #0d88cc 51.25%, transparent 51.25%, transparent 98.75%, #0d88cc 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0 96%);
}

.History-chap-blue-hatch-background h3 {
	box-shadow: inset 0 -0.4em 0 0px white;
}


.History-chap-blue-hatch-background p:before {
	background: #486b80;
}


/* Zone fond rosé : History-chap-red-background  */


.History-chap-red-background {
	background: linear-gradient(-45deg, #18546b 4%, #dc5467 4%, #dc5467 46%, #18546b 46%, #18546b 54%, #dc5467 54%, #dc5467 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 96%);
}

.History-chap-red-background.last {
	clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
}


.History-chap-red-background h3 {
	box-shadow: inset 0 -0.4em 0 0px white;
	color: black;
}

.History-chap-red-background p:before {
	background: #5b5967;
}



/* */



.History-chap-empty-background.special,
.History-chap-dark-blue-background.special,
.History-chap-black-hatch-background.special,
.History-chap-red-hatch-background.special,
.History-chap-yellow-hatch-background.special,
.History-chap-blue-hatch-background.special,
.History-chap-red-background.special {
	clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 99%);
}

.History-chap-empty-background.last,
.History-chap-dark-blue-background.last,
.History-chap-black-hatch-background.last,
.History-chap-red-hatch-background.last,
.History-chap-yellow-hatch-background.last,
.History-chap-blue-hatch-background.last,
.History-chap-red-background.last {
	clip-path: polygon(0 0%, 100% 4%, 100% 100%, 0 100%);;
}

.History-chap-empty-background.special-and-last,
.History-chap-dark-blue-background.special-and-last,
.History-chap-black-hatch-background.special-and-last,
.History-chap-red-hatch-background.special-and-last,
.History-chap-yellow-hatch-background.special-and-last,
.History-chap-blue-hatch-background.special-and-last,
.History-chap-red-background.special-and-last {
	clip-path: polygon(0 0%, 100% 1%, 100% 100%, 0 100%);;
}





/* Blockquote : Citations ->   .is-style-quote-history-page     */

.is-style-quote-history-page {
	background: linear-gradient(-45deg, #c9cfd6 1.25%, white 1.25%, white 48.75%, #c9cfd6 48.75%, #c9cfd6 51.25%, white 51.25%, white 98.75%, #c9cfd6 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	padding : 10px;
	display: inline-block;
	margin-left: 65px !important;
	font-size:110%;
	line-height:170%;
}

.History-chap-dark-blue-background .is-style-quote-history-page {
	background: linear-gradient(-45deg, #486b80 4%, #1c2c3d 4%, #1c2c3d 46%, #486b80 46%, #486b80 54%, #1c2c3d 54%, #1c2c3d 96%, #486b80 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
}


.short-testimony .is-style-quote-history-page{
	background: inherit;
}


:root :where(.wp-block-quote) p{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	position:relative;
}

.is-style-quote-history-page p::before,
.is-style-quote-history-page p::after{
	font-size:3em;
	width:0;
	height:0;
}


.is-style-quote-history-page p::before{
	content: "\275D";
	top: -15px;
	left: 24px;
}

.is-style-quote-history-page p::after{
	content: "\275E";
	bottom: -6px;
	right: 17px;
	position:absolute;
}




/* ||||||||||||||||| Page Patrimoine ||||||||||||||||||| */



.list-columns {
	columns: 3 auto;
	column-gap: 10%;
}




/* ||||||||||||||||| Page Bibliothèque ||||||||||||||||||| */



.bck-yellow-txt {
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
}


.list-classification {
	position:relative;
}


.list-classification::before{
	background: linear-gradient(-45deg, #18546b 4%, white 4%, white 46%, #18546b 46%, #18546b 54%, white 54%, white 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:'';
	position:absolute;
	width:32px;
	height:100%;
	top:-15px;
	left:0;
	z-index:-1;
}



.background-biblio-books {
	background: linear-gradient(-45deg, #c9cfd6 1.25%, white 1.25%, white 48.75%, #c9cfd6 48.75%, #c9cfd6 51.25%, white 51.25%, white 98.75%, #c9cfd6 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	height:100%;
	position:relative;
	z-index:-1;
}


.list-books li {
	list-style:none;
}

.list-books li a{
	text-decoration:none;
}


.page-biblio h2 {
	position:relative;
	left:0;
	z-index:1;
}

.group-biblio {
	position:relative;
}

.list-classification ul li {
	list-style: disc;
}

.group-biblio h2::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, white 4%, white 46%, #18546b 46%, #18546b 54%, white 54%, white 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	height: 17px;
	width: 103px;
	bottom: -25px;
	left:-15px;
	z-index:-1;
}


.page-biblio h4 {
	position:relative;
}


.page-biblio h4::before{
	position: absolute;
	content: "";
    background: transparent;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}


 /* petit triangle */
.page-biblio h4::before{ 
    height: 10px;
    width: 10px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	top: 12px;
	left: 17px;
	z-index:0;
}


.page-biblio h3 {
	left: 70px;
	position: relative;
	z-index: 1;
}




/* |||||||||||||||||  Page LIENS UTILES |||||||||||| */



.page-useful-links {
	
}


.page-useful-links h2 {
	position:relative;
	left:0;
}

.page-useful-links h2::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 46px;
    width: 46px;
	top: -17.5px;
	left:-25px;
	z-index:-1;
}




.group-group-list-useful-links {
	background-color: white;
}


.group-group-list-useful-links ul li {
	list-style:none;
}


.list-one,
.list-useful-link,
.group-list-useful-links{
	position:relative;
	z-index:0;
}

.list-useful-link::before {
	background: linear-gradient(-45deg, #cd1125 1.25%, transparent 1.25%, transparent 48.75%, #cd1125 48.75%, #cd1125 51.25%, transparent 51.25%, transparent 98.75%, #cd1125 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	content:"";
	position: absolute;
    top: 0px;
    left: 0px;
    width: 29%;
    height: 100%;
    z-index: -1;
}


.group-list-useful-links::before {
	background: white;
	content:"";
	position: absolute;
    top: 0px;
    right: 0;
    width: 95%;
    height: 100%;
    z-index: -1;
}


.group-1-img-useful-link {
	z-index:3;
	position:relative;
}

.group-list-useful-links .img-01,
.group-list-useful-links .img-02 {
	position: absolute;
	right:0;
}

.group-list-useful-links .img-01 {
	top:25%;
}


.group-list-useful-links .img-01::before {
	position:absolute;
	content:'';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	border-radius:50%;
	width:237px;
	height:237px;
	top:38px;
	left: -138px;
	z-index:-1;
}


.group-list-useful-links .img-02 {
	top:55%;
	right:55px;
}

.group-list-useful-links .img-02 > figcaption{
	text-align: center;
	color: black;
}


.bottom-group-imgs,
.bottom-group-group-imgs {
	position:relative;
	
}

.bottom-group-group-imgs {
	height:570px;
}



.postcard-hemonic {
	position:relative;
	right:0;
}

.postcard-hemonic > figcaption { 
	text-align:right;
	position: relative;
	color: black;
}


.postcard-hemonic::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 38px;
	height: 85%;
	top: 28px;
	left: -22px;
	z-index: 10;
	opacity:80%;
}




.picture-louis-arthur-le-moyne {
	-ms-transform: rotate(-20deg); /* Internet Explorer */
    -moz-transform: rotate(-20deg); /* Firefox */
    -webkit-transform: rotate(-20deg); /* Safari et Chrome */
    -o-transform: rotate(-20deg); /* Opera */
	position: absolute;
	left: 90px;
	bottom: 60px;
}



.picture-louis-arthur-le-moyne > figcaption {
	-ms-transform: rotate(2deg); /* Internet Explorer */
    -moz-transform: rotate(-20deg); /* Firefox */
    -webkit-transform: rotate(20deg); /* Safari et Chrome */
    -o-transform: rotate(20deg); /* Opera */
	position: absolute;
	left: -150px;
	top: 17%;
	color:black;
}



figcaption {
	font-size: 15px;
	font-style: italic;
	font-family: open sans;
}



/* |||||||||||||||| Page BULLETIN(S)  |||||||||||||||||||| */



.page-bulletins ul li {
	list-style:none;
}




.background-yellow {
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
	height:100%;
	position:relative;
}



.page-bulletins .img-01 {
	position:relative;
	z-index:2;
}



.page-bulletins .group-images .img-01::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #868789 1.25%, transparent 1.25%, transparent 48.75%, #868789 48.75%, #868789 51.25%, transparent 51.25%, transparent 98.75%, #868789 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	border-radius: 50%;
	width: 179px;
	height: 179px;
	top: 80px;
	left: -160px;
	z-index: 10;
	opacity:80%;
}


.page-bulletins .group-images .img-01::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #cd1125 1.25%, transparent 1.25%, transparent 48.75%, #cd1125 48.75%, #cd1125 51.25%, transparent 51.25%, transparent 98.75%, #cd1125 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 52px;
	height: 253px;
	top: -28px;
	right: -22px;
	z-index: 10;
	opacity:80%;
}









/* ||||||||||||| pied de page |||||||||||||*/





/* |||||||||||||| Titres H1, H2, H3, H4... ||||||||||||||||||*/


.pages h1{
	position:relative;
}


.pages h1::before,
.pages h1::after {
	position: absolute;
	content: "";
    background: transparent;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

 /* Triangle rouge */
.pages h1::before {
    height: 24px;
    width: 24px;
	border-top: 5px solid #dc5467;
	border-right: 5px solid #dc5467;	
	bottom: 5px;
	left:-50px;
	z-index:1;
}

 /* Triangle noir */
.pages h1::after { 
    height: 10px;
    width: 10px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	bottom: 13px;
	left: -20px;
	z-index:0;
}



.pages1 h1{
	position:relative;
}


.pages1 h1::before,
.pages1 h1::after {
	position: absolute;
	content: "";
    background: transparent;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

 /* Triangle rouge */
.pages1 h1::before {
    height: 24px;
    width: 24px;
	border-top: 5px solid #dc5467;
	border-right: 5px solid #dc5467;	
	bottom: 3px;
	left:-50px;
	z-index:1;
}

 /* Triangle noir */
.pages1 h1::after { 
    height: 10px;
    width: 10px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	bottom: 11px;
	left: -20px;
	z-index:0;
}



/* |||| style Titre H2 ||||| */

.acc-style-hist-page h2{ 
	position:relative; 
} 
 
.mobile .acc-style-hist-page h2,
.mobile .acc-style-hist-page h3 { 
	padding-left:40px;
	position:relative; 
 } 

.acc-style-hist-page h2::before,
.acc-style-hist-page h2::after {
	position: absolute;
	content: "";
    background: transparent;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

 /* grand triangle */
.acc-style-hist-page h2::before {
    height: 24px;
    width: 24px;
	border-top: 5px solid white;
	border-right: 5px solid white;	
	left:-10px;
	z-index:1;
}

 /* petit triangle */
.acc-style-hist-page h2::after { 
    height: 10px;
    width: 10px;
	border-top: 3px solid #dc5467;
	border-right: 3px solid #dc5467;
	left: 20px;
	z-index:0;
}

 /* grand triangle */
.desktop .acc-style-hist-page h2::before {
	bottom: 8.5px;
}

.tablet .acc-style-hist-page h2::before {
	bottom: 0.5px;
}

.mobile .acc-style-hist-page h2::before {
	bottom: 1.5px;
}

 /* petit triangle */
.desktop .acc-style-hist-page h2::after { 
	bottom: 16.30px;
}

.tablet .acc-style-hist-page h2::after { 
	bottom: 8.30px;
}

.mobile .acc-style-hist-page h2::after { 
	bottom: 10.30px;
}

.page-toponymie h2,
.page-histoire h2 {
	position:relative;
}

.page-toponymie h2::before,
.page-histoire h2::before {
	position: absolute;
	content: "";
	background: linear-gradient(-45deg, #18546b 4%, transparent 4%, transparent 46%, #18546b 46%, #18546b 54%, transparent 54%, transparent 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
    height: 46px;
    width: 46px;
	top: -17.5px;
	left:-25px;
	z-index:-1;
}

/**/


/* |||| style Titre H3 ||||| */


.page-histoire h3 {
	position:relative;
}

.page-histoire h3::before {
	position: absolute;
	content: "";
	background: #ffed4b;
    height: 64px;
    width: 38px;
	top: -25px;
	left:-5px;
	z-index:-1;
}

.page-histoire h3.H-width::before {
    width: 55px;
}


/* .page-histoire h3:nth-child(2)::before { */
	/* position: absolute; */
	/* content: ""; */
	/* background: #ffed4b; */
    /* height: 90px; */
    /* width: 40px; */
	/* top: -45px; */
	/* left:-5px; */
	/* z-index:-1; */
/* } */





/* |||| style H4 |||| */


.style-blc-h3 h4 {
	padding-left:17px;
	position:relative;
	left:0;
}

.style-blc-h3 h4::before {
	position: absolute;
	content: "";
    background: white;
    height: 7px;
    width: 7px;
	bottom: 7px;
	left:0;
	z-index:1;
}


/**/
















/* |||||||||||||| */




.zone-txt-intro-page-histoire,
.page-histoire-zone-hatch {
	background: linear-gradient(-45deg, #c9cfd6 4%, white 4%, white 46%, #c9cfd6 46%, #c9cfd6 54%, white 54%, white 96%, #c9cfd6 96%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 0.5%, 100% 0%, 100% 100%, 0 99.58%); */
	z-index:0;
}


.page-histoire-zone-bleue {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 0, 100% 0, 100% 99.5%, 0 100%); */
	z-index:0;
}


.page-histoire-zone-jaune {
	position:relative;
	background: linear-gradient(-45deg, #fecd00 1.25%, transparent 1.25%, transparent 48.75%, #fecd00 48.75%, #fecd00 51.25%, transparent 51.25%, transparent 98.75%, #fecd00 98.75%);
	/*background: linear-gradient(-45deg, #868789 4%, #fef5af 4%, #fef5af 46%, #868789 46%, #868789 54%, #fef5af 54%, #fef5af 96%, #868789 96%); // Jaune comme page d'accueil*/
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 0, 100% 0, 100% 99.5%, 0 100%); */
	z-index:0;
}


.page-histoire-zone-rouge {
	position:relative;
	background: linear-gradient(-45deg, #ea9c9d 1.25%, transparent 1.25%, transparent 48.75%, #ea9c9d 48.75%, #ea9c9d 51.25%, transparent 51.25%, transparent 98.75%, #ea9c9d 98.75%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 0, 100% 0, 100% 99.5%, 0 100%); */
	z-index:0;
}







/* |||||||||||  CITATIONS  ||||||||||||||*/

.bloc-citation {
	position:relative;
	background-color : #b4dbcd;
}


.bloc-citation::before,
.bloc-citation::after{
	font-size:100px;
	position:absolute;
	color: #d2e8da;
	/*opacity: 55%;*/
}


.bloc-citation::before{
	content: "\275D";
	top: -20px;
	left: -76px;
}

.bloc-citation::after{
	content: "\275E";
	bottom: 0;
	right: -42px;
}

/**/


/* |||||||||||||||||| BLOC INFORMATIONS ||||||||||||||||*/

.bloc-informations {
	position:relative;
}


.bloc-informations::before {
	position:absolute;
	content:'';
	width:25px;
	height:100%;
	background:#ffec00;
}

/**/



/* ||||||||||||| IMAGES |||||||||||||||||||||||| */




.page-histoire figure {
	position:relative;
}


.page-histoire .img-01::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #8dc8a8 1.25%, transparent 1.25%, transparent 48.75%, #8dc8a8 48.75%, #8dc8a8 51.25%, transparent 51.25%, transparent 98.75%, #8dc8a8 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 63px;
	height: 291px;
	top: -20px;
	left: -28px;
	z-index: 10;
	opacity:80%;
}

.page-histoire.img-01::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #8dc8a8 1.25%, transparent 1.25%, transparent 48.75%, #8dc8a8 48.75%, #8dc8a8 51.25%, transparent 51.25%, transparent 98.75%, #8dc8a8 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 143px;
	height: 291px;
	bottom: 4px;
	right: -72px;
	z-index: 10;
	opacity:80%;
}



.page-histoire .img-02::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #eaa0a1 1.25%, transparent 1.25%, transparent 48.75%, #eaa0a1 48.75%, #eaa0a1 51.25%, transparent 51.25%, transparent 98.75%, #eaa0a1 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 63px;
	height: 291px;
	top: -15px;
	right: -32px;
	z-index: 10;
	opacity:80%;
}


.page-histoire .img-03::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, white 1.25%, transparent 1.25%, transparent 48.75%, white 48.75%, white 51.25%, transparent 51.25%, transparent 98.75%, white 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 247px;
	height: 342px;
	top: 20px;
	left: -120px;
	z-index: 10;
	opacity:80%;
}

.page-histoire .img-03::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, white 1.25%, transparent 1.25%, transparent 48.75%, white 48.75%, white 51.25%, transparent 51.25%, transparent 98.75%, white 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 247px;
	height: 342px;
	bottom: -34px;
	right: -80px;
	z-index: 10;
	opacity:80%;
}



.page-histoire .img-04::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #486b80 1.25%, transparent 1.25%, transparent 48.75%, #486b80 48.75%, #486b80 51.25%, transparent 51.25%, transparent 98.75%, #486b80 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 90px;
	height: 76px;
	bottom: 120px;
	left: -120px;
	z-index: 10;
	opacity:80%;
}

.page-histoire .img-04::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #486b80 1.25%, transparent 1.25%, transparent 48.75%, #486b80 48.75%, #486b80 51.25%, transparent 51.25%, transparent 98.75%, #486b80 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 175px;
	height: 242px;
	bottom: 35%;
	right: -80px;
	z-index: -1;
	opacity:80%;
}





.page-histoire .img-05::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #eaa0a1 1.25%, transparent 1.25%, transparent 48.75%, #eaa0a1 48.75%, #eaa0a1 51.25%, transparent 51.25%, transparent 98.75%, #eaa0a1 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 209px;
	height: 237px;
	bottom: 70px;
	left: -120px;
	z-index: 10;
	opacity:80%;
}

.page-histoire .img-05::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 81px;
	height: 342px;
	top: -20px;
	right: -46px;
	z-index: 1;
	opacity:80%;
}



.page-histoire .img-06::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #ffec00 1.25%, transparent 1.25%, transparent 48.75%, #ffec00 48.75%, #ffec00 51.25%, transparent 51.25%, transparent 98.75%, #ffec00 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 81px;
	height: 342px;
	top: -20px;
	right: -46px;
	z-index: 1;
	opacity:80%;
}


.page-histoire .img-07::before {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #eaa0a1 1.25%, transparent 1.25%, transparent 48.75%, #eaa0a1 48.75%, #eaa0a1 51.25%, transparent 51.25%, transparent 98.75%, #eaa0a1 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 65px;
	height: 440px;
	top: 20px;
	left: -30px;
	z-index: 1;
	opacity:80%;
}

.page-histoire .img-07::after {
	position: absolute;
	content: '';
	background: linear-gradient(-45deg, #486b80 1.25%, transparent 1.25%, transparent 48.75%, #486b80 48.75%, #486b80 51.25%, transparent 51.25%, transparent 98.75%, #486b80 98.75%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-size: 10px 10px;
	background-position: 50px 50px;
	width: 65px;
	height: 440px;
	bottom: 20px;
	right: -26px;
	z-index: 1;
	opacity:80%;
}






/** SMARTPHONE VERTICALE **/ 
@media (max-width: 768px) {
	







/* footer */

footer h2   {
	text-align:center;
}

footer ul  {
	list-style: none;
}

/* p, ul   {
	font-size:1.1em !important;
}	 */

footer .wp-block-group:nth-child(2) {
	padding: 5px 0 5px 0 !important;
}


footer .wp-block-column {
	margin: 5px 0;
    padding: 25px 0;
	text-align: center;
}

footer .wp-block-column:nth-child(2) {
	position:relative;
	background: linear-gradient(-45deg, #18546b 4%, #1c2c3d 4%, #1c2c3d 46%, #18546b 46%, #18546b 54%, #1c2c3d 54%, #1c2c3d 96%, #18546b 96%);
	background-size: 10px 10px;
	background-position: 50px 50px;
/* 	clip-path: polygon(0 0, 100% 0, 100% 99.5%, 0 100%); */
	z-index:0;
}

footer .wp-block-column:last-child {
	margin: 0;
	
}
	
footer .wp-block-column:last-child ul  {
	padding-left:0;
	list-style: none;
	text-align: center;
	margin-bottom : 20px !important;
}	


footer .wp-block-column:last-child div {
	justify-content: center;
	padding: 5px 0;
}

footer .wp-block-column:last-child p,
footer .lign-copyrights p {
	text-align: center;
}

footer .lign-copyrights p {
	font-size: 0.6em !important;
    font-weight: 200 !important;
}

	

	
	

}





@media (max-width: 1400px) {
	

/* ******  H3  ****** */

.page-histoire h3::before {
    height: 65px;
}

.page-histoire h3.H-width::before {
    width: 58px;
}

}



@media (max-width: 1080px) {
	
.group-list-useful-links::before {
  width: 94%;
}



}




@media (max-width: 1235px) {

.page-histoire h3::before {
  height:32px;
  width: 50px;
  top: 0px;
  left: -23px;
}

}




@media (max-width: 980px) {
	

}



@media (max-width: 890px) {
	
.group-list-useful-links::before {
  width: 93%;
}



}





/** SMARTPHONE VERTICALE **/ 
@media (max-width: 768px) {
	




/* ******  H1  ****** */


 /* Triangle rouge */
.pages1 h1::before {
    height: 20px;
    width: 20px;
	border-top: 5px solid #dc5467;
	border-right: 5px solid #dc5467;	
	top: 6px;
}

 /* Triangle noir */
.pages1 h1::after { 
    height: 7px;
    width: 7px;
	border-top: 3px solid #172333;
	border-right: 3px solid #172333;
	top: 14px;
}



.list-columns {
  columns: 2 auto;
}

.group-list-useful-links::before {
  width: 93%;
}

.group-list-useful-links::before {
  width: 92%;
}

.page-histoire h3::before {
    width: 45px;
	height:30px;
}



}

/** SMARTPHONE VERTICALE **/ 
@media (max-width: 640px) {
	

.group-list-useful-links::before {
  width: 91%;
}




}


/** SMARTPHONE VERTICALE **/ 
@media (max-width: 600px) {
	

.list-columns {
  columns: 1 auto;
}


.group-list-useful-links::before {
  width: 90%;
}

.page-histoire h3::before {
    width: 45px;
}




}





/** SMARTPHONE VERTICALE **/ 
@media (max-width: 480px) {
	

.list-columns {
  columns: 1 auto;
}


.group-list-useful-links::before {
  width: 89%;
}

.page-histoire h3::before {
    width: 45px;
	height:24px;
}




}






/** SMARTPHONE VERTICALE **/ 
@media (max-width: 400px) {
	

 /* Triangle rouge */
.pages1 h1::before {
    height: 16px;
    width: 16px;
	border-top: 4px solid #dc5467;
	border-right: 4px solid #dc5467;	
	top: 4px;
	left:-40px;
}

 /* Triangle noir */
.pages1 h1::after { 
    height: 5px;
    width: 5px;
	border-top: 2px solid #172333;
	border-right: 2px solid #172333;
	top: 11px;
	left:-15px;
}


.img-toponymie-origin {
	width: 100% !important;
	text-align: center;
    padding-bottom: 25px;
}

.img-toponymie-origin img {
	width: 150px !important;
}


.group-list-useful-links::before {
  width: 85%;
}




}



/** SMARTPHONE VERTICALE **/ 
@media (max-width: 360px) {
	

.group-list-useful-links::before {
  width: 83%;
}



}