/*
#@squelettes/css/lesssvl.less
*/
/* fichier css/less SVL Avocats */
/* by julien Schwartz */
/* affichage permanent des boutons SPIP */
.spip-admin-bloc,
.spip-admin-float {
  z-index: 999 !important;
}
/* !!! correction bug knacss fr dans html */
html.fr {
  float: none;
}
/* ------ les couleurs ------ */
.enbleugris,
.enbleugris > * {
  color: #397484;
  border-color: #397484;
}
.enbleugris #svl_avocat-logo,
.enbleugris > * #svl_avocat-logo {
  fill: #397484;
}
.enbleugris path,
.enbleugris > * path {
  stroke: #397484 !important;
}
.enbleugris a,
.enbleugris > * a,
.enbleugris a:hover,
.enbleugris > * a:hover,
.enbleugris a:visited,
.enbleugris > * a:visited,
.enbleugris a:link,
.enbleugris > * a:link {
  color: #397484;
}
.ennoir,
.ennoir > * {
  color: #282328;
  border-color: #282328;
}
.ennoir #svl_avocat-logo,
.ennoir > * #svl_avocat-logo {
  fill: #282328;
}
.ennoir a,
.ennoir > * a,
.ennoir a:hover,
.ennoir > * a:hover,
.ennoir a:visited,
.ennoir > * a:visited,
.ennoir a:link,
.ennoir > * a:link {
  color: #282328;
}
.enblanc,
.enblanc > * {
  color: #f2f5f7 !important;
  border-color: #f2f5f7;
}
.enblanc #svl_avocat-logo,
.enblanc > * #svl_avocat-logo {
  fill: #f2f5f7;
}
.enblanc a,
.enblanc > * a,
.enblanc a:hover,
.enblanc > * a:hover,
.enblanc a:visited,
.enblanc > * a:visited,
.enblanc a:link,
.enblanc > * a:link {
  color: #f2f5f7;
}
.enblanc p,
.enblanc > * p,
.enblanc .p-like,
.enblanc > * .p-like,
.enblanc a,
.enblanc > * a,
.enblanc ul,
.enblanc > * ul,
.enblanc li,
.enblanc > * li,
.enblanc ol,
.enblanc > * ol,
.enblanc dl,
.enblanc > * dl,
.enblanc blockquote,
.enblanc > * blockquote {
  font-size: 1.1em;
}
.enocre,
.enocre > * {
  color: #efb049;
  border-color: #efb049;
}
.enocre #svl_avocat-logo,
.enocre > * #svl_avocat-logo {
  fill: #efb049;
}
.enocre path,
.enocre > * path {
  stroke: #efb049 !important;
}
.enocre a,
.enocre > * a,
.enocre a:hover,
.enocre > * a:hover,
.enocre a:visited,
.enocre > * a:visited,
.enocre a:link,
.enocre > * a:link {
  color: #efb049;
}
.fdbleugris {
  background-color: #397484;
}
.fdnoir {
  background-color: #282328;
}
.fdblanc {
  background-color: #f2f5f7;
}
.fdocre {
  background-color: #efb049;
}
.fdnoir,
.fdblanc .fdnoir {
  background-color: #282328 !important;
  color: #f2f5f7 !important;
  border-color: #f2f5f7;
}
.fdnoir #svl_avocat-logo,
.fdblanc .fdnoir #svl_avocat-logo {
  fill: #f2f5f7;
}
.fdnoir a,
.fdblanc .fdnoir a,
.fdnoir a:hover,
.fdblanc .fdnoir a:hover,
.fdnoir a:visited,
.fdblanc .fdnoir a:visited,
.fdnoir a:link,
.fdblanc .fdnoir a:link {
  color: #f2f5f7;
}
.fdnoir p,
.fdblanc .fdnoir p,
.fdnoir .p-like,
.fdblanc .fdnoir .p-like,
.fdnoir a,
.fdblanc .fdnoir a,
.fdnoir ul,
.fdblanc .fdnoir ul,
.fdnoir li,
.fdblanc .fdnoir li,
.fdnoir ol,
.fdblanc .fdnoir ol,
.fdnoir dl,
.fdblanc .fdnoir dl,
.fdnoir blockquote,
.fdblanc .fdnoir blockquote {
  font-size: 1.1em;
}
.fdnoir a,
.fdblanc .fdnoir a {
  color: #f2f5f7 !important;
  border-color: #f2f5f7;
}
.fdnoir a #svl_avocat-logo,
.fdblanc .fdnoir a #svl_avocat-logo {
  fill: #f2f5f7;
}
.fdnoir a a,
.fdblanc .fdnoir a a,
.fdnoir a a:hover,
.fdblanc .fdnoir a a:hover,
.fdnoir a a:visited,
.fdblanc .fdnoir a a:visited,
.fdnoir a a:link,
.fdblanc .fdnoir a a:link {
  color: #f2f5f7;
}
.fdnoir a p,
.fdblanc .fdnoir a p,
.fdnoir a .p-like,
.fdblanc .fdnoir a .p-like,
.fdnoir a a,
.fdblanc .fdnoir a a,
.fdnoir a ul,
.fdblanc .fdnoir a ul,
.fdnoir a li,
.fdblanc .fdnoir a li,
.fdnoir a ol,
.fdblanc .fdnoir a ol,
.fdnoir a dl,
.fdblanc .fdnoir a dl,
.fdnoir a blockquote,
.fdblanc .fdnoir a blockquote {
  font-size: 1.1em;
}
.fdblanc .enblanc {
  color: #282328;
  border-color: #282328;
}
.fdblanc .enblanc #svl_avocat-logo {
  fill: #282328;
}
.fdblanc .enblanc a,
.fdblanc .enblanc a:hover,
.fdblanc .enblanc a:visited,
.fdblanc .enblanc a:link {
  color: #282328;
}
.fdblanc .enblanc a {
  color: #282328;
  border-color: #282328;
}
.fdblanc .enblanc a #svl_avocat-logo {
  fill: #282328;
}
.fdblanc .enblanc a a,
.fdblanc .enblanc a a:hover,
.fdblanc .enblanc a a:visited,
.fdblanc .enblanc a a:link {
  color: #282328;
}
/* correction knacss qui colorie les H en noir…*/
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like {
  color: inherit;
}
/* mode de fusion */
.fusionmult {
  mix-blend-mode: multiply;
}
/* ---------------------------------------------------- */
/* ------ réglages généraux ------ */
html {
  width: 100%;
  margin: 0;
  scroll-behavior: smooth;
}
body {
  background-color: #f2f5f7;
  color: #282328;
  width: 100%;
  margin: 0;
  font-family: 'wotfard', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
  font-weight: 100;
}
.page {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
/*section {
	min-height: 100vh;
	@media (max-width:@tinymax) {
		padding-left: 1rem;
		padding-right: 1rem;
	} 
}*/
img,
svg {
  width: 100%;
  max-width: 100%;
}
svg {
  max-height: 100%;
}
/* Header site */
header {
  height: 90px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 500 !important;
}
p#slogan {
  font-family: 'archia', courrier new, courrier, sans-serif;
  font-size: .9rem;
  padding-top: 1rem;
  hyphens: manual;
}
.spip_logo_site {
  width: 90px;
}
#burgerbook {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 500;
  width: 50px;
  padding-right: 10px;
  margin-left: 100%;
  transform: translateX(-100%);
}
#burgerbook svg {
  margin-top: .5rem;
  cursor: pointer;
}
/* ---------------------------------------------------- */
/* ------ Typographie ------ */
.wotfard {
  font-family: 'wotfard', Helvetica, Arial, sans-serif;
}
.archia {
  font-family: 'archia', courrier new, courrier, sans-serif;
}
.butler {
  font-family: 'butler', Georgia, Times New Roman, serif;
}
.defaultfont {
  font-family: 'wotfard', Helvetica, Arial, sans-serif;
  font-style: Normal;
  font-weight: Normal;
}
.exergue {
  font-family: 'butler', Georgia, Times New Roman, serif;
  font-weight: Normal;
  text-transform: none;
}
.h4-font {
  font-family: 'archia', courrier new, courrier, sans-serif;
}
p,
.p-like {
  line-height: 1.5;
  letter-spacing: -0.0025rem;
  word-wrap: keep-all;
  word-break: keep-all;
  -webkit-word-wrap: keep-all;
  -webkit-word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
}
h1,
.h1-like {
  font-weight: 100;
  font-size: 2.5rem;
  line-height: 1;
  word-wrap: normal;
  hyphens: none;
  text-transform: uppercase;
  text-rendering: geometricPrecision;
}
h2,
.h2-like,
.h2-like > p {
  font-weight: 700;
  font-size: 2rem;
  line-height: .95;
  word-wrap: normal;
  hyphens: none;
}
h3,
.h3-like {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1;
  word-wrap: normal;
  hyphens: none;
  text-transform: uppercase;
}
h4,
.h4-like {
  font-family: 'archia', courrier new, courrier, sans-serif;
  font-weight: normal;
  /*margin-top: 2rem;*/
  margin-bottom: 1.4rem;
  hyphens: none;
  line-height: 1.05;
  letter-spacing: 0.05rem;
}
a,
a:visited,
a:link {
  text-decoration: none;
}
ul,
ul.spip {
  list-style-type: "›";
  padding-left: 1rem;
  font-style: italic;
  font-weight: 100;
  margin-left: 0;
}
li,
li.spip {
  padding-left: .6rem;
}
/* ---------------------------------------------------- */
/* variables de tailles d'écrans */
/* ------ Helpers ------ */
/* Helpers de structure */
.pleinecran {
  min-height: 100vh;
}
.demiecran {
  height: 50vh;
}
.fulllarg {
  width: 100%;
  text-align: center;
}
.fulllarg img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.pleinelarg {
  width: 100% !important;
  /*max-width: 1440px !important;*/
}
.deuxtierslarg {
  width: 66% !important;
  margin-left: auto;
  margin-right: auto;
}
.troisquartslarg {
  width: 75% !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 575px) {
  .deuxtierslarg,
  .troisquartslarg {
    width: 100% !important;
  }
}
.titresection {
  text-align: center;
  margin: 0 auto 2rem;
  padding: 1rem 0;
}
/* Helpers images */
.imgdefond {
  background-attachment: fixed;
  background-repeat: no-repeat;
}
/* helpers typographiques */
.nohyphens {
  word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}
.nosouligne {
  text-decoration: none !important;
}
.minus {
  text-transform: lowercase;
}
.minus:first-child {
  text-transform: capitalize;
}
.texteplusgros {
  font-size: 1em;
}
@media (min-width: 992px) {
  .texteplusgros {
    font-size: 1.15em;
  }
}
.textemoinsgros {
  font-size: 1em;
}
@media (max-width: 575px) {
  .textemoinsgros {
    font-size: .7em;
  }
}
/* limitation de la largeur du texte pour les articles issus de la base données */
.longtexte p,
.longtexte .p-like,
.longtexte ul,
.longtexte ol,
.longtexte dl,
.longtexte blockquote,
.longtexte pre,
.longtexte td,
.longtexte th,
.longtexte label,
.longtexte textarea,
.longtexte caption,
.longtexte details,
.longtexte figure,
.longtexte h1,
.longtexte h1-like,
.longtexte h2,
.longtexte h2-like,
.longtexte h3,
.longtexte h3-like,
.longtexte h4,
.longtexte h4-like {
  max-width: 50rem;
  margin-right: auto;
  margin-left: auto;
}
/* Helpers de positionnement et affichage */
.centre {
  margin-right: auto;
  margin-left: auto;
}
.limit95 {
  max-width: 95% !important;
  margin-right: auto;
  margin-left: auto;
}
.limit1040px {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1039px) {
  .limit1040px {
    max-width: 95% !important;
    margin-right: auto;
    margin-left: auto;
  }
}
.limit1250px {
  max-width: 1250px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1249px) {
  .limit1250px {
    max-width: 95% !important;
    margin-right: auto;
    margin-left: auto;
  }
}
.limit1400px {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1399px) {
  .limit1400px {
    max-width: 95% !important;
    margin-right: auto;
    margin-left: auto;
  }
}
.visiblesipetit {
  display: none;
}
@media (max-width: 991px) {
  .visiblesipetit {
    display: block;
  }
}
.cachesipetit {
  display: block;
}
@media (max-width: 991px) {
  .cachesipetit {
    display: none !important;
  }
}
.cache {
  display: none !important;
}
.margeheader {
  padding-top: 90px;
}
/* Helpers de blocs et bordures */
.nobord {
  border: none;
}
.borddroit {
  border-right: 2px solid;
}
.bordbas {
  border-bottom: 2px solid;
  padding-bottom: 1rem;
}
.bordhaut {
  border-top: 2px solid;
  padding-top: 1rem;
}
.bordfull {
  border: 2px solid;
  padding: 1rem;
}
/* ---------------------------------------------------- */
/* ------ page d'accueil ------ */
#svlavocat-logo {
  height: 50vh;
  margin: 0 auto;
  width: 100%;
}
#svlavocat-logo .svg_logosvl {
  margin-top: 45vh;
  transform: translateY(-100%);
}
@media (max-width: 575px) {
  #svlavocat-logo {
    height: 30vh;
    width: 40%;
  }
  #svlavocat-logo .svg_logosvl {
    margin-top: 35vh;
    transform: translateY(-100%);
  }
}
#svlavocat-associe {
  margin-top: 2.5rem;
}
#svlavocat-associe h1 {
  font-size: 1.75rem;
  letter-spacing: 0.05rem;
  margin-bottom: 0;
}
#svlavocat-associe p {
  font-size: .8rem;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  margin-top: 0;
}
#svlavocat-adresse {
  margin-top: 10rem;
  border-top: 2px solid;
  padding-top: 1rem;
}
@media (max-width: 575px) {
  #svlavocat-adresse {
    margin-top: 5rem;
  }
}
/* menu de navigation */
#navig_generale {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 490 !important;
  margin-top: 5.6rem;
  width: 300px;
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  background-color: transparent;
}
#navig_generale a {
  text-decoration: none;
  font-family: 'archia', courrier new, courrier, sans-serif;
  font-style: normal;
  font-weight: normal;
}
#navig_generale ul {
  padding-left: 300px;
  margin: 0;
}
#navig_generale .menu-entree {
  display: block;
  position: relative;
  width: 100%;
  border-top: 1px solid #397484;
}
#navig_generale .menu-entree a {
  display: block;
  width: 100%;
  margin-top: 0;
  padding: 1rem 0 1rem 1rem;
}
#navig_generale .menu-entree:hover {
  background-color: #397484;
  color: #f2f5f7 !important;
  border-color: #f2f5f7;
}
#navig_generale .menu-entree:hover #svl_avocat-logo {
  fill: #f2f5f7;
}
#navig_generale .menu-entree:hover a,
#navig_generale .menu-entree:hover a:hover,
#navig_generale .menu-entree:hover a:visited,
#navig_generale .menu-entree:hover a:link {
  color: #f2f5f7;
}
#navig_generale .menu-entree:hover p,
#navig_generale .menu-entree:hover .p-like,
#navig_generale .menu-entree:hover a,
#navig_generale .menu-entree:hover ul,
#navig_generale .menu-entree:hover li,
#navig_generale .menu-entree:hover ol,
#navig_generale .menu-entree:hover dl,
#navig_generale .menu-entree:hover blockquote {
  font-size: 1.1em;
}
#navig_generale .menu-entree.active {
  background-color: #397484;
  color: #f2f5f7 !important;
  border-color: #f2f5f7;
}
#navig_generale .menu-entree.active #svl_avocat-logo {
  fill: #f2f5f7;
}
#navig_generale .menu-entree.active a,
#navig_generale .menu-entree.active a:hover,
#navig_generale .menu-entree.active a:visited,
#navig_generale .menu-entree.active a:link {
  color: #f2f5f7;
}
#navig_generale .menu-entree.active p,
#navig_generale .menu-entree.active .p-like,
#navig_generale .menu-entree.active a,
#navig_generale .menu-entree.active ul,
#navig_generale .menu-entree.active li,
#navig_generale .menu-entree.active ol,
#navig_generale .menu-entree.active dl,
#navig_generale .menu-entree.active blockquote {
  font-size: 1.1em;
}
#navig_generale .menu-entree.on {
  font-weight: normal;
}
#navig_generale.menuon {
  background-color: #f2f5f7;
  transition: background-color 0.5s ease-in;
}
#navig_generale.menuon ul {
  padding-left: 0;
  transition: padding-left 1s ease-in;
}