@CHARSET "ISO-8859-2";

@media (max-width:720px) {
	
	/*TEMPLATE TELEPHONE*/
    :root {
  		--gutter: 10px;
	}
	
	.tplte1,
	.tplte2,
	.tplte3,
	.tplte4{
		margin-top: 2vh;
	}
	
	.txt ul {margin-left:0px; margin-top: 0px; margin-bottom: 0px; }
	
	.relative-helper {
		/*position: relative;
	    height: 31vh;*/
	    width: 112%;
	}

	.absolute-helper {
		/*left: -47px;
		 position: absolute; */
		margin-left : -47px;
		/*padding: var(--gutter) 0;*/
		display: grid;
		grid-gap: var(--gutter) 0;
		grid-template-columns: var(--gutter) 1fr var(--gutter);
		align-content: start;
	}
	
	.absolute-helper > * {
	  grid-column: 2 / -2;
	}
	
	.absolute-helper > .full {
	  grid-column: 1 / -1;
	}
	
	.tplte45 .contains-images, 
	.tplte44 .contains-images,  
	.tplte38 .contains-images,
	.tplte39 .contains-images,
	.tplte35 .contains-images,
	.tplte36 .contains-images {
	  grid-template-columns: repeat(2, 1fr);
	
	}
	
	.contains-images {
	 margin: 0px;
	  /* position: absolute; */
	  /* left: -40px; */
	  display: grid;
	  grid-gap: calc(var(--gutter) / 2);
	  grid-template-columns: repeat(3, 1fr);
	  grid-template-rows: minmax(150px, 1fr);
	  overflow-x: scroll;
	  scroll-snap-type: x proximity;
	  padding-bottom: calc(.75 * var(--gutter));
	  margin-bottom: calc(-.25 * var(--gutter));
	}
	
	.contains-images > li:last-child {
	  	margin-right: 20px;
	}
	
	ul {
	  	list-style: none;
	 	padding: 0;
	}
	
	.img {
    	width: 86vw;
    	height: auto;
	}
	
	.first {
		margin-left:  9vw;
	}
	
	.last {
		margin-right: 8vw;
	}	
	
	.tplte42,
	.tplte44 {
		margin-bottom: 30vh;	
	}
	
	.tplte43 .relative-helper,
	.tplte45 .relative-helper {
		margin-bottom: 35vh;		
	}
	
}


@media (min-width: 720px) {
	
	.tplte1 img {
	  display: inline !important;
	  float:right;
	  width: 35%;/*200px;*/
	  /*padding-left:10px;*/
	  padding-bottom:0px;
	  padding-right: 23px;
	}
	
	
	.tplte1 .productMapWrapper .mapZoomControls {
		position: absolute;
		z-index: 2;
		bottom: 20px;
		left : unset !important;
		right : 213px !important;
	}
	
		.tplte1 #gpslink {
		width: unset !important;
	}
	
	.tplte1 .productMapWrapper.undefined {
	    float: right !important;
	    width: 38% !important;
		padding-left: 18px;
	}
	
		.tplte2 #gpslink {
		width: unset !important;
	}
	
	.tplte2 .productMapWrapper.undefined {
	    float: left !important;
	    width: 38% !important;
	
	}
	
	.tplte2 img {
		display: inline !important;
		float:left;
		width: 35%;/*200px;*/
	  /*padding-right:10px;*/
	  padding-bottom:0px;
	  padding-right: 23px;
	}
	
	
	.tplte3 img {
		display: inline !important;
	  padding-bottom:0px;
	}
	
	.tplte4 img {
		display: inline !important;
	  padding-top:10px;
	}
	
	.tplte5 img {
		display: inline !important;
		/*float:right;*/
		width: 100%;/*200px;*/
	  padding-left:10px;
	  padding-bottom:0px;
	}
	
	.tplte6 img {
		display: inline !important;
		float:left;
		width: 100%;/*200px;*/
	  padding-right:10px;
	  padding-bottom:0px;
	}
	
	
	.tplte5,.tplte6 {
		overflow:hidden;
		padding-right: 25px;
	}
	
	.tplte5 .img1,.tplte6 .img1 {
		display: inline !important;
		padding-bottom:8px;
		padding-top:15px;
	}
	
	
	.tplte5 .divfloat{
		float:right;
		width:34%/*205px;*/
	}
	
	.tplte6 .divfloat {
		float:left;
		width:34%/*205px;*/
	}
	
	
	.tplte7 img {
		display: inline !important;
		border:0px;
		width:100%;
	}
	
	.tplte7 td {
		border:0px !important;
	}
	
	
	.tplte8 img,.tplte9 img {
	display: inline !important;
	width:49%;
	}
	
	.tplte8 .img1,.tplte9 .img1 {
		display: inline !important;
	/* 	padding-right:5px; */
	}
	
	
	.tplte10 img,.tplte11 img {
		display: inline !important;
		width:32%;
	}
	
	.tplte10 .img1,.tplte10 .img2,.tplte11 .img1,.tplte11 .img2 {
		display: inline !important;
	}	
	
	.tplte12 div {
	    float:left;
	    width:49%;
	    margin-right:10px;
	}
	
	.tplte12 .img3 {
		display: inline !important;
	    width:24%;
	}
	
	.tplte12 .img1 {
		display: inline !important;
	    margin-bottom:10px;
	}
	
	.tplte12_grp1 {
	    width:23% !important;
	}
	
	.tplte12_grp1 img {
		display: inline !important;
	    width:100%;
	}
	
	
	
	.tplte13 div {
	    float:left;
	    width:49%;
	    margin-right:10px;
	}
	
	.tplte13 .img3 {
		display: inline !important;
	    width:23%;
	    float:left;
	    margin-right:10px;
	}
	
	.tplte13 .img1 {
		display: inline !important;
	    margin-bottom:10px;
	}
	
	.tplte13_grp1 {
	    width:22% !important;
	}
	
	.tplte13_grp1 img {
		display: inline !important;
	    width:100%;
	}
	
	
	 
	.tplte14 td{
	    width:31%;
	    vertical-align:bottom;
	    border:0px !important;
	}
	
	.tplte15 td {
	    width:31%;
	    vertical-align:top;
	    border:0px !important;
	}
	
	
	.tplte14 img,.tplte15 img {
		display: inline !important;
	    width:100%;
	    
	}
	
	.tplte16 .img1 {
		display: inline !important;
		width:100%;
		padding-bottom:7px;
	}
	
	.tplte16 .img2 {
		display: inline !important;
		padding-right:7px;
	}
	
	
	.tplte16 .img2,.tplte16 .img3 {
		display: inline !important;
		width:49%;
	}
	
	.tplte17 .img1 {
		display: inline !important;
		width:49%;
		float:left;
		padding-right:7px;
	}
	
	.tplte17 .img2,.tplte18 .img2 {
		display: inline !important;
		width:100%;
	
	}
	
	.tplte18 .img1 {
		display: inline !important;
		width:49%;
		float:right;
		padding-left:7px;
	}
	
	.tplte19 .img2 {
		display: inline !important;
	   margin-right:5px;
	}
	
	.tplte19 .img2,.tplte19 .img3 {
		display: inline !important;
	    width:48%;
	}
	
	.tplte19 .img1 {
		display: inline !important;
	   width:99%;
	   margin-bottom:7px
	}
	
	.tplte19_grp1 {
	   width:50%;
	   float:left;
	}
	
	.tplte20 .img2 {
		display: inline !important;
	   margin-right:5px;
	}
	
	.tplte20 .img2,.tplte20 .img3 {
		display: inline !important;
	    width:48%;
	}
	
	.tplte20 .img1 {
		display: inline !important;
	   width:99%;
	   margin-bottom:7px
	}
	
	.tplte20_grp1 {
	   width:50%;
	   float:right;
	   margin-left:7px;
	}
	
	
	.tplte21 td,
	.tplte22 td,
	.tplte23 td,
	.tplte24 td {
	    width:31%;
	    border:0px !important;
	}
	
	.tplte25 img, .tplte26 img{
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:50%;
		max-width:300px;
		height:auto;
	}
	
	.tplte25 .productMapWrapper .mapZoomControls,
	.tplte26 .productMapWrapper .mapZoomControls{
		position: absolute;
		z-index: 2;
		bottom: 10px;
		left : 240px !important;
		right : unset !important;
	}

	.corpTextProduit table{
	    width: 100% !important;
	}
	
	/*NOUVEAU TEMPLATE*/
	
	.tplte35 .absolute-helper{
		float:right;
		width:35%;
	    padding-right: 23px;
	}
	
	.tplte36 .absolute-helper{
		float:left;
		width:35%;
	   /* padding-right: 23px;*/
	}
	
	.tplte36 img{
	  padding-right:10px;
	}
	
	.tplte35 .contains-images,
	.tplte36 .contains-images{
	  margin: 0px;
	}
	
	
	
	.tplte45 img,
	.tplte44 img,
	.tplte43 img,
	.tplte42 img,
	.tplte41 img, 
	.tplte40 img,
	.tplte39 img, 
	.tplte38 img{
	  width:95%;
	  height:auto;
	  display:block;
	}
	
	.tplte45 .absolute-helper,
	.tplte44 .absolute-helper,
	.tplte43 .absolute-helper,
	.tplte42 .absolute-helper,
	.tplte41 .absolute-helper, 
	.tplte40 .absolute-helper, 
	.tplte39 .absolute-helper{
	  display: grid;  
	}
	
	.tplte45 .contains-images,
	.tplte44 .contains-images,
	.tplte43 .contains-images,
	.tplte42 .contains-images,
	.tplte41 .contains-images,
	.tplte40 .contains-images,
	.tplte39 .contains-images,
	.tplte38 .contains-images{
	  display: grid;
	  width : 100%;
	  grid-template-columns:auto auto auto;
	  list-style: none;
	  margin: 0px;
	}
	
	.tplte45 .contains-images,
	.tplte44 .contains-images,
	.tplte38 .contains-images {
	  display: grid;
	  width : 110%;
	  grid-template-columns:auto auto auto;
	  list-style: none;
	  margin: 0px;
	}
	
	.tplte45 li,
	.tplte44 li,
	.tplte43 li,
	.tplte42 li,
	.tplte41 li,
	.tplte40 li,
	.tplte39 li,
	.tplte38 li,
	.tplte35 li,
	.tplte36 li  {
		list-style: none !important;
	}
	
	.tplte45 .productMapWrapper,
	.tplte44 .productMapWrapper,
	.tplte43 .productMapWrapper,
	.tplte42 .productMapWrapper,
	.tplte41 .productMapWrapper,
	.tplte40 .productMapWrapper,
	.tplte39 .productMapWrapper,
	.tplte38 .productMapWrapper,
	.tplte35 .productMapWrapper,
	.tplte36 .productMapWrapper  {
		width: 102%;
	}
	
	
}