@media only screen and (max-width: 1350px) { 

	#headercontainer_inner header { padding-top: 10px; }
	#headercontainer_inner h1 a img { width: auto; height: 40px; margin-top: 10px; }
	
	#actus_home_cont.part_home_cont { padding: 20px 0; }
	
	
}

@media only screen and (max-width: 1250px) { 

	.header_pages_img h1 { padding-left: 30px; }

}

@media only screen and (max-width: 1200px) { 

	.center_cont { padding: 0 20px; }
	.header_pages_cont { padding-bottom: 40px; }
	.part_pages_cont { padding: 80px 20px; }
	.part_home_cont { padding: 100px 20px; }
	#footer_inner { padding: 0 20px; }
	
	#header_home_img h2 { width: 80%; max-width: 100%; left: 10%; top: 40%; font-size: 180%; }


}

@media only screen and (max-width: 1220px) { 

	#primary { padding-top: 0px; }

}

@media only screen and (max-width: 1000px) { 

	#actus_home_cont.part_home_cont { padding: 0 0 20px 0; }

}

@media only screen and (max-width: 900px) { 
	
	body { font-size: 16px; }

	#actus_home { background: url('../../uploads/2018/03/homeactus_mobile-1.png') no-repeat 50% 0%; background-size: 100% auto; }

}

@media only screen and (max-width: 800px) { 

	#header_home_img h2 { top: 30%; font-size: 150%; }
	#header_home_intro { font-size: 110%; padding: 30px 20px; }

	.part_home_cont h3 { width: 100%; float: none; font-size: 180%; }
	.part_home_cont_inner { width: 100%; float: none; padding-left: 0px; font-size: 110%; }
	#parcours_home_cont_inner { text-align: left; }
	#home_soins_liste li { width: 25%; }

	#parcours_home .salon_level2 ul { padding-left: 0px; }
	#parcours_home .salon_level2 li { width: 25%; margin-right: 0; }

	#contact_left { display: block; width: 100%; float: none; }
	#contact_right { display: block; width: 100%; float: none; margin-top: 30px; }

}

@media only screen and (max-width: 700px) { 

	#compteurs_home_cont { padding: 0 20px; }
	#compteurs_home_cont li .compteurs_home_cont_chiffre { font-size: 220%; }
	#compteurs_home_cont li .compteurs_home_cont_texte { width: 100%; font-size: 90%; }

}

@media only screen and (max-width: 600px) { 

	#header_home_img h2 { top: 20%; font-size: 120%; }
	#header_home_intro { padding: 0px 20px; }
	.showbottom { display: none; }
	.header_pages_img h1 { font-size: 180%; top: 30%; padding-left: 0; }	
	body.page-id-22 .header_pages_img h1 { font-size: 160%; }	

}

@media only screen and (max-width: 540px) { 
	
	#compteurs_home_cont li { float: none; width: 100%; margin-bottom: 30px; }

	#footer_col1 { width: 30%; }
	#footer_col2 { width: 70%; }
	#footer_col3 { float: none; width: 100%; padding-top: 30px; }


}

@media only screen and (max-width: 500px) { 

	#home_soins_liste li { width: 50%; }

}



/* soins  */

@media only screen and (max-width: 1150px) { 

	#ateliers_soins { background-size: auto 300px; }

}

@media only screen and (max-width: 1000px) { 

	#ateliers_soins { background-size: auto 250px; }

	.elem_soins_liste_item_left { width: 30%; }
	.elem_soins_liste_item_left .pastille_picto { display: block; position: absolute; width: 120px; height: 120px; border-radius: 0; top: -20px; right: -20px; padding: 10px; }
	.elem_soins_liste_item_right { width: 70%; padding-left: 40px; }
	.elem_soins_liste_item_right h3 { font-size: 160%; }
	.elem_soins_liste_item_right p { font-size: 110%; }
	.elem_soins_liste_item_right ul li { display: block; border-top: none!important; padding: 0 0 0 30px!important; background-size: auto 14px; margin: 0 0 15px 0!important; line-height: 20px; }

}

@media only screen and (max-width: 900px) { 

	#ateliers_soins { background: #c9d7e0; }

}

@media only screen and (max-width: 680px) { 

	.elem_soins_liste_item_left { width: 20%;  }
	.elem_soins_liste_item_left img { display: none; }
	.elem_soins_liste_item_left .pastille_picto img { display: block; }
	.elem_soins_liste_item_left .pastille_picto { display: block; position: relative; width: 120px; height: 120px; top: auto; right: auto; padding: 10px; }
	.elem_soins_liste_item_right { width: 80%; padding-left: 50px; }

}

/* beauté  */

@media only screen and (max-width: 1150px) { 

	#parcours_beaute, #orienter_beaute { background-size: auto 300px; }

}

@media only screen and (max-width: 1000px) { 

	#parcours_beaute, #orienter_beaute { background-size: auto 250px; }
	
	.elem_beaute_liste_item_left { width: 30%; }
	.elem_beaute_liste_item_right { width: 70%; padding-left: 40px; }

}

@media only screen and (max-width: 900px) { 

	#parcours_beaute { background: #c9d7e0; }
	#orienter_beaute { background: #f5ecd2; }

}

@media only screen and (max-width: 680px) { 

	/*.elem_beaute_liste_item_left { display: none; }*/
	.elem_beaute_liste_item_left img { display: none; }
	.elem_beaute_liste_item_left { width:100%; }
	.elem_beaute_liste_item_right { width: 100%; padding-left: 0; }
	#elem_beaute_liste li:first-child { padding-top: 0; margin-top: 0; }
	#elem_beaute_liste li:last-child { padding-bottom: 0; margin-bottom: 0; }


}

/* formation  */

@media only screen and (max-width: 1150px) { 

	#atelier_formations, #formation_formations { background-size: auto 300px; }

}

@media only screen and (max-width: 1000px) { 

	#atelier_formations, #formation_formations { background-size: auto 250px; }

}

@media only screen and (max-width: 900px) { 

	#atelier_formations { background: #c9d7e0; }
	#formation_formations { background: #ffffff; }

}

/* amis */

@media only screen and (max-width: 1150px) { 

	#merci_amis { background-size: auto 300px; }

}

@media only screen and (max-width: 1000px) { 

	#merci_amis { background-size: auto 250px; }
	#elem_amis_liste li img, #elem_amis_liste2 li img { height: 80px; }

}

@media only screen and (max-width: 900px) { 

	#merci_amis { background: #f5ecd2; }
	#elem_amis_liste2 li { max-width: 200px; min-height: auto; }

}

@media only screen and (max-width: 680px) { 

	.liste_partenaires li img { height: 60px; margin-bottom: 10px; }

}

/* association */

@media only screen and (max-width: 1200px) {
	
	#historique_association .part_pages_cont { padding: 100px 20px 0 20px; }
	#historique_association ul li:nth-child(odd) .historique_association_inner { padding-left: 0; }
	#historique_association ul li:nth-child(even) .historique_association_inner { padding-right: 0; }

}

@media only screen and (max-width: 1150px) { 

	#action_association { background-size: auto 300px; }
	#chiffres_level1 ul { font-size: 300%; } 
	#chiffres_level1 p { width: 60%; font-size: 180%; padding-top: 0px; }

}

@media only screen and (max-width: 1000px) { 

	#action_association { background-size: auto 250px; }

}

@media only screen and (max-width: 970px) { 

	#chiffres_level1 ul { font-size: 220%; } 
	#chiffres_level1 ul li { padding: 10px; }
	#chiffres_level1 ul li:first-child { padding: 10px 10px 10px 30px; border-radius: 30px 0 0 30px; }
	#chiffres_level1 ul li:last-child { padding: 10px 30px 10px 10px; border-radius: 0 30px 30px 0; }
	#chiffres_level1 p { font-size: 160%; }

}

@media only screen and (max-width: 900px) { 

	#action_association { background: #FFFFFF; }
	
	#action_association_left, #action_association_right { width: 100%; float: none; }
	#action_association_right { padding-top: 30px; }

}

@media only screen and (max-width: 860px) { 

	#historique_association { background: #FFFFFF; }
	#historique_association .part_pages_cont { padding: 40px 20px; }
	#historique_association ul { background: #FFFFFF; }
	#historique_association ul li { display: block; width: 600px; max-width: 100%; padding: 20px 0 0 0; margin: 0 auto; overflow: hidden; background: transparent; }
	#historique_association ul li:last-child { background: transparent; padding-bottom: 0; }
	.historique_association_inner { width: 100%; }
	.historique_association_inner h3 { color: #FFFFFF; padding : 16px 0 12px 60px; margin: 0; }
	#historique_association ul li:nth-child(even) .historique_association_inner h3, #historique_association ul li:nth-child(odd) .historique_association_inner h3 { padding : 16px 20px 12px 20px; }
	#historique_association ul li:nth-child(odd) .historique_association_inner { float: none; }
	#historique_association ul li:nth-child(odd) .historique_association_inner .historique_association_inner_header { background : #E94882; border-radius: 40px 40px 0 0; }
	#historique_association ul li:nth-child(odd) .historique_association_inner .historique_association_inner_body { margin-left: 0; }
	#historique_association ul li:nth-child(even) .historique_association_inner { float: none; }
	#historique_association ul li:nth-child(even) .historique_association_inner .historique_association_inner_header { background : #E94882; border-radius: 40px 40px 0 0; }
	#historique_association ul li:nth-child(even) .historique_association_inner .historique_association_inner_body { margin-right: 0px; }

}

@media only screen and (max-width: 720px) { 

	.association_edito { background: none; padding-left: 0px; }
	#groupesos_association_cont_inner { width: 100%; float: none; }
	#groupesos_association_logo { width: 100%; float: none; padding-top: 20px; }

}

@media only screen and (max-width: 780px) { 

	#chiffres_level2 ul li { width: 25%; }
	#chiffres_level2 ul li span { font-size: 240%; }
	#chiffres_level2 ul li:first-child { width: 100%; float: none; font-size: 140%; text-align: center; margin-bottom: 20px; }
	#chiffres_level2 ul li:first-child img { width: 79px; height: auto; margin: 0 auto 20px auto; }
	#chiffres_level3 ul li { width: 33.33%; }
	#chiffres_level3 ul li:first-child { width: 100%; float: none; text-align: center; margin-bottom: 20px; }
	#chiffres_level3 ul li:first-child img {  width: 104px; height: auto; margin: 0 auto 20px auto; }

}

@media only screen and (max-width: 700px) { 

	#chiffres_level1 p { font-size: 140%; }
	#chiffres_level1 p br { display: none; }

}

@media only screen and (max-width: 600px) { 

	#chiffres_level1 ul { font-size: 200%; } 
	#chiffres_level1 ul li { padding: 10px; }
	#chiffres_level1 ul li:first-child { padding: 10px 10px 10px 20px; }
	#chiffres_level1 ul li:last-child { padding: 10px 20px 10px 10px; }

	#chiffres_level2 ul li { width: 50%; margin-bottom: 10px; padding: 0 5px; }

}

@media only screen and (max-width: 540px) {  

	#chiffres_level1 ul { width: 100%; float: none; } 
	#chiffres_level1 p { width: 100%; float: none; padding-top: 10px; }

}

/* salons */

@media only screen and (max-width: 1200px) { 

.salon_level1 { display: block; }
.salon_level1_slider_outer { width: 100%; float: none; padding: 10px 0; }
.salon_level1_infos_outer { flex: none; width: 99%; max-width: 100%; margin: 10px 0; }

}

@media only screen and (max-width: 1060px) { 

	.salons_submenu { display: block; position: relative; top: auto; left: auto; width: 100%; }
	.salons_submenu ul { display: block; width: 100%; margin: 0 0 40px 0; padding: 0; background: none; overflow: hidden; }
	.salons_submenu ul li { display: inline-block; width: auto; padding: 0 30px; font-size: 90%; height: 30px; background: url('../../uploads/2019/05/bg-salonssubmenu2.png') no-repeat 0% 0%; font-size: 100%; }
	.salons_submenu ul li:last-child { background: url('../../uploads/2019/05/bg-salonssubmenu2.png') no-repeat 0% 0%; }

}

@media only screen and (max-width: 700px) { 

	.salon_level2 ul li { margin-bottom: 10px; }
	.salon_level3 ul li { width: 25%; float: left; padding: 0 20px; margin-right: 0px; min-height: 150px; }
	.salon_level3 ul li img { width: 100%; height: auto; }
	.salon_level3 ul li p { margin: 10px 0 0 0; font-size: 80%; width: 100%; }

}