@charset "utf-8";

body 
{
width: 100%;
background: white;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
color: black;
text-align: justify;
}

section article, section aside
{
display:inline-block;
vertical-align: top;
height: 370px;
}

section article {
height: 380px;
width: 677px;
background-color: #F4F1EC;
padding-left: 1em;
padding-right: 1em;
margin-top: -7em;
margin-left: 1.8em;
}

#titre
{	 
width: 1000px; 
margin: auto;
}

section aside 
{
width: 230px;
overflow: hidden;
text-align: center;
font-size : 1em;
color: #aa134a;
}

#recomp
{
margin-top: 75px;
padding: 5px;
} 



H1
{
font-size : 1.2em;
text-align: center;
margin-bottom: 2em;
}

.logo {
text-align: center;
 }

a:link
{
color: #55578B; 
text-decoration: none;
} 

a:visited
{
color: #55578B; 
text-decoration: none;
} 

a:active 
{
font-style: italic;
color: red;
text-decoration: underline;
}

A:HOVER 
{ 
font-style: italic;
color : red ;
text-decoration: underline;
}