@media screen and (max-width: 11680px) {
	#main .thumb {

		height: calc(40vh - 2em);							/*reglage taille case*/
		min-height: 30em;
		width: 100%;
	}
		#main .thumb {
			overflow: hidden;
			position: relative;
		}

			#main .thumb > .image {

	
				height: 100%;								/*reglage taille absolute*/
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				zoom: 175%;
			}
		}
@media screen and (max-width: 1680px) {
	#main .thumb {

		height: calc(40vh - 2em);							/*reglage taille case*/
		min-height: 30em;
		width: 100%;
	}
		#main .thumb {
			overflow: hidden;
			position: relative;
		}

			#main .thumb > .image {

	
				height: 100%;								/*reglage taille absolute*/
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				zoom: 150%;
			}
		}
@media screen and (max-width: 1280px) {
			#main .thumb {

				height: calc(40vh - 2em);							/*reglage taille case*/
				min-height: 25em;
				width: 100%;
			}
				#main .thumb {
					overflow: hidden;
					position: relative;
				}
		
					#main .thumb > .image {

			
						height: 100%;								/*reglage taille absolute*/
						left: 0;
						position: absolute;
						top: 0;
						width: 100%;
						zoom: 120%;
					}
				}

					@media screen and (max-width: 980px) {
						#main .thumb {

							height: calc(40vh - 2em);							/*reglage taille case*/
							min-height: 20em;
							width: 100%;
						}
							#main .thumb {
								overflow: hidden;
								position: relative;
							}
					
								#main .thumb > .image {
			
						
									height: 100%;								/*reglage taille absolute*/
									left: 0;
									position: absolute;
									top: 0;
									width: 100%;
									zoom: 90%;
								}
							}

							@media screen and (max-width: 736px) {
								#main .thumb {

									height: calc(40vh - 2em);							/*reglage taille case*/
									min-height: 10em;
									width: 100%;
								}
									#main .thumb {
										overflow: hidden;
										position: relative;
									}
							
										#main .thumb > .image {
					
								
											height: 100%;								/*reglage taille absolute*/
											left: 0;
											position: absolute;
											top: 0;
											width: 100%;
											zoom: 70%;
										}
									}
									@media screen and (max-width: 600px) {
										#main .thumb {

											height: calc(40vh - 2em);							/*reglage taille case*/
											min-height: 5em;
											width: 100%;
										}
											#main .thumb {
												overflow: hidden;
												position: relative;
											}
									
												#main .thumb > .image {
							
										
													height: 100%;								/*reglage taille absolute*/
													left: 0;
													position: absolute;
													top: 0;
													width: 100%;
													zoom: 50%;
												}
											}
									@media screen and (max-width: 480px) {
										#main .thumb {

											height: 10em;							/*reglage taille case*/
											min-height: 1em;
											width: 100%;
										}
											#main .thumb {
												overflow: hidden;
												position: relative;
											}
									
												#main .thumb > .image {
							
										
													height: 100%;								/*reglage taille absolute*/
													left: 0;
													position: absolute;
													top: 0;
													width: 100%;
													zoom: 40%;
												}
											}