/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/

	/* header */
	#main-nav .navbar-nav { flex-direction: initial; }
	
	/* footer */
	#footer #liste_rs li a { display: block; background: #7D9DC7; color: #275DA2; border-radius: 30px; width: 30px; height: 30px; padding: 3px 8px; }

@media (max-width: 768px) { 
 h1 { font-size: 2.2rem; }
}


/* singles etablissements */

.etablissementitle.jeunesse { color: #f5c061; }
.etablissementitle.handicap { color: #37a4b6; }
.etablissementitle.solidarites { color: #7dd956; }
.etablissementitle.insertion { color: #eb6f4a; }
.etablissementitle.soins { color: #f3a598; }
.etablissementitle { display: block; margin-bottom: 20px; }
.etablissementitle span { display: block; color: #252323; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 15px; }
#etablissementcontact_form { display: none; }
#etab_vignette img { display: block; margin: 0 auto; }
.blocsidebarjeunesse { border: 2px solid #f5c061; border-radius: 20px; }
.blocsidebarhandicap { border: 2px solid #37a4b6; border-radius: 20px; }
.blocsidebarsolidarites { border: 2px solid #7dd956; border-radius: 20px; }
.blocsidebarinsertion { border: 2px solid #eb6f4a; border-radius: 20px; }
.blocsidebarsoins { border: 2px solid #f3a598; border-radius: 20px; }
.chiffrescles ul { padding: 0; list-style-type: none; }
.chiffrescles ul li { display: block; padding: 6px 2px; border-bottom: 1px solid #252323; }
.chiffrescles ul li:last-child { border-bottom: none; }
.chiffrescles ul li strong, .chiffrescles ul li b { font-size: 1.4rem; }
.etablissementsidebar .jeunesse-button, .etablissementsidebar .handicap-button, .etablissementsidebar .solidarites-button, .etablissementsidebar .insertion-button, .etablissementsidebar .soins-button { width: 100%; }

@media (max-width: 768px) { 
 .etablissementitle span { font-size: 1rem; }
 .etablissement_description h3 { font-size: 1.4rem; }

}


/* single actus */

#field_6231b603048d0 { padding-top: 0!important; }
#field_6231b603048d0_inner { max-width: 100%; }
#field_heroactus { background: #cd1719; }
.actustitle { display: block; margin-bottom: 20px; text-align: left; color: #FFFFFF; }
.actustitle span { display: block; color: #FFFFFF; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 15px; }

#moreactus { background-color: #f5c061; }
#moreactus .elem_grid_actus { position: relative; height: 100%; padding: 10px 10px 50px 10px; background: #FFFFFF; border-radius: 20px 20px 0 0; cursor: pointer; }
#moreactus .elem_grid_actus_thumbnail { height: 215px; overflow: hidden; }
#moreactus .elem_grid_actus_thumbnail img { width: 100%; height: auto; border-radius: 20px 20px 0 0; }
#moreactus .elem_grid_actus_meta { position: absolute; top: 20px; right: 30px; background: rgba(255,255,255,0.8); border-radius: 10px; font-size: 0.9rem; color: #cd1719; padding: 1px 10px; }
#moreactus .elem_grid_actus h3 { font-size: 1.4rem; line-height: 120%; }
#moreactus .elem_grid_actus .elem_grid_actus .date { color: #cd1719; }
#moreactus .elem_grid_actus_more a { display: block; position: absolute; bottom: 10px; right: 20px; background: #FFFFFF; border: 1px solid #cd1719; border-radius: 15px; color: #cd1719; padding: 4px 16px; transition: all 0.5s ease; }
#moreactus .elem_grid_actus_more a:hover { background: #cd1719; color: #FFFFFF; }

@media (max-width: 768px) { 
 .actustitle { font-size: 1.6rem; }
 .actustitle span { font-size: 1rem; }
}