/*Header*/
body
{
background:#7A84C8;
}
#bloc_page
{
width: 1100px;
margin: auto;
border: 1px solid white;
}

header
{
background:white;
}

#logo_liris img
{
width:204px;
height:100px;
margin-right:600px;
vertical-align:middle;
}
#logo_Lyon1 img
{
width: 230px;
height: 160px;
vertical-align:middle;
}

#logo_liris
{
display:inline-block;

}
#logo_Lyon1
{
display:inline-block
}



#v_nav
{
display:inline-block;
vertical-align: top;
}
#v_nav ul
{
list-style-type: none;
text-align:right;
margin-right: 80px;
}
#v_nav li
{
margin-right: 15px;
margin-bottom:20px;

}
#v_nav li a
{
display:block;
font: 67.5%  'Trebuchet Unicode MS', 'Lucidia Sans Unicode', 'Bitstram Vera Sans',  'Lucidia Grande', Verdana, Helvetica, sans-serif;
font-size: 16px;
color:white;
text-decoration: none;
line-height:37px;
text-align:center;
width: 200px;
background-image:radial-gradient(#1902EC, #111FD8);
}
#v_nav li a:hover
{
background-image:radial-gradient(#3A3FD0, #585EF3);
}




#h_nav ul
{
list-style-type: none;
text-align:right;
margin-right: 80px;
}
#h_nav li
{
display: inline-block;
margin-right: 15px;

}
#h_nav li a
{
display:block;
font: 67.5% 'Lucidia Sans Unicode', 'Bitstram Vera Sans', 'Trebuchet Unicode MS', 'Lucidia Grande', Verdana, Helvetica, sans-serif;
font-size: 16px;
color:white;
text-decoration: none;
line-height:37px;
text-align:center;
width: 200px;
background-image:radial-gradient(#000000, #1B1C1C);
}
#h_nav li a:hover
{
color:yellow;
}


section #article ul
{
display:inline-block;
vertical-align:top;
margin-right:100px;
}
section #article #photo_perso 
{
display:inline-block;
vertical-align:top;
}
section #article #photo_perso img
{
width:250px;
height:250px;
}


#article
{
display:inline-block;
width:700px;
height:400px;
padding:15px;
padding-top:5px;
background:white;
overflow:auto;
vertical-align: top;
} 

footer
{
height:60px;
text-align:center;
}