@charset "utf-8";
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: #00cc99;
     -webkit-animation: random 90s infinite;
     animation: random 90s infinite;
}

@keyframes  random {

    15% { background-color: #00cc99;} 			
    30% { background-color: #cc66cc;} 		
    45% { background-color: #00cc99;} 
    60% { background-color: #cc66cc;} 
    75% { background-color: #00cc99;}  
}



#Tableau_01 {
	 position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:20px;
  margin-bottom:50px;
	width: 600px;
	font-family: Helvetica,Arial,"Sans-Serif";
	background-color:white;


	
		
}


#title {
	position:absolute;
	left:20px;
	top:22px;
	color : black;
	font-weight:bolder;
	font-size : 36px;
	
	
}



#line_3_covers {
	position:relative;
	left:0px;
	top:0px;
	width:600px;
	height:382px;
	
}


.image_logo {

	border: 1px inset #000;
	width:179;
	height:241;
}


.text_magazine {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


.flag {
	vertical-align:top;
	float:right;
	text-align:right;
	
	
}



#maquette-presse-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:382px;
}

#maquette-presse-02 {
	position:absolute;
	left:15px;
	top:0px;
	width:179px;
	height:241px;
}

#maquette-presse-03 {
	position:absolute;
	left:194px;
	top:0px;
	width:16px;
	height:382px;
}

#maquette-presse-04 {
	position:absolute;
	left:210px;
	top:0px;
	width:179px;
	height:241px;
}

#maquette-presse-05 {
	position:absolute;
	left:389px;
	top:0px;
	width:15px;
	height:297px;
}

#maquette-presse-06 {
	position:absolute;
	left:404px;
	top:0px;
	width:180px;
	height:241px;
}

#maquette-presse-07 {
	position:absolute;
	left:584px;
	top:0px;
	width:16px;
	height:382px;
}

#maquette-presse-08 {
	position:absolute;
	left:15px;
	top:241px;
	width:179px;
	height:10px;
}

#maquette-presse-09 {
	position:absolute;
	left:210px;
	top:241px;
	width:179px;
	height:10px;
}

#maquette-presse-10 {
	position:absolute;
	left:404px;
	top:241px;
	width:180px;
	height:10px;
}

#maquette-presse-11 {
	position:absolute;
	left:15px;
	top:251px;
	width:148px;
	height:46px;
}

#maquette-presse-12 {
	position:absolute;
	left:163px;
	top:251px;
	width:31px;
	height:46px;
}

#maquette-presse-13 {
	position:absolute;
	left:210px;
	top:251px;
	width:148px;
	height:46px;
}

#maquette-presse-14 {
	position:absolute;
	left:358px;
	top:251px;
	width:31px;
	height:46px;
}

#maquette-presse-15 {
	position:absolute;
	left:404px;
	top:251px;
	width:149px;
	height:46px;
}

#maquette-presse-16 {
	position:absolute;
	left:553px;
	top:251px;
	width:31px;
	height:46px;
}

#maquette-presse-17 {
	position:absolute;
	left:15px;
	top:297px;
	width:179px;
	height:85px;
}

#maquette-presse-18 {
	position:absolute;
	left:210px;
	top:297px;
	width:180px;
	height:85px;
}

#maquette-presse-19 {
	position:absolute;
	left:390px;
	top:297px;
	width:14px;
	height:85px;
}

#maquette-presse-20 {
	position:absolute;
	left:404px;
	top:297px;
	width:180px;
	height:85px;
}


p
{
color : black;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

a
{
text-decoration : none;
color:#000
}

a:hover {
text-decoration: underline;
}


#back {
	position:absolute;
	right:18px;
	top:18px;
	text-decoration : none;
	border:none;
	
}
/* CSS Document */