/*-------- 1323 ---------*/
.content1323 h2{
	text-wrap: balance;
    padding-bottom: 2.629412rem ;
}
/*.content1323 .flexThat {
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}*/
.content1323 .flexThat {
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.padTB.flexThat:has(h2) .h1323-image {
  padding-left: 2.9411764705882355em;
  padding-right: 2.9411764705882355em;
}
.ctntxt.content1323 .flexThat {
	display: block;	
}

.content1323 .h5050-text h4 {
	padding-top: 1.767647rem !important;
}
.content1323 .colonne_2 .h5050-text:has(.surtitre) h5 {
	padding-bottom: 0.7em !important;
    padding-top: 0.7em;
	border-bottom: 1.5px solid var(--gris);
}
.content1323 .colonne_2 .h5050-text:has(.surtitre) h5:first-of-type {
	border-top: 1px solid var(--gris);
}
.content1323 .surtitre {
	padding-top: 0 ;
}
.inverted.content1323 .colonne_2 .padLR {
	padding-left: 0 !important;
}  
.content1323 .surtitre {
	padding-bottom: 0.8823529411764706em;
}
.content1323 .btn {
	margin: 0;
}
.content1323 .h5050-text p:has(.btn) {
	margin-bottom: 0.630588rem!important;
}
.content1323 .h5050-text p:first-of-type:has(.btn) {
	margin-top: 1.0352941em;
}
.content1323 ul {
	margin-top : 0.8em;
}
.h1323-image:not(.bordure1323) img:not(.bordure1323 .h1323-image img) {
    border-radius: 10px;
}
.content1323 .captionImg {
    padding-top: 0.5882352941176471em;
    padding-left: 1em;
}
.content1323 .colonne_1 .type-text:has(.colonne_2 .type-imag) {
	padding-left: 2.9411764705882355em;;
}
.content1323 .colonne_2 .type-text:has(.colonne_1 .type-imag) {
	padding-right: 2.9411764705882355em;;
}
h5:has(strong em) {
	padding-top: 1.767647rem !important;
}
.ctntxt.content1323:has(+ .bordure1323) {
    padding-bottom: 5.294117647058823em;
}


/*------ 1323 BORDURE ------*/
.bordure1323 p:has(strong) {
	margin-bottom: 0.3882352941176471em !important;
}
.bordure1323 .format {
	margin-right: 0.17647058823529413em;
}
.bordure1323 .captionImg {
	padding-top: 0.5882352941176471em;
    position: absolute;
    z-index: 1000;
    bottom: 1.65647058823529411em;
    left: 1.7647058823529411em;
}
.bordure1323 .h5050-text {
	padding-left: 2.352941em;
	padding-right: 2.352941em;
}
.bordure1323 .colonne_2 {
	display: flex;
	align-items: center;
}


.filterImg {
    mix-blend-mode: multiply;
    filter: grayscale(1) brightness(1.05);
    object-fit: cover;
}
.noFilterImg {
	mix-blend-mode: normal;
}

.bordure1323 .padLR {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bordure1323 .flexBordure {
	display: flex;
	flex-wrap: wrap;
    align-items: stretch;
}
.bordure1323 .colonne_1 .infoOnTop .rond{
    position: absolute;
    width: 1.7647058823529411em;
    height: 1.7647058823529411em;
    border-radius: 100%;
    top: 2.99411764705882355em;
    left: 1.7647058823529411em;
}


/*100*/
.ctn100 p:has(.btn) {
	display: flex;
	justify-content: center !important;
}

/*------ 4 COLONNES -------*/
.bg_bb {
	background: linear-gradient(135deg, hsla(227, 50%, 76%, 1) 0%, hsla(204, 79%, 43%, 1) 100%);
}
.bg_bb.invert {
	background: linear-gradient(135deg, hsla(204, 79%, 43%, 1) 0%,  hsla(227, 50%, 76%, 1) 100%);
}
.bg_vv {
	background: linear-gradient(135deg, hsla(71, 56%, 70%, 1) 0%, hsla(178, 40%, 48%, 1) 100%);
}
.bg_vv.invert {
	background: linear-gradient(135deg, hsla(178, 40%, 48%, 1) 0% , hsla(71, 56%, 70%, 1) 100%);
}
.bg_jo {
	background: linear-gradient(135deg, hsla(43, 98%, 63%, 1) 0%, hsla(24, 90%, 51%, 1) 100%);
}
.bg_jo.invert {
	background: linear-gradient(135deg, hsla(24, 90%, 51%, 1) 0%, hsla(43, 98%, 63%, 1) 100%);
}
.bg_bv {
	background: linear-gradient(135deg, hsla(204, 79%, 43%, 1) 0%, hsla(71, 56%, 70%, 1) 100%);
}
.bg_bv.invert {
	background: linear-gradient(135deg, hsla(71, 56%, 70%, 1) 0% , hsla(204, 79%, 43%, 1) 100%);
}
.bg_om {
	background: linear-gradient(135deg, hsla(24, 90%, 51%, 1) 0%, hsla(227, 50%, 76%, 1) 100%);
}
.bg_om.invert {
	background: linear-gradient(135deg, hsla(227, 50%, 76%, 1) 0%, hsla(24, 90%, 51%, 1) 100%);
}

.col4 .borderBottom {
	border-radius: 50px;
    width: 3.041176em;
}
.borderBottom.ligne_bg_bb {
	border: solid 5px var(--mauve);
}
.borderBottom.ligne_bg_vv {
	border: solid 5px var(--vert);
}
.borderBottom.ligne_bg_jo {
	border: solid 5px var(--jaune);
}
.borderBottom.ligne_bg_bv {
	border: solid 5px var(--bleuCiel);
}
.borderBottom.ligne_bg_om {
	border: solid 5px var(--orange);
}

.pad4cols {
	padding: 2.294118em 0 6.094118em 0;
}
.col4 .container12 {
	padding: 0 2.9411764705882355em;
}
.col4 .theBox {
	min-height: 250px;
	display: flex;
	flex-direction: column;
	height: 100%;
    max-width: 25.294117647058822em;
}
.col4 .theBox .insideBoxs {
    /*min-width: 25.352941176470587em;*/
    display: flex;
    flex-direction: column;
    flex: 1;
}
.col4 .flex4cols {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 2.125em;
}
.carteContenuCtn {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    height: 100%;
    border: solid 1px var(--gris);
    border-style: none solid solid solid;
    border-radius: 0px 0 10px 10px;
    min-height: 15.095882em;
    margin-top: -0.5em;
}
.carteContenu a {
	cursor: pointer;
}
.carteContenu p {
	padding-top: 1.7647058823529411em;
    margin-bottom: 0 !important;
    line-height: 1.2; 
    padding-bottom: 0.2em !important;
}
.carteContenuCtn, 
.carteInfosCtn {
	padding-left: 1em;
}
.carteContenu h6 {
	padding-top: 0.7558823529411765em;
}
.carteContenu h4 {
	line-height: 2.002941176470588rem;
}
.carteImg {
	display: flex;
    justify-content: center;
    min-height: 20em;
    border-radius: 10px;
}
.carteImg img {
	max-height: 345px;
	object-fit: cover;
}
.cartesInfoCtn {
    padding-bottom: 1.4647058823529411em;
}
.cartesInfoCtn:has(.borderBottom) {
   padding-bottom: 1.664706em;
}

.carteInfos a {
	font-size: 0.764705882352941em;
	color: var(--blancBg) !important;
	background-color: var(--bleuF);
 	width: fit-content;
    display: block; 
    padding: 0.35294117647058826em 0.9882352941176471em;
    margin: 0.17647058823529413em 0;
    line-height: 1.0364705882352942rem;
    font-weight: 400;
    border-radius: 40px;
    cursor: pointer;
    border: 1px solid var(--bleuF);
  	transition: var(--transitionTiming);
}
.carteInfos a:hover {
	background-color: var(--blancBg) !important;
    color: var(--bleuF) !important;
}
.carteInfos a[href^="tel:"]::before {
	font-family: "Font Awesome 6 Pro";
    content: "\f095";
    font-weight: 900;
    margin-right: 0.29411764705882354em;
}
.carteInfos p {
	margin: 0 !important;
   	line-height: 1.0364705882352942rem !important;
}
.carteInfos  a[href^="mailto:"]::before {
	font-family: "Font Awesome 6 Pro";
    content: "\40";
    font-weight: 900;
 	margin-right: 0.29411764705882354em;
}
.grid4Ctn {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.1764705882352942em;
}
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}
.modal-content {
    background-color: #fff;
    margin: 4% auto;
    padding: 27px;
    width: 100%;
    max-width: 1280px;
    position: relative;
    border-radius: 8px;
}
.modal-content h2 {
	padding-bottom: 0 !important;
	font-weight: 500;
}
.modal-content p {
    font-size: 0.9em;
}

/*.modal-trigger {
    cursor: pointer;
    transition: opacity 0.2s;
}*/
.close {
    cursor: pointer;
    float: right;
}

.close:hover,
.close:focus {
    opacity: 0.7;
}
.contenuPopup {
	padding: 1.323529rem 0 2.323529rem 0;
}
.insideModal {
	padding: 1.5em;
}
.modal-content .cartesInfoCtn {
    padding-bottom: 1.4647058823529411em;
}
.insideModal .flexThat {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex-direction: row !important;
}
.popupIcon {
	color: #fff;
    background-color: var(--bleuF);
    padding: 0.5em 0.65em;
    border-radius: 100%;
    transition: var(--transitionTiming);
    border: 1px solid var(--bleuF);
}
.popupIcon:hover {
	color: var(--bleuF);
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid var(--bleuF);
}
.plusPopup {
    position: absolute;
    bottom: 0.8em;
    left: 1em;
    padding: 0.4em 0.5em !important;
}
.modal-trigger:hover .plusPopup {
    color: var(--bleuF);
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid var(--bleuF);
}

/*----- TITRE SECTION -----*/
/*.titreSection {
	background-color: var(--gris);
	height: 2px;
	width: 100%;
	display: inline-flex;
	align-items: center;
}
.titreSection h3 {
	font-weight: 500 !important;
	display: inline-block;
	background-color: var(--blancBg);
	padding-right: 1.1764705882352942rem;
}*/


/*AXES*/
.axes span.btnFlecheBlanc {
    padding: 0.924705882353em;
    margin-bottom: 1.35058823529411em;
    border: none;
}
.axes .btn {
	padding: 1.04em 1.1764705882352942em;
    margin-right: 2px;
}


/*------ 404 -------*/
.page404 span.btnFlecheBleu {
	display: inline-flex !important;
}

.axesCtn span.btnFlecheBlanc {
    border-radius: 0 0px 6px 0;
}

#masthead .d-3-12 {
    width: 23%;
}

.breakLine.padTop:first-of-type {
	padding-top: 7.294118em;
}
.titleNoPad + section .padTB {
	padding: 2.941176em 0 0 0;
}

.timeline-wrapper {
	margin-top: 8em;
	margin-bottom: 5em;
}

/*---- LISTING LOGOS -----*/
.grid6cols {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}
.grid6cols img {
	border-radius: 10px;
	transition: 0.2s ease-in-out;
	border: solid 1px transparent;
	background-color: #fff;
}
.grid6cols img:hover {
	border: solid 1px var(--gris);
}

/*----- SINGLE ACTUALITES -----*/
.containerBoxSingle .box_single hr { 
	margin-top: 2.029412rem !important;
	margin-bottom: 2.029412rem !important;
}
.containerBoxSingle h4 {
    padding-bottom: 1.647059rem !important;
}
figcaption {
	font-size: 0.7222222222222222em !important;
	padding: 1em 1em 0 1em !important;
}

/*Media Query*/
@media screen and (max-width: 1910px) {
	.col4 .theBox {
		max-width: 100%
	}
	.col4ctnMobile {
		width: 100%;
	}
	.insideModal {
    	padding: 0.5em;
	}
}

@media screen and (max-width: 1480px) {
/*	.modal-content {
	    max-width: 1060px;
	}*/
}
@media screen and (max-width: 1440px) {
	.carteImg img {
    	max-height: 312px;
	}
}
@media screen and (max-width: 1280px) {
	.carteImg img {
        max-height: 300px;
    }
}


@media screen and (max-width: 1024px) {
	.titreSectionCtn..padTop {
		padding-top: 2.833333em;
	}

	.content1323 .captionImg {
    	padding-left: 5em;
	}
	.grid4Ctn {
	  grid-template-columns: repeat(2, 1fr) !important;
	}
	.col4 .container12 {
	    padding: 0;
	}
    .insideModal h5 {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 768px) {

    .grid4Ctn {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
 
    .titreSection h3 {
    	display: inline-block;
	}
	.titreSectionCtn.padTop {
		padding-top: 0;
	}

}

@media screen and (max-width: 640px) {

    .grid4Ctn {
       display: grid;
       grid-template-columns: repeat(1, 1fr) !important;
    }
    .modal-content .flexThat {
    	width: 100%;
    }
    .contenuPopup {
    	padding: 0;
	}
	.insideModal {
    	padding: 1.5em 0.5em 0.5em 0.5em;
	}


}