section.listeParagraphes{
border-top:2px solid var(--noir);
padding:150px 65px;
}

main section.listeParagraphes:first-child, main .bloc_contact + section.listeParagraphes{border-top:none;}

section.listeParagraphes .content{
width:1610px;
max-width:100%;
margin:0 auto;
border-top:2px solid var(--noir);
}

section.listeParagraphes .content .li{
display:flex;
flex-flow:row-reverse;
border-bottom:2px solid var(--noir);
border-left:2px solid var(--noir);
border-right:2px solid var(--noir);
}

section.listeParagraphes .content .li.reverse{flex-flow:row;}

section.listeParagraphes .content .li.hidden_article > figure, section.listeParagraphes .content .li > article{width:100%;}

section.listeParagraphes .content .li > figure, section.listeParagraphes .content .li > figure + article{width:50%;}

section.listeParagraphes .content .li > figure + article{position:relative;}

section.listeParagraphes .content .li > figure + article::after{
content:'';
position:absolute;
top:0;
right:-1px;
height:100%;
width:2px;
background-color:var(--noir);
}

section.listeParagraphes .content .li.reverse > figure + article::after{
left:-1px;
right:auto;
}

section.listeParagraphes .content .li > figure img, section.listeParagraphes .content .li > figure video{
width:100%;
height:100%;
object-fit:cover;
}

section.listeParagraphes .content .li > article{
display:flex;
flex-flow:column;
text-align:center;
}

section.listeParagraphes .content .li > article .titre2{
width:100%;
padding:20px;
border-bottom:2px solid var(--noir);
}

section.listeParagraphes .content .li > article .txt{
flex:1;
display:flex;
flex-flow:column;
align-items:center;
justify-content:center;
padding:50px;
}

section.listeParagraphes .content .li > article .txt .ckeditor{
width:450px;
max-width:100%;
}

/********** medias **********/
@media screen and (max-width:1460px){
section.listeParagraphes{padding:100px 40px;}
}

@media screen and (max-width:1180px){
section.listeParagraphes{padding:60px 20px;}

section.listeParagraphes .content .li > article .txt{padding:40px 20px;}
}

@media screen and (min-width:681px){
section.listeParagraphes .content .li:hover > article .titre2{
background-color:var(--noir);
color:var(--beige);
}
}

@media screen and (max-width:680px){
section.listeParagraphes{padding:40px 20px;}

section.listeParagraphes .content .li, section.listeParagraphes .content .li.reverse{flex-flow:column-reverse;}

section.listeParagraphes .content .li > figure, section.listeParagraphes .content .li > figure + article{width:100%;}

section.listeParagraphes .content .li > figure + article::after{display:none;}

section.listeParagraphes .content .li > article .titre2{
padding-bottom:0;
border-bottom:0;
}

section.listeParagraphes .content .li > article .titre2 + .txt{padding:20px 20px 40px 20px;}
}