@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/roustel');

/* Categorie */
.page-header.reprise {
	padding:0px 40px;
	margin-bottom: 40px;
	    max-width: 80%;
    margin: 0 auto;
}
.reprisecat {
    margin-bottom: 80px;
}
.reprisecat .logo {
transform:inherit !important;
	max-width:70px;

  position: absolute;
    margin-top: -30px;
    left: -25px;
	z-index: 10;
}
.logo.vog_coiffure {
margin-top: -20px;
    left: -22px;
    max-width: 110px;
}
.reprisecat .page-content .post:hover .logo {
  -ms-transform: inherit;
  -webkit-transform:inherit;
  transform: inherit;
}
.reprisecat .page-content {
	
	display: flex;
column-gap: 20px;
    columns: 4;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
	padding:10px 40px;
	margin-top: 80px;
	 row-gap: 40px;
}

.reprisecat .page-content .post{

margin:30px auto 0 auto;
max-width: 20%;	

border:2px solid black;
text-align: center;
position:relative;
min-width: 300px;
}

.reprisecat .page-content .post:hover img{
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);
}

.reprisecat .page-content .post img{
transition: transform 1s;
}

.reprisecat .page-content .post a{
text-decoration:none;
	color:black;
	
}
.reprisecat .page-content .post p {
  margin-bottom: 5px;
  font-size: 14px;
}
.reprisecat .page-content .post p.extrait{
margin-bottom: 50px;
  margin-top: 20px;
	
}

#content .page-content h2 {
  font-size: 24px !important;
}
.voirsalon {
	display:block;
	background:black;
	color:white;
	position:absolute;
	bottom:0;
	width:100%;
	padding:10px;
	transition:all 1s;
}
.voirsalon:hover {

	background:white;
	color:black;
	border-top:2px solid black;

}
.reprisecat .page-content .post div{
padding:10px;
	
}
.imgsalon {
	overflow:hidden;
	padding:0 !important;
}
/*fin category*/

.tchip_coiffure, .vog_coiffure {


	margin: 0 auto;
}
.tchip_coiffure .leplus {
	background:linear-gradient(90deg, #e84186 0%, #e84186 50%, #e84186 100%);
	  border:2px solid #f5b8ce;
}
.vog_coiffure .leplus {
	background:linear-gradient(90deg, #06050b 0%, #06050b 50%, #06050b 100%);
	  border:2px solid #fff;
}
.leplus {

  transform: rotate(-45deg);
  position: absolute;
  z-index: 10;
  padding: 0.5rem 4rem;
  margin-top: 5rem;
  margin-left: -5rem;

  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  color: white;
  font-weight: bold;
display: inline-block;
  min-width: 360px;
  width: 100%;
  text-align: center;
  max-width: 370px;
}

.your-slider {
	border-radius: 0 50px 0 50px;
}
.wrap1, .wrap2, .parcours {
	margin:0 auto;
	max-width: 80%;
  padding: 0 20px;
}
.franchise {
  background-attachment: fixed;
  background-position: center;
background-size:cover;
background-repeat:no-repeat;	
	    height: 100%;


  padding: 60px 0;
}
.franchise p {
	margin:0 auto;
	max-width: 80%;
  padding: 0 20px;
}
.tchip_coiffure .franchise {
background-image: url('/wp-content/themes/hello-elementor/images/franchise-tchip.jpg');

}

.vog_coiffure .franchise {
background-image: url('/wp-content/themes/hello-elementor/images/franchise-vog.jpg');

	
	
}
.tchip_coiffure h1 {
/*background:#e06f91;
  color: white;*/
}
.vog_coiffure h1 {
/*background:#333;
  color: white;*/
}
.tchip_coiffure .avis h2, .tchip_coiffure .parcours h2, .tchip_coiffure .franchise h2 {
background:#e84186;
  color: white;
}
.vog_coiffure .avis h2, .vog_coiffure .parcours h2, .vog_coiffure .franchise h2 {
background:#06050b;
  color: white;
}
h1 {
	color:black;
	text-align:center;
	margin-top:40px;
	margin-bottom:10px;
	padding:10px;
  text-transform: uppercase;
}
.avis h2, .parcours h2, .franchise h2 {
padding:10px;
  display: table;
  text-align: center;
  margin: 20px auto 0 auto;
    font-weight: bold;
}
h2 {
	font-size:24px;
	text-align:center;
}
.tchip_coiffure .buttonreprise {
	color: white;
	background: #e84186;
	border:2px solid #e84186;
}
.tchip_coiffure .buttonreprise:hover {
background: white;
  border-radius: 10px;
  color: #e84186;
	border:2px solid #e84186;

}

.vog_coiffure .buttonreprise {
    color: #06050b;
    background: #fff;
    border: 2px solid #06050b;
}
.vog_coiffure .buttonreprise:hover {
background: #06050b;
  border-radius: 10px;
  color: #fff;
	border:2px solid #06050b;

}
.buttonreprise {

  border-radius: 10px;
  
  display: block;
  width: 170px;
  text-align: center;
  font-size: 19px;
  padding: 5px;
  margin: 0 auto;
	transition: background 1s, color 1s;
	text-decoration:none !important;
}

.wrap1 {
display:flex;
	columns:2;
	column-gap:20px;
    align-items: end;
    align-content: end;
    flex-wrap: nowrap;
}
.wrap2 {
display:flex;
	columns:3;
	column-gap:20px;
	margin-top:80px !important;
	padding-top:60px;
	margin-bottom: 60px !important;
}
#content .wrapper {
margin:inherit;
}
.wrapper {
	overflow: hidden;
  position: relative;
max-width:50% !important;



	padding-top: inherit !important;
}
.containerslider {
		overflow: hidden;
  position: relative;
}
.tchip_coiffure .logo {
max-width: 100px;
  margin:10px auto;
 


}
 .attributsalon {
	max-width:50%;
	float:right;
	margin:0 auto;
	min-width: 340px;
	    align-items: end;
    align-content: end;

}
 .attributsalon h2 span {
display:block;
	font-size: 16px;

}
.flou {
  filter: blur(4px);	
	
}
.attributsalon div {
	padding: 20px 60px;
	font-size:18px;
}
.tchip_coiffure .attributsalon div{
margin: auto;
border-radius: 50px 0 50px 0;
  text-align: center;
  border: 2px solid #e84186;

}
.descriptionsalon {
	max-width:60%;
display:flex;
	border-radius:0 50px 0 50px;
	padding:20px;
	color: white;
}
.descriptionsalon span {
margin:auto;
}
.tchip_coiffure .descriptionsalon {

	background:#47bbc6;
	
}
.textedev {
position: absolute;
  margin-left: 16%;
  max-width: 10%;
  min-width: 220px;
  text-align: center;
  z-index: 10;
  margin-top: -68px;
}
.textedev img {
float: left;
  margin-left: 34px;
}
.textedev p:first-child {
font-family: 'Roustel', sans-serif;
  font-size: 30px;
  max-width: 10%;
  text-align: center;
  line-height: 1;
	min-width:200px;
}
.encartdev {
	max-width:30%;
		background-image: url('/wp-content/themes/hello-elementor/images/responsable-dev.png');
	background-repeat:no-repeat;
	background-position: center;
	width:350px;
	height:350px;
	background-size: cover;
margin:auto;
	display: flex;
  align-items: end;
  padding:10px;
}

.tchip_coiffure .encartdev {
	border-bottom: 3px solid #3ebac2;
	
}
.encartdev .buttonreprise {

}
.avis {

	background:#fadaea;
	padding: 30px 0 80px 0;
}
.tchip_coiffure .avis {

	background:#f5b8ce;

}
.vog_coiffure .avis {

	background:#fdefe6;

}
#avisphrase, #franchisephrase {
	font-size: 22px !important;
	text-align:center;
	margin-bottom: 30px;
}
#avisphrase p, #franchisephrase p{
max-width:inherit;
}

.vog_coiffure #franchisephrase, .vog_coiffure .franchise p {
color:white;
}

.avis span {
	display: block;
  font-size: 20px;
}
.avissalon {
	display:flex;
	columns:3;
	column-gap:20px;
	row-gap: 20px;
	max-width:80%;
	padding:0 20px;
	margin:auto;
	align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.tchip_coiffure .avissalon img{

	border:1px solid #e06f91;


}
.vog_coiffure .avissalon img{

	border:1px solid #fcd6c0;

}
.avissalon img{
    background: white;
    min-width: 345px;
	border-radius: 50px 0 50px 0;
    padding: 20px;
	margin:auto;
width:24%;
}
.parcours, .etapes{
	padding-bottom:60px;
	margin-top:60px !important;
}
.etapes {
background:#f2ede7;	
padding: 40px;
}
.etapes > div {
	column-gap: 5%;

	display:flex;
	columns:4;
	max-width:80%;
	margin:0 auto;
}
.etapesillu {
margin-top:80px !important;
margin-bottom:20px !important;
}
.etapecles {
	width: 25%;
display: flex;
}

.etapecles img {
	width: 80px;
display:block;
	margin: 0 auto;
	margin: auto;
}
img.wp-image-561 {
	width:50px;
}
.etapecles p {
text-align:center;
font-weight:bold;
}
.tchip_coiffure .formreprise {
	background:#e84186;
	padding: 20px;
	color: white;
		padding-top:80px !important;
}
.gfield_required {
	display:none !important;
}

.formreprise h2 span{
		display: block;
  font-size: 20px;
}
.gfield_consent_label {
	color:white !important;
}

/* vog coiffure */

.vog_coiffure .logo {
max-width: 140px;
  margin:10px auto;



}

/*.vog_coiffure .attributsalon div{
margin:0 auto;
border-radius: 50px 0 50px 0;
  color: #C2A360;
  padding:2px;
  text-align: center;
 border: 2px solid #C2A360;
 padding: 20px;
}*/

.vog_coiffure .attributsalon div {
border-radius: 50px 0 50px 0;
  border: solid 2px #fcd6c0;
  position: relative;
text-align:center;

}



.vog_coiffure .descriptionsalon {

  background:#fcd6c0;
  color:#06050b;
}
.descriptionsalon > span:first-child::before {
content: url('/wp-content/themes/hello-elementor/images/guillemets-ouverture.png');
  color: white;
  font-size: 140px;
  font-family: 'Roustel', sans-serif;
  display: inline-block;
  height: 40px;
  line-height: 0;
	margin-right: 30px;
	float: left;
	
}
.descriptionsalon > span:first-child::after {
content: url('/wp-content/themes/hello-elementor/images/guillemets-blancs.png');
  color: white;
  font-size: 140px;
  font-family: 'Roustel', sans-serif;
  display: inline-block;
  height: 40px;
  line-height: 0;
	float:right;
	
}
.vog_coiffure .descriptionsalon span::before  {

text-shadow: 0px 0px 4px #fcd6c0;
	
}


.vog_coiffure .encartdev {
 
border-bottom: 3px solid #fcd6c0;
}



.vog_coiffure .formreprise {
  background:#06050b;
  padding: 20px;
  color: #fff;
    padding-top:80px !important;
}

.vog_coiffure #gform_submit_button_48 {
	background:#fff;
	color:#06050b;
	border:2px solid #06050b;
	transition: all 1s;
}
.vog_coiffure #gform_submit_button_48:hover {
	background:#06050b;
	color:#fff;
	border:2px solid #fff;
}


@media screen and (max-width: 1280px) {
	  .textedev img {
    display:none;

  }
.wrap2 {
        display: flex;
        columns: inherit;
        column-gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
        height: 110vh;
}
	.encartdev {

    height: 90%;
    order: -1;
   
}
	.textedev {
    position: inherit;
	margin:auto;
    max-width: inherit;
    z-index: inherit;
    text-align: center;
    order: -1;
    height: 10%;
	padding-top: 10px;
}
	.descriptionsalon {
		max-width:70%;
		flex:1;
	}
	.textedev p:first-child {
		    margin-bottom: 2px;
	}
}

@media screen and (min-width: 991px) {
		.logo {

    display: block;
}
	.mobile {
	display:none;	
	}
}
@media screen and (max-width: 990px) {
	.attributsalon div {
		padding:20px;
	}

.tchip_coiffure .franchise {
background-image: url('/wp-content/themes/hello-elementor/images/franchise-tchip-mobile.jpg');

}

.vog_coiffure .franchise {
background-image: url('/wp-content/themes/hello-elementor/images/franchise-vog-mobile.jpg');

	
	
}
	.franchise {
background-size: 936px 1400px;
	
}
	.franchise p {
		max-width:inherit;
	}
	.leplus {
		transform: rotate(45deg);
        font-size: 12px;
        margin-left: 70px;
        margin-top: 50px;
	}
	.titrehead {
		display: flex;
        columns: 2;
		margin-bottom:5px;
	}
		.titrehead h1 {
margin:auto;
	font-size: 24px;
        text-align: left;
	}
	.logo.mobile {
	display:inline-block;	
	        margin: auto;
	}
	.reprisecat .logo {
		display:block;
	}
	.logo {
		display:none;
	}
	.vog_coiffure .logo.mobile {
width: 130px;
        height: 50px;
		
	}
		.tchip_coiffure .logo.mobile {
        width: 80px;
       /* height: 112px;*/
		
	}
	#content .page-content h2 {
	    font-size: 22px !important;
}
	#avisphrase p, #franchisephrase p {
      font-size: 20px !important;
}
.wrap1, .wrap2, .parcours, .avissalon {
    columns: 1;
    column-gap: 20px;
    flex-direction: column;
	    max-width: inherit;
}
	.wrapper {
		max-width:95% !important;
	}
	.attributsalon {
		float: inherit;
		margin-top: 30px;
	}
	.wrap2 {
		height: inherit;
		padding-top:0;
	}
	.encartdev {
        height: 350px;
background-position: center;
		order: inherit;
		max-width: inherit;
		margin-top: 40px;
    }
	.textedev {
        height: auto;
        order: inherit;
    }
	.descriptionsalon {
		        max-width: inherit;
		flex: inherit;
    display: block;
    margin: auto;
    width: 100%;
	order: -1;
	}
	.avissalon img {
		width:90%;
	}
	.parcours, .etapes {
    padding-bottom: 0;
    margin-top: 0 !important;
}
  }	

html {
  scroll-behavior: smooth;
}