/* Progress Tracker */
body,html {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
}

a {
	color: #666;
	text-decoration: none;
}
.progress-tracker {
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left:-50%;
  width:100%;
  z-index:100;
}
.logo {
  float:left;
  width: 18%;
  padding: 0px;
  text-align: center;
  margin: 1%;
}
.logo img {
  width: 80%;
}
.logo-mobile {
	display:none;
}
.container {
  position:relative;
  z-index:1;
}
.owl-carousel {
  z-index:20;
}
.owl-stage-outer {
  z-index:30;
}
.owl-stage {
  z-index:40;
}
.owl-item {
  z-index:50;
}
.owl-nav {
	position:absolute;
	top:45% !important;
	margin: 0px !important;
	width:100%;
	z-index:60 !important;
}
.owl-prev {
	position:absolute;
	left:8px;
	padding: 20px !important;
}
.owl-prev span img {
	padding: 12px !important;
}
.owl-next {
	position:absolute;
	left: calc(100% - 52px);
}
.owl-next span img{
	padding: 12px !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: #E7C5B5 !important;
}
.owl-dots {
	position:relative;
	top:-20px;
	height:0px !important;
	z-index:70 !important;
}
.progress-tracker ul {
  float:left;
  width: 60%;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.reservation {
  float:left;
  width: 18%;
  padding: 0px;
  margin: 8px 0px;
  text-align: center;
}
.reservation a {
  display:inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #E7C5B5;
  border-radius: 5px;
  padding: 8px 20px;
  margin: 20px 10px;
}
.reservation-mobile {
  display:none;
}
.progress-tracker.hide {
  width: 0px;
}
.progress-tracker.hide ul li .pt-description,
.progress-tracker.hide.active ul li .pt-description,
.progress-tracker.hide.constant ul li.active .pt-description {
  display: none;
}
.progress-tracker ul li {
  display: inline-block;
  list-style-type: none;
  background-color: none;
  border: none;
  height: 20px; /* Éloignement du soulignement */
}
.progress-tracker ul li a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size:13px;
  letter-spacing: 1px;
}
.progress-tracker ul li {
  background-color: none;
  margin: 40px 12px; /* Éloignement du sommet */
}
.progress-tracker ul li.active {
  border-bottom: 1px solid #000;
}
.progress-tracker.constant ul li.active .pt-description {
  display: block;
}

.pt-section {
 width:100%;
}
.section-ptsection-zero {
	display:none !important;
}

.diaporama-1-1 {
	position: absolute;
	top:30%;
	left:50%;
	width:40%;
	color:#e7c5b5;
	font-size:5vw;
	font-weight:700;
	line-height: 90%;
}

.diaporama-1-2 {
	position: absolute;
	top:60%;
	left:50%;
	width:40%;
	color:#666;
	font-size:1.6vw;
}

.diaporama-1-3 {
	position: absolute;
	top:67%;
	left:50%;
	width:10%;
	height: 1px;
	background: #666;
}

.diaporama-1-4 {
	position: absolute;
	top:70%;
	left:50%;
	width:40%;
	color:#666;
	font-size:1.6vw;
}

.pourquoi {
	position: relative;
	background-image: url("../png/eclair.png");
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 30%;
	width:100%;
}
.pourquoi:before{
    content: "";
    display: block;
    padding-top: 45%;
}
.choisir {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.pourquoichoisir {
    position: absolute;
    margin-top: 8%;
    left: 40%;
    width:50%;
	color:#e7c5b5;
	font-size:5vw;
	font-weight:700;
	line-height: 90%;
	height:100px;
	text-align: center;
}
.raison {
	position: relative;
	float:left;
	margin-top:32%;
	margin-left:4%;
	margin-bottom:-4%;
	width:20%;
	color:#666;
	font-size:1.2vw;
	font-weight:700;
	line-height: 95%;
	text-align: center;
}
.raison-picto {
	position: relative;
	float:left;
	width:100%;
	text-align: center;
}
.raison-picto img {
	height:8%;
	margin-bottom:10%;
}

.apropos {
	position: relative;
	background-color: #eee;
	background-image: url("../jpg/apropos.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 50%;
	width:100%;
}
.apropos:before{
    content: "";
    display: block;
    padding-top: 60%;
}
.aproposhappyflicks {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.aproposcontenu {
    position: absolute;
    left: 50%;
    width: 40%;
    padding: 2%;
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
    line-height: 90%;
}
.aproposcontenu h1 {
    font-size:5vw;
	font-weight:700;
    color: #444;
	line-height: 90%;
}
.aproposcontenu h2 {
    font-size:1.6vw;
    color: #666;
    font-weight: 700;
}

.aproposcontenu p {
    font-size:1.4vw;
    color: #666;
    font-weight: 300;
}

.aproposcontenu img {
    width: 3%;
    margin: 2% 2% 0% 2%;
}

#ptsection-one h1 {
	width:100%;
	text-align: center;
	color:#e7c5b5;
	font-size:5vw;
	font-weight:700;
	margin-top: 5%;
}

#ptsection-one h2 {
	width:100%;
	text-align: center;
    font-size:1.6vw;
    color: #666;
	margin-bottom: 5%;
    font-weight: 700;
}

#owl-cours {
	margin-bottom: 20px;
}

.cours {
	min-height: 50%;
	margin-bottom: 30px;
}

.coursphoto {
	width: 80%;
	margin: 0% auto 10% auto;
	top: 50%;
}

.coursnom {
	width:100%;
	text-align: center;
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
}

.courspicto {
	width:40%;
	margin: 0% auto;
}

.coursdescription {
	width:90%;
	padding:5%;
	text-align: center;
    font-size:1.4vw;
    color: #666;
	margin-top: 5%;
    font-weight: 300;
    border-radius: 12px;
}

.coursdescription:hover {
	background-color:#f3e2da;
	color:#000;
}

.envie {
	position: relative;
	background-image: url("../jpg/enviedecouvrir.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 100%;
	width:100%;
}

.envie:before{
    content: "";
    display: block;
    padding-top: 30%;
}

.decouvrir {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.enviedecouvrir {
    position: absolute;
    margin-top: 5%;
    left: 50%;
    width:50%;
	color:#e7c5b5;
	font-size:5vw;
	font-weight:700;
	line-height: 90%;
	height:100px;
}

.selectionnezlecours {
	position: absolute;
	margin-top:16%;
    left: 50%;
	width:40%;
	color:#666;
	font-size:1.4vw;
	font-weight:500;
	color: #fff;
	letter-spacing: 1px;
}

.enviedereserver {
	position: absolute;
	margin-top:21%;
    left: 50%;
	width:40%;
}

.enviedereserver a {
  display:inline-block;
  text-decoration: none;
  color: #000;
  font-size: 1.2vw;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 20px;
}

.planningcours {
	position: relative;
	background-color: #eee;
	background-image: url("../jpg/planning.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	background-size: 50%;
	width:100%;
}
.planningcours:before{
    content: "";
    display: block;
    padding-top: 48%;
}
.planningcollectif {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.planningcontenu {
    position: absolute;
    left: 50%;
    width: 40%;
    padding: 2% 4%;
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
}

.planningcollectif h1 {
    position: absolute;
    font-size:5vw;
    font-weight:700;
    width:40%;
    height:0px;
    margin: 18% 5%;
    color: #fff;
	line-height: 110%;
	text-align: center;
}
.planningcontenu p {
    font-size:1.6vw;
    color: #666;
    line-height:160%;
}
.planningcontenu img {
    width: 60%;
    margin: 10% 20%;
}
.planningbouton {
  width: 18%;
  padding: 0px;
  margin: 0% 35%;
  text-align: center;
}
.planningbouton a {
  display:inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 1.2vw;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #E7C5B5;
  border-radius: 5px;
  padding: 8px 20px;
}

.tarifs {
	position: relative;
	width:100%;
}

.tarifs:before{
    content: "";
    display: block;
    padding-top: 30%;
}

.tarifscours {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.tarifscours h1 {
	position: relative;
	float:left;
    font-size:5vw;
    font-weight:700;
    width:30%;
    height:0px;
    margin: 7% 0%;
    color: #000;
	text-align: center;
}

.tarifsbouton {
  position:relative;
  width: 100%;
  padding: 0px;
  margin: 10% 0% 0% 0%;
  text-align: center;
}

.tarifsbouton a {
  display:inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 1.2vw;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #E7C5B5;
  border-radius: 5px;
  padding: 8px 20px;
}

.tarif {
	position: relative;
	float:left;
	width:20%;
	height:90%;
	margin-left:1%;
}

.tarifboite {
	display: block;
	position:relative;
	top:20%;
	width:90%;
	padding: 0%;
	height:70%;
	border-radius: 12px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	overflow: hidden;
	box-sizing: border-box;
	border: 2px solid rgba(0,0,0,0.1);
}

.tarifboite:hover {
	border: 2px solid #000;
}

.tarifrose {
	position:relative;
	top:0%;
	width:90%;
	padding: 5%;
	margin: 0%;
	height:40%;
	background:#E7C5B5;
	text-align:center;
	color: #000;
	font-size:1.6vw;
	font-weight:500;
}

.tarifrose strong {
	font-size:3.2vw;
	line-height:120%;
}

.tarifblanc {
	position:relative;
	width:90%;
	padding: 5%;
	height:40%;
	color:#E7C5B5;
	text-align:center;
	font-size:1.6vw;
	font-weight:500;
}

.tarifblanc strong {
	font-size:3.2vw;
	line-height:120%;
}

.tarifblanc sup {
	font-size:2vw;
	line-height:180%;
	font-weight: 700;
}

.tarifblanc sub {
	font-size:0.8vw;
	font-weight: 700;
}

.tarifblanc p {
	margin: 0%;
	font-size:1.2vw;
	color:#000;
	font-weight: 700;
}

.coursprives {
	position: relative;
	background-color: #eee;
	background-image: url("../jpg/coursprives.jpg");
	background-repeat: no-repeat;
	background-position:right top;
	background-size: 50%;
	width:100%;
}
.coursprives:before{
    content: "";
    display: block;
    padding-top: 41%;
}
.courscoaching {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.courscontenu {
    position: absolute;
    left: 0%;
    width: 40%;
    padding: 3% 5% 0% 5%;
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
    line-height: 140%;
}
.courscoaching h1 {
    position: absolute;
    font-size:5vw;
    font-weight:700;
    left: 50%;
    width:40%;
    height:0px;
    margin: 12% 5%;
    color: #fff;
	line-height: 110%;
	text-align: center;
}
.courscontenu h2 {
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
}

.courscontenu img {
    width: 3%;
    margin: 2% 2% 0% 2%;
}

#ptsection-four h1 {
	width:100%;
	text-align: center;
	color:#e7c5b5;
	font-size:5vw;
	font-weight:700;
	margin-top: 5%;
}

#ptsection-four h2 {
	width:100%;
	text-align: center;
    font-size:1.6vw;
    color: #666;
	margin-bottom: 5%;
    font-weight: 700;
}

.contact {
	position: relative;
	background-image: url("../png/eclairs.png");
	background-repeat: no-repeat;
	background-position:left bottom;
	background-size: 15%;
	width:100%;
}
.contact:before{
    content: "";
    display: block;
    padding-top: 35%;
}
.contactezmoi {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.contactcontenu {
    position: absolute;
    left: 0%;
    width: 25%;
    padding: 2% 0% 2% 20%;
    font-size:1.8vw;
    color: #666;
    font-weight: 300;
    line-height:250%;
}

.contactcontenu img {
	width: 6%;
	margin: 0% 5%;
}

.contactform {
    position: absolute;
    left: 50%;
    width: 50%;
    padding: 0%;
}

.contactform h3 {
    font-size:2.8vw;
    color: #666;
    font-weight: 700;
    margin: 5%;
}

.contactform h4 {
    font-size:1.4vw;
    color: #666;
    font-weight: 500;
    margin: 5%;
}

.contactform form input {
    border:none;
    border-radius: 5px;
    background-color: #e0e0e0;
    padding: 2%;
    width: 40%;
    margin: 1%;
    color:#666;
    font-size:1.2vw;
    font-weight:500;
}

.contactform form textarea {
    border:none;
    border-radius: 5px;
    background-color: #e0e0e0;
    padding: 2%;
    width: 83%;
    height: 160px;
    margin: 1%;
    color:#666;
    font-size:1.2vw;
    font-weight:500;
}

.contacter {
  position:relative;
  left:50%;
  width: 25%;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 1.2vw;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #E7C5B5;
  border-radius: 5px;
  padding: 8px 20px;
  margin: 10px;
  cursor: pointer;
}

.suivez {
	position: relative;
	width:100%;
}

.suivez:before{
    content: "";
    display: block;
    padding-top: 12.2%;
}

.suiveznous {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.poursuiteinsta {
    position: relative;
    float:left;
    width:15%;
    height:98%;
    color:#000;
	background-color: #E7C5B5;
    text-align: center;
    font-size:1.8vw;
    font-weight:700;
    line-height: 90%;
    padding-top:2%;
}

.poursuiteinsta img {
	width:25%;
	margin-top: 10%;
}

.poursuitefacebook {
    position: relative;
    float:left;
    width:15%;
    height:98%;
    color:#fff;
    background-color: #4A6EA8;
    text-align: center;
    font-size:1.8vw;
    font-weight:700;
    line-height: 90%;
    padding-top:2%;
}

.poursuitefacebook img {
	width:25%;
	margin-top: 10%;
}

.poursuiteimages {
    position: relative;
    float:left;
    width:70%;
    height:100%;
}

.poursuiteimages img {
	width:100%;
}

.plan {
	position: relative;
	background-color: #333;
	width:100%;
}

.plan:before{
    content: "";
    display: block;
    padding-top: 10%;
}

.plandusite {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.plantiers {
    position: relative;
    float:left;
    width:33%;
    height:100%;
    color:#666;
    text-align: center;
    font-size:1.6vw;
    font-weight:300;
    line-height: 120%;
}

#conditionsgenerales, #politiquedeconfidentialite, #mentionslegales {
	width:640px;
	height:400px;
}

#conditionsgenerales img, #politiquedeconfidentialite img, #mentionslegales img {
	width:80px;
	float: right;
}

#conditionsgenerales h1, #politiquedeconfidentialite h1, #mentionslegales h1 {
	color: #666;
	font-size:24px;
	font-weight: 700;
}

#conditionsgenerales p, #politiquedeconfidentialite p, #mentionslegales p {
	color: #000;
	font-size:14px;
	font-weight: 300;
}

.copyright {
	position: relative;
	background-color: #F6E5DA;
	width:100%;
	cursor: pointer;
}

.copyright:before{
    content: "";
    display: block;
    padding-top: 2%;
}

.esope {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: #666;
    font-weight: 300;
    font-size: 1.2vw;
    line-height: 160%;
}





@media screen and (max-width: 1200px) and (min-device-width: 480px) {
	
.reservation a {
  font-size:11px;
  margin: 12px 6px;
}
.progress-tracker ul li a {
  font-size:11px;
}
.progress-tracker ul li {
  margin: 30px 6px;
}
.progress-tracker ul li {
  height: 20px; /* Éloignement du soulignement */
}

}	/* Fin des média queries pour width < 1200 */


@media screen and (max-width: 800px) and (min-device-width: 480px) {
	
.reservation a {
  font-size:8px;
  margin: 12px 6px;
}
.progress-tracker ul li a {
  font-size:8px;
}
.progress-tracker ul li {
  margin: 30px 6px;
}
.progress-tracker ul li {
  height: 10px; /* Éloignement du soulignement */
}

}	/* Fin des média queries pour width < 800 */







@media screen and (max-width: 600px) and (min-device-width: 480px) {
	
.reservation a {
  font-size:6px;
  margin: 12px 6px;
}
.progress-tracker ul li a {
  font-size:6px;
}
.progress-tracker ul li {
  margin: 30px 6px;
}
.progress-tracker ul li {
  height: 10px; /* Éloignement du soulignement */
}

}	/* Fin des média queries pour width < 6000 */








@media screen and (max-device-width: 480px) {
	
.logo, .reservation {
  display: none;
}
.owl-carousel div img {
	width: 160% !important;
	margin-left: -28% !important;
}
.owl-nav {
  display: none;
}
.diaporama-1-1 {
	position: absolute;
	top:20%;
	left:50%;
	width:50%;
}
.diaporama-1-2 {
	position: absolute;
	top:40%;
	left:50%;
	width:40%;
	font-size:3.5vw;
}
.diaporama-1-3 {
	position: absolute;
	top:52%;
	left:50%;
	width:20%;
}
.diaporama-1-4 {
	position: absolute;
	top:56%;
	left:50%;
	width:40%;
	font-size:3.5vw;
}
.logo-mobile {
  display: block;
  position:absolute;
  width:12%;
  top: 76%;
  left:80%;
}
.logo-mobile img {
  width: 100%;
}
.reservation-mobile {
  display: block;
  position:absolute;
  float:left;
  width: 18%;
  top: 80%;
  left: 48%;
}
.reservation-mobile a {
  display:inline-block;
  text-decoration: none;
  color: #fff;
  font-size: 2vw;
  font-weight:500;
  letter-spacing: 1px;
  background-color: #E7C5B5;
  border-radius: 5px;
  padding: 8px 20px;
  margin: 20px 10px;
}
.progress-tracker ul {
  width: 100%;
}
.progress-tracker ul li a {
  font-size:2.5vw;
}
.progress-tracker ul li a {
  font-size:2.5vw;
}
.progress-tracker ul li {
  margin: 10px 8px;
}
.progress-tracker ul li {
  height: 30px; /* Éloignement du soulignement */
}
.pourquoi:before{
    padding-top: 80%;
}
.raison {
	position: relative;
	float:left;
	width:44%;
	font-size:2.4vw;
}
#raison-3, #raison-4 {
  margin-top:8%;
}
.raison-picto {
	position: relative;
	float:left;
	width:100%;
	text-align: center;
}
.raison-picto img {
	height:12%;
	margin-bottom:10%;
}
.apropos {
	background-image: url("../jpg/apropos-mobile.jpg");
	background-size: 100%;
	width:100%;
}
.apropos:before{
    content: "";
    display: block;
    padding-top: 170%;
}
.aproposcontenu {
    position: absolute;
    left: 0%;
    top:42%;
    width: 96%;
    padding: 2%;
    font-size:2.8vw;
    color: #666;
    font-weight: 500;
}
.aproposcontenu h2 {
    font-size:3.2vw;
    color: #666;
    font-weight: 700;
}

.aproposcontenu p {
    font-size:2.8vw;
    color: #666;
    font-weight: 300;
}

.aproposcontenu img {
    width: 3%;
    margin: 2% 2% 0% 2%;
}
#ptsection-one h2 {
    font-size:2.8vw;
}
.coursphoto {
	width: 30%;
	margin: 0% auto 4% auto;
}
.coursnom {
    font-size:2.8vw;
}
.courspicto {
	width:10%;
}
.coursdescription {
	width:95%;
	padding:2%;
    font-size:2.6vw;
}
.envie {
  display: none;
}
.planningcours {
	background-image: url("../jpg/planning-mobile.jpg");
	background-size: 100%;
	width:100%;
}
.planningcours:before{
    padding-top: 148%;
}
.planningcontenu {
    left: 0%;
    top: 50%;
    width: 96%;
    padding: 2%;
    font-size:2.8vw;
    text-align: center;
}
.planningcollectif h1 {
    position: absolute;
    font-size:5vw;
    font-weight:700;
    width:40%;
    height:0px;
    margin: 30% 30%;
    color: #fff;
	line-height: 110%;
	text-align: center;
}
.planningcontenu p {
    font-size:2.8vw;
    line-height:160%;
}
.planningcontenu img {
    width: 40%;
    margin: 5% 30% 8% 30%;
}
.planningbouton {
  width: 30%;
  padding: 0px;
  margin: 0% 35%;
}
.planningbouton a {
  font-size: 2vw;
}
.tarifs:before{
    padding-top: 60%;
}
.tarifscours h1 {
	position: relative;
	float:left;
    font-size:5vw;
    font-weight:700;
    width:100%;
    height:0px;
    margin: 7% 0% 5% 0%;
    color: #000;
	text-align: center;
}
.tarifsbouton {
  width: 30%;
  padding: 0px;
  margin: 0% 35%;
}
.tarifsbouton a {
  font-size: 2vw;
}
.tarif {
	width:30%;
	height:70%;
	margin-left:3%;
}
.tarifrose {
	font-size:2.6vw;
}
.tarifrose strong {
	font-size:3.2vw;
}
.tarifblanc {
	font-size:2.8vw;
}
.tarifblanc strong {
	font-size:6vw;
	line-height:100%;
}
.tarifblanc sup {
	font-size:2vw;
	line-height:180%;
}
.tarifblanc sub {
	font-size:2vw;
	left: -2%;
}
.tarifblanc p {
	font-size:2vw;
}
.coursprives {
	background-image: url("../jpg/coursprives-mobile.jpg");
	background-size: 100%;
}
.coursprives:before{
    padding-top: 141%;
}
.courscontenu {
    top: 52%;
    width: 90%;
    font-size:3.2vw;
    line-height: 120%;
}
.courscoaching h1 {
    font-size:5vw;
    left: 0%;
    width:90%;
    height:0px;
    margin: 20% 5%;
	line-height: 110%;
}
.courscontenu h2 {
    font-size:1.6vw;
    color: #666;
    font-weight: 500;
}
.courscontenu img {
    width: 3%;
    margin: 2% 2% 0% 2%;
}
#ptsection-four h1 {
	font-size:5vw;
	margin-top: 5%;
}
#ptsection-four h2 {
    font-size:2.8vw;
	margin-bottom: 5%;
}
.contact:before{
    padding-top: 85%;
}
.contactcontenu {
    width: 60%;
    font-size:3.6vw;
    line-height:200%;
}
.contactform {
    left: 15%;
    top: 35%;
    width: 80%;
}
.contactform h3 {
    font-size:3.6vw;
    color: #666;
    font-weight: 700;
    margin: 5%;
}
.contactform h4 {
    font-size:2.8vw;
    color: #666;
    font-weight: 500;
    margin: 5%;
}
.contactform form input {
    font-size:2.4vw;
}
.contactform form textarea {
    font-size:2.4vw;
}
.contacter {
  left:49%;
  font-size: 2vw;
}
.suivez:before{
    padding-top:30%;
}
.poursuiteinsta {
    width:50%;
    font-size:5vw;
    padding-top:4%;
}
.poursuiteinsta img {
	width:20%;
	margin: 2%;
}
.poursuitefacebook {
    width:50%;
    font-size:5vw;
    padding-top:4%;
}
.poursuitefacebook img {
	width:20%;
	margin: 2%;
}
.poursuiteimages {
    display: none;
}
.plan:before{
    padding-top: 20%;
}
.plantiers {
    width:100%;
    font-size:3.2vw;
    line-height: 120%;
}
#reinstagram, #relogo {
	display: none;
}
#conditionsgenerales, #politiquedeconfidentialite, #mentionslegales {
	width:90%;
	height:90%;
}
#conditionsgenerales img, #politiquedeconfidentialite img, #mentionslegales img {
	width:80px;
	float: right;
}
.copyright:before{
    padding-top: 4%;
}
.esope {
    font-size: 2.4vw;
}





}	/* Fin des média queries pour max-device-width < 480 */