.squrecolor  {
    width: 50;
    height: 20px;
    display: inline-block;
    margin-left: 15px;
}

.apro {
    margin-bottom: 80px;
}

div#block-bootstrap4-views-block-nos-partenaires-block-1 h2 {
    color: #131D68;
    font-size: 22px;
    FONT-WEIGHT: 700;
    display: flex;
    align-items: center;
}

div#block-bootstrap4-views-block-nos-partenaires-block-1 h2:before {
    content: url(/sites/default/files/tigris.png);
}

div#block-bootstrap4-views-block-nos-partenaires-block-2 h2 {
    color: #131D68;
    font-size: 22px;
    FONT-WEIGHT: 700;
    display: flex;
    align-items: center;
}

div#block-bootstrap4-views-block-nos-partenaires-block-2 h2:before {
    content: url(/sites/default/files/tigris.png);
}

.aprobx {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.sa-mob-menu {
    display: none;
}

ul.cpor2
 {
    justify-content: center !important;
}

.sol-gridbox {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 0 30px;
}


div#block-bootstrap4-advancedlanguageselectorblock {
    background: #E7E8F1;
    padding: 2px 5px;
    border: solid 1px rgba(19, 29, 104, 0.3);
    border-radius: 4px;
}

div#block-bootstrap4-advancedlanguageselectorblock select {
    border: none;
    margin-top: 7px;
}


section.cas h3.title-img {
    justify-content: center;
}



.actu-g-image {
    overflow: hidden;
}

.indus2-box2c img{
	width : 100%;
	height : auto;
}

.comi2-grid2-l h3 {
    color: rgba(15, 23, 42, 1);
    font-size: 20px;
    margin: 20px 0;
}

.carousel-caption.d-none.d-md-block {
    position: absolute !important;
    right: 0 !important;
    /* bottom: 0; */
    left: 0 !important;
    z-index: 15 !important;
    display: block !important;
}

.comi2-grid2-l p {
    color: rgba(71, 85, 105, 1);
}

.comi2-grid2-l li {
    color: rgba(71, 85, 105, 1);
    margin: 25px 0;
}

.comi2-grid2 .row {
    /* align-items: center; */
}

.comi2-grid2-l {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.comi2 {
    margin: 50px 0;
}

.ville3 {
    margin: 60px 0;
}

.ville3-list1 {
    margin-bottom: 70px;
}

.ville4-list2 {
    margin: 70px 0;
}

.ville5-list2 {
    margin-top: 50px;
}

p.batpp {
    border: solid 1px rgba(224, 224, 224, 1);
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 80px;
    margin-top: 0;
}

#webform-submission-contact-saconect-node-12-add-form div#edit-actions {
    text-align: right;
    /* background: red; */
}

.contact-g-row img {
    width: auto;
    height: 40px;
    margin-right: 10px;
}

.contact-g-row li {
    display: flex;
    align-items: center;
    font-family: 'Rubik';
}

#webform-submission-contact-saconect-node-12-add-form {}

div#block-bootstrap4-webform {}

#webform-submission-contact-saconect-node-12-add-form input#edit-actions-submit {
    background: #2ac5cb;
    border-radius: 8px;
    border: 0;
    padding: 10px 20px;
    font-family: 'Rubik';
}

p {}

#webform-submission-contact-saconect-node-12-add-form div#edit-markup p {
    color: rgba(100, 116, 139, 1);
}


.bat3-grid-r img {
    height: 550px;
    width: auto;
}

.bat3-grid-r {
    text-align: right;
}

.iet li:before {
    content: url("/sites/default/files/2025-10/vv.png");
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.iet h3.title-section {
    font-size: 24px;
}

.iet4 {
    margin: 50px  0;
}

p.text-blue {}

.iet2 p.text-blue {
    text-align: left;
    margin-top: 12px;
}

.iet4-intro {
    width: 55%;
}

.bat2-grid img {
    width: 100%;
    height: auto;
}

.bat2-grid  {
  margin-bottom : 40px
}

.bat3-grid img {
    width: 100%;
    height: auto;
}

.bat h3 {
    margin-bottom: 30px;
}

.bat4 {
    margin-top: 30px;
}

.bat4-grid-item {
    margin-left: 0;
}

h4.text-blue.font-weight-bold {}

.iet4 h4.text-blue {font-size: 17px;}

.iet5 h4.text-blue {font-size: 17px;}

.fonct {
    margin-top: 60px;
}

.indus5-g3 img {
    height: 260px;
    border-radius: 10px;
    object-fit: cover;
}

.indus5-g3 h3 {
    margin-bottom: 30px;
}

.indus5-g3 {
    margin-top: 40px;
}

.indus5-g3 .row {
    align-items: center;
}

.tit-titre {
    font-size: 18px;
}

.carousel-item img {
    /* display: none; */
    background-size: cover;
    width: 100%;
    height: auto;
}

.cas-box-title a:hover  span {
    color: #131d68;
    text-decoration: none;
}

.cas-box-title a {
    text-decoration: none !important;
}

.carousel-caption h3 {
    display: none;
}

ul.iconsocial li a {
    font-size: 0;
}


ul.iconsocial li a i {
    font-size: 15px;
}

ul {
    list-style-type: none;
    padding: 0;
}

.container {
    max-width: 1200px !important;
}

.region-socialtop {
    display: flex;
    align-items: center;
}

ul.iconsocial {
    margin-bottom: 0;
}

.maj {
    text-transform: uppercase;
}

.components ul li {
    margin : 10px  0;
    font-size: large;
}

.bgblue {
    background-color: #131D68;
}

.bgblack {
    background-color: #000000;
}
.bgblue-light {
    background-color: #1BDEDE;
}           

.bgyellow {
    background-color: #F8C630;
}

.text-blue {
    color: #131D68;
}

.text-blue-light{
    color: #1BDEDE;
}

.text-white {
    color: white;
}

.text-black {
    color: #334155;
}

.text-gradient {
    background: linear-gradient(90deg, rgba(27, 222, 222, 1) 0%, rgba(19, 29, 104, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.tbl {
    display: inline-block;
    padding: 3px;
}

a.btn-saco  {
    padding: 10px;
    display: inline-block;
}


a.btn-saco {
    text-decoration: none;
    border-radius: 6px;
}


.radius-saco {
    border-radius: 20px;
}

.radius img {

    width: 400px;
    height: auto;
}

.title-big {
font-weight: 500;
font-size: 64px;

}

.title-section {
font-weight: 700;
font-style: Bold;
font-size: 30px;

}

.title-img {
    display: flex;
    align-items: center;
}


.titre-t {
    position: relative;
    right: 25px;
}

.img-full{
    width: 100%;
}




ul.nav-menu {
    display: flex;
    justify-content: space-around;
}

a.nav-link {
    font-family: 'Rubik';
    FONT-WEIGHT: 500;
    font-size: 16px;
}

.t-slide-infos h1 {
    font-family: 'Rubik';
    FONT-WEIGHT: 500;
    /* font-size: 64px; */
    line-height: 60px;
    font-size: 3vw;
    line-height: 1.2;
}



h1.title-big1 {
    margin-bottom : 25px
}

h1.title-big1.text-white {}

.t-slide a.btn-saco {
    font-family: 'Rubik';
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 20px 20px 0px 20px;
    /* width: 247px; */
    text-align: center;
    padding: 10px 30px;
    text-decoration: none;
}

section.topHeader {
    margin: 30px 0;
}

.iconsocial li {
    margin: 0 10px;
}

.iconsocial li a {
    padding: 5px;
    color: #131D68;
    border: solid 1px #131D68;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    /* position: relative; */
    /* top: 10px; */
}

.iconsocial li a i {
    position: relative;
    top: 1px;
    left: 2px;
}

.iconsocial li a:hover {
    background: #131D68;
    color: white;
}

ul.nav-menu li a:hover {
    color: #1BDEDE;
}

ul.nav-menu li a {
    text-decoration: none;
}


.solution-one img {
    height: 30px;
    width: auto;
}

section.solution {
    padding: 40px 0 30px 0;
    background: #131d68;
    text-align: center;
    background-image: url(/sites/default/files/2025-10/Rectangle29.png);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: left bottom;
}

.top-solution {}

.top-solution .title-img {justify-content: center;}

.solution-c-box {
    margin-top: 40px;
}

.solution-one p {
    FONT-WEIGHT: 800;
    margin-top: 10px;
        font-size: 13px;
            font-family: 'Rubik';
}

.solution-one:hover {
    background: rgb(255 255 255 / 16%);
    box-shadow: 2px 2px 10px -1px #ffffff54;
}


.sol-img {
    display: inline-block;
    background: #1BDEDE;
    padding: 20px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
}

.solution-one {
    text-align: center;
    height: 164px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cas-box-img img {
    width: 100%;
    height: auto;
    /* border : solid 2px #1BDEDE; */
    border: solid 2px rgba(0, 174, 239, 1);
    position: relative;
}

.casboxgrid {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 40px;
}

.cas-box-title {
    position: absolute;
    top: 45%;
    background: rgba(255, 255, 255, 0.68);
    border-radius: 50px;
    padding: 7px 20px;
    font-family: 'Rubik';
    font-size: 14px;
}

section.cas {
    padding: 80px 0;
}

.top-cas .title-img {
    justify-content: left;
    margin-bottom: 45px;
}

.top-cas p {
    text-align: center;
    width: 72%;
    margin: 0 auto;
    margin-bottom: 60px;
    /* font-size: 24px; */
}


.cas-box-img img:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000047, #ffffff00);
    border-radius: 20px;
}

.cas-box-img:hover:after {
    background: none;
}

.cas-box {
    position: relative;
    display: flex;
    justify-content: center;
    /* margin-bottom: 50px; */
    /* margin-right: 20px; */
}

.devpat {
    background-color: rgba(0, 174, 239, 0.26);
}

.navbar-nav .nav-link {
    color: #131D68;
    text-transform: uppercase;
}

.navbar-nav {
    flex-direction: initial !important;
    justify-content: space-between;
}

.navbar-brand img {
    width: 100%;
    height: auto;
}



li.nav-item {}

a.nav-link:hover {
    color: #1BDEDE;
}

.t-slide {
    text-align: left;
}

section.qsn {
    padding: 50px 0;
}

/*QUI SOMMES-NOUS*/

p.qsn-p1 {
    font-family: 'Rubik';
    font-size: 29px;
    FONT-WEIGHT: 500;
    line-height: 33px;
    margin-top: 30px;
}

p.qsn-p2 {
    /* font-size: 16px; */
    font-family: 'Rubik' !important;
    line-height: 26px;
    color: rgba(51, 65, 85, 1);
}

body {
    font-family: 'Rubik';
}

.atout li {
    line-height: 16px;
    margin: 25px 0;
}

.btnqsn i {
    font-size: 12px;
    margin-left: 10px;
}

.btnqsn {
    width: 167px;
    text-align: center;
}

.qs-content-right-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 13px;
}

.qs-cr-img1 {
    margin-bottom: 40px;
}

.qs-cr-img1 img {
    height: 350px;
}

section.devpat {
    padding: 60px 0;
}

.devpat-left img {
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
}

.devpat-content .row {
    align-items: center;
}

.devpat-right h3 {font-family: 'Rubik';FONT-WEIGHT: 700;margin-bottom: 60px;}

.devpat-right h2 {
    font-family: 'Rubik';
    FONT-WEIGHT: 700;
    margin-bottom: 60px;
}

.devpat-right p {
    color: rgba(19, 29, 104, 1);
}

p.devpat-but a {
    width: 167px;
    text-align: center;
    text-decoration: none;
    display: block;
    margin-top: 90px;
}

p.devpat-but a i {
    font-size: 12px;
    margin-left: 10px;
}

.tipres .title-img {
    justify-content: center;
}

section.pres {
    padding: 70px 0;
}

.pres-c-box {
    text-align: center;
}

.pres-content-img img {
    width: 570px;
    height: auto;
}

.pres-text {
    /* height: 500px; */
    padding: 70px;
    width: 70%;
    margin: 0 auto;
    background-image: url(/sites/default/files/2025-10/frame_under_map.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: contain;
    font-family: 'Rubik';
    FONT-WEIGHT: 400;
}

h3.title-img {
    font-family: 'Rubik';
}

div#views-bootstrap-partenaires-block-1 .row {
    align-items: center;
}

.views-field-field-logo {}

div#views-bootstrap-partenaires-block-1 .views-field-field-logo img {
    width: 100%;
    height: auto;
}

.pat-ti {}

.pat-ti h3.title-img {
    justify-content: center;
    font-family: 'Rubik';
    margin-bottom: 50px;
}

section.pat {
    padding: 50px 0;
}

.but-pat-end a {
    width: 275px;
    text-align: center;
    background: rgba(0, 174, 239, 1);
    text-decoration: none;
}

.but-pat-end {
    text-align: center;
    margin-top: 30px;
}

section.footall {
    margin-top: 70px;
    background: #131d68;
    padding-top: 80px;
    padding-bottom: 15px;
    background-image: url(/sites/default/files/2025-10/Vector.png);
    background-repeat: no-repeat;
    background-position-x: left;
}

.foot-one p {
    color: rgba(209, 213, 220, 1);
    font-family: 'Rubik';
    FONT-WEIGHT: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0;
    margin: 0;
}

h2.title-footer {
    font-family: 'Rubik';
    FONT-WEIGHT: 700;
    font-size: 28px;
    margin-bottom: 25px;
}

.f-one-logo {
    margin-bottom: 15px;
}

.foot-two li a {
    color: rgba(209, 213, 220, 1);
    font-family: 'Rubik';
    font-size: 14px;
    FONT-WEIGHT: 400;
}

.foot-two li {
    padding: 5px 0;
}

.foot-three li a {
    color: rgba(209, 213, 220, 1);
    font-family: 'Rubik';
    font-size: 14px;
    FONT-WEIGHT: 400;
}

.foot-three li {
    padding: 5px 0;
}

p.text-newsletter {
    color: rgba(209, 213, 220, 1);
    font-family: 'Rubik';
    font-size: 14px;
    FONT-WEIGHT: 300;
}

.copyr {
    border-top: solid 1px rgba(139, 139, 139, 1);
    padding-top: 15px;
}

.copyr ul {
    display: flex;
    justify-content: 
space-between;
}

.copyr ul li {
    color: rgba(153, 161, 175, 1);
    font-family: 'Rubik';
    FONT-WEIGHT: 400;
    font-size: 13px;
}

.copyr ul li a {
    color: rgba(153, 161, 175, 1);
}

.bar {
    font-size: 0px;
}

.iet6-grid {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
}

.iet img {
    /* width: 100%; */
    /* height: auto; */
}

.iet6-grid-item {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
    background: #DEF4FD;
    border-radius: 10px;
    /* height: 300px; */
    /* width: 500px; */
    padding: 100px;
    height: 350px;
    display: flex;
    border: solid 1px #E0E0E0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}

.iet6-grid-item h4 {
    font-size: 17px;
    text-align: center;
    padding: 15px 0;
}

.pagetitlecustom {
    margin-bottom: 40px;
}

.pagetitlecustom {
    position: relative;
}

.title-image img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}




.titi {
    position: absolute;
    top: 45%;
    color: white;
    /* text-transform: uppercase; */
    font-weight: bold;
    font-size: 33px;
}



.title-image:after {
    
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.region-title {
    margin-bottom: 100px;
}

.apropos2 p {
    text-align: left;
    margin: 0;
    margin-left: 10px;
}

.gestionf {
    margin-top: 30px;
}

.maison1 p {
    border: solid 1px rgba(224, 224, 224, 1);
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 80px;
    margin-top: 0;
}

.maison2 img {
    width: 100%;
    height: auto;
}

.maison2 {
    margin-bottom: 30px;
}

.maison3-grid img {
    width: 100%;
    height: auto;
}

.maison3-grid .row {
    align-items: center;
}

.maison3-grid {
    margin: 50px 0;
}

.maisonn4-grid .row {
    align-items: center;
}

.maisonn4-grid img {
    width: 100%;
    height: auto;
}

.maisonn4-grid {
    margin-top: 30px;
}

span.titre-t {}

.maison5 {
    margin-top: 40px;
}

.maison5  h3 {
    margin-bottom: 30px;
}

.maison5-list {
    border: solid 1px rgba(224, 224, 224, 1);
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    margin: 50px 0;
    /* margin-top: 0; */
}

.maison5-list .row {
    align-items: center;
}

.maison5-list h5 {
    font-weight: bold;
    color: #141d68;
    margin-bottom: 20px;
}

.maison6-img img {
    width: 100%;
    height: auto;
}