/*------------------------------------------------------------------------------*/
/*TABLETTE VERSION---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px){


.art-text {display: flex; align-items: stretch; flex-direction: column;}
.art-text-pad { padding-left: 20px; padding-right: 20px;}
.art-resp-img a {display: block; width: 200px; }

.art-model {border: 3px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff;}
.art-resp-img a {display: block; width: auto; margin: 20px; }

.ff-m-h1, .ff-m-h1-short-art {margin-top: 0;}
.art-model-dark > .art-text-pad {padding-left: 0;}

.separator-01 { padding-bottom: 30px; border-bottom: 2px solid #000; margin: 0;  display: block;}
.separator-02 { border-bottom: 1px solid #8ad2dc;display: block; padding-bottom: 30px; }
.collapse {display: inline;}
.hide-content {display: none;}
.display-content {display: block;}

li.display-desktop {display: block;}
.hide-content {display: none;}
.cursor-none {cursor: default;}

.pt50 {padding-top: 50px;} .pb50 {padding-bottom: 50px;} .pl50 {padding-left: 50px;} .pr50 {padding-right: 50px;}
.pt30 {padding-top: 30px;} .pb30 {padding-bottom: 30px;} .pl30 {padding-left: 30px;} .pr30 {padding-right: 30px;}

.m00 {margin: 0;}
.mr50 {margin-right: 50px;} .ml50 {margin-left: 50px;}
.mr30 {margin-right: 30px;} .ml30 {margin-left: 30px;}

a.ff-ariane {font-size: 15px; color: #000; font-style: italic; letter-spacing: 0.03em; font-weight: 400;}

.ff-h-02 {font-size: 24px;}
.ff-h-04 {font-size: 24px;}
.ff-p-01 {font-size: 14px;}
.link-02, .link-02:visited {font-size: 14px;}

.aside-title-filter-mobile {padding: 20px 0;}
.aside-p-mobile {padding-bottom: 35px; }
.aside-title-mobile {padding-top: 80px;}

.projfin-m-stat-block > .btn-inactive-info {margin-bottom: 0;}

.filter-vertical {display: inline;}

.trunc{  width:auto;  height: 60px;  white-space: wrap;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 0px;}
.trunc-big {  width:auto;  height: 260px;  white-space: wrap;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 0px;}


.art-1-2 {width: 100%;}
.art-1-2-ex {width: 100%;}
.art-1-1 {width: 100%;}
.art-3-1 {width: 100%;}
.art-3-2 {width: 100%;}
.art-2-1 {width: 100%;}
.art-2-1-ex {width: 100%;}
.art-2-2 {width: 100%;}

body {background: #fff;}

.col-sm-9 {width: 70%;}
.col-sm-3 {width: 30%;}
.wrapper {min-height: calc(90vh); position: relative;}
.main-mobile {padding-top: 151px; padding-bottom: 0;}
.main-mobile-pt {padding-top: 0px;}
.main-desktop {position: relative;}
.main-desktop::before {  position: absolute;  display: block;  content: '';  width: 200%;  height: 100%;  top: 0;  background: #f6f6f6;  left: -166%;}
.type-projet p {padding-top: 20px !important;}
.type-projet a {padding-top: 10px !important;}
.type-projet img {margin-top: 0;}


.collapse {display: block;}

.article-bord {border: none; padding: 70px 0 0 30px ; margin: 0; padding-bottom: 100px;}
.article-main {display: flex; flex-direction: column; width: 100%; margin-top: 20px;}
.article-1, .article-2, .article-3 { display: flex; flex-direction: column; width: 100%; height: 100%; }

.direction-row {display: flex; flex-direction: column; }
.direction-column {display: flex; flex-direction: column; }

.art-width {width: 100%;}
.art-width-full {width: 100%;}
.art-height {height: auto;}
.art-height-med {height: auto;}
.art-height-big {height: auto;}

.art-pad { background: white; padding-left: 15px; padding-bottom: 15px;}
.art-pad-bt {padding-bottom: 10px;}
.art-pad-lf {padding-left: 10px;}
.art-bor-top  {margin-top: 0;}
a.art-t-model {padding: 0; margin: 0px; margin-top: 10px; margin-bottom: 10px;}
.art-model {border: 3px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff;}

.art-text {display: flex; align-items: stretch; flex-direction: column;}
.art-text-pad { padding-left: 20px; padding-right: 20px;}
.art-text a {margin-left: 0;}
.art-bord {padding-left: 30px; padding-right: 30px;}



}