.example {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}

@font-face {
    font-family: 'Robotot';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin-webfont.woff') format('woff'), url('fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('fonts/Roboto-Thin-webfont.svg#fonts/Robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Robotol';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#fonts/Robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Robotom';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#fonts/Robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Robotor';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#fonts/Robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Robotob';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#fonts/Robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    /* background-color: #ccc; */
    /* border-left: 1px solid #ccc; */
}

::-webkit-scrollbar-thumb {
    background-color: #002c4d;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #002c4d;
}

::-moz-selection {
    background-color: #002c4d;
    color: #fff;
}

::selection {
    background-color: #002c4d;
    color: #fff;
}


/*==================== Base ====================*/

* {
    outline: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Robotor';
    font-size: 13px;
    color: #0b5281;
    line-height: 22px;
}

ul,
ol,
li {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

a {
    cursor: pointer;
}

select:focus,
select:hover {}

a:hover,
a:focus {
    outline: 0;
    /* text-decoration: underline; */
}

.nav > li > a:hover,
.nav > li > a:focus {
    /* background: transparent; */
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Robotol';
    font-size: 13px;
    /* text-transform: uppercase; */
    text-align: left;
    /* color: #fff; */
}

h2 {
    font-size: 30px;
}

img {
    /* max-width: 100%; */
    height: auto;
}


/*======================== Header =========================*/

header {
    min-height: 85px;
    background: #fff;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}

.logo {}

nav ul li a img {
    /* margin-right: 5px; */
}

.menu-top {
    float: right;
}

.menu-top ul {
    margin-right: 15px;
    padding-top: 12px;
    float: right;
}

.menu-top ul li {
    height: 20px;
    float: left;
}

.menu-top ul li a {
    text-transform: uppercase;
    font-weight: 500;
}

.menu-top ul li + li {
    margin-left: 20px;
}

.menu-top ul li:last-child {
    margin-left: 25px;
}

.logo-akwa {
    clear: both;
    float: right;
    /* margin-top: 0; */
}

#menu-global {
    background: #27aae1;
    width: 100%;
    /* overflow: hidden; */
    /* height: 65px; */
}

#menu-global ul {
    line-height: 60px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}

#menu-global li + li {
    /* margin-left: 1.3%; */
}

#menu-global li {
    display: inline-block;
}

#menu-global li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
}

#menu-global nav ul li a img {
    margin-right: 5px;
}

#menu-global nav ul li.espace-client {
    background: orange;
    padding: 0 5px;
}

li.espace-client span {
    /* color: orange; */
}


/*=========== slider ===========*/

#slider li {
    position: relative;
}

#slider li img {
    width: 100%;
    /* height: 350px; */
    top: -268px;
    position: absolute;
}

#slider li .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 38, 73, .5);
    /* top: 0px; */
}

#slider li .parg {
    display: table;
}

#slider li .parg .descpage {
    font-family: Robotob;
    width: 70%;
    display: table-cell;
    font-size: 20px;
    color: #fff;
    height: 100px;
    vertical-align: middle;
    padding-top: 8px;
    line-height: 28px;
}

#slider .prev-next {
    float: right;
    width: 42px;
    top: 8px;
    position: relative;
}

#slider .prev-next button {
    width: 100%;
    text-indent: 9999px;
    border: 1px solid #DAE1E9;
    height: 42px;
}

#slider .prev-arrow {
    background: url('../images/arrow-left.png') no-repeat 50% 50% transparent;
}

#slider .next-arrow {
    background: url('../images/arrow-right.png') no-repeat 50% 50% transparent;
}

a.unslider-arrow {
    visibility: hidden;
}


/*============== Nous Connaitre =========*/

#nous-connaitre {
    position: relative;
    overflow: hidden;
    background: #30a8e0;
    /* padding: 40px 10px; */
    /* font-size: 21px!important; */
    text-align: justify;
    line-height: 27px;
}

#nous-connaitre h2 {
    font-family: Robotot;
    margin-top: 0;
    text-transform: uppercase;
    padding: 10px 0px;
    font-size: 25px;
    margin-bottom: 30px;
    color: white;
}

#nous-connaitre p {
    color: #fff;
    font-size: 13px;
    font-family: "robotol";
    /* margin-bottom: 30px; */
}

#nous-connaitre .left,
#nous-connaitre .right {
    width: 50%;
    float: left;
}

#nous-connaitre .right {
    position: absolute;
    right: 0;
    left: 50%;
    bottom: 0;
    top: 0;
}

#nous-connaitre .left {
    padding: 30px 50px 30px 0px;
}

#nous-connaitre img {
    /* height: 100%; */
    /* max-width: inherit; */
    width: 100%;
    position: absolute;
    bottom: -44px;
}

.savoir-plus {
    display: table!important;
    margin: auto!important;
    border: 1px solid #fff!important;
    color: #fff!important;
    font-family: 'Robotot'!important;
    padding: 4px 20px!important;
    text-transform: uppercase!important;
    font-size: 14px!important;
    margin-top: 30px!important;
}

a.savoir-plus:hover {
    color: #fff;
}


/*  Menu Mobile */

.slicknav_menu {
    display: none;
}

.slicknav_btn {
    border-radius: 0;
}

.slicknav_menu {
    background: #27aae1;
}

.slicknav_menu .slicknav_icon-bar {
    box-shadow: 0 1px 0#fff;
}

.slicknav_menu .slicknav_menutxt {
    color: #27AAE1;
    text-shadow: 0 1px 3px #fff;
}

.slicknav_btn {
    background-color: #fff;
}

.slicknav_btn {
    float: none;
    overflow: auto;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #27AAE1;
}

.slicknav_nav a:hover {
    background: rgba(255, 255, 255, .3);
    color: #fff;
    text-decoration: inherit;
}


/*====== Menu Centre ======*/

#menu-centre {
    background: #fff;
    /* padding-top: 20px; */
}

#menu-centre li:first-child {
    margin-left: 0;
}

#menu-centre li:last-child {
    margin-right: 0;
}

#menu-centre li {
    /* padding-bottom: 25px; */
}

#menu-centre li a {
    color: #0b5281;
}

#menu-centre li a img {
    /* margin-right: 0; */
}

#menu-centre .container {}

#menu-centre nav {}

#menu-centre nav span {
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 13px;
}

#menu-centre ul {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items: flex-start;
    padding: 25px 0;
}

#menu-centre li {
    display: inline-block;
    /* margin: 0 3.1%; */
}


/*====== actualites =======*/

#actualites {
    background: url('../images/actualites-bg.jpg') no-repeat 0 0;
    background-size: cover;
    overflow: hidden;
}

#actualites .child {
    width: 25%;
    float: left;
    overflow: hidden;
}

#actualites .child:nth-child(odd) {
    background: #fff;
    color: #0b5281;
}

#actualites h2 {
    color: #fff;
    padding: 30px 0;
    text-align: center;
    margin: 0;
}

#actualites .child h3 {
    color: inherit;
    margin-top: 0;
    font-size: 21px;
    text-align: center;
    /* background: red; */
    float: left;
    /* border: 1px solid red; */
    /* min-height: 78px; */
    position: relative;
    overflow: hidden;
}

#actualites .child:nth-child(even) {
    background: #30a8e0;
    color: #fff;
}

#actualites .child:nth-child(even) a {
    color: #fff;
}

#actualites .img img {
    min-width: 100%;
    height: 224px;
}

#actualites .content {
    padding: 20px 20px 0 20px;
    position: relative;
    /* background: orange; */
    float: left;
    /* margin-bottom: 52px; */
}

#actualites .content:before {
    content: "";
    position: absolute;
    top: -30px;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid;
    border-bottom-color: inherit;
    left: 50%;
    margin-left: -20px;
}

#actualites .child:nth-child(odd) .content {
    border-color: #fff;
}

#actualites .child:nth-child(even) .content {
    border-color: #30a8e0;
}

#actualites .child:nth-child(even) .lire-suite {
    background: #fff;
    display: table;
    margin: auto;
    padding: 12px 7px;
}

#actualites .child:nth-child(odd) .lire-suite {
    background: #30a8e0;
    display: table;
    margin: auto;
    padding: 12px 7px;
}

#actualites .savoir-plus {
    margin: 30px auto!important;
}


/*============= Menu Footer =============*/

footer {
    padding: 25px 0;
    padding-top: 20px;
    background: rgba(238, 238, 238, 0.54);
    margin-top: 36px;
}

#menu-Footer ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}

#menu-Footer ul li {
    display: inline-block;
    margin-bottom: 15px;
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    border-bottom: 2px solid rgba(255, 0, 0, 0);
    /* margin-bottom: 10px; */
}

#menu-Footer ul li + li {
    /* margin-left: 3.4%; */
}

#menu-Footer ul li a {
    color: #004577;
    text-transform: uppercase;
    font-size: 15px;
    /* display: table-caption; */
}


/*============= Menu Bottom =============*/

#menu-bottom ul {
    display: block;
    text-align: center;
    margin: 15px 0 25px 0;
}

#menu-bottom .container {
    border-bottom: 1px solid #30a8e0;
    position: relative;
}

#menu-bottom .container:before,
#menu-bottom .container:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 15px;
    background: #fff;
    bottom: -1px;
}

#menu-bottom .container:before {
    left: 0;
}

#menu-bottom .container:after {
    right: 0;
}

#menu-bottom ul li {
    display: inline-block;
}

#menu-bottom ul li + li {
    margin-left: 3.4%;
}

#menu-bottom ul li a {
    color: #004577;
    text-transform: uppercase;
    font-size: 12px;
}


/*============= Footer Bottom =============*/

#footer-bottom .container {
    display: block;
    text-align: center;
    position: relative;
}

#footer-bottom .logo {
    position: absolute;
    left: 15px;
    top: 15px;
}

#footer-bottom .tout-droit {
    position: absolute;
    /* right: -55px; */
    /* top: 20px; */
}

#footer-bottom ul {
    height: 60px;
    line-height: 60px;
}

#footer-bottom ul li {
    display: inline-block;
    height: 42px;
}

#footer-bottom ul li + li {
    margin-left: 20px;
}

#footer-bottom ul li a {
    color: #004577;
    text-transform: uppercase;
    font-size: 12px;
}


/*============== Loader ==============*/

#preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
}

#preloader .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -110px;
}

.loader,
.loader:before,
.loader:after {
    background: #004577;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}

.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader {
    text-indent: -9999em;
    position: absolute;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    left: 50%;
    top: 50%;
}

.loader:after {
    left: 1.5em;
}

@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}

@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0 #ffffff;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em #ffffff;
        height: 5em;
    }
}


/* */

ul.cont_espace-client {
    /*    line-height: 60px;*/
    text-align: center;
    display: block;
    padding-right: 10px;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;*/
}

ul.cont_espace-client li {
    display: inline-block;
}

ul.cont_espace-client li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    /* display: -webkit-box; */
    /* display: -webkit-flex; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    /* -webkit-align-items: center; */
    -ms-flex-align: center;
    /* align-items: center; */
}

ul.cont_espace-client li a img {
    margin-right: 5px;
}

ul.cont_espace-client li.espace-client {
    /* background: orange; */
    padding: 0 5px;
}

li.espace-client span {
    color: #004577;
    /* height: 55px; */
    /* background: red; */
    /* display: block; */
    /* margin-top: 5px; */
}

#footer-bottom .logo-akwa {
    position: relative;
    top: -40px;
    /* height: 19px; */
}

#footer-bottom .tout-droit {
    position: inherit;
    width: 100%;
    text-align: center;
}


/* */

.nous-connaitre_interne {
    background: #0b5281!important;
}

.content_interne {
    float: left;
    text-align: justify;
    padding-top: 40px;
    padding: 19px 17px 16px 0px;
}

img.img_conntre_interne {}

.bg_content_interne {
    height: 550px;
}

.menu-connaitre ul li a {
    background: #27aae1;
    background-image: -webkit-linear-gradient( 98deg, rgb(185, 214, 55) 0%, rgb(39, 170, 225) 100%);
    background-image: -ms-linear-gradient( 98deg, rgb(185, 214, 55) 0%, rgb(39, 170, 225) 100%);
    margin-bottom: 5px;
    padding: 14px 5px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.row-data h4 {
    float: left;
    left: 0px;
    color: #064f7f;
    font-family: "Robotom";
    text-transform: none;
    font-size: 19px;
}

.row_data_interne {
    float: left;
    /* height: 120px; */
    width: 100%;
    /* border: 1px solid red; */
}

.row-data h4:after {
    background: url("../images/icones/fleches.png");
}

h4.newsflash-title {
    background: url("../images/icones/fleches.png") center right;
    background-repeat: no-repeat;
    /* width: 210px; */
    height: 99px;
    padding-top: 19px;
    /* margin-right: -20px; */
    float: left;
    text-align: center;
    font-size: 13px;
}

.content_row_initial {
    /* background: red; */
    float: left;
    font-size: 15px;
    color: #898989;
    display: inline-block;
    font-family: "robotol";
    padding-top: 38px;
    padding-left: 30px;
}

h4.newsflash-title:before {
    background: red;
    height: 50px;
    width: 100%;
    content: "";
    position: absolute;
    margin-top: 20px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    float: left;
    left: 0px;
}

.row_data_interne:first-child .newsflash-title:before {
    background: url('../images/icones/dispo.png');
}

.row_data_interne:nth-child(2) .newsflash-title:before {
    background: url('../images/icones/flexi.png');
}

.row_data_interne:nth-child(3) .newsflash-title:before {
    background: url('../images/icones/reacti.png');
}

.row_data_interne:nth-child(4) .newsflash-title:before {
    background: url('../images/icones/experti.png');
}

.row_data_interne:nth-child(5) .newsflash-title:before {
    background: url('../images/icones/qualit.png');
}

.row_data_interne:nth-child(6) .newsflash-title:before {
    background: url('../images/icones/securite.png');
}

.row_data_interne:nth-child(7) .newsflash-title:before {
    background: url('../images/icones/apresvente.png');
}

h2.title {
    font-family: "Robotor";
    color: #27aae1;
    text-transform: uppercase;
    text-align: left !important;
    /* padding-top: 16px; */
    font-size: 25px;
}

p {}

.content_header {
    font-family: "robotom";
    font-size: 13px;
    text-align: center;
    margin-bottom: 21px;
    margin-top: -13px;
}

.download_pdf {
    font-size: 15px;
    color: #aee9ff;
    font-family: "robotol";
    text-align: center!important;
    width: 100%;
    display: block;
    /* transition: all ease-in-out 1s; */
    /* border-bottom: 1px solid transparent; */
}

.img_slider {
    overflow: hidden;
    height: 276px;
    position: relative;
    /* float: left; */
    /* background: red; */
}

.year_row {
    background: url('../images/chiffres.png');
    background-repeat: no-repeat;
    height: 34px;
    padding-left: 25px;
    color: white;
    background-size: cover;
    padding-top: 5px;
    font-family: "robotom";
    font-size: -5pc;
    /* background: red; */
    /* text-align: left; */
    /* color: red; */
}

.col-xs-2.col-sm-2.col-md-2.year_row {}

.row_data0 {
    margin-bottom: 30px;
}

.row_data0:after {
    /* content: ""; */
    /* height: 20px; */
    /* width: 40px; */
    /* background: url('../images/fleche-bas.png'); */
    /* position: absolute; */
    /* float: left; */
    /* left: 3.5%; */
    /* top: 50px; */
    /* background-repeat: no-repeat; */
}

.row_data0:last-child:after {
    background: none;
}

.detail_row {
    background: #004779;
    padding: 14px;
    color: white;
    text-align: center;
    font-family: "robotol";
    font-size: 12px;
    padding: 14px 30px;
}

.menu-connaitre {
    padding-right: 20px;
    margin-top: 69px;
}

.row_images {
    padding-left: 10px;
    overflow: hidden;
    /* border: 1px solid red; */
    /* margin-top: 15px; */
}

.row_images img {
    margin-bottom: 10px;
    height: 276.5px;
    max-width: inherit;
}

.menu-connaitre-top {
    margin-top: 20px;
}

div#date_cle_page {
    /* margin-top: 23px; */
}

h2#title_interne {
    text-align: left;
    /* padding-left: 250px; */
}

#date_cle_page h5 {
    color: #004779;
    font-family: "robotob";
    background: url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 13px;
    margin-bottom: 0px;
}

p {}

#date_cle_page {
    color: #898989;
    font-family: "robotol";
    font-size: 13px;
    line-height: 22px;
}

h3 {}

div#date_cle_page h3 {
    color: #004779;
    font-family: "robotom";
    font-size: 13px;
    margin: 0px;
}

div#row_2,
div#row_0 {
    background: #27aae1;
    color: white!important;
    position: relative;
}

div#row_2 h3,
div#row_2 h5,
div#row_0 h3,
div#row_0 h5 {
    color: white;
    margin-top: 17px!important;
}

div#row_2 {}

div#row_2 div#txt_data,
div#row_0 div#txt_data {
    float: right;
    background: #27AAE1;
}

div#img_data img {
    /* height: 130%; */
    max-width: inherit;
    /* max-height: 130%; */
    /* float: right; */
    width: 148px;
}

div#txt_data {
    padding: 10px;
    text-align: justify;
}

div#img_data {
    overflow: hidden;
    height: 100%!important;
    /* background: red; */
    float: left;
    /* width: 150px; */
}

.row_div_infra {
    margin-bottom: 20px;
}

div#chiffrecle {
    color: #898989;
    font-family: "robotol";
    font-size: 13px;
    line-height: 22px;
}

div#chiffrecle img {
    width: 66%;
    margin: 0px auto;
    display: block;
    /* margin-bottom: 50px; */
    -ms-transform: rotate(-16deg);
    /* IE 9 */
    /* -webkit-transform: rotate(-16deg); */
    /* Chrome, Safari, Opera */
    /* transform: rotate(-16deg); */
}

.qualite_durable dt {
    color: #004779;
    font-family: "robotom";
    background-repeat: no-repeat;
    font-size: 13px;
}

.qualite_durable {
    color: #898989;
    font-family: "robotol";
    font-size: 13px;
    line-height: 22px;
    /* margin-top: 20px; */
}

.qualite_durable ul li {
    color: #27aae1;
    font-family: "robotol";
    background: url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}

.qualite_durable ul {
    margin-bottom: 10px;
}

.fulltext_page {
    background: #075180;
    color: white;
    padding: 20px;
    margin-top: 20px;
    text-align: justify;
    margin-bottom: 50px;
    width: 100%;
}

.fulltext_page strong {
    font-family: "robotob";
    font-weight: normal;
    font-size: 15px;
}

.introtext_page {
    text-align: justify;
    padding-right: 20px;
}

li.unslider-active {}

#slider .prev-next {
    display: none !important;
}

#slider .prev-next {
    display: none !important;
}

.all_faq h5 {
    padding: 20px 10px;
    font-family: "robotob";
    font-size: 15px;
    color: #27aae1;
    background: #00487a url('../images/cercle.png') 20px;
    background-repeat: no-repeat;
    padding-left: 50px;
}

.year_row:after {
    content: "";
    height: 20px;
    width: 40px;
    background: url('../images/fleche-bas.png');
    position: absolute;
    float: left;
    left: 20px;
    top: 50px;
    background-repeat: no-repeat;
}

.row_data0:last-child .year_row:after {
    content: none;
}

.all_faq {
    color: #898989;
    font-size: 13px;
    /* font-family: "robotol"; */
    /* border: 1px solid red; */
}

li {}

.all_faq li {
    list-style: inherit;
    /* padding: 0px!important; */
}

.all_faq ul {
    /* background: red; */
    margin-left: 17px;
}

.all_faq strong {
    font-family: "robotob";
    font-weight: normal;
}


/*******************************/

h5.h5_contact {
    font-family: "robotob";
    color: #27aae1;
    font-size: 14px;
    background: url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-left: 18px;
}

.form.all_data_inputs {
    width: 100%;
    float: left;
}

.form.all_data_inputs input[type="text"],
.form.all_data_inputs textarea {
    /* background:red; */
    border: 1px solid #d4d4d4;
    outline: none;
    height: 32px;
    padding-left: 10px;
    font-family: "robotol";
    margin-bottom: 10px;
}

.form.all_data_inputs label {
    color: #27aae1;
    font-family: "robotol";
    font-size: 14px;
    font-weight: normal;
}

.form.all_data_inputs textarea {
    height: 117px;
    resize: none;
    padding-top: 10px;
}

input.inpt_submit {
    background-image: -webkit-linear-gradient( 60deg, rgb(249, 237, 50) 0%, rgb(0, 148, 68) 100%);
    background-image: -ms-linear-gradient( 60deg, rgb(249, 237, 50) 0%, rgb(0, 148, 68) 100%);
    width: 177px;
    height: 34px;
    color: white;
    text-transform: uppercase;
    border: none;
    font-family: "robotob";
    margin: 0px auto;
    display: block;
}

.cordonnes {
    background: #034c7d;
    margin-top: 20px;
    color: white;
    text-align: center;
    padding: 10px 20px;
    /* font-size: 22px; */
}

.cordonnes h2 {
    color: #27aae1;
    font-family: "robotob";
    font-size: 14px;
    background: url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 20px;
}

label.lab {
    font-family: "robotob";
    font-size: 14px;
    font-weight: normal;
}

.detail_infos {
    font-size: 15px;
    margin-bottom: 10px;
}

div#sendsucess {
    margin-top: 30px;
    border-radius: 0px;
    font-size: 14px;
}

li.item-115 img {
    width: 43px;
}

.col-xs-12.text-center {
    /* margin: -30px; */
    /* background: red; */
    width: 100%!important;
    display: block;
    margin-top: -30px;
}

.content_row_initial:last-child {
    /* background: red; */
}

.row_data_interne:last-child .content_row_initial {
    /* background: yellow; */
}

.row_data_interne:last-child {
    /* background: red; */
}

.row_data_interne:last-child h4.newsflash-title {
    background-position-y: 42px;
}

.row_connaitre_p {
    /* background: red; */
    float: left;
    margin-bottom: 20px;
}

.container {}

.img_slider img {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

div#txt_data p,
div#txt_data div {
    margin-bottom: 17px;
}

div#txt_data div {
    /* background: red; */
}

div#row_0 img {
    height: 639px;
}

div#row_0 h3 {
    margin-top: 17px;
}

#row_2 img {
    height: 359px;
    min-width: 100%;
}

div#row_2 h3,
div#row_1 h3,
div#row_3 h3 {
    margin-top: 17px;
}

div#row_1 img {
    height: 509px;
}

div#row_3 {
    /* background: yellowgreen; */
}

div#row_3 img {
    height: 696px;
}

.menu-nos-solution {
    /* border: 1px solid red; */
    margin: 0px auto;
    float: none;
}

.menu-nos-solution li:first-child a {
    background: url('../images/nos-solutions/menu-1.png') center center;
}

.menu-nos-solution li:nth-child(2) a {
    background: url('../images/nos-solutions/menu-2.png') center center;
}

.menu-nos-solution li:nth-child(3) a {
    background: url('../images/nos-solutions/menu-3.png') center center;
}

.menu-nos-solution li a {
    height: 193px;
    width: 100%;
    color: transparent;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

.col-xs-12.col-sm-10.col-md-7.menu-nos-solution h1 {
    font-family: "Robotot";
}

.menu-nos-solution h2 {
    padding: 0px;
}

.col-xs-12.col-sm-9.col-md-9.row-data {
    /* margin: 0px auto; */
    /* float: none; */
}

.menu-particulier {
    width: 100%;
    background: url('../images/particuliers/particuliers.png') center center;
    background-size: cover;
    height: 150px;
    margin-bottom: 44px;
}

.all-particulier {
    float: none;
    margin: 0px auto;
    margin-bottom: 40px;
    /* float: left; */
    /* width: 100%; */
    /* background: red; */
}

.menu-particulier li {
    float: left;
    width: 18%;
    height: 100%;
}

.menu-particulier li a {
    width: 100%;
    color: transparent;
    height: 100%;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
}

.menu-particulier li:first-child a {
    background: url('../images/particuliers/menu-nos-solutions.png');
}

.menu-particulier li:nth-child(2) a {
    background: yellow;
    background: url('../images/particuliers/menu-nos-produits.png');
    /* background-size: 21px!important; */
}

.menu-particulier li:nth-child(3) a {
    background: orange;
    background: url('../images/particuliers/menu-conseil-assistance.png');
}

.menu-particulier li:nth-child(4) a {
    background: green;
    background: url('../images/particuliers/menu-efficacite.png');
    background-size: 148px!important;
}

.menu-particulier ul {
    height: 100%;
    width: 100%;
}

.menu-particulier .current.active a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

h2.all_part {
    text-align: left;
}

#menu-prof {
    background: url('../images/particuliers/professionnel.png') center center!important;
    background-size: cover!important;
}

#menu-partenaire {
    background: url('../images/particuliers/partenaire.png') center center!important;
    background-size: cover!important;
}

.particulier-content strong {
    font-family: "robotob";
}

.particulier-content {
    font-family: "robotor";
    float: left;
    margin-bottom: 31px;
    text-align: justify;
    left: 0px;
    width: 100%;
}

.intro_txt {
    font-family: "robotor";
    color: #004779;
    margin-bottom: 11px;
    font-size: 13px;
}

span.txt_italic_gris {
    /* font-style: italic; */
    font-size: 14px;
    color: #898989;
}

.txt_row {
    /* margin-top: 40px; */
    /* margin-bottom: 20px; */
    /* background: red; */
    /* height: 46px; */
}

.row6 img {
    float: left;
    height: 83px;
    margin-right: 30px;
}

.row6 {
    /* border: 1px solid red; */
    margin-bottom: 20px;
    color: #27aae1;
}

.bold_title {
    font-family: "robotob";
    font-size: 15px;
    /* width: 100%; */
    display: block;
}

span.txt_content {
    font-size: 13px;
}

.col-xs-12.col-sm-12.col-md-10.all-particulier {
    font-size: 16p;
}

.h3_interne_content {
    font-family: "robotob";
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.content_txt {
    font-size: 13px;
    /* line-height: 22px; */
}

h3#title_table1,
h3#title_table2 {
    text-align: center;
}

.particulier-content div#table1_rows {
    background: url('../images/bg-comparatif.png') no-repeat;
    color: white;
    padding: 13px 50px;
    background-size: cover;
}

.particulier-content div#table2_rows {
    background: url('../images/bg_but_prop.png') no-repeat;
    color: white;
    padding: 13px 50px;
    background-size: cover;
}

.table-responsive {}

.table-responsive th {
    color: #27aae1;
    font-size: 16px;
    font-family: "robotob";
    text-align: center;
    position: relative;
    /* padding-left: 50px!important; */
}

.table-responsive td {
    text-align: center;
    color: white;
    /* border: 1px solid yellow; */
    font-size: 15px;
    font-family: "robotol";
    padding-top: 14px!important;
}

.table-responsive table {
    padding: 10px;
    /* background: red; */
    /* display: inline-table; */
    /* width: 100%; */
}

.table-responsive tr td:nth-child(2) {
    border-right: 1px solid #879ca5;
    border-left: 1px solid #879ca5;
}

.table-responsive tr:nth-child(1) td {
    border-top: none;
}

.table-responsive th:before {
    position: absolute;
    height: 13px;
    width: 13px;
    background: url('../images/cercle.png');
    content: "";
    background-size: contain;
    /* left: 10px; */
    margin-left: -24px;
    margin-top: 4px;
}

div#table2_rows .row_tr_table td,
div#table2_rows .row_tr_table th {
    width: 25%;
    text-align: center;
}

div#table2_rows thead tr:first-child {
    margin-bottom: 13px;
    padding-bottom: 18px!important;
}

div#table2_rows tr:first-child .th_table {
    border: none;
}

.th_table {
    text-align: left!important;
    padding-top: 14px!important;
}

div#table2_rows tr:first-child .th_table {
    padding-top: 35px!important;
}

div#table2_rows tr:first-child td:nth-child(2) {
    padding-top: 22px;
}

h1.h1_title_mas {
    font-size: 25px;
    font-family: "robotob";
}

h1.h1_title_mas img {
    width: 64px;
    /* position: absolute; */
    /* display: -webkit-inline-box; */
    /* margin-top: 20px; */
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}

.div_content_txt {
    font-size: 13px;
    color: #898989;
}

.title_page_center .row1 {
    font-family: "robotol";
    font-size: 18px;
    color: #27aae1;
    text-transform: uppercase;
}

.title_page_center span.row2 {
    font-style: italic;
    color: #064f7f;
    font-size: 14px;
    float: right;
}

.autoplay.row_page {
    margin-top: 40px;
    margin-bottom: 40px;
}

button.slick-prev.slick-arrow {
    bottom: 0px;
    position: absolute;
    left: 0px;
}

button.slick-next.slick-arrow {
    float: right;
    position: absolute;
    right: 0px;
    bottom: 0pc;
}

.slick-track {
    border-bottom: 1px solid #0b5281;
}


/*img.img_conntre_interne {
    position: relative!important;
}*/

img.img_slider_livraison {
    height: 100%;
}

img.img_page_infra {
    min-width: 100%!important;
    width: initial!important;
}

div#row_0 .img_page_infra {
    margin-left: -280px;
}

.content_img_infra {
    border-radius: 230px;
    height: 150px;
    width: 150px;
    border: 5px solid #27aae1;
    overflow: hidden;
    padding: 0px;
    margin: 0px auto;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.content_img_infra img {
    height: 100%;
    width: 100%!important;
    display: block;
}

.border-blan {
    border-radius: 230px;
    height: 140px;
    width: 140px;
    border: 5px solid white;
    overflow: hidden;
}

.content1_cercle h3 {
    font-family: "robotor";
    font-size: 17px;
    color: #32aee2;
    text-transform: uppercase;
    text-align: center;
    width: 201px;
    /* background: red; */
    margin: 10px auto;
}

.cercle_infra {
    width: 80%;
    margin: 0px auto;
}

.content_img_infra:hover {
    border-color: #004779;
}

img.img-bourse {
    /* height: 280px; */
    top: -360px;
}

.qualite_durable div#img_data img {
    width: 100%;
}

.menu-connaitre ul li a:hover {
    background: rgb(0, 71, 121);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.menu-connaitre .current.active a {
    background: #33aed3!important;
}

#menu-Footer ul li:hover {
    /* border-color: #0b5281; */
}

#menu-bottom ul li:hover,
#footer-bottom ul li:hover,
ul.cont_espace-client li a:hover {
    /* border-color: #0b5281; */
}

#menu-bottom ul li,
#footer-bottom ul li,
ul.cont_espace-client li a {
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    border-bottom: 1px solid rgba(255, 0, 0, 0);
    padding: 0px 15px;
    /* background: red; */
}

#footer-bottom ul li a {}

#menu-global .current.active span {
    color: #0b5281;
}

#menu-global li a:after,
#menu-global li:after {
    /* */
    content: "";
    width: 36px;
    height: 31px;
    position: absolute;
    float: left;
    /* right: 0px; */
    top: 14px;
    left: 0px;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    /* background-size: contain!important; */
    /* margin-right: 11px; */
    /* right: 27px; */
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

#menu-global li a {
    padding: 0px 29px;
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    /* background: rgb(255, 255, 255); */
    padding-left: 40px;
    /* border-bottom: 5px solid #0c5887; */
}

#menu-global .item-110:after {
    background: url('../images/menu/professionnelle.png');
}

#menu-global .item-110:hover:after,
#menu-global .item-110.active:after {
    background: url('../images/menu/professionnelle-h.png');
}

#menu-global .item-108 a:after {
    background: url('../images/menu/connaitre-1.png');
}

#menu-global .item-108 a:hover:after,
#menu-global .item-108.active a:after {
    background: url('../images/menu/connaitre-h.png');
}

#menu-global .item-109 a:after {
    background: url('../images/menu/particulier.png');
}

#menu-global .item-109 a:hover:after,
#menu-global .item-109.active a:after {
    background: url('../images/menu/particulier-h.png');
}

#menu-global .item-111 a:after {
    background: url('../images/menu/partenaires.png');
}

#menu-global .item-111 a:hover:after,
#menu-global .item-111.active a:after {
    background: url('../images/menu/partenaires-h.png');
}

#menu-global .item-112 a:after {
    background: url('../images/menu/actualites-1.png');
}

#menu-global .item-112 a:hover:after,
#menu-global .item-112.active a:after {
    background: url('../images/menu/actualites-h.png');
}

#menu-global .item-113 a:after {
    background: url('../images/menu/contact-1.png');
}

#menu-global .item-113 a:hover:after,
#menu-global .item-113.active a:after {
    background: url('../images/menu/contact-h.png');
}

#menu-global .current.active a {
    color: #0b5281;
}

#menu-global li:hover a {
    color: #034c7d;
    -webkit-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

#menu-global .current.active {
    /* border-bottom: 5px solid #0c5887; */
}

#menu-global li:hover {
    /* border-bottom: 5px solid #0c5887; */
    /* background: rgba(255, 255, 255, 0.26); */
}

.title_page_center {}

.title_page_center {
    margin-top: 20px;
}

.slick-slide h4 {
    font-family: "robotob";
    color: #27aae1;
    font-size: 15px;
    text-align: center;
    position: relative;
}

.slick-slide span {
    font-family: "robotol";
    text-align: center;
    display: block;
    color: #27aae1;
    font-size: 15px;
    /* background: red; */
    margin-bottom: 20px;
    padding: 0px 10px;
    min-height: 132px;
}

.slick-slide img {
    margin: 0px auto;
    /* width: 180px; */
    /*max-height: 173px;*/
    max-height: 374px;
    /* float: left; */
    /* bottom: 0px; */
}

.slick-slide h4:before,
.row_installation h4:before {
    position: absolute;
    height: 13px;
    width: 13px;
    background: url('../images/cercle.png');
    content: "";
    background-size: contain;
    /* left: 10px; */
    margin-left: -24px;
    margin-top: 4px;
}

button.slick-arrow {
    background: url("../images/nav.png");
    border: none;
    height: 35px;
    background-repeat: no-repeat;
    color: transparent;
    z-index: 99999999999;
}

button.slick-next.slick-arrow {
    -ms-transform: rotate(20deg);
    /* IE 9 */
    -webkit-transform: rotate(20deg);
    /* Safari */
    transform: rotate(180deg);
}

button.slick-prev.slick-arrow {
    /* float: left; */
}

.row_installation h4 {
    font-family: "robotob";
    color: #27aae1;
    font-size: 15px;
    text-align: center;
    position: relative;
}

.row_installation img {
    margin: 0px auto;
    float: right;
    /* width: 250px; */
    /* width: 208px; */
    float: none;
    display: block;
    margin-top: 30px;
}

img.det3 {
    /* width: 138px; */
    /* float: none; */
    /* display: block; */
    float: right;
}

.row2insta:after,
.row2insta:before {
    background: url("../images/plus.png");
    content: "";
    position: absolute;
    /* right: 9px; */
    top: 120px;
    height: 62px;
    width: 62px;
    background-repeat: no-repeat;
    /* background-size: contain; */
}

.rowinsta {
    position: relative;
}

.rowinsta:last-child:after {
    background: none;
}

.row_installation {
    /* background: red; */
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

h4:before {}

.row_attention {
    float: left;
    width: auto;
    /* background: red; */
    margin: 40px auto;
    float: none;
    display: table;
}

.row_left_produit {
    float: left;
    margin-right: 20px;
}

span.row1 {}

.row_right_produit .row1 {
    font-size: 13px;
    color: #898989;
}

span.txt_blue {
    /* font-size: 13px; */
    /* color: #27aae1; */
    font-size: 13px;
    color: #898989;
}

h3#title_table3 img {
    width: 19px;
    margin-right: 11px;
    float: left;
}

.row_insta h3 {
    /* padding-top: 1px; */
}

.row_right_produit {
    float: left;
}

.row_right_produit ul li {
    color: #1da6e0;
    list-style: disc;
}

.slick-slide {
    position: relative;
}

.slick-slide:after {
    content: "";
    width: 2px;
    height: 230px;
    background: #eaeaea;
    position: absolute;
    top: 80px;
    right: 0px;
}

img#img1-row {
    float: left;
}

.row2insta:after {
    float: right;
    right: -71px;
}

.row2insta:before {
    left: -68px;
}

h4 {}

.rowins1 h4 {
    text-align: left;
    padding-left: 60px;
}

.rowins3 h4 {
    padding-left: 150px;
}

.txt_row h1 {
    font-family: "robotob";
    font-size: 14px;
    text-transform: uppercase;
    /* background: red; */
    height: 64px;
}

.txt_row h1 img {
    width: 60px;
    margin-right: 10px;
}

.txt_row li {
    font-size: 13px;
    color: #898989;
    padding-right: 30px;
    text-align: justify;
    margin-bottom: 8px;
    /* list-style: inherit; */
    /* list-style-type: hiragana-iroha; */
    position: relative;
    /* cursor: pointer; */
}

.all_content_div,
.all_content_div_conseil {
    /* border: 1px solid red; */
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.all_content_div .txt_row {
    margin: 0px;
}

.txt_row li:before {
    content: ".";
    color: #85d7ff;
    font-size: 26px;
    position: absolute;
    left: -12px;
    top: -3px;
}

.all_content_div_conseil img {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.all_content_div_conseil .questionnaie {
    font-family: "robotob";
    font-family: "robotob";
    color: #27aae1;
    font-size: 13px;
    /* text-align: center; */
    /* position: relative; */
    margin-bottom: 20px;
    display: block;
    width: 100%;
    padding-right: 30px;
    /* text-align: center; */
}

.contet_txt {
    padding-right: 30px;
    text-align: justify;
    font-size: 13px;
    color: #898989;
}

.content_attention {
    background: #e61212;
    float: left;
    width: 100%;
    color: white;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 10px;
    font-size: 14px;
    position: relative;
    font-family: "robotob";
    margin-bottom: 32px;
}

.content_attention:after,
.content_attention:before {
    background: url('../images/attention.png');
    content: "";
    position: absolute;
    height: 36px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
}

.content_attention:after {
    /* float: right; */
    /* right: 0pc; */
    margin-left: 50px;
}

.content_attention:before {
    margin-left: -85px;
    /* float: left; */
}

.catItemView.groupLeading {
    background: #30a8e0;
    color: white;
}

.all_item_first {
    background: #30a8e0;
    color: white;
    height: 195px;
    margin-bottom: 20px;
}

.div_gellerie {
    float: left;
    height: 100%;
    background: #30a8e0;
    /* width: 260px; */
    overflow: hidden;
    /* height: 170px; */
}

.div_into {
    float: left;
    background: #30a8e0;
    padding: 10px 10px;
    height: 100%;
    /* min-height: 170px; */
}

.div_gellerie img {
    min-width: 100%;
    /* height: 100%; */
    /* min-height: 148px; */
    display: block;
}

.catItemView.groupLeading {
    height: 100%;
    width: 100%;
}

h3.catItemTitle a {
    font-family: "robotot";
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    /* background: yellow; */
    max-height: 60px;
    display: block;
    margin-bottom: 20px;
}

span.catItemDateCreated {
    /* float: right; */
    color: white;
    font-family: "robotob";
    /* top: 26px; */
    /* right: 10px; */
}

h3.catItemTitle {
    float: left;
    padding: 0px;
    margin: 0px;
}

div#itemListLeading {
    width: 100%;
}

.catItemReadMore a {
    position: absolute;
    bottom: 1px;
    float: right;
    right: 1px;
    background: white url('../images/actu-detail-blue.png') center center no-repeat;
    height: 30px;
    width: 40px;
    display: block;
}

.catItemView.groupPrimary {
    min-height: 170px;
    /* background: yellow; */
    float: left;
    height: 100%;
}

.itemContainer {
    overflow: hidden;
    background: #30a8e0;
    float: left;
    min-height: 170px;
    margin-bottom: 25px;
}

.catItemIntroText {
    color: white;
    height: 100%;
    /* background: red; */
    /* overflow-x: auto; */
    width: 99%;
    /* max-height: 80px; */
}

span.catItemImage {
    /* min-height: 170px; */
}

.div_gellerie .catItemBody {
    background: yellow;
    height: 100%;
    /* height: 170px; */
}

div#itemListLeading .div_gellerie img {
    width: 100%;
}

@media (min-width: 992px) {
    .col-md-66 {
        width: 49%;
    }
    #itemListPrimary .itemContainer:nth-child(2n) {
        /* background: red; */
        float: right;
    }
}

@media (min-width: 768px) {
    .col-sm-66 {
        width: 49%;
    }
    #itemListPrimary .itemContainer:nth-child(2n) {
        /* background: red; */
        float: right;
    }
}

#itemListPrimary .itemContainer:nth-child(2n) {
    /* background: red; */
    float: right;
}

div#k2Container h2 {
    background: #0b5281;
    padding-left: 60px;
    color: #30a8e0;
    font-family: "robotob";
    font-size: 16px;
    padding: 16px 0px 16px 53px;
    text-transform: capitalize;
    background: #0b5281 url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 58px;
    position: relative;
    background-position-x: 29px;
    display: none;
}

.prof_h2 {
    text-align: center!important;
}

#itemListLeading .catItemDateCreated {
    position: absolute;
    top: 8px;
    float: right;
    right: 10px;
    font-family: "robotob";
    font-size: 14px;
}

div#itemListPrimary .catItemDateCreated {
    display: block;
    font-family: "robotob";
    font-size: 14px;
}

.pagination-prev a,
.pagination-prev span,
.pagination-next a,
.pagination-next span {
    background: -webkit-linear-gradient(51deg, rgb(210, 223, 53) 0%, rgb(166, 207, 56) 42%, rgb(114, 189, 60) 84%, rgb(96, 182, 61) 100%);
    background: linear-gradient(39deg, rgb(210, 223, 53) 0%, rgb(166, 207, 56) 42%, rgb(114, 189, 60) 84%, rgb(96, 182, 61) 100%);
    height: 42px;
    width: 182px;
    display: block;
    float: left;
    text-align: center;
    color: white;
    font-family: "robotob";
    font-size: 16px;
    padding-top: 10px;
    text-transform: uppercase;
}

.k2Pagination {
    margin: 0px auto;
    display: table;
    margin-bottom: 40px;
}

.k2Pagination li {
    float: left;
    margin: 0px 12px;
}

li.pagination-end {
    display: none;
}

.k2Pagination li:not(.pagination-prev):not(.pagination-next) {
    display: none;
}

.k2Pagination li span {
    color: rgba(255, 255, 255, 0.55)!important;
}

.particulier-content .h1_title_mas {
    padding-top: 20px;
    /* margin-top: 20px; */
    float: left;
    width: 100%;
    padding-left: 80px;
    position: relative;
}

#footer-bottom .logo-akwa img {
    /* height: 31px; */
    width: 80px;
    float: right;
}

div#menu-Footer .hvr-underline-from-center:before,
#menu-bottom .hvr-underline-from-center:before {
    bottom: -8px;
}


/* premi??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????re ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????tape */

h4.newsflash-title:before:hover {
    background-color: #ff8c00;
    /* pour les vieux navigateurs */
    color: black;
    -webkit-animation-name: doigt;
    animation-name: doigt;
    /* nom de l'animation */
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    /* temps de l'animation (4s) */
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /* nombre de boucles (infinie) */
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    /* accel??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????ration de l'animation (constant) */
}


/* deuxi??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????me ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????tape */

@-webkit-keyframes doigt {
    0% {
        background: rgba(255, 140, 0, 0.4) url(/images/main.png) no-repeat 5px 10px;
    }
    50% {
        background: rgba(255, 140, 0, 1) url(/images/main.png) no-repeat 50px 10px;
    }
    100% {
        background: rgba(255, 140, 0, 0.4) url(/images/main.png) no-repeat 5px 10px;
    }
}

@keyframes doigt {
    0% {
        background: rgba(255, 140, 0, 0.4) url(/images/main.png) no-repeat 5px 10px;
    }
    50% {
        background: rgba(255, 140, 0, 1) url(/images/main.png) no-repeat 50px 10px;
    }
    100% {
        background: rgba(255, 140, 0, 0.4) url(/images/main.png) no-repeat 5px 10px;
    }
}

.catItemReadMore {
    /* position: absolute; */
    /* right: 0px; */
    /* bottom: 0px; */
}

h2.title-dossier-presse {
    background: #0b5281;
    /* text-align: center; */
    padding-left: 60px;
    color: #30a8e0;
    font-family: "robotob";
    font-size: 16px;
    padding: 16px 0px 16px 53px;
    text-transform: capitalize;
    background: #0b5281 url('../images/cercle.png') left;
    background-repeat: no-repeat;
    padding-left: 58px;
    position: relative;
    background-position-x: 29px;
    margin-top: 43px;
    display: none;
}

.content_dossier_press.container li {
    float: left;
    width: 100%;
    font-family: "robotom";
    color: #2ba8e0;
    font-size: 13px;
    margin-bottom: 11px;
    border-right: 6px solid #2ba8e0;
    padding-left: 41px;
    background: url("../images/pdf.png") left no-repeat;
    background-size: contain;
}

.content_dossier_press.container li a {
    font-family: "robotom";
    color: #2ba8e0;
    font-size: 13px;
}

.content_dossier_press.container li:nth-child(2n) {
    float: right;
}

.item-page .itemImageBlock img {
    width: 34%;
    float: left;
    margin-right: 19px;
}

.item-page .itemIntroText strong {
    font-family: "robotob";
}

.itemAuthorLatest h3 {
    font-family: "Robotot";
    color: #27aae1;
    text-transform: uppercase;
    text-align: center;
    /* padding-top: 16px; */
    font-size: 25px;
}

ul {}

.itemAuthorLatest ul {
    /* background: red; */
    display: block;
    height: 262px;
    position: relative;
}

.itemAuthorLatest ul li {
    /* background: yellow; */
    height: 100%;
    margin-bottom: 11px;
}

.itemAuthorLatest .catItemDateCreated {
    /* background: red; */
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.catItemIntroText strong {
    font-family: "robotob";
}

.itemAuthorLatest ul li:last-child {
    float: right;
}

.content_dossier_press.container {
    margin-bottom: 43px;
}

h2.itemTitle .itemDateCreated {
    float: right;
    padding-right: 7px;
}

span.italic {
    font-family: "robotol";
    color: #898989;
    font-size: 17px;
    font-style: italic;
    margin: 10px 0px;
    display: block;
}

.row_img_sp img {
    height: 71px;
    float: left;
    margin-right: 14px;
}

.row_img_sp {
    /* border: 1px solid red; */
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #27aae1;
}

.row_img_sp h1 {
    font-family: "robotob";
}

.row_assis {
    color: #27aae1;
    position: relative;
}

.row_assis li:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #27aae1;
    position: absolute;
    left: 3px;
    border-radius: 10px;
    top: 9px;
}

.row_assis li {
    padding-left: 19px;
    position: relative;
}

span.sp-foot {
    width: 100%;
    /* border: 1px solid green; */
    display: block;
    float: left;
    font-family: "robotor";
    color: #024d7d;
    font-size: 13px;
    margin: 10px 0px;
}

.div-part {
    float: left;
    width: 100%;
    /* border: 1px solid darkgoldenrod; */
    margin-bottom: 11px;
    color: #27aae2;
}

.div-part img {
    float: left;
    margin-right: 16px;
    height: 71px;
    margin-bottom: 17px;
}

.div-part h1 {
    font-family: "robotob";
    color: #27aae1;
    font-size: 16px;
}

.tex {
    width: 100%;
    float: left;
    text-align: justify;
    padding-right: 16px;
    margin-top: 19px;
}

.img img {
    height: 170px;
    float: right;
}

.avantage {
    float: left;
    width: 100%;
}

.avantage h5 {
    font-size: 16px;
    font-family: "robotob";
    text-align: center;
}

.content-nos-produits-pro .div_content_txt {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.row_avantage {
    margin-right: 40px;
}

.row_avantage:last-child {
    margin: 0px;
    /* background: red; */
}

.title_avantage {
    font-size: 12px;
    color: #27aae1;
    font-family: "robotob";
    text-align: center;
}

.img_avantage span {
    font-family: "robotob";
    font-size: 27px;
    float: left;
    margin-top: 46px;
}

.citenrne_content {
    float: left;
    width: 100%;
    /* border: 1px solid #00c331; */
    color: #898989;
}

h3.gamme_title {
    float: left;
    width: 100%;
    font-size: 13px;
    font-family: "robotob";
}

.citenrne_content h6 {
    color: #55b7e5;
}

.table2res {
    background: url('../images/bg-cpro-pro.png') no-repeat!important;
    color: white;
    padding: 13px 50px;
    background-size: cover;
}

.table2res td {
    border: 1px solid #879ca5;
}

.table2res tr td:first-child {
    border-left: none;
}

.table2res tr td:last-child {
    border-right: none;
}

.table2res tr:last-child td {
    border-bottom: none;
}

.table2res tr th {
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #879ca5;
    text-align: center;
    padding-left: 15px!important;
}

.table2res tr th:first-child {
    /* background: red; */
    border-left: none;
}

.table2res tr th:last-child {
    border-right: none;
}

.all_content_div_conseil {
    /* margin-top: 26px; */
}

.assistance_citerne {
    float: left;
    /* border: 1px solid red; */
    color: #898989;
    margin-bottom: 21px;
}

.assistance_citerne h6 {
    font-family: "robotob";
    /* margin-top: 37px; */
    float: left;
    width: 100%;
}

.assistance_citerne li {
    color: #898989;
    padding-right: 26px;
    text-align: justify;
    /* background: red; */
    float: left;
    width: 100%;
}

.assistance_citerne span {
    color: #898989;
    margin-bottom: 14px;
    float: left;
    width: 100%;
}

.assistance_citerne .row_assis span {
    color: #27aae1;
}

span.title_sp_ch {
    display: inline-block;
    margin-top: 25px;
}

.txt_row h1 img {
    float: left;
}

.part-nos-solution h1 {
    font-family: "robotob";
    color: #27aae1;
    font-size: 17px;
    margin: 18px 0px;
}

img.img_part-nos-sol {
    width: 100%;
}

.part-prod-partic .questionnaie {
    font-family: "robotob";
    color: #27aae1;
    font-size: 13px;
    margin: 10px 0px;
    display: block;
    width: 100%;
    padding-right: 30px;
    float: left;
}

.part-prod-partic li:nth-child(1n) {
    float: left;
    width: 47%;
    /* padding-right: 25px; */
}

.part-prod-partic li:nth-child(2n) {
    float: right;
    width: 50%;
    /* right: 0px; */
}

.part-prod-partic .contet_txt {
    float: left;
    width: 100%;
    /* border: 1px solid red; */
}

.part-prod-partic li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 17px;
}

.part-prod-partic li:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #27aae1;
    position: absolute;
    left: 0px;
    border-radius: 10px;
    top: 9px;
}

.menu-particulier li.current.active:first-child a {
    background: url('../images/particuliers/menu-nos-solutions-r.png');
}

.menu-particulier li.current.active:nth-child(2) a {
    background: url('../images/particuliers/menu-nos-produits-r.png');
}

.menu-particulier li.current.active:nth-child(3) a {
    background: url('../images/particuliers/menu-conseil-assistance-r.png');
}

.menu-particulier li.current.active:last-child a {
    background: url('../images/particuliers/menu-efficacite-r.png');
}

.item_desc {
    /* float: left; */
    height: 100%;
    /* background: red; */
    /* margin-bottom: 52px; */
}

#actualites .lire-suite {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -24px!important;
}

.table-responsive thead tr:first-child th,
.table-responsive thead tr:first-child td {
    border: 1px solid #879ca5;
}

.table-responsive thead tr:first-child td {
    border-left: none;
}

.table-responsive thead tr:first-child th:last-child {
    border-right: none;
}

.table-responsive thead tr:first-child th {
    border-left: none;
}

.div_gellerie a {
    height: 100%;
}

table.table.table2_p td {
    border-right: 1px solid #879ca5;
}

table.table.table2_p tr td:last-child {
    border-right: none;
}

.table2_div {
    margin-top: 10px;
}

ul.afaire li {
    color: #23a042;
}

ul.anepasfaire li {
    color: #e61212;
}

ul.anepasfaire,
ul.afaire {
    float: left;
    width: 100%;
    margin-bottom: 11px;
}

.txt_page {
    float: left;
    width: 100%;
}

ul.ul_last {
    float: left;
    width: 100%;
}

.content_txt_act:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 153, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(0, 153, 255, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff', GradientType=0);
    content: "";
    position: absolute;
    bottom: 0;
    height: 47px;
    width: 100%;
}

.content_txt_act {
    position: relative;
    height: 228px;
    overflow: hidden;
    float: left;
    width: 100%;
    text-align: justify;
}

.wow:nth-child(2n) .content_txt_act:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(48, 168, 224, 0) 0%, rgb(48, 168, 224) 100%);
    background: linear-gradient(to bottom, rgba(48, 168, 224, 0) 0%, rgb(48, 168, 224) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff', GradientType=0);
    content: "";
    position: absolute;
    bottom: 0;
    height: 47px;
    width: 100%;
}

.wow:nth-child(2n) h3:after {
    /* content: ""; */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, rgb(48, 168, 224) 100%)!important;
    background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0%, rgb(48, 168, 224) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff', GradientType=0);
    /* content: ""; */
    position: absolute;
    bottom: 0;
    height: 47px;
    width: 100%;
}

#actualites .child h3:before {}

#actualites h3:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 153, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(0, 153, 255, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#ffffff', GradientType=0);
    /* content: ""; */
    position: absolute;
    left: 0px;
    bottom: 0;
    height: 47px;
    width: 100%;
}

@media (min-width: 1354px) {
    #row_2 #img_data {
        background: red;
        max-height: 359px!important;
    }
    #row_0 #img_data {
        max-height: 884px!important;
    }
    div#row_0 {
        height: 634px;
        overflow: hidden;
    }
}

.row1-page,
.row3-page {
    background: rgba(239, 239, 239, 0.61);
    padding: 0px 15px;
}

.row1-page,
.row2-page,
.row3-page,
.row4-page {
    margin: 10px 0px;
    float: left;
    width: 100%;
}

.img_av {
    text-align: center;
}

.itemAuthorLatest {
    float: left;
    width: 100%;
    margin-top: 38px;
}

ul.ul_plan h2 {
    font-family: "robotob";
    font-size: 16px;
}

ul.ul_plan {
    margin-top: 30px;
}

ul.ul_plan li ul {
    margin-left: 30px;
}

.ul_plan ul li {
    list-style-type: disc;
}

.ul_plan ul li ul li {
    list-style-type: circle!important;
}

.p_right_date_cle {
    float: right;
}

img.sliderchiffre {
    top: 0px;
}

.acc_title_bar.title_acoordion.default-title-bar {
    background-image: -webkit-linear-gradient( 0deg, rgb(171, 190, 64) 0%, rgb(39, 170, 225) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(171, 190, 64) 0%, rgb(39, 170, 225) 100%);
    width: 100%;
    padding: 15px 10px;
    float: left;
    cursor: pointer;
    margin-bottom: 20px;
    height: 65px;
}

.acc_title_bar div {
    color: white;
    float: left;
}

.left_title {
    font-family: "Robotob";
    font-size: 18px;
    height: 100%;
    padding-right: 10px;
    /* border-right: 1px solid white; */
    width: 22%;
    /* background: red; */
}

.right_title {
    font-family: "Robotob";
    font-size: 14px;
    height: 100%;
    border-left: 1px solid white;
    padding-left: 10px;
    width: 75%;
}

.plus_accor {
    width: 3%;
    background: url('../images/plus-accord.png') no-repeat center center;
    text-align: center;
    background-size: 16px;
    height: 26px;
    float: right!important;
    right: 0px;
}

.acc_container.contet_txt {
    float: left;
    width: 100%;
    margin: 10px;
}

div#accordion_1 {
    margin-top: 29px;
    float: left;
}

.acc_title_bar h6 {
    font-family: "Robotob";
    font-size: 14px;
    /* height: 100%; */
    /* border-left: 1px solid white; */
    /* padding-left: 10px; */
    width: 75%;
    margin: 0px;
    color: white;
}

.row_assis ul {
    margin-left: 85px;
    float: left;
}

.div-part span {
    /* border: 1px solid red; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.acc_container .row_assis ul {
    margin: 0px;
}

div#accordion_1 .h1_title_mas {
    margin-bottom: 41px;
}

.row_maison {
    float: left;
    width: 100%;
    /* border: 1px solid red; */
}

a.down {
    background-image: -webkit-linear-gradient( 97deg, rgb(39, 170, 225) 0%, rgb(171, 190, 64) 100%);
    background-image: -ms-linear-gradient( 97deg, rgb(39, 170, 225) 0%, rgb(171, 190, 64) 100%);
    color: white;
    padding: 7px 10px;
    font-family: "robotol";
    text-transform: uppercase;
    font-size: 14px;
    background: url("../images/telecharger_btn.png") no-repeat center center;
    width: 200px;
    display: block;
    height: 40px;
}

.cercle_infra .content1_cercle:last-child .content_img_infra img {
    -ms-transform: rotate(-14deg);
    /* -webkit-transform: rotate(-14deg); */
    /* transform: rotate(-14deg); */
}

#menu-partenaire li:nth-child(4) a {
    background: green;
    background: url('../images/particuliers/menu-efficacite.png');
    background-size: 148px!important;
}

#menu-partenaire li:nth-child(5) a {
    background: green;
    background: url('../images/particuliers/epicier.png');
    background-size: 76px!important;
}

#page_part_sol h1 {
    text-align: center!important;
    font-size: 22px;
}

#menu-partenaire li:nth-child(4) a {
    /*    background: green;
        background: url('../images/particuliers/menu-efficacite.png');
        background-size: 148px!important;*/
}

#menu-partenaire .item-169.current.active:last-child a {
    background: url(../images/particuliers/menu-efficacite-r.png);
}

#page_part_sol h2 {
    font-family: "robotob";
    color: #27aae1;
    font-size: 14px;
    /* background: url("../images/cercle.png") no-repeat; */
}

#page_part_sol h2:before {
    background: url("../images/cercle.png") no-repeat;
    content: "";
    position: absolute;
    height: 13px;
    width: 14px;
    left: -18px;
    top: 3px;
}

div#page_part_sol span {
    float: left;
    font-size: 15px;
    font-family: "robotor";
    padding-top: 6px;
}

div#page_part_sol .down {
    float: left;
    /* font-size: 16px; */
    font-family: "robotor";
    /* margin: 0px auto; */
    /* display: block; */
}

.row_partsol {
    /* border: 1px solid red; */
    margin-top: 40px;
}

.centerdown .down {
    float: none!important;
    margin: 0px auto;
    display: block;
}

.assistance_citerne ul {
    margin: 0px;
    margin-top: 6px;
}

.menu_conseil_et_assistant li:first-child a {
    background: url('../images/conseil/bouteil.png') center center;
}

.menu_conseil_et_assistant li:nth-child(2) a {
    background: url('../images/conseil/citerne.png') center center;
}

.div_parformance_url {
    /* border: 1px solid red; */
    float: left;
    width: 100%;
}

.div_parformance_url h2 {
    font-size: 13px;
    color: #27aae1;
    font-family: "robotob";
}

.haut {
    height: 50px;
    width: 50px;
    background: #002c4d url("../images/top-arrow.png") center center no-repeat;
    position: fixed;
    bottom: 11px;
    float: right;
    right: 11px;
    background-size: 32px;
    cursor: pointer;
    opacity: 0;
    display: none;
}

.page-authentification h1 {
    font-family: "robotob"!important;
    text-align: center;
    font-size: 22px;
    margin-top: 26px;
}

.page-authentification input[type="text"],
.page-authentification input[type="password"] {
    width: 100%;
    padding-left: 10px;
}

.page-authentification .rows {
    margin-bottom: 14px;
}

.page-authentification input[type="submit"] {
    background: #0b5281;
    outline: none;
    border: none;
    color: white;
    text-transform: uppercase;
    padding: 3px 23px;
}

.div-part {
    /* margin-bottom: 60px; */
}

.div-part .down {
    margin-left: 78px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact_form_container {
    margin: 0px auto;
    display: block;
    float: none;
}

.div_gellerie .row_img {
    width: 350px !important;
}

div#slider {
    height: 374px;
}

.right_content {
    padding-right: 31px;
}

h4.sous-title {
    font-family: 'robotob';
    font-size: 13px;
    float: left;
    width: 100%;
    text-transform: uppercase;
}

h3#title_table3 {
    /* font-size: 13px; */
    /* background: red; */
}

.s_title {
    font-size: 11px!important;
    padding-left: 13px;
}

h6.h6_title {
    font-size: 14px;
    color: #007ac2;
}

.gaz_row_3 {
    /* background: red; */
    /* width: 100%; */
    float: left;
}

.acc_title_bar_s {
    background-image: -webkit-linear-gradient( 0deg, rgb(171, 190, 64) 0%, rgb(39, 170, 225) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(171, 190, 64) 0%, rgb(39, 170, 225) 100%);
    width: 100%;
    padding: 15px 10px;
    float: left;
    cursor: pointer;
    margin-bottom: 20px;
}

.acc_containers {
    display: none;
}

.cercle_div_d {
    height: 196px;
    width: 192px;
    background-size: 143px!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    border: 7px solid #27aae1;
    border-radius: 99px;
}

div#img2-row {
    margin: 0px auto;
}

.rowins3.rowinsta {}

.det3.cercle_div_d {
    float: right;
    background-size: contain!important;
}

.nb {
    float: left;
    width: 100%;
}

.nos-solutions-pro {
    font-size: 13px;
}

.nos-solutions-pro .div-part span {
    color: #0b5281;
}

@media (max-width: 992px) {
    .ul.cont_espace-client {
        width: 100%;
        float: left;
    }
}

.menu_tabs_new_press {
    background: url('../images/press/bg_tabs.png') no-repeat transparent left center;
    min-height: 150px;
    background-size: 100%;
    margin-bottom: 25px;
    transition: ease 300ms;
}

@media (max-width: 992px) {
    .menu_tabs_new_press {
        background-size: cover;
    }
}


.menu_tabs_new_press ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 40px;
}

.menu_tabs_new_press ul li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    margin-top: 30px;
}

.menu_tabs_new_press ul li a {
    display: block;
    height: 150px;
    max-width: 200px;
    width: 150px;
    text-align: center;
    padding-top: 80px;
    color: #FFF;
    text-transform: uppercase;
    font-family: "robotob";
    font-size: 16px;
    text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.41);
    -webkit-transition: ease 400ms;
    transition: ease 400ms;
}

.news_btn {
    background: url('../images/press/news_icon.png') no-repeat center 10px;
}

/* .news_btn:hover,
.news_btn:focus, */
.menu_tabs_new_press ul li.current .news_btn {
    background: url('../images/press/news_icon_hover.png') no-repeat center 10px;
    color: #0f344c !important;
}

.press_btn {
    background: url('../images/press/press_icon.png') no-repeat center 10px;
}

/* .press_btn:hover,
.press_btn:focus, */
.menu_tabs_new_press ul li.current .press_btn {
    background: url('../images/press/press_icon_hover.png') no-repeat center 10px;
    color: #0f344c !important;
}

@media (max-width: 379px) {
    .menu_tabs_new_press {
        background-position: center;
    }
    .menu_tabs_new_press ul {
        text-align: center;
        padding-left: 0px;
    }
    .menu_tabs_new_press ul li{
        margin-right: 0px;
    }
}
.left_side{width: 46%;float: left;}
.right_side{width: 50%;float: right;}
@media(max-width:768px)
{
   .slick-slide img {
       max-width: 100%;
       height: auto;
   }
   #nous-connaitre .left
   {
       padding-left: 10px !important;
       padding-right: 10px !important;
   }
   #footer-bottom .logo-akwa img
   {
       float: none !important;
   }
   #footer-bottom .logo
   {
       margin-bottom: 10px;
   }
   #footer-bottom .col-xs-12.text-center
   {
       margin-top: 0px !important;
   }
}

@media(max-width:425px)
{
    .container
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .menu-connaitre
    {
        padding-right: 0;
    }
    h4.newsflash-title
    {
        background: none;
    }
    h4.newsflash-title:before
    {
        bottom:0;
    }
    .img_slider
    {
        height:auto;
    }
    .img_slider img
    {
        position: static
    }
    .row_assis ul
    {
        margin-left: 0;
    }
    .nos-solutions-pro .div-part span
    {
        display: block;
        clear:both;
    }
    .row_maison
    {
        padding: 0 15px;
    }
    div#page_part_sol .down,
    div#page_part_sol span
    {
        float:none;
    }
    a.down
    {
        margin:0 auto;
    }
    .div_gellerie
    {
        float:none; 
        width:100%;
        height:100% !important;
    }
    .itemContainer
    {
       height: 100% !important;
       max-height: initial;
       float: none !important; 
    }
    .div_into
    {
        width:100%;
        float:none;
        padding:0 10px;
    }
    .catItemIntroText
    {
        padding:10px 0;
        width:100%
    }
    h3.catItemTitle
    {
        float:none;
        padding-top:10px;
    }
    .k2Pagination
    {
        display: block;
        width:100%;
    }
    .pagination-prev a,
    .pagination-prev span,
    .pagination-next a,
    .pagination-next span
    {
        width:100%;
    }
    .pagination-prev
    {
        float:left;
        width:50%;
        margin:0px !important;
    }
     .pagination-next {
         float: right !important;
         width: 50%;
         margin:0px !important;
     }
     .left_side,
     .right_side
     {
         float:none;
         width:100%;
     }
     .content_dossier_press.container li
     {
         border-right: 0;
     }
     .content_dossier_press.container li
     {
         background-size: 23px 22px;
         
     }
     .gaz_row_3
     {
         width: 100%;
     }
     .row_installation
     {
         float:none; 
     }
     .rowins3 h4
     {
         padding-left: 0;
     }
     .row2insta:before
     {
         left:0
     }
     .row2insta:after
     {
         float:none;
         right: 0
     }
     .det3.cercle_div_d,
     .row_left_produit
     {
         float:none;
     }
.row_left_produit
{
 float: none;
 margin: 0 auto;
 text-align: center;
 width: 100%;
}
    .row_right_produit ul
    {
        padding-left: 20px;
    }
     .cercle_div_d
     {
         width:50%;
         margin:0 auto;
     }
     .acc_title_bar.title_acoordion.default-title-bar
     {
         height:auto;
     }
     .acc_title_bar div
     {
         background:none !important
     }
     .content_attention:before
     {
         margin-left: 0;
         left:0;
     }
     .content_attention:after
     {
         margin-left: 0;
         right: 0;
     }
}