:root{
--rn-gen-color:black;
}

::selection {
    background-color: var(--color-primary)!important;
    color: var(--bg-color)!important;
}
/* Ampz */
.rn-share-ctn{font-size:16px;font-family: mattone-Bold;}
[id^=ampz_inline] .ampz-icoon, #ampz_flyin .ampz-icoon {
    margin: 0 0 0 10px;
}

.ampz_network_label {
    font-weight: 400;
    font-size: 12px !important;
    opacity: 0;
    visibility: hidden;
    margin-left: 0 !important;
    transition: none;
    color:var(--color-primary);
}
[id^=ampz_inline] .ampz-icoon, #ampz_flyin .ampz-icoon {
    margin: 0!important;
}


.ampz-icoon-twitter,
.ampz-icoon-facebook:before,
.ampz-icoon-linkedin:before,
.ampz-icoon-whatsapp:before {
    color:var(--color-primary)!important;
}
#ampz_inline_sc_1 .ampz_container li,
#ampz_inline_sc_1 .ampz_container li.shortend,
#ampz_inline_sc_1 .ampz_container li.expanded-btn{
    width:60px!important;
}
.ampz_container li{
    transform:none;
}

.rnampz a:before,
.rnampz a:hover{
    background: none!important;
}
.rnampz {
    margin: 25px 0;
}



body:not(.rnhp) .com-content-article a {
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:var(--color-primary);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:hover, 
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:focus, 
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:active {
  color:var(--bg-color)!important;
}
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:hover:before, 
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:focus:before, 
body:not(.rnhp) .com-content-article ul:not(.rn-telecommande-srv) a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.rn-srv-pgs a{
    text-decoration:none!important;
}







/* FAQ Pages */
.rn-faq-pg .page-header h1 {
    font-size: 54px;
}

.rn-faq-pg .items-row .item:nth-child(odd) {background: var(--color-primary)!important;}
.rn-faq-pg .items-row .item:nth-child(even) {background: var(--bg-color)!important;}
.rn-faq-pg .items-row .item:nth-child(even) .page-header h2 a{color:var(--color-primary)!important;}
.rn-faq-pg .items-row .item:nth-child(odd) .page-header h2 a{color:var(--bg-color)!important;}

.rn-faq-pg .items-row.single .item {
    margin-bottom: 0!important;
    padding: 2rem!important;
}

.rn-faq-pg .page-header h2{
    font-family: 'Mattone-Regular';
}.rn-faq-pg #item-container{
    margin-top:60px;
}

#faq-accordion{margin-top:60px;}
.faq_items.rnfaqpage h3.question span{display:block;}
.faq_items.rnfaqpage h3.question {
    padding: 40px 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid;
    font-family: 'Mattone-Regular';
    font-size:28px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
}
.faq_items.rnfaqpage div[aria-expanded="true"] h3.question,
.faq_items.rnfaqpage h3.question:hover {
    background: var(--color-primary)!important;
    color: var(--bg-color)!important;
    
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
}
.faq_items.rnfaqpage .answer{padding-top:25px;}


/* Pour tous les champs input */
input::placeholder,
textarea::placeholder {
    color: var(--color-primary)!important; /* 🔁 Mets ici la couleur souhaitée */
    opacity: 0.5; /* Important pour Firefox */
    font-size:16px;
}
input::placeholder {
    color: var(--color-primary)!important;
}
input::-webkit-input-placeholder {
    color: var(--color-primary)!important;
}
input::-moz-placeholder {
    color: var(--color-primary)!important;
}
input:-ms-input-placeholder {
    color:var(--color-primary)!important;
}


html body {
    overflow-x: hidden !important;
}
.header-block .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem !important;
}

.owl-dots.disabled,
.owl-nav.disabled{
    display:none;
}




/********************************************************/
/**** Class => Pages => Articles => services => Details ****/
/********************************************************/
.rn_list li{margin-bottom:15px}
b, strong {font-weight: inherit!important;}
.rnleft{text-align: left;}
.rnright{text-align: right;}
.rncenter{text-align: center;}
.rnjustify{text-align: justify;}

.rnhide{display:none;}

.rn96{font-size: 96px;}
.rn72{font-size: 72px;}
.rn64{font-size: 64px;}
.rn58{font-size: 58px;}
.rn52{font-size: 52px;}
.rn48{font-size: 48px;}
.rn42{font-size: 42px;}
.rn36{font-size: 36px;}
.rn32{font-size: 32px;}
.rn28{font-size: 28px;}
.rn24{font-size: 24px;}
.rn20{font-size: 20px;}
.rn18{font-size: 18px;}
.rn16{font-size: 16px;}
.rn14{font-size: 14px;}
.rn12{font-size: 12px;}
.rn10{font-size: 10px;}

.rnred{color:red;}
.rnpurple{color:orange;}
.rnpurple{color:purple;}
.rnblack{color:var(--color-primary);}
.rnprimary{color:var(--color-primary);}


.rnit{font-style:italic!important;}

.rnweight{font-weight:inherit!important;}

.rnmaj{text-transform: uppercase;}
.rnmin{text-transform: none;}

.rnuline{text-decoration:underline;}
.rnoline{text-decoration:overline;}

.rnregular{font-family:Mattone-Regular;}
.rnbold{font-family:Mattone-Bold;}
.rnblack{font-family:Mattone-Black;}

.rnbb{border-bottom:1px solid var(--color-primary);}
.rnbt{border-top:1px solid var(--color-primary);}
.rnbr{border-right:1px solid var(--color-primary);}
.rnbl{border-left:1px solid var(--color-primary);}

.rnpt120{padding-top:120px;}
.rnpt100{padding-top:100px;}
.rnpt90{padding-top:90px;}
.rnpt80{padding-top:80px;}
.rnpt75{padding-top:75px;}
.rnpt70{padding-top:70px;}
.rnpt66{padding-top:66px;}
.rnpt60{padding-top:60px;}
.rnpt50{padding-top:50px;}
.rnpt40{padding-top:40px;}
.rnpt33{padding-top:33px;}
.rnpt30{padding-top:30px;}
.rnpt25{padding-top:25px;}
.rnpt20{padding-top:20px;}
.rnpt10{padding-top:10px;}
.rnpt0{padding-top:0px!important;}

.rnpb120{padding-bottom:120px;}
.rnpb100{padding-bottom:100px;}
.rnpb90{padding-bottom:90px;}
.rnpb80{padding-bottom:80px;}
.rnpb75{padding-bottom:75px;}
.rnpb70{padding-bottom:70px;}
.rnpb66{padding-bottom:66px;}
.rnpb60{padding-bottom:60px;}
.rnpb50{padding-bottom:50px;}
.rnpb40{padding-bottom:40px;}
.rnpb33{padding-bottom:33px;}
.rnpb30{padding-bottom:30px;}
.rnpb25{padding-bottom:25px;}
.rnpb20{padding-bottom:20px;}
.rnpb10{padding-bottom:10px;}
.rnpb0{padding-bottom:0px!important;}


.rnml-20{margin-left:-20px;}
.rnml-40{margin-left:-40px;}
.rnml-60{margin-left:-60px;}
.rnml-80{margin-left:-80px;}
.rnml-100{margin-left:-100px;}
.rnml-120{margin-left:-120px;}
.rnml-140{margin-left:-140px;}



.rnmt120{margin-top:120px;}
.rnmt100{margin-top:100px;}
.rnmt90{margin-top:90px;}
.rnmt80{margin-top:80px;}
.rnmt75{margin-top:75px;}
.rnmt70{margin-top:70px;}
.rnmt66{margin-top:66px;}
.rnmt60{margin-top:60px;}
.rnmt50{margin-top:50px;}
.rnmt40{margin-top:40px;}
.rnmt33{margin-top:33px;}
.rnmt30{margin-top:30px;}
.rnmt25{margin-top:25px;}
.rnmt20{margin-top:20px;}
.rnmt10{margin-top:10px;}
.rnmt0{margin-top:0px!important;}

.rnmb120{margin-bottom:120px;}
.rnmb100{margin-bottom:100px;}
.rnmb90{margin-bottom:90px;}
.rnmb80{margin-bottom:80px;}
.rnmb75{margin-bottom:75px;}
.rnmb70{margin-bottom:70px;}
.rnmb66{margin-bottom:66px;}
.rnmb60{margin-bottom:60px;}
.rnmb50{margin-bottom:50px;}
.rnmb40{margin-bottom:40px;}
.rnmb33{margin-bottom:33px;}
.rnmb30{margin-bottom:30px;}
.rnmb25{margin-bottom:25px;}
.rnmb20{margin-bottom:20px;}
.rnmb10{margin-bottom:10px;}
.rnmb0{margin-bottom:0px!important;}







/***********************************************************************************/
/* Service module HP */
.specialites {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 120px;
}
.service-item{
    position: relative;
}

.specialite {
    position: absolute;
    display:none;
    opacity: 0;
    font-size: 14px;
    font-weight: inherit!important;
    padding: 10px 20px;
    border-radius: 25px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    pointer-events: none;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
    transform-origin: center;
    font-weight: inherit;
    border:1px solid;    
}

/* Légère variation pour éviter un alignement rigide */
.specialite:nth-child(odd) {
    transform: translateY(-25px) rotate(-3deg);
}

.specialite:nth-child(even) {
    transform: translateY(5px) rotate(23deg);
}

@keyframes floaty {
    0% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-3px) rotate(-1deg); }
    100% { transform: translateY(0) rotate(0); }
}

.specialite {
    animation: floaty 2s infinite ease-in-out;
    display:block;
}


/* CSS pour le Arrow */
.rn-arrow-ctn .rn-arrow-static{
    
}

.rn-bottom-cta-left{
    border-right:1px solid var(--color-primary);
}
.rn-arrow-ctn {
    width: 120px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}
.rn-bloc-g:hover a .rn-arrow-ctn.rn-arrow-static {
    margin-right: 60px;
}

.rn-bloc:hover a .rn-arrow-ctn.rn-arrow-static {
    margin-left: 60px;
}

.rn-bloc-g a .rn-arrow-ctn.rn-arrow-static{
    margin-right:0px;
    transition:margin-right 0.85s;
}
.rn-bloc a .rn-arrow-ctn.rn-arrow-static {
    margin-left: 0px;
    transition: margin-left 0.85s;
}

.rn-bloc-g,
.rn-bloc {
    transition: 0.3s;
}

/***********************************************************************************/
/****************************************************/
/**** Header - Logo - Menu - Offcanvas - Contact ****/
/****************************************************/

.navbar-brand {
    padding-top: var(--t4-navbar-brand-padding-y);
    padding-bottom: var(--t4-navbar-brand-padding-y);
    margin-right: var(--t4-navbar-brand-margin-end);
    font-size: 28px !important;
    color: var(--color-primary);
    white-space: inherit !important;
}

.navbar-brand {
    padding-right: 30px!important;
}
.navbar-brand.logo-text .site-slogan {
    opacity:1!important;
    font-size: 0.75rem!important;
    padding-right: 70px;
    line-height: 1.05rem !important;
}

/* Contact et devis */

/* Main Menu */
.t4-megamenu .t4-module .module-title, 
.t4-megamenu .mega-col-nav .mega-col-title, 
.t4-megamenu .mega-col-module .mega-col-title {
    border-bottom: 1px solid var(--color-primary)!important;
    font-size: 1.25rem;
    line-height: normal;
    margin: 0 0 1rem;
    padding: 0;
    text-transform: none;
    font-family: 'Mattone-Black';
}

.dropdown-menu.level1 {
    padding: 0!important;

}

.t4-navbar .dropdown-menu-inner li.nav-item {
    border-bottom: 1px solid var(--color-primary);
    padding: 10px 20px;
}
.t4-megamenu.animate.slide .dropdown .dropdown-menu>div {
    min-width: 320px!important;
}

.t4-megamenu.animate.slide .dropdown.show.animating>.dropdown-menu {
    padding: 0!important;
}

.t4-megamenu .dropdown .mega-sub-1 ul.level11 li.nav-item,
.t4-megamenu .dropdown .mega-sub-2 ul.level11 li.nav-item {
    border-bottom: 1px solid var(--color-primary)!important;
    padding: 10px 20px!important;
}
.t4-megamenu .dropdown ul.level11 li.nav-item:last-child {
    border-bottom: none!important;
    border-bottom:0!important;
}
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-1,
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-2{
    padding-right:0px!important;
    border-right: 1px solid var(--color-primary);
}
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-2{
    padding-left:0px!important;
}
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3{
   /*border-right: 1px solid var(--bg-color);*/
}


.t4-megamenu .dropdown .mega-sub-3 ul.level11 li.nav-item{
    padding: 0 20px !important;
    border-bottom: 1px solid var(--color-primary) !important;
}


.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3 .mega-col-title span{
    /*color: var(--bg-color) !important;*/
}

.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3 .mega-col-title{
    /*border-bottom: 1px solid var(--bg-color) !important;*/
}
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3,
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3 .mega-inner li.nav-item a {
    /*background: var(--color-primary);
    color: var(--bg-color) !important;*/
    padding: 0.21rem 0 !important;
    font-size: 14px;
}
.t4-megamenu .dropdown .mega-sub-3 ul.level11 li.nav-item:last-child {
    border-bottom: 0 !important;
}

.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3 .mega-inner{
    margin-right:-1px;
    margin-left:-1px;
    margin-top:-1px;
}

.mega-col-nav .mega-inner .mega-col-title {
    padding: 10px 20px !important;
    margin: 0 !important;
}
.dropdown-menu.mega-dropdown-menu.show .mega-dropdown-inner .mega-sub-3 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 1px solid var(--bg-color);
}

.t4-megamenu .mega-inner {
    padding-bottom: 0!important;
}

.dropdown-menu.mega-dropdown-menu.show .row{
    --t4-gutter-x:0!important;
}

/* Contact header */


/*******************************/
/******** Color Picker *********/
/*******************************/
body {
    background-color: var(--bg-color) !important;
}



.acm-pickr-ctn {
    
}

.pcr-app .pcr-selection .pcr-picker {
   border: 2px solid #ff0000!important;
   background: var(--color-primary);
}


/*deplacement de la div*/
.acm-pickr-ctn.acm-pickrbg-ctn .pickr .pcr-button {
    border:1px solid var(--bg-color);
}
.acm-pickr-ctn.acm-pickrtxt-ctn {
    position: fixed; 
    top: 240px;
    right: 120px;
    cursor: grab; 
    z-index: 1000;
}

.acm-pickr-ctn.acm-pickrmob-ctn {
    position: fixed; 
    top: 240px;
    right: 120px;
    cursor: grab; 
    z-index: 1000;
}


.acm-pickr-ctn{
    position: fixed; /* Important pour que la div soit déplaçable */
    top: 180px; /* Position initiale */
    right: 80px;
    cursor: grab; /* Affiche une main pour signaler le déplacement */
    z-index: 1000; /* Pour rester au-dessus des autres éléments */
    width: 50px;
    height: 50px;
}

.acm-pickr-ctn.dragging {
    cursor: grabbing; /* Change l'icône lors du déplacement */
}
/*fin deplacement de la div*/

.pcr-interaction{display:none!important}
.pickr .pcr-button::before {background: none!important;}
.acm-pickr-ctn .pickr .pcr-button::after {

    border-radius: 50%!important;
    border: none;
}

.acm-pickr-ctn.acm-pickrtxt-ctn .pickr .pcr-button::after{
     background: var(--bg-color)!important;
     border:1px solid var(--color-primary)!important;
         content: "T";
    font-family: serif;
    font-size: 34px;
    line-height: 1.5em;
    color: var(--color-primary);
}
    
.pickr input:focus, .pickr input.pcr-active, .pickr button:focus, .pickr button.pcr-active, .pcr-app input:focus, .pcr-app input.pcr-active, .pcr-app button:focus, .pcr-app button.pcr-active{
    box-shadow: none!important;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette {
    border-radius: 50%!important;
    width: 90px!important;
    height: 90px!important;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette::before {
    background: none!important;
}
.pcr-app .pcr-swatches>button {border-radius: 50%!important;}

.pickr .pcr-button {
    height: 50px !important;
    width: 50px !important;
    padding: 0 !important;
    background: none !important;
}

.pcr-app[data-theme=nano] .pcr-swatches {
    margin-top: 0!important;
    padding: 0!important;
}
.pcr-app[data-theme=nano] {
    width: 90px!important;
    max-width: 95vw;
    background: transparent!important;
    box-shadow: none !important;
}
.pcr-app[data-theme=nano] .pcr-selection {
    grid-gap: .6em!important;
    height: 90px!important;
    width: 90px!important;
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{
    display:none!important;
}
.pcr-color-preview{}



/* Ajout pour mobile */
.acm-pickrbg-ctn {
    touch-action: none;
    user-select: none;
}

/* Style pour le bouton Pickr */


/* État de drag */
.acm-pickrbg-ctn.dragging {
}

/* Feedback visuel pour le tap */
.acm-pickrbg-ctn:active:not(.dragging) {

}



                 

/**************************************************/
/**** Pages => Articles => Portfolio => details ****/
/**************************************************/
.rn-shadow{
    position: absolute;
    content: "dddddd";
    display: block;
    width: 70%;
    height: 100%;
    visibility: visible;
    overflow: visible;
    top: 0;
    rotate: 10deg;
    background: var(--color-primary);
    opacity:0.6;
}




.single-portfolio .area-banner .box {
    animation: animateCloud 50s linear infinite;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-weight: inherit;
    font-size: 210px;
    color: transparent;
    white-space: nowrap;
    line-height: 1;
    text-shadow: none;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--color-primary);
    padding:30px 0;
}



/**************************************************/
/**** Pages => Articles => services => Vertical ****/
/**************************************************/

/* Version Desktop : 2 colonnes */
.rn-srv-pgs-h .rn-srv-header-ctn{
    padding:60px 0 0 0; 
}


.subform-item.rn-srv-subform  ul{


}
.subform-item.rn-srv-subform ul li{
    margin-bottom: 10px;
}



/* Style global des textes */
.rn-srv-pgs-h .rn-srv-header-ctn,
.rn-srv-pgs-h .article-body {
    font-size: 16px; /* Texte lisible */
    line-height: 1.6; /* Espacement correct */
    word-wrap: break-word;
}


.rn-srv-header-ctn.left-ctn{
    margin-right:25px;
}

/* Espacement général */
.rn-srv-pgs-h .page-header,
.rn-srv-pgs-h .article-title,
.rn-srv-pgs-h .desc-article,
.rn-srv-pgs-h .subform-item {
    margin-bottom: 15px;
}




.rn-srv-pgs-h .t4-section-inner.container-fluid{
    
}


.rn-srv-pgs-h {
  display: flex;
}



.rn-srv-pgs-h .article-aside .icons, 
.rn-srv-pgs-h .article-aside .article-info {margin-bottom: 0;}



/* END OF STYE FOR VERTICAL DESIGN */








/**************************************************/
/**** Pages => Articles => services => details ****/
/**************************************************/

/* CSS du module chargé dans la page */


.rnmodule .rnmod-srvpgs-inner {margin-top:30px;margin-bottom:60px;}

@media (min-width: 1199px) {
 
.left-ctn .subform-item {
    padding-right: 0%;
}   
.subform-item {
    padding-right: 5%;
}
.subform-item.rnmodule{
    padding-right: 0;
    margin:0 60px;
}
.single-blogs .srv-mod-inside-srv.full-width {
    padding-right: 10%;
    margin-top: 30px;

    
}


}

.rn-v-pgs .t4-main-body {
    padding-top: 0;
    padding-bottom:0px;
}


.rn-v-pgs .full-width.rn-srv-header-ctn{
    padding: 80px;
    background: #e3e3e3;
    margin-bottom: 6rem;
}



/********************************************************/
/**** HP Realisation BOTTOM - BG circle - cercle ********/
/********************************************************/
.rn-hp-component-inner .section-title{
    text-align: right;
    text-transform: uppercase;
    font-family: 'Mattone-Regular';
    /*rotate: 90deg;
    float: right;
    position: relative;
    top: 0px;
    */
}
.rn-hp-component-inner{padding:80px 0;}
/* start - Background animation - start */

.layout-home #t4-component .rn-item-ref .item-title a{
    color:var(--color-primary);
    transition: filter 2s ease-in-out;
}

.layout-home #t4-component.bg-active .rn-item-ref .item-title a{
    color:var(--color-primary);
}

.layout-home #t4-component{padding:12rem 0;}
/* Cercle initial */
/* Empêcher le cercle de dépasser */
.layout-home #t4-component {
    position: relative; /* Permet au cercle d'être contenu */
    overflow: hidden; /* Cache tout ce qui dépasse */
}

/* Ajuster la position du cercle */
.layout-home #rn-circle-anim {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 1.2s ease-in-out, opacity 0.5s ease-in-out;
}

/* Quand l'animation démarre */
.layout-home #t4-component.animated #rn-circle-anim {
    transform: translate(-50%, -50%) scale(50); /* Taille max du cercle */
    opacity: 1;
}

/* Quand on redescend */
.layout-home #t4-component.animated #rn-circle-anim {
    transform: translate(-50%, -50%) scale(50);
    opacity: 1;
}

/* Quand on remonte, le cercle diminue progressivement */
.layout-home #t4-component:not(.bg-active).animated #rn-circle-anim {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: transform 1.2s ease-in-out, opacity 0.8s ease-in-out;
}
/* end Background animation end */

/********************************************************/
/**** Module LINK BOTTOM  =>  DEVIS  =>  REALISATION ****/
/********************************************************/
.rn-bottom-cta{}
.rn-bottom-cta-inner{}
.rn-bottom-cta-right{line-height: 1.4em; border-left: 1px solid var(--color-primary);}
.rn-bottom-cta-left{text-align: right; line-height: 1.4em;}
div#t4-section-10 {border-bottom: 1px solid var(--color-primary);border-top: 1px solid var(--color-primary);z-index:3;}

.rn-arrow-ctn {
    width: 120px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

a .rn-arrow-ctn.rn-arrow-static {
    margin-left: 0px;
    transition: margin-left 0.85s;
}

.rn-arrow-static.rn-arrow-ctn .rn-arrow-svg {
    margin: 0;
    opacity: 1;
    fill:var(--color-primary);
}

.rn-arrow-svg {
    width: 120px;
    height: 16px;
    opacity: 0;
    display: none;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -120px;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 0;
}
.rn-bloc-contact a:hover .rn-arrow-ctn.rn-arrow-static {
    margin-left: 50px;
}
a:hover .rn-arrow-ctn.rn-arrow-static {
    margin-left: 120px;
}

.rn-arrow-left {
    transform: scaleX(-1);
}

/********************************************************/
/**** Module Contact BOTTOM  =>   MAIL   =>  SOCIAL  ****/
/********************************************************/
.rn-bottom-contact-mod .features-item{padding:25px 0;}
.rn-bottom-contact-mod .rn-bottom-contact-item{border-right:1px solid var(--color-primary);}
.rn-bottom-contact-mod .rn-bottom-contact-item:last-child{border-right:none;}
#t4-section-11{border-bottom:1px solid var(--color-primary);}

/********************************************************/
/**** Module ACM => Services => Without OWL Carousel ****/
/********************************************************/
.acmSrvNoowl .cols-3 .acmSrvNoowl-item {padding: 30px;}
.acmSrvNoowl .cols-3 .acmSrvNoowl-item .srv-title-info h3 {font-size:24px;}
.acmSrvNoowl .cols-3 .acmSrvNoowl-item .acmSrvNoowl-content {font-size:16px;}


.acmSrvNoowl .cols-4 .acmSrvNoowl-item {padding: 25px;}
.acmSrvNoowl .cols-4 .acmSrvNoowl-item .srv-title-info h3 {font-size:18px;}
.acmSrvNoowl .cols-4 .acmSrvNoowl-item .acmSrvNoowl-content {font-size:14px;}
.acmSrvNoowl .cols-4 .acmSrvNoowl-item .header-intro {display: flex;margin-bottom: 20px;}

.acmSrvNoowl .acmSrvNoowl-item {
    border: 1px solid var(--color-primary);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.col-lg-6.col-xl-6  .acmSrvNoowl-item {
    padding: 30px;
 
}
.col-lg-6.col-xl-6 .acmSrvNoowl-item .srv-title-info h3{
    font-size:20px;
}

.rnnoborder.rnmodule .acmSrvNoowl  .acmSrvNoowl-item{
       border:0;
       padding:0;
}


/*****************************************************/
/**** Module ACM => Services => With OWL Carousel ****/
/*****************************************************/

.srv-mod{
    margin: 60px 0 30px 0;
}

.rn-srv-details .srv-first-div {
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
}
.rn-srv-details .srv-first-div .srv-title-info h3{
    font-size:36px;
}
.rn-srv-details {
    /*padding-left:15rem;
    padding-right:15rem;*/
}
.rn-srv-details .owl-carousel .owl-item {
    display: flex;
        justify-content: space-around;
}

.rn-srv-details .owl-carousel .srv-item .item-inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.srv-title-info h3 {
    margin: 0;
}

.srv-plan-list {
    color: var(--color-primary);
    margin-top: 2.25rem;
    min-height:120px;
}

.rn-srv-details .srv-item .img-intro {
    margin-right: .5rem;
    flex: 0 0 40px;
    width: 40px;
}

.rn-srv-details .srv-item .header-intro {
    align-items: center;
    display: flex;
}

.rn-srv-details .owl-carousel .srv-item {
    border: 1px solid var(--color-primary);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    min-height: 380px;
    height: 100%;
}

.rn-srv-details .srv-item .srv-desc {
    color: var(--color-primary);
    margin-top: 1rem;
    min-height:120px;
}
.rn-srv-details .srv-item .srv-plan-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rn-srv-details .srv-item .srv-plan-list ul li:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin-right: 12px;
}


/**************************************************/
/****** Pages => REALISATIONS => CATEGORIES  ******/
/**************************************************/
.rn-srv-cat-all .rn-svg-blog-title svg {
    display: none;
}


.rn-ref-pg .page-header{padding-bottom:0px;}
.rn-ref-pg .page-header h1{font-family:Mattone-Regular;}
.rn-item-ref{}
.rn-item-sep img{
    width: 100%; /* ou une largeur spécifique */
    max-width: 800px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 8px; /* Effet arrondi */
    width:60px;
}

.rn-item-sep {
    text-align: center;
    margin: 20px 0;
    max-width: 60px;
}
@keyframes rotateAnimation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes rotateAnimationAH {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes zoomInOut {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); }
    100% { transform: scale(1); }
}

@keyframes floatUpDown {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

@keyframes floatLeftRight {
    0% { transform: translateX(0px); }
    50% { transform: translateX(-20px); }
    100% { transform: translateX(0px); }
}


.rn-item-sep img {
    animation: var(--animation-type, rotateAnimation) var(--animation-duration, 3s) linear infinite;
}


/**** Featred SVG Image Hover ****/

html {
    -webkit-font-smoothing: subpixel-antialiased;
    display: block !important;
}
#GKSVGImageHover {
    position: relative;
}
.layout-home #GKSVGImageHover .distort {
    top: -300vh;
    left: 25vw;
}

#GKSVGImageHover .distort {
    max-width: unset;
    pointer-events: none;
    position: absolute;
    top: -15%;
    left: 320px;
    will-change: transform;
    z-index: 10;
}
.layout-home .GKSVGImageHover-wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: right;
    text-align: right;
    flex-wrap: wrap;
    align-content: flex-end;
}
.GKSVGImageHover-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    flex-wrap: wrap;
}
svg:not(:root) {
    overflow: hidden;
}
.GKSVGImageHover-wrap .item {
    margin:0 20px;
}
#GKSVGImageHover h2.item-title,
#GKSVGImageHover h3.item-title {
    font-size: 3.4rem;
    line-height: 1.5;
    margin-bottom: 0;
    font-family: Mattone-Regular!important;
}
#GKSVGImageHover .item-title-link {
    border: 0;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 11;
}
#GKSVGImageHover .distort-img {
    opacity: 0;
    width: 500px;
    height: 672px;
}

.view-featured.itemid-531 .t4-wrapper{
    overflow: hidden;
}

.view-featured.itemid-531 .t4-wrapper{
    background: #111 url('/templates/radisnoir/images/decor/bg.png') center top repeat scroll;
    -webkit-transition: all 350ms;
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    transition: all 350ms;
    -ms-transition: all 350ms;
}

/**************************************************/
/****** Pages => REALISATIONS => DETAILS     ******/
/**************************************************/
.rn-ref-item-pg.view-article .full-width.rn-last-div{
    padding-bottom:6rem;
    border-bottom:1px solid var(--color-primary);
}

.rn-ref-item-pg.view-article .t4-main-body{
    margin-bottom:0!important;
    padding-bottom: 0!important;
}

.rn-ref-item-pg.view-article .t4-main-body .rn-last-div{
    padding-bottom:8.5rem;
    border-bottom:1px solid var(--color-primary);
}
.rn-ref-item-pg.view-article .single-portfolio.type-1 ul.pagenav {
    border-top:0!important;
    margin-top:0;
}

.rn-ref-item-pg.view-article ul.pagenav{
    border-bottom:none!important;
}

/**************************************************/
/*** CATEGORY_BLOG Pages => BLOG  => CATEGORIES ***/
/**************************************************/

/* Module de filtre de catégories */

.rn-cat-filter-mod .categories-module.mod-list{}
.rn-cat-filter-mod  .categories-module li a:before{content:"";}
.rn-cat-filter-mod .categories-module li a {font-size:20px;}
.rn-cat-filter-mod .module-title,
.rn-cat-filter-mod .categories-module>li {
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    padding-left: 3rem;
    padding-right: 3rem;
}
.rn-cat-filter-mod .module-title  {text-transform: inherit;}
.rn-cat-filter-mod .module-title span{border-bottom:0;}
.rn-cat-filter-mod .categories-module a:hover, 
.rn-cat-filter-mod .categories-module a:focus, 
.rn-cat-filter-mod .categories-module a:active{
    color:var(--color-primary)!important;
}

/* Main Category Blog Page */

.blog-gen-pg .cat-children  {}
.blog-gen-pg .infinity-wrap {padding-bottom: 80px;}
.blog-gen-pg .sidebar-r{margin-left: -20px;}

.blog-gen-pg .page-header h1, 
.blog-gen-pg .page-header .h1, 
.blog-gen-pg .categories-list h1, 
.blog-gen-pg .categories-list .h1{
    text-transform: inherit;
}

.blog-gen-pg .page-subheader {
    border-bottom: 1px solid var(--color-primary);
}
.blog-gen-pg .item.item-article:last-child{
    border-bottom: 0px;
}

.blog-gen-pg .items-row .item .item-intro, .blog-gen-pg .items-row .item .intro-txt {
    margin-bottom: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
    color: var(--color-primary);
}
.blog-gen-pg .category-name a {
    margin-left: 0;
    font-size: 15px !important;
}

.blog-gen-pg .page-header h1{
    line-height: 1.25em;
    margin-bottom: 40px;
    margin-top: 40px;
}
.blog-gen-pg h2{
    font-size:36px;
    margin:30px 0 20px 0;
}
.blog-gen-pg h3{
    font-size:24px;
    margin:30px 0 10px 0;
}

.rn-blog-cats-pg .rn-item-content .page-header h3{
    margin:0px;
}
.rn-blog-main-ctn.rn-blog-cats-pg .rn-item-content .page-header svg.rnsvgcolor{
    fill:var(--color-primary);
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-top: -8px;
}

.blog-gen-pg h2.blog-intro-h2{
    font-size:28px;
    margin:30px 0 60px 0;
}

.blog-gen-pg .article-aside .icons, .blog-gen-pg .article-aside .article-info {
    margin-bottom: 0.4rem;
}

.blog-gen-pg .item.item-article {
    margin-bottom: 0rem !important;
    margin-top: 0rem;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
    border-bottom: 1px solid var(--color-primary);
}

.blog-gen-pg #t4-main-body .container-fluid{
    padding-left: 0rem;/*6.75*/
    padding-right: 0rem;/*6.75*/
}

/**************************************/
/***** BLOG * ARTICLES * ITEM  ********/
/**************************************/

/* Bannières */
.rn-classic-banner, .rn-skyscraper, .rn-demi-skyscraper, .rn-rect-moyen, .rn-rect-bann, .rn-large-banner, .rn-vert-bann-2, 
.rn-vert-bann-1, .rn-16-9, .rn-bouton-clip-editorial, .rn-petit-carre, .rn-petit-bouton, .rn-bouton-allonge, .rn-billboard{
    border:1px solid var(--color-primary);
    background: transparent;
}

.rn-classic-banner {width: 468px;height: 60px;}
.rn-skyscraper {width: 160px;height: 600px;}
.rn-demi-skyscraper {width: 160px;height: 320px;}
.rn-rect-moyen {width: 336px;height: 280px;}
.rn-rect-bann {width: 180px;height: 150px;}
.rn-large-banner {width: 728px;height: 90px;}
.rn-vert-bann-2 {width: 120px;height: 600px;}
.rn-vert-bann-1 {width: 120px;height: 240px;}
.rn-16-9 {width: 320px;height: 180px;}
.rn-bouton-clip-editorial {width: 120px;height: 90px;}
.rn-petit-carre {width: 125px;height:125px;}
.rn-petit-bouton {width: 88px;height: 31px;}
.rn-bouton-allonge {width: 234px;height: 60px;}
.rn-billboard {width: 336px;height: 280px;}

/* Fin bannières */
.rnitemprev{padding-left: 20px;}
.rnitemnext{padding-right: 20px;}
.blog-gen-pg .single-blogs .pagenav, .single-blogs .full-box {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        padding: 2.5rem;
}  
svg#rnsommairesvg {
    fill: none;
    stroke: var(--color-primary);
    stroke-miterlimit: 10;
    stroke-width: 1.60px;
    width: 42px;
    overflow: visible;
}

.main-category.rnsommairesvglink{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


/*********************************************/
/****** HOME PAGE HOME PAGE HOME PAGE ********/
/*********************************************/
/******** Effet cercle de degradé flou *******/
.rn-flou-center {left: 50%;}
.rn-flou-right {left: 95%;}
.rn-flou-left {left: 5%;}

/*.rn-flou-right-srv-mod,*/
.rn-flou-center,
.rn-flou-right,
.rn-flou-left {
    background: #3FFFDC;
    -webkit-filter: blur(75px);
    filter: blur(75px);
    height: 290px;
    width: 290px;
    border-radius: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
}

/******* P5 JS ANIMATION *******/

/* Version module */
canvas#defaultCanvas0 {
    position: absolute;
    top: 0;
    z-index: -1;
}
div#t4-section-1-m,
div#t4-section-1 {
    display: block;
    height: 100vh;
}
.t4-section-1-m .rn-anim-mob img {
    margin-top: -15px;
    position: relative;
    z-index: -1;
    padding-left: 20px;
    padding-right: 20px;
}
.t4-section-1-m h1{
    text-align: left;
}
.t4-section-1-m .rn-anim-mob .p5js-ctn-inner {
    padding-right: 30px;
}



/* Version Iframe */
.container.p5js-ctn-inner {
    position: absolute
}

.p5js-ctn-inner{
    padding: 2rem 0 2rem 6.75rem;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    width: 90%;
}

.p5js-ctn-inner h1{
    max-width: 800px;
    margin:0 auto;
}

.p5js-ctn iframe#p5 {
    height: 100vh;
    width: 50vw;
    border: 0;
    padding-top: 2rem;
}

.p5js-ctn.acm-features.style-1 {
    padding: 40px 0 0 0
}

.p5js-ctn .rn-hero-exp-ctn {
    text-align: left
}

.p5js-ctn h1 .rn-hero-title {
    text-align: left
}

.acm-features.style-1.p5js-ctn h1 {
    line-height: 1em;
    margin-top: 0
}

.acm-features.style-1.p5js-ctn h1 .rn-hero-title {
    font-size: 48px
}


/* lOGO CLIENTS */
.rn-client-img img{filter: grayscale(1);}

/* presentation de l'agence */

/* Module témoignages testimonials */
.rn-avis-mod-hp .owl-carousel.owl-drag .owl-item{
    padding-right: 60px;
}

.rn-avis-mod-hp .testimonial-author{margin-top:20px;margin-bottom:20px;}
.rn-avis-mod-hp .testimonial-content{font-size: 18px;}
.rn-avis-mod-hp .testimonial-author .tem-name{display: block;font-family: Mattone-Regular;font-size: 18px;}
.rn-avis-mod-hp .testimonial-author .tem-jobtitle{display: block;font-family: Mattone-Regular;font-size: 18px;}
.rn-avis-mod-hp .testimonial-author .tem-projectname{display: block;font-family: Mattone-Bold;font-size: 24px;}


.rn-avis-mod-hp .acm-testimonial.style-1 .testimonial-content .testimonial-desc{
    font-size:20px;
}

.rn-avis-mod-hp span.stars-vote i svg {
    width: 20px;
    height: 25px;
    fill: var(--color-primary);
}
.rn-avis-mod-hp .owl-carousel .owl-stage-outer{

}

.rn-avis-mod-hp .acm-testimonial.style-1 .testimonial-content .owl-dots {
    display:none;
    /*
    position: absolute;
    left: 0 !important;
    top: -240px;
    width: 140px;
    transform: none;
    
    left: 0 !important;
    top: -60px;
    display: block;
    */
    
}
.rn-avis-mod-hp .section-inner .container,
.rn-avis-mod-hp .section-inner .section-title-wrap,
.rn-avis-mod-hp .section-inner .mod-title-wrap{
    width:100%;
    padding: 0 !important;
    margin: 0 !important;
}

.rn-avis-mod-hp .section-title {
    margin-bottom: 30px!important;

}
.t4-wrapper .rn-avis-mod-hp .owl-carousel .owl-dots > span.active,
.t4-wrapper .rn-avis-mod-hp .owl-carousel .owl-dots button.active {
    background: var(--color-primary);
}
.t4-wrapper .rn-avis-mod-hp .owl-carousel .owl-dots > span,
.t4-wrapper .rn-avis-mod-hp .owl-carousel .owl-dots button {
    background: transparent;
    margin: 5px;
    height: 10px;
    width: 10px;
    border: 1px solid var(--color-primary);
}

/* Module a propos */
.rn-about-acm .rn-mod-about-title{text-align: right;}
.rn-about-main-bloc .rn-about-acm{padding-top:3rem;}
.rn-about-main-bloc .rn-about-acm a.section-actions{
    border:0;
    display:inline-block;    
    margin-left: -100px;
    margin-top: 40px;
    padding: 30px;
}
.rn-about-acm .stats-list {width: 70%;}

/* Module services */
.section-title-wrap.rn-services-hp-mod{margin-bottom: 10px;}
    
/*********************************************/
/****** BOTTOM OF THE PAGE AND FOOTER ********/
/*********************************************/
.social-list li a i, .social-list li a span {
    display: none;
}

.rn-social{display:flex;justify-content: center;}
.rn-social a {margin-right:10px;}
.rn-social a span{
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 12px;
}
.rn-social-item svg{fill: var(--color-primary);}
.rn-social-item {
    width:24px;
    height:24px;
    display:block;
    margin-right:15px;
}

.t4-footer-inner {
    font-size: .875rem;
    padding-top: 3.25rem!important;
    padding-bottom: 3.25rem!important;
}
.rn-footnav-ctn-link {display: flex;}

ul.rn-footnav-item li {margin-bottom: 10px;}
ul.rn-footnav-item {margin-right: 40px;list-style: none;}
.t4-footer .t4-footer-inner {
    padding-top: 0rem !important;
    padding-bottom: 0rem!important;
}


/* FootNav Texte slider */

.layout-home .rn-footnav-final-text {
    border-bottom: 1px solid;
}
.rn-footnav-final-text {
    padding: 4rem 0!important;
    text-align: center;
}
.rn-footlink-title a {
    white-space: nowrap;
}
.acm-text-slider.style-2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.acm-text-slider.style-2 .slide-info {
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 0 1.125rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
    font-size: 18px;
}

@media (max-width: 1199.98px) {
    .acm-text-slider.style-2 .slide-info {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}


.acm-text-slider.style-2 .slide-info .number {
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    color: var(--color-primary);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    font-size: 28px;
    line-height: 50px;
    margin-right: 1.125rem;
    text-align: center;
    height: 56px;
    width: 56px;
    color: var(--bg-color);
    background: var(--color-primary);
}

@media (max-width: 1199.98px) {
    .acm-text-slider.style-2 .slide-info .number {
        display:none
    }
}

.acm-text-slider.style-2 .text-slider-inner {
    border-left: 1px var(--color-primary);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex: 0 0 83%;
    flex: 0 0 83%;
    max-width: 83%
}

@media (max-width: 1199.98px) {
    .acm-text-slider.style-2 .text-slider-inner {
        -webkit-box-flex:0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}


.acm-text-slider.style-2 .text-slider-inner .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.acm-text-slider.style-2 .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.acm-text-slider.style-2 .item .rn-footlink-title {
    padding: 2rem 0.5rem
}

@media (max-width: 1199.98px) {
    .acm-text-slider.style-2 .item .rn-footlink-title {
        padding:.9375rem 2.25rem
    }
}


.acm-text-slider.style-2 .item .rn-footlink-title h2,
.acm-text-slider.style-2 .item .rn-footlink-title .h2 {
    margin: 0;
    font-weight: 400;
    white-space: nowrap
}

@media (max-width: 991.98px) {
    .acm-text-slider.style-2 .item .rn-footlink-title h2,
    .acm-text-slider.style-2 .item .rn-footlink-title .h2 {
        font-size:var(--h3-font-size)
    }
}

.acm-text-slider.style-2 .item .rn-footlink-picto {
    padding:2rem 0.5rem 2rem 3rem;
}

@media (max-width: 1199.98px) {
    .acm-text-slider.style-2 .item .rn-footlink-picto {
        padding:.9375rem 2.25rem
    }
}


.acm-text-slider.style-2 .item .rn-footlink-picto svg{
    max-height: 70px;
    width: 70px;
}

.acm-text-slider.style-2 .item .rn-footlink-picto svg .cls-1{
    fill:var(--color-primary);
}
           
.acm-text-slider.style-2.style-rtl .text-slider-inner {
    border-right: 1px solid var(--color-primary);
    border-left: 0
}

.acm-text-slider.style-2:not(.style-rtl) .text-slider-inner {
    border-left: 1px solid var(--color-primary);
    border-right: 0
}


.acm-text-slider.style-2.style-rtl .item .rn-footlink-title {
    border-left: 0;
    border-right: 0
}
.rn-footlink-slider-mod{
    margin-top:0!important;
}
.rn-footlink-slider-mod-2 {
    border-top: 1px solid var(--color-primary);
}
.t4-module.module.rn-footlink-slider-mod-2{
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
}
.rn-footlink-slider-mod .rn-footlink-title{
    
}

.rn-footlink-slider-mod .rn-footlink-picto{
    
}



/* Copyright */
.t4-copyright {
    padding: 1rem 2.25rem;
}
#wcb_a{
 color: var(--bg-color)!important;  
}
#wcb.carbonbadge {
    --b1: var(--color-primary) !important;
}
#wcb #wcb_a {
background: var(--color-primary) !important;
    font-weight: inherit !important;
    border-color: var(--color-primary) !important;
    
}
#wcb #wcb_a, #wcb #wcb_g {
    border: .13em solid var(--color-primary)!important;

}
.wcb_g #wcb_a {
    background: var(--color-primary)!important;
}
#wcb #wcb_g{
    background:transparent!important;
    color: var(--color-primary)!important;
}

/******************************************/
/******** DESIGN POUR CHAPITRE ************/
/******************************************/

:root {
    --gutter-normal:32px;
}
.rn-chapitre {
    padding-top:40px;
}
.rn-chapitre .features-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: var(--gutter-normal);
}
.rn-chapitre .features-nav li {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
.rn-chapitre .features-nav li a {
    color: var(--color-primary);
    font-size:16px;
    display:block;
    line-height:1.4rem;
}

.rn-srv-all .rn-srv-all-list-ctn  h4 {margin-bottom: 25px;}
.rn-srv-all .rn-chapitre-ctn-inner h3{margin-bottom: 40px!important;}


.features-item.rn-chapitre-ctn{
    border-bottom: 1px solid var(--color-primary);
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.features-item.rn-chapitre-ctn:last-child{
    border-bottom: 0;
}

.rn-chapitre-ctn-inner h3 {
    margin-bottom: 10px!important;
}


@media (min-width: 1200px) {
    .rn-chapitre .features-item .item-inner {
        padding-right: var(--gutter-normal);
    }
}


    .rn-chapitre .features-item .img-icon {
    margin-bottom: var(--gutter-normal);
}
.rn-chapitre .features-item h3, .rn-chapitre .features-item .h3 {
    margin-top: 0;
    margin-bottom: var(--gutter-normal);
}




/************************************************/
/****** Contact Page Formulaire de contact ******/
/************************************************/
.rn-contact-pg  .formContainer label.control-label{}
.rn-contact-pg .t4-main-body {
    padding-top: 0;
    padding-bottom: 0;
}


/************************************************/
/****** Catégorie Page - Tous les services ******/
/************************************************/

.rn-srv-cat-all .com-content-categories__item {
    border-bottom:none;
    padding-bottom:40px;
}
.rn-srv-cat-all .com-content-categories.categories-list h1{
    margin-bottom:60px;
}
.rn-srv-cat-all .category-desc h3{
    margin-bottom:25px;
}


/******* Pages importés avec icones et anciens articles *******/

.rn-h2-subtitle, .rn-h2-subtitle h2 {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 80px;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: inherit;
}

.rn-cadre {
    padding: 30px 30px;
    text-align: center;
}

.rn-centred {
    text-align: center;
    margin: 60px auto;
    max-width: 960px;
}

.rn-centred h2{
    font-family:Mattone-bold;
    font-size:36px;
}
.rn-cadre h3{
    font-family:Mattone-bold;
    font-size:24px;
}
.rn-cadre ul{
    list-style: none;
    padding-left:0;
}
.rn-cadre ul li{
    font-size:14px;
    margin-bottom:10px;
}

.rn-livrables .rn-features-image {
    
}

.rn-pictonic-cadre {
    font-size: 72px;
}

.rn-pictonic-face {
    font-size: 36px;
    float: left;
    margin-right: 10px
}

.rn-pictonic-big {
    font-size: 236px;
    margin-bottom: 40px
}

.rn-pictonic-bigger {
    font-size: 300px!important;
    margin-top: 5%
}

.rn-pictonic-bigger-6 {
    font-size: 400px!important;
    margin-top: 10%
}

.rn-livrables .rn-features-image {
    text-align: center
}

.rn-livrables h3 {
    font-size: 18px;
    font-family: Mattone-bold;
    margin-bottom: 5px
}

.rn-livrables p {
    font-size: 16px;
    line-height: 22px
}

.rn-livrables div div:first-child {
    text-align: right
}
.rn-livrables {
    margin-bottom: 120px;
}

.full-width.rnend{
    border-bottom:1px solid var(--color-primary);
}

.rn-cadre-lien-blog{
    padding: 90px 10px 0 10px;
}
.rn-cadre-lien-blog h3{
    margin:30px 5px;
}

/***************** END ***********************/


/*********** Page Mentions légales *************/
.legals-pg .single-blogs .desc-article{
    font-size:14px;
}

/************ Blog Navigation sidebar *****************/
.blog-gen-pg .component {
    margin-right: 1px;
    padding-right:0;
}



/************************************/
/************************************/
/************* VERSION 1600 *********/
/************************************/
/************************************/
@media (max-width: 1600px) {

.layout-home #GKSVGImageHover .distort {
    top: -340vh;
    left: 25vw;
}

}


@media(min-width: 1600px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container,
    .t4-masthead .t4-masthead-detail {
        max-width: 1540px
    }



}


/******************************/
/* Full width mainmenu start */
/******************************
.t4-megamenu .mega.full-width .mega-dropdown-menu {
    left: -1px;
    max-width: calc(-14px + 100vw);
    min-width: calc(-14px + 100vw) !important;
    width: calc(-14px + 100vw) !important;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden;
    margin: 0px !important;
}
.t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}
.t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner > .row > div {
    position: relative;
}
.t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner > .row > div > div {
    padding-top: var(--gutter-lg);
    padding-bottom: var(--gutter-lg);
    position: relative;
}
.t4-megamenu .mega.full-width .mega-dropdown-menu .mega-inner {
    padding: 0px;
}
.t4-section,
.header-wrap,
.t4-navbar,
.t4-navbar .nav-item,
.t4-navbar .navbar {
    position:inherit!important;
}



.t4-megamenu .rn-features.style-1 .features-item .img-icon {
    margin-bottom: 1rem;
}
.rn-features.style-1 .features-item .img-icon
Specificity: (0,4,0)
 {
    margin-bottom: var(--gutter-normal);
    max-width: 70px;
}
.t4-megamenu .rn-features.style-1 .features-item .img-icon img {
    max-width: 40px;
}
.rn-features.style-1 .features-item:hover {
    border-color: rgba(0, 0, 0, .05);
}

.t4-megamenu .rn-features.style-1 .features-item {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem;
}
.rn-features.style-1 .features-item {
    background: #FAFAFA;
    border-radius: 8px;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    padding: var(--gutter-normal);
    height: 100%;
    position: relative;
    transition: 500ms all;
}
.link-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.rn-features.style-1 .row>div {
    border-left: none!important;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-top: 0;
    min-height: inherit!important;
    }




@media(min-width: 1440px) {
    .t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner {
        max-width: 1284px;
    }
    .t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner > .row {
        margin-left: -4rem;
        margin-right: -4rem;
    }
}

@media (min-width: 1200px) {
    .t4-megamenu .mega.full-width div.mega-dropdown-inner.mega-dropdown-inner > .row > div {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}


/******************************/
/* Full width mainmenu End */
/******************************/


@media(min-width: 1440px) {
   
    /* SRV pages */
.rn-srv-pgs .rn-srv-header{
   max-width:1360px;
   padding-top: 6rem !important;
   padding-bottom: 6rem !important;        
}
.rn-srv-pgs .rn-srv-header .page-header h1{
    font-size:48px!important;
}

.rn-srv-header-ctn.left-ctn .article-title h2 {
    font-size: 36px;
}

/* About pages */
.rn-srv-header-ctn.left-ctn .page-header h1 {
    font-size: 36px!important;
}
.rn-srv-pgs-h .article-body{
    padding-top:20px;
}
.rn-srv-pgs-h .page-header {
    margin-top: 5px;
}

/* realisations pages */
.rn-ref-pg .page-header h1 {
    font-family: Mattone-Bold;
    font-size: 48px;
    text-transform: inherit;
}
        
.rn-ref-pg .custom h2{
    font-family: Mattone-Regular;
    font-size:28px;    
    margin-bottom:60px;
    
} 
.rn-ref-pg .section-title.h5{display:none;}



}
        

/**********************************************/
/**********************************************/
/************* VERSION de 1200 à 1400 *********/
/**********************************************/
/**********************************************/
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    /* Logo */
.navbar-brand.logo-text .site-slogan{
    padding-right:0!important;
    width:200px;
}

.navbar-brand.logo-text .site-slogan .rnhidemob{
    display:none;
}

/* Reference realisations */ 
.layout-home #GKSVGImageHover .distort {
    top: -300vh;
    left: 10vw;
}

/* Blog et autre ressources HP */
.acm-text-slider.style-2 .slide-info .number {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    width: 40px;
}
.acm-text-slider.style-2 .slide-info {
   font-size: 14px;
}
.t4-module.rn-footlink-slider-mod,
.t4-module.rn-footlink-slider-mod-2 {
    padding: 0;
}


/* Footer Presentation */
.blog-gen-pg h3 {
    margin:0;
}
.rn-footnav-final-text {
    padding: 3rem 0 !important;
}




/* Services Pages */ 
.single-blogs {
    padding-left: 0rem!important;
    padding-right: 0rem!important;
}
.rn-srv-pgs .rn-srv-header-ctn .page-header h2 {
        font-size: 32px!important;
}
.rn-chapitre-ctn .rn-chapitre-ctn-inner h3{
    font-size:28px;
}

/* Blog Categories Blog */
.blog-gen-pg .sidebar-r .t4-module {
    padding-top: 0!important;
}
    
    
/* Blog single article  */
.view-article.blog-gen-pg .article-aside.bottom-infor, .view-article.blog-gen-pg .desc-article, .view-article.blog-gen-pg .page-header, .view-article.blog-gen-pg .article-aside.top-infor, .view-article.blog-gen-pg .article-body{
    padding-left:2.4rem!important;
    padding-right:2.4rem!important;
}
.blog-gen-pg .page-header h1 {
    font-size: 48px;
}

.blog-gen-pg .component {
    padding-top: 20px;
    padding-right: 0px;        
}
.blog-gen-pg h2 {
    font-size: 28px;
}

/* Blog Theme - telecommande */
.blog-gen-pg.view-article .has-sidebar .t4-module {
     margin-top: 0!important;
     padding-top:0px;
     top:0!important;
}
.rn-cat-filter-mod .module-title {
    padding-top: 20px;
    padding-bottom: 20px;
    background: var(--color-primary);
    color: var(--bg-color);
}

.rn-cat-filter-mod .module-title, .rn-cat-filter-mod .categories-module>li {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.rn-cat-filter-mod .categories-module li a {
    font-size: 18px;
}
.rn-cat-filter-mod .categories-module>li:last-child{
    border-bottom:0;
}


/* Realisations pages */
.view-featured.rn-ref-pg .page-header h1 {
    font-family: 'Mattone-Bold';
    font-size: 54px;
}
.view-featured.rn-ref-pg .rn-ref-pg h2 {
    font-size: 36px;
    margin-bottom:60px;
}
.rn-ref-pg .page-header {
    padding-bottom: 20px;
}

.single-portfolio .area-banner .box {
    font-size: 140px;
}

#ampz_inline_top, #ampz_inline_bottom {
    margin: 0!important;
}

}


/************************************/
/************************************/
/************* VERSION 1400 *********/
/************************************/
/************************************/
@media (max-width: 1400px) {

}









/************************************/
/************************************/
/************* VERSION 1200 *********/
/************************************/
/************************************/
 @media (min-width: 1200.1px) {
 .rn-cust-hp-mod{margin-top:-25rem;}

/* Main menu */ 
.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    letter-spacing: inherit;
}

 /* Contact et devis */
.rn-contact-head-btn span.d-xl-block{
    display: inline-block!important;
}

/* Blog */
.view-article.blog-gen-pg .article-aside.bottom-infor,
.view-article.blog-gen-pg .desc-article,
.view-article.blog-gen-pg .page-header,
.view-article.blog-gen-pg .article-aside.top-infor,
.view-article.blog-gen-pg .article-body{
    padding-left:6.75rem;
    padding-right:6.75rem;
}

.blog-gen-pg .page-subtitle{
    font-size:24px; 
    padding-left:3rem;
    margin-bottom: 60px;
    font-size: 2rem;
    font-family: 'Mattone-Regular';
    padding-right: 2rem;
}
.blog-gen-pg h1.page-subtitle, .blog-gen-pg .rn-blog-main-ctn .page-header h1 {
    margin-bottom: 30px;
    padding-left: 3rem;
}
.blog-gen-pg .rn-item-content {
    padding-right: 3rem;
    padding-left: 3rem;
}




.single-blogs .pagenav, .single-blogs .full-box {
    margin-left: -4rem!important;
    margin-right: 0rem!important;
}
/*.view-article.blog-gen-pg .component{
    padding-left:6.75rem;
    padding-right:2rem;
}*/

 ul.pagenav{
    border-top: 1px solid var(--color-primary)!important;
    border-right: 0!important;
    border-bottom: 0!important;
    border-left: 0!important;
}




 }

       

@media (max-width: 1200px) {

/* P5  */
div#t4-section-1 {
display: block;
height: 55vh;
}

/* Logo Slogan */
span.rn-hide-992 {
    display: none;
}
.navbar-brand.logo-text .site-slogan{
    padding-right: 0;
}

/* Realisations Home */
.layout-home #GKSVGImageHover .distort {
    top: -380%;
    left: 0%;
}



/* Blog */
.view-article.blog-gen-pg .article-aside.bottom-infor, .view-article.blog-gen-pg .desc-article, .view-article.blog-gen-pg .page-header, .view-article.blog-gen-pg .article-aside.top-infor, .view-article.blog-gen-pg .article-body {
    padding-left: 2rem;
    padding-right: 2rem;
}
.blog-gen-pg .page-header h1 {
    font-size:42px;
}

.blog-gen-pg .article-body h2,
.blog-gen-pg .page-header h2 {
    font-size:32px;
 }
                              
.blog-gen-pg .article-body h3 {
    font-size:24px;
}

/* Chapitre / sidebar */
.rn-cat-filter-mod .module-title, .rn-cat-filter-mod .categories-module>li {
    padding-left: 1rem;
    padding-right: 1rem;
}
.rn-cat-filter-mod .categories-module li a {
    font-size: 16px;
    line-height: 1.4rem;
}

.blog-gen-pg.view-article .has-sidebar .t4-module {
    margin-top: 0!important;
    padding-top: 0;
}
.blog-gen-pg .component {
    padding-top: 2rem;
}
.blog-gen-pg .rn-item-content {
        padding-right: 1rem;
        padding-left: 2rem;
}
.blog-gen-pg h1.page-subtitle, 
.blog-gen-pg .rn-blog-main-ctn .page-header h1 {
    padding-left: 2rem;
}
.blog-gen-pg .page-subtitle {
    padding-left: 2rem;
    margin-bottom: 40px;
    font-size: 22px;
}
.rn-cat-filter-mod .categories-module>li:last-child{
    border-bottom:0!important;
}

/* pagination */
#ampz_inline_top, #ampz_inline_bottom {
    margin: 0px 0!important;
}

.blog-gen-pg .single-blogs .pagenav, .single-blogs .full-box {
    margin-left: 0rem !important;
    margin-right: -19px !important;
    padding: 2.5rem;
    border-top: 1px solid var(--color-primary);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

        
/* Page Categorie / Realisation */
.rn-ref-pg .page-header {
    padding-bottom:10px;
}
.rn-ref-pg .page-header h1 {
    font-size:42px;
}
.rn-ref-pg .custom h2 {
    font-size:28px;
    font-family: 'Mattone-Regular';
}
#GKSVGImageHover h2.item-title, #GKSVGImageHover h3.item-title {
    font-size: 2.4rem;
}

/* Pages services */
.view-article .rn-srv-pgs.single-blogs {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Page devis et contact */
.rn-srv-header-ctn.left-ctn .article-title h2{
    font-size:24px;font-family: 'Mattone-Regular'; }

    
    


}

 

/************************************/
/************************************/
/************* VERSION 992 **********/
/************************************/
/************************************/

@media (min-width: 992.1px) {

/* Home Page */    


/* Bouton contact et devis Header */
.rn-bottom-contact-mod.d-lg-flex{
    display:inherit!important;
}  
 

/* Service */      
.rn-srv-pgs-h .container-layout {
        display: flex;
        gap: 0px;
        align-items: flex-start; /* Alignement correct */
    }
    .rn-srv-pgs-h .rn-srv-header-ctn {
        width: 40%;
    }
    .rn-srv-pgs-h.item-page [itemprop=articleBody].article-body {
        width: 60%;
        margin-top: 0;
        padding-top: 30px;
        border-left: 1px solid var(--color-primary);
        padding-left: 25px;
        padding-bottom: 6rem;
        margin-bottom: 0px;
    }
    .rn-srv-pgs-h .article-aside {
        justify-content: flex-end;
    }
        
     

/* Mise en forme des balise  */
.rn-srv-header-ctn.left-ctn .page-header h1{font-size:30px;text-align: right;margin-top:0;}
.rn-srv-header-ctn.left-ctn .article-title h2{font-size:24px;}
.rn-srv-pgs-h .rn-srv-header-ctn {padding: 30px 0 0 0;}
.rn-srv-header-ctn.left-ctn .article-aside.top-infor{justify-content: flex-end;}
.form-group.rsform-block h3 {font-size: 36px;}
.rn-srv-pgs-h .rn-srv-header-ctn.left-ctn .subform-item,
.rn-srv-pgs-h .rn-srv-header-ctn.left-ctn{text-align: right;}

.rn-srv-pgs-h .article-body {border-left: 1px solid var(--color-primary);padding-left: 25px;width:60%;}


/* Page tous les services */
.rn-srv-cat-all .category-desc h3 {
    font-size: 28px;
}

.rn-srv-red .page-header h1 {
    font-size: 54px;
}

    
}






@media (max-width: 992px) {

/* Logo */

.navbar-brand.logo-text .rn-hide-992{
    display: none;
}

/* Main menu */
.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    padding: 10px !important;
    letter-spacing: -0.3px;
    font-size:13px!important;
}

/* P5 H1 */
div#t4-section-1 {
    height: 55vh;
}

/* Presentation de l'agence */
.rnhp-pres01{
    font-size:32px;
}
.rnhp-pres02{
    font-size: 28px;
}
.rnhp-pres03{
    font-size:20px;
    margin-bottom: 60px;
}


/* Réalisations */
.layout-home #GKSVGImageHover .distort {
    top: -225%;
    left: 0%;
}

/* Contact X 3 */
.rn-bottom-contact-item .rn24{
    font-size: 18px;
}

/* Page About Verticale */
.rn-srv-header-ctn.left-ctn .page-header h1 {
    font-size: 30px;
}
.rn-srv-header-ctn.left-ctn .article-title h2 {
    font-size: 24px;
}
.subform-item.rn-srv-subform h3{
    font-size:20px;
}

/* Page service */

.rn-chapitre .features-nav li a {
    font-size: 14px;
}

/* Bmlog */
.view-article.blog-gen-pg .article-aside.bottom-infor,
.view-article.blog-gen-pg .desc-article,
.view-article.blog-gen-pg .page-header,
.view-article.blog-gen-pg .article-aside.top-infor,
.view-article.blog-gen-pg .article-body{
    padding-left:2.50rem;
    padding-right:2.50rem;
}
.blog-gen-pg .page-header h1 {
    font-size: 42px;
}
.blog-gen-pg .page-header h2 {
    font-size: 28px;
}
.blog-gen-pg  .item-page.single-blogs h3{
    font-size: 22px;
}
.blog-gen-pg  .single-blogs .desc-article p{
    font-size:18px;
}
         



}





      
 




   

/************************************/
/************************************/
/********** VERSION tablette ********/
/************************************/
/************************************/

/* Start paralax for Title */
@media (min-width: 767.98px) {

/* Home Page Text Scroll */    
.acm-text-slider.style-2.style-rtl .text-slider-inner {
    -webkit-box-ordinal-group:2;
    -ms-flex-order: 1;
    order: 1
}
.acm-text-slider.style-2.style-rtl .slide-info {
    -webkit-box-ordinal-group:3;
    -ms-flex-order: 2;
    order: 2
}

.rn-srv-pgs .single-blogs .full-width.rn-srv-header-ctn .rn-srv-header{
    padding:45px
}
.rn-srv-pgs .single-blogs .full-width.rn-srv-header-ctn {
    max-width: calc(100vw - 0px);
    background: var(--color-primary);
 position: sticky;
  top: 0;
  z-index: 1;

}

.rn-srv-pgs .t4-main-body {
        padding-top: 0rem;
}

.rn-srv-pgs .rn-srv-header-ctn .page-header h1{
    margin-top:0;
    color:var(--bg-color);
    font-size:38px;
    font-family: Mattone-Black;
    
}

.rn-srv-pgs .rn-srv-header-ctn .page-header h2{
    color:var(--bg-color);
    font-size:28px;
}

.item-page.single-blogs.rn-srv-pgs .article-body{
 background:var(--bg-color);
 position: relative;
  height: 100%;
  z-index: 2;
  margin:0 25px;
}

/* Blog */
.blog-gen-pg .t4-main-body {
    padding-top: 0rem!important;
    padding-bottom: 0rem!important;
}

.blog-gen-pg.view-article .has-sidebar .t4-module {
    position: sticky;
    top: 10px;
    margin-top: 60px
}
    
.blog-gen-pg .sidebar-r .t4-module{
    padding-top:5rem;
}

.blog-gen-pg .component {
    border-right: 1px solid var(--color-primary);
}

.blog-gen-pg div#item-container {
    margin-left: 0px;
    margin-right: 0px;
}

    
}





@media (max-width: 768px) {
/* Gen */

/* Logo */
.navbar-brand.logo-text .rn-hide-992 br{
    display: none!important;
}
.navbar-brand.logo-text .rn-hide-992{
    display: block!important;
}
.rnhidemob{display:none;}
/* Color Picker */
.acm-pickrbg-ctn {
    right: 40px !important;
    bottom: 10px !important;
}

.acm-pickrbg-ctn .pcr-button {
    width: 36px;
    height: 36px;
}

/* Off canvas */
.rn-oc-sep {margin-top:15px;}

.rn-oc-sep .menu-item-title {
    font-family: 'Mattone-Bold' !important;
    text-transform: uppercase;
}
       
.rnsep.separator {
    margin-bottom:10px;
}

.rnsep.separator .menu-item-title {
    display:none
}



.t4-offcanvas-toggle .patty {
    height: 3px!important;
    width: 30px!important;
    background-color: var(--color-primary) !important;
}
.t4-offcanvas-toggle .patty:before {
        top: -10px!important;
}
.t4-offcanvas-toggle .patty:before, .t4-offcanvas-toggle .patty:after {
    height: 3px!important;
    width: 24px!important;
    background-color: var(--color-primary) !important;
}
.t4-offcanvas-toggle .patty:after {
    top: 10px!important;
}
.t4-offcanvas-toggle .patty:before, .t4-offcanvas-toggle .patty:after {
    height: 3px!important;
    background-color: var(--color-primary) !important;
}

.c-offcanvas.is-open {
    z-index: 99999;
}
.t4-wrapper.c-offcanvas-content-wrap.is-open{
    transform: translate3d(-580px, 0, 0)!important;
}
div.t4-offcanvas .t4-off-canvas-body{
    padding: 0!important;
}

.rn-offcanvas .nav-item{
    justify-content: center!important;
    margin-left: 1.25rem!important;
    margin-right: 1.25rem!important;
}
.c-offcanvas {
    background: var(--color-primary) !important;
}
div.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, div.t4-offcanvas .t4-off-canvas-body .navbar .separator{
    color:var(--bg-color)!important;
    font-family: 'Mattone-Regular';
    font-size: 17px !important;
    display: block !important;
    width: 100%;
}
.t4-offcanvas .t4-off-canvas-header .close span{
    color:var(--bg-color)!important;
    line-height: 32px!important;
    font-family: 'Mattone-Black'!important;
    font-size: 28px!important;
    height: 36px!important;
    width: 41px!important;
}
.t4-offcanvas .t4-off-canvas-header .close {
    background-color: var(--color-primary)!important;
    width: 50px!important;
    height: 50px!important;
}
.c-offcanvas--right {
    width:100%!important;
    background: transparent;
}
.t4-offcanvas .t4-off-canvas-header a,
.t4-off-canvas-header > a{
    color:var(--bg-color)!important;
}

div.t4-offcanvas .t4-off-canvas-header {
    margin-bottom: 5px;
    border-bottom: 1px solid var(--bg-color);
    padding-bottom: 20px;
}

.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
    background-color: rgba(0, 0, 0, 0)!important;
    z-index:-1;
}    





/* P5*/
div#t4-section-1 {
    height: 80vh;
}
canvas#defaultCanvas0 {
    width: 800px!important;
    height: 658px!important;
    margin-left: -30% !important;
}
.p5js-ctn-inner h1 {
    max-width: 640px;
    margin: 0 auto;
    font-size: 56px;
}

/* Logo clients */
.rn-cust-hp-mod {
    margin-top: -15rem;
}

/*presentation*/

.rn-about-acm .rnhp-pres01{
    font-size: 32px!important;
}
.rn-about-acm .rnhp-pres02{
    font-size: 24px!important;
}
.rn-about-acm .rnhp-pres03{
    font-size: 18px!important;
}
.rn-about-acm .stats-list {
    
}
.rn-about-acm .stats-name .rn20.stats-item-subject{
}
.rn-about-acm .rnml-60.rn-hp-stat-readmore{
    margin-left: 0px;
}
.rn-about-acm .row .col-lg-3{
    display: none;
}
.rn-about-main-bloc{
    padding:3rem 0;
}

/*Nos services*/
 h2.service-title.rn72.rnpb40 {
    padding-bottom: 20px;
    font-size: 56px;
}
.rn-services-hp-mod .specialites{
    display: none;
}


/* Réalisations */
    
#GKSVGImageHover .item-title-link {
    white-space: break-spaces;
}
#GKSVGImageHover h2.item-title, #GKSVGImageHover h3.item-title {
    font-size: 2.4rem;
}

.layout-home #t4-component {
    padding: 2rem 0;
}

.layout-home .rn-featured-mob-ref .items-row .item .item-title {
    font-size: 3rem; text-align: right; font-style: italic;
}
.layout-home .rn-featured-mob-ref .items-row .item {
    padding-top: 0;
    padding-bottom: 0;
}
.rn-item-sep {
    margin: 20px auto;
}

/* Contact X2 */
div#t4-section-10 {border-bottom: 0;}
.rn-bottom-cta-inner .rn-bloc a {
    font-size: 28px;
}

.rn-bottom-cta-inner .rn-bloc {
    line-height: 1em;
    padding-right: 0;
}

.rn-bottom-cta-inner .rn-bloc-g a {
    font-size: 18px;
}

.rn-bottom-cta-inner .rn-bloc-g {
    line-height: 1em;
}

/* Texte Slider */
.acm-text-slider.style-2 .item .rn-footlink-picto {
    padding:.9375rem 1.125rem
}
.acm-text-slider.style-2 .item .rn-footlink-title {
        padding:.9375rem 1.125rem
}
.acm-text-slider.style-2 .text-slider-inner {
    -webkit-box-flex:0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%
}
   
.acm-text-slider.style-2 .item .rn-footlink-picto img {
    max-height:40px
}
.acm-text-slider.style-2 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
}
.acm-text-slider.style-2 .slide-info {
    padding: .75rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    max-width: 100%;
    width: 100%
}

.rn-footnav-col-left,
.rn-footnav-col-left .slide-info .date{
    --t4-gutter-x:0!important;
}

.rn-footnav-final-text {
    padding: 2rem 0 !important;
    text-align: center;
}

.rn-footnav-ctn .footer-wrap > .row {
    --t4-gutter-x: 0rem;
}
                 
      
/* Pages radinsoir a propos */
   
/* About */
.rn-srv-pgs-h .container-layout {
    display: block;
}
.rn-srv-pgs-h .rn-srv-header-ctn,
.rn-srv-pgs-h .article-body {
    width: 100%;
    padding: 15px; /* Ajoute un peu d'espace autour du texte */
}

    /* Ajuster le titre H1 */
.rn-srv-pgs-h .page-header h1 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
    
.rnabout1-sep{}
.rnabout2-sep{}
.rnabout3-sep{}
.rnsrv1-sep{}
.rnsrv2-sep{}
.rnsrv3-sep{}
.rnsrv4-sep{}
.rnsrvall-sep{}
.rnblog-sep{}
.rndevis-sep{}

    
.rn-v-pgs.rn-about {}
    
.rn-srv-pgs-h.container{
    --t4-gutter-x:0rem!important;
}
.rn-v-pgs.rn-about .rn-srv-header-ctn {
    padding-right:0!important;
    padding-left:0!important;
    transform: none !important;
}
    
    
.rn-v-pgs.rn-about .page-header h1 {
    text-align: left;
}
    
.rn-v-pgs.rn-about .page-header h1 {
    font-size:40px;
}
.rn-v-pgs.rn-about .article-title h2 {
    font-size:30px;
}

.rn-v-pgs.rn-about .rn-srv-subform h3 {
    font-size:24px;
}
.rn-v-pgs.rn-about .rn-srv-subform h4 {
    font-size:16px;
}
.rn-v-pgs.rn-about .subform-item.rn-srv-subform {
    padding: 0;
}
.rn-v-pgs.rn-about .article-body.fulltext        {
    padding:0!important;
}
    
/* Correction des blocs d'infos */
.rn-srv-pgs-h .subform-item {
    margin-bottom: 20px; /* Ajoute de l’espace entre les blocs */
    padding: 10px;
    border-radius: 5px;
    }
    

/* Pages Services OLD */    
.rn-srv-red .rn-centred {
    margin: inherit;
    max-width: inherit;
}
.rn-srv-red .t4-main-body{
    padding-top:0;
}
.rn-srv-red .page-header h1{
    font-size:42px;
}
.rn-srv-red .page-header h2,
.rn-srv-red .article-body h2{
    font-size:32px;
}
.rn-srv-red .rn-cadre h3 {
    font-size: 17px;
}
.rn-srv-red .page-header h1,
.rn-srv-red .page-header h2,
.rn-srv-red .article-body h2,
.rn-srv-red .rn-cadre h3,
.rn-srv-red .desc-article{
    text-align: center;    
}
.rn-srv-red .rn-cadre p {
    font-size:14px;
}
.rn-cadre.rn-cadre-lien-blog,
.rn-cadre.rn-cadre-lien-blog p{
    text-align: center;
}


/* Fin pages services et about */    

/* LE BLOG  */
/* Category view */
.view-category.rn-blog-cats-pg .rn-item-content .category-name {
    white-space: break-spaces;
}
.com-content-category-blog.rn-blog-main-ctn.rn-blog-cats-pg > .page-header, 
.com-content-category-blog.rn-blog-main-ctn.rn-blog-cats-pg .page-subheader, 
.rn-blog-main-ctn.rn-blog-cats-pg .blog-items .items-row .item-article {
    padding:0 1rem;
}
  
.rn-blog-main-ctn.rn-blog-cats-pg .page-header h1{
    font-size:48px;
    margin-bottom: 0;
}
.rn-blog-main-ctn.rn-blog-cats-pg h2.page-subtitle span{
    margin-top:20px;
}
.rn-blog-main-ctn.rn-blog-cats-pg h2.page-subtitle {
    font-size: 28px;
    font-family: 'Mattone-Regular';
}

.rn-blog-main-ctn.rn-blog-cats-pg .blog-items .items-row .item-article .rn-item-content .page-header h3{
    font-size:1.8rem;
}

/* Blog Article */
.view-article.blog-gen-pg .article-aside.bottom-infor, 
.view-article.blog-gen-pg .desc-article, 
.view-article.blog-gen-pg .page-header, 
.view-article.blog-gen-pg .article-aside.top-infor, 
.view-article.blog-gen-pg .article-body {
    padding-left: 0;
    padding-right: 0;
}
    
.has-sidebar .blog-gen-pg.single-blogs {
    padding-left: 1rem;
    padding-right: 1rem;
}

.view-article.blog-gen-pg .t4-main-body{
    padding-left:1rem;
    padding-right:1rem;
    padding-bottom:0rem;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h1{
    font-size: 44px;
    margin-bottom: 20px;
    margin-top: 1.5rem;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h2{
    font-size: 20px;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h3{
    
}
.view-article .com-content-article.item-page.blog-gen-pg .desc-article{
    font-size: 15px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h2{
    font-size: 20px;
    margin-bottom: 20px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h3{
    font-size: 18px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h4{
    font-size: 18px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body {
    
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body ul.rn_list {
    padding-left: 15px;
    list-style: square;
}



/*side bar*/

.t4-col.sidebar-r{
    display: none;
}
.rn-blog-cats-pg .sidebar-r {
    margin-left: 0;
}
.rn-cat-filter-mod .module-title, .rn-cat-filter-mod .categories-module>li {
    padding-left: 1rem;
    padding-right: 1rem;
}
.rn-cat-filter-mod .categories-module li a {
    font-size: 16px;
}

/* Chapitre side bar */
.eb-1 .eb-dialog {
    --eb-max-width: 100%!important;
    --eb-height: auto!important;
    margin-top: 0px!important;
    padding-top:40px!important;
    min-height: inherit!important;
}
                        
                        
     
     

     
/* Pagination */
.blog-gen-pg #ampz_inline_bottom{
margin:0;
}
.blog-gen-pg .single-blogs .pagenav, .single-blogs .full-box {
    padding: 2.5rem 1.5rem;
    margin-right: -2.1rem!important;
    margin-left: -2.1rem!important;
    border-top: 1px solid var(--color-primary);
    border-bottom: none;
    border-right: none;
    border-left: none;
    margin-bottom: 0;
}
.rnitemnext {
    padding-right: 20px;
    font-size: 16px;
}
.rnitemprev {
    padding-left: 20px;
    font-size: 16px;
}
svg#rnsommairesvg {
   width: 40px;
}
ul.pagenav li>a:before, ul.pagenav li>a:after {
    width: 22px;
}
                        
                        
ul.pagenav {
    border: 0 !important;
    z-index: 2;
    background: var(--bg-color);
    margin-top: 0 !important;
    margin: 0 25px !important;
    width: auto !important;
    border-top: 1px solid var(--color-primary) !important;
}
.rn-srv-pgs .t4-main-body {
     padding-bottom: 0;
}




/* Page Contact */
.rn-contact-pg .page-header h1{
    font-size:42px;
    text-align: left;
}
 
 .rn-contact-pg .article-title h2{
    font-size:32px;
}
.rn-contact-pg .form-group.rsform-block h3{
    font-size:24px;
}
.rn-contact-pg .article-body.fulltext{
    background: var(--bg-color);
    position:relative;
}
 
    
}


/************************************/
/************************************/
/********** VERSION MOBILE **********/
/************************************/
/************************************/
@media (max-width: 575.98px) {
             
                  

/*P5*/
div#t4-section-1 {
    height: 100vh!important;
}
.p5js-ctn-inner {
    padding: 0.5rem;
    width: 100%;
}
#t4-section-1 .t4-section-inner.container-fluid {
    padding: 0;
}
canvas#defaultCanvas0 {
    position: absolute;
    top: 150px;
    width: 140% !important;
    height: auto !important;
    margin-left: -40%!important;
}
.p5js-ctn-inner h1{font-size:34px!important;}
.p5js-ctn.acm-features.style-1 {
    padding: 20px 0 0 0;
}




/*home page */

/* Color picker */
.acm-pickr-ctn.acm-pickrtxt-ctn .pickr .pcr-button::after{
    font-size: 24px;
}

.pickr .pcr-button {
    height: 36px !important;
    width: 36px !important;
}


/* Header */
.header-block .header-wrap{--t4-gutter-x: 0rem;}
/*logo*/
.navbar-brand.logo-text .site-slogan {
    padding-right: 0;
}
.navbar-brand.logo-text {
    padding-right: 0 !important;
}
.header-block .container-fluid {
    padding: 1rem !important;
}
.rn-logos-clients-acm .owl-item{
    margin-right:15px!important;
    width:100px!important;
}


/* Logos clients */
#t4-section-2 .t4-section-inner.container{
    padding-left: 0!important;
    padding-right: 0!important;
}
.rn-cust-hp-mod{margin-top:-25rem;}

/*presentation*/
.rn-about-main-bloc .rn-about-acm {
    padding-top: 0;
}
.rn-about-acm .rnhp-pres01{
    font-size: 20px!important;
}
.rn-about-acm .rnhp-pres02{
    font-size: 18px!important;
}
.rn-about-acm .rnhp-pres03{
    font-size: 16px!important;
}
.rn-about-acm .stats-list {
    width: 100%;
    margin-top: 3rem;
}
.rn-about-acm .stats-name .rn20.stats-item-subject{
    font-size: 16px;
    font-family: 'Mattone-Regular';
}
.rn-about-acm .rnml-60.rn-hp-stat-readmore{
    margin-left: 0px;
}
.rn-about-acm .row .col-lg-3{
    display: none;
}
.rn-about-main-bloc{
    padding:3rem 0;
}

/*Nos services*/
 h2.service-title.rn72.rnpb40 {
    padding-bottom: 20px;
    font-size: 28px;
}
.rn-services-hp-mod .specialites{
    display: none;
}


.rn-srv-all .rn-chapitre .rn-srv-desc-ctn h4{font-size:16px; font-family: Mattone-regular;}
.rn-srv-all .rn-chapitre-ctn {padding-bottom:20px;margin-bottom:20px;}
.rn-srv-all .rn-chapitre-ctn .rn-srv-all-list-ctn {margin-top: 30px;}
.rn-srv-all .rn-chapitre-ctn .rn-srv-all-list-ctn h4{margin-bottom: 20px;}




/* réalisations */

.rn-ref-pg .blog-featured .section-title.h5{display:none;}
.rn-ref-pg .page-header h1 {font-size: 24px;}

.rn-hp-component-inner .section-title {
    float: none;
}
.rn-featured-mob-ref .item-title, .rn-featured-mob-ref h3.item-title {
        font-size: 24px !important;
        line-height: 1.5em;
        font-family: 'Mattone-Regular' !important;
        font-style: italic;
        text-align: center!important;
}

.rn-featured-mob-ref .rn-item-sep {
    margin: 10px auto;
    text-align: center;
    display:block;
    width:30px;
}
.rn-featured-mob-ref .rn-item-sep img{
    width:30px;
}
.rn-featured-mob-ref .items-row .item {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.rn-featured-mob-ref .items-row .item .item-inner p,
.rn-featured-mob-ref .items-row .item .item-inner ul,
.rn-featured-mob-ref .items-row .item .item-inner span{display:none!important;}
.rn-featured-mob-ref .items-row .item .item-inner h3.item-title{display:block!important;}
    
.layout-home #t4-component.rn-hp-component{
    padding:1rem 0;
}
.rn-hp-component-inner .section-title {
    text-align: center;
}
.single-portfolio.type-1 .share-box {
    font-size: 14px;
}
.single-portfolio.type-1 .share-box .rnampz{margin-top:0;}
.single-portfolio .area-banner .box {-webkit-text-stroke-width: 1px;}
.rn-ref-item-pg .list-picture.my-medium img {margin-bottom: 30px;}



/* Page navigation */
ul.pagenav li.previous a, ul.pagenav li.next a{width:auto; height:32px;}
ul.pagenav li.previous svg, ul.pagenav li.next svg{display:none!important;}
.rn-ref-item-pg.view-article .single-portfolio.type-1 ul.pagenav {margin: 0 !important;}
ul.pagenav .main-category a {width: 30px;}


/* FAQ pages */
.rn-faq-pg .page-header h1 {font-size: 24px;}
.rn-faq-pg .page-header h2{font-size: 18px;} 
.rn-faq-pg .page-header h2 a{font-size: 20px;} 
.faq_items.rnfaqpage h3.question{font-size: 20px;} 
/* temoignages*/
.rn-avis-mod-hp .acm-testimonial.style-1 .testimonial-content .testimonial-desc {
    font-size: 14px;
}
.rn-avis-mod-hp .owl-carousel.owl-drag .owl-item {
    padding: 30px 30px 30px 0;
}
.rn-avis-mod-hp .section-title {
    margin-bottom: 0px !important;
}
.rn-contact-hp-link{
    font-size:18px;
}


/* CTA Devis + FAQ */
.rn-bottom-cta-inner .rn-bloc-g.rn28{
    border-right: 0;
    font-size: 18px;
    line-height: 1.3em;
}

.rn-bottom-cta-inner .rn-bloc.rn36{
    font-size: 24px!important;
    line-height: 1.3em;
}
.rn-bottom-cta-inner .rn-bloc.rn36 a{
    font-size: 24px!important;
}

.rn-bottom-cta-inner{
    flex-direction: column-reverse;
}

/*inversion de couleur*/
div#t4-section-10 {
    border-bottom: none;
    border-top: none;
    background: var(--color-primary);
    color: var(--bg-color);
}

.rn-bottom-cta-inner .rn-bloc-g a,
.rn-bottom-cta-inner .rn-bloc a {
    color: var(--bg-color) !important;
}
.rn-bottom-cta-inner .rn-bloc-g svg.rn-arrow-svg,
.rn-bottom-cta-inner .rn-bloc svg.rn-arrow-svg {
    fill: var(--bg-color);
}


/* Contact X3 */

.rn-bottom-contact-mod .rn-bottom-contact-item{border-right:0;}


/* Footer Footnav */
.rn-footnav-col-left{
    
}
.rn-footnav-final-text {
    padding: 2rem 0 0 0!important;
}

.rn-footnav-final-text h3{
    margin-top:0!important;
    font-family: 'Mattone-Regular';
}

.rn-footnav-ctn .footer-wrap .row{
    --t4-gutter-x: 0;
}

.rn-social a {
    margin:0 20px;
    color: var(--bg-color)!important;
}
.rn-social-item svg{
    fill:var(--bg-color) !important;
}
.rn-social {
    border-top: 1px solid var(--color-primary);
    padding: 30px 0;
    background: var(--color-primary);
}

/*text slider*/
.acm-text-slider.style-2 .slide-info {
        display: none;
}
.rn-text-slider .slide-info .date {
    font-size: 14px;
}

.rn-text-slider .rn-footlink-title h4{
    font-size:18px;
}
.acm-text-slider.style-2.rn-text-slider .item .rn-footlink-picto svg {
    max-height: 60px;
    width: 60px;
}

.acm-text-slider.style-2.style-rtl .text-slider-inner {
    border-right: none;
}
.acm-text-slider.style-2.style-ltr .text-slider-inner {
    border-left: none;
}
    
/* Copyright */
.t4-copyright {
    padding: 1.2rem 0!important;
}


/*******************/
/* end home page*/
/*******************/

/*****************************/
/* Page services  */
/*****************************/
.rn-srv-pgs .t4-main-body{
    padding-top: 0;
}
.rn-srv-pgs .rn-srv-header-ctn .rn-srv-header {
    padding-top: 40px;
    padding-bottom: 40px;
    background: var(--color-primary);
}

.rn-srv-pgs .t4-main-body .component {
    padding-left:0!important;
    padding-right:0!important;
}
.rn-srv-pgs .page-header h1{
    font-size: 24px;
    font-family: 'Mattone-Black';
    font-style: italic;
    color: var(--bg-color);
}
.rn-srv-pgs .page-header h2{
    font-size: 20px;
    color: var(--bg-color);
}
.rn-srv-pgs .rn-chapitre-ctn-inner h3{
    font-size:18px;
}
.rn-chapitre-ctn-inner .desc {
    font-size:14px;
} 
.item-page.rn-srv-pgs {

}

.item-page.rn-srv-pgs .rn-srv-header-ctn{
    position: sticky;
    top: 0px;
    z-index: 1;
    max-width: calc(100vw - 0px);
}
.item-page.rn-srv-pgs .article-body{
    position: relative;
    height: 100%;
    z-index: 2;
    background: var(--bg-color);
}
    
    
/* Pages radinsoir a propos */
   
/* About */
.rnabout1-sep{}
.rnabout2-sep{}
.rnabout3-sep{}
.rnsrv1-sep{}
.rnsrv2-sep{}
.rnsrv3-sep{}
.rnsrv4-sep{}
.rnsrvall-sep{}
.rnblog-sep{}
.rndevis-sep{}

    
.rn-v-pgs.rn-about {}
    
.rn-srv-pgs-h.container{
    --t4-gutter-x:0rem!important;
}
.rn-v-pgs.rn-about .rn-srv-header-ctn {
    padding-right:0!important;
    padding-left:0!important;
}
    
    
.rn-v-pgs.rn-about .page-header h1 {
    text-align: left;
    font-size:24px;
}
    
.rn-v-pgs.rn-about .article-title h2 {
    font-size:20px;
}

.rn-v-pgs.rn-about .rn-srv-subform h3 {
    font-size:18px;
}
.rn-v-pgs.rn-about .rn-srv-subform h4 {
    font-size:16px;
}
.rn-v-pgs.rn-about .subform-item.rn-srv-subform {
    padding: 0;
}
.rn-v-pgs.rn-about .article-body.fulltext        {
    padding:0!important;
}
    
    
    
    
/* Fin pages services et about */    


/* Blog Categorie */   

.rn-blog-cats-pg .t4-main-body {padding-top: 0;}
.rn-blog-cats-pg.blog-gen-pg .component {padding-top:0;}
.rn-blog-cats-pg.blog-gen-pg .component .page-subheader {display:none;}

.blog-gen-pg .category-name a {font-size: 14px !important;margin-bottom: 10px;}
.rn-blog-main-ctn.rn-blog-cats-pg .rn-item-content .page-header svg.rnsvgcolor {width: 24px;height: 24px;}
.com-content-category-blog__children.cat-children {display:none;}
.view-category.rn-blog-cats-pg .t4-main-body .t4-section-inner > .t4-row.row,
.view-category.rn-blog-cats-pg .t4-main-body .t4-section-inner > .t4-row.row .items-row {
    --t4-gutter-x: 0;
}
.rn-blog-main-ctn.rn-blog-cats-pg .page-header h1 {
    font-size: 36px;
    margin-bottom: 40px;
}

.rn-blog-main-ctn.rn-blog-cats-pg h2.page-subtitle{
    font-size:24px;
}

.rn-blog-main-ctn.rn-blog-cats-pg .blog-items .items-row .item-article .rn-item-content .page-header h3{
    font-size: 1.4rem;
    font-family: Mattone-Bold;
}
.blog-gen-pg .rn-item-content {
    padding-right: 0;
    padding-left: 0;
}
.blog-gen-pg h1.page-subtitle, .blog-gen-pg .rn-blog-main-ctn .page-header h1 {
    padding-left: 0;
}

/* Blog Article */

.com_content.view-article.blog-gen-pg .t4-main-body .t4-section-inner > .t4-row.row {
    --t4-gutter-x: 0;
}

.com-content-article.item-page.single-blogs.blog-gen-pg {
    --t4-gutter-x: 0;
}
.view-article.blog-gen-pg .t4-main-body{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h1{
    font-size: 30px;
    margin-bottom: 20px;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h2{
    font-size: 20px;
}
.view-article .com-content-article.item-page.blog-gen-pg .page-header h3{
    
}
.view-article .com-content-article.item-page.blog-gen-pg .desc-article{
    font-size: 15px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h2{
    font-size: 20px;
    margin-bottom: 20px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h3{
    font-size: 18px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body h4{
    font-size: 18px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body {
    font-size: 15px;
}
.view-article .com-content-article.item-page.blog-gen-pg .article-body ul.rn_list {
    padding-left: 15px;
    list-style: square;
}



/* Pagination */
.blog-gen-pg .single-blogs .pagenav, .single-blogs .full-box {
    padding: 1.5rem;
    margin-right: -1.1rem!important;
    margin-left: -1.1rem!important;
    border: 1px solid var(--color-primary);
    margin-bottom: 0;
}
.rnitemnext {
    padding-right: 10px;
    font-size: 12px;
}
.rnitemprev {
    padding-left: 10px;
    font-size: 12px;
}
svg#rnsommairesvg {
   width: 30px;
}
ul.pagenav li>a:before, ul.pagenav li>a:after {
    width: 22px;
}

                   
                        
                        
                        
                        
                        
                          
                        
                        
                        
                        
                        
                        
                        
                        


/***********************/
/****** Contact ********/
/***********************/
.rn-contact-pg .container-layout {
    display: block;
    max-width: 100%;
}

.rn-contact-pg .rn-srv-header-ctn, .rn-contact-pg .article-body{
    padding:0;
}


.rn-contact-pg .page-header h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}


.rn-contact-pg .article-title h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}
.rn-contact-pg .form-group.rsform-block h3{
    font-size:20px;
}

    
    
    
    
        

}