/* ----------article du secteur 1 ---------------*/


.columns.rub1{
/*  background: #f7f7f7;*/
max-width: 800px;
margin: auto;
padding-bottom: 2em;
    
}
.rub1 header{

margin: auto;
    padding: 1rem 0 0 0;
    
    
}
header h1{
font-weight: 800;
font-size: 2.8rem;
color: var(--bleu);
text-transform: uppercase;
margin: .5em auto;
width: 80%;
text-align: center;
}


.rub1 p{
 
    line-height: 1.6em;

    margin: 0 0 1em 0;
}
.rub1 p a{
    color: var(--bleu-clair);
    border-bottom: 1px solid;
}


.rub1 ul.spip li{
   display: list-item;
  list-style-type: circle;
}


.rub1 h2, .rub1 h3{
    text-transform: uppercase;
 
    margin: 0.5em 0 1em;
       max-width: 700px;
}


.rub1 .spip_documents img{
display: block;
max-width: 100%;
height: 100%;
    
}


.rub1 header .logo{
    width: 38px;
}


@media only screen and (max-width: 1024px) {
 header h1{
        font-size: 40px;
    }
}
@media only screen and (max-width: 768px) {

    header h1{
       font-size: 2.3em;
    line-height: 1em;
    }
    .rub1 .mot-desc{
        padding:1em 2em 2em;   
    }    
}


.rub1 .bloc .post{
    margin-bottom: 3em;
}
.rub1 .post time{
color: var(--rouge);
}
h4.top50-num{
    background: #129ff0;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 1em auto 0em;
padding: 6px 3px;
color: #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

hr{
    border: none;
height: 1px;
background: #999;
margin: 2em 0;
    
}

.banner-art1 img{
    
    width: 200px;
    display: block;
    margin: auto;
    
}

/* old code  ???  */ 
/*
.rub1 .bloc{
max-width:1200px;
margin:0 auto;
}
.rub1 .bloc p{
    font-size: .85rem;
    line-height: 1.6em;
    max-width: 700px;
    margin: 1rem 0;
}*/