@import url(fonts.css);
@import url(spip.custom.css);
@import url(custom.addevent.css);
@import url(custom.header.css);
@import url(custom.gis.css);
@import url(custom.gsc.css);
@import url(custom.formulaires.css);

* {font-family: var(--font-text);}
body { background-color:#FFF;}
body,p { line-height: 1.6em; font-family: var(--font-text);color: #282828;font-size:17px;}



/*------------------------------------
 modèle liste
------------------------------------*/

article.media.liste {
padding : 0.5rem 0.6rem;
margin: 0px auto 20px 0px;
border-bottom: 1px solid #eee;
border-collapse: collapse;
}
article.media.liste:last-child {
  border-bottom:none;
  margin-bottom:0px;

}

/* ----------------------------------------------------------------
  Flip Cards
-----------------------------------------------------------------*/

.flip-card {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.flip-card-front,
.flip-card-back {
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
  -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 280px;
  border-radius: 6px;
  color: #FFF;
  font-size: 1.5rem;
}

.flip-card-back { background-color: #666; }

.flip-card:hover .flip-card-front,
.flip-card:hover .flip-card-back {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1),
  -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flip-card-front.no-after::after,
.flip-card-back.no-after::after { content: none }

.flip-card-front::after,
.flip-card-back::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  opacity: 0.6;
  background-color: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 6px;
}

.flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.flip-card-inner {
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}

.flip-card-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-card-front,
.flip-card:hover .flip-card-back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}




/*------------------------------------
  Texte etc.
------------------------------------*/

.texte p, .texte  {font-size:17px; }
.descriptif p, .chapo p, .descriptif, .chapo {font-size:19px;}
.chapo p {color:#000;}
.texte p {padding-right :0px; padding-left:0px;}
.texte p strong, .texte ul > li strong  {font-family: var(--font-title);font-weight:400;}


body .encart-parallax p,
body .encart-parallax p blockquote.spip_poesie, body .encart-parallax blockquote.spip_poesie  {color:#FFFFFF}

@media (min-width: 768px) {
.page_article .texte p, .page_rubrique .texte p {padding-right :0px;padding-left:0px;}
.page_article .chapo p, .page_rubrique .texte .spip_colonne p {padding-right :0px;padding-left:0px;}


}


/*------------------------------------
  Titraille
------------------------------------*/
h1, h2, h3, h3.spip, h4, h5, h6 {
font-family:var(--font-title);
text-transform : uppercase;
font-weight: 400;
letter-spacing : 2
}


h2, .h2 {font-size: 1.8rem;}
@media (min-width: 576px) {h2, .h2 {font-size: 1.4rem;}}
@media (min-width: 768px) {h2, .h2 {font-size: 1.6rem;}}
@media (min-width: 992px) {h2, .h2 {font-size: 1.8rem;}}
@media (min-width: 1200px) {h2, .h2 {font-size: 2rem;}}



.g-color-text {
  color: #282828;
}


/*------------------------------------
  Recherche - intégration de Full screen Overlay Navigation https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp
------------------------------------*/

#myNav, 
span.overlay{z-index:1000000;}
.overlay{height:100%;width:0;position:fixed;z-index:100000;left:0;top:0;background-color:rgba(0,0,0,0.9);overflow-x:hidden;transition:0.5s;}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px;z-index:100000;}
.overlay-content .formulaire_spip, .overlay-content .formulaire_recherche{background:none;}
.overlay-content h1{text-align:center;color:#FFFFFF;}

.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:0.3s;border-bottom:none;}
.overlay a.closebtn {border-bottom:none;}
.overlay a:hover, .overlay a:focus{color:#f1f1f1;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;color:#FFFFFF;text-decoration:none;}
@media screen and (max-height:450px){
  .overlay a{font-size:20px} 
.overlay .closebtn{font-size:40px;top:15px;right:35px;text-decoration:none;}
}

/* LETTRINE  Styles copiés de  Unify 2.4 > Blog > Blog Single Item  1 
-------------------------------------------------------------------------*/
.page_article .lettrine p:first-child::first-letter {
float: left; 
font-size: 500%;  
line-height: 80%; 
margin:-.1em 0px;
padding-right: .1em}


.page_article .lettrine strong {color:#000;}
.lettrine .cs_blocs p:first-child::first-letter, 
.lettrine .onglets_bloc p:first-child::first-letter,
.lettrine .blocs_destination p:first-child::first-letter, .lettrine .blocs_destination:first-child::first-letter, .lettrine .cs_blocs .blocs_destination p:first-child::first-letter, .lettrine .cs_blocs:first-child::first-letter,
.lettrine .media p:first-child::first-letter, .lettrine .encart p:first-child::first-letter, .lettrine .littlefoot-footnote__content p:first-child::first-letter,
.lettrine button.little-footnote__button:first-child::first-letter,
.lettrine blockquote.spip p:first-child::first-letter, .lettrine blockquote.spip:first-child::first-letter, .lettrine blockquote p:first-child::first-letter, .lettrine blockquote:first-child::first-letter,
blockquote.spip p:first-child::first-letter, blockquote.spip:first-child::first-letter, blockquote p:first-child::first-letter, blockquote:first-child::first-letter,
.lettrine .onglets_contenu div p:first-child::first-letter
{font-size:inherit;padding:0px;margin-left:0px;line-height:inherit;font-weight:inherit;color:inherit;
}





img.bg-fullwith {
position: relative;
width: 100%; height:auto;}


.g-bg-darkwhite{ background: #F5F5F5;}
.g-brd-darkwhite {border-color:#EEE !important;}
.g-brd-darkwhite--hover:hover, .g-brd-darkwhite--active.active, .g-brd-darkwhite--active {
  border-color: #EEE !important; }
*:hover > .g-brd-darkwhite--hover-parent {
  border-color: #EEE !important; }

.g-bg-light { background: #F5F5F5;}
.g-bg-facebook { background: #3b5998}
.g-bg-dark {background: #000000}

.g-bg-communehospitaliere{ background: #2e718e;;}
.g-brd-communehospitaliere {border-color:#2e718e; !important;}
.g-brd-communehospitaliere--hover:hover, .g-brd-darkwhite--active.active, .g-brd-darkwhite--active {
  border-color: #2e718e; !important; }
*:hover > .g-brd-communehospitaliere--hover-parent {
  border-color: #2e718e; !important; }




.g-brd-theme {
  border-color:var(--theme-color) !important; }
.g-brd-theme--hover:hover, .g-brd-theme--active.active, .g-brd-theme--active {
  border-color: var(--theme-color) !important; }
*:hover > .g-brd-theme--hover-parent {
  border-color: var(--theme-color) !important; }

.g-brd-theme-v2 {border-color:var(--themehover-color)}
.g-color-theme-v2--hover:hover {
  color: #5bab35 !important; }
.g-brd-theme-v2--hover:hover {
  border-color: #5bab35 !important; }




.g-bg-theme, .g-bg-theme--hover:hover, .g-bg-theme--active.active:active, .g-bg-theme--active:active {background-color:var(--theme-color);}
.g-bg-theme-v2, .g-bg-theme-v2--hover:hover  {background-color:var(--themehover-color)}
.g-color-theme {color:var(--theme-color);}
.g-color-theme--hover:hover, .g-color-theme--active.active:active, .g-color-theme--active:active  {color:var(--theme-color)}
.g-color-theme-v2 {color:var(--themehover-color)}




.g-bg-theme-opacity-0_6 {
  background-color: rgba(118, 184, 43, 0.6) !important; }

.g-bg-theme-opacity-0_6--hover:hover {
  background-color: rgba(118, 184, 43, 0.6) !important; }

.g-bg-theme-opacity-0_6--hover--after:hover::after {
  background-color: rgba(118, 184, 43, 0.6) !important; }

.g-bg-theme-opacity-0_6--before::after, .g-bg-theme-opacity-0_6--after::after {
  background-color: rgba(118, 184, 43, 0.6) !important; }

.g-bg-theme-opacity-0_6--before--hover:hover::after, .g-bg-theme-opacity-0_6--after--hover:hover::after {
  background-color: rgba(118, 184, 43, 0.6) !important; }


.g-bg-theme-opacity-0_7 {
  background-color: rgba(118, 184, 43, 0.7) !important; }

.g-bg-theme-opacity-0_7--hover:hover {
  background-color: rgba(118, 184, 43, 0.7) !important; }

.g-bg-theme-opacity-0_7--hover--after:hover::after {
  background-color: rgba(118, 184, 43, 0.7) !important; }

.g-bg-theme-opacity-0_7--before::after, .g-bg-theme-opacity-0_7--after::after {
  background-color: rgba(118, 184, 43, 0.7) !important; }

.g-bg-theme-opacity-0_7--before--hover:hover::after, .g-bg-theme-opacity-0_7--after--hover:hover::after {
  background-color: rgba(118, 184, 43, 0.7) !important; }




.g-bg-theme-opacity-0_9 {
  background-color: rgba(118, 184, 43, 0.9) !important; }

.g-bg-theme-opacity-0_9--hover:hover {
  background-color: rgba(118, 184, 43, 0.9) !important; }

.g-bg-theme-opacity-0_9--hover--after:hover::after {
  background-color: rgba(118, 184, 43, 0.9) !important; }

.g-bg-theme-opacity-0_9--before::after, .g-bg-theme-opacity-0_9--after::after {
  background-color: rgba(118, 184, 43, 0.9) !important; }

.g-bg-theme-opacity-0_9--before--hover:hover::after, .g-bg-theme-opacity-0_9--after--hover:hover::after {
  background-color: rgba(118, 184, 43, 0.9) !important; }




.g-bg-theme-opacity-0_5 {
  background-color: rgba(118, 184, 43, 0.5) !important; }

.g-bg-theme-opacity-0_5--hover:hover {
  background-color: rgba(118, 184, 43, 0.5) !important; }

.g-bg-theme-opacity-0_5--hover--after:hover::after {
  background-color: rgba(118, 184, 43, 0.5) !important; }

.g-bg-theme-opacity-0_5--before::after, .g-bg-theme-opacity-0_5--after::after {
  background-color: rgba(118, 184, 43, 0.5) !important; }


.g-bg-twitter-opacity-0_9--after::after {
  background-color: rgba(85,172,238, 0.9) !important; }



.g-bg-theme-gradient-opacity-v1,
.g-bg-theme-gradient-opacity-v1--after::after {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7)  0%, transparent 100%);
  background-repeat: repeat-x; }

.g-bg-theme-gradient-opacity-v2,
.g-bg-theme-gradient-opacity-v2--after::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9)  0%, transparent 100%);
  background-repeat: repeat-y; }

.g-bg-theme-gradient-opacity-v3,
.g-bg-theme-gradient-opacity-v3--after::after {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9)  0%, transparent 100%);
  background-repeat: repeat-x; }



  .g-bg-theme-gradient-opacity-v10--after::after {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9)  0%, transparent 100%);
  background-repeat: repeat-x; }


.u-block-hover:hover .g-color-theme--hover, .g-color-theme--hover:hover {
  color: var(--theme-color) !important; }

  .g-bg-gray-dark-v2--hover:hover {
  background-color: #333 !important; }


.u-icon-effect-v1-2--hover::after {
  box-shadow: 0 0 0 1px var(--theme-color); }


.u-icon-effect-v1-2--hover:hover,
.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,
.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,
.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,
.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {
  border-color: var(--theme-color);
  background: var(--theme-color) !important; }
.u-icon-effect-v1-2--hover::after {
  top: -0.5rem;
  left: -0.5rem;
  padding: 0.5rem;
  box-shadow: 0 0 0 1px var(--theme-color);
  transition: all .2s ease-in-out;
  opacity: 0; }


/*------------------------------------
  Border Colors
------------------------------------*/
/* Primary Colors */
.g-brd-theme--active.cbp-filter-item-active {
  border-color: var(--theme-color) !important; }

/* Primary Colors */
.g-color-theme--active.cbp-filter-item-active {
  color: #FFF !important; }

.g-bg-theme--active.cbp-filter-item-active {
  color: var(--theme-color) !important; }

.g-brd-theme--hover:hover, .g-brd-theme--active.active {
  border-color: var(--theme-color) !important; }


.g-brd-theme--active.active,
.active .g-brd-theme--active {
  border-color: var(--theme-color) !important; }


.g-color-theme--active.cbp-filter-item-active {
  color: #FFF !important; }
.g-brd-theme--active.cbp-filter-item-active {
  border-color: var(--theme-color) !important;}
.g-bg-theme--active.cbp-filter-item-active {
background: var(--theme-color) !important;;
}



/* Buttons */

input.btn.u-btn-theme {color: #fff;background-color: var(--theme-color); }
input.u-btn-theme:hover,input.u-btn-theme:focus {color: #fff;background-color: var(--themehover-color); }

.u-btn-theme {color: #fff;background-color: var(--theme-color); }
.u-btn-theme:hover, .u-btn-theme:focus, .u-btn-theme.active,button.u-btn-theme:hover, button.u-btn-theme:focus, button.u-btn-theme.active {
  border-color: var(--theme-color);background-color:  transparent; color: var(--theme-color);}
.u-btn-outline-theme {color: var(--theme-color);border-color: var(--theme-color);background-color: transparent; }
.u-btn-outline-theme:hover, .u-btn-outline-theme:focus, .u-btn-outline-theme.active,button.u-btn-outline-theme:hover, button.u-btn-outline-theme:focus, button.u-btn-outline-theme.active {
color: #FFFFFF;border-color: var(--theme-color);background-color:var(--theme-color);}

.u-btn-themehover {color: #fff;background-color: var(--themehover-color); }
.u-btn-themehover:hover, .u-btn-themehover:focus, .u-btn-themehover.active,button.u-btn-themehover:hover, button.u-btn-themehover:focus, button.u-btn-themehover.active {
  border-color: var(--themehover-color);background-color:  transparent; color: var(--themehover-color);}


.u-btn-red {color: #fff;background-color: red; }
.u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active,button.u-btn-red:hover, button.u-btn-red:focus, button.u-btn-red.active {
  border-color: red;background-color:  transparent; color: red;}
.u-btn-outline-red {color: red;border-color: red;background-color: transparent; }
.u-btn-outline-red:hover, .u-btn-outline-red:focus, .u-btn-outline-red.active,button.u-btn-outline-red:hover, button.u-btn-outline-red:focus, button.u-btn-outline-red.active {
color: #FFFFFF;border-color: red;background-color:red;}


.u-btn-facebook {color: #fff;background-color: #3b5998; }
.u-btn-facebook:hover, .u-btn-facebook:focus, .u-btn-facebook.active, button.u-btn-facebook:hover, button.u-btn-facebook:focus, button.u-btn-facebook.active {
  border-color: #3b5998;background-color:  transparent; color: #3b5998;}
.u-btn-outline-facebook {color: #3b5998;border-color: #3b5998;background-color: transparent; }
.u-btn-outline-facebook:hover, .u-btn-outline-facebook:focus, .u-btn-outline-facebook.active,button.u-btn-outline-facebook:hover, button.u-btn-outline-facebook:focus, button.u-btn-outline-facebook.active {
color: #FFFFFF;border-color: #3b5998;background-color:#3b5998;}

.u-btn-orange {color: #fff;background-color: #e57d20; }
.u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active,button.u-btn-orange:hover, button.u-btn-orange:focus, button.u-btn-orange.active {
  border-color: #e57d20;background-color:  transparent; color: #e57d20;}
.u-btn-outline-orange {color: #e57d20;border-color: #e57d20;background-color: transparent; }
.u-btn-outline-orange:hover, .u-btn-outline-orange:focus, .u-btn-outline-orange.active,button.u-btn-outline-rorange:hover, button.u-btn-outline-orange:focus, button.u-btn-outline-orange.active {
color: #FFFFFF;border-color: #e57d20;background-color:#e57d20;}


.u-btn-outline-white-without-borders, .u-btn-outline-white-without-borders i {color: #fff; background-color: transparent; border:none; }
.u-btn-outline-white-without-borders:hover, .u-btn-outline-white-without-borders:focus, .u-btn-outline-white-without-borders.active, button.u-btn-outline-white-without-borders:hover, button.u-btn-outline-white-without-borders:focus, button.u-btn-outline-white-without-borders.active {
  border:none; background-color: white; color: #000;}
.u-btn-outline-white-without-borders:hover i, .u-btn-outline-white-without-borders:focus i, .u-btn-outline-white-without-borders.active i, button.u-btn-outline-white-without-borders:hover i, button.u-btn-outline-white-without-borders:focus i, button.u-btn-outline-white-without-borders.active i {
  border:none;background-color: white; color: #000;}


.u-btn-instagram {color: #fff;background-color: #3f729b; }
.u-btn-instagram:hover, .u-btn-instagram:focus, .u-btn-instagram.active, button.u-btn-instagram:hover, button.u-btn-instagram:focus, button.u-btn-instagram.active {
  border-color: #3f729b;background-color:  transparent; color: #3f729b;}
.u-btn-outline-instagram {color: #3f729b;border-color: #3f729b;background-color: transparent; }
.u-btn-outline-instagram:hover, .u-btn-outline-instagram:focus, .u-btn-outline-instagram.active,button.u-btn-outline-instagram:hover, button.u-btn-outline-instagram:focus, button.u-btn-outline-instagram.active {
color: #FFFFFF;border-color: #3f729b;background-color:#3f729b;}

.u-btn-white {color: #fff;background-color: transparent; }
.u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active,button.u-btn-white:hover, button.u-btn-white:focus, button.u-btn-white.active {
  border-color: #FFF;background-color:  transparent; color: #FFF;}
.u-btn-outline-white {color: #FFF;border-color: #FFF;background-color: transparent; }
.u-btn-outline-white:hover, .u-btn-outline-white:focus, .u-btn-outline-white.active,button.u-btn-outline-white:hover, button.u-btn-outline-white:focus, button.u-btn-outline-white.active {
color: #000;border-color: #FFF;background-color:#FFF;}



a.u-btn-link, a.u-btn-link:visited  {color:var(--theme-color);background-color: transparent; border:none;  text-shadow: none; }
a.u-btn-link:hover, a.u-btn-link:focus, a.u-btn-link.active, button.u-btn-link:hover, button.u-btn-link:focus, button.u-btn-link.active {
  text-decoration: underline ;border: none; background-color: transparent; color: var(--themehover-color);text-shadow:none}



  /*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: var(--theme-color); }

::selection {
  color: #fff;
  background-color: var(--theme-color); }

.g-bg-primary ::-moz-selection {
  color: var(--theme-color);
  background-color: #fff; }

.g-bg-primary ::selection {
  color: var(--theme-color);
  background-color: #fff; }



.no-display-on-small-devices {display:none;}
@media (min-width: 768px) { .no-display-on-small-devices {display:inline;}}
.no-display-on-large-devices {display:inline;}
@media (min-width: 992px) { .no-display-on-large-devices {display:none;}}



  /*------------------------------------
 rubrique_iconblocksinteractive10.html
------------------------------------*/

.u-info-v2-2__item::after, .u-info-v2-2__item::before {
  border-color:#eee; }



.u-heading-v6-2 .u-heading-v6__title::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 5rem;
  border-top-width: 10px;
  border-top-style: solid;
  border-color: inherit; }




.sidebar .u-heading-v6-2 .u-heading-v6__title::after {
  width: 2rem;
}

.sidebar .u-heading-v6-2 .u-heading-v6__title {
  padding-left: 3.5rem; }



.u-heading-v6-1 .u-heading-v6__title::after, .u-heading-v6-1.text-center .u-heading-v6__title::before, .u-heading-v6-1.text-right .u-heading-v6__title::before, .u-heading-v6-2 .u-heading-v6__title::after, .u-heading-v6-2.text-center .u-heading-v6__title::before, .u-heading-v6-2.text-right .u-heading-v6__title::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 5rem;
  border-top-width: 10px;
  border-top-style: solid;
  border-color: var(--theme-color); }



  /* Apple Podcast */
.g-color-applepodcast{
  color: #B150E2 }
.g-color-applepodcast:hover {
  color: #D56DFB }
.g-color-applepodcast--hover:hover {
  color: #D56DFB !important; }

  /* Deezer */
.g-color-deezer{
  color: #000000  }
.g-color-deezer:hover {
  color: #ff0000 }
.g-color-deezer--hover:hover {
  color: #ff0000  !important; }

  /* Spotify */
.g-color-spotify{
  color: #81b71a  }
.g-color-spotify:hover {
  color: #191414 }
.g-color-spotify--hover:hover {
  color: #191414  !important; }

  /* google */
.g-color-google{
  color: #dd4b39  }
.g-color-google:hover {
  color: #dd4b39  }
.g-color-google--hover:hover {
  color: #dd4b39 !important; }




  /* Vimeo */
.g-color-vimeo, .color-vimeo {
  color: #1ca3e2; }
.g-color-vimeo:hover, .color-vimeo:hover {
  color: #1ca3e2; }
.g-color-vimeo--hover:hover, .color-vimeo--hover:hover {
  color: #1ca3e2 !important; }

  /* Flickr */
.g-color-flickr, .color-flickr {
  color: #fb0071; }
.g-color-flickr:hover, .color-flickr:hover {
  color: #fb0071; }
.g-color-flickr--hover:hover, .color-flickr--hover:hover {
  color: #fb0071 !important; }

/* Soundcloud*/
.g-color-soundcloud, .color-soundcloud {
  color: #FE5000; }
.g-color-soundcloud:hover, .color-soundcloud:hover {
  color: #f2520f; }
.g-color-soundcloud--hover:hover, .color-soundcloud--hover:hover {
  color: #f2520f !important; }





/* Download, Play button, Image Link */
.g-color-download, .g-color-link, .g-color-play, .g-color-image, .g-color-commande {
  color: var(--theme-color); }
.g-color-download:hover, .g-color-link:hover, .g-color-play:hover, .g-color-image:hover,.g-color-commande:hover {
  color: var(--theme-color); }
.g-color-download--hover:hover, .g-color-link--hover:hover, .g-color-play--hover:hover, .g-color-image--hover:hover, .g-color-commande--hover:hover  {
  color: var(--theme-color) !important; }


/* RSS*/
.g-color-rss {
  color: #ff9300 ; }
.g-color-rss:hover {
  color: #ff9300 ; }
.g-color-rss--hover:hover {
  color: #ff9300 !important; }




.u-block-hover img.trame {overflow:visible;}

@media (max-width: 576px) {
  .g-width-100x--sm {
    width: 100% !important; } }

/* utilisé pour le modèle doc */
@media (min-width: 1200px) {
  .g-width-60x--lg {
    width: 60% !important;  } 

.pleinepage .spip_documents {width: 70% !important;}
.pleinepage .bloc .spip_documents {width: 100% !important;}
}



  

/* TAB V8-2 - modele de tabs > rubrique_alternative */

[class*="u-nav-v8"] .nav-link {
  position: relative;
  min-height: 100%;
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  transition: none; }

[class*="u-nav-v8"] .nav-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100%;

  z-index: 1; }



[class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon {
  background-color: var(--theme-color); }

[class*="u-nav-v8"] .nav-link.active .u-nav-v8__description {
  color: red }

  [class*="u-nav-v8"] .nav-link.active {
  background-color: var(--theme-color); }

  .u-nav-v8-2 .nav-link.active::before {
    background-image: linear-gradient(to bottom left, transparent 49.6%, #72c02c 50%), linear-gradient(to top left, transparent 49.6%, var(--theme-color) 50%); }






/*------------------------------------
  Go To v1
------------------------------------*/

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
  background-color: var(--theme-color); }



  

.g-bottom-10x {
  bottom: 10%; }



@media print {
.noprint, 
header,
footer,
img
{ display: none; }
}




.h2-heading {
  position: relative;
  text-align: center; }


.h2-heading__downer {
  font-size: 3.57143rem;
  line-height: 1;
  opacity: .06;
  font-family:var(--font-title); 
  font-weight: 400; 
  letter-spacing:1px;
  text-transform:uppercase; }

h2.h2-heading__downer {font-size: 3.57143rem;}

.h2-heading__upper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.14286rem;
  color: #000000;
  font-family:var(--font-title); 
  font-weight: 400; 
  letter-spacing:1px;
  text-transform:uppercase;

}
h2..h2-heading__upper {font-size: 2.14286rem;}



  /*  Important, pour les grandes bbaners videos/images en background   */
  .jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
  padding-bottom:0px;
  margin-bottom:0px;
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}



/*------------------------------------
  Carousel indicators v1

  Customisation de style.e-sommerce.css pour les modèles rubrique_carouselv5 et rubrique_ressourcev2
------------------------------------*/
.u-carousel-indicators-v1,
.u-carousel-indicators-v1--white {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-carousel-indicators-v1 li,
.u-carousel-indicators-v1--white li {
  margin: 0 5px;
}

.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span {
background-color: var(--theme-color);
}

.u-carousel-indicators-v1 span,
.u-carousel-indicators-v1--white span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #777;
  opacity: 1;
}

.u-carousel-indicators-v1 span {
  background-color: #777;
}






 /*------------------------------------
  pour hauteur item carousel horizontal
------------------------------------*/
.g-min-height-550 {
  min-height: 550px; }



  .morecontent span {
    display: none;
}
.morelink {
    display: block;
}


@media (min-width: 768px) {
  .g-height-400--md {
    height: 400px; }}

@media (min-width: 576px) {
  .g-height-450--sm {
height: 450px; }

}


@media (min-width: 992px) {

  .g-width-50x--lg {
    width: 50% !important;
    /* P */ }}



    /*Surcharge pour adaptation mobile*/

.col-padding { padding: 1rem; }
@media (min-width: 992px) {
  .col-padding { padding: 2rem;}}
@media (min-width: 1200px) {
.col-padding { padding: 4rem; }}



/* Widget Filter Links
-----------------------------------------------------------------*/
.cbp-filter-item {position: relative}
span.label {
position: absolute;
  top: 1px;
  left: auto;
  right: 0;
  font-size: 11px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #777;
  background-color: #EEE;
  border-radius: 50%;
}

.overflow-hidden {
    overflow:hidden !important
}


/* ----------------------------------------------------------------
  Opacity Utility Classes
-----------------------------------------------------------------*/

.op-ts {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.op-0,
.h-op-0:hover {
  opacity: 0 !important;
}

.op-01,
.h-op-01:hover {
  opacity: 0.1 !important;
}

.op-02,
.h-op-02:hover {
  opacity: 0.2 !important;
}

.op-03,
.h-op-03:hover {
  opacity: 0.3 !important;
}

.op-04,
.h-op-04:hover {
  opacity: 0.4 !important;
}

.op-05,
.h-op-05:hover {
  opacity: 0.5 !important;
}

.op-06,
.h-op-06:hover {
  opacity: 0.6 !important;
}

.op-07,
.h-op-07:hover {
  opacity: 0.7 !important;
}

.op-08,
.h-op-08:hover {
  opacity: 0.8 !important;
}

.op-09,
.h-op-09:hover {
  opacity: 0.9 !important;
}

.op-1,
.h-op-1:hover {
  opacity: 1 !important;
}