.femmes .header-above {
	background:url("../images/header-femmes-mob.png");
}
.menu{
	position:absolute;
	top:-60px;
	right:55px;
	font-size:22px;
	font-family:"Ubuntu",sans-serif;
	color:#fff;
}
.fermer{
	position: absolute;
    top: -60px;
    right: 54px;
    font-size: 22px;
    color: #fff;
    font-family:"Ubuntu",sans-serif;
}
.nav-bar{
	min-height:0;
	border:none;
}
.navbar-collapse{
	border-top:none;
	margin:0 -10px;
}
.navbar-toggle{
	margin:0;
	margin-top: -65px;
    z-index: 99999;
}
.navbar-header{
	position: relative;
}
.navbar-toggle .icon-bar {
	background-color:#fff;
}
.close-btn{
	position:absolute;
	top:2px;
	right:5px;
}
.active-tab{
 	border:none;
 }
.nav-bar .nav{
	margin: 0 -10px;
}
.nav-bar .nav li{
	text-align: center;
	padding:30px 0;
}
.femmes .nav-bar .nav li.head{
	background:url("../images/header-femmes-mob-open.png");
}
.hommes .nav-bar .nav li.head{
	background:#545454;
}
.nav-bar .nav li.head{
	color: #fff;
	font-size:22px;
	padding-left: 40px;
    padding-right: 40px;
}
.nav-bar .nav li a{
	padding:0;
	font-size:22px;
}
.nav-bar .nav.navbar-nav.navbar-right li{
	padding:0;
}
.nav-bar .nav.navbar-nav.navbar-right li a{
	padding:30px 0;
}
.nav-bar .nav.navbar-nav.navbar-right .acheter-mob{
	background-color: #479c19;
	color:#fff;
}
.femmes .nav-bar .nav.navbar-nav.navbar-right .testez-mob{
	background-color: #ce0b97;
	color:#fff;
}
.hommes .nav-bar .nav.navbar-nav.navbar-right .testez-mob{
	background-color: #545454;
	color: #fff;
}
.nav-bar .nav.navbar-nav.navbar-right .testez-mob span{
	padding-left:10px;
}
.nav-bar .nav.navbar-nav.navbar-right .recherche-mob span{
	padding-right:20px;
}
 .footer ul{
 	padding:0;
 }
 .footer ul li:first-child{
 	padding-left: 30px;
 }
 .footer .col-md-pull-8{
 	text-align: center;
 }
 .footer ul li a{
 	font-size: 16px;
 }
/*-------------- HOME PAGE CSS STARTS --------------*/
.productSection .heading{
	right: auto;
	top: 10px;
	left: 10px;
	padding:0;
}
.productMoment .content .text{
	font-size: 19px;
	text-align: center;
	display: inline-block;
}
.btn{
	font-size: 16px;/*change after receiving fonts*/
}
.productMoment{
	min-height: auto;
}
.castingSection{
	background: url("../images/casting-mob.png");
	min-height: 240px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 100%;
}
.castingSectionText{
	padding:80% 0 60px 0;
}
.castingSectionText p{
	font-size: 23.32px;
}
.castingSectionText p span{
	font-size: 27.98px;
}
.dependSection{
	padding-top:25px;
}
.totalSecureSection{
	background: url("../images/total-secure-bg-mob.png");
	min-height: 365px;
	background-size: 100%;
}
.totalSecureSection img{
	margin:0 auto;
	padding:0;
}
.totalSecureSection span{
	display: inline-block;
	font-size: 27.11px;
	font-family: "";
	color: #fff;
	padding:20px 0 0 20px;
}
.totalSecureSection .btnposbtm{
	text-align: center;
	left:0px;
}
.activeFitSection{
	background: url("../images/active-fit-bg-mob.png");
	min-height: 365px;
	background-size: 100%;
}
.activeFitSection span{
	display: inline-block;
	font-size: 27.11px;
	font-family: "";
	color: #fff;
	padding:20px 0 0 20px;
}
.activeFitSection img{
	margin:0 auto;
	padding:0;
}
.activeFitSection .btnposbtm{
	text-align: center;
	left:0px;
}
.solutionSection{
	min-height: 200px;
	margin-bottom: 20px;
}
.solutionSectionText{
	top: 20px;
}
.adviceSectionText span{
	font-size: 45px;
}
.adviceSectionText{
	font-size:20px;
	top: 20px;
}
.femmes .adviceSectionText span:nth-child(3){
	font-size: 20px;
}
.productSection img, .articleSection img,
.productMoment img, .adviceSection img{
	width: 100%;
}
/*-------------- HOME PAGE CSS ENDS --------------*/
/*-------------- CONTACT PAGE CSS STARTS --------------*/
.contact .text {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 15px;
}
.contact .heading {
    margin-bottom: 20px;
}
.contact .formWrapper {
    margin-top: 40px;
}
.contact .btmtext{
	text-align: center;
	margin-top: 30px;
}
.mendatory{
	font-size: 16px;
}
.contact .contactbtnwrap {
    margin-top: 30px;
}
.contact h1{
	font-size: 30px;
}
.contact .heading{
	font-size: 25px;
}
.contact .address{
	font-size: 18px;
}
.contact .phone{
	font-size: 22px;
}
.contact .formWrapper .heading{
	font-size: 25px;
}
.contact input[type="text"], .contact input[type="password"], .contact input[type="number"], .contact input[type="email"], .contact textarea.form-control{
	font-size: 18px;
}
.mendatory{
	font-size: 18px;
}
.contact .btmtext{
	font-size: 17px;
}
/*-------------- CONTACT PAGE CSS ENDS --------------*/

 /*------------- CSS FOR CONSEIL PAGE STARTS HERE -------------*/
 .mainContent{
 	/*padding-bottom:0;*/
 }
 .conseil1 .conseil-banner{
	background: url("../images/conseil1-mob.png");
	height: 235px;
	background-size: 100% 100%;
}
 .conseil2 .conseil-banner{
	background: url("../images/conseil2-desktop.png");
	height: 235px;
	background-size: 100% 100%;
}
 .conseil3 .conseil-banner{
	background: url("../images/conseil3-desktop.png");
	height: 235px;
	background-size: 100% 100%;
}
 .conseil-main .container{
 	background-color: transparent;
 }
 .conseil-main .wrapper{
  margin-left:0;
  padding:0 10px;
}
.conseil-main p{
	font-weight:400;
	font-style:normal;
}
.conseil-main .conseil{
	float:none;
	margin-right:0;
}
.conseil-content{
	padding-right:0;
	padding-top:0;
}
.conseil-main h2 {
	font-size:18px;
	padding:0;
	line-height: 20px
}
.femmes .conseil-content h3{
	padding:0 0 10px 0;
    line-height: 20px;
    font-size:18px;
}
.conseil-content p{
	padding-bottom:40px;
	line-height: 22px;
	font-size:18px;
}
.conseil-content div:nth-child(4) p{
	padding-bottom:0;
}
.conseil-btn{
	padding:90px 0 40px 0;
}
.conseil-btn a{
	font-size:20px;
	padding: 9px 7px;
}
.conseil-faq h1 {
    font-size: 27px;
}
.block1 img{
	width: 100%;
}
.block1 .conseil-faq-text {
    padding: 20px;
}
.conseil-faq .wrapper{
	padding: 0;
}
.conseil-desc {
    margin-bottom: 30px;
}
.conseil-faq h2 {
    margin-top: 0;
}
.block3{
	margin-top: 20px;
}
.block3 .conseil-faq-text {
    padding:30px 20px;
}
.femmes .conseil-head{
  background:url("../images/conseil-main-mob.png");
  background-repeat: no-repeat;
  background-color: #71706b;
  background-size: 100%;
  height: auto;
  padding-left:10px;
 }
 .hommes .conseil-head{
  background-repeat: no-repeat;
  background-color: #71706b;
  background-size: 100%;
  height: auto;
  padding-left:10px;
 }
 .conseil-head h2{
 	font-size:22px;
 	margin:50% 0 30px 0;
 }
 .conseil-head ul{
 	list-style-image: url("../images/check-mob.png");
 	padding-left:20px;
 }
 .conseil-head li{
 	padding-bottom:50px;
 }
 .conseil-head li p:first-child{
 	font-size:18px;
 	line-height: 20px;
 }
 .femmes .conseil-head li p:first-child span{
 	font-size: 20px;
	color: #ff00b7;
}
 .hommes .conseil-head li p:first-child span{
 	font-size: 20px;
	color: #479c19;
}
.conseil-head li p:nth-child(2){
	font-size:18px;
}
 /*------------- CSS FOR CONSEIL PAGE ENDS HERE -------------*/


/*------------ CSS FOR CASTING-MERCI PAGE STARTS HERE ------------*/
.casting-banner{
  background: url("../images/casting-banner-mob.png");
  height:430px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.casting-banner span{
	line-height:45px;
}
.casting-banner span:first-child{
	font-size:37.62px;
	padding:275px 0 0 0;
}
.casting-banner span:nth-child(2){
	font-size:66.27px;
	padding:0;
}
.casting-banner span:last-child{
	font-size:37.62px;
	padding:0;
}
.merci{
	font-size:47.83px;
	padding:100px 0 200px 0;
}
/*------------ CSS FOR CASTING-MERCI PAGE ENDS HERE ------------*/

/*-------- CSS FOR CASTING PAGE STARTS HERE -----------*/
.casting-text p{
	font-size:25px;
	line-height:25px;
}
.casting-text p:nth-child(3){
	text-transform: uppercase;
	font-family:"Ubuntu",sans-serif;
    font-weight:500;
}
.casting textarea{
	width:300px;
	height:260px;
	font-size: 18px;
	text-align: left;
	padding-left:20px;
	line-height: 20px;
}
.casting label{
	font-size:24px;
	line-height: 25px;
	padding: 25px 0 25px 0;
}
.casting .adresse , .casting .submit-btn{
	font-size:18px;
	width:300px;
}
.casting .submit-btn{
	margin:40px auto;
}
/*-------- CSS FOR CASTING PAGE ENDS HERE -----------*/

/*------------ CSS FOR PRODUCT FINDER PAGE STARTS HERE ------------*/
.productFinder .questionBlockWrap .tableCell{
	display: block;
}
.productFinder .questionBlockWrap .tableWrap {
    display: block;
    table-layout: auto;
    width: auto;
}
.productFinder .questionBlock2, .productFinder .questionBlock4{
	margin-top: 20px;
}
.productFinder .questionBlock1, .productFinder .questionBlock4{
	padding: 40px 0 10px;
}
.productFinder .questionBlock1 {
	margin-top: 20px;
}
.productFinder .questionBlock2, .productFinder .questionBlock3{
	padding: 40px;
}
.productBanner h4{
	font-size: 16px;
}
.productBanner h1{
	font-size: 21px;
}
.productBanner p{
	font-size: 18px;
}
.productFinder .verticalRadio [type="radio"]:checked + label:before,
.productFinder .verticalRadio [type="radio"]:not(:checked) + label:before,
.productFinder .verticalRadio [type="radio"]:checked + label:after,
.productFinder .verticalRadio [type="radio"]:not(:checked) + label:after,
.productFinder .verticalRadio [type="radio"]:checked,
.productFinder .verticalRadio [type="radio"]:not(:checked){
	display: none;
}
.productFinder .verticalRadio [type="radio"]:checked + label span, .productFinder .verticalRadio [type="radio"]:not(:checked) + label span{
	top: 0;
}
.productFinder .verticalRadio [type="radio"]:checked + label span, .productFinder .verticalRadio [type="radio"]:not(:checked) + label span{
	margin-bottom: 0;
}
.mobileCarouselWrap{
	position: relative;
}
.mobileCarouselWrap .gradleft{
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 90px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    z-index: 2;
}
.mobileCarouselWrap .gradright{
	position: absolute;
	top: 0;
	right: 0;
	height: 200px;
	width: 90px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 100%, rgba(255,255,255,1) 0%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 100%,rgba(255,255,255,1) 0%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.6) 100%,rgba(255,255,255,1) 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    z-index: 2;
}
.productFinder [type="radio"]:checked + label:before, .productFinder [type="radio"]:not(:checked) + label:before, .productFinder [type="radio"]:checked + label:after, .productFinder [type="radio"]:not(:checked) + label:after{
	width: 40px;
	height: 40px;
}
.productFinder [type="radio"]:checked + label span, .productFinder [type="radio"]:not(:checked) + label span{
	font-size: 20px;
}
.productFinder .questionBlock h2{
	text-align: center;
	font-size: 18px;
}
.productFinder .questionBlock span{
	float: none !important;
}
.owl-carousel .owl-item span{
	display: none !important;
}
.owl-carousel .owl-item.center span{
	display: block !important;
}
.productFinder .productFinderBtn{
	margin-top: 50px;
    margin-bottom: 20px;
}
/*------------ CSS FOR PRODUCT FINDER PAGE ENDS HERE ------------*/

/*-------- CSS FOR COCREONS PAGE STARTS HERE -----------*/
.cocreons .heading{
	padding: 30px 10px 35px 10px;
}
.cocreons h2{
	font-size: 52px;
}
.cocreons .heading p{
	padding:0 10px;
}
.cocreons .block{
	min-height: 305px;
	padding:20px 10px 0 10px;
}
.cocreons .block p{
	font-size: 18px;
	line-height: 25px;
}
.cocreons textarea{
	height:120px;
	left:0;
	right:0;
	bottom:10px;
	margin:0 auto;
}
.cocreons-btn{
	padding: 40px 0 30px 0;
}
.cocreons-btn .btn{
	padding-top: 15px;
	padding-bottom: 15px;
}
/*-------- CSS FOR COCREONS PAGE ENDS HERE -----------*/

/*------------ CSS FOR PRODUCT RESULT PAGE STARTS HERE ------------*/
.product-result-banner span{
	font-size: 38.1px;
}
.product-result-banner .bar{
	top:270px;
}
.product-result-banner div{
	top:330px;
}
.product-result-banner div span:nth-child(1) {
    padding-left: 10px;
}
.product-result-1 .product-result-banner div span:nth-child(2) {
    padding-left: 105px;
}
.product-result-2 .product-result-banner span:nth-child(2) {
    padding-left: 70px;
}
 .product-result-content h3{
  font-size: 26px;
}
.product-result-content h4 p{
  font-size: 22px;
  line-height: 25px;
}
.product-result-content ul{
	padding-left:20px;
}
.product-result-content p , .product-result-content ul li{
	font-size:18px;
	line-height: 20px;
}
.product-result-content img{
	padding:40px 0;
}
.product-result-content .prod-img {
    padding-bottom: 105px;
}
.product-result-content .btnposbtm {
    bottom: 15px;
}
/*------------ CSS FOR PRODUCT RESULT PAGE ENDS HERE ------------*/

/*------------ CSS FOR PRODUCT PAGE STARTS HERE ------------*/
.productBannerSection h2{
	font-size: 15px;
}
.productBannerSection .heading{
	padding-left:0;
}
.productBannerSection h1{
	font-size: 25px;
}
.productBannerSection .btn{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 20px;
}
.productContainer{
	padding:0;
}
.productContainer .carousel-control{
	font-size:0;
}
.productContainer .carousel-control.right{
	right: 10px;
}
.productContainer .carousel-control.left{
	left: 10px;
}
.productContainer .heading{
	padding:5px 20px;
	font-weight: 500px;
	font-size: 15px;
	text-align: center;
}
.productContainer .headingleft{
	background-color: #b6effc;
	color: #178bb0;
}
.productContainer .headingright{
	background-color: #d8f26c;
	color: #61ab28;
}
.productContainer .content1{
	padding:0 20px !important;
}
.productContainer .activfit .content1,
.productContainer .activfit .content2{
	width: auto;
}
.productContainer  .logoimg{
	position: static !important;
	text-align: center;
}
.productContainer  .logoimg img{
	width: 40%;
	padding-bottom: 20px;
}
.productContainer .comfort  .logoimg img{
	width: 20%;
}
.productContainer .item:last-child .comfort .content1{
	text-align: right;
}
.productContainer .carousel-control{
	top: 50%;
}
.full-width{
	width: 100%;
}
.productCarousel img{
	margin: 0 auto;
}
.productCarousel .owl-carousel .owl-item .content{
	display: none;
}
.productCarousel .owl-carousel .owl-item .content img{
	width: 90%;
}
.productCarousel .owl-carousel .owl-item .content .btn{
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.productCarousel .owl-carousel{
	padding-bottom: 20px;
}
.productCarousel .owl-carousel .owl-item.active.center .content{
	display: block;
}
.productCarousel .proname{
	font-size: 14px;
}
.productCarouselGrad{
	position: relative;
}
.productCarouselGrad .gradRight{
	position: absolute;
	top: 0;
	left: 0;
	height: 220px;
	width: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    z-index: 2;
}
.productCarouselGrad .gradLeft{
	position: absolute;
	top: 0;
	right: 0;
	height: 220px;
	width: 80px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    z-index: 2;
}
.proAdviceSection .tableWrap, .proAdviceSection .tableCell{
	display: block;
	width: auto;
}
.proAdviceSection .content {
    padding: 10px 30px 30px;
}
.proAdviceSection .btn{
	font-size: 20px;
	padding-top:10px;
	padding-bottom:10px;
	margin: 0 auto;
    display: block;
}
.hommes .activFitWrap{
	margin-bottom:20px;
}
.hommes .activFitWrap .btn,
.hommes .comfortWrap .btn{
	font-size: 20px;
	padding-top:10px;
	padding-bottom:10px;
}
/*------------ CSS FOR PRODUCT PAGE ENDS HERE ------------*/

/*------------ CSS FOR SEARCH PAGE STARTS HERE ------------*/
.searchWrap{
	width: 90%;
	padding: 5px;
}
.searchpage  .searchresult{
	padding-bottom: 40px;
}
.searchWrap input[type="text"]{
	width: 87%;
}
.searchpage h1{
	margin-top: 10px;
}
.searchWrap .btn{
	padding:10px 0;
	font-size: 10px;
}
.searchWrap .closebtn{
	height: 30px;
	width: 30px;
	display: none;
}
/*------------ CSS FOR SEARCH PAGE ENDS HERE ------------*/

/*------------ CSS FOR ECHANTILLON PAGE STARTS HERE ------------*/
.echantillon-banner-text {
    padding-top: 6px;
}
.echantillon-banner h2{
	font-size:32px;
}
.echantillon-banner h1{
	font-size: 36px;
}
.echantillon-banner-img{
	padding-top:26px;
}
.echantillon-banner-img img{
	margin:0 auto;
}
.echantillon-content .line{
	font-size: 16px;
}
.echantillon-content .head-para {
    padding: 15px 30px 0 30px;
}
.echantillon-form {
	padding-left:0;
	padding-right:0;
}
.echantillon-form input, .echantillon-form select {
	margin-top:10px;
	font-size:18.06px;
}
.echantillon-form .title{
	font-size:25px;
	padding-bottom:5px;
}
.echantillon-form .sub{
	font-size:18px;
}
.echantillon-form span, .echantillon-form p {
    font-size: 18px;
}
.echantillon-form .field{
	display:block;
	text-align: center;
}
.echantillon-form .xs-only{
	padding-top:10px;
}
.txt-cntr{
	text-align: center;
}
.echantillon .btn-wrapper{
	padding:50px 0 15px 0;
}
.echantillon .btn{
	height:40px;
	font-size:18px;
	width: 94%;
}
[type=checkbox]:checked + span:before {
	top:-4px;
	left:2px;
}
#check-error{
	position:static;
	top:0;
}
#check-error{
	display: block;
}
/*------------ CSS FOR ECHANTILLON PAGE ENDS HERE ------------*/

@media only screen and (orientation: landscape){
	.productCarouselGrad .gradRight,
	.productCarouselGrad .gradLeft{
		height: 300px;
		width: 120px;
	}
}