.listeJobs{
 padding: 120px 50px;
 position: relative;
 overflow: hidden;
}
.listeJobs > .ti{
 text-align: center;
 display: block;
}

.listeJobs > .ti + .liste{
 margin-top: 50px;
}

.listeJobs .liste{
 max-width: 1500px;
 margin: 0 auto;
 width: 100%;
 border: 1px solid #000;
}

.listeJobs .liste article{
 max-width: 100%;
 padding: 25px 120px 25px 25px;
 cursor: pointer;
}

.listeJobs .liste.hidden{display:none;}

.listeJobs .liste article + article{
 border-top: 1px solid #000;
}
.listeJobs .liste article .up .titre{
 width: calc((100% - 520px) - 20px);
 margin-right: 20px;
}
.listeJobs .liste article .up{
 position: relative;
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
 width: 100%;
}
.listeJobs .liste article .up .ckeditor{
 max-width: 520px;
}
.listeJobs .liste article .up::after{
 content: '\2193';
 font-size: 21px;
 position: absolute;
 top: 16px;
 right: -60px;
 transition: all .5s;
}
.listeJobs .liste article.open .up::after{
 top: 20px;
 transform: rotate(180deg);
}
.listeJobs .liste article.open .up .ckeditor{
 display: none;
}
.listeJobs .liste article .down{
 padding-top: 25px;
 display: none;
}
.listeJobs .liste article .down .bt{
 margin-top:45px;
}

.listeJobs > .bt{
 max-width: max-content;
 display: block;
 margin: 50px auto 0;
}

@media screen and (max-width:1440px){
 .listeJobs{
  padding: 100px 50px;
 }
 .listeJobs .liste article {
  padding: 25px 100px 25px 25px;
 }
}
@media screen and (max-width:1280px){
 .listeJobs{
  padding: 80px 25px;
 }
 .listeJobs .liste article {
  padding: 25px 80px 25px 25px;
 }
 .listeJobs .liste article .up::after{
  right: -45px;
 }
}
@media screen and (max-width:980px){
 .listeJobs{
  padding: 50px 25px;
 }
 .listeJobs .liste article {
  padding: 25px 50px 25px 25px;
 }
 .listeJobs .liste article .up::after {
  right: -27px;
 }
 .listeJobs .liste article .up .ckeditor{
  display: none;
 }
 .listeJobs .liste article .up .titre{
  width: 100%;
  margin: 0;
 }
}
@media screen and (max-width:650px){
 .listeJobs .liste article .up::after {
  right: -19px;
 }
 .listeJobs .liste article{
  padding: 10px 25px 10px 10px;
 }
}