body
{
background-color : rgb(236,255,255);
}

a
{
text-decoration : none;
color: rgb(240,47,75);
}

#centrage
{
text-align: center;
}

#citation 
{
font-family: constantia, arial, times new roman, sans serif;
    color: blue;
font-size: 18px;
text-align: justify;
text-indent: 2em;
color: rgb(35,98,129);
margin-left : 150px;
margin-right : 150px;
}

#conteneur
{
display : flex;
justify-content: space-around;
}

#corps18
{
font-size: 18px;
font-family: constantia, arial, times new roman, sans serif;
}

em
{
font-style: italic;
}

#epigraphe
{
font-family:  constantia, arial, times new roman, sans serif;
color: rgb(27,31,101);
font-size: 16px;
margin-left : 155px;
margin-top : 100px;
margin-bottom : 50px;
}

#grec
{
font-family : times new roman, arial, sans serif;
font-style : normal;	
}

h1
{
font-family:  constantia, arial, times new roman, sans serif;
color: rgb(129,46,31);
font-size: 26px;
text-indent: 2em;
margin-left : 120px;
margin-top: 100px;
}

h2
{
font-family:  constantia, arial, times new roman, sans serif;
color: rgb(27,31,101);
font-size: 18px;
text-indent: 3em;
margin-left : 120px;
margin-right : 120px;
margin-bottom : 60px;
}

h3
{
font-family:  constantia, arial, times new roman, sans serif;
color: rgb(35,98,129);
font-size: 14px;
margin-left : 120px;
margin-right : 120px;
text-align: justify;
}

header
{
border : 3px double rgb(27,31,101);
width : 100%;
height : 150px;
padding-top : 30px;
}

#illustration
{
text-align : center;
}

#illustration2
{
text-align : center;
}

.imageflottante
{
    float: left;
}


#legende
{
font-family:  constantia, arial, times new roman, sans serif;
color: rgb(35,98,129);
font-size: 14px;
 text-align : center
}

#loupe
{
display : inline-block;
margin : 30px;
position : absolute;
right : 50px;
top: 40px;
} 

nav
{
font-family:  constantia, arial, times new roman, sans serif;
margin-left : 60px;
font-size : 20px;
margin-top : 15px;
}

#normal
{
font-size :18px;
margin-left : 120px;
}

p
{
font-family: constantia, arial, times new roman, sans serif;
   font-size: 20px;
text-align: justify;
text-indent: 2em;
color: rgb(159,56,38);
margin-left : 120px;
margin-right : 120px;
}

#poesie
{
font-family: constantia, arial, times new roman, sans serif;
    color: blue;
font-size: 20px;
font-style :italic;
text-align: justify;
color: rgb(35,98,129);
margin-left : 240px;
margin-right : 120px;
}

#tabul
{
text-indent : 2em;
}

#titre
{
display : inline-block;
font-family :monotype corsiva, constantia, arial, times new roman, sans serif;
font-size : 100px;
font-style: italic;
color : rgb(27,31,101);
margin-high : 60px;
margin-left : 80px;
}

ul
{
font-family: constantia, arial, times new roman, sans serif;
color: rgb(35,98,129);
font-size: 20px;
margin-left : 60px;
-moz-column-count:2;
-webkit-column-count:4;
column-count:2;
}

@media screen and (min-width: 1280px) 
{
body{
  width : 65%;
margin: auto;
}
p
{
margin-right : 40px;
margin-left : 40px;
}
#titre
{
width : 90%;
}

header
{
width : 920px;

}
#loupe
{
position : absolute;
right : 130px;
}
nav
{
position : absolute;
left : 200px;
}
}