@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap&subset=latin-ext');
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

@font-face {

    font-family: 'MarkPro';

    src: url('../fonts/MarkPro.woff2') format('woff2'),

        url('../fonts/MarkPro.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'MarkBold';

    src: url('../fonts/MarkPro-Bold.woff2') format('woff2'),

        url('../fonts/MarkPro-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}


@font-face {

    font-family: 'MarkLight';

    src: url('../fonts/MarkPro-Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'MarkBlack';

    src: url('../fonts/MarkPro-Black.woff2') format('woff2'),

        url('../fonts/MarkPro-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

}

@font-face {

    font-family: 'MarkMedium';

    src: url('../fonts/MarkPro-Medium.woff2') format('woff2'),

        url('../fonts/MarkPro-Medium.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: 'NexaBold';

    src: url('../fonts/Nexa-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'NexaXBold';

    src: url('../fonts/Nexa-XBold.woff2') format('woff2'),

        url('../fonts/Nexa-XBold.woff') format('woff');

    font-weight: 800;

    font-style: normal;

}

@font-face {

    font-family: 'NexaLight';

    src: url('../fonts/Nexa-Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'NexaBook';

    src: url('../fonts/Nexa-Book.woff2') format('woff2'),

        url('../fonts/Nexa-Book.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Philosopher';

    src: url('../fonts/Philosopher.woff2') format('woff2'),

        url('../fonts/Philosopher.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}





body {

    color: #515151;

    font-family: 'Oxygen';

    font-size: 16px;

}

* {

    margin: 0px;

    padding: 0px;

}

p {

    font-family: 'Oxygen';

    font-size: 18px;

}

ul {

    list-style: none;

}

a:focus,
a:hover {
    text-decoration: none !important;
    color: unset;
}



/*  Header  */



.header {

    height: 100px;

}

.nav_header {

    padding-top: 23px;

}

.hamburger {

    position: relative;

    float: left;

    z-index: 999;

    width: 38px;

    height: 40px;

    cursor: pointer;

}

.hamburger button {

    background: transparent;

    border: 0;

    outline: none;

}

.hamburger samp {

    font-family: 'MarkPro';

    font-size: 9px;

    color: #1e8acb;

    text-transform: uppercase;

    position: relative;

    bottom: -36px;

    left: -2px;

}

.hamburger.animate samp {

    display: none;

}

.hamburger.animate {

    position: fixed;

}

.bar,
.bar:after,
.bar:before {
    height: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bar {

    transform: translateY(25px);

    background: #1e8acb;

    transition: all 0ms 300ms;

    position: absolute;

    top: 0;

    width: 22px;

}

.bar.animate {

    background: rgba(255, 255, 255, 0);

}

.bar:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 11px;

    background: #1e8acb;

    width: 33px;

    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.bar:after {

    content: "";

    position: absolute;

    left: 0;

    top: 11px;

    width: 33px;

    background: #1e8acb;

    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.bar.animate:after {
    background: #fff;
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    ;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 33px;
    height: 3px;
}

.bar.animate:before {
    background: #fff;
    bottom: 0px;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    ;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 33px;
    height: 3px;
}

.show_menu {

    right: 0%;

    opacity: 1;

    z-index: 999;

}

.hide_menu {

    opacity: 0;

    right: 100%;

}

.menu_ul .col-md-6:first-child {

    border-right: 1px solid #5aebfc;

}

.menu_ul {

    width: 100%;

    height: 100vh;

    position: fixed;

    top: 0;

    background: #27a0c2;

    overflow-y: auto;

    display: flex;

    align-items: center;

    transition: .4s ease;

    -webkit-transition: .4s ease;

    -moz-transition: opacity .4s ease;

}

.logo {

    float: left;

    margin-left: 40px;

}

.select_lang {

    width: 120px;

    position: relative;

    display: inline-block;

    margin-right: 70px;

}

.select_lang select {
    font-family: 'MarkMedium';
    font-size: 18px;
    color: #6e6e6e;
    padding-bottom: 12px;
    padding-left: 5px;
    border-bottom: 1px solid #6e6e6e !important;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    line-height: 1;
    background: transparent;

}

.select_lang:after {

    content: '';

    position: absolute;

    top: 7px;

    right: 5px;

    background: url('../images/arrow.png') no-repeat;

    width: 17px;

    height: 9px;

    pointer-events: none;

}

.button_search {

    display: inline-block;

}

.button_search button {

    background: transparent;

    border: 0;

    outline: none;

}

.bod_header {

    cursor: pointer;

    height: 100px;

    background: #1e8acb;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

}

.bod_header:before {

    content: '';

    position: absolute;

    left: 18px;

    background: url('../images/file.png') no-repeat;

    width: 32px;

    height: 32px;

    pointer-events: none;

}

.bod_header a {

    font-family: 'MarkMedium';

    font-size: 16px;

    color: #fff;

    padding-left: 40px;

}

.bod_header a:hover {
    color: #fff;
}

.lang_search {

    padding-top: 34px;

}

.info_menu {

    padding-left: 10%;

    padding-top: 12%;

}

.menu_ul li {

    margin-bottom: 30px;

}

.menu_ul li:last-child {

    margin-bottom: 0px;

}

.menu_ul li a {

    font-family: 'NexaBold';

    font-size: 30px;

    color: #fff;

}

.menu_ul li a:hover {

    color: #5aebfc;

}

.menu_ul .active a {
    color: #5aebfc !important;
    padding-left: 20px;
    border-left: 5px solid #5aebfc;
}

.form_search {

    position: relative;

}

.form_search input {

    width: 100%;

    height: 50px;

    background: transparent;

    border: 0;

    border-bottom: 1px solid #5aebfc;

    font-family: 'NexaLight';

    font-size: 22px;

    color: #fff;

    outline: none;

}

.form_search input::placeholder {

    color: #fff;

}

.form_search_modal input {
    color: #1e8acb;
    border-bottom: 1px solid #1e8acb;
    padding-left: 15px;
}

.form_search_modal input::placeholder {
    color: #1e8acb;
}

.modal-dialog {
    width: 600px !important;
}

.modal-content {
    padding: 30px;
}

.modal-footer {
    padding: 0;
    padding-top: 20px;
}

.form_search button {

    position: absolute;

    top: 8px;

    right: 20px;

    background: transparent;

    border: 0;

    outline: none;

}

.modal-footer button {
    position: relative;
    border: 1px solid transparent;
    background: #efefef;
    top: unset;
    right: unset;
}

.lang_menu {

    margin: 80px 0px;

}

.lang_menu label {

    font-family: 'NexaXBold';

    font-size: 22px;

    color: #1f677b;

    text-transform: uppercase;

    margin-bottom: 25px;

    line-height: 1;

}

.lang_menu ul {

    margin-bottom: 0px;

}

.lang_menu ul li {

    display: inline-block;

    margin-right: 50px;

    margin-bottom: 0px;

}

.lang_menu ul li:last-child {

    margin-right: 0;

}

.lang_menu ul li a {

    font-family: 'NexaBold';

    font-size: 22px;

    color: #fff;

}

.lang_menu_selected a {

    padding-bottom: 12px;

    border-bottom: 4px solid #5aebfc !important;

    color: #fff !important;

    pointer-events: none;

}

.nos_reseaux_menu div {

    font-family: 'NexaLight';

    font-size: 17px;

    color: #fff;

    display: inline-block;

}

.nos_reseaux_menu div span {

    font-family: 'NexaBold';

    display: block;

}

.nos_reseaux_menu ul {

    display: inline-block;

    padding-left: 40px;

}

.nos_reseaux_menu ul li {

    display: inline-block;

    margin-bottom: 0px;

    margin-right: 15px;

}

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

    .logo {

        margin-left: 25px;

    }

    .select_lang {

        margin-right: 45px;

    }

    .bod_header a {

        font-size: 15px;

        padding-left: 35px;

    }

    .bod_header:before {

        left: 5px;

    }

    .nos_reseaux_menu ul {

        padding-left: 20px;

    }

    .nos_reseaux_menu ul li {

        margin-right: 10px;

    }

}

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

    .lang_menu ul li {

        margin-right: 30px;

    }

    .lang_menu ul li a {

        font-size: 20px;

    }

    .nos_reseaux_menu div {

        margin-bottom: 15px;

    }

    .nos_reseaux_menu ul {

        padding-left: 0;

    }

}

@media (max-width: 991px) {
    .header {
        height: 102px;
    }

    .lang_search,

    .bod_header a {

        display: none;

    }

    .bod_header:before {

        left: unset;

    }

    .logo {

        float: unset;

        text-align: -webkit-center;

        text-align: -moz-center;

        margin-left: 70px;

    }

}

@media (max-width: 767px) {

    .header .col-xs-3 {

        padding-right: 0px;

    }

    .logo {

        margin-top: 10px;

    }

    .logo img {

        width: 160px;

    }

    .menu_ul {

        display: unset;

        padding: 100px 0px 50px 50px;

    }

    .menu_ul li a {

        font-size: 22px;

    }

    .menu_ul .col-md-6:first-child {

        border-right: 0px;

    }

    .info_menu {

        padding-left: 0;

    }

    .form_search input {

        font-size: 18px;

    }

    .form_search button {

        top: 8px;

    }

    .lang_menu {

        margin: 50px 0px;

    }

    .lang_menu label {

        margin-bottom: 18px;

    }

    .lang_menu ul li {

        margin-right: 30px;

    }

    .lang_menu ul li a {

        font-size: 18px;

    }

    .nos_reseaux_menu ul {

        margin-top: 15px;

        padding-left: 0px;

    }

}



/*  Switcher Accueil  */


.video_switcher {
    position: relative;
    width: 100%;
    height: auto;
    outline: none;
}

.switcher {

    position: relative;

}

.switcher img {

    width: 100%;

}

.titre_switcher {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 50%);
}

.switcher_projets .titre_switcher {
    display: none;
}

.switcher_details_video .titre_switcher,
.switcher_projets .titre_switcher {
    bottom: 5px;
}

.titre_switcher h1 {

    font-family: 'NexaLight';

    font-size: 4vmax;

    color: #fff;

    margin: 0;

    text-transform: uppercase;

}

.titre_switcher h1 span {

    display: block;

}

.switcher.owl-theme .owl-dots .owl-dot span {
    width: 14px !important;
    height: 14px !important;
    border-radius: 14px !important;
    border: 3px solid #c5c5c5;
    margin: 6px !important;
    background: transparent;
}

.switcher.owl-theme .owl-dots .owl-dot.active span,
.switcher.owl-theme .owl-dots .owl-dot:hover span {
    border: 3px solid #23a4f2;
}

.switcher.owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    left: 30%;
    right: 0;
    margin: auto;
    bottom: 0;
    margin-top: 0;
}

/*@media (max-width: 1091px){
    .video_switcher{
        min-height: auto;
    }
}*/
@media (max-width: 991px) {
    .switcher.owl-theme .owl-nav.disabled+.owl-dots {
        left: 0;
    }
}

/*  A propos accueil  */



.apropos_home .container-full {

    max-width: 1400px;

    margin: auto;

}

.apropos_home .row {

    margin-right: 0px;

}

.block_left_apropos_home {
    position: relative;
    top: -60px;
    z-index: 99;
}

.titre_apropos_home {

    position: absolute;

    bottom: 15%;

    right: -20px;

}

.titre_apropos_home h2 {

    font-family: 'Philosopher';

    font-size: 60px;

    color: #8dd8f7;

    margin: 0;

}

.titre_apropos_home h2 span {

    display: block;

}

.text_apropos_home {

    padding-top: 100px;

    padding-left: 70px;

}

.text_apropos_home p {

    font-family: 'MarkPro';

    font-size: 16px;

    color: #6c6c6c;

    margin-bottom: 60px;

    line-height: 35px;

}

.text_apropos_home a {

    font-family: 'MarkMedium';

    font-size: 16px;

    color: #2e8eb3;

    position: relative;

}

.text_apropos_home a:after {

    content: '';

    position: absolute;

    top: 8px;

    left: 110px;

    background: #2e8eb3;

    width: 150px;

    height: 2px;

    transition: all .4s ease-in;

}

.text_apropos_home a:hover:after {

    width: 80px;

}

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

    .titre_apropos_home {

        right: -40px;

    }

    .titre_apropos_home h2 {

        font-size: 40px;

    }

    .text_apropos_home p {

        margin-bottom: 20px;

        line-height: 28px;

    }

    .text_apropos_home {

        padding-top: 60px;

        padding-left: 60px;

    }

}

@media (max-width: 991px) {

    .text_apropos_home {

        margin-bottom: 40px;

    }

}

@media (min-width: 601px) and (max-width: 991px) {

    .block_left_apropos_home {
        max-width: 700px;
        top: unset;
        margin-bottom: 50px;
    }

    .titre_apropos_home {

        right: 0;

    }

    .text_apropos_home {

        padding-top: 0px;

    }

}

@media (max-width: 600px) {

    .apropos_home .col-md-6 {

        padding-right: 0px;

    }

    .block_left_apropos_home {

        /*max-width: 300px;*/

        top: 0px;

    }

    .titre_apropos_home {

        position: absolute;

        bottom: 0;

        right: 0;

        top: 0;

        left: 0;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .titre_apropos_home h2 {

        font-size: 30px;

    }

    .text_apropos_home {

        padding-top: 30px;

        padding-left: 40px;

    }

    .text_apropos_home p {

        margin-bottom: 40px;

    }

    .text_apropos_home a:after {

        width: 120px;

        right: 100px;

    }

}



/*  Block Projets Accueil  */



.projets_home {

    margin-bottom: 90px;

}

.projets_home .row {

    margin-right: 0px;

}

.projets_home .container-full .col-md-6 {

    padding-left: 0px;

    padding-right: 0px;

}

.projets_home h3 {

    font-family: 'MarkPro';

    font-size: 60px;

    color: #e3e3e3;

    margin-bottom: 40px;

    text-transform: uppercase;

}

.projets_home h3 a {

    font-family: 'MarkPro';

    font-size: 19px;

    color: #2eade3;

    position: relative;

    top: -14px;

    padding-left: 20px;

}

.projets_home h3 a:hover {
    text-decoration: underline !important;
}

.item_projets_home {
    position: relative;
    width: 100%;
    height: 500px;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}

.item_projets_home img {

    width: 100%;

}

.titre_item_projets_home {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.bg_cover_item_01 .titre_item_projets_home {
    background: rgba(148, 20, 60, .67);
}

.bg_cover_item_02 .titre_item_projets_home {
    background: rgba(100, 184, 255, .67);
}

.bg_cover_item_03 .titre_item_projets_home {
    background: rgba(184, 198, 94, .67);
}

.bg_cover_item_04 .titre_item_projets_home {
    background: rgba(255, 174, 0, .67);
}

.titre_item_projets_home h4 {
    font-family: 'MarkMedium';
    font-size: 28px;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 20%;
    left: 15%;
    transition: .6s ease-out;
    -webkit-transition: .6s ease-out;
    -moz-transition: opacity .6s ease-out;
}

.item_projets_home:hover .titre_item_projets_home h4 {
    bottom: 60%;
}

/*.item_projets_home:hover .titre_item_projets_home h4{

    bottom: 48%;

    transform: translateX(-52%) translateY(0%) rotate(-90deg);

    -webkit-transform: translateX(-52%) translateY(0%) rotate(-90deg);

    -moz-transform: translateX(-52%) translateY(0%) rotate(-90deg);

}*/

.preview_item_projets_home {
    opacity: 0;
    position: absolute;
    bottom: 10%;
    left: 15%;
    transition: .4s ease-in;
    -webkit-transition: .4s ease-in;
    -moz-transition: opacity .4s ease-in;
}

.item_projets_home:hover .preview_item_projets_home {
    opacity: 1;
    bottom: 15%;
}

.preview_item_projets_home p {
    font-family: 'MarkPro';
    font-size: 18px;
    color: #fff;
    margin-bottom: 60px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    width: 80%;
    opacity: 0;
    position: relative;
    bottom: -30px;
}

.item_projets_home:hover .preview_item_projets_home p {
    opacity: 1;
    bottom: 0;
}

.preview_item_projets_home a {
    font-family: 'MarkMedium';
    font-size: 18px;
    color: #fff;
    padding: 15px 50px;
    border-radius: 30px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    opacity: 0;
    position: relative;
    bottom: -60px;
}

.item_projets_home:hover .preview_item_projets_home a {
    opacity: 1;
    bottom: 0;
}

.preview_item_projets_home a:hover {
    color: #fff !important;
    border: 0;
}

.bg_cover_item_01 .preview_item_projets_home a {
    background: #5c122c;
}

.bg_cover_item_02 .preview_item_projets_home a {
    background: #3f698b;
}

.bg_cover_item_03 .preview_item_projets_home a {
    background: #8a952e;
}

.bg_cover_item_04 .preview_item_projets_home a {
    background: #ffc600;
}

.bg_cover_item_01 .preview_item_projets_home a:hover {
    color: #5c122c;
    border: 2px solid #5c122c;
}

.bg_cover_item_02 .preview_item_projets_home a:hover {
    color: #3f698b;
    border: 2px solid #3f698b;
}

.bg_cover_item_03 .preview_item_projets_home a:hover {
    color: #8a952e;
    border: 2px solid #8a952e;
}

.bg_cover_item_04 .preview_item_projets_home a:hover {
    color: #ffc600;
    border: 2px solid #ffc600;
}

@media (min-width: 1300px) and (max-width: 1600px) {

    .item_projets_home:hover .titre_item_projets_home h4 {

        font-size: 22px;

    }

}

@media (min-width: 992px) and (max-width: 1300px) {
    .item_projets_home:hover .titre_item_projets_home h4 {
        font-size: 18px;
    }

    /*.preview_item_projets_home{
        width: 100%;
    }*/
    .preview_item_projets_home p {

        font-size: 16px;

        margin-bottom: 40px;

    }

    .preview_item_projets_home a {

        font-size: 15px;

        padding: 13px 33px;

    }

}

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

    .titre_item_projets_home h4 {

        font-size: 22px;

    }

}


@media (min-width: 600px){
    .appeloffre .row .col-md-4:nth-child(1) {
    max-width: 17%;
}
.projet_img img {
    width: 100% !important;
    height: 400px;
    object-fit: cover;
    margin-top: -56px;
}
}
@media (min-width: 600px) and (max-width: 991px) {

    .projets_home h3 {

        font-size: 40px;

    }

    .projets_home h3 a {

        font-size: 16px;

        top: -10px;

    }

    .titre_item_projets_home h4 {

        font-size: 21px;

    }

    /*.item_projets_home:hover .titre_item_projets_home h4{
        bottom: 45%;
    }
    .preview_item_projets_home{
        width: 380px;
    }*/

}
.appeloffre .col-md-2 p {
    font-size: 14px;
    font-family: 'MarkMedium';
    color: #333;
    letter-spacing: -.05em;
}
@media (max-width: 599px) {
    .modal-form-telechargement .modal-dialog.modal-lg {
        width: 100% !important;
        max-width: 90% !important;
        margin: 20px auto;
    }

.login-bg {
      padding: 50px 15px !important
  
}
    .login-bg  .login_left {
        border-radius: 50px 50px 0 0 !important;
    padding: 45px !important;
    min-height: inherit !important;
    width: 100% !important;
}

.login-bg .login_right{
        border-radius: 0px 0px 50px 50px !important;  padding: 45px !important;

}

.login-bg .container .col-md-7, .login-bg .container .col-md-5 {
 width: 100%;
}
    form.form.col-xs-12.form-contact {
    padding: 0;
    margin-bottom: 15px;
}
    .titre_switcher h1 {
    font-family: 'NexaLight';
    font-size: 23px;
}.projet_media {
    padding: 0 10px;
}

    .button[data-filter="*"] {
   
    margin-left: 0;
    margin-top: 20px;
    display: block;
}
.projet_media 
div#slider_media {
    margin-bottom: 80px;
}
    .projet_img img {
 
    margin-top: 10px !important;
}
.projet_section .projet_description>h1{

    margin-top: 20px !important
}
    .projets_home h3 {

        font-size: 35px;

    }

    .projets_home h3 a {

        font-size: 15px;

        top: 10px;

        padding-left: 0px;

        display: block;

    }

    .titre_item_projets_home h4 {

        font-size: 18px;

    }

    .item_projets_home:hover .titre_item_projets_home h4 {

        bottom: 20%;

        transform: unset;

    }

    .preview_item_projets_home {

        display: none;

    }

    .item_projets_home:hover .preview_item_projets_home {

        opacity: 0;

    }

    .item_projets_home {

        cursor: pointer;

    }

}



/*  Block Appels D'offres  */



.appels_offres_home {

    position: relative;

    background: #275061;

    padding-bottom: 70px;

    margin-bottom: 70px;

}

.appels_offres_home h3 {

    font-family: 'MarkPro';

    font-size: 60px;

    color: #64a0b4;

    margin-top: 0;

    margin-bottom: 70px;

    text-transform: uppercase;

    position: relative;

    top: -27px;

}

.appels_offres_home h3 a {

    font-family: 'MarkPro';

    font-size: 13px;

    color: #bde6f7;

}

.appels_offres_home h3 a:hover {

    text-decoration: underline !important;

}

.item_appels_offres .row {

    border-bottom: 1px solid #527f92;

    padding-bottom: 40px;

    margin-top: 40px;

}

.item_appels_offres .row:first-child {

    margin-top: 20px;

}

.item_appels_offres .row:last-child {

    border-bottom: 0px;

    padding-bottom: 0px;

}

.item_appels_offres h5 {

    font-family: 'MarkBold';

    font-size: 16px;

    color: #a2bb1f;

    margin: 0;

}

.item_appels_offres p {

    font-family: 'MarkBold';

    font-size: 16px;

    color: #fff;

    margin: 0;

    line-height: 30px;

    position: relative;

    top: -20px;

}

.item_appels_offres a {
    font-family: 'MarkBold';
    font-size: 13px;
    color: #3fbbef;
    margin: 0;
    padding: 10px;
    border: 2px solid #3fbbef;
    position: relative;
}

.arabe .item_appels_offres a {
    padding: 10px 20px;
}

.item_appels_offres a:hover {
    background: #3fbbef;
    color: #fff;
}

.item_appels_offres a:before {
    display: none;
    content: '';
    position: absolute;
    top: 4px;
    left: 7px;
    background: url('../images/download.png') no-repeat;
    width: 22px;
    height: 22px;
}

.slider_appels_offres.owl-theme .owl-nav {

    position: absolute;

    top: -160px;

    right: 0;

    margin-top: 0px;

}

.slider_appels_offres.owl-carousel .owl-nav button.owl-next span,

.slider_appels_offres.owl-carousel .owl-nav button.owl-prev span {

    display: none;

}

.slider_appels_offres.owl-carousel .owl-nav button.owl-next:before,

.slider_appels_offres.owl-carousel .owl-nav button.owl-prev:before {

    content: '';

    position: absolute;

    top: 0;

    width: 50px;

    height: 50px;

}

.slider_appels_offres.owl-carousel .owl-nav button.owl-next:before {

    right: 0;

    background: url('../images/next_01.png') no-repeat;

}

.slider_appels_offres.owl-carousel .owl-nav button.owl-prev:before {

    right: 80px;

    background: url('../images/prev_01.png') no-repeat;

}

@media (min-width: 1200px) and (max-width: 1319px) {
    .item_appels_offres a {
        font-size: 11px;
        padding: 8px 5px;
    }
}

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

    .appels_offres_home h3 {

        font-size: 45px;

        top: -20px;

    }

    .slider_appels_offres.owl-theme .owl-nav {

        top: -145px;

    }

    .item_appels_offres h5,

    .item_appels_offres p {

        font-size: 15px;

    }

    .item_appels_offres a {
        font-size: 11px;
        padding: 8px 5px;
    }

}

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

    .appels_offres_home h3 {

        font-size: 50px;

        top: -22px;

    }

}

@media (max-width: 991px) {

    .item_appels_offres .row:last-child {

        margin-bottom: 20px;

    }

    .slider_appels_offres.owl-theme .owl-nav {

        top: -180px;

    }

    .item_appels_offres p {

        margin: 20px 0;

        top: unset;

    }

    .appels_offres_home h3 a {

        padding-top: 15px;

        display: block;

    }

}

@media (max-width: 767px) {

    .appels_offres_home h3 {

        font-size: 32px;

        top: -15px;

    }

    .slider_appels_offres.owl-theme .owl-nav {

        top: -60px;

    }

}



/*  Block Media  */



.block_media {
    margin-bottom: 100px;
}

.block_media .row {
    margin-right: 0px;
}

.titre_block_media {
    position: absolute;
    bottom: -200px;
    left: 30%;
    background: #19a9d8;
    width: 400px;
    height: 1px;
    transform: translateX(-33%) translateY(0) rotate(-90deg);
    -webkit-transform: translateX(-33%) translateY(0) rotate(-90deg);
    -moz-transform: translateX(-33%) translateY(0) rotate(-90deg);
}

.titre_block_media h6 {

    font-family: 'MarkPro';

    font-size: 32px;

    color: #467187;

    background: #fff;

    padding-right: 30px;

    z-index: 9;

    position: absolute;

    top: -21px;

    margin: 0;

}

.item_slider_media {
    position: relative;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.item_slider_media:hover div {
    display: flex;
}

.item_slider_media div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgb(0 0 0 / 40%);
    justify-content: center;
    align-items: center;
    display: none;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}

.item_slider_media div h6 {
    font-family: 'MarkMedium';
    font-size: 2vmax;
    color: #fff;
    margin: 0;
}

.item_slider_video {

    position: relative;

}

.item_slider_video:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: url('../images/play-button.png') no-repeat;

    width: 77px;

    height: 77px;

    pointer-events: none;

}

.slider_media.owl-theme .owl-nav {

    position: absolute;

    bottom: -30px;

    left: -80px;

    margin-top: 0px;

}

.slider_media.owl-theme .owl-nav:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    border-left: 1px solid #ddd;

    height: 40px;

    width: 1px;

    z-index: 9;

}

.slider_media.owl-carousel .owl-nav button.owl-next span,

.slider_media.owl-carousel .owl-nav button.owl-prev span {

    display: none;

}

.slider_media.owl-carousel .owl-nav button.owl-next,

.slider_media.owl-carousel .owl-nav button.owl-prev {

    background: #3c98be;

    padding: 30px 40px !important;

    margin: 0;

    border-radius: 0;

    position: relative;

}

.slider_media.owl-carousel .owl-nav button.owl-next:before,

.slider_media.owl-carousel .owl-nav button.owl-prev:before {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    width: 9px;

    height: 17px;

    margin: auto;

}

.slider_media.owl-carousel .owl-nav button.owl-next:before {

    background: url('../images/next_02.png') no-repeat;

}

.slider_media.owl-carousel .owl-nav button.owl-prev:before {

    background: url('../images/prev_02.png') no-repeat;

}

/*
@media (min-width: 992px) and (max-width: 1199px){

    .titre_block_media{

        bottom: -175px;

        width: 350px;

    }

}

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

    .titre_block_media{

        bottom: -135px;

        width: 270px;

    }

}
*/
@media (min-width: 1320px) and (max-width: 1550px) {
    .titre_block_media {
        bottom: -165px;
        width: 330px;
    }
}

@media (min-width: 992px) and (max-width: 1319px) {
    .titre_block_media {
        bottom: -115px;
        width: 230px;
    }

    .titre_block_media h6 {
        font-size: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .titre_block_media {
        bottom: -85px;
        width: 170px;
    }

    .titre_block_media h6 {
        font-size: 22px;
        padding-right: 10px;
        top: -15px;
    }

    .slider_media.owl-theme .owl-nav {
        left: -70px;
    }
}

@media (max-width: 991px) {
    .block_media .row {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .titre_block_media {
        position: relative;
        bottom: unset;
        left: unset;
        width: 100%;
        margin-bottom: 50px;
        -webkit-transform: translateX(0%) translateY(0) rotate(0deg);
        -moz-transform: translateX(0%) translateY(0) rotate(0deg);
    }

    .slider_media.owl-theme .owl-nav {
        left: unset;
        right: 0;
    }
}



/*  Footer  */



.footer {

    background: #f9f9f9;

    position: relative;

    padding-top: 50px;

    padding-bottom: 70px;

}

.footer .row {

    margin-bottom: 90px;

}

.footer .row:last-child {

    margin-bottom: 0px;

}

.logo_footer,
.social_media {

    text-align: -webkit-center;

    text-align: -moz-center;

}

.social_media h6 {

    font-family: 'MarkPro';

    font-size: 10px;

    color: #7d7d7d;

    margin-top: 30px;

    margin-bottom: 15px;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.social_media ul li {

    display: inline-block;

    margin-right: 15px;

}

.social_media ul li:last-child {

    margin-right: 0px;

}

.menu_footer ul li {

    font-family: 'MarkBold';

    font-size: 16px;

    color: #7d7d7d;

    padding-bottom: 18px;

}

.menu_footer ul li:first-child {

    padding-bottom: 35px;

}

.menu_footer ul li:last-child {

    padding-bottom: 0px;

}

.menu_footer ul li a {

    font-family: 'MarkMedium';

    font-size: 14px;

    color: #7d7d7d;

}

.menu_footer ul li a:hover {

    text-decoration: underline !important;

}

.copy_right p,

.copy_right ul li a {

    font-family: 'MarkMedium';

    font-size: 11px;

    color: #7d7d7d;

    text-transform: uppercase;

}

.copy_right ul li a:hover {

    text-decoration: underline !important;

}

.copy_right ul {

    line-height: 1;

    margin-bottom: 0;

    margin-top: -5px;

}

.copy_right ul li {

    display: inline-block;

}

.copy_right ul li span {

    color: #7d7d7d;

    padding: 0px 17px;

    font-size: 12px;

}

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

    .copy_right p,
    .copy_right ul li a {

        font-size: 10px;

    }

}

@media (max-width: 991px) {

    .menu_footer ul {

        margin-top: 50px;

    }

    .menu_footer ul li:first-child {

        padding-bottom: 30px;

    }

}

@media (max-width: 767px) {

    .copy_right ul {

        text-align: center;

    }

    .copy_right ul li span {

        padding: 0px 5px;

    }

    .copy_right p,
    .copy_right ul li a {

        text-align: center;

    }

}



/*  List Projets  */


.content_projets .row {
    margin-bottom: 60px;
}

.content_projets .row:last-child {
    margin-bottom: 0px;
}

.content_projets {
    position: relative;
    padding-top: 70px;
    padding-bottom: 100px;
}

.categories_projets button,
.all_categories button {
    font-family: 'MarkPro';
    font-size: 16px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
}

.categories_projets button {
    padding: 15px;
    margin-right: 10px;
}

.categories_projets button.is-checked samp {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -1px;
    z-index: -1;
}

.categories_projets button:last-child {
    margin-right: 0px;
}

.categories_projets button.is-checked {
    color: #fff !important;
    pointer-events: none;
}

.all_categories {

    margin: 0;

}

.all_categories button.is-checked {
    border: 1px solid #545454;
    padding: 10px;
    text-decoration: none;
    margin-top: 10px;
}

.all_categories button {
    text-decoration: underline;
}

.all_categories button:hover {
    text-decoration: none;
}

.element-item {
    cursor: pointer;
}

.item_projets {
    position: relative;
    margin-bottom: 40px;
}

.item_projets:hover .item_projets_bg_hover {
    width: 100%;
    height: 100%;
    padding-left: 10%;
    display: flex;
    align-items: center;
}

.item_projets:hover .item_projets_first {
    display: none;
}

.item_projets_bg_hover {
    display: none;
}

.text_item_projets {

    position: absolute;

    bottom: 10%;

    left: 0;

    width: 90%;

    transition: .4s ease;

    -webkit-transition: .4s ease;

    -moz-transition: opacity .4s ease;

}

.item_projets:hover .text_item_projets {
    bottom: 0;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
}

.item_projets:hover .text_item_projets a {

    display: initial;

}

.item_projets:hover .text_item_projets h3 {

    font-family: 'MarkPro';

    margin-bottom: 0px;

    padding-left: 0px;

}

.item_projets:hover .text_item_projets h4 {
    padding-left: 0px;
    left: unset;
    background: transparent !important;
    white-space: unset;
    overflow: hidden;
    text-overflow: unset;
}

.text_item_projets h3 {

    font-family: 'MarkBold';

    font-size: 20px;

    color: #fff;

    margin-bottom: 10px;

    margin-top: 0px;

    padding-left: 40px;

}

.text_item_projets h4 {

    font-family: 'MarkMedium';

    font-size: 21px;

    color: #fff;

    margin: 0;

    padding: 20px 0px;

    padding-left: 50px;

    padding-right: 10px;

    position: relative;

    left: -10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.text_item_projets a {
    display: none;
    font-family: 'MarkMedium';
    font-size: 16px;
    color: #fff;
    padding: 12px 20px;
    /* border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;*/
    width: 48%;
    transition: all .4s ease-in;
    pointer-events: none;
    position: absolute;
    bottom: 15%;
    text-align: center;
}

.text_item_projets a:hover {

    color: #545454;

}

.type_culture-loisirs-et-sports .text_item_projets a {
    background: #5c122c;
}

.type_infrastructures .text_item_projets a {
    background: #3f698b;
}

.type_environnement-et-espaces-verts .text_item_projets a {
    background: #8a952e;
}

.type_rehabilitation-du-patrimoine .text_item_projets a {
    background: #ffc600;
}

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

    .text_item_projets h4 {

        font-size: 20px;

    }

    .categories_projets button {

        font-size: 12px;

    }

    .text_item_projets a {
        width: 51%;
        bottom: 10%;
    }

}

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

    .text_item_projets h3 {

        font-size: 18px;

    }

    .text_item_projets h4 {

        font-size: 17px;

    }

    .text_item_projets a {

        font-size: 14px;

    }

}

@media (max-width: 991px) {
    .categories_projets {
        margin-bottom: 20px;
    }

    .categories_projets button,
    .all_categories button {
        display: block;
        margin-bottom: 15px;
    }

}

@media (max-width: 767px) {

    .content_projets .row {

        margin-bottom: 0px;

    }

    .content_projets .row:first-child {

        margin-bottom: 60px;

    }

    .item_projets {

        max-width: 600px;

    }

}



/*  Details Projet  */

.content_details_projet .row_description {
    margin-bottom: 30px;
}

.img_details_projet {

    position: relative;

    top: -50px;

}

.text_details_projet {
    margin-top: 40px;
}

.text_details_projet h2 {

    font-family: 'MarkBold';

    font-size: 27px;

    color: #575757;

    margin-bottom: 70px;

    position: relative;

}

.text_details_projet h2 samp {
    position: absolute;
    left: 0;
    bottom: -40px;
    background: #1fb1ee;
    width: 250px;
    height: 5px;
}

.text_details_projet p {

    font-family: 'MarkPro';

    font-size: 18px;

    color: #575757;

    line-height: 35px;

}

.description_details_projet {

    margin-bottom: 100px;

}

.description_details_projet .nav-tabs {

    border-bottom: 0;

    margin-bottom: 50px;

}

.description_details_projet .nav-tabs>li {

    margin-right: 70px;

}

.description_details_projet .nav-tabs>li:last-child {

    margin-right: 0px;

}

.description_details_projet .nav-tabs>li>a {

    font-family: 'MarkPro';

    font-size: 30px;

    color: #b2b2b2;

    padding: 0;

    padding-bottom: 15px;

}

.description_details_projet .nav-tabs>li.active>a,
.description_details_projet .nav-tabs>li.active>a:focus,
.description_details_projet .nav-tabs>li.active>a:hover {
    border: 0;
    color: #515151;
}

.description_details_projet .nav>li>a:focus,

.description_details_projet .nav>li>a:hover {

    background-color: transparent;

    border: 0;

    color: #515151;

}

.tab-content h3 {

    font-family: 'MarkBold';

    font-size: 25px;

    color: #393939;

    margin-top: 0px;

    margin-bottom: 50px;

}

.tab-content p {
    font-family: 'MarkMedium';
    font-size: 17px;
    color: #393939;
    margin-bottom: 30px;
}

.tab-content ul {
    margin-bottom: 30px;
}

.tab-content li {

    position: relative;

    font-family: 'MarkPro';

    font-size: 15px;

    color: #393939;

    padding-bottom: 30px;

    line-height: 1;

    padding-left: 30px;

}

.tab-content li:last-child {

    padding-bottom: 0px;

}

.tab-content li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    width: 9px;
    height: 16px;
    border-width: 0 3px 3px 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.projet_chiffres {

    margin-bottom: 100px;

}

.projet_chiffres h3 {

    font-family: 'MarkPro';

    font-size: 45px;

    color: #a6a6a6;

    margin: 0;

}

.projet_chiffres h3 span {

    display: block;

}

.item_chiffres {

    text-align: center;

    position: relative;

    padding-left: 90px;

}

.item_chiffres label {

    font-family: 'MarkPro';

    font-size: 21px;

    color: #454545;

    display: block;

}

.item_chiffres span {

    font-family: 'MarkPro';

    font-size: 17px;

    color: #a6a6a6;

    display: block;

}

.item_chiffres:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    width: 62px;
    height: 58px;
}

/*.item_chiffres_01:before{

    background: url('../images/delai.png') no-repeat;

}

.item_chiffres_02:before{

    background: url('../images/budget.png') no-repeat;

}

.item_chiffres_03:before{

    background: url('../images/employes.png') no-repeat;

}*/

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

    .text_details_projet h2 {

        font-size: 25px;

        margin-bottom: 45px;

    }

    .text_details_projet h2:before {

        bottom: -25px;

    }

    .text_details_projet p {

        line-height: 35px;

    }

    .projet_chiffres h3 {

        font-size: 40px;

    }

    .description_details_projet .nav-tabs>li {
        margin-right: 50px;
    }

    .description_details_projet .nav-tabs>li>a {
        font-size: 25px;
    }

}

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

    .description_details_projet .nav-tabs>li {

        margin-right: 35px;

    }

    .description_details_projet .nav-tabs>li>a {
        font-size: 21px !important;
    }

}

@media (max-width: 991px) {

    .description_details_projet {

        margin-bottom: 50px;

    }

    .text_details_projet {

        margin-top: 0px;

        padding-left: 0px;

        margin-bottom: 50px;

    }

    .description_details_projet .nav-tabs>li>a {

        font-size: 25px;

    }

    .item_chiffres {

        margin-top: 40px;

    }

    .tab-content ul {

        margin-bottom: 40px;

    }

}

@media (max-width: 767px) {

    .content_details_projet .col-md-5 {

        padding-left: 0px;

        padding-right: 0px;

    }

    .img_details_projet {

        top: 0;

        text-align: -webkit-center;

        text-align: -moz-center;

    }

    .text_details_projet h2 {

        margin: 50px 0;

        font-size: 25px;

    }

    .text_details_projet h2:before {

        width: 170px;

        bottom: -30px;

    }

    .text_details_projet p {

        line-height: 35px;

        text-align: justify;

    }

    .description_details_projet .nav-tabs>li {

        display: block;

        margin-bottom: 30px;

    }

    .nav-tabs>li {
        float: unset;
    }

    .nav>li>a {
        display: unset;
    }

    .description_details_projet .nav-tabs>li:last-child {

        margin-bottom: 0;

    }

    .projet_chiffres h3 {

        font-size: 38px;

    }

}




.clearfixcl {
    visibility: hidden;
    content: " ";
    clear: both;
    float: none;
    width: 100%;
    height: 0px;
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
}









@media (max-width:760px) {

    .list-appels-offers {
        padding: 5px;
    }

    .list-appels-offers li {
        border-bottom: 1px solid #8e8e8e;
        margin-bottom: 40px;
    }

    .list-appels-offers li:last-child {
        border-bottom: 0px;
    }

    .list-appels-offers li .appels-offers-header,
    .list-appels-offers li .appels-offers-footer {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .list-appels-offers li .appels-offers-block {
        float: none;
        padding-left: 10px;
    }

    .list-appels-offers li .appels-offers-block:first-child {
        padding-left: 10px;
    }

    .list-appels-offers li .appels-offers-block.block_big {
        width: auto;
    }

    .list-appels-offers li .appels-offers-block.block_small {
        width: auto;
    }

    .left,
    .right {
        float: none !important
    }

    .listes-botton-offer {
        text-align: center !important;
        margin-bottom: 0 !important
    }

    .listes-botton-offer a {
        margin-bottom: 5px;
    }

    .block_telechargement {
        display: none;
    }

    .block_telechargement_400 {
        display: block;
        margin-bottom: 10px;
    }

    .block_telechargement_400 a {
        display: block;
        width: 220px;
        height: auto;
        border-radius: 7px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
    }




}



/* css old siteweb */


.page-content,
.actualites-content,
.mediatheque-content {
    margin: 80px 0px;
}

.page-content img {
    max-width: 100%;
    height: 100%;
    display: block;
}

.titre-page {
    font-family: 'MarkBold';
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 26px;
}

.color-blue {
    color: #23a4f2 !important;
}

.back-blue {
    background-color: #23a4f2 !important;
}

.color-blanch {
    color: #fff !important;
}

.color-green {
    color: #abce5c !important
}

.back-green-1 {
    background-color: #abce5c !important;
}

.color-orange {
    color: #ffa500 !important
}

.color_blue {
    color: #4cb5ff !important
}

.back_blue {
    background-color: #4cb5ff !important
}

.color_blue_dark {
    color: #1e8acb !important
}

.back_blue_dark {
    background-color: #1e8acb !important
}

.color_blanch {
    color: #fff !important
}

.back_blanch {
    background-color: #fff !important
}

.back_green {
    background-color: #abce5c !important
}

.back_yellow {
    background-color: #ffcc00 !important
}

.color_green {
    color: #abce5c !important
}

.margin-top {
    margin-top: 20px !important
}

.margin-bottom {
    margin-bottom: 20px !important
}

.padding-top {
    padding-top: 20px !important
}

.padding-bottom {
    padding-bottom: 20px !important
}

.border-bottom {
    border-bottom: 1px solid #eaeaea
}

.icon-btn,
.icon-btn:hover {
    padding: 8px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    text-decoration: none;
}

.mediatheque-content .listmediateques {}

.mediatheque-content .image-m-projet {
    display: block;
    position: relative;
    height: 402px;
    margin-bottom: 20px;
    overflow: hidden;
}

.mediatheque-content .image-m-projet img {
    width: 100%;
}

.mediatheque-content .image-m-projet .info-projet {
    padding: 5px 0px 5px 20px;
    font-size: 19px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #00000075;
}

.contenu-page {
    padding: 10px 15px;
}

.list-appels-offers {
    display: block;
    margin: 30px auto;
    padding: 0px;
}

.list-appels-offers li {
    border-bottom: 1px solid #8e8e8e;
    margin-bottom: 40px;
    padding-left: 18px;
}

.list-appels-offers li:last-child {
    border-bottom: 0px;
}

.list-appels-offers li .appels-offers-header,
.list-appels-offers li .appels-offers-footer {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.list-appels-offers li .appels-offers-block {
    width: 160px;
    float: left;
    margin-right: 30px;
}

.list-appels-offers li .appels-offers-block.right {
    margin-right: 0px;
}

.list-appels-offers li .appels-offers-block.block_big {
    width: 360px;
}

.list-appels-offers li .appels-offers-block.block_meddelt {
    width: 170px;
}

.list-appels-offers li .appels-offers-block.block_small {
    width: 120px;
}

.list-appels-offers li .appels-offers-block.block_small1 {
    width: 130px;
}

.list-appels-offers li label {
    font-size: 9px;
    color: #4cb5ff;
    display: block;
    font-family: 'MarkPro';
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: -.08em;
}

.list-appels-offers li p {
    font-size: 14px;
    font-family: 'MarkMedium';
    letter-spacing: -.05em;
}

.list-appels-offers li a {
    text-decoration: none;
    font-family: 'MarkPro';
}

.botton-statut {
    padding: 5px 22px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 13px;
}

.botton-statut.style_blue {
    border: 1px solid #169dfd;
    color: #169dfd;
}

.botton-statut.style_red {
    border: 1px solid red;
    color: red;
}

.botton-telecharge {
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: center;
}

.icon-btn,
.icon-btn:hover {
    padding: 8px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
    margin-left: 20px;
    text-decoration: none;
}

.icon-btn:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}

.icon-btn.icon-telecharger:before {
    background-image: url(../images/icon-telecharge.png);
}

.form-telechargement {
    padding: 30px 15px;
    background-color: #fff;
    display: inline-block;
}

.info,
.success,
.warning,
.error,
.validation {
    border: 1px solid;
    margin: 5px 0px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: center;
    text-transform: uppercase;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
}

.success {
    background-color: #2691c2;
    color: #fff;
}

.warning {
    color: #fff;
    background-color: #f46d0a;
}

.error {
    color: #fff;
    background-color: #ff474b;
}

.success a {
    color: #fff;
}

.info p,
.success p,
.warning p,
.error p,
.validation p {
    margin: 3px;
    color: #fff;
}

.input-botton.input-botton-telecharge {
    display: block;
    width: 194px;
    height: 42px;
    margin: 0px auto;
    background-color: #1e8acb;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    border: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-form__.png);
    background-position: 0px -252px;
}

.block_telechargement_400 {
    display: none;
}

.info-part-list-titre {
    font-family: 'MarkBold';
}

.link_down {
    display: block;
    background: url(../images/buttonlink.png) no-repeat 0px 0px;
    width: 230px;
    height: 44px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-weight: bold;
    font-size: 18px;
    line-height: 41px;
}

.link_down:hover {
    color: #fff;
}

.espaces-com-financiere {}

.com_navigation {
    margin-bottom: 40px;
    position: relative;
}

.com_navigation:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 50%;
    border: 1px solid #bebebe;
    width: 68%;
    display: block;
}

.com_navigation .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 20px;
}

.espaces-com-financiere>.row {
    margin-bottom: 60px;
}

/*
.espaces-com-financiere > .row:first-child{
  margin-bottom: 20px;
}
*/
.espaces-com-financiere label {
    font-size: 12px;
    font-family: 'MarkMedium';
    text-transform: uppercase;
}

.espaces-com-financiere p.text-value {
    margin: 0px;
    font-size: 20px;
    color: #5c5c5c;
    font-family: 'MarkBold';
    margin: 10px auto;
}

.espaces-com-financiere>.row .row-Actif,
.espaces-com-financiere>.row .row-Passif {
    margin-top: 20px;
}

.espaces-com-financiere>.row .row-Actif>div,
.espaces-com-financiere>.row .row-Passif>div {
    margin-bottom: 20px;
}

.financements-autres h4.financements-autres-header {
    font-size: 23px;
    color: #656565;
    font-family: 'MarkPro';
    text-transform: uppercase;
    letter-spacing: 10px;
    position: relative;
    margin-bottom: 40px;
}

.financements-autres h4.financements-autres-header:before,
.financements-autres h4.financements-autres-header:after {
    content: " ";
    position: absolute;
    width: 33%;
    top: 7px;
    height: 2px;
    background: #c8c8c8;
    display: block;
}

.financements-autres h4.financements-autres-header:before {
    right: 0px;
}

.financements-autres h4.financements-autres-header:after {
    left: 0px;
}


/* css page actualites */

.list-actualites {}

.list-actualites .article-item {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8f8f8f;
}

.list-actualites h4 a {
    font-family: 'MarkMedium';
    font-size: 19px;
    color: #454545;
    text-decoration: none;
}

.list-actualites p {
    font-family: 'MarkPro';
    font-size: 16px;
    color: #454545;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 400;
}

a.service-rm-btn {
    font-family: 'MarkPro';
    border: 2px solid #169dfd;
    color: #169dfd;
    padding: 5px 15px;
    border-radius: 8px;
    font-size: 10px;
}

.list-actualites .article-item .image-article {
    margin-bottom: 10px;
    max-height: 220px;
}



.list-actualites a.telecharge-btn {
    font-family: 'MarkPro';
    padding: 5px 15px;
    border-radius: 8px;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 25px;
}


.header-actu {
    background: #fff;
    margin-bottom: 20px;
}

.breadcrumb-page {
    padding-left: 0px;
}

.breadcrumb-page-list {
    padding: 0px;
    list-style: none;
    padding-top: 10px;
}

.breadcrumb-page-list li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #ffffff;
    *zoom: 1;
    margin-right: 4px;
}

.breadcrumb-page-list li a {
    font-size: 15px;
    color: #909090;
}

.breadcrumb-page-list li a.active {
    font-weight: bold;
    color: #494949;
}

.widget {
    margin-bottom: 20px;
}

.widget h4 {
    text-transform: uppercase;
    color: #878787;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .08em;
    padding-bottom: 5px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
}

.widget_menu_filter li {
    margin-bottom: 15px;
}


.widget_menu_filter li a {
    font-size: 16px;
    font-weight: 400;
    color: #555454;
    display: inline-block;
    text-decoration: none;
}.mediatheque-content .widget_menu_filter li a {
    font-size: 19px;
    color: #878787;
    display: inline-block;
    text-decoration: none;
}

html.arabe .widget_menu_filter li a:before {
    float: right;
    margin-right: auto;
    margin-left: 12px;
}

.widget_menu_filter li a:hover:before,
.widget_menu_filter li a.active:before {
    background-position: -2px 2px;
}

.widget_menu_filter li a:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-radio.png);
    background-repeat: no-repeat;
    float: left;
    background-position: -2px -36px;
    margin-right: 12px;
}

.widget_menu_filter li a:hover,
.widget_menu_filter li a.active {
    color: #169dfd;
}

.widget_menu {
    padding: 0px;
    list-style: none;
}

.widget_menu li {
    font-family: 'MarkBold';
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #acacac
}

.widget_menu li a {
    font-size: 16px;
    font-weight: 400;
    color: #555454;
    text-decoration: none;
}

.widget_menu li a:hover,
.widget_menu li a.active {
    color: #169cfb;
}

.header-titre {
    font-size: 26px;
    line-height: 26px;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #b6b6b6;
    margin-top: 0px;
    font-family: 'MarkBold';
}

.contenu-page p {
    font-family: 'MarkPro';
    font-size: 16px;
    line-height: 29px;
    color: #4f4f4f;
    margin: 15px 0px;
}



/* css page contact */

.section-white {
    padding: 10px 0;
}

.section-white {
    background-color: #fff;
    color: #555;
}


/* css form */

.form-contact .input-group-addon {
    background-color: transparent;
    border-right: 0px;
}

.form-contact .form-control {
    border-left: 0px;
    font-family: 'MarkMedium';
}

.form-contact * {}

.form-contact .input-group-addon samp {
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(../images/icon-form.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99
}

.input-group-addon samp.addon-name {
    background-position: 0px -200px;
}

.input-group-addon samp.addon-mail {
    background-position: 0px -254px;
}

.input-group-addon samp.addon-message {
    background-position: 0px -308px;
}

.input-group-addon samp.addon-tel-mobile {
    background: transparent url("../images/icones-carriere.png") no-repeat scroll -173px 4px;
}

.input-group-addon samp.addon-ville {
    background: transparent url("../images/icones-carriere.png") no-repeat scroll 5px 4px;
}

.input-group-addon samp.addon-fonction {
    background: transparent url("../images/b-icones.png") no-repeat scroll 8px 6px;
}

.input-group-addon samp.addon-entite {
    background: transparent url("../images/b-icones.png") no-repeat scroll -33px 7px;
}

.input-group-addon samp.addon-organisme {
    background: transparent url("../images/b-icones.png") no-repeat scroll -33px 7px;
}

.input-group-addon samp.addon-tel-blue {
    background: transparent url("../images/icon-form__.png") no-repeat scroll -7px -191px;
}

.input-group-addon samp.addon-fax-blue {
    background: transparent url("../images/icon-form__.png") no-repeat scroll -7px -191px;
}

.form-contact .input-botton-send {
    font-family: 'MarkBold';
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #fff;
    padding-left: 55px;
    padding-right: 40px;
    position: relative;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
}

.form-contact .input-botton-send samp {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/icon-envoye.png) no-repeat center center;
}

.info-part-list {
    margin-top: 20px;
}

.info-contact {
    padding: 0px;
    list-style: none;
    margin-top: 6px;
    margin-left: 10px;
}

.info-contact li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #5b5b5b;
    font-family: 'MarkPro';
    padding-top: 10px;
}

.info-contact li samp {
    display: block;
    width: 32px;
    height: 33px;
    background-image: url(../images/icon-form.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}

.info-contact li.img-tel samp {
    background-position: -5px -2px;
}

.info-contact li.img-fax samp {
    background-position: -5px -44px;
}

.info-contact li.img-mail samp {
    background-position: -5px -84px;
}

.info-contact li.img-adresse samp {
    background-position: -5px -131px;
}

.info-contact li.img-achat samp {
    background-position: -5px -99999999px;
}

.info-contact li.img-comptabilite samp {
    background-position: -5px -99999999px;
}

.info-contact li.img-per samp {
    background: url(../images/mr.png) no-repeat 0px 0px;
}

.info-contact li span {
    display: block;
}

.input-group .form-control {
    resize: none;
}

.form-horizontal .control-label {
    margin-bottom: 12px !important;
}


/* css sitemap */

.list-lien-sitemap,
.list-lien-sitemap ul {
    border-left: 2px solid #428BCA;
    padding-left: 30px !important;
    margin-left: 20px;
}

.list-lien-sitemap>li>a {
    display: block;
    margin-bottom: 15px;
}

.list-lien-sitemap ul li {
    margin-bottom: 10px;
}

.realisepar:hover,
.realisepar {
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: .14em;
    font-weight: 300;
    text-decoration: none;
    position: relative;
    padding-right: 35px;
    top: -3px;
}

.realisepar samp {
    display: block;
    position: absolute;
    right: 0px;
    top: -8px;
    width: 25px;
    height: 25px;
    background: url(../images/logo-elevenmedia.png) no-repeat 0px 0px;
}

.contenu-page ul.list-style {
    list-style: url(../images/icon-list-style.png);
    padding-left: 16px;
}

.contenu-page ul.list-style li {
    font-family: 'MarkMedium';
    padding-left: 10px;
    margin-bottom: 18px
}

.contenu-page ul.list-style li h4 {
    color: #4f4f4f;
    font-size: 15px;
    font-family: 'MarkMedium';
}

.contenu-page ul.list-style li h4 span,
.contenu-page ul.list-style ul.list-style li h4 {
    color: #4f4f4f;
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: 300;
}

.contenu-page ul.list-style li h4 .contenu-page .image-titre {}

.marque_point {
    padding: 20px 100px;
    text-align: center;
}

.selectpicker {
    width: 100%;
}

/*  Style Arabic  */

html.arabe h1,
html.arabe h2,
html.arabe h3,
html.arabe h4,
html.arabe h5,
html.arabe h6,
html.arabe strong,
html.arabe label,
html.arabe samp,
html.arabe p,
html.arabe div,
html.arabe li,
html.arabe a,
html.arabe button,
html.arabe input,
html.arabe span,
html.arabe select {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
}

.arabe .header .col-xs-3 {
    padding-left: 0px;
    padding-right: 15px;
}

.arabe .hamburger,
.arabe .logo {
    float: right;
}

.arabe .hamburger samp {
    bottom: -40px;
}

.arabe .logo {
    margin-right: 40px;
    margin-left: 0px;
}

.arabe .hamburger samp {
    left: 3px;
    font-size: 10px;
}

.arabe .bar:before,
.arabe .bar:after {
    right: 0;
    left: unset;
}

.arabe .menu_ul {
    padding: 100px 50px 50px 0px;
}

.arabe .hide_menu {
    left: 100%;
    right: unset;
}

.arabe .show_menu {
    left: 0%;
    right: unset;
}

.arabe .titre_apropos_home {
    left: -40px;
    right: unset;
    bottom: 23%;
}

.arabe .text_apropos_home {
    padding-left: 0;
    padding-right: 70px;
}

.arabe .text_apropos_home a:after {
    top: 18px;
    right: 160px;
    left: unset;
}

.arabe .preview_item_projets_home a {
    padding: 10px 40px;
}

.arabe .slider_appels_offres.owl-theme .owl-nav {
    right: unset;
    left: 0;
}

.arabe .slider_appels_offres.owl-carousel .owl-nav button.owl-prev:before {
    right: -30px;
}

.arabe .slider_appels_offres.owl-carousel .owl-nav button.owl-next:before {
    right: -110px;
}

.arabe .titre_block_media h6 {
    padding-right: 0;
    padding-left: 30px;
}

.arabe .slider_media.owl-theme .owl-nav {
    right: -80px;
    left: unset;
}

.arabe .social_media h6 {
    font-size: 13px;
    letter-spacing: 0px;
}

.arabe .menu_footer ul li {
    padding-bottom: 15px;
    font-weight: bold;
}

.arabe .menu_footer ul li a {
    font-size: 16px;
    font-weight: 100;
}

.arabe .copy_right p,
.arabe .copy_right ul li a {
    font-size: 13px
}

.arabe .apropos_home .row,
.arabe .projets_home .row,
.arabe .block_media .row {
    margin-left: 0px;
}

.arabe .item_appels_offres {
    text-align: right;
}

.arabe .menu_ul .col-md-6:first-child {
    border-right: 0;
    border-left: 1px solid #5aebfc;
}

.arabe .info_menu {
    padding-left: 0;
    padding-right: 10%;
    padding-top: 12%;
}

.arabe .form_search button {
    left: 20px;
    right: unset;
}

.arabe .lang_menu ul li {
    margin-right: 0px;
    margin-left: 50px;
}

.arabe .categories_projets button {
    margin-left: 20px;
    margin-right: 0;
    font-size: 20px;
}

.arabe .text_item_projets {
    left: unset;
    right: 0;
}

.arabe .item_projets:hover .text_item_projets {
    padding-left: 0;
}

.arabe .item_projets:hover .item_projets_bg_hover {
    padding-left: 0px;
    padding-right: 10%;
}

.arabe .text_item_projets h3 {
    padding-right: 40px;
    padding-left: 0;
}

.arabe .item_projets:hover .text_item_projets h3 {
    padding-right: 0;
}

.arabe .text_item_projets h4 {
    left: unset;
    right: -10px;
    padding-left: 10px;
    padding-right: 50px;
}

.arabe .item_projets:hover .text_item_projets h4 {
    padding-right: 0;
    right: 0;
    margin-bottom: 15px;
}

.arabe .description_details_projet .nav-tabs>li {
    margin-right: 0;
    margin-left: 70px;
}

.arabe .description_details_projet .nav-tabs>li:last-child {
    margin-left: 0px;
}

.arabe .text_details_projet {
    padding-left: 0px;
    padding-right: 30px;
}

.arabe .text_details_projet h2:before {
    right: 0;
    left: unset;
}

.arabe .text_details_projet h2 {
    font-weight: bold;
}

.arabe .tab-content li {
    padding-right: 35px;
    padding-left: 0px;
}

.arabe .tab-content li:before {
    right: 0;
}

.arabe .item_chiffres {
    padding-right: 90px;
    padding-left: 0;
}

.arabe .item_chiffres:before {
    left: unset;
    right: 8px;
}

.arabe .titre_block_media {
    transform: translateX(-50%) translateY(0) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(0) rotate(-90deg);
    -moz-transform: translateX(-50%) translateY(0) rotate(-90deg);
}

.arabe .switcher.owl-theme .owl-nav.disabled+.owl-dots {
    left: 0px;
    right: 30%;
}

.arabe .list-lien-sitemap,
.arabe .list-lien-sitemap ul {
    border-left: 0px solid #428BCA;
    padding-left: 0px !important;
    margin-left: 0px;
    border-right: 2px solid #428BCA;
    padding-right: 30px !important;
    margin-right: 20px;
}

.arabe .com_navigation:after {
    left: 0;
    right: unset;
}

.arabe .menu_ul .active a {
    padding-left: 0;
    padding-right: 20px;
    border-left: 0;
    border-right: 5px solid #5aebfc;
}

.arabe .text_details_projet h2 samp {
    right: 0;
}

.arabe .form-contact .input-group-addon samp {
    left: unset;
    right: 0;
}

.arabe .form-control {
    border-right: 0px;
}

.arabe .input-group {
    border: 1px solid #ccc;
}

.arabe .form-contact .input-botton-send samp {
    transform: rotate(180deg);
}

.arabe .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
}

.arabe .bootstrap-select.btn-group .dropdown-toggle .caret {
    left: 12px;
    right: unset;
}

.arabe .info-contact li {
    padding-right: 40px;
    padding-left: 0px;
}

.arabe .info-contact li samp {
    left: unset;
    right: 0;
}

.arabe .nos_reseaux_menu ul {
    padding-left: 0px;
    padding-right: 30px
}

.arabe .nos_reseaux_menu ul li {
    margin-left: 15px;
    margin-right: 0px;
}

.arabe .nos_reseaux_menu ul li:last-child {
    margin-left: 0px;
}

.arabe .nos_reseaux_menu div span {
    font-weight: 700;
}

.arabe .select_lang select {
    padding-left: 0px;
    padding-right: 5px;
    line-height: unset;
}

.arabe .select_lang:after {
    left: 5px;
    right: unset;
}

.arabe .social_media ul li:last-child {
    margin-right: 15px;
}

.arabe .social_media ul li:first-child {
    margin-right: 0px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .arabe .logo {
        margin-right: 25px;
    }

    .arabe .categories_projets button {
        font-size: 15px !important;
    }

    .arabe .lang_menu ul li {
        margin-left: 30px;
    }

    .arabe .lang_menu ul li:last-child {
        margin-left: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .arabe .lang_menu ul li {
        margin-left: 30px;
        margin-right: 0px;
    }

    .arabe .lang_menu ul li {
        margin-left: 30px;
    }

    .arabe .lang_menu ul li:last-child {
        margin-left: 0px;
    }
}

@media (max-width: 991px) {
    .arabe .logo {
        float: unset !important;
    }

    .arabe .text_details_projet {
        padding-right: 0px;
    }
}

@media (max-width: 767px) {
    .arabe .slider_media.owl-theme .owl-nav {
        right: 0;
    }

    .menu_ul {
        padding: 100px 0px 50px 50px;
    }

    .arabe .menu_ul .col-md-6:first-child {
        border-left: 0;
    }

    .arabe .lang_menu ul li {
        margin-left: 20px;
        margin-right: 0px;
    }

    .arabe .info_menu {
        padding-right: 0px;
    }

    .arabe .nos_reseaux_menu ul li:first-child {
        margin-right: 0px;
    }

    .arabe .titre_apropos_home {
        left: 0;
    }

    .arabe .titre_block_media {
        -webkit-transform: translateX(0%) translateY(0) rotate(0deg);
        -moz-transform: translateX(0%) translateY(0) rotate(0deg);
    }
}

@media (max-width: 600px) {
    .apropos_home .col-md-6 {
        padding-left: 0px;
    }

    .arabe .titre_apropos_home {
        left: 0;
        right: 0;
        bottom: 0;
    }
}



/*  Défiler to Bottom  */

.defiler_bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 23%;
    margin: auto;
    text-align: -webkit-center;
}

.defiler_bottom a {
    font-family: 'MarkPro';
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 3px;
}

.defiler_bottom a:focus,
.defiler_bottom a:hover {
    color: #fff;
}

.scroll-prompt {
    position: relative;
    z-index: 99;
    width: 120px;
    height: 120px;
}

.scroll-prompt-arrow-container {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -18px;
    animation-name: bounce;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.scroll-prompt-arrow {
    animation-name: opacity;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.scroll-prompt-arrow:last-child {
    animation-direction: reverse;
    margin-top: -6px;
}

.scroll-prompt-arrow>div {
    width: 36px;
    height: 36px;
    border-right: 8px solid #bebebe;
    border-bottom: 8px solid #bebebe;
    transform: rotate(45deg) translateZ(1px);
}

#galerie-projet-show {}

#galerie-projet-show .zoom_gallery {
    margin-bottom: 15px;
}

#galerie-projet-show .zoom_gallery a {
    display: block;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0.1;
    }

    20% {
        opacity: 0.2;
    }

    30% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.5;
    }

    60% {
        opacity: 0.6;
    }

    70% {
        opacity: 0.7;
    }

    80% {
        opacity: 0.8;
    }

    90% {
        opacity: 0.9;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(3px);
    }

    20% {
        transform: translateY(6px);
    }

    30% {
        transform: translateY(9px);
    }

    40% {
        transform: translateY(12px);
    }

    50% {
        transform: translateY(15px);
    }

    60% {
        transform: translateY(18px);
    }

    70% {
        transform: translateY(21px);
    }

    80% {
        transform: translateY(24px);
    }

    90% {
        transform: translateY(27px);
    }

    100% {
        transform: translateY(30px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .defiler_bottom {
        bottom: 15%;
    }
}

@media (max-width: 991px) {
    .defiler_bottom {
        display: none;
    }
}




/* css deploament */
.section_breadcrumbs {
    padding: 10px 16px;
    list-style: none;
    background-color: #fff;
}

.section_breadcrumbs ul li {
    display: inline;
    font-size: 18px;
}

.section_breadcrumbs ul li a {
    color: #0275d8;
    text-decoration: none;
}

.section_breadcrumbs ul li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}


/** css Offre appel**/

.appeloffre h3 {
    font-size: 9px;
    color: #4cb5ff;
    display: block;
    font-family: 'MarkPro';
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: -.08em;
}
.appeloffre h2 {
    font-size: 14px;
    font-family: 'MarkMedium';
    letter-spacing: -.05em;
    margin-top: 15px;
    color: #333;

}

.appeloffre .row .col-md-4:nth-child(3){

    display: flex;
}.appeloffre .row.mt-3 .col-md-2:nth-child(5) 
 {
    width: 100%;
    max-width: 160px;
}
.mediatheque-content .widget h4 {
    color: #878787;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .08em;
    padding-bottom: 5px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}
.detaile-project-galerie ul.nav.nav-tabs > li > a{

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;

}.mediatheque-content a.btn.btn-retour {
    border: 1px solid #ebebeb;
    color: #878787;
}

.mediatheque-content 
ul.widget_menu_filter a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 19px;
}

.appeloffre .row .col-md-4:nth-child(2) h2 {

    font-weight: 700;
    color: #333; 
    line-height: 1.42857143;
}
.appeloffre {
    margin-bottom: 30px;
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 40px;
}
.appeloffre .row .col-md-4:nth-child(1) h2 {
    color: #1e8acb !important;
}
.appeloffre a.btn.btn-default:hover {
    color: #23527c;
}
.appeloffre a.btn.btn-default  {   
 padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    text-align: center;
    background-color: #abce5c !important;
    height: 30px;
    max-width: 171px;
    margin-right: 30px;
    margin-top: 20px;
    font-family: 'MarkPro';
    letter-spacing: -.05em;
    line-height: 20px;
}.etatappeloffre {
    margin-top: 20px;
}
.etatappeloffre span.btn.btn-default:hover {
    background-color: #fff !important
}
.etatappeloffre span.btn.btn-default {
    border: 1px solid #169dfd;
    color: #169dfd;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 7px 20px 5px;
}
.etatappeloffre span {
    font-size: 9px;
    color: #4cb5ff;
    display: block;
    font-family: 'MarkPro';
    text-transform: uppercase;
 
    margin-bottom: 7px;
    font-weight: 700;
    letter-spacing: -.08em;
}


/** projets **/

h2.header-titre.color-blue {
    margin-top: 40px;
    border: 0;
    padding: 0 15px 15px;
}

.filtre_list_projet button a {

    color: #545454;
}

.filtre_list_projet button[data-filter=".culture-loisirs-et-sports"] {
    padding: 15px;
    margin-right: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    border-bottom: 3px solid #b91d4d;
}
 
.filtre_list_projet button[data-filter=".rehabilitation-du-patrimoine"]{

 padding: 15px;
    margin-right: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    border-bottom: 3px solid #ffae00;
}

.button[data-filter="*"] {
    border: 1px solid #545454 !important;
    padding: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    margin-left: 25px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
}

.filtre_list_projet button[data-filter=".infrastructures"]{

 padding: 15px;
    margin-right: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    border-bottom: 3px solid #32a1ff

} .filtre_list_projet button[data-filter=".environnement-et-espaces-verts"]{

    padding: 15px;
    margin-right: 10px;
    font-family: 'MarkPro';
    font-size: 16px;
    color: #545454;
    background: transparent;
    border: 0;
    outline: none;
    position: relative;
    border-bottom: 3px solid #b8c65e
}

.filter-button-group.button-group.js-radio-button-group {
    margin-bottom: 50px;
 }
.list_projets .projet_item_first h4 {
    font-family: 'MarkMedium';
    font-size: 21px;
    color: #fff;
    margin: 0;
    padding: 20px 0px;
    padding-left: 50px;
    padding-right: 10px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    background: #32a1ff;
}

.list_projets .projet_item_first h3 {
    font-family: 'MarkBold';
    font-size: 20px;
    margin-left: 50px;
    color: #fff;
}


section#projets {
    padding-top: 80px;
}
 .environnement-et-espaces-verts  .projet_item_first h4{
    background: #b8c65e 
}

.culture-loisirs-et-sports  .projet_item_first h4{
    background: #b91d4d;
}
 

.rehabilitation-du-patrimoine  .projet_item_first h4{
    background: #ffae00
}
.projet_item {
    margin-bottom: 40px;
}


video#bgvid {
    width: 100%;
}

/*** Detail de projet ***/



.projet_section ul.breadcrumb_detail li {
    display: inline-block;
 }
.projet_section ul.breadcrumb_detail li+li:before {
    content: '/';
    margin-right: 10px;
    margin-left: 10px;
}
.projet_section ul.breadcrumb_detail li a {
    color: #32a1ff;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.projet_section .projet_description p {
    font-family: 'MarkPro';
    font-size: 18px;
    color: #575757;
    line-height: 35px;

}
.projet_section .projet_description>h1 {
 
    font-family: 'MarkBold';
    font-size: 27px;
    color: #575757;
    margin-bottom: 70px;
    position: relative;
    margin-top: 40px;
}.projet_description h1 span {
    position: absolute;
    left: 0;
    bottom: -40px;
    background: #1fb1ee;
    width: 250px;
    height: 5px;
}

.projet_section .header-titre {
    color: #b8c65e;
    margin-top: 50px;
}

.projet_section
.menu_projet {
    margin-top: 30px;
}

.projet_section .tab-content h3 {
    
    margin-bottom: 20px;
}

.projet_section .detail_menu_projet li.active {
 border-bottom: 4px solid #32a1ff !important;
 color: #515151;
 font-family: 'MarkPro';
 font-size: 30px;
 padding-bottom: 5px;
}
 .projet_section .detail_menu_projet>li.active>a:focus,
 .projet_section .detail_menu_projet>li.active>a:active,
 .projet_section .detail_menu_projet>li.active>a {
    border-bottom: 0;
    border: 0;
} 

.projet_section .detail_menu_projet>li>a:hover {
    border-bottom: 0px solid #b8c65e !important;
    background-color:transparent !important;
}
.projet_section .detail_menu_projet li a {
     color: #b2b2b2;
    font-family: 'MarkPro';
    font-size: 30px;
    padding-bottom: 5px;
}

.projet_section .contenu_onglet_projet {
    padding-top: 40px;
}

.projet_section .nav-tabs>li.active>a{
 border: 0 !important;

    color: #515151 !important
}

.projet_section .tab-content li:before {
  
    border: solid #32a1ff ;
}

.projet_section .item_chiffre div {
    font-family: 'MarkPro';
    font-size: 18px;
    color: #454545;
    display: block;
    font-weight: 700;
}
.projet_item_bg_hover {
    opacity: 0;
    display: none;
}
.projet_section .item_chiffre {
    display: flex;
    align-items: center;
}.projet_section .item_chiffre img {
    margin-right: 10px;
}

.projet_section
.tab-content {
    margin-bottom: 50px;
}

.projet_item_first {
    position: absolute;
    left: 0px;
    width: 88%;
    bottom: 78px;
}
.projet_item:hover > a {
    position: relative;
}
.projet_item:hover .projet_item_first {
    display: none;
}

.projet_item_bg_hover{
  top: 0;
  z-index: 99999;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;  height: 100%;

  }

.projet_item_bg_hover h3 {
    font-family: 'MarkPro';
    font-size: 20px;
    margin-left: 0;
    color: #fff;
    font-weight: 400 !important;
    margin-bottom: 0;
}
.projet_item > a {
  display: block;
  width: 100%;
  height: 100%;
}
 .projet_item_bg_hover h4 {
    font-family: 'MarkMedium';
    font-size: 21px;
    color: #fff;
    margin: 0;
    padding: 10px 0px;
  width: 100%;
  height: 100%;
}
.projet_item:hover .projet_item_bg_hover {
     opacity: .87;
    display: flex; 
    transition: 500ms; 
    padding: 50px 10px 50px 30px;
    flex-flow: column;
    justify-content: center; 
      opacity: .9;
  display: block;
  transition: 500ms;
  padding: 95px 10px 50px 30px;
}

section.projet_section ul.breadcrumb_detail {
    margin-top: 10px;
}

/*

.projet_section .owl-dots {
    display: none;
}

.projet_section button.owl-next  ,
.projet_section button.owl-prev  {
    background: #32a1ff !important;
     color: #fff;
 
}
 
 .projet_section button.owl-next span, .projet_section button.owl-prev span {
    padding: 0 15px !important;
    color: #fff;
    font-size: 29px;
    line-height: 1;
    height: 57px;
    display: block;
    line-height: 52px;
}

 .projet_section
.owl-carousel .owl-nav button.owl-next, 
 .projet_section .owl-carousel .owl-nav button.owl-prev{
    margin: 0 !important;
    border-radius: 0 !important
 }
 .projet_section button.owl-next span {
    border-left: 1px solid #ebebeb38;
}

 .projet_section  .owl-theme .owl-nav {
    text-align: left !important
 }

 .projet_section
 .owl-theme .owl-nav {
    margin-top: -29px;
    z-index: 1;
    position: relative;
    left: -37px;
}*/

/*** Carrier ***/

  

.form-contact select#candidate_sujet {
    height: 34px;
    font-size: 13px;
    color: #333;
    padding: 0 10px;
    width: 100% !important;
    max-width: inherit !important;
    min-width: inherit;
    display: block;
    border-radius: 4px !important;
    border: 1px solid #ccc;
}

.form-contact .input-group-addon {
    background-color: transparent;
    border-right: 0px;

}
input#candidate_ville,
input#candidate_telephone,
input#candidate_mail,
input#candidate_nom {
    height: 34px;
    border-left: 0 !important;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    width: 100%;
}
textarea#candidate_message{
    border-left: 0 !important;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    display: block;
    width: 100%;
}
input#contact_press_nom:focus,
textarea#candidate_message:focus,
input#candidate_ville:focus,
input#candidate_telephone:focus,
input#candidate_mail:focus,
input#candidate_nom:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}


.form-contact
.input-group { 
    width: 100%;
}

.arabe input#candidate_ville, .arabe input#candidate_telephone, .arabe input#candidate_mail, .arabe input#candidate_nom {
  border: 0px solid #ccc;
}


.arabe  .form-contact .input-group-addon {
 
    border: 0 !important;
}

/** Presse **/

section.presse-content {
    padding-top: 80px;
}

section.actualite-content .widget_menu_filter li ,
section.contact-content .widget_menu_filter li ,
section.presse-content .widget_menu_filter li {
    margin-bottom: 15px;
    font-family: 'MarkBold';
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #acacac;
}

section.actualite-content .widget_menu_filter li a::before,
section.contact-content .widget_menu_filter li a::before,
section.presse-content .widget_menu_filter li a::before{ 
display: none
}

section.actualite-content .widget_menu_filter li a 
section.contact-content .widget_menu_filter li a ,
section.presse-content .widget_menu_filter li a {
    font-size: 15px;
    color: #555454;
}

section.actualite-content .widget_menu_filter li a:hover,
section.contact-content .widget_menu_filter li a:hover,
.widget_menu_filter li a:hover,
section.actualite-content .widget_menu_filter li a.active ,
section.contact-content .widget_menu_filter li a.active ,
 .widget_menu_filter li a.active {
    color: #169dfd !important;
}

 section.presse-content .col-md-6 {
       
    width: 100%  !important;
    display: flex;
    padding: 20px 15px;

    padding:  15px;
    border-bottom: 1px solid #b6b6b6;
    }

 

section.presse-content .col-md-6.col-sm-6.col-xs-12 a {
    width: 38%;
    display: flex;
    align-items: start;
}
 section.presse-content .info-projet {
    width: 62%; 
    padding: 0px 10px 10px 30px;
}

 
 section.presse-content .info-projet h2 {
    font-size: 19px;
    font-weight: 500;
    font-family: 'MarkMedium';
    margin-top: 15px;
}

 section.presse-content .info-projet p {
   font-family: 'MarkPro';
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

 section.presse-content 
.date.color-brown {
    color: #23a4f2 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

 section.presse-content a.btn.btn-lire-plus {
    border: 2px solid #169dfd;
    color: #169dfd;
    text-transform: inherit;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;

    padding: 8px 20px 7px;    max-width: 100px;
    font-family: 'MarkPro';
    border-radius: 7px;
}

 section.presse-content .info-projet p {
    color: #4f4f4f;
    line-height: 29px;
}

form.form-contact input {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: 'MarkMedium';
 
}
section.actualite-content,
section.contact-content {
    padding-top: 80px;
    padding-bottom: 80px;
}
form.form-contact
textarea#contact_press_message {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

form.form-contact
button.btn.btn-envoyer {
    display: block;
    width: 40px;
    height: 40px; 
    background: url(../images/icon-envoye.png) no-repeat 7% 52%;
    font-family: 'MarkBold';
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    color: #fff;
    padding-left: 55px;
    padding-right: 95px;
    position: relative;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #23a4f2;
    margin-top: 9px;
    float: right;
}

form[name="candidate"] input{
    margin-bottom: 0 !important
}

/** admin login **/ 


.login-bg {
    background: radial-gradient(circle, rgba(24, 141, 210, 1) 0%, rgba(27, 58, 77, 1) 50%);
    padding: 100px 0;
    min-height: 100vh;
}
.login_left {
    background: #fff;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    min-height: 630px;
    padding: 80px 70px 25px;
}.login_right {
    background: #f0f3f6;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    min-height: 100%;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-bg .container .col-md-7, .login-bg .container .col-md-5 {
    padding: 0 !important
}
.login-bg .logo {
    text-align: center;
    margin-bottom: 50px;
    display: block;
    width: 100%;
    margin-left: 0 !important;
}

.login-bg .text_input label {
    display: block;
    font-family: 'MarkPro';
    font-size: 15px;
    color: #5c5c5c;
    padding-left:  0px;
    position: relative;
    margin-bottom: 20px;
    font-weight: 500;
}
.login-bg .text_input input, .login-bg .text_input textarea {
    background: #f0f3f6;
    width: 100%;
    height: 50px;
    border-radius: 12px;
    border: 0;
    font-family: 'MarkPro';
    font-size: 18px;
    color: #5c5c5c;
    padding-left: 15px;
    outline: none;
}
 
.login-bg span.icon_user {
    margin-right: 20px;
}

.login-bg .text_input {
    margin-bottom: 30px;
    position: relative;
}
.login-bg button {
    position: relative;
    border: 0;
    font-family: 'MarkBold';
    font-size: 18px;
    color: #fff;
    text-align: center;
    height: 50px;
    width: 100%;
    background: #8aa328;
    border-radius: 12px;
    margin-top: 20px;
}

 .login-bg .row {

    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
}

.login_right h1 {
    font-family: 'MarkBold';
    font-size: 30px;
    color: #1e8acb;
    margin-bottom: 0;
    margin-top: 50px;
    text-align: right;
}

.login_right h1 span {
    display: block;
    font-weight: 400 !important;
    font-family: 'MarkPro';
}

/** popup **/

.form-telechargement {
    padding: 30px 15px;
    background-color: #fff;
    display: inline-block;
    width: 100%;
}
form#form-telechargement input[type="email"],
form#form-telechargement input[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    font-family: 'MarkMedium';
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}


form#form-telechargement .center-block {
    width: 100%;
    display: block;
    clear: both;
}
input#envoyer {
    display: block;
    width: 194px;
    height: 42px;
    margin: 0px auto;
    background-color: #1e8acb;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
    border: 0px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-form__.png);
    background-position: 0px -252px;
}
  
form#form-telechargement input[type="email"] {
    padding-left: 40px;
    background-position: 0px -254px;background-image: url(../images/icon-form.png);  background-repeat: no-repeat;
}

form#form-telechargement input#contactForm_organisme {
      background-position: -1px -201px !important;   
    padding-left: 40px; background-repeat: no-repeat;  background-image: url(../images/icon-form.png);
}
input#contact_press_entite,
input#contact_press_fonction,
input#contact_press_nom,
input#contact_press_prenom,
form#form-telechargement input#contactForm_nom,
form#form-telechargement input#contactForm_prenom {
    background-position: 0px -200px;  
    padding-left: 40px;  background-repeat: no-repeat; background-image: url(../images/icon-form.png);
}form[name="contact"]
button.btn.back-blue.input-botton-send.pull-right {
    float: left !important;
}

form[name="contact"] label ,
form[name="candidate"] label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
}.bloc-contact p {
    font-family: 'MarkPro';
    font-size: 16px;
    color: #454545;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 400;
}
 
input#contact_press_adressemail {
    background-position: 0px -255px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-form.png);
}

form#form-telechargement input:-internal-autofill-selected {
     background-image: none !important;
    background-color: transparent !important
}.errore-page-404 .error-template {
  text-align: center;
  padding: 70px 20px;
}
.listes-botton-offer a.icon-btn.icon-telecharger {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
/*
.botton-statut.style_red {
    border: 1px solid red;
    color: red;
}*/

.pagination>li>a, .pagination>li>span {
  
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
article.row.article-item a.date-actualites.color-blue {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.top-content p {
    color: #333 !important;
}
 span.btn.btn-default.btn-attribue {
    border: 1px solid red !important;
    color: red !important;
} .list-appels-offers li {
    border-bottom: 0;
}

.alert-danger {
 
    display: block;
    width: 100%;
    clear: both;
}

 form[name="contact_press"] textarea::placeholder{ 
    color: #999999 !important;
    font-family: 'MarkMedium' !important;
    font-weight: 500 !important
 }

form[name="contact_press"] input::placeholder,
form#form-telechargement input::placeholder{
    color: #999999 !important;
    font-family: 'MarkMedium' !important;
}

    form[name="contact_press"] textarea:focus,
    form#form-telechargement input:focus,
    form[name="contact_press"] input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}


form#form-telechargement label {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #23a4f2 !important;
}