@media (orientation: landscape) and (max-width: 640px) { #section1 { background-image: url('/barbara/media/imagette/640x480/Chapitre01'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section1 { background-image: url('/barbara/media/imagette/1024x768/Chapitre01'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section1 { background-image: url('/barbara/media/imagette/480x640/Chapitre01'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section1 { background-image: url('/barbara/media/imagette/768x1024/Chapitre01'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section1 { background-image: url('/barbara/media/imagette/1024x576/Chapitre01'); background-size: cover; } }

@media (orientation: landscape) and (max-width: 640px) { #section2 { background-image: url('/barbara/media/imagette/640x480/Chapitre02'); background-size: cover; } } @media (orientation: landscape) and (min-width: 641px) { #section2 { background-image: url('/barbara/media/imagette/1024x768/Chapitre02'); background-size: cover; } } /*---------------------------------------------------------------------------------------------------------*/ @media (orientation: portrait) and (max-height: 640px) { #section2 { background-image: url('/barbara/media/imagette/480x640/Chapitre02'); background-size: cover; } } @media (orientation: portrait) and (min-height: 641px) { #section2 { background-image: url('/barbara/media/imagette/768x1024/Chapitre02'); background-size: cover; } } @media (min-aspect-ratio:14/9){ #section2 { background-image: url('/barbara/media/imagette/1024x576/Chapitre02'); background-size: cover; } }