body{
    background-image:url(../Images/enye2.webp);
	background-size: cover;
	background-repeat: no-repeat;
    
}

/* Google */
#google {
 background-color:#FAFAFA;
 position:absolute;
 left:30%;
 padding:10px;
 width:480px;
 border:1px solid #000;
 margin-top:30px;
 box-shadow: 8px 8px 12px #000000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 
}

th { 
 -moz-border-radius:10px; 
 -webkit-border-radius:10px; 
 padding: 5px 5px; 
} 

a{text-decoration:none;}
a:hover{color:blue} 

/* Fin Google */

#tv{
position:absolute;
top:180px;
width: 300px; 
left:130px;
background-color:#44687d;
box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */

}
#meteo{
 position:absolute;
 top:175px;
 left:440px;
 width:150px;
 margin:5px;
 background-color:#44top:80px;687d;
box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */

 }
 #maree{
 position:absolute;
 top:180px;
 left:625px;
 width:220px;
 height:218px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 
 }
 
 a img 
{ 
 border: none; 
} 
 
 #le-bon-coin{
 position:relative;
 top:180px;
 left:860px;
 width:120px;
 height:119px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 
 }
 
 #face{
 position:absolute;
 top:490px;
 left:660px;
 width:160px;
 height:100px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 }
 
  #fdj{
 position:absolute;
 top:410px;
 left:700px;
 }
 
  #foot{
 position:absolute;
 top:410px;
 left:620px;
 }
 
  #album{
 position:absolute;
 top:330px;
 left:870px;
 }
 
  
 
 @media(orientation:portrait) {
	 
	 body{
    background-image:url(../Images/enyeportrait2.webp);
	position: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

/* Google */
#google {
position:absolote;
 left:100%;
 background-color:#FAFAFA;
 padding:10px;
 width:480px;
 border:1px solid #000;
 margin-top:50px;
 box-shadow: 8px 8px 12px #000000;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */

}

th { 
 -moz-border-radius:10px; 
 -webkit-border-radius:10px; 
 padding: 5px 5px; 
} 

a{text-decoration:none;}
a:hover{color:blue} 

/* Fin Google */

#tv{
float:left;
margin-top:10%;
width: 300px; 
background-color:#44687d;
box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */

}
#meteo{
 float:left;
 top:185px;
 left:435px;
 width:150px;
 margin:5px;
 background-color:#44top:80px;687d;
box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */

 }
 
 #maree{
float:left;
 top:540px;
 left:440px;
 width:220px;
 height:218px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 
 }
 
 #le-bon-coin{
 position:relative;
 top:185px;
 left:620px;
 width:120px;
 height:119px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 
 }
 
 
  #fdj{
 float:left;
 top:440px;
 left:610px;
 }
 
  #foot{
 position:relative;
 top:410px;
 left:680px;
 }
 
 #face{
 float:left;
 top:320px;
 left:615px;
 width:160px;
 height:100px;
 margin:5px;
 background-color:#44687d;
 box-shadow: 8px 8px 12px #000000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */
 }
 
 #album{
 position:absolute;
 top:650px;
 left:690px;
 }
    }