body{
    background-color:white;
    width:100%;
    overflow-x: hidden;
    font-size:16px;
    color:#666666;
}

.content-full-page p{
    font-size:16px !important;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/






.wpsm-show, .wpsm-hide{
    display: inline-block;
    background-color: #289ECC;
    color: white;
    font-size: 12px !important !important;
    padding: 1rem 2rem;
    text-decoration: none;
    font-weight: 700;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 1px #289ECC, 0 0 1px rgba(255, 255, 255, 0);
    border-radius: 0px !important;
    text-transform: uppercase;
    margin: 30px 0px;
    color:white !important;
    text-decoration: none;
    float:right;
}

.wpsm-show:hover, .wpsm-show:focus, .wpsm-show:active {
    background: none;
    color: #289ECC !important;
    text-decoration: none;
}

.wpsm-show strong, .wpsm-hide strong{
    font-size:12px !important;
}

.wpsm-content{
    background-color:white;
    position:relative;
    z-index:300;
}

.wpsm-show{
    position:relative;
    z-index:250;
}









#slide-window{
      position:relative;
      width:100%;
      height:580px;
      overflow:hidden;
      top:0px;
      left:0px;
}

#slides{
      height:100%;  
      position:absolute;
      margin:0px;
      padding:0px;

      -webkit-transform: translate3d(0px,0px,0px);
      transform: translate3d(0px,0px,0px);

      transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
      background-size:cover;
      background-position: top; 
}

.slide {
      list-style:none;
      position: relative;
      float: left;
      margin: 0;
      padding: 0;
      height: 100%;
      background: #ccc;
      text-align: center; 
      background-size: cover; 
      background-position:top;
      color:#fff;
      -webkit-transform: translate3d(0px,0px,0px);
      visibility:hidden;
      -webkit-transform-style: preserve-3d;
  }

.alive { 
     visibility:visible;
}


.controls-slider-home{
     position:absolute; 
      z-index:9; 
      bottom:0px; 
      right: 30px;
}

.nav { 
      position:relative; 
      z-index:9; 
      bottom:30px; 
      right: 30px;
      cursor:pointer; 
      color:#fff; 
      opacity:1; 
      transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
      display:inline-block;
}




.legend-slider{
    position:absolute;
    bottom:0px;
    padding: 50px 50px 40px 70px;
    background: rgba( 39, 185, 209, .9);
    max-width: 860px;
    text-transform: uppercase;
    font-weight:300;
    font-size:22px;
    min-width:850px;

}

.legend-slider .readmore{
    border:1px solid white;
    padding: 4px 18px 8px 18px;
    font-weight:300;
    display:table;
    margin: 15px auto;
    color:white;
}

.legend-slider .readmore a{
    color:white;
    text-decoration: none;
    line-height:18px;
    font-size:16px;
}






























.bloc-jaune{
    background-color:#00BFC7;
}

.bloc-bleu{
    background-color:#E76B92;
}

.bloc-rose{
    background-color:#EE9A30;
}

.bloc-vert{
    background-color:#9ABF28;
}

.bloc-jaune, .bloc-bleu, .bloc-rose, .bloc-vert{
    content '°';
    padding:20px;
    min-height:225px;
}


.bloc-jaune ul, .bloc-bleu ul, .bloc-rose ul, .bloc-vert ul{
    padding:0px;
}



.bloc-jaune ul li:before, .bloc-bleu ul li:before, .bloc-rose ul li:before, .bloc-vert ul li:before{
    content: url(../../img/servier-liste.png);
    margin-right:7px;
}



.bloc-jaune ul li, .bloc-bleu ul li, .bloc-rose ul li, .bloc-vert ul li{
    list-style: none;
    color:white;
    font-size:13px;
    margin-top:8px;
}


.line-blocs{
    margin-top:50px;
    margin-bottom:50px;
    padding-top:40px;
    padding-bottom:-40px;
}

.title-orange{
    color:#ED9930 !important;
}

.title-rose{
    color:#E76B92 !important;
}

.title-bluelight{
    color:#00BDC5 !important;
}







.bloc-bg img{
    display: block;
    margin:auto;
}

.big-number{
    color:#52C7DA;
    font-weight:100;
    font-size:70px;
}

.number-row{
    padding-top:70px;
    padding-bottom:70px;
}

.number-description{
    color:#666666;
    text-align:center;
    max-width:350px;
    margin:auto;
}

.btn-link:hover{
    text-decoration: none;
}

.toggle-all{
    margin-top:;
}

.title-bloc-number-shire{
    text-transform: uppercase;
    margin:30px 0px 40px 0px;
}

.btn-toggle{
    display: inline-block;
    background-color: #289ECC;
    color: white;
    font-size: 12px;
    padding: 1rem 2rem;
    text-decoration: none;
    font-weight: 700;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 1px #289ECC, 0 0 1px rgba(255, 255, 255, 0);
    border-radius:0px !important;
    text-transform: uppercase;
    margin:30px 0px;
    
}

.btn-toggle:hover, .btn-toggle:focus, .btn-toggle:active {

    background: none;
    color: #289ECC;
    text-decoration: none;

}


.panel{margin-bottom:15px;}

.panel:hover{
    background-color:#289ECC !important;
}

.panel:hover .panel-link{
    color:white;
}

.panel-link:hover .panel{
    background-color:white;
    color:#289ECC;
}

.panel-link{
    display:block;
    color:#289ECC;
}

.panel-heading{
    background-color: white !important;
    color: white !important;
    font-size: 14px;
    text-transform: inherit;
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #289ECC;
}

.panel-heading a{
    color:#289ECC !important;
    text-decoration: none;
}

.panel-body{
    background-color:white;
}

.rgpd-accordion{
    padding-top:30px;
    padding-bottom:90px;
}


.link-title-subpage, .link-title-subpage:hover{
    text-decoration: none;
    color:inherit;
}

.popup-decryptage{
    margin: 55px;
    padding: 35px;
    position:relative;
    color: #F76767 !important;
    border: 4px solid #E3E3E3;
}

.decryptage-content h1, .decryptage-content h2, .decryptage-content h3, .decryptage-content h4, .decryptage-content h5{
    color: #F76767 !important;
}

.popup-decryptage:after {
    border-top: 35px solid #E3E3E3;
    border-left: 35px solid transparent;
    bottom: -35px;
    right: 35px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}

.popup-decryptage:before {
    border-top: 35px solid white;
    border-left: 35px solid transparent;
    bottom: -26px;
    right: 36px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    z-index: 80;
}

.decryptage_link{
    border:1px solid #F76767 !important;
    padding:8px 14px;
    background-color:white!important;
    color:#F76767 !important;
    margin:10px 0px 0px;
    text-align: center;
    display:inline-block;
    font-size:12px;
    text-transform:uppercase;
}

.decryptage_link:hover{
    background-color:#F76767 !important;
    color:white !important;
    text-decoration: none;
}

.order-pages-articles{
    margin-top:40px;
}

.menu-langage-selector-fr-container, menu-langage-selector-fr-en-container{
    display:inline-block;
    font-weight:700;
}

.header .wpml-ls-flag{
    display:none;
}


.wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p{
    font-size:22px;
}

.wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content b, .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p strong {
    font-size:22px;
}


.links-top li:last-child:before {
    height: 18px;
    width: 1px;
    background: #878787;
    content: '';
    margin-right: 15px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    font-weight:700;
}

#menu-langage-selector-fr, menu-langage-selector-fr-en{
    display:inline-block;
    padding:0px;
}

.send-hidden{
    display:none;
}

.li-search{
    width:auto !important;
}

.hide-not-mobile{
    display:none;
}

html{
    font-family: 'Roboto', sans-serif !important;
}

p, span:not(.ab-icon), a:not(.ab-item), ul, h1, h2, h3, h4, h5, h6, div, table, tr, td{
    font-family: 'Roboto', sans-serif !important;
}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align : right;}
.text-upper{text-transform: uppercase;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #999999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   #999999;
}




/*------------------------------------*\
    MAIN
\*------------------------------------*/


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.block{ display:inline-block; }
.inline-block{display: inline-block;}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.relative{position:relative;}


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/




/*------------------------------------*\
    MISC
\*------------------------------------*/

.image-subpage{
    background-position: center;
    min-height:11vw !important;
    background-size:cover;
}

.content-quinconce{
    padding-top:15px;
    padding-bottom:15px;
    text-align:left;
}

.text-quinconce{
    padding:0px !important;
}

.quinconce-right{
    padding-left:70px;
}

.quinconce-left{
    padding-right:70px;
}


.image-quinconce{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


}

.more-subpage{
    display: block;
    width: auto !important;
    max-width: 165px;
    margin-top: 20px;
    text-align: center;
    padding: 12px 20px;
    border: 1px solid #299ECD;
    color: #299ECD;
    text-decoration: none;
    position:absolute;
    bottom:0;
}


.intro-child-page{
    padding: 65px ;
    text-align:center;
    background-color:#F7F7F7;
}

.intro-parent-page{
    padding: 70px ;
    text-align:center;
    background-color:#EDF7FA;
}

.intro-parent-page p, .intro-child-page p{
    font-weight: 300;
    font-size: 45px !important;
    text-transform: uppercase;
    line-height:50px;
    letter-spacing:2px;
}

.text-quinconce p{
    margin-bottom:20px;
}

.row-quinconce{
    margin:25px auto;
}

.intro-parent{
    margin-top:40px;
    margin-bottom:30px;
}

.intro-parent p {
    font-size: 16px !important;
    margin-top:25px;
    margin-bottom:0px;
}

.intro-parent h1{
    color: #299ECD;
    font-size: 40px;
    font-weight:300;
    text-transform: uppercase;
}

.intro-parent h2{
    color: #299ECD;
    font-size: 20px;
    margin-bottom:0px;
    text-transform: uppercase;
}

.intro-parent h3{
    color: #299ECD;
    font-size: 20px;
    margin-bottom:0px;
}

.plain-block{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.introduction-section{
    text-align: left;
    padding-top:40px;
    padding-bottom:10px;
    padding-right:200px;
}

.introduction-section p{
    font-size:22px !important;
    font-weight:300;
}

.separator-intro{
    width:45%;
    margin-top:20px;
    margin-bottom:25px;
    height:2px;
    display:block;
    background-color:#299ECD;
}

.separator-intro-text{
    width:200px;
    margin-top:50px;
    margin-bottom:10px;
    height:2px;
    display:block;
    background-color:#299ECD;
}

.separator-centered{
    margin-left:auto;
    margin-right:auto;
}

.image-intro-parent{
    margin-top:-50px;
}

.image-intro-middle{
    margin-top:50px;
}

.title-article{
    color: #337ab7 !important;
}

.sup-parent-page{
    padding:40px;
}


.text-explicatif{
    font-size:18px;
    padding:80px 250px 20px 0px;
}

.content-sup{
    text-align:center;
    max-width:950px;
    margin-left:auto;
    margin-right:auto;
}

.content-sup p{
    font-size:26px !important;
}

.more-subpage:hover{
    background-color:#299ECD;
    color:white;
    text-decoration: none;
}

.left-bordered{
    border-left:3px solid #299ECD;
    padding:0px 30px;
}

.row-subpage{
    margin-bottom:50px;
    margin-top:70px;
}

.title-subpage-middle{
    margin-top:45px;
    width:65%;
}

.more-subpage-middle{
    border:1px solid #299ECD;
    color:#299ECD;
    padding:12px 25px;
    display: table;
    margin-top: 20px;
}

.more-subpage-middle:hover {
    background-color: #299ECD;
    color: white;
    text-decoration: none;
}

.content-middle-page{
    padding-top:0px;
    padding-bottom:0px;
}

.subpage-underliner{
    margin-top:10px;
    margin-bottom:15px;
    width:40px;
    height:2px;
    display:block;
    background-color:#299ECD;
}

.articles-home{
    padding:0px 0px 10px 0px;
}

.articles-home .title-page-parent{
    font-family: 'Heebo';
    font-weight: 300;
    font-size: 45px;
    margin: 75px auto 30px !important;
    text-transform: capitalize;
}

.wpsisac-slick-slider .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
}

.float-l{
    float:left;
}

.big-points{
    margin-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.mauto{
    margin:auto;
}

.form-horizontal label{
    width:100% !important;
}

.wpcf7-input, .wpcf7-select {
    border:1px solid #DDD !important;
    width:100% !important;
    padding:10px;
}

.wpcf7-form-control-wrap{
    display:block;
    width:100% !important;
}

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
    display:block;
    width:100% !important;
    border:1px solid #DDD !important;
    padding:10px;
}

.form-group input[type=submit]{
    margin:auto;
    background-color:#398ACA;
    color:white;
    border:0px;
    border-radius:5px;
    padding:12px 18px;
    margin-bottom:40px;
    text-transform:uppercase;
}

.no-padding{
    padding:0px !important;
}

.line-title-accordion{
    font-family:'Heebo';
    font-size:30px;
    color:#525252;
    text-transform: uppercase;
    font-weight:300;
}

.accordion-bloc{
    padding-bottom:20px;
    margin-bottom:0px;
    border-bottom:1px solid #E1E1E1;
}

.accordion-image-status{
    float:right;
}


.picto-box{
    border:1px solid #E6E6E8;
    height:100%;
}

.title-picto-box{
    color:#007499;
    font-weight:600;
    display: block;
    text-transform: uppercase;
    padding-top:15px;
}

.description-picto-box{
    display:block;
    padding-bottom:15px;
}

.nav-partner ul{
    padding:0px;
    margin-bottom:70px;
    display:table;
}

.nav-partner ul li{
    width:33%;
    background-color:#F5F5F5;
    color:#999999;
    display:inline-block;
    text-align:center;
    padding:30px 60px;
    text-transform: uppercase;
    font-size:20px;
    height:120px;
    display:table-cell;
    vertical-align: middle;
}


.nav-partner ul li:hover, .nav-partner ul .active-li{
    width:33%;
    background-color:#299ECD !important;
    color:white !important;
    display:inline-block;
    text-align:center;
    font-size:20px;
    height:120px;
    display:table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.partner-2, .partner-3{
    display:none;
}


.picto-box img{
    margin-bottom:10px;
}

.no-border{
    border:0px !important;
    visibility: hidden;
}
.end-nav li{
    display:inline-block;
    padding-top:10px;
}

.top-delimited{
    border-top:1px solid #E5E5E5;
}

.delimited{
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
}

.bottom-delimited{
    border-bottom:1px solid #E5E5E5;
}

.padding-intra{
    padding-top:35px;
    padding-bottom:35px;
}

.padding-equal{
    padding:20px;
}


.content-page p{
    font-size:16px !important;
}


/* MENU HEADER TOP */

.header{
    border-bottom:1px solid #E5E5E5;
    position:relative;
    z-index:12000;
}

.menu-top-page-nav{
    margin-top: 0px;
    padding:0;
    text-align:left;
}

.menu-top-page-nav > li {
    display: inline-block;
    padding: 0px 2vw 0px 0px;
    text-transform: uppercase;
    font-size:18px;
    position: relative;
    color:#398ACA;
    font-weight: 300;
    min-width:240px !important;
}

.menu-top-page-nav > li > a {
    color:#398ACA !important;
}

.menu-top-page-nav > li:hover > a {
    color: #2DB2CB !important;
    text-decoration: none;
}


.grey-nav li a{
    color: #878787 !important;
}

.grey-nav > li:before {
    width: 1px;
    background: #878787 !important;
}

.menu-top-page-nav > li:before {
    height: 18px;
    display: block;
    width: 1px;
    background: #398ACA;
    content: '';
    margin-right:15px;
    margin-top:-2px;
    display: inline-block;
    vertical-align: middle
}

.menu-top-page-nav .current-menu-item{
    font-weight:300;
    color: #2DB2CB !important;
}

.menu-top-page-nav .current-menu-item > a{
    color: #2DB2CB !important;
}

.menu-top-page-nav .current-menu-item:before {
    width: 2px;
    background-color:  #2DB2CB !important;
}

.menu-top-page-nav > li:hover {
    display: inline-block;
    text-transform: uppercase;
}

.menu-top-page-nav > li > ul{
    display:none;
    padding:0;
    background-color:white;
    position:absolute;
    color:white;
    padding:40px 40px 40px 40px;
    top:27px;
    left:0;
    z-index:370;
    width:auto !important;
    border:1px solid #E5E5E5;
    white-space : nowrap;
    text-align:left;
}

.menu-sitemap-footer-fr-container:first-child{
    margin-top:0px;
}

.menu-top-page-nav > li:hover > ul {
    display: inline-block;
}


.menu-top-page-nav > li > ul:after{
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left:35px;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-right:1px solid #CAD5E0;
    border-bottom:1px solid #CAD5E0;

    -moz-transform: rotate(225deg);  /* FF3.5/3.6 */
    -o-transform: rotate(225deg);  /* Opera 10.5 */
    -webkit-transform: rotate(225deg);  /* Saf3.1+ */
    transform: rotate(225deg);  /* Newer browsers (incl IE9) */

}


.menu-top-page-nav > li > ul > li {
    display:inline-block;
    vertical-align: top;
    list-style-type: none;
    margin:auto 20px;
    font-size:90% !important;
    font-weight:500;
}

.menu-top-page-nav > li > ul > li > a {
    margin-bottom:8px;
    display:block;
}


.one-row > ul > li{
    display:block !important;
}

.one-row > ul > li > ul{
    margin-bottom: 10px;
}

.one-row > ul > li:last-child > ul{
    margin-bottom: 0px;
}

.menu-top-page-nav > li > ul > li > ul{
    padding:0px;
    text-transform: inherit;
    margin-top:11px;
}


.menu-top-page-nav > li > ul > li > ul > li{
    padding:0px;
    text-transform: none;
    font-size:14px;
    list-style: none;
    font-weight:400;
}



.menu-top-page-nav > li > ul > li > ul > li > a{
    color:#999999 !important;
}

/* MENU SECONDAIRE */
.menu-secondaire{
    background-color:#2DB2CB;
    position:absolute;
    z-index:350;
    bottom: -50px;
    right:-25px;
    padding-right:35px;
    color:white;
}

.menu-top-page-second-nav {
    color:white;
    padding-left:10px;
    margin:0px;
    font-size: 13px;
}

.menu-top-page-second-nav > li{
    display:inline-block;
    vertical-align: top;
    color:white;
    line-height:30px;
    font-family:'Heebo';
    font-weight:500;
    position:relative;
}

.menu-top-page-second-nav > li:before{
    content:'‣';
    font-size:30px;
    vertical-align: -18%;
}

.menu-top-page-second-nav > li > a {
color:white;
    text-transform: uppercase;
    margin-left:5px;
    margin-right:15px;
}

.menu-top-page-second-nav > li > a:hover {
    text-decoration: none;
}

.menu-top-page-second-nav > li:hover > ul {
    display:block;
}

.menu-top-page-second-nav > li > ul{
    display:none;
    position:absolute;
    background-color: white;
    border-radius:5px;
    padding:10px;
    border:1px solid #E5E5E5;
}

.menu-top-page-second-nav > li > ul:after{
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left:15px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-right:1px solid #CAD5E0;
    border-bottom:1px solid #CAD5E0;
    -moz-transform: rotate(225deg);  /* FF3.5/3.6 */
    -o-transform: rotate(225deg);  /* Opera 10.5 */
    -webkit-transform: rotate(225deg);  /* Saf3.1+ */
    transform: rotate(225deg);  /* Newer browsers (incl IE9) */
}

.menu-top-page-second-nav > li > ul > li{
    list-style-type:none;
    font-size:12px;
    padding: 10px 0px;
    line-height: 17px;
    font-weight:500;
}














.open-all{
    margin-bottom:20px;
}


.accordion-bloc-middle{
    margin-top:5px;
    border-radius:5px;
    border:1px solid #E3E3E3;
    padding:15px;
}

.accordion-bloc-middle p{
    padding:15px 0;
    margin:0px;
}

.accordion-bloc-middle h4{
    font-weight:300;
    margin:0;
    color:black;
    font-size:18px;
    text-transform:none;
}

.accordion-bloc-middle .accordion-image-status{
    float:right;
    margin-right:20px;
}

.middle-nav{
    margin-top:40px;
}

.middle-nav > li{
    width:20%;
    min-width:150px;
    text-align: center;

}

.middle-nav > li > a {
    border: 2px solid #ddd;
    color: #CCC !important;
    margin-left: -4px;
}



.middle-nav .active > a {
    color: #DB5173 !important;
}

.middle-nav > li > a:hover {
    border: 2px solid #ddd;
    color: #DB5173 !important;
    background-color:#DDD;
}

.middle-nav > li:last-child{
    float:right;
    width:auto;
}

.middle-nav > li:last-child > a{
    color:#DB5173 !important;
    font-weight:700;
    border: 0px;
    text-align: right;
}

.middle-nav > li:last-child > a:hover{
    background:white !important;
}

.nav-tabs {
    border-bottom: 0px solid #ddd !important;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -2px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 2px solid #ddd !important;
    border-bottom-color: transparent !important;
}

#content{
    display:none;
}

.middle-icon{
    margin-right:8px;
    font-weight: 500 !important;
}

.request-number{
    min-width:250px !important;
    width:250px !important;
}

.table-requests{
    margin-top:50px;
}

.table-requests tr td span {
    border-right:1px solid #E3E3E3;
    display:block;
    width:100%;
}

.table-requests .request-status{
    color:#DB5173;
}

.table-requests > .request-status > p {
    display:none !important;
    visibility: hidden;
}

.table-request > .opened-status > p{
    display:block;
}

.table-requests tr td{
    text-align:center;
    padding : 25px 0px !important;
}

.table-requests .cancel-td {
    background-color:white !important;
}

.table-requests .cancel-td > a {
    color: #CCC !important;
    text-decoration: none;
}

.float-right{
    float:right;
    margin-top:-50px;
}


.request-form{
    margin-top:60px;
}

.request-form .form-accordion{
    background-color:#EEE;
}


.request-form .collapse{

}


.form-accordion{
    border:0px;
    border-radius:0px;
    margin-top:0px;
}

.form-accordion{
    padding:40px 60px;
    border-bottom:1px solid #ccc;
}

.form-accordion:last-child{
    border:0px;
}

.form-accordion .line-title-accordion{
    margin-top:5px;
    color:black;
}

.form-accordion .line-title-accordion span{
    display:inline-block;
    color:#CCC;
    font-weight: 700;
}

.form-accordion .accordion-image-status{
    margin-top:4px;
}



.form-accordion .question{
    font-weight:500;
    color:#DB5173;
    font-size:16px;
}

.form-accordion .big-question{
    font-weight:500;
    color:#DB5173;
    font-size:16px;
    text-transform: uppercase;
    padding:2px 0px 0px;
}

.form-accordion .with-description{
    margin-bottom:0px;
    padding-bottom:0px;
}

.form-accordion .sub-question{
    font-weight:500;
    color:#DB5173;
    font-size:12px;
    margin:0px;
    padding:3px 0px 8px;
}

.form-accordion .question span, .form-accordion .sub-question span, .form-accordion .question-description, .form-accordion .big-question span {
    font-weight:500;
    color:black;
    font-size:12px;
    text-transform: lowercase
}

.form-accordion .question-description {
    padding:5px 0px;
}

.form-accordion input[type="text"]{
    border-radius:5px;
    border:1px solid #ccc;
    padding:5px 10px;
    min-width:220px;
}

.form-accordion input[type="file"]{
    display: inline-block;
    font-weight:500;
    margin-left:20px;
}

.form-accordion p{
    padding:20px 0px;
}

.form-accordion label{
    min-width:110px;
    padding:10px auto;
    font-weight:500 !important;
}

.contain-input{
    padding-bottom:10px;
}

.contain-input-line{
    padding-top:15px;
    padding-top:15px;
}

.form-accordion .full-input, .full-input{
    width:100%;
    min-height:115px;
    padding:5px 10px;
    border-radius:5px;
    border:1px solid #ccc;
    resize: vertical;
}




.form-accordion .space-textarea{
    margin-top:15px;
}


.actions-requests{
    margin-top:35px
}

.actions-admin-requests{
    margin-top: 80px;
}


.actions-requests a{
    margin-right:15px;
}

.top-actions{
    float:right;
    margin-top:-50px;
}

.add-person{
    color:#DB5173;
    text-transform: uppercase;
    margin-top:30px;
    display:block;
}

.add-person i{
    margin-right:15px;
}

.add-person span{
    text-decoration: underline;
}

.title-questions-bloc{
    text-transform: uppercase;
    color:#DB5173;
    margin-top:15px;
}

.black{
    color:black !important;
}

.preamble{
    background-color:#DDD;
    border-radius:5px;
    padding:30px;
    margin:5px 0px 30px;
}

.preamble ul li{
    color:#DB5173;
}

.preamble ul li span{
    font-style: italic;
    color:black;
}

.big-title-question{
    margin-top:30px;
    margin-bottom:0px;
    font-weight:700;
    color:#DB5173;

    font-size: 18px;
}

.inline-content input, .inline-content label {
    display:inline-block;
}

.inline-content label{
    margin-right:40px;
}

.title-checkboxes{
    margin-top:20px;
    margin-bottom:5px;
    color:#DB5173;
    padding:20px 0px 5px !important;
}

.input-md{
    min-width:400px;
}

.input-right{
    float:right;
}

.subtitle-underline{
    font-size:18px;
    border-bottom:1px solid #DDD;
    padding: 20px 0px 5px !important;
    margin-bottom:20px !important;
    color:#DB5173;
}


.table-status tr .col-status a{
    display:inline-block;
    text-align: left;
    margin-left: 30px;
    text-decoration: none !important;
    color:black !important;
}

.table-status tr td:last-child{
    padding:auto !important;
}


.table-status tr td .open-message{
    text-decoration: underline !important;
    color:#DB5173 !important;
}

.table-status tr td .no-message{
    text-decoration: none !important;
    color:black !important;
}

.table-status tr td div{
    text-align:left;
}

.table-status tr td div i{
    font-style: normal;
}

.table-status > tr > td{
    text-align:left !important;
}

.table-status > tr > td:first-chirld{
    min-width:130px;
    text-align:left !important;
}

.status-col{
    padding-left:80px;
    min-width:500px;
}

.table-status tr td span {
    border-right:0px;
    min-width:200px !important;
}

.table-status .last{
    padding:24px 20px !important;
}


.content-status{
    margin:0px;
    padding:0px 20px;
    border-left:1px solid #CCC;
    font-size:13px !important;
}

.opened-status {
    font-weight:700;
    margin:20px 0;
}

.opened-status a{
    text-decoration: none !important;
}

.opened-status p{
    padding:15px;
    font-weight:500 !important;
    max-width:620px;
    display: block !important;
}



.messages {
  word-wrap: break-word;
  width: 100%;
  bottom: 0;
}

.messages-admin{
    margin-top:90px;
}

.messages ul {
  list-style: none;
  padding: 0;
  margin-top:120px;
}

.message {
  width: calc(100% - 80px);
  position: relative;
  margin: 30px 0;
  padding-bottom: 120px;
  border-radius:5px;
  padding:30px;
  list-style-type:none;
}

/* Message Triangles */
.message.recieved {
  background: #DDD;
  border-color: #DDD;
  margin-right: 80px !important;
}

.message.sent {
  background: #CCC;
  border-color: #CCC;
  margin-left: 80px !important;
}

.message:after {
  content:"";
  width: 0;
  height: 0;
  position: absolute;
}

.message.recieved:after {
  border-top: 10px solid #DDD;
  border-right: 10px solid transparent;
  bottom: -10px;
  left: 10px;

}

.menu-language-selector-container{
    display: inline-block;
    padding: 0px;
}

#menu-language-selector{
    display: inline-block;
    padding: 0px;
}

.see-more-events{
    background-color:#52C6D7;
    color:white;
    text-transform: uppercase;
    display:block;
    width:80%;
    text-align: center;
    margin:0px auto 60px;
    border-radius: 15px;
    padding:15px 20px;

}

.message.sent:after {
  border-top: 10px solid #CCC;
  border-left: 10px solid transparent;
  bottom: -10px;
  right: 10px;
}
/* End of Message Triangles*/

/* Message Contents*/
.message p {
  margin: 0;
  padding: 6px}

.message .from {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 16px;
  font-size: 0.8em;
  color: #DB5173;}
/* End of Message Contents*/

/* Text Area*/
.message.input {
  background: #fff;
  float: right;
  padding-bottom: 0;
  height: 2em;}

.message.input:after {
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  bottom: -10px;
  right: 10px;}

.text-picto {
    display:block;
    min-height:37px;
}

.updated-date{
    display:block;
    margin-top:-60px;
    width:100%;
}
.messages textarea {
  border: 0;
  width: 98%;
  height: 70%;
  outline: none;
  resize: none;
  font-family: Lucida Sans Unicode, Arial;
  margin: 0 auto;
}

.reply-message{
    padding:10px 30px;
}

.padding-l-0{
    padding-left:0px;
}

.m-reset{

}


.status-form{
   display:block;
}

.status-form select{
    margin-bottom: 20px;
    padding: 5px 15px;
}


.ajax-loader-action{
    margin-right:20px;
}

#searchsubmit{
    padding: 8px 25px;
    border-radius: 5px;
    border: 2px solid #3F3F51;
    background-color: #3F3F51;
    color:white;
}

.no-margin{
    margin:0px !important;
    padding:0px !important;
}

.title-trial{
    font-size:20px !important;
    margin-right:220px !important;
}

.tables-conversations{
    border-radius:20px 20px 0px 0px;
}

.title-conversations {
    text-align:center;
    padding:13px;
}

.title-conversations th {
    background-color: #DB5173;
    padding:15px;
    margin-bottom:50px;
    text-align:center;
    color:white;
    border:1px solid #DB5173;
}


.row-conversation td{
    padding:12px 25px;
    border:1px solid #C3C3C3;
}

.selected-conversation{
    background-color:#D3D3D3;
}

.content-page{
    padding-top:70px;
    padding-bottom:70px;
}
























/* LINKS TOP */

.links-top{
    margin-top:0px;
    padding:0px 10px 0px 0px;
}

.indemnisations{
    background-color: #2DB2CB;
    color: white;
    text-transform: uppercase;
    padding: 6px 20px;
    font-size: 12px;
    border: 1px solid #2DB2CB;
    position: absolute;
    left: 50px;
    right: -8px;
    text-align: center;
    font-weight: 700;
}

.indemnisations:hover{
    background-color: white;
    color: #2DB2CB;
    text-decoration:none;
}

.links-top li {
    color:#878787;
    display:inline-block;
    margin:2px;
    height:35px;
    text-align: center;
    padding:7px;
    vertical-align: top;
    position:relative;
    text-transform: capitalize;
}


.links-top li a {
    text-decoration: none;
    color:#878787;
}


.activ-search{
    cursor: pointer;
}



.articles-home{
    background-color:#DBEFF6;
}


.research_bar{
    background-color:#F7F8FA;
    border:0;
    margin-left:10px;
    width:85%;
    display:none;
    box-shadow:none !important;
}


.map-section{
    background-image: url(http://licornpublishing-preprod.com/servier/wp-content/uploads/2017/04/carte-1.jpg);
    background-size: contain !important;
    background-repeat: no-repeat;
}


/* MENU FOOTER BIG SITEMAP */

.menu-site-map-footer{
    padding:0px;
    color:black;
}

.menu-site-map-footer a{
    color:black;
}


.menu-site-map-footer li{
    width:25%;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-weight:700;
    font-size:15px;
    margin-bottom:3px;
    font-size:12px;
}

.menu-site-map-footer > li:last-child, .menu-site-map-footer > li:nth-last-child(2) {
    position: absolute;
    top: 0px;
}

.menu-site-map-footer > li:last-child {
    top: 145px !important;
}

.menu-site-map-footer .sub-menu{
    margin-top:5px;
}


.menu-site-map-footer > li > ul {
    padding:0px;
}

.menu-site-map-footer > li > ul > li{
    display:block;
    width:100%;
    text-transform: none;
    font-size:13px;
    position:relative;
    margin-bottom:5px;
    font-size:10px;
}

.menu-site-map-footer li > ul > li > ul{
    display:block;
    padding:0;
}

.menu-site-map-footer li > ul > li> ul > li{
    font-weight:500;
    text-transform: none;
    position:relative;
    font-size:10px;
    display:list-item;
    padding-left:5px;
    width:100%;
    margin-left:20px;
    list-style-type: disc !important;
    list-style-position: outside;
}







/* CONTACT FOOTER NAV */

.left-bullets{
    border-left:1px dotted #BBBBBB;
}

.menu-contact-footer a{
    color:#BBBBBB;
}

.menu-contact-footer li{
    width:100%;
    display: block;
    vertical-align: top;
    text-transform: uppercase;
    font-weight:700;
    margin-bottom:25px;
    font-size:12px;
}

.menu-contact-footer .sub-menu{
    margin-top:5px;
}

.menu-contact-footer li ul{
    padding:0px;
}

.menu-contact-footer li ul li{
    display:block;
    width:100%;
    text-transform: none;
    font-size:13px;
    position:relative;
    margin-bottom:5px;
    font-size:10px;
}

.menu-contact-footer ul ul{
    display:block;
    padding:5px 15px;
}

.menu-contact-footer > li > ul > li{
    list-style-type: circle !important;
    font-weight:500;
}







/* CONTACT FOOTER NAV */

.menu-line-footer-container{
    display:inline-block;
}

.menu-line-footer {
    margin:15px;
    width:auto;
    padding:0;
}

.menu-line-footer li {
    display:inline-block;
    padding: 2px 25px;
    border-right:1px solid grey;
}

.menu-line-footer a{
    color:black;
    text-decoration:underline;
}

.menu-line-footer li {
    display:inline-block;
    padding: 0px 25px;
    line-height: 11px;
}

.menu-line-footer li:last-child {
border:0;
}


.menu-footer-line > li:last-child, .menu-footer-line > li:nth-last-child(2){
    border:0px;
}


.links-bot{
    display:inline-block;
}

.links-bot li{
    display:inline-block;
}

.links-bot li a{
    color:#999999;
    padding:5px;
}

.links-bot li:first-child{
    color:#999999;
    padding:3px 15px;
    border-right:1px dotted #999999;
}

.links-bot li a:hover{
    text-decoration: none;
}




/* STYLE DES BANDEAUX SUB-PAGE */

.subpages-container{
    padding-bottom:60px;
}

.subpages{
    padding-top:50px;
    padding-bottom:50px;
}

.title-banner-subpage{
    font-size:40px;
    font-family:'Heebo';
    font-weight:300;
    margin-bottom:40px;
}

.subpage-image-link:hover{

}

.subpage-circular-image{
    width: 70%;
	padding-top: 70%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    margin:auto;
    background-size:cover;
}

.big-container-subpage-link{
    display:table;
    width:100%;
}


.container-subpage-link{
    display:table-row;
    height: 70px;
    vertical-align: middle;
}

.subpage-link{
    width: 150px;
    max-width: 150px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    font-size:20px;
    font-family:'Heebo';
    font-weight:300;
}

.subpage-link:hover > div, .control-subpage-link:hover {
    text-decoration: none;
    color:#52C6D7!important;
    text-decoration: none;
}


.control-subpage-link{
    margin:20px;
    max-width:280px;
    margin:auto;
    text-transform: uppercase;
    color:#0075BF;
}


.subpage p{
    font-size:120%;
    max-width:400px;
    margin:auto;
    margin-bottom: 40px;
}








/* END LINES */

.end-lines{
    font-size:11px;
}

.end-lines a{
    color:#6FAFDA;
}




/* BANNIERES / BANDEAUX BOTTOM */

.head-banner{
   font-weight:700;
    padding:0;
    color:white;
    margin-bottom:0px;
    font-size:65px;
    line-height:65px;
}

.subhead-banner{
    display:block;
    padding:0;
    color:white;
    margin-bottom:0px;
    font-size:45px;
    line-height:45px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Heebo';
}

.btn-banner{
    display:block;
    color:white;
    border:1px solid white;
    border-radius: 5px;
    width:60%;
    max-width:300px;
    margin:auto;
    text-transform: uppercase;
    margin:15px auto;
    padding:8px 10px;
    font-weight:700;
}

.btn-banner:hover{
    background-color:white;
    color:#0075BF;
    text-decoration:none;
    -webkit-transition:  .2s ease-in;
    -moz-transition:  .2s ease-in;
    -o-transition:  .2s ease-in;
    transition:  .2s ease-in;
}


.image-intro-pipeline{
    margin-top:-60px;
    margin-bottom:60px;
}

.big-picto-pipeline{
    border-right:1px solid #E5E5E5;
}

.big-picto-pipeline:last-child{
    border-right:0px solid grey;
}

.row-pipeline{
    margin-bottom:120px;
    margin-top:60px;
}

.traitement-table{
    max-width:100%;
    text-align:left;
    margin-bottom:40px;
}


.col-pipeline{
    padding:0px !important;
    position:relative;
}

.col-pipeline h3{
    text-align: center;
    padding:20px 0px 35px 0px;
    font-size:24px;
    font-weight:700;
    color:#666;
    text-transform: uppercase;
}

.degrade-pipeline{
    -webkit-box-shadow: -5px 4px 45px 1px rgba(153,153,153,0.65);
    -moz-box-shadow: -5px 4px 45px 1px rgba(153,153,153,0.65);
    box-shadow: -5px 4px 45px 1px rgba(153,153,153,0.65);
    padding:40px;
}

.pipeline-1{
    z-index:300;
}

.pipeline-2{
    z-index:600;
}

.pipeline-3{
    z-index:900;
}


.phasis2 ul li{
    height:80px;
    list-style-type: none;
}

.phasis2 ul{
    padding:0px;
}

.green{color:#66A745;}
.red{color:#DF2658;}
.purple{color:#756491;}
.blue{color: #50b9b3;}
.orange{color:#e77637;}

.picto-center{
    display:block;
    text-align:center;
    margin:auto;
}

.text-picto{
    font-size:13px;
}





.padding-middle-section{
    padding:70px;
    margin-top: 40px;
}


.error-404{
    padding:220px 0px;
}


.error-404 h1{
    font-size:70px;
    text-transform: uppercase;
    font-weight:700;
}

.error-404 h2{
    font-size:42px;
    text-transform: uppercase;
}



.white-btn{
    border:1px solid white !important;
    color:white !important;
}

/* PAGE PARENT */

.p40{
    padding-left:40px;
    padding-right:40px;
}

.col-events{
    padding:40px;
}

.col-events .picto-box{
    margin-top:25px;
}

.bg-blue{
    color:white;
    background-color:#4796B4;
}

.bg-lightblue{
    background-color:#52C7D9 !important;
}

.bg-w{
    background-color:white;
}

.bg-g{
    background-color:#F7F8FA;
}

.photo-parent{
    position:relative;
}


.photo-parent img{
    position: absolute;
    right: 80px;
    width:auto !important;
    height: 100%;
    top: -60px;
}

.title-page-parent{
    font-family: 'Heebo';
    font-weight: 300;
    font-size: 50px;
    margin: 75px auto 30px !important;
    text-transform: uppercase;
}

.margin-title{
    margin-bottom:70px;
}

.title-page-parent b{
    font-weight: 700;
}

.name-line{
    font-weight:700;
    font-size:30px;
}

.job-line{
    margin-bottom:30px;
}

.job-line .function{
    display:table-cell;
    width:auto;
    white-space: nowrap;
    font-size:20px;
    font-family: 'Heebo';
    font-weight: 300;
}

.job-line .underline{
    width:100%;
    vertical-align: bottom;

}

.intro-personification{
    color:#51C5D8 !important;
}

.intro-personification .name-line{
    font-weight:700;
    font-size:18px;
}

.intro-personification .job-line{
    margin-bottom:30px;
}

.intro-personification .job-line .function{
    display:table-cell;
    width:auto;
    white-space: nowrap;
    font-size:16px;
    font-family: 'Heebo';
    font-weight: 300;
}

.intro-personification .job-line .underline{
    width:100%;
    vertical-align: bottom;

}



.job-line .underliner{
    height: 1px !important;
    background-color: white;
    vertical-align: bottom;
    margin-top: -6px;
    margin-left:20px;
}

.intro-content{
    margin-bottom:120px;
    font-family: 'Heebo';
    font-weight: 300;
    font-size:150%;
}

.number-data{
    font-family: 'Heebo';
    font-weight: 300;
    margin-top:40px;
}

.number-data .number{
    font-size:140px;
    line-height:120px;
    font-family: 'Heebo';
    font-weight: 300;
}

.at-label{
    display:none !important;
}

.number-data .data{
    display:table-cell;
    vertical-align: middle;
    font-size:60px;
    text-transform: uppercase;
    line-height:50px;
    padding-left:20px;
}


/* STYLES PAGE BLOCS */


.content-page a{
    color:#52c6d7;
}

.open-bloc{
    border:1px solid #52C6D7 ;
    display:block;
    padding:8px 20px;
    width:auto;
    text-transform: uppercase;
    color:#52C6D7;
    max-width:120px;
    text-align: center;
    margin-top:30px;
}

.open-bloc:hover{
    border:1px solid #52C6D7 ;
    background-color: #52C6D7;
    color:white;
    text-decoration: none;
}

.big-left{
    padding: 80px 80px 80px 220px;
}

.big-right{
    padding: 80px 220px 80px 80px
}

.bloc-sides div{
    background-size: cover;
}


.bloc-sides h3, .bloc-sides h2, .bloc-sides h1{
    font-family:'Heebo';
    font-weight:300;
    color:#52C6D7;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.bloc-sides .title-page-parent{
    font-family: 'Heebo' !important;
    font-weight: 100 !important;
    font-size: 50px !important;
    margin: 30px auto 30px !important;
    text-transform: uppercase !important;
}

.bloc-sides p{ margin:0; }

.bloc-sides h1{ font-size:35px; }
.bloc-sides h2{ font-size:30px; }
.bloc-sides h3{ font-size:25px; }

.bloc-sides b{
    font-weight:700;
}

.printed_later{
    display:none;
}


.title-quinconce{
    color:#299ECD;
    text-transform: uppercase;
    margin-bottom:25px;
    font-size:24px;
}


.title-partner{
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.scroll{
    max-height:445px;
}

.full-line-link{
    width:100%;
}

.bloc-link{
    border:1px solid #299ECD ;
    border-radius:0px;
    color: white;
    min-width:200px;
    padding:15px 25px;
    text-align: center;
    margin-bottom:20px;
    display:table;
    background-color:#299ECD;
}

.bloc-link:hover{
    background-color: #52C6D7;
    color: white ;
    text-decoration: none;
}


.bloc-more{
    border:1px solid #299ECD ;
    border-radius:0px;
    color: #299ECD;
    min-width:200px;
    max-width:450px;
    padding:11px 22px;
    text-align: center;
    margin-bottom:30px;
}

.bloc-more:hover{
    border:1px solid #299ECD ;
    color: white;
    background-color: #299ECD ;
}


.row-section-articles{
    background-color:#DBEFF6;
    padding-bottom:60px;
}

.big-separator-title{
    margin:80px auto;
    font-family: 'Heebo';
    font-weight:300;
    font-size:40px;
}

.intro-parent p{
    font-size:16px !important;
}

.intro-middle{
    padding-top:30px;
}

.intro-middle h1{
    text-transform: uppercase;
    font-size:24px;
    margin-bottom:0px;
}

.intro-middle h2{
    font-size:18px;
    text-transform: capitalize;
}

.intro-middle p{
    font-weight:300;
    color:#666666;
}


.blue-list li{
    list-style-type: none;
}

.blue-list li:before{
    content: "• ";
    color: #52C6D7;
    font-size:15px;
}


.blue-row{
    background-color:#2DB2CB;
    color:white;
    font-family: 'Heebo';
    font-weight:300;
    font-size:16px;
}

.blue-row p{
 padding:30px auto;
 font-weight: 300;
 color:white;
 line-height:21px;
}

.blue-row span{
 color:white;
}


.title-blue-bloc{
    font-family: 'Heebo';
    font-weight:300;
    font-size:33px;
    margin-bottom:40px;
    text-transform: uppercase;
}

.front{
    margin:90px auto;
}

.col-controls{
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-controls a{
    color:white;
    text-decoration:none;
    vertical-align: middle;
    padding: 15px 27px;
}

.background-article-preview{
    background:grey;
    padding-bottom: 40%;
}

.banner-article-preview{
    text-align:left;
    background-color:#FAFAFA;
    font-size:16px;
}

.text-article-preview {
    text-align: left;
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    color:#27B9D1;
}

.text-article-preview .title-article{
    font-size: 18px;
    font-weight: 500;
    color: #299ECD;

}

.text-article-preview h1, h2, h3, h4{
    margin:0px;
    font-weight: 300;
}

.text-article-preview h3, h4{
    margin:0px;
    font-weight: 500;
}

.text-article-preview h1, h2, h3, h4{
    margin:0px;
}

.text-article-preview .more{
    position:absolute;
    bottom: 25px;
    left: 22px;
    padding:12px 25px;
    border: 1px solid #5BC9DB;
    color: #5BC9DB;
}

.text-article-preview .more:hover{
    border: 1px solid #5BC9DB;
    background-color: #5BC9DB;
    color:white;
    text-decoration: none;
}

.article-tag{
    background-color:#C9DBDF;
    border-radius: 2px;
    display: inline-block;
    padding: 3px 5px;
    color: #666666;
    font-size: 11px;
    margin:10px auto;
    text-transform: uppercase;
}

.article-date{
    color:#C9DBDF;
    border-radius:6px;
    display:inline-block;
    padding:3px 5px;
    font-size:10px;
    margin:10px auto;
}

.article a{
    text-decoration: none;
}

.none{
    display:none;
}

.first-line-home{
    color:#52C6D7;
    font-weight:300;
    font-size:22px;
    display:block;
    margin:auto;
}

.second-line-home{
    font-weight:300;
    font-size:22px;
    max-width: 600px;
    display:block;
    margin:auto;
}

.full-width{
    width:100%;
}

.text-slider{
    min-height:350px;
    padding:70px;
}

.date-slider{
    font-size:60px !important;
    margin-bottom:25px;
    color:#ea8e23 !important;
}

.description-slider{
    max-width:475px;
    font-size:18px;
}

.margin-bloc-slider{
    margin-right: 0px;
    margin-left: 1px;
}

.mask1{
    width: 230px;
    height: 140px;
    position:absolute;
    left:350px;
    z-index:300;
    background: url('../../img/mask3.png') no-repeat left center;
    z-index:200px;
}

.mask2{
    width: 240px;
    height: 140px;
    position:absolute;
    right:380px;
    z-index:300;
    background: url('../../img/mask3.png') no-repeat right center;
    z-index:200px;
}

.mask11{
    width: 20vw;
    height: 140px;
    position:absolute;
    left:0px;
    z-index:300;
    background: white;
    z-index:200px;
}

.mask22{
    width: 20vw;
    height: 140px;
    position:absolute;
    right:0px;
    z-index:290;
    background: white;
    z-index:200px;
}

.featured-articles-title{
    font-family: 'Heebo';
    font-weight: 300;
    font-size: 50px;
    text-transform: none;
    margin:30px auto 40px auto;
}

.row-articles{
    margin-bottom:40px;
}

.col-article{
    margin:0px 20px;
}

.home-article{
    margin: 2px;
}

.article-home{
    padding: 0px;
    margin: 25px;
}

.container-articles{
    padding:0px 70px;
}

.text-article-text{
    padding:15px 0px 10px 0px;
    text-align:left
}

.pagination{padding:20px 0 60px 0;}

.order-pages-articles ul {
    text-align:center;
    margin-bottom:90px;
}

.order-pages-articles ul li {
    display:inline-block;
}

.order-pages-articles ul li a{
    display:inline-block;
    border:1px solid #52C6D7;
    margin : 20px;
    border-radius:3px;
    padding:12px 26px;
    text-transform: uppercase;
    text-decoration: none;
    color:#52C6D7;
}

.order-pages-articles ul li a:hover{
    background-color: #52C6D7;
    color:white;
}

.actual_tab{
    background-color:#52C6D7;
    color:white !important;
}

.page-title-article{
    font-size:35px;
    color:black;
    margin:20px auto;
    font-weight:300;
    font-family: 'Heebo';
}

.liner-article{
    margin:40px auto;
    background: url('../../img/templating/liner.png') no-repeat center center;
}

.content-liner{
    background-color: white;
    padding: 20px;
    font-size: 12px;
    display: inline-block;
}

.content-liner b{
    line-height:17px;
}

.addthis_toolbox{
    width:auto;
    display:inline-block;
}

.addthis_toolbox a {
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}

.addthis_counter.addthis_bubble_style a.addthis_button_expanded {
    font-size: 11px;
    height: 1pc;
    line-height: 1.2 !important;
    width: 34px;
    background: none;
}


.article-detail-content{
    text-align: inherit;
    margin-bottom:30px;
}

.article-detail-content p{
    font-size:15px;
}

.article-detail-content h1, .article-detail-content h2, .article-detail-content h3 , .article-detail-content h4 {
    color:#52C6D7;
    text-align:left;
    padding-top:20px;
    padding-bottom:15px;
}

.article-detail-content img, .article-detail-content video, .article-detail-content iframe{
    width:auto;
    margin-left:auto;
    margin-right:auto;
    display: block;
    margin:35px auto;
}

.back-link{
    position: absolute;
    left: -50px;
    top: 50px;
}

.back-link-red{
    position: absolute;
    left: -50px;
    top: 0px;
}

.category-decryptage{
    background-color: #F76767;
    margin-top: -87px;
    padding:7px 25px;
    color:white;
    display:table;
    margin-left:auto;
    margin-right:auto;
}


.type-decryptage strong{
    color:#F76767;
}

.date-decryptage{
    color:#F76767;
    display:table;
    margin-left:auto;
    margin-right:auto;
    font-size:20px;
    margin:10px auto 50px;
    font-weight:300;
}

.liner-end-article{
    margin:40px 5px !important;
    background: url('../../img/templating/liner.png') no-repeat right center;
}

.col-end-article{
        margin:0px 5px !important;
}

.other-articles-title{
    background-color: white;
    padding-right: 30px;
    font-size: 25px;
    font-family: 'Heebo';
}

.page-title-article{
    margin-top:50px;
}

.end-articles{
    margin-bottom:90px;
}

.link-article{
    color:black;
}

.link-article:hover{
    color:black;
    text-decoration:none;
}



.floating-box {
    display: inline-block;
    width: 19%;
    vertical-align:middle;
    margin-top: 4px;
    min-height:229px;
}

.floating-box table{
    width:100%;
}

.border{
    border-right: 1px solid #E1E1E1;
}

.border-right-dotted{
    border-right: 1px dotted #E1E1E1;
}


.number-col-picto{
    text-align: center;
    font-size:75px;
    font-weight:300;
    font-family:'Heebo';
}

.title-col-picto{
    text-align: center;
    font-size:18px;
    font-weight:500;
    font-family:'Heebo';
    text-transform: uppercase;
    margin: 20px auto;
    max-width:250px;
}

.liste-col-picto{
    padding:0px;
}

.liste-col-picto li{
    list-style: none;
}


.number-col-number{
    font-family:'Heebo';
    font-size:70px;
    font-weight:300;

}

.description-number{
    min-height:89px;
}

.number-col-text{
    vertical-align: middle;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    margin: auto;
    min-height: 71px !important;
    display: block !important;
}

.separator{
    margin:10px auto;
}

.number-col-number img{
    max-width:60px !important;
}

.phase-arrow{
    position: absolute;
    top: 50px;
    right: 30px;
}

.phasis .green{color:#66A745;}
.phasis .red{color:#DF2658;}
.phasis .purple{color:#756491;}
.phasis .blue{color:#50BAB4;}
.phasis .orange{color:#ea8e23;}

.banner-phase-bloc{
    padding:50px;
}


.phase-title{ font-family: 'Heebo'; font-weight:300; font-size: 30px; cursor:pointer;}

.banner-phase-bloc .name{ text-transform: uppercase !important; margin-bottom:4px; font-family: 'Heebo'; font-weight:500; font-size:16px;}
.phasis .description{font-family: 'Heebo'; font-weight:700; font-size:11px; margin:0;}

.initial_print, .printed_later{
    margin-top:20px;
    font-size:18px;
}


.initial-phasis{
    display:block;
}

.nav-pipeline li{display:inline-block; width:22%; text-align:center;}
.nav-pipeline .arrow{width:auto !important;}


.bx-pager{width: 1735px !important;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
 .video-container object,
 .video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.required{
    color:#FF4C4C;
}

.content-contact{
    background-color:#FAFAFA;
    padding:40px;
}

.content-contact select, .content-contact input,.content-contact textarea, .content-contact label{
    width:100%;
}

.content-contact .wpcf7-form-control-wrap{
    float:right;
}

.content-contact select, .content-contact input, .content-contact textarea {
    background-color:#FAFAFA;
    padding:8px;
    border:1px solid #E7E7E7;
}

.content-contact input[type=submit] {
    text-transform: uppercase;
    background-color: #52C6D7 ;
    color: white;
    padding:14px;
    vertical-align: top;
    float: right;
    max-width: 200px;
}

.content-contact label{
    font-family: 'Heebo';
    font-weight:300;
}

.content-contact .end-line{
    margin-top:20px;
}

.content-contact .Message{
    float:none;
    margin-top:5px;
    display:block;
}

.content-contact .Sujet{
    float:none;
    margin-top:5px;
    display:block;
}


.mention-req{
    margin-top:-30px;
    font-size:12px;
    display:block;
    margin-top:-50px;
}

.faq-bloc{
    color:white;
    background-color: darkgrey;
    padding:40px;
    background: url('../../img/templating/faq.png') no-repeat;
    background-size:cover;
}

.menu-sitemap-footer-fr-container{
    margin-top:9px;
}

.faq-bloc h2{
    font-size:38px;
    font-weight:500;
}

.link-faq{
    border-radius:3px;
    display:block;
    margin:15px auto;
    width:100%;
    max-width:250px;
    color:white;
    text-decoration: none;
    padding:12px;
    border:1px solid white;
}

.link-faq:hover{
    border-radius:3px;
    background-color:white;
    color:#52C6D7;
    text-decoration:none;
}

.round-image{
    width: 90%;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    border: 2px solid #e4462f;
    margin-top: 7px;
}

.round-div img{
    position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    height: 250px;
    width: 250px;
    max-width: 200px;
    max-height:200px;
    transform: translate(-50%,-50%);
}

.home-background-article-preview{
    min-height:150px;
}

.round-div img{
    border-radius:50%;
    border:2px solid white;
}

.lang-item:before{
    height: 18px;
    display: block;
    width: 1px;
    background: #878787;
    content: '';
    margin-right: 18px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}


.search:after{
    height: 18px;
    display: block;
    width: 1px;
    background: #878787;
    content: '';
    margin-left: 15px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
}


.lang-item{
    text-transform: uppercase;
    font-weight:700;
    color:#878787;
    font-size:14px;
    vertical-align: baseline;
}

.lang-item a{
    color: #878787 !important;
}


.slick-list{
    background:none !important;
    background-size:cover;
}


.number{
    font-size:16px;
    font-weight:300;
}

.number h2, .number h1, .number h3{
    text-transform: uppercase;
    font-size:35px;
    font-weight:500;
}

.comment-map{
    padding:40px;
    font-size:16px;
    color:white;
    text-align:left;
}

.comment-map p{
    padding:30px 40px 5px 0;
    font-size:20px;
    color:white;
    text-align:left;
}

.comment-map ul {
    padding:0;
    margin:0;
}

.comment-map ul li{
    display:inline-block;
    text-transform: uppercase;
    font-size:12px;
}

.comment-map ul li:after{
    content:'|';
    color:white;
    margin-left:15px;
    margin-right:15px;
}

.comment-map ul li:last-child:after{
    content:'';
    color:white;
}

.slick-image-slide, .slide-wrap{
    max-height:600px !important;
}

.mobile-display{
    display:none !important;
}


/******* RAPORT D'ACTIVITE SUPLEMENT ********/

    .fake-header{
        position:absolute;
        width:100%;
    }

    .back-from-header, .back-from-footer{
        border:2px solid white;
        float:right;
        color:white;
        background-color:#71C7EC;
        text-transform: uppercase;
        padding:8px 12px;
        margin-bottom: 45px;
        font-size:15px;
    }

    .back-from-header:hover, .back-from-footer:hover{
        color:#71C7EC;
        background-color:white;
        text-decoration:none;
    }

    .logo-container{
        padding: 60px;
    }

    .intro-rapport{
        height:100vh;
        min-height:650px;
        width:100%;
    }

    .row-centered{
        display:table;
        width:100%;
    }

    .center-content{
        display:table-cell;
        vertical-align: middle;
        padding: 95px 0px;
    }

    .title-rapport{
        color:white;
        font-weight:300;
        line-height:70px;
        font-size:65px;
        text-transform: uppercase;
    }


    .little-separator{
        height:1px;
        background-color:white;
        display:-webkit-inline-box;;
        content:"";
        width:15%;
        margin-top:15px;
        margin-bottom:15px;
        max-width: 70px;
    }

    .separator{
        height:2px;
        background-color:white;
        display:-webkit-inline-box;;
        content:"";
        width:25%;
        margin-bottom:30px;
    }


    .subtitle-rapport{
        color:white;
        font-weight:100px;
        font-size:22px;
    }


    .btn-link{
        margin-top:30px;
        max-width:270px;
        display:block;
        margin-left:15px;
    }

    .btn-link{
        margin-top:30px;
        max-width:270px;
        display:block;
        margin-left:15px;
        font-size: 22px;
        font-weight: 300;
    }

    .little-btn-link{
        margin-top: 30px;
        max-width: 220px;
        display: block;
        margin-left: 15px;
        font-size: 22px;
        font-weight: 300;
    }

    .little-btn-link:hover{
        text-decoration: none;
    }

    .btn-text-part{
        color:white;
        padding:auto;
        background-color:#0075BF;
        padding:15px;
    }

    .btn-text-part{
        color:white;
        padding:auto;
        background-color:#0075BF;
        padding:15px;
    }

    .btn-icon-part{
        color:white;
        padding:auto;
        background-color:#0096F0;
        padding:15px;
        text-align:center;
    }

    .btn-icon-part img{
        margin-top:20px;
    }

    .dl-button{
        margin-top:5px;
    }

    .content-section{
        min-height:500px;
    }

    .row-section{
        min-height:500px;
    }

    .title-section{
        font-size:35px;
    }

    .ttl_purple{
        color:#372B7F; text-transform: uppercase;
    }
    .btn_icn_purple{
        background-color:#5F4DC4;
    }
    .btn_purple{
        background-color:#372B80;
    }

    .ttl_blue{
        color:#0075BF; text-transform: uppercase;
    }
    .btn_icn_blue{
        background-color:#0096F0;
    }
    .btn_blue{
        background-color:#0075BF;
    }

    .ttl_orange{
        color:#DD5F26; text-transform: uppercase;
    }
    .btn_icn_orange{
        background-color:#E68759;
    }
    .btn_orange{
        background-color:#DD5F26;
    }

    .ttl_pink{
        color:#7E227A; text-transform: uppercase;
    }
    .btn_icn_pink{
        background-color:#A565A2;
    }
    .btn_pink{
        background-color:#7E227A;
    }

    .ttl_blue{
        color:#29ADE3; text-transform: uppercase;
    }
    .btn_icn_blue{
        background-color:#71C7EC;
    }
    .btn_blue{
        background-color:#29ADE3;
    }

    .normal-text{
        color:#666666;
        font-size:20px;
    }


    .rapport-footer{
        padding:50px;
        font-size:12px;
        text-align: center;
    }

    .rapport-photo-mobile{
        display:none;
    }

    .btn-select-category{
        padding:10px 25px;
        border-radius:;
        display:table;
        margin:10px 0px;
        border-radius:35px;
        color:white;
        text-transform: uppercase;
        font-size:14px;
    }

    .btn-select-category:hover{
        text-decoration: none;
    }

    .bloc-decryptage{
        padding:40px 40px;
    }

    .col-decryptage{
        margin:15px;
    }

    .category-name{
        font-size:22px;
        text-transform: uppercase;
        min-height:72px;
        max-width:450px;
    }

    .bg-decryptage{
        background-size:cover;
    }


    .bx-has-pager {
        position: absolute;
        width: 100%;
        height:100% !important;
        top: 20px !important;
        left: 0px !important;
        right:0px !important;
        margin-left: 0px !important;
        z-index:0;
    }

    .btn-text-part > p{
        margin-bottom:0px !important;
    }

    .bx-pager-link, .bx-pager-link{
        padding:0px !important;
        width: 10px !important;
        height: 10px !important;
    }

    .pdf-light-viewer .pdf-light-viewer-magazine-thumbnails .bx-wrapper .bx-pager {
            margin-top: 125px !important;
    }

    .bx-wrapper .bx-pager {
        width: 100% !important;
    }

    .bx-pager-item .active {
        padding:0px !important;
        border:0px !important;
        height:10px !important;
        width:10px !important;
    }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:320px) {


}

@media only screen and (max-width:768px) {
    .banner-bg{
        background-color:grey !important;
        background-image: none !important;
    }
    footer .top-delimited{
        display:none;
    }
    .title-section{
        font-size: 24px !important;
    }
}

@media only screen and (max-width:991px) {
    
    .bloc-bg{
        background-color:white;
    }

    .title-article, .text-article-text {
        text-align:center;
    }

    .banner-image-mecenat{
        background-position: center !important;
    }

    .introduction-section{
        padding-right:0px !important;
    }

    .article-home{
        margin:0px !important;
    }

    .intro-parent{
        padding:30px !important;
    }

    .responsive-persona{
        min-height:250px !important;
    }

    .intro-parent-page p, .intro-child-page p {
        font-size: 30px !important;
        line-height: 35px !important;
        letter-spacing: 0px !important;
        padding;20px !important;
    }

    .intro-parent-page strong{
        display: inherit;
    }

    .padding-l-0 {
         padding-left: 15px !important;
    }

    .intro-child-page {
        padding: 65px 0px !important;
    }

    .indemnisations{
        background-color: #2DB2CB;
        color: white;
        text-transform: uppercase;
        padding: 6px 20px;
        font-size: 11px;
        border: 1px solid #2DB2CB;
        position: relative;
        left: 0px !important;
        right: 0px !important;
        text-align: center;
    }

    .rapport-photo-mobile{
        display:block;
    }

    .fake-header {
        position: relative;
        background-color:#29ADE3;
        width: 100%;
    }

    .logo-container{
        padding: 20px 0px 0px;
    }

    .back-from-footer{
        width: 100%;
        padding:15px;
        margin-top:15px;
    }

    .btn-link{
        display:table !important;
        margin-left:auto !important;
        background-position: left;
        margin-right: auto !important;
    }

    .intro-rapport{
        background-image: none !important;
        background-color: #29ADE3;
        min-height:10vh !important;
        padding:40px !important;
        height:auto;
    }

    .title-rapport{
        font-size:25px;
    }

    .title-section {
        font-size: 30px;
    }

    .row-section{
        padding:50px;
    }

    .logo-container{
        text-align:center !important;
    }

    .back-from-header{
       display:none !important;
    }

    .row-section{
        background-image: none !important;
    }

    .row-centered {
        text-align: center;
    }

    .little-btn-link {
        max-width: 500px !important;
        display:table !important;
    }

    .btn-link {
        margin-left: auto !important;
        margin-right: auto !important;
        min-width:100px !important;
    }

    .little-btn-link {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .image-quinconce{
        min-height:275px;
        background-size: contain;
    }

    .quinconce-right, .quinconce-left{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .slick-image-slide, .slide-wrap {
        max-height: 1500px !important;
    }

    .image-subpage{
        margin-top:70px;
        min-height:190px !important;
    }

    .mobile-display{
        display:block !important;
    }

    .mobile-hide{
        display:none;
    }

    .wpsisac-slick-slider.design-3 .slick-dots {
        margin-left: 0px !important;
    }

    .menu-top-page-nav > li:hover > ul {
        display: block;
    }


    .bloc-sides .title-page-parent {
        font-size: 30px !important;
    }



    .logo-menu-mobile{
        padding:20px;
        text-align:left !important;
    }

    .logo-menu-mobile .activ-menu{
        padding:20px;
        float:right;
    }

    .hide-not-mobile{display:inline-block;}

    
    .menu-top-page-nav > li > ul {
        display: none;
        position: relative !important;
        top: 10px;
        left: 0;
    }

    
    .menu-top-page-nav {
        padding-left: 40px;
        padding-right: 40px;
    }
    

    .menu-top-page-nav > li > ul {position:relative; top:10px;}

    .body{
        overflow: hidden;
        overflow-y: auto;
    }

    .links-top {
        padding-left:0px;
        padding-top:15px;
        padding-bottom:15px;
    }

    .menu-top-page-nav {
        margin-top:0px;
        margin-bottom:0px;
        display:none;
    }

    .floating-box {
        display: block;
        width: 100%;
        vertical-align: middle;
        margin-top: 4px;
        min-height: 229px;
    }

    .nav-pipeline li {
        display: inline-block;
        width: 18%;
        text-align: center;
    }

    .arrow img{
        width:20px;
    }

    .phase-title {
        font-size: 14px;
    }

    header{ border-bottom: 0px solid #E5E5E5;}

    .personification-first-line{ display:none !important; }
    .margin-legend{ margin-top: 80px; text-align: center; }
    .padding-mobile{ 20px !important; }
    .intro-personification .job-line .underline { width: 100%; vertical-align: bottom; display: none; }
    .intro-personification .job-line .function {
        display: block;
        width: auto;
        white-space: initial;
    }

    .links-top{ text-align: center; padding:15px !important; margin:0; margin-bottom: 0px; display:none;}
    .menu-secondaire { bottom: 0px; margin: 0px auto;}
    .row-eq-height{display:block;}
    .banner-bg{background-size: cover !important;}
    .head-banner { font-size: 45px; line-height: 45px; }
    .subhead-banner { font-size: 30px; }
    .title-page-parent { font-size: 35px; }
    .content-full-page{ padding : 0px 15px 0px 15px; }
    .reset-margin{margin:0px;}

    .name-line { font-size:16px}
    .job-line .function { font-size: 13px; }
    .job-line table{ width:100%; text-align:center;}
    .number-data .number {display: block; text-align:center; width:100%;}
    .number-data .data {display: block; text-align:center; font-size:20px; width:100%;}
    .number-data table{display:table; width:100%;}

    .big-right {padding: 40px !important; min-height:250px; background-size:cover !important;}
    .big-left {padding: 40px !important; min-height:250px; background-size:cover !important;}
    .menu-top-page-second-nav { padding-left: 30px; }

    .mask1, .mask11, .mask2, .mask22 {display:none;}

    .bx-has-pager { position: absolute; left:50px; top: 0;margin-left: -150px; }
    .bx-wrapper .bx-pager { padding-top: 10px;width: 1735px !important; }

    .menu-top-page-nav > li { padding: 5px 2.2vw 20px 0px; width:100%; font-size:17px; }
    .menu-top-page-nav > li:hover {font-size:17px; }
    .menu-top-page-nav > li > ul { right: 0; width: auto !important; white-space: normal; padding:15px; }


    .order-pages-articles ul {padding:0px;}
    .order-pages-articles ul li {display: block;}
    .order-pages-articles ul li a { width: 100%; margin: 10px auto; max-width: 250px; }

    .end-lines { padding: 35px; }

    .photo-parent img {position: relative; right: 0px; left:0px; bottom: 0; width: 35vw; display:block; margin:auto; height: auto;}
    .footer-sitemap{display:none;}
    .menu-secondaire{position:relative; display: block; margin-top:0px; padding-right:0; right:0px;}
    .menu-top-page-second-nav > li > ul > li { list-style-type: none; margin: auto 20px; font-size: 15px; font-weight: 700; z-index:400; text-transform: uppercase;}
    .menu-top-page-second-nav > li > ul { left:0; right:0; border-radius: 2px; position:absolute; z-index:450; padding:40px; }


    .menu-top-page-second-nav > li > ul:after {
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        left: 35px;
        width: 14px;
        height: 14px;
        background: #FFFFFF;
        border-right: 1px solid #CAD5E0;
        border-bottom: 1px solid #CAD5E0;
    -moz-transform: rotate(225deg);  /* FF3.5/3.6 */
    -o-transform: rotate(225deg);  /* Opera 10.5 */
    -webkit-transform: rotate(225deg);  /* Saf3.1+ */
    transform: rotate(225deg);  /* Newer browsers (incl IE9) */
    }

    .menu-top-page-nav > li > ul > li > ul > li {font-size:15px;}


    .menu-top-page-second-nav{ padding:10px; display:none; }
    .menu-top-page-second-nav li{display:block; }

    .padding-equal, .reset-padding{padding:0px;}

    .image-big-left{ border-bottom:5px solid white;}
    .image-big-right{ border-top:5px solid white; }

    .text-article-text .more{ display:block; }

    .menu-line-footer li { border-right: 0px solid grey; }

    .col-controls{padding:15px;}
    .none-mobile{display:none;}



    .wpgmza_modern_infowindow {
        width:92% !important;
        position:absolute !important;
        left:4% !important;
        right:4% !important;
        margin-left: 0px !important;
    }




    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay {
        padding: 40px;
        background: rgba( 39, 185, 209, 1);
        max-width: 880px;
        border-right: 0px;
        min-height: 225px !important;
        width:100% !important;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p {
        text-align: left;
        color: #fff;
        font-size: 12px;
        margin: auto;
        font-family: 'Heebo';
        font-weight: 300;
        min-height: 30px !important;
        vertical-align: middle !important;
        letter-spacing: 1px;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content {
        left: 0px;
        right: 0px;
        bottom:0px;
        text-align: left;
        position: absolute;
        top: inherit !important;
        bottom: 0px !important;
        padding: 0px;
    }

    .wpsisac-slick-slider.design-3 .slick-dots {
        width: 100%;
    }

    .slick-image-slide img {
        height: auto !important;
        width: 100% !important;
        object-fit: cover;
        object-position: top center;
        }

    .wpsisac-slick-slider.design-3 .slick-dots {
        left: 0px !important;
        text-align: center;
        bottom: 50px !important;
        max-width: 700;
        width: 865px;
        padding: 0 0 0 20px;
    }

    .wpsisac-slick-slider.design-3 .slick-dots {
        right:0px !important;
        bottom: 5px !important;
        max-width: 700;
        width: 100% !important;
        top: 10px !important;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay {
        padding: 20px 0px;
        background: rgba( 39, 185, 209, 1);
        max-width: 100% !important;
        border-right: 0px;
        height: auto;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p {
        font-size:20px !important;
        min-height:1px !important;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p strong ,.wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p b {
        font-size:20px !important;
    }

    .content-contact{
        float:none !important;
        padding: 20px !important;
    }

    .background-article-preview{
        background-size:contain !important;
    }

    .home-background-article-preview{
        background-size:contain !important;
        border:0px solid #FAFAFA;
    }

    .g-recaptcha > div,  .g-recaptcha > div > div > iframe { width:100% !important; }

    .slick-slider{
        position: relative;
        top: 0px;
    }

    .slide-wrap{
        height: auto !important;
        margin-top:-20px;
    }

    .slick-slide{
        height: auto !important;
    }

    .slider-content{
        position:relative !important;
    }

    .slick-dots{
            left: 0px !important;
            right: 0px !important;
            bottom: 0px !important;
            position: relative !important;
            background:white;
            text-align: center;
    }

    .wpsisac-slick-slider .slick-dots li button {
        background: rgba(39,185, 209, 0.7) !important;
        margin: 0px !important;
        padding: 0px !important;
        border: 0px solid #000;
        border-radius: 50% !important;
        width: 8px !important;
        height: 8px !important;
    }

    .wpsisac-slick-slider .slick-dots li.slick-active button {
        background :  rgba(39,185, 209, 1) !important;
    }

    .number{
        text-align:center;
    }

    .round-div{
        position:relative;
        z-index:500;
    }

    .subpage-circular-image {
        width: 200px;
        height:200px;
        padding-top:0px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        margin: auto;
        background-size: cover;
    }

    .subpage > p{
        max-width:400px;
        margin:auto;
        margin-bottom:40px;
    }

    .round-div img {
        position: relative;
        width: 300px;
        height: 300px;
        max-width: none;
        max-height: none;
        transform: translate(-50%,-50%);
    }

    .round-div img {
        position: absolute;
        width: 100%;
        /* height: 300px; */
        max-width: 200px;
        max-height: 200px;
        transform: translate(-50%,-50%);
    }


    .round-div p{
        max-height:140px;
    }

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .mCSB_inside>.mCSB_container {
        margin-right: 40px !important;
    }

}

@media only screen and (max-width:480px) {

    .updated-date{
        margin-top:-30px !important;
    }

    .intro-parent-page p, .intro-child-page p {
        font-size: 20px !important;
        line-height: 25px !important;
        letter-spacing: 0px !important;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p strong, .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p b {
        font-size: 14px !important;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content .bg-overlay p {
        font-size: 14px !important;
    }

    .mCustomScrollBox{
        padding-left:0px !important;
        padding-right:0px !important;
        max-height:500px !important;
    }

    .scroll {
        max-height: 500px !important;
    }

    .mCustomScrollbar{
        padding-left:0px !important;
        padding-right:0px !important;
    }

}

@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1180px) {

    .title-rapport{
            font-size: 55px;
    }

}

@media only screen and (max-width:1280px) {
    .links-top { padding: 0px ; }
}

@media only screen and (max-width:1200px) {
    .menu-top-page-nav { padding-left: 40px; }
    .links-top{ margin:0px !important; text-align:center; }
    .menu-top-page-nav > li { padding: 10px 2.2vw 20px 0px; }
    .links-top { padding-left: 20px !important; }
}


@media only screen and (max-width:1390px) {
    .menu-top-page-nav > li:before { margin-right: 8px; }
    .menu-top-page-nav > li { padding: 10px 2.2vw 20px 0px; }
}


@media only screen and (max-width:1390px) {
    .menu-top-page-nav > li:before { margin-right: 8px; }
    .menu-top-page-nav > li { padding: 10px 1.2vw 20px 0px; }
    body{font-size:14px;}

}

@media only screen and (max-width:1430px) {

    .round-div img{
        width: 100% !important;
        height: auto;
        max-width: 200px;
        max-height: 200px;
    }

}




@media only screen and (max-width:1690px) {
    .menu-top-page-nav > li:before { margin-right: 8px; }
    .menu-top-page-nav > li { padding: 10px 30px 20px 0px; }
    body{font-size:14px;}

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content {
        left: 0px;
        right: 0px;
        text-align: left;
        bottom: inherit;
        padding: 0px;
        padding: 0px;
    }

    .wpsisac-slick-slider.design-3 .slick-dots {
        text-align: center;
        left:20px;
        width : auto !important;
    }

    .menu-top-page-nav > li > ul {
        top: 22px;
    }

}


@media only screen and (max-width:1880px) {

    .slisk-slider{
        height:auto !important;
    }


    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-content {
        left: 0px;
        right: 0px;
        text-align: left;
        position: absolute;
        bottom: 0px;
        padding: 0px;
    }

}


.slide-wrap img {
    visibility: visible !important;
}




@media only screen and (max-width:1900px) {

    .menu-top-page-nav{
        text-align:left;
        padding:0px;
    }

    .menu-top-page-nav > li {
        display: inline-block;
        padding: 0px 0.8vw 0px 0px;
        text-transform: uppercase;
        font-size: 17px;
        position: relative;
        color: #398ACA;
        font-weight: 300;
        min-width: 240px !important;
    }

}


@media only screen and (max-width:2500px) {
    .menu-top-page-nav > li {
        min-width: 250px !important;
        max-width: 250px !important;
    }
}


@media only screen and (max-width:2100px) {
    .menu-top-page-nav > li {
        min-width: 240px !important;
        max-width: 240px !important;
    }
}


@media only screen and (max-width:1900px) {
    .menu-top-page-nav > li {
        min-width: 220px !important;
        max-width: 220px !important;
    }
}

@media only screen and (max-width:1800px) {
    .menu-top-page-nav > li {
        min-width: 210px !important;
        max-width: 210px !important;
    }
}

@media only screen and (max-width:1700px) {
    .menu-top-page-nav > li {
        min-width: 200px !important;
    }
}

@media only screen and (max-width:1600px) {

    .menu-top-page-nav{
        margin-top:20px;
    }

    .menu-top-page-nav > li {
        min-width: 190px !important;
        font-size: 15px;
    }
}

@media only screen and (max-width:1500px) {

    .menu-top-page-nav{
        text-align:left;
        padding:0px;
    }

    .menu-top-page-nav > li {
        display: inline-block;
        padding: 0px 1vw 0px 0px;
        text-transform: uppercase;
        font-size: 16px;
        position: relative;
        color: #398ACA;
        font-weight: 300;
        min-width: 170px !important;
    }

    .links-top {
        margin-top: 0px;
        padding: 0px 10px 0px 0px;
    }
}



@media only screen and (max-width:1370px) {


    .menu-top-page-nav > li {
        min-width: 160px !important;
        padding: 0px 8px 0px 0px;
        font-size:13px;
    }


}

@media only screen and (max-width:1280px) {

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p{
    font-size:20px;
    }

    .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content b, .wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p strong {
        font-size:20px;
    }

    .links-top {
        margin-top: 0px;
        padding: 0px 10px 0px 0px;
    }

    .menu-top-page-nav{
        text-align:left;
    }

    .menu-top-page-nav > li {
        min-width: 140px !important;
        padding: 0px 8px 0px 0px;
        font-size:14px;
    }

    .menu-top-page-nav > li:hover {
        font-size: 14px;
    }

}

@media only screen and (max-width:1200px) {

    .links-top {
        margin-top: 0px;
        padding: 0px 10px 0px 0px;
    }

    .menu-top-page-nav > li, .menu-top-page-nav > li:hover {
        font-size:18px;
    }

    .menu-top-page-nav{
        text-align:center;
    }

}



.wpsisac-slick-slider.design-3 .slick-image-slide .slide-wrap .slider-short-content p{
    text-align:left; color:#fff;
    margin:auto;
    font-family: 'Heebo';
    font-weight: 300;
    min-height: 105px !important;
    vertical-align: middle !important;
    letter-spacing: 1px;
    text-transform:uppercase;
}








/*------------------------------------*\
    MECENAT
\*------------------------------------*/


.vcenter {
    display: inline-block;
    vertical-align: middle;
}


.mecenat_wrapper h2{
    color:#4BAFA5;
    padding:0 0 20px 0;
}


.mecenat_content_image{
    padding-top:20px;
}

.mecenat_content_image img{
    width:100%;
}


.mecenat_inner_separator{
    margin-top:80px;
    border-top:solid 1px rgba(0,0,0,0.2);
    padding-top:70px;
}


.mecenat_menu_wrapper{
    padding:120px 0 100px 0;
}


.mecenat_menu_wrapper ul{
    list-style:none;
    margin:0 auto;
    padding:0;
    text-align:center;
}




.mecenat_menu_content a span{
    display:inline-block;
    font-size:17px;
    border:solid 1px #4BAFA5;
    border-radius:30px;
    color:#4BAFA5;
    padding:7px 25px;
    text-align:center;
    margin-top:10px;
}

.mecenat_header{
    padding:30px 0 70px 0;
}


.mecenat_header_logo{
    display:inline-block;
    width:400px;
    margin-left:-40px;
}


.mecenat_header_logo_campagne img{
    padding-left:18px;
}


.mecenat_header h2{
    font-size:26px;
    text-transform:uppercase;
    padding-top:60px;
}



.mecenat_btn{
    display:inline-block;
    background-color:#4BAFA5;
    border-radius:30px;
    color:white;
    padding:10px 30px;
    margin:60px auto 0 auto;
}


.mecenat_btn:hover{
    color:white;
    font-style:none;
}

.banner-image-mecenat{
    height:230px;
}

.description-partner{
    text-align: center;
    padding:20px 30px;
}

.description-partner p{
    text-align:center;
    font-size:14px !important;
}

.button-know-more{
    display: table;
    border: solid 1px #4BAFA5;
    border-radius: 30px;
    color: #4BAFA5;
    padding: 7px 25px;
    text-align: center;
    font-size: 12px;
    margin:auto;
}

.partner{
    margin-bottom:50px;
}

.mecenat_content .row-quinconce:first-child{
    margin:0 auto 25px auto!important;
}



.campagne_thematique{
    display:block;
    font-size:0;
}


.campagne_thematique strong,.campagne_thematique span{
  display:inline-block;
  vertical-align:top;
  font-size:2.2rem;
}

.campagne_thematique strong{
  padding-right:7px;
}


.campagne_thematique span{
  text-align:left;
  font-size:2rem;
}






.campagne_calendrier{
    display:flex;
    flex-wrap:nowrap;
    flex:1 1 auto;
    justify-content:center;
    width:100%;
    margin-top:70px;
    margin-bottom:70px;
}


.campagne_calendrier_item{
    width:33%;
}

.row-icon-box{
    padding-top:20px;
    padding-bottom:20px;
}


.mCustomScrollBox {
    padding-right: 50px;
}


.campagne_calendrier_item__titre{
    text-transform:uppercase;
    font-weight:bold;
}

.campagne_calendrier_item__line{
    height:28px;
    width:100%;
    display:flex;
}

.campagne_calendrier_item__line:before,.campagne_calendrier_item__line:after{
    content:'';
    flex:1 1 auto;
    border-top:dotted 3px rgba(0,0,0,0.2);
    height:5px;
    align-self:center;

}

.pdf-light-viewer .pdf-light-viewer-magazine-thumbnails .bx-wrapper .bx-viewport {
    z-index: 20 !important;
}

.campagne_calendrier_item:first-child .campagne_calendrier_item__line:before{
    border:none;
}


.campagne_calendrier_item:last-child .campagne_calendrier_item__line:after{
    border:none;
}



.campagne_calendrier_item .double-round{
    display:inline-block;
    padding: 7px;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
    border-radius: 50%;
    background-color:white;
    border: 1px solid rgba(0,0,0,0.2);
}

.campagne_calendrier_item .double-round span{
    display:inline-block;
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#4BAFA5;
}

.full-grey{
    padding:70px;
    background-color:#F5F5F5;
    text-align:center;
    margin-top:50px;
}

.full-grey i{
    display:block;
    margin-top:30px;
    font-size:13px !important;
    line-height:15px !important;;
}

.rounded-number{
    display:table;
    width:50px;
    height:50px;
    border-radius:25px;
    font-weight:700;
    font-size:25px;
    padding:5px;
    margin:15px auto;
    line-height: 38px;
}

.description-step-height{
    min-height:70px;
}

.link-step{
    padding:6px 12px;
    border-radius: 10px;
    color:white;
    display:block;
    margin-top:15px;
    font-size:12px;
}

.link-step:hover{
    color:black;
    text-decoration: none;
}





.campagne_content_left {
    text-align:left;
    border-right:solid 2px rgba(0,0,0,0.2);
}

.campagne_content_enveloppe{
    font-size:25px;
    color:#4BAFA5;
    border:solid 1px;
    border-radius:50%;
    text-align:center;
    margin:0 auto;
    width:120px;
    height:120px;
    padding: 42px 0;
}

.campagne_content_enveloppe span{
    display:inline-block;
    vertical-align:middle;
    width:100%;
    height:100%;
}



















/*------------------------------------*\
    MIDDLE OFFICE
\*------------------------------------*/


.middle_wrapper .content-page{
    padding-top:20px;
}


@media only screen and (max-width:480px) {
    .middle_wrapper{
       padding:0!important;
       width:100%!important;
    }
}



.middle-mecenat_header{
    padding:30px 0 20px 0;
}

.um-account-side{
    padding-left:0!important;
}







/*ULTIMATE MEMBER LOGIN / ACCOUNT*/
@media only screen and (max-width:480px) {
    .middle-infos-account{
        padding:0 15px;
    }


    .um-account-tab-structuretab{
        padding-bottom:50px!important;
    }
}



.title-accordion{
    cursor:pointer;
}

.um-account-side .um-account-meta{
    display:none;
}

.um-account-side  li a.um-account-link span.um-account-icon{
    width:50px;
    padding:0;
    border-right:none;
}




.um-account-side li a span.um-account-icon i{
    display: block;
    margin:0 auto;
}


span.um-account-icon i:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100%;
    height: 100%;
}


span.um-account-icon .um-faicon-user{
    height: 16px!important;
    width: 16px!important;
}



span.um-account-icon .um-faicon-user:before{
    background-image: url(../../img/middle/middle-profile_user.svg);
}



span.um-account-icon .um-faicon-pencil{
    height: 22px!important;
    width: 24px!important;
}

span.um-account-icon .um-faicon-pencil:before{
    background-image: url(../../img/middle/middle-profile_structure.svg);
}

span.um-account-icon .um-faicon-asterisk{
    height: 14px!important;
    width: 21px!important;
}

span.um-account-icon .um-faicon-asterisk:before{
    background-image: url(../../img/middle/middle-profile_password.svg);
}

span.um-account-icon .um-faicon-trash-o{
    height: 20px!important;
    width: 13px!important;
}

span.um-account-icon .um-faicon-trash-o:before{
    background-image: url(../../img/middle/middle-profile_suppaccount.svg);
}


.um-account-side li a.um-account-link span.um-account-title{
    color:#999999;
    padding-left:0;
    text-transform:uppercase;
    font-size:12px;

}

.um-account-side  li a.um-account-link.current {
}

.um-account-side  li a.um-account-link span.um-account-icon{
    border-right:none!important;
}

.um-account-side  li a.um-account-link.current span.um-account-title{
    color:#4bada5;

}



.um-account-side li a.um-account-link.current span.um-account-icon .um-faicon-user:before{
    background-position:-16px 0!important;
}

.um-account-side li a.um-account-link.current span.um-account-icon .um-faicon-pencil:before{
    background-position:-24px 0!important;
}

.um-account-side li a.um-account-link.current span.um-account-icon .um-faicon-asterisk:before{
    background-position:-21px 0!important;
}

.um-account-side li a.um-account-link.current span.um-account-icon .um-faicon-trash-o:before{
    background-position:-13px 0!important;
}


.um-account-side li a.um-account-link.current .um-faicon-angle-right:before{
    color:#4bada5;
}



.um-account-main div.um-account-heading{
    display:none;
}


.um-account-main {
    padding-right:0;
}

.um-account-tab {
    width:100%!important;
}

@media only screen and (max-width:480px) {
        .um-account-tab {
            padding-top:20px;
        }
}


.um-account-tab .um-field-label{
    margin:10px 0 0 0;
}

.um-account-tab .um-field-label:first-child{
    margin:0!important;
}


.um-account-tab .um-field{
    padding:0 0 30px 0!important;
}

.um-form .um-account-tab .um-form-field,
#first_name,
#last_name,
#user_email,
#current_user_password,
#user_password,
#confirm_user_password,
#single_user_password,
 .um-form input[type=text],
.accordion-bloc-middle .um-5717.um .um-form input[type=text],
.accordion-bloc-middle .um-5717.um .um-form input[type=number],
.accordion-bloc-middle .um-5717.um .um-form input[type=password],
.accordion-bloc-middle .um-5717.um .um-form input[type=tel],
.accordion-bloc-middle .um-5716.um .um-form input[type=text],
.accordion-bloc-middle .um-5716.um .um-form input[type=number],
.accordion-bloc-middle .um-5716.um .um-form input[type=password],
.accordion-bloc-middle .um-5716.um .um-form input[type=tel]{
   width:100%;
   border:solid 1px rgba(63,63,81,0.2)!important;
   border-radius:7px!important;
   padding:15px!important;
   color:#555555!important;
}

.um-form .um-account-tab .um-form-field{
    width:94%!important;
}


@media only screen and (max-width:480px) {
    .um-form .um-account-tab .um-form-field{
        width:90%!important;
    }
}



/*.um-form input[type=number], .um-form input[type=password], .um-form input[type=tel], .um-form input[type=text]*/

.um-account-tab .um-field-area input.um-form-field::placeholder { /* WebKit, Blink, Edge */
    color:rgba(63,63,81,0.3);
}


.um-account-tab .um-form-field .um-field-area input.um-form-field:placeholder{
    color:rgba(63,63,81,0.3);
}


.um-account-tab .um-field-area input.um-form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:rgba(63,63,81,0.3);
}
.um-account-tab .um-field-area input.um-form-field::-moz-placeholder { /* Firefox 19+ */
    color:rgba(63,63,81,0.3);
}
.um-account-tab .um-field-area input.um-form-field:-ms-input-placeholder { /* IE 10+ */
    color:rgba(63,63,81,0.3);
}
.um-account-tab .um-field-area input.um-form-field:-moz-placeholder { /* Firefox 18- */
    color:rgba(63,63,81,0.3);
}


.um-account-tab .um-field-area input.um-form-field:focus::-webkit-input-placeholder { color:transparent; }
.um-account-tab .um-field-area input.um-form-field:focus:-moz-placeholder { color:transparent; }


.um-account-tab  .um-field-area input.um-form-field:focus{
    outline:none;
}





.um-account-tab .select2.select2-container .select2-selection{
    width:100%!important;
    border:solid 1px rgba(63,63,81,0.2)!important;
    border-radius:7px!important;
}

.um-account-tab-delete p{
    font-size:11px;
}

.um-account-tab .um-right{
    margin-top:30px;
}


@media only screen and (max-width:480px) {
    .um-account-tab .um-right{
        margin-top:-10px;
    }
}

.um-um_account_id.um input[type=submit].um-button{
        font-family: FontAwesome, Heebo;
        background-color:#4BAFA5!important;
}



#um-submit-btn{
    background-color:#4BACA5;
}


p.um-notice.success {
    background: #4BACA5!important;
}













/*MIDDLE MAIN ELEMENTS*/
.middle-color{
    color:#4BACA5;
}

.middle_wrapper{
    font-size:14px;
}


.middle_wrapper .section-title{
    display:block;
    color:#4BACA5;
    padding:50px 0 40px 0;
    margin:0;
}

.page-template-page-middle-form .middle_wrapper .section-title{
        padding:50px 0 10px 0;
}



.middle_wrapper a:focus, .middle_wrapper button:focus{
    outline:none;
}


.middle_wrapper .ajax-loader-action{
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:10px;
}


@media only screen and (max-width:480px) {
    .middle_wrapper .section-title{
        text-align:center;
    }

    .middle_wrapper .section-title h2{
        text-align:center!important;
    }

    .middle_wrapper .section-title h3{
        text-align:center!important;
        padding:0 20px 0px 20px!important;
        max-width:300px;
        margin:0 auto;
    }
}



.middle_wrapper .alert-info{
    background-color:rgba(75,172,165,0.4);
    color:#525252;
    border:none;
}


.middle_wrapper .alert-success{
    background-color:rgba(34,210,113,0.3);
    color:#525252;
    border:none;
}



.middle_btn_wrapper{
    text-align:right;
}

@media only screen and (max-width:480px) {
    .middle_btn_wrapper{
        text-align:center;
        float:none;
    }


    .middle_btn_wrapper .middle_btn{
        margin-top:10px;
    }


    .middle_btn_wrapper-form a{
        margin-top:10px;
    }
}


.middle_btn{
    background-color:#4BACA5;
    padding: 12px 15px;
    color: white !important;
    display: inline-block;
    text-decoration:none;
    border-radius:3px;
    font-size:13px;
    border:solid 1px transparent;
    transition: all 0.3s ease 0s;
}


.middle_btn:hover{
    text-decoration:none;
    background-color:#0062b3;
    /*color:#4BACA5!important;*/
    border:solid 1px #0062b3;
}

.middle_btn:hover svg{
    /*fill:#4BACA5;
    stroke:#4BACA5;*/
}


.middle_btn:focus{
    text-decoration:none;
    outline:none;
}





.middle_btn span{
    display:inline-block;
    vertical-align: middle;
    padding-right:10px;
    text-transform:uppercase;
}

.middle_btn svg{
    fill: white;
    stroke: white;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}


.middle_btn svg.middle_btn_icon.no-stroke{
    stroke:transparent;
}


.middle_btn_inv{
    padding: 12px 15px;
    color: #4BACA5 !important;
    border:solid 1px #4BACA5;
    display: inline-block;
    text-decoration:none;
    border-radius:3px;
    font-size:13px;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}


.middle_btn_inv span{
    display:inline-block;
    vertical-align: middle;
    padding-left:10px;
    text-transform:uppercase;
}


.middle_btn_inv svg{
    fill: #4BACA5;
    stroke: #4BACA5;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.middle_btn:hover{
    text-decoration:none;
}


.middle_btn_inv:hover{
    color: white !important;
    border:solid 1px #4BACA5;
    display: inline-block;
    text-decoration:none;
    cursor:pointer;
    background-color:#4BACA5;

}

.middle_btn_inv:hover svg{
    fill: white;
    stroke:white;
}


.middle_arrowtab_btn{
    display:inline-block;
    vertical-align:middle;
    background-color:#4BACA5;
    border:solid 1px transparent;
    border-radius:3px;
    text-align:center;
    margin-top: 37px;
    margin-right:20px;
    height:27px;
    transition: all 0.3s ease 0s;
}


.middle_arrowtab_btn:hover{
    background-color:#0062b3;
    border:solid 1px #0062b3;
}


.middle_arrowtab_btn svg{
    width:24px;
    height:24px;
    fill:white;
}




.middle_arrowtab_btn:hover svg{
    /*fill:#4BACA5;*/
}







.middle_wrapper .open-all{
    border:none;
    background:transparent;
    color:#999999;
    text-decoration:underline;
    padding-top:15px;
}


.top-actions_btns_admin{
    padding-bottom:15px;
    text-align:right;
}








.middle-chapo{
    color:#858585;
    font-size:14px!important;
    width: 60%;
}


@media only screen and (max-width:480px) {
    .middle-chapo{
        width:100%;
        text-align:center;
    }
}


.modal{
    z-index:15000;
}


.accordion-bloc-middle{
    margin-top:5px;
    border-radius:5px;
    border:1px solid #E3E3E3;
    padding:15px;
}

.accordion-bloc-middle p{
    padding:15px 0;
    margin:0px;
}

.accordion-bloc-middle h4{
    font-weight:300;
    margin:0;
    color:black;
    font-size:18px;
    text-transform:none;
}

.accordion-bloc-middle .accordion-image-status{
    float:right;
    margin-right:20px;
}










/*MIDDLE NAV*/

.middle-nav{
    margin-top:40px;
    font-size:16px;
}

.middle-nav > li{
    width:auto;
    max-width:300px;
    text-align: center;

}

.middle-nav > li > a {
    border: 1px solid #ddd;
    color: #858585 !important;
    font-weight:300;
    margin-left: -4px;
    padding: 10px 25px;
}

.middle-nav > li > a > svg{
    display:inline-block;
    fill:#858585;
    max-width:20px;
    max-height: 14px;
    vertical-align: middle;
    margin-right:5px;
}

.middle-nav .active > a {
    color: #4BADA5 !important;
}

.middle-nav .active > a > svg{
    fill:#4BADA5;
}

.middle-nav > li > a:hover {
    border: 1px solid #ddd;
    color: #4BADA5 !important;
    background-color:#DDD;
}

.middle-nav > li > a:hover svg {
   fill: #4BADA5 !important;
}

.middle-nav > li:last-child{
    text-align:right;
    float:right;
    width:auto;
}

@media only screen and (max-width:1025px) {
    .middle-nav > li:last-child{
        margin-top: -100px;
    }
}


@media only screen and (max-width:996px) {
    .middle-nav > li:last-child{
        text-align:center;
        margin-top: 0px;
    }
}

.middle-nav > li:last-child > a{
    color:#4BADA5 !important;
    font-weight:700;
    border: 0px;
    text-align: right;
    font-size:11px;
    padding:0;
}

.middle-nav > li:last-child .nav-username{
    display:inline-block;
    font-size: 16px;
    font-weight: 400;
    text-align:left;
    color:#858585;
}

.middle-nav > li:last-child > a:hover{
    background:white !important;
}


.middle-nav > li:last-child > a > svg{
        fill:#4BADA5;
}



.middle-nav .nav-notification{
    color:#4BADA5;
    position:absolute;
    top:0;
    right:10px;
}


.nav-link.i-logout:hover{
    color:#0062b3!important;
}

.nav-link.i-logout:focus{
    background:transparent!important;
}



.nav-tabs {
    border-bottom: 0px solid #ddd !important;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #D9D9D9 !important;
    border-bottom-color: transparent !important;
}


@media only screen and (max-width:996px) {
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-bottom-color:#D9D9D9!important;
    }

    .middle-nav{
        border-bottom:solid 1px lightgrey!important;
        padding-bottom:20px!important;
    }

    .middle-nav > li{
        float:none!important;
        max-width:100%!important;
        width:100%;
    }

    .middle-nav > li > a{
        margin-right:0!important;
    }

    .nav-tabs {
        padding:0 15px!important;
    }

    .middle-nav > li:last-child{
        padding:20px 0 30px 0;
    }


    .middle-nav > li:last-child > a{
        text-align:center;
    }
}







#content{
    /*display:none;*/
}

.middle-icon{
    margin-right:8px;
    font-weight: 500 !important;
}

.request-number{
    min-width:250px !important;
    width:250px !important;
}





/*MIDDLE LISTE DES PROJETS*/
.table-projects{

}


.table-projects tr td{
    text-align:center;
    padding : 25px 0px !important;
}

.table-projects_title{
    padding : 25px 0px 25px 40px!important;
    cursor:pointer;
}


.table-projects_title a{
    color:#666666;
    font-weight:700;

}


.table-projects tr td span,.table-projects th span{
    border-right:1px solid #E3E3E3;
    display:block;
    width:100%;
    min-width:auto!important;
    font-weight:300;
}


.table-projects > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #F5F5F5;
}

.table-projects > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
   background-color: #FAFAFA;
}

.table-projects .project-status-td{
    text-transform:uppercase;
    color:#4BAEA5;
}

.table-projects .cancel-td{
    background-color:white!important;

}

.table-projects .cancel-td a{
    color:#666666;
    font-size:11px;
    text-decoration:underline;
}







.float-right{
    float:right;
    margin-top:-50px;
}



@media only screen and (max-width:480px) {
    .table-projects{
        display:block;
        padding:0 15px;

    }

    .table-projects tr{
        border:solid 1px lightgrey;
    }


    .table-projects tbody, .table-projects th, .table-projects tr{
        display:block;
        width:100%;
    }


    /*.table-projects tr{
        margin-bottom:40px;
    }*/


    .table-projects tr td{
        display:block;
        width:100%;
        border-top:none!important;
        padding:5px 0!important;
    }


    .table-projects_title{
        text-align:center;
        padding: 25px 0 15px 0!important;
        border-bottom:dashed 1px lightgrey;
    }


    .table-projects .arrow-td{
        display:none!important;
    }

    .table-projects .cancel-td{
        padding-bottom:30px!important;
    }

    .table-projects > tbody > tr:nth-child(2n+1)  .cancel-td{
            background-color: #F5F5F5!important;
    }

    .table-projects > tbody > tr:nth-child(2n)  .cancel-td{
        background-color: #FAFAFA!important;
    }

}



.arrow-td{
    vertical-align:top!important;
}




/*MIDDLE FORMULAIRE PROJET*/

.section-title h4{
    color:#525252;
    font-weight:300;
}


@media only screen and (max-width:480px) {
    .section-title h4{
        text-align:center;
        padding:0 10px;
        margin:0;
    }
}




#content-printable-pdf{
    display:none;
}





.project-form {
    margin-bottom:100px;
}


@media only screen and (max-width:480px) {
   .project-form {
        margin:0 15px 100px 15px;
    }
}


.project-form .form-accordion{
    background-color:#EEE;
    color:#535353;
}




.form-accordion:nth-child(odd) {
    background-color: #FAFAFA;
}
.form-accordion:nth-child(even) {
    background-color: #F5F5F5;
}


.request-form .collapse{

}


.form-accordion{
    border:0px;
    border-radius:0px;
    margin-top:0px;
}

.form-accordion{
    padding:40px 60px;
    /*border-bottom:1px solid #ccc;*/
}


@media only screen and (max-width:480px) {
   .project-form .form-accordion{
        padding:40px 20px;
    }
}


.form-accordion:last-child{
    border:0px;
}

.form-accordion .middle_line-title-accordion{
    margin-top:5px;
    padding-bottom:26px;
    font-weight:300;
    text-transform:none!important;
    cursor:pointer;
}





.form-accordion:nth-child(2) .middle_line-title-accordion{
    cursor:default!important;
}


.form-accordion .middle_line-title-accordion:hover{
    color:#4BACA5;
}

.form-accordion:nth-child(2) .middle_line-title-accordion:hover{
    color:inherit;
}

.form-accordion .middle_line-title-accordion:hover .svg-chevron svg{
    fill:#0062b3;
}


.form-accordion:nth-child(2) .middle_line-title-accordion:hover .svg-chevron svg{
    fill:#4BACA5;
}




.form-accordion .middle_line-title-accordion span{
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 25px;
}


.title-accordion .middle_line-title-accordion .svg-chevron{

    margin-top:0;
}


.title-accordion .middle_line-title-accordion .svg-chevron svg{
    display:inline-block;
    width:19px;
    height:15px;
    fill:#4BACA5;
    transform:rotate(-90deg);
    transition: transform 0.5s;
}

.title-accordion[aria-expanded="true"] .middle_line-title-accordion .svg-chevron svg{
    transform:rotate(0deg);
}


.form-accordion .accordion-image-status{
    margin-top:4px;
}


.form-accordion .required{
    color:#555;
}






.form-accordion .question{
    font-weight:500;
    color:#DB5173;
    font-size:16px;
}

.form-accordion .big-question{
    font-weight:500;
    color:#DB5173;
    font-size:16px;
    text-transform: uppercase;
    padding:2px 0px 0px;
}

.form-accordion .with-description{
    margin-bottom:0px;
    padding-bottom:0px;
}

.form-accordion .sub-question{
    font-weight:500;
    color:#DB5173;
    font-size:12px;
    margin:0px;
    padding:3px 0px 8px;
}

.form-accordion .question span, .form-accordion .sub-question span, .form-accordion .question-description, .form-accordion .big-question span {
    font-weight:500;
    color:black;
    font-size:12px;
    text-transform: lowercase
}

.form-accordion .question-description {
    padding:5px 0px;
}

.form-accordion input[type="text"]{
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 11px 10px;
    min-width: 100%;
}

.form-accordion input[type="date"]{
   border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 11px 10px;
    min-width: 100%;
}


/*datepicker*/
#datepicker-group{
    width:100%;
}

.datepicker-switch{
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 300;
}

.input-date{
    border-radius:10px 0 0 10px!important;
}

.calendar-icon{
    position:relative;
    width:40px;

}


.calendar-icon img{
    position:absolute;
    display:block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 8px;
}




.datepicker .today.day{
    background-color:rgba(75,172,165,0.5);
}


.datepicker .active.day{
    background-color:#4BACA5!important;
}


.form-accordion input[type="file"]{
    display:none;
}


.form-accordion .file-see{
    display: block;
    color: #4BACA5;
    padding: 10px 7px;
    border: solid 1px #4BACA5;
    border-radius: 3px;
    text-align: left;
    width:100%;
}

.form-accordion .file-see span{
    display:inline-block;
    vertical-align:top;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width:80%;
}

.form-accordion .file-see:hover{
    background-color:#4BACA5;
    color:white;
    text-decoration: none;
}


.label-file{
    width:100%;
}


@media only screen and (max-width:480px) {
    .label-file{
        width:100%!important;
        margin-top:10px;
    }
}



.label-file .file_btn{
    width:100%;
}


.label-file .file_btn:hover{
    background-color:#4BACA5;
    text-decoration: none;
}


.label-file .file_btn:hover span{
    color:white;
}

.label-file .file_btn:hover svg{
    fill:white;

}



.form-accordion .file-see:hover .svg-btn{
    fill:white;
}

.label-file .file-name{
    display: block;
    text-transform: none;
    color: #555;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-weight: 400;
    font-size: 10px;
}



.form-accordion .svg-btn{
    fill:#4BACA5;
    width:25px;
    height:17px;
    margin-right:5px;
    display:inline-block;
    vertical-align:middle;
}






.input-synthese label{
    display:inline-block;
    min-width:auto!important;
    width:100%;
}

.input-synthese .file_btn{
    display:block;
    width:100%;
}



.input-synthese .file-see{
    margin-left: 0px;
}



.form-accordion select{
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    height:44px;
}










.form-accordion textarea{
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 11px 10px;
}



.form-accordion input:focus, .form-accordion select:focus, .form-accordion textarea:focus, .middle-message_wrapper textarea:focus{
    outline:none;
    border:solid 1px #4BACA5;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(0,0,0,.1);
}


.form-accordion input[type="file"]:focus{
    border:none;
    box-shadow: none;
}


.form-accordion input:disabled {
    background-color:#F5F5F5;
}

#file-p-synthesis{
    display:none;
}



.form-accordion .input-file-recommandations{
    font-size:10px;
    color:#4BACA5;
    display:block;

}


.form-accordion h4{
    color: #4BACA5;
    font-size: 25px;
    font-weight: 300;
    padding-bottom:15px;
}


.form-accordion p{
    padding:20px 0px;
}

.form-accordion label{
    min-width:110px;
    padding:10px auto;
    font-weight:700 !important;
    font-size:16px;
}

.contain-input{
    padding-bottom:30px;
}

.contain-input-line{
    padding-top:15px;
    padding-top:15px;
}

.form-accordion .full-input, .full-input{
    width:100%;
    min-height:115px;
    padding:5px 10px;
    border-radius:5px;
    border:1px solid #ccc;
    resize: vertical;
}


.form-accordion_structure_row{
    border-bottom:solid 1px rgba(0,0,0,0.1);
    padding:15px 0 15px 0;
    width:75%;
}

@media only screen and (max-width:1025px) {
    .form-accordion_structure_row{
        border-bottom:solid 1px rgba(0,0,0,0.1);
        padding:15px 0 15px 0;
        width:85%;
    }
}


@media only screen and (max-width:998px) {
    .form-accordion_structure_row{
        width:100%;
        margin:0!important;
    }
}



.form-accordion_structure_row .contain-input{
    padding-bottom: 0;
}

.form-accordion_structure_row label{
    display:inline-block;
    vertical-align:middle;
}

@media only screen and (max-width:480px) {
    .form-accordion_structure_row label{
        width:85%;
        vertical-align:top;
    }
}


.form-structure_annexes__element{
    display:none;
}





.form-accordion .svg-form-document{
   width:20px;
   height:30px;
   display:inline-block;
   vertical-align:middle;
   margin-right:10px;
   fill:#4BACA5;
}

.form-accordion_structure_row .form-info{
    display:block;
}





@media only screen and (max-width:480px) {
    .form-accordion .member_block{
        border-bottom:dashed 1px lightgrey;
        padding-bottom:10px;
        margin-bottom:20px;
    }
}





.form-accordion .space-textarea{
    margin-top:15px;
}


.contain_budget_totalfinal{
    padding-top:20px;
}



.contain_budget_totalfinal_frame>span{
    border:solid 1px #4BACA5;
    border-radius:7px;
    color:#4BACA5;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    padding:10px 20px;
}

.contain_budget_percent{
    color:#4BACA5;
    padding-top:15px;
    display:block;
}


.budget_partner_title{
    padding-left:15px;
    font-size: 20px;
    font-weight:300;
}


@media only screen and (max-width:480px) {
    .contain_budget_totalfinal{
        text-align:center;
    }
}


.actions-requests{
    margin-top:35px
}

.actions-admin-requests{
    margin-top: 80px;
}


.actions-requests a{
    margin-right:15px;
}

@media only screen and (max-width:480px) {
    .actions-requests a{
        margin-right:0;
    }
}



.actions-requests .middle_btn{
    /*font-size:14px;*/
}


.actions-requests .middle_btn .fa-floppy-o{
    margin-right:10px;
    font-size:14px;
}


.top-actions{
    float:right;
    margin-top:-50px;
}

.asterix{
    color:#4BACA5;
    font-weight:300;
    font-size:18px;
}

.form-info{
    display:inline-block;
    color:#4BACA5;
    font-weight:500;
    font-size:12px;
}


.projet_form_add-btn{
    text-decoration: underline;
    color:#4BACA5;
    cursor:pointer;
}


.add-person{
    color:#DB5173;
    text-transform: uppercase;
    margin-top:30px;
    display:block;
}

.add-person i{
    margin-right:15px;
}

.add-person span{
    text-decoration: underline;
}

.title-questions-bloc{
    text-transform: uppercase;
    color:#DB5173;
    margin-top:15px;
}

.black{
    color:black !important;
}

.preamble{
    background-color:#DDD;
    border-radius:5px;
    padding:30px;
    margin:5px 0px 30px;
}

.preamble ul li{
    color:#DB5173;
}

.preamble ul li span{
    font-style: italic;
    color:black;
}

.big-title-question{
    margin-top:30px;
    margin-bottom:0px;
    font-weight:700;
    color:#DB5173;

    font-size: 18px;
}

.inline-content input, .inline-content label {
    display:inline-block;
}

.inline-content label{
    margin-right:40px;
}

.title-checkboxes{
    margin-top:20px;
    margin-bottom:5px;
    color:#DB5173;
    padding:20px 0px 5px !important;
}

.input-md{
    min-width:400px;
}

.input-right{
    float:right;
}

.subtitle-underline{
    font-size:18px;
    border-bottom:1px solid #DDD;
    padding: 20px 0px 5px !important;
    margin-bottom:20px !important;
    color:#DB5173;
}








/*MIDDLE ADMIN statut formulaire + historique*/




.status-form{
   display:block;
   background-color:rgba(75,172,165,0.4);
   padding:30px;
}



.historic-of-status{
    background-color:rgba(75,172,165,0.2);
    padding:30px;
}



.status-form h3, .historic-of-status h3{
    margin-bottom:30px;
}


.status-form select{
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,0.3);
    height: 44px;
    padding: 5px 10px 5px 10px;
    background-color:rgba(255,255,255,0.3);
}

.status-form select:focus{
    border:solid 1px #4BACA5;
    outline:none;
}


.status-form label{
   font-weight:400;
}


.status-form textarea{
    background-color:rgba(255,255,255,0.3);
    border: 1px solid rgba(0,0,0,0.3);
}


.status-form textarea:focus{
    border:solid 1px #4BACA5;
    outline:none;
}




.historic-of-status .date-status{
    display:inline-block;
    vertical-align:top;
}

.historic-of-status .desc-status{
    display:inline-block;
    vertical-align:top;
    padding-left:15px;
    width:80%;
}


.historic-of-status .desc-status a{
    color:#4BACA5;
    font-size:14px;
}

.historic-of-status .desc-status p{
    font-size:12px;
}


.historic-of-status .desc-status p.none{
    /*display:none!important;*/
}






























/*MIDDLE LISTE DES STATUS*/


@media only screen and (max-width:480px) {
    .table-status{
        padding:0 15px;
    }
}

.table-status tr .col-status a{
    display:inline-block;
    text-align: left;
    margin-left: 30px;
    text-decoration: none !important;
    color:black !important;
}

.table-status tr td:last-child{
    padding:auto !important;
}




.table-status tr td div{
    text-align:left;
}

.table-status tr td div i{
    font-style: normal;
}

.table-status > tr > td{
    text-align:left !important;
}

.table-status > tr > td:first-chirld{
    min-width:130px;
    text-align:left !important;
}

.status-col{
    padding-left:80px;
    min-width:500px;
}


@media only screen and (max-width:480px) {
        .status-col{
            padding-left:10px;
            min-width:300px;
            padding-bottom:20px;
        }
}




.table-status tr td span {
    border-right:0px;
    /*min-width:200px !important;*/
}

.table-status .last{
    padding:24px 20px !important;
}


.project-number span{
        overflow:auto;
        display:block;
        height:100%;
        font-weight:400;
}


.content-status{
    margin:0px;
    padding:0px 20px;
    border-left:1px solid #CCC;
    font-size:13px !important;
}

@media only screen and (max-width:480px) {
    .content-status{
        padding:0px 10px 20px 10px;
        border-left:none;
    }
}


.timeline-status{
    display:flex;
    flex:1 0 auto;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:20px;
}

@media only screen and (max-width:480px) {
    .timeline-status{
        margin-bottom:30px;
    }
}



.timeline-status div.timeline-status_titre{
     width:100%;
     min-height:50px;
     position:relative;
}

@media only screen and (max-width:480px) {
    .timeline-status_titre{
        visibility:hidden;
    }
}



.timeline-status div.timeline-status_titre div{
    display:inline-block;
    text-align:center;
    min-width:100%!important;
    font-size:10px;
    line-height:10px;
    position: absolute;
    bottom: 6px;
    color:#4BADA5;
    text-transform:uppercase;
    font-weight:600;
}


.timeline-status div.timeline-status_titre .date-intitule{
    font-weight:600;
    color:#666666;
    font-size:12px;
    padding-bottom:5px;

}

.timeline-status div.timeline-status_titre .date{
    font-size:12px;
    font-weight:400;
}

.timeline-status div.timeline-status_item{
    width:12.5%;
}


div.timeline-status_item .timeline-status_titre, div.timeline-status_item .timeline-status_round{
    opacity:0.5;
}

div.timeline-status_item.status-switch-on .timeline-status_titre, div.timeline-status_item.status-switch-on .timeline-status_round{
    opacity:1;
}

@media only screen and (max-width:480px) {
    div.timeline-status_item.status-switch-on .timeline-status_titre, div.timeline-status_item.status-switch-on .timeline-status_round{
        visibility:visible;
    }
}


.timeline-status_line{
    height: 15px;
    width: 100%;
    display: flex;

}




.timeline-status_line:before, .timeline-status_line:after {
    content: '';
    flex: 1 1 auto;
    border-top:dotted 2px rgba(0,0,0,0.2);
    height: 2px;
    align-self: center;
}

.timeline-status_line:before{
    margin-left:1px;
}

/*.timeline-status_line:after{
    margin-left:5px;
}*/


.timeline-status_item__first .timeline-status_line:before, .timeline-status_item__last .timeline-status_line:after{
    border:none;
}


.timeline-status_item__first .timeline-status_line:after{
    margin-left:7px;
}

.timeline-status_item__last .timeline-status_line:before{
    margin-right:7px;
}



.timeline-status_round{
    width:8px!important;
    height:8px;
    border-radius:50%;
    align-self:center;
    background-color:#4BADA5;
}


.timeline-status_doubleround{
    width:16px;
    height:16px;
    border-radius:50%;
    align-self:center;
    display: inline-block;
    text-align: center;
    line-height: 0;
    background-color:transparent;
    border:solid 1px rgba(0,0,0,0.2);
    padding: 3px;
    margin: 0px auto;
}


.timeline-status_doubleround span{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#4BADA5;
}


@media only screen and (max-width:480px) {
    .project-status-list{
        padding-left:10px;
    }
}


.table-status tr td .project-status-list a.link-status{
    color:#4BADA5!important;
    text-transform:uppercase;
}


.project-status-list p.none{
    text-decoration:none;
    font-size:12px!important;
}


.project-status-list.opened-status {
    font-weight:700;
    margin:0;
}

.opened-status a{
    text-decoration: none !important;
}

.opened-status p{
    padding:5px 0px 7px 10px;
    font-weight:500 !important;
    max-width:620px;
    display: block !important;
    border-left:solid 1px rgba(0,0,0,0.1);
}


.table-status tr td .open-message{
    text-decoration: underline;

}

.table-status tr td .no-message{
    text-decoration: none !important;

}


.project-status-list .status-more{
    text-transform:none;
    color: #666666;
    display:inline-block;
    padding-left:3px;

}


.project-status-list .status-more svg{
    fill:#666666;
    width:22px;
    height:25px;
    display:inline-block;
    vertical-align:middle;
}


.project-status-list .status-more span{
    display:inline;
}











/*MIDDLE CONTACT/MESSAGES*/
@media only screen and (max-width:480px) {
    .middle-message_wrapper{
        padding:0 15px;
    }
}

.table-conversations{
    margin-bottom:40px;
}

.col-conversation{
    background-color:#EEEEEE;
    padding:10px 15px;
    margin-bottom:5px;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}


.col-conversation:hover{
    background-color: rgba(75,172,165,0.4);
}

.col-conversation span{
    display:inline-block;
    text-align:left;
    width:80%;
}

.col-conversation strong{
    display:inline-block
};




.messages {
  word-wrap: break-word;
  width: 100%;
  bottom: 0;
}

.messages-admin{
    margin-top:90px;
}

.messages ul {
  list-style: none;
  padding: 0;
  margin-top:120px;
}

.message {
  width: calc(100% - 80px);
  color:#3F3F51;
  font-size:12px!important;
  position: relative;
  margin: 30px 0;
  padding-bottom: 120px;
  border-radius:5px;
  padding:30px;
  list-style-type:none;
}

/* Message Triangles */
.message.recieved {
  background: #FAFAFA;
  border-color: #FAFAFA;
  margin-right: 80px !important;
}

.message.sent {
  background: #F5F5F5;
  border-color: #F5F5F5;
  margin-left: 80px !important;
}

.message:after {
  content:"";
  width: 0;
  height: 0;
  position: absolute;
}

.message.recieved:after {
  border-top: 10px solid #FAFAFA;
  border-right: 10px solid transparent;
  bottom: -10px;
  left: 10px;

}

.message.sent:after {
  border-top: 10px solid #F5F5F5;
  border-left: 10px solid transparent;
  bottom: -10px;
  right: 10px;
}
/* End of Message Triangles*/

/* Message Contents*/
.message p {
  margin: 0;
  padding: 6px}

.message .from {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 16px;
  font-size: 1em;
  color: #4BACA5;

}
/* End of Message Contents*/

/* Text Area*/
.message.input {
  background: #fff;
  float: right;
  padding-bottom: 0;
  height: 2em;}

.message.input:after {
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  bottom: -10px;
  right: 10px;}

.messages textarea {
  border: 0;
  width: 98%;
  height: 70%;
  outline: none;
  resize: none;
  font-family: Lucida Sans Unicode, Arial;
  margin: 0 auto;
}

.more {
    border: 1px solid #DB5173;
    background-color: #DB5173;
    padding: 9px 12px;
    color: white !important;
    display: inline-block;
}

.more:hover {
    color: #DB5173;
    background-color: white;
    text-decoration: none;
}

.reply-message{
    padding:10px 30px;
}





.ajax-loader-action{
    margin-right:20px;
}

#searchsubmit{
    padding: 8px 25px;
    border-radius: 5px;
    border: 2px solid #3F3F51;
    background-color: #3F3F51;
    color:white;
}


.title-trial{
    font-size:20px !important;
    margin-right:220px !important;
}

.tables-conversations{
    border-radius:20px 20px 0px 0px;
}

.title-conversations {
    text-align:center;
    padding:13px;
}

.title-conversations th {
    background-color: #DB5173;
    padding:15px;
    margin-bottom:50px;
    text-align:center;
    color:white;
    border:1px solid #DB5173;
}


.row-conversation td{
    padding:12px 25px;
    border:1px solid #C3C3C3;
}



.content-page{
    padding-top:70px;
    padding-bottom:70px;
}


.message-activated{
    float:right;
    color:#4BADA5;
    font-size:15px;
}


.selected-conversation{
    background-color:#4BACA5;
    color:white;
}


.selected-conversation .message-activated{
    color:white;
}


.selected-conversation:hover{
    background-color:#4BACA5;
    color:white;
    cursor:normal;
}


.message-bulle-activated{
    position: absolute;
    top: 10px;
    right: 10px;
}




.modal-nodata-info .modal-nodata-info-inner{
    width:100%;
    background-color:#EEE;
    border-radius:5px;
    padding: 50px;
    margin-bottom:50px;
    margin-top:10px;
    text-align:left;
}




@media only screen and (max-width:480px) {
    .modal-nodata-info{
        padding:0 15px 15px 15px;
    }

    .modal-nodata-info .modal-nodata-info-inner{
        padding: 20px;
        text-align:center;
    }

    .modal-nodata-info .modal-nodata-info-inner h2{
        font-size:27px;
    }

    .modal-nodata-info .text-right{
        text-align:center;
    }
}


.modal-nodata-info .no-data-info-text a{
    color:#4BADA5;
    text-decoration:underline;
}


.modal-nodata-info .icon-exclamation{
    width:80px;
    height:80px;
    fill:#4BACA5;

}




.inline-btn{
    display:inline-block;
}

.little-btn{
    font-size:16px;
    padding:14px 20px;
}

body, h1, h2, h3,h4, h5, ul, li, a, p, span, button,i, u, {
    font-family: 'Roboto', sans-serif !important;
}

.modal-backdrop {
   background-color: black;
   opacity:0.8;
}

.modal { 
   background-color: black !important;
}