body {
  font-family: "Poppins", sans-serif;
}


.body-new-basic {
	background-image: url(background-page.png);
	background-size: cover;
}

.hide {
	display: none ! important;
}

/*NEW HEADER BASIC*/

.new-header-basic {
	padding-top: 37px;
	padding-bottom: 22px;
}

.new-header-basic .col-lg-12 div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.new-header-basic a:hover {
	text-decoration: none;
}

.logo-vivre {
	width: 281px;
	height: auto;
	transition: all 0.3s;
}

.logo-vivre:hover {
	opacity: 0.8;
}

.img-candidat-basic {
	height: 69px;
	width: auto;
}

/*NEW HEADER*/

.header-hp {
	background: #E4D3BF;
	padding-top: 105px;
	position: relative;
	padding-bottom: 170px;
}

.candidats-election-header {
	position: absolute;
	height: 69px;
	width: auto;
	top: 14px;
	right: 70px;
}

.header-hp h1 {
	text-align: center;
	font-family: "Anton", sans-serif;
	color: #222E4D;
	font-size: 37vw;
	font-style: normal;
	z-index: 2;
	position: relative;
	margin: 0;
	font-weight: 400;
	padding-bottom: 15px;
	line-height: 87%;
}

.points-header {
	right: 23px;
	top: 407px;
	width: 141px;
	position: absolute;
	height: auto;
}

.new-form-footer {
	position: relative;
	z-index: 10;
}

.faux-bask-header {
position: absolute;
  z-index: 1;
  bottom: -165px;
  width: 84%;
  left: 40px;
}

.logo-pcf-absolute-header {
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
	width: 124px;
	height: auto;
	margin-left: auto;
  margin-right: auto;
}

.fb-2027 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 30%;
    transition: top 0.3s linear;
}
.svg-absolute {
	z-index: 3;
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
}

/*BENTO*/

.bento {
	background-color: #018177;
	padding-bottom: 106px;
	padding-top: 140px;
	z-index: 4;
	position: relative;
}

.bento .col-lg-6,
.bento .col-lg-3 {
	padding-left: 7px;
	padding-right: 7px;
}

.bento-title {
	padding: 27px 15px
}

.bento-title h2 {
	margin: 0;
	padding-bottom: 8px;
	color: #222E4D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 900;
	line-height: 126%; /* 25.389px */
	width: calc(100% - 35px);
}

.bento-title div {
	display: flex;
}

.bento-title div img {
	width: 28px;
	height: 28px;
	margin-left: 7px;
}

.pour-iframe {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  margin-bottom: 20px !important;
}
.pour-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: unset !important;
  height: 100%;
}

.bento-bloc {
	height: 100%;
	background-color: #fff;
	transition: all 0.3s;
}

.bento-bloc:hover {
	background: #E89A3F;
}

.bento-bloc a:hover {
	text-decoration: none;
}

.bento-title p {
	margin: 0;
	color: #222E4D;
	font-size: 14.023px;
	font-style: normal;
	font-weight: 400;
	line-height: 126%; /* 17.67px */
}

.bento-img img {
	width: 100%;
	height: 283px;
	object-fit: cover;
}

.youtube-container {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube-container iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

.bento-bloc-deux {
	background-color: #E4D3BF ! important; 
	cursor: pointer;
}

.bento-bloc-deux:hover {
	background-color: #E89A3F ! important; 
}

.bento-bloc-deux a {
	display: block;
	height: 100%;
}

.bento-partage {
	margin-top: 14px;
	background: #E89A3F;
	height: 110px;
	display: flex;
	align-items: center;
	padding-left: 25px;
	padding-right: 25px;
}

.bento-partage a:hover {
	text-decoration: none;
}

.bento-partage-icon img {
	width: 36px;
	margin-left: 9px;
	height: 36px;
	transition: all 0.3s;
}

.bento-partage-icon img:hover {
	opacity: 0.8;
}

.bento-partage-img {
	height: 39px;
	width: auto;
	margin-top: 5px;
}

/*BLOC VIVRE*/

.hover-mieux {
	transition: all 0.3s;
}
.hover-ensemble {
	transition: all 0.3s;

}
.hover-en-paix {
	transition: all 0.3s;
}
.hover-mieux:hover {
color: #E89A3F;
}
.hover-ensemble:hover {
	color: #018177;
}
.hover-en-paix:hover {
	color: #D12E26;	
}

.vivre {
	background-color: #E4D3BF;	
	padding-top: 144px;
	padding-bottom: 77px;
	position: relative;
}

.vivre .col-lg-12,
.vivre .col-lg-4 {
	padding-left: 10px;
	padding-right: 10px;
}

.vivre h2 {
	font-family: "Anton", sans-serif;
	margin: 0;
	color: #222E4D;
	font-size: 68.259px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
}

.vivre h3 {
	font-family: "Anton", sans-serif;	
	margin: 0;
	padding-bottom: 90px;
	color: #222E4D;
	font-size: 148.424px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
}

.vivre-back {
	background-color: #FFFFFF;	
	padding: 28px;
	margin-bottom: 20px;
}

.vivre-back p {
	color: #222E4D;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%;
}

.vivre-back h4 {
	color: #222E4D;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	font-family: "Anton", sans-serif;	
	line-height: 142%; /* 31.981px */	
	text-transform: uppercase;
}

.vivre-sans-back {
	padding-left: 10px;
	padding-right: 40px;
}

.vivre-sans-back h4 {
	margin: 0;
	padding-bottom: 4px;
	color: #222E4D;
	font-family: "Poppins", sans-serif;
	font-size: 24.399px;
	font-style: normal;
	font-weight: 900;
	line-height: 149.138%; /* 36.388px */
}
.vivre-sans-back p {
	margin: 0;
	padding-bottom: 20px;
	color: #222E4D;
	font-size: 18.768px;
	font-style: normal;
	font-weight: 500;
	line-height: 142%; /* 26.651px */
}
.vivre-sans-back img {
	width: 205px;
	height: auto;
}

.vivre-absolute {
	position: absolute;
	width: 180px;
	height: auto;
	z-index: 10;
	right: 0;
	top: -70px;
}

/*BLOC A PROPOS*/

.a-propos {
	background-image: url(back-orange.png);
	background-size: cover;
	background-color: #E4D3BF;
	padding-top: 160px;
	position: relative;
	padding-bottom: 220px;
}

.a-propos h2 {
	margin: 0;
	padding-bottom: 64px;
	color: #222E4D;
	font-family: "Anton", sans-serif;
	font-size: 133.433px;
	font-style: normal;
	font-weight: 400;
	line-height: 139.774px; 
}

.a-propos div p {
	color: #222E4D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin: 0;
	padding-bottom: 20px;
	line-height: 149.138%; /* 26.845px */
}

.a-propos div p:last-child {
	padding-bottom: 0;
}

.a-propos p strong {
	font-weight: 700;
}

.a-propos-back {
	background-color: #E4D3BF;	
	padding: 28px;
	height: fit-content;
}

.a-propos-flex img {
	width: 348px;
	height: auto;
}

.a-propos-flex {
	display: flex;
	gap: 15px;
}

.a-propos-flex > div:first-child {
	width: 347px;
	flex-shrink: 0;
}

.a-propos-flex > div:first-child img {
	display: block;
	width: 100%;
	height: auto;
}

.a-propos-back {
	flex: 1;
}

.a-propos-absolute {
	position: absolute;
	width: 162px;
	height: auto;
	left: 0;
	top: 790px;
	z-index: 2;
}

/*FOOTER*/

footer {
	display: none;
}

.row-deux {
	align-items: end;
}

.new-footer {
	background-color: #D12E26;
	padding-bottom: 30px;
	padding-top: 60px;
	position: relative;
}

.new-footer ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.new-footer ul li {
	padding-bottom: 6px;
}

.new-footer ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 149.138%; /* 25.353px */	
}

.new-footer ul li a:hover {
	color: #FFF;
	text-decoration: underline;	
}

.new-footer .col-lg-9 {
	text-align: right;
}

.new-footer .col-lg-9 img {
	width: auto;
	height: 96px;
}

.new-footer .row-une {
	align-items: end;
}

.fond-logo-pcf-absolute {
	position:absolute;
	bottom: 0;
	right: 0;
	width: 380px;
}

.logo-pcf-absolute {
	width: 216px;
	height: auto;
	position: absolute;
	right: 40px;
	bottom: 320px;
}

.new-page-content-embed button {
	border-radius: 4px ! important;
	background: #D12E26 ! important;
	font-family: "Anton", sans-serif ! important;
	font-weight: 400 ! important;
	transition: all 0.3s ! important;
	text-transform: uppercase ! important;
	font-size: 40px ! important;
	border: 1px solid #D12E26 ! important;
	padding-top: 10px ! important;
	padding-bottom: 10px ! important;
}


.new-page-content-embed button:hover {
	background: #fff ! important;
	color: #D12E26 ! important;
	border: 1px solid #D12E26 ! important;
}


.btn-new-form {
	width: 474px;
	height: 60px;
	border: none;
	margin-bottom: 8px;
	background-color: #018177;
	color:#E4D3BF;
	border: 1px solid #018177;
	font-family: "Anton", sans-serif;
	font-weight: 400;
	transition: all 0.3s;
	font-size: 25px;
	text-transform: uppercase;
}

.btn-new-form:hover {
	background-color: #E4D3BF;
	color:#018177;	
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #018177;
  background-color: #018177;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: unset;
}

.input-formulaire {
	background: #FFF;
	color: rgba(34, 46, 77, 0.51);
	font-size: 16px;
	font-style: normal;
	margin-right: 14px;
	margin-bottom: 8px;
	font-weight: 500;
	border: unset;
	height: 50px;
	line-height: 149.138%; /* 20.997px */
	border-radius: unset;
	padding-left: 16px;
	width: 230px;
}

.btn-primary {
	border-radius: 4px;
	background: #D12E26;
	font-family: "Anton", sans-serif ! important;
	font-weight: 400;
	transition: all 0.3s;
	text-transform: uppercase;
	border: 1px solid #D12E26;
}

.btn-primary:hover {
	background: #fff;
	color: #D12E26;
	border: 1px solid #D12E26;
}

.btn-loader {
	display: block;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.row-une {
	padding-bottom: 20px;
}

.custom-control-label-opt-in {
	color: #222E4D;
	font-family: Poppins;
	font-size: 11.98px;
	font-style: normal;
	font-weight: 500;
	line-height: 133%;
}

/*NEW PAGE*/

.new-page-white {
	border-radius: 6px;
	background: #FFF;
}

.new-page-headline {
	color: #222E4D;
	margin: 0;
	font-family: "Anton", sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 68px; /* 113.333% */
	text-transform: uppercase;
}

.new-page-top {
	padding: 74px 0 84px 54px;
  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.13);
}

.new-page-content-basic {
	padding-top: 104px;
	padding-bottom: 250px;
}

.just-mobile {
	display: none;
}

.new-page-content h2 {
	margin: 0;
	padding-bottom: 30px;
	color: #018177;
	font-family: "Anton", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 107.143% */
	letter-spacing: -0.28px;
	text-transform: uppercase;
}
.new-page-content h3 {
	color: #018177;
	margin: 0;
	padding-bottom: 20px;
	font-family: "Anton", sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 107.143% */
	letter-spacing: -0.28px;
	text-transform: uppercase;
}

.new-page-content h4 {
	color: #222E4D;
	font-family: Poppins;
	font-size: 22px;
	margin: 0;
	padding-bottom: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px; /* 136.364% */
	letter-spacing: -0.22px;
}
.new-page-content p {
	color: #222E4D;
	margin: 0;
	padding-bottom: 20px;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 150% */
	letter-spacing: -0.2px;
}
.new-page-content p a {
	color: #222E4D;
	text-decoration: underline;
}
.new-page-content p a:hover {
	color: #222E4D;
	text-decoration: none;
}
.new-page-content ul {
	margin-bottom: 20px;
}
.new-page-content li {
	color: #222E4D;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 150% */
	letter-spacing: -0.2px;
}
.new-page-content blockquote {
	color: #D12E26;
	font-family: Poppins;
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: 47px; /* 104.444% */
	letter-spacing: -0.45px;
}
.new-page-content blockquote p {
	color: #D12E26;
	font-family: Poppins;
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: 47px; /* 104.444% */
	letter-spacing: -0.45px;
}

.img-page-basic-bottom {
	margin-top: -100px;
  z-index: 3;
  width: 100%;
  height: auto;
  position: relative;
}


/*PAGE EVENT*/

.new-page-event-back {
	border-radius: 6px;
	border: 1px solid rgba(34, 46, 77, 0.05);
	background: #FFF;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);	
	padding-top: 74px;
	padding-bottom: 250px;
	padding-left: 47px;
	padding-right: 47px;
}

.new-page-event-back h1 {
	color: #222E4D;
	font-family: "Anton", sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 400;
	line-height: 61px; /* 122% */
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 33px;
}

.event-details > div {
	border-radius: 6px ! important;
	background: rgba(228, 211, 191, 0.30) ! important;
}

.event-details {
	margin-top: 33px;
	margin-bottom: 28px;
}

.date-event-new {
	color: #222E4D;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; 
	padding-left: 22px;
	letter-spacing: -0.2px;
}

.event-details > div {
	font-family: Poppins;
	color: #222E4D;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.16px;
}

.event-details > div a {
	color: #5C2482;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.16px;
text-decoration: underline;
}
.event-details > div a:hover {
	text-decoration: none;
}

.img-event {
	margin-bottom: 58px;
}

.alors {
	margin: 0;
	padding-bottom: 25px;
	color: #222E4D;
	font-family: "Anton", sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

/*FLASH SHARE*/

.modal-title {
	font-family: "Anton", sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;	
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #E89A3F;
}


/*PAGE BLOG*/

.new-page-bottom-materiel {
	padding: 74px 54px 200px 54px;
}
.new-page-bottom-materiel a {
	display: flex;
	width: 80%;
	margin-bottom: 20px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.30);
	box-shadow: 0px 4px 20px 0px rgba(8, 0, 9, 0.12);
	padding: 15px;
	transition: all 0.3s;
	align-items: center;
	justify-content: space-between;

}
.new-page-bottom-materiel span {
	color: #018177;
  font-family: "Anton", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: -0.28px;
  text-transform: uppercase;

}

.new-page-bottom-materiel a:hover {
	text-decoration: none;
	  box-shadow: unset;
}

@media all and (max-width: 992px) {

.header-hp .col-lg-5,
.bento .col-lg-6, 
.bento .col-lg-3,
.vivre .col-lg-12, 
.vivre .col-lg-4,
.a-propos .col-lg-12 {
	padding-left: 15px;
	padding-right: 15px;
}

	.just-ordi {
		display: none ! important;
	}

	.just-mobile {
		display: block;
	}

/*PAGE MATERIEAL*/


.new-page-bottom-materiel {
  padding: 30px 20px 200px 20px;
}
.new-page-bottom-materiel a {
  width: 100%;
}
.new-page-bottom-materiel span {
  color: #018177;
  font-family: "Anton", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  width: calc(100% - 30px);
  letter-spacing: -0.28px;
  text-transform: uppercase;
}

	/*HEADER*/

	.header-hp {
		padding-bottom: 90px;
		padding-top: 84px;
		background-image: url(back-header-mobile.png);
		background-size: contain;
    background-position-y: bottom;
    background-repeat: no-repeat;
	}
	.logo-pcf-absolute-header {
	  left: 14px;
	  right: unset;
	  position: absolute;
	  top: 11px;
	  width: 90px;
	  height: auto;
	  margin-left: unset;
	  margin-right: unset;
	}
	.candidats-election-header-mobile {
	  position: absolute;
	  height: 52px;
	  width: auto;
	  top: 18px;
	  right: 14px;
	}

	.faux-bask-header {
		display: none;
	}

	.fb-2027-mobile {
		margin-top: -60px;
	  z-index: 2;
	  position: relative;
	  margin-bottom: -37px;
	  width: 364px;
	  margin-left: auto;
	}


	.header-hp h1 {
		font-size: 137.724px;
		font-style: normal;
		font-weight: 400;
		line-height: 100%;
		padding: 0;
	}

	/*FORMULAIRE*/

	.form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
	}
	.input-formulaire  {
		margin-right: unset;
		margin-bottom: unset;
	}

	.btn-new-form {
		width: 100%;
		margin-top: 9px;
	}
	.input-formulaire {
		width: auto;
	}
	/*BENTO*/

	.bento {
	  background-color: #018177;
	  padding-bottom: 57px;
	  padding-top: 40px;
	  z-index: 4;
	  position: relative;
	}
	.youtube-container {
		margin-bottom: 15px;
	}
	.bento-img img {
	  width: 100%;
	  height: auto;
	  object-fit: unset;
	}
	.bento-bloc {
		margin-bottom: 15px;
		height: auto;
	}
 .bento-partage {
    margin-top: unset;
    background: #E89A3F;
    height: 141px;
    display: flex;
    padding-left: 15px;
    padding-right: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: last baseline;
  }
	.bento-partage-img {
		margin-bottom: 12px;
	}
		.bento-partage-icon img {
	  width: 36px;
	  margin-left: unset;
	  margin-right: 9px;
	  height: 36px;
	}

	/*BLOC  VIVRE*/

	.vivre {
	  background-color: #E4D3BF;
	  padding-top: 50px;
	  padding-bottom: 60px;
	  position: relative;
	}
	.vivre-absolute {
		display: none;
	}
	.vivre h2 {
	  color: #222E4D;
	  font-size: 47px;
	}
	.vivre h3 {
	  padding-bottom: 50px;
	  font-size: 76px;
	}

	/*A PROPOS*/
	.a-propos {
	  background-image: url(back-orange.png);
	  padding-top: 80px;
	  padding-bottom: 170px;
	}

	.a-propos h2 {
	  padding-bottom: 36px;
	  font-size: 59px;
	  line-height: 63px;
	}

	.a-propos-absolute {
		display: none;
	}

	.a-propos-flex {
		display: block;
	}
	.a-propos-flex > div:first-child {
	  width: 100%;
	  flex-shrink: 0;
	}
	.a-propos-back {
		margin-top: 15px;
	}

	/*FOOTER*/

	.row-une-img {
		margin-bottom: 30px;
		z-index: 5;
		position: relative;
	}
	.new-footer ul li a {
		z-index: 5;
		position: relative;
	}
	.row-une {
	  padding-bottom: 82px;
	}  
	.new-footer {
		padding-top: 88px;
	}
	.logo-pcf-absolute-mobile {
		position: absolute;
		width: 177px;
		height: auto;
		right: 26px;
		top: -35px;
		z-index: 4;
	}

	.fond-logo-pcf-mobile-absolute {
		width: 306px;
		position: absolute;
		bottom: 90px;
		right: 0;
		z-index: 3;
	}

	/*NEW PAGE BASIC*/

	.new-page-top {
	  padding: 30px 20px;
	  box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.13);
	}
	.new-page-headline {
	  font-size: 40px;
	  line-height: 40px;
	}
	.new-page-content-basic {
		padding-top: 30px;
		padding-left: 20px;
		padding-bottom: 180px;
		padding-right: 20px;
	}




	.new-page-content blockquote {
	  font-size: 30px;
	  line-height: 36px;
	}
	.new-page-content blockquote p {
	  font-size: 30px;
	  line-height: 36px;
	}

	.new-page-event-back {
		border-radius: 6px;
		padding-top: 30px;
		padding-bottom: 150px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.new-page-event {
		padding-left: 15px;
		padding-right: 15px;
	}
	.new-page-event-back h1 {
	  font-size: 40px;
	  line-height: 40px;
	}
	.img-event {
	  margin-bottom: 20px;
	}
	.date-event-new {
		font-size: 15px;
	}

.cal-icon {
  text-align: center;
  background-color: #fff;
  font-size: 40px;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
  border-radius: .25rem;
  overflow: hidden;
  min-width: 50px;
  font-weight: bold;
}

.cal-icon {
  font-size: 30px;
}

.logo-vivre {
  width: 180px;
  height: auto;
  transition: all 0.3s;
}

}