body
{
    /*background: url('images/fonds/fond_bleu_clair.jpg');*/
    background-color: #2E2C2C;
    /*background: url(images/fonds/fond_bleu_fonce.jpg);*/
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #FFFFFF;
}
#bloc_page
{

	width: 100%;
	margin: auto;

}

section h1, footer h1
{
	font-family: Dayrom, serif;
	font-weight: normal;
	text-transform: uppercase;
}

#main_fond_header{
    background: url(images/fonds/fond_bleu_techno.jpg);
}



#titre_principal
{
    display: flex;
    flex-direction: row;
    font-size: 2em;
    font-family: BallparkWeiner ;
}

#dernier_article{

   /* border-style: inset;
    border-width: 1px;
    border-color: #0020F8;*/
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;

    
}

#dernier_article img {

      border-radius: 15px;
      width: fit-contents;
      height: fit-content;
       object-fit: fill;
}







#section_principale{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.element:nth-child(1){

    flex: 3;
    margin-right: 100px;
    margin-left: 5px;
}

.element:nth-child(2){
    flex: 1;
    background-color: #525252;
    border-radius: 5px;
    padding: 5px;
   
}



aside ul {

   padding: 0px;
}

/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media handheld and (orientation = portrait) and (max-width: 1080px){



body
{
    /*background: url('images/fonds/fond_bleu_clair.jpg');*/
    background-color: #2E2C2C;
    /*background: url(images/fonds/fond_bleu_fonce.jpg);*/
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #FFFFFF;
}
#bloc_page
{

    width: 100%;
    margin: auto;

}

section h1, footer h1
{
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
}

#main_fond_header{
    background: url(images/fonds/fond_bleu_techno.jpg);
}



#titre_principal
{
    display: flex;
    flex-direction: row;
    font-size: 2em;
    font-family: BallparkWeiner ;
}

#dernier_article{

   /* border-style: inset;
    border-width: 1px;
    border-color: #0020F8;*/
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;

    
}

#dernier_article img {

      border-radius: 15px;
      width: fit-contents;
      height: fit-content;
       object-fit: fill;
}

#section_principale{

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



.element:nth-child(1){

    flex: 7;
    margin-right: 50px;
  
}

.element:nth-child(2){
    flex: 4;
    background-color: #525252;
    border-radius: 5px;
    padding: 5px;
   
}

aside p {

    overflow: auto;
}

aside ul {

   padding: 0px;
}