/*------------------------------------------------------------------------------*/
/*STYLE RESET, PLACEMENT MARGIN PADDING-----------------------------------------*/
/*------------------------------------------------------------------------------*/

.hide-m-content {display: none !important;}
.display-m-content {display: block !important;}

.m-float {float: left;}
.m-nofloat {float: none;}

.patch-m-pad { padding-left: 13px; padding-right: 13px;}
.reset-m-padding {padding: 0 !important;}
.reset-m-padding-l-r {padding-left: 0; padding-right: 0;;}
.reset-m-margin {margin: 0 !important;}
.reset-m-lineight {line-height: 0 !important;}

.align-center {text-align: center !important;}
.radius-cercle {border-radius: 1000px;}

.bord-b-4-333 {border-bottom: 4px solid #333;}
.bord-b-1-333 {border-bottom: 1px solid #333;}
.bord-b-4-28d {border-bottom: 4px solid #28dccc;}
.bord-b-1-28d {border-bottom: 1px solid #28dccc;}

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

.pt10 {padding-top: 10px;} .pb10 {padding-bottom: 10px;} .pl10 {padding-left: 10px;} .pr10 {padding-right: 10px;}
.pt20 {padding-top: 20px;} .pb20 {padding-bottom: 20px;} .pl20 {padding-left: 20px;} .pr20 {padding-right: 20px;}
.pt50 {padding-top: 50px;} .pb50 {padding-bottom: 50px;} .pl50 {padding-left: 50px;} .pr50 {padding-right: 50px;}
.pt30 {padding-top: 30px;} .pb30 {padding-bottom: 30px;}


.art-model {border: 2px solid #4a1b57; height: 100%; width: 100%; padding: 20px; background: #fff; margin-bottom: 10px;}
.art-model-dark {border: none; height: 100%; width: 100%; padding: 20px; background: #4a1b57; margin-bottom: 10px;}
.art-first {margin-top: 20px;}
.art-text {display: flex; align-items: stretch; flex-direction: column;}
.art-text-pad { padding-left: 0px; padding-right: 50px;}
.art-bor-top {margin-top: 20px;}

.m-lien-fix {padding: 0; padding-left: 10px; margin-top: -30px;}

.separator-01 { padding-bottom: 30px; border-bottom: 2px solid #bfafc4; margin: 0; }
.separator-02 { padding-bottom: 50px; border-bottom: 2px solid #000; margin: 0; }
.separator-03 { border-bottom: 1px solid #8ad2dc; margin-top: 20px; margin-bottom: 30px;display: block;  }
.separator-04 { border-bottom: 1px solid #909090; margin-top: 30px; display: block; }
.separator-05 { border-bottom: 1px solid #c9f1f3; margin-top: 30px; display: block; }
.separator-06 { border-bottom: 1px solid #8ad2dc; margin: 30px 0 0 0; display: block;  }
.border-blue { border-bottom: solid #007ba9 !important; margin-bottom: 30px !important; }
.border-green { border-bottom: solid #2e8a81 !important; margin-bottom: 30px !important; }

body {background: #fff; font-family: 'Roboto', sans-serif;}


main {background: #fff;}



.cursor {cursor: pointer; position: relative; display: block;}
.filter-vertical {display: table-caption;}
.main-mobile {padding-top: 135px; padding-bottom: 25px;}

#finance-filtre > p {padding: 30px 0 0 0; }
#finance-filtre > img {display: none;}

.financement-block { display: flex; flex-direction: column;}
.financement-m-txt p, .type-projet img, .type-projet p {margin-top: 20px;}

.finproj-block {padding-top: 0;}
.finproj-block >.ff-m-courant {font-size: 10px;}
.finproj-block > .btn-group-m { padding: 30px 0 0 0 ; }
.projfin-m-stat-block, .projfin-m-address-block { padding-top: 20px;}
.projfin-m-stat-block > .btn-inactive-info { margin-bottom: 20px;}
.projfin-m-address-block a {text-decoration: underline; color: #e34f1c;}
.article-bord-financement {padding-left: 25px; padding-right: 25px;}

.recherche-critere h3, .voir-projet h3, .type-projet h3, .bon-dossier h3 { padding: 20px 0 30px 0; }
.detail-projet { border: 3px solid black; padding: 25px; margin-top: 30px;}
.glyph-financement { padding:0px 30px 0 0; float: left; margin: 0 0 10px 0; }

.dropdown-menu { min-width: 100%; padding: 15px 0; max-height: 40rem; overflow-y:auto;}
.detail-projet h1, .detail-projet h2 { margin-top: 0;}
.type-projet p.p-m-stat-block { margin-top: -20px;}
.address-m-block .aside-title-filter-mobile { padding-top: 20px;}

.type-projet {position: relative; padding-bottom: 1px;}

.videoWrapper {	position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.video-title { position: relative; display: block; height: 100px;}

.fix-m-pt-pl {padding-top: 20px; padding-left: 0;}

.rotateThis{
    -moz-transition: all 2s linear;
    -webkit-transition: all 2s linear;
    transition: all 2s linear;
}
.rotateThis.down{
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape)
{
    .nav>li {display: inline-block;}
    .nav-fix-padding {padding: 10px 20px;}
    .navbar-brand img {top: 0 ;}
    .nav>li>a { padding: 0;}
    .navbar-nav>li>a {line-height: 45px; }
    .main-mobile { padding-top: 16px;}

}