#bloc_page
{
    width: 1280px;
    margin: auto;
    
}
h1
{
    font-style: italic;
    font-size: 3em;
    width: 95%;
}
p
{
	
	font-style: italic;
    font-size: large;
	font-family: Verdana,Georgia,sans-serif;
	width: 95%;
	padding-right: 20px;
    text-align: justify;
}
body
{
    width: auto;
    height: auto;
    margin: auto;
    background-image: url(image/fond1.gif);
}
header
 {
 	text-align: center;
    width: 100%;
    height: auto;
}
 #Banniere
 {
    width: 1100px;
    height: 300px;
 	border: 15px solid green;
 	margin-top: 50px;
    border-radius: 25px;
 }
 
nav
{
    margin-right: 15px;
	float: left;
	width: 17%;
	border: 3px solid black;
    border-radius: 25px;
    font-size: large;
    background-image: url(image/fond2.gif);
}
#nom
{
    width: 100px;
}
@font-face
{
	font-family: "Hobo";
	src: url(HoboStd.otf);

}
h1
{
    background-color: #fce;
    border-radius: 50px;
    padding: 5px;
    font-family: "Hobo";
    color: rgb(158,17,10);
    text-shadow: 0px 1px 0 #ccc,
                 0 2px 0 #c9c9c9,
                 0 3px 0 #bbb,
                 0 4px 0 #b9b9b9,
                 0 5px 0 #aaa,
                 0 6px 1px rgba(0,0,0,.1),
                 0 0 5px rgba(0,0,0,.1),
                 0 1px 3px rgba(0,0,0,.3),
                 0 3px 5px rgba(0,0,0,.2),
                 0 5px 10px rgba(0,0,0,.25),
                 0 10px rgba(0,0,0,.2),
                 0 20px 20px rgba(0,0,0,.15);
	text-align: center;
}
a:visited
{
    color: blue;
}
@media print
{
    #bloc_page
    {
        width: auto;
        margin: auto;
    }
    header
    {
        height: auto;
    }
    #Banniere
    {
        width: auto;
    }

    body,p,nav
    {
        width: auto;
        background-image: none;
    }
    h1
    {
        font-size: 2em;
    }
}
@media screen and (min-width: 1024px)
{
    header
    {
        width: auto;
    }
    h1
    {
        font-size: 2em; 

    }
}