@charset "utf-8";

* {
	box-sizing: border-box;
}

img{
	width: 100%;
}

a{
	text-decoration: none;
}

p{
	margin-bottom: 1.25rem;
	line-height: 2rem;
}

ul{
	margin-bottom: 0;
}

summary{
	font-variant:small-caps;
	color:#e36f43;
	font-weight:700;
	font-size:1.25rem;
}

summary:hover{
	color:black;
}

.borderbleu{
	border-left: 4px solid #18577f;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.gap-card-5{
	column-gap:5%;
}

.p-relative{
	position: relative;
}

.p-absolute{
	position: absolute;
}

/* --- COLORS --- */

.bgcolor-bleu{
	background-color: #18577f;
}

.bgcolor-orange{
	background-color: #e36f43;
}

.bgcolor-gris{
	background-color:#F2F2F2;
}

.color-blue{
	color: #18577f;
}

.color-orange{
	color:#e36f43;
}

.color-orangeclair{
	color:#F5C5B2;
}

.color-gris{
	color:#F2F2F2;
}

.bg-blue1{
	background-color:#a6ecfe;
}

.bg-blue2 {
	background-color:#3098ae;
}

.bg-vert{
	background-color:#3b6869;
}

.bg-brun{
	background-color:#9f9a8b;
}

.bg-claro{
	background-color:#e7dfdf;
}

/* --- END COLORS --- */

/* --- FONTS --- */

.gelasio-{
  font-family: "Gelasio", serif;
}

.roboto-{
  font-family: "Roboto", sans-serif;
}

/* --- END FONTS --- */

/* --- BOUTONS --- */

.btn-bleu{
	display: block;
	font-family: "Roboto", sans-serif;
	padding: .75rem 2rem;
	border-radius: .75rem;
	font-size:1.25rem;
	font-variant: small-caps;
	font-weight:600;
	border:none;
	color: white;
	align-self: center;
}

.btn-bleu:hover{
	background-color: lightgrey;
	color:black !important;
	transition: 0.4s;
}

.btn-orange{
	color:white !important;
	padding: 1rem 3rem;
	border-top-left-radius: 24px;
  	border-bottom-right-radius: 24px;
  	font-size:1.25rem;
	font-variant: small-caps;
	font-weight:600;
	border:none;
}

.btn-orange:hover{
	background-color: transparent;
	transition: 0.4s;
	color:#e36f43 !important;
}

.btns-header{
	width: 65%;
}

.btn-header{
	background-color:transparent;
	border:none;
	font-size:1.5rem;
	color: white;
}

.navbar-toggler{
	color:white;
	border:none;
}

.navbar-toggler i{
	font-size:1.75rem;
}

/* --- FIN BOUTONS --- */

/* --- LANGUES --- */

form{
	position: absolute;
	bottom:0;
	right: 0;
}

select{
	padding-top:1.25rem;
	padding-left: 1.75rem;
	padding-right: 1rem;
	padding-bottom: .75rem;
	border-top-left-radius: 5rem;
	border:none;
	color:white;
	font-weight: 600;
	appearance: none;
 	-webkit-appearance: none;
  	-moz-appearance: none;
}

select:focus{
 	outline: none; /* Quita el contorno azul al hacer clic */
 	border: none;  /* Asegura que no aparezca borde */
  	box-shadow: none; /* Elimina cualquier sombra de foco */
}

option{
	background-color: white;
	color:black;
	font-weight:600;
	border:none;
}

option:hover{
	background-color: lightgrey !important ;
}

.btn-top{
	width: 30%;
	padding: 1rem 3rem;
	border-radius: .75rem;
	border:none;
	margin-bottom: 2rem;
	color:black;
	font-variant: small-caps;
	font-weight: 700;
}

.btn-top:hover{
	background-color: lightgrey;
	transform: translateY(-5px);
	transition: 0.4s;
}

.btn-top i{
	font-size:1.5rem;
}

.parrabtn{
	font-size:1.25rem;
}

/* --- FIN LANGUES --- */

/* --- HEADER ---  */

header{
	min-height: 10rem;
	position: relative;
}

header .logo{
	width:30%;
}

.navbar {
	width: 50%;
}

.navbar-nav .nav-link{
	color:white;
	font-variant: small-caps;
	font-size: 1.25rem;
	font-weight: 600;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show
.navbar-toggler a{
	color:#e36f43;
}

header i:hover{
	color:#e36f43;
}

.nav-link:focus, 
.nav-link:hover,
.navbar-nav .nav-link.show{
	color:#F5C5B2;
}

.dropdown-toggle::after{
	color: rgba(255,255,255,.75);
}

.dropdown-item:hover{
	background-color: #e36f43;
}

.dropdown-item.active, 
.dropdown-item:active {
	background-color: #F2F2F2;
	color:black;
}

.textaccueil h1{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}


/* --- END HEADER --- */

/* --- VISION / MISSION --- */

.card-vm {
   	background: transparent;
   	border: none; 
   	position: relative;
}

.imgarrow1{
	width: 15%;
	left:15rem;
	top: 1rem;
}

.imgarrow2{
	width: 15%;
	top: 1rem;
	right: 16.5rem;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}

.imgcard {
 	width: 100%;
  	height: 350px; /* tu peux ajuster selon ton design */
  	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
 	border-top-left-radius: 48px;
 	border-bottom-right-radius: 48px;
}

.vision-mission h2{
	font-size:1.75rem;
	font-variant:small-caps;
	font-weight:700;
}

.vision-mission p{
	text-align: center;
	font-size:1.25rem;
	line-height: 2rem;
}

.fondgris{
	z-index: -1;
	height: 60%;
}

/* --- END VISION / MISSION --- */

/* --- ACTIONS --- */

.actions h2{
	font-size:2rem;
	font-weight:700;
	font-variant:small-caps;
}

.gallery-image {
  	width: 100%;
  	height: 220px; /* Altura fija para uniformidad */
  	object-fit: cover; /* Recorta para que todas queden iguales */
  	border-radius: 12px; /* Esquinas redondeadas opcional */
}

.gallery-item {
  	text-align: center;
}

.gallery-item img:hover{
	transform: scale(1.1); /* aumenta el tamaño al pasar el mouse */
 	opacity: 0.8; /* cambia un poco la opacidad */
 	transition: 0.4s;
}

.gallery-title {
 	margin-top: 10px;
  	font-size: 1.25rem;
  	font-weight: 500;
}

/* --- END ACTIONS --- */

/* --- ACTUALITES --- */

.card-actu {
	background:none;
  	border: none;
}

.card-actu img {
	width: 100%;
	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
  	border-radius:12px;
}

.actualités h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}

.actualités h3{
	font-family: "Roboto", sans-serif;
	font-size: 1.25rem;
	padding-top:20px;
}

.actualités p{
	font-family: "Roboto", sans-serif;
	text-align: justify;
	line-height: 2rem;
}

.card-actu .date{
	color:white;
	font-weight: 600;
	border-top-right-radius: 12px;
	width: 50%;
	height: 15%;
	position: absolute;
	top: 0;
	right: 0;
}

.actualités .btn-bleu{
	margin-bottom:0;
}

/* --- END ACTUALITES ---*/

/* --- TEMOIGNAGES --- */

.témoignages h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}

.testimonial-card {
	background-color: #F2F2F2;
	border-radius: 12px;
	padding: 40px;
	text-align: justify;
	height: 30rem;
}

.testimonial-card h4 {
	text-align: center;
  	color: #18577f;
  	font-weight: 500;
  	font-size: 1.25rem;
  	padding-bottom: 20px;
}

.testimonial-card p {
	line-height: 2rem;
}

.carousel-control-prev i,
.carousel-control-next i{
  	color:#F5C5B2;
  	font-size: 2rem;
}

.carousel-control-prev:hover i,
.carousel-control-next:hover i{
  	color:grey;
}

/* --- END TEMOIGNAGES --- */

/* --- FOOTER --- */

footer i{
	font-size: 1.75rem;
}

.footer1 img{
	width: 20%;
}

.footer1 .contact a{
	color:white;
}

.footer1 .contact a:hover{
	color:#e36f43;
}

.footer2 img{
	width: 20%;
}

.footer2 a{
	text-decoration: none;
	color:black;
}

.footer2 a:hover{
	color:#e36f43;
}

.reseaux i:hover{
	color:#e36f43;
}

/* --- END FOOTER --- */


/* --- ASBL --- */

.asbl h2,
.depart-origine h2,
.histoire-diogenes h2{
	font-size:2.25rem;
	font-variant:small-caps;
	font-weight:700;
}

.asbl .droite img{
	width: 100%;
}

.asbl p,
.parra1 p,
.parra2 p,
.depart-origine p{
	text-align: justify;
	line-height: 2rem;
}

.asbl img,
.depart-origine img{
	border-radius: 12px;
}

.photogauche img,
.photodroite img{
	width: 100%;
	height: 23rem;
	object-fit: cover;
}

/* --- historique 1995 à maintenant --- */

.histoire-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #F2F2F2;
	border-radius: 12px;
	height: 28rem;
	padding:1.5rem;
}

.histoire-card p {
	line-height: 2rem;
	text-align:justify;
	hyphens: auto;            
  	-webkit-hyphens: auto;   
  	-ms-hyphens: auto;
 	overflow-wrap: break-word;
 	margin-bottom:0;
}

.histoire-card a{
	color:#18577f;
	font-weight:700;
}

.histoire-card a:hover{
	color:#e36f43;
}

.histoire-card .date{
	color:white;
	font-weight: 600;
	border-top-right-radius: 12px;
	width: 50%;
	height: 2.5rem;
	top: 0;
	right: 0;
}

/* --- END ASBL --- */

/* --- PARTENAIRES + NOUS REJOINDRE + PRESSE --- */

.partenaires h2,
.rejoindre h2,
.presse h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
	text-align:center;
}

.partenaires .parra1,
.rejoindre .parra1,
.presse .parra1{
	font-weight:500;
	text-align:center;
}

.partenaires a,
.rejoindre a,
.presse a{
	color:#18577f;
	font-weight:700;
}

.partenaires li,
.rejoindre li,
.presse li{
	line-height: 2rem;
}

.partenaires a:hover,
.rejoindre a:hover,
.presse a:hover{
	color:#e36f43;
}

.partenaires h3,
.rejoindre h3,
.presse h3{
	font-variant: small-caps;
	font-weight:700;
}

.partenaires p,
.rejoindre p,
.presse p{
	text-align: justify;
	line-height: 2rem;
}

/* --- END PARTENAIRES + NOUS REJOINDRE + PRESSE --- */


/* --- RAPPORTS --- */

.card-rapport {
	background-color:#F2F2F2;
  	border-radius: 12px;
}

.card-rapport img {
 	width: 100%;
 	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
 	border-top-right-radius:12px;
  	border-top-left-radius: 12px;
}

.rapports h2,
.rapports24 h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}

.rapports h3,
.rapports24 h3{
	font-size: 1.25rem;
	padding:20px;
	padding-bottom: 0;
}

.card-rapport p{
	text-align: justify;
	line-height: 2rem;
	padding:20px;
}

.rapports .parra1,
.rapports24 .parra1{
	text-align:center;
	margin-bottom:0;
}

.card-rapport .date,
.card-plaidoyer .date{
	color:white;
	font-weight: 600;
	border-top-right-radius: 12px;
	width: 50%;
	height: 15%;
	position: absolute;
	top: 0;
	right: 0;
}

/* ---END RAPPORTS --- */

/* --- NOS ACTIONS --- */

.actions .parra1,
.travailderue .parra1{
	text-align:center;
	margin-bottom:0;
}

.card-actions {
	background-color:#F2F2F2;
    border-radius: 12px;
}

.card-actions img {
 	width: 100%;
 	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
 	border-top-right-radius:12px;
  	border-top-left-radius: 12px;
}

.actions h2,
.travailderue h2,
.metro-liens h2,
.logement h2,
.housingfirst h2,
.interventions h2,
.formations h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}

.actions h3{
	font-size: 1.25rem;
	padding:20px;
	padding-bottom: 0;
}

.travailderue h3,
.metro-liens h3,
.logement h3,
.housingfirst h3,
.interventions h3,
.formations h3,
.formations h4{
	font-variant:small-caps;
	font-weight: 700;
}

.actions p{
	text-align: justify;
	line-height: 2rem;
	padding:20px;
}

.travailderue p,
.metro-liens p,
.logement p,
.housingfirst p,
.interventions p,
.formations p{
	text-align: justify;
	line-height: 2rem;
}

.travailderue .droite img,
.metro-liens .droite img,
.logement .droite img,
.housingfirst .droite img{
	width:100%;
	height: 365px;
	border-radius:12px;
	object-fit: cover;
}

.formations img{
	width: 100%;
 	height:300px; /* tu peux ajuster selon ton design */
 	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
  	border-radius:12px;
}

.interventions img{
	border-radius:12px;
}

.travailderue a,
.metro-liens a,
.logement a,
.housingfirst a,
.interventions a,
.formations a{
	color:#18577f;
	font-weight:700;
}

.travailderue a:hover,
.metro-liens a:hover,
.logement a:hover,
.housingfirst a:hover,
.interventions a:hover,
.formations a:hover{
	color:#e36f43;
}

.interventions li,
.metro-liens li,
.logement li,
.housingfirst li,
.formations li{
	line-height: 2rem;
	text-align:justify;
	margin-bottom:1rem;
}

.housingfirst .testimonial-card {
	height: 40rem;
}

/* --- END NOS ACTIONS --- */

/* --- RUE + AIDER + INFORMER --- */

.rue h2,
.aider h2,
.info h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
	text-align:center;
}

.rue a,
.aider a,
.info a{
	color:#18577f;
	font-weight:700;
}

.rue a:hover,
.aider a:hover,
.info a:hover{
	color:#e36f43;
}

.rue li,
.aider li,
.info li{
	line-height: 2rem;
	text-align:justify;
	margin-bottom:1rem;
}

.rue h3,
.aider h3,
.info h3{
	font-variant: small-caps;
	font-weight:700;
}

.rue p,
.aider p,
.info p{
	text-align: justify;
	line-height: 2rem;
}

.rue .parra1,
.aider .parra1{
	font-weight:500;
}

.info h3{
	margin-top: 10px;
	text-align:center;
}

.gallery-info {
	background-color:transparent;
}

.gallery-info img{
	border-radius:12px;	
	width: 100%;
  	height: 300px; /* Altura fija para uniformidad */
 	object-fit: cover; /* Recorta para que todas queden iguales */
 	border-radius: 12px; /* Esquinas redondeadas opcional */
}

.gallery-info img:hover{
	transform: scale(1.1); /* aumenta el tamaño al pasar el mouse */
 	opacity: 0.8; /* cambia un poco la opacidad */
 	transition: 0.4s;
}

/* --- FIN RUE + AIDER + INFORMER --- */

/* --- ECHOS DE LA RUE + PUBLICATIONS + CAMPAGNES + PLAIDOYER--- */

.card-echos,
.card-echos2,
.card-publi, 
.card-campagnes,
.card-plaidoyer,
.card-plaidoyer2,
.plaidoyer .card-plaidoyer-merveilles {
	background-color:#F2F2F2;
  	border-radius: 12px;
}

.card-echos img,
.card-publi img,
.card-campagnes img,
.card-plaidoyer img,
.card-plaidoyer2 img,
.card-plaidoyer-merveilles img{
 	width: 100%;
	height: 250px; /* tu peux ajuster selon ton design */
	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
 	border-top-right-radius:12px;
  	border-top-left-radius: 12px;
}

.merveilles .card-plaidoyer img{
	width: auto;
	height: 352px;
	object-fit: contain; /* garde le centrage et rogne un peu si besoin */
	border-top-right-radius:12px;
	border-top-left-radius: 12px;
}

.card-echos2 img{
 	width: 100%;
 	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: contain; /* garde le centrage et rogne un peu si besoin */
 	border-top-right-radius:12px;
 	border-top-left-radius: 12px;
}

.card-echos iframe{
	width: 100%;
 	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: cover; /* garde le centrage et rogne un peu si besoin */
	border-top-right-radius:12px;
  	border-top-left-radius: 12px;
}

.extraplaidoyer .card-plaidoyer img,
.plaidoyer .card-plaidoyer-merveilles img{
	width: 100%;
 	height: 250px; /* tu peux ajuster selon ton design */
 	object-fit: contain; /* garde le centrage et rogne un peu si besoin */
  	border-top-right-radius:12px;
  	border-top-left-radius: 12px;
}
.card-plaidoyer2{
	overflow:hidden;
	border-radius: 12px;
}

.parolesrue6 img{
	border-radius:12px;
	width:75%;
	height:500px;
}

.echos h2,
.publications h2,
.campagnes h2,
.jexiste h2,
.sensibilisation h2,
.plaidoyer h2,
.extraplaidoyer h2,
.plaidoyer12 h2,
.merveilles h2,
.parolesrue h2,
.parolesrue1 h2,
.parolesrue2 h2,
.parolesrue5 h2,
.parolesrue6 h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
}

.echos h3,
.publications h3,
.campagnes h3,
.plaidoyer h3,
.extraplaidoyer h3,
.merveilles h3,
.parolesrue h3,
.parolesrue1 h3{
	font-size: 1.25rem;
	padding:20px;
	padding-bottom: 0;
}

.merveilles h3{
	color:#e36f43;
}

.jexiste h3,
.parolesrue1 h3,
.plaidoyer12 h3{
	font-variant: small-caps;
	font-weight:700;
}

.card-echos p,
.card-publi p,
.card-campagnes p,
.card-plaidoyer p,
.card-plaidoyer2 p,
.plaidoyer .card-plaidoyer-merveilles p,
.card-echos2 p{
	text-align: justify;
	line-height: 2rem;
	padding:20px;
}

.jexiste p,
.sensibilisation p,
.parolesrue2 p,
.parolesrue5 p,
.parolesrue6 p,
.plaidoyer12 p{
	text-align: justify;
	line-height: 2rem;
}

.parolesrue1 p{
	line-height: 2rem;
}

.parolesrue1 .parra1,
.parolesrue2 .parra1,
.parolesrue5 .parra1,
.parolesrue6 .parra1{
	font-weight:500;
}

.jexiste a,
.sensibilisation a,
.parolesrue2 a{
	color:#18577f;
	font-weight:700;
}

.jexiste a:hover,
.parolesrue2 a:hover{
	color:#e36f43;
}

.jexiste li,
.sensibilisation li{
	line-height: 2rem;
	text-align:justify;
	margin-bottom:1rem;
}

/* --- FIN ECHOS DE LA RUE + PUBLICATIONS + CAMPAGNES + PLAIDOYER --- */

/* --- ACTUALITES --- */

/* "main .page" et pas ".page" : WordPress met aussi la classe "page" sur <body> */
main .page {
    display: none;
}

main .page.active {
    display: block;
}

.active {
  	display: block;
}

.pagination {
 	margin-top: 20px;
}

.pagination button {
	border: none;
	background: none;
	color: gray;
	font-size: 20px;
	cursor: pointer;
	margin: 0 5px;
}

.pagination button.active {
  	color:#e36f43;
 	font-weight: bold;
}

.pagination button:hover {
  	color:#e36f43;
}

.actualite2 h2,
.actualite3 h2{
	font-size:2.25rem;
	font-variant:small-caps;
	font-weight:700;
}

.actualite2 h3,
.actualite3 h3{
	font-variant:small-caps;
	font-weight: 700;
}

.actualite2 .droite img,
.actualite3 .droite img{
	width: 100%;
	height: 365px;
	object-fit: cover;
	border-radius: 12px;
}

.actualite2 p,
.actualite3 p{
	text-align: justify;
	line-height: 2rem;
}

.actualite2 a,
.actualite3 a{
	color:#18577f;
	font-weight:700;
}

.actualite2 li,
.actualite3 li{
	line-height: 2rem;
}

.actualite2 a:hover,
.actualite3 a:hover{
	color:#e36f43;
}

/* --- FIN ACTUALITES --- */














/* --- CONTACT --- */

.contact h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
	text-align:center;
}

.contact a{
	color:#18577f;
	font-weight:700;
}

.contact li{
	line-height: 2rem;
}

.contact a:hover{
	color:#e36f43;
}

.contact h3{
	font-variant:small-caps;
	font-weight:700;
}

.contact p{
	text-align: justify;
	line-height: 2rem;
}

.contact .imgarrow1{
	width: 15%;
	left:27rem;
	top: 1.5rem;
	z-index: 999;
}

.imgcontact img{
  	border-top-left-radius: 48px;
  	border-bottom-right-radius: 48px;
}

.imgcontact{
	width: 80%;
}

.news p{
	bottom:0;
	right: 0;
}

.imgcontact img:hover{
	transform: scale(1.1); /* aumenta el tamaño al pasar el mouse */
 	opacity: 0.8; /* cambia un poco la opacidad */
 	transition: 0.4s;
}

.contact i{
	font-size:1.75rem;
}

.contact .newsletter i{
	font-size:4rem;
}

/* --- END CONTACT --- */

/* vieprivecookies + plan du site + mentions legales */

.vieprivecookies h2{
	font-size:2rem;
	font-variant:small-caps;
	font-weight:700;
	text-align:center;
}

.vieprivecookies h3{
	font-variant:small-caps;
	font-weight:700;
}

.vieprivecookies a{
	color:#18577f;
	font-weight:700;
}

.vieprivecookies a:hover{
	color:#e36f43;
}

.vieprivecookies p{
	text-align: justify;
	line-height: 2rem;
}



/* FIN vieprivecookies + plan du site + mentions legales */




/*// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

	.gallery-item{
		margin-top: 1rem;
	}

	.logofooter{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

header{
	height: auto;
}

header 

.logo{
	width:6%;
}

.navbar {
	width:auto;
}

.btns-header{
	width:auto;
}

.btn-orange{
	padding: 1rem 3rem;
}

.w-60{
	width: 60%;
}

.w-45{
	width: 47%;
}

.w-30{
	width: 30%;
}

.w-20{
	width: 25%;
}

.btn-top{
	margin-bottom: 0;
	width: 100%;
}

.boutons i{
	font-size:1.75rem;
}

.parrabtn{
	font-size:1.25rem;
	font-variant: small-caps;
	font-weight:700;
	color:black;
	text-align: center;
}

.textaccueil h1{
	font-size:2.75rem;
}

.rue h2,
.aider h2,
.actions h2,
.actualités h2,
.témoignages h2,
.asbl h2,
.depart-origine h2,
.histoire-diogenes h2,
.partenaires h2,
.rejoindre h2,
.rapports h2,
.rapports24 h2,
.nosactions h2,
.travailderue h2,
.metro-liens h2,
.logement h2,
.housingfirst h2,
.formations h2,
.interventions h2,
.echos h2,
.parolesrue h2,
.parolesrue1 h2,
.parolesrue2 h2,
.parolesrue5 h2,
.parolesrue6 h2,
.publications h2,
.campagnes h2,
.jexiste h2,
.sensibilisation h2,
.plaidoyer h2,
.plaidoyer12 h2,
.merveilles h2,
.extraplaidoyer h2,
.actualite2 h2,
.actualite3 h2,
.presse h2,
.contact h2,
.vieprivecookies h2{
	font-size:2.25rem;
}

.vision-mission h2{
	font-size: 2rem;
}

.echos h3,
.publications h3,
.campagnes h3,
.plaidoyer h3,
.extraplaidoyer h3,
.merveilles h3,
.parolesrue h3,
.parolesrue1 h3,
.actualite2 h3{
	font-size:1.5rem;
}

p,
li{
	font-size:1.1rem;
}

.histoire-card {
	padding: 2.5rem;
}

.testimonial-card {
	height: 22.63rem;
}

.housingfirst .testimonial-card {
	height: 25rem;
}

.asbl .droite img{
	width: 80%;
}

.photogauche img,
.photodroite img{
	width: 80%;
}

.travailderue .droite img,
.metro-liens .droite img,
.logement .droite img,
.housingfirst .droite img{
	width:80%;
}

.actualite2 .droite img,
.actualite3 .droite img{
	width: 80%;
}

.footer1 img{
	width: 80%;
}

}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

}