.elementor-15185 .elementor-element.elementor-element-28976224{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15185 .elementor-element.elementor-element-1ec0e2d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--padding-top:56px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-15185 .elementor-element.elementor-element-3d79a7a2{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-15185 .elementor-element.elementor-element-3d79a7a2 a{color:#646464;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-icon{width:14px;}.elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-icon i{font-size:14px;}.elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-text, .elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-text a{color:#CB1524;}.elementor-15185 .elementor-element.elementor-element-43e75cf2 .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15185 .elementor-element.elementor-element-20fe767d .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:50px;font-weight:800;line-height:1.15em;letter-spacing:-1px;color:#24282D;}.elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-icon{width:14px;}.elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-icon i{font-size:14px;}.elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-text, .elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-text a{color:#7B7B74;}.elementor-15185 .elementor-element.elementor-element-af8dd5b .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15185 .elementor-element.elementor-element-443fb790 img{width:100%;max-width:500px;border-radius:20px 20px 20px 20px;}.elementor-15185 .elementor-element.elementor-element-17f93ace{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-15185 .elementor-element.elementor-element-8aebfe6 .elementor-testimonial-wrapper{text-align:center;}.elementor-15185 .elementor-element.elementor-element-21c1d222{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-3e8c68e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-2bff7cca{--display:flex;--margin-top:72px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-2bff7cca:not(.elementor-motion-effects-element-type-background), .elementor-15185 .elementor-element.elementor-element-2bff7cca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15185 .elementor-element.elementor-element-6ad35960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:72px;--padding-bottom:72px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-15185 .elementor-element.elementor-element-20fe767d .elementor-heading-title{font-size:44px;}}@media(max-width:1024px){.elementor-15185 .elementor-element.elementor-element-20fe767d .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-15185 .elementor-element.elementor-element-1ec0e2d0{--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-20fe767d .elementor-heading-title{font-size:30px;}.elementor-15185 .elementor-element.elementor-element-17f93ace{--gap:32px 0px;--row-gap:32px;--column-gap:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-21c1d222{--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15185 .elementor-element.elementor-element-2bff7cca{--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15185 .elementor-element.elementor-element-6ad35960{--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-590ac925 *//* ==========================================================================
   SOC Informatique - Modele article de blog
   Feuille de style unique du modele. Ne pas supprimer ce widget HTML :
   il porte la mise en forme de l'article, de la FAQ et des cartes.
   ========================================================================== */

/* --- Jetons de style ----------------------------------------------------- */
.soc-tpl{
  --soc-encre:#24282d;
  --soc-texte:#5d5d56;
  --soc-texte-faible:#7b7b74;
  --soc-rouge:#cb1524;
  --soc-rouge-fonce:#a5101c;
  --soc-filet:#e5e5e1;
  --soc-fond:#f6f6f4;
  --soc-blanc:#ffffff;
  --soc-radius:20px;
  --soc-radius-sm:12px;
  /* Echelle d'espacement, base 4 px : 4 8 12 16 24 32 40 56 72.
     Aucune autre valeur verticale n'est utilisee dans ce modele. */
  --soc-mesure:820px;
  --soc-titre:"Raleway","Calibri",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --soc-corps:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* --- Corps de l'article -------------------------------------------------- */
.soc-article{
  max-width:var(--soc-mesure);
  margin-left:auto;
  margin-right:auto;
  font-family:var(--soc-corps);
  font-size:clamp(16px,0.98rem + 0.2vw,18px);
  line-height:1.7;
  color:var(--soc-texte);
  overflow-wrap:break-word;
}
.soc-article p{margin:0 0 1.15em;}
/* Les conteneurs Elementor sont en flex : les marges ne fusionnent pas.
   On neutralise donc les marges de bord, l'ecart entre blocs vient du flex-gap. */
.soc-article > :first-child{margin-top:0;}
.soc-article > :last-child{margin-bottom:0;}
.soc-article strong{color:var(--soc-encre);font-weight:700;}

.soc-article h2{
  font-family:var(--soc-titre);
  font-weight:800;
  font-size:clamp(24px,1.15rem + 1.4vw,34px);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--soc-encre);
  margin:2.2em 0 .6em;   /* ~40px : meme valeur que le flex-gap du conteneur */
}
.soc-article h2::before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-bottom:16px;
  border-radius:2px;
  background:var(--soc-rouge);
}
.soc-article h3{
  font-family:var(--soc-titre);
  font-weight:700;
  font-size:clamp(19px,1.05rem + 0.4vw,22px);
  line-height:1.3;
  color:var(--soc-encre);
  margin:1.6em 0 .4em;   /* ~28px */
}
.soc-article ul,
.soc-article ol{margin:0 0 1.3em;padding-left:1.35em;}
.soc-article li{margin-bottom:.55em;padding-left:.15em;}
.soc-article li:last-child{margin-bottom:0;}
.soc-article ol li::marker{color:var(--soc-rouge);font-weight:700;}
.soc-article ul li::marker{color:var(--soc-rouge);}

.soc-article a{
  color:var(--soc-rouge);
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}
.soc-article a:hover{color:var(--soc-rouge-fonce);}

.soc-article img{max-width:100%;height:auto;border-radius:var(--soc-radius-sm);}
.soc-article table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto;}
.soc-article th,.soc-article td{border:1px solid var(--soc-filet);padding:12px 16px;text-align:left;}

/* --- Resume en tete d'article -------------------------------------------- */
.soc-resume{
  max-width:var(--soc-mesure);
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  border-left:3px solid var(--soc-rouge);
  font-family:var(--soc-corps);
  font-size:clamp(17px,1rem + 0.3vw,19px);
  line-height:1.6;
  color:var(--soc-encre);
}
.soc-resume p{margin:0;}

/* --- Encart ressource ---------------------------------------------------- */
.soc-encart{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:clamp(16px,2.5vw,32px);
  max-width:var(--soc-mesure);
  margin:0 auto;
  padding:clamp(24px,3vw,32px);
  background:var(--soc-blanc);
  border:1px solid var(--soc-filet);
  border-left:4px solid var(--soc-rouge);
  border-radius:var(--soc-radius);
  font-family:var(--soc-corps);
}
.soc-encart__texte{flex:1 1 300px;min-width:0;}
.soc-encart__texte p{margin:0;font-size:16px;line-height:1.6;color:var(--soc-texte);}
.soc-encart__titre{
  display:block;
  margin-bottom:8px;
  font-family:var(--soc-titre);
  font-weight:800;
  font-size:clamp(18px,1rem + 0.4vw,20px);
  line-height:1.3;
  color:var(--soc-encre);
}

/* --- Bouton -------------------------------------------------------------- */
.soc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 24px;
  border:2px solid var(--soc-rouge);
  border-radius:12px;
  background:var(--soc-rouge);
  color:var(--soc-blanc);
  font-family:var(--soc-titre);
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.soc-btn:hover,
.soc-btn:focus-visible{
  background:var(--soc-rouge-fonce);
  border-color:var(--soc-rouge-fonce);
  color:var(--soc-blanc);
}
.soc-tpl a:focus-visible,
.soc-tpl summary:focus-visible{outline:3px solid var(--soc-rouge);outline-offset:3px;}

/* --- FAQ (balises natives details / summary, sans JavaScript) ------------- */
.soc-faq{
  max-width:var(--soc-mesure);
  margin-left:auto;
  margin-right:auto;
  font-family:var(--soc-corps);
}
.soc-faq__titre{
  font-family:var(--soc-titre);
  font-weight:800;
  font-size:clamp(24px,1.15rem + 1.4vw,34px);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--soc-encre);
  margin:0 0 24px;
}
.soc-faq__titre::before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-bottom:16px;
  border-radius:2px;
  background:var(--soc-rouge);
}
.soc-faq details{
  margin-bottom:12px;
  background:var(--soc-blanc);
  border:1px solid var(--soc-filet);
  border-radius:var(--soc-radius-sm);
}
.soc-faq details:last-child{margin-bottom:0;}
.soc-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px clamp(16px,2.5vw,24px);
  list-style:none;
  cursor:pointer;
  font-family:var(--soc-titre);
  font-weight:700;
  font-size:clamp(16px,0.95rem + 0.3vw,18px);
  line-height:1.4;
  color:var(--soc-encre);
}
.soc-faq summary::-webkit-details-marker{display:none;}
.soc-faq summary::after{
  content:"+";
  flex:0 0 auto;
  font-size:24px;
  font-weight:400;
  line-height:1;
  color:var(--soc-rouge);
}
.soc-faq details[open] summary::after{content:"\2013";}
.soc-faq details p{
  margin:0;
  padding:0 clamp(16px,2.5vw,24px) 16px;
  font-size:16px;
  line-height:1.65;
  color:var(--soc-texte);
}

/* --- Cartes "En savoir plus" --------------------------------------------- */
.soc-liens{font-family:var(--soc-corps);}
.soc-liens__titre{
  font-family:var(--soc-titre);
  font-weight:800;
  font-size:clamp(24px,1.15rem + 1.4vw,34px);
  line-height:1.2;
  letter-spacing:-0.01em;
  color:var(--soc-encre);
  margin:0 0 24px;
}
.soc-liens__grille{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
  gap:clamp(16px,2vw,24px);
}
.soc-carte{
  position:relative;
  padding:clamp(24px,2.5vw,32px);
  background:var(--soc-blanc);
  border:1px solid var(--soc-filet);
  border-radius:var(--soc-radius);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.soc-carte:hover{
  border-color:#d2d2cc;
  box-shadow:0 12px 26px -16px rgba(0,0,0,.45);
}
.soc-carte__titre{
  margin:0 0 8px;
  font-family:var(--soc-titre);
  font-weight:800;
  font-size:clamp(18px,1rem + 0.4vw,20px);
  line-height:1.3;
  color:var(--soc-encre);
}
.soc-carte__titre a{color:inherit;text-decoration:none;}
.soc-carte__titre a::after{content:"";position:absolute;inset:0;}
.soc-carte:hover .soc-carte__titre a{color:var(--soc-rouge);}
.soc-carte p{margin:0;font-size:16px;line-height:1.6;color:var(--soc-texte);}

/* --- Petits ecrans ------------------------------------------------------- */
@media (max-width:600px){
  .soc-encart{display:block;}
  .soc-encart .soc-btn{width:100%;margin-top:16px;}
  .soc-resume{padding-left:16px;}
}

/* --- Confort et impression ----------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .soc-tpl *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
}
@media print{
  .soc-faq details{border:none;}
  .soc-faq details p{display:block !important;}
  .soc-btn,.soc-carte:hover{box-shadow:none;}
}/* End custom CSS */