/* /////////
Coucou les gens !
Ce code CSS est totalement libre de droit.
C'est à dire que vous pouvez en faire ce que vous voulez, le copier et/ou le réutiliser tel quel.
Cependant, je ne peux pas vous permettre d'y faire lien depuis votre site.
Si vous voulez utiliser ce code, recopiez-le au sein de votre propre fichier CSS :)

Continuez à expérimenter et à vous inspirer !

- Un raton...
/////////*/

@media (orientation: landscape) 
{
	
	#Newz1, #Newz2, #Newz3, #Newz4, #Newz5, #Newz6
		{ position: absolute; height: auto; width: 350px; border-radius: 20px;
			border: 5px solid #7E4C3C;
			/*background: #FFEAA3;*/ background-image:url("../images/fongzonetexte.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 20px; z-index: 1; animation-timing-function:ease-in-out; transition-duration:250ms;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);}
	
	#Newz2 {top: 50px; left:5%; transform: rotate(-2deg);}
	#Newz3 {top: 75px; left:21%;  transform: rotate(2deg);}
	#Newz0 {top: 55px; left:74%; transform: rotate(-1deg);}
	#Newz4 {top: 25px; left:39%; transform: rotate(-3deg);}
	#Newz5 {top: 75px; left:57%; transform: rotate(6deg);}
	#Newz6 {top: 25px; left:75%; transform: rotate(6deg);}
	
	#Newz1:hover, #Newz2:hover, #Newz3:hover, #Newz4:hover, #Newz5:hover, #Newz6:hover
	{ transform: scale(1.25,1.25); z-index: 3;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);}
	
	#Newz2:hover {margin-left: 15px; margin-top: 0px;}
	#Newz3:hover {margin-left: 5px; margin-top: 20px;}
	#Newz0:hover {margin-left:-100px; margin-top: 50px;}
	#Newz4:hover {margin-left:-10px; margin-top: 50px;}
	#Newz5:hover {margin-left:-15px; margin-top: 50px;}
	#Newz6:hover {margin-left:-15px; margin-top: 50px;}
	
	#Newz1Photo, #Newz2Photo, #Newz3Photo,#Newz4Photo, #Newz5Photo, #Newz6Photo
	{position: relative; top: 10px; left: 10px; height: 190px; width: 330px; display: block; border-radius: 10px 10px 0px 0px; z-index: 3;}
	
	#Newz1Photo {background: url("../images/newz_sokoraccoon.jpg") no-repeat;}
	#Newz2Photo {background: url("../images/newz_bigmouth2.jpg") no-repeat;}
	#Newz3Photo {background:url("../images/newz_woodenrobots.jpg") no-repeat;}
	#Newz4Photo {background:url("../images/newz_tank.jpg") no-repeat;}
	#Newz5Photo {background:url("../images/newz_woodenrobots2.jpg") no-repeat;}
	#Newz6Photo {background:url("../images/newz_tanksv2k.jpg") no-repeat;}
	
	#DatePublication {position: absolute; top: 175px; width: 320px; font-size: 0.75em; color: #FFFFFF; text-align: right; font-weight: bold; background: none;
	text-shadow: 2px 3px 5px #000}
	}
	
	#NewzTitreContour {position: relative; top: 10px; width: 400px; height: 60px; left: -25px; background:#FC7D0F; text-align: center; border-radius: 10px; z-index: 1;
		-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
	 }
	
	#NewzTitre {position: relative; top: 10px; height: 40px; width: 400px; left: 0px;
	color: #FFFFFF; font-weight: bold; font-size: 2em; background:#FC7D0F; border-radius: 5px;}
	
	#ContenuNewz {position: relative; top: 10px; left: 10px; width: 310px; height: auto; display: block; border-radius: 0px 0px 10px 10px; /*background: #FFEAA3;*/ background-image:url("../images/fongzonetexte.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 10px; font-size: 1.25em;}
	
	#MiniMargeTop {left: 0px; top:0px; width:100%; height: 5px; border-bottom:5px solid #FC7D0F; }
	#MiniMargeBottom {left: 0px; top:0px; width:100%; height: 5px; border-top:5px solid #FC7D0F; }
	
	.LAppGallery, .LGalaxyStore, .LGooglePlay, .LStartToPlay, .LEastGames, .LSketchFab, .LUnity, .LUnrealE
		{font-size: inherit; color: inherit; background: none; padding: 0px 5px; border-radius: 5px;}
	
	.LAppGallery:hover {background: #F75959;color: #FFFFFF;}
	.LGalaxyStore:hover {background: #DB2DB4; color: #FFFFFF;}
	.LGooglePlay:hover {background: rgb(0,205,255); color: #FFFFFF;}
	.LStartToPlay:hover  {background:#ED3E97; color: #FFFFFF;}
	.LEastGames:hover  {background:#FCC018; color: #FFFFFF;}
	.LSketchFab:hover  {background:#1C88BB; color: #FFFFFF;}
	.LUnity:hover  {background:#272727; color: #FFFFFF;}
	.LUnrealE:hover  {background:#6C135E; color: #FFFFFF;}
	.Prix {font-size: 2.5em; font-weight: bold; -webkit-text-stroke: -1px #000;  color:#FC7D0F;
  		 text-shadow: 0px 3px 0px #b2a98f,
             0px 3px 10px rgba(0,0,0,0.15),
             0px 5px 2px rgba(0,0,0,0.1),
             0px 10px 30px rgba(0,0,0,0.1);}
	
	
	
	
	
	
	
	
	
}