/* body								{ background-image: URL('../img/v4.jpg'); background-position: top center; background-repeat: no-repeat;} */
   
  
.bg-projetsetablissement 			{ display: flex; flex-direction: column; justify-content:center; gap: 1rem;background-repeat: no-repeat; background-size: cover; background-position: center; min-height:250px; margin-bottom: 120px; }
.bg-projetsetablissement .wrapper	{ padding: 20px 0;}
.bg-projetsetablissement h1,
.bg-projetsetablissement .content,
.bg-projetsetablissement .page-subtitle	{ padding: 0 230px;}
.d-flex								{ display: flex; flex-direction: row;}
.aside								{ width: 227px; margin-bottom: 50px; flex: 0 0 227px; max-width: 227px;	margin-left: 6px;}
.container-fluid					{ margin:auto; width: 1290px;}
.projets-etab-list					{ margin-left: 77px; gap: 21px; align-items: stretch; flex-wrap: wrap;}
.projets-etab-list .billet 			{ width: calc(50% - 22px); box-sizing: border-box; display: flex;flex-direction: column;}
.border								{ border: 1px solid #D1D1D1; padding: 32px; flex-grow: 1;display: flex;	flex-direction: column;}
.mb-5								{ margin-bottom: 40px;} 
.filtre-projets label 				{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 2px; border-radius: 0px; cursor: pointer; 	transition: background 0.3s ease; }
.filtre-projets input[type="checkbox"] { accent-color: var(--couleur-dim); margin-right: 7px;}
.filtre-projets input[type="checkbox"]:checked + span,
.filtre-projets input[type="checkbox"]:checked + label { 	background-color: var(--couleur-dim); color: white;border-radius: 0px;}
.filtre-projets input[type="checkbox"] { 	accent-color: var(--couleur-dim); 	color-scheme: light dark; border-radius: 0px;}

ul.page-numbers						{ display: flex; justify-content: center; gap: 1rem; margin-top: 50px;}
.search-input-wrapper 				{ position: relative; width: 100%; }
.search-input-wrapper input[type="text"] { width: 100%; padding-right: 30px; box-sizing: border-box; }
.search-input-wrapper .search-icon 	{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; display: flex; 	align-items: center; 	justify-content: center; }

h1 									{ font-weight: 400 !important; font-size: 40px !important; color: #007694; }
p.page-subtitle						{ font-weight: 400 !important; font-size: 24px !important; line-height: 120% !important; color: #95A5A4!important; opacity: 0.8;margin: 0;}
.content, .content p				{ font-weight: 400 !important; font-size: 14px !important; line-height: 123% !important; color: #63797C!important; }
.dimension-label span 				{ font-weight: 700 !important; font-size: 12px!important; color: #333333!important;}
h2									{ font-weight: 700 !important; font-size: 18px!important; line-height:118%!important;  color: #333333!important;	margin-bottom: 15px;} 
.notreintro, .notreintro p 			{ display: -webkit-box; 
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;   /* Orientation vertical de la boite */
overflow: hidden;}
.notreintro,
.notreintro p,
p 									{ font-weight: 400 !important; font-size: 14px !important; line-height: 123% !important; color: #333333!important; opacity: 0.8;}
legend 								{ font-weight: 700 !important; font-size: 12px ! important; line-height: 100% !important;  color: #333333 !important; margin-bottom:14px;}
fieldset 							{ border: 0; padding: 0; margin: 0; }
input[type="text"] 					{ height: 36px; width: 159px; padding-left: 10px;	}
label 								{ font-weight: 400 !important; font-size: 13px !important; color: #656565 !important;}
.btn-reset							{ font-weight: 400 !important; font-size: 13px !important; color: #656565 !important; border-bottom: 1px solid #656565;}
.btn-reset svg						{ margin-right:18px;}
a.btn-reset  						{ padding-bottom: 8px; text-decoration: none !important;}  
.pdf-link a 						{ font-weight: 400 !important; font-size: 14px !important; color: #333333 !important; }
.mesfieldset						{ display: flex; flex-direction: column;}

.pagination span.current			{ font-weight: 700 !important; font-size: 18px!important; line-height:118%!important;  color: #333333!important;border-bottom: 2px solid #ED8000;}
.pagination a 						{ text-decoration: none; font-weight: 700 !important; font-size: 18px!important; line-height:118%!important;  color: #333333!important; opacity: 80%; border-bottom: 2px solid transparent;}


@media (max-width:1400px) {
	.container-fluid				{ width: 1190px;}
}
@media (max-width:1200px) {
	.container-fluid				{ width: 990px;}
}
@media (max-width: 991px) {
	.container-fluid				{ width: 100%;}
	.d-flex							{ flex-direction: column;}
	.aside							{ width: calc(100% - 80px); margin-bottom: 50px; max-width: 100%; flex: 1; margin-left: 40px;}
	.projets-etab-list				{ margin-left: 40px;}
	.projets-etab-list .billet 		{ width: calc(100% - 40px); }
	.mesfieldset					{ flex-direction: row;}
	fieldset						{ width: calc(50% - 22px); box-sizing: border-box; margin-bottom: 22px;  }
	.mesfieldset fieldset:first-child { order:2;}
	.bg-projetsetablissement h1, .bg-projetsetablissement .content, .bg-projetsetablissement .page-subtitle {
		padding: 0 50px;
	}
	.bg-projetsetablissement		{ background-image: none !important; margin-bottom: 20px;}
}


@media (max-width: 576px) {
	.container-fluid				{ padding-left: 20px; padding-right:20px; width: 100%;}
	.projets-etab-list				{ margin-left: 20px;}
	
}