@media screen and (max-width: 600px)
{
body { 
border: 0px outset rgb(102, 102, 102);
background-color: rgb(30, 30, 30);
color: rgb(0, 0, 0);
margin-top: 0px;
margin-left: auto;
margin-right: auto;
height: 768px;
direction: ltr;
font-family: Arial,Helvetica,sans-serif;
font-size: 1,2em;
line-height: 16pt;

background-repeat: no-repeat;
background-position: center;
text-align: left;
width: auto;
}

p 
{
border: 0px outset rgb(0, 0, 0);
width: auto; 
margin-left:45px;
margin-right:45px;
font-weight: bold;
text-align: left;
padding: 5px;

}
}
@media screen and (min-width: 600px)
{
body { 
border: 0px outset rgb(102, 102, 102);
background-color: rgb(30, 30, 30);
color: rgb(0, 0, 0);
margin-top: 0px;
margin-left: auto;
margin-right: auto;
height: 768px;
direction: ltr;
font-family: Arial,Helvetica,sans-serif;
font-size: 0,9em;
line-height: 16pt;
background-image: url("../images/fond1.jpg");
background-repeat: no-repeat;
background-position: center;
text-align: left;
width: 1024px;
}

p 
{
border: 0px outset rgb(0, 0, 0);
width: auto; 
margin-left:45px;
margin-right:45px;
font-weight: bold;
text-align: left;
padding: 5px;

}
}