body
{
    background-color: #FFF0E6;
    background: url('Images/quadri.svg');
    font-family: 'Rosario', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
    width: 900px;
    margin: auto;
}

#topofpage
{
height : 400px ;
}

#maphoto
{
margin-right: 20px ;
margin-left: 20px ;
}

/* Header */

header
{
    background: url('Images/test2.gif');
    /*background-color: #FF8B2C;*/
    height : 200px;
    text-align : center ;
}

header h1
{
font-size: 2.6em;
}

#icon
{
margin-left : 15px;
margin-bottom : 15px;
}

#iconf
{
margin-left : 15px;
margin-bottom : 15px;
}

h2
{
}



article
{
marging-top : 50px;
display : inline-block;
/* border: 1px solid black;*/
width : 693px;
vertical-align: top;
background-color : rgba(255,255,255,0.8);
/*background: url('Images/quadri.svg');*/
font-family: 'Duru Sans', serif;
padding-bottom : 50px;
}

article h1
{
font-size: 2em;
font-family: 'Duru Sans', serif;
text-align: left;
padding-left: 70px;
}

article h2
{
font-size: 1.5em;
font-family: 'Duru Sans', serif;
text-align: left;
padding-left: 70px;
}

article p
{
padding-left: 20px;
padding-right: 20px;
}

nav
{
marging-top: 50px;
display : inline-block;
/*border: 5px solid blue;*/
width:200px;
font-size: 0.7em;
}


ul
{
list-style-type:none;
margin:0;
padding:0;

}


nav a:link,nav a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
text-align:left;
padding:10px;
padding-left:20px;
text-decoration:none;
text-transform:uppercase;
background-color: #163e63;
border: 5px solid rgba(230,230,230,1);
border-left: none;
}

nav a:hover,nav a:active
{
background-color: #74889b;
border: 5px solid white;
border-left: none;
}

#maphoto
{
float : right;
}