@import url('https://fonts.googleapis.com/css?family=Open Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind+Madurai:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap');


/* 

Bleu : 1D356A;
Bleu clair : 838FAC;
Gris : EAEAEA;
Violet: 440b68;
Vert: 6CA743;

*/

html { font-size: 100%; min-height:100%; position: relative; }
html * {
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

body {  
    background-color : #fff;
    margin:0; padding: 0;
    font:normal 14px 'Open Sans',Arial, sans-serif;
    color: #000;
    line-height : 1.5em;
    /* margin-bottom: 350px; Margin bottom by footer height */
}
/* body, html { overflow-x: hidden;  } */

.clear { clear: both;}
.break-word { word-wrap: break-word !important; }
.text-uppercase { text-transform: uppercase; }
* { transition:all 0.25s; -webkit-transition: all 0.25s; }

/* - - - - - - DEBUGGAGE -- */
.DEV-border-tb { border-bottom:solid 1px #000; border-top:solid 1px #f00;}
.DEV-border-x  { border:solid 1px #f00;}
.DEV-bck-x { background-color : #ff9900; background-image: url(../img/pat.png); }

/* - - - - a lien - - - - */
a { 
  font:600 16px 'Open Sans',Arial, sans-serif; 
  color: #1D356A; background:transparent; 
  text-decoration: underline;
  border:solid 1px transparent; 
  padding:0px; 
  transition: all 0.25s ease;
}

a:hover { text-decoration: none; color:#fff; background:#1D356A; padding:0px 5px; }

.chapitre-contenu a:hover { text-decoration: none; color:#fff; background:#440b68; }

a.neutre { font:600 16px 'Open Sans',Arial, sans-serif; background:transparent; text-decoration: none; }
a.neutre:hover { text-decoration: none; color:#fff; background:transparent; }

a.a-div {  font:600 14px 'Open Sans',Arial, sans-serif;  color: #000; text-decoration: none;  border:none; padding:10px; }
a.a-div:hover {  background:#EAEAEA; }
a.a-div:hover .accueil-savoir  { background:#440b68 }

a.lien-vide { text-decoration: none; border:none; padding:0px; margin:0; background:transparent; color:black; }
a.lien-vide:hover { text-decoration: none; background:transparent; }


/* - - - - - - - - - - - A.lien-blanc-disclaimer | Button surlignage blanc */
a.lien-blanc-disclaimer {
  display: inline-block;
  position: relative;
  line-height: 1em; margin:0px; padding: 0px;
  font:700 15px 'Open Sans', Arial, sans-serif; /*text-transform: uppercase;*/
  background-color: transparent; color: #ffffff;
  border: none; cursor: pointer; outline: none; 
}
a.lien-blanc-disclaimer:before, a.lien-blanc-disclaimer:after {
  position: absolute;
  content: ""; height: 10px; width: 0px;
  border-color: transparent; border-style: solid; border-width: 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
a.lien-blanc-disclaimer:before {
  border-color: #fff; border-right-width: 0px; border-top-width: 0px;
  right: 0px; top: 0px;
}
a.lien-blanc-disclaimer:after {
  border-bottom-width: 1px; border-color: #fff; border-left-width: 0px;
  bottom: -5px; left: 0px;
}
a.lien-blanc-disclaimer:hover, a.lien-blanc-disclaimer.hover {
  background-color: transparent; color:#fff;
}
a.lien-blanc-disclaimer:hover:before, a.lien-blanc-disclaimer.hover:before,
a.lien-blanc-disclaimer:hover:after, footer a.hover:after {
  height: 100%;  width: 100%;
}

/* - - - - hr tiret - - */
hr { border: 0; width:100px; height: 1px; background: #fff; }
hr.tiret-bleu { border: 0; width:50px; height: 1px; background: #5eaaaa; margin:5px auto; padding:0; }



/* - - - - - - - - - - - Helpers - - - */
  .box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  *, *:after, *:before, .box-sizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .transform-center {
    -webkit-transform: translateX(-50%) translateY(-50%) ;
    -moz-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    -o-transform: translateX(-50%) translateY(-50%) ;
    transform: translateX(-50%) translateY(-50%) ;
  }
  .transform-rightX-bottomY {
    -webkit-transform: translateX(-100%) translateY(-100%) ;
    -moz-transform: translateX(-100%) translateY(-100%) ;
    -ms-transform: translateX(-100%) translateY(-100%) ;
    -o-transform: translateX(-100%) translateY(-100%) ;
    transform: translateX(-100%) translateY(-100%) ;
  }
  .transform-rightX-centerY {
    -webkit-transform: translateX(0%) translateY(-50%) ;
    -moz-transform: translateX(0%) translateY(-50%) ;
    -ms-transform: translateX(0%) translateY(-50%) ;
    -o-transform: translateX(0%) translateY(-50%) ;
    transform: translateX(0%) translateY(-50%) ;
  }
  .transform-leftX-centerY {
    -webkit-transform: translateX(0%) translateY(-50%) ;
    -moz-transform: translateX(0%) translateY(-50%) ;
    -ms-transform: translateX(0%) translateY(-50%) ;
    -o-transform: translateX(0%) translateY(-50%) ;
    transform: translateX(0%) translateY(-50%) ;
  }
  .transform-centerX-topY {
    -webkit-transform: translateX(-50%) translateY(0%) ;
    -moz-transform: translateX(-50%) translateY(0%) ;
    -ms-transform: translateX(-50%) translateY(0%) ;
    -o-transform: translateX(-50%) translateY(0%) ;
    transform: translateX(-50%) translateY(0%) ;
  }
  .transform-centerX-bottomY {
    -webkit-transform: translateX(-50%) translateY(-100%) ;
    -moz-transform: translateX(-50%) translateY(-100%) ;
    -ms-transform: translateX(-50%) translateY(-100%) ;
    -o-transform: translateX(-50%) translateY(-100%) ;
    transform: translateX(-50%) translateY(-100%) ;
  }
  .transform-leftX-bottomY {
    -webkit-transform: translateX(0%) translateY(-100%) ;
    -moz-transform: translateX(0%) translateY(-100%) ;
    -ms-transform: translateX(0%) translateY(-100%) ;
    -o-transform: translateX(0%) translateY(-100%) ;
    transform: translateX(0%) translateY(-100%) ;
  }

/* - - - - - - strike blanche */
.strike { display: block; text-align: center; overflow: hidden; white-space: nowrap; margin:0 0 10px 0; }
.strike > span { position: relative; display: inline-block; font:700 18px 'Open Sans',Arial; }
.strike > span:before, .strike > span:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: #fff; }
.strike > span:before { right: 100%; margin-right: 15px; }
.strike > span:after  { left: 100%; margin-left: 15px; }
.strike-black > span:before, .strike-black > span:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: #000; }

/* - - - - - - strike noir -*/
.strike > span:before { right: 100%; margin-right: 15px; }
.strike > span:after  { left: 100%; margin-left: 15px; }
.strike-black > span:before, .strike-black > span:after { content: ""; position: absolute; top: 50%; width: 9999px; height: 1px; background: #000; }

/* - - - - - - - - - - - Liste  - - - */
ul.liste-generique li { margin:10px 0; }

.liste-soustitre { text-align:center; font-size:13px !important;padding:0px 100px; }

/* - - - - - - - - - - - Titre  - - - */
h1 { margin:10px 0;  font:700 36px 'Playfair Display',Times,serif; letter-spacing: .025em;  color:#1D356A; }
h2 { margin:10px 0;  font: normal clamp(22px, 5vw, 36px) 'Playfair Display',Times,serif; ; letter-spacing: .025em;  color:#1D356A; }
h3 { margin:10px 0;  font:400 28px 'Playfair Display',Times,serif; letter-spacing: .1em;    color:#1D356A; }

h1.chapitre-titre {
  background:transparent; color:#1D356A;
  font:bold 30px 'Playfair Display',Times,serif; 
}

h1.chapitre-titre sup { font-size:12px; top:-15px; }

h2.modal-titre-h2 {
  font:bold 40px 'Playfair Display',Times,serif; 
  color:#fff;
}

sup {
  font-size:14px;
  position: relative;
  top:-14px;
}


/* - - - - - - - zone Promo - surcouche */
/* - - - - - - - zone Promo - surcouche */
/* - - - - - - - zone Promo - surcouche */
.bt-fermer {	
  position:absolute; z-index: 4060; top:-18px; right:-18px; 
  width:36px; height:36px; padding:0; margin:0;
  background:url(https://www.arianerh.fr/Assets/img/bt-fermer.png);
  background-position:0px 0px; 
  cursor:pointer;
}
.black-support {
  position:fixed; z-index:3000; top:0; left:0; 
  width:100%; height:100%; padding:0; margin:0;
  background:url(https://www.arianerh.fr/Assets/img/back-noir.png) top repeat;  
}
.zone-media {
  position:absolute; z-index:4500;
  padding:0;margin:50px auto 0 auto;
  background:transparent;
}

/* - - - - - - - - Youtube Wrapper */
/* - - - - - - - - Youtube Wrapper */
/* - - - - - - - - Youtube Wrapper */
  .videoWrapper, .embeddedContent {
    width:100%; max-width:710px; height:auto; 
    margin:15px auto; 
    background-color      : transparent;
    background-image      : url(https://www.arianerh.fr/Assets/img/loader-bleu.png);
    background-size       : 160px 20px;
    background-repeat     : no-repeat;
    background-position   : center center;
  }
  .videoWrapper, .embeddedContent {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
  .videoWrapper iframe,
  .embeddedContent iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* - - - - - - - - - - - BOOTSTRAP  - */
/* - - - - - - - - - - - BOOTSTRAP  - */
/* - - - - - - - - - - - BOOTSTRAP  - */
/* - - - IF PRB with box-sizing (googlemap...) .selector-for-some-widget { box-sizing: content-box; } */
.modal { z-index:9998; }

.modal-dialog {
    background-color    :#054468;
    background-image    : url(https://www.arianerh.fr/Assets/img/back-footer.jpg);
    background-size     : cover;
    background-repeat   : no-repeat;
    background-position : center center;
}


.row-margin { margin:25px 15px; }
.col-centered{ float: none; margin: 0 auto; }

.container-fluid-nopadding { padding:0px; }

/* - - - - - BOOTSTRAP btn */
.btn {  white-space:normal !important; border-radius: unset !important; }
.btn-entrer { background-color: #5eaaaa; border:solid #5eaaaa 1px; font:700 18px 'Open Sans', Arial; }

.btn-arianerh {  font:700 18px 'Open Sans', Arial; color:#fff; background-color:#1D356A; white-space:normal !important; border-radius: unset !important; }
.btn-arianerh:hover { background-color: #440b68; border:solid #440b68 1px; color:#fff; }

.btn-eh-modules {  font:700 18px 'Open Sans', Arial; color:#fff; background-color:#4D7233; white-space:normal !important; border-radius: unset !important; }
.btn-eh-modules:hover { background-color: #3D5E26; border:solid #3D5E26 1px; color:#fff; }


/* - - - - - BOOTSTRAP Form */
.form-rgpd-checkbox { display:inline-block; margin:auto; width:auto; }
.form-infos-rgpd { width:65%; margin:10px auto;font:bold 11px Arial !important;line-height:21px !important; }
.form-group-padding { padding:10px; }
.form-control { font:700 15px 'Open Sans',Arial,sans-serif; color: #000; }
label { padding: 0 0 0 10px; margin: 0 0 10px 0; border-left: solid 1px #fff; font:700 15px 'Open Sans',Arial,sans-serif; }

.form-label-titre { border: none; font: 700 21px 'Open Sans',Arial,sans-serif; padding: 10px; margin:0 0 0 0px;  }
.form-label-titre-eh { background:#7cb705; }

/* - - - - - BOOTSTRAP Sticky */
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

/* - - - - - BOOTSTRAP flex row */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}
.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { margin:-.2px; /* hack adjust for wrapping */ }
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { width:100%; }
.flex-col {
  display: flex; display: -webkit-flex;
  flex: 1 100%; flex-flow: column nowrap;
}
.flex-grow { display: flex; -webkit-flex: 2; flex: 2; }


/* - - - tooltip form Bootstrap */
.tooltip-inner {
  background-color: #440b68 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.tooltip.top .tooltip-arrow { border-top-color: #440b68 !important; }
.tooltip.right .tooltip-arrow { border-right-color: #440b68; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #440b68; }
.tooltip.left .tooltip-arrow { border-left-color: #440b68; }
.tooltip.top > .tooltip-arrow {background-color: #f00;}

/* - - - - - - LEAFLEFT -*/
/* - - - - - - LEAFLEFT -*/
/* - - - - - - LEAFLEFT -*/
#mapid a { font:normal 10px Arial; color:#000; }
#mapid a:hover { font:normal 10px Arial; color:#000; text-decoration: underline; }
a.leaflet-control-zoom-in, a.leaflet-control-zoom-out { font-size:23px !important; text-decoration: none !important; }

/* - - - - - - - - Lien Modal */
/* - - - - - - - - Lien Modal */
/* - - - - - - - - Lien Modal */
.lien-modal {
  position: relative;
  padding:10px; margin: 20px 0px;
  border-left:solid 1px #fff;
  font:400 12px 'Open Sans',sans-serif;
  width:100%; float:none;
}
.lien-modal p.texte {
  position: relative; z-index:2; left:0;
  font:400 14px 'Open Sans',sans-serif;
  padding:0; margin:0;
  transition:all 0.25s; -webkit-transition: all 0.25s;
}
.lien-modal p.titre {
  position: relative; z-index:2; left:0;
  font:600 20px 'Open Sans',sans-serif;
  padding:0; margin:0;
  transition:all 0.25s; -webkit-transition: all 0.25s;
}
.lien-modal:hover { 
  cursor:pointer;
  background:#440b68; 
}
.lien-modal:hover p.texte { left:5%; color:#fff; }
.lien-modal:hover p.titre { left:15%; color:#fff; }

/* - - - Lien Modal Page */
.lien-modal-page  {
  border-left:solid 1px #1D356A;
  color:#1D356A;
}
.lien-modal-page p.texte {
  font:400 20px 'Open Sans',sans-serif;
}
.lien-modal-page p.titre {
  font:400 30px 'Open Sans',sans-serif;
}


/* - - - Boutons : formulaire Modal | lien externe | lein interne */
.BTN-wrapper {
  position: relative;
  padding:0px; margin: 0px auto;
  font:400 12px 'Open Sans',sans-serif;
  width:80%; max-width:1140px; float:none;
  background:transparent;
  overflow:hidden;
  text-align:center;
}
.BTN-container {
  position: relative;
  display:block;
  border-left: solid 1px #838FAC;
  width:100%; max-width:350px; /* - - col-md-4 */
  margin:10px auto; padding:20px 60px 20px 20px;
  background:#1D356A; color:#fff;
  overflow:hidden;
  border-radius: 5px;
}
.BTN-icon {
  position: absolute; z-index:2; top:50%; left:-60px;
  width:40px;height:40px;
  transition:all 0.45s; -webkit-transition: all 0.45s;
}
.BTN-icon-droite {
  position: absolute; z-index:2; top:50%; right:0px;
  width:40px;height:40px;
  transition:all 0.45s; -webkit-transition: all 0.45s;
}
.BTN-icon-img {
  width:100% !important; height:auto !important;
}

.BTN-wrapper div.petit {
  position: relative; z-index:2; left:10px;
  font:400 14px 'Open Sans',sans-serif;
  padding:0; margin:0;
  transition:all 0.25s; -webkit-transition: all 0.25s;
}
.BTN-wrapper div.grand {
  position: relative; z-index:2; left:10px;
  font:700 18px 'Open Sans',sans-serif;
  padding:0; margin:0;
  transition:all 0.25s; -webkit-transition: all 0.25s;
}

.BTN-container:hover { cursor:pointer; background:#440b68; border-left: solid 1px #440b68;}
.BTN-container:hover div.petit { left:40px; color:#fff; }
.BTN-container:hover div.grand { left:40px; color:#fff; }
.BTN-container:hover .BTN-icon { left:10px; }
.BTN-container:hover .BTN-icon-droite { right:-60px; opacity:0; }

div.sticky-div {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}


/* - - - Lien Modal Footer */
.BTN-footer  {
  padding:10px 30px 10px 0px;
  margin: 10px 0px 20px 0;
}
.BTN-footer div.petit {
  font:400 12px 'Open Sans',sans-serif;
}
.BTN-footer div.grand {
  font:700 15px 'Open Sans',sans-serif;
}
.BTN-footer .BTN-icon,
.BTN-footer .BTN-icon-droite {
  width:20px !important; height:20px !important;
}

.BTN-footer:hover div.petit { left:25px; color:#fff; }
.BTN-footer:hover div.grand { left:25px; color:#fff; }
.BTN-footer:hover .BTN-icon { left:3px; }


/* - - - - - Element Humain Modules */
/* - - - - - Element Humain Modules */
/* - - - - - Element Humain Modules */
.eh-container { 
  width: 1030px !important; 
}

.eh-calendrier {
  position:relative;padding:15px 0 0 0; margin:0px;
  border-top:solid 1px #6CA743;
}
.eh-calendrier img { width:65px !important; height:auto; }
.eh-calendrier-date {
  position:absolute; z-index:2; top:50%; left:70px;
  display:inline-block; width:auto; height:auto;
}
.eh-calendrier-date strong { font:700 18px 'Open Sans',Arial,sans-serif; }
.eh-calendrier-infos { padding:15px; border-top:solid 1px #4e931d; }
.eh-calendrier-titre {
  /* position:absolute; z-index:2; top:50%; left:15px;
  display:inline-block; */ 
  width:auto; height:auto;
  font:700 23px 'Open Sans',Arial,sans-serif;
}
.eh-calendrier-contenu, .eh-calendrier-contenu p { font:400 14px 'Open Sans',Arial,sans-serif !important; }
.eh-calendrier-btn { position:relative;background:#6CA743; }
.eh-calendrier-btn { position:relative;background:#fff; }

.btn-eh-inscription {
  display:inline-block;
  width:100%; height:auto; min-height:100px;
  padding:15px;
  background: #6CA743; color:#fff;
  font:700 19px 'Open Sans',Arial,sans-serif;
}
.btn-eh-inscription:hover  { background: #4e931d; color:#fff; }
.btn-eh-inscription span { font:400 16px 'Open Sans',Arial,sans-serif; }
.btn-eh-inscription img { width:40px; height:auto; margin:0px auto 5px auto; display:block; }

a.eh-calendrier-pdf {
  padding:10px;
  font:700 15px 'Open Sans',Arial,sans-serif !important;
  color:#6CA743;
}
a.eh-calendrier-pdf:hover {
  background: #6CA743 !important;
  color:#fff;
}

/* - - - - - NOTY */
/* - - - - - NOTY */
/* - - - - - NOTY */
#noty,
#noty-access {
  display:none;
  position:fixed; z-index:9999; top:0px; left:50%;
  width:80%; max-width:500px;height:auto;
  padding:40px;
  text-align:center;
  font:bold 16px 'Open Sans',Arial, sans-serif;
  -webkit-transform: translateX(-50%) translateY(0) ;
  -moz-transform: translateX(-50%) translateY(0) ;
  -ms-transform: translateX(-50%) translateY(0) ;
  -o-transform: translateX(-50%) translateY(0) ;
  transform: translateX(-50%) translateY(0) ;
  transition : all 0s ease;
  -webkit-transition: all 0s ease;
}
.noty-success, .noty-access-success {
  border : 2px solid #06d552;
  border-top: none;
  color:#fff; 
  font:bold 16px 'Open Sans',Arial;
  background-color: #06d552;
}
.noty-error, .noty-access-error {
  border: 2px solid #d83737;
  border-top: none;
  color:#fff; 
  font:bold 16px 'Open Sans',Arial;
  background-color: #d83737;
}



/* - - - - - ACCUEIL */
/* - - - - - ACCUEIL */
/* - - - - - ACCUEIL */
.slider-image {
  position: absolute; z-index:1; top:0; left:70%;
  width:70%; max-width:800px; height:400px;
  background-image:url(../img/accueil.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;
}
.slider-layer-left {
  position: absolute; z-index:2; top:-200px; left:0;
  width:53%; height:800px;
  background:rgba(255,255,255, 0.25);
  transform: rotate(-12deg);
}
.slider-texte {
  display:inline-block;
  position: absolute; z-index:3; top:50%; left:10%;
  width:500px; height:400px;
  background:transparent;
  font:400 23px 'Playfair Display',Times,serif; color:#1D356A;
  overflow:hidden; white-space: nowrap;
}
.slider-texte-logo {
  display:inline-block; width:150px; height:auto;
  position:absolute; z-index:10; top:-200px; left:50%; 
  opacity:0;
}
.slider-texte-logo img { width:100%; height:auto; }

.slider-texte-1 { 
  display:inline-block; width:auto;
  position:absolute; z-index:11; top:200px; left:40%; 
  font:700 36px 'Playfair Display',Times,serif; opacity:0;
}
.slider-texte-2 { 
  position:absolute; z-index:12; top:247px; left:55%; 
  font:400 20px 'Playfair Display',Times,serif; font-style: italic; opacity:0;
}
.slider-texte-3 { 
  position:absolute; z-index:13; top:270px; left:40%; 
  font:700 36px 'Playfair Display',Times,serif; opacity:0;
}
.slider-texte-4 { 
  position:absolute; z-index:14; top:330px; left:55%; 
  font:400 20px 'Playfair Display',Times,serif; font-style: italic; opacity:0;
}

/* - - - - - */
.accueil-box {
  overflow: hidden; position: relative; 
  width:100%; height:300px; text-align:left;
  background-color : #ccc;
  background-size : cover; background-repeat : no-repeat; background-position : center center;
}
.accueil-box-texte {
  position: absolute; z-index:3; top:60%; left:0;
  font:400 18px 'Open Sans',sans-serif; color:#fff;
  padding:15px;
  transition:all 0.5s; -webkit-transition: all 0.5s;
  text-shadow: 0px 0px 5px #000000;
  letter-spacing: 0.025em;
}
.accueil-box-texte span { font:700 26px 'Playfair Display',Times,serif; }
.accueil-box-support {
  position: absolute; z-index:2; top:60%; left:0;
  width:100%; height:300px;
  background-color: rgba(29, 53, 106, 0.65);
}
.accueil-box-support-vert {
  position: absolute; z-index:2; top:60%; left:0;
  width:100%; height:300px;
  background-color: rgba(29, 53, 106, 0.65);
}
.accueil-box-savoir {
  position: absolute; z-index:3; top:115%; right:0%;
  display:inline-block;
  padding:5px;
  font:700 18px 'Open Sans',sans-serif; color:#fff; background:#203d75;
}
.accueil-savoir {
  display:inline-block;
  padding:5px; margin:10px auto;
  font:700 18px 'Open Sans',sans-serif; color:#fff; background:#203d75;
  cursor:pointer;
}
.accueil-box-savoir:hover, .accueil-savoir:hover  { background:#440b68 }
.accueil-box:hover .accueil-box-texte   { top:40%; }
.accueil-box:hover .accueil-box-support { top:0%; background:rgba(68, 11, 104, 0.65); }
.accueil-box:hover .accueil-box-support-vert { top:0%;  background-color: rgba(83, 155, 32, 0.8); }
.accueil-box:hover .accueil-box-savoir  { top:100%; }
.accueil-box:hover .accueil-box-savoir-vert  { top:100%; background-color: #366D0F; }

.container-bck-bleu { background-color: #1D356A; }
.container-bck-bleu-clair { background-color: #838FAC; }
/*
.container-bck-1 { background-image: url(../img/accueil/container-bck-1.png);background-size:cover;background-position:center center; }
.container-bck-2 { background-image: url(../img/accueil/container-bck-2.png);background-size:cover;background-position:center center; }
*/

.container-bck-1 {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(131,143,172,1) 50%, rgba(131,143,172,1) 100%);
}

.container-bck-2 {
  background: rgb(131,143,172);
  background: linear-gradient(180deg, rgba(131,143,172,1) 0%, rgba(131,143,172,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}

/* - - - Réseaux sociaux */
.rs-container {
  position: fixed; z-index:1000; top:150px; right:0%;
  width:30px; height:auto;cursor:pointer; text-align:center;
}
.rs-icon { width:30px; height:30px;margin-bottom:5px; display:inline-block; }
.rs-icon img { width:100%; height:auto; }

/* - - - owl carousel */
.owl-carousel-titre {
  font:700 26px 'Playfair Display',Times,serif; letter-spacing: .025em;
  margin-bottom:15px;
  color:#fff;
}

.owl-carousel .item {
  position: relative;
  height:250px;
  font:400 14px 'Open Sans',sans-serif; color:#1D356A; background-color: #fff; 
  padding:0px 10px;
  border:solid 1px #1D356A;
} 
.owl-carousel .item strong {
  font:700 16px 'Open Sans',sans-serif;
}

.owl-carousel .item hr {
  border: 0; width:50px; height: 1px; margin:10px auto;
  background: #838FAC; 
} 

.btn-savoir {
  display:inline-block;
  position:absolute; z-index:1; bottom:0%; left:50%; 

  width:auto; height:auto;
  padding:10px; margin:10px auto;
  
  font:600 12px 'Open Sans',sans-serif;
  background:#1D356A; color:#fff;
  cursor: pointer;
}
.btn-savoir:hover { background-color: #440b68; }



/* - - - Page */
/* - - - Page */
/* - - - Page */
.row-page-container {
  margin-top:60px; padding:100px 30px 50px 30px;
}
.page-row {  margin-top:10px;padding:50px; }
.page-container { display:block; width:auto; height:auto; position:relative; }
.page-container-nav { margin:15px 0; }
.page-container-nav a { color:#1D356A; background: #fff; font-weight:bold; }
.page-container-nav a:hover { color:#fff; background: #440b68; }

.page-container-contenu img {
  width:100% !important; max-width:500px !important;height:auto !important;
  border:solid 1px #ccc !important;
}
.page-container-contenu ul {
  margin:0;
  padding:20px;
  list-style-type: none;
  width:100%; max-width:450px;
  text-align:left;
}
.page-container-contenu li {
  color:#1D356A;
  font:700 16px 'Open Sans', serif;
  margin:10px 40px;
  list-style-image: url(https://www.arianerh.fr/Assets/img/puce.png);
}

/* - - - Page v2 */
/* - - - Page v2 */
/* - - - Page v2 */
        .page-jumbotron {
          position: relative;
          width:100%; 
          height:auto; min-height: 500px; max-height:500px; 
          background-color    : #838FAC;
          background-size     : cover;
          background-repeat   : no-repeat;
          background-position : center center;
          overflow: hidden;
        }

        .page-jumbotron-wrapper {
            position:absolute; top:100%; left:50%;
            width:1200px; height:auto;
            overflow:hidden;
            padding:0;
        }

        .page-jumbotron-accroche {
            position: relative; z-index:5;
            width:100%;
            max-width:100% !important;
            font:400 35px 'Playfair Display',Times,serif;
            color:#fff;
            text-align:center;
            padding:80px 15px 15px 15px !important;
        }
        .page-jumbotron-accroche h1 {
          font:400 28px 'Open Sans',Arial,sans-serif;
          color:#fff;
        }
        .page-jumbotron-accroche h2 {
          font:400 18px 'Open Sans',Arial,sans-serif;
          color:#fff;
        }
        .page-jumbotron-accroche p { margin:0 !important; }

        .page-jumbotron-support {
          width:100%; max-width:650px; height:800px; max-width:1150px !important; 
          position: absolute; z-index:2; top:50px; left:50%; 
          padding:0; margin:0;
          background: #1D356A;
          background:rgba(29, 53, 106, 0.8); 
          transform: translateX(-50%) rotate(3deg); 
          border-radius: 5px;
        }

        .page-container-contenu {
          text-align: justify;
          font-size: 16px;
          line-height: 1.5em;
        }
        
        
        /*  - - - - - Cahpitre contenu */        

        .chapitre-contenu {
            width:100%;
            margin:0; padding:0;
        }

        .chapitre-contenu h1{
            display:block;
            width:100%;
            margin:0px !important; padding:20px 0px !important;
            font:400 38px 'Playfair Display',Times,serif !important;
            text-align: left;
        }
        .chapitre-contenu h1 div,
        .chapitre-contenu h2 div,
        .chapitre-contenu h3 div {
          width:100%; max-width:1000px;
          padding:0px;
          margin:10px auto;
        }
   
        .chapitre-contenu h1.zone-couleur {
          display:block;
          width:100%;
          margin:0px 0px 40px 0px !important; padding:50px 0px !important;
          font:400 42px 'Playfair Display',Times,serif !important;
          text-align: center;
        }

        .chapitre-contenu p {
          width:100%; max-width:1000px;
          padding:0px 15px;
          margin:10px auto;
          font: normal clamp(13px, 4vw, 16px) 'Open Sans',Arial,sans-serif !important;
          text-align: justify; text-justify: distribute; /* text-align-last: left; */
          word-spacing:2px;
        }

        .chapitre-contenu span {
          font:normal clamp(13px, 4vw, 16px) 'Open Sans',Arial,sans-serif !important;
        }

        .chapitre-contenu ul {
          margin:0 auto;
          padding:10px;
          list-style-type: none;
          width:100%; max-width:650px;
          text-align:left;
        }

        .chapitre-contenu ul li {
          color:#1D356A;
          font:400 16px 'Open Sans', serif !important;
          margin:20px 30px;
          list-style-image: url(https://www.arianerh.fr/Assets/img/puce.png);
        }

        /*
        .chapitre-contenu img:not(.BTN-icon-img) { 
          width:100%!important; max-width:535px; height:auto !important;
        }
        */


/* - - - Offres d'Emploi | liste et fiche -> ode */
/* - - - Offres d'Emploi | liste et fiche -> ode */
/* - - - Offres d'Emploi | liste et fiche -> ode */
    .ode-liste {
      width:100%;
      background:#f0f0f0;
      cursor: pointer;
      color:#333;
      padding:15px; margin:0px;
      transition:all 0s !important; -webkit-transition: all 0s !important;
    }
    .ode-liste:hover {
      background:#440b68;
      color:#fff;
    }

    .ode-col {
      padding:15px;
      transition:all 0s !important; -webkit-transition: all 0s !important;
    }

    .ode-col-titre {
      font:700 16px 'Open Sans',sans-serif;
      transition:all 0s !important; -webkit-transition: all 0s !important;
    }

    .ode-lien {
      padding:0; margin:0;
    }

    .ode-btn { background:#1D356A; color:#fff; font:700 14px 'Open Sans',sans-serif; display:inline-block; width:auto; padding:5px;}
    .ode-liste:hover .ode-btn { background:#440b68; }

    /* - - - - ode fiche */
    .ode-fiche-container {
      width:100%;
      margin:0; padding:0;
      font:400 18px 'Open Sans',Arial,sans-serif !important;
    }
    .ode-fiche-container ul {
      margin:0;
      padding:10px;
      list-style-type: none;
      width:100%; /* max-width:450px; */
      text-align:left;
    }
    .ode-fiche-container ul li {
      color:#1D356A;
      font:400 16px 'Open Sans', serif !important;
      margin:20px 30px;
      list-style-image: url(https://www.arianerh.fr/Assets/img/puce.png);
    }

    .ode-fiche-container hr {
      border: 0; width:100%; height: 1px; margin:20px 0px;
      background: #fff; background: rgba(0,0,0,0.15); 
    }


    .ode-fiche-postuler {
      position: relative;
      padding:20px; margin: 20px 0px;
      border-left:solid 1px #fff;
      font:400 16px 'Open Sans',sans-serif;
      width:100%; float:none;
      background:#1D356A; color:#fff;
    }
    .ode-fiche-postuler p.titre {
      position: relative; z-index:2; left:0;
      font:600 20px 'Open Sans',sans-serif;
      padding:0; margin:0;
      transition:all 0.25s; -webkit-transition: all 0.25s;
    }.ode-fiche-postuler p.texte {
      position: relative; z-index:2; left:0;
      font:400 14px 'Open Sans',sans-serif;
      padding:0; margin:0;
      transition:all 0.25s; -webkit-transition: all 0.25s;
    }
    .ode-fiche-postuler:hover { 
      cursor:pointer;
      background:#440b68; 
    }
    .ode-fiche-postuler:hover p.texte { left:5%; }
    .ode-fiche-postuler:hover p.titre { left:15%; }


    .ode-fiche-informations {
      width:100%;
      margin:0; padding:25px;
      font:400 14px 'Open Sans',Arial,sans-serif !important;
      background:#1D356A; color:#fff;
    }



/* - - - Chapitre Liste */
/* - - - Chapitre Liste */
/* - - - Chapitre Liste */
.chapitre-liste span.titre { font:700 25px serif; color:#1D356A; }
.chapitre-liste hr { border: 0; width:50px; height: 1px; background: #838FAC; margin:15px auto; padding:0; }



/* - - - footer */
/* - - - footer */
/* - - - footer */
.footer {
  position: relative; /* bottom: 0; */
  width: 100%; height: auto; /* Set the fixed height of the footer here */
  /* line-height: 60px; /* Vertically center the text there */
  background:#fff;
  padding-top:25px; padding-bottom:25px;
  margin-top:40px;
}

hr.footer-tiret {
  border: 0; width:50px; height: 1px; margin:10px 0px;
  background: #fff; background: rgba(255,255,255,0.25); 
}

/* - - - - - - - - - - - A | Button surlignage blanc */
footer a {
  display: inline-block;
  position: relative;
  line-height: 1em; margin:10px; padding: 0px;
  font:700 12px 'Open Sans', Arial, sans-serif; /*text-transform: uppercase;*/
  background-color: transparent; color: #ffffff;
  border: none; cursor: pointer; outline: none; 
}
footer a:before, footer a:after {
  position: absolute;
  content: ""; height: 10px; width: 0px;
  border-color: transparent; border-style: solid; border-width: 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
footer a:before {
  border-color: #fff; border-right-width: 0px; border-top-width: 0px;
  right: 0px; top: 0px;
}
footer a:after {
  border-bottom-width: 1px; border-color: #fff; border-left-width: 0px;
  bottom: -5px; left: 0px;
}
footer a:hover, footer a.hover {
  background-color: transparent; color:#fff;
}
footer a:hover:before, footer a.hover:before,
footer a:hover:after, footer a.hover:after {
  height: 100%;  width: 100%;
}



/* - - - - - - Form | Radio | New style */
/* - - - - - - Form | Radio | New style */
/* - - - - - - Form | Radio | New style */
.form-titre {
  font:700 18px 'Opens Sans',Arial,sans-serif;
  color:#fff;
  display:inline-block !important;
  margin-right: 25px;
  position:relative;
  top:-15px;
}

.inputGroup {
  display: inline-block !important;
  background-color: transparent;
  display: inline-block;
  margin: 0;
  position: relative;
  height:auto;
}

.inputGroup:hover,
.inputGroup:hover label {
  background-color: #440b68;
  color:#fff;
  border:none;
}

.inputGroup label {
  padding: 12px 30px 12px 45px;
  margin:0;
  width: 100%;
  display: inline-block;
  text-align: left;
  color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  border:none;
}
.inputGroup label:before {
  width: 10px; height: 10px;
  border-radius: 50%;
  content: '';
  background-color: transparent; /*#440b68;*/
  position: absolute; z-index: -1; left: 50%; top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
/* - - ROND BLANC non coché */
.inputGroup label:after {
  width: 25px;
  height: 25px;
  content: '';
  /* border: 2px solid #000; */
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 5px; top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

.inputGroup input:checked ~ label {
  color: #ccc;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #fff;
}
.inputGroup input {
  width: 25px;
  height: 25px;
  order: 1;
  position: absolute; z-index: 2; left: 10px; top: 25%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

/* - - - - - - Form | Radio / Checkbox */
/* - - - - - - Form | Radio / Checkbox */
/* - - - - - - Form | Radio / Checkbox */
.cbx {
  position: relative;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: #FFFFFF;
  background-image: linear-gradient(#E2E2E2, #FFFFFF);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
  transition: all 0.15s ease;
  top:3px;
}
.cbx svg {
  position: absolute;
  top: 3px;
  left: 3px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 17;
  stroke-dashoffset: 17;
  transform: translate3d(0, 0, 0);
}

.rdo {
  position: relative;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  background-color: #FFFFFF;
  background-image: linear-gradient(#E2E2E2, #FFFFFF);
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.15);
  transition: all 0.15s ease;
  margin-right: 10px;
  top:3px;
}
.rdo:after {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: 0;
  transform: scale(0);
}
.cbx + span,
.rdo + span {
  float: left;
  margin-left: 6px;
}

.rdo-text {
  /*position: absolute; top:0; left:38px;*/
  display:inline-block;
  width:80%;
  /* float:left; */
}
.cbx-text {
  /*position: absolute; top:0; left:38px;*/
  font:700 15px 'Open Sans',Arial,sans-serif;
  display:inline-block;
  width:auto;
  /* float:left; */
  padding-left:10px;
}

.form-styling {
  margin: 0px auto;
  user-select: none;
}
.form-styling label {
  display: inline-block;
  margin: 10px 0px;
  cursor: pointer;
  border: none;
  position: relative;
  width: auto; min-width:150px;
}
.form-styling input[type="checkbox"],
.form-styling input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.form-styling input[type="radio"]:checked + .rdo {
  background-color: #606062;
  background-image: linear-gradient(#255cd2, #1d52c1);
}
.form-styling input[type="radio"]:checked + .rdo:after {
  opacity: 1;
  transform: scale(1);
  transition: all 0.15s ease;
}
.form-styling input[type="checkbox"]:checked + .cbx {
  background-color: #606062;
  background-image: linear-gradient(#255cd2, #1d52c1);
}
.form-styling input[type="checkbox"]:checked + .cbx svg {
  stroke-dashoffset: 0;
  transition: all 0.15s ease;
}

/* * * * * * * * * * * * * */
/* fr_article
/* * * * * * * * * * * * * */

.topito-number {
    text-align: center;
    font: 700 35px 'Open Sans',Arial,sans-serif;
    background: #1D356A; color:#fff;
    width: 60px; height: 60px;
    margin: 20px auto;
}


  .depliant-content {
    font:700 23px 'Open Sans',Arial,sans-serif;
    color: #000;
    overflow: hidden;
    padding:10px;
    border: 1px solid #ccc;
    border-radius: 10px;
  }

  .depliant-content .card-body { transition: all 0.3s ease; }

  .depliant-content:hover { background-color: #1D356A; color:#fff; }

  .active-depliant {
    background-color: #1D356A; color:#fff;
  }
  .chevron-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    transition: transform 0.3s ease;
    transform-origin: center;
  }

  .depliant-content[aria-expanded="true"] .chevron-icon {
      transform: rotate(180deg); /* flèche vers le haut */
  }



.legende-container {
    position: absolute; bottom: 20px; left: 10px; z-index: 10;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.3s ease;
    color: #fff;
    background-color: #333; 
    padding: 0px 5px;
    border-radius: 999px;
}

.legende-container i {
    font-size:15px;
}

.legende-text {
    position: absolute; bottom: 10px; left: 50%; z-index: 10;
    max-width: 90%; height:auto;
    opacity: 0;
    padding: 10px 15px;
    text-align: center;
    font:700 12px Arial,sans-serif;
    color:#fff;
    background-color: #333; 
    transform: translateX(-50%) translateY(0%);
    border-radius: 8px;
}


.copyright-container {
    position: absolute;
    bottom: 20px; right: 10px;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.3s ease;
    color: #fff;
    background-color: #333; 
    padding: 0px 4px 1px 4px;
    border-radius: 999px;
}

.copyright-container .symbol {
    font-size: 16px;
    text-align: center;
}

.copyright-text {
    max-width: 0;
    opacity: 0;
    white-space: nowrap;
    transition: max-width 0.4s ease, opacity 0.4s ease, margin-left 0.4s ease;
    margin: 0 0 0 0;
    font: 700 12px Arial,sans-serif;
    color: #fff;
}

.copyright-container:hover .copyright-text {
    max-width: 300px;
    opacity: 1;
    margin-left: 5px;
}


/* - - - - - Media Queries */
/* - - - - - Media Queries */
/* - - - - - Media Queries */

@media only screen and (max-width: 1199px) { 
  .eh-container { max-width: 900px !important; }
}

@media only screen and (max-width: 991px) { 
  
  /* - - A EFFACER */
  .lien-modal p.texte { font:400 13px 'Open Sans',sans-serif; }
  .lien-modal p.titre { font:400 18px 'Open Sans',sans-serif; }

  /* - - Accueil */
  .slider-image { opacity:0.5; left:85%; }


  /* .page-jumbotron { height: 350px !important; } */
  .page-jumbotron-accroche { font-size: 30px !important; }
  .page-jumbotron-support { max-width:100% !important; }

  /* .chapitre-contenu p { padding:10px 20px !important; margin:0px !important; word-wrap: normal !important; } */
  /* .chapitre-contenu img { max-width:400px !important; } */

  /* - - eh modules */
  .eh-calendrier-date { position: relative; top:30px; left:0px; }

  .liste-soustitre { padding:0px 10px; }
}





@media only screen and (max-width: 767px) {

  .owl-carousel-titre { font-size: 23px; padding-top:15px; color:#1D356A;}

  /* .page-jumbotron { height: 300px !important; } */
  .page-jumbotron-accroche { font-size: 25px !important; }
  .container { max-width: 100% !important; }
  .ode-col { padding:5px; }

  /* .chapitre-contenu img { max-width:300px !important; } */

  .BTN-container { border-left: solid 1px #1D356A; max-width:100%; }

  .eh-calendrier-btn { padding-right:15px !important; }
  .eh-calendrier img {  top: -15px; position: relative; }
  


} 


@media only screen and (max-width: 610px) { 

  /* .page-jumbotron { height: 250px !important; } */
  /* .page-jumbotron-accroche { font-size: 20px !important; } */

  .BTN-wrapper div.petit { font:400 13px 'Open Sans',sans-serif; }
  .BTN-wrapper div.grand{ font:700 18px 'Open Sans',sans-serif; }
  
  .chapitre-contenu h1.zone-couleur { font-size:32px !important; }
  .chapitre-contenu h1 div { font-size:28px !important; padding:0px 15px !important; margin:0px !important;}

  /* .chapitre-contenu img { display:block !important; max-width:100% !important; float:none !important; margin:10px 0px !important;} */

  .eh-calendrier-date { position: absolute; top: 45px; left: 80px; }
  .eh-calendrier-pdf img { display:none !important; }
  .btn-eh-inscription img { display:none !important; }
} 


@media only screen and (max-width: 499px) { 

  .rs-container { top: 97% !important; width:100%; background: rgba(255,255,255,0.25); padding: 10px; }  

  /* - - Accueil */
  .slider-image { opacity:0.3; left:50%; width:135%;}
  .slider-texte { left:0; width:100%; }
  .slider-texte-logo { top:90px !important; width:100px; }
  .slider-texte-1 { font-size:23px; top:215px; }
  .slider-texte-2 { font-size:16px; }
  .slider-texte-3 { font-size:23px; }
  .slider-texte-4 { font-size:16px; top:310px; }

  .accueil-box-texte span { font-size: 20px; }
  .accueil-box-texte { font-size: 11px; }
  .owl-carousel-titre { font-size: 17px; padding-top:15px; color:#1D356A;}
  
  /* .page-jumbotron { height: 200px !important; } */
  .page-jumbotron-wrapper { width: 110% !important; }
  .page-jumbotron-accroche { font:400 13px 'Open Sans',Arial,sans-serif !important; width:100%; }
  .page-jumbotron-support { left: 45% !important; }
  
  
  .BTN-icon { width:25px !important; height:25px !important; top:38% !important; left:-60px !important;}
  .BTN-icon-droite { width:25px !important; height:25px !important; top:38% !important;}
  .BTN-container:hover .BTN-icon { left:10px !important; }
  .BTN-wrapper div.petit { font:400 11px 'Open Sans',sans-serif; letter-spacing: 0.15em; }
  .BTN-wrapper div.grand{ font:700 12px 'Open Sans',sans-serif; letter-spacing: 0.15em; }
  .BTN-container:hover div.petit { left:25px !important; }
  .BTN-container:hover div.grand { left:25px !important; }
  

  .grt-menu-logo { left: -25px !important; }
  

  .eh-calendrier img { width:65px !important; height: auto !important; }


  .chapitre-contenu h1 div { font-size:0.9em !important; }
  /* .chapitre-contenu p { font-size:12px !important; } */
  .chapitre-contenu ul li { font-size:12px !important; }

  .chapitre-contenu img:not(.BTN-icon-img) { 
    width:100%!important; height:auto !important;
  }

  .chapitre-list img { margin: 10px auto !important; }

  .footer { padding-bottom:100px; }
  .footer-adresse { text-align: center; }
  .footer-adresse hr { margin:10px auto; }

  .BTN-footer:hover .BTN-icon { top:50% !important; left:3px !important; }
  .BTN-icon { top: 50% !important; }

  .liste-item-flex { flex: 0 0 100% !important; }

}

/* * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * 2026 fr_article */
/* * * * * * * * * * * * * * * * * * */


.page-jumbotron-accroche h1 { 
  margin:10px 0;  
  font:700 clamp(24px, 5vw, 36px) 'Playfair Display',Times,serif; 
  letter-spacing: .025em;  
  color:#fff; 
}

/*
.chapitre-contenu .titre-content h2 {
  margin:0; padding:0px 10px;  
  font: normal clamp(22px, 5vw, 36px) 'Playfair Display',Times,serif; 
  letter-spacing: .025em;  
  background-color:#fff; color:#1D356A;
  text-align: left;
} 
.chapitre-contenu h2 div {
  margin:0 auto;
}
*/

.page-jumbotron-vignette img {
    width: 100%;
    height: 100%;   
    object-fit: cover;
    display: block; 
}


 .depliant-content {
    width:100%; max-width:1000px;
    font:700 23px 'Playfair Display',Times,serif;
    color:#000;
    overflow: hidden;
    padding:10px 5px;
    border-bottom: 1px solid #ccc;
    margin:0 auto;

    .card-body { transition: all 0.3s ease; }
  }
  .depliant-content:hover { background-color: #1D356A; color:#fff; }

  .active-depliant {
    background-color: #1D356A; color:#fff;
  }
  .chevron-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    transition: transform 0.3s ease;
    transform-origin: center;
  }

  .depliant-content[aria-expanded="true"] .chevron-icon {
      transform: rotate(180deg); /* flèche vers le haut */
  }

.fs-16 { font-size:16px !important; }
.fs-15 { font-size:15px !important; }
.fs-14 { font-size:14px !important; }
.fs-13 { font-size:13px !important; }
.fs-12 { font-size:12px !important; }
.fs-11 { font-size:11px !important; }
.fs-10 { font-size:10px !important; }


.sommaire-menu-wrapper {
  position: relative; 
  font:600 18px 'Open Sans',Arial,sans-serif; 
  color: #1D356A; 
  border-bottom:solid 1px #1d52c1;
  width:100%; max-width:1000px;
  margin:auto;
}

.sommaire-menu-item {
  padding:10px;
  cursor:pointer;
  border-bottom: solid 5px #fff;
}

.sommaire-menu-item:hover { 
  opacity: .75;
  padding:10px;
  border-bottom: solid 5px #440b68;
  color:#440b68;
}

.sommaire-menu-item-active {
  opacity: .75;
  padding:10px 0;
  border-bottom: solid 5px #440b68;
}



/* - - - - - - - - - - - - - - CKEditor */
/* - - - - - - - - - - - - - - CKEditor */
/* - - - - - - - - - - - - - - CKEditor */

/* - chapeau */
.arianerh-chapeau { 
  font:700 clamp(1.15rem, 1.5vw, 1.75rem) "PlayfairDisplay",Times,serif !important;
  padding:0; 
  text-align: justify;
  color:#1D356A;
}
.arianerh-chapeau a { 
  font:700 clamp(1.15rem, 1.5vw, 1.75rem) "PlayfairDisplay",Times,serif;
  color:#1D356A; background-color: transparent; text-decoration:underline;
}
.arianerh-chapeau a:hover { color:#440b68; background-color: transparent !important; }

/* - encart-1 informations - fond uni et font blanche */
.arianerh-encart-1 {
  position: relative;
  width: 100% !important;
  padding: 30px !important; 
  margin: 30px auto !important;
  font:normal clamp(14px, 5vw, 23px) "PlayfairDisplay",Times,serif !important;
  background-color:#1D356A !important;
  color:#fff !important;
  border-radius:10px;
  word-break: keep-all;
  line-height: 1.75rem !important;
}

.arianerh-encart-1 a { 
  font:normal clamp(14px, 5vw, 23px) "PlayfairDisplay",Times,serif !important; 
  font-style: italic !important; 
  text-decoration:underline; 
  color:#1D356A; 
}
.arianerh-encart-1 a:hover { background-color: #440b68;  }

/* - encart-2 citation - fond blanc et font bleu */
.arianerh-encart-2 {
  position: relative;
  padding: 30px !important;
  margin: 30px auto !important;
  font:normal clamp(14px, 5vw, 23px) "PlayfairDisplay",Times,serif !important;
  font-style: italic !important;
  background-color: #fff !important;
  color: #1D356A !important;
  border: solid 1px #1D356A;
  border-radius:10px;
  word-break: keep-all;
  line-height: 1.75rem !important;
}

.arianerh-encart-2 a { 
  font:normal clamp(14px, 5vw, 23px) "PlayfairDisplay",Times,serif !important; 
  font-style: italic !important; 
  text-decoration:underline; 
  color:#1D356A; 
}
.arianerh-encart-2 a:hover { background-color: #440b68;  }






@media (min-width: 992px) {
    .w-lg-75 { width: 75% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-100 { width: 100% !important; }
}