/* --- visuel qui prend toute la largeur de l'écran --- */
.node--type-page-accueil #main{
	max-width: 100vw;
	margin:0;
	padding: 0;
}

/* --- Bandeau Hero --- */

.node--type-page-accueil h1{
	display: none;
}

#hero {
	background: linear-gradient(to bottom, #e3e5fe, #f5f5f5); /* Dégradé violet clair au gris clair */
	padding: 6% 5% 9% 5%;
}

/* --- Esthétique de la barre de recherche --- */
.node--type-page-accueil #block-bootstrap-barrio-arnia-formulairederecherche{
	margin-top: 30px;
}

.node--type-page-accueil #edit-actions{
	margin-left: 10px;
}

.node--type-page-accueil #edit-actions input{
	color: white;
}

.node--type-page-accueil #edit-actions input:hover{
	border: solid #bebaf7 3px;
}

/* --- Bulles - Liens directs ---  */
.node--type-page-accueil #bulles{
	padding: 0 5%;
}
.node--type-page-accueil #bulles img{
	width: 40px;
	height: auto;
}

.node--type-page-accueil #bulles .card-body{
	margin-top: 35px;
}

.node--type-page-accueil #bulles a{
	color: black;
	text-decoration: none;
}

.node--type-page-accueil #bulles a:hover{
	text-decoration:underline dashed;
}

/* ---  ligne droite hr --- */
.node--type-page-accueil hr{
	margin: 3% 10%;
}

.node--type-page-accueil #actus{
	background: linear-gradient(to bottom, #ffffff, #f2f0f0); /* Dégradé blanc au gris clair */
	padding: 2% 5% 0 5%;
}

/* --- Catégories --- */

.node--type-page-accueil #categories .card{
  background-color: #e3e2fb;
}

#categories .cat-icon{
  width: 35px;
 height : 35px;
 background-color: #7451eb;
}

#categories .cat-icon>img{
 	position: relative;
	top: 5px;
	left : 8px;
	width: 20px;
	height: auto;
}

#categories .card-body{
	padding: 0 30px 0 30px;
}

#categories .card-title{
  margin : 40px 0 20px 0;
}

#categories .card-text{
 	padding: 10px 10px 60px 10px;
	margin-bottom: 0;
}

#categories ul li{
  margin-bottom: 10px;
}

#categories .card-footer{
	border-top: none !important;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

#categories .card-footer img{
	width: 40px;
	height: auto;
}


/* --- Contact - Coordonnées --- */

/* Fond de couleur et marges */
#ac-contact {
	margin-top: 80px;
	padding : 20px 0 20px 0;	
	background: #ebecfa;
}

/* Marges du titre H2 */
#ac-contact h2{
	margin: 30px 0 40px 0;
}


/* --- Liens complémentaires - formation, équipe, suggestions, site ARNia --- */
.node--type-page-accueil .featured-bottom {
	background: #533aa8;
	margin: 0;
	padding: 40px 0 50px 0;
}

.node--type-page-accueil .featured-bottom a{
	color: #ebecfa;
	text-decoration: none;
}

.node--type-page-accueil .featured-bottom a:hover{
	color: #ffffff;	
	text-decoration: underline dotted;
}	

/* --- Footer --- */
.node--type-page-accueil .site-footer__bottom{
	margin-top: 0;
	background: #360066;
	padding: 0;
}

.node--type-page-accueil .site-footer{
	margin: 0;
	padding: 0;
}

.node--type-page-accueil .region-footer-fifth{
	margin: 0;
}