/*
Theme Name: Hubone / Sysdream 2024
Theme URI: https://www.hubone.fr/
Author: Pole Digital/Sysdream/Minisite
Author URI: https://www.sysdream.fr/
Description: The 2021 theme for hubone.fr/minisite  takes us back to the website, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hubonelangs

*/

/*--------------------------------------------------------------
# FONT  size/ colours
--------------------------------------------------------------*/

.font-size30{
font-size: 28px;
font-family:var(--font-primary);
font-style: normal;
font-weight: 700;
}

.font-size32{
    font-size: 32px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 700;
}

.font-size24{
    font-size: 24px;
    font-family: var(--font-primary);
    font-style: normal;
}
.font-size20{
    font-size: 20px;
    font-family: var(--font-primary);
    font-style: normal;
}
.font-size28{
    font-size: 28px;
    font-family: var(--font-primary);
    font-style: normal;
}

.font-size16{
    font-size: 16px;
    font-family: var(--font-primary);
    font-style: normal;
}

.font-size35{
font-family: var(--font-primary);
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

@media screen and (min-width:800px) {
    .subheardertext{
       font-size: 18px;
           width:80%;
    }

  .font-size48{
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.pading-4{
    padding-left:5%;
}
.width100{
  width:100%;
}

}
@media screen and (max-width:800px) {
     .subheardertext{
      font-size: 18px;
        width:100%;
    }
 .font-size48{
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.pading-4{
      padding-left:0px;
}
 .width100{
    width:100%;
}

}


.font-size45{
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.font-size42{
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.font-color-blue {
color: var(--secondary-blue-bleu-800);
}
.font-color-blue600 {
color: var(--secondary-blue-bleu-600);
}
.font-color-white {
    color: var(--color-white);
}
@media (max-width: 1280px) {
.font-size64-white {
    color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
 .font-size64-blue {
    color: var(--secondary-blue-bleu-800);
    font-family: var(--font-primary);
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
 .font-size64-blue1 {
    color: var( --color-sysdream-bleu-1);
    font-family: var(--font-primary);
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

 .font-size64-blue-ligth {
    color: var(--secondary-blue-bleu-600);
    font-family: var(--font-primary);
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

}
@media (min-width: 1280px) {
 .font-size64-white {
    color: var(--color-white);
    font-family: var(--font-primary);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
 .font-size64-blue {
    color: var(--secondary-blue-bleu-800);
    font-family: var(--font-primary);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

 .font-size64-blue1 {
    color: var( --color-sysdream-bleu-1);
    font-family: var(--font-primary);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

 .font-size64-blue-ligth {
    color: var(--secondary-blue-bleu-600);
    font-family: var(--font-primary);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

}

 .font-size-12{
     color: #62686C;
    font-family: var(--font-primary);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
 }
 .form-font-size-16{
 color: #ABAFB1;
    font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
 .blue-logo {
    color: var(--primary-bleu-logo);
}
 .font-size44-blue-logo {
    color: var(--primary-bleu-logo);
    font-family: var(--font-primary);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.font-size18-white-left {
    color: var(--color-white);
    text-align: left;
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}
.font-size18-white {
    color: var(--color-white);
    text-align: center;
    font-family: var(--font-primary);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}
.font-size16 {
    text-align: center;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}
.subtitle-color{
font-family: var(--font-primary);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--tercery-green-400);
}
.subtitle-color-blue{
font-family: var(--font-primary);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: var(--primary-bleu-logo);
}
.border-green{
   border:1px solid var(--tercery-green-400);
   border-radius: 0px!important;
}

/*
.subtitle-color{
font-family: var(--font-primary);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
background-clip: text;
-webkit-background-clip: text;
background: linear-gradient(91deg, #9ACA69 -0.77%, #58C4A2 49.42%, #4AA0DA 90.92%)!important;
-webkit-text-fill-color: transparent;
} */

.note {
    text-align: center;
    color:#2581BF;
    font-weight:bold!important;
}

#block_col-3424 .row{
 border-radius: var(--radius-radius-small) var(--radius-radius-small) 0 0;
background: var(--fond-gris-clair);
}

#block_col-1425 .row{
 border-radius: 0 0 var(--radius-radius-small) var(--radius-radius-small);
background: var(--fond-gris-clair);
}
.h-85 {
    height: 85%!important;
}
.block_trasparente{
border-radius: 24px;
border: var(--radius-radius-none) solid rgba(255, 255, 255, 0.50);
background: linear-gradient(107deg, rgba(250, 250, 255, 0.06) 3.44%, rgba(215, 202, 238, 0.09) 64.82%);
backdrop-filter: blur(15px);
}
 .block_trasparente .title{
color: var(--tercery-green-400)!important;
/* Bold/font-bold-35 */
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
 .block_trasparente .text{
color: var(--basics-white);
/* Regular/font-regular-20 */
font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.block_greyligth{
border-radius:var(--radius-radius-small);
border: 1px solid var(--primary-bleu-logo);
}
.block_greyligth .title {
 color: var(--primary-bleu-logo);
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

 .block_greyligth .text{
/* Regular/font-regular-20 */
font-family: var(--font-primary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
height: 195px;
}

.block_trasparente .btn-primary{
  background: #83C144;
/* inner-button */
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10) inset;
}

.block_trasparente .btn-primary:hover{
    background: var(--tercery-green-700);
/* inner-button */
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10) inset;
}

.subtitle-blue-blue{
color: var( --secondary-blue-bleu-600);
font-family: var(--font-primary);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.font-h1-white{
color: var(--basics-white);
text-align: center;
font-family: var(--font-primary);
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.text-blue-sysdream{
 color: var(--primary-bleu-logo)!important;
}
.text-blue-dark{
 color: var(--secondary-blue-bleu-800)!important;
}
.text-white{
color: var(--basics-white)!important;
}
.text-red{
 color: var(--color-sysdream-red)!important;
}
.text-blue-bg{
color: var(--basics-white);
background: var(--secondary-blue-bleu-200);
/* SemiBold/font-semibold-48 */
font-family: var(--font-primary);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;

}
.cart-round-border-00A4DA{
border-radius: 30px 30px 30px 30px!important;
border: 1px solid var(--secondary-blue-bleu-400);
}

.cart-round-30-top{
border-radius: 30px 30px 0px 0px!important;
}
.cart-round-30-bottom{
border-radius: 0px 0px 30px 30px!important;
}
.cart-pentest-title{
color: var(--basics-white);
/* Bold/font-bold-20 */
font-family: "Segoe UI";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cart-pentest-subtitle{
color: var(--basics-white);
/* Bold/font-bold-20 */
font-family: "Segoe UI";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.cart-pentest-text{
color: var(--basics-white);
/* Regular/font-regular-16 */
font-family: Calibri;
font-size: 16px!important;
font-style: normal;
font-weight: 400;
line-height: normal;
}
 .title-pentest-blue{
  color: var(--secondary-blue-bleu-400);
/* Bold/font-bold-20 */
font-family: "Segoe UI";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
 }

 /*-------------------------------------------------------------
 # Bloc Quizz Audit Cyber
 -------------------------------------------------------------*/
 
 #block_col-1625, #block_col-1649, #block_col-1650 {
    background-image: url('https://sysdream.com/wp-content/uploads/2024/10/quizz-audit-cyber-audit-et-formations-en-securite-informatique-1729668432.webp');
    background-position: center!important;
    background-size: cover!important;
 }

 /*-------------------------------------------------------------
 # Bloc Boutons Pills
 -------------------------------------------------------------*/
    button#pills-pentest-tab:hover {
        background-color: #7fb5a3 !important;
    }

    button#pills-dsi-tab:hover {
        background-color: #5fbf9a !important;
    }

    button#pills-rssi-tab:hover {
        background-color: #4dbfd9 !important;
    }

    button#pills-analyste-tab:hover {
        background-color: #5bc0e8 !important;
    }

    button#pills-operateur-tab:hover {
        background-color: #7db8e0 !important;
    }

/*--------------------------------------------------------------
# Extra styles for block
--------------------------------------------------------------*/
.cert-box{
    background: var(--secondary-blue-bleu-600);
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-size: 16px;
}

.cert-box1{
    background: var(--secondary-blue-bleu-600);
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.best-box{
    background: #90DDC3;
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-size: 16px;
}
.hybride-box{
    background: #495154;
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-size: 16px;
}
.new-box{
    background: #64C4C9;
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-size: 16px;
}
.cpf-box{
    background: #3581BE;
    color: var(--basics-white);
    width:auto!important;
    text-align: center;
    font-size: 16px;
}

.blog-article{
    background: var(--fond-gris-clair);
}

#block_page .breadcrumb-item{
color: var(--secondary-sris-gris-200)!important;
}

#block_page .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--secondary-sris-gris-200)!important;
    content: var(--bs-breadcrumb-divider, ">");
}


#block_page .breadcrumb-item a{
color: var(--secondary-blue-bleu-600)!important;
text-decoration: underline;
}
#block_page .breadcrumb-item a:hover{
color: var(--tercery-bluegreen-400)!important;
}

.actualites_pagesubtitle1{
color: var(--secondary-Blue-bleu-800);
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Segoe UI";
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.actualites_pagesubtitle{
color: var(--tercery-bluegreen-400);
/* Bold/font-bold-48 */
font-family: "Segoe UI";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}


#politique-rh{
   background: var(--fond-gris-clair);
}
.page-head{
    box-shadow: 0 10000px rgb(15 39 59 / 80%) inset;
}
.page-head1{
    box-shadow: 0 10000px rgb(15 39 59 / 25%) inset;
}


#block_col-93406 .col-md-9{
    background-image: url('assets/img/sysdream-1711360173.webp')!important;
    background-position: bottom right 1%!important;
    background-repeat: no-repeat;
}

#block_col-93406 .row {
    background-image: url('assets/img/sysdream-1711360182.webp') !important;
    background-position: top left 1% !important;
    background-repeat: no-repeat;
}

#block_col-2402 .row{
background: var(--basics-white);
border-radius: var(--bs-border-radius)!important;
margin: 0px!important;
}
#block_col-2404 .row{
background: var(--basics-white);
border-radius: var(--bs-border-radius)!important;
margin: 0px!important;
}

.simplebooklet_iframe {
    width:900px!important;
}



@media screen and (min-width:800px) {
    .mobileShow{
        display: none!important;
    }
        .descopShow{
           display: show!important;
    }

    .header-text-box{
        font-size: 20px;
font-style: normal;
position: absolute;
margin:0 auto!important;
top:35%;
}
/*.header-text-box ol li{
padding-top:2%;
padding-bottom:2%;
}   */

#block_col-2394 .list-group-item{
    border-left:none!important;
    border-top:none!important;
    border-bottom:none!important;
    border-right:  1px solid #0f273b;
    font-size: 24px;
font-family:var(--font-primary);
padding-left:7%;
 padding-right:7%;
}
}
@media screen and (max-width:800px) {
    .mobileShow{
        display: show!important;
    }
        .descopShow{
           display: none!important;
    }

#block_col-2394 .list-group-item{
    border-left:none!important;
    border-top:none!important;
    border-bottom:none!important;
    border-right:  1px solid #0f273b;
    font-size:14px;
font-family:var(--font-primary);
padding-left:3%;
padding-right:3%;
}

}



#block_col-2394 .list-group-item:last-child{
    border:none!important;
    border-top:none!important;
    border-bottom:none!important;
    border-right: none!important;
}
#block_col-2394 .gradient-underline-small {
    padding-bottom: 4px;
    position: relative;
    text-decoration: none;
}

.gradient-underline-small::after {
    background: #9ACA69;
    /*background: linear-gradient(to right, transparent 0%, #f00 50%, transparent 100%);*/
     background: linear-gradient(90deg, #9ACA69 -0.89%, #58C4A2 30.64%, #4AA0DA 50.57%, #2581BF 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    height: 3px;
    width: 20%!important;
 }


 .gradient-underline-small-left {
    padding-bottom: 4px;
    position: relative;
    text-decoration: none;
}

.gradient-underline-small-left::after {
    background: #9ACA69;
    /*background: linear-gradient(to right, transparent 0%, #f00 50%, transparent 100%);*/
     background: linear-gradient(90deg, #9ACA69 -0.89%, #58C4A2 30.64%, #4AA0DA 50.57%, #2581BF 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 20%!important;
 }

  .gradient-underline-small-left50 {
    padding-bottom: 3px;
    position: relative;
    text-decoration: none;
}

.gradient-underline-small-left50::after {
    background: #9ACA69;
    /*background: linear-gradient(to right, transparent 0%, #f00 50%, transparent 100%);*/
     background: linear-gradient(90deg, #9ACA69 -0.89%, #58C4A2 30.64%, #4AA0DA 50.57%, #2581BF 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 60%!important;
 }


.gradient-underline {
    padding-bottom: 3px;
    position: relative;
    text-decoration: none;
}

.gradient-underline::after {
    background: #9ACA69;
    /*background: linear-gradient(to right, transparent 0%, #f00 50%, transparent 100%);*/
     background: linear-gradient(90deg, #9ACA69 -0.89%, #58C4A2 30.64%, #4AA0DA 50.57%, #2581BF 100%);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%!important;
 }

#block_col-4377{
   border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.card-head1{
color: #000;
/* SemiBold/font-semibold-32 */
font-family: var(--font-default);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

@media screen and (max-width:800px) {
.card-head1{
color: #000;
/* SemiBold/font-semibold-32 */
font-family: var(--font-default);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

}

.bg-block1 {
    background: var(--color-sysdream-bleu-3);
    color: var(--color-white);
    position: relative;
}

.w-85{
    width: 85% !important;
}

/*--------------------------------------------------------------
# Extra cards style
--------------------------------------------------------------*/
.card-grey {
 background:var(--color-sysdream-grey-ligth);
 border:0px;
}
.card-grey .card-text{
color: var(--basics-black-600);
text-align: center;
/* Regular/font-regular-16 */
font-family: var(--font-default);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.card-grey .card-title{
color: var(--secondary-blue-bleu-800);
text-align: center;
font-family: var(--font-default);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}

.card-grey .card-footer {
    background-color: var(--color-sysdream-grey-ligth);
    border-top: none!important;
    border-top:0px!important;
    width: 100%!important;
}

/* ACCORDEONS */
.accordion-button {
    font-size: 20px!important;
    font-weight:bold!important;
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.imageposition1{
position: absolute;
top:-50%!important;
left:10%!important;
}

.text-block-title1{
color: var(--color-white);
text-align: center;
/* SemiBold/font-semibold-32 */
font-family: var(--font-default);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.imagedefpase{
position:relation;
}

 .card2 {
color: var(--primary-bleu-logo);
text-align: center;
font-family: var(--font-default);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.card-head2{
    color: var(--basics-white);
text-align: center;
/* SemiBold/font-semibold-48 */
font-family: var(--font-default);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin:0px;
}
.card-head3{
 color: var( --secondary-blue-bleu-600);
text-align: center;
/* SemiBold/font-semibold-48 */
font-family: var(--font-default);
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.line-separator {
  border-left: 2px solid var(--color-white);
  height: 10px;
}
@media screen and (min-width:800px) {
.book-homepage{
    z-index:-1000px;position: relative;top: -40px;bottom: 10%;
}
}

@media screen and (max-width:800px) {
.book-homepage{
    z-index:-1000px;position: relative;top: -40px;bottom: 10%;
}
.book-position{
position: inherit!important;
}

}
@media screen and (min-width:800px) {
.book-homepage{
    z-index:-1000px;position: none!important;top: none!important;bottom: none!important;
}
.book-position{
 position: absolute!important;
}
}

.fv-plugins-message-container div {
    color: #e20612!important;
}

#resourcesModalForm {
    color: #6B6762!important;
}
.modal-title{
    color: #6B6762!important;
}
#resourcesModalForm .small{
     font-size: 11px!important;
     line-height: 13px!important;
}

#resourcesModalForm .text-sysdream-blue{
    color: #6B6762!important;
}

.session-block{
border-radius: 10px!important;
background: var(--gradient-black-blue, linear-gradient(89deg, #0F273B 8.61%, #2581BF 102.74%));
}
.rounded-pill1 {
    border-radius: var(--bs-border-radius-pill) !important;
}

.form .err-txt{display: none!important;padding:10px 5px;margin-bottom: 15px;color:var(--color-sysdream-red);}
.form .error input{border: 1px solid var(--color-sysdream-red);}
.form .error select{border: 1px solid var(--color-sysdream-red);}
.form .error .err-txt{display: block!important;}
.buletsimage li{
    padding:5px;
    list-style-image: url("assets/img/bullet.webp");
     list-style-position: outside;
    color: var(--secondary-blue-bleu-800);
}



.session-option{
color: var(--secondary-blue-bleu-600);
/* Bold/font-bold-28 */
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.sommaire{
    color: var(--secondary-blue-bleu-400);
/* Bold/font-bold-32 */
font-family: "Segoe UI";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}


.pb-5 {
    padding-bottom: 4rem!important;
}

.pt-5 {
    padding-top: 4rem!important;
}


@media (max-width: 800px) {
.mobileNav {
    display: block;
}

}
@media (max-width: 991px) {
.mobileNav {
    display: block!important;
}
.destopNav{
      display: none!important;
}
}

@media (min-width: 991px) {
.mobileNav {
    display: none!important;
}
.destopNav{
 display: block!important;
}

@media (max-width: 1279px){
    .navbar a, .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        font-family: var(--font-primary);
        /* font-size: 15px; */
        font-weight: 600;
        color: var(--color-primary);
        white-space: nowrap;
        transition: 0.3s;
}

}

.dropdown-menu[data-bs-popper] {
    top: 150%!important;
    left: 0;
    margin-top: 0.125rem;
    box-shadow: 0px 5px 10px rgba(0,0,0, .3);
}

.stats-title{
    color: var(--tercery-bluegreen-400);
/* Bold/font-bold-80 */
font-family: "Segoe UI";
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.stats-subtitle{
    color: var(--basics-white);
text-align: center;
/* Regular/font-regular-24 */
font-family: Calibri;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

@media (max-width: 800px) {
.stats2{
font-size: 90px;
padding-left: 15%;
}
.stats-title{
text-align: left;
}
.stats-subtitle{
    text-align: left;
}
 .text-aling-extra{
text-align: left!important;
}
}

@media (min-width: 800px) {


.aligncenter{
    text-align: center;
    width: 300px;
    height: auto;
}


.stats-title{
text-align: center;
}
.stats-subtitle{
text-align: center;
}
.text-aling-extra{
text-align: center;
}
}



.stats1{
color: var(--tercery-green-700);
font-family: "Segoe UI";
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.boxshadow{
box-shadow: 12px 14px 35px 0px rgba(0, 0, 0, 0.05);
}

.summary{
color: var(--primary-bleu-logo);
/* Bold/font-bold-32 */
font-family: Calibri;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.summaryList .list-group-item a{
font-size: 16px!important;
}

.blog-article h2{
    color: var(--primary-bleu-logo);
/* Bold/font-bold-35 */
font-family: Calibri;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.blog-article h3{
color: var(--secondary-blue-bleu-400);
/* Bold/font-bold-28 */
font-family: "Segoe UI";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.cardblog{
  border:1px solid var(--primary-bleu-logo)!important;
}

.blog-post-aut a{
   color: var(--basics-white);
}
.blog-post-aut a:hover{
   color: var(--secondary-blue-bleu-600);
}


.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-weight: 100;
    font-style: italic;
    color: #000;
    font-size: 15px!important;
}

 @media (max-width: 800px) {
img[class*="align"], img[class*="wp-image-"] {
    width: auto;
    height: auto;
}

}
.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    background: #fff;
    text-align: center;
       max-width: 100%;
}

.wp-caption img {
    display: inline;
}

.small{
    font-size: 12px;
    line-height: 15px;
}


#popupModal .btn-primary {
    background: #83C144;
}  
#popupModal .btn-primary:hover{
    background: var(--tercery-green-700);
}
#popupModal .modal-header{
   border-bottom:0px!important;
}

#popupModal .modal-footer{
   border-top:0px!important;
}



#nos-formations-en-securite-informatique .btn-primary {
    color: var(--secondary-blue-bleu-800);
    text-align: center;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: var(--radius-radius-extra-small);
    background: #A0DB63!important;
    font-size: 20px;
}