
	/* CSE Styles */

	

		 .button_vert1 { display: inline-block; border-radius: 20px; padding: 10px 20px; background: var(--vert1); border: 1px solid var(--vert1); color: #FFFFFF!important; transition: all 0.5s ease; }
		
			 .button_vert1:hover { background: #FFFFFF; color: var(--vert1)!important; }
			
		 .button_beige1 { display: inline-block; border-radius: 20px; padding: 10px 20px; background: var(--beige1); border: 1px solid var(--beige1); color:  var(--vert1)!important; transition: all 0.5s ease; }
		
			 .button_beige1:hover { background: var(--vert1); color: var(--beige1)!important; }
			
		 .button_orange2 { display: inline-block; border-radius: 20px; padding: 10px 20px; background: var(--orange2); border: 1px solid var(--orange2); color: #FFFFFF!important; transition: all 0.5s ease; }
		
			 .button_orange2:hover { background: #FFFFFF; color: var(--orange2)!important; }
			
		 .button_blanc { display: inline-block; border-radius: 20px; padding: 10px 20px; background: var(--white); border: 1px solid var(--white); color: var(--vert1)!important; transition: all 0.5s ease; }
		
			 .button_blanc:hover { background: var(--vert1); color: #FFFFFF!important; }
			
		 .instrument {  }
		
		 .picto_apporter { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/A-apporter.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_accessibilite { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/Accessibilite.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important;  margin: 20px 0; }
		
		 .picto_hebergement { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/Hebergement.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_materiel { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/materiel-a-prevoir.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_evaluation { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/mode-devaluation.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_objectif { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/objectif.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_prerequis { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/pre-requis.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important;  margin: 20px 0; }
		
		 .picto_jours { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/programme-jours.png) no-repeat 0% 0%; background-size: 28px 28px; padding-left: 40px; color: #000000!important; }
		
		 .picto_restaurant { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/restaurant_562678.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_public { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/04/public-concerne.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; margin: 20px 0; }
		
		 .picto_disposition { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/05/Mise-a-disposition.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important; }
		
		 .picto_acces { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/05/Delais-dacces.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important;  margin: 20px 0; }
		
		 .picto_transport { background: url(https://dev.lesavoirfaire.fr/wp-content/uploads/2025/05/Transport.png) no-repeat 0% 50%; background-size: auto 100%; padding-left: 40px; color: #000000!important;  margin: 20px 0; }
		
	/* PAGINATION */

	
		 .paginationholder a { display: inline-block; padding: 0.5rem 0.9rem;  color: var(--vert1); cursor: pointer; }
		 .paginationholder a:hover {  }
		 .paginationholder a.jp-current, .paginationholder a.mixitup-control-active { background: var(--vert1); color: #FFFFFF; border-radius: 20px; }
		
	
		nf-field-label .nf-label-span, .nf-field-label label { font-weight: normal!important; }
.nf-form-content label { font-size: 1rem!important; }
.nf-form-content input[type=submit] { cursor: pointer; }
.nf-form-content input[type=submit]:hover, .nf-form-content input[type=submit]:focus {  }
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { padding: 4px 10px; border-radius: 20px; color: var(--vert1); border: 1px solid var(--vert1); }
.nf-form-content .list-select-wrap .nf-field-element>div:hover, .nf-form-content input:not([type=button]):hover, nf-form-content input:focus, .nf-form-content textarea:hover { border: 1px solid var(--orange1)!important; }
.nf-error.field-wrap .nf-field-element:after {  }
	
	
	/* CUSTOM CSS */
	@import url(https://fonts.bunny.net/css?family=instrument-serif:400i);
body { line-height: 130%; }
body.search-results { padding-top: 180px; }
#content { font-size: 1.1rem; }
h1,h2,h3,h4,h5 { line-height: 100%; }
.instrument em { font-family: "Instrument Serif", serif; font-weight: 400; font-style: italic; }
.borderrdiussfd { border-radius: 20px; }
.adaptativeimage .colonne2 { border-radius: 20px; }

/* formations secteurs */
.bg-ecoconstruction { background-color: var(--vert1)!important; }
.bg-artisanat { background-color: var(--gris1)!important; }
.bg-alimentation { background-color: var(--orange1)!important; }
.bg-agroecologie { background-color: var(--orange4)!important; }
.bg-soinetbeaute { background-color: var(--orange2)!important; }
.ecoconstruction { color: var(--vert1)!important; }
.artisanat { color: var(--gris1)!important; }
.alimentation { color: var(--orange1)!important; }
.agroecologie { color: var(--orange4)!important; }
.bg-soinetbeaute { background-color: var(--orange2)!important; }


/* formations grid */
#grid_powcc6f18bc91284c35 .item { padding-left: 0.25rem!important; padding-right: 0.25rem!important; }
.grid_formation_item .grid_formation_head { min-height: 120px; }
.grid_formation_item .h5 { font-weight: 300; }

.grid_formation_visuel { position: relative; overflow: hidden; }
.grid_formation_visuel img { border-radius: 20px; }
.grid_formation_item .grid_formation_nouveau, .grid_formation_item .grid_formation_place { display: none; }
.grid_formation_item.nouveau .grid_formation_nouveau { display: inline-block; }
.grid_formation_item.uneplace .grid_formation_place { display: inline-block; }
.grid_formation_nouveau { position: absolute; top: 15px; right: 15px; aspect-ratio: 1 / 1; font-size: 1.2rem; font-weight: bold; border-radius: 50%; padding: 25px 5px; text-align: center; transform: rotate(-15deg); font-family: Instrument Serif; }
.grid_formation_place { position: absolute; top: 20px; right: 20px; aspect-ratio: 1 / 1; font-size: 1.2rem; line-height: 100%; font-weight: bold; border-radius: 50%; padding: 10px; text-align: center; transform: rotate(-20deg); font-family: Instrument Serif; }
.grid_formation_item .grid_formation_excerpt { min-height: 100px; }
.grid_formation_item .grid_formation_head  { min-height: 148px; }

.grid_formation_item .grid_formation_visuel img { opacity: 1; transition: all 0.5s ease; }
.grid_formation_item:hover .grid_formation_visuel img { opacity: 0.6; }

.grid_formation_item .grid_formation_visuel .grid_formation_arrow { position: absolute; display: inline-block; width: 60px; height: 60px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: 300px; padding-top: 5px; font-size: 2rem; text-align: center; transition: all 0.5s ease; }
.grid_formation_item:hover .grid_formation_visuel .grid_formation_arrow { margin-top: 0; }
.grid_formation_more { margin-top: 10px; text-align: center; }
.grid_formation_more a { display: inline-block; border-radius: 16px; padding: 6px 10px; }

.grid_formation_item.bg-ecoconstruction .grid_formation_more a { border: 1px solid var(--vert1); background: var(--beige1); color: var(--vert1); transition: all 0.5s ease; }
.grid_formation_item.bg-ecoconstruction .grid_formation_more a:hover { border: 1px solid var(--beige1); background: var(--vert1); color: var(--beige1); }

.grid_formation_item.bg-artisanat .grid_formation_more a { border: 1px solid var(--gris1); background: var(--beige1); color: var(--gris1); transition: all 0.5s ease; }
.grid_formation_item.bg-artisanat .grid_formation_more a:hover { border: 1px solid var(--beige1); background: var(--gris1); color: var(--beige1); }

.grid_formation_item.bg-alimentation .grid_formation_more a { border: 1px solid var(--orange1); background: var(--beige1); color: var(--orange1); transition: all 0.5s ease; }
.grid_formation_item.bg-alimentation .grid_formation_more a:hover { border: 1px solid var(--beige1); background: var(--orange1); color: var(--beige1); }

.grid_formation_item.bg-agroecologie .grid_formation_more a { border: 1px solid var(--orange4); background: var(--beige1); color: var(--orange4); transition: all 0.5s ease; }
.grid_formation_item.bg-agroecologie .grid_formation_more a:hover { border: 1px solid var(--beige1); background: var(--orange4); color: var(--beige1); }

.grid_formation_item.bg-soinetbeaute .grid_formation_more a { border: 1px solid var(--orange2); background: var(--beige1); color: var(--orange2); transition: all 0.5s ease; }
.grid_formation_item.bg-soinetbeaute .grid_formation_more a:hover { border: 1px solid var(--beige1); background: var(--orange2); color: var(--beige1); }

/* actus gris */
.item_actus { position: relative; padding-bottom: 50px; }
.item_actus .item_actus_more { position: absolute; bottom: 15px; width: 100%; text-align: center; }
.item_actus_visual { position: relative; }
.item_actus_visual img { border-radius: 20px 20px 0 0; }
.item_actus_visual .item_actus_metas { position: absolute; top: 15px; right: 20px; background: var(--beige1); color: var(--vert); border-radius: 6px; font-size: 0.9rem; padding: 4px 10px; }

/* avis grid */
.item_avis_inner { background: var(--beige1); border-radius: 20px; }
.item_avis_right p, .item_avis_right div { display: inline; font-style: italic; }
.item_avis_left a { color: var(--vert1); }

	@media (max-width: 576px) {	
		body { font-size: 0.9rem; }
h2.flexible_section_title { font-size: 1.8rem; }

.picto_apporter, .picto_accessibilite, .picto_hebergement, .picto_materiel, .picto_evaluation, .picto_objectif, .picto_prerequis, .picto_jours, .picto_restaurant, .picto_public { background-size: auto 20px; background-position: 0% 0%; padding-left: 30px; }

.prefooter_call_rdv { padding: 15px 100px 15px 15px; font-size: 1.2rem; }
	}


