@font-face {
   font-family: Dyuthi;
   src: url(font/Dyuthi-Regular.ttf);
   font-weight: normal;
   font-style: normal;
} 
body {
   background-attachment: fixed;
   clear:both;
}

header {
   background-size: 100%;
   background: linear-gradient(90deg, #8360c3, #2ebf91);
   background-attachment: fixed;
	text-align: center;
	color: #ffffff;
   font-size: 3em;
   font-style: italic;
   font-family: Dyuthi;
   align-content: center
}	

nav {
   clear:both;
   display:inline-block;
   width: 20%;
   vertical-align: top;
   text-align:left;
	font-size: 1em;
   font-style: normal;
   font-family: Dyuthi ;
   align-content : normal;
   font-weight : normal;
}

p {
   margin-left: 5%;
   margin-right: 5%;
   text-align: justify;	
   color:inherit; 
   font-size: 1em;
   font-style: normal;
   font-family: arial,helvetica,sans-serif;
}

strong {
   font-style: italic;
}

section {
   display: inline-block;
   width: 950px;
   border: 0px solid blue;
   vertical-align: top;
   text-align: normal;
	font-size: 1em;
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
   align-content: center
}

aside {
      width: 600px;
   margin-left: 80px;
   border: 3px solid color blue; 
   background-color: rgb(255,242,202);
   font-size: 0.9em;
   font-style: normal;
   text-align: justify;
}

.img {
   margin-left: 20px;
}

ul {
   list-style-image: url(images/fleche_bleue.gif)
}
table {
    text-align: justify;
    color:inherit;
    font-size: 1,7em;
    font-style: normal;
    font-family: arial,helvetica,sans-serif;
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-left: 30%;
}
caption {
   text-align: normal;
	font-size: 1em;
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
}
tr {
   margin-bottom: 10px;
   text-align: normal;
	font-size: 1,7em;
   font-style: bold;
   font-family: Arial, Helvetica, sans-serif;
}
td {
   margin-bottom: 10px;
   text-align: center;
   font-style: oblique;
	border: 2px solid blue;
}

h1 {
   font-style: normal;
   font-family: Dyuthi;
   align-content : normal;
   font-weight : bold;   
}

h2 {
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
   align-content : normal;
   font-weight : bold;
}
h3 {
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
   align-content : normal;
   font-weight : bold;
}
h4 {
   margin-left: 20%;
   font-style: normal;
   font-family: Arial, Helvetica, sans-serif;
   align-content : normal;
   font-weight : bold;
}
p {
   text-align: justify;	
   text-decoration-color: darkgrey;
   font-size: 1em;
   font-style: normal;
   font-family: arial,helvetica,sans-serif;
   margin-left: 20px;
}

li {
   text-align: left;
   color:inherit; 
   font-style: normal;
   font-size: 1.1em;
   font-family: arial,helvetica,sans-serif;
   margin-bottom: 20px;
    
}

em {
   text-align: left;
   color:red; 
   font-style: italic;
   font-weight: bold;
   font-family: arial,helvetica,sans-serif;
}

mark {
   text-align: left;
   color: red;

}

q {
   font-style: italic;
}

a {
   color:#036;
   font-family: Arial, Helvetica, sans-serif;
}
a img {
   cursor:pointer;
}

footer {
   text-align: center;
   font-size: 1,4em;
   font-family: Dyuthi;
   color: darkred;
}