@media screen and (max-width: 1475px) {
	.contentNav.forDesk li a{ padding:0 23px}
}

@media screen and (max-width: 1460px) {
	.zone{max-width:460px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}

@media screen and (max-width: 1405px) {
	.contentNav.forDesk li a{ padding:0 15px}
}

@media screen and (max-width: 1328px) {
	.forLogo figure{ width:250px;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.zone{ font-size:2.8em; top:-4px;}
	.txtForComp, .linkForComp a span.textInLink{ font-size:1.6em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.forComparateur{ width:250px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.linkForComp a *{ height:40px; line-height:40px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.contentLogo{ height:90px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.contentNavSec li{ padding:0 10px}
	.contentNavSec li a{ font-size:1.5em; padding-left:15px}
	.barometre h1, .simulation h2{ font-size:2.8em;}
	.minuteBtt p{ left:5%}
	.flecheIf{ right:32%}
	.minuteBtt{ background:none, url(../images/if_7.png) top right no-repeat;}
	.forUserHome .contentBcUser figure, .forAdressehome .contentBcUser figure{ width:25%;}
	.forUserHome .contentBcUser p, .forAdressehome .contentBcUser p{ width:70%;}
	.simulation ul li a, .telechargement ul li a{ font-size:1.6em}
	.detAvis{ font-size:1.1em; padding:5px;}
	.textPubC img{ display:none}
	.bttChqCadeau a span{ font-size:1.9em;}
	.etreAppeler img.imgAppel{ width:150px;}
	.etreAppeler a > span{ font-size:1.5em;}
	.etreAppeler a strong{ font-size:3.2em;}
	.contentFooter > div{ width:48%;}
	.contentFooter > div.logImmo{ width:100%;}
	.contentFooter > div.logImmo p{ width:37%; float:left}
	.contentFooter > div.logImmo p.cloudApp{ width:48%}
	.contentFooter > div.logImmo p.logFooter{ padding-left:15%}
	
	.textNum{font-size:1.3em;}
	.textNum strong{font-size:1.3em;}
	.navDev ul li.active .textNum strong, .navDev ul li:hover .textNum strong{ font-size:1.3em;}
	.contentBttNxt{ margin-top:30px; padding:32px 20px 0;}
	.textValid{font-size:1.5em;}
	
	.headPro{ font-size:4.7em;}
	.tauxPro span{ font-size:7.4em;}
}

@media screen and (max-width: 1250px) {
	.contentNav.forDesk > nav{ height:0px; overflow:hidden}
	.contentNav.forDesk > nav ul{}
	.menuMob{ display:block}
	body .contentNav.forDesk li{ display:block; margin:0; text-align:right; float:none!important}
	body .contentNav.forDesk li a{ display:block; border:none; background-color:#303F41}
	.contentNavSec{ height:auto; min-height:inherit}
	.contentNavSec li{ width:47%; border:none}
	.contentNavSec li:last-child{ display:block; float:none; clear:both; width:inherit}

	.mentionVersement{max-width:600px}
	.contentLogo{ height:105px;}
}

@media screen and (max-width: 1199px) {
	.textPubC h3{ font-size:2.1em}
	.forContact a{ font-size:1.8em;}
	.bttChqCadeau a span{ font-size:1.5em;}
	
	.navDev ul li span{ display:block}
	.contentDevisEx figure{ width:30%}
	.contentDevisEx .contentForm{ width:65%}
	.contentInp p span.chx{ font-size:1.9em;}
	
	.inputFormAvis, .noteGlobaleForm > div, .submitFormAvis{ width:inherit}
	.inputFormAvis > div label{ font-size:1.7em}
	
	.headPro{ font-size:3.7em;}
	.tauxPro span{ font-size:6.4em;}
	.linkPro a img{ display:none}
}

@media screen and (max-width: 999px) {
	.contentLogo{ height:105px;}
	.forLogo{ margin-top:15px;}
	.forLogo figure{ width:34px; height:34px; overflow:hidden}
	.forLogo figure img{ max-width:none; height:34px;}
	.mentionVersement{max-width:400px}
	.zone{ top:2px; margin-left:0px;}
	.txtForComp{ display:none}
	.forComparateur{ width:200px}
	.linkForComp a span.textInLink{ font-size:1.2em; font-weight:700;}
	
	.contentNav.forDesk > nav{ height:0px; overflow:hidden}
	.contentNav.forDesk > nav ul{}
	.menuMob{ display:block}
	body .contentNav.forDesk li{ display:block; margin:0; text-align:right; float:none!important}
	body .contentNav.forDesk li a{ display:block; border:none; background-color:#303F41}
	.contentNavSec{ height:auto; min-height:inherit}
	.contentNavSec li{ width:47%; border:none}
	.contentNavSec li:last-child{ display:block; float:none; clear:both; width:inherit}
	
	.blocCenterLeft{ width:100%}
	.blocCenterRight{ width:inherit}
	.blocCenterRight > section, .blocCenterRight > p{ width:48%; float:left}
	.blocCenterRight > section:nth-child(2n), .blocCenterRight > section.etreAppeler, .blocCenterRight > p{ float:right}
	.simulation ul li a{ font-size:1.9em;}
	.textPubC{ width:45%}
	.linkPubC{ width:49%}
	.textPubC h3{ font-size:1.4em;}
	.blocCenterRight > section.etreAppeler{ width:45%}
	.contentFooter > div ul{ height:280px;}
	
	.textNum{font-size:1.1em;}
	.textNum strong{font-size:1.1em;}
	.navDev ul li.active .textNum strong, .navDev ul li:hover .textNum strong{ font-size:1.1em;}
	.showStat, .contentDevisEx figure{ display:none}
	.navDev ul li{ margin-right:1.6%}
	.contentDevisEx .contentForm{ width:100%}
	
	.noteGlobaleForm{ padding:30px;}
	.submitFormAvis{ padding:0 30px}
	
	.headPro{ font-size:2.7em;}
	.tauxPro span{ font-size:4.4em;}
	.tauxPro{ margin:10px 0}
	.linkPro a{ font-size:1.3em;}
}

@media screen and (max-width: 759px) {
	.contentCorpGen{ padding-top:30px;}
	.zone{ font-size:2.2em;}
	.forComparateur, .franchise, .contentFooter > div.left, .contentFooter > div.logImmo p.logFooter, .flecheIf{ display:none}
	.contentNavSec li{ width:inherit; float:none; display:block; border-bottom:1px solid #333}
	.barometre h1, .simulation h2, .avisHome h2, .franchise h3, .telechargement h4, .listeMbr h1{ font-size:1.8em;}
	.contentBaro{ overflow-x:scroll}
	.contentBaro table{ min-width:500px}
	.contentBaro table thead td{ font-size:1.7em;}
	.forUserHome{ width:100%; margin-bottom:30px;}
	.forAdressehome{ width:100%;}
	.blocCenterRight > section, .blocCenterRight > p{ width:100%}
	.textPubC{ width:inherit; display:block; margin-bottom:10px;}
	.linkPubC{ width:100%}
	.blocCenterRight > section.etreAppeler{ width:inherit; margin:0 auto 30px; float:none; clear:both; display:block}
	.contentFooter > div.logImmo p.cloudApp{ width:100%; text-align:center; margin-top:10px}
	.copyright{ font-size:1.1em}
	
	.listeMbr ul li, .listeMbr ul li:nth-child(2n){ width:98%; margin:0 0 20px 0}
	.navDev ul li{ margin:0; margin-bottom:10px;}
	.navDev ul li span{ display:inline-block}
	.navDev ul li{ display: block; float: none; width: inherit;}
	.textNum{font-size:1.6em;}
	.textNum strong{font-size:1.6em;}
	.navDev ul li.active .textNum strong, .navDev ul li:hover .textNum strong{ font-size:1.6em;}
	.contentInp{ margin:0}
	.contentInp p span{ display:block; width:100%!important}
	.contentInp p span.chx{ margin-bottom:15px; padding-bottom:17px;  background:url(../images/devis_3.jpg) bottom left repeat-x;}
	.contentBttNxt{ background:none;}
	.contentInp p{ margin-bottom:50px;}
	.contentBttNxt .valide{ max-width:100%}
	
	.inputFormAvis > div label, .inputFormAvis > div span{ width:100%}
	
	.headPro{ font-size:1.7em;}
	.tauxPro span{ font-size:3.4em;}
	.tauxPro{ margin:10px 0}
	.linkPro a{ font-size:1.1em;}
}

@media screen and (max-width: 640px) {
	.nl_text {
	text-align:center;
	width:97%;
	margin-top:5px;
	padding-top:3px;
	padding-bottom:3px;
	}
  
	.bt_nl_text {
	font-size:12px;
	padding:3px;
	margin-top:5px;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #FF6501;
	border:0px;
	}
} 

@media screen and (max-width: 570px) {
	.contentBaro table{ min-width:inherit}
	.contentBaro table tbody td:nth-child(2), .contentBaro table tbody td:nth-child(3), .contentBaro table tbody td:nth-child(4), .contentBaro table tbody td:nth-child(8){ font-size:0; visibility:hidden; width:0.5%!important}
	
	.headPro{ font-size:1.7em;}
	.tauxPro span{ font-size:2.8em;}
	.tauxPro{ margin:5px 0}
	.linkPro{ padding:5px 0}
	.linkPro a{ font-size:1.0em;}
	.promoting{ top:5%}
	}
@media screen and (max-width: 479px) {
	.zone{ font-size:1.8em;}
	/*.btMinuteIf{ display:none}*/
	.minuteBtt{ background:none; background-color:#FFF}
	.minuteBtt p{ font-size:1.7em}
	.btMinuteIf img{ width:90px; height:auto}
	.minuteBtt{ height:110px}
	
	.contentBttNxt{ padding:0}
	.contentBttNxt .valide{ background-size:100% auto!important; width:100%}
	.contentBttNxt .valide:hover{ background-size:100% auto}
	
	.headPro{ font-size:1.2em;}
	.tauxPro span{ font-size:1.8em;}
	.tauxPro{ margin:5px 0}
	.linkPro a{ font-size:0.8em;}
}