@CHARSET "utf-8";

/* PC */
@media all and (min-width:781px) {
}
@media all and (max-width:1920px) {
	#zone-paves::before,
	#zone-courbes::before {-moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto;  background-size: 100% auto;}
}

@media all and (max-width:1590px) {
	#zone-paves::before,
	#zone-paves::after {height: 209px;}
}


@media all and (max-width:1460px) {
	#zone-confortqualite #zone-confortqualite-image {width: calc(100% - 570px); bottom: 67px; right:-10px;}
}

@media all and (max-width:1300px) {
	#zone-paves {padding-bottom:170px;}
	#zone-paves::before,
	#zone-paves::after {height: 180px;}
}

@media all and (max-width:1259px) {	
	.iframe-responsive-wrapper {position: relative;}
	#contenu .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
	.iframe-responsive-wrapper iframe{position: absolute;top: 0;left: 0;width: 97% !important; height: 97% !important;}
		
    video {width:100%; height:auto;}
}


@media all and (max-width:1210px) {	
	
	#zone-seniors::after {background:url(../images/vagues-droit.png) no-repeat right -80px;}
	
	#zone-gamme #zone-gamme-texte {margin-left:20px;}
	#zone-seniors #zone-seniors-texte {margin-right:20px;}
	#zone-gamme #zone-gamme-image,
	#zone-seniors #zone-seniors-image {width: calc(100% - 520px); max-width: 585px; }
	#zone-gamme #zone-gamme-image {left:10px;}
	#zone-seniors #zone-seniors-image {right:10px;}
}


@media all and (max-width:1180px) {
	#zone-paves {padding-bottom:150px;}
	#zone-paves::before,
	#zone-paves::after {height: 160px;}
	
	#zone-confortqualite #zone-confortqualite-image {bottom:66px; right:0;}
}


@media all and (max-width:1075px) {
	#zone-paves .global {margin: 0 10px; padding:0; background: #fff;}
	#zone-paves .pave {width: calc(33.3333% - 5px); height: 410px;}
	#zone-paves .pave img {height:100%;}
	#zone-paves .pave:nth-child(3n+1) { margin-left:0;}
	#zone-paves .pave:nth-child(3n+3) { margin-right:0;}
	
	#zone-parallax #zone-parallax-texte, 
	#zone-parallax-bleue #zone-parallax-bleue-texte {width: calc(100% - 465px); }
	
	#contact-gauche {width:405px;}
	#contact-droite {width: calc(100% - 455px);}
}

@media all and (max-width:990px) {
	#zone-courbes { min-height: 320px;}	
	#zone-courbes::before {height: 350px;}
	#zone-courbes #zone-courbes-texte {padding-top:80px;}
	
	#zone-parallax #zone-parallax-texte, 
	#zone-parallax-bleue #zone-parallax-bleue-texte {margin-top: 0px;}
	
	#zone-confortqualite::after {background:url(../images/courbes-bas-responsive.png) no-repeat center center;}
	#zone-confortqualite #zone-confortqualite-texte {width: calc(100% - 20px); padding:0 10px; float: none; padding-bottom: 410px;}
	#zone-confortqualite #zone-confortqualite-images {margin:0 auto;}
	#zone-confortqualite #zone-confortqualite-image {float: none; width:100%; max-width: 480px; right: 0px; bottom:50px;} 
	
}

@media all and (max-width:930px) {
	#bandeau #logo a img { height: 130px;}
	
	#zone-paves {padding-top:190px; padding-bottom:120px;}
	#zone-paves::before,
	#zone-paves::after {height: 130px;}

	#zone-gamme::before,#zone-seniors::after {display:none;}	
	#zone-gamme #zone-gamme-image,
	#zone-seniors #zone-seniors-image {width: calc(100% - 470px); position:relative; right:unset; left:unset; top:unset; display:inline-block; vertical-align:middle;}
	#zone-gamme #zone-gamme-texte,
	#zone-seniors #zone-seniors-texte {vertical-align:middle; float:none; width:445px;}

	#contact-gauche {width:305px;}
	#contact-droite { margin-left:15px; width: calc(100% - 320px);}
}

@media all and (max-width:860px) {
	#zone-paves::after {-moz-background-size: 80% auto; -o-background-size: 80% auto; -webkit-background-size: 80% auto;  background-size: 80% auto;}
	
	#zone-courbes {min-height: 290px;}
	#zone-courbes .global {padding-top: 30px;}
	#zone-courbes #zone-courbes-texte h1 { font-size:40px; line-height: 37px;} 
	#zone-courbes #zone-courbes-texte h1 strong {font-size:43px; line-height: 56px;}
	#zone-courbes #zone-courbes-texte span {font-size: 35px;}
	
	#centre h2 {line-height: 45px; font-size: 39px;}
	#contenu table {margin:20px auto; width:100%;} 

	#zone-parallax > div,
	#zone-parallax-bleue > div {padding:40px 0;}
	#zone-parallax #zone-parallax-texte, 
	#zone-parallax-bleue #zone-parallax-bleue-texte {float:none; width: 100%; }
	#zone-parallax #zone-parallax-image,
	#zone-parallax-bleue #zone-parallax-bleue-image { float:none; margin:10px auto 0; display: block; width:100%; max-width:465px;}
	
	
	#zone-confortqualite #zone-confortqualite-image {bottom: 40px; } 
	
	#contact-droite .titre-conteneur {font-size: 19px;}
}

/* Tablette */
@media all and (max-width:780px) {
	
	body {width:100%;}
	.w1260 {display:none;}	
			
	/* Centre */
	#centre {width:auto; margin:0; padding-top:0px;}	
	/* Fil d'ariane */
	#ariane {display:none;}	
	/* Contenu */
	#contenu {width:auto; }		
	/* Paginator */
	#paginator {margin:30px 0 20px;}
	#contenu #paginator .pagination-lien, #contenu #paginator .pagination-span {margin:0 9px;}

	.mosaique-conteneur {text-align:center;}
	
	#zone-gamme #zone-gamme-image,
	#zone-seniors #zone-seniors-image {width: 100%; margin:0 auto 10px; display:block; max-width: 495px;}
	#zone-gamme #zone-gamme-texte,
	#zone-seniors #zone-seniors-texte {width: 100%; margin:0;}
	
	
	#zone-confortqualite #zone-confortqualite-image {bottom: 29px;} 
	
	
	#contact-gauche {width:100%;}
	#contact-texte {margin-top: 25px;}
	
	#contact-droite { margin-left:0px; margin-top:15px; width: 100%;}
}

@media all and (max-width:630px) {
	#bandeau #logo a img {height:90px;}
	
	#zone-paves {padding-top:160px; padding-bottom: 70px;}
	#zone-paves::before, #zone-paves::after {height:90px;}
	#zone-paves .pave {height: 240px;}
	
	#zone-courbes {min-height: 250px;}
	#zone-courbes::before {height: 260px;}
	#zone-courbes .global {padding-top:10px;}
	#zone-courbes #zone-courbes-texte h1 { font-size:30px; line-height: 33px;} 
	#zone-courbes #zone-courbes-texte h1 strong {font-size:33px; line-height: 36px;}
	#zone-courbes #zone-courbes-texte span {font-size: 29px;}
		
	#centre h2,
	.page-popup h2 {line-height: 35px; font-size: 29px;}
	
	#zone-confortqualite #zone-confortqualite-texte {padding-bottom: 330px;}
	#zone-confortqualite #zone-confortqualite-image { max-width: 400px; } 
	
	#contact-logo img {height: 105px;}
}

@media all and (max-width:520px) {
	#zone-confortqualite #zone-confortqualite-images {max-width: 390px; height:280px;}
	#zone-confortqualite #zone-confortqualite-images img {width: 235px;}
}


@media all and (max-width:435px) {
	#zone-paves > div {min-height: 375px;}
	#zone-paves > div::before,
	#zone-paves > div::after {width: 20px; min-width: 0;}
	#zone-paves .pave {height:190px;}
		
	#zone-confortqualite #zone-confortqualite-texte {padding-bottom: 250px;}
	#zone-confortqualite #zone-confortqualite-image { max-width: 310px; } 
	
	#contact-formulaire #contact-nom-conteneur {width: 175px;}
	#contact-formulaire #contact-email-conteneur {width: calc(100% - 180px);}
}


@media all and (max-width:385px) {
	
	#zone-courbes #zone-courbes-texte h1{ font-size:27px; }	
	#zone-courbes #zone-courbes-texte h1 strong {font-size:30px; }
	#zone-courbes #zone-courbes-texte span {font-size: 23px;}
	
	#centre h2,
	.page-popup h2 {line-height: 33px; font-size: 27px;}
	.page-popup h1 {font-size:30px;} 
	
	#contact-formulaire #contact-nom-conteneur,
	#contact-formulaire #contact-email-conteneur {width:100%; margin: 10px 0 !important;}
}