.blocMod.blocArticle{display:flex;}

.blocMod.blocArticle.align_img_right{flex-flow:row-reverse;}

.blocMod.blocArticle > article{
width:920px;
max-width:100%;
margin:0 auto;
padding:100px 20px;
color:var(--noir);
}

.blocMod.blocArticle.txt_align_centre > article{text-align:center;}

.blocMod.blocArticle.color_txt_beige > article{color:var(--beige);}

.blocMod.blocArticle > figure, .blocMod.blocArticle > figure + article{width:50%;}

.blocMod.blocArticle.img_fit > figure img{
width:100%;
height:100%;
object-fit:cover;
}

.blocMod.blocArticle > figure{overflow:hidden;}

.blocMod.blocArticle > figure img{
opacity:0.2;
transform:scale(1.05);
transition:all 0.3s ease-in-out;
}

.blocMod.blocArticle > figure.animer img{
opacity:1;
transform:scale(1);
}

.blocMod.blocArticle.img_centre > figure{
display:flex;
flex-flow:column;
align-items:center;
justify-content:center;
padding:30px;
}

.blocMod.blocArticle > figure + article{
display:flex;
flex-flow:column;
padding:100px 20px 100px 40px;
}

.blocMod.blocArticle.align_img_right > figure + article{padding:100px 40px 100px 20px;}

.blocMod.blocArticle.ti_encadre > article .tibloc{
padding:5px 0 10px 20px;
border-left:1px solid var(--noir);
border-bottom:1px solid var(--noir);
text-align:left;
}

.blocMod.blocArticle.ti_encadre.color_txt_beige > article .tibloc{
border-left:1px solid var(--beige);
border-bottom:1px solid var(--beige);
}

.blocMod.blocArticle > article .tibloc .filAriane + .ti{padding-top:5px;}

.blocMod.blocArticle > article .tibloc .ti + .ssti, .blocMod.blocArticle > article .tibloc .filAriane + .ssti{padding-top:15px;}

.blocMod.blocArticle.color_txt_beige > article .tibloc .filAriane{color:var(--beige);}

.blocMod.blocArticle.color_txt_beige > article .tibloc .filAriane span.separ{background-color:var(--beige);}

.blocMod.blocArticle > figure + article .ckeditor{
width:520px;
max-width:100%;
}

.blocMod.blocArticle > article .liens{
margin-top:80px;
display:flex;
flex-flow:row wrap;
align-items:center;
position:relative;
width:calc(100% + 20px);
left:-10px;
}

.blocMod.blocArticle.txt_align_centre > article .liens{justify-content:center;}

.blocMod.blocArticle > figure + article .liens{margin-top:auto;}

.blocMod.blocArticle > article .liens a{margin:10px;}

.blocMod.blocArticle > article .tibloc + .ckeditor{padding-top:40px;}

.blocMod.blocArticle.ti_encadre > article .tibloc + .ckeditor, .blocMod.blocArticle.ti_encadre > article .tibloc + .liens, .blocMod.blocArticle.ti_encadre > article .tibloc + .ckeditor + .liens{padding-left:21px;}

.blocMod.blocArticle > article .tibloc + .ckeditor, .blocMod.blocArticle > article .ckeditor + .liens, .blocMod.blocArticle > article .tibloc + .liens{padding-top:30px;}

/********** medias **********/
@media screen and (max-width:980px){
.blocMod.blocArticle > article, .blocMod.blocArticle > figure + article, .blocMod.blocArticle.align_img_right > figure + article, .blocMod.blocArticle.img_centre > figure{padding:20px;}

.blocMod.blocArticle > article{padding:40px 20px;}

.blocMod.blocArticle > figure + article{padding:40px 20px 40px 40px;}

.blocMod.blocArticle.align_img_right > figure + article{padding:40px 40px 40px 20px;}
}

@media screen and (max-width:780px){
.blocMod.blocArticle, .blocMod.blocArticle.align_img_right{flex-flow:column-reverse;}

.blocMod.blocArticle > figure, .blocMod.blocArticle > figure + article{width:100%;}

.blocMod.blocArticle > figure + article, 
.blocMod.blocArticle.align_img_right > figure + article{padding:40px 20px;}

.blocMod.blocArticle > article .tibloc, .blocMod.blocArticle.ti_encadre > article .tibloc{text-align:center;}

.blocMod.blocArticle.ti_encadre > article .tibloc{
padding:0;
border:none;
}
.blocMod.blocArticle.ti_encadre > article .tibloc + .ckeditor, .blocMod.blocArticle.ti_encadre > article .tibloc + .liens, .blocMod.blocArticle.ti_encadre > article .tibloc + .ckeditor + .liens{padding-left:0;}

.blocMod.blocArticle > article .liens{justify-content:center;}

 .blocMod.blocArticle.img_centre > figure{
  height:300px;
 }
 .blocMod.blocArticle.img_centre > figure img{
  height:100%;
  width:100%;
  object-fit:contain;
  margin:0 auto;
 }
}

@media screen and (max-width:480px){
.blocMod.blocArticle > article .tibloc + .ckeditor, .blocMod.blocArticle > article .ckeditor + .liens, .blocMod.blocArticle > article .tibloc + .liens{padding-top:20px;}
}