@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Amatic+SC:wght@400;700&family=Euphoria+Script&family=Funnel+Display:wght@300..800&family=Gemunu+Libre:wght@200..800&family=Grand+Hotel&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Onest:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prata&family=Rajdhani:wght@300;400;500;600;700&family=Sora:wght@100..800&display=swap');



/*
 * Please place your own CSS code to this file
 *
 */ 
/* ------------------------------------------------------------------------------*/
/* RODRIGUE AYIH, rodrigue.ayih@gmail.com, 05.05.25 - Custom CSS
 --------------------------------------------------------------------------------*/ 
/* All CSS Class  */
:root {
    /***
  @font family declaration
  */

  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';


  --tp-ff-body: "Mulish", sans-serif;
  --tp-ff-heading: "Mulish", sans-serif;
  --tp-ff-p: "Mulish", sans-serif;
  --tp-ff-syne: "Mulish", sans-serif;
  --tp-ff-quote: "Prata", sans-serif !important;
 
 /*
  @color declaration
  */
  --tp-common-white: #f5f7f5;
  --tp-common-white-solid: #fff;
  --tp-common-black: #111111;
  --tp-common-black-2: #221a1d;
  --tp-common-black-3: #1e1e1e;
  --tp-common-odarkblue: #1d2d50;
  --tp-common-oblue: #2457a3;
  --tp-common-ogold: #a37954;
  --tp-common-ogrey: #d5dee8;

/*
 @Divers
  */
  --tp-common-radius-2:2px;
  --tp-common-radius-5:5px;
  --tp-common-radius-15:15px;
  --tp-common-radius-25:25px;
  --tp-common-radius-50:50px;
  --tp-common-radius-100:100px;
  --tp-common-radius-150:150px;


  --space-30:30px;
  --space-60:60px;

}


body {
    margin: 0!important;
    font-family: var(--tp-ff-body), "Hind", sans-serif!important;
    font-size: 1rem!important;
    font-weight: 300!important;
    line-height: 1.50!important;
    color: var(--tp-common-black-3)!important;
    text-align: left!important;
    background-color: #fff!important;
}
.title-desc p, .desc p{
font-size: 0.888rem !important;
line-height: 1.355rem!important;
}
hr {
    margin: 30px 0 0 0;
    border-top: 0.5px solid #ccc !important;
    padding: 0px 0 30px 0 !important;
}
.hrline{
    border-top: 0.5px solid #ccc!important;
    padding:0!important;
}
.gbb-row .bb-inner.padding-small {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

/*---------------------------------
  css divers
---------------------------------*/
.on-radius-small{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.on-radius-large{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.breadcrumb-content-inner .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-block-breadcrumb.text-light .page-title {
    color: #1d2d50!important;
}
.breadcrumb-content-inner .gva-block-breadcrumb .breadcrumb-links {
    display: inline-block;
    background:transparent!important;
    position: relative!important;
    left: 0!important;
    bottom: 0!important;
    z-index: 11;
    padding: 15px 0!important;
}
.breadcrumb-content-inner {
    margin-bottom: 0px!important;
}
.gsc-quote-text .icon {
    position: absolute;
    left: 0px!important;
    top: 0px!important;
    z-index: 1;
    font-size: 50px!important;
    color: var(--tp-common-ogold)!important;
}


/*---------------------------------
  header default
---------------------------------*/
header.header-default {
    position: relative!important;
    background: var(--tp-common-white-solid)!important;
    z-index: 99!important;
    -webkit-box-shadow: 0 rgba(0, 0, 0, 0.1)!important;
    box-shadow: 0 rgba(0, 0, 0, 0.1)!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09)!important;
}
.navigation .gva_menu > li > a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    padding: 35px 10px!important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    text-align: center;
    color: var(--tp-common-black-2)!important;
    font-family: "gilmer";
}
.navigation .gva_menu li.header-btn a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 30px!important;
    margin: 0 0 0 30px!important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    text-align: center;
    color: #fff!important;
    font-family: "gilmer";
    background: var(--tp-common-ogold)!important;
    -webkit-border-radius: var(--tp-common-radius-50);
    -moz-border-radius: var(--tp-common-radius-50);
    border-radius: var(--tp-common-radius-50);
}
.header-default .gva-search-region {
    position: absolute;
    right: 0!important;
    top: 0!important;
    margin-top: 0!important;
    z-index: 9;
}
header.header-default .gva-search-region .icon {
    color: #fff!important;
    float: right !important;
    width: 48px !important;
    height: 48px !important;
    margin: 20px 15px !important;
    padding: 15px 0!important;
    text-align: center !important;
    background: var(--tp-common-oblue) !important;
    -webkit-border-radius: var(--tp-common-radius-100);
    -moz-border-radius: var(--tp-common-radius-100);
    border-radius: var(--tp-common-radius-100);
}
.fa-search:before {
    content: "\f002";
    font-size: 1.15rem;
}
.navigation .gva_menu .sub-menu > li > a {
        display: block;
        line-height: 26px;
        text-decoration: none;
        font-size: 15px;
        font-weight: 400;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        position: relative;
        font-family: "gilmer";
        color:var(--tp-common-black-3)!important;
}

/*---------------------------------
  Home slideshow
---------------------------------*/




/*---------------------------------
  Home Links
---------------------------------*/
.homelinks-sec .bb-inner {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.homelinks-sec .box-margin-small {
    margin-bottom: 0px!important;
}
.homelinks-sec .gsc-icon-box.icon-image.top-center .fa-3x .icon img {
    margin-top: 0px!important;
}
.homelinks-sec .gsc-icon-box.top-center .highlight-icon .icon-container {
    display: inline-block;
    width: 55.5px!important;
    height: 55.5px!important;
}


/*---------------------------------
  Home Actualités, News & Blog
---------------------------------*/
.heading-action a.btn-black {
    display: block;
    position: relative;
    max-width: 270px!important;
    font-size: 18px!important;
    font-weight: 700;
    padding: 20px 30px!important;
    margin: 20px 0!important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    text-align: center;
    color: #fff!important;
    font-family: "gilmer";
    background: var(--tp-common-ogold)!important;
    -webkit-border-radius: var(--tp-common-radius-100);
    -moz-border-radius: var(--tp-common-radius-100);
    border-radius: var(--tp-common-radius-100);
}
.heading-action a:hover.btn-black{
    cursor: pointer!important;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)!important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)!important;
    color: #fff!important;
    background: #2457a1!important;
}

.homeactu-sec .owl-carousel .owl-item img {
    -webkit-border-radius: var(--tp-common-radius-15);
    -moz-border-radius: var(--tp-common-radius-15);
    border-radius: var(--tp-common-radius-15);
}
.o-minititle{
    font-size: 1.155rem!important;
    padding: 30px 0!important;
    color:var(--tp-common-odarkblue)!important;
}
.homeactu-sec .gsc-icon-box.top-left-title .title-inner .title, .homeactu-sec .gsc-icon-box.top-right-title .title-inner .title {
    display: table-cell!important;
    vertical-align: top!important;
}
.homeactu-sec .gsc-icon-box.top-left-title .title-inner, .homeactu-sec .gsc-icon-box.top-right-title .title-inner {
    display: table!important;
    margin-bottom: 0px!important;
}
.homeactu-sec .gsc-icon-box .highlight_content .desc p {
    margin-bottom: 0;
    padding: 0 0 0 60px;
}

/*---------------------------------
  Home Office presentation
---------------------------------*/
.mg-left{
    margin-left:var(--space-30);
}
.homeprez-sec img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    margin: 0!important;
    height: auto;
    -webkit-border-radius: var(--tp-common-radius-15);
    -moz-border-radius: var(--tp-common-radius-15);
    border-radius: var(--tp-common-radius-15);
}
.homeprez-sec .button, .homeprez-sec .btn, .homeprez-sec .btn-white, .homeprez-sec .btn-theme, .homeprez-sec .btn-theme-second, .homeprez-sec .more-link a, .homeprez-sec .btn-theme-submit {
    font-size: 17px;
    background: #2457a3;
    color: #fff;
    font-weight: 700;
    padding: 24px 45px 24px 45px;
    margin: 20px 0!important;
    line-height: 20px;
    position: relative;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: none;
    border-radius: 0;
    font-family: "gilmer";
    text-transform: none;
    -webkit-border-radius: var(--tp-common-radius-50);
    -moz-border-radius: var(--tp-common-radius-50);
    border-radius: var(--tp-common-radius-50);
}
.button:hover, .btn:hover, .btn-white:hover, .btn-theme:hover, .btn-theme-second:hover, .more-link a:hover, .btn-theme-submit:hover {
    cursor: pointer!important;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)!important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2)!important;
    color: #fff!important;
    background: #a37954!important;
}


/*---------------------------------
  Home Services
---------------------------------*/
.homesau-sec img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: var(--tp-common-radius-15);
    -moz-border-radius: var(--tp-common-radius-15);
    border-radius: var(--tp-common-radius-15);
}
.homesau-sec .closeup .gsc-heading.style-1 .title {
    font-size: 25px!important;
    position: relative!important;
    padding: 20px 0 0 0!important;
}
.homesau-sec .closeup .gsc-heading.style-1 .title-desc {
    margin-top: 15px;
}


/*---------------------------------
  Footer
---------------------------------*/
#footer {
  color: #b1bec5!important;
  background:#1d2d50!important;
}
.footer-four form label{
  visibility: hidden!important;
  display: none!important;
}
.footer-four form input.form-email {
width: 100%!important;
height: auto!important;
float: left;
margin: 0 0 15px 0!important;
padding: 15px 5px;
background: transparent!important;
border-bottom: 1.5px solid #fff!important;
border: 0;
color: #fff!important;
}
.footer-four .button, .footer-four .btn, .footer-four .btn-white, .footer-four .btn-theme, .footer-four .btn-theme-second, .footer-four .more-link a, .footer-four .btn-theme-submit {
    font-size: 17px;
    background: #2457a3;
    color: #fff;
    font-weight: 700;
    padding: 20px 45px 20px 45px;
    margin: 30px 0 0!important;
    line-height: 20px;
    position: relative;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: none;
    border-radius: 0;
    font-family: "gilmer";
    text-transform: none;
    -webkit-border-radius: var(--tp-common-radius-50);
    -moz-border-radius: var(--tp-common-radius-50);
    border-radius: var(--tp-common-radius-50);
}
.footer-second, .footer-third {margin: 0 24px!important}

#scrollTopButton-image {
    background-image: url(../images/top.png) center center no-repeat !important;
    background-size: contain!important;
    bottom: 35px!important;
    right: 20px!important;
    width: 60px!important;
    height: 60px!important;
}

/*---------------------------------
  Page DG
---------------------------------*/
.pg-dg .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-dg img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-dg .gsc-quote-text .content {
    line-height: 42px!important;
    font-size: 34px!important;
    font-weight: 500!important;
    color: #2457a1!important;
    font-family: var(--tp-ff-quote)!important;
}

/*---------------------------------
  Page Qui sommes-nous
---------------------------------*/
.pg-qsn .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-qsn img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-qsn .gsc-quote-text .content {
    line-height: 42px!important;
    font-size: 34px!important;
    font-weight: 500!important;
    color: #2457a1!important;
    font-family: "gilmer"!important;
}

/*---------------------------------
  Page Carrières
---------------------------------*/
.pg-job .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-job img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.carriere-form form .form-item label {
    width: 100%;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 0;
    margin-top: 6px;
    display: none!important; visibility: hidden!important;
}
input[type=file]::file-selector-button {
  margin-right: 8px!important;
  border: none!important;
  background: #111!important;
  padding: 5px 10px!important;
  color: #fff!important;
  cursor: pointer!important;
}
.webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select {
    width: 100%;
    background: none;
    border: none;
    border-top: 0px solid #111!important;
    border-right: 0px solid #111!important;
    border-bottom: 1px solid #111!important;
    border-left: 0px solid #111!important;
    font-size: 18px!important;
    padding-left:0px!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
}
.button, .btn, .btn-white, .btn-theme, .btn-theme-second, .more-link a, .btn-theme-submit {
    font-size: 17px;
    background: #2457a3;
    color: #fff;
    font-weight: 700;
    padding: 20px 45px 20px 45px;
    line-height: 20px;
    position: relative;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: none;
    font-family: "gilmer";
    text-transform: none;
    -webkit-border-radius: var(--tp-common-radius-50)!important;
    -moz-border-radius: var(--tp-common-radius-50)!important;
    border-radius: var(--tp-common-radius-50)!important;
}

.carriere-offre{padding: 0 0 0 30px!important}
.carriere-offre form .form-item label {
    width: 100%!important;
    font-weight: 600!important;
    font-family: var(--tp-ff-quote), serif!important;
    text-transform: inherit!important;
    color: #000!important;
    margin-bottom: 15px!important;
    margin-top: 5px!important;
}
.carriere-offre select {
    width: 100%!important;
    float: left!important;
    background-color: #f2f2f2 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 10px 15px !important;
    margin: 0 0 30px 0!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
    text-transform: none !important;
    color: #000 !important;
    font-size: 18px !important;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1em;
    cursor: pointer;
}
.carriere-offre .item{
    width: 100%;
    height: auto;
    float: left;
    margin: 30px 0 0 0;
    border-bottom: 0.5px solid #ccc !important;
    padding: 0px 0 30px 0 !important;
}
.carriere-offre .item .views-field-title a{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;

}
.views-field-field-date-cloture-job span.views-label-field-date-cloture-job,
.views-field-field-date-cloture-job time, span.views-label-field-type-contract-job
{width: auto!important; float: left!important; margin: 0 5px 0 0!important}
.views-field-field-type-contract-job{width: 100%; float: left;}

.carriere-offre a.button {
    font-size: 16px;
    background: #fff!important;
    color: var(--tp-common-oblue)!important;
    font-weight: 500;
    padding: 20px 45px 20px 45px;
    line-height: 20px;
    position: relative;
    z-index: 9;
    display: inline-block;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    border: 1px solid var(--tp-common-oblue)!important;
    font-family: "gilmer";
    text-transform: none;
    -webkit-border-radius: var(--tp-common-radius-50) !important;
    -moz-border-radius: var(--tp-common-radius-50) !important;
    border-radius: var(--tp-common-radius-50) !important;
}

/*---------------------------------
  Page Contact
---------------------------------*/
.pg-contact .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-contact img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-contact .gsc-map {
    position: inherit!important;
}
.pg-contact .gsc-map .content-inner {
    position:inherit!important;
    bottom: 0px!important;
    left: 0px!important;
    z-index: 9!important;
    max-width: 100%!important;
    padding: 20px!important;
    margin: 30px 0 0 0!important;
    background: #fff;
    border-radius: 6px!important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dee2e6!important;
}

/*---------------------------------
  Page Actualités
---------------------------------*/
.pg-news .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-news img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-news .pg-alaune .views-field-field-post-category{
    width: 100%;
    height: auto;
    float: left;
}
.pg-news .pg-alaune .views-field-field-post-category .field-content{
    width: auto;
    height: auto;
    float: left;
    padding: 3px 15px;
    margin: 0 0 30px 0;
    background: #fff;
    color:var(--tp-common-oblue) ;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
}
.pg-news .pg-alaune .views-field-title a{
    width: 100%;
    height: auto;
    padding: 30px 0;
    margin: 0;
    font-weight: 500!important;
    line-height: 2.6rem;
    font-size: 2rem!important;
    color: var(--tp-common-black)!important;
}
.pg-news .pg-alaune .views-field-body{
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    color:#777!important;
}
.pg-news .pg-alaune .views-field-created{
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
.pg-alauneannonce{
    width: auto;
    height: auto;
    float: left;
    padding: 30px;
    margin: 0 ;
    background: var(--tp-common-white-solid);
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-alauneannonce .gsc-heading {
    padding: 0 0 15px!important;
    display: block;
    width: 100%;
}
.pg-alauneannonce .gsc-heading .sub-title {
    color: #777!important;
    font-size: 21px!important;
    text-transform: inherit!important;
    font-weight: 700;
    letter-spacing: 0px!important;
    margin-top: 5px!important;
    font-family: var(--tp-ff-quote), serif!important;
}
.pg-news .pg-alauneannonce .views-field-title a{
    width: 100%;
    height: auto;
    padding: 0px 0 30px 0!important;
    margin: 0;
    font-weight: 500!important;
    line-height: 2rem;
    font-size: 1.4rem!important;
    text-transform: inherit!important;
    color: var(--tp-common-black)!important;
}
.pg-news .pg-alauneannonce .views-field-created{
    width: 100%;
    float: left;
    margin: 15px 0;
    color:#777!important;
}
.pg-news .pg-alauneannonce img {
    border: 0!important;
    width: 100px!important;
    height: 100px!important;
    float: left!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-150)!important;
    -moz-border-radius: var(--tp-common-radius-150)!important;
    border-radius: var(--tp-common-radius-150)!important;
}
.views-field-field-image{margin: 30px 0!important}
.pg-news .pg-alauneannonce .views-field-view-node{width: 100%!important;float: left!important;}
.pg-news .pg-alauneannonce .views-field-view-node a{
    width: auto;
    height: auto;
    float: left;
    padding: 10px 30px;
    margin: 30px 0 15px 0;
    color: #fff!important;
    background:var(--tp-common-oblue);
    -webkit-border-radius: var(--tp-common-radius-25)!important;
    -moz-border-radius: var(--tp-common-radius-25)!important;
    border-radius: var(--tp-common-radius-25)!important;
}
.pg-news .pg-news-list .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 30px 0;
    margin: 0 0 60px 0;
    border-bottom: 1px solid #ccc;
}
.pg-news .pg-news-list .item .views-field-field-post-category {
    width: 100%;
    height: auto;
    float: left;
}
.pg-news .pg-news-list .item .views-field-field-post-category .field-content {
    width: auto;
    height: auto;
    float: left;
    padding: 3px 15px;
    margin: 0 0 20px 0;
    font-size: .8rem!important;
    background: #eee;
    color: var(--tp-common-oblue);
    -webkit-border-radius: var(--tp-common-radius-5) !important;
    -moz-border-radius: var(--tp-common-radius-5) !important;
    border-radius: var(--tp-common-radius-5) !important;
}
.pg-news .pg-news-list .item .views-field-title{
    width: 80%!important;
    float: left!important;
    margin: 0 0 15px 0;
}
.pg-news .pg-news-list .item .views-field-title a{
    width: 100%;
    height: auto;
    padding:0!important;
    margin: 0;
    font-weight: 500!important;
    line-height: 2.5rem;
    font-size: 1.8rem!important;
    text-transform: inherit!important;
    color: var(--tp-common-black)!important;
}
.pg-news .pg-news-list .item .views-field-body{
    width: 80%!important;
    float: left;
    color:#777!important;
    font-size: 1rem!important;
}
.pg-news .pg-news-list .item .views-field-created{
    width: 80%!important;
    float: left;
    margin: 15px 0 0 0!important;
}
.pg-news .pg-news-list .item .views-field-view-node{
    width: 100px;
    height: auto;
    float: right;
    position: relative;
    bottom: 50px;
    right: 0;
    padding:0;
    margin: 0;
}
.pg-news .pg-news-list .item .views-field-view-node a{
    width: 100px;
    height: 100px;
    float: right;
    display: block;
    padding:0;
    margin: 0;
    text-decoration: none;
    color: transparent;
    background: url(../images/ar.png) center center;
    background-size: contain; /* Pour adapter l'image à la taille */
    background-repeat: no-repeat; /* Pour ne pas répéter l'image */
    border: 1.2px solid #111;
    -webkit-border-radius: var(--tp-common-radius-150)!important;
    -moz-border-radius: var(--tp-common-radius-150)!important;
    border-radius: var(--tp-common-radius-150)!important;
}

/*---------------------------------
  Page Appels Offre
---------------------------------*/
.pg-ao .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-ao img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-ao .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 45px 0;
    margin: 0 0 45px 0;
    border-bottom: 1px solid #ccc;
}
.pg-ao .views-field-title{
    width: 100%;
    height: auto;
    float: left;
    padding:0;
    margin: 0 0 15px 0;
    font-weight: 500!important;
    line-height: 1.8rem;
    font-size: 1.3rem!important;
    color: var(--tp-common-black)!important;
}
.pg-ao .views-field-body{
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    color:#777!important;
}
.pg-ao .views-field-field-date-publication-job{
    width: 100%;
    float: left;
    margin:0;
    color: var(--tp-common-oblue);
}
.pg-ao .views-field-field-date-cloture-job{
    width: 100%;
    float: left;
    margin:0;
    color: red;
}
.pg-ao .field-content time, .pg-ao  span.views-label-field-date-publication-job{width: auto; float: left; padding: 0 5px 0 0}
.pg-ao  .views-field-field-document{
    width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    margin: 30px 0 0 0;
    border-left: .8px solid #ccc;
}
.pg-ao .views-field-field-document .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: .855rem;
    color: var(--tp-common-black);
}
.pg-ao .views-field-field-document .field-content span{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem!important;
    color: var(--tp-common-oblue)!important;
    padding: 0 5px 5px 0!important;
    margin: 0!important;
}



/*---------------------------------
  Page Toute Actualité
---------------------------------*/
.pg-actu .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-actu img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-actu form{
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin: 0 0 60px 0;
    text-align: center;
}
.pg-actu form .js-form-item{
    width: auto;
    height: auto;
    float: left;
}
.pg-actu input[type="text"]{
    background-color: #eee!important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    border: 0px solid #dee2e6!important;
    padding: 6px 20px!important;
    margin: 0 30px 0 0!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #111!important;
    width: 520px!important;
    height: 60px!important;
}

.pg-actu select {
    background-color: #eee!important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    border: 0px solid #dee2e6!important;
    padding: 6px 20px!important;
    margin: 0 30px 0 0!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #111!important;
    width: 320px!important;
    height: 60px!important;

    text-transform: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1em;
    cursor: pointer;
}

/*---------------------------------
  Page Espace presse
---------------------------------*/
.pg-espacepresse .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-espacepresse img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}

/*---------------------------------
  Page Espace Vente aux enchères
---------------------------------*/
.pg-eve .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-eve img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}


/*---------------------------------
  Page Vente aux enchères
---------------------------------*/
.pg-eve2 .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-eve2 img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-list{
    margin: 0;
    padding: 0 0 0 30px!important;
    float: left;
}
.pg-list .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    border-bottom: 1px solid #ccc;
}
.pg-list .views-field-field-document .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: .9rem;
    color: var(--tp-common-black);
}
.pg-list .views-field-field-document .field-content span:after{
    content: ''!important;
    float: right;
    width: 18px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2018%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22icones%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-545.000000%2C%20-393.000000%29%22%3E%3Cpath%20d%3D%22M553%2C393%20L553%2C407.5625%20L547.71875%2C402.28125%20L546.28125%2C403.71875%20L553.28125%2C410.71875%20L554%2C411.40625%20L554.71875%2C410.71875%20L561.71875%2C403.71875%20L560.28125%2C402.28125%20L555%2C407.5625%20L555%2C393%20L553%2C393%20Z%20M545%2C413%20L545%2C415%20L563%2C415%20L563%2C413%20L545%2C413%20Z%22%20id%3D%22icon_download_off%22%20fill%3D%22%23666666%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    z-index: 1;
}

.pg-list .views-field-field-document .field-content span.file:after {
visibility: hidden; display: none;
}
.pg-list .views-field-field-document .field-content span{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem!important;
    color: var(--tp-common-oblue)!important;
    padding: 0 5px 5px 0!important;
    margin: 0!important;
}
.o-mytitle{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: 1.2rem!important;
    font-weight: 500;
    color: var(--tp-common-oblue)!important;
    width: 100%;
    height: auto;
    padding: 0!important;
    margin: 0 0 45px 0!important;
}

/*---------------------------------
  Page restitutions
---------------------------------*/
.pg-restitutions .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-restitutions img {
    border: .8px solid #eee;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.o-link{
    width: 100%;
    height: auto;
    float: left;
    padding: 35px 0;
    margin: 0 0 35px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: 1.2rem!important;
    font-weight: 500;
    color: var(--tp-common-oblue)!important;
}
.o-link a:after{
    content: ''!important;
    float: right;
    width: 18px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2018%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22icones%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-545.000000%2C%20-393.000000%29%22%3E%3Cpath%20d%3D%22M553%2C393%20L553%2C407.5625%20L547.71875%2C402.28125%20L546.28125%2C403.71875%20L553.28125%2C410.71875%20L554%2C411.40625%20L554.71875%2C410.71875%20L561.71875%2C403.71875%20L560.28125%2C402.28125%20L555%2C407.5625%20L555%2C393%20L553%2C393%20Z%20M545%2C413%20L545%2C415%20L563%2C415%20L563%2C413%20L545%2C413%20Z%22%20id%3D%22icon_download_off%22%20fill%3D%22%23666666%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    z-index: 1;
}

/*---------------------------------
  Page indemnisations
---------------------------------*/
.pg-indemnisations .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-indemnisations img {
    border: .8px solid #eee;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}

/*---------------------------------
  Page Le saviez-vous?
---------------------------------*/
.pg-lsv .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-lsv img {
    border: .8px solid #eee;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.gsc-accordion .panel-group.skin-white .panel {
    border: 1px solid #dee2e6 !important;
    margin-bottom: 20px;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
}
.panel .panel-heading .panel-title {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: 1.2rem!important;
    font-weight: 600;
    color: var(--tp-common-oblue)!important;
}
.panel .panel-heading .panel-title > a.collapsed:after {
    background:transparent!important;
    content: "\f067";
    color: #111!important;
    font-size: 1rem!important;
}
.panel .panel-heading .panel-title > a:after {
    content: "\f068";
    font-family: var(--fa-style-family-classic);
    position: absolute;
    font-size: 1rem!important;
    top: 2px;
    right: -20px;
    z-index: 1;
    color: #2A2C38!important;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    line-height: 22px;
    background:transparent!important;
}

/*---------------------------------
  Page Liens utiles
---------------------------------*/
.pg-lus .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-lus img {
    border: .8px solid #eee;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}
.pg-lus .item .views-field-field-lien-utile a{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    border-bottom: 1px solid #ccc;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: 1.2rem;
    color: var(--tp-common-black);
}
.pg-lus .item .views-field-field-lien-utile a:after{
    content: ''!important;
    float: right;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 11L11 5M11 5V11M11 5H5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 10px;
    left: 0;
    margin:0;
    z-index: 1;
}


/*---------------------------------
  Page Espace vente
---------------------------------*/

.pg-eve .portfolio-filter ul.nav-tabs > li > a.active {
    border-color: var(--tp-common-oblue)!important;
    background: var(--tp-common-oblue)!important;
    color: #fff!important;
}
.pg-eve .portfolio-filter ul.nav-tabs > li > a {
    font-weight: 600!important;
    color: #111!important;
    margin-right: 10px!important;
    padding: 10px 25px!important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    text-transform:inherit!important;
    letter-spacing:0!important;
    position: relative;
    border: 1px solid #dee2e6;
    font-size: .875rem!important;
    background: #fff!important;
    font-family: var(--tp-ff-quote)!important;
    letter-spacing: 1px!important;
    display: inline-block!important;
    margin-bottom: 10px!important;
    -webkit-border-radius: var(--tp-common-radius-25)!important;
    -moz-border-radius: var(--tp-common-radius-25)!important;
    border-radius: var(--tp-common-radius-25)!important;
}
.pg-eve .gva-portfolio-items .views-field-field-portfolio-images{
    margin: 0 0 30px 0!important;
}
.pg-eve .views-field-field-portfolio-tags .field-content{
    width: auto!important;
    height: auto!important;
    float: left!important;
    margin: 0!important;
    padding: 2px 12px!important;
    font-size: .855rem!important;
    background: var(--tp-common-ogrey)!important;
    -webkit-border-radius: var(--tp-common-radius-2)!important;
    -moz-border-radius: var(--tp-common-radius-2)!important;
    border-radius: var(--tp-common-radius-2)!important;
}

.pg-eve .views-field-title{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 15px 0!important;
    font-weight: 500!important;
    font-size: 1.35rem!important;
}

.pg-eve .views-field-field-date-publication-job{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0!important;
    color: #008036!important;
}
.pg-eve .field-content time, .pg-eve span.views-label-field-date-publication-job{width: auto; float: left; padding: 0 5px 0 0}

.pg-eve .views-field-field-date-cloture-job{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0!important;
    color: red;
}

.pg-eve .views-field-field-lieu{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0 0 0;
    padding: 0!important;
}
.pg-eve .views-field-field-lieu:before, .pg-eve .views-field-field-lieu::before{
    content: '\f024';
    font-family: var(--fa-style-family-classic)!important;
    position:relative;
    font-size: 1rem!important;
    top: 2px;
    left: 0px;
    z-index: 1;
    color: #2A2C38!important;
    width: 22px;
    height: 22px;
    float: left;
    margin: 0 5px 0 0;
    text-align: center;
    background:transparent!important;
}


.pg-eve .views-field-field-catalogue-des-biens{
    width: 100%;
    height: auto;
    float: left;
    margin: 25px 0 0 0;
    padding: 15px 0!important;
    border-top: 1px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
}
.pg-eve .views-field-field-catalogue-des-biens .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem;
    color: var(--tp-common-black)!important;
}
.pg-eve .views-field-field-catalogue-des-biens .field-content span:after{
    content: ''!important;
    float: right;
    width: 18px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2018%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22icones%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-545.000000%2C%20-393.000000%29%22%3E%3Cpath%20d%3D%22M553%2C393%20L553%2C407.5625%20L547.71875%2C402.28125%20L546.28125%2C403.71875%20L553.28125%2C410.71875%20L554%2C411.40625%20L554.71875%2C410.71875%20L561.71875%2C403.71875%20L560.28125%2C402.28125%20L555%2C407.5625%20L555%2C393%20L553%2C393%20Z%20M545%2C413%20L545%2C415%20L563%2C415%20L563%2C413%20L545%2C413%20Z%22%20id%3D%22icon_download_off%22%20fill%3D%22%23666666%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    z-index: 1;
}
.pg-eve .views-field-field-catalogue-des-biens span.file:after {
visibility: hidden; display: none;
}


/*---------------------------------
  Page Documents
---------------------------------*/
.pg-documents .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-documents img {
    border: .8px solid #eee;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
}
.pg-documents form{
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin: 0 0 60px 0;
    text-align: center;
}
.pg-documents form .js-form-item{
    width: auto;
    height: auto;
    float: left;
}
.pg-documents input[type="text"]{
    background-color: #eee!important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    border: 0px solid #dee2e6!important;
    padding: 6px 20px!important;
    margin: 0 30px 0 0!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #111!important;
    width: 520px!important;
    height: 60px!important;
}
.pg-documents select {
    background-color: #eee!important;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0) inset!important;
    border: 0px solid #dee2e6!important;
    padding: 6px 20px!important;
    margin: 0 30px 0 0!important;
    -webkit-border-radius: var(--tp-common-radius-5)!important;
    -moz-border-radius: var(--tp-common-radius-5)!important;
    border-radius: var(--tp-common-radius-5)!important;
    font-size: 1.1rem!important;
    font-weight: 300!important;
    color: #111!important;
    width: 320px!important;
    height: 60px!important;

    text-transform: none !important;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1em;
    cursor: pointer;
}
.pg-documents .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 45px 0;
    margin: 0 0 45px 0;
    border-bottom: 1px solid #ccc;
}
.pg-documents .views-field-field-service-images{
    width:200px;
    height: auto;
    float: left;
    padding: 0;
    margin: 0 45px 0 0;
}
.pg-documents .views-field-field-service-images img{
    width: 200px;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
}
.pg-documents .views-field-title{
    width: 77%;
    height: auto;
    float: left;
    padding:0;
    margin: 0 0 15px 0;
    font-weight: 500!important;
    line-height: 1.8rem;
    font-size: 1.3rem!important;
    color: var(--tp-common-black)!important;
}
.pg-documents .views-field-body{
    width: 77%;
    float: left;
    margin: 0 0 15px 0;
    color:#777!important;
}
.pg-documents .views-field-field-date-publication-job{
    width: 77%;
    float: left;
    margin:0;
    color: var(--tp-common-oblue);
}
.pg-documents .views-field-field-date-cloture-job{
    width: 77%;
    float: left;
    margin:0;
    color: red;
}
.pg-documents .field-content time, .pg-documents span.views-label-field-date-publication-job{width: auto; float: left; padding: 0 5px 0 0}
.pg-documents .views-field-field-document{
    width: 77%;
    height: auto;
    float: left;
    padding: 10px;
    margin: 30px 0 0 0;
    border-left: .8px solid #ccc;
}
.pg-documents .views-field-field-document .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: .855rem;
    color: var(--tp-common-black);
}
.pg-documents .views-field-field-document .field-content span{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem!important;
    color: var(--tp-common-oblue)!important;
    padding: 0 5px 5px 0!important;
    margin: 0!important;
}

/*---------------------------------
  Page Services aux usagers
---------------------------------*/
.pg-sau .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-sau img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}

/*---------------------------------
  Page Partenaires
---------------------------------*/
.pg-partenaire .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.title-desc.text-black p{
    font-size: 1.10rem!important;
    color: #a37954!important;
}
.pg-partenaire img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}

/*---------------------------------
  Page Formation
---------------------------------*/
.pg-formation .bb-inner {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.pg-formation img {
    border: 0!important;
    vertical-align: top!important;
    max-width: 100%!important;
    height: auto!important;
    -webkit-border-radius: var(--tp-common-radius-15)!important;
    -moz-border-radius: var(--tp-common-radius-15)!important;
    border-radius: var(--tp-common-radius-15)!important;
}

/*---------------------------------
  Autres
---------------------------------*/
.blk-margin-left{
    margin: 0;
    padding: 0 0 0 30px!important;
    float: left;
}
.footer-center .block .block-title {
    background: none;
    position: relative;
    font-size: 18px!important;
    color: #2A2C38;
    z-index: 1;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.pg-list-left{
    margin: 0;
    padding: 0 0 0 30px!important;
    float: left;
}
.pg-list-left .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    border-bottom: 1px solid #ccc;
}
.pg-list-left .views-field-field-document .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: .9rem;
    color: var(--tp-common-black);
}
.pg-list-left .views-field-field-document .field-content span:after{
    content: ''!important;
    float: right;
    width: 18px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2018%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22icones%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-545.000000%2C%20-393.000000%29%22%3E%3Cpath%20d%3D%22M553%2C393%20L553%2C407.5625%20L547.71875%2C402.28125%20L546.28125%2C403.71875%20L553.28125%2C410.71875%20L554%2C411.40625%20L554.71875%2C410.71875%20L561.71875%2C403.71875%20L560.28125%2C402.28125%20L555%2C407.5625%20L555%2C393%20L553%2C393%20Z%20M545%2C413%20L545%2C415%20L563%2C415%20L563%2C413%20L545%2C413%20Z%22%20id%3D%22icon_download_off%22%20fill%3D%22%23666666%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    z-index: 1;
}

.pg-list-right .views-field-field-document .field-content span.file:after {
visibility: hidden; display: none;
}
.pg-list-left .views-field-field-document .field-content span{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem!important;
    color: var(--tp-common-oblue)!important;
    padding: 0 5px 5px 0!important;
    margin: 0!important;
}
.pg-list-right{
    margin: 0;
    padding: 0 30px 0 0!important;
    float: left;
}
.pg-list-right .item{
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 35px 0;
    margin: 0 0 35px 0;
    border-bottom: 1px solid #ccc;
}
.pg-list-right .views-field-field-document .field-content file a{
    width: auto;
    height: auto;
    float: left;
    padding:0;
    margin:0;
    font-family: var(--tp-ff-quote), 'sans-serif';
    font-size: .9rem;
    color: var(--tp-common-black);
}
.pg-list-right .views-field-field-document .field-content span:after{
    content: ''!important;
    float: right;
    width: 18px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2018%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22icones%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-545.000000%2C%20-393.000000%29%22%3E%3Cpath%20d%3D%22M553%2C393%20L553%2C407.5625%20L547.71875%2C402.28125%20L546.28125%2C403.71875%20L553.28125%2C410.71875%20L554%2C411.40625%20L554.71875%2C410.71875%20L561.71875%2C403.71875%20L560.28125%2C402.28125%20L555%2C407.5625%20L555%2C393%20L553%2C393%20Z%20M545%2C413%20L545%2C415%20L563%2C415%20L563%2C413%20L545%2C413%20Z%22%20id%3D%22icon_download_off%22%20fill%3D%22%23666666%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    position: relative;
    top: 0;
    left: 0;
    margin:0;
    z-index: 1;
}
.pg-list-right .views-field-field-document .field-content span.file:after {
visibility: hidden; display: none;
}
.pg-list-right .views-field-field-document .field-content span{
    font-family: var(--tp-ff-quote), 'sans-serif'!important;
    font-size: .9rem!important;
    color: var(--tp-common-oblue)!important;
    padding: 0 5px 5px 0!important;
    margin: 0!important;
}